.drawer{position:fixed;top:0;right:0;bottom:0;left:0;width:min(24rem,90vw);height:100%;max-height:100dvh;margin:0;padding:0;border:0;background-color:var(--color-bg);color:var(--color-text);display:flex;flex-direction:column;transition:transform var(--duration) var(--easing-luxury),opacity var(--duration) var(--easing);overflow:hidden}.drawer--right{margin-left:auto;transform:translate(100%)}.drawer--left{margin-right:auto;transform:translate(-100%)}.drawer[open]{transform:translate(0)}.drawer::backdrop{background-color:#0000;transition:background-color var(--duration) var(--easing)}.drawer[open]::backdrop{background-color:#0006}.drawer__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border);flex-shrink:0}.drawer__title{font-size:1rem;font-weight:600;margin:0}.drawer__close{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:0;background:transparent;color:var(--color-text);cursor:pointer;border-radius:var(--radius);transition:background-color var(--duration) var(--easing)}.drawer__close:hover{background-color:var(--color-border)}.drawer__close svg{width:1.25rem;height:1.25rem}.drawer__body{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:1.25rem}.drawer__footer{flex-shrink:0;padding:1rem 1.25rem;border-top:1px solid var(--color-border)}
/*# sourceMappingURL=/cdn/shop/t/12/assets/component-drawer.css.map */