@keyframes cycle-turn{to{rotate:-1turn}}.cycle-ring{animation:24s linear infinite cycle-turn}@keyframes cycle-fill{0%{transform:scale(0)}}.cycle-fill{--cycle-dwell:4s;animation:cycle-fill var(--cycle-dwell) linear both}@media (prefers-reduced-motion:reduce){.cycle-ring{animation:none}.cycle-fill{display:none}}
@property --magnet{syntax:"<number>";inherits:false;initial-value:0}.integration-mark{--integration-chip:var(--color-marble-300);--integration-ink:var(--color-marble-50);background-color:color-mix(in oklab, var(--integration-color) calc(var(--magnet) * 100%), var(--integration-chip));color:color-mix(in oklab, var(--integration-ink) calc(var(--magnet) * 100%), var(--foreground-muted))}.integration-mark[data-ink=dark]{--integration-ink:var(--color-obsidian-950)}.dark .integration-mark{--integration-chip:var(--color-obsidian-900)}@media (hover:hover) and (prefers-reduced-motion:reduce){.integration-mark:hover{--magnet:1}}
@keyframes march{to{transform:translate(-50%)}}.marquee-edges{-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}