@import 'KCS.Magpie.BlazorUI.Client.t4y5llmrwx.bundle.scp.css';

/* /AppStartupSplash.razor.rz.scp.css */
.app-startup-splash[b-0iiv3pqr2r] {
    align-items: center;
    background: #29335c;
    display: flex;
    inset: 0;
    justify-content: center;
    position: fixed;
    z-index: 2147483647;
}

.app-startup-logo[b-0iiv3pqr2r] {
    position: relative;
    width: min(72vw, 28rem);
}

.app-startup-logo img[b-0iiv3pqr2r] {
    display: block;
    height: auto;
    width: 100%;
}

.app-startup-logo-base[b-0iiv3pqr2r] {
    opacity: 0.55;
}

.app-startup-logo-shimmer[b-0iiv3pqr2r] {
    animation: app-startup-logo-shimmer-b-0iiv3pqr2r 2s ease-in-out infinite;
    inset: 0;
    position: absolute;
}

@keyframes app-startup-logo-shimmer-b-0iiv3pqr2r {
    0%, 15% {
        clip-path: polygon(-35% 0, -10% 0, 0 100%, -25% 100%);
        opacity: 0;
    }

    25% {
        opacity: 1;
    }

    70% {
        clip-path: polygon(100% 0, 125% 0, 135% 100%, 110% 100%);
        opacity: 1;
    }

    80%, 100% {
        clip-path: polygon(100% 0, 125% 0, 135% 100%, 110% 100%);
        opacity: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .app-startup-logo-base[b-0iiv3pqr2r] {
        opacity: 1;
    }

    .app-startup-logo-shimmer[b-0iiv3pqr2r] {
        display: none;
    }
}