@import 'TBot.Client.7vzvcd0rfn.bundle.scp.css';
@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.olwso25aue.bundle.scp.css';
@import '_content/RA.BlazorComponents/RA.BlazorComponents.6aom18suay.bundle.scp.css';
@import '_content/Wortgewandt.Client/Wortgewandt.Client.g1dxgkpnnp.bundle.scp.css';

/* /Components/Layout/AllvaterLayout.razor.rz.scp.css */
.page[b-uplp9unbx3] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-uplp9unbx3] {
    flex: 1;
    overflow-x: unset;
    height: unset;
}

.sidebar[b-uplp9unbx3] {
    /*background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);*/
    background-image: linear-gradient(180deg, var(--bs-body-bg) 0%, #16063c 70%);
}

.top-row[b-uplp9unbx3] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-uplp9unbx3]  a, .top-row[b-uplp9unbx3]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-uplp9unbx3]  a:hover, .top-row[b-uplp9unbx3]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-uplp9unbx3]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-uplp9unbx3] {
        justify-content: space-between;
    }

    .top-row[b-uplp9unbx3]  a, .top-row[b-uplp9unbx3]  .btn-link {
        margin-left: 0;
    }
}

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

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

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

    .top-row.auth[b-uplp9unbx3]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-uplp9unbx3], article[b-uplp9unbx3] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-uplp9unbx3] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-uplp9unbx3] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/BlankLayout.razor.rz.scp.css */
.page[b-nx7f4ev525] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-nx7f4ev525] {
    flex: 1;
    overflow-x: unset;
    height: unset;
}

.sidebar[b-nx7f4ev525] {
    /*background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);*/
    background-image: linear-gradient(180deg, var(--bs-body-bg) 0%, #16063c 70%);
}

.top-row[b-nx7f4ev525] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-nx7f4ev525]  a, .top-row[b-nx7f4ev525]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-nx7f4ev525]  a:hover, .top-row[b-nx7f4ev525]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-nx7f4ev525]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-nx7f4ev525] {
        justify-content: space-between;
    }

    .top-row[b-nx7f4ev525]  a, .top-row[b-nx7f4ev525]  .btn-link {
        margin-left: 0;
    }
}

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

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

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

    .top-row.auth[b-nx7f4ev525]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-nx7f4ev525], article[b-nx7f4ev525] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-nx7f4ev525] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-nx7f4ev525] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/DemoLayout.razor.rz.scp.css */
.page[b-nuipfgh14m] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-nuipfgh14m] {
    flex: 1;
    overflow-x: unset;
    height: unset;
}

.sidebar[b-nuipfgh14m] {
    /*background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);*/
    background-image: linear-gradient(180deg, var(--bs-body-bg) 0%, #16063c 70%);
}

.top-row[b-nuipfgh14m] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-nuipfgh14m]  a, .top-row[b-nuipfgh14m]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-nuipfgh14m]  a:hover, .top-row[b-nuipfgh14m]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-nuipfgh14m]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-nuipfgh14m] {
        justify-content: space-between;
    }

    .top-row[b-nuipfgh14m]  a, .top-row[b-nuipfgh14m]  .btn-link {
        margin-left: 0;
    }
}

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

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

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

    .top-row.auth[b-nuipfgh14m]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-nuipfgh14m], article[b-nuipfgh14m] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-nuipfgh14m] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-nuipfgh14m] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-rsm2afy4f3] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-rsm2afy4f3] {
    flex: 1;
    overflow-x: unset;
    height: unset;
}

.sidebar[b-rsm2afy4f3] {
    /*background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);*/
    background-image: linear-gradient(180deg, var(--bs-body-bg) 0%, #16063c 70%);
}

.top-row[b-rsm2afy4f3] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-rsm2afy4f3]  a, .top-row[b-rsm2afy4f3]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-rsm2afy4f3]  a:hover, .top-row[b-rsm2afy4f3]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-rsm2afy4f3]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-rsm2afy4f3] {
        justify-content: space-between;
    }

    .top-row[b-rsm2afy4f3]  a, .top-row[b-rsm2afy4f3]  .btn-link {
        margin-left: 0;
    }
}

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

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

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

    .top-row.auth[b-rsm2afy4f3]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-rsm2afy4f3], article[b-rsm2afy4f3] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-rsm2afy4f3] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-rsm2afy4f3] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/MediaboxLayout.razor.rz.scp.css */
.page[b-umvhy189ky] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-umvhy189ky] {
    flex: 1;
    overflow-x: unset;
    height: unset;
}

.sidebar[b-umvhy189ky] {
    /*background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);*/
    background-image: linear-gradient(180deg, var(--bs-body-bg) 0%, #16063c 70%);
}

.top-row[b-umvhy189ky] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-umvhy189ky]  a, .top-row[b-umvhy189ky]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-umvhy189ky]  a:hover, .top-row[b-umvhy189ky]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-umvhy189ky]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-umvhy189ky] {
        justify-content: space-between;
    }

    .top-row[b-umvhy189ky]  a, .top-row[b-umvhy189ky]  .btn-link {
        margin-left: 0;
    }
}

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

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

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

    .top-row.auth[b-umvhy189ky]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-umvhy189ky], article[b-umvhy189ky] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-umvhy189ky] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-umvhy189ky] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */

    .navbar-toggler[b-xe2rui9jn3] {
        appearance: none;
        cursor: pointer;
        width: 3.5rem;
        height: 2.5rem;
        color: white;
        position: absolute;
        top: 0.5rem;
        right: 1rem;
        border: 1px solid rgba(255, 255, 255, 0.1);
        background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
    }

        .navbar-toggler:checked[b-xe2rui9jn3] {
            background-color: rgba(255, 255, 255, 0.5);
        }

    .top-row[b-xe2rui9jn3] {
        height: 3.5rem;
        background-color: rgba(0,0,0,0.4);
    }

    .navbar-brand[b-xe2rui9jn3] {
        font-size: 1.1rem;
    }

    .biFontNave[b-xe2rui9jn3] {
        font-size: 20px;
        height: unset;
        margin-right: 0.75rem;
    }

    .nav-item[b-xe2rui9jn3] {
        font-size: 0.9rem;
        padding-bottom: 0.5rem;
    }

        .nav-item[b-xe2rui9jn3]  a {
            color: #d7d7d7;
            border-radius: 4px;
            height: 2rem;
            display: flex;
            align-items: center;
            line-height: 3rem;
        }

    .biNav[b-xe2rui9jn3] {
        display: inline-block;
        position: relative;
        width: 1.25rem;
        height: 1.25rem;
        margin-right: 0.75rem;
        top: -1px;
        background-size: cover;
    }

    .nav-item[b-xe2rui9jn3]  a.active {
        background-color: rgba(255,255,255,0.37);
        color: white;
    }

    .nav-item[b-xe2rui9jn3]  a:hover {
        background-color: rgba(255,255,255,0.1);
        color: white;
    }

    .nav-scrollable[b-xe2rui9jn3] {
        display: none;
    }

    .navbar-toggler:checked ~ .nav-scrollable[b-xe2rui9jn3] {
        display: block;
    }

    @media (min-width: 641px) {
        .navbar-toggler[b-xe2rui9jn3] {
            display: none;
        }

        .nav-scrollable[b-xe2rui9jn3] {
            /* Never collapse the sidebar for wide screens */
            display: block;
            /* Allow sidebar to scroll for tall menus */
            height: calc(100vh - 12rem);
            overflow-y: auto;
        }
    }


    .useravatar[b-xe2rui9jn3] {
        border-radius: .75rem;
        border: 2px solid #d7d7d7;
        width: 3rem;
        height: 3rem;
        overflow: hidden;
    }

    .info .user[b-xe2rui9jn3] {
        display: flex;
        align-items: center;
        position: relative;
    }

    .user .user-info[b-xe2rui9jn3] {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

        .user .user-info .user-name[b-xe2rui9jn3] {
            text-align: left;
            font-weight: 700;
            font-size: 1em;
        }

        .user .user-info .edit-profile[b-xe2rui9jn3] {
            font-size: .75em;
            opacity: .5;
        }
/* /Components/Layout/NavMenuAllvater.razor.rz.scp.css */
.navbar-toggler[b-kair3a1353] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-kair3a1353] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-kair3a1353] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-kair3a1353] {
    font-size: 1.1rem;
}

.biFontNave[b-kair3a1353] {
    font-size: 20px;
    height: unset;
    margin-right: 0.75rem;
}

.nav-item[b-kair3a1353] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-kair3a1353] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-kair3a1353] {
        padding-bottom: 1rem;
    }

    .nav-item[b-kair3a1353]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-kair3a1353]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-kair3a1353]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-kair3a1353] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-kair3a1353] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-kair3a1353] {
        display: none;
    }

    .nav-scrollable[b-kair3a1353] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 12rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/NavMenuDemo.razor.rz.scp.css */
.navbar-toggler[b-hpvpw8dz71] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-hpvpw8dz71] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-hpvpw8dz71] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-hpvpw8dz71] {
    font-size: 1.1rem;
}

.biFontNave[b-hpvpw8dz71] {
    font-size: 20px;
    height: unset;
    margin-right: 0.75rem;
}


.nav-item[b-hpvpw8dz71] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-hpvpw8dz71] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-hpvpw8dz71] {
        padding-bottom: 1rem;
    }

    .nav-item[b-hpvpw8dz71]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-hpvpw8dz71]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-hpvpw8dz71]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-hpvpw8dz71] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-hpvpw8dz71] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-hpvpw8dz71] {
        display: none;
    }

    .nav-scrollable[b-hpvpw8dz71] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 12rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/NavMenuMedia.razor.rz.scp.css */
.navbar-toggler[b-ksuvm3yezb] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-ksuvm3yezb] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-ksuvm3yezb] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-ksuvm3yezb] {
    font-size: 1.1rem;
}


.nav-item[b-ksuvm3yezb] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-ksuvm3yezb] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-ksuvm3yezb] {
        padding-bottom: 1rem;
    }

    .nav-item[b-ksuvm3yezb]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-ksuvm3yezb]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-ksuvm3yezb]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-ksuvm3yezb] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-ksuvm3yezb] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-ksuvm3yezb] {
        display: none;
    }

    .nav-scrollable[b-ksuvm3yezb] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 12rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/WidgetBaseServerLayout.razor.rz.scp.css */
.page[b-72e45w6gwx] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-72e45w6gwx] {
    flex: 1;
    overflow-x: unset;
    height: unset;
}

.sidebar[b-72e45w6gwx] {
    background-image: linear-gradient(180deg, var(--bs-body-bg) 0%, #16063c 70%);
}

.top-row[b-72e45w6gwx] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-72e45w6gwx]  a, .top-row[b-72e45w6gwx]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-72e45w6gwx]  a:hover, .top-row[b-72e45w6gwx]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-72e45w6gwx]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-72e45w6gwx] {
        justify-content: space-between;
    }

    .top-row[b-72e45w6gwx]  a, .top-row[b-72e45w6gwx]  .btn-link {
        margin-left: 0;
    }
}

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

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

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

    .top-row.auth[b-72e45w6gwx]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-72e45w6gwx], article[b-72e45w6gwx] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-72e45w6gwx] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-72e45w6gwx] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/WidgetServerLayout.razor.rz.scp.css */
.page[b-8piyniktch] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-8piyniktch] {
    flex: 1;
    overflow-x: unset;
    height: unset;
}

.sidebar[b-8piyniktch] {
    background-image: linear-gradient(180deg, var(--bs-body-bg) 0%, #16063c 70%);
}

.top-row[b-8piyniktch] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-8piyniktch]  a, .top-row[b-8piyniktch]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-8piyniktch]  a:hover, .top-row[b-8piyniktch]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-8piyniktch]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-8piyniktch] {
        justify-content: space-between;
    }

    .top-row[b-8piyniktch]  a, .top-row[b-8piyniktch]  .btn-link {
        margin-left: 0;
    }
}

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

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

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

    .top-row.auth[b-8piyniktch]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-8piyniktch], article[b-8piyniktch] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-8piyniktch] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-8piyniktch] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Pages/Demos/A.razor.rz.scp.css */
.AlertGifImage[b-hyyeio52gx] {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    flex-direction: column;
    text-align: center !important;
}

[b-hyyeio52gx] .alertvideo {
    flex: 1;
    display: inline-block;
    object-fit: contain;
    padding: .5rem;
    height: 100%;
    max-height: 65%;
}

.AlertPanel[b-hyyeio52gx] {
    display: flex;
    align-items: center;
    justify-content: center;
}

body[b-hyyeio52gx] {
}

.shoutout-frame[b-hyyeio52gx] {
    position: absolute;
    inset: 10%;
    background-color: rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: white;
    z-index: 50;
    border-bottom-right-radius: 1rem;
}

.shoutout-title[b-hyyeio52gx] {
    font-size: 4vmin;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.streamer-name[b-hyyeio52gx] {
    font-weight: bold;
}
/* /Components/Pages/Demos/B.razor.rz.scp.css */
.select-theme[b-42tq3w4krc] {
    overflow: hidden;
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 1px solid rgba(235, 224, 255, .075);
    border-radius: 18px;
    width: 100%;
    min-height: 10rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: repeating-linear-gradient(45deg, #21193d, #21193d 10px, #120c26 10px, #120c26 20px);
}

.preview-image.version-2[b-42tq3w4krc] {
    align-items: center;
}

.preview-image[b-42tq3w4krc] {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.alert-text-animation .char[b-42tq3w4krc] {
    animation-delay: calc(var(--char-index)* 75ms) !important;
    animation-direction: normal !important;
    animation-duration: .8s !important;
    animation-iteration-count: infinite !important;
    animation-name: jump-b-42tq3w4krc !important;
    animation-timing-function: cubic-bezier(.165,.44,.64,1) !important;
    animation-fill-mode: forwards !important;
}

.alert-text .char[b-42tq3w4krc] {
    display: inline-block;
    position: relative;
    transform-origin: 50% 100%;
    z-index: 1;
}

@keyframes jump-b-42tq3w4krc {
    10% {
        transform: translateY(2%) scaleY(.9)
    }

    30% {
        transform: translateY(-10%) scaleY(1.05)
    }

    50% {
        transform: translateY(10%) scaleY(.95)
    }

    75% {
        transform: translateY(-5%) scaleY(1)
    }

    90%,to {
        transform: translateY(0) scaleY(1)
    }
}



[b-42tq3w4krc] .alertvideo {
    flex: 1;
    display: inline-block;
    object-fit: contain;
    padding: .5rem;
    height: 100%;
    max-height: 60%;
}
/* /Components/Pages/Demos/C.razor.rz.scp.css */
.select-theme[b-ukab2gbres] {
    overflow: hidden;
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 1px solid rgba(235, 224, 255, .075);
    border-radius: 18px;
    width: 100%;
    min-height: 10rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: repeating-linear-gradient(45deg, #21193d, #21193d 10px, #120c26 10px, #120c26 20px);
}

.preview-image.version-2[b-ukab2gbres] {
    align-items: center;
}

.preview-image[b-ukab2gbres] {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.alert-text-animation .char[b-ukab2gbres] {
    animation-delay: calc(var(--char-index)* 75ms) !important;
    animation-direction: normal !important;
    animation-duration: .8s !important;
    animation-iteration-count: infinite !important;
    animation-name: jump-b-ukab2gbres !important;
    animation-timing-function: cubic-bezier(.165,.44,.64,1) !important;
    animation-fill-mode: forwards !important;
}

.alert-text .char[b-ukab2gbres] {
    display: inline-block;
    position: relative;
    transform-origin: 50% 100%;
    z-index: 1;
}

@keyframes jump-b-ukab2gbres {
    10% {
        transform: translateY(2%) scaleY(.9)
    }

    30% {
        transform: translateY(-10%) scaleY(1.05)
    }

    50% {
        transform: translateY(10%) scaleY(.95)
    }

    75% {
        transform: translateY(-5%) scaleY(1)
    }

    90%,to {
        transform: translateY(0) scaleY(1)
    }
}



[b-ukab2gbres] .alertvideo {
    flex: 1;
    display: inline-block;
    object-fit: contain;
    padding: .5rem;
    height: 100%;
    max-height: 60%;
}
/* /Components/Pages/Demos/D.razor.rz.scp.css */
html[b-ai7ppkz7m7], body[b-ai7ppkz7m7] {
    overflow: hidden !important
}
.AlertGifImage[b-ai7ppkz7m7] {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    flex-direction: column;
    text-align: center !important;
}

[b-ai7ppkz7m7] .alertvideo {
    flex: 1;
    display: inline-block;
    object-fit: contain;
    padding: .5rem;
    height: 100%;
    max-height: 50%;
}

.AlertPanel[b-ai7ppkz7m7] {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* /Components/Pages/Simple/DemoLogin.razor.rz.scp.css */
.select-theme[b-qxa048uma7] {
    overflow: hidden;
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 1px solid rgba(235, 224, 255, .075);
    border-radius: 18px;
    width: 100%;
    min-height: 10rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: repeating-linear-gradient(45deg, #21193d, #21193d 10px, #120c26 10px, #120c26 20px);
}

.preview-image.version-2[b-qxa048uma7] {
    align-items: center;
}

.preview-image[b-qxa048uma7] {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.alert-text-animation .char[b-qxa048uma7] {
    animation-delay: calc(var(--char-index)* 75ms) !important;
    animation-direction: normal !important;
    animation-duration: .8s !important;
    animation-iteration-count: infinite !important;
    animation-name: jump-b-qxa048uma7 !important;
    animation-timing-function: cubic-bezier(.165,.44,.64,1) !important;
    animation-fill-mode: forwards !important;
}

.alert-text .char[b-qxa048uma7] {
    display: inline-block;
    position: relative;
    transform-origin: 50% 100%;
    z-index: 1;
}

@keyframes jump-b-qxa048uma7 {
    10% {
        transform: translateY(2%) scaleY(.9)
    }

    30% {
        transform: translateY(-10%) scaleY(1.05)
    }

    50% {
        transform: translateY(10%) scaleY(.95)
    }

    75% {
        transform: translateY(-5%) scaleY(1)
    }

    90%,to {
        transform: translateY(0) scaleY(1)
    }
}



[b-qxa048uma7] .alertvideo {
    flex: 1;
    display: inline-block;
    object-fit: contain;
    padding: .5rem;
    height: 100%;
    max-height: 60%;
}
/* /Components/Pages/Streamer/Alerts/MyAlerts.razor.rz.scp.css */
/* /Components/Pages/Streamer/Animations/Animations.razor.rz.scp.css */
.preview-card[b-5q9a3hbqe3] {
    border: 2px solid #372d5a;
    background: #372d5a;
    border-radius: 1rem;
    width: 10rem;
    height: 10rem;
    transition: .2s;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.animations-wrapper[b-5q9a3hbqe3] {
    display: flex;
}

.animation-list[b-5q9a3hbqe3] {
    flex: 0 0 33%;
    max-width: 33%;
    margin-right: 1rem;
}

.animationsList[b-5q9a3hbqe3] {
    width: 100%;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.animation-editor[b-5q9a3hbqe3] {
    flex: 1;
}

.animation-item[b-5q9a3hbqe3] {
    width: 100%;
    display: flex;
    align-items: center;
}

.animation-item .card-body[b-5q9a3hbqe3] {
    flex-grow: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.5rem;
}
/* /Components/Pages/Streamer/Animations/GifHandler.razor.rz.scp.css */
.preview-card[b-hvbio7uc0b] {
    border: 2px solid #372d5a;
    background: #372d5a;
    border-radius: 1rem;
    width: 10rem;
    height: 10rem;
    transition: .2s;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.animationsGrid[b-hvbio7uc0b] {
    width: 100%;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, 200px);
    justify-content: space-between;
    grid-gap: 10px;
    padding: 4px;
}
/* /Components/Pages/Streamer/Connect/Connections.razor.rz.scp.css */
.tipeeestreamlogo[b-2xu9rdhzuk] {
    width: 100px;
    height: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Calque_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 846.56 178.82' style='enable-background:new 0 0 846.56 178.82;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23E02F44;%7D%0A%3C/style%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M122.55,111.7h-7.11V38.76c0-1.24-1-2.25-2.24-2.25L75.48,47.84c-1.73,0.43-2.24,2.04-2.24,3.28v21.64 c0,1.24,1,2.25,2.24,2.25l6.74-2.03v38.71h-7.11c-1.24,0-2.24,1.01-2.24,2.25v22.67c0,1.24,1,2.25,2.24,2.25h47.43 c1.24,0,2.24-1.01,2.24-2.25v-22.67C124.79,112.71,123.79,111.7,122.55,111.7z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M98.83,33.24c9.18,0,16.62-7.44,16.62-16.62C115.45,7.44,108.01,0,98.83,0c-9.18,0-16.62,7.44-16.62,16.62 C82.21,25.8,89.65,33.24,98.83,33.24z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M59.67,36.51H42.32c0-0.58,0-1.16,0-1.75v-22.5c0,0,0.56-6.32-6.17-3.97c-6.74,2.34-22.21,6.85-22.21,6.85 s-3.59,0.52-3.59,5.19c0,3.94,0.06,6.22,0.11,16.19H2.24C1,36.51,0,37.52,0,38.76v22.67c0,1.24,1,2.25,2.24,2.25h8.31 c0.02,12.06,0.04,28.02,0.04,49.41c0,0-2.03,40.04,48.55,20.32c0,0,2.55-1.38,2.75-3.59v-21.95c0,0,0.03-3.36-3.11-1.85 c0,0-16.46,7.5-16.46-3.25c0-8.63,0-9.05,0-39.09h17.35c1.24,0,2.24-1.01,2.24-2.25V38.76C61.91,37.52,60.91,36.51,59.67,36.51z' /%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M184.27,36.51c-5.42,0-10.61,1.1-15.41,3.12v-0.95c0-1.24-1-2.25-2.24-2.25h-38.25 c-1.24,0-2.24,1.01-2.24,2.25v22.67c0,1.24,1,2.25,2.24,2.25h7.27v88.04h-7.27c-1.24,0-2.24,1.01-2.24,2.25v22.67 c0,1.24,1,2.25,2.24,2.25h47.6c1.24,0,2.24-1.01,2.24-2.25V153.9c0-1.24-1-2.25-2.24-2.25h-7.11v-15.9 c4.81,2.02,10,3.12,15.41,3.12c24.7,0,44.73-22.91,44.73-51.18S208.97,36.51,184.27,36.51z M184.78,112.33 c-8.86-0.04-15.98-11.1-15.92-24.71c0.06-13.61,7.29-24.61,16.14-24.57c8.85,0.04,15.98,11.1,15.92,24.71 C200.86,101.37,193.63,112.37,184.78,112.33z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M837.35,138.87H447.08c-5.08,0-9.21-4.13-9.21-9.21V45.57c0-5.08,4.13-9.21,9.21-9.21h390.27 c5.08,0,9.21,4.13,9.21,9.21v84.09C846.56,134.74,842.43,138.87,837.35,138.87z M447.08,42.83c-1.51,0-2.73,1.23-2.73,2.73v84.09 c0,1.51,1.23,2.73,2.73,2.73h390.27c1.51,0,2.73-1.23,2.73-2.73V45.57c0-1.51-1.23-2.73-2.73-2.73H447.08z'/%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M469.18,105.39v-4.84h19.22c1.24,0,1.86-0.62,1.86-1.86v-4.53c0-1.16-0.52-1.84-1.55-2.05l-12.09-2.42 c-4.96-0.99-7.44-4.32-7.44-9.98v-3.47c0-6.94,3.47-10.41,10.41-10.41h14.2l4.15,3.22v4.84h-17.98c-1.24,0-1.86,0.62-1.86,1.86 v4.03c0,1.16,0.52,1.84,1.55,2.05l12.09,2.42c4.96,0.99,7.44,4.32,7.44,9.98v3.97c0,6.94-3.47,10.42-10.42,10.42h-15.44 L469.18,105.39z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M524.98,73.89v-8.06h34.97v8.06h-13.02v34.72H538V73.89H524.98z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M587.6,108.61V65.83h20.83c6.94,0,10.41,3.47,10.41,10.41v7.07c0,5.17-1.92,8.41-5.76,9.73l7,13.7 l-1.05,1.86h-7.69l-7.56-14.88h-7.26v14.88H587.6z M596.52,85.67h11.53c1.24,0,1.86-0.62,1.86-1.86v-8.06 c0-1.24-0.62-1.86-1.86-1.86h-11.53V85.67z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M648.85,108.61V65.83h29.26v8.06h-20.33v8.68h18.47v8.06h-18.47v9.92h20.33v8.06H648.85z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M703.4,106.94l12.71-41.1h13.64l12.71,41.1l-1.12,1.67h-7.44l-2.61-8.68h-16.74l-2.6,8.68h-7.44 L703.4,106.94z M716.98,91.87h11.9l-5.45-17.98h-0.99L716.98,91.87z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M769.74,108.61V65.83h10.66l12.09,25.85l12.09-25.85h10.66v42.78h-8.93V81.58l-10.04,21.45h-7.56 l-10.05-21.45v27.03H769.74z'/%3E%3C/g%3E%3C/g%3E%3Cpath class='st0' d='M441.1,93.63c-2.95,2.28-5.98,4.46-9.18,6.66c-9.09,6.24-18.67,11.78-28.6,16.55 c-8.48,4.08-17.43,7.62-27.21,9.66c-1,0.21-2.01,0.39-3.01,0.55c-0.1,0.02-0.48,0.07-0.74,0.11c-0.36,0.04-0.71,0.08-1.07,0.12 c-2.02,0.2-4.06,0.26-6.08,0.14c-0.13-0.01-0.71-0.08-0.93-0.1c-0.29-0.05-0.58-0.11-0.87-0.17c-0.76-0.16-1.5-0.39-2.24-0.65 c0.73,0.24-1.16-0.58-1.54-0.8c-0.15-0.09-0.3-0.19-0.45-0.28c0.12,0.07-0.7-0.54-0.9-0.73c-0.24-0.22-1.11-1.23-1.24-1.34 c-0.25-0.36-0.49-0.74-0.72-1.12c8.2-5.73,15.8-12.41,22.71-19.59c7.99-8.3,15.38-17.64,20.61-27.94 c5.1-10.05,8.95-23.91,0.65-33.38c-8.56-9.77-22.74-2.75-30.6,3.86c-7.87,6.62-13.51,15.63-17.77,24.88 c-4.11,8.93-7.28,18.35-8.87,28.06c-1.01,6.15-1.6,12.82-0.6,19.14c-3.51,2.08-7.13,3.98-10.86,5.64 c-4.22,1.87-9.71,3.5-14.72,4.29c0.31-0.06-1.17,0.13-1.17,0.13c-0.6,0.06-1.21,0.09-1.81,0.13c-1.15,0.06-2.3,0.06-3.44,0.01 c-0.32-0.01-0.64-0.04-0.97-0.07c0.33,0.02-0.69-0.1-0.89-0.14c-0.89-0.17-1.76-0.42-2.62-0.72c0.54,0.17-1.25-0.61-1.61-0.82 c-0.17-0.1-0.33-0.2-0.49-0.31c-0.16-0.11-0.45-0.33-0.56-0.43c-0.5-0.43-0.95-0.92-1.38-1.42c-0.11-0.14-0.23-0.29-0.29-0.38 c-0.29-0.41-0.54-0.85-0.79-1.28c9.16-6.25,17.6-13.57,25.03-21.8c9.13-10.13,17.37-21.94,22.41-34.67 c4.11-10.37,2.95-23.64-8.64-28.14c-5.19-2.01-11.06-0.37-15.9,1.73c-6.58,2.85-12.12,8.32-16.61,13.77 c-5.84,7.08-9.89,15.4-13.29,23.87c-3.64,9.09-6.08,18.68-6.94,28.44c-0.33,3.75-0.34,7.75,0.21,11.64 c-4.41,2.61-8.98,4.96-13.68,7.01c-0.29,0.11-1.53,0.63-1.9,0.78c-0.59,0.23-1.19,0.46-1.79,0.68c-0.53,0.19-1.06,0.38-1.6,0.55 c-1.12,0.33-2.24,0.63-3.38,0.9c-0.53,0.12-1.06,0.23-1.6,0.33c-0.11,0.02-0.72,0.11-0.95,0.16c-1.79,0.2-3.59,0.23-5.38,0.07 c-0.05-0.01-0.09-0.02-0.15-0.03c-0.39-0.07-0.77-0.16-1.15-0.25c-0.51-0.12-1.01-0.29-1.51-0.46c0.16,0.03-1.17-0.56-1.49-0.75 c-0.29-0.17-0.57-0.36-0.85-0.55c-0.06-0.05-0.12-0.11-0.21-0.18c-0.53-0.46-1.01-0.97-1.47-1.49c-0.03-0.03-0.07-0.08-0.11-0.13 c-0.16-0.22-0.31-0.44-0.46-0.66c-0.4-0.61-0.75-1.25-1.08-1.89c-0.07-0.13-0.12-0.26-0.18-0.39c-0.09-0.21-0.34-0.79-0.41-0.99 c-0.04-0.11-0.07-0.22-0.11-0.34c15.11-9.51,27.93-22.37,37.33-37.76c6.41-10.51,14.04-24.87,7.69-37.1 c-5.74-11.06-19.86-8.51-28.46-2.92c-15.89,10.33-23.84,28.96-27.76,46.8c-1.63,7.44-2.99,16.62-2.14,25.22 c-2.7,1.44-5.49,2.7-8.29,3.92c-2.93,1.28-3.58,5.52-2.11,8.03c1.76,3,5.1,3.38,8.03,2.11c1.78-0.78,3.53-1.6,5.27-2.46 c1.4,3.12,3.34,5.96,5.96,8.33c7.74,7.03,18.65,6.6,28.09,3.8c6.79-2.11,13.4-5.26,19.66-8.89c0.26,0.42,0.52,0.84,0.8,1.25 c5.52,7.97,14.68,10.42,23.97,9.63c10.93-0.92,21.33-5.17,30.81-10.59c3.99,6.3,10.29,9.87,18.18,10.65 c8.77,0.88,18.17-1.8,26.38-4.6c17.79-6.06,34.74-15.39,50.04-26.37V93.63z M246.49,98.52c0.01-0.09,0.06-0.42,0.09-0.68 c0.06-0.4,0.12-0.8,0.18-1.19c0.15-0.99,0.33-1.97,0.52-2.96c0.4-2.14,0.9-4.27,1.43-6.39c1.02-3.98,2.28-7.9,3.75-11.74 c0.29-0.75,0.59-1.5,0.9-2.24c0.02-0.02,0.71-1.61,0.85-1.92c0.78-1.7,1.63-3.36,2.53-5c0.76-1.37,1.58-2.7,2.45-3.99 c0.24-0.35,0.48-0.69,0.73-1.04c-0.05,0.09,0.94-1.17,0.9-1.13c0.85-1.04,1.76-2.03,2.68-3.01c4.05-4.34,8.82-8,14.13-9.1 c0.05-0.01,0.08-0.02,0.13-0.03c0.09,0,0.22-0.01,0.42-0.02c0.5-0.03,0.99-0.01,1.49,0.01c0,0,0.01,0,0.01,0 c0.07,0.02,0.16,0.04,0.28,0.07c0.25,0.05,0.5,0.13,0.74,0.21c-0.36-0.11,0.47,0.24,0.7,0.37c0.04,0.02,0.07,0.04,0.1,0.06 c0.03,0.02,0.05,0.04,0.08,0.07c0.11,0.1,0.41,0.44,0.55,0.58c0.13,0.2,0.25,0.39,0.36,0.6c0.03,0.09,0.33,0.71,0.39,0.89 c0.16,0.49,0.26,0.99,0.37,1.49c0.01,0.05,0.02,0.08,0.03,0.12c0,0.09,0.01,0.25,0.02,0.5c0.04,0.59,0.03,1.18,0.01,1.77 c-0.05,2.5-0.89,5.27-1.96,8.14c-2.52,6.74-6.72,13.2-10.82,19.06c-3.79,5.41-8.24,10.35-13.04,14.89 c-3.58,3.39-7.46,6.48-11.53,9.3C245.99,103.65,246.19,101.08,246.49,98.52z M298.51,107.18c0.05-1.06,0.14-2.12,0.24-3.17 c0.04-0.41,0.09-0.81,0.14-1.22c-0.01,0.11,0.19-1.38,0.22-1.56c0.74-4.71,1.92-9.34,3.35-13.88c2.68-8.52,5.81-15.7,11.03-23.56 c0.5-0.76,1.03-1.49,1.56-2.23c0.05-0.07,0.1-0.13,0.13-0.18c0.51-0.65,1.05-1.28,1.59-1.91c2.35-2.77,4.99-5.41,7.96-7.52 c2.26-1.6,4.33-2.66,6.46-3.32c0.55-0.17,1.11-0.29,1.67-0.41c0.07-0.01,0.12-0.03,0.18-0.04c0.09,0,0.21-0.01,0.38-0.02 c0.5-0.04,1-0.02,1.5,0c0.09,0,0.15,0,0.2,0c0.1,0.03,0.27,0.08,0.55,0.15c0.14,0.03,0.52,0.18,0.73,0.25 c0.22,0.12,0.44,0.25,0.65,0.38c0.04,0.04,0.1,0.1,0.17,0.16c0.1,0.1,0.36,0.4,0.5,0.56c0.15,0.24,0.29,0.48,0.42,0.72 c0.03,0.05,0.05,0.09,0.08,0.14c0.02,0.06,0.04,0.12,0.07,0.2c0.17,0.47,0.28,0.96,0.39,1.45c0.02,0.13,0.04,0.23,0.06,0.32 c0.02,0.27,0.05,0.53,0.06,0.8c0.29,5.24-2.52,10.85-5.33,15.98c-8.7,15.92-20.86,29.4-35.03,39.92 C298.46,108.52,298.48,107.85,298.51,107.18z M353.8,106.67c0.06-1.06,0.16-2.13,0.27-3.19c0.01-0.09,0.1-0.83,0.12-1.03 c0.06-0.4,0.12-0.81,0.18-1.21c0.38-2.42,0.89-4.82,1.47-7.21c1.14-4.68,2.64-9.26,4.38-13.74c0.21-0.53,0.42-1.06,0.64-1.59 c0.06-0.15,0.1-0.25,0.14-0.34c0.04-0.09,0.08-0.19,0.15-0.34c0.44-1.02,0.9-2.03,1.37-3.04c0.98-2.09,2.04-4.14,3.16-6.16 c0.96-1.72,1.99-3.39,3.07-5.03c0.5-0.76,1.03-1.49,1.56-2.23c0.05-0.07,0.1-0.13,0.13-0.18c0.73-0.92,1.5-1.81,2.27-2.69 c3.94-4.5,9.04-8.82,14.16-10.16c0.11-0.03,0.88-0.16,1.05-0.2c0.34-0.02,0.68-0.03,1.03-0.04c0.14,0,0.58,0.05,0.82,0.07 c0.28,0.07,0.55,0.14,0.82,0.22c0.03,0.01,0.04,0.01,0.06,0.02c0.04,0.02,0.08,0.05,0.14,0.08c0.13,0.07,0.51,0.32,0.68,0.43 c0.18,0.17,0.35,0.34,0.51,0.52c0.01,0.01,0.02,0.02,0.03,0.03c0.13,0.2,0.26,0.39,0.38,0.6c0.07,0.11,0.28,0.59,0.38,0.78 c0.11,0.33,0.21,0.66,0.3,1c0.12,0.45,0.21,0.91,0.28,1.36c-0.15-0.8,0.03,0.85,0.03,0.95c0.13,2.93-0.35,4.97-1.26,8.01 c-1.48,4.96-4.14,9.56-6.91,13.9c-6.29,9.88-14.39,18.61-23.24,26.54c-2.66,2.39-5.43,4.68-8.28,6.85 C353.71,108.65,353.74,107.66,353.8,106.67z'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.streamlabs-logo-icon[b-2xu9rdhzuk] {
    width: 40px;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    /* StreamLabs Teal Color Icon */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%2331fbca' d='M444.2 196.9c-10.4-53.7-57.5-94.4-113.8-94.4-38.3 0-71.8 18.7-92.4 47.1-20.6-28.4-54.1-47.1-92.4-47.1-56.3 0-103.4 40.7-113.8 94.4-.8 4.3-1.2 8.7-1.2 13.1 0 54 43.8 97.8 97.8 97.8 24.1 0 46.1-8.7 63.1-23.2 17.5 35.1 53.6 59.2 95.5 59.2s78-24.1 95.5-59.2c17 14.5 39 23.2 63.1 23.2 54 0 97.8-43.8 97.8-97.8 0-4.4-.4-8.8-1.2-13.1z'/%3E%3C/svg%3E");
}

.streamelements-logo-icon[b-2xu9rdhzuk] {
    width: 40px;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    /* StreamElements Blue/Purple Icon */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%236267fe' d='M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5'/%3E%3C/svg%3E");
}

.help-section[b-2xu9rdhzuk] {
    background-color: rgba(0, 0, 0, 0.03);
    border-radius: 8px;
    padding: 10px;
    border: 1px dashed #dee2e6;
}

.image-placeholder-box[b-2xu9rdhzuk] {
    width: 100%;
    height: 120px;
    background-color: #f8f9fa;
    border: 2px dashed #ced4da;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #adb5bd;
    font-size: 0.85rem;
    text-align: center;
    margin-top: 10px;
}
.image-se-explain[b-2xu9rdhzuk] {
    width: 100%;
    height: 225px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/images/seconnect.webp);
    background-position: center;
}

.image-sl-explain[b-2xu9rdhzuk] {
    width: 100%;
    height: 225px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/images/slconnect.webp);
    background-position: center;
}
/* /Components/Pages/Streamer/Games/alt/RaClipBattle.razor.rz.scp.css */
/* General page setup */
.page-container[b-mffjihai4f] {
    height: 100vh;
    overflow-y: scroll;
    scroll-snap-type: y mandatory;
    color: #e0e0e0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    /* Geometric Background */
    background-color: #1a2a3a;
    background-image: linear-gradient(135deg, rgba(35, 60, 80, 0.6) 25%, transparent 25%), linear-gradient(225deg, rgba(35, 60, 80, 0.6) 25%, transparent 25%), linear-gradient(45deg, rgba(35, 60, 80, 0.6) 25%, transparent 25%), linear-gradient(315deg, rgba(35, 60, 80, 0.6) 25%, #1a2a3a 25%);
    background-size: 50px 50px;
}

.section[b-mffjihai4f] {
    height: 100vh;
    width: 100%;
    scroll-snap-align: start;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2rem;
    box-sizing: border-box;
    position: relative;
}

/* Header styling */
.header[b-mffjihai4f] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 1rem 2rem;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.2);
    font-weight: bold;
}

/* Clips Section styling */
.clips-container[b-mffjihai4f] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    width: 100%;
    max-width: 1600px;
}

.clip-wrapper[b-mffjihai4f] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    flex: 1;
}

.iframe-container[b-mffjihai4f] {
    width: 100%;
    aspect-ratio: 16 / 9;
    background-color: #000;
    border: 2px solid #334155;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
}

iframe[b-mffjihai4f] {
    border: none;
}

.vote-button[b-mffjihai4f] {
    width: 100%;
    padding: 0.75rem;
    background-color: transparent;
    border: 2px solid #ca9a31;
    color: #ca9a31;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

    .vote-button:hover[b-mffjihai4f] {
        background-color: #ca9a31;
        color: #111827;
    }

/* VS Separator styling */
.vs-separator[b-mffjihai4f] {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    color: #f0f0f0;
}

    .vs-separator h1[b-mffjihai4f] {
        font-size: 4rem;
        margin: 0;
    }

    .vs-separator p[b-mffjihai4f] {
        margin: 0;
        font-size: 1.2rem;
    }

.start-voting-button[b-mffjihai4f] {
    margin-top: 1rem;
    padding: 0.5rem 1.5rem;
    background-color: transparent;
    border: 2px solid #4f46e5;
    color: #a5b4fc;
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

    .start-voting-button:hover[b-mffjihai4f] {
        background-color: #4f46e5;
        color: #fff;
    }

/* Scroll Indicator */
.scroll-indicator[b-mffjihai4f] {
    position: absolute;
    bottom: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    animation: bounce-b-mffjihai4f 2s infinite;
}

    .scroll-indicator svg[b-mffjihai4f] {
        width: 2rem;
        height: 2rem;
    }

@keyframes bounce-b-mffjihai4f {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-10px);
    }

    60% {
        transform: translateY(-5px);
    }
}

/* Quick Actions Section */
.actions-panel[b-mffjihai4f] {
    background-color: #111827;
    border-radius: 12px;
    padding: 2rem;
    width: 100%;
    max-width: 1200px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.7);
}

    .actions-panel h2[b-mffjihai4f] {
        margin-top: 0;
        text-align: left;
        font-size: 1.5rem;
    }

.actions-content[b-mffjihai4f] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
}

.settings-group[b-mffjihai4f] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.voting-settings[b-mffjihai4f] {
    align-items: flex-start;
}

.general-settings[b-mffjihai4f] {
    align-items: flex-start;
}

.settings-group h3[b-mffjihai4f] {
    margin: 0 0 0.5rem 0;
    color: #9ca3af;
    font-size: 1.1rem;
}

select[b-mffjihai4f] {
    width: 100%;
    padding: 0.5rem;
    background-color: #1f2937;
    border: 1px solid #4b5563;
    color: #e0e0e0;
    border-radius: 6px;
}

.start-vote-action[b-mffjihai4f] {
    background-color: #3b82f6;
    color: white;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 6px;
    cursor: pointer;
    font-weight: bold;
}

.reset-link[b-mffjihai4f] {
    color: #6b7280;
    font-size: 0.9rem;
    text-decoration: none;
}

.delete-button[b-mffjihai4f] {
    background-color: #dc2626;
    color: white;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 6px;
    cursor: pointer;
    font-weight: bold;
}

/* Randomizer Coin */
.randomizer[b-mffjihai4f] {
    perspective: 1000px;
}

.coin[b-mffjihai4f] {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background-color: #b48a2d;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    font-weight: bold;
    color: #111827;
    cursor: pointer;
    position: relative;
    transform-style: preserve-3d;
    transition: transform 1s;
    box-shadow: inset 0 0 15px rgba(0,0,0,0.3), 0 0 10px #fde047;
    border: 3px solid #fde047;
}

    .coin.flipping[b-mffjihai4f] {
        animation: flip-b-mffjihai4f 1.5s ease-out forwards;
    }

.coin-face[b-mffjihai4f] {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    backface-visibility: hidden;
}


@keyframes flip-b-mffjihai4f {
    0% {
        transform: rotateY(0);
    }

    100% {
        transform: rotateY(1800deg); /* 5 full spins */
    }
}


/* Toggle Switch from settings */
.toggle-switch[b-mffjihai4f] {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 28px;
}

    .toggle-switch input[b-mffjihai4f] {
        opacity: 0;
        width: 0;
        height: 0;
    }

    .toggle-switch label[b-mffjihai4f] {
        display: flex;
        align-items: center;
        gap: 10px;
        cursor: pointer;
        color: #d1d5db;
    }

.slider[b-mffjihai4f] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #374151;
    transition: .4s;
    border-radius: 28px;
}

    .slider[b-mffjihai4f]:before {
        position: absolute;
        content: "";
        height: 20px;
        width: 20px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        transition: .4s;
        border-radius: 50%;
    }

input:checked + .slider[b-mffjihai4f] {
    background-color: #ca9a31;
}

    input:checked + .slider[b-mffjihai4f]:before {
        transform: translateX(22px);
    }
/* /Components/Pages/Streamer/Games/TwitchClipViewer.razor.rz.scp.css */
/* /Components/Pages/Streamer/Widgets/Manager/ClipCard.razor.rz.scp.css */



.card-datetime[b-8bkkbc80f8] {
    margin-top: -10px;
    font-size: x-small;
    text-anchor: end;
    left: 10px;
    /* position: absolute; */
    color: #a18dc7;
}

.card-duration[b-8bkkbc80f8] {
    margin-top: -10px;
    font-size: x-small;
    text-anchor: end;
    right: 10px;
    position: absolute;
}

.card-Logos[b-8bkkbc80f8] {
    font-size: 1rem;
    text-anchor: middle;
    color: #a18dc7;
    align-content: center;
    text-align: center;
}

.card-Text[b-8bkkbc80f8] {
    font-size: 0.8rem;
    text-anchor: middle;
    color: #a18dc7;
    align-content: center;
    text-align: center;
    display: flex
}

.card-title[b-8bkkbc80f8] {
    font-size: 1rem !important;
}
/* /Components/Pages/Streamer/Widgets/Spotify/SpotifyWidgets.razor.rz.scp.css */
.rainbow-box[b-mj2ra09ktx] {
    /*width: 80vw;*/
    height: 30px;
    border-radius: 5px;
    background: linear-gradient( 90deg, 
    rgba(255, 0, 0, 1) 0%,
    rgba(255, 154, 0, 1) 10%, 
    rgba(208, 222, 33, 1) 20%, 
    rgba(79, 220, 74, 1) 30%, 
    rgba(63, 218, 216, 1) 40%, 
    rgba(47, 201, 226, 1) 50%, 
    rgba(28, 127, 238, 1) 60%, 
    rgba(95, 21, 242, 1) 70%, 
    rgba(186, 12, 248, 1) 80%, 
    rgba(251, 7, 217, 1) 90%, 
    rgba(255, 0, 0, 1) 100% );
}
.random-box[b-mj2ra09ktx] {
    /*width: 80vw;*/
    height: 30px;
    border-radius: 5px;
    background: linear-gradient(90deg, 
    rgba(123, 99, 179, 1) 0%,   rgba(123, 99, 179, 1) 10%, 
    rgba(231, 229, 189, 1) 10%, rgba(231, 229, 189, 1) 20%, 
    rgba(255, 241, 118, 1) 20%, rgba(255, 241, 118, 1) 30%, 
    rgba(45, 226, 99, 1) 30%,   rgba(45, 226, 99, 1) 40%, 
    rgba(209, 196, 233, 1) 40%, rgba(209, 196, 233, 1) 50%, 
    rgba(236, 64, 122, 1) 50%,  rgba(236, 64, 122, 1) 60%, 
    rgba(178, 235, 242, 1) 60%, rgba(178, 235, 242, 1) 70%, 
    rgba(0, 150, 136, 1) 70%, rgba(0, 150, 136, 1) 90%, 
    rgba(255, 205, 210, 1) 80%, rgba(255, 205, 210, 1) 90%, 
    rgba(109, 227, 245, 1) 90%, rgba(109, 227, 245, 1) 100%, 
    rgba(255, 0, 0, 1) 100%);
}
/* /Components/Pages/Streamer/Widgets/Wheel/Wheel.razor.rz.scp.css */
.rainbow-box[b-da8s2xykny] {
    /*width: 80vw;*/
    height: 30px;
    border-radius: 5px;
    background: linear-gradient( 90deg, 
    rgba(255, 0, 0, 1) 0%,
    rgba(255, 154, 0, 1) 10%, 
    rgba(208, 222, 33, 1) 20%, 
    rgba(79, 220, 74, 1) 30%, 
    rgba(63, 218, 216, 1) 40%, 
    rgba(47, 201, 226, 1) 50%, 
    rgba(28, 127, 238, 1) 60%, 
    rgba(95, 21, 242, 1) 70%, 
    rgba(186, 12, 248, 1) 80%, 
    rgba(251, 7, 217, 1) 90%, 
    rgba(255, 0, 0, 1) 100% );
}
.random-box[b-da8s2xykny] {
    /*width: 80vw;*/
    height: 30px;
    border-radius: 5px;
    background: linear-gradient(90deg, 
    rgba(123, 99, 179, 1) 0%,   rgba(123, 99, 179, 1) 10%, 
    rgba(231, 229, 189, 1) 10%, rgba(231, 229, 189, 1) 20%, 
    rgba(255, 241, 118, 1) 20%, rgba(255, 241, 118, 1) 30%, 
    rgba(45, 226, 99, 1) 30%,   rgba(45, 226, 99, 1) 40%, 
    rgba(209, 196, 233, 1) 40%, rgba(209, 196, 233, 1) 50%, 
    rgba(236, 64, 122, 1) 50%,  rgba(236, 64, 122, 1) 60%, 
    rgba(178, 235, 242, 1) 60%, rgba(178, 235, 242, 1) 70%, 
    rgba(0, 150, 136, 1) 70%, rgba(0, 150, 136, 1) 90%, 
    rgba(255, 205, 210, 1) 80%, rgba(255, 205, 210, 1) 90%, 
    rgba(109, 227, 245, 1) 90%, rgba(109, 227, 245, 1) 100%, 
    rgba(255, 0, 0, 1) 100%);
}
/* /Components/TbotComponents/Alerts/AlertBroadcasterButton.razor.rz.scp.css */
.sound-button-item[b-dp466n191u] {
    padding-right: 1rem;
    border-radius: 1.25rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    font-weight: 700;
    background: #372d5a
}

    .sound-button-item .buttonTypeIcon[b-dp466n191u] {
        width: 54px;
        text-align: left
    }

    .sound-button-item .action-container[b-dp466n191u] {
        padding-bottom: 1rem;
        padding-top: 1rem;
        display: flex;
        align-items: center;
        flex: 1;
    }

        .sound-button-item .action-container .name[b-dp466n191u] {
            font-weight: 700;
            text-align: left
        }

        .sound-button-item .action-container .bits[b-dp466n191u] {
            min-width: 6rem;
            font-weight: 700;
            text-align: right
        }


    .sound-button-item.active[b-dp466n191u] {
        background: linear-gradient(90deg,#04232e,#293a6c);
    }

    .sound-button-item.disabled[b-dp466n191u] {
        background: linear-gradient(90deg,#381828,#19264c);
    }

    .sound-button-item.cooldown[b-dp466n191u] {
        background: #14142f;
    }

    .sound-button-item.newone[b-dp466n191u] {
        background: linear-gradient(90deg,#262866,#616264);
    }

    .sound-button-item.selected[b-dp466n191u] {
        outline: 1px solid #00ffdc
    }

    .sound-button-item .select[b-dp466n191u] {
        font-size: 1.5rem;
        margin-left: 1.5rem
    }


.ui-soundrow-name[b-dp466n191u] {
    text-decoration: none;
    color: #ebe0ff;
    font-weight: 700;
    display: block;
    height: auto;
    text-overflow: ellipsis;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
    font-size: 18px;
}

.channelPointsIcon[b-dp466n191u] {
    float: left;
    height: 15px;
    width: 12px;
    background-repeat: no-repeat;
    align-items: center;
    background-size: 12px 15px;
    background-image: url(/images/svg/channelpoints.svg);
}
.mediaplay[b-dp466n191u] {
    font-size: 1.6rem;
    padding-left: 0.2rem;
}

[b-dp466n191u] .player > video {
    width: 180px;
    height: 100px;
    display: grid;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
}

@media (min-width: 768px) {
    .ui-soundrow-name[b-dp466n191u] {
        font-size: 26px;
    }
}

@media (max-width: 768px) {
    .sound-button-item .action-container[b-dp466n191u] {
        padding-left: 0rem !important;
        padding-bottom: 0.5rem !important;
        padding-top: 0.5rem !important;
    }

    .player > video[b-dp466n191u] {
        width: 110px !important;
        height: 80px !important;
    }
}

.subscriberOnlyBadge[b-dp466n191u] {
    padding-bottom: 0.5rem !important;
    padding-top: 0.5rem !important;
}

/*lklsdsdsdsdsdds*/

/* /Components/TbotComponents/BitAlert.razor.rz.scp.css */
.sa_icon img[b-nhv3td6dms] {
    width: 100%;
}
.sa_icon1[b-nhv3td6dms] {
    position: absolute;
    bottom: 10px;
    left: 0;
    height: 290px;
    width: 100%;
}

.preview-image[b-nhv3td6dms] {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .preview-image.version-2[b-nhv3td6dms] {
        align-items: center;
    }

.preview[b-nhv3td6dms] {
    height: 100%;
}

.topanimation[b-nhv3td6dms] {
    height: 250px;
    width: 500px;
    margin: 0 auto;
    position: relative;
}



.bitstagPurple[b-nhv3td6dms] {
    border-color: #814af8 !important;
}

.mainalert .textbottom[b-nhv3td6dms] {
    font-size: 48px;
    margin-top: -5px;
}

.bitstag[b-nhv3td6dms] {
    width: 275px;
    position: absolute;
    bottom: -31px;
    left: 0;
    right: 0;
    background: #fffffff2;
    color: #2f3872;
    text-align: center;
    border-radius: 999px;
    border: solid 4px #814af8;
    font-size: 24px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 4px;
}

    .bitstag .bitsnumber[b-nhv3td6dms] {
        font-size: 28px;
        font-weight: 700;
        margin: 0 14px;
    }

.mainalert .texttop[b-nhv3td6dms] {
    margin-top: 12px;
    font-size: 28px;
}

.bitPurple[b-nhv3td6dms] {
    border-color: #681cf7 !important;
}

.mainalert[b-nhv3td6dms] {
    background: #1c2841f2;
    height: 150px;
    min-width: 730px;
    border: solid 6px #681cf7;
    border-radius: 9999px;
    display: inline-block;
    color: #fff;
    position: relative;
    text-align: center;
    background-image: url('/images/bg-vceVrcSz.png');
    background-repeat: no-repeat;
    background-size: cover;
}
/* /Components/TbotComponents/Filter/TBotHubFilter.razor.rz.scp.css */
[b-rs3kys131t] .btn-tbo-filter {
    color: #fff;
    border-color: #1861ac;
}
    [b-rs3kys131t] .btn-tbo-filter.active {
        color: #fff;
        border-radius: 1.15rem;
        border: #46cb5d;
        border-width: medium;
        border-style: ridge;
    }
/* /Components/TbotComponents/Filter/TBotSearchFilterBox.razor.rz.scp.css */
body[b-5mvrrpn2i4] {
}
/* /Components/TbotComponents/Filter/TBotTextFilter.razor.rz.scp.css */

.text-input[b-wyg916m8p1] {
    background-color: #372d5a;
    border-radius: 1.25rem !important;
    position: relative;
    align-items: center;
    font-weight: 700
}

    .text-input.text-input-light[b-wyg916m8p1] {
        background-color: #372d5a
    }

    .text-input.text-input-dark[b-wyg916m8p1] {
        background-color: #21193d
    }

    .text-input .icon-right-space[b-wyg916m8p1] {
        padding-right: 2.5rem
    }

    .text-input .icon-right[b-wyg916m8p1] {
        position: absolute;
        right: 1rem;
        top: .8rem
    }

    .text-input input[b-wyg916m8p1] {
        border: none;
        outline: none;
        background: none;
        padding: .75rem 1.25rem;
        margin: 0;
        color: #ebe0ff;
        width: 100%;
        font-weight: 700;
        border-radius: 1.25rem !important
    }

        .text-input input[b-wyg916m8p1]::-moz-placeholder {
            opacity: .5;
            color: #ebe0ff
        }

        .text-input input:-ms-input-placeholder[b-wyg916m8p1] {
            opacity: .5;
            color: #ebe0ff
        }

        .text-input input[b-wyg916m8p1]::placeholder {
            opacity: .5;
            color: #ebe0ff
        }

        .text-input input:hover[b-wyg916m8p1] {
            background-color: #605290
        }
/* /Components/TbotComponents/Icons/AniPlus.razor.rz.scp.css */
.aniShadow[b-n629i2us2q] {
    box-shadow: 0 0 62.8px #5d4e92;
    border-radius: 50%;
}

.animark[b-n629i2us2q] {
    display: grid;
    place-items: center;
    border-radius: 50%;
    position: relative;
    aspect-ratio: 1;
    z-index: 1;
    background-color: #4d65338f;
    border: 2px solid #77a1ed;
    box-shadow: 0 0 0 4px #7f56d93d;
    color: #2ca748;
}

.mark__icon[b-n629i2us2q] {
    line-height: 1;
    display: grid;
    place-items: center;
}
    .mark__icon svg[b-n629i2us2q] {
        display: block;
        vertical-align: middle;
    }

.mark_sm[b-n629i2us2q] {
    height: 35px;
    font-size: 1.6rem;
}
.mark_md[b-n629i2us2q] {
    height: 45px;
    font-size: 2.2rem;
}
.mark_xs[b-n629i2us2q] {
    height: 25px;
    font-size: 1.2rem;
}
.mark_lg[b-n629i2us2q] {
    height: 55px;
    font-size: 2.6rem;
}

.mark_xl[b-n629i2us2q] {
    height: 65px;
    font-size: 3.0rem;
}

.mark_xxl[b-n629i2us2q] {
    height: 75px;
    font-size: 3.4rem;
}
/* /Components/TbotComponents/Icons/Heartbeat.razor.rz.scp.css */
.completed-step[b-5g6ad9gkwf] {
    box-shadow: 0 0 62.8px #5d4e92;
    border-radius: 50%;
}

.completed-step__mark[b-5g6ad9gkwf] {
    border-radius: 50%;
    position: relative;
    height: 50px;
    aspect-ratio: 1;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #5660d98f;
    border: 2px solid #77a1ed;
    box-shadow: 0 0 0 4px #7f56d93d;
    font-size: 1.5rem;
}

/* /Components/TbotComponents/Icons/ThumbsUp.razor.rz.scp.css */
.completed-step[b-aurzgytmup] {
    box-shadow: 0 0 62.8px #5d4e92;
    border-radius: 50%;
}

.completed-step__mark[b-aurzgytmup] {
    border-radius: 50%;
    position: relative;
    height: 50px;
    aspect-ratio: 1;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #56d98a8f;
    border: 2px solid #77ed8b;
    box-shadow: 0 0 0 4px #7f56d93d;
    font-size: 1.5rem;
}
/* /Components/TbotComponents/Library/LibraryInnerPage.razor.rz.scp.css */
.mtSoundsHeader[b-1dkvo7hnlz] {
    margin-top: 2rem;
}

.viewAll[b-1dkvo7hnlz] {
    text-decoration: none;
    margin-right: 0.5rem;
}

.cardsContainerGrid[b-1dkvo7hnlz] {
    width: 100%;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    display: grid;
    grid-template-columns: repeat(auto-fill,330px);
    justify-content: space-between;
    grid-gap: 30px;
    padding: 4px;
}

/*.preview-card {
    border: 2px solid #372d5a;
    background: #372d5a;
    border-radius: 1rem;
    width: 20.50rem;
    min-width: 14rem;
    min-height: 5.5rem;
    max-height: 11rem;
    transition: .2s;
    position: relative;
}*/

/*.preview-card {
    border: 2px solid #372d5a;
    background: #372d5a;
    border-radius: 1rem;
    width: 10rem;
    height: 10rem;
    transition: .2s;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}*/
/* /Components/TbotComponents/Library/LibraryMediaButton.razor.rz.scp.css */
[b-gwfe1g69v1] .previewplayer > video {
    width: 125px;
    height: 90px;
    display: grid;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
}
.previewAudio[b-gwfe1g69v1] {
    width: 125px;
    height: 90px;
    display: grid;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
}

[b-gwfe1g69v1] .previewAudio > .play-audio {
    background: url(/images/audioplay3.webp);
    padding: .4rem .5rem;
    border-radius: 1rem;
}

[b-gwfe1g69v1] .previewAudio > .play-audio:hover {
    cursor: pointer;
}

.library-card[b-gwfe1g69v1] {
    width: 20.25rem;
    min-width: 14rem;
    min-height: 5.5rem;
    max-height: 10rem;
    height: 10rem;
    position: relative;
    color: var(--tbotLibraryColor);
    border-width: 2px;
    border-style: solid;
    border-color: rgb(55, 45, 90);
    border-image: initial;
    background: rgb(55, 45, 90);
    border-radius: 1rem;
    transition: 0.2s;
    display: flex;
    justify-content: center;
    align-items: center;
}
    .library-card:hover[b-gwfe1g69v1] {
        border: 2px solid #00baff;
    }

.library-card .name[b-gwfe1g69v1] {
    text-decoration: none;
    color: #ebe0ff;
    font-size: 1.1rem;
    font-weight: 700;
    display: block;
    height: auto;
    text-overflow: ellipsis;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
    font-size: 20px;
}

    .library-card .play-sound .play-sound-text[b-gwfe1g69v1] {
        font-size: .8rem
    }

    .library-card .sound-body[b-gwfe1g69v1] {
        padding: .85rem .9rem;
    }

    .library-card .duration[b-gwfe1g69v1], .library-card .plays[b-gwfe1g69v1], .library-card .uploader[b-gwfe1g69v1] {
        opacity: .5;
        font-size: .75em;
    }

/*
.sound-card {
    border: 2px solid #372d5a;
    background: #372d5a;
    border-radius: 1rem;
    width: 20.25rem;
    min-width: 14rem;
    min-height: 5.5rem;
    max-height: 10rem;
    transition: .2s;
    position: relative;
    color: var(--tbotLibraryColor);
}
    .sound-card:hover {
        border: 2px solid #00baff;
    }
    .sound-card .name {
        text-decoration: none;
        color: #ebe0ff;
        font-size: 1.1rem;
        font-weight: 700;
        display: block;
        height: auto;
        text-overflow: ellipsis;
        line-height: 1;
        white-space: nowrap;
        overflow: hidden;
        font-size: 24px;
    }*/
    
   [b-gwfe1g69v1] .libraryCreateButton {
        padding: .4rem .5rem;
        background: #605290;
        border-radius: 1rem
    }

    [b-gwfe1g69v1] .libraryCreateButton:hover {
        cursor: pointer;
        background: #235bf8
    }

  /*      .sound-card .play-sound .play-sound-text {
            font-size: .8rem
        }
    .sound-card .sound-body {
        padding: .85rem .9rem;
    }

.sound-card .duration, .sound-card .plays, .sound-card .uploader {
    opacity: .5;
    font-size: .75em;
}*/
/* /Components/TbotComponents/Library/LibraryOwnEdit.razor.rz.scp.css */
.controls[b-r8mkvxdowp] {
    font-size: 1.25rem;
    display: flex;
    align-self: flex-start;
    padding-top: .35rem;
}
/* /Components/TbotComponents/Library/LibrarySelection.razor.rz.scp.css */
.selectionContainerGrid[b-wmgo60tvjr] {
    width: 100%;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, 350px);
    justify-content: space-between;
    grid-gap: 10px;
    padding: 4px;
}
/* /Components/TbotComponents/MediaUpload/Step1Upload.razor.rz.scp.css */
.file-uploads[b-x2s95isa3a] {
    overflow: hidden;
    position: relative;
    text-align: center;
    display: inline-block;
}

.file-uploads-drop[b-x2s95isa3a] {
    padding: 2.75rem;
    width: 100%;
    border-radius: 1.5rem;
    border: dashed 2px rgba(235,224,255,.075);
    height: 10rem;
    display: grid !important;
    place-items: center !important;
    font-size: 1.1rem;
}

.file-uploads.file-uploads-html4 input[b-x2s95isa3a], .file-uploads.file-uploads-html5 label[b-x2s95isa3a] {
    background: #fff;
    opacity: 0;
    font-size: 20em;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}

.file-uploads.file-uploads-html4 label[b-x2s95isa3a], [b-x2s95isa3a] .file-uploads.file-uploads-html5 input {
    background: rgba(255,255,255,0);
    overflow: hidden;
    position: fixed;
    width: 1px;
    height: 1px;
    z-index: -1;
    opacity: 0;
}

.uploadFileBox .uploadBarOuter[b-x2s95isa3a] {
    width: 100%;
    height: .75rem;
    border-radius: 1rem;
    position: relative;
    background: #ebe0ff13;
    margin-top: 1.5rem
}

    .uploadFileBox .uploadBarOuter .uploadBarInner[b-x2s95isa3a] {
        transition: width cubic-bezier(.22,.61,.36,1) .7s;
        background: linear-gradient(to left,#235bf8,#00baff);
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 1rem
    }
/* /Components/TbotComponents/MediaUpload/Step3UploadSuccess.razor.rz.scp.css */
.completed-step[b-f2yl9s899p] {
    box-shadow: 0 0 62.8px #5d4e92;
    border-radius: 50%;
}

.step-3__uploaded-text--success[b-f2yl9s899p] {
    background: radial-gradient(circle, #b4d3bf, #27cba5 50%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}

.step-3__uploaded-text[b-f2yl9s899p] {
    text-align: center;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.completed-step__mark[b-f2yl9s899p] {
    border-radius: 50%;
    position: relative;
    height: 100px;
    aspect-ratio: 1;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #56d98a8f;
    border: 2px solid #77ed8b;
    box-shadow: 0 0 0 4px #7f56d93d;
    font-size: 3.5rem;
}
/* /Components/TbotComponents/TbotContentCard.razor.rz.scp.css */
.bg-primary[b-gx0alm6kyw] {
    /*background: #21183b !important;*/
    background: #18102f !important;
}

.bg-tbot-setting[b-gx0alm6kyw] {
    border: #353557;
    border-style: solid;
    border-width: 1px;
    background: #100b23;
}

.card[b-gx0alm6kyw], .card-body[b-gx0alm6kyw] {
    border-radius: 1.2rem;
}

.card[b-gx0alm6kyw] {
    background: #21193d;
    color: #ebe0ff;
}

.card-body[b-gx0alm6kyw] {
    flex: 1 1 auto;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    color: var(--bs-card-color);
}
.ui-card .ui-card-header[b-gx0alm6kyw] {
    font-size: 2rem;
    font-weight: 500;
    background-color: rgba(55, 45, 90, .5);
    min-height: 3.0rem;
    padding: 0 2rem;
    border-radius: 1rem;
    margin-bottom: 1rem;
}

/* /Components/TbotComponents/TbotContentPanel.razor.rz.scp.css */

.myp-4[b-b6lfysr7op] {
    padding: 1.5rem !important;
}

.container-fluid[b-b6lfysr7op] {
    max-width: 100%
}

.ui-card[b-b6lfysr7op] {
    display: flex;
    flex-direction: column;
}

    .ui-card.card-darker > .ui-card-body[b-b6lfysr7op] {
        background: #120c26
    }

    .ui-card .title[b-b6lfysr7op] {
        margin-top: 1rem;
        margin-bottom: .75rem
    }


    .ui-card .ui-card-body[b-b6lfysr7op] {
        flex: 1;
        width: 100%
    }

        .ui-card .ui-card-body:first-child[b-b6lfysr7op] {
            border-top-right-radius: 1rem;
            border-top-left-radius: 1rem
        }

        .ui-card .ui-card-body:last-child[b-b6lfysr7op] {
            border-bottom-right-radius: 1rem;
            border-bottom-left-radius: 1rem
        }

    .ui-card .ui-card-header[b-b6lfysr7op] {
        border-top-right-radius: 1rem;
        border-top-left-radius: 1rem;
        font-size: 2rem;
        font-weight: 700;
        background-color: rgba(55,45,90,.5);
        min-height: 7.2rem;
        padding: 0 2rem
    }

.tabs-container .title[b-b6lfysr7op] {
    font-size: 1rem;
    text-align: center
}

.myp-4[b-b6lfysr7op] {
    padding: 1.0rem !important;
}

@media (max-width: 768px) {
    .container[b-b6lfysr7op] {
        padding-right: 0;
        padding-left: 0;
    }

    .myp-4[b-b6lfysr7op] {
        padding: 0 !important;
    }
}
/* /Components/TbotComponents/TbotModalPanel.razor.rz.scp.css */

.ui-card[b-g8vggd1bvk] {
    display: flex;
    flex-direction: column;
}

    .ui-card.card-darker > .ui-card-body[b-g8vggd1bvk] {
        background: #120c26
    }


        .ui-card .ui-card-body:first-child[b-g8vggd1bvk] {
            border-top-right-radius: 1rem;
            border-top-left-radius: 1rem
        }

        .ui-card .ui-card-body:last-child[b-g8vggd1bvk] {
            border-bottom-right-radius: 1rem;
            border-bottom-left-radius: 1rem
        }


/* /Components/TbotComponents/TbotSmallCard.razor.rz.scp.css */
.bg-primary[b-gvbsibfbce] {
    /*background: #21183b !important;*/
    background: #18102f !important;
}

.bg-tbot-setting[b-gvbsibfbce] {
    border: #353557;
    border-style: solid;
    border-width: 1px;
    background: #100b23;
}

.tbot-smal-card[b-gvbsibfbce], .tbot-smal-card-body[b-gvbsibfbce] {
    border-radius: 1.2rem;
}

.tbot-smal-card[b-gvbsibfbce] {
    background: #21193d;
    color: #ebe0ff;
}

.tbot-smal-card-body[b-gvbsibfbce] {
    flex: 1 1 auto;
    color: var(--bs-card-color);
}
.tbot-smal-ui-card .tbot-smal-ui-card-header[b-gvbsibfbce] {
    background-color: rgba(55, 45, 90, .5);
    min-height: 2.0rem;
    padding: 0 2rem;
    border-top-right-radius: 1rem;
    border-top-left-radius: 1rem;
}

/* /Components/TbotComponents/Tenor/TenorDelete.razor.rz.scp.css */
.tenorContainerGrid[b-k61q9ytd26] {
    width: 100%;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    display: grid;
    grid-template-columns: repeat(auto-fill,160px);
    justify-content: space-between;
    grid-gap: 10px;
    padding: 4px;
}
/* /Components/TbotComponents/Tenor/TenorSelection.razor.rz.scp.css */
.tenorContainerGrid[b-uyl6og6ir0] {
    width: 100%;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    display: grid;
    grid-template-columns: repeat(auto-fill,160px);
    justify-content: space-between;
    grid-gap: 10px;
    padding: 4px;
}