:root{--sg-motion-press:120ms;--sg-motion-hover:180ms;--sg-motion-disclosure:240ms;--sg-motion-dialog:280ms;--sg-motion-accent:440ms;--sg-ease-out:cubic-bezier(.22,1,.36,1);--sg-ease-standard:cubic-bezier(.2,0,.2,1)}
:where(.button,.icon-button,.sg-size-button,.sg-color-button,.sg-gallery-thumb,.sg-admin-button){transition:background-color var(--sg-motion-hover),border-color var(--sg-motion-hover),box-shadow var(--sg-motion-hover),color var(--sg-motion-hover),transform var(--sg-motion-press) var(--sg-ease-out)}
:where(.button,.icon-button,.sg-admin-button):active:not(:disabled){transform:scale(.98)}
:where(.header-actions a,.main-nav a,.text-link){transition:color var(--sg-motion-hover),background-color var(--sg-motion-hover),border-color var(--sg-motion-hover)}
:where(input,textarea,select){transition:border-color var(--sg-motion-hover),box-shadow var(--sg-motion-hover)}
:where(summary)>.icon[src$="/caret-down.svg"]{transition:transform var(--sg-motion-disclosure) var(--sg-ease-out)}
:where(details[open])>summary>.icon[src$="/caret-down.svg"]{transform:rotate(180deg)}
dialog[open]{animation:sg-dialog-enter var(--sg-motion-dialog) var(--sg-ease-out)}dialog[open]::backdrop{animation:sg-backdrop-enter var(--sg-motion-hover) ease-out}
.sg-catalog-filters[open] .sg-filter-panel{animation:sg-dialog-enter var(--sg-motion-disclosure) var(--sg-ease-out)}
@keyframes sg-dialog-enter{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}@keyframes sg-backdrop-enter{from{opacity:0}to{opacity:1}}
@media(hover:hover){.product-card>a img,.sg-catalog-photo>img{transition:transform 320ms var(--sg-ease-out)}.product-card>a:hover img,.sg-catalog-photo:hover>img{transform:scale(1.025)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:0ms!important}dialog[open]{animation:none!important}}