.drawer{background:transparent;position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;display:block;visibility:hidden;transition:visibility var(--duration-slow) step-end}.drawer[hidden]{display:none}.drawer--active{visibility:visible;transition:none}.drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#14141466;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity var(--duration-slow) ease;cursor:pointer}.drawer--active .drawer__overlay{opacity:1}.drawer__panel{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;width:min(440px,100%);background-color:var(--color-background);color:var(--color-foreground);transform:translate(100%);transition:transform var(--duration-slow) var(--ease-out-expo);overflow:hidden}.drawer--right .drawer__panel{right:0}.drawer--left .drawer__panel{left:0;transform:translate(-100%)}.drawer--active .drawer__panel{transform:translate(0)}.drawer__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);flex-shrink:0}.drawer__body{flex:1 1 auto;overflow-y:auto;padding-inline:var(--space-6);scrollbar-width:thin}.drawer__footer{flex-shrink:0;padding:var(--space-4) var(--space-6) var(--space-6)}.no-scroll{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-drawer.css.map */