.popup-modal{box-sizing:border-box;opacity:0;position:fixed;visibility:hidden;z-index:-1;margin:0 auto;top:0;left:0;overflow:auto;width:100%;height:100%}.popup-modal:not(.transparent){background:rgb(var(--color-black),.5)}.popup-modal[open]{opacity:1;visibility:visible;z-index:101}.popup-modal__content{border-radius:var(--popup-corner-radius);background-color:rgb(var(--color-body));overflow:auto;margin:0 auto;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - var(--gutter-site-mobile) * 2);max-width:1000px;max-height:80vh;position:absolute;border-color:rgba(var(--color-border),var(--popup-border-opacity));border-style:solid;border-width:var(--popup-border-width);box-shadow:var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity))}@media screen and (min-width: 750px){.popup-modal__content{width:70%}}.popup-modal__content--medium{max-width:700px}.popup-modal__content--small{max-width:500px}.popup-modal[loading] .popup-modal__content{height:80%}.popup-modal__content.focused{box-shadow:0 0 0 .3rem rgb(var(--color-body)),0 0 .5rem .4rem rgba(var(--color-border),.3),var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity))}.popup-modal__content:focus-visible{box-shadow:0 0 0 .3rem rgb(var(--color-body)),0 0 .5rem .4rem rgba(var(--color-border),.3),var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity))}.popup-modal__content img{max-width:100%}.popup-modal__opener{display:inline-block}.popup-modal__button{font-size:1.6rem;padding-right:1.3rem;padding-left:0;min-height:4.4rem}.popup-modal__header{display:flex;align-items:center;padding:var(--gutter-site-mobile) var(--gutter-site-mobile) 2rem var(--gutter-site-mobile);background-color:rgb(var(--color-body));position:sticky;top:0;z-index:2}@media only screen and (min-width: 750px){.popup-modal__header{padding:var(--gutter-site) var(--gutter-site) 2rem var(--gutter-site)}}.popup-modal__header>*{margin-bottom:0}.popup-modal__content-info{padding:0 var(--gutter-site-mobile) var(--gutter-site-mobile) var(--gutter-site-mobile)}@media only screen and (min-width: 750px){.popup-modal__content-info{padding:0 var(--gutter-site) var(--gutter-site) var(--gutter-site)}}.popup-modal__content-info>*{height:auto;max-width:100%;width:100%}@media screen and (max-width: 749px){.popup-modal__content-info>*{max-height:100%}}.popup-modal[loading] .popup-modal__content-info{display:none}.popup-modal .loading__spinner{top:calc(50% - 2rem);left:calc(50% - 2rem);width:4rem}.popup-modal:not([loading]) .loading__spinner{display:none}.popup-modal__toggle{background:none;border:none;color:rgb(var(--color-body-text));display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;padding:0;width:1.5rem;height:1.5rem;margin:0 0 0 auto}.popup-modal__toggle:before{content:"";position:absolute;display:block;height:200%;width:200%;left:-50%;top:-50%}.popup-modal__toggle .icon{height:100%;width:100%;margin:0}
/*# sourceMappingURL=/cdn/shop/t/34/assets/component-popup-modal.css.map */