.drawer{position:fixed;z-index:1100;top:0;bottom:0;width:var(--drawer-width);max-width:85vw;background-color:var(--color-bg-primary);color:var(--color-text-primary);transition:transform .4s cubic-bezier(.165,.84,.44,1);display:flex;flex-direction:column;box-shadow:0 0 15px #00000080}.drawer--left{left:0;transform:translate(-100%)}.drawer--right{right:0;transform:translate(100%)}.drawer.is-active{transform:translate(0)}.drawer__header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem}.drawer__title{margin:0;font-size:1.25rem}.drawer__close{background:transparent;border:none;cursor:pointer;color:var(--color-text-primary);padding:.5rem}.drawer__close svg{width:20px;height:20px;stroke:currentColor}.drawer__inner{padding:1.5rem;flex-grow:1;overflow-y:auto}.drawer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-overlay-bg);opacity:0;visibility:hidden;z-index:1090;transition:opacity .4s ease,visibility .4s ease}.drawer-overlay.is-active{opacity:var(--color-overlay-opacity);visibility:visible}body.overflow-hidden{overflow:hidden}.drawer--left:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:var(--drawer-bg-url, none);background-size:var(--drawer-bg-size, cover);background-position:var(--drawer-bg-pos-x, 50%) var(--drawer-bg-pos-y, 50%);background-repeat:no-repeat;opacity:var(--drawer-bg-opacity, 0);z-index:0;pointer-events:none}.drawer--left .drawer__header,.drawer--left .drawer__inner{position:relative;z-index:1}
/*# sourceMappingURL=/cdn/shop/t/3/assets/drawer-styles.css.map */