/*wvsrlz*/
@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;500;600;700;800&display=swap');
:root {
    --pbk3: #F1F1F1;
    --axr7: #fff;
    --abfh: #0C0C1A;
    --lgob: #0C0C1A;
    --xjn2: #ffc800;
    --lgi5: #FFF;
    --duoh: #0C0C1A;
    --rinu: #F1F1F1;
    --htyj: #38383C;
    --zuyl: #0C0C1A;
    --kcuf: #0C0C1A;
    --uxmg: #ffc800;
    --zcj1: #ffc800;
    --ylc5: #0C0C1A;
    --blxb: #0C0C1A;
    --rolt: #d2cbcb;
    --yxj4: #ffc800;
    --wle9: #F1F1F1;
    --bndm: #ffc800;
    --jzpu: #0C0C1A;
    --dkn7: #0C0C1A;
    --hbu1: #FFE100;
    --pdia: #0C0C1A;
    --zfkv: #F8F8F9;
    --drff: #8fb4e5;
    --nxi1: #F1F1F1;
    --zxx5: var(--zuyl);
    --sldg: #38383C;
    --scv2: #142052;
    --eqod: #F1F1F1;
    --oikg: #0C0C1A;
    --egkk: #0C0C1A;
    --jdak: #d2cbcb;
    --cmka: #0C0C1A;
    --toex: #0C0C1A;
    --gck6: #0C0C1A;
    --pjx4: #F1F1F1;
    --aly8: #000;
    --leu1: #fff;
    --nekb: #ffc800;
    --ktms: #00719a;
    --lyu1: #0C0C1A;
    --keys: #F1F1F1;
    --uqqm: #fff;
    --uay1: #fec630;
    --abm6: #717171;
}


@font-face {
    font-family: 'Lato';
    font-display: swap;
    src: url('fht/bfzoxs.woff2') format('woff2'),
    url('fht/xsipqz.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    font-display: swap;
    src: url('fht/qqopce.woff2') format('woff2'),
    url('fht/sqqgun.woff') format('woff');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    font-display: swap;
    src: url('fht/yvtkdt.woff2') format('woff2'),
    url('fht/odykwa.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    font-display: swap;
    src: url('fht/pkjaib.woff2') format('woff2'),
    url('fht/ffrszf.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    font-display: swap;
    src: url('fht/xtojex.woff2') format('woff2'),
    url('fht/muburg.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    font-display: swap;
    src: url('fht/yqikin.woff2') format('woff2'),
    url('fht/srncqp.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    font-display: swap;
    src: url('fht/myninm.woff2') format('woff2'),
    url('fht/iavoej.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    font-display: swap;
    src: url('fht/nikhoa.woff2') format('woff2'),
    url('fht/afgdit.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    font-display: swap;
    src: url('fht/qkzbyg.woff2') format('woff2'),
    url('fht/zbxxah.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    font-display: swap;
    src: url('fht/uojaki.woff2') format('woff2'),
    url('fht/wwbiuq.woff') format('woff');
    font-weight: 900;
    font-style: italic;
}


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

*, :after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

:root {
    --jgdo: "Lato", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --twjz: "Lato", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

:active, :focus {
    outline: 0
}

a:active, a:focus {
    outline: 0
}

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

:where(.nna) {
    margin-bottom: 0;
}

body, html {
    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%
}

body::-webkit-scrollbar {
    width: 10px
}

body::-webkit-scrollbar-track {
    background: var(--ylc5)
}

body::-webkit-scrollbar-thumb {
    background: var(--zcj1);
    border-radius: 10px
}

.uvs {
    position: fixed;
    bottom: 100px;
    right: 15px;
    z-index: 55;
    opacity: 10
}

.scroll-top__button {
    border: none;
    width: 44px;
    height: 44px;
    border-radius: 8px;

    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background-color: var(--hbu1);
    color: var(--zuyl);
    text-shadow: 1px 1px 2px #000;
    font-size: 20px
}

.scroll-top__button svg {
    fill: var(--pdia)
}

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

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

button {
    cursor: pointer
}

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

a, a:visited {
    text-decoration: none
}

a {
    color: var(--kcuf)
}

p a {
    color: var(--accent-base, #ffc800);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

@media (hover: hover) {
    .btn:hover {
        transform: scale(.96);
    }

    a:hover {
        text-decoration: none;
        opacity: .8;
    }
}

ul li {
    list-style: none
}

img {
    vertical-align: top;
    height: auto
}

h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: 400;
    margin: 0 0 1rem 0;
    color: var(--zuyl);
    font-family: var(--twjz);
    font-size: 1.875rem;
    font-style: normal;
    line-height: 2.25rem;
    text-transform: uppercase
}

h1 {
    font-size: 2.25rem;
    line-height: 2.75rem
}

* + .owf:not(h1) {
    margin-top: 28px;
}


.gj5 {
    text-align: left
}

.cmw {
    text-align: center
}

.mkn {
    text-align: right
}

.wub img {
    max-width: 4.25rem;
    max-height: 4.25rem;
    width: 100%;
    object-fit: contain
}

.item {
    padding: 16px;

    border-radius: 8px;
    background: var(--card-bg, #F8F8F9);
    box-shadow: 0 6px 12px 0 rgba(11, 0, 5, 0.08);
}

@media (max-width: 768px) {
    .wub {
        display: flex;
        gap: .3125rem;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }
}

.wub {
    margin-top: .625rem;
    position: sticky;
    bottom: 0;
    padding: .25rem .75rem 0 .25rem;
    background: #fff;
    display: none;
    justify-content: space-between;
    align-items: center;
    gap: .125rem
}

.zgx {
    color: var(--htyj);
    font-size: 100px;
    text-align: center;
    margin: 95px 0 19px 0;
    line-height: 75px;
}

.ijn {
    color: var(--htyj);
    font-size: 35px;
    text-align: center;
    margin: 0 0 20px 0
}

.tip {
    margin: auto
}

.page:not(.home) .pjy {
    margin-top: 52px;
}

.cv0 {
    margin-top: 100px;
    width: 100%;
    z-index: 20;
    position: absolute;
}


.je6 {
    display: flex;
    align-items: center;
    gap: 4px
}

.twz {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: .5rem 0;
    color: var(--uqqm);
}

.je6 {
    text-align: left;
    color: var(--htyj)
}

.tw4 {
    text-align: left;
    color: var(--accent-base, #ffc800);

}

.kqc {
    color: var(--uqqm);
    display: flex;
    align-items: center;
    gap: 9px;
}

body:not(:has(.iza.ff1)) .cv0 {
    margin-top: 65px;
}

body:not(:has(.iza.ff1))
.kqc,
body:not(:has(.iza.ff1))
.cb3 {
    color: #000000;
}

body:not(:has(.iza.ff1))
.cb3.tw4 {
    color: var(--accent-base, #ffc800);
}

.cb3 {
    display: flex;
    gap: 10px;
}

.liu .uip {
    margin-top: 0;
}

.uip table thead tr:first-child td:first-child, .uip table tbody tr:first-child th:first-child {
    min-width: 10rem;
    border-radius: 8px 0 0 0
}

.uip table thead td, .uip table th {
    color: var(--zuyl);
    text-align: center;
    font-weight: 700;
    background: var(--nekb);
}

[class*=" icon-font__"]:before, [class^=icon-font__]:before {
    font-family: icons;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.lkl:before {
    content: "\e901";
    color: #fff
}

.wn2:before {
    content: "\e902";
    color: #fff
}

.njd:before {
    content: "\e903";
    color: #fff
}

.pwv:before {
    content: "\e904";
    color: #fff
}

.vh9:before {
    content: "\e905";
    color: #fff
}

.wn5 {
    align-items: center
}

.oqi {
    align-items: start
}

.ctg {
    align-items: end
}

.clf {
    order: 2
}

.ivw {
    order: 1
}

.iza:not(:first-child), .iza.ff1 {
    margin-top: 48px;
}

.iza.ff1 {
    color: #F1F1F1;
    background-color: #0c0c1a;
    padding-top: 2.50rem;
    padding-bottom: 2.50rem;
}

.iza.ff1 .owf {
    color: #F1F1F1;
}

.page:not(.home) .iza.ff1 {
    padding-top: 96px;
    margin-top: -49px;
}

@media (max-width: 1000px) {
    .page:not(.home) .iza.ff1 {
        padding-top: 68px;
        margin-top: -52px;
    }


}

.lja ul {
    display: none
}

.lja.active ul {
    display: flex
}

.lja > ul > li {
    position: relative;
    padding: .5rem .75rem;
    border-radius: .5rem;
    border: 1px solid var(--pjx4, #F1F1F1);
    overflow: hidden;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    background-color: var(--gck6);
    width: fit-content;
    margin-bottom: 10px
}

.lja > ul > li > a {
    color: var(--htyj, #d2cbcb);
}

.lja > ul > li::after {
    position: absolute;
    content: "";
    top: 0;
    left: -300%;
    height: 100%;
    width: 5rem;
    background: rgba(190, 173, 228, .4);
    -webkit-transform: skewX(-45deg);
    -ms-transform: skewX(-45deg);
    transform: skewX(-45deg)
}

.lja > ul > li::before {
    content: none
}

.lja > ul > li:hover {
    -webkit-box-shadow: 0 0 8px 1px var(--keys, #0C0C1A);
    box-shadow: 0 0 8px 1px var(--keys, #0C0C1A)
}

.lja > ul > li:hover::after {
    -webkit-animation: identifier .35s linear;
    animation: identifier .35s linear
}

.jhs .zfk:last-child::after {
    content: none
}

@media (max-width: 576px) {
    .iza {
        margin-top: 48px;
        margin-bottom: 48px;
    }
}

.iza.ff1 {
    margin-top: 24px;
    margin: 0 40px;
    border-radius: 8px;

}

@media (max-width: 1590px) {
    .iza.ff1 {
        margin: 0 12px;
    }
}


.iza:last-child {
    border-bottom: none;
}

.ec1 {
    border-bottom: none;
    padding-bottom: 0
}

.iza ol:not([class]), ol.gfh {
    margin-bottom: 1rem;
    margin-top: 1rem;
    color: var(--htyj, #d2cbcb);
    counter-reset: MyCounter;
    list-style: none
}

.iza ol:not([class]) li, ol.gfh li {
    position: relative;
    counter-increment: MyCounter;
    padding-bottom: 1rem;
    padding-left: 2.125rem
}

.iza ol:not([class]) li:last-child, ol.gfh li:last-child {
    padding-bottom: 0
}

.iza ol:not([class]) li::before, ol.gfh li::before {
    position: absolute;
    top: 0;
    left: 0;
    content: counter(MyCounter);
    width: 1.5rem;
    height: 1.5rem;
    color: var(--lyu1, #0C0C1A);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: .625rem;
    color: var(--text-main, #0C0C1A);
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
}

.iza ol:not([class]) li::after, ol.gfh li::after {
    position: absolute;
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="20" viewBox="0 0 22 20" fill="none"><rect x="0.5" y="0.5" width="19" height="19" rx="9.5" stroke="%2300BBFF"/><rect x="2" width="20" height="20" rx="10" fill="%2300BBFF"/></svg>');
    top: 2px;
    left: 0;
    width: 22px;
    height: 20px;
    z-index: -1;
}

.iza * + ul:not([class]), * + ul.gfh {
    margin-top: 1rem;
}

.iza ul:not([class]), ul.gfh {
    color: var(--htyj, #d2cbcb);
    counter-reset: Counter;
    display: flex;
    flex-direction: column
}

.iza ul:not([class]) li, ul.gfh li {
    position: relative;
    counter-increment: Counter;
    padding-bottom: 1rem;
    padding-left: 26px
}

.iza ul:not([class]) li:last-child, ul.gfh li:last-child {
    padding-bottom: 0
}

.iza ul:not([class]) li::before, ul.gfh li::before {
    position: absolute;
    top: 3.7px;
    left: 3.5px;
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="15" viewBox="0 0 17 15" fill="none"><rect x="0.707107" y="7.23389" width="9.23007" height="9.23007" rx="1.5" transform="rotate(-45 0.707107 7.23389)" stroke="%2300BBFF"/><rect x="2.4668" y="7.23926" width="10.2301" height="10.2301" rx="2" transform="rotate(-45 2.4668 7.23926)" fill="%2300BBFF"/></svg>');

    margin-right: .625rem
}

.oie {
    margin-left: auto;
    margin-right: auto;
}

.oie > *, .jlk > * {
    max-width: 90rem;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 1490px) {
    .oie, .waw, .twz {
        padding-left: 16px;
        padding-right: 16px;
    }

}

.btn {
    position: relative;
    display: block;
    max-width: 11.875rem;
    padding: .6875rem 1.25rem;
    gap: .625rem;
    border-radius: .5rem;
    color: #1e1e28;
    font-family: var(--jgdo);
    font-size: .875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25rem;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    text-align: center;
    cursor: pointer
}

.btn:hover {
    transform: scale(.96)
}

.btn--primary {
    background: var(--bndm);
    color: var(--jzpu)
}

.rf8 {
    border-radius: var(--button-radius, 8px);
    background: var(--secondary-button-bg, #0C0C1A);
    color: var(--secondary-button-color, #FFF);

}

.rj5 {
    background: #fff
}

.xdf {
    display: block;
    width: 100%;
    max-width: unset;
    padding: 1.1rem 2rem;
}

.cjl {
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
}

.ha4 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .25rem
}

.ha4 svg {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem
}

* + .uc7 {
    margin-top: 20px;
}

.nlz {
    margin: 1.5rem 0
}

* + .wct {
    margin-top: 16px;
}

.wct {
    display: -ms-grid;
    display: grid;
    grid-template-columns:1fr 1fr;
    gap: 1.5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.wct > p {
    font-family: var(--jgdo);
    font-weight: 400
}

.wct h1.ase {
    color: var(--zuyl);
    font-family: var(--twjz);
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.75rem;
    text-transform: uppercase
}

.wct.oie {
    margin-top: 2.75rem;
    background-color: var(--scv2)
}

.llq {
    border-radius: 8px
}

.llq .liu {
    padding: 16px
}

@media (max-width: 576px) {
    .wct h1.ase {
        font-size: 1.75rem;
        line-height: 2.25rem
    }

    .nlz {
        margin: 1.5rem 0
    }
}

.ase {
    grid-column: 1/-1;
    color: var(--uqqm);
    font-family: var(--twjz);
    font-size: 1.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.25rem;
    text-transform: uppercase
}

@media (max-width: 576px) {
    .ase {
        font-size: 1.5rem;
        line-height: 1.75rem
    }
}

@media (max-width: 1000px) {
    .liu {
        max-width: 100%;
        grid-column: 1/-1;
    }

    .wct:not(.llq) .liu {
        display: contents;
    }

    .wct {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .wct:not(.llq) h2.owf {
        order: -5;
    }

    .wct:not(.llq) > img {
        order: -1;
        margin-bottom: 16px;
    }

    .nlz {
        order: 1
    }

    .iza.ff1 {
        margin: 0;
        border-radius: 0;
    }

    .iza.ff1:first-child .wct:not(.llq) > img {
        order: 30;
        margin-top: 16px;
        margin-bottom: 0;
    }

    .iza.ff1:first-child {
        display: flex;
        flex-direction: column;
    }

    .iza.ff1:first-child .wct {
        display: contents;
    }

    .iza.ff1:first-child .wct:not(.llq) h2.owf,
    .iza.ff1:first-child .wct:not(.llq) h1.owf {
        order: unset;
    }

    .uc7 {
        width: 100%;
    }

    .iza.ff1:first-child .uc7, .iza.ff1:first-child .qyh {
        width: 100%;
        margin-bottom: 16px;
    }

    .iza.ff1:first-child .liu p:not([class]) {
        order: 1;
    }

    .cv0 {
        margin-top: 80px;
    }

}


.liu p:not(:last-of-type) {
    margin-bottom: 1.0625rem;
}


.liu p:last-child {
    margin-bottom: 0
}

.wct img {
    object-fit: contain;
    width: 100%;
    border-radius: 8px
}

@media (max-width: 1000px) {
    .wct img {
        max-width: 100%;
        width: 100%;
        grid-column: 1/-1;
    }

    .twz {
        padding: 0;
    }
}


@media (max-width: 576px) {
    .qyh {
        padding: 1.25rem
    }
}

.qzv {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.qzv img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.yzd {
    position: relative;
    gap: .9375rem;
    -ms-flex: 1;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media (max-width: 768px) {
    .yzd {
        max-width: 100%;
        padding-right: 0
    }

    body:not(:has(.iza.ff1)) .cv0 {
        margin-top: 125px;
    }
}

.ha8 {
    color: var(--zuyl);
    font-family: var(--twjz);
    font-size: 24px;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 16px;
}

.qyl {
    position: relative;
    color: var(--zuyl);
    font-family: Montserrat;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5rem;
    padding-bottom: 1.25rem
}

.qyl::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: -webkit-gradient(linear, right top, left top, color-stop(-7.11%, rgba(126, 172, 47, 0)), color-stop(50.12%, #7eac2f), color-stop(107.93%, rgba(126, 172, 47, 0)));
    background: linear-gradient(270deg, rgba(126, 172, 47, 0) -7.11%, #7eac2f 50.12%, rgba(126, 172, 47, 0) 107.93%)
}

.qyl span {
    color: #a7dc4c;
    font-weight: 700
}

.sy1 {
    display: flex;
    align-items: flex-start;
    gap: 1.875rem
}

@media (max-width: 768px) {
    .sy1 {
        flex-direction: column
    }

    .cv0 {
        margin-top: 136px;
    }
}

.wdt {
    min-width: 17.3125rem
}

.pdd {
    display: flex;
    flex-direction: column;
    gap: .625rem
}

@media (max-width: 768px) {
    .pdd {
        width: 100%;
        align-self: center
    }
}

.um3 {
    width: 100%;
    height: 3.25rem;
    gap: .25rem;
    display: flex;
    justify-content: space-between;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, .3);
    padding: .125rem
}

.pdd input {
    max-width: 11.875rem;
    color: #a7dc4c;
    background-color: transparent;
    font-family: Montserrat;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1rem;
    padding: 1rem 1.25rem
}

.pdd .btn {
    padding: 1rem 2rem
}

.je0 {
    padding: .75rem 1.25rem;
    min-width: 5.25rem;
    min-height: 2.375rem;
    height: 100%;
    border-radius: 3px;
    background: #185a8a;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .25rem;
    color: var(--zuyl);
    font-family: "TT Firs Neue";
    font-size: .875rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1rem;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.je0:hover {
    -webkit-transform: scale(.97);
    -ms-transform: scale(.97);
    transform: scale(.97)
}

.je0.copied {
    background-color: #10ec10
}

.je0 svg {
    width: 1.25rem;
    height: 1.25rem
}

.je0 svg use {
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.je0:hover use {
    scale: 1.02
}

@media (max-width: 576px) {
    .qyh {
        width: 100%
    }
}

@media (max-width: 1380px) {
    .yzd {
        flex-direction: column
    }
}

.xqs {
    position: relative;
    display: flex;
    align-items: flex-start;
    padding: 1.5rem;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-radius: .625rem;
    gap: 1.375rem;
    overflow: hidden
}

@media (max-width: 768px) {
    .xqs {
        width: 100%;
        flex-direction: column;
        gap: .3125rem
    }
}

.xtj {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.xtj img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.gg7 {
    position: relative;
    gap: .5rem;
    -ms-flex: 1;
    flex: 1;
    max-width: 15.375rem;
    display: flex;
    flex-direction: column
}

@media (max-width: 768px) {
    .gg7 {
        max-width: 100%;
        padding-right: 0
    }
}

@media (max-width: 390px) {
    .gg7 {
        max-width: 95%;
        margin: 0 auto
    }
}

.eqt {
    color: var(--zuyl);
    font-family: Montserrat;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: left
}

@media (max-width: 390px) {
    .eqt {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        text-align: center
    }
}

.sht {
    color: var(--zuyl);
    font-family: Montserrat;
    font-size: 1.0625rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem
}

@media (max-width: 576px) {
    .sht {
        font-size: .875rem
    }
}

@media (max-width: 390px) {
    .sht {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        text-align: center
    }
}

.sht span {
    color: #a7dc4c;
    font-weight: 700
}

.aoa {
    color: var(--zuyl);
    font-family: Montserrat;
    font-size: .875rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.5rem
}

@media (max-width: 390px) {
    .aoa {
        order: 2;
        text-align: center
    }
}

.xqs > svg {
    position: relative;
    width: 3.125rem;
    height: 2.5rem;
    align-self: center
}

@media (max-width: 390px) {
    .xqs > svg {
        -webkit-transform: translate(-90%, -20%) scaleX(-1) rotate(90deg);
        -ms-transform: translate(-90%, -20%) scaleX(-1) rotate(90deg);
        transform: translate(-90%, -20%) scaleX(-1) rotate(90deg)
    }
}

.dfu {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: .625rem;
    max-width: 16.625rem
}

@media (max-width: 768px) {
    .dfu {
        max-width: 100%;
        width: 100%
    }
}

.vm8 {
    width: 100%;
    height: 3.25rem;
    gap: .25rem;
    display: flex;
    justify-content: space-between;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, .3);
    padding: .125rem
}

.dfu input {
    max-width: 10.625rem;
    color: #a7dc4c;
    background-color: transparent;
    font-family: Montserrat;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1rem;
    padding: 1rem .3125rem 1rem 1.25rem
}

.dfu .btn {
    padding: 1rem 2rem
}

.qeg {
    padding: .75rem .625rem;
    min-width: 5.375rem;
    min-height: 2.375rem;
    height: 100%;
    border-radius: 3px;
    background: #093056;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .25rem;
    color: var(--zuyl);
    font-family: "TT Firs Neue";
    font-size: .875rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1rem;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.qeg:hover {
    -webkit-transform: scale(.97);
    -ms-transform: scale(.97);
    transform: scale(.97)
}

.qeg.copied {
    background-color: #10ec10
}

.qeg svg {
    width: 1.25rem;
    height: 1.25rem
}

.qeg svg use {
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.qeg:hover use {
    scale: 1.02
}

@media (max-width: 576px) {
    .xqs {
        width: 100%
    }
}

@media (max-width: 1380px) {
    .gg7 {
        flex-direction: column
    }
}

.zi5 {
    position: relative;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 1.625rem 1.875rem 1.875rem 1.875rem;
    border-radius: .625rem;
    background: var(--bg-sports, linear-gradient(102deg, rgba(4, 14, 40, .6) 0, rgba(4, 14, 40, .18) 100%), #185a8a);
    gap: .625rem;
    overflow: hidden
}

@media (max-width: 768px) {
    .zi5 {
        flex-direction: column;
        align-items: center
    }
}

@media (max-width: 576px) {
    .zi5 {
        padding: 1.375rem 1.25rem 1.25rem 1.25rem
    }
}

.bji {
    gap: 1.5rem;
    -ms-flex: 1;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media (max-width: 768px) {
    .bji {
        max-width: 100%;
        padding-right: 0
    }
}

.hfr {
    color: var(--zuyl);
    font-family: Montserrat;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: center
}

.bvb {
    display: flex;
    justify-content: center
}

.ogp {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    padding-right: 1.375rem;
    padding-left: 1.375rem;
    border-right: 1px solid rgba(210,203,203,.3)
}

.ogp:last-child {
    border-right: none;
    padding-right: 0
}

.ogp:first-child {
    padding-left: 0
}

@media (max-width: 576px) {
    .ogp {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

.jvn {
    text-align: center;
    color: var(--zuyl);
    font-family: Montserrat;
    font-size: 1.0625rem;
    font-style: normal;
    font-weight: 600;
    line-height: 25.554px;
    letter-spacing: -.17px
}

@media (max-width: 576px) {
    .jvn {
        font-size: .875rem
    }
}

.ur0::after {
    content: " ★ ★ ★ ★ ★"
}

@media (max-width: 576px) {
    .ur0::after {
        content: " ★ ";
        font-size: 1.0625rem
    }
}

.cvj {
    color: #dfdfdf;
    text-align: center;
    font-family: Montserrat;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 25.554px;
    letter-spacing: -.14px
}

@media (max-width: 576px) {
    .cvj {
        font-size: .75rem
    }
}

.vf5 {
    position: relative;
    display: flex;
    gap: 1.125rem;
    padding-bottom: 1.25rem
}

@media (max-width: 768px) {
    .vf5 {
        flex-direction: column
    }
}

.vf5::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: -webkit-gradient(linear, right top, left top, color-stop(-7.11%, rgba(126, 172, 47, 0)), color-stop(50.12%, #7eac2f), color-stop(107.93%, rgba(126, 172, 47, 0)));
    background: linear-gradient(270deg, rgba(126, 172, 47, 0) -7.11%, #7eac2f 50.12%, rgba(126, 172, 47, 0) 107.93%)
}

.vf5 .btn {
    padding-top: .875rem;
    padding-bottom: .875rem
}

.xok {
    color: var(--zuyl);
    text-align: center;
    font-family: Montserrat;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem
}

@media (max-width: 576px) {
    .xok {
        font-size: .875rem
    }
}

.xok span {
    color: #a7dc4c;
    font-weight: 700
}

.myq {
    display: flex;
    flex-direction: column;
    gap: .625rem
}

.gor {
    width: 100%;
    height: 3.25rem;
    gap: .25rem;
    display: flex;
    justify-content: space-between;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, .3);
    padding: .125rem
}

.myq input {
    max-width: 11.875rem;
    color: #a7dc4c;
    background-color: transparent;
    font-family: Montserrat;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1rem;
    padding: 1rem 1.25rem
}

.myq .btn {
    padding: 1rem 2rem
}

.fq3 {
    padding: .75rem 1.25rem;
    min-width: 5.25rem;
    min-height: 2.375rem;
    height: 100%;
    border-radius: 3px;
    background: #093056;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .25rem;
    color: var(--zuyl);
    font-family: "TT Firs Neue";
    font-size: .875rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1rem;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.fq3:hover {
    -webkit-transform: scale(.97);
    -ms-transform: scale(.97);
    transform: scale(.97)
}

.fq3.copied {
    background-color: #10ec10
}

.fq3 svg {
    width: 1.25rem;
    height: 1.25rem
}

.fq3 svg use {
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.fq3:hover use {
    scale: 1.02
}

@media (max-width: 576px) {
    .zi5 {
        width: 100%
    }
}

@media (max-width: 1380px) {
    .bji {
        flex-direction: column
    }
}

.rup {
    display: none;
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0
}

.it6 {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3)
}

.wix {
    width: 100%;
    max-width: 72.25rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    z-index: 2;
    overflow: hidden;
    padding: 1.25rem;
    border-radius: .75rem;
    background: #fff;
    overflow: auto;
    max-height: 100vh
}

.wix .btn {
    margin-top: 20px;
}

.fw8, .ae7 {
    width: 85%;
    position: relative;
    display: flex;
    gap: .5rem;
    margin-bottom: .75rem;
    align-items: center;
    color: var(--text-white-bg, #575f6b);
    font-family: var(--twjz);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    text-transform: uppercase;
    margin-top: 0
}

.fw8 svg, .ae7 svg {
    display: inline-block;
    max-width: 2.5rem;
    max-height: 2.5rem;
    cursor: pointer
}

.fw8 svg:first-child, .ae7 svg:first-child {
    border-radius: 8px;
    background: rgba(255, 255, 255, .05)
}

.fw8 svg:last-child, .ae7 svg:last-child {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0
}

.cqf {
    color: var(--zuyl);
    font-family: var(--jgdo);
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5rem
}

.cqf span {
    color: var(--ktms, #00719a)
}

.lne .btn, .ya8 .btn {
    margin-top: 1rem
}

.ya5, .eza {
    padding-top: .75rem;
    padding-bottom: .75rem;
    border-top: 1px solid rgba(255, 255, 255, .1)
}

.ya5 p, .eza p {
    margin-bottom: .625rem;
    color: var(--text-white-bg, #575f6b);
}

.ya5 p:last-child, .eza p:last-child {
    margin-bottom: 0
}

.mmk, .naf {
    counter-reset: MyCounter
}

.mmk .xdk,
.naf .kqa {
    position: relative;
    counter-increment: MyCounter;
    color: var(--text-white-bg, #575f6b);
    padding-bottom: 1rem;
    padding-left: 2.125rem
}

.mmk .xdk:last-child,
.naf .kqa:last-child {
    padding-bottom: 0
}

.mmk .xdk:last-child::after,
.naf .kqa:last-child::after {
    display: none
}

.mmk .xdk::before,
.naf .kqa::before {
    position: absolute;
    top: 0;
    left: 0;
    content: counter(MyCounter);
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    border: 1px solid var(--nekb);
    color: var(--nekb);
    font-weight: 700;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: .625rem
}

.mmk .xdk::after,
.naf .kqa::after {
    position: absolute;
    content: "";
    top: 1.5rem;
    left: .75rem;
    width: .0625rem;
    height: calc(100% - 1.5rem);
    background: var(--nekb)
}

.mmk .xdk span,
.naf .kqa span {
    color: var(--text-white-bg, #575f6b);
    font-weight: 700
}

.bgu {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.rup .js-cross {
    position: absolute;
    top: .625rem;
    right: .625rem;
    width: 2.5rem;
    height: 2.5rem;
    cursor: pointer
}

.rup.open {
    display: block
}

.xtz {
    display: flex;
    gap: 8px;
    flex-direction: column;
    max-width: 352px;
    width: 100%;
}

.xtz .btn {
    min-width: 100%;
    display: flex;
    padding: 12px 48px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: var(--button-radius, 8px);

}

.uip {
    overflow-x: auto;
    margin-bottom: 1.0625rem;
    margin-top: 1rem;
    border-radius: 8px;
    background: var(--card-bg, #F8F8F9);
    box-shadow: 0 6px 12px 0 rgba(11, 0, 5, 0.08);
    padding: 16px;
}

.uip table {
    width: 100%;
    border-spacing: 0;
    height: auto;
    border-radius: 10px;
    overflow: auto;
    border-radius: 8px
}

.uip table a {
    text-decoration-line: underline
}


@media (max-width: 768px) {
    .uip table {
        width: 48rem
    }

    .bgu {
        grid-template-columns: 1fr;
    }
}

.uip table {
    background-color: var(--zfkv);
    border-collapse: separate !important;
}

.uip table thead td, .uip table thead th {
    color: var(--zxx5);
    text-align: center;
    font-weight: 700;
    background: var(--nxi1)
}

.uip table td, .uip table th {
    border: 1px solid var(--drff);
    padding: .75rem;
    text-align: center;
    color: var(--sldg);
}

.uip.jie table thead > tr > th:nth-child(1) {
    border-bottom: none;
    padding-top: 1.5625rem;
    padding-bottom: 0;
    line-height: normal
}

.uip.jie table tbody tr:nth-child(1) td {
    background: var(--nekb)
}

.uip.jie table tbody tr:nth-child(1) td:nth-child(1) {
    border-top: none;
    color: transparent
}

.uip.jie {
    max-width: 75rem;
    margin: 1.75rem auto
}

@media (max-width: 576px) {
    .uip.jie {
    }
}

@media (max-width: 1380px) {
    .uip.jie {
    }
}

.uip.jie table tbody tr:nth-child(1) td {
    color: var(--zuyl);
    text-align: center;
    background: var(--nekb)
}

.uip table {
    border: none !important;
    border-collapse: collapse;
}

.uip table td,
.uip table th {
    border: 1px solid var(--drff);
}

.uip table tr:first-child th {
    border-top: none;
}

.uip table tr:last-child td {
    border-bottom: none;
}

.uip table tr td:first-child,
.uip table tr th:first-child {
    border-left: none;
}

.uip table tr td:last-child,
.uip table tr th:last-child {
    border-right: none;
}

.uip table tbody tr:first-child td {
    border-top: none !important;
}

.uip table thead th,
.uip table thead td {
    border-bottom: 1px solid var(--drff);
}

.uqf {
    margin-top: 1.25rem;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 1.25rem;

}

.guu {
    display: inline-block;
    flex: 1 1 auto
}

.eg4 {
    max-width: 18.125rem;
    flex: 1 1 auto
}

@media (max-width: 576px) {
    .eg4 {
        max-width: 100%
    }
}

.eg4 p {
    margin-bottom: .5rem;
    color: var(--htyj);
}

.eg4 p:last-child {
    margin-bottom: 0
}

.eg4 p span {
    color: var(--htyj, #d2cbcb);
    font-weight: 700;
}

.uks {
    max-width: 18.125rem;
}

.nw3 .uks li {
    display: flex;
    align-items: center;
    gap: 6px;
}

.nw3 .uks {
    gap: 16px
}

* + .man {
    margin-top: 10px;
}

.skc {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

@media (max-width: 576px) {
    .uks {
        max-width: 100%
    }
}

.uks {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem
}

.uks .tr1 {
    display: flex;
    align-items: center;
    gap: .25rem;
    padding: .25rem .75rem;
    border-radius: .5rem;
    border: 1px solid rgba(255, 255, 255, .1);
    color: var(--htyj, #d2cbcb);
    font-family: var(--jgdo);
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem
}

.uks .tr1 img {
    width: 24px;
    height: 24px
}

.jhs {
    max-width: 36.25rem;
    flex: 1 1 auto
}

@media (max-width: 576px) {
    .jhs {
        max-width: 100%
    }
}

.jhs .nsa {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    padding-bottom: .75rem;
    border-bottom: 2px solid rgba(255, 255, 255, .1)
}

@media (max-width: 576px) {
    .jhs .nsa {
        flex-direction: column
    }
}

.jhs .zfk {
    color: var(--htyj, #d2cbcb);
}

.jhs .zfk .ybh {
    margin-top: .75rem;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: .5rem
}

.jhs .zfk .ybh .tr1 {
    width: 2.25rem;
    height: 1.5rem
}

.jhs .zfk .ybh .tr1 img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.jhs .zfk {
    position: relative
}

.jhs .zfk::after {
    position: absolute;
    content: "";
    top: 0;
    right: -.625rem;
    width: 1px;
    height: 100%;
    background: rgba(255, 255, 255, .1)
}

.jhs p {
    padding-bottom: .75rem;
    padding-top: .75rem;
    font-weight: 700;
    border-bottom: 2px solid rgba(255, 255, 255, .1)
}

.jhs p span {
    color: var(--htyj, #d2cbcb);
}

.jhs .pyt {
    position: relative;
    display: flex;
    justify-content: space-between
}

.jhs .pyt::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(255, 255, 255, .1)
}

.jhs .pyt p {
    padding-bottom: 0;
    border-bottom: none
}

.tan {
    max-width: 22.6875rem;
    flex: 1 1 auto
}

@media (max-width: 576px) {
    .tan {
        max-width: 100%
    }
}

.tan .ybh {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem
}

.tan .ybh .tr1 {
    padding: .25rem .75rem;
    border-radius: .5rem;
    border: 1px solid rgba(255, 255, 255, .1);
    color: var(--htyj, #d2cbcb);
    font-family: var(--jgdo);
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem
}

.rny {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin: 0
}

.rny .nxm {
    display: flex;
    gap: 4px;
    align-items: center
}

.ybh {
    color: var(--htyj, #d2cbcb);
    margin-bottom: 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin-top: 5px
}

.ybh span {
    font-size: 14px;
    font-weight: 700;
    line-height: 22px
}

.ybh img {
    max-height: 45px;
    width: auto
}

.dg8.sqg .fvo {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px
}

.dg8.sqg + .dg8.sqg {
    margin-top: 8px
}

* + .dg8 {
    margin-top: 8px
}

.ynb {
    padding: .25rem .75rem;
    border-radius: .5rem;
    border: 1px solid rgba(255, 255, 255, .1);
    color: var(--htyj, #d2cbcb);
    font-family: var(--jgdo);
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    width: fit-content;
    display: flex;
    gap: 4px
}

.guu span {
    font-size: 14px;
    font-weight: 700;
    line-height: 22px
}

.rb3:not(:last-child) {
    margin-bottom: 8px
}

.ybh.uks {
    margin-top: 5px
}

.nw3 {
    min-width: 16.1875rem;
    max-width: 36.25rem;
}

.dg8.sqg {
    padding-top: 12px;
    border-top: 2px solid rgba(255, 255, 255, .1)
}

.wxz {
    max-width: 16.1875rem;
    flex: 1 1 auto
}

@media (max-width: 576px) {
    .wxz {
        max-width: 100%
    }
}

.wxz .ybh {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem
}

.wxz .ybh .tr1 {
    display: flex;
    align-items: center;
    gap: .25rem;
    padding: .25rem .75rem;
    border-radius: .5rem;
    border: 1px solid rgba(255, 255, 255, .1);
    color: var(--htyj, #d2cbcb);
    font-family: var(--jgdo);
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem
}

.wxz .ybh .tr1 img {
    width: 24px;
    height: 24px
}

.zo2 {
    max-width: 16.1875rem;
    flex: 1 1 auto
}

@media (max-width: 576px) {
    .zo2 {
        max-width: 100%
    }
}

.zo2 .jzs {
    width: 11.25rem;
    margin-bottom: .5rem
}

.zo2 .jzs img {
    width: 100%;
    object-fit: contain;
    height: auto
}

.zo2 span {
    color: var(--htyj, #d2cbcb);
}

.kat {
    max-width: 16.1875rem;
    flex: 1 1 auto
}

.jzs img {
    max-height: 60px;
    width: auto
}

@media (max-width: 576px) {
    .kat {
        max-width: 100%
    }
}

.kat .agt {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .25rem
}

@media (max-width: 576px) {
    .kat .agt {
        -webkit-box-orient: horizontal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: .5rem;
        flex-wrap: wrap
    }
}

.qo0 {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: .25rem;
    padding: 0 .4rem;
    border-radius: .5rem;
    border: 1px solid rgba(255, 255, 255, .1);
    width: fit-content
}

.qo0 a {
    color: var(--htyj, #d2cbcb);
    font-family: var(--jgdo);
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    display: inline-block;
    padding: .25rem .75rem;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.qo0::after {
    position: absolute;
    content: "";
    top: 0;
    left: -300%;
    height: 100%;
    width: 5rem;
    background: rgba(190, 173, 228, .4);
    -webkit-transform: skewX(-45deg);
    -ms-transform: skewX(-45deg);
    transform: skewX(-45deg)
}

.qo0:hover {
    -webkit-box-shadow: 0 0 8px 1px var(--keys, #0C0C1A);
    box-shadow: 0 0 8px 1px var(--keys, #0C0C1A);
    cursor: pointer
}

.qo0:hover::after {
    -webkit-animation: identifier .35s linear;
    animation: identifier .35s linear
}

* + .xf1 {
    margin-top: 16px
}

.guu:has(.pxt) {
    display: grid;
    grid-template-columns:1fr 1fr;
    gap: 0 24px
}

.guu:has(.pxt) .zkl {
    grid-column: 1 / -1
}

.guu:has(.pxt) .dg8 {
    grid-column: 1 / -1
}

.guu .pxt:first-of-type {
    grid-column: 1
}

.guu .pxt:la {
    grid-column: 2;
    border-left: 2px solid rgba(255, 255, 255, .1);
    padding-left: 10px
}

.pxt img {
    max-height: 24px;
    width: auto
}

@-webkit-keyframes identifier {
    0% {
        left: -100%
    }
    100% {
        left: 100%
    }
}

@keyframes identifier {
    0% {
        left: -100%
    }
    100% {
        left: 100%
    }
}

p.zkl {
    margin-top: 0;
    margin-bottom: 1rem;
    color: var(--htyj);
    font-family: var(--twjz);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    text-transform: uppercase;
    padding: 0;
    border: none;
    margin: 0 0 1rem 0
}

* + .tp8 {
    margin-top: 16px;
}

.tp8 {
    position: relative;
    counter-reset: myCounter;
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fill, minmax(348px, 1fr));
}


.tp8 .fjj {
    position: relative;
    padding: .75rem;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}

.tp8 .fjj .btn {
    min-width: 100%;
    margin-top: 20px;
    width: 100%;
}

.ba0::after {
    content: '';
    background: var(--accent-base, #ffc800);
    height: 1px;
    position: relative;
    width: 100%;
}

.ba0 {
    color: var(--accent-base, #ffc800);
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
    display: flex;
    align-items: center;
    gap: 12px;
}


.qsd {
    color: var(--text-main, #0C0C1A);
    font-size: 20px;
    font-weight: 600;
    line-height: 140%;
}

.tp8 .edw {
    max-width: 35.625rem
}

@media (max-width: 1380px) {
    .tp8 .edw {
        max-width: 100%
    }
}

.tp8 .edw p {
    margin-bottom: .625rem;
    color: var(--htyj, #d2cbcb);
}

.tp8 .edw .btn {
    margin-top: .75rem;
    margin-bottom: .3125rem;
    padding: .75rem 1.25rem;
    max-width: 17.5rem
}

@media (max-width: 576px) {
    .tp8 .edw .btn {
        max-width: unset
    }
}

.tp8 .fjj img {
    max-width: 575px;
    width: 100%;
    height: auto;
    overflow: hidden;
    border-radius: .5rem;
    object-fit: cover;
    margin-top: 16px;
}

@media (max-width: 768px) {
    .tp8 .fjj img {
        max-width: 100%;
    }
}

@media (max-width: 576px) {
    .tp8 .fjj img {
        width: 100%;
        flex: none
    }
}

.hidden, .sre {
    display: none
}

.no-scroll {
    overflow: hidden
}

.title {
    color: var(--zuyl);
    font-family: var(--twjz);
    font-size: 1.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.25rem;
    text-transform: uppercase;
    margin-bottom: 1.5rem
}

@media (max-width: 576px) {
    .title {
        font-size: 1.5rem;
        line-height: 1.75rem;
        margin-bottom: 1rem
    }
}

body {
    background-color: var(--rinu);
    font-family: var(--jgdo);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    color: #38383C;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
}

main {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.jlk {
    position: sticky;
    top: 0;
    padding-top: .625rem;
    padding-bottom: .625rem;
    width: 100%;
    z-index: 99;
    background: var(--pbk3);
}

.waw {
    display: flex;
    gap: 24px;
}

@media (max-width: 1380px) {
    .waw {
        position: relative;
        justify-content: space-between;
        flex-wrap: wrap;
    }
}

@media (max-width: 768px) {
    .waw {
        gap: 1rem;

    }
}

.crx {
    display: flex;
    align-items: flex-start;
    width: fit-content;
    order: -2;
}

@media (max-width: 576px) {
    .crx {
    }
}

.qfl {
    flex: 1 0 auto;
    display: flex;
    max-width: 50%;
    align-items: center;
}

.btw {
    position: relative;
    display: none;
    max-width: 95%;
    width: 100%;
    margin: 10rem auto 0 auto;
    align-items: flex-start;
    gap: 1rem;
    padding: .75rem;
    border-radius: .75rem;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(30,78,108,.95)), to(rgba(30,78,108,.95)));
    background: linear-gradient(0deg, rgba(30,78,108,.95) 0, rgba(30,78,108,.95) 100%);
    overflow: hidden;
    align-items: center;
}

.sxm {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover
}

.btw::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.50);
    z-index: 1;
    margin-left: -11px;

}

.cnr {
    position: relative;
    width: 6rem;
    z-index: 2;
}

.cnr img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    margin-bottom: -14px;
}

.it8 {
    position: relative;
    z-index: 2;
}

.hdi {
    color: var(--uqqm);
    font-family: var(--twjz);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    text-transform: uppercase;
    margin-bottom: .25rem
}

.dnk {
    color: var(--uqqm, #fff);
    font-family: var(--jgdo);
    margin-bottom: 1rem
}

.yyn {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.75rem
}

@media (max-width: 1380px) {
    .yyn {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding-left: 16px;
        border-top: 1px solid rgba(255, 255, 255, 0.10);
        padding-top: 24px;
    }
}

.qfl .ug1 {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--uqqm);
    font-family: var(--jgdo);
    font-size: .875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25rem
}

.qfl .ug1 a {
    color: var(--zuyl);
    -webkit-transition: color .2s ease 0s;
    transition: color .2s ease 0s;
    width: 100%;
    color: var(--text-main, #0C0C1A);
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
}

.ug1.prefix-header__nav-item--has-children:hover > .prefix-header__nav-link {
    color: var(--accent-base, #ffc800);
}

.prefix-header__nav-link.qyv {
    color: #02bbff;
    font-size: 16px;
}

.qfl .ug1 a:hover {
    color: var(--accent-base, #ffc800);
}

.prefix-sub-menu__link {
    width: 100%;
    cursor: pointer;
}

.feh {
    color: var(--lgob);
    background-color: var(--xjn2)
}

.kvt {
    color: var(--lgi5);
    background-color: var(--duoh)
}

.prefix-header__nav-link {
    display: flex;
    align-items: center;
    gap: .25rem;
    color: var(--axr7)
}

div.prefix-header__nav-link {
    color: var(--abfh)
}

.prefix-header__nav-link img {
    max-width: 24px;
    height: 24px;
    object-fit: contain
}

.qfl .ug1 span {
    color: #c3bfbf;
    cursor: default;
    line-height: 12px;

}

.qfl .prefix-header__nav-item-arrow {
    cursor: pointer;
}

.qfl .ug1 .ubq {
    display: flex;
    align-items: center;
    gap: .625rem;
    font-size: 1rem;
    line-height: 1rem;
    margin-bottom: .625rem
}

.qfl .ug1 .ubq:last-child {
    margin-bottom: 0
}

.qfl .ug1 .ubq img {
    width: 2rem;
    height: 2rem
}

@media (max-width: 768px) {
    .qfl .ug1 .ubq img {
        width: 1.375rem;
        height: 1.375rem
    }
}

.qfl .ug1.jvm {
    position: relative;
    padding-right: 1.375rem
}

.qfl .ug1.jvm > a, .qfl .ug1.jvm > span {
    display: inline-block
}

.qfl .ug1.jvm > a::after, .qfl .ug1.jvm > span::after {
    position: absolute;
    top: .375rem;
    right: .5rem;
    content: "";
    display: inline-block;
    width: .5rem;
    height: .5rem;
    margin-bottom: 1px;
    background-image: url(../img/arrow.svg);
    cursor: pointer;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

@media (max-width: 1380px) {
    .qfl .ug1.active > a, .qfl .ug1.active > span {
        color: var(--accent-base, #ffc800)
    }

    .qfl .ug1.active > a path, .qfl .ug1.active > span path {
        stroke: var(--accent-base, #ffc800)
    }
}

.qfl .ug1.active > a::after, .qfl .ug1.active > span::after {
    top: .75rem;
    transform: rotate(180deg)
}


@media (max-width: 1380px) {
    .qfl .ug1.active {
        border-radius: .75rem
    }

}

@media (max-width: 1380px) {
    .qfl .ug1 {
        width: -webkit-fill-available;
        margin-right: .625rem;
    }

    .drd.prefix-sub-menu__item--has-children .ppe {
        right: 0;
        top: 0;
    }

    .qfl .ug1:last-child .ug1 .prefix-header__nav-link {
        padding-bottom: 0
    }

    .qfl .ug1 .prefix-header__nav-item-arrow {
        margin-left: auto
    }
}

@media (min-width: 1380px) {
    .qfl .ug1:hover a::after, .qfl .ug1:hover span::after {
        transform: rotate(180deg)
    }

    .drd.prefix-sub-menu__item--has-children:hover .prefix-sub-menu__item-arrow {
        transform: rotate(-90deg)
    }
}

@media (max-width: 1380px) {
    .qfl {
        background: var(--pbk3);
        position: absolute;
        bottom: 0;
        right: 50%;
        -webkit-transform: translate(50%, calc(100% + .625rem));
        -ms-transform: translate(50%, calc(100% + .625rem));
        transform: translate(50%, calc(100% + .625rem));
        height: calc(100vh - var(--height));
        height: calc(100svh - var(--height));
        max-width: 100vw;
        width: 100vw;
        display: none;
        z-index: 5;
        padding-top: 1.25rem;
        padding-bottom: 3rem;
        overflow-y: auto
    }

    .qfl .yyn, .qfl .ppe {
        flex-direction: column;
        gap: 0;
        padding: 0;
    }

    .qfl .ug1 .prefix-header__nav-link {
        padding: 12px 16px;
    }

    .qfl .ppe {
        gap: 0
    }

    .qfl .btw {
        display: flex
    }
}

.drd.prefix-sub-menu__item--has-children {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 12px 0 0;
}

.drd.prefix-sub-menu__item--has-children .ppe {
    right: -100%;
    top: -100%;
    display: none;
    border-radius: 0 8px 8px 0;
    box-shadow: none;
    border-left: 1px solid #8fb4e5;
}

@media (min-width: 1381px) {
    .ug1.prefix-header__nav-item--has-children .drd.prefix-sub-menu__item--has-children:hover .ppe {
        display: flex;
        flex-direction: column;
    }
}

.zvo {
    position: relative;
    height: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .25rem;
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px);
    cursor: pointer;
    z-index: 8;
    color: #0C0C1A;
    background: #F8F8F9;
    border-radius: 8px;

}

.zvo.active .cam {
    background: #F8F8F9;

}

.zvo.active .cam svg {
    transform: rotate(-180deg)
}

.zvo.active .qbe {
    display: flex;
    flex-direction: column
}

@media (max-width: 1380px) {
    .zvo {
        margin-left: auto;
    }


}

@media (max-width: 768px) {
    .zvo {
        margin-left: 0;
    }
}

.cam {
    display: flex;
    align-items: center;
    gap: .375rem;
    border-radius: .375rem;
    background: rgba(255, 255, 255, .1);
    padding: .3125rem;
    order: 5;
}

.cam img {
    width: 1.5rem;
    height: 1.5rem
}

.cam p {
    text-transform: uppercase
}

.cam span {
    color: var(--uqqm);
}

.cam svg {
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    width: 12px;
    height: 12px;
}

.qbe {
    padding: 2px;
    border-radius: .625rem;
    display: none;
    flex-direction: column;
    gap: .125rem;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    align-items: flex-start;
    background: #fff;
    position: absolute;
    right: 0;
    top: 2.6875rem;
    z-index: 99
}

.qbe::after {
    position: absolute;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='4' viewBox='0 0 8 4' fill='none'%3E%3Cpath d='M4 0L0 4H8L4 0Z' fill='white'/%3E%3C/svg%3E");
    top: -15px;
    right: 1.25rem
}

.qbe .iz2 {
    width: 100%;
    text-wrap: nowrap;
    white-space: nowrap;
    border-radius: 10px;
    padding: 8px 16px;
    position: relative;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.kxt::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
    content: ""
}

.qbe .iz2:hover {
    background: rgba(190, 173, 228, .3)
}

.qbe .iz2.uul {
    display: none
}

.qbe .iz2 img {
    width: 1.5625rem;
    height: 1.5625rem;
    margin-right: .625rem
}

.qbe .tmk {
    color: var(--text-white-bg, #575f6b);
}

.swi {
    display: flex;
    justify-content: flex-end;
    align-self: flex-start;
    gap: .5rem;
    flex-wrap: wrap;
    margin-left: auto;

}

.swi .btn--primary {
    min-width: 11.25rem
}

.swi .rf8 {
    min-width: 10.25rem
}

@media (max-width: 1671px) {
    .swi {
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }
}

@media (max-width: 1380px) {
    .swi {
        -webkit-box-orient: horizontal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-right: 0;
        margin-left: auto;
        gap: .5rem;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .swi {
        margin-left: 0;
    }

    .crx {
        margin-right: auto;
    }
}

@media (max-width: 768px) {
    .swi {
        align-self: center;
        justify-content: center;
        margin: 0;
        width: 100%;
        max-width: unset
    }

    .swi .btn {
        min-width: unset;
        max-width: unset;
        width: 48%
    }
}

.zp1 {
    display: none;
    position: relative;
    width: 1.25rem;
    height: 1rem;
    margin-top: .625rem;
    cursor: pointer;
    transition: filter .3s ease 0s, -webkit-filter .3s ease 0s;
    background: transparent;
    box-shadow: none;
    margin: 0;
    width: 42px;
    height: 42px;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    padding: 10px;
    justify-content: center;
}

@media (max-width: 1380px) {
    .zp1 {
        display: flex;
        order: -4;
    }

    .jlk.burger-active .zp1 {
        align-items: center;
    }
}

.burger-active .zp1 span:nth-child(1) {
    transform: translate(0, 6px) rotate(45deg);
    width: 30px
}

.burger-active .zp1 span:nth-child(2) {
    opacity: 0
}

.burger-active .zp1 span:nth-child(3) {
    transform: translate(0, -6px) rotate(-45deg);
    width: 30px
}

.zp1 span {
    width: 100%;
    height: 2px;
    background-color: #000
}

.zp1 span:last-child {
    width: 12px;
}

@media (max-width: 1380px) {
    .jlk.burger-active .qfl {
        display: block;
    }
}

.jlk.burger-active .zp1::before {
    transform: rotate(45deg);
    top: 6px;
    right: 5px
}

.jlk.burger-active .zp1::after {
    transform: rotate(-45deg);
    bottom: 8px;
    right: 5px
}

.obj {
    margin-top: 1rem
}

.yxj {
    color: var(--zuyl);
    font-family: var(--twjz);
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.75rem;
    text-transform: uppercase
}

@media (max-width: 576px) {
    .yxj {
        font-size: 1.75rem
    }
}

.icu img {
    max-width: 100%;
    border-radius: .625rem;
    width: 100%;
    overflow: hidden;
    object-fit: cover
}

@media (max-width: 1380px) {
    .icu img {
    }
}

.obj {
    margin-top: 1.25rem;
    display: grid;
    grid-template-columns: minmax(0, 371px) minmax(0, 371px) minmax(0, 410px);
    gap: 1.5rem;
    align-items: start;
}

@media (max-width: 1380px) {
    .mi8 {
        max-width: 100%
    }
}

.mi8.open {
    background: #fff
}

.mi8.open .apg {
    display: block
}

.mi8.open .ovu {
    display: none
}

.ovu {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.apg {
    display: none
}

.apg .ncd {
    color: var(--text-white-bg, #575f6b);
    font-family: var(--twjz);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    text-transform: uppercase;

}

.apg .ncd img {
    max-width: 2.5rem;
    max-height: 2.5rem;
    cursor: pointer
}

.apg .ziv p {
    color: var(--text-white-bg, #575f6b);
}

.apg .btn {
    margin-top: 1rem
}

.ncd {
    position: relative;
    display: flex;
    gap: .5rem;
    margin-bottom: .75rem;
    align-items: center;
    color: var(--zuyl);
    font-family: var(--twjz);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    text-transform: uppercase;
    padding-right: 24px;
}

.ncd img {
    display: inline-block;
    max-width: 1.5625rem;
    max-height: 1.5625rem
}

.ncd svg:last-child {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    cursor: pointer
}

.yu7 {
    color: var(--zuyl);
    font-family: var(--jgdo);
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5rem;
    padding-bottom: 12px;
}

.yu7 span {
    color: var(--ktms, #00719a)
}

.ziv {
    padding-top: .75rem;
    padding-bottom: .75rem;
    border-top: 1px solid rgba(255, 255, 255, .1)
}

.ziv p {
    margin-bottom: .625rem;
    color: var(--htyj, #d2cbcb);
}

.ziv p:last-child {
    margin-bottom: 0
}

.ykb {
    display: flex;
    flex-direction: column;
    min-height: 225px;
}

@media (max-width: 1380px) {
    .ykb {
        max-width: 100%
    }
}

.xc5 {
    position: relative;
    display: flex;
    gap: .5rem;
    margin-bottom: .75rem;
    align-items: center;
    color: var(--zuyl);
    font-family: var(--twjz);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    text-transform: uppercase
}

.abe {
    display: inline-block;
    max-width: 32px;
    min-width: 32px;
    max-height: 32px;
    min-height: 32px;
    padding: 4px;
    border-radius: 8px;
    background: rgba(255, 255, 255, .05);
    display: flex;
    align-items: center;
    justify-content: center;
}

.wj6 {
    flex: 1 1 auto
}

.wj6 p {
    margin-bottom: .625rem;
    color: var(--htyj, #d2cbcb);
}

.wj6 p:last-child {
    margin-bottom: 0
}

.ykb .btn {
    margin-top: 2.9375rem;
    padding: 12px 16px;
}

@media (max-width: 1380px) {
    .orr {
        max-width: 100%
    }
}

@media (max-width: 980px) {
    .obj {
        grid-template-columns: 1fr 1fr;
    }

    .orr {
        grid-column: 1/-1;
    }
}

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

.orr p {
    margin-bottom: .625rem;
}

.orr p:last-child {
    margin-bottom: 0
}

.obj .btn {
    padding-top: .8125rem;
    padding-bottom: .8125rem
}

* .bjs {
    margin-top: 16px
}

.obj + .bjs {
    margin-top: 40px
}

.bjs {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(235px, 1fr));
    gap: .75rem;
}

@media (max-width: 768px) {
    .bjs {
        display: inline-block;
        text-wrap: nowrap;
        white-space: nowrap;
        width: 100%
    }
}

.jeb {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    min-width: 215px;
}

@media (max-width: 1024px) {
    .bjs {
        overflow-x: auto;
        scrollbar-width: thin;
        grid-template-columns: repeat(auto-fill, minmax(325px, 1fr));
    }

    .jeb {
        min-width: 290px;
    }

}

@media (max-width: 768px) {
    .jeb {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-right: .75rem
    }

    .jeb:last-child {
        margin-right: 0
    }
}

.yuf {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    max-width: 60%
}

.isv {
    color: var(--zuyl);
    font-family: var(--jgdo);
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5rem
}

.zp9 {
    color: var(--htyj, #d2cbcb);
}

.tzb {
    padding: .25rem .5rem;
    border-radius: .25rem;
    background: var(--nekb);
    color: var(--zuyl);
    font-family: var(--jgdo);
    font-size: .75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1rem
}

* + .zgq {
    margin-top: 16px
}

.bjs + .zgq {
    margin-top: 40px
}

.zgq {
    overflow: hidden;
    text-wrap: nowrap;
    white-space: nowrap
}

.twu {
    display: inline-block;
    min-width: 100%;
    animation: marquee 16s linear infinite
}

.twu img {
    display: inline-block;
    margin-right: 5rem;
    max-width: 180px
}

@media (max-width: 576px) {
    .twu img {
        margin-right: 2.5rem
    }
}

@-webkit-keyframes marquee {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        -webkit-transform: translateX(calc(-100% - .1875rem));
        transform: translateX(calc(-100% - .1875rem))
    }
}

@keyframes marquee {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        -webkit-transform: translateX(calc(-100% - .1875rem));
        transform: translateX(calc(-100% - .1875rem))
    }
}

* + .mfh {
    margin-top: 16px
}

.mfh {
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1.75rem;
    border-radius: 8px;
    background: var(--card-bg, #F8F8F9);
    box-shadow: 0 6px 12px 0 rgba(11, 0, 5, 0.08);
}

.opl {
    position: relative;
    color: var(--toex);
    font-family: var(--twjz);
    font-size: 1.625rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.25rem;
    text-transform: uppercase;
    cursor: pointer;
    margin: 0
}

.opl::after {
    position: absolute;
    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="M8 0C8.55229 0 9 0.447715 9 1V7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H9V15C9 15.5523 8.55229 16 8 16C7.44772 16 7 15.5523 7 15V9H1C0.447715 9 2.41411e-08 8.55229 0 8C-2.41411e-08 7.44772 0.447715 7 1 7H7V1C7 0.447715 7.44772 0 8 0Z" fill="%230C0C1A"/></svg>');
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    border-radius: 4px;
    background: var(--line-color, #8fb4e5);
    padding: 4px;
    height: 28px;
    width: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 576px) {
    .opl {
        font-size: 1.25rem
    }
}

.mfh.active .opl::after {
    -webkit-transform: translateY(-50%) scaleY(-1);
    -ms-transform: translateY(-50%) scaleY(-1);
    transform: translateY(-50%) scaleY(-1);
    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"><rect x="2" y="11" width="2" height="16" rx="1" transform="rotate(-90 2 11)" fill="%230C0C1A"/></svg>');
}

.mfh.active .npc {
    display: grid;
}

.iza .mfh > ul {
    display: none;
}

.iza .mfh.active > ul {
    display: flex;
    margin: 0;
    list-style: none;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
}

.mfh ul:not([class]) li::before {
    content: none;
}

.npc {
    display: none;
    gap: .625rem;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px 20px;
}

@media (max-width: 1000px) {
    .npc {
        grid-template-columns: 1fr 1fr;
    }


}

@media (max-width: 576px) {
    .npc {
        grid-template-columns:  1fr;
    }

    .mfh.active > ul {
        flex-direction: column;
    }
}

.ck0, .mfh ul:not([class]) li {
    position: relative;
    border-radius: .5rem;
    overflow: hidden;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    border-radius: 8px;
    background: var(--site-bg, #F1F1F1);
    cursor: pointer;
    padding: 0;
    list-style: none;
    width: fit-content;
    color: var(--text-main, #0C0C1A);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    width: 100%;
}

.mfh ul:not([class]) li::before {
    background: transparent;
}

@keyframes identifier {
    0% {
        left: -100%
    }
    100% {
        left: 100%
    }
}

.ck0 a, .mfh a {
    display: inline-block;
    padding: .5rem .75rem;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.ck0 a:hover, .mfh a:hover {
    color: var(--link-color-hover, #ffc800);

}

.ck0 a:hover path, .mfh a:hover path {
    fill: var(--link-color-hover, #ffc800);
}

.lxi {
    margin-bottom: 1.25rem;
    color: var(--htyj, #d2cbcb);
}

* + .zie {
    margin-top: 16px
}

.zie {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

.qok {
    display: flex;
    flex-direction: column;
}

.qpr {
    padding-bottom: .75rem;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    display: flex;
    align-items: center;
    gap: .5rem;
    color: var(--htyj);
    font-family: var(--twjz);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    text-transform: uppercase
}

.omn {
    min-width: 3.75rem;
    height: 3.75rem;
    border-radius: .5rem;
    background: rgba(255, 255, 255, .2);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    display: flex;
    align-items: center;
    justify-content: center
}

.omn svg, .omn img {
    max-width: 2.75rem;
    max-height: 2.75rem
}

.ayb {
    flex: 1 1 auto;
    margin-bottom: 1rem;
    margin-top: .75rem;
    color: var(--htyj, #d2cbcb);
}

.qok .btn {
    padding: .75rem 1.25rem
}

.qok .btn {
    margin-top: 16px;
}

.fw2 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2.875rem
}

.fw2 .bcn {
    -ms-flex: 1;
    flex: 1;
    padding: .75rem;
    color: #676185;
    font-family: var(--twjz);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    text-transform: uppercase;
    border-bottom: 2px solid var(--nekb);
    background: 0 0
}

.fw2 button:first-child {
    position: relative
}

.fw2 button:first-child.active::after {
    transform: none;
    top: -1px
}

.fw2 button:first-child::after {
    position: absolute;
    content: "";
    top: 1px;
    right: -2.875rem;
    width: 2.9375rem;
    height: calc(100% + 1px);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    background: linear-gradient(to top right, transparent calc(50% - 1px), var(--nekb), transparent calc(50% + 2px))
}

.bcn.active:last-child::after {
    background: transparent;
}

.xh6 {
    margin-top: 1.5rem
}

.nm7.active {
    display: block
}

.tfl {
    width: 100%;
    margin-bottom: 1rem;
    margin-top: 1rem;
    object-fit: contain;
    height: auto
}

.yvn {
    margin-bottom: 1rem;
    color: var(--htyj, #d2cbcb);
}

.nm7.btn {
    margin-top: .3125rem;
    margin-bottom: .3125rem;
    padding: .75rem 1.25rem;
    max-width: 17.5rem
}

.fw2 button.active {
    color: var(--zuyl);
    border-top: 2px solid var(--nekb);
    border-bottom: none;
    margin-right: 46px;
    margin-left: 45px
}

.fw2 {
    gap: 0
}

.bcn.active + .bcn {
    border-bottom: 2px solid var(--nekb);
    border-top: none
}

.bcn.active + .bcn:last-child {
    border-top: none;
    border-bottom: 2px solid var(--nekb)
}

.bcn.active::after {
    position: absolute;
    content: "";
    top: 1px;
    right: -2.875rem;
    width: 2.9375rem;
    height: calc(100% + 1px);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    background: linear-gradient(to top right, transparent calc(50% - 1px), var(--nekb), transparent calc(50% + 2px))
}

.bcn.active::before {
    position: absolute;
    content: "";
    top: -1px;
    left: -2.875rem;
    width: 2.9375rem;
    height: calc(100% + 1px);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    background: linear-gradient(to top right, transparent calc(50% - 1px), var(--nekb), transparent calc(50% + 2px))
}

.bcn.active::after {
    transform: none;
    top: -1px
}

.fw2 button.active {
    position: relative
}

.fw2 button:first-child::after {
    content: none
}

.fw2 .bcn.active:first-child::after {
    content: ''
}

.fw2 {
    overflow-x: auto;
    scrollbar-width: thin;
    justify-content: flex-start
}

.bcn.active:first-child::before {
    content: none
}

.bcn {
    white-space: nowrap
}

.fw2 button.active:first-child {
    margin-left: 0
}

.xc8 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.nm7 {
    height: 0;
    overflow: hidden;
    transition: height 0.3s ease, opacity 0.3s ease
}

.nm7.active {
    height: auto;
    overflow: visible
}

@media (max-width: 576px) {
    .nm7.btn {
        max-width: 100%
    }
}

.zqo[data-open] {
    border-top: 1px solid var(--accent-base, #ffc800);
    border-bottom: 1px solid var(--accent-base, #ffc800);
}

* + .zqo {
    margin-top: 24px;
}

.zqo {
    position: relative;
    padding: 24px 16px;
    background: var(--eqod);
    border-top: 1px solid var(--line-color, #8fb4e5);
    border-bottom: 1px solid var(--line-color, #8fb4e5);
}

.zqo + .zqo {
    border-top: 0;
    margin-top: 0;
}

.zqo + .zqo[data-open] {
    border-top: 1px solid var(--accent-base, #ffc800);
}

.zqo[data-open] + .zqo[data-open] {
    border-top: 0;
}

.bm3 {
    padding: 1rem 0 0 0;
    width: 95%;
    display: none;
}

.bm3 p {
    margin-bottom: .9375rem;
    color: var(--htyj, #d2cbcb);
}

.bm3 p:last-child {
    margin-bottom: 0
}

.zqo .wgq {
    color: var(--egkk);
    font-family: var(--jgdo);
    cursor: pointer;
    display: flex;
    align-items: center;
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
    text-transform: math-auto;
}

.zqo .wgq h3 {
    margin: 0;
    font-size: inherit;
    line-height: inherit;
    font-family: inherit;
    font-weight: inherit;
    text-transform: math-auto
}

.zqo .wgq::marker {
    content: "";
    width: 0;
}

.zqo {
    list-style: none;
}

.zqo .wgq::after {
    position: absolute;
    right: 1.5625rem;
    top: 1.25rem;
    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 12.5L10 7.5L5 12.5" stroke="%230C0C1A" stroke-width="2" stroke-linecap="round"/></svg>');
    height: 28px;
    width: 28px;
    padding: 4px;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    border-radius: 20px;
    background: var(--line-color, #8fb4e5);
}


.zqo[data-open] .bm3 {
    display: block;
}

.zqo[data-open] .wgq:after {
    transform: rotate(180deg)
}


.bgy {
    padding: 40px 0;
    background-color: var(--blxb);
    margin-bottom: 0;
}

.plo {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 32px 80px;
    flex-wrap: wrap;
}

.mz9 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 32px;
    border-bottom: 1px solid rgba(255,200,0,0.12);
}

.nme .btn {
    display: flex;
    gap: 8px;
    padding: 12px 48px;
    max-width: fit-content;
    width: 100%
}

.bgy > * {
    max-width: 90rem;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 1380px) {
    .bgy > * {
        width: 95%
    }
}

@media (max-width: 768px) {
    .plo {
        flex-direction: column
    }

    .mz9 {
        flex-direction: column;
        gap: 24px;
        padding-bottom: 24px;
    }

    .bgy {
        padding: 32px 0;
    }

}

@media (max-width: 576px) {
    .plo {
        gap: 1.5rem
    }

    .bgy > * {
        width: 92%
    }
}

.rha {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 386px;
}

@media (max-width: 576px) {
    .rha {
        order: 2;
    }
}

@media (max-width: 576px) {
    .rha img {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.la0 {
    color: var(--wle9);
}

@media (max-width: 576px) {
    .la0 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }
}

.vz4 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    gap: 24px 32px;
    width: 100%;
    grid-auto-flow: column;
    grid-template-rows: repeat(4, 1fr);
}

.ils {
    width: 100%;
    flex: 1 0 0;
}

@media (max-width: 768px) {
    .vz4 {
        display: flex;
        flex-direction: column;
        -ms-flex-align: center
    }
}

@media (max-width: 576px) {
    .vz4 {
        order: 2;
        align-items: flex-start
    }
}

.cp6 {
    width: 17.5rem;
    padding: .625rem 0;
    color: var(--rolt)
}

span.cp6 {
    color: var(--yxj4)
}

@media (max-width: 1380px) {
    .cp6 {
        width: 12.5rem
    }
}

@media (max-width: 1000px) {
    .cp6 {
        width: 9.375rem
    }
}

@media (max-width: 800px) {
    .cp6 {
        width: 8.125rem
    }
}

.cp6 a {
    color: var(--rolt);
    transition: all .3s ease 0s
}

.cp6 a:hover {
    color: var(--yxj4)
}

.cp6 span {
    color: var(--rolt);
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.nme {
    gap: 0.5rem;
    display: flex;
    align-items: center;
}

@media (max-width: 576px) {
    .nme {
        flex-direction: column;
        width: 100%;
    }

    .nme .btn {
        width: 100%;
        justify-content: center;
        max-width: 100%;
    }

    .yj0 img {
        height: 44px;
        width: auto;
    }

    .yj0 {
        margin-right: auto;
    }
}

.hno {
    display: flex;
    align-items: center;
    gap: 2rem;
    flex-wrap: wrap
}

@media (max-width: 576px) {
    .hno {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
}

.hno img {
    max-height: 2.5rem;
    max-width: 12.5rem;
    height: auto;
    width: auto
}

.shm {
    display: flex;
    border-radius: 8px;
    background: var(--card-bg, #F8F8F9);
    box-shadow: 0 6px 12px 0 rgba(11, 0, 5, 0.08);
    overflow-x: scroll;
    scrollbar-width: none;
    cursor: grab;
}

.shm.active {
    cursor: grabbing;
}

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

.vkc {
    display: flex;
    align-items: flex-start;
    align-items: center;
    gap: .5rem;
    box-shadow: none;
    border-radius: 0;
    padding: 16px;
    min-width: 295px;
    position: relative;


    user-select: none;
}

.vkc:not(:first-child)::after {
    background: var(--line-color, #8fb4e5);
    width: 1px;
    height: 70px;
    content: '';
    position: absolute;
    left: 0px;
}

@media (max-width: 768px) {
    .vkc {
        width: 100%
    }

}

.wst {
    min-width: 70px;
    height: 70px;
    overflow: hidden;
    border-radius: .25rem
}

.wst img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 8px;
    max-width: 70px;
}

.rog {
    display: flex;
    flex-direction: column;
    gap: .5rem
}


.hh5 {
    overflow: hidden;
    white-space: normal;
    color: var(--text-main, #0C0C1A);
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    display: flex;
    gap: 16px;
}

.mdr {
    color: var(--text-secondary, #38383C);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    width: 100%;
}

.lva {
    min-width: 20%;
    align-self: center;
    text-wrap: wrap;
    white-space: wrap;
    color: var(--uqqm);
    font-family: var(--jgdo);
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5rem;
    text-align: right;
    flex-shrink: 0
}

.lva {
    border-radius: 4px;
    background: var(--accent-base, #ffc800);
    padding: 2px 4px;
    color: var(--site-bg, #F1F1F1);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
}

.ofu {
    display: grid;
    gap: .75rem;
    margin-bottom: 1.5rem;
    grid-template-columns: repeat(6, 1fr);
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(235px, 1fr));
    gap: 1rem;
    justify-content: center;
}

.co9 {
    grid-template-columns: repeat(7, 1fr);
}

.per, .sa4 {
    grid-template-columns: repeat(6, 1fr);
}

.vi2, .jqm {
    grid-template-columns: repeat(5, 1fr);
}

.pn4, .hgt {
    grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 980px) {
    .ofu {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 576px) {
    .ofu {
        gap: .5rem;
        grid-template-columns: 1fr 1fr;
    }

}

.fvf {
    position: relative;
    border-radius: .5rem;
    overflow: hidden;
    padding: 8px;
}

.fvf:hover .oak {
    left: 0;
}

.fvf .btn {
    min-width: 100%;
}

.wbd {
    color: var(--site-bg, #F1F1F1);
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: auto;
}

.fvf img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.oak {
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(20,32,82,.87)), to(rgba(20,32,82,.87)));
    background: rgba(0, 0, 0, 0.50);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    padding: 8px;
}

.oak svg {
    width: 3.5625rem;
    height: 3.5625rem;
    cursor: pointer
}

.jlx {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    background: transparent;
    min-width: fit-content;
}

.skj {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.skj .owf {
    margin-bottom: 0;
}

.uc8 {
    position: relative;
    overflow: hidden;

    border-radius: .5rem;
}

* + .dz6 {
    margin-top: 16px
}

.dz6 {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fill, minmax(348px, 1fr));
}

.foz {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    overflow: hidden
}

.yi0 + .uh3 {
    margin-top: 16px;
}

@media (max-width: 1024px) {
    .dz6 {
        grid-template-columns: repeat(auto-fill, minmax(325px, 1fr));
    }

    .fvf .btn {
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 768px) {
    .foz {
        width: 100%
    }


}

.foz img {
    width: 100%;
    object-fit: cover;
    height: 148px;
    border-radius: 8px;
}

.ni2 {
    position: relative;

    border-radius: 8px;
    overflow: hidden
}

.ni2::before {
    content: '';
    width: 100%;
    top: 0;
    position: absolute;
    left: 0;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.00) 100%);
}

.sgf {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: var(--accent-base, #ffc800);
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    z-index: 1;
    width: 80%;
    position: absolute;
    top: 26px;
    left: 50%;
    transform: translate(-50%, 0%);
    gap: 12px;
}

.sgf::before,
.sgf::after {
    content: "";
    flex: 1;
    height: 1px;
    background: var(--accent-base, #ffc800);
}

.knv {
    width: 100%;
    border-radius: 8px;
    border: 1px solid var(--line-color, #8fb4e5);
    background: var(--site-bg, #F1F1F1);
    max-width: 293px;
    color: var(--text-main, #0C0C1A);
    font-size: 18px;
    font-weight: 500;
    line-height: 150%;
    padding: 10px 16px;
}

.sgf img {
    width: 1.5rem;
    height: 1.5rem
}

.hdc {
    display: flex;
    align-items: center;
    gap: 4px;
    justify-content: center;
}

.hdc.active .copy {
    display: none;
}

.copy {
    display: flex;
}

.oev {
    color: var(--text-main, #0C0C1A);
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 6px;
    margin-top: 16px;
}

.oev svg {
    min-width: 1.5rem;
    max-width: 1.5rem;
    height: 1.5rem;
    cursor: pointer;
}

.uh3 {
    color: var(--text-secondary, #38383C);
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 16px;
}

.foz .btn {
    display: block;
    width: 100%;
    min-width: 100%;
    padding: 12px 2rem;
    margin-top: 8px;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
}

.foz .alb {
    max-width: 48px;
    width: 48px;
    min-width: 48px;
    height: 48px;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
}

.hfl {
    margin: 1.5rem auto 0 auto
}

.uc7 {
    display: flex;
    gap: 1.5rem;
    border-radius: 8px;
    background: var(--accent-base, #ffc800);
    padding: 20px;
}

.rmn {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    height: 100%;
    justify-content: center;
    color: var(--text-main, #0C0C1A);
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
}

.rmn span {
    color: var(--text-main, #0C0C1A);
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 140%;
}

.rmn:not(:first-child) {
    padding-left: 12px;
    border-left: 1px solid rgba(241, 241, 241, 0.40);
}

.fsv {
    --nmjj: calc(var(--rating, 4.5) / 5 * 100%);
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 20px;
    font-weight: 600;
    line-height: 140%;
}

.fsv::after {
    content: "★★★★★";
    display: block;
    background: linear-gradient(90deg, var(--uay1) var(--nmjj), var(--abm6) var(--nmjj));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.dkc {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: center;
    width: 100%;
}

.uc7 > img {
    max-width: 24.6875rem;
    flex: 1 1 auto;
    object-fit: contain
}

@media (max-width: 1195px) {
    .dkc {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .rmn:not(:first-child) {
        padding-left: 0;
        border-left: 0;
    }

    .uc7 {
        align-items: center;
    }
}

@media (max-width: 768px) {
    .uc7 {
        flex-direction: column;
    }

    .dkc {
        grid-template-columns: repeat(1, 1fr);
        gap: 12px;
    }

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

    .rmn:not(:first-child) {
        padding-top: 12px;
        border-top: 1px solid rgba(241, 241, 241, 0.40);
    }

    .xtz {
        max-width: 100%
    }
}

@media (max-width: 576px) {
    .uc7 > img {
        min-width: unset;
        flex: 1 1 auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .uc7 > img {
        max-width: 50%;
        max-height: 200px
    }
}

.yli {
    padding: 1.5rem 0
}

.lem {
    margin-bottom: 1.25rem;
    color: var(--zuyl);
    font-family: var(--twjz);
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.75rem;
    text-transform: uppercase
}

@media (max-width: 576px) {
    .lem {
        font-size: 1.75rem;
        line-height: 2.25rem
    }
}


.vw9 {
    color: var(--uqqm);
    font-family: var(--twjz);
    font-size: 1.625rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.25rem;
    text-transform: uppercase;
    margin-bottom: 1.25rem
}

@media (max-width: 1024px) {
    .ltc {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: thin;
        display: flex;
    }
}

.cvp {
    position: relative;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    max-width: 18rem;
    padding-bottom: .625rem;
    border-radius: .75rem;
    background: var(--uxmg);
    overflow: hidden
}

@media (max-width: 768px) {
    .cvp {
        width: 100%
    }
}

.cvp > img {
    width: 100%;
    object-fit: cover;
    height: 11.25rem
}

.cva {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    padding: .25rem .5rem;
    border-radius: .5rem;
    background: rgba(255, 255, 255, .05);
    color: var(--htyj, #d2cbcb);
}

.cva svg {
    width: 1.5rem;
    height: 1.5rem
}

.af0 {
    padding: 1rem
}

.ug3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: .75rem;
    margin-bottom: .75rem;
    margin-top: .5rem;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    color: var(--zuyl);
    font-family: var(--twjz);
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    text-transform: uppercase
}

.ug3 svg {
    min-width: 1.5rem;
    max-width: 1.5rem;
    height: 1.5rem;
    cursor: pointer
}

.wdw {
    width: 96%;
    color: var(--htyj, #d2cbcb);
    font-family: var(--jgdo);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem
}

.cvp .btn {
    display: block;
    max-width: unset;
    width: 90%;
    margin: .625rem auto;
    padding: 1rem 2rem
}

.ltc .btn {
    margin: 1.5rem auto 0 auto
}

.jc8 {
    padding: 1.5rem 0
}

.nw5 {
    margin-bottom: 1.25rem;
    color: var(--zuyl);
    font-family: var(--twjz);
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.75rem;
    text-transform: uppercase
}

@media (max-width: 576px) {
    .nw5 {
        font-size: 1.75rem;
        line-height: 2.25rem
    }
}

.qkw {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    margin-bottom: 1.25rem
}

@media (max-width: 1380px) {
    .qkw {
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.trr {
    max-width: 41rem
}

@media (max-width: 1380px) {
    .trr {
        max-width: 100%;
        display: flex;
        flex-direction: column
    }
}

.trr > p {
    margin-bottom: 1.0625rem;
    color: var(--htyj, #d2cbcb);
}

.trr > p:last-child {
    margin-bottom: 0
}

.bwm {
    overflow-x: auto
}

.bwm table {
    width: 100%;
    border-spacing: 0;
    height: auto;
    border-radius: 10px;
    overflow: auto
}

@media (max-width: 768px) {
    .bwm table {
        width: 48rem
    }
}

.bwm table td {
    border: 1px solid var(--uxmg);
    padding: .75rem;
    text-align: center;
    color: var(--htyj, #d2cbcb);
}

.bwm table tr:first-child td {
    color: var(--zuyl);
    text-align: center;
    font-weight: 700;
    background: var(--nekb)
}

.bwm table tr:first-child td:first-child {
    width: 10rem;
    border-radius: 8px 0 0 0
}

.bwm table tr:first-child td:nth-child(2) {
    width: 32.5rem
}

.bwm table tr:first-child td:last-child {
    width: 32.5rem;
    border-radius: 0 12px 0 0
}

.bwm table tr:last-child td:first-child {
    border-radius: 0 0 0 12px
}

.bwm table tr:last-child td:last-child {
    border-radius: 0 0 12px 0
}

.jc8 {
    display: inline-block;
    padding: 1rem;
    margin-bottom: .625rem;
    width: fit-content
}

@media (max-width: 1000px) {
    .jc8 {
        order: -1;
        width: 100%
    }
}

.nw5 {
    margin-bottom: .25rem;
    color: var(--zuyl);
    font-family: var(--twjz);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    text-transform: uppercase
}

.lb4 {
    color: var(--htyj);
}

.jc8 .btn {
    margin-top: 1rem;
    padding: 12px;
}

.jc8 img {
    max-width: 32.5rem;
    object-fit: contain
}

@media (max-width: 1380px) {
    .jc8 img {
        max-width: 100%;
        width: 100%
    }
}

.ltx {
    position: sticky;
    bottom: 0;
    background: var(--button-bg, #ffc800);
    display: none;
    justify-content: flex-end;
    align-items: center;
    gap: .625rem;
    z-index: 88;
}

.ltx img {
    width: 66px;
    height: 66px;
}

.sm0 {
    display: flex;
    gap: 16px;
    padding: 12px 12px 12px 0;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

.yzb {
    color: var(--button-color, #0C0C1A);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
}

.tk8 {
    color: var(--button-color, #0C0C1A);
    font-size: 14px;
    font-weight: 700;
    line-height: 150%;
    margin-top: 2px;
}

.tk8 span {
    color: var(--button-color, #0C0C1A);

    font-weight: 600
}

@media (max-width: 768px) {
    .ltx {
        display: flex;
        gap: .75rem;
        flex: 1 1 auto;
        justify-content: space-between
    }
}

.czg {
    display: flex;
    gap: 15px
}

.tfs img {
    max-width: 30px;
    max-height: 30px
}

.wvi {
    display: flex;
    gap: 10px;
    flex-wrap: nowrap;
    width: 100%;
    height: 100%;
}

.wvi img {
    width: 100%;
    min-width: 374px;
    border-radius: 8px;
}

.cq3 {
    position: relative;
    max-width: 100%;
    margin-top: 16px
}

.poo img {
    width: 100%;
    height: auto;
    min-width: 100%
}

* + .ovi {
    margin-top: 20px;
}

.ovi {
    overflow: hidden;
}

.wvi {
    overflow-x: auto;
}

@media (max-width: 1000px) {
    .poo img {
        min-width: 192px
    }

    .ovi {
        overflow: scroll;
        width: 100%;
    }

    .wvi img {
        width: 100%;
        min-width: 230px;
    }
}

@media (min-width: 1000px) {
    .wvi {
        scrollbar-width: none
    }

}

.qpr {
    font-family: var(--twjz)
}

.crx img, .rha img {
    height: 44px;
    width: auto;
}

* + .bgu {
    margin-top: 20px;
}

.bgu {
    gap: 24px;
}

.zgf {
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: #d2cbcb
}

.in0 {
    margin-top: 0;
}

.cog {
    display: flex;
    justify-content: center;
    gap: 50px
}

.itv {
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
    display: flex;
    padding: 8px 8px 8px 40px;
    align-items: flex-start;
    gap: 8px;
    border-radius: 8px;
    background: rgba(0, 188, 122, 0.08);
    color: var(--text-secondary, #38383C);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
}

.uax {
    background: rgba(255, 31, 53, 0.08);
}

.agf::before {
    position: absolute;
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none"><path d="M4.23529 0.529412C4.23529 0.237026 4.47232 0 4.76471 0C5.05709 0 5.29412 0.237026 5.29412 0.529412V9C5.29412 9.29239 5.05709 9.52941 4.76471 9.52941C4.47232 9.52941 4.23529 9.29239 4.23529 9V0.529412Z" fill="%23F1F1F1"/><path d="M0.529412 5.29412C0.237026 5.29412 1.27806e-08 5.05709 0 4.76471C-1.27806e-08 4.47232 0.237026 4.23529 0.529412 4.23529L9 4.23529C9.29239 4.23529 9.52941 4.47232 9.52941 4.76471C9.52941 5.05709 9.29239 5.29412 9 5.29412L0.529412 5.29412Z" fill="%23F1F1F1"/></svg>');
    width: 18px;
    height: 18px;
    top: 50%;
    transform: translateY(-50%);
    left: 8px;
    background: #00BC6B;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.uax::before {
    position: absolute;
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none"><path d="M0.529412 5.29412C0.237026 5.29412 1.27806e-08 5.05709 0 4.76471C-1.27806e-08 4.47232 0.237026 4.23529 0.529412 4.23529L9 4.23529C9.29239 4.23529 9.52941 4.47232 9.52941 4.76471C9.52941 5.05709 9.29239 5.29412 9 5.29412L0.529412 5.29412Z" fill="%23F1F1F1"/></svg>');
    width: 18px;
    height: 18px;
    top: 50%;
    transform: translateY(-50%);
    left: 8px;
    background: #FE1D21;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.itv svg {
    min-width: 20px;
    min-height: 20px;
    max-width: 20px;
    max-height: 20px;
    width: 100%
}

@media (max-width: 768px) {
    .cog {
        display: flex;
        justify-content: center;
        gap: 35px;
        flex-direction: column
    }

    .izz {
        width: 100%
    }

    .itv svg {
        min-width: 20px;
        min-height: 20px;
        max-width: 20px;
        max-height: 20px;
        width: 100%
    }

    .crx img, .rha img {
        height: 33px;

    }
}

h2 {
    margin-bottom: 1rem
}

.oie h2:first-child {
    margin-top: 0
}

.po1.opl {
    margin: 0
}

.zht {
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    align-content: center;
    gap: 12px 20px;
    align-self: stretch;
    flex-wrap: wrap;
}

.tfm img {
    max-width: 80px;
    width: 100%;
    height: auto
}

@media (max-width: 768px) {
    .zht {
        gap: 30px;
        padding: 35px 0 0 0
    }

    .tfm img {
        max-width: 60px
    }
}

.gzk, .ckx {
    width: 20px;
    height: 20px;
    cursor: pointer;
    transition: 250ms
}

@media (min-width: 1381px) {
    .qfl .ug1:hover .gzk path,
    .drd.prefix-sub-menu__item--has-children:hover .ckx path {
        stroke: var(--xjn2);
    }


    .qfl .ug1:hover > a,
    .drd.prefix-sub-menu__item--has-children:hover > a {
        color: var(--xjn2);
    }
}

.ug1 {
    position: relative
}

div.prefix-sub-menu__link.emi {
    color: #02bbff;
    font-size: 16px;
}

.prefix-sub-menu__link {
    display: flex;
    align-items: center;
}

@media (min-width: 1381px) {
    .prefix-header__nav-item--has-children:hover .prefix-header__nav-item-arrow svg {
        -webkit-transform: rotateZ(180deg);
        transform: rotateZ(180deg);
        padding-top: 0
    }
}

@media (max-width: 1380px) {
    .ppe {
        position: relative;
        width: 100%;
    }

    .drd.prefix-sub-menu__item--has-children.active .prefix-sub-menu__item-arrow {
        transform: rotate(180deg);
    }

    .drd.prefix-sub-menu__item--has-children.active .ppe {
        display: flex;
        position: relative;
        left: 0;
        top: 0;
        padding: 0 16px;
        border-left: 0;
    }

    .drd.prefix-sub-menu__item--has-children.active .prefix-sub-menu__item-arrow path {
        stroke: var(--accent-base, #ffc800);
    }

    .drd.prefix-sub-menu__item--has-children.active > .prefix-sub-menu__link {
        color: var(--accent-base, #ffc800);
    }

    .prefix-sub-menu__link.emi {
        color: var(--accent-base, #ffc800);
    }

    .ppe {

        min-width: auto !important;
    }
}


.zrl p {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px
}


.zg4 {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-top: 15px;
    justify-content: center;
}

.zg4.active .copy {
    display: none;
}

.copied {
    display: none
}

.kfh {
    display: flex;
    gap: 10px;
    margin-top: 20px;
    justify-content: center;
}


.ceh {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
    margin-top: 23px
}

* + .qyh {
    margin-top: 16px;
}

.qyh {
    border-radius: 8px;
    padding: 20px;
    background: var(--accent-base, #ffc800);
    overflow: hidden;
}

.vkb {
    max-width: 671px;
    width: 100%;
    padding-right: 64px;
}

.qyh:has(img) {
    display: flex;
    padding: 0;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.qyh:has(img)::before {
    position: absolute;
    left: 447px;
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="194" height="277" viewBox="0 0 194 277" fill="none"><path d="M0 0H194V277H0L194 138.5L0 0Z" fill="%2300BBFF"/></svg>');
}

.qyh img {
    width: 640.5px;
    height: 271px;
    object-fit: cover;
}

.zrl {
    text-align: center;
    color: var(--text-main, #0C0C1A);
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 8px;
}


.ha8 {
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    line-height: 130%;
}

.caw {
    display: flex;
    gap: 5px
}

.la0 {
    color: var(--wle9)
}

@media (max-width: 1385px) {
    .qyh img {
        width: 445.5px;
    }

    .qyh:has(img)::before {
        left: 252px;
    }
}

@media (max-width: 1172px) {
    .qyh:has(img) {
        flex-direction: column;
    }

    .vkb {
        padding: 16px;
    }

    .qyh:has(img)::before {
        content: none;
    }

    .qyh img {
        width: 100%;
        height: 215px;
    }
}

@media (max-width: 768px) {
    .zht {
        gap: 30px;
        padding: 35px 0 0 0
    }

    .tfm img {
        max-width: 60px
    }

    .zg4 {
        flex-wrap: wrap;
    }


}

@media (max-width: 360px) {
    .qyh:has(img)::before {
        content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="82" viewBox="0 0 328 82" fill="none"><path d="M328 0V82L-1.54972e-06 82V0L164 82L328 0Z" fill="%2300BBFF"/></svg>');
        position: absolute;
        left: 50%;
        top: 135px;
        transform: translateX(-50%);
        width: 328px;
        pointer-events: none;
    }
}

.ppe {
    display: none;
    position: absolute;
    background-color: var(--pbk3);
    top: 20px;
    border-radius: .375rem;
    width: 100%;
    min-width: max-content;
    border-radius: 8px;
    box-shadow: 0 6px 12px 0 rgba(11, 0, 5, 0.08);
}


.prefix-sub-menu__link {
    padding: 8px 12px;
}

.ug1 {
    position: relative
}

@media (max-width: 1380px) {
    .ppe {
        position: relative;
        width: 100%;
        box-shadow: none;
        top: 0;
    }

    .ug1.prefix-header__nav-item--has-children {
        display: flex;
        flex-wrap: wrap;
        gap: 0;
    }

    .drd.prefix-sub-menu__item--has-children.active > .emi {
        width: fit-content;
    }

    div.prefix-sub-menu__link.emi {
        color: var(--accent-base, #ffc800);
        font-size: 16px;
    }

    .ug1.prefix-header__nav-item--has-children a {
        width: fit-content;
    }

    .ppe {
        display: none;
    }

    .prefix-header__nav-item--has-children.active > .ppe {
        display: flex;
        flex-direction: column;
        position: relative;
        left: 0;
        top: 0;
        padding: 0 16px;
    }

    .qfl .ug1 span {
        margin-left: auto;
    }

    .drd.prefix-sub-menu__item--has-children {
        padding: 0;
    }

    .drd.prefix-sub-menu__item--has-children.active {
        display: flex;
        flex-wrap: wrap;
    }

    .prefix-header__nav-item--has-children.active .ppe .prefix-sub-menu__link {
        padding: 12px 16px;
    }

    .prefix-header__nav-item--has-children.active .prefix-header__nav-item-arrow svg {
        -webkit-transform: rotateZ(180deg);
        transform: rotateZ(180deg);
        padding-top: 0
    }
}

@media (min-width: 1381px) {
    .qfl .ug1:hover > .ppe {
        display: flex;
        gap: 10px;
        flex-direction: column
    }

    .prefix-header__nav-item--has-children:hover .prefix-header__nav-item-arrow svg {
        -webkit-transform: rotateZ(180deg);
        transform: rotateZ(180deg);
        padding-top: 0
    }
}

.fjh {
    display: grid;
    grid-template-columns:420px auto;
    gap: 20px 24px
}

.yin {
    position: relative;
    padding: 1rem;
    border-radius: .75rem;
    background: var(--uqqm);
    color: var(--zuyl)
}

.yin::placeholder {
    color: #d2cbcb
}

.ooj {
    resize: none;
    width: 100%;
    height: 100%
}

.ooj {
    grid-row: 1 / span 3;
    grid-column: 2
}

.nlk {
    width: 100%;
    min-width: 100%;
    background: var(--duoh);
    color: var(--uqqm);
}

.ky4 {
    color: var(--zuyl)
}

.ky4 {
    display: none
}

.ky4.kek {
    display: flex
}

.ky4.error {
    display: flex;
    color: #b25656
}

@media (max-width: 850px) {
    .fjh {
        grid-template-columns:1fr
    }

    .ooj {
        grid-row: 3;
        grid-column: 1
    }
}

.lli {
    margin-top: 24px
}

.ado {
    position: relative;
    padding: 1rem;
    border-radius: .75rem;
    background: var(--eqod);
    color: var(--zuyl);
    margin-top: 16px
}

.ud8 {
    font-size: 24px;
    margin: 0 0 16px 0
}

.aa3 {
    margin: 10px 0;
    display: block
}

.ecv {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    flex-direction: column-reverse;
    border-radius: 8px;
    background: var(--card-bg, #F8F8F9);
    box-shadow: 0 6px 12px 0 rgba(11, 0, 5, 0.08);
}

.udc {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(226px, 1fr));
    gap: 1rem;
    justify-content: center;
    margin-top: 62px;
}

.ecv img {
    width: 64px;
    height: 64px;
    margin-top: -50px;
    border-radius: 50%;
    object-fit: cover;
}

.zcc {
    color: var(--text-main, #0C0C1A);
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    text-align: center;
    margin-top: 8px;
}


@media (max-width: 1023px) {
    .udc {
        grid-template-columns:1fr 1fr
    }
}

@media (max-width: 650px) {
    .udc {
        gap: 48px 12px;
    }
}

.gek {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(226px, 1fr));
    gap: 1rem;
    justify-content: center;
}

@media (max-width: 650px) {
    .gek {
        gap: 16px;
        grid-template-columns: 1fr 1fr
    }
}

.ujz {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    flex: 1;
    cursor: pointer;
}

.tvi {
    text-align: center;
}

.ujz:hover, .ujz:hover .dtb {
    color: var(--link-color-hover, #ffc800);
}


.dtb {
    color: var(--text-main, #0C0C1A);
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
}

.ujz img {
    height: 32px;
    width: 56px;
    z-index: 2;
    padding: 0 12px;
    background: #f8f8f9;
}

.tl6 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.tl6::after {
    content: '';
    background: var(--accent-base, #ffc800);
    height: 1px;
    position: absolute;
    width: 100%;

}

.jm5 time {
    color: var(--zuyl)
}

.page._active {
    overflow: hidden;
}

.popup-bg {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .5);
    z-index: 900
}

.popup-bg.active {
    display: flex;
    max-width: 100%;
}

.popup {
    width: 1243px;
    padding: 16px;
    background: var(--text-main, #0C0C1A);
}

.popup .popup__cross {
    cursor: pointer
}

.edr {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    gap: 12px;
}

.edr .vdc {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    background: #0C0C1A
}

.edr .slots-popup__title {
    flex: 1 1;
    margin-top: 0;
    margin-bottom: 0;
    color: var(--site-bg, #F1F1F1);
    font-size: 24px;
    font-weight: 600;
    line-height: 130%;
}

.edr .qyq {
    display: flex;
    justify-content: center;
    flex: 1 1
}

.edr .dmy {
    width: auto;
    padding: 10px 12.5px
}

.edr .gxj {
    display: flex;
    justify-content: flex-end;
    flex: 1 1
}

.edr .hp5 {
    min-height: 630px;
    background-color: #12192B;
    aspect-ratio: 16 / 9
}

.edr .slots-popup__content-button {
    display: flex;
    justify-content: center;
}

.edr .slots-popup__iframe {
    width: 100%;
    height: 100%
}

@media (max-width: 1412px) {
    .popup {
        margin: 0 20px
    }

    .edr .hp5 {
        min-height: 540px
    }
}

@media (max-width: 1200px) {
    .popup {
        margin: 0
    }
}

@media (max-width: 760px) {
    .edr .hp5 {
        flex: 1;
        max-width: 100%;
    }

    .btw {
        max-width: 100%;
    }

    .fkx {
        width: 100%
    }

    .slots-popup__iframe {
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
        z-index: 2
    }

    .edr .slots-popup__title {
        order: 1
    }

    .edr .qyq {
        order: 3;
        flex: 1 1 100%;
        margin-top: 8px
    }

    .edr .gxj {
        flex: 0 0 32px;
        order: 2
    }

    .edr .slots-popup__content-button {
        width: 100%;
    }

    .edr .slots-popup__content-button .btn {
        width: 100%;
        min-width: 100%;
    }
}

.zrl p {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px
}

.gn7 {
    width: 100%;
    border-radius: 8px;
    border: 1px solid var(--line-color, #8fb4e5);
    background: var(--site-bg, #F1F1F1);
    max-width: 293px;
    color: var(--text-main, #0C0C1A);
    font-size: 18px;
    font-weight: 500;
    line-height: 150%;
    padding: 10.5px 16px;
}

.mzj {
    position: relative;
    display: block;
    width: 48px;
    height: 48px;
    max-width: 48px;
    gap: .625rem;
    border-radius: .5rem;
    padding: 16px;
    color: #1e1e28;
    font-family: var(--jgdo);
    font-size: .875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25rem;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    text-align: center;
    cursor: pointer;
    background: var(--jzpu);
    color: var(--jzpu)
}

.zg4 {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-top: 15px
}

.zg4.active .copy {
    display: none;
}

.copied {
    display: none
}

.kfh {
    display: flex;
    gap: 10px;
    margin-top: 20px
}

.mj3 {
    width: 100%;
    max-width: 345px;
    padding: 16px;
    background: var(--jzpu);
    color: var(--lgi5);
}

.ceh {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
    margin-top: 23px
}


.caw {
    display: flex;
    gap: 5px
}

@media (max-width: 650px) {
    .gn7 {
        max-width: 100%;
        flex: 1;
    }
}

.qgf {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 16px;
}

.qgf .btn {
    display: flex;
    gap: 5px;
    align-items: center;
}

.qgf .btn img {
    max-width: 24px;
}

.qgf.mkn {
    justify-content: flex-end;
}

.qgf.cmw {
    justify-content: center;
}

.qgf.gj5 {
    justify-content: flex-start;
}

@media (max-width: 565px) {
    .qgf .btn {
        min-width: 100%;
        width: 100%;
        justify-content: center;
    }
}

.oux {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}


.oux img {
    display: block;
    height: auto;
    max-height: 50px;
    width: auto;
    object-fit: scale-down;
}


.cke.cmw {
    margin: 0 auto
}

.cke.mkn {
    margin-left: auto
}

.urk {
    position: relative;
    width: 100%;
    height: auto;
}

.tn4 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ygr {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: 0 0;
    border: none;
    border-radius: 50%;
    background: #212121;
    height: 65px;
    width: 65px;
    opacity: .8;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fhn {
    fill: #212121;
    fill-opacity: .8
}

.nty {
    fill: var(--uqqm)
}

.ygr:focus {
    outline: 0
}

.ygr:focus, .ygr:hover {
    background: var(--rinu);
    opacity: 1
}

.ygr:hover {
    cursor: pointer
}

.uj3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none
}

.cke img {
    width: 100%;
    height: auto;
}

.yn8 {
    width: 100%;
}

.urk.open .ygr {
    display: none;
}

* + .osh {
    margin-top: 16px;
}

.osh {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.osh .owf {
    margin-bottom: 0;
}

.vu2 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    background: transparent;
    color: var(--text-main, #0C0C1A);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    padding: 6px 0;
    min-width: fit-content;
}

* + .bv1 {
    margin-top: 20px;
}

.bv1 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(235px, 1fr));
    gap: 1rem;
    justify-content: center;
}

.xlp img {
    border: 4px solid #F1F1F1;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.tdr {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}


.xlp {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--text-main, #0C0C1A);
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    gap: 8px;
    flex: 1 0 0;
}

.ool {
    text-align: center;
    max-width: 73px;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
}

.bv1 .btn {
    margin-top: 16px;
    width: 100%;
    min-width: 100%;
    padding: 12px;
    color: var(--button-color, #0C0C1A);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
}

.xk0 {
    color: var(--text-main, #0C0C1A);
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 16px;
}

@media (max-width: 560px) {
    .bv1 {
        grid-template-columns: 1fr;
    }

    .osh {
        margin-bottom: 16px;
    }
}

.nna {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.nna.ds6 {
    grid-template-columns: 1fr 1fr;
}

.nna.le6 {
    grid-template-columns: 1fr 1fr  1fr;
}

@media (max-width: 1024px) {
    .nna.ds6 {
        grid-template-columns: 1fr;
    }

    .nna.le6 {
        grid-template-columns: 1fr;
    }

    .dmj {
        display: contents;
    }

    body .nna.ds6.yny {
        flex-direction: column;
        gap: 0;
    }

    .dmj .qgf {
        order: 30;
        margin-top: 0;
    }
}

@media (max-width: 565px) {
    .dmj .qgf .btn {
        min-width: 100%;
        width: 100%;
        justify-content: center;
    }
}

.ff1 .jm5, .ff1 .jm5 time {
    color: var(--line-color, #8fb4e5);
    position: relative;

}

.ff1 .jm5 {
    padding-left: 28px;
}

.ff1 .jm5::before {
    top: 2px;
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" viewBox="0 0 18 20" fill="none"><path d="M0.759766 7.33887H16.8014" stroke="%23EBEBEB" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round"/><path d="M12.7734 10.8535H12.7824" stroke="%23EBEBEB" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.78125 10.8535H8.79025" stroke="%23EBEBEB" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.77734 10.8535H4.78634" stroke="%23EBEBEB" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round"/><path d="M12.7734 14.3516H12.7824" stroke="%23EBEBEB" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.78125 14.3516H8.79025" stroke="%23EBEBEB" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.77734 14.3516H4.78634" stroke="%23EBEBEB" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round"/><path d="M12.416 0.674805V3.6367" stroke="%23EBEBEB" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round"/><path d="M5.14648 0.674805V3.6367" stroke="%23EBEBEB" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.5902 2.0957H4.96965C2.32663 2.0957 0.675781 3.56804 0.675781 6.27443V14.4191C0.675781 17.168 2.32663 18.6744 4.96965 18.6744H12.5819C15.2332 18.6744 16.8758 17.1936 16.8758 14.4872V6.27443C16.8841 3.56804 15.2416 2.0957 12.5902 2.0957Z" stroke="%23EBEBEB" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    left: 0;
    position: absolute;
}
/* iGen: шрифты */
:is(h1,h2,h3,h4,h5,h6):not(#_t_):not(#_t_),:is(h1,h2,h3,h4,h5,h6):not(#_t_):not(#_t_) *:not(i):not(svg):not(svg *):not(code):not(pre):not([class*="icon"]):not([class*="ico-"]):not([class^="fa"]):not([class*=" fa-"]):not([class*="material"]){font-family:'Play',system-ui,sans-serif!important}