@keyframes orbit-cw{0%{transform:rotate(var(--start-angle))}to{transform:rotate(calc(var(--start-angle) + 360deg))}}@keyframes orbit-ccw{0%{transform:rotate(var(--start-angle))}to{transform:rotate(calc(var(--start-angle) - 360deg))}}@keyframes counter-cw{0%{transform:rotate(var(--counter-angle,0deg))}to{transform:rotate(calc(var(--counter-angle,0deg) - 360deg))}}@keyframes counter-ccw{0%{transform:rotate(var(--counter-angle,0deg))}to{transform:rotate(calc(var(--counter-angle,0deg) + 360deg))}}.orbiting-circles-02{isolation:isolate;width:100%;height:100%;position:relative;overflow:hidden}.orbiting-circles-02__center{z-index:0;aspect-ratio:1;clip-path:circle(42%);pointer-events:auto;width:clamp(240px,35vw,500px);position:absolute;bottom:0;right:50%;transform:translate(50%,50%)}.orbiting-circles-02__center>*{width:100%;height:100%}.orbiting-circles-02__ring{z-index:1;width:calc(var(--orbit-radius) * 2);height:calc(var(--orbit-radius) * 2);pointer-events:none;border:1px solid #ffffff3d;border-radius:50%;position:absolute;bottom:0;right:50%;transform:translate(50%,50%)}.orbiting-circles-02__path{border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff14}.orbiting-circles-02__item{width:var(--orbit-icon-size);height:50%;margin-left:calc(var(--orbit-icon-size) / -2);transform-origin:bottom;animation:orbit-cw var(--orbit-duration) linear infinite;justify-content:center;align-items:flex-start;display:flex;position:absolute;top:0;left:50%}.orbiting-circles-02__ring--reverse .orbiting-circles-02__item{animation-name:orbit-ccw}.orbiting-circles-02__counter{width:var(--orbit-icon-size);height:var(--orbit-icon-size);margin-top:calc(var(--orbit-icon-size) / -2);transform-origin:50%;animation:counter-cw var(--orbit-duration) linear infinite;place-items:center;display:grid}.orbiting-circles-02__ring--reverse .orbiting-circles-02__counter{animation-name:counter-ccw}:is(.orbiting-circles-02:has(.orbiting-skills__mark:hover,.orbiting-circles-02__center:hover) .orbiting-circles-02__item,.orbiting-circles-02:has(.orbiting-skills__mark:hover,.orbiting-circles-02__center:hover) .orbiting-circles-02__counter,.orbiting-circles-02:has(.orbiting-skills__mark:focus-visible,.orbiting-circles-02__center:focus-within) .orbiting-circles-02__item,.orbiting-circles-02:has(.orbiting-skills__mark:focus-visible,.orbiting-circles-02__center:focus-within) .orbiting-circles-02__counter){animation-play-state:paused}@media (prefers-reduced-motion:reduce){.orbiting-circles-02__item,.orbiting-circles-02__counter{animation:none}}