.sf-root{--sf-dur-1:120ms;--sf-dur-2:220ms;--sf-dur-3:380ms;--sf-ease:cubic-bezier(0.2,0.7,0.2,1);--sf-ease-out:cubic-bezier(0.16,1,0.3,1)}.sf-root .sf-press{transition:transform var(--sf-dur-1) var(--sf-ease),box-shadow var(--sf-dur-2) var(--sf-ease),background-color var(--sf-dur-2) var(--sf-ease),color var(--sf-dur-2) var(--sf-ease)}.sf-root .sf-press:active{transform:scale(.97)}.sf-root .sf-morph{position:relative;overflow:hidden}.sf-root .sf-morph>.sf-morph-busy,.sf-root .sf-morph>.sf-morph-done,.sf-root .sf-morph>.sf-morph-label{transition:opacity var(--sf-dur-2) var(--sf-ease),transform var(--sf-dur-2) var(--sf-ease)}.sf-root .sf-morph>.sf-morph-busy,.sf-root .sf-morph>.sf-morph-done{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(8px)}.sf-root .sf-morph[data-state=busy]>.sf-morph-label,.sf-root .sf-morph[data-state=done]>.sf-morph-label{opacity:0;transform:translateY(-8px)}.sf-root .sf-morph[data-state=busy]>.sf-morph-busy,.sf-root .sf-morph[data-state=done]>.sf-morph-done{opacity:1;transform:none}.sf-root .sf-spinner{width:1.1em;height:1.1em;border-radius:999px;border:2px solid;border-right:2px solid transparent;animation:sf-spin .7s linear infinite}@keyframes sf-spin{to{transform:rotate(1turn)}}.sf-root .sf-popA{animation:sf-popA var(--sf-dur-3) var(--sf-ease-out)}.sf-root .sf-popB{animation:sf-popB var(--sf-dur-3) var(--sf-ease-out)}@keyframes sf-popA{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes sf-popB{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}.sf-root .sf-drawer{transform:translateX(100%);transition:transform var(--sf-dur-3) var(--sf-ease-out),visibility 0s linear var(--sf-dur-3);visibility:hidden}.sf-root .sf-drawer[data-open=true]{transform:none;visibility:visible;transition-delay:0s}.sf-root .sf-sheet{transform:translateY(100%);transition:transform var(--sf-dur-3) var(--sf-ease-out)}.sf-root .sf-sheet[data-open=true]{transform:none}.sf-root .sf-popover{opacity:0;transform:translateY(-6px) scale(.98);pointer-events:none;transition:opacity var(--sf-dur-2) var(--sf-ease),transform var(--sf-dur-2) var(--sf-ease)}.sf-root .sf-popover[data-open=true]{opacity:1;transform:none;pointer-events:auto}.sf-root .sf-backdrop{opacity:0;transition:opacity var(--sf-dur-2) var(--sf-ease);pointer-events:none}.sf-root .sf-backdrop[data-open=true]{opacity:1;pointer-events:auto}.sf-root .sf-skeleton{background:linear-gradient(90deg,var(--sf-line) 0,var(--sf-surface) 50%,var(--sf-line) 100%);background-size:200% 100%;animation:sf-shimmer 1.2s linear infinite;border-radius:var(--radius-card)}@keyframes sf-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sf-root .sf-toast{opacity:0;transform:translateY(16px);transition:opacity var(--sf-dur-2) var(--sf-ease),transform var(--sf-dur-3) var(--sf-ease-out)}.sf-root .sf-toast[data-open=true]{opacity:1;transform:none}.sf-root .sf-shakeA{animation:sf-shakeA .36s var(--sf-ease)}.sf-root .sf-shakeB{animation:sf-shakeB .36s var(--sf-ease)}@keyframes sf-shakeA{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}@keyframes sf-shakeB{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}.sf-root .sf-tickA{animation:sf-tickA .7s var(--sf-ease)}.sf-root .sf-tickB{animation:sf-tickB .7s var(--sf-ease)}@keyframes sf-tickA{0%{background-color:var(--sf-tint)}to{background-color:transparent}}@keyframes sf-tickB{0%{background-color:var(--sf-tint)}to{background-color:transparent}}.sf-root .sf-draw{stroke-dasharray:1;stroke-dashoffset:1;animation:sf-draw .52s var(--sf-ease-out) forwards}@keyframes sf-draw{to{stroke-dashoffset:0}}.sf-root .sf-reveal{animation:sf-reveal var(--sf-dur-3) var(--sf-ease-out) both;animation-delay:calc(var(--i, 0) * 40ms)}@keyframes sf-reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.sf-root[data-motion=less]{--sf-dur-1:80ms;--sf-dur-2:140ms;--sf-dur-3:150ms}.sf-root[data-motion=less] .sf-press:active{transform:none}.sf-root[data-motion=less] .sf-popA,.sf-root[data-motion=less] .sf-popB,.sf-root[data-motion=less] .sf-reveal,.sf-root[data-motion=less] .sf-shakeA,.sf-root[data-motion=less] .sf-shakeB,.sf-root[data-motion=less] .sf-skeleton{animation:none}.sf-root[data-motion=less] .sf-drawer,.sf-root[data-motion=less] .sf-popover,.sf-root[data-motion=less] .sf-sheet,.sf-root[data-motion=less] .sf-toast{transform:none}.sf-root[data-motion=off] *,.sf-root[data-motion=off] :after,.sf-root[data-motion=off] :before{animation:none!important;transition:none!important}.sf-root[data-motion=off] .sf-draw{stroke-dashoffset:0}@media (prefers-reduced-motion:reduce){.sf-root *,.sf-root :after,.sf-root :before{animation:none!important;transition:none!important}.sf-root .sf-draw{stroke-dashoffset:0}.sf-root .sf-press:active{transform:none}}.sf-root .sf-ctswap{display:inline-grid;overflow:hidden;vertical-align:bottom;line-height:1.35}.sf-root .sf-ctswap>span{grid-area:1/1;text-align:center;white-space:nowrap;transition:transform var(--sf-dur-3) var(--sf-ease-out),opacity var(--sf-dur-2) var(--sf-ease);font-variant-numeric:tabular-nums}.sf-root .sf-ctswap[data-phase=count] .sf-ctswap-total{transform:translateY(110%);opacity:0}.sf-root .sf-ctswap[data-phase=total] .sf-ctswap-count{transform:translateY(-110%);opacity:0}.sf-root[data-motion=less] .sf-ctswap>span{transition:none}