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

.toplist-casinobrobeans-sports__wrapper {
    margin: 16px 0;
}

.toplist-casinobrobeans-sports__offers {
    display: flex;
    flex-direction: column;
    counter-reset: bm-toplist-casinobrobeans-sports-counter;
    gap: 12px;
}

.toplist-casinobrobeans-sports__offer {
    position: relative;
    display: grid;
    align-items: center;
    padding: 21px 30px 21px 19px;
    border: 1px solid #cacecc;
    background: #fff;
    box-shadow: 0 4px 24px #00000026;
    gap: 44px;
    grid-template-areas: 'logo main extra cta';
    grid-template-columns: 141px 227px auto 200px;
    grid-template-rows: 1fr;
}

.toplist-casinobrobeans-sports__offer:before {
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    line-height: 14px;
    position: absolute;
    top: 10px;
    left: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 14px;
    content: '#' counter(bm-toplist-casinobrobeans-sports-counter);
    counter-increment: bm-toplist-casinobrobeans-sports-counter;
    letter-spacing: -0.02em;
    text-transform: capitalize;
    color: #989a99;
}

.toplist-casinobrobeans-sports__offer.hidden {
    display: none;
}

.toplist-casinobrobeans-sports__offer-logo {
    grid-area: logo;
}

.toplist-casinobrobeans-sports__offer-logo img {
    width: 100%;
    height: 100px;
    object-fit: contain;
}

.toplist-casinobrobeans-sports__offer-main {
    display: flex;
    flex-direction: column;
    gap: 10px;
    grid-area: main;
}

.toplist-casinobrobeans-sports__offer-description {
    font-family: Poppins, sans-serif;
    font-size: 19px;
    font-weight: 800;
    font-style: normal;
    line-height: 27px;
    text-transform: capitalize;
    color: #2b2b2b;
}

.toplist-casinobrobeans-sports__offer-payments-wrapper {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.toplist-casinobrobeans-sports__offer-payments-label {
    font-family: Poppins, sans-serif;
    font-size: 11px;
    font-weight: 400;
    font-style: normal;
    line-height: 16px;
    text-transform: uppercase;
    color: #494848;
}

.toplist-casinobrobeans-sports__offer-payments {
    display: flex;
    align-items: center;
    gap: 10px;
}

.toplist-casinobrobeans-sports__offer-payment {
    position: relative;
    cursor: pointer;
}

.toplist-casinobrobeans-sports__offer-payments-hidden-counter {
    font-family: Poppins, sans-serif;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    line-height: 18px;
    position: relative;
    cursor: pointer;
    text-transform: capitalize;
    color: #494848;
}

.toplist-casinobrobeans-sports__offer-payment-image {
    width: auto;
    height: 14px;
    object-fit: contain;
}

.toplist-casinobrobeans-sports__offer-payment-tooltip,
.toplist-casinobrobeans-sports__offer-payments-tooltip {
    font-family: Poppins, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    position: absolute;
    z-index: 10;
    top: 28px;
    left: 50%;
    flex-direction: column;
    width: max-content;
    padding: 8px;
    transform: translateX(-50%);
    color: #fff;
    background: #0e081de6;
    filter: drop-shadow(0 1px 4px #0000000a) drop-shadow(0 8px 32px #0000001a);
}

.toplist-casinobrobeans-sports__offer-payments-tooltip {
    top: 29px;
    width: max-content;
}

.toplist-casinobrobeans-sports__offer-payment-tooltip:before,
.toplist-casinobrobeans-sports__offer-payments-tooltip:before {
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -8px;
    content: '';
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent #0e081de5;
    border-top-width: 0;
}

.toplist-casinobrobeans-sports__offer-payment:hover .toplist-casinobrobeans-sports__offer-payment-tooltip,
.toplist-casinobrobeans-sports__offer-payments-hidden-counter:hover .toplist-casinobrobeans-sports__offer-payments-tooltip {
    display: flex !important;
}

.toplist-casinobrobeans-sports__offer-payment-in-tooltip {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
}

.toplist-casinobrobeans-sports__offer-payment-in-tooltip-image-wrapper {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    width: 24px;
}

.toplist-casinobrobeans-sports__offer-extra {
    position: relative;
    display: flex;
    align-items: center;
    grid-area: extra;
}

.toplist-casinobrobeans-sports__offer-key-features {
    display: flex;
    flex-direction: column;
    margin: 0 !important;
    list-style: none;
    gap: 5.8px;
}

.toplist-casinobrobeans-sports__offer-key-features li {
    font-family: Poppins, sans-serif;
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    line-height: 27px;
    display: flex;
    align-items: center;
    padding-bottom: 0 !important;
    padding-left: 37px;
    text-transform: capitalize;
    color: #3f3f3f;
    background-image: url("data:image/svg+xml,%3Csvg width='27' height='28' viewBox='0 0 27 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.7885 10.3317C24.2765 8.36741 23.249 6.56738 21.817 5.12662C19.6593 2.95611 16.7902 1.76084 13.7388 1.76084C10.6874 1.76084 7.81826 2.95611 5.66048 5.12662C4.22853 6.56738 3.20098 8.36703 2.68907 10.3313L2.30029 10.2288C2.83007 8.19489 3.89407 6.332 5.37625 4.84071C7.60992 2.59424 10.5798 1.35667 13.7388 1.35667C16.8977 1.35667 19.8676 2.59424 22.1013 4.84108C23.5838 6.33237 24.6478 8.19564 25.1776 10.2296L24.7888 10.3321L24.7885 10.3317Z' fill='%23F8B204'/%3E%3Cpath d='M25.7042 10.0701C25.8002 10.4784 25.5487 10.8878 25.1428 10.9843C24.7369 11.0809 24.3299 10.8279 24.2339 10.4196C24.1379 10.0114 24.3894 9.60196 24.7953 9.50541C25.2012 9.40886 25.6082 9.66184 25.7042 10.0701Z' fill='%23F8B204'/%3E%3Cpath d='M1.77287 10.0701C1.67688 10.4784 1.92838 10.8878 2.33426 10.9843C2.74015 11.0809 3.14715 10.8279 3.24313 10.4196C3.33912 10.0114 3.08762 9.60196 2.68174 9.50541C2.27585 9.40886 1.86885 9.66184 1.77287 10.0701Z' fill='%23F8B204'/%3E%3Cpath d='M13.7388 25.1488C10.5799 25.1488 7.60999 23.9113 5.37631 21.6644C3.92763 20.2072 2.87589 18.3899 2.33496 16.4095L2.72225 16.3025C3.24458 18.2156 4.26059 19.9707 5.66017 21.3785C7.81795 23.549 10.6871 24.7443 13.7385 24.7443C16.7899 24.7443 19.659 23.549 21.8167 21.3785C23.2163 19.9707 24.2323 18.2152 24.7547 16.3025L25.1419 16.4095C24.6014 18.3896 23.5497 20.2068 22.1006 21.664C19.8669 23.9109 16.897 25.1485 13.7381 25.1485L13.7388 25.1488Z' fill='%23F8B204'/%3E%3Cpath d='M1.80889 16.5749C1.70844 16.1678 1.95547 15.7558 2.36024 15.6547C2.76501 15.5537 3.17461 15.8022 3.27506 16.2093C3.37551 16.6165 3.12848 17.0285 2.72371 17.1295C2.31894 17.2306 1.90934 16.9821 1.80889 16.5749Z' fill='%23F8B204'/%3E%3Cpath d='M25.6684 16.5749C25.7688 16.1678 25.5218 15.7558 25.117 15.6547C24.7123 15.5537 24.3026 15.8022 24.2022 16.2093C24.1017 16.6165 24.3488 17.0285 24.7535 17.1295C25.1583 17.2306 25.5679 16.9821 25.6684 16.5749Z' fill='%23F8B204'/%3E%3Cpath d='M20.25 20.4119C23.9779 16.662 23.9779 10.5822 20.25 6.83229C16.5221 3.08238 10.4779 3.08238 6.75 6.83229C3.02208 10.5822 3.02208 16.662 6.75 20.4119C10.4779 24.1618 16.5221 24.1618 20.25 20.4119Z' fill='%23F8B204'/%3E%3Cpath d='M17.4973 8.36552L11.745 14.1518L9.46776 11.8608L7.88477 13.4535L11.745 17.3368L19.0807 9.95785L17.4973 8.36552Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: top 0 left 0;
}

.toplist-casinobrobeans-sports__offer-cta-btn-w-rating {
    display: flex;
    flex-direction: column;
    gap: 13px;
    grid-area: cta;
}

.toplist-casinobrobeans-sports__offer-cta-btn {
    font-family: Poppins, sans-serif;
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
    line-height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 54px;
    padding: 0 8px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    border-radius: 7px;
    background: #a0090e;
}

.toplist-casinobrobeans-sports__offer-cta-btn:hover {
    cursor: pointer;
    text-decoration: none;
    color: #140001;
    background-color: #f8b204;
}

.toplist-casinobrobeans-sports__offer-rating {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.toplist-casinobrobeans-sports__offer-rating-score {
    font-family: Poppins, sans-serif;
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    line-height: 25px;
    text-transform: capitalize;
    color: #000;
}

.toplist-casinobrobeans-sports__offer-rating img {
    width: 78px;
    height: 13.45px;
    object-fit: contain;
}

.toplist-casinobrobeans-sports__show-more-btn {
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    line-height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 223px;
    height: 56px;
    margin: 51px auto auto;
    text-transform: capitalize;
    color: #120a28;
    border: 1px solid #000;
    border-radius: 7px;
    background: #f8b204;
}

.toplist-casinobrobeans-sports__show-more-btn:hover {
    cursor: pointer;
}

.toplist-casinobrobeans-sports__filter-tags-json {
    box-sizing: border-box;
}

.toplist-casinobrobeans-sports__filter-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 33px;
    gap: 17px;
}

.toplist-casinobrobeans-sports__filter-tag {
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    width: fit-content;
    height: 34px;
    padding: 4px 11px;
    cursor: pointer;
    user-select: none;
    color: #000;
    border: 1px solid #f8b204;
    border-radius: 8px;
    background: #f6f6f6;
    gap: 9px;
}

.toplist-casinobrobeans-sports__filter-tag.filter-tag-active {
    color: #140001;
    background: #f8b204;
}

.toplist-casinobrobeans-sports__filter-tag img {
    width: 23px !important;
    height: 23px !important;
    object-fit: contain;
}

@media screen and (width > 991px) {
    .toplist-casinobrobeans-sports__offer-extra {
        height: 100%;
        padding-left: 37px;
    }

    .toplist-casinobrobeans-sports__offer-extra:before {
        position: absolute;
        top: 50%;
        left: 0;
        width: 1px;
        height: calc(100% - 20px);
        content: '';
        transform: translateY(-50%);
        background: #a0090e;
    }
}

@media screen and (width <= 991px) {
    .toplist-casinobrobeans-sports__offer {
        padding: 25px 19px 30px;
        gap: 0 37px;
        grid-template-areas:
            'logo cta'
            'main main'
            'extra extra';
        grid-template-columns: 128px auto;
        grid-template-rows: auto;
    }

    .toplist-casinobrobeans-sports__offer:before {
        top: 8px;
        left: 8px;
    }

    .toplist-casinobrobeans-sports__offer-logo img {
        height: 78px;
    }

    .toplist-casinobrobeans-sports__offer-cta-btn-w-rating {
        gap: 10px;
    }

    .toplist-casinobrobeans-sports__offer-cta-btn {
        font-size: 16px;
        height: 43px;
    }

    .toplist-casinobrobeans-sports__offer-rating {
        gap: 8px;
    }

    .toplist-casinobrobeans-sports__offer-rating-score {
        font-size: 14px;
        line-height: 18px;
    }

    .toplist-casinobrobeans-sports__offer-rating img {
        width: 55.53px;
        height: 9.57px;
    }

    .toplist-casinobrobeans-sports__offer-main {
        margin-top: 21px;
        gap: 15px;
    }

    .toplist-casinobrobeans-sports__offer-description {
        width: calc(100% - 82px);
    }

    .toplist-casinobrobeans-sports__offer-payments-wrapper {
        gap: 8px;
    }

    .toplist-casinobrobeans-sports__offer-extra {
        margin-top: 20px;
    }

    .toplist-casinobrobeans-sports__offer-key-features {
        gap: 5px;
    }

    .toplist-casinobrobeans-sports__offer-key-features li {
        font-size: 10px;
        line-height: 16px;
        padding-left: 22px;
        background-size: 16px;
    }

    .toplist-casinobrobeans-sports__filter-wrapper {
        overflow-x: scroll;
        flex-wrap: nowrap;
        justify-content: flex-start;
        width: 100vw;
        margin: 0 -16px 27px;
        padding: 0 16px;
        gap: 12px;
    }

    .toplist-casinobrobeans-sports__filter-wrapper::-webkit-scrollbar {
        display: none;
    }

    .toplist-casinobrobeans-sports__filter-tag {
        font-size: 11px;
        height: 24px;
        padding: 3px 7px;
        gap: 6px;
    }

    .toplist-casinobrobeans-sports__filter-tag img {
        width: 16px !important;
        height: 16px !important;
    }
}