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

.toplist-sportstalkphilly__wrapper {
    margin: 24px 0;
}

.toplist-sportstalkphilly__offers {
    display: flex;
    flex-direction: column;
    counter-reset: toplist-sportstalkphilly-counter 0;
    gap: 8px;
}

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

.toplist-sportstalkphilly__filter-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 16px 0;
    gap: 8px;
}

.toplist-sportstalkphilly__filter-tag {
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    line-height: 150%;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    justify-content: center;
    height: 26px;
    padding: 8px 16px;
    cursor: pointer;
    user-select: none;
    color: #060606;
    border: 1px solid #152872;
    border-radius: 100px;
}

.toplist-sportstalkphilly__filter-tag.filter-tag-active {
    color: #fff;
    background: #152872;
}

.toplist-sportstalkphilly__offer {
    display: grid;
    align-items: center;
    counter-increment: toplist-sportstalkphilly-counter 1;
    background: #fff;
    box-shadow:
        0 1px 2px 0 #0000000a,
        0 4px 16px 0 #0000000f;
    gap: 24px;
    grid-template-areas: 'logo content-wrapper';
    grid-template-columns: 188px auto;
    grid-template-rows: auto;
}

.toplist-sportstalkphilly__offer.hidden {
    display: none;
}

.toplist-sportstalkphilly__offer-logo-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 41px 24px;
    border-right: 1px solid #d9d9d9;
    grid-area: logo;
}

.toplist-sportstalkphilly__offer-logo {
    position: relative;
    width: 120px;
    height: 57.6px;
    border-radius: 8px;
}

.toplist-sportstalkphilly__offer-logo:before {
    font-family: Chivo, sans-serif;
    font-size: 9.216px;
    font-weight: 800;
    font-style: normal;
    line-height: 125%;
    position: absolute;
    top: -6px;
    left: -6px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15.36px;
    height: 15.36px;
    content: counter(toplist-sportstalkphilly-counter);
    color: #fff;
    border-radius: 15.36px;
    background: #2944ab;
}

.toplist-sportstalkphilly__offer-logo img {
    width: 120px;
    height: 57.6px;
    border-radius: inherit;
    object-fit: contain;
}

.toplist-sportstalkphilly__offer-content-wrapper {
    display: grid;
    align-items: center;
    gap: 8px 24px;
    grid-area: content-wrapper;
    grid-template-areas:
        'main actions'
        'facts actions';
    grid-template-columns: auto 204px;
    grid-template-rows: auto 1fr;
}

.toplist-sportstalkphilly__offer.poker .toplist-sportstalkphilly__offer-content-wrapper {
    grid-template-columns: auto 172px;
}

.toplist-sportstalkphilly__offer-main {
    display: flex;
    align-items: center;
    flex-direction: column;
    grid-area: main;
}

.toplist-sportstalkphilly__offer-brand {
    font-family: Helvetica, sans-serif;
    font-size: 10px;
    font-weight: 400;
    font-style: normal;
    line-height: 120%;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    color: #757575;
}

.toplist-sportstalkphilly__offer-title {
    font-family: Chivo, sans-serif;
    font-size: 22px;
    font-weight: 700;
    font-style: normal;
    line-height: 135%;
    text-align: center;
    color: #002c5e;
}

.toplist-sportstalkphilly__offer-facts {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-area: facts;
}

.toplist-sportstalkphilly__offer-fact {
    display: flex;
    align-items: center;
}

.toplist-sportstalkphilly__offer-fact:not(:last-child) {
    margin-right: 16px;
}

.toplist-sportstalkphilly__offer-fact-body {
    font-family: Barlow, sans-serif;
    font-size: 12px;
    font-weight: 700;
    font-style: normal;
    line-height: 100%;
    margin-right: 8px;
    color: #060606;
}

.toplist-sportstalkphilly__offer-fact-body:before {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 4px;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'%3E%3Cpath d='M10.0004 12.7967C9.8995 12.7971 9.79994 12.7733 9.71004 12.7273L6.49052 11.0418L3.27099 12.7273C3.16645 12.7822 3.04858 12.8068 2.93079 12.7981C2.81299 12.7894 2.69999 12.7479 2.60464 12.6781C2.50928 12.6084 2.43539 12.5134 2.39138 12.4038C2.34736 12.2942 2.33498 12.1744 2.35564 12.0581L2.98692 8.50403L0.386043 5.9789C0.3049 5.89792 0.247336 5.79637 0.219532 5.68515C0.191728 5.57394 0.194734 5.45725 0.228226 5.34762C0.264815 5.23542 0.33212 5.13573 0.422506 5.05985C0.512884 4.98397 0.622726 4.93495 0.73956 4.91835L4.33786 4.39438L5.92237 1.15592C5.97406 1.04918 6.05477 0.959173 6.15526 0.896191C6.25574 0.833209 6.37193 0.799805 6.49052 0.799805C6.60912 0.799805 6.72531 0.833209 6.82579 0.896191C6.92628 0.959173 7.00701 1.04918 7.05867 1.15592L8.66212 4.38807L12.2604 4.91203C12.3773 4.92864 12.4871 4.97766 12.5775 5.05354C12.6679 5.12942 12.7351 5.22911 12.7718 5.3413C12.8053 5.45094 12.8083 5.56763 12.7804 5.67884C12.7527 5.79006 12.6951 5.89161 12.6139 5.97258L10.0131 8.49768L10.6443 12.0518C10.6669 12.1701 10.6551 12.2925 10.6104 12.4043C10.5656 12.5162 10.4898 12.6129 10.3918 12.6831C10.2775 12.7632 10.1399 12.8032 10.0004 12.7967Z' fill='%23D02626'/%3E%3C/svg%3E");
}

.toplist-sportstalkphilly__offer-fact-body.rakeback:before,
.toplist-sportstalkphilly__offer-fact-body.payout:before {
    margin-right: 2px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'%3E%3Cg clip-path='url(%23clip0_8632_55)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.59032 1.13381C6.98552 0.530295 7.92364 0.810099 7.92364 1.53147V5.07276H10.2977C10.9098 5.07276 11.2772 5.75243 10.9419 6.2645L6.88851 12.4551C6.48724 13.068 5.48556 12.8227 5.48556 12.0378V8.62263H3.07874C2.4807 8.62263 2.12176 7.95853 2.44935 7.45821L6.59032 1.13381Z' fill='%23D02626'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_8632_55'%3E%3Crect width='12' height='12' fill='white' transform='translate(0.799316 0.799805)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.toplist-sportstalkphilly__offer-fact-body span {
    font-size: 18px;
}

.toplist-sportstalkphilly__offer-fact-head,
.toplist-sportstalkphilly__offer-review-link {
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: 150%;
    text-align: center;
    color: #152872;
}

.toplist-sportstalkphilly__offer-review-link {
    text-decoration: underline;
}

.toplist-sportstalkphilly__offer-review-link:hover {
    text-decoration: unset;
    color: #152872;
}

.toplist-sportstalkphilly__offer-actions {
    padding-right: 24px;
    grid-area: actions;
}

.toplist-sportstalkphilly__offer-cta-btn {
    font-family: Chivo, sans-serif;
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
    line-height: 135%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 180px;
    height: 48px;
    padding: 12px 8px;
    text-align: center;
    letter-spacing: 0.18px;
    color: #fff;
    border-radius: 52px;
    background: #d02626;
}

.toplist-sportstalkphilly__offer-cta-btn:hover {
    text-decoration: none;
    color: #fff;
    background: #a62731;
}

.toplist-sportstalkphilly__offer.poker .toplist-sportstalkphilly__offer-cta-btn {
    width: 148px;
    height: 52px;
}

.toplist-sportstalkphilly__offer-coupon-code-wrapper {
    height: 32px;
    margin-top: 8px;
    padding: 5px 16px;
    cursor: pointer;
    border-radius: 52px;
    background: #f5f6fa;
}

.toplist-sportstalkphilly__offer-coupon-code {
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: 150%;
    text-align: center;
    color: #152872;
}

.toplist-sportstalkphilly__offer-coupon-code:after {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 8px;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cg clip-path='url(%23clip0_8632_191)'%3E%3Cpath d='M13.3333 6.7998H7.33333C6.59695 6.7998 6 7.39676 6 8.13314V14.1331C6 14.8695 6.59695 15.4665 7.33333 15.4665H13.3333C14.0697 15.4665 14.6667 14.8695 14.6667 14.1331V8.13314C14.6667 7.39676 14.0697 6.7998 13.3333 6.7998Z' stroke='%23002C5E' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.3335 10.8H2.66683C2.31321 10.8 1.97407 10.6595 1.72402 10.4094C1.47397 10.1594 1.3335 9.82026 1.3335 9.46663V3.46663C1.3335 3.11301 1.47397 2.77387 1.72402 2.52383C1.97407 2.27378 2.31321 2.1333 2.66683 2.1333H8.66683C9.02045 2.1333 9.35959 2.27378 9.60964 2.52383C9.85969 2.77387 10.0002 3.11301 10.0002 3.46663V4.1333' stroke='%23002C5E' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_8632_191'%3E%3Crect width='16' height='16' fill='white' transform='translate(0 0.799805)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.toplist-sportstalkphilly__offer-coupon-code-wrapper.coupon-code-copied .toplist-sportstalkphilly__offer-coupon-code:after {
    display: none;
}

.toplist-sportstalkphilly__show-more-btn {
    font-family: Chivo, sans-serif;
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    line-height: 135%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 164px;
    height: 40px;
    margin: 24px auto 0;
    padding: 8px;
    text-align: center;
    letter-spacing: 0.16px;
    color: #152872;
    border: 1px solid #002c5e;
    border-radius: 24px;
}

.toplist-sportstalkphilly__show-more-btn:hover {
    cursor: pointer;
    color: #fff;
    border: unset;
    background: #002c5d;
}

@media screen and (width <= 991px) {
    .toplist-sportstalkphilly__filter-wrapper {
        overflow-x: scroll;
        flex-wrap: nowrap;
        width: 100vw;
        margin: 0 -16px 16px;
        padding: 0 16px;
    }

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

    .toplist-sportstalkphilly__filter-tag {
        font-size: 12px;
        height: 34px;
        padding: 8px;
    }

    .toplist-sportstalkphilly__offer {
        padding: 24px 16px;
        gap: 16px;
        grid-template-areas:
            'logo'
            'content-wrapper';
        grid-template-columns: auto;
    }

    .toplist-sportstalkphilly__offer-logo-wrapper {
        padding: 0;
        border-right: none;
    }

    .toplist-sportstalkphilly__offer-content-wrapper,
    .toplist-sportstalkphilly__offer.poker .toplist-sportstalkphilly__offer-content-wrapper {
        gap: 8px;
        grid-template-areas:
            'main'
            'actions'
            'facts';
        grid-template-columns: auto;
        grid-template-rows: auto;
    }

    .toplist-sportstalkphilly__offer-fact {
        flex-direction: column;
        justify-content: center;
    }

    .toplist-sportstalkphilly__offer-fact:not(:last-child) {
        margin-right: 24px;
    }

    .toplist-sportstalkphilly__offer-fact-body {
        margin-right: 0;
    }

    .toplist-sportstalkphilly__offer-fact-body span {
        font-size: 20px;
    }

    .toplist-sportstalkphilly__offer-fact-head,
    .toplist-sportstalkphilly__offer-review-link {
        font-size: 12px;
        margin-top: 4px;
    }

    .toplist-sportstalkphilly__offer-actions {
        margin-bottom: 8px;
        padding-right: 0;
    }

    .toplist-sportstalkphilly__offer-cta-btn,
    .toplist-sportstalkphilly__offer.poker .toplist-sportstalkphilly__offer-cta-btn {
        width: 100%;
        height: 52px;
    }

    .toplist-sportstalkphilly__offer-coupon-code-wrapper {
        height: 40px;
        padding: 9px 16px;
    }

    .toplist-sportstalkphilly__offer-coupon-code {
        position: relative;
    }

    .toplist-sportstalkphilly__offer-coupon-code:after {
        position: absolute;
        right: 0;
        left: auto;
        margin-left: 0;
    }

    .toplist-sportstalkphilly__show-more-btn {
        margin-top: 16px;
    }
}