.overlay-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--overlay-background);z-index:var(--z-overlay)}@media(max-width:1023px){.overlay-container{max-width:100vw}}.overlay-header{display:flex;justify-content:space-between;align-items:center;pointer-events:none;padding:var(--page-margin) var(--page-margin) 0 var(--page-margin)}.overlay-header--absolute{pointer-events:none;position:absolute;left:0;right:0;top:0;width:100%}.overlay-container.is-open .overlay-header--absolute{pointer-events:all}.overlay-header .tabs{display:flex;gap:2rem}.overlay-header[data-align-to-end=false]{justify-content:flex-end}@media screen and (min-width:1024px){.overlay-header{padding:4rem 2rem 0}}.overlay-header__close{width:1.6rem;height:1.6rem;pointer-events:none}.overlay-header__close .svg-wrapper{width:100%;height:100%}.overlay-container.is-open .overlay-header__close{pointer-events:all}.overlay-panel{position:fixed;top:0;height:100%;background-color:var(--white)}.overlay-panel--inner{z-index:var(--z-overlay-inner)}.overlay-panel--flex{display:flex;flex-direction:column}@media(max-width:1023px){.overlay-panel{max-width:100vw}}.overlay-container [data-animation-direction=left],.overlay-container [data-animation-direction=right]{width:100%}.overlay-container [data-animation-direction=right]{right:0;left:0}@media(min-width:1024px){.overlay-container.is-open [data-animation-direction=left]{left:0;right:initial}.overlay-container.is-open [data-animation-direction=right]{right:0;left:initial}}@media(min-width:1024px){.overlay-container [data-animation-direction=left],.overlay-container [data-animation-direction=right]{width:auto;max-width:calc(50 * var(--vw, 1vw) + 1px);min-width:calc(50 * var(--vw, 1vw) + 1px)}}.overlay-container [data-animation-direction=center]{width:100vw}.overlay-container{display:none;opacity:0}.overlay-container.is-open{animation:overlay-container-show .5s var(--ease-smooth) forwards;display:block}.overlay-container.is-open.is-closing{opacity:0}.overlay-panel{transition:transform .7s var(--ease-smooth) .1s}div[data-overlay-content]{opacity:0;height:100%}.overlay-container.is-open div[data-overlay-content]{animation:overlay-container-show .5s var(--ease-smooth) .4s forwards}.overlay-container.is-open.is-closing div[data-overlay-content]{opacity:0;transition:opacity .4s var(--ease-smooth)}.overlay-header--absolute{position:absolute;left:0;width:100%;top:0}.overlay-close,.overlay-inner-close{transition:opacity .3s var(--ease-smooth),background-color .3s var(--ease-smooth)}.overlay-inner-close{pointer-events:all;width:1.6rem;height:1.6rem}.overlay-inner-close .svg-wrapper{width:100%;height:100%}.overlay-close:not(.button):hover,.overlay-inner-close:hover,.overlay-close:not(.button):focus-visible{opacity:.4}.overlay-content--flex{display:flex;flex-direction:column;height:100%;max-height:100vh;max-width:100%}.overlay-wrapper{flex-grow:1;margin:4rem 1.6rem 2rem;overflow-y:auto}@media(min-width:1024px){.overlay-wrapper{margin:4.8rem 2rem 2.4rem}}.overlay-footer{flex-shrink:0;margin-top:auto}.overlay-footer__button{width:100%;height:4.8rem}.overlay-container>.overlay-panel--inner{pointer-events:none}.overlay-container.is-open>.overlay-panel--inner{pointer-events:auto}.overlay-container>.overlay-panel--inner .overlay-header__close{pointer-events:none}.overlay-container.is-open>.overlay-panel--inner .overlay-header__close{pointer-events:all}.overlay-container .related-products{margin-top:auto}.overlay-container.is-open>.overlay-panel--inner>[data-overlay-content] .overlay-shop-the-look,.overlay-container.is-open>.overlay-panel--inner .overlay-shop-the-look{overflow:hidden;overflow-y:auto}
/*# sourceMappingURL=/cdn/shop/t/26/assets/component-overlay.css.map */