.drawer{background-color:rgba(var(--color-overlay),.5);transition:visibility .3s ease}.drawer.active{visibility:visible}.drawer__inner{width:calc(100vw - 4rem);height:100%;background-color:#fff;display:flex;row-gap:8px;flex-direction:column;transform:translate(100%);transition:transform .3s ease;padding-bottom:1.5rem}.drawer__inner>*{padding:0 24px}@media screen and (max-width: 749px){.drawer__inner>*{padding:0 16px}}.drawer.active .drawer__inner{transform:translate(0)}.drawer__header{height:60px;padding:0 24px!important;background-color:#fff!important;flex-shrink:0}@media screen and (max-width: 749px){.drawer__header{padding:0 16px!important}}.drawer__close{padding:0;box-shadow:0 0 0 .2rem rgba(var(--color-button),0);color:rgb(var(--color-foreground));background-color:transparent;border:none;cursor:pointer}.drawer__close svg{height:24px;width:24px}.drawer__contents{flex-grow:1;display:flex;flex-direction:column}.drawer__footer{padding:32px 24px!important;box-shadow:0 -2px 12px #0000001a;background-color:#fff!important}@media screen and (max-width: 749px){.drawer__footer{padding:32px 16px!important}}@media (min-width: 750px){.drawer__inner{width:500px;max-width:calc(100vw - 3rem)}}@media (min-width: 990px){.drawer__inner--medium,.drawer__inner--large{width:500px}}div.drawer__overlay:empty{position:fixed;top:0;right:0;bottom:0;left:0;display:block;cursor:pointer}
/*# sourceMappingURL=/cdn/shop/t/120/assets/component-drawer.css.map */