.success-modal {
    max-width: 520px;
    text-align: center;
    padding: 32px;
    background: var(--white);
    border-radius: 16px
}

.success-modal h2 {
    font-size: 24px;
    margin-bottom: 12px
}

.success-modal p {
    margin-bottom: 8px;
    font-size: 16px
}

.social-links {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin: 16px 0
}

.social-links a {
    text-decoration: none;
    background-color: #fdd835;
    padding: 8px 14px;
    border-radius: 8px;
    color: #212121;
    font-weight: 500;
    transition: background-color .2s;
    width: 33%
}

.social-links a:hover {
    background-color: #fbc02d
}

.success-btn {
    justify-content: center
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, 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");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop:always}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper: before {
    height:100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper: before {
    width:100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border-radius: 50%;
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-top: 4px solid transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

* {
    padding: 0;
    margin: 0;
    border: none;
    font-family: Play,serif;
    scroll-behavior: smooth
}

.fix-text h1,.fix-text h2,.fix-text h3,.fix-text h4,.fix-text h5,.fix-text h6,.fix-text p,.fix-text span {
    word-spacing: -.1em;
    line-break: strict
}

.fix-text span {
    white-space: nowrap
}

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

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

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

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

ul,ul li {
    list-style: none
}

img {
    vertical-align: top
}

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

address {
    font-style: normal
}

button,input,select,textarea {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    background-color: transparent
}

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

button,input[type=submit] {
    display: inline-block;
    box-shadow: none;
    background-color: transparent;
    background: none;
    cursor: pointer
}

button:active,button:focus,input:active,input:focus {
    outline: none
}

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

label {
    cursor: pointer
}

legend {
    display: block
}

h1 {
    font-size: clamp(28px,5vw,36px);
    padding: 10px 0
}

h1,h2 {
    font-weight: 700;
    text-align: center;
    line-height: 2.95rem
}

h2 {
    font-size: 34px;
    padding-bottom: 30px
}

h3.big {
    font-size: clamp(17px,4vw,36px)
}

h3 {
    font-size: clamp(20px,3.5vw,24px)
}

h3,h4 {
    font-weight: 700
}

h4 {
    font-size: clamp(16px,3vw,16px)
}

h5 {
    font-size: 13px;
    font-weight: 700
}

input,select,textarea {
    font-size: 16px!important
}

:root {
    --page-bg: #f1f1f1;
    --white: #fff;
    --black: #333;
    --blue: #126df7;
    --grey: #f6f7f8;
    --grey-dop-1: #777;
    --grey-dop-2: #888;
    --grey-dop-3: #999;
    --yellow: #ffdd2d;
    --accent: #ffdd2d;
    --accent-hover: #F8B822;
    --bg-soft: #f8f8f8;
    --bg-elev: #ffffff;
    --text-main: #1a1a1a;
    --text-muted: #555;
    --radius-xl: 16px;
    --radius-md: 12px;
    --shadow-1: 0 2px 8px rgba(0,0,0,.06);
    --shadow-2: 0 8px 24px rgba(0,0,0,.08);
    --dark-section: #212121;
    --brown-section: #f1eee8;
    --brown-card: #e4d7c1;
    --brown-accent: #b58762;
    --btn--primary: var(--blue);
    --btn--primary-hover: #EAECF1;
    --dark-black: #000000;
    --block-bg-rgb: 255,255,255;
    --tbl-accent: #ffdd2d;
    --tbl-bg: #ffffff;
    --tbl-text: #151515;
    --tbl-muted: #6b7280;
    --tbl-border: #e5e7eb;
    --tbl-header-bg: #f8f9fb;
    --tbl-header-text: #0f172a;
    --tbl-hover: #f3f4f6;
    --tbl-selected: #fff7cc;
    --grey-1: #eaecee;
    --grey-2: #E2E8F0;
    --grey-3: #9299A2;
    --black-1: #333;
    --blue-1: #E1F9F7;
    --yellow-1: #f1ebd6;
    --hr: #cacaca;
    --swith: #d9e5f8;
    --switch-hover: #d0ddf0;
    --input-bg: #ecf1f7;
    --sup-title: #e60023;
    --nk-accent: #ffdd2d;
    --nk-accent-ink: #1a1a1a;
    --nk-card-bg: var(--bg-elev,#ffffff);
    --nk-page-bg: var(--page-bg,#f6f7f8);
    --nk-text: var(--text-main,#1a1a1a);
    --nk-text-muted: var(--text-muted,#555);
    --nk-border: rgba(0,0,0,.08);
    --nk-shadow-1: var(--shadow-1,0 2px 8px rgba(0,0,0,.06));
    --nk-shadow-2: var(--shadow-2,0 8px 24px rgba(0,0,0,.08));
    --nk-radius-xl: var(--radius-xl,16px);
    --nk-radius-md: var(--radius-md,12px);
    --surface: var(--surface,rgba(246,247,248,0.7));
    --text-secondary: var(--text-secondary,#666);
    --nk-input-bg: var(--input-bg,#ecf1f7);
    --nk-input-border: rgba(0,0,0,0.08);
    --nk-input-border-strong: rgba(0,0,0,0.16);
    --nk-input-placeholder: rgba(0,0,0,0.4);
    --nk-text-primary: var(--nk-text,var(--text-main,#1a1a1a));
    --nk-text-muted-strong: var(--nk-text-muted,var(--text-muted,#555));
    --nk-surface-soft: rgba(255,255,255,0.9)
}

:root[data-theme=dark],body[data-theme=dark],html[data-theme=dark] {
    --page-bg: #16171d;
    --white: #1e1f29;
    --black: #f1f1f1;
    --blue: #e47ad5;
    --grey: #242427;
    --grey-dop-1: #a0a0a5;
    --grey-dop-2: #b0b0b5;
    --grey-dop-3: #c0c0c5;
    --yellow: #ffdd55;
    --accent: #6c38cc;
    --accent-hover: #452481;
    --bg-soft: #2a2a2d;
    --bg-elev: #303034;
    --text-main: #f1f1f1;
    --text-muted: #b0b0b5;
    --shadow-1: 0 2px 8px rgba(0,0,0,.4);
    --shadow-2: 0 8px 24px rgba(0,0,0,.6);
    --dark-section: #232325;
    --brown-section: #3b3530;
    --brown-card: #4a423a;
    --brown-accent: #d2a679;
    --btn--primary: var(--blue);
    --btn--primary-hover: #3d3d42;
    --block-bg-rgb: 30,31,41;
    --tbl-accent: #ffdd55;
    --tbl-bg: #26262a;
    --tbl-text: #f1f1f1;
    --tbl-muted: #9ca3af;
    --tbl-border: #3e3e44;
    --tbl-header-bg: #323236;
    --tbl-header-text: #e5e7eb;
    --tbl-hover: #3a3a3f;
    --tbl-selected: #4a4a2f;
    --grey-1: #2e2e32;
    --grey-2: #3b3b40;
    --grey-3: #b0b0b5;
    --black-1: #f5f5f5;
    --blue-1: #2f3d55;
    --yellow-1: #554f35;
    --hr: #555;
    --swith: #3c4a5a;
    --switch-hover: #455164;
    --input-bg: #2d2d31;
    --sup-title: #ff6666;
    --nk-input-bg: var(--input-bg,#2d2d31);
    --nk-input-border: rgba(255,255,255,0.12);
    --nk-input-border-strong: rgba(255,255,255,0.26);
    --nk-input-placeholder: rgba(255,255,255,0.45);
    --nk-text-primary: var(--nk-text,var(--text-main,#f1f1f1));
    --nk-text-muted-strong: var(--nk-text-muted,#b0b0b5);
    --nk-surface-soft: rgba(48,48,52,0.9)
}

.loading-container {
    width: 100%;
    height: 60vh;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.loading-spinner {
    width: 50px;
    height: 50px;
    border: 6px solid rgba(255,221,45,.3);
    border-top-color: #ffdd2d;
    border-radius: 50%;
    animation: spin .8s linear infinite
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: var(--page-bg);
    height: 100vh
}

.grey-1 {
    background-color: var(--grey-1)!important
}

.grey-2 {
    background-color: var(--grey-2)!important
}

.grey-3 {
    background-color: var(--grey-3);
    color: var(--white)
}

.black-1 {
    background-color: var(--black-1)!important;
    color: var(--white)!important
}

.blue-1 {
    background-color: var(--blue-1)
}

.yellow-1 {
    background-color: var(--yellow-1)
}

hr {
    background: var(--hr);
    height: 1px;
    margin: 16px 0
}

body {
    font-size: clamp(13px,2.5vw,15px);
    line-height: 1.35rem;
    color: var(--black);
    white-space: pre-line
}

.small {
    font-size: clamp(10px,2vw,11px)
}

::selection {
    background: rgba(255,221,45,.32)!important;
    color: rgba(0,0,0,.8)!important;
    text-shadow: none
}

.container,.lk-container {
    margin: 0 auto;
    max-width: 1220px
}

.lk-container {
    padding: 70px 0
}

@media (max-width: 935px) {
    .lk-container {
        padding-top:0
    }
}

.info-main {
    background: var(--white);
    border-radius: 15px;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    box-shadow: 0 8px 24px rgba(15,23,42,.08);
    padding: 24px;
    margin-top: 40px;
    margin-bottom: 40px
}

.info-container {
    max-width: 900px;
    margin: 0 auto
}

.info-container h1 {
    font-size: clamp(24px,3vw,32px);
    font-weight: 700;
    color: var(--text-main,#1a1a1a);
    margin-bottom: 20px;
    line-height: 1.25;
    text-align: left;
    text-transform: uppercase
}

.info-container h2 {
    font-size: clamp(18px,2.4vw,22px);
    margin: 28px 0 14px
}

.info-container h2,.info-container h3 {
    font-weight: 600;
    color: var(--text-main,#1a1a1a);
    line-height: 1.3;
    text-align: left
}

.info-container h3 {
    font-size: clamp(14px,2.4vw,16px);
    margin: 28px 0 4px
}

.info-container p {
    font-size: 16px;
    line-height: 1.7;
    color: var(--text-main,#1a1a1a);
    margin: 0 0 16px;
    text-align: justify;
    text-justify: inter-word;
    -webkit-hyphens: auto;
    hyphens: auto
}

.info-container ol,.info-container ul {
    margin: 0 0 16px 20px;
    padding: 0
}

.info-container li {
    margin-bottom: 6px;
    font-size: 16px;
    line-height: 1.7;
    text-align: justify;
    -webkit-hyphens: auto;
    hyphens: auto
}

.info-container a {
    color: var(--blue,#126df7);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px
}

.info-container a:hover {
    text-decoration-thickness: 2px
}

@media (max-width: 768px) {
    .info-main {
        padding:16px;
        border-radius: 12px
    }

    .info-container li,.info-container p {
        font-size: 15px;
        line-height: 1.6
    }
}

section {
    background-color: var(--page-bg)
}

.inner-container {
    padding: 24px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 32px
}

.inner-container h2 {
    width: 100%
}

@media (max-width: 1270px) {
    .container,.lk-container {
        max-width:90%
    }
}

@media (max-width: 568px) {
    .container,.lk-container {
        max-width:99%
    }
}

.price-section {
    margin-top: -48px
}

.city-item a,.subject-item a {
    background-color: var(--swith);
    padding: 10px 15px;
    border-radius: 25px;
    color: var(--black);
    transition: all .3s ease
}

.city-item a:hover,.subject-item a:hover {
    background-color: var(--switch-hover);
    color: var(--blue);
    transition: all .3s ease
}

.card {
    border-radius: 25px;
    text-align: center;
    position: relative
}

.card,.card:hover {
    transition: all .3s ease
}

.card:hover {
    scale: 1.02
}

.contacts {
    display: flex;
    justify-content: space-between;
    padding-top: 40px;
    padding-left: 40px;
    width: 100%
}

.contacts-first {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 50px
}

.contacts-images {
    display: flex;
    justify-content: center;
    gap: 20px
}

.contacts-images img:first-child {
    padding: 12px;
    background: var(--white);
    border-radius: 25px;
    min-width: 90px
}

.contacts-images img:last-child {
    padding: 12px;
    background: var(--accent);
    border-radius: 25px;
    min-width: 90px
}

.contacts-first span {
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 18px
}

.contacts-links {
    display: flex;
    gap: 20px
}

.contacts-links a {
    background: var(--black);
    border-radius: 8px;
    display: flex;
    gap: 12px;
    padding: 8px 12px;
    color: var(--white)
}

@media (max-width: 1270px) {
    .contacts {
        flex-direction:column;
        align-items: center;
        padding: 20px 20px 0
    }

    .contacts-first {
        align-items: center;
        gap: 25px
    }

    .contacts-first span {
        text-align: center
    }

    .contacts-links {
        display: flex;
        gap: 10px
    }

    .contacts-links a {
        font-size: clamp(12px,2vw,13px);
        padding: 6px 10px;
        gap: 5px
    }
}

.dark-theme section {
    background-color: var(--dark-section);
    color: var(--white)
}

.dark-theme .form-inner-title,.dark-theme form {
    color: var(--black)
}

.dark-theme section .img-block:after {
    background: linear-gradient(180deg,rgba(0,0,0,0) 0,#212121)
}

.dark-theme .card,.dark-theme .step {
    background: var(--black)!important
}

.dark-theme .step-title {
    background: #4972CF
}

.brown-theme section {
    background-color: var(--brown-section);
    color: var(--black)
}

.brown-theme .form-inner-title,.brown-theme form {
    color: var(--black)
}

.brown-theme section .img-block:after {
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0,var(--brown-section) 100%)
}

.brown-theme .card,.brown-theme .step {
    background: var(--brown-card)!important
}

.brown-theme .step-title {
    background: var(--brown-accent)
}

.brown-theme .black-1,.brown-theme .grey-3 {
    background: var(--brown-accent)!important
}

.w-100 {
    width: 100%
}

.mb--48 {
    margin-bottom: -48px!important
}

.pb-50 {
    padding-bottom: 50px
}

.btn--primary {
    border: 1px solid var(--btn--primary);
    padding: 16px 36px;
    color: var(--btn--primary);
    border-radius: 10px;
    display: inline-block
}

.btn--primary,.btn--primary:hover {
    transition: background-color .3s ease
}

.btn--primary:hover {
    background: var(--btn--primary-hover)
}

.article-page {
    max-width: 700px
}

.article-page h2 {
    padding: 0
}

.article-page-img {
    border-radius: 25px
}

.circle-image {
    border-radius: 50%;
    border: 5px solid var(--bg-elev);
    box-shadow: 2px 1px 5px var(--grey-dop-2);
    width: 200px;
    height: 200px;
    object-fit: cover;
    object-position: top
}

.interview-header {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    width: 100%
}

.interview-body {
    max-width: 800px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px
}

.interview-article {
    width: calc(50% - 30px);
    display: flex;
    flex-direction: column;
    gap: 20px
}

.interview-quote-one {
    background: var(--grey-1);
    padding: 1.5rem;
    border-radius: 25px;
    width: 100%;
    display: flex;
    gap: 15px
}

.interview-quote-two {
    text-align: center;
    width: 100%
}

.command-container div {
    width: calc(33% - 20px);
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    text-align: center
}

@media (max-width: 801px) {
    .command-container div,.interview-article {
        width:100%
    }
}

.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000
}

.modal-content {
    position: relative;
    min-height: 150px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    background: var(--white);
    padding: 20px;
    border-radius: 25px;
    text-align: center;
    box-shadow: 0 4px 10px rgba(0,0,0,.3)
}

.text-center {
    text-align: center;
    width: 100%;
    margin-top: 5px
}

.text-link {
    color: #777;
    text-decoration: underline!important
}

.text-grey {
    color: #777
}

input:-webkit-autofill {
    box-shadow: 0 0 0 1000px var(--bg-elev) inset!important;
    -webkit-box-shadow: 0 0 0 1000px var(--bg-elev) inset!important;
    -webkit-text-fill-color: var(--dark-black)!important;
    caret-color: var(--dark-black)!important;
    -webkit-transition: background-color 5000s ease-in-out 0s!important;
    transition: background-color 5000s ease-in-out 0s!important
}

.d-block,table {
    display: block
}

table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: var(--tbl-bg);
    color: var(--tbl-text);
    font-family: Play,serif;
    font-size: 13px;
    line-height: 1.35;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border: 1px solid var(--tbl-border);
    border-radius: 14px;
    box-shadow: 0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.06)
}

tbody,tfoot,thead {
    display: table;
    width: 100%;
    table-layout: fixed
}

colgroup {
    display: none
}

td,th {
    padding: 12px 16px;
    border-bottom: 1px solid var(--tbl-border);
    vertical-align: middle;
    background: inherit
}

thead th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--tbl-header-bg);
    color: var(--tbl-header-text);
    text-align: left;
    font-weight: 700;
    letter-spacing: .2px;
    white-space: nowrap;
    box-shadow: inset 0 -1px 0 var(--tbl-border)
}

thead th:first-child {
    border-top-left-radius: 14px
}

thead th:last-child {
    border-top-right-radius: 14px
}

tfoot td {
    background: var(--tbl-header-bg);
    font-weight: 600;
    border-top: 2px solid var(--tbl-border)
}

tbody tr:nth-child(odd) {
    background: color-mix(in srgb,var(--tbl-hover) 60%,transparent)
}

tbody tr:hover {
    background: var(--tbl-hover)
}

caption {
    caption-side: top;
    text-align: left;
    font-weight: 700;
    padding: 10px 2px 12px;
    color: var(--tbl-header-text)
}

td[data-type=num],th[data-type=num] {
    text-align: right;
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums
}

td>.truncate {
    max-width: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block
}

td a {
    color: inherit;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    text-underline-offset: 2px
}

td a:hover {
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid
}

th[data-sort] {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    padding-right: 28px
}

th[data-sort]:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid var(--tbl-muted);
    transform: translateY(-20%);
    opacity: .6
}

th[data-sort=asc]:after {
    border-top: none;
    border-bottom: 6px solid var(--tbl-accent);
    transform: translateY(-60%);
    opacity: 1
}

th[data-sort=desc]:after {
    border-top: 6px solid var(--tbl-accent);
    opacity: 1
}

tr[aria-selected=true] {
    background: var(--tbl-selected);
    outline: 2px solid var(--tbl-accent);
    outline-offset: -2px
}

td:focus-within,th:focus-within {
    outline: 2px solid var(--tbl-accent);
    outline-offset: -2px;
    border-radius: 8px
}

@media (max-width: 768px) {
    td,th {
        padding:10px 12px;
        font-size: 14px
    }
}

@media (max-width: 480px) {
    td,th {
        padding:8px 10px;
        font-size: 13px
    }
}

body.theme-anim,body.theme-anim * {
    transition: background-color .22s ease,color .22s ease,border-color .22s ease,fill .22s ease,stroke .22s ease!important
}

.smart-captcha_invisible {
    min-width: 0!important;
    width: 0!important
}

@font-face {
    font-family: Play;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/_next/static/media/46da155f10b47d3d-s.woff2) format("woff2");
    unicode-range: u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f
}

@font-face {
    font-family: Play;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/_next/static/media/acf5ccc94200d5d1-s.woff2) format("woff2");
    unicode-range: u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116
}

@font-face {
    font-family: Play;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/_next/static/media/7ee3602ffc3ee29c-s.woff2) format("woff2");
    unicode-range: u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff
}

@font-face {
    font-family: Play;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/_next/static/media/f42a00bcd372c41e-s.woff2) format("woff2");
    unicode-range: u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab
}

@font-face {
    font-family: Play;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/_next/static/media/bcc312cbdaabfe7a-s.woff2) format("woff2");
    unicode-range: u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff
}

@font-face {
    font-family: Play;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/_next/static/media/1dcb4bb6f2068eb9-s.p.woff2) format("woff2");
    unicode-range: u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd
}

@font-face {
    font-family: Play;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/_next/static/media/2a98db71c72ba4f8-s.woff2) format("woff2");
    unicode-range: u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f
}

@font-face {
    font-family: Play;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/_next/static/media/ea77d7ab4d36f67a-s.woff2) format("woff2");
    unicode-range: u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116
}

@font-face {
    font-family: Play;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/_next/static/media/dee70ee4f5df5000-s.woff2) format("woff2");
    unicode-range: u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff
}

@font-face {
    font-family: Play;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/_next/static/media/2addaca4aa9bc55e-s.woff2) format("woff2");
    unicode-range: u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab
}

@font-face {
    font-family: Play;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/_next/static/media/8a292e25fa9a379e-s.woff2) format("woff2");
    unicode-range: u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff
}

@font-face {
    font-family: Play;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/_next/static/media/5ed273b77d2a1951-s.p.woff2) format("woff2");
    unicode-range: u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd
}

@font-face {
    font-family: Play Fallback;
    src: local("Arial");
    ascent-override:92.83%;descent-override:21.79%;line-gap-override:0.00%;size-adjust:100.94%}

.__className_017788 {
    font-family: Play,Play Fallback;
    font-style: normal
}