@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)}
.effect-arrow{--effect-chevron:1.25rem;border-radius:var(--radius-md);background-color:var(--color-blue-600);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 24'%3E%3Cpath d='M7 6l6 6-6 6' fill='none' stroke='%23fff' stroke-opacity='.4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:var(--effect-chevron) 100%;background-repeat:repeat-x;animation:.9s linear infinite effect-march}@keyframes effect-march{to{background-position-x:var(--effect-chevron)}}@media (prefers-reduced-motion:reduce){.effect-arrow{animation:none}}