.drawer{background-color:rgba(var(--color-overlay),.5);transition:visibility .3s ease}.drawer.active{visibility:visible}.drawer__inner{width:100vw;height:100%;background-color:rgb(var(--color-background));overflow:auto;display:flex;row-gap:1.5rem;flex-direction:column;transform:translate(100%);transition:transform .3s ease;padding-bottom:1.5rem}.drawer__inner>*{padding:0 2rem}.drawer.active .drawer__inner{transform:translate(0)}.drawer__heading{font-weight:700;font-size:24px!important}.drawer__header{border-bottom:1px solid rgb(var(--color-foreground),.05);box-shadow:0 1px 2px rgba(var(--color-foreground),.03);padding:30px}.drawer__close{padding:0;min-width:30px;min-height:30px;box-shadow:0 0 0 .2rem rgba(var(--color-button),0);color:rgb(var(--color-foreground));background-color:#f3f3f3;border:none;cursor:pointer;border-radius:50%}.drawer__close svg{height:1.5rem;width:1.5rem}.drawer__contents{flex-grow:1;display:flex;flex-direction:column}@media (min-width: 750px){.drawer__inner{width:50rem;max-width:calc(100vw - 3rem)}}@media (min-width: 990px){.drawer__inner--medium{width:60rem}.drawer__inner--large{width:70rem}}div.drawer__overlay:empty{position:fixed;top:0;right:0;bottom:0;left:0;display:block;cursor:pointer}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-drawer.css.map */