.sls-orbit-wheel {
    isolation: isolate;
}

.sls-orbit-wheel__mystery {
    position: absolute;
    inset: 10%;
    z-index: 3;
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
    transition: opacity .45s ease;
}

.sls-orbit-wheel__mist,
.sls-orbit-wheel__spiral,
.sls-orbit-wheel__embers,
.sls-orbit-center__portal,
.sls-orbit-center__portal-core {
    pointer-events: none;
}

.sls-orbit-wheel__mist {
    position: absolute;
    inset: 6%;
    border-radius: 50%;
    filter: blur(22px);
    transform: scale(.72);
    opacity: 0;
}

.sls-orbit-wheel__mist--1 {
    background:
        radial-gradient(circle at 48% 50%, rgba(163, 255, 132, .18), rgba(80, 224, 137, .07) 28%, rgba(0, 0, 0, 0) 60%),
        radial-gradient(circle at 37% 41%, rgba(255, 255, 255, .11), rgba(255, 255, 255, 0) 24%);
}

.sls-orbit-wheel__mist--2 {
    inset: 12%;
    background:
        radial-gradient(circle at 51% 49%, rgba(57, 255, 20, .28), rgba(35, 163, 86, .13) 24%, rgba(0, 0, 0, 0) 58%),
        radial-gradient(circle at 60% 39%, rgba(248, 255, 202, .12), rgba(248, 255, 202, 0) 22%);
    filter: blur(12px);
}

.sls-orbit-wheel__spiral {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 38%;
    height: 11%;
    margin-left: -19%;
    margin-top: -5.5%;
    border-radius: 999px;
    border: 2px solid rgba(194, 255, 181, .66);
    border-left-color: rgba(203, 255, 198, .08);
    border-right-color: rgba(232, 255, 212, .94);
    box-shadow:
        0 0 18px rgba(112, 255, 85, .22),
        inset 0 0 18px rgba(200, 255, 197, .18);
    filter: blur(.2px);
    opacity: 0;
    transform-origin: center center;
}

.sls-orbit-wheel__spiral::before {
    content: "";
    position: absolute;
    left: 16%;
    top: -38%;
    width: 28%;
    height: 176%;
    border-radius: 999px;
    border: 2px solid rgba(214, 255, 206, .56);
    border-top-color: rgba(214, 255, 206, .12);
    border-bottom-color: rgba(214, 255, 206, .82);
    box-shadow: inset 0 0 14px rgba(165, 255, 145, .18);
}

.sls-orbit-wheel__spiral--1 { transform: rotate(0deg) translateY(-62px) scale(.42); }
.sls-orbit-wheel__spiral--2 { transform: rotate(90deg) translateY(-62px) scale(.42); }
.sls-orbit-wheel__spiral--3 { transform: rotate(45deg) translateY(-72px) scale(.38); }
.sls-orbit-wheel__spiral--4 { transform: rotate(135deg) translateY(-72px) scale(.38); }

.sls-orbit-wheel__embers {
    position: absolute;
    inset: 14%;
    border-radius: 50%;
    opacity: 0;
    background:
        radial-gradient(circle at 50% 10%, rgba(241, 255, 217, .85) 0 1.2%, transparent 1.5%),
        radial-gradient(circle at 84% 38%, rgba(181, 255, 181, .72) 0 1.1%, transparent 1.4%),
        radial-gradient(circle at 70% 80%, rgba(213, 255, 191, .62) 0 1%, transparent 1.3%),
        radial-gradient(circle at 20% 76%, rgba(154, 255, 188, .65) 0 .95%, transparent 1.2%),
        radial-gradient(circle at 14% 34%, rgba(202, 255, 173, .72) 0 1%, transparent 1.25%),
        radial-gradient(circle at 48% 50%, rgba(88, 255, 109, .18), rgba(88, 255, 109, 0) 22%);
    filter: blur(.2px);
}

.sls-orbit-center {
    overflow: hidden;
}

.sls-orbit-center__portal,
.sls-orbit-center__portal-core {
    position: absolute;
    inset: 12px;
    z-index: 1;
    border-radius: 50%;
    opacity: 0;
}

.sls-orbit-center__portal {
    background:
        radial-gradient(circle at 50% 50%, rgba(203, 255, 184, .12), rgba(68, 242, 103, .18) 28%, rgba(17, 73, 42, .42) 50%, rgba(2, 10, 22, 0) 74%),
        conic-gradient(from 0deg, rgba(182, 255, 170, .26), rgba(59, 179, 87, .03) 20%, rgba(166, 255, 166, .26) 46%, rgba(42, 120, 68, .04) 70%, rgba(182, 255, 170, .26));
    filter: blur(1px);
}

.sls-orbit-center__portal-core {
    inset: 28px;
    background:
        radial-gradient(circle at 50% 48%, rgba(236, 255, 228, .64) 0, rgba(174, 255, 176, .42) 16%, rgba(49, 171, 79, .76) 30%, rgba(16, 64, 36, .98) 62%, rgba(4, 14, 24, 1) 80%);
    box-shadow:
        0 0 26px rgba(95, 255, 73, .28),
        inset 0 0 22px rgba(217, 255, 217, .18);
}

.sls-orbit-center img,
.sls-orbit-center span:not(.sls-orbit-center__portal):not(.sls-orbit-center__portal-core) {
    position: relative;
    z-index: 2;
}

.sls-orbit-wheel.is-awakening .sls-orbit-wheel__mystery,
.sls-orbit-wheel.is-awake .sls-orbit-wheel__mystery {
    opacity: 1;
}

.sls-orbit-wheel.is-awakening .sls-orbit-wheel__mist--1 {
    animation: slsOrbitMistRise 1.7s ease-out forwards;
}

.sls-orbit-wheel.is-awakening .sls-orbit-wheel__mist--2 {
    animation: slsOrbitMistRiseInner 1.45s ease-out .12s forwards;
}

.sls-orbit-wheel.is-awakening .sls-orbit-wheel__spiral--1 {
    animation: slsOrbitSpiral 1.8s cubic-bezier(.2,.8,.2,1) .02s forwards;
}

.sls-orbit-wheel.is-awakening .sls-orbit-wheel__spiral--2 {
    animation: slsOrbitSpiral 1.8s cubic-bezier(.2,.8,.2,1) .16s forwards;
}

.sls-orbit-wheel.is-awakening .sls-orbit-wheel__spiral--3 {
    animation: slsOrbitSpiralWide 1.7s cubic-bezier(.2,.8,.2,1) .26s forwards;
}

.sls-orbit-wheel.is-awakening .sls-orbit-wheel__spiral--4 {
    animation: slsOrbitSpiralWide 1.7s cubic-bezier(.2,.8,.2,1) .38s forwards;
}

.sls-orbit-wheel.is-awakening .sls-orbit-wheel__embers {
    animation: slsOrbitEmbers 1.9s ease-out .12s forwards;
}

.sls-orbit-wheel.is-awakening .sls-orbit-center__portal {
    animation: slsPortalBreathe 1.75s ease-out forwards;
}

.sls-orbit-wheel.is-awakening .sls-orbit-center__portal-core {
    animation: slsPortalCoreAwaken 1.75s cubic-bezier(.2,.8,.2,1) forwards;
}

.sls-orbit-wheel.is-awake .sls-orbit-wheel__mist--1 {
    opacity: .28;
    transform: scale(1.02);
}

.sls-orbit-wheel.is-awake .sls-orbit-wheel__mist--2 {
    opacity: .34;
    transform: scale(1);
}

.sls-orbit-wheel.is-awake .sls-orbit-wheel__spiral {
    opacity: .18;
    animation: slsOrbitShimmer 6s linear infinite;
}

.sls-orbit-wheel.is-awake .sls-orbit-wheel__spiral--2 { animation-delay: .6s; }
.sls-orbit-wheel.is-awake .sls-orbit-wheel__spiral--3 { animation-delay: 1.2s; }
.sls-orbit-wheel.is-awake .sls-orbit-wheel__spiral--4 { animation-delay: 1.8s; }

.sls-orbit-wheel.is-awake .sls-orbit-wheel__embers {
    opacity: .55;
    animation: slsOrbitSparkle 4.8s ease-in-out infinite;
}

.sls-orbit-wheel.is-awake .sls-orbit-center__portal {
    opacity: .32;
    animation: slsPortalIdle 4.2s ease-in-out infinite;
}

.sls-orbit-wheel.is-awake .sls-orbit-center__portal-core {
    opacity: .82;
    animation: slsPortalCoreIdle 3.8s ease-in-out infinite;
}

@keyframes slsOrbitMistRise {
    0% { opacity: 0; transform: scale(.62); }
    25% { opacity: .52; }
    100% { opacity: .30; transform: scale(1.04); }
}

@keyframes slsOrbitMistRiseInner {
    0% { opacity: 0; transform: scale(.54); }
    28% { opacity: .70; }
    100% { opacity: .36; transform: scale(1); }
}

@keyframes slsOrbitSpiral {
    0% { opacity: 0; transform: rotate(0deg) translateY(-18px) scale(.12); }
    30% { opacity: .92; }
    100% { opacity: .22; transform: rotate(395deg) translateY(-62px) scale(.56); }
}

@keyframes slsOrbitSpiralWide {
    0% { opacity: 0; transform: rotate(45deg) translateY(-18px) scale(.12); }
    30% { opacity: .82; }
    100% { opacity: .20; transform: rotate(410deg) translateY(-72px) scale(.5); }
}

@keyframes slsOrbitEmbers {
    0% { opacity: 0; transform: scale(.45) rotate(-20deg); }
    35% { opacity: .86; }
    100% { opacity: .54; transform: scale(1) rotate(0deg); }
}

@keyframes slsPortalBreathe {
    0% { opacity: 0; transform: scale(.52) rotate(-12deg); }
    35% { opacity: .82; }
    100% { opacity: .30; transform: scale(1.06) rotate(0deg); }
}

@keyframes slsPortalCoreAwaken {
    0% { opacity: 0; transform: scale(.22); }
    42% { opacity: 1; transform: scale(1.14); }
    100% { opacity: .80; transform: scale(1); }
}

@keyframes slsOrbitShimmer {
    0%, 100% { opacity: .14; filter: blur(.2px) brightness(.95); }
    50% { opacity: .24; filter: blur(.1px) brightness(1.08); }
}

@keyframes slsOrbitSparkle {
    0%, 100% { opacity: .46; transform: scale(1); }
    50% { opacity: .66; transform: scale(1.04); }
}

@keyframes slsPortalIdle {
    0%, 100% { opacity: .26; transform: scale(1); }
    50% { opacity: .36; transform: scale(1.06); }
}

@keyframes slsPortalCoreIdle {
    0%, 100% {
        opacity: .78;
        transform: scale(1);
        box-shadow: 0 0 26px rgba(95, 255, 73, .28), inset 0 0 22px rgba(217, 255, 217, .18);
    }
    50% {
        opacity: .92;
        transform: scale(1.05);
        box-shadow: 0 0 34px rgba(95, 255, 73, .38), inset 0 0 24px rgba(217, 255, 217, .26);
    }
}

@media (prefers-reduced-motion: reduce) {
    .sls-orbit-wheel__mystery,
    .sls-orbit-wheel__mist,
    .sls-orbit-wheel__spiral,
    .sls-orbit-wheel__embers,
    .sls-orbit-center__portal,
    .sls-orbit-center__portal-core {
        animation: none !important;
        transition: none !important;
    }

    .sls-orbit-wheel__mystery {
        opacity: .65;
    }

    .sls-orbit-wheel__mist--1,
    .sls-orbit-wheel__mist--2,
    .sls-orbit-wheel__embers,
    .sls-orbit-center__portal,
    .sls-orbit-center__portal-core {
        opacity: .4;
        transform: none;
    }

    .sls-orbit-wheel__spiral {
        opacity: .18;
    }
}

/* Spin/reveal state for the Orbit Wheel panels. */
.sls-orbit-wheel:not(.is-awakening):not(.is-awake) .sls-orbit-wheel__grid {
    opacity: 0;
    transform: rotate(-84deg) scale(.92);
}

.sls-orbit-wheel:not(.is-awakening):not(.is-awake) .sls-orbit-panel {
    opacity: 0;
    visibility: hidden;
}

.sls-orbit-wheel.is-awakening .sls-orbit-wheel__grid {
    animation: slsOrbitWheelTurnReveal 1.45s cubic-bezier(.18,.82,.22,1) forwards;
    will-change: transform, opacity, filter;
}

.sls-orbit-wheel.is-awakening .sls-orbit-panel {
    opacity: 0;
    visibility: visible;
    animation: slsOrbitPanelFadeReveal .78s ease forwards;
}

.sls-orbit-wheel.is-awakening .sls-orbit-panel--1 { animation-delay: .52s; }
.sls-orbit-wheel.is-awakening .sls-orbit-panel--2 { animation-delay: .66s; }
.sls-orbit-wheel.is-awakening .sls-orbit-panel--3 { animation-delay: .80s; }
.sls-orbit-wheel.is-awakening .sls-orbit-panel--4 { animation-delay: .94s; }

.sls-orbit-wheel.is-awake .sls-orbit-wheel__grid,
.sls-orbit-wheel.is-awake .sls-orbit-panel {
    opacity: 1;
    visibility: visible;
}

.sls-orbit-panel,
.sls-orbit-panel:hover,
.sls-orbit-panel:focus {
    text-decoration: none !important;
}

.sls-orbit-panel__label {
    --sls-label-scale: 1;
    max-width: clamp(122px, 22vw, 176px);
    font-size: clamp(15px, calc(2.05vw * var(--sls-label-scale)), 24px);
    line-height: 1.04;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
    text-wrap: balance;
    text-decoration: none !important;
}

.sls-orbit-panel--label-long .sls-orbit-panel__label {
    --sls-label-scale: .84;
}

.sls-orbit-panel--label-extra-long .sls-orbit-panel__label {
    --sls-label-scale: .72;
}

.sls-orbit-wheel--count-1 .sls-orbit-panel__label {
    max-width: clamp(180px, 42vw, 300px);
    font-size: clamp(18px, calc(2.55vw * var(--sls-label-scale)), 30px);
}

.sls-orbit-wheel--count-2 .sls-orbit-panel__label {
    max-width: clamp(132px, 24vw, 184px);
    font-size: clamp(14px, calc(1.95vw * var(--sls-label-scale)), 23px);
}

.sls-orbit-wheel--count-3 .sls-orbit-panel__label,
.sls-orbit-wheel--count-4 .sls-orbit-panel__label {
    max-width: clamp(118px, 20vw, 168px);
    font-size: clamp(14px, calc(1.85vw * var(--sls-label-scale)), 23px);
}

@keyframes slsOrbitWheelTurnReveal {
    0% {
        opacity: 0;
        transform: rotate(-100deg) scale(.90);
        filter: blur(6px) saturate(.82) brightness(.8);
    }

    58% {
        opacity: .92;
        transform: rotate(8deg) scale(1.025);
        filter: blur(1px) saturate(1.1) brightness(1.05);
    }

    100% {
        opacity: 1;
        transform: rotate(0deg) scale(1);
        filter: blur(0) saturate(1) brightness(1);
    }
}

@keyframes slsOrbitPanelFadeReveal {
    0% {
        opacity: 0;
        filter: blur(5px) brightness(.72);
    }

    100% {
        opacity: 1;
        filter: blur(0) brightness(1);
    }
}

@media (max-width: 640px) {
    .sls-orbit-panel__label,
    .sls-orbit-wheel--count-1 .sls-orbit-panel__label,
    .sls-orbit-wheel--count-2 .sls-orbit-panel__label,
    .sls-orbit-wheel--count-3 .sls-orbit-panel__label,
    .sls-orbit-wheel--count-4 .sls-orbit-panel__label {
        max-width: 112px;
        font-size: clamp(12px, calc(4.05vw * var(--sls-label-scale)), 18px);
        line-height: 1.03;
    }

    .sls-orbit-wheel--count-1 .sls-orbit-panel__label {
        max-width: 210px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sls-orbit-wheel:not(.is-awakening):not(.is-awake) .sls-orbit-wheel__grid,
    .sls-orbit-wheel:not(.is-awakening):not(.is-awake) .sls-orbit-panel {
        opacity: 1;
        visibility: visible;
        transform: none;
        filter: none;
    }
}

/* Keep orbit labels and icons outside the center medallion safe zone. */
.sls-orbit-wheel--count-2 .sls-orbit-panel--1 {
    padding-left: clamp(42px, 10%, 70px);
    padding-right: clamp(150px, 32%, 210px);
}

.sls-orbit-wheel--count-2 .sls-orbit-panel--2 {
    padding-left: clamp(150px, 32%, 210px);
    padding-right: clamp(42px, 10%, 70px);
}

.sls-orbit-wheel--count-2 .sls-orbit-panel__label {
    max-width: clamp(96px, 18vw, 138px);
}

.sls-orbit-wheel--count-3 .sls-orbit-panel--1 {
    padding-top: clamp(48px, 10%, 72px);
    padding-bottom: clamp(260px, 47%, 310px);
}

.sls-orbit-wheel--count-3 .sls-orbit-panel--2 {
    padding: clamp(210px, 38%, 250px) clamp(46px, 9%, 68px) clamp(64px, 13%, 88px) clamp(230px, 42%, 270px);
}

.sls-orbit-wheel--count-3 .sls-orbit-panel--3 {
    padding: clamp(210px, 38%, 250px) clamp(230px, 42%, 270px) clamp(64px, 13%, 88px) clamp(46px, 9%, 68px);
}

.sls-orbit-wheel--count-4 .sls-orbit-panel {
    gap: 7px;
}

.sls-orbit-wheel--count-4 .sls-orbit-panel--1 {
    align-items: flex-start;
    justify-content: flex-start;
    padding: clamp(36px, 8%, 54px) clamp(86px, 18%, 112px) clamp(86px, 18%, 112px) clamp(36px, 8%, 54px);
}

.sls-orbit-wheel--count-4 .sls-orbit-panel--2 {
    align-items: flex-end;
    justify-content: flex-start;
    padding: clamp(36px, 8%, 54px) clamp(36px, 8%, 54px) clamp(86px, 18%, 112px) clamp(86px, 18%, 112px);
}

.sls-orbit-wheel--count-4 .sls-orbit-panel--3 {
    align-items: flex-end;
    justify-content: flex-end;
    padding: clamp(86px, 18%, 112px) clamp(36px, 8%, 54px) clamp(36px, 8%, 54px) clamp(86px, 18%, 112px);
}

.sls-orbit-wheel--count-4 .sls-orbit-panel--4 {
    align-items: flex-start;
    justify-content: flex-end;
    padding: clamp(86px, 18%, 112px) clamp(86px, 18%, 112px) clamp(36px, 8%, 54px) clamp(36px, 8%, 54px);
}

.sls-orbit-wheel--count-4 .sls-orbit-panel__label {
    max-width: clamp(92px, 16vw, 136px);
}

@media (max-width: 640px) {
    .sls-orbit-wheel--count-2 .sls-orbit-panel--1 {
        padding-left: 8%;
        padding-right: 34%;
    }

    .sls-orbit-wheel--count-2 .sls-orbit-panel--2 {
        padding-left: 34%;
        padding-right: 8%;
    }

    .sls-orbit-wheel--count-2 .sls-orbit-panel__label {
        max-width: 92px;
    }

    .sls-orbit-wheel--count-3 .sls-orbit-panel--1 {
        padding-top: 42px;
        padding-bottom: 190px;
    }

    .sls-orbit-wheel--count-3 .sls-orbit-panel--2 {
        padding: 146px 30px 52px 158px;
    }

    .sls-orbit-wheel--count-3 .sls-orbit-panel--3 {
        padding: 146px 158px 52px 30px;
    }

    .sls-orbit-wheel--count-4 .sls-orbit-panel--1 {
        padding: 28px 72px 72px 28px;
    }

    .sls-orbit-wheel--count-4 .sls-orbit-panel--2 {
        padding: 28px 28px 72px 72px;
    }

    .sls-orbit-wheel--count-4 .sls-orbit-panel--3 {
        padding: 72px 28px 28px 72px;
    }

    .sls-orbit-wheel--count-4 .sls-orbit-panel--4 {
        padding: 72px 72px 28px 28px;
    }

    .sls-orbit-wheel--count-4 .sls-orbit-panel__label {
        max-width: 88px;
    }
}



/* 1.0.10: Orbit label-content placement. Keeps labels out of the center medallion and away from the circular edge. */
.sls-orbit-panel {
    overflow: hidden;
}

.sls-orbit-panel__content {
    position: absolute;
    z-index: 6;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: clamp(96px, 22%, 154px);
    max-width: 154px;
    text-align: center;
    pointer-events: none;
    transform: translate(-50%, -50%);
}

.sls-orbit-panel__content .sls-orbit-panel__icon,
.sls-orbit-panel__content .sls-orbit-panel__label {
    position: relative;
    z-index: 7;
}

.sls-orbit-panel__content .sls-orbit-panel__icon {
    font-size: clamp(18px, 2vw, 26px);
    line-height: 1;
}

.sls-orbit-panel__content .sls-orbit-panel__label {
    width: 100%;
    max-width: 100% !important;
    font-size: clamp(13px, calc(1.55vw * var(--sls-label-scale)), 21px) !important;
    line-height: 1.02;
    letter-spacing: -.02em;
    white-space: normal;
    overflow-wrap: normal;
    word-break: normal;
    text-wrap: balance;
}

.sls-orbit-panel--label-long .sls-orbit-panel__content .sls-orbit-panel__label {
    --sls-label-scale: .78;
}

.sls-orbit-panel--label-extra-long .sls-orbit-panel__content .sls-orbit-panel__label {
    --sls-label-scale: .64;
}

.sls-orbit-wheel--count-1 .sls-orbit-panel__content {
    left: 50%;
    top: 30%;
    width: clamp(160px, 36%, 260px);
    max-width: 260px;
}

.sls-orbit-wheel--count-1 .sls-orbit-panel__content .sls-orbit-panel__label {
    font-size: clamp(17px, calc(2.1vw * var(--sls-label-scale)), 28px) !important;
}

.sls-orbit-wheel--count-2 .sls-orbit-panel__content {
    top: 50%;
    width: clamp(98px, 18%, 142px);
    max-width: 142px;
}

.sls-orbit-wheel--count-2 .sls-orbit-panel--1 .sls-orbit-panel__content { left: 21.5%; }
.sls-orbit-wheel--count-2 .sls-orbit-panel--2 .sls-orbit-panel__content { left: 78.5%; }

.sls-orbit-wheel--count-3 .sls-orbit-panel__content {
    width: clamp(100px, 18%, 150px);
    max-width: 150px;
}

.sls-orbit-wheel--count-3 .sls-orbit-panel--1 .sls-orbit-panel__content {
    left: 50%;
    top: 20%;
}

.sls-orbit-wheel--count-3 .sls-orbit-panel--2 .sls-orbit-panel__content {
    left: 76%;
    top: 74%;
}

.sls-orbit-wheel--count-3 .sls-orbit-panel--3 .sls-orbit-panel__content {
    left: 24%;
    top: 74%;
}

.sls-orbit-wheel--count-4 .sls-orbit-panel__content {
    width: clamp(92px, 42%, 136px);
    max-width: 136px;
}

.sls-orbit-wheel--count-4 .sls-orbit-panel--1 .sls-orbit-panel__content {
    left: 38%;
    top: 34%;
}

.sls-orbit-wheel--count-4 .sls-orbit-panel--2 .sls-orbit-panel__content {
    left: 62%;
    top: 34%;
}

.sls-orbit-wheel--count-4 .sls-orbit-panel--3 .sls-orbit-panel__content {
    left: 38%;
    top: 66%;
}

.sls-orbit-wheel--count-4 .sls-orbit-panel--4 .sls-orbit-panel__content {
    left: 62%;
    top: 66%;
}

@media (max-width: 640px) {
    .sls-orbit-panel__content {
        gap: 4px;
        width: 102px;
        max-width: 102px;
    }

    .sls-orbit-panel__content .sls-orbit-panel__icon {
        font-size: 17px;
    }

    .sls-orbit-panel__content .sls-orbit-panel__label,
    .sls-orbit-wheel--count-1 .sls-orbit-panel__content .sls-orbit-panel__label {
        font-size: clamp(11px, calc(3.25vw * var(--sls-label-scale)), 16px) !important;
        line-height: 1.01;
    }

    .sls-orbit-wheel--count-1 .sls-orbit-panel__content {
        width: 190px;
        max-width: 190px;
        top: 28%;
    }

    .sls-orbit-wheel--count-2 .sls-orbit-panel--1 .sls-orbit-panel__content { left: 20%; }
    .sls-orbit-wheel--count-2 .sls-orbit-panel--2 .sls-orbit-panel__content { left: 80%; }

    .sls-orbit-wheel--count-3 .sls-orbit-panel--1 .sls-orbit-panel__content { top: 19%; }
    .sls-orbit-wheel--count-3 .sls-orbit-panel--2 .sls-orbit-panel__content { left: 77%; top: 73%; }
    .sls-orbit-wheel--count-3 .sls-orbit-panel--3 .sls-orbit-panel__content { left: 23%; top: 73%; }

    .sls-orbit-wheel--count-4 .sls-orbit-panel__content {
        width: 94px;
        max-width: 94px;
    }

    .sls-orbit-wheel--count-4 .sls-orbit-panel--1 .sls-orbit-panel__content { left: 40%; top: 36%; }
    .sls-orbit-wheel--count-4 .sls-orbit-panel--2 .sls-orbit-panel__content { left: 60%; top: 36%; }
    .sls-orbit-wheel--count-4 .sls-orbit-panel--3 .sls-orbit-panel__content { left: 40%; top: 64%; }
    .sls-orbit-wheel--count-4 .sls-orbit-panel--4 .sls-orbit-panel__content { left: 60%; top: 64%; }
}

/* 1.0.11: Four-item Orbit Wheel label safe-zone refinement only. Do not change one-, two-, or three-item layouts. */
.sls-orbit-wheel--count-4 .sls-orbit-panel__content {
    width: clamp(84px, 36%, 122px);
    max-width: 122px;
    gap: 4px;
}

.sls-orbit-wheel--count-4 .sls-orbit-panel__content .sls-orbit-panel__icon {
    font-size: clamp(17px, 1.7vw, 23px);
}

.sls-orbit-wheel--count-4 .sls-orbit-panel__content .sls-orbit-panel__label {
    font-size: clamp(11px, calc(1.34vw * var(--sls-label-scale)), 18px) !important;
    line-height: .98;
    letter-spacing: -.035em;
}

.sls-orbit-wheel--count-4 .sls-orbit-panel--label-long .sls-orbit-panel__content .sls-orbit-panel__label {
    --sls-label-scale: .68;
}

.sls-orbit-wheel--count-4 .sls-orbit-panel--label-extra-long .sls-orbit-panel__content .sls-orbit-panel__label {
    --sls-label-scale: .56;
}

.sls-orbit-wheel--count-4 .sls-orbit-panel--1 .sls-orbit-panel__content {
    left: 42%;
    top: 42%;
}

.sls-orbit-wheel--count-4 .sls-orbit-panel--2 .sls-orbit-panel__content {
    left: 58%;
    top: 42%;
}

.sls-orbit-wheel--count-4 .sls-orbit-panel--3 .sls-orbit-panel__content {
    left: 42%;
    top: 52%;
}

.sls-orbit-wheel--count-4 .sls-orbit-panel--4 .sls-orbit-panel__content {
    left: 58%;
    top: 52%;
}

@media (max-width: 640px) {
    .sls-orbit-wheel--count-4 .sls-orbit-panel__content {
        width: 82px;
        max-width: 82px;
        gap: 2px;
    }

    .sls-orbit-wheel--count-4 .sls-orbit-panel__content .sls-orbit-panel__icon {
        font-size: 14px;
    }

    .sls-orbit-wheel--count-4 .sls-orbit-panel__content .sls-orbit-panel__label {
        font-size: clamp(9.5px, calc(2.7vw * var(--sls-label-scale)), 13px) !important;
        line-height: .96;
        letter-spacing: -.045em;
    }

    .sls-orbit-wheel--count-4 .sls-orbit-panel--1 .sls-orbit-panel__content { left: 42%; top: 46%; }
    .sls-orbit-wheel--count-4 .sls-orbit-panel--2 .sls-orbit-panel__content { left: 58%; top: 46%; }
    .sls-orbit-wheel--count-4 .sls-orbit-panel--3 .sls-orbit-panel__content { left: 42%; top: 50%; }
    .sls-orbit-wheel--count-4 .sls-orbit-panel--4 .sls-orbit-panel__content { left: 58%; top: 50%; }
}