.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-temporary, 5) + 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:3.6rem;height:3.6rem;cursor:pointer;color:currentColor;line-height:var(--line-height-lowest, 1)}.drawer__close .svg-wrapper{width:3.6rem;height:3.6rem;padding:.7rem}.drawer__wrapper{flex:1 1 0%;height:100%;padding: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-temporary, 5) - 1)}.drawer.active{visibility:visible;opacity:1}.drawer.active .drawer__inner{transform:translate(0)}@media screen and (min-width: 750px){.drawer__inner{width:50rem;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--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:2.4rem}}@media screen and (min-width: 1033px){.drawer__header{padding:2.4rem}.drawer__heading{font-size:calc(var(--font-heading-scale) * 4rem);line-height:1.2}}@media screen and (min-width: 1366px){.drawer__inner{width:60rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-drawer.css.map */