.main_drawer{display:flex;align-items:center;position:fixed;top:0;left:0;width:100%;height:100dvh;background-color:#000c!important;z-index:9999;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity .3s}.main_drawer.active{opacity:1;pointer-events:all}.main_drawer_inner{max-width:55rem;width:100%;height:calc(100% - 5.5rem);background:var(--color-background);color:var(--color-foreground);margin:auto 0 auto auto;overflow:hidden;overflow-y:auto;padding:1.6rem;border-radius:2rem 0 0 2rem;opacity:0;transform:translate(5rem);transition:transform .3s,opacity .3s;transition-delay:.3s}.main_drawer.active .main_drawer_inner{opacity:1;transform:translate(0)}.drawer_header{display:flex;align-items:center;justify-content:space-between;padding-bottom:1rem}.drawer_header h5{margin:0;color:var(--color-foreground-heading)}button.main_drawer_close{background:transparent;border:none;cursor:pointer;padding:0;width:2.4rem;height:2.4rem;display:flex;justify-content:center;align-items:center}button.main_drawer_close svg{width:1.6rem;height:1.6rem}button.main_drawer_close:hover svg{animation:cross .5s ease-in-out forwards}button.main_drawer_close svg path,button.main_drawer_close svg line{stroke:var(--color-foreground)}@keyframes cross{0%,to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}42%{-webkit-clip-path:inset(0 0 0 100%);clip-path:inset(0 0 0 100%)}43%{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/drawers.css.map */