@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;600;700;900&family=Roboto&display=swap');

.w_86f35af9aa3b3f {
    margin: 16px 0;
}

.w_c40be63086c208 {
    display: flex;
    flex-direction: column;
    counter-reset: bm-toplist-pokerfirma-counter;
    gap: 16px;
}

.i_094100d10e3be4 {
    box-sizing: border-box;
}

.d_9a2fc82766675d {
    display: flex;
    flex-wrap: wrap;
    margin: 16px 0;
    gap: 4px;
}

.x_1c4d5b5f6817eb {
    font-family: Lato, sans-serif;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    line-height: 19.6px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    justify-content: center;
    height: 32px;
    padding: 6px 12px;
    cursor: pointer;
    user-select: none;
    color: #000;
    border: 1px solid #000;
    border-radius: 50px;
}

.x_1c4d5b5f6817eb.d_92b6d5c245cf9c {
    color: #fff;
    background: #000;
}

.z_d4869622dbbeaa {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.z_d4869622dbbeaa.x_3adadb9df9cc46 {
    display: none;
}

.a_a2036bf93fb15e {
    display: grid;
    align-items: flex-start;
    padding: 16px 24px;
    border-radius: 4px;
    background: #fff;
    box-shadow:
        0 1px 2px #0000000a,
        0 4px 16px #0000000f;
    gap: 24px;
    grid-template-areas: 'logo main extra';
    grid-template-columns: 123px auto 210px;
    grid-template-rows: auto;
}

.z_36e075c2f90f21 {
    font-family: Roboto, serif;
    font-size: 10px;
    font-weight: 400;
    font-style: italic;
    line-height: 13px;
    text-transform: capitalize;
    color: #5a6068;
}

.u_24e42e27cc5851 {
    position: relative;
    display: flex;
    grid-area: logo;
}

.u_24e42e27cc5851:before {
    position: absolute;
    bottom: -4px;
    left: -6px;
    width: 29px;
    height: 29px;
    content: '';
    background-image: url('https://www.pokerfirma.com/wp-content/uploads/864f09fc/static/3-30-6/images/DEU.svg');
    background-repeat: no-repeat;
    background-position: center;
}

.u_24e42e27cc5851:after {
    font-family: Lato, serif;
    font-size: 14px;
    font-weight: 800;
    font-style: normal;
    line-height: 20px;
    position: absolute;
    z-index: 1;
    top: 3px;
    right: 0;
    content: '#' counter(bm-toplist-pokerfirma-counter);
    counter-increment: bm-toplist-pokerfirma-counter;
    color: #1b1b1b;
}

.k_a2b6fc61467675 {
    border-radius: 100%;
}

.k_a2b6fc61467675 img {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    aspect-ratio: 1;
    object-fit: cover;
}

.q_85e6612ec5f133 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    grid-area: main;
}

.n_7609dccaa8bc56 {
    font-family: Lato, serif;
    font-size: 12px;
    font-weight: 700;
    font-style: normal;
    line-height: 100%;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    width: fit-content;
    height: 20px;
    padding: 4px 8px;
    letter-spacing: 0.04em;
    color: #b77517;
    border-radius: 20px;
    background: #efa11b26;
}

.f_5ddac08faefc6c {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.l_bf7a162dd20bb3 {
    font-family: Lato, serif;
    font-size: 20px;
    font-weight: 800;
    font-style: normal;
    line-height: 20px;
    color: #393939;
}

.j_1cc704e423aeb2 {
    font-family: Lato, serif;
    font-size: 16px;
    font-weight: 800;
    font-style: normal;
    line-height: 100%;
    position: relative;
    display: flex;
    align-items: flex-end;
    flex-shrink: 0;
    justify-content: center;
    padding: 3px 6px;
    color: #333;
    border: 0.5px solid #e8e8e8;
    border-radius: 16px;
    background: #f6f9ee;
}

.j_1cc704e423aeb2:before {
    width: 18px;
    height: 16px;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='17' viewBox='0 0 19 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.938 14.8242C11.8342 14.8245 11.7319 14.8001 11.6395 14.7528L8.33016 13.0203L5.02082 14.7528C4.91336 14.8093 4.7922 14.8345 4.67112 14.8256C4.55003 14.8167 4.43389 14.774 4.33587 14.7023C4.23785 14.6306 4.16191 14.5329 4.11666 14.4202C4.07142 14.3076 4.05869 14.1845 4.07993 14.0649L4.72882 10.4117L2.05538 7.81613C1.97198 7.73289 1.91281 7.62852 1.88423 7.51419C1.85565 7.39988 1.85874 7.27993 1.89316 7.16724C1.93077 7.05191 1.99996 6.94944 2.09286 6.87145C2.18576 6.79345 2.29867 6.74306 2.41876 6.72599L6.11744 6.18741L7.74616 2.8586C7.7993 2.74889 7.88226 2.65637 7.98555 2.59163C8.08884 2.52689 8.20827 2.49255 8.33016 2.49255C8.45207 2.49255 8.5715 2.52689 8.67479 2.59163C8.77808 2.65637 8.86106 2.74889 8.91416 2.8586L10.5623 6.18092L14.261 6.7195C14.3812 6.73658 14.494 6.78697 14.587 6.86496C14.6799 6.94295 14.749 7.04543 14.7867 7.16075C14.8211 7.27344 14.8242 7.39339 14.7956 7.5077C14.767 7.62203 14.7078 7.72641 14.6244 7.80964L11.951 10.4052L12.5999 14.0585C12.6231 14.1801 12.6109 14.3059 12.5649 14.4208C12.519 14.5358 12.441 14.6352 12.3403 14.7074C12.2228 14.7897 12.0813 14.8308 11.938 14.8242Z' fill='%23EFA11B'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
}

.j_1cc704e423aeb2:after {
    font-family: Lato, serif;
    font-size: 10px;
    font-weight: 500;
    font-style: normal;
    line-height: 114%;
    display: flex;
    align-items: center;
    margin-left: 3px;
    content: '/ 10';
    text-transform: uppercase;
    color: #718096;
}

.y_0d0f5013408ae3 {
    display: flex;
    align-items: center;
    gap: 10px;
}

.p_f14779292d805e {
    font-family: Lato, serif;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    line-height: 100%;
    display: flex;
    align-items: center;
    color: #1b1b1b;
    gap: 2px;
    text-decoration-line: underline;
}

.p_f14779292d805e:after {
    width: 16px;
    height: 16px;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.00319 8.65991H13.3365' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.66986 3.99323L13.3365 8.65989L8.66986 13.3266' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
}

.p_f14779292d805e:hover {
    color: #1b1b1b;
    text-decoration-line: none;
}

.r_9f0ab8e2e495b4 {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.b_390d6cd330e974 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 22px;
}

.s_c098d402928ef7 {
    width: 100%;
    height: 16px;
    margin: 0 2px;
    border-bottom: 2px dashed #e0e0e0;
}

.m_807ebf3839ef88 {
    font-family: Lato, serif;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    line-height: 100%;
    position: relative;
    flex-shrink: 0;
    color: #808080;
}

.s_c768912ed679b2 {
    font-family: Lato, serif;
    font-size: 14px;
    font-weight: 800;
    font-style: normal;
    line-height: 100%;
    flex-shrink: 0;
    color: #1a1b1d;
}

.a_ad49ea96667550 {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 14px;
    grid-area: extra;
}

.a_4b12203a7a877e,
.a_4b12203a7a877e p {
    font-family: Lato, serif;
    font-size: 18px;
    font-weight: 800;
    font-style: normal;
    line-height: 26px;
    text-align: center;
    color: #ca8626;
}

.a_4b12203a7a877e p {
    margin: 0;
    padding: 0;
}

.c_cefb71043b5cb9 {
    font-family: Lato, serif;
    font-size: 16px;
    font-weight: 800;
    font-style: normal;
    line-height: 135%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 42px;
    padding: 0 8px;
    text-align: center;
    letter-spacing: 0.01em;
    color: #fff;
    border-radius: 52px;
    background: #ca8626;
}

.c_cefb71043b5cb9:after {
    width: 24px;
    height: 24px;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.8399 17.6599L17.8399 7.65991' stroke='%23F6F8FB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.8399 7.65991H17.8399V17.6599' stroke='%23F6F8FB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
}

.c_cefb71043b5cb9:hover {
    text-decoration: none;
    color: #fff;
    background: #b87516;
}

.q_6085e27078ae0d {
    font-family: Lato, serif;
    font-size: 16px;
    font-weight: 800;
    font-style: normal;
    line-height: 135%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 180px;
    height: 40px;
    margin: 12px auto;
    padding: 9px 8px;
    text-align: center;
    letter-spacing: 0.16px;
    color: #000;
    border: 2px solid #000;
    border-radius: 52px;
}

.q_6085e27078ae0d:hover {
    cursor: pointer;
    opacity: 0.6;
}

@media (min-width: 992px) {
    .q_85e6612ec5f133 {
        height: 100%;
        margin-right: 8px;
        padding-right: 32px;
        border-right: 2px dashed #e0e0e0;
    }

    .r_9f0ab8e2e495b4 {
        padding-right: 20px;
    }
}

@media (max-width: 991px) {
    .w_c40be63086c208 {
        gap: 11px;
    }

    .d_9a2fc82766675d {
        overflow-x: scroll;
        flex-wrap: nowrap;
        width: 100vw;
        margin: 0 -16px 11px;
        padding: 0 16px;
    }

    .d_9a2fc82766675d::-webkit-scrollbar {
        display: none;
    }

    .a_a2036bf93fb15e {
        padding: 16px;
        gap: 16px;
        grid-template-areas:
            'logo main'
            'extra extra';
        grid-template-columns: 103px auto;
    }

    .u_24e42e27cc5851:before {
        bottom: -2px;
        left: -4px;
        width: 25px;
        height: 25px;
        background-size: contain;
    }

    .k_a2b6fc61467675 img {
        width: 80px;
        height: 80px;
    }

    .l_bf7a162dd20bb3 {
        font-size: 18px;
    }

    .j_1cc704e423aeb2 {
        font-size: 14px;
    }

    .j_1cc704e423aeb2:before {
        height: 14px;
    }

    .r_9f0ab8e2e495b4 {
        gap: 6px;
    }

    .b_390d6cd330e974 {
        height: 20px;
    }

    .m_807ebf3839ef88 {
        font-size: 12px;
    }

    .s_c098d402928ef7 {
        height: 14px;
    }

    .s_c768912ed679b2 {
        font-size: 12px;
    }

    .a_ad49ea96667550 {
        padding-top: 12px;
        border-top: 2px dashed #e0e0e0;
    }

    .c_cefb71043b5cb9 {
        width: 210px;
    }

    .q_6085e27078ae0d {
        margin: 11px auto;
    }
}