:root{--motion-enter:560ms;--motion-exit:160ms;--motion-ease:cubic-bezier(.22,1,.36,1)}
@keyframes site-surface-enter{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@keyframes site-backdrop-enter{from{opacity:0}to{opacity:1}}
@keyframes site-backdrop-exit{from{opacity:1}to{opacity:0}}
dialog[open]{animation:site-surface-enter var(--motion-enter) var(--motion-ease)}
dialog[open]::backdrop{animation:site-backdrop-enter 340ms ease-out both}
dialog.site-closing{animation:none;pointer-events:none}
dialog.site-closing::backdrop{animation:site-backdrop-exit var(--motion-exit) ease-out forwards}
details[open]>:not(summary){animation:site-surface-enter var(--motion-enter) var(--motion-ease)}
.storefront.home-categories .hero-search .search-form{transition-duration:var(--motion-enter);transition-timing-function:var(--motion-ease)}
@media(prefers-reduced-motion:reduce){dialog[open],dialog[open]::backdrop,dialog.site-closing::backdrop,details[open]>:not(summary){animation:none}.storefront.home-categories .hero-search .search-form{transition:none}}

.site-resizing{overflow:hidden}