.drawer{--drawer-padding: var(--space-5);position:fixed;inset:0 0 0 auto;width:100%;max-width:100%;height:100%;max-height:100%;margin:0;padding:0;border:0;background:var(--color-bg-page);color:var(--color-text-primary);box-shadow:var(--shadow-drawer);overflow:hidden;overscroll-behavior:contain;transform:translate(100%);transition:transform var(--duration-base) var(--ease-exit)}.drawer[open]{display:flex;flex-direction:column}.drawer--left{inset:0 auto 0 0;box-shadow:var(--shadow-drawer-left);transform:translate(-100%)}.drawer[data-state=open]{transform:none;transition:transform var(--duration-slow) var(--ease-enter)}.drawer::backdrop{background:var(--color-bg-scrim);opacity:0;transition:opacity var(--duration-base) var(--ease-standard)}.drawer[data-state=open]::backdrop{opacity:1}@media(min-width:48em){.drawer{--drawer-padding: var(--space-7);width:var(--drawer-width, 46rem)}}.drawer__head{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--space-13);padding:0 var(--space-3) 0 var(--drawer-padding);border-bottom:var(--border-hairline) solid var(--color-border-default)}.drawer__title{font-size:var(--text-h4);line-height:1.2}.drawer__title:focus{outline:none}.drawer__body{flex:1 1 auto;padding:var(--space-2) var(--drawer-padding);overflow-y:auto;overscroll-behavior:contain}.drawer__foot{display:flex;flex-direction:column;flex-shrink:0;gap:var(--space-3);padding:var(--space-6) var(--drawer-padding) calc(var(--space-7) + env(safe-area-inset-bottom));border-top:var(--border-hairline) solid var(--color-border-default);background:var(--color-bg-surface)}@media(prefers-reduced-motion:reduce){.drawer,.drawer--left{opacity:0;transform:none;transition:opacity var(--duration-fast) var(--ease-standard)}.drawer[data-state=open]{opacity:1;transition:opacity var(--duration-fast) var(--ease-standard)}}
/*# sourceMappingURL=/cdn/shop/t/47/assets/component-drawer.css.map */