.drawer{position:fixed;top:0;left:0;z-index:3;display:flex;flex-direction:column;width:100%;height:100%;overflow-y:scroll}.drawer.isHidden{pointer-events:none;visibility:hidden}.drawer__overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;display:flex;flex-direction:column;flex-grow:1;opacity:.7;background:#000;transition:.5s ease}.drawer.isHidden .drawer__overlay{opacity:0}.drawer__content{display:flex;flex-direction:column;flex-grow:1;width:100%;background-color:#fff;transition:.5s ease}.drawer--left .drawer__content,.drawer--right .drawer__content{max-width:320px}.drawer--right .drawer__content{margin-left:auto}.drawer--top .drawer__content{max-height:320px}.drawer--in .drawer__content{width:fit-content;height:fit-content;margin:auto;flex-grow:0}.isHidden.drawer--left .drawer__content{transform:translate(-101%)}.isHidden.drawer--right .drawer__content{transform:translate(101%)}.isHidden.drawer--top .drawer__content{transform:translateY(-101%)}.isHidden.drawer--in .drawer__content{transform:scale(.5);transition:.3s linear}
/*# sourceMappingURL=/cdn/shop/t/4/assets/css-drawer.css.map */