side-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:block;visibility:hidden;pointer-events:none}side-drawer[open]{visibility:visible;pointer-events:auto}.drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#201e1d61;opacity:0;transition:opacity var(--duration-drawer) var(--easing)}side-drawer[open] .drawer__overlay{opacity:1}.drawer__panel{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;width:min(430px,100%);background:rgb(var(--color-background));box-shadow:var(--shadow-lg);transition:transform var(--duration-drawer) var(--easing);overflow:hidden}.drawer__panel:focus{outline:none}.drawer__panel--right{right:0;border-radius:var(--radius-large) 0 0 var(--radius-large);transform:translate(100%)}.drawer__panel--left{left:0;border-radius:0 var(--radius-large) var(--radius-large) 0;transform:translate(-100%)}side-drawer[open] .drawer__panel{transform:translate(0)}.drawer__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--color-divider)}.drawer__title{margin:0;font-size:var(--font-size-h4)}.drawer__body{flex:1;min-height:9rem;overflow-y:auto;padding:var(--space-4);overscroll-behavior:contain}.drawer__footer{flex-shrink:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-4);border-top:1px solid var(--color-divider);background:rgba(var(--color-text) / .03)}@media(prefers-reduced-motion:reduce){.drawer__panel,.drawer__overlay{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/drawer.css.map */