.orbit-container{position:absolute;inset:0}.orbit-container.inner{width:300px;height:300px;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-ring-rotator{position:absolute;inset:0;animation:spin 30s linear infinite}.orbit-container.inner .orbit-ring-rotator{animation-duration:20s}.orbit-ring{position:absolute;inset:0;border-radius:50%;border:1px dashed rgba(255,255,255,.35)}.orbit-dot{position:absolute;top:50%;left:50%;width:10px;height:10px;background:white;border-radius:50%}.orbit-container:not(.inner) .orbit-dot{transform:translate(-50%,-50%) rotate(30deg) translateX(210px)}.orbit-container.inner .orbit-dot{transform:translate(-50%,-50%) rotate(120deg) translateX(150px)}.orbit-items{position:absolute;inset:0}.orbit-item{position:absolute;top:50%;left:50%;transform-origin:center}.orbit-center{position:absolute;inset:0;z-index:10}.orbit-center,.orbit-icon{display:flex;align-items:center;justify-content:center}.orbit-icon{width:72px;height:72px;border-radius:50%;background:#ffffff;transform:rotate(calc(-1 * var(--angle)))}.orbit-container.inner .orbit-icon{width:52px;height:52px}.orbit-icon img{width:65%;height:65%;-o-object-fit:contain;object-fit:contain}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}