@keyframes scubago-go-preloader {
    0%,
    100% {
        opacity: 0.82;
        transform: translate(-50%, -50%) scale(0.96);
    }

    50% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1.04);
    }
}

@keyframes scubago-go-preloader-ring {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.myssi-preloader {
    display: none;
    position: absolute;
    inset: 0;
    min-height: 260px;
    z-index: 1000;

    &[data-ready-gate] {
        position: fixed;
        z-index: 10050;
        min-height: 0;
        border-radius: 0;
    }
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.72);
    background-image: none;
    backdrop-filter: blur(2px);

    &.myssi-preloader--no-backdrop {
        background: none;
        backdrop-filter: none;
        pointer-events: none;
    }

    &.myssi-preloader--modal-compact {
        position: absolute;
        inset: auto;
        min-height: 50px;
        transform: scale(.45);
        top: 0;
        inset-inline-end: 5em;
    }

    /* htmx-indicator support */
    &.htmx-indicator.htmx-request {
        display: block;
    }

    &::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 72px;
        height: 72px;
        border-radius: 50%;
        background-color: #ffffff;
        background-image: url("/srcc/assets/scubago/logo/icon-64x64.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 48px 48px;
        box-shadow: 0 10px 28px rgba(15, 23, 42, 0.16);
        transform: translate(-50%, -50%);
        animation: scubago-go-preloader 1.05s ease-in-out infinite;
    }

    &::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 76px;
        height: 76px;
        border: 2px solid rgba(232, 73, 23, 0.14);
        border-top-color: rgba(232, 73, 23, 0.72);
        border-radius: 50%;
        transform: translate(-50%, -50%);
        animation: scubago-go-preloader-ring 1.05s linear infinite;
    }
}