.trace-loader{--trace-loader-ghost:var(--color-ink);--trace-loader-stroke:var(--color-ink);--trace-loader-cursor:var(--color-brand);flex:none;display:block;overflow:visible}.dark .trace-loader{--trace-loader-stroke:var(--color-brand);--trace-loader-cursor:transparent}.trace-loader[data-tone=inverse]{--trace-loader-ghost:var(--color-on-btn);--trace-loader-stroke:var(--color-brand);--trace-loader-cursor:transparent}.dark .trace-loader[data-tone=inverse]{--trace-loader-stroke:var(--color-on-btn);--trace-loader-cursor:var(--color-brand)}.trace-loader[data-tone=current]{--trace-loader-ghost:currentColor;--trace-loader-stroke:currentColor;--trace-loader-cursor:transparent}.trace-loader-ghost{fill:var(--trace-loader-ghost);opacity:.14}.trace-loader-cursor{fill:var(--trace-loader-cursor);display:none}.trace-loader-stroke{fill:none;stroke:var(--trace-loader-stroke);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:22 78;animation:1.4s linear infinite trace-loader-run}@keyframes trace-loader-run{to{stroke-dashoffset:-100px}}.ring-spinner{flex:none;animation:.8s linear infinite ring-spinner-turn;display:block}@keyframes ring-spinner-turn{to{transform:rotate(360deg)}}@keyframes ring-spinner-pulse{50%{opacity:.4}}@media (prefers-reduced-motion:reduce){.trace-loader{animation:none}.ring-spinner{animation:2s ease-in-out infinite ring-spinner-pulse}.trace-loader-ghost{opacity:1}.trace-loader-cursor{display:inline}.trace-loader-stroke{display:none}}