:root{--motion-ease:cubic-bezier(.22, 1, .36, 1);--motion-fast:.18s;--motion-base:.42s}@keyframes sf-enter{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.motion-enter,.motion-stagger>*{animation:sf-enter var(--motion-base) var(--motion-ease) both}.motion-stagger>:nth-child(2){animation-delay:60ms}.motion-stagger>:nth-child(3){animation-delay:.12s}.motion-stagger>:nth-child(4){animation-delay:.18s}.motion-stagger>:nth-child(5){animation-delay:.24s}.motion-press{transition:transform var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease)}.motion-press:active{transform:scale(.97)}.motion-progress{transition:width .6s var(--motion-ease)}.motion-slider{appearance:none;background:hsl(var(--muted,0 0% 90%));border-radius:999px;outline:none;height:6px}.motion-slider::-webkit-slider-thumb{-webkit-appearance:none;background:hsl(var(--primary,0 0% 10%));width:22px;height:22px;transition:transform var(--motion-fast) var(--motion-ease);cursor:pointer;border-radius:50%;box-shadow:0 6px 16px -6px #00000059}.motion-slider:hover::-webkit-slider-thumb{transform:scale(1.15)}.motion-slider:active::-webkit-slider-thumb{transform:scale(1.15)}.motion-slider::-moz-range-thumb{background:hsl(var(--primary,0 0% 10%));width:22px;height:22px;transition:transform var(--motion-fast) var(--motion-ease);cursor:pointer;border:0;border-radius:50%;box-shadow:0 6px 16px -6px #00000059}.motion-slider:hover::-moz-range-thumb{transform:scale(1.15)}.motion-slider:active::-moz-range-thumb{transform:scale(1.15)}@keyframes sf-value{0%{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.motion-value{animation:sf-value .24s var(--motion-ease) both;display:inline-block}@media (prefers-reduced-motion:reduce){.motion-enter,.motion-stagger>*,.motion-value{animation:none}.motion-press,.motion-progress{transition:none}.motion-slider::-webkit-slider-thumb{transition:none}.motion-slider::-moz-range-thumb{transition:none}.motion-press:active{transform:none}}@keyframes sf-apple-rise{0%{opacity:0;filter:blur(6px);transform:translateY(18px)scale(.97)}60%{filter:blur()}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.motion-apple{animation:.62s cubic-bezier(.16,1,.3,1) both sf-apple-rise}@keyframes sf-apple-video{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.motion-apple-video{animation:.9s cubic-bezier(.16,1,.3,1) both sf-apple-video}.motion-apple-tap{transition:transform .26s cubic-bezier(.34,1.56,.64,1),box-shadow .26s cubic-bezier(.16,1,.3,1)}.motion-apple-tap:active{transform:scale(.95)}@media (prefers-reduced-motion:reduce){.motion-apple,.motion-apple-video{animation:none}.motion-apple-tap{transition:none}}@keyframes sf-reveal{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translate(0)}}.sf-reveal{animation:.52s cubic-bezier(.16,1,.3,1) backwards sf-reveal;animation-delay:var(--d,0s)}@keyframes sf-float{0%,to{transform:translate(0)}50%{transform:translateY(-3px)}}.sf-float{animation:3.6s ease-in-out infinite sf-float;animation-delay:var(--f,0s);will-change:transform}@media (prefers-reduced-motion:reduce){.sf-reveal,.sf-float{animation:none}}
