drawer-component,quick-view-modal,quiz-result-modal,password-modal,ugc-lightbox{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}drawer-component[open],quick-view-modal[open],quiz-result-modal[open],password-modal[open],ugc-lightbox[open]{pointer-events:auto;visibility:visible;transition:none}drawer-component[contained],quick-view-modal[contained],quiz-result-modal[contained],password-modal[contained],ugc-lightbox[contained]{position:absolute;z-index:var(--z-drawer-contained, 10)}drawer-component[drawer-position=center]>[drawer-panel],quick-view-modal[drawer-position=center]>[drawer-panel],quiz-result-modal[drawer-position=center]>[drawer-panel],password-modal[drawer-position=center]>[drawer-panel]{inset-block-start:0;inset-block-end:auto;inset-inline-start:0;inset-inline-end:0;block-size:100dvh;max-block-size:none;inline-size:100%;border-radius:0;transform:translateY(-100%);opacity:0;transition:transform .3s ease,opacity .3s ease,visibility .3s,content-visibility 0s .3s allow-discrete;content-visibility:hidden}@media(min-width:768px){drawer-component[drawer-position=center]>[drawer-panel],quick-view-modal[drawer-position=center]>[drawer-panel],quiz-result-modal[drawer-position=center]>[drawer-panel],password-modal[drawer-position=center]>[drawer-panel]{inset-block-start:50%;inset-inline-start:50%;inset-inline-end:auto;block-size:auto;max-block-size:90vh;inline-size:min(var(--drawer-width, 72rem),100% - 2rem);border-radius:var(--border-radius-modals, 0);transform:translate(-50%,-50%) scale(.95);transition:transform .2s ease,opacity .2s ease,visibility .2s,content-visibility 0s .2s allow-discrete}}drawer-component[drawer-position=center][open]>[drawer-panel],quick-view-modal[drawer-position=center][open]>[drawer-panel],quiz-result-modal[drawer-position=center][open]>[drawer-panel],password-modal[drawer-position=center][open]>[drawer-panel]{transform:translateY(0);opacity:1;visibility:visible;content-visibility:visible;transition:transform .3s ease,opacity .3s ease}@media(min-width:768px){drawer-component[drawer-position=center][open]>[drawer-panel],quick-view-modal[drawer-position=center][open]>[drawer-panel],quiz-result-modal[drawer-position=center][open]>[drawer-panel],password-modal[drawer-position=center][open]>[drawer-panel]{transform:translate(-50%,-50%) scale(1);transition:transform .2s ease,opacity .2s ease}}quiz-result-modal[drawer-position=center]>[drawer-panel]{transform:none;transition:opacity .3s ease,visibility .3s,content-visibility 0s .3s allow-discrete}@media(min-width:768px){quiz-result-modal[drawer-position=center]>[drawer-panel]{transform:translate(-50%,-50%) scale(.95);transition:transform .2s ease,opacity .2s ease,visibility .2s,content-visibility 0s .2s allow-discrete}}quiz-result-modal[drawer-position=center][open]>[drawer-panel]{transform:none}@media(min-width:768px){quiz-result-modal[drawer-position=center][open]>[drawer-panel]{transform:translate(-50%,-50%) scale(1)}}drawer-component[contained]>[drawer-panel]{inset-block-start:50%;inset-block-end:auto;inset-inline-start:50%;inset-inline-end:auto;block-size:auto;max-block-size:calc(100% - 2rem);inline-size:min(21.5rem,100% - 2rem);transform:translate(-50%,-50%) scale(.95);opacity:0;transition:transform .2s ease,opacity .2s ease}drawer-component[contained][open]>[drawer-panel]{transform:translate(-50%,-50%) scale(1);opacity:1;visibility:visible;transition:transform .2s ease,opacity .2s ease}@media(min-width:768px){drawer-component[contained]>[drawer-panel]{inset-block:0;inset-inline-start:0;inset-inline-end:auto;block-size:auto;max-block-size:none;inline-size:var(--drawer-width, 24rem);opacity:1;transform:translate(-100%);transition:transform .3s ease,visibility .3s}drawer-component[contained][drawer-position=right]>[drawer-panel]{inset-inline-start:auto;inset-inline-end:0;transform:translate(100%)}drawer-component[contained][open]>[drawer-panel]{transform:translate(0);opacity:1}}drawer-component[drawer-position=bottom][contained]>[drawer-panel]{inset-block-start:auto;inset-block-end:0;inset-inline:0;inline-size:100%;max-inline-size:100%;block-size:auto;max-block-size:85%;border-start-start-radius:var(--border-radius-modals, 0);border-start-end-radius:var(--border-radius-modals, 0);border-block-start:1px solid var(--color-border);box-shadow:0 -4px 24px var(--color-overlay);opacity:1;visibility:hidden;transform:translateY(100%);transition:transform .3s ease,visibility .3s,content-visibility 0s .3s allow-discrete}drawer-component[drawer-position=bottom][contained]>[drawer-panel]>[drawer-body]{flex:0 1 auto;padding:1rem 1.5rem 1.5rem}drawer-component[drawer-position=bottom][contained]>[drawer-panel]>[drawer-header]{padding-inline:1.5rem;align-items:center}drawer-component[drawer-position=bottom][contained][open]>[drawer-panel]{opacity:1;visibility:visible;transform:translateY(0);transition:transform .3s ease,visibility .3s}drawer-component[drawer-position=bottom][contained]>[drawer-backdrop]{transition:opacity .2s ease}[drawer-backdrop]{position:absolute;top:0;right:0;bottom:0;left:0;background-color:color-mix(in srgb,var(--color-overlay) 50%,transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}drawer-component[open]>[drawer-backdrop],quick-view-modal[open]>[drawer-backdrop],quiz-result-modal[open]>[drawer-backdrop],password-modal[open]>[drawer-backdrop],ugc-lightbox[open]>[drawer-backdrop]{opacity:1;pointer-events:auto}[drawer-panel]{position:absolute;inset-block:0;inset-inline-start:0;inline-size:var(--drawer-width, 24rem);max-inline-size:100%;background:var(--color-bg) var(--gradient-background) no-repeat 100%;transform:translate(-100%);transition:transform .3s ease,visibility .3s;visibility:hidden;z-index:1;content-visibility:hidden}drawer-component[drawer-position=right]>[drawer-panel]{inset-inline-start:auto;inset-inline-end:0;transform:translate(100%)}drawer-component[open]>[drawer-panel],quick-view-modal[open]>[drawer-panel],quiz-result-modal[open]>[drawer-panel],password-modal[open]>[drawer-panel],ugc-lightbox[open]>[drawer-panel]{transform:translate(0);visibility:visible;content-visibility:visible}popup-component[open]>[drawer-panel]{content-visibility:visible}[drawer-header]{padding:1rem;border-block-end:1px solid var(--color-border)}.drawer__title{gap:.5rem;flex:1 1 auto}.drawer__title-text{overflow-wrap:break-word;word-break:break-word}@media(min-width:768px){quick-view-modal[drawer-position=center] [drawer-header]{position:absolute;inset-block-start:1.5rem;inset-inline-end:1.5rem;z-index:2;padding:0;border-block-end:0}}[drawer-body]{overflow-y:auto;flex:1 1 auto;min-block-size:0}quick-view-modal.is-loading>[drawer-panel]>[drawer-body]{opacity:.5;pointer-events:none}[quick-view-trigger].is-loading{pointer-events:none}[quick-view-trigger].is-loading svg{display:none}[quick-view-trigger].is-loading:after{content:"";inline-size:1em;block-size:1em;border:2px solid currentColor;border-inline-start-color:transparent;border-radius:50%;animation:quick-view-trigger-spin .8s linear infinite}@keyframes quick-view-trigger-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){[quick-view-trigger].is-loading:after{animation-duration:1.6s}}drawer-component[drawer-position=bottom]:not([contained]) [drawer-panel]{inset-block-start:auto;inset-block-end:0;inset-inline:0;inline-size:100%;max-inline-size:100%;block-size:auto;max-block-size:85vh;border-start-start-radius:var(--border-radius-modals, 0);border-start-end-radius:var(--border-radius-modals, 0);border-block-start:1px solid var(--color-border);box-shadow:0 -4px 24px var(--color-overlay);opacity:1;visibility:hidden;transform:translateY(100%);transition:transform .3s ease,visibility .3s,content-visibility 0s .3s allow-discrete}drawer-component[drawer-position=bottom]:not([contained]) [drawer-body]{flex:0 1 auto;padding:1rem 1.5rem 1.5rem}drawer-component[drawer-position=bottom]:not([contained]) [drawer-header]{padding-inline:1.5rem;align-items:center}drawer-component[drawer-position=bottom]:not([contained])[open] [drawer-panel]{opacity:1;visibility:visible;transform:translateY(0);transition:transform .3s ease,visibility .3s}@media(prefers-reduced-motion:reduce){drawer-component[drawer-position=bottom]:not([contained]) [drawer-panel],drawer-component[drawer-position=bottom]:not([contained])[open] [drawer-panel]{transition:none}}quick-view-modal[drawer-position=center]>[drawer-panel]{inset-block:auto 0;block-size:85dvh;transform:translateY(100%)}@media(min-width:768px){quick-view-modal[drawer-position=center]>[drawer-panel]{inset-block:50% auto;block-size:77vh;max-block-size:38rem;transform:translate(-50%,calc(-50% + 8px));transition:transform var(--dur-menu-out) var(--ease-smooth),opacity var(--dur-menu-out) var(--ease-smooth),visibility var(--dur-menu-out),content-visibility 0s var(--dur-menu-out) allow-discrete}quick-view-modal[drawer-position=center][open]>[drawer-panel]{transform:translate(-50%,-50%);transition:transform var(--dur-menu-in) var(--ease-smooth),opacity var(--dur-menu-in) var(--ease-smooth)}}quick-view-modal{--drawer-width: 60rem}quick-view-modal>[drawer-panel]>[drawer-body]{padding:var(--page-margin)}@media(min-width:768px){quick-view-modal>[drawer-panel]>[drawer-body]{padding:2rem}}quick-view-modal>[drawer-backdrop]{transition:opacity var(--dur-menu-out) var(--ease-menu)}quick-view-modal[open]>[drawer-backdrop]{transition:opacity var(--dur-menu-in) var(--ease-menu)}@media(prefers-reduced-motion:reduce)and (min-width:768px){quick-view-modal[drawer-position=center]>[drawer-panel]{transform:translate(-50%,-50%);transition:opacity var(--dur-base) ease,visibility var(--dur-base),content-visibility 0s var(--dur-base) allow-discrete}quick-view-modal[drawer-position=center][open]>[drawer-panel]{transform:translate(-50%,-50%);transition:opacity var(--dur-base) ease}}@media(prefers-reduced-motion:reduce){[drawer-panel]{transform:none;transition:opacity var(--dur-base) ease,visibility var(--dur-base)}drawer-component[open]>[drawer-panel]{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/101/assets/drawer.css.map */