@layer components{.sync-flow{isolation:isolate}.sync-flow:before{content:"";pointer-events:none;background:radial-gradient(circle at 14% 16%, color-mix(in srgb, var(--c-primary) 12%, transparent), transparent 30%), radial-gradient(circle at 86% 18%, color-mix(in srgb, var(--c-secondary) 10%, transparent), transparent 28%), radial-gradient(circle at 50% 86%, color-mix(in srgb, var(--c-accent) 8%, transparent), transparent 30%);z-index:0;position:absolute;inset:0}.sync-flow:after{content:"";pointer-events:none;background-image:linear-gradient(to right, color-mix(in srgb, var(--c-text) 8%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--c-text) 8%, transparent) 1px, transparent 1px);z-index:0;background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 42%,#000,#0000 72%),linear-gradient(#0000,#000 18% 82%,#0000);mask-image:radial-gradient(circle at 50% 42%,#000,#0000 72%),linear-gradient(#0000,#000 18% 82%,#0000)}.sync-flow__timeline:before{content:"";pointer-events:none;background:linear-gradient(to right, transparent, color-mix(in srgb, var(--c-text) 10%, transparent) 12%, color-mix(in srgb, var(--c-primary) 40%, transparent) 50%, color-mix(in srgb, var(--c-text) 10%, transparent) 88%, transparent);height:1px;box-shadow:0 0 26px color-mix(in srgb, var(--c-primary) 50%, transparent);z-index:-1;position:absolute;top:50%;left:8%;right:8%;transform:translateY(-50%)}.sync-flow__card:hover .sync-flow__icon-sheen{opacity:.72;transform:translate(35%)rotate(12deg)}@media (max-width:1023px){.sync-flow__timeline:before{background:linear-gradient(to bottom, transparent, color-mix(in srgb, var(--c-text) 10%, transparent) 12%, color-mix(in srgb, var(--c-primary) 40%, transparent) 50%, color-mix(in srgb, var(--c-text) 10%, transparent) 88%, transparent);width:1px;height:auto;inset:0 auto 0 1.42rem;transform:none}}@media (max-width:640px){.sync-flow__timeline:before{display:none}}}