.drawer{position:fixed;top:0;width:100vw;height:100%;display:flex;visibility:hidden;opacity:0;background-color:rgba(var(--color-foreground),.5);transition:visibility var(--duration-default) ease;z-index:calc(var(--z-index-drawer) + 1)}.drawer--left{left:0;justify-content:flex-start}.drawer--right{right:0;justify-content:flex-end}.drawer__overlay{display:block!important;position:absolute;top:0;left:0;right:0;bottom:0;cursor:pointer}.drawer__inner{display:flex;flex-direction:column;width:100%;height:100%;max-width:100vw;min-width:min(100vw,40rem);overflow:hidden;border:solid rgba(var(--color-foreground),var(--drawer-border-opacity));border-width:0rem;transition:transform var(--duration-default) ease}.drawer--left .drawer__inner{transform:translate(-100%)}.drawer--right .drawer__inner{transform:translate(100%)}.drawer__header{padding:1.6rem}.drawer__heading{position:relative;font-size:calc(var(--font-heading-scale) * 3.2rem);line-height:calc(3.8rem*max(1,var(--font-heading-scale)));margin-top:0;margin-bottom:0}.drawer__close{-webkit-appearance:none;appearance:none;padding:0;border:none;background:transparent;width:4.8rem;height:4.8rem;cursor:pointer;color:currentColor;line-height:1}.drawer__close .svg-wrapper{width:4.8rem;height:4.8rem;padding:1.2rem}.drawer__wrapper{flex:1 1 0%;height:100%;padding:0 1.6rem 1.6rem;scrollbar-width:none}.drawer__wrapper--full{padding:0!important}.drawer__sticky{padding:1.5rem 0 0;position:sticky;left:0;bottom:0;z-index:calc(var(--z-index-base) - 1)}.drawer.active{visibility:visible;opacity:1}.drawer.active .drawer__inner{transform:translate(0)}@media screen and (min-width: 750px){.drawer__inner{width:60rem;max-width:calc(100vw - 3rem);box-shadow:var(--drawer-shadow-horizontal-offset) var(--drawer-shadow-vertical-offset) var(--drawer-shadow-blur-radius) rgba(var(--color-shadow),var(--drawer-shadow-opacity))}.drawer--small .drawer__inner{width:40rem}.drawer--left .drawer__inner{border-width:0 var(--drawer-border-width) 0 0;border-top-left-radius:0;border-top-right-radius:var(--drawer-radius);border-bottom-left-radius:0;border-bottom-right-radius:var(--drawer-radius);transform:translate(-100%)}.drawer--right .drawer__inner{border-width:0 0 0 var(--drawer-border-width);border-top-left-radius:var(--drawer-radius);border-top-right-radius:0;border-bottom-left-radius:var(--drawer-radius);border-bottom-right-radius:0;transform:translate(100%)}.drawer__wrapper{padding:0 2.4rem 2.4rem}}@media screen and (min-width: 990px){.drawer__header{padding:2.4rem}.drawer__heading{font-size:calc(var(--font-heading-scale) * 4rem);line-height:calc(4.8rem*max(1,var(--font-heading-scale)))}.drawer--large .drawer__inner{width:90rem}}@media screen and (min-width: 1400px){.drawer__inner{width:60rem}}@media screen and (min-width: 1200px){.drawer--large .drawer__inner{width:121rem}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/component-drawer.css.map */