﻿.sk-global-loader {
    position: fixed;
    inset: 0;
    z-index: 2147483640;
    display: none;
    place-items: center;
    background: rgba(246, 248, 251, .92);
    backdrop-filter: blur(5px);
}

    .sk-global-loader.is-visible {
        display: grid;
    }

.sk-global-loader-card {
    position: relative;
    width: 112px;
    height: 112px;
    display: grid;
    place-items: center;
}

.sk-global-loader-logo {
    position: absolute;
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    border-radius: 18px;
    color: #fff;
    background: linear-gradient(135deg, #0f548c, #006e64);
    box-shadow: 0 18px 45px rgba(15, 84, 140, .24);
    font-size: 1.25rem;
    font-weight: 950;
    z-index: 2;
}

.sk-global-loader-ring {
    position: absolute;
    width: 86px;
    height: 86px;
    border-radius: 999px;
    border: 2px solid rgba(15, 84, 140, .14);
    border-top-color: #0f548c;
    border-right-color: #006e64;
    animation: sk-loader-spin .78s linear infinite;
}

    .sk-global-loader-ring::after {
        content: "";
        position: absolute;
        inset: 9px;
        border-radius: 999px;
        border: 1px solid rgba(0, 110, 100, .16);
        border-bottom-color: #006e64;
        animation: sk-loader-spin-reverse 1.05s linear infinite;
    }

.sk-global-loader-text {
    position: absolute;
    top: 116px;
    color: #003d59;
    font-size: .82rem;
    font-weight: 900;
}

@keyframes sk-loader-spin {
    to {
        transform: rotate(360deg);
    }
}

@keyframes sk-loader-spin-reverse {
    to {
        transform: rotate(-360deg);
    }
}


