.hero-art.orbit-active .orbit-track{top:55%;pointer-events:none}
.hero-art.orbit-active .orbit-app{left:50%;top:55%;z-index:4;will-change:transform}
.hero-art.orbit-active .icon-0{z-index:5}
.hero-art.orbit-active .orbit-app img{transition:scale .2s}
.hero-art.orbit-active .orbit-app:hover img,.hero-art.orbit-active .orbit-app:focus-visible img{scale:1.12}
.orbit-pause{position:absolute;bottom:19px;left:22px;z-index:7;border:1px solid #c7c2b8;border-radius:30px;background:#f0ece3;color:#484b43;padding:5px 12px;font-size:11px}
.orbit-pause[hidden]{display:none}
.orbit-new{animation:orbit-arrive 1.4s ease both}
@keyframes orbit-arrive{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.hero-art.orbit-active *{animation:none!important;transition:none!important}}

/* Names follow their icons, including icons added during the animation. */
.hero-art.orbit-active .floating-icon[data-app-name]{overflow:visible}
.hero-art.orbit-active .floating-icon[data-app-name]::after{content:attr(data-app-name);position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%);width:max-content;max-width:160px;padding:7px 10px;border-radius:8px;background:#262923;color:#fff;font:600 12px/1.35 system-ui,sans-serif;text-align:center;box-shadow:0 3px 12px #0002;opacity:0;visibility:hidden;pointer-events:none}
.hero-art.orbit-active .floating-icon[data-app-name]:hover,.hero-art.orbit-active .floating-icon[data-app-name]:focus-visible{z-index:10}
.hero-art.orbit-active .floating-icon[data-app-name]:hover::after,.hero-art.orbit-active .floating-icon[data-app-name]:focus-visible::after{opacity:1;visibility:visible}