popup-component{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-drawer, 200);pointer-events:none;visibility:hidden;transition:visibility 0s .3s}popup-component[open]{visibility:visible;transition:none}popup-component[type=age-verification]{z-index:calc(var(--z-drawer, 200) + 2)}popup-component[layout]{background-color:transparent}popup-component>[drawer-backdrop]{background-color:var(--color-overlay);opacity:0;transition:opacity var(--dur-menu-out) var(--ease-menu)}popup-component[layout=default]{padding:1rem}popup-component[layout=default][open]{pointer-events:auto}popup-component[layout=default][open]>[drawer-backdrop]{opacity:var(--popup-overlay-opacity, .5);pointer-events:auto;transition:opacity var(--dur-menu-in) var(--ease-menu)}popup-component>[drawer-panel]{visibility:visible;background:var(--color-bg) var(--gradient-background) no-repeat 100%;color:var(--color-text);border-radius:var(--border-radius-modals, 0);box-shadow:0 8px 24px color-mix(in srgb,var(--color-text) 15%,transparent);pointer-events:auto}.popup__close{position:absolute;inset-block-start:var(--popup-close-offset);inset-inline-end:var(--popup-close-offset);z-index:2}popup-component{--popup-close-offset: 1rem}popup-component[layout=default]>[drawer-panel]{position:relative;inset:auto;inline-size:min(500px,100vw - 2rem);max-inline-size:100%;max-block-size:min(600px,100dvh - 2rem);transform:translateY(.5rem);opacity:0;transition:transform var(--dur-menu-out) var(--ease-smooth),opacity var(--dur-menu-out) var(--ease-smooth)}@media(min-width:768px){popup-component[layout=default]>[drawer-panel].popup__panel--with-image{flex-direction:row;inline-size:min(1000px,100vw - 2rem)}}@media(min-width:768px){popup-component[layout=default]>[drawer-panel].image-right .popup__content{order:1}popup-component[layout=default]>[drawer-panel].image-right .popup__media{order:2}}@media(min-width:768px){popup-component[layout=default]>[drawer-panel].image-left .popup__media{order:1}popup-component[layout=default]>[drawer-panel].image-left .popup__content{order:2}}popup-component[layout=default][open]>[drawer-panel]{transform:translateY(0);opacity:1;transition:transform var(--dur-menu-in) var(--ease-smooth),opacity var(--dur-menu-in) var(--ease-smooth)}@media(prefers-reduced-motion:reduce){popup-component[layout=default]>[drawer-panel],popup-component[layout=default][open]>[drawer-panel]{transform:none;transition:opacity var(--dur-base) ease}}popup-component[layout=mini]>[drawer-panel]{position:fixed;inset-block-start:auto;inset-block-end:0;inset-inline:0;inline-size:100%;block-size:auto;max-block-size:min(85dvh,600px);overflow-y:auto;transform:translateY(100%);opacity:0;transition:transform var(--dur-menu-out) var(--ease-smooth),opacity var(--dur-menu-out) var(--ease-smooth),content-visibility 0s var(--dur-menu-out) allow-discrete;border-radius:0}@media(min-width:768px){popup-component[layout=mini]>[drawer-panel]{inset-block-end:1.5rem;inline-size:min(480px,100vw - 2rem);transform:translateY(.5rem);border-radius:var(--border-radius-modals, 0)}}@media(min-width:768px){popup-component[layout=mini][position=left]>[drawer-panel]{inset-inline-start:1.5rem;inset-inline-end:auto}}@media(min-width:768px){popup-component[layout=mini][position=right]>[drawer-panel]{inset-inline-end:1.5rem;inset-inline-start:auto}}popup-component[layout=mini][open]>[drawer-panel]{transform:translateY(0);opacity:1;transition:transform var(--dur-menu-in) var(--ease-smooth),opacity var(--dur-menu-in) var(--ease-smooth)}@media(prefers-reduced-motion:reduce){popup-component[layout=mini]>[drawer-panel]{transform:none;transition:opacity var(--dur-base) ease,content-visibility 0s var(--dur-base) allow-discrete}popup-component[layout=mini][open]>[drawer-panel]{transform:none;transition:opacity var(--dur-base) ease}}.popup__media{order:1;flex:0 0 auto;block-size:clamp(140px,42vw,220px)}@media(min-width:768px){.popup__media{order:0;flex:0 0 400px;block-size:auto;align-self:stretch}}@media(min-width:1024px){.popup__media{flex-basis:500px}}.popup__media--hide-mobile{display:none}@media(min-width:768px){.popup__media--hide-mobile{display:block}}.popup__media .abs-fill{position:absolute}.popup__media .popup__img--mobile,.popup__media.has-mobile-image .popup__img--desktop{display:none}.popup__media.has-mobile-image .popup__img--mobile{display:block}@media(min-width:768px){.popup__media.has-mobile-image .popup__img--desktop{display:block}.popup__media.has-mobile-image .popup__img--mobile{display:none}}.popup__media[reveal]{transition:none}.popup__media[reveal] .popup__img{transform:scale(var(--media-park, 1))}@media not (prefers-reduced-motion:reduce){.js-reveal .popup__media[reveal]:not(.is-revealed) .popup__img{--media-park: 1.04;transition:none}}.popup__media[reveal].is-revealed .popup__img{transition:transform var(--dur-media) var(--ease-smooth)}.js-reveal .popup__media[reveal]:not(.is-revealed){opacity:1}.popup__content{order:2;flex:1 1 auto;min-inline-size:0;align-items:stretch;--popup-content-pad: 1rem;padding:var(--popup-content-pad);overflow-y:auto}@media(min-width:768px){.popup__content{--popup-content-pad: 2.5rem}}.popup__content>:first-child{padding-inline-end:max(0px,var(--popup-close-offset) + 26px + .5rem - var(--popup-content-pad))}.popup__content .btn-group{flex-direction:column;align-items:stretch;inline-size:100%}.popup__content .btn{inline-size:100%}@media(min-width:768px){popup-component[layout=mini] .popup__content{--popup-content-pad: 1.5rem}}.newsletter-block__row{gap:.5rem}.newsletter-block__input{min-inline-size:0}.newsletter-block__helper{margin-block-start:.5rem;font-size:.8125rem}.newsletter-block__message{margin-block-start:.5rem}.newsletter-block__message--error{color:var(--color-error)}popup-component .countdown__grid{--countdown-gap: 1rem;flex-wrap:nowrap;inline-size:100%}popup-component .countdown__unit{flex:1 1 0;min-inline-size:0}popup-component .countdown__unit:not(:last-child):after{inset-block:0;background-color:var(--color-border)}popup-component .countdown__value{font-size:2.5rem}@media(min-width:768px){popup-component .countdown__value{font-size:3rem}}popup-component .countdown__label{font-size:.8125rem;white-space:nowrap}
/*# sourceMappingURL=/cdn/shop/t/101/assets/popup.css.map */