.lit-global-navigation-loader {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(244, 246, 248, 0.72);
    backdrop-filter: blur(1.5px);
}

.lit-global-navigation-loader.is-visible {
    display: flex;
}

.lit-global-navigation-loader-box {
    width: min(420px, calc(100vw - 40px));
    padding: 24px 26px 22px;
    border: 1px solid rgba(23, 112, 184, 0.16);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 16px 46px rgba(20, 35, 50, 0.18);
    text-align: center;
}

.lit-global-navigation-wordmark {
    margin-bottom: 18px;
    color: #252b32;
    font-size: 1.42rem;
    font-weight: 800;
    letter-spacing: -0.035em;
}

.lit-global-navigation-lit {
    color: #1770b8;
}

.lit-global-navigation-online {
    color: #eb5005;
}

.lit-global-navigation-bar {
    position: relative;
    height: 6px;
    overflow: hidden;
    border-radius: 999px;
    background: #e6ebef;
}

.lit-global-navigation-bar > span {
    position: absolute;
    inset: 0 auto 0 0;
    width: 36%;
    border-radius: inherit;
    background: linear-gradient(90deg, #1770b8 0%, #1770b8 70%, #eb5005 70%, #eb5005 100%);
    animation: lit-global-navigation-loading 1.05s ease-in-out infinite;
}

.lit-global-navigation-text {
    margin-top: 12px;
    color: #565655;
    font-size: .92rem;
}

@keyframes lit-global-navigation-loading {
    0% { transform: translateX(-110%); }
    50% { transform: translateX(120%); }
    100% { transform: translateX(290%); }
}

@media (prefers-reduced-motion: reduce) {
    .lit-global-navigation-bar > span {
        animation-duration: 2.2s;
    }
}

.lit-global-navigation-feedback {
    position: fixed;
    top: 18px;
    right: 18px;
    z-index: 10020;
    display: none;
    max-width: min(460px, calc(100vw - 36px));
    padding: 12px 16px;
    border: 1px solid transparent;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 10px 32px rgba(20, 35, 50, 0.18);
    font-size: .95rem;
    font-weight: 600;
}

.lit-global-navigation-feedback.is-visible {
    display: block;
}

.lit-global-navigation-feedback.is-success {
    border-color: rgba(25, 135, 84, .24);
    color: #146c43;
    background: #eef9f3;
}

.lit-global-navigation-feedback.is-error {
    border-color: rgba(220, 53, 69, .24);
    color: #b02a37;
    background: #fff1f2;
}