@import url('https://fonts.googleapis.com/css2?&family=Open+Sans:wght@400;600;700;800&family=Roboto+Condensed:wght@600&display=swap');

.Wa8bc2e9ede5c18 {
    margin: 24px 0;
}

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

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

.W4f4c9b43552363 {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 16px;
    border-radius: 10px;
    background: #f7f7f7;
}

.M8a3626a2af0430 {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    line-height: 21px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    justify-content: center;
    height: 48px;
    padding: 16px;
    cursor: pointer;
    user-select: none;
    text-align: center;
    color: #5f7174;
}

.M8a3626a2af0430.Kede1a8a8683ca8 {
    color: #000;
    border-radius: 5px;
    background: #ffbf00;
}

.B1e2743281e755d {
    position: relative;
    counter-increment: toplist-adventuregamers-counter 1;
    border-radius: 12px 10px 10px;
    background: linear-gradient(90deg, #252f18 0%, #45512d 100%);
}

.B1e2743281e755d:before {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 700;
    font-style: normal;
    line-height: 22px;
    position: absolute;
    z-index: 2;
    width: 38px;
    height: 38px;
    padding-left: 9px;
    content: counter(toplist-adventuregamers-counter);
    color: #000;
    border-top-left-radius: 10px;
    background: #ffbf00;
    clip-path: polygon(0 0, 100% 0, 0 100%, 0 100%);
}

.B1e2743281e755d.Iaae9f784c02c59 {
    display: none;
}

.Vd9b71eb49f93bc {
    position: relative;
    display: grid;
    overflow: hidden;
    padding: 16px 24px 16px 0;
    border-radius: 10px;
    box-shadow:
        0 1px 2px 0 #0000000a,
        0 4px 16px 0 #0000000f;
    gap: 0 16px;
    grid-template-areas:
        'logo info actions'
        'logo key-features actions'
        'terms terms terms';
    grid-template-columns: 167px auto 183px;
    grid-template-rows: 1fr auto;
}

.Vd9b71eb49f93bc:after {
    position: absolute;
    width: 175px;
    height: 175px;
    content: '';
    background: #313c20;
    clip-path: polygon(0 0, 100% 0, 0 100%, 0 100%);
}

.Ec4e8aeee1d8d70 {
    z-index: 1;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    grid-area: logo;
}

.Cc626b90e24fb00 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 167px;
    height: 80px;
}

.Cc626b90e24fb00 img {
    width: 167px;
    height: 80px;
    padding: 0 24px;
    object-fit: contain;
}

.F5e8357898574a3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    font-weight: 400;
    font-style: normal;
    line-height: 22px;
    text-align: center;
    color: #fff;
}

.Y6d74620932ac06 {
    display: flex;
    flex-direction: column;
    gap: 4px;
    grid-area: info;
}

.Y6d74620932ac06 .F5e8357898574a3 {
    display: none;
}

.J36649fc1f3e11c {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    font-weight: 800;
    font-style: normal;
    line-height: 22px;
    text-transform: uppercase;
    color: #ffbf00;
}

.J36649fc1f3e11c:before {
    position: relative;
    top: 3px;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cg clip-path='url(%23clip0_6080_420)'%3E%3Cpath d='M14.237 8.18994V14.8566H3.57031V8.18994' stroke='%23FFBF00' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.5716 4.85645H2.23828V8.18978H15.5716V4.85645Z' stroke='%23FFBF00' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.9043 14.8564V4.85645' stroke='%23FFBF00' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.90495 4.85677H5.90495C5.46292 4.85677 5.039 4.68118 4.72644 4.36862C4.41388 4.05605 4.23828 3.63213 4.23828 3.1901C4.23828 2.74808 4.41388 2.32415 4.72644 2.01159C5.039 1.69903 5.46292 1.52344 5.90495 1.52344C8.23828 1.52344 8.90495 4.85677 8.90495 4.85677Z' stroke='%23FFBF00' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.9043 4.85677H11.9043C12.3463 4.85677 12.7702 4.68118 13.0828 4.36862C13.3954 4.05605 13.571 3.63213 13.571 3.1901C13.571 2.74808 13.3954 2.32415 13.0828 2.01159C12.7702 1.69903 12.3463 1.52344 11.9043 1.52344C9.57096 1.52344 8.9043 4.85677 8.9043 4.85677Z' stroke='%23FFBF00' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6080_420'%3E%3Crect width='16' height='16' fill='white' transform='translate(0.904297 0.189941)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.I615bb1417e891c {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 24px;
    font-weight: 600;
    font-style: normal;
    line-height: 26px;
    color: #fff;
}

.W250122d60862b2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 8px;
    grid-area: key-features;
}

.Aa3c00c25d9ac3a {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    line-height: 22px;
    position: relative;
    display: flex;
    padding-left: 24px;
    color: #c3c9bb;
}

.Aa3c00c25d9ac3a:before {
    position: absolute;
    top: 3px;
    left: 0;
    display: inline-block;
    width: 16px;
    height: 16px;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Ccircle cx='8.9043' cy='8.18994' r='4' fill='white'/%3E%3Cpath d='M15.5915 7.55759L14.9439 7.07229C14.6643 6.85171 14.5612 6.46935 14.6937 6.14582L15.0028 5.39582C15.1941 4.91053 14.885 4.38112 14.3699 4.30759L13.5605 4.20465C13.2072 4.16053 12.9276 3.88112 12.8835 3.52818L12.7804 2.71935C12.7068 2.20465 12.177 1.89582 11.6913 2.087L10.9408 2.39582C10.617 2.52818 10.2343 2.42524 10.0136 2.14582L9.51318 1.49876C9.20411 1.087 8.57126 1.087 8.2622 1.49876L7.79124 2.16053C7.57048 2.43994 7.18783 2.54288 6.86405 2.41053L6.11346 2.087C5.62779 1.89582 5.09797 2.20465 5.02438 2.71935L4.92136 3.52818C4.87721 3.88112 4.59758 4.16053 4.24436 4.20465L3.4349 4.30759C2.9198 4.38112 2.61073 4.91053 2.80206 5.39582L3.11112 6.14582C3.24358 6.46935 3.14056 6.85171 2.86093 7.07229L2.21336 7.57229C1.80128 7.88112 1.80128 8.51347 2.21336 8.82229L2.87564 9.30759C3.15527 9.52818 3.25829 9.91053 3.12584 10.2341L2.80206 10.9841C2.61073 11.4694 2.9198 11.9988 3.4349 12.0723L4.24436 12.1752C4.59758 12.2194 4.87721 12.4988 4.92136 12.8517L5.02438 13.6605C5.09797 14.1752 5.62779 14.4841 6.11346 14.2929L6.86405 13.9841C7.18783 13.8517 7.57048 13.9546 7.79124 14.2341L8.29163 14.8811C8.6007 15.2929 9.23355 15.2929 9.54261 14.8811L10.043 14.2341C10.2638 13.9546 10.6464 13.8517 10.9702 13.9841L11.7208 14.2929C12.2065 14.4841 12.7363 14.1752 12.8099 13.6605L12.9129 12.8517C12.957 12.4988 13.2367 12.2194 13.5899 12.1752L14.3993 12.0723C14.9145 11.9988 15.2235 11.4694 15.0322 10.9841L14.7231 10.2341C14.5907 9.91053 14.6937 9.52818 14.9733 9.30759L15.6209 8.80759C16.0035 8.49877 16.0035 7.88112 15.5915 7.55759ZM11.4559 7.39582L8.79203 10.0576C8.64485 10.2046 8.45353 10.2782 8.24748 10.2782C8.04144 10.2782 7.85011 10.2046 7.70294 10.0576L6.36366 8.71935C6.06931 8.42523 6.06931 7.93994 6.36366 7.64582C6.65801 7.35171 7.14368 7.35171 7.43803 7.64582L8.23277 8.43994L10.3815 6.32229C10.6758 6.02818 11.1615 6.02818 11.4559 6.32229C11.7502 6.61641 11.7502 7.10171 11.4559 7.39582Z' fill='black'/%3E%3C/svg%3E");
}

.M694c03c4894357 {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding-left: 16px;
    gap: 8px;
    grid-area: actions;
}

.Fb83ee5f6617b42 {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    line-height: 21.6px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 167px;
    height: 48px;
    padding: 0 8px;
    text-align: center;
    color: #000;
    border-radius: 5px;
    background: #ffbf00;
    gap: 5px;
}

.Fb83ee5f6617b42:after {
    min-width: 13.856px;
    height: 12px;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='15' viewBox='0 0 13 15' fill='none'%3E%3Cpath d='M12.9043 7.68992L0.904296 14.6181L0.904297 0.761718L12.9043 7.68992Z' fill='black'/%3E%3C/svg%3E");
    background-size: 13.856px 12px;
}

.Fb83ee5f6617b42:hover {
    text-decoration: unset;
    color: #000;
    background: #edb100;
}

.Oac7cb85d25df84 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.Ec4e8aeee1d8d70 .Oac7cb85d25df84 {
    display: none;
}

.K66e3acbdc1cff4 {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    line-height: 22px;
    color: #fff;
}

.K66e3acbdc1cff4 span {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
}

.W41d9b880c7daba {
    display: flex;
    align-items: center;
}

.W41d9b880c7daba img {
    height: 10px;
}

.I6c4a8da97cb5d5 {
    margin-top: 16px;
    margin-left: 24px;
}

.I6c4a8da97cb5d5,
.I6c4a8da97cb5d5 p {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    font-weight: 400;
    line-height: 16px;
    z-index: 1;
    margin-bottom: 0;
    color: #c3c9bb;
    grid-area: terms;
}

.F97cfab6724c6b8 {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    line-height: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    height: 48px;
    margin: 16px auto 0;
    padding: 16px;
    cursor: pointer;
    text-align: center;
    color: #00001c;
    border: 2px solid #000;
    border-radius: 100px;
    background: #fff;
}

.F97cfab6724c6b8:hover {
    color: #c3c9bb;
    background: #000;
}

@media (max-width: 991px) {
    .W4f4c9b43552363 {
        overflow-x: scroll;
        flex-wrap: nowrap;
        width: 100vw;
        margin: 0 0 16px -32px;
        padding: 0 32px;
        border-radius: 10px 0 0 10px;
        background: unset;
    }

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

    .M8a3626a2af0430 {
        background: #f7f7f7;
    }

    .F75ad58d597a14b {
        gap: 10px;
    }

    .B1e2743281e755d {
        background: linear-gradient(180deg, #252f18 0%, #394425 100%);
    }

    .Vd9b71eb49f93bc {
        padding: 0 16px 16px;
        gap: 0;
        grid-template-areas:
            'logo'
            'info'
            'actions'
            'key-features'
            'terms';
        grid-template-columns: auto;
        grid-template-rows: auto;
    }

    .Ec4e8aeee1d8d70 {
        flex-direction: row;
        justify-content: space-between;
    }

    .F5e8357898574a3 {
        display: none;
    }

    .Y6d74620932ac06 {
        z-index: 1;
        gap: 4px 10px;
    }

    .toplist-adventuregamers__offer-info-text {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .Y6d74620932ac06 .F5e8357898574a3 {
        display: block;
        margin-left: auto;
    }

    .I615bb1417e891c {
        font-size: 20px;
        line-height: 22px;
    }

    .M694c03c4894357 {
        padding-left: 0;
        gap: 0;
    }

    .Fb83ee5f6617b42 {
        width: 100%;
        margin-top: 16px;
    }

    .Oac7cb85d25df84 {
        display: none;
    }

    .Ec4e8aeee1d8d70 .Oac7cb85d25df84 {
        display: flex;
        align-items: end;
        flex-direction: column;
        gap: 8px;
    }

    .K66e3acbdc1cff4 {
        line-height: 1;
    }

    .K66e3acbdc1cff4 span {
        font-size: 20px;
        line-height: 16px;
    }

    .W250122d60862b2 {
        margin-top: 16px;
    }

    .I6c4a8da97cb5d5 {
        margin-left: 0;
    }
}