:root{--drawer-width: min(95%, 30rem)}.drawer-portal{position:relative;z-index:1000}.drawer{position:fixed;top:0;left:0;transform:translate(calc(-100% + (var(--body-margin) * -1)));width:var(--drawer-width);height:100dvh;background-color:var(--color-background);z-index:1000;transition:transform .3s ease;will-change:transform}.drawer.drawer--open{transform:translate(calc(var(--body-margin) * -1))}@media (width >= 768px){.drawer.drawer--open{transform:translate(0)}}body{overflow-x:hidden}body.drawer-open{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.grid-background{--gradient-angle: 90deg;background-size:100%}.drawer__content{overflow-y:scroll}.drawer__content__inner{display:flex;flex-direction:column;justify-content:space-evenly}.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__watermark{align-self:end;overflow:hidden}.drawer__watermark svg{width:100%;opacity:.5;transform:translateY(40%)}.drawer-overlay{position:fixed;top:0;left:calc(var(--body-margin) * -1);width:calc(100% + var(--body-margin) * 2);height:100%;background-color:#000000b3;z-index:999;opacity:0;transition:opacity .3s ease;will-change:opacity;pointer-events:none}@media (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)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/drawer.css.map */