:root{--drawer-width: min(90%, 30rem)}.drawer-portal{position:relative}.drawer-portal{z-index:2000001}.drawer-overlay{z-index:2000000}.drawer{position:fixed;top:0;left:calc(var(--drawer-width) * -1);width:var(--drawer-width);height:100vh;height:100dvh;background-color:var(--fade-bg);z-index:1000;transition:left .3s ease;will-change:left}.drawer.drawer--open{left:0}body{overflow-x:hidden}.body-scroll-locked{overflow:hidden}.drawer__inner{position:sticky;top:0;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:min-content;height:100%;padding:var(--body-margin);padding-bottom:0}.drawer__header{padding-top:2rem}.drawer.grid-background{--gradient-angle: 90deg;background-size:100%}.drawer__content{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.drawer__content__inner{display:flex;flex-direction:column;justify-content:start;gap:6rem}.drawer__title{font-size:2.5rem;margin-bottom:0}.drawer__title svg{width:5rem}.drawer__close{background:none;border:none;padding:0;cursor:pointer;color:var(--color-foreground);justify-self:end;width:1.6rem;margin-right:var(--page-margin)}.drawer-overlay{position:fixed;top:0;left:calc(var(--body-margin) * -1);width:calc(100% + var(--body-margin) * 2);height:100%;background-color:#000000b3;opacity:0;transition:opacity .3s ease;will-change:opacity;pointer-events:none}@media(min-width:768px){.drawer-overlay{left:0;width:100%}}.drawer-overlay--open{pointer-events:auto;opacity:1;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);touch-action:none;overscroll-behavior:none}
/*# sourceMappingURL=/cdn/shop/t/3/assets/drawer.css.map */