component-modal{opacity:0;z-index:9999999;transition:visibility .2s cubic-bezier(.22,1,.36,1),opacity .2s cubic-bezier(.22,1,.36,1)}component-modal.state--active{opacity:1;visibility:visible!important}.component-modal-content{transform:scale(.8);transition:transform .2s cubic-bezier(.22,1,.36,1)}component-modal.state--active .component-modal-content{transform:scale(1)}body:has(component-modal.state--active){overflow:hidden}component-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;align-items:center;justify-content:center}.component-modal-background{position:absolute;top:0;right:0;bottom:0;left:0}.component-modal-content{width:80vw;height:auto;max-height:80dvh;overflow:auto}.component-modal-background{background-color:rgb(var(--color-foreground),.5)}.component-modal-content{background-color:#fff;padding-inline:var(--s1);padding-block:var(--s3);position:relative}.component-modal-close{position:absolute;top:var(--s0);right:var(--s0);padding:var(--s-2)}@media(max-width:767px){.component-modal-content{width:calc(100dvw - var(--s1));padding-top:var(--s3);padding-bottom:var(--s2)}}
/*# sourceMappingURL=/cdn/shop/t/285/assets/component-modal.css.map */