@layer components{.trades__seal{display:none}.trades__stage{grid-area:1/1;inline-size:100%;block-size:100%;border-radius:50%;background-color:var(--color-surface-raised)}.trades__stage:nth-child(n+2){clip-path:circle(0 at 50% 50%)}@media (width >= 1280px){.trades{display:grid;grid-template-columns:minmax(0,1fr) 13rem;align-items:start;gap:var(--space-12);timeline-scope:--trade-2,--trade-3,--trade-4,--trade-5,--trade-6,--trade-7,--trade-8}.trades__seal{position:sticky;inset-block-start:calc(50svh - 6.5rem);display:grid;grid-area:1/2;aspect-ratio:1;margin-block-start:var(--space-16)}.trades>ul{grid-area:1/1}}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){@media (width >= 1280px){.trades>ul>li:nth-child(2){view-timeline-name:--trade-2}.trades>ul>li:nth-child(3){view-timeline-name:--trade-3}.trades>ul>li:nth-child(4){view-timeline-name:--trade-4}.trades>ul>li:nth-child(5){view-timeline-name:--trade-5}.trades>ul>li:nth-child(6){view-timeline-name:--trade-6}.trades>ul>li:nth-child(7){view-timeline-name:--trade-7}.trades>ul>li:nth-child(8){view-timeline-name:--trade-8}.trades__stage:nth-child(n+2){animation:trade-recut linear both;animation-range:cover 8% cover 26%}.trades__stage:nth-child(2){animation-timeline:--trade-2}.trades__stage:nth-child(3){animation-timeline:--trade-3}.trades__stage:nth-child(4){animation-timeline:--trade-4}.trades__stage:nth-child(5){animation-timeline:--trade-5}.trades__stage:nth-child(6){animation-timeline:--trade-6}.trades__stage:nth-child(7){animation-timeline:--trade-7}.trades__stage:nth-child(8){animation-timeline:--trade-8}}}}@keyframes trade-recut{0%{clip-path:circle(0 at 50% 50%)}to{clip-path:circle(71% at 50% 50%)}}