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

.Ia9eba3__e5c-3b479 {
    margin: 24px 0;
}

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

.Ra9eba3__2e9-d601d {
    box-sizing: border-box;
}

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

.Ia9eba3__1b7-17694 {
    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;
}

.Ia9eba3__1b7-17694.Da9eba3__f19-4196d {
    color: #000;
    border-radius: 5px;
    background: #ffbf00;
}

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

.Pa9eba3__14c-d5e36: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%);
}

.Pa9eba3__14c-d5e36.Ja9eba3__7ff-abf7c {
    display: none;
}

.Za9eba3__777-ac33e {
    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;
}

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

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

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

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

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

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

.Ca9eba3__f77-40ad3 .La9eba3__10f-f1711 {
    display: none;
}

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

.Ta9eba3__f25-0e39b: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");
}

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

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

.Ta9eba3__782-dd9e6 {
    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;
}

.Ta9eba3__782-dd9e6: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");
}

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

.Aa9eba3__49b-79489 {
    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;
}

.Aa9eba3__49b-79489: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;
}

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

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

.Ja9eba3__eed-b471d .Ea9eba3__8f5-674ba {
    display: none;
}

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

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

.Ua9eba3__800-b9368 {
    display: flex;
    align-items: center;
}

.Ua9eba3__800-b9368 img {
    height: 10px;
}

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

.Fa9eba3__2a9-c1dbf,
.Fa9eba3__2a9-c1dbf 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;
}

.Ka9eba3__d81-8f453 {
    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;
}

.Ka9eba3__d81-8f453:hover {
    color: #c3c9bb;
    background: #000;
}

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

    .Za9eba3__01b-ee23a::-webkit-scrollbar {
        display: none;
    }

    .Ia9eba3__1b7-17694 {
        background: #f7f7f7;
    }

    .Ka9eba3__cc3-f5dcc {
        gap: 10px;
    }

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

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

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

    .La9eba3__10f-f1711 {
        display: none;
    }

    .Ca9eba3__f77-40ad3 {
        z-index: 1;
        gap: 4px 10px;
    }

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

    .Ca9eba3__f77-40ad3 .La9eba3__10f-f1711 {
        display: block;
        margin-left: auto;
    }

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

    .Ja9eba3__ef9-72ba4 {
        padding-left: 0;
        gap: 0;
    }

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

    .Ea9eba3__8f5-674ba {
        display: none;
    }

    .Ja9eba3__eed-b471d .Ea9eba3__8f5-674ba {
        display: flex;
        align-items: end;
        flex-direction: column;
        gap: 8px;
    }

    .Ga9eba3__a92-1748f {
        line-height: 1;
    }

    .Ga9eba3__a92-1748f span {
        font-size: 20px;
        line-height: 16px;
    }

    .Oa9eba3__667-b5026 {
        margin-top: 16px;
    }

    .Fa9eba3__2a9-c1dbf {
        margin-left: 0;
    }
}
