.drawer{position:fixed;z-index:1000;left:0;top:0;width:100vw;height:100%;display:flex;justify-content:flex-end;background-color:rgba(var(--color-overlay),.1);transition:visibility .7s ease;visibility:hidden;pointer-events:none}@media screen and (max-width:576px){.drawer{max-width:100%}}.drawer.active{visibility:visible;pointer-events:auto}.drawer.active .drawer__inner{transform:translate(0)}.drawer.active .drawer__inner:focus-visible{outline:0;outline-offset:0;box-shadow:none}.drawer.active .drawer__inner:focus{outline:0;outline-offset:0;box-shadow:none}.drawer__inner{position:relative;display:flex;flex-direction:column;width:100%;height:100%;background-color:rgb(var(--color-background));transform:translate(100%);transition:var(--modal-transition)}.drawer__body{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}@media screen and (min-width:440px){.drawer__inner{width:var(--drawer-width, 44rem);max-width:100vw}}.drawer__header{position:relative;display:flex;align-items:center;justify-content:flex-start;min-height:4.8rem;padding:.8rem 2.4rem;border-bottom:.1rem solid rgb(var(--color-border))}.drawer__heading{margin:0;flex:1 1 auto;font-family:var(--font-body-family);font-weight:500;font-size:1.3rem;line-height:var(--text-h5-lh);letter-spacing:0;text-transform:uppercase;text-align:left;color:rgb(var(--color-foreground))}.drawer__close{position:absolute;top:50%;right:.8rem;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem}.drawer__close svg{width:1.46rem;height:1.46rem}.drawer__close.modal-close-button:hover{transform:translateY(-50%) rotate(90deg)}@media screen and (max-width:576px){.drawer__header{padding-left:1.6rem;padding-right:1.6rem}.drawer__close{right:.4rem}}
/*# sourceMappingURL=/cdn/shop/t/408/assets/component-drawer.css.map */