/*hncdlp*/
@charset "UTF-8";
*:before,
*,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

* {
    padding: 0;
    margin: 0;
    border: 0;
}

:focus,
:active {
    outline: none;
}

a:focus,
a:active {
    outline: none;
}

nav,
footer,
header,
aside {
    display: block;
}

html,
body {
    min-height: 100%;
    width: 100%;
    font-size: 16px;
    line-height: 1;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

input,
button,
textarea {
    font-family: inherit;
}

input::-ms-clear {
    display: none;
}

button {
    cursor: pointer;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

a {
    text-decoration: none;
    color: inherit;
}

a:hover {
    text-decoration: none;
}

ul li,
ol li {
    list-style: none;
    padding-left: 0;
}

img {
    vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: 400;
}

/*--------------------*/
.eig {
    position: relative;
    width: 100%;
    max-width: calc(var(--agvj) + var(--tltp, 20px) * 2);
    margin: var(--jvo2) auto;
    padding: 0 var(--tltp, 20px);
}
.eig:last-child {
    margin-bottom: 0;
}
.eig > * {
    max-width: 100%;
}
.eig > img {
    margin-top: 20px;
}
.eig > img:first-child {
    margin-top: 0;
}
.eig > .btn {
    margin-top: 20px;
}
.eig > .btn:first-child {
    margin-top: 0;
}
@media (min-width: 576px) {
    .eig > h2:not([class]),
    .eig > h2.esd {
        align-self: center;
        text-align: center;
    }
}
@media (max-width: 575.9px) {
    .eig > .btn {
        margin-top: 16px;
        width: 100%;
    }
    .eig > img {
        margin-top: 16px;
    }
}

.bpx + main .eig:first-child {
    margin-top: 0;
}

h3,
h4,
h5,
h6 {
    color: var(--wbgv, #fff);
    font-size: 1.5rem;
    line-height: 130%;
}
@media (max-width: 575.9px) {
    h3,
    h4,
    h5,
    h6 {
        font-size: 1.25rem;
        line-height: 140%;
    }
}

p:not([class]),
ul:not([class]),
ul.bxp,
ol:not([class]),
ol.bxp {
    margin-top: 16px;
}
p:not([class]):first-child,
ul:not([class]):first-child,
ul.bxp:first-child,
ol:not([class]):first-child,
ol.bxp:first-child {
    margin-top: 0;
}

h1:not([class]),
h2:not([class]),
h2.esd,
h2.adw,
h3:not([class]),
h3.esd,
h4:not([class]),
h4.esd,
h5:not([class]),
h5.esd,
h6:not([class]),
h6.esd
{
    margin-top: 20px;
    color: var(--wbgv, #fff);
    font-weight: 600;
}
h1:not([class]):first-child,
h1.esd:first-child,
h2:not([class]):first-child,
h2.esd:first-child,
h2.adw:first-child,
h3:not([class]):first-child,
h3.esd:first-child,
h4:not([class]):first-child,
h4.esd:first-child,
h5:not([class]):first-child,
h5.esd:first-child,
h6:not([class]):first-child,
h6.esd:first-child
{
    margin-top: 0;
}
@media (max-width: 575.9px) {
    h1:not([class]),
    h1.esd,
    h2:not([class]),
    h2.esd,
    h2.adw,
    h3:not([class]),
    h3.esd,
    h4:not([class]),
    h4.esd,
    h5:not([class]),
    h5.esd,
    h6:not([class]),
    h6.esd
    {
        margin-top: 16px;
    }
}

.eig a:not([class]) {
    color: var(--panq, #9FE871);
    text-decoration: underline;
    transition-property: color;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
.eig a:not([class]):active {
    text-decoration: none;
    color: var(--gqv9, #7CD64A);
}
@media (any-hover: hover) {
    .eig a:not([class]):hover {
        text-decoration: none;
        color: var(--gqv9, #7CD64A);
    }
    .eig a:not([class]):focus {
        text-decoration: none;
        color: var(--gqv9, #7CD64A);
    }
}

h1 {
    font-size: 2.25rem;
    line-height: 140%;
}
@media (max-width: 575.9px) {
    h1 {
        font-size: 1.5rem;
        line-height: 130%;
    }
}

h2 {
    font-size: 1.875rem;
    line-height: 130%;
}
@media (max-width: 575.9px) {
    h2 {
        font-size: 1.5rem;
        line-height: 130%;
    }
}

ul:not([class]) li,
ul.bxp li,
ol:not([class]) li,
ol.bxp li {
    position: relative;
    margin-top: 8px;
    min-height: 24px;
    padding-left: 26px;
}
ul:not([class]) li:first-child,
ul.bxp li:first-child,
ol:not([class]) li:first-child,
ol.bxp li:first-child {
    margin-top: 0;
}

ol:not([class]),
ol.bxp {
    counter-reset: ol-default;
}
ol:not([class]) li,
ol.bxp li {
    position: relative;
    counter-increment: ol-default;
}
ol:not([class]) li::before,
ol.bxp li::before {
    content: counter(ol-default) ".";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    color: var(--panq, #9FE871);
    text-align: center;
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 150%;
}

ul:not([class]) li::before,
ul.bxp li::before {
    content: "";
    position: absolute;
    top: 9px;
    left: 9px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--panq, #9FE871);
}

#wp-link li::before {
    content: unset;
}

@font-face {
    font-family: "Figtree","Avenir Next",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
    font-display: swap;
    src: url('zqv/rfuydn.woff2') format("woff2"), url('zqv/peleld.woff') format("woff");
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: "Figtree","Avenir Next",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
    font-display: swap;
    src: url('zqv/lurslo.woff2') format("woff2"), url('zqv/tqdgmo.woff') format("woff");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: "Figtree","Avenir Next",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
    font-display: swap;
    src: url('zqv/sjyowo.woff2') format("woff2"), url('zqv/yyfmbv.woff') format("woff");
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: "Figtree","Avenir Next",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
    font-display: swap;
    src: url('zqv/unigtd.woff2') format("woff2"), url('zqv/eazmzz.woff') format("woff");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: "Figtree","Avenir Next",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
    font-display: swap;
    src: url('zqv/ajolez.woff2') format("woff2"), url('zqv/xaraqq.woff') format("woff");
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: "Figtree","Avenir Next",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
    font-display: swap;
    src: url('zqv/ckiaww.woff2') format("woff2"), url('zqv/yqxzxl.woff') format("woff");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: "Figtree","Avenir Next",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
    font-display: swap;
    src: url('zqv/bwwoim.woff2') format("woff2"), url('zqv/xwlvnr.woff') format("woff");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Figtree","Avenir Next",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
    font-display: swap;
    src: url('zqv/rimotn.woff2') format("woff2"), url('zqv/jveulb.woff') format("woff");
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: "Figtree","Avenir Next",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
    font-display: swap;
    src: url('zqv/hopfhb.woff2') format("woff2"), url('zqv/almxwt.woff') format("woff");
    font-weight: 100;
    font-style: normal;
}
.cjy {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 16px;
}
.cjy > .btn {
    width: 100%;
}
.chb {
    min-height: 48px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    position: relative;
    display: flex;
}
.chb + .chb {
    margin-top: 6px;
}
.hf9 {
    position: absolute;
    left: 14px;
    top: 16px;
    background: var(--surface-container-high, #282b24);
    color: var(--on-surface-variant, #c3c8bb);
    padding-inline: 2px;
    pointer-events: none;
    transition-property: transform, top, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
.va6 {
    position: relative;
    left: 8px;
    display: none;
    align-items: center;
    gap: 6px;
    color: var(--error, #ffb4ab);
}
.chb.wkb input,
.chb.wkb textarea {
    border-color: var(--qmsr, #9FE871);
    box-shadow: 0 0 0 1px var(--qmsr, #9FE871);
}
.chb.wkb .hf9 {
    top: 0px;
    transform: translateY(-50%);
    color: var(--qmsr, #9FE871);
}
.chb.ak8 input,
.chb.ak8 textarea {
    border-color: var(--error, #ffb4ab) !important;
    box-shadow: 0 0 0 1px var(--error, #ffb4ab) !important;
}
.chb.ak8 .hf9 {
    color: var(--error, #ffb4ab) !important;
}
.chb.ak8 .va6 {
    display: flex;
}
.cjy input,
.cjy textarea {
    font-size: 1.125rem;
    line-height: 136%;
    color: var(--on-surface-var, #c0c8d8);
}
.cjy input {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    padding: 15px;
    background: transparent;
    border-radius: 4px;
    border: 1px solid var(--outline, #8d9287);
    box-shadow: 0 0 0 1px transparent;
    color: var(--on-surface, #e1e4d9);
    transition-property: border-color, box-shadow;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
@media (any-hover: hover) {
    .cjy input:hover {
        border-color: var(--on-surface, #e1e4d9);
    }
    .cjy input:hover + .hf9 {
        color: var(--on-surface, #e1e4d9);
    }
}
.cjy input:focus {
    border-color: var(--qmsr, #9FE871);
    box-shadow: 0 0 0 1px var(--qmsr, #9FE871);
}
.cjy input:focus ~ .hf9,
.cjy input:focus .hf9 {
    top: 0px;
    transform: translateY(-50%);
    color: var(--qmsr, #9FE871);
}
.cjy .pqb {
    position: absolute;
    top: calc(100% + 10px);
    width: 100%;
    text-align: center;
}

.no-scroll {
    overflow: hidden;
}

html {
    font: 400 var(--gvze)/1.5 var(--ucmm), sans-serif;
}
@supports not selector(::-webkit-scrollbar) {
    html {
        scrollbar-width: 10px;
        scrollbar-color: var(--ljbu, #24EE89) transparent;
    }
}
html::-webkit-scrollbar {
    width: 10px;
}
html::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: var(--ljbu, #24EE89);
}
html::-webkit-scrollbar-track {
    background: transparent;
}

body:not(.iol) {
    background: var(--syrf, #1A1D1D);
    color: var(--brj5, #e0e0e0);
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    min-height: 100vh;
    font-size: 1rem;
    line-height: 150%;
}

main {
    flex-grow: 1;
}

.gpc {
    width: 100%;
    overflow: auto;
}

table,
.gpc table {
    width: 100%;
    table-layout: auto;
    border-spacing: 0;
}

@media (max-width: 1024px) {
    .gpc table:has( td:nth-child(3) ) { min-width: 600px }
    .gpc table:has( td:nth-child(4) ) { min-width: 800px }
    .gpc table:has( td:nth-child(5) ) { min-width: 1000px }
}

img,
svg {
    max-width: 100%;
    height: auto;
}

:root {
    --tltp: 20px;
    --agvj: 1320px;
    --jvo2: 48px;
    --gvze: 16px;
    --ucmm: "DMSans", sans-serif;
    --rlyv: #9FE871;
    --qmpv: #232626;
    /* VARIABLE COLLECTION */
    --syrf: #1A1D1D;
    --vrdq: #2A2E2E;
    --cyd9: #000000;
    --pxq6: #000000;
    --hpeh: #1FCF76;
    --ntea: #000000;
    --gisi: #000000;
    --gqv9: #7CD64A;
    --rhdz: #ff1a4c;
    --wbgv: #ffffff;
    --brj5: #e0e0e0;
    --pwil: #323738;
    --panq: #9FE871;
    --ynww: #24EE89;
    --zphw: #ff262a;
    --ljbu: #24EE89;
    --per2: #9FE871;
    --klnn: #232626;
    --naxg: #ffffff;
    --wdxk: #232626;
    --prvr: #ffffff;
    --dbap: #232626;
    --mnqy: #222222;
    --jjll: #24EE89;
    /* BORDER RADIUS */
    --espi: 12px;
    --khnu: 0.75rem;
}
@media (max-width: 575.9px) {
    :root {
        --jvo2: 32px;
        --tltp: 16px;
    }
}

.header {
    --header-height: 80px;
    width: 100%;
    padding-block: 16px;
    padding-inline: calc((100vw - var(--agvj)) / 2);
    background: var(--syrf, #1A1D1D);
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
}
@media (max-width: 1480px) {
    .header {
        padding-inline: var(--tltp, 20px);
    }
}
.uhe {
    position: relative;
    display: flex;
    margin-right: 20px;
}
.uhe:is(a) {
    transition-property: opacity;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
@media (any-hover: hover) {
    .uhe:is(a):hover {
        opacity: 0.6;
    }
}
.uhe:is(a):active {
    opacity: 0.6;
}
@media (any-hover: hover) {
    .uhe:is(a):focus {
        opacity: 0.6;
    }
}
.uhe img,
.uhe svg {
    max-width: 200px;
    max-height: 100px;
    object-fit: contain;
}
.uhe::after {
    content: "";
    position: absolute;
    right: -20px;
    top: 0;
    width: 1px;
    height: 100%;
    background: var(--pwil, #323738);
}
.wnc {
    z-index: 50;
    margin-inline: auto;
}
@media (max-width: 1239.9px) {
    .wnc {
        background: #232626;
        overflow-y: auto;
        margin-block: 0;
        position: absolute;
        top: calc(100% + 1px);
        left: 0;
        width: 100%;
        height: calc(100vh - var(--header-height));
    }
    @supports not selector(::-webkit-scrollbar) {
        .wnc {
            scrollbar-width: thin;
            scrollbar-color: var(--primary-opacity-012, rgba(255, 255, 255, 0.08)) transparent;
        }
    }
    .wnc::-webkit-scrollbar {
        width: 4px;
    }
    .wnc::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background: var(--primary-opacity-012, rgba(255, 255, 255, 0.08));
        border-radius: 9px;
        border: 4px solid transparent;
    }
    .wnc::-webkit-scrollbar-track {
        background: transparent;
        border-radius: 9px;
    }
    @supports (height: 100svh) {
        .wnc {
            width: 100%;
            height: calc(100svh - var(--header-height));
        }
    }
}
.htp {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    min-width: 24px;
    cursor: pointer;
}
@media (min-width: 1240px) {
    .htp {
        display: none;
    }
}
.htp::after {
    content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1.199" y="4.8" width="21.6" height="2.4" rx="1.2" fill="%23fff"/><rect x="1.199" y="10.8" width="21.6" height="2.4" rx="1.2" fill="%23fff"/><rect x="1.199" y="16.8" width="21.6" height="2.4" rx="1.2" fill="%23fff"/></svg>');
    width: 24px;
    height: 24px;
    display: block;
}
.phu {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    gap: 8px;
    flex-wrap: wrap;
}
@media (max-width: 1239.9px) {
    .header:not(.menu-active) .wnc {
        display: none;
    }
}
@media (max-width: 1239.9px) {
    .header .lang {
        margin-right: auto;
    }
    .header:not(:has( .lang )) .uhe {
        margin-right: auto;
    }

    .phu {
        flex-wrap: wrap;
        flex: unset;
        margin-left: 0;
    }
}
@media (max-width: 767.9px) {
    .header {
        gap: 16px;
        flex-wrap: wrap;
    }
    .uhe {
        margin-right: auto;
    }
    .uhe::after {
        display: none;
    }
    .phu {
        width: 100%;
        order: 30;
    }
    .phu .btn {
        flex: 1 0 auto;
        min-width: calc((100% - 8px) / 2);
    }
    .header .lang {
        margin-right: 0;
    }
}
.header.menu-active {
    margin: 0;
    padding: 16px;
    max-width: 100%;
    border-radius: 0;
}
.header.menu-active .htp::after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M18 6 6 18M6 6l12 12" stroke="%23fff" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.rpr {
    position: relative;
    width: 100%;
    max-width: calc(1440px + var(--tltp, 20px) * 2);
    margin-inline: auto;
    margin-top: 48px;
    padding-block: 48px;
    padding-inline: var(--tltp, 20px);
    background: var(--dbap, #232626);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 24px;
}
.rpr::before {
    content: "";
    pointer-events: none;
    position: absolute;
    z-index: -1;
    top: 0;
    height: 100%;
    width: 100vw;
    left: calc((100vw - 100%) / -2);
    background: var(--dbap, #232626);
}
.bnz {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
}
.xr2 {
    display: flex;
}
.xr2:is(a) {
    transition-property: opacity;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
@media (any-hover: hover) {
    .xr2:is(a):hover {
        opacity: 0.6;
    }
}
.xr2:is(a):active {
    opacity: 0.6;
}
@media (any-hover: hover) {
    .xr2:is(a):focus {
        opacity: 0.6;
    }
}
.xr2 img,
.xr2 svg {
    max-width: 200px;
    max-height: 100px;
    object-fit: contain;
}
.id7 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    flex-wrap: wrap;
}
.rkg {
    width: 36px;
    height: 36px;
    padding: 8px;
    border-radius: var(--espi, 12px);
    background: var(--vrdq, #2A2E2E);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.rkg svg path {
    fill: var(--jjll, #24EE89);
    transition-property: fill;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
.rkg:active svg path {
    fill: var(--panq, #9FE871);
}
@media (any-hover: hover) {
    .rkg:hover svg path {
        fill: var(--panq, #9FE871);
    }
    .rkg:focus svg path {
        fill: var(--panq, #9FE871);
    }
}
.uf4 {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 120px;
}
.vog {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 16px;
    width: 328px;
    max-width: 100%;
}
.us3 {
    width: 100%;
    max-width: 806px;
}
.vt7 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 16px 64px;
}
.vt7 a {
    color: var(--prvr, #fff);
    font-size: 1.125rem;
    line-height: 150%;
    transition-property: color;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
.vt7 a:active {
    color: var(--panq, #9FE871);
}
@media (any-hover: hover) {
    .vt7 a:hover {
        color: var(--panq, #9FE871);
    }
    .vt7 a:focus {
        color: var(--panq, #9FE871);
    }
}
.bog {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 8px;
}
.bog .btn {
    width: 100%;
}
.mbn {
    margin-top: 4px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    flex-wrap: wrap;
}
.mbn li {
    max-width: 100%;
}
.mbn img,
.mbn svg {
    max-width: 100%;
    max-height: 50px;
}
.egf {
    color: var(--prvr, #fff);
    font-size: 0.875rem;
    line-height: 150%;
}
@media (max-width: 767.9px) {
    .vt7 {
        grid-template-columns: 1fr;
    }
    .uf4 {
        grid-template-columns: 1fr;
        gap: 24px;
        padding-top: 24px;
        border-top: 1px solid var(--pwil, #323738);
    }
    .bog {
        min-width: unset;
    }
    .bog:not(:first-child) {
        padding-top: 24px;
        border-top: 1px solid var(--pwil, #273a31);
    }
    .vog {
        width: 100%;
    }
    .bnz {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
}
@media (max-width: 575.9px) {
    .rpr {
        margin-top: 32px;
        padding-block: 32px;
    }
}

.cye {
    height: 100%;
    flex-wrap: wrap;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 24px;
}
@media (max-width: 1239.9px) {
    .cye {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 0;
    }
}
.cye .submenu {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
}
@supports not selector(::-webkit-scrollbar) {
    .cye .submenu {
        scrollbar-width: thin;
        scrollbar-color: var(--primary-opacity-012, rgba(255, 255, 255, 0.08)) transparent;
    }
}
.cye .submenu::-webkit-scrollbar {
    width: 4px;
}
.cye .submenu::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: var(--primary-opacity-012, rgba(255, 255, 255, 0.08));
    border-radius: 9px;
    border: 4px solid transparent;
}
.cye .submenu::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 9px;
}
.cye .item {
    position: relative;
    display: flex;
    transition-property: color;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
.cye .item.oyf {
    cursor: pointer;
    gap: 8px;
}
.cye .item a,
.cye .item span {
    color: var(--naxg, #fff);
    display: flex;
    flex-direction: row;
    align-items: center;
    transition-property: background, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
.cye .item svg {
    transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
}
.cye .item svg path {
    transition-property: fill, stroke;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
@media (min-width: 1240px) {
    .cye {
        align-items: stretch;
    }
    .cye > .item.oyf, .cye > .item:not(.oyf) > a, .cye > .item:not(.oyf) > span {
        padding-block: 8px;
        position: relative;
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .cye > .item.ggx.oyf, .cye > .item.ggx:not(.oyf) > a, .cye > .item.ggx:not(.oyf) > span {
        color: var(--jjll, #24EE89);
    }
    .cye > .item.ggx.oyf > a, .cye > .item.ggx.oyf > span, .cye > .item.ggx:not(.oyf) > a > a, .cye > .item.ggx:not(.oyf) > a > span, .cye > .item.ggx:not(.oyf) > span > a, .cye > .item.ggx:not(.oyf) > span > span {
        color: var(--jjll, #24EE89);
    }
    .cye > .item.ggx.oyf > svg path[stroke], .cye > .item.ggx:not(.oyf) > a > svg path[stroke], .cye > .item.ggx:not(.oyf) > span > svg path[stroke] {
        stroke: var(--jjll, #24EE89);
    }
    .cye > .item.ggx.oyf > svg path[fill], .cye > .item.ggx:not(.oyf) > a > svg path[fill], .cye > .item.ggx:not(.oyf) > span > svg path[fill] {
        fill: var(--jjll, #24EE89);
    }
    .cye > .item.oyf:hover > svg {
        transform: rotate(-180deg);
    }
    .cye > .item > .submenu {
        border-radius: 0 0 12px 12px;
    }
    .cye > .item:not(.oyf) {
        align-items: stretch;
    }
    .cye > .item:nth-child(1) {
        z-index: 49;
    }
    .cye > .item:nth-child(2) {
        z-index: 48;
    }
    .cye > .item:nth-child(3) {
        z-index: 47;
    }
    .cye > .item:nth-child(4) {
        z-index: 46;
    }
    .cye > .item:nth-child(5) {
        z-index: 45;
    }
    .cye > .item:nth-child(6) {
        z-index: 44;
    }
    .cye > .item:nth-child(7) {
        z-index: 43;
    }
    .cye > .item:nth-child(8) {
        z-index: 42;
    }
    .cye > .item:nth-child(9) {
        z-index: 41;
    }
    .cye > .item:nth-child(10) {
        z-index: 40;
    }
    .cye > .item:nth-child(11) {
        z-index: 39;
    }
    .cye > .item:nth-child(12) {
        z-index: 38;
    }
    .cye > .item:nth-child(13) {
        z-index: 37;
    }
    .cye > .item:nth-child(14) {
        z-index: 36;
    }
    .cye > .item:nth-child(15) {
        z-index: 35;
    }
    .cye > .item:nth-child(16) {
        z-index: 34;
    }
    .cye > .item:nth-child(17) {
        z-index: 33;
    }
    .cye > .item:nth-child(18) {
        z-index: 32;
    }
    .cye > .item:nth-child(19) {
        z-index: 31;
    }
    .cye > .item:nth-child(20) {
        z-index: 30;
    }
    .cye > .item:nth-child(21) {
        z-index: 29;
    }
    .cye > .item:nth-child(22) {
        z-index: 28;
    }
    .cye > .item:nth-child(23) {
        z-index: 27;
    }
    .cye > .item:nth-child(24) {
        z-index: 26;
    }
    .cye > .item:nth-child(25) {
        z-index: 25;
    }
    .cye > .item:nth-child(26) {
        z-index: 24;
    }
    .cye > .item:nth-child(27) {
        z-index: 23;
    }
    .cye > .item:nth-child(28) {
        z-index: 22;
    }
    .cye > .item:nth-child(29) {
        z-index: 21;
    }
    .cye > .item:nth-child(30) {
        z-index: 20;
    }
    .cye > .item:nth-child(31) {
        z-index: 19;
    }
    .cye > .item:nth-child(32) {
        z-index: 18;
    }
    .cye > .item:nth-child(33) {
        z-index: 17;
    }
    .cye > .item:nth-child(34) {
        z-index: 16;
    }
    .cye > .item:nth-child(35) {
        z-index: 15;
    }
    .cye > .item:nth-child(36) {
        z-index: 14;
    }
    .cye > .item:nth-child(37) {
        z-index: 13;
    }
    .cye > .item:nth-child(38) {
        z-index: 12;
    }
    .cye > .item:nth-child(39) {
        z-index: 11;
    }
    .cye > .item:nth-child(40) {
        z-index: 10;
    }
    .cye > .item:nth-child(41) {
        z-index: 9;
    }
    .cye > .item:nth-child(42) {
        z-index: 8;
    }
    .cye > .item:nth-child(43) {
        z-index: 7;
    }
    .cye > .item:nth-child(44) {
        z-index: 6;
    }
    .cye > .item:nth-child(45) {
        z-index: 5;
    }
    .cye > .item:nth-child(46) {
        z-index: 4;
    }
    .cye > .item:nth-child(47) {
        z-index: 3;
    }
    .cye > .item:nth-child(48) {
        z-index: 2;
    }
    .cye > .item:nth-child(49) {
        z-index: 1;
    }
    .cye > .item:nth-child(50) {
        z-index: 0;
    }
    .cye .item {
        align-items: center;
        justify-content: space-between;
    }
    .cye .item:hover, .cye .item:active, .cye .item:focus {
        color: var(--jjll, #24EE89);
    }
    .cye .item:hover > a, .cye .item:hover > span, .cye .item:active > a, .cye .item:active > span, .cye .item:focus > a, .cye .item:focus > span {
        color: var(--jjll, #24EE89);
    }
    .cye .item:hover > svg path, .cye .item:active > svg path, .cye .item:focus > svg path {
        stroke: var(--jjll, #24EE89);
    }
    .cye .item.oyf::before {
        content: "";
        width: 200%;
        height: 25px;
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translate(-50%, -5px);
        display: none;
    }
    .cye .item.oyf:hover::before {
        display: block;
    }
    .cye .item.oyf:hover > .submenu {
        display: flex;
    }
    .cye .item--left > .submenu:has(.item.oyf) > .item:not(.oyf) a,
    .cye .item--left > .submenu:has(.item.oyf) > .item:not(.oyf) span {
        padding-left: 40px;
    }
    .cye .item--left > .submenu:has(.item.oyf:hover) {
        border-radius: 0 0 12px 0;
    }
    .cye .item--left > .submenu > .item {
        flex-direction: row-reverse;
        justify-content: flex-end;
    }
    .cye .item--left > .submenu > .item a,
    .cye .item--left > .submenu > .item span {
        flex-direction: row-reverse;
        justify-content: flex-end;
    }
    .cye .item--left > .submenu > .item.oyf > svg {
        transform: rotate(90deg);
    }
    .cye .item--left > .submenu > .item.oyf::before {
        left: -15px;
    }
    .cye .item--left > .submenu .submenu {
        left: 2px;
        transform: translateX(-100%);
        border-radius: 12px 0 12px 12px;
        border-left: 0;
    }
    .cye .item--left > .submenu .submenu > .item {
        flex-direction: row;
        justify-content: flex-start;
    }
    .cye .item--left > .submenu .submenu > .item a,
    .cye .item--left > .submenu .submenu > .item span {
        flex-direction: row;
        justify-content: flex-start;
    }
    .cye .submenu {
        width: max-content;
        max-width: 300px;
        display: none;
        border-radius: 0 0 12px 12px;
        background: var(--klnn, #232626);
        box-shadow: 0px 0px 3px 3px #1A1D1D;
        position: absolute;
        top: calc(100% + 20px);
        left: -3px;
    }
    .cye .submenu:has(.item.oyf:hover) {
        border-radius: 0 0 0 12px;
    }
    .cye .submenu .submenu {
        overflow-y: auto;
        overflow-x: clip;
        max-height: 300px;
        min-height: 100%;
        border-radius: 0 12px 12px 12px;
        top: 0;
        left: 100%;
        transform: translateX(0);
    }
    @supports not selector(::-webkit-scrollbar) {
        .cye .submenu .submenu {
            scrollbar-width: thin;
            scrollbar-color: var(--primary-opacity-012, rgba(255, 255, 255, 0.08)) transparent;
        }
    }
    .cye .submenu .submenu::-webkit-scrollbar {
        width: 4px;
    }
    .cye .submenu .submenu::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background: var(--primary-opacity-012, rgba(255, 255, 255, 0.08));
        border-radius: 9px;
        border: 4px solid transparent;
    }
    .cye .submenu .submenu::-webkit-scrollbar-track {
        background: transparent;
        border-radius: 9px;
    }
    .cye .submenu .submenu > .item.oyf:first-child {
        border-radius: unset;
    }
    .cye .submenu .submenu > .item.oyf:last-child {
        border-radius: unset;
    }
    .cye .submenu .submenu > .item:not(.oyf):first-child a,
    .cye .submenu .submenu > .item:not(.oyf):first-child span {
        border-radius: unset;
    }
    .cye .submenu .submenu > .item:not(.oyf):last-child a,
    .cye .submenu .submenu > .item:not(.oyf):last-child span {
        border-radius: unset;
    }
    .cye .submenu .item {
        text-transform: none;
    }
    .cye .submenu .item.oyf, .cye .submenu .item:not(.oyf) > a, .cye .submenu .item:not(.oyf) > span {
        padding: 8px 12px;
        text-align: left;
    }
    .cye .submenu .item.oyf:hover, .cye .submenu .item.oyf:active, .cye .submenu .item.oyf:focus, .cye .submenu .item:not(.oyf) > a:hover, .cye .submenu .item:not(.oyf) > a:active, .cye .submenu .item:not(.oyf) > a:focus, .cye .submenu .item:not(.oyf) > span:hover, .cye .submenu .item:not(.oyf) > span:active, .cye .submenu .item:not(.oyf) > span:focus {
        color: var(--jjll, #24EE89);
    }
    .cye .submenu .item.oyf:hover > a, .cye .submenu .item.oyf:hover > span, .cye .submenu .item.oyf:active > a, .cye .submenu .item.oyf:active > span, .cye .submenu .item.oyf:focus > a, .cye .submenu .item.oyf:focus > span, .cye .submenu .item:not(.oyf) > a:hover > a, .cye .submenu .item:not(.oyf) > a:hover > span, .cye .submenu .item:not(.oyf) > a:active > a, .cye .submenu .item:not(.oyf) > a:active > span, .cye .submenu .item:not(.oyf) > a:focus > a, .cye .submenu .item:not(.oyf) > a:focus > span, .cye .submenu .item:not(.oyf) > span:hover > a, .cye .submenu .item:not(.oyf) > span:hover > span, .cye .submenu .item:not(.oyf) > span:active > a, .cye .submenu .item:not(.oyf) > span:active > span, .cye .submenu .item:not(.oyf) > span:focus > a, .cye .submenu .item:not(.oyf) > span:focus > span {
        color: var(--jjll, #24EE89);
    }
    .cye .submenu .item:not(.oyf) a, .cye .submenu .item:not(.oyf) span {
        width: 100%;
    }
    .cye .submenu .item.oyf > svg {
        transform: rotate(-90deg);
    }
    .cye .submenu .item.oyf::before {
        transform: translate(0, -50%);
        width: 16px;
        top: 50%;
        height: 100px;
        left: unset;
        right: -16px;
    }
    .cye .submenu .item.ggx.oyf, .cye .submenu .item.ggx:not(.oyf) > a, .cye .submenu .item.ggx:not(.oyf) > span {
        color: var(--jjll, #24EE89);
    }
    .cye .submenu .item.ggx.oyf > a, .cye .submenu .item.ggx.oyf > span, .cye .submenu .item.ggx:not(.oyf) > a > a, .cye .submenu .item.ggx:not(.oyf) > a > span, .cye .submenu .item.ggx:not(.oyf) > span > a, .cye .submenu .item.ggx:not(.oyf) > span > span {
        color: var(--jjll, #24EE89);
    }
}
@media (max-width: 1239.9px) {
    .cye > .item.oyf.active {
        padding-bottom: 0;
        background: var(--vrdq, #2A2E2E);
    }
    .cye > .item.oyf.active::after {
        display: none;
    }
    .cye > .item.oyf.active > a, .cye > .item.oyf.active > span {
        color: var(--jjll, #24EE89);
    }
    .cye > .item.oyf.active > svg {
        transform: rotate(-180deg);
    }
    .cye > .item.oyf.active > svg path {
        stroke: var(--jjll, #24EE89);
    }
    .cye > .item.oyf > .submenu {
        background: #232626;
    }
    .cye .item {
        flex-wrap: wrap;
        align-items: center;
    }
    .cye .item.oyf, .cye .item:not(.oyf) > a, .cye .item:not(.oyf) > span {
        padding: 12px 16px;
        width: 100%;
    }
    .cye .item.oyf:not(.active):active, .cye .item:not(.oyf) > a:active, .cye .item:not(.oyf) > span:active {
        background: var(--vrdq, #2A2E2E);
        color: var(--jjll, #24EE89);
    }
    .cye .item.oyf:not(.active):active > a, .cye .item.oyf:not(.active):active > span, .cye .item:not(.oyf) > a:active > a, .cye .item:not(.oyf) > a:active > span, .cye .item:not(.oyf) > span:active > a, .cye .item:not(.oyf) > span:active > span {
        color: var(--jjll, #24EE89);
    }
    .cye .item.oyf:not(.active):active > svg path, .cye .item:not(.oyf) > a:active > svg path, .cye .item:not(.oyf) > span:active > svg path {
        stroke: var(--jjll, #24EE89);
    }
    .cye .item svg {
        margin-left: auto;
    }
    .cye .item.oyf.active {
        position: relative;
        z-index: 1;
    }
    .cye .item.oyf.active > .submenu {
        display: flex;
    }
    .cye .item.oyf > a, .cye .item.oyf > span {
        max-width: calc(100% - 28px);
    }
    .cye .item.oyf > svg {
        transform: rotate(-90deg);
    }
    .cye .item.ggx {
        color: var(--jjll, #24EE89);
    }
    .cye .item.ggx > a, .cye .item.ggx > span {
        color: var(--jjll, #24EE89);
    }
    .cye .submenu {
        margin-top: 4px;
        position: relative;
        top: 0;
        left: 0;
        width: calc(100% + 32px);
        margin-inline: -16px;
        display: none;
    }
    .cye .submenu > .item.oyf, .cye .submenu > .item:not(.oyf) > a, .cye .submenu > .item:not(.oyf) > span {
        padding-inline: 32px;
    }
    .cye .submenu .item {
        width: 100%;
        z-index: 1;
    }
    .cye .submenu .item.oyf.active {
        position: fixed;
        top: calc(var(--header-height) + 1px);
        left: 0;
        bottom: 0;
        right: 0;
        padding: 0 16px;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: flex-start;
        background: var(--wdxk, #232626);
        z-index: 10;
        margin-left: 0;
        transition-duration: 0s;
        gap: 0;
    }
    .cye .submenu .item.oyf.active::before {
        background: transparent;
    }
    .cye .submenu .item.oyf.active > :is(a, span) {
        align-items: center;
        height: 48px;
        gap: 4px;
    }
    .cye .submenu .item.oyf.active > :is(a, span)::before {
        content: url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23a)"><path d="M32 23H19.83l5.59-5.59L24 16l-8 8 8 8 1.41-1.41L19.83 25H32z" fill="%23C3C8BB"/></g><defs><clipPath id="a"><rect x="4" y="4" width="40" height="40" rx="20" fill="%23fff"/></clipPath></defs></svg>');
        display: block;
        width: 48px;
        height: 48px;
    }
    .cye .submenu .item.oyf.active > svg {
        display: none;
    }
    .cye .submenu .item.oyf.active .submenu {
        overflow-y: auto;
        padding-top: 0;
        z-index: 0;
        flex: 1;
    }
}

.modal {
    position: fixed;
    inset: 0;
    z-index: 200;
    background: rgba(16, 18, 17, 0.8);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.modal.active {
    z-index: 9999;
    overflow: hidden;
    touch-action: none;
}
.modal:not(.active) {
    display: none;
}
.yas {
    position: relative;
    margin: auto var(--tltp, 20px);
    padding: var(--tltp, 20px);
    border-radius: 12px;
    background: var(--syrf, #1A1D1D);
    width: 100%;
    max-width: 1320px;
    max-height: calc(100vh - var(--tltp, 20px));
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto 1fr;
    grid-auto-flow: dense;
    gap: 16px 24px;
}
.yas:has(.btn) {
    grid-template-columns: 1fr auto auto;
}
.yas > * {
    grid-column: 1/-1;
}
.yas .modal__title {
    grid-column: 1/2;
}
.yas .tpp {
    grid-column: span 1;
}
.yas .btn {
    grid-column: span 1;
    min-width: 200px;
}
@media (max-width: 991.9px) {
    .yas {
        height: 100%;
        width: 100%;
        max-height: 100%;
        max-width: 100%;
        margin: 0;
        border-radius: 0;
        grid-template-columns: 1fr auto;
        grid-template-rows: auto 1fr;
        gap: 16px;
    }
    .yas:has(.btn) {
        grid-template-columns: 1fr auto;
        grid-template-rows: auto auto 1fr;
    }
    .yas .btn {
        min-width: unset;
        width: 100%;
        grid-column: 1/-1;
    }
}
.modal__body {
    grid-column: 1/-1;
    position: relative;
    aspect-ratio: 16/9;
    width: 100%;
    border-radius: 12px;
    overflow-y: auto;
}
@supports not selector(::-webkit-scrollbar) {
    .modal__body {
        scrollbar-width: thin;
        scrollbar-color: var(--primary-opacity-012, rgba(255, 255, 255, 0.08)) transparent;
    }
}
.modal__body::-webkit-scrollbar {
    width: 4px;
}
.modal__body::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: var(--primary-opacity-012, rgba(255, 255, 255, 0.08));
    border-radius: 9px;
    border: 4px solid transparent;
}
.modal__body::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 9px;
}
@media (max-width: 991.9px) {
    .modal__body {
        aspect-ratio: unset;
    }
}
.modal__body:before {
    content: "Loading...";
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: absolute;
    inset: 0;
    color: var(--wbgv, #fff);
    animation: loading 1s linear infinite alternate;
    z-index: 1;
}
@keyframes loading {
    to {
        opacity: 0;
    }
}
@media (max-width: 991.9px) {
    .modal__body {
        border-radius: 0;
        margin-inline: calc(var(--tltp, 20px) * -1);
        width: calc(100% + var(--tltp, 20px) * 2);
    }
    .modal__body:last-child {
        margin-bottom: calc(var(--tltp, 20px) * -1);
    }
}
.modal iframe {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    position: relative;
    z-index: 2;
    display: block;
}
.modal__title {
    align-self: center;
    color: var(--wbgv, #fff);
    margin-right: auto;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 130%;
}
.tpp {
    align-self: center;
    position: relative;
    background-color: transparent;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 6 6 18M6 6l12 12" stroke="%23ffffff" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    border: 0;
    width: 32px;
    min-width: 32px;
    height: 32px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    transition-property: opacity;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
@media (any-hover: hover) {
    .tpp:hover {
        opacity: 0.6;
    }
}
.tpp:active {
    opacity: 0.6;
}
@media (any-hover: hover) {
    .tpp:focus {
        opacity: 0.6;
    }
}
@media (max-width: 575.9px) {
    .modal__title {
        font-size: 1.25rem;
        line-height: 140%;
    }
    .tpp {
        width: 24px;
        min-width: 24px;
        height: 24px;
    }
}

.eig:has(h1) {
    padding-block: 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    position: relative;
}
.eig:has(h1) {
    margin-top: 0;
}

.eig:has(h1) > .hg9 {
    order: -2;
}

.eig:has(h1) > h1 {
    order: -1;
}

.eig:has(h1)::before {
    content: "";
    width: 100vw;
    height: 100%;
    position: absolute;
    z-index: -1;
    left: calc((100vw - 100%) / -2);
    top: 0;
    background: var(--klnn, #232626);
    pointer-events: none;
}
.eig:has(h1) > img {
    border-radius: 12px;
    width: 100%;
}
.eig:has(h1) p:not([class]) + p:not([class]) {
    margin-top: 12px;
}
.eig:has(h1) img {
    border-radius: 12px;
    width: 100%;
}
.eig:has(h1) > .btn {
    margin-top: 32px;
}
.eig:has(h1) h1:not([class]),
.eig:has(h1) h1.esd,
.eig:has(h1) h2:not([class]),
.eig:has(h1) h2.esd,
.eig:has(h1) h2.adw,
.eig:has(h1) h3:not([class]),
.eig:has(h1) h3.esd,
.eig:has(h1) h4:not([class]),
.eig:has(h1) h4.esd,
.eig:has(h1) h5:not([class]),
.eig:has(h1) h5.esd,
.eig:has(h1) h6:not([class]),
.eig:has(h1) h6.esd
{
    margin-top: 16px;
}
@media (min-width: 768px) {
    .eig:has(h1) > * {
        text-align: center;
    }
}
@media (max-width: 767.9px) {
    .eig:has(h1) h1 {
        order: -3;
    }
    .eig:has(h1) .hg9 {
        order: -5;
    }
    .eig:has(h1) .gqc {
        order: -2;
    }
    .eig:has(h1) .qwt {
        order: -1;
    }
    .eig:has(h1) .vwg {
        order: 50;
        margin-top: 16px;
    }
    /*.eig:has(h1) .vwg + *,*/
    /*.eig:has(h1) .vwg + *:not([class]) {*/
    /*    margin-top: 0;*/
    /*}*/
    .eig:has(h1) .gqc + * {
        margin-top: 16px;
    }
}
@media (max-width: 575.9px) {
    .eig:has(h1) {
        padding-block: 16px;
    }
    .eig:has(h1) > .btn {
        margin-top: 16px;
    }
}

.xwn {
    position: relative;
    width: 100%;
    max-width: calc(var(--agvj));
    margin: var(--jvo2) auto;
    margin-top: 20px;
    overflow: hidden;
}
.xwn:first-child {
    margin-top: 0;
}
.gxv {
    width: max-content;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
}
.grl {
    padding: 8px 12px 8px 8px;
    border-radius: 12px;
    background: var(--klnn, #232626);
    max-width: calc(100vw - var(--tltp, 20px) * 2 - 10px);
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    overflow: hidden;
    margin-right: 16px;
}
.grl > img, .grl > svg {
    top: 0;
    left: 0;
    width: 54px;
    height: 100%;
    border-radius: 8px;
    object-fit: cover;
}
.euy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 6px;
}
.fdk {
    color: var(--wbgv, #fff);
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 150%;
}
.erx {
    color: var(--brj5, #e0e0e0);
    font-size: 0.75rem;
    line-height: 150%;
}
.grl .fdk + .erx {
    margin-top: -4px;
}
.uj0 {
    margin-top: auto;
    padding: 0 4px;
    color: var(--syrf, #1A1D1D);
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 150%;
    border-radius: 12px;
    background: var(--panq, #9FE871);
}
@media (max-width: 1360px) {
    .xwn {
        padding-inline: var(--tltp, 20px);
        max-width: 100%;
    }
}

.btn {
    cursor: pointer;
    overflow: hidden;
    padding: 12px 32px;
    border-radius: var(--espi, 12px);
    transition-property: background, box-shadow, color, border-color;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: fit-content;
    max-width: 100%;
    background: transparent;
    font-size: 1rem;
    line-height: 150%;
}
.btn svg {
    flex-shrink: 0;
    max-width: 80px;
    max-height: 80px;
    width: auto;
    height: auto;
}
.btn[disabled], .btn.an7 {
    pointer-events: none;
    opacity: 0.6;
}
.ue9 {
    color: var(--cyd9, #000);
    background: var(--ljbu, #24EE89);
}
.ue9:active {
    background: var(--hpeh, #1FCF76);
}
@media (any-hover: hover) {
    .ue9:hover {
        background: var(--hpeh, #1FCF76);
    }
    .ue9:focus {
        background: var(--hpeh, #1FCF76);
    }
}
.dwt {
    color: var(--ntea, #000000);
    background: var(--per2, #9FE871);
}
.dwt:active {
    background: var(--gqv9, #7CD64A);
}
@media (any-hover: hover) {
    .dwt:hover {
        background: var(--gqv9, #7CD64A);
    }
    .dwt:focus {
        background: var(--gqv9, #7CD64A);
    }
}
.jba {
    color: var(--wbgv, #fff);
    border: 1px solid var(--ljbu, #24EE89);
}
.jba:active {
    border-color: var(--gqv9, #7CD64A);
    background: var(--gqv9, #7CD64A);
    color: var(--gisi, #000);
}
@media (any-hover: hover) {
    .jba:hover {
        border-color: var(--gqv9, #7CD64A);
        background: var(--gqv9, #7CD64A);
        color: var(--gisi, #000);
    }
    .jba:focus {
        border-color: var(--gqv9, #7CD64A);
        background: var(--gqv9, #7CD64A);
        color: var(--gisi, #000);
    }
}
.tpz {
    border-radius: var(--espi, 2px);
    background: var(--cyd9, #000);
    color: var(--wbgv, #fff);
}
.tpd svg path[stroke] {
    stroke: currentColor;
}
.tpd svg path[fill] {
    fill: currentColor;
}
.btn.cav {
    overflow: unset;
    border-radius: 0;
    background: transparent;
    padding: 0;
    color: var(--per2, #9FE871);
}
.btn.cav::after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    top: 100%;
    left: 0;
    background: var(--gqv9, #7CD64A);
    transform: scaleX(0);
    transform-origin: bottom left;
    transition-property: transform;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
.btn.cav:active::after {
    transform: scaleX(1);
}
@media (any-hover: hover) {
    .btn.cav:hover::after {
        transform: scaleX(1);
    }
    .btn.cav:focus::after {
        transform: scaleX(1);
    }
}
.ki2 {
    margin-inline: auto;
}
.bh4 {
    padding: 12px 32px;
}
.ltf {
    padding: 12px 20px;
}
@media (max-width: 575.9px) {
    .btn {
        padding: 12px 20px;
    }
    .bh4 {
        padding: 12px 32px;
    }
}

.bpx {
    position: relative;
    padding-block: 16px;
    margin-block: 0;
}
.bpx:last-child {
    margin-bottom: 0;
}
.bpx::before {
    content: "";
    width: 100vw;
    height: 100%;
    position: absolute;
    z-index: -1;
    left: calc((100vw - 100%) / -2);
    top: 0;
    background: var(--vrdq, #2A2E2E);
    pointer-events: none;
}
.zbt {
    width: max-content;
    max-width: 100%;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    row-gap: 8px;
    margin-inline: auto;
}
.bpx li {
    position: relative;
    display: flex;
    align-items: center;
}
.bpx li:not(:last-child) {
    padding-right: 24px;
}
.bpx li:not(:last-child)::after {
    content: "/";
    position: absolute;
    top: 50%;
    right: 9px;
    transform: translate(0, -50%);
    display: block;
}
.bpx li:last-child a,
.bpx li:last-child span {
    color: var(--jjll, #24EE89);
}
.bpx a,
.bpx span {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    color: var(--wbgv, #fff);
    transition-property: color;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
.bpx a:active {
    color: var(--jjll, #24EE89);
}
@media (any-hover: hover) {
    .bpx a:hover {
        color: var(--jjll, #24EE89);
    }
    .bpx a:focus {
        color: var(--jjll, #24EE89);
    }
}
@media (max-width: 767.9px) {
    .zbt {
        margin-inline: 0;
    }
}

.go-up {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    width: 38px;
    height: 38px;
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 400;
    border-radius: var(--espi, 2px);
    border-radius: var(--espi, 12px);
    background: var(--per2, #9FE871);
    cursor: pointer;
    overflow: hidden;
    transition-property: background;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
.go-up:not(.active) {
    display: none;
}
.go-up::before {
    content: "";
    width: 12px;
    height: 14px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="m15 12.5-5-5-5 5" stroke="%23000" stroke-width="2" stroke-linecap="round"/></svg>');
    background-size: 20px 20px;
    background-position: center;
    background-repeat: no-repeat;
    max-width: 100%;
    display: block;
}
@media (any-hover: hover) {
    .go-up:hover {
        background: var(--gqv9, #7CD64A);
    }
}
@media (any-hover: none) and (pointer: coarse) {
    .go-up:active {
        background: var(--gqv9, #7CD64A);
    }
}
@media (max-width: 575.9px) {
    .go-up {
        bottom: 96px;
        right: 16px;
    }
}

@media (max-width: 575.9px) {
    .ksx ~ .go-up {
        bottom: 100px;
        right: 16px;
    }
}

.ksx {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 30;
    margin: 0 16px 16px;
    width: calc(100% - 32px);
    display: flex;
    align-items: center;
    gap: 4px;
}
.ksx:has(img) {
    display: grid;
    grid-template-columns: auto 1fr;
}
.ksx > img, .ksx > svg {
    border-radius: 12px;
    max-width: 70px;
    max-height: 70px;
    aspect-ratio: 1/1;
    height: 100%;
}
.kaq .il2 {
    background: var(--panq, #9FE871);
}
.kaq .tvi {
    gap: 4px;
}
.il2 {
    flex: 1;
    padding: 8px 12px;
    border-radius: 12px;
    background: var(--ljbu, #24EE89);
    color: var(--cyd9, #000);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
}
.ksx .btn {
    margin-left: auto;
    font-size: 0.75rem;
    line-height: 150%;
    padding: 8px 12px;
}
.ksx .btn svg {
    min-width: unset;
    min-height: unset;
}
.tvi {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 2px;
}
.mic {
    font-size: 0.75rem;
    line-height: 150%;
}
.qvj {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 150%;
}
.qvj span {
    font-weight: 500;
}
.bzo {
    --rlyv: var(--syrf, #1A1D1D);
    --qmpv: var(--wbgv, #fff);
    color: var(--cyd9, #000);
    flex-wrap: wrap;
    justify-content: flex-end;
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    --jug3: calc(var(--rating, 4.5) / 5 * 100%);
}
.bzo::before {
    content: "";
    font-size: 14px;
    line-height: 12px;
    height: 14px;
    letter-spacing: 0px;
    font-weight: 100;
}
.bzo::before {
    content: "★★★★★";
    display: block;
    background: linear-gradient(90deg, var(--rlyv) var(--jug3), var(--qmpv) var(--jug3));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
@supports (mask: url(#)) {
    .bzo::before {
        content: "";
        width: 74.6666666667px;
        height: 14px;
        color: unset;
        -webkit-background-clip: unset;
        -webkit-text-fill-color: unset;
        background-clip: unset;
    }
    .bzo::before {
        background: linear-gradient(90deg, var(--rlyv) var(--jug3), var(--qmpv) var(--jug3));
        mask: url('data:image/svg+xml,<svg width="128" height="24" viewBox="0 0 128 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.118 4.7c.268-.868 1.495-.868 1.764 0l1.313 4.252c.12.387.478.65.882.65h4.347c.884 0 1.262 1.121.56 1.657l-3.594 2.747a.92.92 0 0 0-.322 1.006l1.354 4.382c.266.859-.728 1.552-1.442 1.006l-3.42-2.612a.92.92 0 0 0-1.12 0L8.02 20.4c-.715.546-1.709-.147-1.443-1.006l1.354-4.382a.92.92 0 0 0-.322-1.006l-3.595-2.747c-.701-.536-.322-1.656.56-1.656h4.348a.92.92 0 0 0 .882-.651zm26 0c.268-.868 1.495-.868 1.764 0l1.313 4.252c.12.387.478.65.882.65h4.347c.884 0 1.262 1.121.56 1.657l-3.594 2.747a.92.92 0 0 0-.322 1.006l1.354 4.382c.266.859-.728 1.552-1.442 1.006l-3.42-2.612a.92.92 0 0 0-1.12 0L34.02 20.4c-.715.546-1.709-.147-1.443-1.006l1.354-4.382a.92.92 0 0 0-.322-1.006l-3.595-2.747c-.701-.536-.322-1.656.56-1.656h4.348a.92.92 0 0 0 .882-.651zm26 0c.268-.868 1.495-.868 1.764 0l1.313 4.252c.12.387.478.65.882.65h4.347c.884 0 1.262 1.121.56 1.657l-3.594 2.747a.92.92 0 0 0-.322 1.006l1.354 4.382c.266.859-.728 1.552-1.442 1.006l-3.42-2.612a.92.92 0 0 0-1.12 0L60.02 20.4c-.715.546-1.709-.147-1.443-1.006l1.354-4.382a.92.92 0 0 0-.322-1.006l-3.595-2.747c-.701-.536-.322-1.656.56-1.656h4.348a.92.92 0 0 0 .882-.651zm26 0c.268-.868 1.495-.868 1.764 0l1.313 4.252c.12.387.478.65.882.65h4.347c.884 0 1.262 1.121.56 1.657l-3.594 2.747a.92.92 0 0 0-.322 1.006l1.354 4.382c.266.859-.728 1.552-1.442 1.006l-3.42-2.612a.92.92 0 0 0-1.12 0L86.02 20.4c-.715.546-1.709-.147-1.443-1.006l1.354-4.382a.92.92 0 0 0-.322-1.006l-3.595-2.747c-.701-.536-.322-1.656.56-1.656h4.348a.92.92 0 0 0 .882-.651zm26 0c.268-.868 1.495-.868 1.764 0l1.313 4.252c.12.387.478.65.882.65h4.347c.884 0 1.262 1.121.56 1.657l-3.594 2.747a.92.92 0 0 0-.322 1.006l1.354 4.382c.266.859-.728 1.552-1.442 1.006l-3.42-2.612a.92.92 0 0 0-1.12 0l-3.42 2.612c-.715.546-1.709-.147-1.443-1.006l1.354-4.382a.92.92 0 0 0-.322-1.006l-3.595-2.747c-.701-.536-.322-1.656.56-1.656h4.348a.92.92 0 0 0 .882-.651z" fill="%23FFD035"/></svg>');
        -webkit-mask: url('data:image/svg+xml,<svg width="128" height="24" viewBox="0 0 128 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.118 4.7c.268-.868 1.495-.868 1.764 0l1.313 4.252c.12.387.478.65.882.65h4.347c.884 0 1.262 1.121.56 1.657l-3.594 2.747a.92.92 0 0 0-.322 1.006l1.354 4.382c.266.859-.728 1.552-1.442 1.006l-3.42-2.612a.92.92 0 0 0-1.12 0L8.02 20.4c-.715.546-1.709-.147-1.443-1.006l1.354-4.382a.92.92 0 0 0-.322-1.006l-3.595-2.747c-.701-.536-.322-1.656.56-1.656h4.348a.92.92 0 0 0 .882-.651zm26 0c.268-.868 1.495-.868 1.764 0l1.313 4.252c.12.387.478.65.882.65h4.347c.884 0 1.262 1.121.56 1.657l-3.594 2.747a.92.92 0 0 0-.322 1.006l1.354 4.382c.266.859-.728 1.552-1.442 1.006l-3.42-2.612a.92.92 0 0 0-1.12 0L34.02 20.4c-.715.546-1.709-.147-1.443-1.006l1.354-4.382a.92.92 0 0 0-.322-1.006l-3.595-2.747c-.701-.536-.322-1.656.56-1.656h4.348a.92.92 0 0 0 .882-.651zm26 0c.268-.868 1.495-.868 1.764 0l1.313 4.252c.12.387.478.65.882.65h4.347c.884 0 1.262 1.121.56 1.657l-3.594 2.747a.92.92 0 0 0-.322 1.006l1.354 4.382c.266.859-.728 1.552-1.442 1.006l-3.42-2.612a.92.92 0 0 0-1.12 0L60.02 20.4c-.715.546-1.709-.147-1.443-1.006l1.354-4.382a.92.92 0 0 0-.322-1.006l-3.595-2.747c-.701-.536-.322-1.656.56-1.656h4.348a.92.92 0 0 0 .882-.651zm26 0c.268-.868 1.495-.868 1.764 0l1.313 4.252c.12.387.478.65.882.65h4.347c.884 0 1.262 1.121.56 1.657l-3.594 2.747a.92.92 0 0 0-.322 1.006l1.354 4.382c.266.859-.728 1.552-1.442 1.006l-3.42-2.612a.92.92 0 0 0-1.12 0L86.02 20.4c-.715.546-1.709-.147-1.443-1.006l1.354-4.382a.92.92 0 0 0-.322-1.006l-3.595-2.747c-.701-.536-.322-1.656.56-1.656h4.348a.92.92 0 0 0 .882-.651zm26 0c.268-.868 1.495-.868 1.764 0l1.313 4.252c.12.387.478.65.882.65h4.347c.884 0 1.262 1.121.56 1.657l-3.594 2.747a.92.92 0 0 0-.322 1.006l1.354 4.382c.266.859-.728 1.552-1.442 1.006l-3.42-2.612a.92.92 0 0 0-1.12 0l-3.42 2.612c-.715.546-1.709-.147-1.443-1.006l1.354-4.382a.92.92 0 0 0-.322-1.006l-3.595-2.747c-.701-.536-.322-1.656.56-1.656h4.348a.92.92 0 0 0 .882-.651z" fill="%23FFD035"/></svg>');
        -webkit-mask-size: contain;
        mask-size: contain;
    }
}
.bzo {
    gap: 4px;
    font-size: 0.75rem;
    line-height: 150%;
}
@media (min-width: 576px) {
    .ksx {
        display: none;
    }
    .ksx:has(img) {
        display: none;
    }
}

.sjl {
    width: 100%;
    margin-top: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}
.sjl:first-child {
    margin-top: 0;
}
.sjl:has(:only-child) {
    grid-template-columns: 1fr;
}
.yrd {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.yrd li {
    width: 100%;
    position: relative;
    color: var(--brj5, #e0e0e0);
    padding: 12px 12px 12px 44px;
}
.yrd li:nth-child(odd) {
    border-radius: 12px;
    background: var(--klnn, #232626);
}
.yrd li::before {
    content: "";
    position: absolute;
    left: 12px;
    top: 12px;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.947 6.5c-.27.009-.523.125-.706.32l-8.807 9.142-3.67-3.81a1.02 1.02 0 0 0-.73-.325 1 1 0 0 0-.74.311 1.05 1.05 0 0 0-.294.746 1.07 1.07 0 0 0 .307.738l4.4 4.566a1.007 1.007 0 0 0 1.455 0l9.535-9.896a1.07 1.07 0 0 0 .224-1.148 1.04 1.04 0 0 0-.386-.475 1 1 0 0 0-.588-.169" fill="%2317d496"/></svg>');
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
}
.fbc li::before {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.947 6.5c-.27.009-.523.125-.706.32l-8.807 9.142-3.67-3.81a1.02 1.02 0 0 0-.73-.325 1 1 0 0 0-.74.311 1.05 1.05 0 0 0-.294.746 1.07 1.07 0 0 0 .307.738l4.4 4.566a1.007 1.007 0 0 0 1.455 0l9.535-9.896a1.07 1.07 0 0 0 .224-1.148 1.04 1.04 0 0 0-.386-.475 1 1 0 0 0-.588-.169" fill="%2317d496"/></svg>');
}
.yo9 li::before {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17 7 7 17M7 7l10 10" stroke="%23ff262a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
@media (max-width: 991.9px) {
    .sjl {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .yrd {
        width: 100%;
        padding-top: 16px;
        border-top: 1px solid var(--pwil, #323738);
    }
    .yrd:first-child {
        padding-top: 0;
        border-top: none;
    }
}
@media (max-width: 575.9px) {
    .sjl {
        margin-top: 16px;
    }
}

.scrolling .table td,
.scrolling .table th {
    pointer-events: none;
    user-select: none;
}

.table.js-scroll-list {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
    margin-top: 20px;
}
.table.js-scroll-list::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
}
.table.js-scroll-list.zkc {
    white-space: nowrap;
}
.table.js-scroll-list:first-child {
    margin-top: 0;
}
@media (max-width: 575.9px) {
    .table.js-scroll-list {
        margin-top: 16px;
    }
}
.table.js-scroll-list table {
    min-width: 500px;
}
.table.js-scroll-list table thead {
    white-space: nowrap;
}

table:not([class]),
.gpc table {
    table-layout: auto;
    margin-top: 20px;
    overflow: hidden;
    border-radius: 12px;
    color: var(--brj5, #e0e0e0);
}
table:not([class]):first-child,
.gpc:first-child {
    margin-top: 0;
}
table:not([class]) > *:first-child tr:nth-child(odd) > *,
.gpc table > *:first-child tr:nth-child(odd) > * {
    background: var(--klnn, #232626);
}
table:not([class]) > *:first-child tr:nth-child(odd) > *:first-child,
.gpc table > *:first-child tr:nth-child(odd) > *:first-child {
    border-radius: 12px 0 0 12px;
}
table:not([class]) > *:first-child tr:nth-child(odd) > *:last-child,
.gpc table > *:first-child tr:nth-child(odd) > *:last-child {
    border-radius: 0 12px 12px 0;
}
table:not([class]) > *:nth-child(2) tr:nth-child(even) > *,
.gpc table > *:nth-child(2) tr:nth-child(even) > * {
    background: var(--klnn, #232626);
}
table:not([class]) > *:nth-child(2) tr:nth-child(even) > *:first-child,
.gpc table > *:nth-child(2) tr:nth-child(even) > *:first-child {
    border-radius: 12px 0 0 12px;
}
table:not([class]) > *:nth-child(2) tr:nth-child(even) > *:last-child,
.gpc table > *:nth-child(2) tr:nth-child(even) > *:last-child {
    border-radius: 0 12px 12px 0;
}
table:not([class]) td,
table:not([class]) th,
.gpc table td,
.gpc table th {
    padding-block: 16px;
    padding-inline: 16px;
    text-align: left;
    position: relative;
    vertical-align: top;
}
table:not([class]) td:first-child,
table:not([class]) th:first-child,
.gpc table td:first-child,
.gpc table th:first-child {
    padding-left: 16px;
}
table:not([class]) td:last-child,
table:not([class]) th:last-child,
.gpc table td:last-child,
.gpc table th:last-child {
    padding-right: 16px;
}
table:not([class]) td:not(:first-child),
table:not([class]) th:not(:first-child),
.gpc table td:not(:first-child),
.gpc table th:not(:first-child) {
    padding-left: 20px;
}
table:not([class]) td:not(:last-child),
table:not([class]) th:not(:last-child),
.gpc table td:not(:last-child),
.gpc table th:not(:last-child) {
    padding-right: 20px;
}
table:not([class]) thead th,
.gpc table thead th {
    color: var(--jjll, #24EE89);
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 150%;
}
table:not([class]) tbody th,
.gpc table tbody th {
    color: var(--wbgv, #fff);
    font-weight: 500;
}
table:not([class]) .heq,
.gpc table .heq {
    text-align: center;
}
table:not([class]) img,
table:not([class]) svg,
.gpc table img,
.gpc table svg {
    max-width: 100px;
    max-height: 100px;
    vertical-align: middle;
    margin-right: 4px;
}
@media (max-width: 575.9px) {
    table:not([class]),
    .gpc table {
        margin-top: 16px;
    }
}

:not(.js-scroll-list) > table:not([class]):has(tbody):has(:is(td, th):nth-of-type(2):last-child), :not(.js-scroll-list) > table:not([class]):has(tbody):has(:is(td, th):nth-of-type(2):last-child), :not(.js-scroll-list) > .gpc table:has(tbody):has(:is(td, th):nth-of-type(2):last-child), :not(.js-scroll-list) > .gpc table:has(tbody):has(:is(td, th):nth-of-type(2):last-child) {
    table-layout: fixed;
}

.ak6 {
    width: 100%;
    position: relative;
    margin-top: 20px;
    border-radius: 12px;
    background: var(--klnn, #232626);
    border: 1px solid transparent;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
}
.ak6:first-child {
    margin-top: 0;
}
.ak6.active {
    border-color: var(--jjll, #24EE89);
}
.ak6.active .na3::after {
    transform: rotate(-180deg);
}
.ak6.active .zjg {
    display: block;
}
.na3 {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    cursor: pointer;
    padding: 20px;
    margin: 0;
    color: var(--wbgv, #fff);
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 130%;
}
.na3::after {
    content: "";
    width: 24px;
    height: 24px;
    min-width: 24px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="m6 9 6 6 6-6" stroke="%23fff" stroke-width="2.4" stroke-linecap="round"/></svg>');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
.zjg {
    padding: 20px;
    border-top: 1px solid var(--pwil, #323738);
    display: none;
}
.spq {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 24px;
}
.ado {
    position: relative;
    display: flex;
}
.ado a {
    min-height: 24px;
    width: 100%;
    color: var(--wbgv, #fff);
    padding-left: 28px;
    position: relative;
    transition-property: color, padding-left;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
.ado a::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 7px;
    width: 10px;
    height: 3px;
    border-radius: 5px;
    background: var(--panq, #9FE871);
}
.ado a:active {
    padding-left: 32px;
    color: var(--panq, #9FE871);
}
@media (any-hover: hover) {
    .ado a:hover {
        padding-left: 32px;
        color: var(--panq, #9FE871);
    }
    .ado a:focus {
        padding-left: 32px;
        color: var(--panq, #9FE871);
    }
}
@media (max-width: 575.9px) {
    .ak6 {
        margin-top: 16px;
    }
    .na3 {
        padding: 16px;
        font-size: 1.25rem;
        line-height: 140%;
    }
    .spq {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .zjg {
        padding: 16px;
    }
}

.lang {
    cursor: pointer;
    position: relative;
    z-index: 60;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: var(--naxg, #fff);
    font-size: 1rem;
    line-height: 150%;
    text-transform: capitalize;
    transition-property: background, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
.lang > * {
    position: relative;
    z-index: 2;
}
.lang img {
    width: 20px;
    height: 20px;
    min-width: 20px;
    object-fit: cover;
    border-radius: 50%;
}
.lang svg {
    min-width: 20px;
    transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
.lang svg path {
    transition-property: stroke;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
.oeu {
    width: fit-content;
    position: absolute;
    z-index: 1;
    top: calc(100% + 19px);
    right: -3px;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 12px;
    background: var(--klnn, #232626);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    display: none;
    box-shadow: 0px 0px 3px 3px #1A1D1D;
}
@supports not selector(::-webkit-scrollbar) {
    .oeu {
        scrollbar-width: thin;
        scrollbar-color: var(--primary-opacity-012, rgba(255, 255, 255, 0.08)) transparent;
    }
}
.oeu::-webkit-scrollbar {
    width: 4px;
}
.oeu::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: var(--primary-opacity-012, rgba(255, 255, 255, 0.08));
    border-radius: 9px;
    border: 4px solid transparent;
}
.oeu::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 9px;
}
.oeu li {
    display: flex;
}
.awh {
    padding: 8px 12px;
    width: 100%;
    color: var(--naxg, #fff);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    transition-property: color;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
.awh:active {
    color: var(--jjll, #24EE89);
}
@media (any-hover: hover) {
    .awh:hover {
        color: var(--jjll, #24EE89);
    }
    .awh:focus {
        color: var(--jjll, #24EE89);
    }
}
.lang.active {
    color: var(--jjll, #24EE89);
}
.lang.active .oeu {
    display: flex;
}
.lang.active > svg {
    transform: rotate(-180deg);
}
.lang.active > svg path {
    stroke: var(--jjll, #24EE89);
}

.nd8 {
    width: 100%;
    max-width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 16px;
    align-items: flex-start;
    margin-top: 20px;
}
.nd8:first-child {
    margin-top: 0;
}
.okt {
    grid-template-columns: repeat(auto-fill, minmax(calc((var(--agvj, 1320px) - 32px) / 3 - 10px), 1fr));
}
.sb5 {
    grid-template-columns: repeat(auto-fill, minmax(calc((var(--agvj, 1320px) - 48px) / 4 - 10px), 1fr));
}
.ksp {
    grid-template-columns: repeat(auto-fill, minmax(calc((var(--agvj, 1320px) - 64px) / 5 - 10px), 1fr));
}
.mug {
    grid-template-columns: repeat(auto-fill, minmax(calc((var(--agvj, 1320px) - 80px) / 6 - 10px), 1fr));
}
.oho {
    grid-template-columns: repeat(auto-fill, minmax(calc((var(--agvj, 1320px) - 96px) / 7 - 10px), 1fr));
}
.au4 {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
.ljo {
    grid-template-columns: 1fr 1fr;
}
.hnu {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.brz.okt {
    grid-template-columns: repeat(auto-fit, minmax(calc((var(--agvj, 1320px) - 32px) / 3 - 10px), 1fr));
}
.brz.sb5 {
    grid-template-columns: repeat(auto-fit, minmax(calc((var(--agvj, 1320px) - 48px) / 4 - 10px), 1fr));
}
.brz.ksp {
    grid-template-columns: repeat(auto-fit, minmax(calc((var(--agvj, 1320px) - 64px) / 5 - 10px), 1fr));
}
.brz.mug {
    grid-template-columns: repeat(auto-fit, minmax(calc((var(--agvj, 1320px) - 80px) / 6 - 10px), 1fr));
}
.brz.oho {
    grid-template-columns: repeat(auto-fit, minmax(calc((var(--agvj, 1320px) - 96px) / 7 - 10px), 1fr));
}
.brz.au4 {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.nd8.my5 {
    gap: 20px;
}
.nd8.egu {
    gap: 12px;
}
@media (max-width: 767.9px) {
    .nd8.gqw {
        grid-template-columns: 1fr 1fr;
    }
    .nd8.ljo {
        grid-template-columns: 1fr;
    }
    .nd8.qvt {
        gap: 10px;
    }
    .nd8.ptt {
        gap: 12px;
    }
    .nd8.myc {
        row-gap: 24px;
    }
}
@media (max-width: 575.9px) {
    .nd8 {
        grid-template-columns: 1fr;
        margin-top: 16px;
        gap: 16px;
    }
}

.gid {
    margin-top: 20px;
    width: 100%;
    max-width: 100%;
    padding: 20px;
    border-radius: 12px;
    background: var(--klnn, #232626);
    overflow-x: auto;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    gap: 16px;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.gid:first-child {
    margin-top: 0;
}
.gid::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
}
.gid img,
.gid video {
    user-select: none;
    pointer-events: none;
    max-height: 600px;
    object-fit: contain;
}
.fz7 {
    max-width: 100%;
}
.bq4 .gde::after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50" fill="none"><path d="M25 0C11.188 0 0 11.188 0 25c0 13.813 11.188 25 25 25 13.813 0 25-11.187 25-25C50 11.188 38.813 0 25 0m-5 36.25v-22.5L35 25z" fill="%23fff"/></svg>');
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.bq4 .gde::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(11, 18, 27, 0.8);
    border-radius: var(--card-radius, 16px);
}
.gde {
    position: relative;
    display: flex;
    flex-direction: column;
    width: max-content;
    max-width: 100%;
    overflow: hidden;
    border-radius: 12px;
}
@media (max-width: 575.9px) {
    .bq4 .gde::after {
        transform-origin: center;
        transform: translate(-50%, -50%) scale(0.8);
    }
}
@media (max-width: 575.9px) {
    .gid {
        margin-top: 16px;
        padding: 16px;
    }
    .gid img,
    .gid video {
        max-height: 410px;
    }
}

.jg0 {
    margin-top: 20px;
    border-radius: 12px;
    border: 1px solid var(--jjll, #24EE89);
    padding: 15px;
    width: clamp(100px, 528px, 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
}
.jg0:first-child {
    margin-top: 0;
}
.fmz {
    color: var(--panq, #9FE871);
    text-align: center;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 140%;
}
.lvc {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    gap: 8px;
    flex-wrap: wrap;
}
.lvc > .btn {
    max-width: 100%;
}
.jg0 .niy {
    flex: 1;
}
@media (max-width: 575.9px) {
    .jg0 {
        margin-top: 16px;
    }
    .fmz {
        text-align: left;
        font-size: 1.125rem;
        line-height: 150%;
    }
    .lvc {
        flex-direction: column;
    }
    .lvc > * {
        flex: unset;
        min-width: unset;
        width: 100%;
    }
    .lvc > .btn {
        width: 100%;
    }
}

.niy {
    cursor: pointer;
    min-height: 48px;
    position: relative;
    padding: 4px 4px 4px 16px;
    border-radius: var(--espi, 12px);
    border: 1px dashed var(--pwil, #323738);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    overflow: hidden;
    transition-property: background, border-color;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
.niy > * {
    position: relative;
    z-index: 2;
}
.wnv {
    color: var(--wbgv, #fff);
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 150%;
}
.roc {
    height: 100%;
    padding: 4px 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 4px;
    border-radius: 8px;
    background: var(--vrdq, #2A2E2E);
    color: var(--wbgv, #fff);
    transition-property: background;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
.roc::before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M7.2.8H12A3.2 3.2 0 0 1 15.2 4v4.8A3.2 3.2 0 0 1 12 12v-1.6a1.6 1.6 0 0 0 1.6-1.6V4A1.6 1.6 0 0 0 12 2.4H7.2A1.6 1.6 0 0 0 5.6 4H4A3.2 3.2 0 0 1 7.2.8" fill="%23fff"/><rect x="1.601" y="4.8" width="9.6" height="9.6" rx="2.4" stroke="%23fff" stroke-width="1.6"/></svg>');
    width: 16px;
    min-width: 16px;
    height: 16px;
    display: block;
}
@media (any-hover: hover) {
    .roc:hover {
        background: #3A4142;
    }
}
@media (any-hover: none) and (pointer: coarse) {
    .roc:active {
        background: #3A4142;
    }
}
.niy.copied .roc::before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M7.2.8H12A3.2 3.2 0 0 1 15.2 4v4.8A3.2 3.2 0 0 1 12 12v-1.6a1.6 1.6 0 0 0 1.6-1.6V4A1.6 1.6 0 0 0 12 2.4H7.2A1.6 1.6 0 0 0 5.6 4H4A3.2 3.2 0 0 1 7.2.8" fill="%23fff"/><rect x="1.601" y="4.8" width="9.6" height="9.6" rx="2.4" fill="%23fff" stroke="%23fff" stroke-width="1.6"/></svg>');
}

.hg9 {
    display: block;
    width: fit-content;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    padding: 4px 8px;
    border-radius: 12px;
    background: var(--vrdq, #2A2E2E);
    text-align: left;
    color: var(--brj5, #e0e0e0);
}
.hg9:before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M15.25 2.5h-.555v-.75a.75.75 0 0 0-.75-.75.75.75 0 0 0-.75.75v.75h-6.39v-.75a.75.75 0 0 0-.75-.75.75.75 0 0 0-.75.75v.75H4.75C2.68 2.5 1 4.18 1 6.25v9C1 17.32 2.68 19 4.75 19h10.5c2.07 0 3.75-1.68 3.75-3.75v-9c0-2.07-1.68-3.75-3.75-3.75m2.25 12.75a2.257 2.257 0 0 1-2.25 2.25H4.75a2.257 2.257 0 0 1-2.25-2.25v-9A2.257 2.257 0 0 1 4.75 4h.555v.758c0 .412.338.75.75.75.413 0 .75-.338.75-.75V4h6.39v.758c0 .412.338.75.75.75s.75-.338.75-.75V4h.555a2.257 2.257 0 0 1 2.25 2.25z" fill="%23e0e0e0"/><path d="M14.612 7H5.333a.75.75 0 0 0-.75.75c0 .412.337.75.75.75h9.278c.412 0 .75-.338.75-.75a.75.75 0 0 0-.75-.75" fill="%23e0e0e0"/></svg>');
    width: 20px;
    height: 20px;
    display: block;
}
@media (max-width: 575.9px) {
    .hg9 {
        width: 100%;
    }
}

.adq {
    align-self: stretch;
}
.uzd {
    padding: 8px 16px 8px 8px;
    border-radius: 12px;
    background: var(--klnn, #232626);
    border: 1px solid transparent;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    text-align: left;
    color: var(--wbgv, #fff);
    font-weight: 500;
    font-size: 1rem;
    line-height: 150%;
    transition-property: background, color, border-color;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
.uzd > img, .uzd > svg {
    flex-shrink: 0;
    max-width: 100px;
    max-height: 100px;
}
.uzd > img:last-child:not(:only-child), .uzd > svg:last-child:not(:only-child) {
    margin-left: auto;
}
.uzd > svg path[stroke] {
    stroke: currentColor;
}
.uzd > svg path[fill] {
    fill: currentColor;
}
.uzd:active {
    border-color: var(--jjll, #24EE89);
}
@media (any-hover: hover) {
    .uzd:hover {
        border-color: var(--jjll, #24EE89);
    }
    .uzd:focus {
        border-color: var(--jjll, #24EE89);
    }
}

.bgq {
    height: 100%;
    text-align: center;
    color: var(--wbgv, #fff);
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 150%;
    transition-property: background, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
.bgq img,
.bgq svg {
    max-width: 100%;
    min-width: 0;
}
.bgq:not(:has(.ar8)) {
    padding: 16px;
    border-radius: 12px;
    background: var(--klnn, #232626);
    border: 1px solid transparent;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    transition-property: background, color, border-color;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
.ar8 {
    cursor: pointer;
    width: 100%;
    height: 100%;
    padding: 16px;
    border-radius: 12px;
    color: var(--wbgv);
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 150%;
    background: var(--klnn, #232626);
    border: 1px solid transparent;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    transition-property: background, color, border-color;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
.ar8 svg {
    vertical-align: middle;
    margin-left: 4px;
}
.ar8 > svg path[stroke] {
    stroke: currentColor;
}
.ar8 > svg path[fill] {
    fill: currentColor;
}
.ar8 img {
    margin-left: -16px;
    margin-block: -16px;
}
.ar8:active {
    border-color: var(--jjll, #24EE89);
}
@media (any-hover: hover) {
    .ar8:hover {
        border-color: var(--jjll, #24EE89);
    }
    .ar8:focus {
        border-color: var(--jjll, #24EE89);
    }
}

.kll {
    align-self: stretch;
    padding: 16px;
    border-radius: 12px;
    background: var(--klnn, #232626);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 16px;
    color: var(--wbgv, #fff);
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 16px 8px;
}
.kll > * {
    grid-column: 1/-1;
}
.rp2 {
    color: var(--wbgv, #fff);
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 150%;
    grid-column: 1/2;
    align-self: center;
}
.fdb {
    color: var(--brj5, #e0e0e0);
    font-size: 0.875rem;
    line-height: 150%;
    grid-column: 2/3;
    align-self: center;
}
.ls5 {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    grid-auto-flow: dense;
    gap: 12px;
}
.ls5::before {
    content: "vs";
    font-size: 2rem;
    line-height: 140%;
    font-weight: 900;
    color: var(--pwil, #323738);
    text-align: center;
    display: block;
    text-transform: uppercase;
}
.hs4 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    color: var(--wbgv, #fff);
    text-align: center;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 150%;
}
.hs4 > img, .hs4 > svg {
    min-width: 45px;
    max-width: 45px;
    object-fit: contain;
}
.hs4:first-child {
    order: -1;
}
.kll :not(.btn) + .btn {
    margin-top: auto;
}
.kll .btn {
    width: 100%;
}

.mfm {
    align-self: stretch;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    padding: 16px;
    background: var(--klnn, #232626);
    border-radius: 12px;
    overflow: hidden;
}
.mfm img {
    width: calc(100% + 32px);
    max-width: calc(100% + 32px);
    margin-top: -16px;
    margin-inline: -16px;
    margin-bottom: -4px;
    height: 177px;
    object-fit: cover;
}
.pqo {
    width: 100%;
    margin-top: auto;
    max-width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
}
.pqo .btn {
    padding-block: 8px;
    flex: 1 0 auto;
    min-width: calc((100% - 8px) / 2);
}
.ixz {
    color: var(--wbgv, #fff);
    text-align: center;
    font-weight: 500;
    font-size: 1rem;
    line-height: 150%;
}
.gkk {
    color: var(--brj5, #e0e0e0);
    text-align: center;
    font-size: 0.75rem;
    line-height: 150%;
}
.ixz + .gkk {
    margin-top: -8px;
}
@media (max-width: 575.9px) {
    .mfm img {
        min-height: 177px;
        height: unset;
    }
}

.tcz {
    position: relative;
    z-index: 2;
    align-self: stretch;
    padding: 16px;
    border-radius: 12px;
    background: var(--klnn, #232626);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
.tcz > img {
    max-width: calc(100% + 32px);
    width: calc(100% + 32px);
    margin-inline: -16px;
    margin-top: -16px;
    margin-bottom: -4px;
    height: 122px;
    object-fit: cover;
}
.tcz > img:last-child {
    margin-bottom: 0;
}
.ilu {
    color: var(--panq, #9FE871);
    text-align: center;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 140%;
}
.ilu + .tdd {
    margin-top: -14px;
}
.tdd {
    text-align: center;
    color: var(--brj5, #e0e0e0);
    font-size: 1rem;
    line-height: 150%;
}
.eqv {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 8px;
}
.eqv > * {
    width: 100%;
}
.tcz > .btn {
    width: 100%;
}
.tcz > *.eqv:last-child, .tcz > *.btn:last-child {
    margin-top: auto;
}
@media (max-width: 991.9px) {
    .tcz {
        grid-template-columns: 1fr;
    }
    .tcz > img {
        min-height: unset;
        height: auto;
    }
}

.zbn {
    margin-top: 20px;
    width: 100%;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    counter-reset: how-to;
}
.zbn:first-child {
    margin-top: 0;
}
.qpt {
    counter-increment: how-to;
    padding: 16px;
    border-radius: 12px;
    background: var(--klnn, #232626);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}
.qpt:not(:has(img)) {
    grid-template-columns: 1fr;
}
.qpt > * {
    width: 100%;
}
.qpt img {
    border-radius: 12px;
}
.hca {
    position: relative;
    padding: 4px 8px;
    border-radius: 12px;
    margin-bottom: 8px;
    background: var(--vrdq, #2A2E2E);
    color: var(--wbgv, #fff);
    font-weight: 500;
    font-size: 1rem;
    line-height: 150%;
}
.zcj {
    position: relative;
    color: var(--wbgv, #fff);
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 140%;
}
.ti6 {
    color: var(--brj5, #e0e0e0);
}
.ert {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
}
.ert .btn {
    margin-top: 8px;
}
@media (max-width: 991.9px) {
    .zbn {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 575.9px) {
    .zbn {
        margin-top: 16px;
    }
    .qpt {
        grid-template-columns: 1fr;
    }
    .ert .btn {
        width: 100%;
    }
}

.ymq {
    margin-top: 20px;
    padding: 16px;
    border-radius: 12px;
    border: 1px solid var(--jjll, #24EE89);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
    width: 644px;
    max-width: 100%;
}
.ymq:first-child {
    margin-top: 0;
}
.ayf {
    width: 100%;
}
.pg8 {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 24px;
    overflow: hidden;
}
.mzh {
    position: relative;
    flex: 0 1 calc((100% - 48px) / 3);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
}
.mzh::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background: var(--pwil, #d9d9d9);
    left: -12px;
}
.mzh:nth-of-type(-n + 3) {
    flex-grow: 1;
}
.qf1 {
    color: var(--wbgv, #232626);
    text-align: center;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 150%;
}
.cps {
    color: var(--brj5, #323232);
    font-weight: 400;
    text-align: center;
    font-size: 0.875rem;
    line-height: 150%;
}
@media (max-width: 575.9px) {
    .ymq {
        margin-top: 16px;
        gap: 16px;
    }
    .qf1 {
        font-size: 1rem;
        line-height: 150%;
    }
}

.yjx {
    color: var(--wbgv, #fff);
    flex-wrap: wrap;
    justify-content: flex-end;
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    --jug3: calc(var(--rating, 4.5) / 5 * 100%);
}
.yjx::before {
    content: "";
    font-size: 20px;
    line-height: 18px;
    height: 20px;
    letter-spacing: 0px;
    font-weight: 100;
}
.yjx::before {
    content: "★★★★★";
    display: block;
    background: linear-gradient(90deg, var(--rlyv) var(--jug3), var(--qmpv) var(--jug3));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
@supports (mask: url(#)) {
    .yjx::before {
        content: "";
        width: 106.6666666667px;
        height: 20px;
        color: unset;
        -webkit-background-clip: unset;
        -webkit-text-fill-color: unset;
        background-clip: unset;
    }
    .yjx::before {
        background: linear-gradient(90deg, var(--rlyv) var(--jug3), var(--qmpv) var(--jug3));
        mask: url('data:image/svg+xml,<svg width="128" height="24" viewBox="0 0 128 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.118 4.7c.268-.868 1.495-.868 1.764 0l1.313 4.252c.12.387.478.65.882.65h4.347c.884 0 1.262 1.121.56 1.657l-3.594 2.747a.92.92 0 0 0-.322 1.006l1.354 4.382c.266.859-.728 1.552-1.442 1.006l-3.42-2.612a.92.92 0 0 0-1.12 0L8.02 20.4c-.715.546-1.709-.147-1.443-1.006l1.354-4.382a.92.92 0 0 0-.322-1.006l-3.595-2.747c-.701-.536-.322-1.656.56-1.656h4.348a.92.92 0 0 0 .882-.651zm26 0c.268-.868 1.495-.868 1.764 0l1.313 4.252c.12.387.478.65.882.65h4.347c.884 0 1.262 1.121.56 1.657l-3.594 2.747a.92.92 0 0 0-.322 1.006l1.354 4.382c.266.859-.728 1.552-1.442 1.006l-3.42-2.612a.92.92 0 0 0-1.12 0L34.02 20.4c-.715.546-1.709-.147-1.443-1.006l1.354-4.382a.92.92 0 0 0-.322-1.006l-3.595-2.747c-.701-.536-.322-1.656.56-1.656h4.348a.92.92 0 0 0 .882-.651zm26 0c.268-.868 1.495-.868 1.764 0l1.313 4.252c.12.387.478.65.882.65h4.347c.884 0 1.262 1.121.56 1.657l-3.594 2.747a.92.92 0 0 0-.322 1.006l1.354 4.382c.266.859-.728 1.552-1.442 1.006l-3.42-2.612a.92.92 0 0 0-1.12 0L60.02 20.4c-.715.546-1.709-.147-1.443-1.006l1.354-4.382a.92.92 0 0 0-.322-1.006l-3.595-2.747c-.701-.536-.322-1.656.56-1.656h4.348a.92.92 0 0 0 .882-.651zm26 0c.268-.868 1.495-.868 1.764 0l1.313 4.252c.12.387.478.65.882.65h4.347c.884 0 1.262 1.121.56 1.657l-3.594 2.747a.92.92 0 0 0-.322 1.006l1.354 4.382c.266.859-.728 1.552-1.442 1.006l-3.42-2.612a.92.92 0 0 0-1.12 0L86.02 20.4c-.715.546-1.709-.147-1.443-1.006l1.354-4.382a.92.92 0 0 0-.322-1.006l-3.595-2.747c-.701-.536-.322-1.656.56-1.656h4.348a.92.92 0 0 0 .882-.651zm26 0c.268-.868 1.495-.868 1.764 0l1.313 4.252c.12.387.478.65.882.65h4.347c.884 0 1.262 1.121.56 1.657l-3.594 2.747a.92.92 0 0 0-.322 1.006l1.354 4.382c.266.859-.728 1.552-1.442 1.006l-3.42-2.612a.92.92 0 0 0-1.12 0l-3.42 2.612c-.715.546-1.709-.147-1.443-1.006l1.354-4.382a.92.92 0 0 0-.322-1.006l-3.595-2.747c-.701-.536-.322-1.656.56-1.656h4.348a.92.92 0 0 0 .882-.651z" fill="%23FFD035"/></svg>');
        -webkit-mask: url('data:image/svg+xml,<svg width="128" height="24" viewBox="0 0 128 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.118 4.7c.268-.868 1.495-.868 1.764 0l1.313 4.252c.12.387.478.65.882.65h4.347c.884 0 1.262 1.121.56 1.657l-3.594 2.747a.92.92 0 0 0-.322 1.006l1.354 4.382c.266.859-.728 1.552-1.442 1.006l-3.42-2.612a.92.92 0 0 0-1.12 0L8.02 20.4c-.715.546-1.709-.147-1.443-1.006l1.354-4.382a.92.92 0 0 0-.322-1.006l-3.595-2.747c-.701-.536-.322-1.656.56-1.656h4.348a.92.92 0 0 0 .882-.651zm26 0c.268-.868 1.495-.868 1.764 0l1.313 4.252c.12.387.478.65.882.65h4.347c.884 0 1.262 1.121.56 1.657l-3.594 2.747a.92.92 0 0 0-.322 1.006l1.354 4.382c.266.859-.728 1.552-1.442 1.006l-3.42-2.612a.92.92 0 0 0-1.12 0L34.02 20.4c-.715.546-1.709-.147-1.443-1.006l1.354-4.382a.92.92 0 0 0-.322-1.006l-3.595-2.747c-.701-.536-.322-1.656.56-1.656h4.348a.92.92 0 0 0 .882-.651zm26 0c.268-.868 1.495-.868 1.764 0l1.313 4.252c.12.387.478.65.882.65h4.347c.884 0 1.262 1.121.56 1.657l-3.594 2.747a.92.92 0 0 0-.322 1.006l1.354 4.382c.266.859-.728 1.552-1.442 1.006l-3.42-2.612a.92.92 0 0 0-1.12 0L60.02 20.4c-.715.546-1.709-.147-1.443-1.006l1.354-4.382a.92.92 0 0 0-.322-1.006l-3.595-2.747c-.701-.536-.322-1.656.56-1.656h4.348a.92.92 0 0 0 .882-.651zm26 0c.268-.868 1.495-.868 1.764 0l1.313 4.252c.12.387.478.65.882.65h4.347c.884 0 1.262 1.121.56 1.657l-3.594 2.747a.92.92 0 0 0-.322 1.006l1.354 4.382c.266.859-.728 1.552-1.442 1.006l-3.42-2.612a.92.92 0 0 0-1.12 0L86.02 20.4c-.715.546-1.709-.147-1.443-1.006l1.354-4.382a.92.92 0 0 0-.322-1.006l-3.595-2.747c-.701-.536-.322-1.656.56-1.656h4.348a.92.92 0 0 0 .882-.651zm26 0c.268-.868 1.495-.868 1.764 0l1.313 4.252c.12.387.478.65.882.65h4.347c.884 0 1.262 1.121.56 1.657l-3.594 2.747a.92.92 0 0 0-.322 1.006l1.354 4.382c.266.859-.728 1.552-1.442 1.006l-3.42-2.612a.92.92 0 0 0-1.12 0l-3.42 2.612c-.715.546-1.709-.147-1.443-1.006l1.354-4.382a.92.92 0 0 0-.322-1.006l-3.595-2.747c-.701-.536-.322-1.656.56-1.656h4.348a.92.92 0 0 0 .882-.651z" fill="%23FFD035"/></svg>');
        -webkit-mask-size: contain;
        mask-size: contain;
    }
}
.yjx:not(.onj) {
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    --jug3: calc(var(--rating, 4.5) / 5 * 100%);
}
.yjx:not(.onj)::before {
    content: "";
    font-size: 24px;
    line-height: 22px;
    height: 24px;
    letter-spacing: 0px;
    font-weight: 100;
}
.yjx:not(.onj)::before {
    content: "★★★★★";
    display: block;
    background: linear-gradient(90deg, var(--rlyv) var(--jug3), var(--qmpv) var(--jug3));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
@supports (mask: url(#)) {
    .yjx:not(.onj)::before {
        content: "";
        width: 128px;
        height: 24px;
        color: unset;
        -webkit-background-clip: unset;
        -webkit-text-fill-color: unset;
        background-clip: unset;
    }
    .yjx:not(.onj)::before {
        background: linear-gradient(90deg, var(--rlyv) var(--jug3), var(--qmpv) var(--jug3));
        mask: url('data:image/svg+xml,<svg width="128" height="24" viewBox="0 0 128 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.118 4.7c.268-.868 1.495-.868 1.764 0l1.313 4.252c.12.387.478.65.882.65h4.347c.884 0 1.262 1.121.56 1.657l-3.594 2.747a.92.92 0 0 0-.322 1.006l1.354 4.382c.266.859-.728 1.552-1.442 1.006l-3.42-2.612a.92.92 0 0 0-1.12 0L8.02 20.4c-.715.546-1.709-.147-1.443-1.006l1.354-4.382a.92.92 0 0 0-.322-1.006l-3.595-2.747c-.701-.536-.322-1.656.56-1.656h4.348a.92.92 0 0 0 .882-.651zm26 0c.268-.868 1.495-.868 1.764 0l1.313 4.252c.12.387.478.65.882.65h4.347c.884 0 1.262 1.121.56 1.657l-3.594 2.747a.92.92 0 0 0-.322 1.006l1.354 4.382c.266.859-.728 1.552-1.442 1.006l-3.42-2.612a.92.92 0 0 0-1.12 0L34.02 20.4c-.715.546-1.709-.147-1.443-1.006l1.354-4.382a.92.92 0 0 0-.322-1.006l-3.595-2.747c-.701-.536-.322-1.656.56-1.656h4.348a.92.92 0 0 0 .882-.651zm26 0c.268-.868 1.495-.868 1.764 0l1.313 4.252c.12.387.478.65.882.65h4.347c.884 0 1.262 1.121.56 1.657l-3.594 2.747a.92.92 0 0 0-.322 1.006l1.354 4.382c.266.859-.728 1.552-1.442 1.006l-3.42-2.612a.92.92 0 0 0-1.12 0L60.02 20.4c-.715.546-1.709-.147-1.443-1.006l1.354-4.382a.92.92 0 0 0-.322-1.006l-3.595-2.747c-.701-.536-.322-1.656.56-1.656h4.348a.92.92 0 0 0 .882-.651zm26 0c.268-.868 1.495-.868 1.764 0l1.313 4.252c.12.387.478.65.882.65h4.347c.884 0 1.262 1.121.56 1.657l-3.594 2.747a.92.92 0 0 0-.322 1.006l1.354 4.382c.266.859-.728 1.552-1.442 1.006l-3.42-2.612a.92.92 0 0 0-1.12 0L86.02 20.4c-.715.546-1.709-.147-1.443-1.006l1.354-4.382a.92.92 0 0 0-.322-1.006l-3.595-2.747c-.701-.536-.322-1.656.56-1.656h4.348a.92.92 0 0 0 .882-.651zm26 0c.268-.868 1.495-.868 1.764 0l1.313 4.252c.12.387.478.65.882.65h4.347c.884 0 1.262 1.121.56 1.657l-3.594 2.747a.92.92 0 0 0-.322 1.006l1.354 4.382c.266.859-.728 1.552-1.442 1.006l-3.42-2.612a.92.92 0 0 0-1.12 0l-3.42 2.612c-.715.546-1.709-.147-1.443-1.006l1.354-4.382a.92.92 0 0 0-.322-1.006l-3.595-2.747c-.701-.536-.322-1.656.56-1.656h4.348a.92.92 0 0 0 .882-.651z" fill="%23FFD035"/></svg>');
        -webkit-mask: url('data:image/svg+xml,<svg width="128" height="24" viewBox="0 0 128 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.118 4.7c.268-.868 1.495-.868 1.764 0l1.313 4.252c.12.387.478.65.882.65h4.347c.884 0 1.262 1.121.56 1.657l-3.594 2.747a.92.92 0 0 0-.322 1.006l1.354 4.382c.266.859-.728 1.552-1.442 1.006l-3.42-2.612a.92.92 0 0 0-1.12 0L8.02 20.4c-.715.546-1.709-.147-1.443-1.006l1.354-4.382a.92.92 0 0 0-.322-1.006l-3.595-2.747c-.701-.536-.322-1.656.56-1.656h4.348a.92.92 0 0 0 .882-.651zm26 0c.268-.868 1.495-.868 1.764 0l1.313 4.252c.12.387.478.65.882.65h4.347c.884 0 1.262 1.121.56 1.657l-3.594 2.747a.92.92 0 0 0-.322 1.006l1.354 4.382c.266.859-.728 1.552-1.442 1.006l-3.42-2.612a.92.92 0 0 0-1.12 0L34.02 20.4c-.715.546-1.709-.147-1.443-1.006l1.354-4.382a.92.92 0 0 0-.322-1.006l-3.595-2.747c-.701-.536-.322-1.656.56-1.656h4.348a.92.92 0 0 0 .882-.651zm26 0c.268-.868 1.495-.868 1.764 0l1.313 4.252c.12.387.478.65.882.65h4.347c.884 0 1.262 1.121.56 1.657l-3.594 2.747a.92.92 0 0 0-.322 1.006l1.354 4.382c.266.859-.728 1.552-1.442 1.006l-3.42-2.612a.92.92 0 0 0-1.12 0L60.02 20.4c-.715.546-1.709-.147-1.443-1.006l1.354-4.382a.92.92 0 0 0-.322-1.006l-3.595-2.747c-.701-.536-.322-1.656.56-1.656h4.348a.92.92 0 0 0 .882-.651zm26 0c.268-.868 1.495-.868 1.764 0l1.313 4.252c.12.387.478.65.882.65h4.347c.884 0 1.262 1.121.56 1.657l-3.594 2.747a.92.92 0 0 0-.322 1.006l1.354 4.382c.266.859-.728 1.552-1.442 1.006l-3.42-2.612a.92.92 0 0 0-1.12 0L86.02 20.4c-.715.546-1.709-.147-1.443-1.006l1.354-4.382a.92.92 0 0 0-.322-1.006l-3.595-2.747c-.701-.536-.322-1.656.56-1.656h4.348a.92.92 0 0 0 .882-.651zm26 0c.268-.868 1.495-.868 1.764 0l1.313 4.252c.12.387.478.65.882.65h4.347c.884 0 1.262 1.121.56 1.657l-3.594 2.747a.92.92 0 0 0-.322 1.006l1.354 4.382c.266.859-.728 1.552-1.442 1.006l-3.42-2.612a.92.92 0 0 0-1.12 0l-3.42 2.612c-.715.546-1.709-.147-1.443-1.006l1.354-4.382a.92.92 0 0 0-.322-1.006l-3.595-2.747c-.701-.536-.322-1.656.56-1.656h4.348a.92.92 0 0 0 .882-.651z" fill="%23FFD035"/></svg>');
        -webkit-mask-size: contain;
        mask-size: contain;
    }
}
.yjx.onj {
    width: fit-content;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    --jug3: calc(var(--rating, 4.5) / 5 * 100%);
}
.yjx.onj::before {
    content: "";
    font-size: 24px;
    line-height: 22px;
    height: 24px;
    letter-spacing: 0px;
    font-weight: 100;
}
.yjx.onj::before {
    content: "★";
    display: block;
    background: linear-gradient(90deg, var(--rlyv) var(--jug3), var(--qmpv) var(--jug3));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
@supports (mask: url(#)) {
    .yjx.onj::before {
        content: "";
        width: 24px;
        height: 24px;
        color: unset;
        -webkit-background-clip: unset;
        -webkit-text-fill-color: unset;
        background-clip: unset;
    }
    .yjx.onj::before {
        background: linear-gradient(90deg, var(--rlyv) var(--jug3), var(--qmpv) var(--jug3));
        mask: url('data:image/svg+xml,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.045 5.092c.29-.94 1.62-.94 1.91 0l1.424 4.606a1 1 0 0 0 .955.705h4.71c.956 0 1.367 1.214.607 1.795l-3.895 2.975a1 1 0 0 0-.348 1.09l1.467 4.748c.287.93-.79 1.68-1.563 1.09l-3.705-2.83a1 1 0 0 0-1.214 0L8.688 22.1c-.774.59-1.85-.16-1.563-1.09l1.467-4.748a1 1 0 0 0-.348-1.09L4.35 12.198c-.76-.58-.35-1.795.607-1.795h4.71a1 1 0 0 0 .955-.705z" fill="%23ffd035"/></svg>');
        -webkit-mask: url('data:image/svg+xml,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.045 5.092c.29-.94 1.62-.94 1.91 0l1.424 4.606a1 1 0 0 0 .955.705h4.71c.956 0 1.367 1.214.607 1.795l-3.895 2.975a1 1 0 0 0-.348 1.09l1.467 4.748c.287.93-.79 1.68-1.563 1.09l-3.705-2.83a1 1 0 0 0-1.214 0L8.688 22.1c-.774.59-1.85-.16-1.563-1.09l1.467-4.748a1 1 0 0 0-.348-1.09L4.35 12.198c-.76-.58-.35-1.795.607-1.795h4.71a1 1 0 0 0 .955-.705z" fill="%23ffd035"/></svg>');
        -webkit-mask-size: contain;
        mask-size: contain;
    }
}

.vyt {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}
.vyt:first-child {
    margin-top: 0;
}
.vyt .btn {
    margin-top: 16px;
}
.vyt .btn:first-child {
    margin-top: 0;
}
.chd {
    display: grid;
    grid-template-columns: fit-content(50%) 1fr;
    column-gap: 32px;
}
.chd > *:only-child {
    grid-column: 1/-1;
}
.trj {
    order: 1;
}
.vyt img {
    width: 100%;
    margin: 0;
    order: -1;
    border-radius: 12px;
}
.nxd .trj {
    order: -1;
}
.nxd img {
    order: 1;
}
@media (max-width: 767.9px) {
    .vyt {
        gap: 0;
    }
    .chd {
        display: contents;
    }
    .trj {
        display: contents;
    }
    .vyt h2 {
        order: -10;
        margin-bottom: 16px;
    }
    .vyt img {
        width: 100%;
        order: -1;
        margin-bottom: 16px;
    }
    .vyt .btn {
        width: 100%;
        order: 100;
    }
}
@media (max-width: 575.9px) {
    .vyt {
        margin-top: 16px;
    }
}

.mr7 {
    width: 100%;
    align-items: flex-start;
    overflow: hidden;
    margin-top: 20px;
    counter-reset: faq;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 16px;
}
.mr7:first-child {
    margin-top: 0;
}
.yhp {
    width: 100%;
}
.yhp details {
    counter-increment: faq;
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    background: var(--klnn, #232626);
    border: 1px solid transparent;
    transition-property: background, border-color;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
.yhp:first-child {
    margin-top: 0;
}
.yhp p {
    margin-top: 12px;
    padding: 0 16px;
    color: var(--brj5, #e0e0e0);
}
.yhp p:first-of-type {
    margin-top: -4px;
}
.yhp p:last-of-type {
    margin-bottom: 16px;
}
.yhp details[open] {
    border: 1px solid var(--jjll, #24EE89);
    background: var(--vrdq, #2A2E2E);
}
.yhp details[open] summary {
    color: var(--jjll, #24EE89);
}
.yhp details[open] summary svg {
    transform: rotate(-180deg);
}
.mr7 summary {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
    cursor: pointer;
    list-style: none;
    padding: 16px;
    color: var(--wbgv, #fff);
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 150%;
    transition-property: color, border-color;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}

.mr7 summary .lpo {
    color: var(--wbgv, #fff);
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 150%;
    transition-property: color, border-color;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
.mr7 summary::marker {
    content: "";
}
.mr7 summary::-webkit-details-marker {
    display: none;
}
.mr7 summary svg {
    margin-left: auto;
    transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
.mr7 summary svg path[stroke] {
    stroke: currentColor;
}
.mr7 summary svg path[fill] {
    fill: currentColor;
}
.mr7 summary::before {
    content: counter(faq) ".";
}
@media (any-hover: hover) {
    .mr7 summary:hover {
        color: var(--jjll, #24EE89);
    }

    .mr7 summary:hover .lpo {
        color: var(--jjll, #24EE89);
    }
}
@media (any-hover: none) and (pointer: coarse) {
    .mr7 summary:active,
    .mr7 summary:active .lpo{
        color: var(--jjll, #24EE89);
    }
}
@media (max-width: 575.9px) {
    .mr7 {
        margin-top: 16px;
    }
}

.aml {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    gap: 8px;
    flex-wrap: wrap;
}
.aml .btn {
    flex: 1 0 auto;
}
.uqy {
    width: 100%;
}
.uqy > * {
    flex: 1 0 auto;
    min-width: calc((100% - 8px) / 2);
}
@media (max-width: 575.9px) {
    .aml {
        flex-direction: column;
    }
    .aml > * {
        width: 100%;
    }
}

.ug5 {
    position: relative;
    z-index: 2;
    max-width: 100%;
    width: 100%;
    min-height: 240px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    overflow: hidden;
    border-radius: 12px;
    margin-top: 20px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.ug5::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: rgba(0, 0, 0, 0.5);
    pointer-events: none;
}
.ug5 > * {
    position: relative;
    z-index: 2;
}
.ug5:first-child {
    margin-top: 0;
}
.hbn {
    text-transform: uppercase;
    color: var(--panq, #9FE871);
    text-align: center;
    font-weight: 600;
    font-size: 1.875rem;
    line-height: 130%;
}
.nxt {
    text-align: center;
    color: var(--naxg, #fff);
    font-size: 1.125rem;
    line-height: 150%;
}
.ug5 .aml {
    width: 720px;
    max-width: 100%;
}
.ug5 > .btn, .ug5 > .aml {
    margin-top: 12px;
}
@media (max-width: 575.9px) {
    .ug5 {
        padding: 16px;
        min-height: unset;
        margin-top: 16px;
    }
    .hbn {
        font-size: 1.5rem;
        line-height: 130%;
    }
    .ug5 > .btn, .ug5 > .aml {
        margin-top: 4px;
    }
}

/* Game */
.px5 {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    aspect-ratio: 1280.00/656.41;
    width: 100%;
    min-height: 280px;
}

.px5 > img {
    position: absolute;
    inset: auto;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    z-index: 1;
}

.px5:after {
    content: '';
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.88);
    z-index: 2;
}

.px5 > :not(img) {
    z-index: 3;
}

/* Image*/
.jry {
    width: 100%;
    height: auto;
    margin-top: 16px;
}

/* bcx */
/* BC.Game-style lobby on the home page (official palette: #232626 / #2A2E2E / #323738, green #24EE89) */
.bcx{--bcx-bg:#232626;--bcx-card:#2A2E2E;--bcx-card2:#323738;--bcx-line:rgba(255,255,255,.07);--bcx-txt:#E6ECEE;--bcx-mut:#B3BEC1;--bcx-g:#24EE89;--bcx-grad:linear-gradient(90deg,#9FE871 0%,#24EE89 100%);
 background:var(--bcx-bg);color:var(--bcx-txt);font-family:"Figtree","Avenir Next",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;padding:28px 0 8px}
.bcx *,.bcx *::before,.bcx *::after{box-sizing:border-box}
.bcx-wrap{max-width:1240px;margin:0 auto;padding:0 20px}
.bcx-block{margin:0 0 30px}
.bcx-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px}
.bcx-title{font-size:20px;font-weight:800;color:#fff;line-height:1.2}
.bcx-sub{font-size:14px;color:var(--bcx-mut);margin-top:3px}
.bcx-more{flex:none;padding:7px 14px;border-radius:8px;border:0;background:var(--bcx-card2);color:#fff;font:600 13.5px/1 inherit;cursor:pointer}
.bcx-more:hover{background:#3A4142}
.bcx-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:10px 22px;border:0;border-radius:8px;font:700 15px/1 inherit;cursor:pointer;transition:filter .15s,transform .15s;white-space:nowrap}
.bcx-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.bcx-btn-g{background:var(--bcx-grad);color:#0A1A10}
.bcx-btn-d{background:#3A4142;color:#fff}
.bcx-btn-s{min-height:34px;padding:7px 14px;font-size:13.5px}
.bcx-chip{display:inline-block;align-self:flex-start;padding:3px 9px;border-radius:5px;background:rgba(36,238,137,.14);color:var(--bcx-g);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}

/* promotions */
.bcx-promos{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.bcx-promo{display:flex;align-items:center;gap:10px;min-height:150px;padding:16px 14px 16px 18px;border-radius:14px;background:var(--bcx-card);border:1px solid var(--bcx-line);overflow:hidden}
.bcx-promo-txt{display:flex;flex-direction:column;flex:1;min-width:0}
.bcx-promo-txt b{font-size:22px;font-weight:800;line-height:1.1;color:var(--bcx-g);text-transform:uppercase}
.bcx-promo-sub{font-size:13.5px;font-weight:700;color:#fff;text-transform:uppercase;margin:4px 0 4px}
.bcx-promo-txt p{margin:0 0 10px;font-size:13px;line-height:1.4;color:var(--bcx-mut)}
.bcx-promo-txt .bcx-btn{align-self:flex-start}
.bcx-promo img{flex:none;width:118px;height:118px;object-fit:contain}

/* categories */
.bcx-cats-big{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.bcx-cat{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px;border:1px solid var(--bcx-line);border-radius:14px;background:var(--bcx-card);color:#fff;font:inherit;text-align:left;cursor:pointer;overflow:hidden;transition:border-color .15s,transform .15s}
.bcx-cat:hover{border-color:rgba(36,238,137,.5);transform:translateY(-2px)}
.bcx-cat b{font-size:19px;font-weight:800;text-transform:uppercase;font-style:italic}
.bcx-cat img{width:84px;height:84px;object-fit:contain;flex:none}
.bcx-cat-big{min-height:170px;padding:22px 24px}
.bcx-cat-txt{display:flex;flex-direction:column;gap:10px;max-width:58%}
.bcx-cat-big b{font-size:28px;color:#fff}
.bcx-cat-big b::before{content:"";display:inline-block;width:12px;height:12px;border-radius:3px;background:var(--bcx-g);margin-right:10px;transform:rotate(45deg) translateY(-3px)}
.bcx-cat-txt span{font-size:14.5px;line-height:1.45;color:var(--bcx-mut)}
.bcx-cat-big img{width:150px;height:150px}
.bcx-cats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}

/* game rows */
.bcx-row{list-style:none;margin:0;padding:2px 2px 10px;display:grid;grid-auto-flow:column;grid-auto-columns:150px;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#3A4142 transparent}
.bcx-row li{scroll-snap-align:start;min-width:0}
.bcx-game{position:relative;display:block;width:100%;padding:0;border:0;border-radius:10px;overflow:hidden;background:var(--bcx-card2);cursor:pointer;aspect-ratio:3/4}
.bcx-game img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}
.bcx-play{position:absolute;inset:auto 10px 10px;display:grid;place-items:center;height:34px;border-radius:8px;background:var(--bcx-grad);color:#0A1A10;font-weight:800;font-size:14px;opacity:0;transform:translateY(6px);transition:.2s}
.bcx-game:hover img{transform:scale(1.05)}
.bcx-game:hover .bcx-play,.bcx-game:focus-visible .bcx-play{opacity:1;transform:none}
.bcx-gname{display:block;margin-top:7px;font-size:13.5px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bcx-gprov{display:block;font-size:12px;color:var(--bcx-mut)}

/* demo slots */
.bcx-demos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.bcx-demo{display:flex;flex-direction:column;border-radius:12px;overflow:hidden;background:var(--bcx-card);border:1px solid var(--bcx-line)}
.bcx-demo-img{aspect-ratio:276/177;background:var(--bcx-card2)}
.bcx-demo-img img{width:100%;height:100%;object-fit:cover;display:block}
.bcx-demo-b{display:flex;flex-direction:column;flex:1;padding:10px 12px 12px}
.bcx-demo-b b{font-size:14.5px;color:#fff;line-height:1.25}
.bcx-demo-b span{font-size:12.5px;color:var(--bcx-mut);margin:2px 0 10px}
.bcx-demo-btns{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:auto}
.bcx-demo-btns .bcx-btn{padding:7px 4px}

/* app + payments */
.bcx-duo{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.bcx-app,.bcx-pay{border-radius:14px;background:var(--bcx-card);border:1px solid var(--bcx-line);padding:22px}
.bcx-app{display:flex;align-items:center;gap:16px;background:radial-gradient(420px 220px at 90% 10%,rgba(36,238,137,.16),transparent 60%),var(--bcx-card)}
.bcx-app-txt{flex:1}
.bcx-app-txt b{display:block;font-size:22px;font-weight:800;color:var(--bcx-g);margin:6px 0}
.bcx-app-txt p,.bcx-pay p{margin:0 0 14px;font-size:14px;line-height:1.5;color:var(--bcx-mut)}
.bcx-app-btns{display:flex;gap:10px;flex-wrap:wrap}
.bcx-app img{flex:none;width:130px;height:auto}
.bcx-pay ul{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.bcx-pay li{display:flex;flex-direction:column;align-items:center;gap:5px;padding:9px 4px;border-radius:10px;background:var(--bcx-card2);font-size:11.5px;color:var(--bcx-mut);text-align:center}
.bcx-pay li img{width:30px;height:30px;object-fit:contain}

/* demo modal */
.bcx-modal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:14px;background:rgba(0,0,0,.82)}
.bcx-modal.open{display:flex}
.bcx-modal-box{width:min(1100px,100%);max-height:94vh;display:flex;flex-direction:column;border-radius:12px;overflow:hidden;background:#232626;border:1px solid rgba(255,255,255,.08);font-family:"Figtree",system-ui,sans-serif}
.bcx-modal-h{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.08)}
.bcx-modal-h b{flex:1;color:#fff;font-size:16px}
.bcx-modal-x{width:38px;height:38px;border-radius:50%;border:0;background:#3A4142;color:#fff;font-size:24px;line-height:1;cursor:pointer}
.bcx-modal-b{aspect-ratio:16/9;background:#000}
.bcx-modal-b iframe{width:100%;height:100%;border:0;display:block}

@media (max-width:1024px){
 .bcx-promos{grid-template-columns:repeat(2,1fr)}
 .bcx-demos{grid-template-columns:repeat(3,1fr)}
 .bcx-duo{grid-template-columns:1fr}
}
@media (max-width:640px){
 .bcx{padding-top:20px}
 .bcx-wrap{padding:0 14px}
 .bcx-promos,.bcx-cats-big{grid-template-columns:1fr}
 .bcx-promo{min-height:0}
 .bcx-promo img{width:92px;height:92px}
 .bcx-promo-txt b{font-size:19px}
 .bcx-cat-big{min-height:130px;padding:16px}
 .bcx-cat-big b{font-size:22px}
 .bcx-cat-big img{width:110px;height:110px}
 .bcx-cats{grid-template-columns:repeat(2,1fr)}
 .bcx-cats .bcx-cat:last-child{grid-column:1/-1}
 .bcx-row{grid-auto-columns:120px;gap:10px}
 .bcx-play{opacity:1;transform:none;height:30px;font-size:13px}
 .bcx-demos{grid-template-columns:repeat(2,1fr);gap:10px}
 .bcx-demo-btns{grid-template-columns:1fr}
 .bcx-app{flex-direction:column-reverse;align-items:flex-start}
 .bcx-app img{width:110px}
 .bcx-pay ul{grid-template-columns:repeat(4,1fr)}
}
.bcx-duo{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.bcx-duo>*,.bcx-promo,.bcx-cat,.bcx-demo{min-width:0}
@media (max-width:1024px){.bcx-duo{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.bcx-app img{max-width:100%}.bcx-pay ul{grid-template-columns:repeat(4,minmax(0,1fr))}}
html,body{overflow-x:clip}
/* bcx v2: 10 demo slots + 3 promos */
.bcx-demo-img{aspect-ratio:1/1}
.bcx-demos a.bcx-btn{text-decoration:none}
@media (max-width:1024px){.bcx-promos{grid-template-columns:repeat(3,minmax(0,1fr))}.bcx-promo{flex-direction:column-reverse;align-items:flex-start}.bcx-promo img{width:96px;height:96px}.bcx-demos{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.bcx-demo-btns{grid-template-columns:1fr}}
@media (max-width:760px){.bcx-promos{grid-template-columns:1fr}.bcx-promo{flex-direction:row;align-items:center}.bcx-demos{grid-template-columns:repeat(2,minmax(0,1fr))}.bcx-demo-btns{grid-template-columns:1fr 1fr}}
@media (max-width:380px){.bcx-demo-btns{grid-template-columns:1fr}}
.bcx h2.bcx-title{margin:0;padding:0;border:0;background:none;font:800 20px/1.2 "Figtree",system-ui,sans-serif;color:#fff;text-align:left;letter-spacing:0;text-transform:none}.bcx h2.bcx-title::before,.bcx h2.bcx-title::after{content:none;display:none}
a.ilk{color:#24EE89;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;font-weight:600}a.ilk:hover{color:#9FE871}






* {
    box-sizing: border-box;
}

.TOA__button span {
    pointer-events: none;
    display: block;
    padding: 6px 12px;
    background: #fff;
    border-radius: 10px;
}

.TOA__button img {
    height: 16px;
    width: auto;
    object-fit: contain;
}


.TOA-block {
    margin-top: 1rem;
    font: normal 400 16px/24px var(--ff-primary);
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 16px;
}

.TOA-block:not(:has( > *)) {
    display: none;
}

.TOA-block__item {
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    overflow: hidden;
    background: var(--bcx-card);
    border: 1px solid var(--bcx-line);
    padding: 12px;
    gap: 16px;
}

.TOA-block:not(:has( .TOA-block__item-coefficients)) .TOA__button {
    margin-top: auto;
}

.TOA-block__item-header {
    padding: 12px;
    border-radius: 8px;
    background: #3A4142;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    text-align: center;
}

.TOA-block__item-teams {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    min-height: 36px;
    font-size: 14px;
    line-height: 16px;
}

.TOA-block__item-team {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

.TOA-block__item-team-logo {
    display: block;
    position: relative;
    width: 70px;
    height: 70px;
    border-radius: 100%;
    background: #3A4142;
}

.TOA-block__item-team-logo::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    width: 44px;
    height: 44px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/*.TOA-block__item--soccer .TOA-block__item-team-logo::after {*/
/* background-image: url("https://bc-game.page/assets/soccer.png");*/
/*}*/

/*.TOA-block__item--basketball .TOA-block__item-team-logo::after {*/
/* background-image: url("https://bc-game.page/assets/basketball.png");*/
/*}*/

.TOA-block__item--cricket .TOA-block__item-team-logo::after {
    background-image: url("https://bc-game.page/assets/cricket.png");
}

/*.TOA-block__item--tennis .TOA-block__item-team-logo::after {*/
/* background-image: url("https://bc-game.page/assets/tennis.png");*/
/*}*/

.TOA-block__item-center {
    display: flex;
    flex-direction: column;
    gap: 14px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
}

.TOA-block__item-center span {
    font-weight: 600;
}

.team-1 {
    text-align: center;
}

.team-2 {
    text-align: center;
}

.TOA-block__item-coefficients {
    margin-top: auto;
    display: flex;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

.TOA-block__item-coefficient {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px;
    flex: 1 1;
    font-weight: 700;
}

.TOA-block__item-coefficient small {
    font-weight: 400;
}

.tip-1 .c1,
.tip-2 .c2,
.tip-x .cx {
    border-bottom: 3px solid #0FA353;
}


.TOA-block__item-coefficient .odds {
    font-weight: 600;
    color: #313EA2;
}

.TOA-block__item-tip {
    padding: 6px 12px;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 0px 5px 0px rgba(144, 143, 143, 0.50);
}

.TOA-block__item-tip span {
    font-size: 14px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background-image: var(--bg-grad);
    height: 24px;
    width: 20px;
    flex-shrink: 0;
}

@media (max-width: 575px) {
    .TOA-block {
        grid-template-columns: 1fr;
    }

    .TOA-block__item:nth-child(n+4) {
        display: none;
    }
}
/* the-odds-api */