.drawer,.modal--popup{opacity:var(--opacity-0);visibility:hidden;pointer-events:none;transition-property:opacity,background-color,transform;transition-duration:var(--duration-extra-short);transition-timing-function:var(--cubic-smooth);z-index:var(--layer-menu-drawer)}.drawer.active,.modal--popup[open]{transform:translate(0);opacity:var(--opacity-100);visibility:visible;pointer-events:visible}.modal__overlay:empty,.drawer__overlay:empty{display:block;min-height:100lvh;background-color:rgb(var(--color-shadow-rgb) / var(--opacity-70));z-index:-1}.drawer.justify-start .drawer__inner{transform:translate(-100%)}.drawer.justify-end .drawer__inner{transform:translate(100%)}.drawer__inner{height:100%;padding:0 1.5rem;border-right:0;overflow:hidden;display:flex;flex-direction:column;transition-property:transform,box-shadow;transition-duration:var(--duration-extra-long);transition-timing-function:var(--cubic-smooth)}.drawer__close{top:var(--top, 0);right:var(--right, 0);z-index:var(--layer-raised);width:var(--minimum-touch-target);height:var(--minimum-touch-target);min-width:var(--minimum-touch-target);min-height:var(--minimum-touch-target);color:var(--color-foreground);background-color:transparent;box-shadow:0 0 0 .2rem transparent;padding:var(--padding-sm);display:inline-flex;justify-content:center;align-items:center}.drawer__close>button:not(.button--drawer){height:100%;width:100%;padding:var(--padding-md)}.drawer__close:has(>button){padding:0}.drawer__close:has(>button)>button{height:100%;width:100%;padding:var(--padding-md)}.drawer__header .drawer__close{margin-right:calc(-1 * var(--margin-sm))}.modal--popup .drawer__close{position:fixed;top:1.5rem;right:1.5rem;z-index:5}.drawer__close .icon-close{width:var(--icon-size-md);height:var(--icon-size-md);transition:transform var(--duration-default) ease;will-change:transform}@media(forced-colors:active){.drawer__close .icon-close{color:CanvasText}}@media(hover:hover){.drawer__close:hover .icon-close{transform:rotate(90deg)}}@media screen and (min-width:750px){.modal--popup .drawer__close{top:2rem;right:2rem}}.drawer[element-s-popup] .drawer__header.center:before{content:"";display:block;position:relative;top:0;left:0;width:4.4rem;height:100%}.popup__inner{pointer-events:none;box-shadow:var(--style-shadow-popover);border:var(--style-border-popover);border-radius:var(--style-border-radius-popover);background:var(--color-background);max-width:var(--modal-max-width, var(--normal-content-width));max-height:var(--popup-max-height, var(--modal-max-height));overflow-x:hidden;overflow-y:auto;opacity:var(--opacity-0);visibility:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%,-40%);transition-property:opacity,transform,box-shadow;transition-duration:var(--duration-extra-long);transition-timing-function:var(--cubic-smooth);will-change:transform}.popup__inner--content{padding:var(--padding-5xl)}.popup__button svg{display:inline-block;position:relative;top:var(--margin-2xs)}.popup__content--drawer{position:fixed;border-radius:0;width:var(--sidebar-width);max-width:95vw;height:100%;margin:0 0 0 auto}.popup__content--drawer:modal{max-height:100dvh}.drawer.active .popup__inner,.modal--popup[open] .popup__inner{display:block;opacity:var(--opacity-100);visibility:visible;transform:translate(-50%,-50%);pointer-events:auto;box-shadow:var(--style-shadow-popup-effect, none)}@media screen and (max-width:749px){.popup__inner{width:calc(100% - 3rem)}.popup__inner--content{padding:var(--padding-4xl) var(--padding-xl) var(--padding-xl)}}@media screen and (max-width:749px){.drawer-slide-mb{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9;display:flex;justify-content:center;opacity:var(--opacity-0);visibility:hidden;pointer-events:none;transition-property:opacity,background-color,transform;transition-duration:var(--duration-extra-long);transition-timing-function:var(--cubic-smooth)}.drawer-slide-mb.active{opacity:var(--opacity-100);visibility:visible;pointer-events:visible}.drawer-slide-mb .slide__overlay--mb:empty{position:fixed;top:0;right:0;bottom:0;left:0;cursor:pointer;display:block;min-height:100lvh;background-color:rgb(18 18 18 / var(--opacity-35))}.drawer-slide-mb .slide__inner--mb{transform:translate3d(0,100%,0);transition-property:transform,box-shadow;transition-duration:var(--duration-extra-long);transition-timing-function:var(--cubic-smooth)}.drawer-slide-mb.active .slide__inner--mb{transform:translateZ(0);box-shadow:#ffffff1a 0 .8rem 2.4rem,#fff3 0 1.6rem 5.6rem,#fff3 0 2.4rem 8rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-drawer.css.map */