.drawer{--drawer-width: 440px;--overlay-exit-transform: translateX(100%);inset:0 0 0 auto;width:min(var(--drawer-width),100vw);max-width:100%;height:100dvh;max-height:100dvh;margin:0 0 0 auto;padding:0;overflow:hidden;border:0;background:var(--color-paper);box-shadow:var(--shadow-raised);color:var(--color-ink)}.drawer[open]{display:flex;flex-direction:column}.drawer__header{display:flex;flex:none;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-4) var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border)}.drawer__header .eyebrow{margin-bottom:var(--space-2)}.drawer__title{font-size:var(--text-24);line-height:1}.drawer__body{flex:1;min-height:0;padding:0 var(--space-6);overflow:auto;overscroll-behavior:contain}.drawer__footer{display:grid;flex:none;gap:var(--space-3);padding:var(--space-4) var(--space-6) var(--space-6);border-top:1px solid var(--color-border)}:is(.drawer,.search-overlay)::backdrop{background:var(--color-scrim)}:is(.drawer,.search-overlay)[data-overlay-state=opening]{animation:overlay-panel-in var(--duration-overlay) var(--ease-overlay) both}:is(.drawer,.search-overlay)[data-overlay-state=closing]{animation:overlay-panel-out var(--duration-overlay) var(--ease-overlay) both}:is(.drawer,.search-overlay)[data-overlay-state=opening]::backdrop{animation:overlay-backdrop-in var(--duration-overlay) var(--ease-overlay) both}:is(.drawer,.search-overlay)[data-overlay-state=closing]::backdrop{animation:overlay-backdrop-out var(--duration-overlay) var(--ease-overlay) both}@media(prefers-reduced-motion:reduce){:is(.drawer,.search-overlay)[data-overlay-state],:is(.drawer,.search-overlay)[data-overlay-state]::backdrop{animation:none}}@keyframes overlay-panel-in{0%{transform:var(--overlay-from-transform)}to{transform:translate(0)}}@keyframes overlay-panel-out{0%{transform:var(--overlay-from-transform)}to{transform:var(--overlay-exit-transform)}}@keyframes overlay-backdrop-in{0%{opacity:var(--overlay-from-opacity)}to{opacity:1}}@keyframes overlay-backdrop-out{0%{opacity:var(--overlay-from-opacity)}to{opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-overlay.css.map */