:root{--os-ease: cubic-bezier(.16, 1, .3, 1);--os-ease-inout: cubic-bezier(.65, 0, .35, 1);--os-dur-fast: .16s;--os-dur: .28s;--os-dur-slow: .52s}@media(prefers-reduced-motion:no-preference){@view-transition{navigation:auto}::view-transition-old(root){animation:os-fade-out var(--os-dur) var(--os-ease) both}::view-transition-new(root){animation:os-fade-in var(--os-dur) var(--os-ease) both}@keyframes os-fade-out{to{opacity:0}}@keyframes os-fade-in{0%{opacity:0}}a:not(.button),.product-card,.card,.color-swatch,.label-swatch{transition:color var(--os-dur-fast) var(--os-ease),border-color var(--os-dur-fast) var(--os-ease),box-shadow var(--os-dur) var(--os-ease),transform var(--os-dur) var(--os-ease)}.button,button[name=add]{transition:transform var(--os-dur-fast) var(--os-ease)}.button:active,button[name=add]:active{transform:scale(.97)}@media(min-width:990px){.product-card__media .media img{transition:transform var(--os-dur-slow) var(--os-ease);will-change:transform}.product-card:hover .media img{transform:scale(1.045)}}.color-swatch:hover{transform:scale(1.08)}input:checked+.color-swatch,input:checked~.color-swatch{transform:scale(1.06)}}
/*# sourceMappingURL=/cdn/shop/t/209/assets/onslice-motion.css.map */