product-modal{background-color:#00000080;-webkit-backdrop-filter:blur(.125rem);backdrop-filter:blur(.125rem);top:0;left:0;width:100%;height:100%;position:fixed;z-index:var(--z-index-product-modal);display:none;justify-content:center;align-items:center;opacity:1;overflow-y:visible;transition:opacity .1s ease-in-out,height .1s ease-in-out}@supports (height: 100dvh){product-modal{height:100dvh}}product-modal .sidebar__header .sidebar__title{font-size:18px;font-family:var(--font-stack-headings-primary)}pmd-content{display:grid;grid-template-columns:1fr;gap:0}pmd-content>*:not(.full-width){padding:calc(var(--sidebar-gutter) / 2) var(--sidebar-gutter)}pmd-content>:has(+.full-width){padding-bottom:calc(var(--sidebar-gutter) / 2)}product-modal.closing{opacity:0}product-modal .free-callout{position:relative;z-index:1;display:block;background:#f3af4e;padding:10px;margin-bottom:calc(var(--gutter-regular)* 1);margin-top:calc(var(--gutter-regular)* -1);margin-left:calc(var(--gutter-regular)* -1);margin-right:calc(var(--gutter-regular)* -1)}product-modal.active{display:flex!important}[data-js-product-template]:not(.active){display:none}product-modal.working pmd-wrapper{opacity:0}pmd-close{position:absolute;z-index:1003;top:0;display:block;padding:10px;background:transparent;right:0;height:auto;cursor:pointer!important}pmd-loader.button--loader{position:fixed!important;z-index:var(--z-index-modal-loader);top:50%;transform:translateY(-50%);left:0;right:0}pmd-loader .button__preloader{width:40px!important;height:40px!important;position:relative!important;transform:none!important;left:unset!important;right:unset!important;margin:0 auto!important}pmd-loader .button__preloader-text{display:block;opacity:0;color:#fff;font-weight:700;font-size:1.2rem;position:relative;text-align:center;max-width:270px;margin:0 auto;transition:opacity .1s ease-in-out}pmd-loader.working .button__preloader-text{opacity:1}product-modal.loaded .button__preloader-text{display:none}pmd-loader .button__preloader svg{width:40px!important;height:40px!important;padding:5px;background:#fff;border:1px solid #ccc;border-radius:9999em}pmd-loader.button--loader .button__preloader-element circle{stroke:#000!important}body.modal-open{overflow:hidden}product-modal.loaded pmd-wrapper{transform:translate(0);opacity:1}product-modal pmd-wrapper{display:block!important;opacity:0;height:100%}@supports (height: 100dvh){product-modal pmd-wrapper{height:100dvh}}
/*# sourceMappingURL=/cdn/shop/t/940/assets/component-product-modal.css.map */