@layer components{.vs-baan{--baan-duur:calc(var(--duur-overgang) * 4);width:1.5rem;height:1.5rem;color:var(--accent);flex-shrink:0;display:inline-block;position:relative;container-type:size}.vs-baan:before{content:"";border:max(2px, 7.5cqw) solid var(--baan-spoor,var(--line));animation:vs-baan-draai var(--baan-duur) var(--ease) infinite;border-top-color:currentColor;border-radius:999px;position:absolute;inset:0}.vs-baan>i{animation:vs-baan-draai calc(var(--baan-duur) * 1.5) linear infinite reverse;position:absolute;inset:20cqw}.vs-baan>i:after{content:"";background:var(--gold);border-radius:999px;width:max(3px,17cqw);height:max(3px,17cqw);margin-left:calc(max(3px,17cqw)/-2);position:absolute;top:0;left:50%}}@keyframes vs-baan-draai{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.vs-baan:before,.vs-baan>i{animation:none}}