@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)}