.orbit .label[data-key] {
    border: 2px solid rgb(0 240 249 / .9)!important;
    box-shadow: none!important;
    background-color: rgb(0 0 20 / .35);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px)
}

.orbit .label[data-key] {
    transition: border-color 0.22s ease,background-color 0.22s ease,box-shadow 0.22s ease,padding 0.22s ease
}

.orbit .label[data-key]:hover {
    border-color: rgb(0 255 255)!important;
    background-color: rgb(0 0 30 / .45);
    box-shadow: none!important;
    padding: 11px 26px
}

.shine-glass {
    position: relative
}

.shine-glass::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: linear-gradient(135deg,#fff0 0%,rgb(0 240 249 / .25) 20%,rgb(0 240 249 / .85) 28%,rgb(0 240 249 / .25) 45%,#fff0 100%);
    background-size: 260% 260%;
    opacity: .35;
    mix-blend-mode: screen;
    border-radius: inherit;
    z-index: 1
}

.shine-glass>* {
    position: relative;
    z-index: 2
}

.orbit .label::before {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 150%;
    height: 100%;
    background: linear-gradient(120deg,transparent 0%,rgb(255 255 255 / .35) 50%,transparent 100%);
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
    animation: pillShine 4s ease-in-out infinite
}

@keyframes pillShine {
    0% {
        left: -150%;
        opacity: 0
    }

    40% {
        opacity: 0
    }

    50% {
        opacity: .35
    }

    60% {
        opacity: 0
    }

    100% {
        left: 150%;
        opacity: 0
    }
}

@keyframes shineSweep {
    0% {
        background-position: -200% 0;
        opacity: 0
    }

    16% {
        background-position: -140% 0;
        opacity: .25
    }

    32% {
        background-position: -80% 0;
        opacity: .5
    }

    48% {
        background-position: -20% 0;
        opacity: .7
    }

    64% {
        background-position: 40% 0;
        opacity: .85
    }

    82% {
        background-position: 120% 0;
        opacity: .4
    }

    100% {
        background-position: 200% 0;
        opacity: 0
    }
}

.orbit .label::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-size: 260% 260%;
    opacity: 0;
    mix-blend-mode: screen;
    border-radius: inherit!important;
    overflow: hidden!important
}

@keyframes shine_whoUsesUs {
    0% {
        background-position: -200% -200%;
        opacity: 0
    }

    20% {
        opacity: .25
    }

    45% {
        opacity: .95
    }

    70% {
        opacity: .35
    }

    100% {
        background-position: 200% 200%;
        opacity: 0
    }
}

@keyframes shine_service {
    0% {
        background-position: 200% -200%;
        opacity: 0
    }

    20% {
        opacity: .25
    }

    45% {
        opacity: .95
    }

    70% {
        opacity: .35
    }

    100% {
        background-position: -200% 200%;
        opacity: 0
    }
}

@keyframes shine_access {
    0% {
        background-position: 0 -200%;
        opacity: 0
    }

    20% {
        opacity: .25
    }

    45% {
        opacity: .95
    }

    70% {
        opacity: .35
    }

    100% {
        background-position: 0 200%;
        opacity: 0
    }
}

@keyframes shine_intercom {
    0% {
        background-position: 200% 0;
        opacity: 0
    }

    20% {
        opacity: .25
    }

    45% {
        opacity: .95
    }

    70% {
        opacity: .35
    }

    100% {
        background-position: -200% 0;
        opacity: 0
    }
}

@keyframes shine_cameras {
    0% {
        background-position: 200% 0;
        opacity: 0
    }

    20% {
        opacity: .25
    }

    45% {
        opacity: .95
    }

    70% {
        opacity: .35
    }

    100% {
        background-position: -200% 0;
        opacity: 0
    }
}

@keyframes shine_network {
    0% {
        background-position: 0 200%;
        opacity: 0
    }

    20% {
        opacity: .25
    }

    45% {
        opacity: .95
    }

    70% {
        opacity: .35
    }

    100% {
        background-position: 0 -200%;
        opacity: 0
    }
}

@keyframes shine_alarms {
    0% {
        background-position: -200% 200%;
        opacity: 0
    }

    20% {
        opacity: .25
    }

    45% {
        opacity: .95
    }

    70% {
        opacity: .35
    }

    100% {
        background-position: 200% -200%;
        opacity: 0
    }
}

.orbit .label[data-key="whoUsesUs"]::after {
    background-image: linear-gradient(135deg,#fff0 0%,rgb(255 255 255 / .35) 20%,rgb(255 255 255 / .95) 28%,rgb(255 255 255 / .35) 45%,#fff0 100%);
    animation: shine_whoUsesUs 7s linear infinite
}

.orbit .label[data-key="service"]::after {
    background-image: linear-gradient(225deg,#fff0 0%,rgb(255 255 255 / .35) 20%,rgb(255 255 255 / .95) 28%,rgb(255 255 255 / .35) 45%,#fff0 100%);
    animation: shine_service 7s linear infinite
}

.orbit .label[data-key="access"]::after {
    background-image: linear-gradient(to bottom,#fff0 0%,rgb(255 255 255 / .35) 20%,rgb(255 255 255 / .95) 28%,rgb(255 255 255 / .35) 45%,#fff0 100%);
    animation: shine_access 7s linear infinite
}

.orbit .label[data-key="intercom"]::after {
    background-image: linear-gradient(to left,#fff0 0%,rgb(255 255 255 / .35) 20%,rgb(255 255 255 / .95) 28%,rgb(255 255 255 / .35) 45%,#fff0 100%);
    animation: shine_intercom 7s linear infinite
}

.orbit .label[data-key="cameras"]::after {
    background-image: linear-gradient(to left,#fff0 0%,rgb(255 255 255 / .35) 20%,rgb(255 255 255 / .95) 28%,rgb(255 255 255 / .35) 45%,#fff0 100%);
    animation: shine_cameras 7s linear infinite
}

.orbit .label[data-key="network"]::after {
    background-image: linear-gradient(to top,#fff0 0%,rgb(255 255 255 / .35) 20%,rgb(255 255 255 / .95) 28%,rgb(255 255 255 / .35) 45%,#fff0 100%);
    animation: shine_network 7s linear infinite
}

.orbit .label[data-key="alarms"]::after {
    background-image: linear-gradient(45deg,#fff0 0%,rgb(255 255 255 / .35) 20%,rgb(255 255 255 / .95) 28%,rgb(255 255 255 / .35) 45%,#fff0 100%);
    animation: shine_alarms 7s linear infinite
}
