/* /Common/Components/Errors/BlazorErrorUI.razor.rz.scp.css */
#blazor-error-ui[b-punbl6oqnc]
{
    display: none;
    background-color: transparent;
    box-shadow: none;
    padding: 30px;
}
/* /Common/Components/Mask.razor.rz.scp.css */
.mask-container[b-kixb3fz0wd]
{
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.mask-text[b-kixb3fz0wd]
{
    font-family: monospace;
    font-size: 1em;
}

.show-hide-btn[b-kixb3fz0wd]
{
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1rem;
    color: #007acc;
    padding: 4px;
}

    .show-hide-btn i[b-kixb3fz0wd]
    {
        transition: transform 0.2s ease;
    }

    .show-hide-btn:hover i[b-kixb3fz0wd]
    {
        transform: scale(1.2);
    }
/* /Common/Components/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-o66dilqhl7],
.components-reconnect-repeated-attempt-visible[b-o66dilqhl7],
.components-reconnect-failed-visible[b-o66dilqhl7],
.components-pause-visible[b-o66dilqhl7],
.components-resume-failed-visible[b-o66dilqhl7],
.components-rejoining-animation[b-o66dilqhl7]
{
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-o66dilqhl7],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-o66dilqhl7],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-o66dilqhl7],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-o66dilqhl7],
#components-reconnect-modal.components-reconnect-retrying[b-o66dilqhl7],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-o66dilqhl7],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-o66dilqhl7],
#components-reconnect-modal.components-reconnect-failed[b-o66dilqhl7],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-o66dilqhl7]
{
    display: block;
}


#components-reconnect-modal[b-o66dilqhl7]
{
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-o66dilqhl7 0.5s both;

    &[open]
    {
        animation: components-reconnect-modal-slideUp-b-o66dilqhl7 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-o66dilqhl7 0.5s ease-in-out 0.3s;
        animation-fill-mode: both;
    }
}

    #components-reconnect-modal[b-o66dilqhl7]::backdrop
    {
        background-color: rgba(0, 0, 0, 0.4);
        animation: components-reconnect-modal-fadeInOpacity-b-o66dilqhl7 0.5s ease-in-out;
        opacity: 1;
    }

@keyframes components-reconnect-modal-slideUp-b-o66dilqhl7
{
    0%
    {
        transform: translateY(30px) scale(0.95);
    }

    100%
    {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-o66dilqhl7
{
    0%
    {
        opacity: 0;
    }

    100%
    {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-o66dilqhl7
{
    0%
    {
        opacity: 1;
    }

    100%
    {
        opacity: 0;
    }
}

.components-reconnect-container[b-o66dilqhl7]
{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-o66dilqhl7]
{
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-o66dilqhl7]
{
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-o66dilqhl7]
    {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-o66dilqhl7]
    {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-o66dilqhl7]
{
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-o66dilqhl7]
    {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-o66dilqhl7 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-o66dilqhl7]
        {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-o66dilqhl7
{
    0%
    {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9%
    {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5%
    {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100%
    {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}


/* Menghilangkan outline pada dialog saat mendapatkan fokus */
#components-reconnect-modal:focus[b-o66dilqhl7]
{
    outline: none;
}

/* Menghilangkan outline pada tombol saat mendapatkan fokus */
/*#components-reconnect-modal button:focus
{
    outline: none;
}*/

/* Opsi lain untuk menghilangkan outline saat aktif atau hover, jika diperlukan */
/*#components-reconnect-modal button:active,
#components-reconnect-modal button:hover
{
    outline: none;
}*/
/* /Modules/Games/Components/BiddingStage/PanelBiddingStage.razor.rz.scp.css */
.loading[b-3o5fi0uupe]::after
{
    content: '';
    animation: dots-b-3o5fi0uupe 1.5s steps(4, end) infinite;
}

@keyframes dots-b-3o5fi0uupe
{
    0%, 20%
    {
        content: '';
    }

    40%
    {
        content: '.';
    }

    60%
    {
        content: '..';
    }

    80%, 100%
    {
        content: '...';
    }
}
/* /Modules/Games/Components/BiddingStage/TableBiddingPlayers.razor.rz.scp.css */
.loading[b-f1de7klneu]::after
{
    content: '';
    animation: dots-b-f1de7klneu 1.5s steps(4, end) infinite;
}

@keyframes dots-b-f1de7klneu
{
    0%, 20%
    {
        content: '';
    }

    40%
    {
        content: '.';
    }

    60%
    {
        content: '..';
    }

    80%, 100%
    {
        content: '...';
    }
}

.loader span[b-f1de7klneu]
{
    display: inline-block;
    width: 2px;
    height: 2px;
    background-color: #333;
    border-radius: 50%;
    animation: bounce-b-f1de7klneu 0.6s infinite alternate;
}

    /* Stagger the start times */
    .loader span:nth-child(2)[b-f1de7klneu]
    {
        animation-delay: 0.2s;
    }

    .loader span:nth-child(3)[b-f1de7klneu]
    {
        animation-delay: 0.4s;
    }

@keyframes bounce-b-f1de7klneu
{
    from
    {
        transform: translateY(0);
    }

    to
    {
        transform: translateY(-10px);
    }
}
/* /Modules/Rooms/Components/TableGames.razor.rz.scp.css */
.the-table th[b-xbxus89erm], .the-table td[b-xbxus89erm]
{
    border-radius: 0px !important;
    border: solid 1px black !important;
}

.header-main th[b-xbxus89erm]
{
    text-align: center;
}

.player-name-first[b-xbxus89erm]
{
    font-weight: bold;
    font-size: 150%;
    border-top: solid 2px black !important;
    border-bottom: 0px !important;
    border-left: solid 2px black !important;
    border-right: solid 2px black !important;
    border-bottom: 0px !important;
}

.player-name[b-xbxus89erm]
{
    font-weight: bold;
    font-size: 150%;
    border-top: solid 2px black !important;
    border-bottom: 0px !important;
    border-right: solid 2px black !important;
}

.header-totalscore th[b-xbxus89erm]
{
    text-align: center;
}

.player-totalscore-first[b-xbxus89erm]
{
    text-align: center;
    font-weight: bold;
    font-size: 150%;
    border-top: solid 2px black !important;
    border-bottom: solid 2px black !important;
    border-left: solid 2px black !important;
    border-right: solid 2px black !important;
    border-radius: 0px;
}

.player-totalscore[b-xbxus89erm]
{
    text-align: center;
    font-weight: bold;
    font-size: 150%;
    border-top: solid 2px black !important;
    border-bottom: solid 2px black !important;
    border-right: solid 2px black !important;
}

.header-info th[b-xbxus89erm]
{
    text-align: center;
}

.header-game[b-xbxus89erm]
{
    background-color: #f0f0f0 !important;
}

.header-target-first[b-xbxus89erm]
{
    border-left: solid 2px black !important;
}

.header-target[b-xbxus89erm]
{
}

.header-score[b-xbxus89erm]
{
    border-right: solid 2px black !important;
}

.game td[b-xbxus89erm]
{
    text-align: center;
}

.number[b-xbxus89erm]
{
    background-color: #f0f0f0;
}

.target-first[b-xbxus89erm]
{
    border-left: solid 2px black !important;
    background-color: white;
    color: black;
}

.target[b-xbxus89erm]
{
    background-color: white;
    color: black;
}

.actual[b-xbxus89erm]
{
    background-color: white;
    color: black;
}

.points[b-xbxus89erm]
{
    background-color: white;
    color: black;
    border-right: solid 2px black !important;
}

.trufsuit[b-xbxus89erm]
{
    background-color: white;
}

.totaltarget[b-xbxus89erm]
{
    background-color: white;
}

.updown[b-xbxus89erm]
{
    background-color: white;
}