/* _content/StatusDashboard.Site/Pages/Details.razor.rz.scp.css */
.grid[b-12obvyd7d2] {
    grid-template-columns: auto 1fr;
}
/* _content/StatusDashboard.Site/Pages/Search.razor.rz.scp.css */
.descending[b-rtj20g0xgm]  .chevron-container {
    transform: rotate(180deg);
}

table tr:nth-child(even)[b-rtj20g0xgm] {
    background-color: #F3F4F6;
}

.dark table tr:nth-child(even)[b-rtj20g0xgm] {
    background-color: #56657A;
}
/* _content/StatusDashboard.Site/Shared/GenericModal.razor.rz.scp.css */
dialog[open][b-hqgoi07hxo]::backdrop {
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(8px);
}
/* _content/StatusDashboard.Site/Shared/LoadableSubmitButton.razor.rz.scp.css */
.grid-area-1[b-oyv0m453o0] {
    grid-area: 1/1/1/1;
}
/* _content/StatusDashboard.Site/Shared/MainLayout.razor.rz.scp.css */
@keyframes notification-appear-b-immqle6qoj {
    from {
        transform: translateY(0.5rem);
        opacity: 0;
    }

    to {
        transform: translate(0, 0);
        opacity: 100%;
    }
}

@keyframes notification-hide-b-immqle6qoj {
    from {
        opacity: 100%;
    }

    to {
        opacity: 0;
    }
}

@media screen and (min-width) {
    @keyframes notification-appear-b-immqle6qoj {
        from {
            transform: translateX(0.5rem);
            opacity: 0;
        }

        to {
            transform: translate(0, 0);
            opacity: 100%;
        }
    }
}

.notification-item[b-immqle6qoj] {
    animation: notification-appear-b-immqle6qoj 0.5s ease-out forwards;
}

.notification-item.leaving[b-immqle6qoj] {
    animation: notification-hide-b-immqle6qoj 0.25s ease-in forwards;
}

.page[b-immqle6qoj] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-immqle6qoj] {
    flex: 1;
}

.sidebar[b-immqle6qoj] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

@media (min-width: 641px) {
    .page[b-immqle6qoj] {
        flex-direction: row;
    }

    .sidebar[b-immqle6qoj] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-immqle6qoj] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row[b-immqle6qoj], article[b-immqle6qoj] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* _content/StatusDashboard.Site/Shared/ProductsDropdown.razor.rz.scp.css */
ul.autocomplete-dropdown li:first-child[b-bvklu6888z] {
    border: none;
}

#products-dropdown-container > ul:focus-within[b-bvklu6888z] {
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
}

#products-dropdown-container > div[b-bvklu6888z] {
    visibility: hidden;
}

#products-dropdown-container:focus-within:not(.hide-dropdown) > div[b-bvklu6888z] {
    visibility: visible;
}

div.autocomplete-dropdown > ul:empty + div[b-bvklu6888z] {
    border: none;
}

#success-span[b-bvklu6888z] {
    animation: 0.5s check-b-bvklu6888z forwards ease;
}

@keyframes check-b-bvklu6888z {
    0% {
        clip-path: inset(0 100% 0 0);
    }

    50% {
        clip-path: inset(0 65% 0 0);
    }

    100% {
        clip-path: inset(0);
    }
}
/* _content/StatusDashboard.Site/Shared/RecentAndHistorical/LoadingCard.razor.rz.scp.css */
li[b-h1e98fex06] {
    height: 100%;
}

@media screen and (min-height: 560px) {
    li[b-h1e98fex06] {
        height: 80%;
    }
}

@media screen and (min-height: 720px) {
    li[b-h1e98fex06] {
        height: 50%;
    }
}
/* _content/StatusDashboard.Site/Shared/RecentAndHistorical/OutageCard.razor.rz.scp.css */
/* Could change eight in the future to get more data on the screen */

li[b-vypxlia999] {
    height: 100%;
}

@media screen and (min-height: 560px) {
    li:not(.basic)[b-vypxlia999] {
        height: 80%;
    }
}

@media screen and (min-height: 720px) {
    li:not(.basic)[b-vypxlia999] {
        height: 50%;
    }
}

/* See below for pop-in animation for cards */
@keyframes pop-in-b-vypxlia999 {
    from {
        transform: scale(0);
    }

    to {
        transform: scale(100%);
    }
}
/*
li {
    transform: scale(0);
    animation: pop-in 0.25s ease-in-out forwards;
}
*/
    li:nth-child(1)[b-vypxlia999] {
        animation-delay: 0s;
    }

    li:nth-child(2)[b-vypxlia999] {
        animation-delay: 0.05s;
    }

    li:nth-child(3)[b-vypxlia999] {
        animation-delay: 0.1s;
    }

    li:nth-child(4)[b-vypxlia999] {
        animation-delay: 0.15s;
    }

    li:nth-child(5)[b-vypxlia999] {
        animation-delay: 0.2s;
    }

    li:nth-child(6)[b-vypxlia999] {
        animation-delay: 0.25s;
    }

    li:nth-child(7)[b-vypxlia999] {
        animation-delay: 0.3s;
    }

    li:nth-child(8)[b-vypxlia999] {
        animation-delay: 0.35s;
    }