/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* Theme: wwwroot/css/hosting-premium.css (+ site.css, hosting-login.css, vril.notifications.premium.css). */
/* /Components/Pages/Chat.razor.rz.scp.css */
.chat-empty-shell-glow[b-pefk8qsli7] {
    position: relative;
    width: 100%;
    align-self: stretch;
    border-radius: 0.75rem;
    isolation: isolate;
}

.chat-empty-shell-glow[b-pefk8qsli7]::before {
    content: "";
    position: absolute;
    inset: -10px;
    border-radius: inherit;
    background:
        conic-gradient(from 0deg, rgba(102, 126, 234, 0.35), rgba(79, 172, 254, 0.2), rgba(118, 75, 162, 0.35), rgba(102, 126, 234, 0.35));
    filter: blur(12px);
    opacity: 0.35;
    pointer-events: none;
    z-index: 0;
    animation: chat-shell-glow-orbit-b-pefk8qsli7 5.8s linear infinite, chat-shell-glow-breathe-b-pefk8qsli7 2.6s ease-in-out infinite;
}

.chat-empty-shell-glow > *[b-pefk8qsli7] {
    position: relative;
    z-index: 1;
}

.chat-thread-empty-glow[b-pefk8qsli7] {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.chat-thread-empty-glow[b-pefk8qsli7]::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background:
        radial-gradient(circle at 20% 25%, rgba(102, 126, 234, 0.26) 0%, rgba(102, 126, 234, 0.1) 40%, transparent 65%),
        radial-gradient(circle at 80% 75%, rgba(79, 172, 254, 0.18) 0%, rgba(79, 172, 254, 0.08) 35%, transparent 60%),
        radial-gradient(circle at 50% 50%, rgba(118, 75, 162, 0.18) 0%, rgba(118, 75, 162, 0.08) 45%, transparent 75%);
    background-size: 140% 140%, 150% 150%, 130% 130%;
    background-position: 10% 20%, 90% 80%, 50% 50%;
    transform: scale(0.96);
    opacity: 0.3;
    pointer-events: none;
    z-index: -1;
    animation: chat-empty-field-flow-b-pefk8qsli7 6.8s linear infinite, chat-empty-field-pulse-b-pefk8qsli7 2.3s ease-in-out infinite;
}

@keyframes chat-shell-glow-orbit-b-pefk8qsli7 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes chat-shell-glow-breathe-b-pefk8qsli7 {
    0%, 100% {
        opacity: 0.22;
    }
    50% {
        opacity: 0.48;
    }
}

@keyframes chat-empty-field-flow-b-pefk8qsli7 {
    0% {
        background-position: 10% 20%, 90% 80%, 50% 50%;
    }
    25% {
        background-position: 32% 18%, 75% 64%, 56% 44%;
    }
    50% {
        background-position: 70% 30%, 32% 72%, 44% 60%;
    }
    75% {
        background-position: 78% 62%, 22% 28%, 60% 40%;
    }
    100% {
        background-position: 10% 20%, 90% 80%, 50% 50%;
    }
}

@keyframes chat-empty-field-pulse-b-pefk8qsli7 {
    0%, 100% {
        transform: scale(0.94);
        opacity: 0.22;
    }
    50% {
        transform: scale(1.03);
        opacity: 0.58;
    }
}