.modal-card{background:#fff;border-radius:1rem;display:flex;flex-direction:column;padding:2.5rem;margin:2.5rem;max-width:45rem;width:100%}.modal-header{align-items:baseline;display:flex;justify-content:flex-end}.close{background:none;border:none;cursor:pointer;display:flex;height:2.5rem;text-decoration:none;width:2.5rem}.close svg{width:2.5rem}.modal-wrapper{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}#modal{opacity:0;transition:opacity .25s ease-in-out;visibility:hidden}#modal:target{opacity:1;visibility:visible;z-index:5}#modal:target .modal-body{opacity:1}#modal .modal-body{max-width:45rem;opacity:0;transition:opacity .25s ease-in-out;width:100%;z-index:1}.outside-trigger{bottom:0;cursor:default;left:0;position:fixed;right:0;top:0}.modal__media{min-height:45rem;max-height:55rem}@media only screen and (min-width: 990px){#modal .modal-body{max-width:75rem}.modal__media{min-height:55rem;max-height:75rem}.close{background:none;border:none;cursor:pointer;display:flex;height:4rem;text-decoration:none;width:4rem}.close svg{width:4rem}.modal-card{padding:2.5rem;margin:4rem;max-width:75rem;width:100%}}@media only screen and (max-height: 600px){.modal__media{min-height:75vh;max-height:75vh}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/component-modal.css.map */