.header-logo {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
}
.header-logo.blur {
    filter: blur(3px);
}
.header-logo_circle {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--gradient-primary);
    width: 4.2rem;
    min-width: 4.2rem;
    height: 4.2rem;
    border-radius: var(--b-radius);
    color: #fff;
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 1;
    position: relative;
    box-shadow: 0 8px 22px #7653ff4d;
}
.header-logo_host {
    font-style: normal;
    letter-spacing: -0.01em;
    font-weight: var(--fw-bold);
    font-size: 2.4rem;
    color: var(--primary-800);
    margin: 0 0.6rem 0 0.8rem;
}
.header-logo_domain {
    background: var(--gradient-yellow);
    font-weight: var(--fw-bold);
    color: #000;
    border-radius: 100px;
    font-size: 1.5rem;
    padding: 0.8rem 1.4rem;
    box-shadow: 0 8px 22px #dc960e4d;
}
.header-logo_crown {
    display: none;
    position: absolute;
    z-index: 1;
    width: 2.7rem;
    height: 2.7rem;
    right: -30%;
    top: -51%;
}
@media (max-width: 979px) {
    .header-logo {
        width: 183px;
    }
    .header-logo_circle {
        width: 2rem;
        min-width: 2rem;
        height: 2rem;
        border-radius: 3px;
        font-size: 1rem;
        box-shadow: none;
    }
    .header-logo_host,
    .header-logo_domain {
        display: none;
    }
    .header-logo_crown {
        display: flex;
        width: 1.7rem;
        height: 1.7rem;
    }
}
@media screen and (max-width: 767px) {
    .header-logo {
        width: 150px;
    }
}
@media screen and (max-width: 660px) {
    .header-logo {
        width: 30px;
    }
}
.app_footer__mobile {
    display: flex;
    justify-content: space-evenly;
    position: fixed;
    bottom: 0;
    width: 100vw;
    z-index: 40;
    background: var(--primary-bg);
    color: var(--primary-300);
}
@media screen and (min-width: 980px) {
    .app_footer__mobile {
        display: none;
    }
}
.app_footer__mobile:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: var(--primary-200);
}
.app_footer__mobile-link {
    position: relative;
    min-width: 15%;
    height: 64px;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: inherit;
    text-align: center;
    letter-spacing: 0.01em;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: transparent;
    gap: 0;
}
.app_footer__mobile-link span {
    padding-top: 4px;
}
.app_footer__mobile-link.router-link-active,
.app_footer__mobile-link--active,
.app_footer__mobile-link.active {
    color: var(--primary-600);
}
.app_footer__mobile-link_main {
    width: 60px;
    height: 60px;
    border-radius: 8px;
    position: relative;
    top: -5px;
    border: 2px solid var(--primary-bg);
    color: #fff !important;
    background: radial-gradient(73.33% 73.33% at 50% 50%, #9db1ff 0%, #6d3eff 100%);
}
.app_footer__methods {
    background: #f4f2ff;
    padding: 2rem 0 !important;
    z-index: 1;
    position: relative;
}
.app_footer__methods:after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 300%;
    height: 100%;
    z-index: -1;
    background: inherit;
}
.app_footer__methods-item {
    max-width: 8rem;
    height: 3.2rem;
}
.app_footer__methods-item.squared {
    width: 3.2rem;
}
.app_footer__methods-grid {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0;
    gap: 0;
    flex-wrap: wrap;
    row-gap: 2.4rem;
}
@media screen and (min-width: 360px) {
    .app_footer__methods-grid {
        gap: 0.6rem;
    }
}
@media screen and (min-width: 768px) {
    .app_footer__methods-grid {
        gap: 3.2rem;
        row-gap: 1.6rem;
    }
}
@media screen and (min-width: 102.4rem) {
    .app_footer__methods-grid {
        gap: 2rem;
    }
}
@media screen and (min-width: 1440px) {
    .app_footer__methods-grid {
        gap: 3.2rem;
    }
}
.validation {
    width: 100%;
}
.validation-error .border {
    border-color: #ff4949b3;
}
.v-input {
    width: 100%;
    transition: color 0.2s ease-in-out;
    position: relative;
    text-overflow: ellipsis;
    display: flex;
    flex-direction: column;
}
.v-input__wrapper {
    display: flex;
    position: relative;
    align-items: center;
    background: var(--bg_secondary__100);
    border-radius: var(--b-radius);
    overflow: hidden;
}
.v-input__wrapper.visible {
    overflow: visible;
}
.v-input__gradient {
    position: absolute;
    left: -1px;
    right: -1px;
    top: -1px;
    bottom: -1px;
    border-radius: 4px;
    background: linear-gradient(90deg, #7449e6 0.06%, #69a4ff 98.49%);
    opacity: 0;
    transition: 0.3s;
}
.v-input.outline {
    outline: none;
}
.v-input.outline .v-input__prefix-btn,
.v-input.outline .v-input__wrapper {
    background: transparent;
}
.v-input.outline .v-input__border {
    opacity: 1;
    border-color: var(--bg_light__100);
}
.v-input.black .v-input__wrapper {
    background: var(--bg_primary__200);
}
.v-input.black .v-input__suffix-btn {
    color: var(--color_secondary__100);
}
.v-input.transparent .v-input__wrapper {
    background: transparent;
}
.v-input.transparent .v-input__border {
    border-color: transparent !important;
}
.v-input__border {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--b-radius);
    border: 2px solid transparent;
    transition: 0.2s;
}
.v-input__element {
    width: 100%;
    color: var(--color_primary__100);
    padding: 14.5px 12px;
    font-weight: 600;
    position: relative;
    background: transparent;
    text-overflow: ellipsis;
    z-index: 1;
    transition: 0.2s;
    height: 48px;
}
.v-input__element:hover + .v-input__border,
.v-input__element:focus + .v-input__border {
    border-color: var(--bg_light__100);
}
.v-input__element::-moz-placeholder {
    color: var(--color_secondary__100);
    font-weight: 600;
}
.v-input__element::placeholder {
    color: var(--color_secondary__100);
    font-weight: 600;
}
.v-input__element--sm {
    border-radius: 4px;
    font-size: 16px;
    padding: 10.5px 12px;
    font-weight: 600;
}
.v-input__element--xl {
    border-radius: 6px;
    padding: 25px 30px;
    font-weight: 600;
}
.v-input__element--36 {
    height: 36px;
    padding: 0;
}
.v-input__prefix {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 1;
}
.v-input__prefix.prefix {
    position: relative;
    display: contents;
}
.v-input__prefix.prefix + .v-input__element {
    padding-left: 0;
}
.v-input__suffix {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 8px;
    height: 100%;
}
.v-input__suffix.static {
    padding: 0 8px;
}
.v-input__prefix.static,
.v-input__suffix.static {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.v-input__prefix-btn,
.v-input__suffix-btn {
    padding: 0;
    width: 32px;
    height: 32px;
    border-radius: var(--b-radius-sm);
    background: transparent;
    color: var(--color_secondary__100);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.2s;
}
.v-input__prefix-btn:hover,
.v-input__suffix-btn:hover {
    background: var(--bg_light__100);
}
.v-input__prefix-btn {
    width: 40px;
    height: 48px;
}
.v-input__prefix-btn:hover {
    background: transparent;
}
.v-input__label {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 8px;
    color: var(--color_secondary__100);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
html.dark .v-input__wrapper,
html[data-theme="dark"] .v-input__wrapper {
    background: var(--bg_secondary__200);
}
.v-select {
    width: 100%;
}
.v-select__wrapper {
    position: relative;
}
/*.v-select .validation {
    height: 100%;
}*/
.v-select__label {
    color: var(--color_secondary__100);
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 17px;
    margin-bottom: 0.8rem;
    z-index: -1;
}
.v-select__button {
    width: 100%;
    text-align: left;
    justify-content: space-between;
    align-items: center;
    display: flex;
    background: var(--bg_secondary__100);
    border: 1px solid transparent;
    border-radius: var(--b-radius);
    padding: 1rem 1.2rem;
    height: 48px;
    color: var(--color_secondary__100);
    font-weight: 600;
}
.v-select__button .chevron {
    margin-left: 8px;
}
.v-select__button.light {
    background: var(--bg_light__100);
}
.v-select__button:hover,
.v-select__button:active,
.v-select__button:focus {
    border-color: var(--bg_light__100);
}
.v-select__button input {
    color: var(--color_primary__100);
}
.v-select__button input::-moz-placeholder {
    color: var(--color_secondary__100);
}
.v-select__button input::placeholder {
    color: var(--color_secondary__100);
}
.v-select__button.selected span {
    color: var(--color_primary__100);
}
.v-select.color-main .v-select__button {
    background: var(--bg_primary__200);
    color: var(--color_secondary__100);
}
.v-select.color-light .v-select__button {
    background: var(--bg_light__100);
    color: var(--color_secondary__100);
}
.v-select.color-light-n-dark .v-select__button.selected {
    color: var(--color_main__100);
}
.v-select.color-light-n-dark .v-select__dropdown {
    background: var(--bg_primary__200);
    color: var(--color_main__100);
    padding: 12px;
    gap: 2px;
}
.v-select.color-light-n-dark .v-select__dropdown-item {
    color: var(--color_primary__100);
}
.v-select.color-light-n-dark .v-select__dropdown-item.active,
.v-select.color-light-n-dark .v-select__dropdown-item:hover {
    background: var(--bg_secondary__200);
    color: var(--color_primary__100);
}
.v-select__dropdown {
    border-radius: var(--b-radius);
    padding: 4px;
    background: var(--bg_secondary__200);
    color: var(--color_secondary__100);
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    z-index: 21;
    max-height: 250px;
    overflow: auto;
    gap: 4px;
    display: flex;
    flex-direction: column;
}
.v-select__dropdown.bottom {
    transform: translateY(100%);
    box-shadow: 0 4px 8px #00000026;
}
.v-select__dropdown.top {
    box-shadow: 0 -4px 8px #00000026;
    bottom: calc(100% + 10px);
}
.v-select__dropdown-empty {
    height: 50px;
    transition: 0.2s;
    padding: 0 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    color: var(--color_secondary__100);
    text-align: center;
}
.v-select__dropdown-item {
    min-height: 48px;
    transition: 0.2s;
    padding: 0 1.2rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    color: var(--color_secondary__100);
    text-align: left;
}
.v-select__dropdown-item.active,
.v-select__dropdown-item:hover {
    background: var(--bg_primary__100);
    color: var(--color_main__100);
}
.v-select__dropdown-item .check {
    margin-left: 6px;
}
.v-select.sizex-sm .v-select__button {
    padding: 0 1.2rem;
    height: 4rem;
}
.v-select.sizex-sm .v-select__dropdown-item {
    height: 40px;
}
.v-select.sizex-42 .v-select__button {
    padding: 0 1.2rem;
    height: 42px;
}
.v-select.sizex-42 .v-select__dropdown-item {
    height: 42px;
}
.v-select.sizex-48 .v-select__button {
    padding: 0 1.2rem;
    height: 48px;
}
.v-select.sizex-48 .v-select__dropdown-item {
    height: 48px;
}
html.dark .v-select__button,
html[data-theme="dark"] .v-select__button {
    background: var(--bg_secondary__200);
}
.spinner {
    animation: rotate 2s linear infinite;
    z-index: 2;
}
.spinner .bg {
    fill: transparent;
}
.spinner .path {
    stroke-linecap: round;
    animation: dash 1.5s ease-in-out infinite;
}
@keyframes rotate {
    to {
        transform: rotate(360deg);
    }
}
.v-btn {
    border: none;
    padding: 0;
    outline: none;
    border-radius: var(--b-radius);
    background: transparent;
    font-family: inherit;
    font-size: inherit;
    font-weight: 600;
    line-height: 16px;
    color: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    transition: 0.3s;
    cursor: pointer;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.v-btn .ondesk {
    display: block;
}
.v-btn .onmob {
    display: none;
}
@media screen and (max-width: 767px) {
    .v-btn .ondesk {
        display: none;
    }
    .v-btn .onmob {
        display: block;
    }
}
.v-btn .btn-loader {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.v-btn .btn-loader svg {
    height: 60%;
    width: auto;
}
.v-btn .btn-overlay {
    transition: 0.2s;
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.v-btn.disabled {
    pointer-events: none;
}
.v-btn:disabled {
    cursor: not-allowed;
}
.v-btn-white {
    background: #ffffff;
    color: #b4aed4;
}
.v-btn-dark {
    background: #e8e5ff;
    color: var(--color_secondary__100);
}
.v-btn-dark:hover {
    color: var(--color_primary__100);
}
.v-btn-secondary {
    background: var(--bg_secondary__100);
    color: var(--color_secondary__100);
}
.v-btn-secondary:hover {
    filter: brightness(0.98) !important;
}
.v-btn-primary-200 {
    background: var(--bg_primary__200);
    color: var(--color_secondary__100);
}
.v-btn-primary-200:hover {
    background: var(--bg_primary__100);
}
.v-btn-primary-100 {
    background: var(--bg_primary__100);
    color: var(--color_secondary__100);
}
.v-btn-primary-100:hover,
.v-btn-primary-100.active {
    background: var(--bg_light__100);
}
.v-btn-black {
    background: var(--bg_secondary__300);
    color: var(--color_secondary__100);
}
.v-btn-black:hover {
    filter: brightness(0.98) !important;
}
.v-btn-light-gradient {
    background: var(--bg_light__100);
    color: var(--color_secondary__100);
}
.v-btn-light-gradient .btn-overlay {
    background: linear-gradient(90deg, #7449e6 0.06%, #69a4ff 98.49%);
}
.v-btn-light-gradient:hover,
.v-btn-light-gradient.active {
    color: #fff;
}
.v-btn-light-gradient:hover .btn-overlay,
.v-btn-light-gradient.active .btn-overlay {
    opacity: 1;
}
.v-btn-primary {
    background: linear-gradient(90deg, #7449e6 0.06%, #69a4ff 98.49%);
    color: #fff;
    padding: 12px;
}
.v-btn-primary:hover {
    filter: brightness(1.1);
}
.v-btn-vk {
    background: #246bfd;
    color: #fff;
}
.v-btn-tg {
    background: #0e9ceb;
    color: #fff;
}
.v-btn-orange {
    background: linear-gradient(90deg, #f4a202 0%, #fac257 100%);
    color: #2c3034;
    font-weight: 700;
    padding: 12px;
}
.v-btn-orange .btn-overlay {
    background: rgba(255, 255, 255, 0.15);
}
.v-btn-orange:hover .btn-overlay {
    opacity: 1;
}
.v-btn-transparent {
    background: transparent;
    color: var(--color_secondary__100);
    font-weight: 600;
    padding: 0 12px;
}
.v-btn-transparent:hover {
    background: var(--bg_secondary__100);
}
.v-btn-light-outline {
    background: transparent;
    color: var(--color_secondary__100);
    border: 2px solid var(--bg_secondary__100);
}
.v-btn-light-outline:hover,
.v-btn-light-outline.active {
    background: var(--bg_secondary__100);
}
.v-btn-light {
    background: var(--bg_secondary__200);
    color: var(--color_secondary__100);
    font-weight: 600;
    padding: 0 12px;
}
.v-btn-light:hover {
    background: var(--bg_light_hover__100);
}
.v-btn-light.active {
    background: var(--bg_light_hover__100);
    color: var(--color_primary__100);
}
.v-btn-light-hover {
    background: var(--bg_light_hover__100);
    color: var(--color_secondary__100);
}
.v-btn-light-hover:hover {
    color: var(--color_primary__100);
}
.v-btn-light-secondary {
    background-color: var(--bg_secondary__100);
    color: var(--color_secondary__100);
}
:is(.dark .v-btn-light-secondary) {
    background-color: var(--bg_primary__100);
}
.v-btn-light-secondary.active,
.v-btn-light-secondary:hover {
    background-color: var(--bg_light_hover__100);
    color: var(--color_primary__100);
}
.v-btn-main {
    background: var(--bg_main__100);
    color: var(--color_primary__100);
}
:is(.dark .v-btn-main) {
    color: var(--color_main__100);
}
.v-btn-main {
    font-weight: 600;
    padding: 0 12px;
}
.v-btn-main:hover {
    background: var(--bg_light_hover__100);
}
.v-btn-main.active {
    background: var(--bg_light_hover__100);
    color: var(--color_main__100);
}
.v-btn-main2 {
    color: var(--color_secondary__100);
    font-weight: 600;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
:is(.dark .v-btn-main2) {
    background-color: var(--bg_main__100);
}
.v-btn-nav {
    padding: 1.2rem 1.6rem;
    border-radius: var(--b-radius);
    font-weight: var(--fw-bold);
    letter-spacing: 0.02em;
    color: var(--color-nav);
    display: flex;
    align-items: center;
    background: transparent;
}
.v-btn-nav:hover {
    color: var(--primary-800);
}
.v-btn-nav--active {
    background: var(--color_secondary__100);
    color: var(--primary-800);
}
.v-btn-green {
    background: linear-gradient(90deg, #76ac41 3.33%, #97d25b);
    color: #fff;
    font-weight: var(--fw-semibold);
    padding: 0.8rem 1.2rem;
}
.v-btn-red {
    background: #ff3030;
    color: #fff;
}
.v-btn-variant--outline {
    background: transparent;
    border-style: solid;
    border-width: 1px;
}
.v-btn-size--lg {
    padding: 1.8rem 1.5rem;
    font-size: 1.8rem;
    height: 52px;
}
.v-btn-size--base {
    padding: 1rem 1.5rem;
    height: 48px;
}
.v-btn-size--42 {
    padding: 1.2rem 1.3rem;
    height: 42px;
}
.v-btn-size--40 {
    padding: 0 1.2rem;
    font-size: 1.4rem;
    height: 40px;
    gap: 8px;
}
.v-btn-size--sm {
    padding: 1.1rem 1.4rem;
    font-size: 1.4rem;
    height: 38px;
    gap: 8px;
}
.v-btn-size--xs {
    padding: 0.6rem 1rem;
    font-size: 1.2rem;
    height: 32px;
    border-radius: var(--b-radius-sm);
}
.v-btn-size--xxs {
    padding: 0.4rem;
    font-size: 1.2rem;
    height: 24px;
    border-radius: var(--b-radius-sm);
}
html.dark .v-btn-dark,
html[data-theme="dark"] .v-btn-dark {
    background: var(--bg_main__200);
}
html.dark .v-btn-dark:hover,
html[data-theme="dark"] .v-btn-dark:hover {
    background: var(--bg_main__300);
}
html.dark .v-btn-white,
html[data-theme="dark"] .v-btn-white {
    background: var(--bg_main__200);
    color: var(--color_secondary__100);
}
html.dark .v-btn-white:hover,
html[data-theme="dark"] .v-btn-white:hover {
    background: var(--bg_main__100);
}
.cselect {
    position: relative;
    font-size: 1.4rem;
    max-width: 120px;
}
.cselect .arrow,
.cselect .check {
    color: var(--color_secondary__100);
}
.cselect > .cselect_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 1px 16px;
    min-height: 40px;
    border-radius: 6px;
    font-weight: 500;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: 0.3s;
    background: var(--bg_primary__200);
    text-align: left;
}
.cselect > .cselect_top span {
    width: 100%;
}
.cselect > .cselect_top .arrow {
    transition: 0.3s;
}
.cselect > .cselect_top.transparent {
    background: transparent !important;
}
.cselect > .cselect_dropdown {
    position: absolute;
    z-index: 50;
    top: 110%;
    left: -10px;
    right: -10px;
    padding: 10px;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    min-width: 100%;
}
.cselect > .cselect_dropdown .list {
    background: var(--bg_primary__200);
    border-radius: 6px;
    padding: 3px;
    overflow-y: auto;
    max-height: 430px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    box-shadow: 0 -4px 8px #0000001a !important;
}
.cselect > .cselect_dropdown .list .btn {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 12px;
    font-weight: 500;
    width: 100%;
    background: none;
    gap: 8px;
    text-align: left;
}
.cselect > .cselect_dropdown .list .btn span {
    width: 100%;
}
.cselect > .cselect_dropdown .list .btn:hover {
    background: var(--bg_secondary__100);
}
.cselect > .cselect_dropdown .list .btn.active {
    background: var(--bg_secondary__100);
}
.cselect.open > .cselect_top .arrow {
    transform: rotate(180deg);
}
.cselect.open > .cselect_dropdown {
    top: 100%;
    opacity: 1;
    visibility: visible;
}
.cselect.open.ontop > .cselect_dropdown {
    top: inherit;
    bottom: 100%;
}
.cselect.ontop > .cselect_dropdown {
    top: inherit;
    bottom: 90%;
}
.dark .lang .language-selection,
.dark .lang .cselect__list .btn {
    color: #fff;
}
.app_footer__nav {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    -moz-column-gap: 2.2rem;
    column-gap: 2.2rem;
    flex-wrap: wrap;
    row-gap: 3.2rem;
    margin-bottom: 3.2rem !important;
}
.app_footer__nav-socials {
    display: flex;
    gap: 1.2rem;
}
.app_footer__nav-social {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--gradient-primary);
    width: 4rem;
    min-width: 4rem;
    height: 4rem;
    border-radius: 0.6rem;
    color: #fff;
}
@media screen and (min-width: 360px) {
    .app_footer__nav {
        -moz-column-gap: 0.6rem;
        column-gap: 0.6rem;
    }
}
@media screen and (min-width: 768px) {
    .app_footer__nav {
        -moz-column-gap: 3.2rem;
        column-gap: 3.2rem;
    }
}
@media screen and (min-width: 102.4rem) {
    .app_footer__nav {
        -moz-column-gap: 2rem;
        column-gap: 2rem;
        row-gap: 1.6rem;
    }
}
@media screen and (min-width: 1440px) {
    .app_footer__nav {
        -moz-column-gap: 3.2rem;
        column-gap: 3.2rem;
    }
}
.app_footer__nav-lang {
    flex: 1;
    min-width: 14rem;
    max-width: 14rem;
}
.app_footer__nav-item {
    display: flex;
    flex-direction: column;
    width: 46%;
}
@media screen and (min-width: 768px) {
    .app_footer__nav-item {
        width: 30%;
    }
}
@media screen and (min-width: 1024px) {
    .app_footer__nav-item {
        width: auto;
    }
}
.app_footer__nav-item:nth-child(1) {
    order: 1;
}
@media screen and (min-width: 1280px) {
    .app_footer__nav-item:nth-child(1) {
        order: 1;
    }
}
.app_footer__nav-item:nth-child(2) {
    order: 2;
}
@media screen and (min-width: 1280px) {
    .app_footer__nav-item:nth-child(2) {
        order: 2;
    }
}
.app_footer__nav-item:nth-child(3) {
    order: 3;
}
@media screen and (min-width: 768px) {
    .app_footer__nav-item:nth-child(3) {
        order: 5;
    }
}
@media screen and (min-width: 1024px) {
    .app_footer__nav-item:nth-child(3) {
        order: 3;
    }
}
.app_footer__nav-item:nth-child(4) {
    order: 4;
}
@media screen and (min-width: 1280px) {
    .app_footer__nav-item:nth-child(4) {
        order: 4;
    }
}
.app_footer__nav-item:nth-child(5) {
    order: 5;
}
@media screen and (min-width: 768px) {
    .app_footer__nav-item:nth-child(5) {
        order: 3;
    }
}
@media screen and (min-width: 1024px) {
    .app_footer__nav-item:nth-child(5) {
        order: 5;
    }
}
.app_footer__nav-item:nth-child(6) {
    order: 6;
}
@media screen and (min-width: 1280px) {
    .app_footer__nav-item:nth-child(6) {
        order: 6;
    }
}
.app_footer__nav-item-title {
    font-weight: var(--fw-bold);
    text-transform: uppercase;
    color: var(--primary-800);
    margin-bottom: 1.6rem;
}
.app_footer__nav-item-link {
    font-size: 1.4rem;
    font-weight: var(--fw-semibold);
    color: var(--primary-800);
    transition: color 0.2s;
}
.app_footer__nav-item-link + .app_footer__nav-item-link {
    margin-top: 1.2rem;
}
@media screen and (min-width: 767px) {
    .app_footer__nav-item-link:hover {
        color: var(--primary-600);
    }
}
.app_footer {
    background: #e8e5f8;
    transition: padding 0.2s;
    padding: 0;
    width: 100%;
    z-index: 19;
    margin-top: auto;
    overflow: hidden;
}
.app_footer__curacao {
    height: 42px;
    width: auto;
    aspect-ratio: 150/50;
}
@media (max-width: 979px) {
    .app_footer__curacao {
        height: 32px;
    }
}
.app_footer__curacao.link img {
    width: 100%;
    height: 100%;
}
.app_footer__curacao.iframe {
    height: 50px !important;
}
@media (max-width: 979px) {
    .app_footer__curacao.iframe {
        margin: -35px;
        transform: scale(0.64);
    }
}
.app_footer__18plus {
    height: 42px;
    width: auto;
}
@media (max-width: 979px) {
    .app_footer__18plus {
        height: 32px;
    }
}
@media screen and (min-width: 1350px) and (max-width: 1900px) {
    .app_footer {
        padding-left: 64px;
    }
}
@media screen and (min-width: 1350px) and (max-width: 1920px) {
    .app_footer.withAside {
        padding-left: 29rem;
    }
}
@media screen and (max-width: 1349px) {
    .app_footer {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
@media (max-width: 979px) {
    .app_footer {
        padding-bottom: 6rem;
    }
}
.app_footer_wrap {
    padding: 3rem 0;
}
.app_footer__bottom {
    display: flex;
    flex-direction: column;
    padding-top: 3.2rem !important;
}
.app_footer__bottom-row {
    display: flex;
    margin: 0 auto;
    margin-bottom: 1.6rem;
    flex-direction: row;
    align-items: center;
    padding: 0;
    gap: 3.2rem;
}
.app_footer__bottom-row-logo {
    margin-top: 0;
}
.app_footer__bottom-row-logo .v-logo__circle {
    box-shadow: 0 0.5rem 1.4rem #7653ff4d;
}
.app_footer__bottom-row-logo .v-logo__domain {
    box-shadow: 0 0.5rem 1.4rem #dc960e4d;
}
@media screen and (max-width: 1280px) {
    .app_footer__bottom-row-logo .v-logo__circle {
        height: 3.2rem;
        width: 3.2rem;
        border-radius: 0.4rem;
        font-size: 1.6rem;
        line-height: 1;
    }
    .app_footer__bottom-row-logo .v-logo__host {
        font-weight: var(--fw-bold);
        font-size: 1.6rem;
        line-height: 1.9rem;
        letter-spacing: -0.01em;
    }
    .app_footer__bottom-row-logo .v-logo__domain {
        font-weight: var(--fw-bold);
        font-size: 1rem;
        line-height: 1.2rem;
    }
}
.app_footer__bottom-row-curacao {
    height: 3.9rem;
    width: auto;
}
@media screen and (max-width: 1280px) {
    .app_footer__bottom-row-curacao {
        height: 3.2rem;
    }
}
.app_footer__bottom-desc {
    font-weight: var(--fw-semibold);
    font-size: 1.2rem;
    line-height: 150%;
    text-align: center;
    color: var(--primary-800);
    margin: 0 auto;
    margin-bottom: 1.6rem;
    width: 72.4rem;
    max-width: 100%;
}
.app_footer__bottom-trix {
    font-weight: var(--fw-semibold);
    text-align: center;
    color: var(--primary-800);
}
html.dark .app_footer,
html[data-theme="dark"] .app_footer {
    background: #2d323e;
}
html.dark .app_footer__methods,
html[data-theme="dark"] .app_footer__methods {
    background: #262a34;
}
.app_header-nav {
    display: flex;
    gap: 1.2rem;
}
@media screen and (min-width: 1401px) {
    .app_header-nav .mshow {
        display: none !important;
    }
}
@media screen and (max-width: 1280px) {
    .app_header-nav .mhide {
        display: none !important;
    }
}
@media screen and (max-width: 1270px) {
    .app_header-nav {
        display: none !important;
    }
}
.app_header-nav_link {
    padding: 1.1rem 1.6rem;
    border-radius: var(--b-radius);
    font-weight: 600;
    letter-spacing: 0.02em;
    color: var(--color_secondary__100);
    display: flex;
    align-items: center;
    background: transparent;
    font-size: 1.6rem;
    white-space: nowrap;
    position: relative;
    transition: all 0.2s;
}
.app_header-nav_link svg {
    margin-right: 10px;
}
.app_header-nav_link .coin {
    width: 20px;
    margin-left: 5px;
    height: 20px;
}
.app_header-nav_link--active {
    background: var(--bg_main__100);
    color: var(--color_primary__100);
}
.app_header-nav_link:hover {
    color: var(--primary-800);
}
.app_header-nav_more {
    position: relative;
}
.app_header-nav_more__dd {
    position: absolute;
    bottom: -20px;
    right: 0;
    transform: translateY(100%);
    background: var(--bg_primary__100);
    border-radius: 6px;
    box-shadow: 0 -4px 8px #574d811a;
    padding: 4px;
    gap: 4px;
    display: grid;
}
.app_header-nav_more__dd > * {
    margin-left: 0 !important;
}
html.dark .app_header-nav_more__dd,
html[data-theme="dark"] .app_header-nav_more__dd {
    background: var(--bg_primary__200);
}
.notify-height {
    height: calc(100vh - 55px);
}
@media (min-width: 980px) {
    .notify-height {
        height: calc(100vh - 68px);
    }
}
.notify-divide > *:not(img) + * {
    border-top: 1px solid var(--bg_secondary__300, #282d38);
}
.notify-wrapper {
    box-shadow: -8px 0 8px #574d8133;
}
html.dark .notify-wrapper,
html[data-theme="dark"] .notify-wrapper {
    box-shadow: -8px 0 12px #0000001f;
}
.bg-timer-tour {
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.15);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    height: 48px;
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-inset: inset;
    --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
    --tw-ring-opacity: 0.8;
}
.img-wheel-lucky {
    transform: scale(1.1);
}
@keyframes h-shaking {
    0% {
        transform: translateY(0);
    }
    25% {
        transform: translateY(0.5px);
    }
    50% {
        transform: translateY(-0.5px);
    }
    75% {
        transform: translateY(0.5px);
    }
    to {
        transform: translate(0);
    }
}
.btn_tickets {
    transition: all 0.1s ease-in-out;
}
.btn_tickets.ringed {
    box-shadow: 0 0 0 2px #7f6fc999;
    animation: h-shaking 0.2s normal forwards ease-in-out;
}
html.dark .btn_tickets.ringed,
html[data-theme="dark"] .btn_tickets.ringed {
    box-shadow: 0 0 0 2px #78819d99;
}
.animate-tickets-enter-active {
    transition: all 0.2s ease-in;
}
.animate-tickets-leave-active {
    transition: all 0.2s ease-out;
}
.animate-tickets-enter-from {
    transform: translateY(20px) scale(0.6);
    opacity: 0;
}
.animate-tickets-enter-to,
.animate-tickets-leave-from {
    transform: translateY(0) scale(1);
    opacity: 1;
}
.animate-tickets-leave-to {
    transform: translateY(-20px) scale(0.6);
    opacity: 0;
}
.btn_tickets {
    width: 80px;
}
@media screen and (max-width: 560px) {
    .btn_tickets {
        width: 50px;
        gap: 0px;
        padding: 0 6px;
        margin-left: auto;
    }
    .btn_tickets .chevron {
        display: none;
    }
    .btn_tickets .tickets {
        width: 16px;
    }
}
@media screen and (max-width: 360px) {
    .btn_tickets {
        width: 30px;
        padding: 0 !important;
    }
    .btn_tickets .tickets {
        margin: auto;
        width: 20px;
    }
    .btn_tickets span {
        display: none;
    }
}
.tickets_dropdown {
    position: absolute;
    bottom: -8px;
    right: 0;
    display: flex;
    width: 296px;
    --tw-translate-y: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    flex-direction: column;
    gap: 20px;
    border-radius: 8px;
    background-color: var(--bg_primary__100);
    padding: 12px;
}
@media (min-width: 768px) {
    .tickets_dropdown {
        width: 315px;
    }
}
@media screen and (max-width: 460px) {
    .tickets_dropdown {
        position: fixed;
        top: 48px;
        left: 50vw;
        bottom: unset;
        right: unset;
        transform: translate(-50%);
    }
}
.shadow-dd[data-v-cbe530ce] {
    box-shadow: 0 4px 12px #0000001f, 0 -2px 8px #0000001f;
}
.dd-content[data-v-cbe530ce] {
    transform: translateY(100%);
}
@media screen and (max-width: 460px) {
    .btn_profile[data-v-cbe530ce] {
        padding-left: 0;
        margin-right: -4px;
    }
}
.shadow-dropdown {
    box-shadow: 0 4px 12px #0000001f, 0 -2px 8px #0000001f;
}
button.app_header-sign {
    height: 4.2rem;
    padding: 1.2rem 3.4rem;
    margin-left: auto;
}
@media (max-width: 979px) {
    button.app_header-sign {
        height: 3rem;
        padding: 0.3rem 1.2rem;
        min-height: 30px;
    }
}
.app_header-profile {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1.2rem;
    flex-grow: 1;
}
@media screen and (max-width: 460px) {
    .app_header-profile {
        gap: 0.4rem;
    }
}
.app_header-profile .v-btn:not(.v-btn-size--xs):not(.v-btn-size--xxs) {
    height: 42px;
    min-height: 42px;
}
@media (max-width: 979px) {
    .app_header-profile .v-btn:not(.v-btn-size--xs):not(.v-btn-size--xxs) {
        height: 30px;
        min-height: 30px;
        border-radius: var(--b-radius-sm);
    }
}
.app_header-profile_wallet {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    margin-left: auto;
}
@media (max-width: 979px) {
    .app_header-profile_wallet {
        flex-grow: 1;
        justify-content: center;
    }
}
@media screen and (max-width: 460px) {
    .app_header-profile_wallet {
        gap: 0.4rem;
    }
}
.app_header-profile_wallet .btn_withdraw svg {
    display: none;
}
@media screen and (max-width: 560px) {
    .app_header-profile_wallet .btn_withdraw {
        display: none;
    }
}
@media (max-width: 979px) {
    .app_header-profile_wallet .btn_withdraw {
        width: 3rem;
        height: 3rem;
        padding: 0;
    }
    .app_header-profile_wallet .btn_withdraw span {
        display: none;
    }
    .app_header-profile_wallet .btn_withdraw svg {
        display: flex;
    }
}
.app_header-profile_wallet .btn_deposit,
.app_header-profile_wallet .btn_withdraw {
    font-weight: 600;
    line-height: 1;
}
.app_header-profile_wallet .btn_deposit svg {
    display: none;
}
@media screen and (max-width: 460px) {
    .app_header-profile_wallet .btn_deposit {
        width: 3rem;
        height: 3rem;
        padding: 0;
    }
    .app_header-profile_wallet .btn_deposit span {
        display: none;
    }
    .app_header-profile_wallet .btn_deposit svg {
        display: flex;
    }
}
.app_header-profile_balance {
    position: relative;
}
.app_header-profile_balance .toggle {
    background: var(--bg_main__100);
    border-radius: var(--b-radius);
    padding: 0 8px;
    height: 42px;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    width: 183px;
    transition: 0.2s;
    color: var(--color_main__100);
}
@media screen and (max-width: 978px) {
    .app_header-profile_balance .toggle {
        border-radius: var(--b-radius-sm);
        height: 30px;
        width: 144px;
        font-size: 13px;
    }
}
@media screen and (max-width: 360px) {
    .app_header-profile_balance .toggle {
        width: 124px;
    }
}
.app_header-profile_balance .toggle:hover {
    background: var(--bg_light__100);
}
.app_header-profile_balance svg {
    color: var(--color_secondary__100);
}
.app_header-profile_balance .sign {
    width: 20px;
    margin-right: 6px;
    flex-shrink: 1;
}
.app_header-profile_balance .chevron {
    transform: rotate(0);
    margin-left: auto;
    flex-shrink: 1;
}
.app_header-profile .btn_avatar {
    margin-left: 0.8rem;
    font-weight: var(--fw-bold);
    padding: 0;
    font-size: 2rem;
    width: 4.2rem;
}
@media (max-width: 979px) {
    .app_header-profile .btn_avatar {
        font-size: inherit;
        width: 3rem;
    }
}
.app_header-profile__userinfo {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: transparent;
}
@media screen and (max-width: 980px) {
    .app_header-profile__userinfo {
        display: none;
    }
}
.app_header-profile__userinfo-hello {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: var(--color-nav);
}
.app_header-profile__userinfo-name {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: var(--primary-800);
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.auth-logged {
    display: none;
}
.auth-unlogged,
html.loggedin .auth-logged {
    display: flex;
}
html.loggedin .auth-unlogged {
    display: none;
}
.app_header {
    height: 6.8rem;
    background: var(--bg_primary__100);
    border-bottom: 1px solid var(--bg_secondary__100);
    display: flex;
    align-items: center;
    width: 100vw;
    position: fixed;
    top: 0;
    z-index: 22;
    padding-right: 2rem;
}
@media (min-width: 1900px) {
    .app_header {
        padding-right: 0;
    }
}
.app_header__aside {
    display: flex;
    align-items: center;
    min-width: 29rem;
}
.app_header__container {
    flex-grow: 1;
}
.app_header-burger {
    margin: 0 1.2rem;
    width: 4rem;
    min-width: 4rem;
    height: 4rem;
    display: flex;
}
@media (max-width: 979px) {
    .app_header-burger {
        display: none !important;
    }
}
@media (min-width: 1900px) {
    .app_header__aside {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
    }
    .app_header__container {
        max-width: var(--container);
        padding: 0rem 1.6rem;
        margin: auto;
    }
}
@media (max-width: 979px) {
    .app_header {
        height: 5.5rem;
        padding: 0 1.2rem;
    }
    .app_header__aside {
        min-width: initial;
    }
}
html.dark .app_header,
html[data-theme="dark"] .app_header {
    background: var(--bg_primary__200);
    border-color: var(--bg_secondary__400);
}
.switch-mode {
    background: var(--bg_primary__200);
    border-radius: 6px;
    padding: 4px;
}
.switch-mode.full {
    width: 100%;
}
.switch-mode.full .switch-mode__item {
    width: 100%;
    height: 40px;
}
.switch-mode.full .switch-mode__overlay {
    width: 50%;
    left: 0;
    height: 40px;
}
.switch-mode_wrap {
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px;
}
.switch-mode__overlay {
    width: 32px;
    min-width: 32px;
    height: 32px;
    border-radius: 6px;
    position: absolute;
    background: var(--bg_secondary__100);
    transition: 0.3s;
    left: 36px;
    top: 0;
}
.switch-mode__item {
    width: 32px;
    min-width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    position: relative;
    background: none;
}
.switch-mode__item svg {
    color: var(--color_secondary__100);
}
.switch-mode__item.light * {
    color: var(--color_primary__100);
}
.switch-mode__item.dark * {
    color: var(--color_secondary__100);
}
.switch-mode.vertical .switch-mode_wrap {
    flex-direction: column;
}
.switch-mode.vertical .switch-mode__overlay,
html.dark .switch-mode__overlay,
html[data-theme="dark"] .switch-mode__overlay {
    left: 0;
    top: 0;
}
html.dark .switch-mode.vertical .switch-mode__overlay,
html[data-theme="dark"] .switch-mode.vertical .switch-mode__overlay {
    left: 0;
    top: 36px;
}
html.dark .switch-mode.full .switch-mode__overlay,
html[data-theme="dark"] .switch-mode.full .switch-mode__overlay {
    left: 50%;
    top: 0;
}
html.dark .switch-mode .light *,
html[data-theme="dark"] .switch-mode .light * {
    color: var(--color_secondary__100);
}
html.dark .switch-mode .dark *,
html[data-theme="dark"] .switch-mode .dark * {
    color: var(--color_primary__100);
}
.ssidebar-nav_item *[aria-expanded="true"] .ssidebar-nav_item__link {
    background-color: var(--bg_main__100);
}
.sb-shadow {
    filter: drop-shadow(0px 1.932px 1.932px rgba(0, 0, 0, 0.25));
}
.transform-btn {
    transform: translate(100%);
    box-shadow: 6px 0 20px #0000001f;
}
.ssidebar {
    background: var(--bg_secondary__400);
    width: 64px;
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
    flex: 1;
    height: 100%;
    padding-top: 68px;
}
@media screen and (max-width: 979px) {
    .ssidebar {
        display: none;
    }
}
.ssidebar_games {
    background: var(--bg_primary__200);
    margin: 0 auto auto;
    overflow: auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.ssidebar-nav {
    display: grid;
    gap: 8px;
    padding: 20px 0;
    color: var(--primary-300);
    text-align: center;
    border-bottom: 1px solid var(--primary-200);
}
.ssidebar-nav .title {
    font-weight: 400;
    font-size: 12px;
    padding: 0 10px;
    line-height: 1;
}
.ssidebar-nav_item {
    padding: 0 12px;
}
.ssidebar-nav_item__link {
    width: 40px;
    height: 40px;
    border-radius: 6px;
    padding: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    transition: background 0.2s;
    color: var(--color_secondary__100);
}
.ssidebar-nav_item__link img {
    width: 20px;
}
.ssidebar-nav_item__link:hover,
.ssidebar-nav_item__link.active {
    background: var(--bg_main__200);
}
.ssidebar-nav_item__link.dropdown {
    background-color: var(--bg_main__200);
}
.group:hover .ssidebar-nav_item__link.dropdown,
.group.active .ssidebar-nav_item__link.dropdown {
    background-color: var(--bg_main__100);
}
.ssidebar-nav_item__link.static {
    background: var(--bg_primary__200);
}
.ssidebar-nav_item__link.static:hover,
.ssidebar-nav_item__link.static.active {
    background: var(--bg_primary__100);
}
html:not(.dark) .ssidebar-nav_item__link.static.active {
    background: var(--bg_main__300) !important;
}
html:not(.dark) .ssidebar-nav_item__link.static:hover {
    background: var(--bg_main__300) !important;
}
.app_sidebar {
    z-index: 21;
}
@keyframes sidebar-in {
    0% {
        transform: translate(0);
    }
    to {
        transform: translate(-100%);
    }
}
@media screen and (min-width: 1350px) {
    .sidebar-leave-active {
        animation: sidebar-in 0.5s;
        pointer-events: none;
    }
    .sidebar-enter-active {
        animation: sidebar-in 0.5s reverse;
        pointer-events: none;
    }
}
.sidebar-mobile-leave-active,
.sidebar-mobile-enter-active {
    transition: all 0.3s ease-in-out;
    pointer-events: none;
}
.sidebar-mobile-enter-from,
.sidebar-mobile-leave-to {
    opacity: 0;
}
.sidebar-mobile-enter-from .fsidebar_wrap,
.sidebar-mobile-leave-to .fsidebar_wrap {
    transform: translate(-100%);
}
.sidebar-mobile-enter-to,
.sidebar-mobile-leave-from {
    opacity: 1;
}
.sidebar-mobile-enter-to .fsidebar_wrap,
.sidebar-mobile-leave-from .fsidebar_wrap {
    transform: unset;
}
.app {
    min-height: 100vh;
    display: flex;
    flex-wrap: wrap;
}
.app_main {
    width: 100%;
    transition: padding 0.3s;
    margin-top: 6.8rem;
    margin-bottom: 3.2rem;
    padding-top: var(--padding);
}
@media screen and (min-width: 1350px) and (max-width: 1900px) {
    .app_main {
        padding-left: 6.4rem;
    }
    .app_main.withAside {
        padding-left: 29rem;
    }
}
@media screen and (max-width: 1349px) {
    .app_main {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
@media screen and (max-width: 980px) {
    .app_main {
        margin-top: 5.5rem;
    }
}
.splide__container {
    box-sizing: border-box;
    position: relative;
}
.splide__list {
    backface-visibility: hidden;
    display: flex;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
}
.splide.is-initialized:not(.is-active) .splide__list {
    display: block;
}
.splide__pagination {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    pointer-events: none;
}
.splide__pagination li {
    display: inline-block;
    line-height: 1;
    list-style-type: none;
    margin: 0;
    pointer-events: auto;
}
.splide:not(.is-overflow) .splide__pagination {
    display: none;
}
.splide__progress__bar {
    width: 0;
}
.splide {
    position: relative;
    visibility: hidden;
}
.splide.is-initialized,
.splide.is-rendered {
    visibility: visible;
}
.splide__slide {
    backface-visibility: hidden;
    box-sizing: border-box;
    flex-shrink: 0;
    list-style-type: none !important;
    margin: 0;
    position: relative;
}
.splide__slide img {
    vertical-align: bottom;
}
.splide__spinner {
    animation: splide-loading 1s linear infinite;
    border: 2px solid #999;
    border-left-color: transparent;
    border-radius: 50%;
    bottom: 0;
    contain: strict;
    display: inline-block;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
}
.splide__sr {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
    display: none;
}
.splide__toggle.is-active .splide__toggle__pause {
    display: inline;
}
.splide__track {
    overflow: hidden;
    position: relative;
    z-index: 0;
}
@keyframes splide-loading {
    0% {
        transform: rotate(0);
    }
    to {
        transform: rotate(1turn);
    }
}
.splide__track--draggable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.splide__track--fade > .splide__list > .splide__slide {
    margin: 0 !important;
    opacity: 0;
    z-index: 0;
}
.splide__track--fade > .splide__list > .splide__slide.is-active {
    opacity: 1;
    z-index: 1;
}
.splide--rtl {
    direction: rtl;
}
.splide__track--ttb > .splide__list {
    display: block;
}
.splide__arrow {
    align-items: center;
    background: #ccc;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 2em;
    justify-content: center;
    opacity: 0.7;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2em;
    z-index: 1;
}
.splide__arrow svg {
    fill: #000;
    height: 1.2em;
    width: 1.2em;
}
.splide__arrow:hover:not(:disabled) {
    opacity: 0.9;
}
.splide__arrow:disabled {
    opacity: 0.3;
}
.splide__arrow:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px;
}
.splide__arrow--prev {
    left: 1em;
}
.splide__arrow--prev svg {
    transform: scaleX(-1);
}
.splide__arrow--next {
    right: 1em;
}
.splide.is-focus-in .splide__arrow:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px;
}
.splide__pagination {
    bottom: 0.5em;
    left: 0;
    padding: 0 1em;
    position: absolute;
    right: 0;
    z-index: 1;
}
.splide__pagination__page {
    background: #ccc;
    border: 0;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin: 3px;
    opacity: 0.7;
    padding: 0;
    position: relative;
    transition: transform 0.2s linear;
    width: 8px;
}
.splide__pagination__page.is-active {
    background: #fff;
    transform: scale(1.4);
    z-index: 1;
}
.splide__pagination__page:hover {
    cursor: pointer;
    opacity: 0.9;
}
.splide__pagination__page:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px;
}
.splide.is-focus-in .splide__pagination__page:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px;
}
.splide__progress__bar {
    background: #ccc;
    height: 3px;
}
.splide__slide {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.splide__slide:focus {
    outline: 0;
}
@supports (outline-offset: -3px) {
    .splide__slide:focus-visible {
        outline: 3px solid #0bf;
        outline-offset: -3px;
    }
}
@media screen and (-ms-high-contrast: none) {
    .splide__slide:focus-visible {
        border: 3px solid #0bf;
    }
}
@supports (outline-offset: -3px) {
    .splide.is-focus-in .splide__slide:focus {
        outline: 3px solid #0bf;
        outline-offset: -3px;
    }
}
@media screen and (-ms-high-contrast: none) {
    .splide.is-focus-in .splide__slide:focus {
        border: 3px solid #0bf;
    }
    .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {
        border-color: #0bf;
    }
}
.splide__toggle {
    cursor: pointer;
}
.splide__toggle:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px;
}
.splide.is-focus-in .splide__toggle:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px;
}
.splide__track--nav > .splide__list > .splide__slide {
    border: 3px solid transparent;
    cursor: pointer;
}
.splide__track--nav > .splide__list > .splide__slide.is-active {
    border: 3px solid #000;
}
.splide__arrows--rtl .splide__arrow--prev {
    left: auto;
    right: 1em;
}
.splide__arrows--rtl .splide__arrow--prev svg {
    transform: scaleX(1);
}
.splide__arrows--rtl .splide__arrow--next {
    left: 1em;
    right: auto;
}
.splide__arrows--rtl .splide__arrow--next svg {
    transform: scaleX(-1);
}
.splide__arrows--ttb .splide__arrow {
    left: 50%;
    transform: translate(-50%);
}
.splide__arrows--ttb .splide__arrow--prev {
    top: 1em;
}
.splide__arrows--ttb .splide__arrow--prev svg {
    transform: rotate(-90deg);
}
.splide__arrows--ttb .splide__arrow--next {
    bottom: 1em;
    top: auto;
}
.splide__arrows--ttb .splide__arrow--next svg {
    transform: rotate(90deg);
}
.splide__pagination--ttb {
    bottom: 0;
    display: flex;
    flex-direction: column;
    left: auto;
    padding: 1em 0;
    right: 0.5em;
    top: 0;
}
.splide.is-initialized {
    visibility: visible !important;
}
html.dark .card-slot_placeholder,
html[data-theme="dark"] .card-slot_placeholder {
    background: url(/assets/placeholder-dark-0205774c.svg) no-repeat center center;
    background-size: cover;
}
.card-slot {
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    background: var(--bg_primary__100);
}
.card-slot.alter {
    background: var(--bg_main__100);
}
.card-slot_placeholder {
    background: url(/assets/placeholder-light-81ed25bf.svg) no-repeat center center;
    background-size: cover;
    border-radius: 8px;
}
.card-slot_content {
    padding: 8px;
}
.card-slot .image {
    z-index: 1;
    aspect-ratio: 1 / 1;
    height: auto;
    width: 100%;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.card-slot_favorite {
    margin: 0;
    padding: 0;
    color: transparent;
}
.card-slot_favorite img:nth-child(2) {
    position: absolute;
    margin: auto;
    width: 20px;
    height: 20px;
    opacity: 0;
    transition: 0.2s ease-in-out;
}
.card-slot_favorite img {
    width: 20px;
    height: 20px;
}
.card-slot_favorite.active img:nth-child(2),
.card-slot_favorite:hover img:nth-child(2) {
    opacity: 1;
}
.card-slot .die {
    position: absolute;
    top: 14px;
    left: 14px;
    opacity: 1;
    transition: all 0.2s ease-out;
    z-index: 2;
}
.card-slot .die span {
    position: relative;
}
.card-slot .die_item {
    position: relative;
    box-shadow: inset 0 2px 5px #fff6;
    padding: 6px 16px;
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    font-style: italic;
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    color: #fff;
}
@media screen and (max-width: 980px) {
    .card-slot .die_item {
        font-size: 10px;
        line-height: 12px;
        padding: 5px 12px;
    }
}
.card-slot .die--new {
    background: linear-gradient(90deg, #64d662 0.06%, #16b31d 98.49%);
}
.card-slot .die--new:before {
    content: "";
    display: block;
    position: absolute;
    width: 13px;
    height: 88px;
    background: linear-gradient(180deg, #b4ffcd 0%, rgba(255, 255, 255, 0.3) 100%);
    opacity: 0.6;
    filter: blur(3.5px);
    transform: rotate(15deg);
    top: -23px;
    left: -40%;
    animation: move-right 5s infinite;
}
@keyframes move-right {
    0% {
        left: -40%;
    }
    20% {
        left: -40%;
    }
    40% {
        left: 120%;
    }
    to {
        left: 120%;
    }
}
.card-slot img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    overflow: hidden;
}
.card-slot_overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(18, 13, 35, 0.8);
    opacity: 0;
    z-index: 3;
    border-radius: 10px;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;
    transition: opacity 0.2s ease-out;
    visibility: hidden;
}
.card-slot-btns {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}
.card-slot-btn {
    background: linear-gradient(90deg, #f4a202 0%, #fac257 100%);
    color: #fff;
    height: 52px;
    width: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.2s linear;
}
.card-slot-btn:hover {
    transform: scale(1.0769);
}
.card-slot-title {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #fff;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.card-slot_wrapper:hover .card-slot {
    border-radius: 9px;
    overflow: hidden;
}
.card-slot_wrapper:hover .card-slot_overlay {
    opacity: 1;
    visibility: visible;
    border-radius: 8px;
}
.card-slot_wrapper:hover .image {
    transform: scale(1.5) translateY(16px);
    transform-origin: center;
    filter: blur(2px);
}
.tippy-box[data-theme~="volatility"] .tippy-content {
    padding: 0;
}
.v-slots-grid {
    display: grid;
    gap: var(--offset);
    font-size: var(--fz-default);
}
.v-slots-grid.sm {
    gap: 12px;
}
.v-slots-grid .slots-grid-empty {
    border-radius: 4px;
    color: var(--primary-800);
    font-weight: 600;
    grid-column: 1/-1;
    line-height: 20px;
    padding: 128px 12px 28px;
    text-align: center;
    width: 100%;
}
.v-slots-grid__footer {
    grid-column: 1/-1;
}
.v-slots-grid__footer.centered .slots-grid-empty {
    padding: 128px 12px;
}
.v-slots-grid--cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}
@media screen and (max-width: 1440px) {
    .v-slots-grid--cols-6 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
@media screen and (max-width: 1180px) {
    .v-slots-grid--cols-6 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media screen and (max-width: 690px) {
    .v-slots-grid--cols-6 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
.v-slots-grid--cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}
@media screen and (max-width: 1350px) {
    .v-slots-grid--cols-5 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
@media screen and (max-width: 780px) {
    .v-slots-grid--cols-5 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media screen and (max-width: 580px) {
    .v-slots-grid--cols-5 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
.v-slots-grid--cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media screen and (max-width: 780px) {
    .v-slots-grid--cols-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
.home-search {
    position: relative;
    margin-bottom: 30px;
    display: block;
}
.home-search .input .v-input__wrapper {
    background: var(--bg_primary__200);
}
.home-search .input .v-input__border {
    border-color: var(--bg_light__100);
}
@media screen and (max-width: 979px) {
    .home-search {
        margin-top: 30px;
    }
}
.home-search_btn {
    width: 100%;
    border-radius: 6px;
    background: transparent;
}
.home-search_clear {
    background: none;
    position: absolute;
    top: 0;
    right: 8px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    transition: 0.2s;
}
.home-search_clear svg {
    width: 12px;
}
.home-search_clear:hover {
    opacity: 0.5;
}
.home-search_icon {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    color: var(--primary-300);
}
.home-search_wrap {
    position: absolute;
    top: 130%;
    left: 0;
    right: 0;
    width: 100%;
    padding: 20px;
    background: var(--primary-bg);
    border: 1px solid var(--primary-400);
    border-radius: 6px;
    z-index: 5;
    transition: 0.2s;
}
.home-search__inner {
    height: 334px;
    overflow-y: auto;
    padding-right: 8px;
    margin-right: -8px;
}
.home-slider .splide__track {
    padding-top: 4px;
    padding-bottom: 4px;
}
.shadow-dices {
    filter: drop-shadow(0px 6.626px 11.391px rgba(95, 35, 2, 0.25));
}
.slots__banners {
    margin-bottom: 32px;
    visibility: visible !important;
    aspect-ratio: 1240/236.83;
    display: flex !important;
}
@media screen and (min-width: 767px) {
    .slots__banners:not(.is-active) .splide__list {
        gap: 20px;
    }
    .slots__banners:not(.is-active) .splide__list .splide__slide {
        width: calc(50% - 10px);
    }
}
.slots__banners .splide__slide {
    width: 100%;
}
@media screen and (max-width: 767px) {
    .slots__banners {
        aspect-ratio: 613/240;
    }
}
@media screen and (min-width: 980px) {
    .slots__banners {
        margin-bottom: 54px;
    }
}
.slots__banners-item {
    aspect-ratio: 613/238;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    z-index: 1;
    display: block;
    font-size: 2vw;
}
@media screen and (max-width: 767px) {
    .slots__banners-item {
        aspect-ratio: 613/240;
        font-size: 5.6vw;
        border-radius: 4px;
    }
}
.slots__banners-item-img {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill;
    width: auto;
    aspect-ratio: 613/240;
    max-width: none;
    min-width: 100%;
}
.slots__banners-item-left {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    flex-direction: column;
    padding: 20px 0 20px 20px;
}
.slots__banners-item-left-text {
    font-weight: 700;
    font-size: 28px;
    color: #fff;
    margin-bottom: 30px;
}
@media screen and (max-width: 1500px) {
    .slots__banners-item-left-text {
        font-size: 1em;
    }
}
@media screen and (max-width: 1100px) {
    .slots__banners-item-left-text {
        margin-bottom: 12px;
    }
}
@media screen and (max-width: 480px) {
    .slots__banners-item-left-text {
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 360px) {
    .slots__banners-item-left-text {
        margin-bottom: 12px;
    }
}
.slots__banners-item-left-text--spaced {
    margin-left: 5%;
    margin-bottom: 0;
}
.slots__banners-item-btn {
    background: #ffffff;
    border-radius: 4px;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s linear;
    color: #574d81;
    padding: 14px 64px;
}
@media screen and (max-width: 1360px) {
    .slots__banners-item-btn {
        padding: 14px 48px;
    }
}
@media screen and (max-width: 980px) {
    .slots__banners-item-btn {
        padding: 10px 32px;
    }
}
@media screen and (max-width: 767px) {
    .slots__banners-item-btn {
        padding: 10px 22px;
    }
}
.slots__banners-item-btn--center {
    position: absolute;
    bottom: 6%;
    left: 50%;
    transform: translate(-50%);
}
.slots__banners-item-btn:hover,
.slots__banners-item-btn:active {
    background: #f3f3f3;
}
@media screen and (max-width: 480px) {
    .slots__hm {
        display: none;
    }
}
.splide__track {
    width: 100%;
}
.splide__list {
    will-change: transform;
}
.splide__pagination {
    bottom: -8px;
    transform: translate(-50%, 100%);
    position: absolute;
    left: 50%;
}
.splide__pagination li + li {
    margin-left: 4px;
}
.splide__pagination__page {
    border-radius: 20px;
    width: 16px !important;
    height: 4px !important;
    margin: 0;
    transform: unset !important;
    transition: all 0.2s ease-in-out;
    background-color: rgb(136 125 255 / var(--tw-bg-opacity));
    --tw-bg-opacity: 0.3;
}
:is(.dark .splide__pagination__page) {
    background-color: rgb(120 129 157 / var(--tw-bg-opacity));
    --tw-bg-opacity: 0.3;
}
.splide__pagination__page.is-active {
    background-color: rgb(136 125 255 / var(--tw-bg-opacity));
    --tw-bg-opacity: 1;
}
:is(.dark .splide__pagination__page.is-active) {
    background-color: rgb(120 129 157 / var(--tw-bg-opacity));
    --tw-bg-opacity: 1;
}
.splide__pagination {
    display: flex !important;
}
.v-tabs {
    background: var(--bg_main__100);
    border-radius: var(--b-radius);
    padding: 2px;
    display: grid;
    gap: 2px;
}
.v-tabs button {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color_secondary__100);
    font-size: 16px;
    font-weight: 600;
    border-radius: var(--b-radius);
    padding: 1.4rem 3rem;
}
.v-tabs button.sm {
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
    padding: 0 7.5px;
    height: 40px;
}
.v-tabs button.active {
    background: linear-gradient(90deg, #7449e6 0%, #69a4ff 98.44%);
    color: #fff;
}
.v-tabs.primary {
    background: var(--bg_primary__100);
}
html.dark .v-tabs,
html[data-theme="dark"] .v-tabs {
    background: var(--bg_primary__200);
}
html.dark .v-tabs button.active,
html[data-theme="dark"] .v-tabs button.active {
    background: var(--bg_secondary__200);
}
* + .livefeed {
    margin-top: 60px;
}
.livefeed_header {
    background: var(--bg_primary__100);
    border-radius: var(--b-radius);
    display: flex;
    align-items: center;
    padding: 1.2rem;
    margin-bottom: 0.6rem;
}
.livefeed_header-icon {
    margin-right: 0.8rem;
}
.livefeed_header-title {
    font-weight: 600;
    font-size: 1.2rem;
    color: var(--color_main__100);
}
.livefeed_header-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 0.4rem;
    margin-left: auto;
    padding: 0;
}
.livefeed_header-btn svg {
    transition: all 0.2s ease-in-out;
    transform: rotate(180deg);
}
.livefeed_header-btn.active svg {
    transform: rotate(0);
}
.livefeed_table {
    color: #2c2d33;
    font-weight: 600;
    text-align: center;
    border-spacing: 0 6px;
    border-collapse: separate;
}
.livefeed_table th {
    font-weight: 600;
    width: 20% !important;
}
.livefeed_table th:first-child div {
    border-top-left-radius: var(--b-radius);
    border-bottom-left-radius: var(--b-radius);
    text-align: left;
}
.livefeed_table th:last-child div {
    text-align: right;
    border-top-right-radius: var(--b-radius);
    border-bottom-right-radius: var(--b-radius);
}
.livefeed_table td {
    padding: 0;
}
.livefeed_table td:first-child > div {
    padding-left: 2rem;
    justify-content: flex-start;
    border-top-left-radius: var(--b-radius);
    border-bottom-left-radius: var(--b-radius);
}
@media (max-width: 979px) {
    .livefeed_table td:first-child > div {
        padding-left: 1rem;
    }
}
.livefeed_table td:last-child > div {
    padding-right: 2rem;
    justify-content: flex-end;
    border-top-right-radius: var(--b-radius);
    border-bottom-right-radius: var(--b-radius);
}
@media (max-width: 979px) {
    .livefeed_table td:last-child > div {
        padding-right: 1rem;
    }
}
.livefeed--th {
    color: var(--color_secondary__100);
    background: var(--bg_light_hover__200);
    padding: 0 2rem;
    display: flex;
    align-items: center;
    height: 40px;
}
@media (min-width: 979px) {
    .livefeed--th {
        height: 63px;
    }
}
.livefeed thead tr th div {
    justify-content: center;
}
.livefeed thead tr th:last-child div {
    justify-content: flex-end;
}
.livefeed thead tr th:first-child div {
    justify-content: flex-start;
}
.livefeed-tr {
    position: relative;
    z-index: 1;
}
.livefeed .filled {
    padding: 0;
    height: 2.4rem;
    margin: auto;
}
.livefeed .filled.tar {
    margin-right: 0.8rem;
}
@media (max-width: 979px) {
    .livefeed .filled {
        height: 1.6rem;
    }
    .livefeed .filled.tar {
        margin-right: 0.2rem;
    }
}
.livefeed--td {
    overflow: hidden;
    padding: 0.8rem;
    height: 6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color_main__100);
    background: var(--bg_primary__100);
}
.livefeed--td_icon {
    width: 2.4rem;
    min-width: 2.4rem;
    height: 2.4rem;
    color: var(--color_secondary__100);
    margin: 0 !important;
}
.livefeed--td_name {
    width: 18rem;
    margin-left: 0 !important;
    text-transform: capitalize;
}
@media (max-width: 979px) {
    .livefeed--td_name {
        width: 10rem;
    }
}
@media (max-width: 360px) {
    .livefeed--td_name {
        width: 6rem;
    }
}
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
    .livefeed--td .success {
        background: linear-gradient(90deg, #76ac41 3.33%, #97d25b 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
    }
}
.livefeed--td .danger {
    color: #ff3232;
}
@media (max-width: 979px) {
    .livefeed .hm {
        display: none;
    }
    .livefeed_table {
        font-size: 1.2rem;
    }
    .livefeed_table th {
        width: 33.33% !important;
    }
    .livefeed--th {
        padding: 1.4rem 1.2rem;
    }
    .livefeed--td {
        padding: 0.3rem;
        height: 4rem;
    }
    .livefeed--td_icon {
        width: 1.6rem;
        min-width: 1.6rem;
        height: 1.6rem;
    }
}
.btn-seed {
    border-radius: var(--b-radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
}
.btn-seed svg {
    width: 14px;
    height: 16px;
    color: var(--color_secondary__100);
}
.container {
    width: 100%;
}
@media (min-width: 360px) {
    .container {
        max-width: 360px;
    }
}
@media (min-width: 640px) {
    .container {
        max-width: 640px;
    }
}
@media (min-width: 768px) {
    .container {
        max-width: 768px;
    }
}
@media (min-width: 979px) {
    .container {
        max-width: 979px;
    }
}
@media (min-width: 980px) {
    .container {
        max-width: 980px;
    }
}
@media (min-width: 1024px) {
    .container {
        max-width: 1024px;
    }
}
@media (min-width: 1280px) {
    .container {
        max-width: 1280px;
    }
}
@media (min-width: 1536px) {
    .container {
        max-width: 1536px;
    }
}
.pointer-events-none {
    pointer-events: none;
}
.pointer-events-auto {
    pointer-events: auto;
}
.\!visible {
    visibility: visible !important;
}
.visible {
    visibility: visible;
}
.invisible {
    visibility: hidden;
}
.collapse {
    visibility: collapse;
}
.\!static {
    position: static !important;
}
.static {
    position: static;
}
.fixed {
    position: fixed;
}
.absolute {
    position: absolute;
}
.\!relative {
    position: relative !important;
}
.relative {
    position: relative;
}
.sticky {
    position: sticky;
}
.\!top-\[15px\] {
    top: 15px !important;
}
.-bottom-\[12px\] {
    bottom: -12px;
}
.-bottom-\[18px\] {
    bottom: -18px;
}
.-bottom-\[4px\] {
    bottom: -4px;
}
.-bottom-\[7px\] {
    bottom: -7px;
}
.-bottom-\[8px\] {
    bottom: -8px;
}
.-left-\[30\%\] {
    left: -30%;
}
.-right-\[4px\] {
    right: -4px;
}
.-right-\[6px\] {
    right: -6px;
}
.-right-\[7px\] {
    right: -7px;
}
.-right-\[8px\] {
    right: -8px;
}
.-top-\[5px\] {
    top: -5px;
}
.-top-\[6px\] {
    top: -6px;
}
.-top-\[8px\] {
    top: -8px;
}
.bottom-0 {
    bottom: 0;
}
.bottom-\[100px\] {
    bottom: 100px;
}
.bottom-\[115px\] {
    bottom: 115px;
}
.bottom-\[120px\] {
    bottom: 120px;
}
.bottom-\[12px\] {
    bottom: 12px;
}
.bottom-\[130px\] {
    bottom: 130px;
}
.bottom-\[134px\] {
    bottom: 134px;
}
.bottom-\[20px\] {
    bottom: 20px;
}
.bottom-\[72px\] {
    bottom: 72px;
}
.bottom-\[96px\] {
    bottom: 96px;
}
.left-0 {
    left: 0;
}
.left-1\/2,
.left-\[50\%\] {
    left: 50%;
}
.right-0,
.right-\[0px\] {
    right: 0;
}
.right-\[10\%\] {
    right: 10%;
}
.right-\[12px\] {
    right: 12px;
}
.right-\[15px\] {
    right: 15px;
}
.right-\[43px\] {
    right: 43px;
}
.right-\[8px\] {
    right: 8px;
}
.top-0 {
    top: 0;
}
.top-1\/2 {
    top: 50%;
}
.top-\[10\%\] {
    top: 10%;
}
.top-\[10px\] {
    top: 10px;
}
.top-\[12px\] {
    top: 12px;
}
.top-\[15px\] {
    top: 15px;
}
.top-\[18px\] {
    top: 18px;
}
.top-\[22px\] {
    top: 22px;
}
.top-\[32px\] {
    top: 32px;
}
.top-\[50\%\] {
    top: 50%;
}
.top-\[55px\] {
    top: 55px;
}
.top-\[6\.5\%\] {
    top: 6.5%;
}
.top-\[8px\] {
    top: 8px;
}
.-z-1,
.-z-\[1\] {
    z-index: -1;
}
.z-1 {
    z-index: 1;
}
.z-10 {
    z-index: 10;
}
.z-20 {
    z-index: 20;
}
.z-30 {
    z-index: 30;
}
.z-50 {
    z-index: 50;
}
.z-\[100\] {
    z-index: 100;
}
.z-\[1\] {
    z-index: 1;
}
.z-\[20\] {
    z-index: 20;
}
.z-\[2\] {
    z-index: 2;
}
.z-\[3\] {
    z-index: 3;
}
.z-\[4\] {
    z-index: 4;
}
.z-\[5\] {
    z-index: 5;
}
.col-span-full {
    grid-column: 1 / -1;
}
.float-right {
    float: right;
}
.float-left {
    float: left;
}
.\!m-0 {
    margin: 0 !important;
}
.m-0 {
    margin: 0;
}
.m-auto {
    margin: auto;
}
.-mx-\[18px\] {
    margin-left: -18px;
    margin-right: -18px;
}
.mx-\[12px\] {
    margin-left: 12px;
    margin-right: 12px;
}
.mx-\[8px\] {
    margin-left: 8px;
    margin-right: 8px;
}
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.my-\[20px\] {
    margin-top: 20px;
    margin-bottom: 20px;
}
.my-\[8px\] {
    margin-top: 8px;
    margin-bottom: 8px;
}
.my-auto {
    margin-top: auto;
    margin-bottom: auto;
}
.\!mb-0 {
    margin-bottom: 0 !important;
}
.-mb-\[34px\] {
    margin-bottom: -34px;
}
.-mr-\[10px\] {
    margin-right: -10px;
}
.-mr-\[2px\] {
    margin-right: -2px;
}
.-mr-\[6px\] {
    margin-right: -6px;
}
.-mr-\[8px\] {
    margin-right: -8px;
}
.-mr-base {
    margin-right: calc(var(--padding) * -1);
}
.-mt-\[24px\] {
    margin-top: -24px;
}
.-mt-\[32px\] {
    margin-top: -32px;
}
.-mt-\[38px\] {
    margin-top: -38px;
}
.-mt-base {
    margin-top: calc(var(--padding) * -1);
}
.mb-\[10px\] {
    margin-bottom: 10px;
}
.mb-\[12px\] {
    margin-bottom: 12px;
}
.mb-\[16px\] {
    margin-bottom: 16px;
}
.mb-\[20px\] {
    margin-bottom: 20px;
}
.mb-\[24px\] {
    margin-bottom: 24px;
}
.mb-\[2px\] {
    margin-bottom: 2px;
}
.mb-\[30px\] {
    margin-bottom: 30px;
}
.mb-\[40px\] {
    margin-bottom: 40px;
}
.mb-\[4px\] {
    margin-bottom: 4px;
}
.mb-\[6px\] {
    margin-bottom: 6px;
}
.mb-\[8px\] {
    margin-bottom: 8px;
}
.mb-\[9px\] {
    margin-bottom: 9px;
}
.mb-auto {
    margin-bottom: auto;
}
.mb-base {
    margin-bottom: var(--padding);
}
.ml-\[12px\] {
    margin-left: 12px;
}
.ml-\[2px\] {
    margin-left: 2px;
}
.ml-\[4px\] {
    margin-left: 4px;
}
.ml-\[6px\] {
    margin-left: 6px;
}
.ml-\[8px\] {
    margin-left: 8px;
}
.ml-auto {
    margin-left: auto;
}
.mr-\[12px\] {
    margin-right: 12px;
}
.mr-\[13px\] {
    margin-right: 13px;
}
.mr-\[20px\] {
    margin-right: 20px;
}
.mr-\[2px\] {
    margin-right: 2px;
}
.mr-\[4px\] {
    margin-right: 4px;
}
.mr-\[6px\] {
    margin-right: 6px;
}
.mr-\[8px\] {
    margin-right: 8px;
}
.mr-\[9px\] {
    margin-right: 9px;
}
.mr-auto {
    margin-right: auto;
}
.mr-base {
    margin-right: var(--padding);
}
.mt-\[12px\] {
    margin-top: 12px;
}
.mt-\[16px\] {
    margin-top: 16px;
}
.mt-\[20px\] {
    margin-top: 20px;
}
.mt-\[2px\] {
    margin-top: 2px;
}
.mt-\[30px\] {
    margin-top: 30px;
}
.mt-\[40px\] {
    margin-top: 40px;
}
.mt-\[4px\] {
    margin-top: 4px;
}
.mt-\[5\%\] {
    margin-top: 5%;
}
.mt-\[55px\] {
    margin-top: 55px;
}
.mt-\[6px\] {
    margin-top: 6px;
}
.mt-\[8px\] {
    margin-top: 8px;
}
.mt-auto {
    margin-top: auto;
}
.mt-base {
    margin-top: var(--padding);
}
.\!block {
    display: block !important;
}
.block {
    display: block;
}
.inline-block {
    display: inline-block;
}
.flex {
    display: flex;
}
.inline-flex {
    display: inline-flex;
}
.table {
    display: table;
}
.grid {
    display: grid;
}
.contents {
    display: contents;
}
.hidden {
    display: none;
}
.aspect-\[1280\/600\] {
    aspect-ratio: 1280/600;
}
.aspect-\[177\/104\] {
    aspect-ratio: 177/104;
}
.aspect-\[380\/91\] {
    aspect-ratio: 380/91;
}
.aspect-square {
    aspect-ratio: 1 / 1;
}
.\!h-\[42px\] {
    height: 42px !important;
}
.h-\[100px\] {
    height: 100px;
}
.h-\[10px\] {
    height: 10px;
}
.h-\[13px\] {
    height: 13px;
}
.h-\[16px\] {
    height: 16px;
}
.h-\[18px\] {
    height: 18px;
}
.h-\[1px\] {
    height: 1px;
}
.h-\[207px\] {
    height: 207px;
}
.h-\[20px\] {
    height: 20px;
}
.h-\[22px\] {
    height: 22px;
}
.h-\[24px\] {
    height: 24px;
}
.h-\[283px\] {
    height: 283px;
}
.h-\[28px\] {
    height: 28px;
}
.h-\[30px\] {
    height: 30px;
}
.h-\[32px\] {
    height: 32px;
}
.h-\[36px\] {
    height: 36px;
}
.h-\[38px\] {
    height: 38px;
}
.h-\[40px\] {
    height: 40px;
}
.h-\[41px\] {
    height: 41px;
}
.h-\[42px\] {
    height: 42px;
}
.h-\[44px\] {
    height: 44px;
}
.h-\[46px\] {
    height: 46px;
}
.h-\[48px\] {
    height: 48px;
}
.h-\[4px\] {
    height: 4px;
}
.h-\[50px\] {
    height: 50px;
}
.h-\[52px\] {
    height: 52px;
}
.h-\[60px\] {
    height: 60px;
}
.h-\[60vh\] {
    height: 60vh;
}
.h-\[64px\] {
    height: 64px;
}
.h-\[65px\] {
    height: 65px;
}
.h-\[6px\] {
    height: 6px;
}
.h-\[70px\] {
    height: 70px;
}
.h-\[72px\] {
    height: 72px;
}
.h-\[77px\] {
    height: 77px;
}
.h-\[8px\] {
    height: 8px;
}
.h-auto {
    height: auto;
}
.h-full {
    height: 100%;
}
.max-h-\[200px\] {
    max-height: 200px;
}
.max-h-\[270px\] {
    max-height: 270px;
}
.max-h-\[280px\] {
    max-height: 280px;
}
.max-h-\[395px\] {
    max-height: 395px;
}
.max-h-\[70vh\] {
    max-height: 70vh;
}
.max-h-full {
    max-height: 100%;
}
.max-h-screen {
    max-height: 100vh;
}
.min-h-\[134px\] {
    min-height: 134px;
}
.min-h-\[207px\] {
    min-height: 207px;
}
.min-h-\[20px\] {
    min-height: 20px;
}
.min-h-\[42px\] {
    min-height: 42px;
}
.min-h-full {
    min-height: 100%;
}
.min-h-screen {
    min-height: 100vh;
}
.w-0 {
    width: 0px;
}
.w-16 {
    width: 4rem;
}
.w-20 {
    width: 5rem;
}
.w-\[100px\] {
    width: 100px;
}
.w-\[105px\] {
    width: 105px;
}
.w-\[10px\] {
    width: 10px;
}
.w-\[110px\] {
    width: 110px;
}
.w-\[112\%\] {
    width: 112%;
}
.w-\[12px\] {
    width: 12px;
}
.w-\[130px\] {
    width: 130px;
}
.w-\[134px\] {
    width: 134px;
}
.w-\[135px\] {
    width: 135px;
}
.w-\[136px\] {
    width: 136px;
}
.w-\[13px\] {
    width: 13px;
}
.w-\[144px\] {
    width: 144px;
}
.w-\[150px\] {
    width: 150px;
}
.w-\[156px\] {
    width: 156px;
}
.w-\[160px\] {
    width: 160px;
}
.w-\[164px\] {
    width: 164px;
}
.w-\[168px\] {
    width: 168px;
}
.w-\[16px\] {
    width: 16px;
}
.w-\[170px\] {
    width: 170px;
}
.w-\[18px\] {
    width: 18px;
}
.w-\[190px\] {
    width: 190px;
}
.w-\[1px\] {
    width: 1px;
}
.w-\[200px\] {
    width: 200px;
}
.w-\[20px\] {
    width: 20px;
}
.w-\[220px\] {
    width: 220px;
}
.w-\[22px\] {
    width: 22px;
}
.w-\[230px\] {
    width: 230px;
}
.w-\[240px\] {
    width: 240px;
}
.w-\[24px\] {
    width: 24px;
}
.w-\[25\%\] {
    width: 25%;
}
.w-\[285px\] {
    width: 285px;
}
.w-\[28px\] {
    width: 28px;
}
.w-\[296px\] {
    width: 296px;
}
.w-\[2px\] {
    width: 2px;
}
.w-\[30\%\] {
    width: 30%;
}
.w-\[300px\] {
    width: 300px;
}
.w-\[30px\] {
    width: 30px;
}
.w-\[320px\] {
    width: 320px;
}
.w-\[327px\] {
    width: 327px;
}
.w-\[32px\] {
    width: 32px;
}
.w-\[340px\] {
    width: 340px;
}
.w-\[360px\] {
    width: 360px;
}
.w-\[36px\] {
    width: 36px;
}
.w-\[380px\] {
    width: 380px;
}
.w-\[390px\] {
    width: 390px;
}
.w-\[3px\] {
    width: 3px;
}
.w-\[400px\] {
    width: 400px;
}
.w-\[40px\] {
    width: 40px;
}
.w-\[425px\] {
    width: 425px;
}
.w-\[42px\] {
    width: 42px;
}
.w-\[45px\] {
    width: 45px;
}
.w-\[48px\] {
    width: 48px;
}
.w-\[50\%\] {
    width: 50%;
}
.w-\[500px\] {
    width: 500px;
}
.w-\[50px\] {
    width: 50px;
}
.w-\[52px\] {
    width: 52px;
}
.w-\[550px\] {
    width: 550px;
}
.w-\[580px\] {
    width: 580px;
}
.w-\[5px\] {
    width: 5px;
}
.w-\[60\%\] {
    width: 60%;
}
.w-\[600px\] {
    width: 600px;
}
.w-\[60px\] {
    width: 60px;
}
.w-\[650px\] {
    width: 650px;
}
.w-\[680px\] {
    width: 680px;
}
.w-\[70px\] {
    width: 70px;
}
.w-\[72px\] {
    width: 72px;
}
.w-\[74\%\] {
    width: 74%;
}
.w-\[76\%\] {
    width: 76%;
}
.w-\[80px\] {
    width: 80px;
}
.w-\[80x\] {
    width: 80x;
}
.w-\[86px\] {
    width: 86px;
}
.w-\[8px\] {
    width: 8px;
}
.w-\[90\%\] {
    width: 90%;
}
.w-auto {
    width: auto;
}
.w-full {
    width: 100%;
}
.w-screen {
    width: 100vw;
}
.min-w-\[100\%\] {
    min-width: 100%;
}
.min-w-\[24px\] {
    min-width: 24px;
}
.min-w-\[900px\] {
    min-width: 900px;
}
.max-w-\[100vw\] {
    max-width: 100vw;
}
.max-w-\[200px\] {
    max-width: 200px;
}
.max-w-\[40\%\] {
    max-width: 40%;
}
.max-w-\[500px\] {
    max-width: 500px;
}
.max-w-\[50px\] {
    max-width: 50px;
}
.max-w-\[80\%\] {
    max-width: 80%;
}
.max-w-\[85vw\] {
    max-width: 85vw;
}
.max-w-\[87\%\] {
    max-width: 87%;
}
.max-w-\[90\%\] {
    max-width: 90%;
}
.max-w-full {
    max-width: 100%;
}
.max-w-none {
    max-width: none;
}
.flex-1 {
    flex: 1 1 0%;
}
.flex-shrink {
    flex-shrink: 1;
}
.flex-shrink-0 {
    flex-shrink: 0;
}
.flex-grow {
    flex-grow: 1;
}
.table-fixed {
    table-layout: fixed;
}
.border-collapse {
    border-collapse: collapse;
}
.-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2 {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-\[12\.5px\] {
    --tw-translate-y: -12.5px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-\[66px\] {
    --tw-translate-y: -66px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-\[90\%\] {
    --tw-translate-y: -90%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-1\/2 {
    --tw-translate-x: 50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[6px\] {
    --tw-translate-y: 6px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-full {
    --tw-translate-y: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-90 {
    --tw-rotate: -90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180 {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-90 {
    --tw-rotate: 90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[1\.02\] {
    --tw-scale-x: 1.02;
    --tw-scale-y: 1.02;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[1\.4\] {
    --tw-scale-x: 1.4;
    --tw-scale-y: 1.4;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-not-allowed {
    cursor: not-allowed;
}
.cursor-pointer {
    cursor: pointer;
}
.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.resize {
    resize: both;
}
.list-disc {
    list-style-type: disc;
}
.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}
.flex-col {
    flex-direction: column;
}
.flex-col-reverse {
    flex-direction: column-reverse;
}
.flex-wrap {
    flex-wrap: wrap;
}
.flex-nowrap {
    flex-wrap: nowrap;
}
.items-start {
    align-items: flex-start;
}
.items-end {
    align-items: flex-end;
}
.items-center {
    align-items: center;
}
.\!justify-start {
    justify-content: flex-start !important;
}
.justify-start {
    justify-content: flex-start;
}
.justify-end {
    justify-content: flex-end;
}
.\!justify-center {
    justify-content: center !important;
}
.justify-center {
    justify-content: center;
}
.justify-between {
    justify-content: space-between;
}
.gap-0 {
    gap: 0px;
}
.gap-4 {
    gap: 1rem;
}
.gap-5 {
    gap: 1.25rem;
}
.gap-\[10px\] {
    gap: 10px;
}
.gap-\[12px\] {
    gap: 12px;
}
.gap-\[15px\] {
    gap: 15px;
}
.gap-\[1px\] {
    gap: 1px;
}
.gap-\[20px\] {
    gap: 20px;
}
.gap-\[2px\] {
    gap: 2px;
}
.gap-\[30px\] {
    gap: 30px;
}
.gap-\[36px\] {
    gap: 36px;
}
.gap-\[4px\] {
    gap: 4px;
}
.gap-\[5px\] {
    gap: 5px;
}
.gap-\[6px\] {
    gap: 6px;
}
.gap-\[8px\] {
    gap: 8px;
}
.gap-base {
    gap: var(--padding);
}
.gap-x-\[30px\] {
    -moz-column-gap: 30px;
    column-gap: 30px;
}
.gap-y-\[20px\] {
    row-gap: 20px;
}
.self-stretch {
    align-self: stretch;
}
.overflow-auto {
    overflow: auto;
}
.overflow-hidden {
    overflow: hidden;
}
.overflow-y-auto {
    overflow-y: auto;
}
.overflow-x-hidden {
    overflow-x: hidden;
}
.overflow-y-clip {
    overflow-y: clip;
}
.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.whitespace-nowrap {
    white-space: nowrap;
}
.whitespace-pre-line {
    white-space: pre-line;
}
.break-words {
    overflow-wrap: break-word;
}
.rounded {
    border-radius: var(--b-radius);
}
.rounded-\[12p\] {
    border-radius: 12p;
}
.rounded-\[12px\] {
    border-radius: 12px;
}
.rounded-\[3\.33px\] {
    border-radius: 3.33px;
}
.rounded-\[4px\] {
    border-radius: 4px;
}
.rounded-\[5px\] {
    border-radius: 5px;
}
.rounded-\[6px\] {
    border-radius: 6px;
}
.rounded-\[7\.5px\] {
    border-radius: 7.5px;
}
.rounded-\[8px\] {
    border-radius: 8px;
}
.rounded-full {
    border-radius: 9999px;
}
.rounded-none {
    border-radius: 0;
}
.rounded-xl {
    border-radius: 0.75rem;
}
.rounded-b-xl {
    border-bottom-right-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
}
.rounded-r-\[8px\] {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
.rounded-t-\[20px\] {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.border {
    border-width: 1px;
}
.border-0 {
    border-width: 0px;
}
.border-\[11px\] {
    border-width: 11px;
}
.border-\[2px\] {
    border-width: 2px;
}
.border-x-0 {
    border-left-width: 0px;
    border-right-width: 0px;
}
.border-y-\[1px\] {
    border-top-width: 1px;
    border-bottom-width: 1px;
}
.border-b-\[1px\] {
    border-bottom-width: 1px;
}
.border-t-0 {
    border-top-width: 0px;
}
.border-t-\[1px\] {
    border-top-width: 1px;
}
.border-solid {
    border-style: solid;
}
.border-\[\#DAD3EE\] {
    --tw-border-opacity: 1;
    border-color: rgb(218 211 238 / var(--tw-border-opacity));
}
.border-\[\#E7E2F9\] {
    --tw-border-opacity: 1;
    border-color: rgb(231 226 249 / var(--tw-border-opacity));
}
.border-\[\#F2F0FF\] {
    --tw-border-opacity: 1;
    border-color: rgb(242 240 255 / var(--tw-border-opacity));
}
.border-\[\#F7F5FE\] {
    --tw-border-opacity: 1;
    border-color: rgb(247 245 254 / var(--tw-border-opacity));
}
.border-secondary-300 {
    border-color: var(--color_secondary__300);
}
.border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.\!bg-\[\#3a3f4e\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(58 63 78 / var(--tw-bg-opacity)) !important;
}
.\!bg-light {
    background-color: var(--bg_light_hover__100) !important;
}
.\!bg-main {
    background-color: var(--bg_main__100) !important;
}
.bg-\[\#0E9CEB\] {
    --tw-bg-opacity: 1;
    background-color: rgb(14 156 235 / var(--tw-bg-opacity));
}
.bg-\[\#0f141c\] {
    --tw-bg-opacity: 1;
    background-color: rgb(15 20 28 / var(--tw-bg-opacity));
}
.bg-\[\#246BFD\] {
    --tw-bg-opacity: 1;
    background-color: rgb(36 107 253 / var(--tw-bg-opacity));
}
.bg-\[\#2A2843\] {
    --tw-bg-opacity: 1;
    background-color: rgb(42 40 67 / var(--tw-bg-opacity));
}
.bg-\[\#33BE49\] {
    --tw-bg-opacity: 1;
    background-color: rgb(51 190 73 / var(--tw-bg-opacity));
}
.bg-\[\#40B553\] {
    --tw-bg-opacity: 1;
    background-color: rgb(64 181 83 / var(--tw-bg-opacity));
}
.bg-\[\#50CD64\] {
    --tw-bg-opacity: 1;
    background-color: rgb(80 205 100 / var(--tw-bg-opacity));
}
.bg-\[\#7E68E4\] {
    --tw-bg-opacity: 1;
    background-color: rgb(126 104 228 / var(--tw-bg-opacity));
}
.bg-\[\#7F6FC9\] {
    --tw-bg-opacity: 1;
    background-color: rgb(127 111 201 / var(--tw-bg-opacity));
}
.bg-\[\#7F73FF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(127 115 255 / var(--tw-bg-opacity));
}
.bg-\[\#83829A\] {
    --tw-bg-opacity: 1;
    background-color: rgb(131 130 154 / var(--tw-bg-opacity));
}
.bg-\[\#887DFF4D\] {
    background-color: #887dff4d;
}
.bg-\[\#887DFF\],
.bg-\[\#887dff\] {
    --tw-bg-opacity: 1;
    background-color: rgb(136 125 255 / var(--tw-bg-opacity));
}
.bg-\[\#9482EB\] {
    --tw-bg-opacity: 1;
    background-color: rgb(148 130 235 / var(--tw-bg-opacity));
}
.bg-\[\#B62525\] {
    --tw-bg-opacity: 1;
    background-color: rgb(182 37 37 / var(--tw-bg-opacity));
}
.bg-\[\#B6B0D7\] {
    --tw-bg-opacity: 1;
    background-color: rgb(182 176 215 / var(--tw-bg-opacity));
}
.bg-\[\#B7ADD8\] {
    --tw-bg-opacity: 1;
    background-color: rgb(183 173 216 / var(--tw-bg-opacity));
}
.bg-\[\#DAD3EE\] {
    --tw-bg-opacity: 1;
    background-color: rgb(218 211 238 / var(--tw-bg-opacity));
}
.bg-\[\#E7E2F9\] {
    --tw-bg-opacity: 1;
    background-color: rgb(231 226 249 / var(--tw-bg-opacity));
}
.bg-\[\#E8E5FF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(232 229 255 / var(--tw-bg-opacity));
}
.bg-\[\#ECA824\] {
    --tw-bg-opacity: 1;
    background-color: rgb(236 168 36 / var(--tw-bg-opacity));
}
.bg-\[\#F24B4B\] {
    --tw-bg-opacity: 1;
    background-color: rgb(242 75 75 / var(--tw-bg-opacity));
}
.bg-\[\#F2F0FF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(242 240 255 / var(--tw-bg-opacity));
}
.bg-\[\#F5F7FE\] {
    --tw-bg-opacity: 1;
    background-color: rgb(245 247 254 / var(--tw-bg-opacity));
}
.bg-\[\#F7F5FE\] {
    --tw-bg-opacity: 1;
    background-color: rgb(247 245 254 / var(--tw-bg-opacity));
}
.bg-\[\#F91717\] {
    --tw-bg-opacity: 1;
    background-color: rgb(249 23 23 / var(--tw-bg-opacity));
}
.bg-\[\#F9C154\] {
    --tw-bg-opacity: 1;
    background-color: rgb(249 193 84 / var(--tw-bg-opacity));
}
.bg-\[\#FEAB07\] {
    --tw-bg-opacity: 1;
    background-color: rgb(254 171 7 / var(--tw-bg-opacity));
}
.bg-\[\#FF0C0C\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 12 12 / var(--tw-bg-opacity));
}
.bg-\[\#FF30304D\] {
    background-color: #ff30304d;
}
.bg-\[\#FFA900\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 169 0 / var(--tw-bg-opacity));
}
.bg-\[\#FFB526\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 181 38 / var(--tw-bg-opacity));
}
.bg-\[\#FFFFFF\],
.bg-\[\#FFF\],
.bg-\[\#ffffff\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-\[var\(--color-card\)\] {
    background-color: var(--color-card);
}
.bg-light {
    background-color: var(--bg_light_hover__100);
}
.bg-light-200 {
    background-color: var(--bg_light_hover__200);
}
.bg-lighten {
    background-color: var(--bg_light__100);
}
.bg-link {
    background-color: var(--color_link__100);
}
.bg-main {
    background-color: var(--bg_main__100);
}
.bg-main-200 {
    background-color: var(--bg_main__200);
}
.bg-primary {
    background-color: var(--bg_primary__100);
}
.bg-primary-200 {
    background-color: var(--bg_primary__200);
}
.bg-red {
    --tw-bg-opacity: 1;
    background-color: rgb(255 48 48 / var(--tw-bg-opacity));
}
.bg-secondary {
    background-color: var(--bg_secondary__100);
}
.bg-secondary-200 {
    background-color: var(--bg_secondary__200);
}
.bg-secondary-300 {
    background-color: var(--bg_secondary__300);
}
.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-opacity-10 {
    --tw-bg-opacity: 0.1;
}
.bg-opacity-100 {
    --tw-bg-opacity: 1;
}
.bg-opacity-15 {
    --tw-bg-opacity: 0.15;
}
.bg-opacity-20 {
    --tw-bg-opacity: 0.2;
}
.bg-opacity-25 {
    --tw-bg-opacity: 0.25;
}
.bg-opacity-30 {
    --tw-bg-opacity: 0.3;
}
.bg-opacity-80 {
    --tw-bg-opacity: 0.8;
}
.bg-opacity-\[0\.10\] {
    --tw-bg-opacity: 0.1;
}
.bg-opacity-\[0\.15\] {
    --tw-bg-opacity: 0.15;
}
.bg-opacity-\[0\.1\] {
    --tw-bg-opacity: 0.1;
}
.bg-opacity-\[0\.25\] {
    --tw-bg-opacity: 0.25;
}
.bg-opacity-\[0\.2\] {
    --tw-bg-opacity: 0.2;
}
.bg-opacity-\[0\.4\] {
    --tw-bg-opacity: 0.4;
}
.bg-opacity-\[0\.5\] {
    --tw-bg-opacity: 0.5;
}
.bg-opacity-\[0\.6\] {
    --tw-bg-opacity: 0.6;
}
.bg-opacity-\[0\.75\] {
    --tw-bg-opacity: 0.75;
}
.bg-opacity-\[0\.8\] {
    --tw-bg-opacity: 0.8;
}
.fill-current {
    fill: currentColor;
}
.fill-transparent {
    fill: transparent;
}
.stroke-secondary {
    stroke: var(--color_secondary__100);
}
.object-cover {
    -o-object-fit: cover;
    object-fit: cover;
}
.\!p-0 {
    padding: 0 !important;
}
.p-0 {
    padding: 0;
}
.p-1 {
    padding: 0.25rem;
}
.p-10 {
    padding: 2.5rem;
}
.p-11 {
    padding: 2.75rem;
}
.p-12 {
    padding: 3rem;
}
.p-14 {
    padding: 3.5rem;
}
.p-16 {
    padding: 4rem;
}
.p-2 {
    padding: 0.5rem;
}
.p-3 {
    padding: 0.75rem;
}
.p-4 {
    padding: 1rem;
}
.p-5 {
    padding: 1.25rem;
}
.p-6 {
    padding: 1.5rem;
}
.p-7 {
    padding: 1.75rem;
}
.p-8 {
    padding: 2rem;
}
.p-9 {
    padding: 2.25rem;
}
.p-\[12px\] {
    padding: 12px;
}
.p-\[1px\] {
    padding: 1px;
}
.p-\[20px\] {
    padding: 20px;
}
.p-\[2px\] {
    padding: 2px;
}
.p-\[4px\] {
    padding: 4px;
}
.p-\[6px\] {
    padding: 6px;
}
.p-\[8px\] {
    padding: 8px;
}
.p-base {
    padding: var(--padding);
}
.px-0 {
    padding-left: 0;
    padding-right: 0;
}
.px-\[12px\] {
    padding-left: 12px;
    padding-right: 12px;
}
.px-\[14px\] {
    padding-left: 14px;
    padding-right: 14px;
}
.px-\[16px\] {
    padding-left: 16px;
    padding-right: 16px;
}
.px-\[20px\] {
    padding-left: 20px;
    padding-right: 20px;
}
.px-\[24px\] {
    padding-left: 24px;
    padding-right: 24px;
}
.px-\[2px\] {
    padding-left: 2px;
    padding-right: 2px;
}
.px-\[30px\] {
    padding-left: 30px;
    padding-right: 30px;
}
.px-\[4px\] {
    padding-left: 4px;
    padding-right: 4px;
}
.px-\[5px\] {
    padding-left: 5px;
    padding-right: 5px;
}
.px-\[6px\] {
    padding-left: 6px;
    padding-right: 6px;
}
.px-\[8px\] {
    padding-left: 8px;
    padding-right: 8px;
}
.py-\[100px\] {
    padding-top: 100px;
    padding-bottom: 100px;
}
.py-\[12px\] {
    padding-top: 12px;
    padding-bottom: 12px;
}
.py-\[15px\] {
    padding-top: 15px;
    padding-bottom: 15px;
}
.py-\[16px\] {
    padding-top: 16px;
    padding-bottom: 16px;
}
.py-\[20px\] {
    padding-top: 20px;
    padding-bottom: 20px;
}
.py-\[25px\] {
    padding-top: 25px;
    padding-bottom: 25px;
}
.py-\[8px\] {
    padding-top: 8px;
    padding-bottom: 8px;
}
.py-\[9px\] {
    padding-top: 9px;
    padding-bottom: 9px;
}
.\!pr-0 {
    padding-right: 0 !important;
}
.\!pr-\[60px\] {
    padding-right: 60px !important;
}
.\!pt-0 {
    padding-top: 0 !important;
}
.pb-\[16px\] {
    padding-bottom: 16px;
}
.pb-\[20px\] {
    padding-bottom: 20px;
}
.pb-\[55px\] {
    padding-bottom: 55px;
}
.pl-0 {
    padding-left: 0;
}
.pl-\[18px\] {
    padding-left: 18px;
}
.pl-\[20px\] {
    padding-left: 20px;
}
.pl-\[25px\] {
    padding-left: 25px;
}
.pl-\[28px\] {
    padding-left: 28px;
}
.pl-\[30px\] {
    padding-left: 30px;
}
.pr-\[10px\] {
    padding-right: 10px;
}
.pr-\[12px\] {
    padding-right: 12px;
}
.pr-\[15px\] {
    padding-right: 15px;
}
.pr-\[25px\] {
    padding-right: 25px;
}
.pr-\[30px\] {
    padding-right: 30px;
}
.pr-\[6px\] {
    padding-right: 6px;
}
.pr-\[72px\] {
    padding-right: 72px;
}
.pr-\[8px\] {
    padding-right: 8px;
}
.pr-base {
    padding-right: var(--padding);
}
.pt-\[20px\] {
    padding-top: 20px;
}
.pt-\[8px\] {
    padding-top: 8px;
}
.pt-base {
    padding-top: var(--padding);
}
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.\!text-\[12px\] {
    font-size: 12px !important;
}
.text-7xl {
    font-size: 4.5rem;
    line-height: 1;
}
.text-\[10px\] {
    font-size: 10px;
}
.text-\[11px\] {
    font-size: 11px;
}
.text-\[12px\] {
    font-size: 12px;
}
.text-\[13px\] {
    font-size: 13px;
}
.text-\[14px\] {
    font-size: 14px;
}
.text-\[16px\] {
    font-size: 16px;
}
.text-\[17px\] {
    font-size: 17px;
}
.text-\[18px\] {
    font-size: 18px;
}
.text-\[20px\] {
    font-size: 20px;
}
.text-\[24px\] {
    font-size: 24px;
}
.text-\[26px\] {
    font-size: 26px;
}
.text-\[34px\] {
    font-size: 34px;
}
.text-\[36px\] {
    font-size: 36px;
}
.text-\[44px\] {
    font-size: 44px;
}
.text-\[48px\] {
    font-size: 48px;
}
.text-\[4vw\] {
    font-size: 4vw;
}
.text-\[8px\] {
    font-size: 8px;
}
.text-sm {
    font-size: 1.2rem;
    line-height: 137%;
}
.\!font-bold {
    font-weight: 700 !important;
}
.font-black {
    font-weight: 900;
}
.font-bold {
    font-weight: 700;
}
.font-extrabold {
    font-weight: 800;
}
.font-medium {
    font-weight: 500;
}
.font-semibold {
    font-weight: 600;
}
.uppercase {
    text-transform: uppercase;
}
.capitalize {
    text-transform: capitalize;
}
.italic {
    font-style: italic;
}
.leading-137 {
    line-height: 137%;
}
.leading-8 {
    line-height: 2rem;
}
.leading-\[118\%\] {
    line-height: 118%;
}
.leading-\[120\%\] {
    line-height: 120%;
}
.leading-\[124\%\] {
    line-height: 124%;
}
.leading-\[127\%\] {
    line-height: 127%;
}
.leading-\[130\%\] {
    line-height: 130%;
}
.leading-\[137\%\] {
    line-height: 137%;
}
.leading-\[14px\] {
    line-height: 14px;
}
.leading-\[16px\] {
    line-height: 16px;
}
.leading-\[18px\] {
    line-height: 18px;
}
.leading-\[20px\] {
    line-height: 20px;
}
.leading-\[24px\] {
    line-height: 24px;
}
.leading-\[26px\] {
    line-height: 26px;
}
.leading-\[normal\] {
    line-height: normal;
}
.leading-none {
    line-height: 1;
}
.leading-normal {
    line-height: 1.5;
}
.\!text-\[\#78819d\] {
    --tw-text-opacity: 1 !important;
    color: rgb(120 129 157 / var(--tw-text-opacity)) !important;
}
.\!text-main {
    color: var(--color_main__100) !important;
}
.\!text-secondary {
    color: var(--color_secondary__100) !important;
}
.text-\[\#2C3034\] {
    --tw-text-opacity: 1;
    color: rgb(44 48 52 / var(--tw-text-opacity));
}
.text-\[\#2FAC43\] {
    --tw-text-opacity: 1;
    color: rgb(47 172 67 / var(--tw-text-opacity));
}
.text-\[\#33BE49\] {
    --tw-text-opacity: 1;
    color: rgb(51 190 73 / var(--tw-text-opacity));
}
.text-\[\#40B553\] {
    --tw-text-opacity: 1;
    color: rgb(64 181 83 / var(--tw-text-opacity));
}
.text-\[\#413B63\] {
    --tw-text-opacity: 1;
    color: rgb(65 59 99 / var(--tw-text-opacity));
}
.text-\[\#41414E\] {
    --tw-text-opacity: 1;
    color: rgb(65 65 78 / var(--tw-text-opacity));
}
.text-\[\#434959\] {
    --tw-text-opacity: 1;
    color: rgb(67 73 89 / var(--tw-text-opacity));
}
.text-\[\#4DB34B\] {
    --tw-text-opacity: 1;
    color: rgb(77 179 75 / var(--tw-text-opacity));
}
.text-\[\#50CD64\] {
    --tw-text-opacity: 1;
    color: rgb(80 205 100 / var(--tw-text-opacity));
}
.text-\[\#574D81\] {
    --tw-text-opacity: 1;
    color: rgb(87 77 129 / var(--tw-text-opacity));
}
.text-\[\#72D370\] {
    --tw-text-opacity: 1;
    color: rgb(114 211 112 / var(--tw-text-opacity));
}
.text-\[\#76AC41\] {
    --tw-text-opacity: 1;
    color: rgb(118 172 65 / var(--tw-text-opacity));
}
.text-\[\#78819D\] {
    --tw-text-opacity: 1;
    color: rgb(120 129 157 / var(--tw-text-opacity));
}
.text-\[\#7E68E4\] {
    --tw-text-opacity: 1;
    color: rgb(126 104 228 / var(--tw-text-opacity));
}
.text-\[\#887DFF\] {
    --tw-text-opacity: 1;
    color: rgb(136 125 255 / var(--tw-text-opacity));
}
.text-\[\#9e96ba\] {
    --tw-text-opacity: 1;
    color: rgb(158 150 186 / var(--tw-text-opacity));
}
.text-\[\#A4AEC6\] {
    --tw-text-opacity: 1;
    color: rgb(164 174 198 / var(--tw-text-opacity));
}
.text-\[\#A8B2D2\] {
    --tw-text-opacity: 1;
    color: rgb(168 178 210 / var(--tw-text-opacity));
}
.text-\[\#BAB4FF\] {
    --tw-text-opacity: 1;
    color: rgb(186 180 255 / var(--tw-text-opacity));
}
.text-\[\#E9AB0A\] {
    --tw-text-opacity: 1;
    color: rgb(233 171 10 / var(--tw-text-opacity));
}
.text-\[\#ECA824\] {
    --tw-text-opacity: 1;
    color: rgb(236 168 36 / var(--tw-text-opacity));
}
.text-\[\#EFA639\] {
    --tw-text-opacity: 1;
    color: rgb(239 166 57 / var(--tw-text-opacity));
}
.text-\[\#F24B4B\] {
    --tw-text-opacity: 1;
    color: rgb(242 75 75 / var(--tw-text-opacity));
}
.text-\[\#F2F0FF\] {
    --tw-text-opacity: 1;
    color: rgb(242 240 255 / var(--tw-text-opacity));
}
.text-\[\#F5A509\] {
    --tw-text-opacity: 1;
    color: rgb(245 165 9 / var(--tw-text-opacity));
}
.text-\[\#F91717\] {
    --tw-text-opacity: 1;
    color: rgb(249 23 23 / var(--tw-text-opacity));
}
.text-\[\#F95C5C\] {
    --tw-text-opacity: 1;
    color: rgb(249 92 92 / var(--tw-text-opacity));
}
.text-\[\#FCB706\] {
    --tw-text-opacity: 1;
    color: rgb(252 183 6 / var(--tw-text-opacity));
}
.text-\[\#FEAB07\] {
    --tw-text-opacity: 1;
    color: rgb(254 171 7 / var(--tw-text-opacity));
}
.text-\[\#FF3030\] {
    --tw-text-opacity: 1;
    color: rgb(255 48 48 / var(--tw-text-opacity));
}
.text-\[\#FF3D3D\] {
    --tw-text-opacity: 1;
    color: rgb(255 61 61 / var(--tw-text-opacity));
}
.text-\[\#FF4E4E\] {
    --tw-text-opacity: 1;
    color: rgb(255 78 78 / var(--tw-text-opacity));
}
.text-\[\#FF5959\] {
    --tw-text-opacity: 1;
    color: rgb(255 89 89 / var(--tw-text-opacity));
}
.text-\[\#b6b0d7\] {
    --tw-text-opacity: 1;
    color: rgb(182 176 215 / var(--tw-text-opacity));
}
.text-\[\#ccd2e8\] {
    --tw-text-opacity: 1;
    color: rgb(204 210 232 / var(--tw-text-opacity));
}
.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-green {
    --tw-text-opacity: 1;
    color: rgb(114 211 112 / var(--tw-text-opacity));
}
.text-link {
    color: var(--color_link__100);
}
.text-main {
    color: var(--color_main__100);
}
.text-orange {
    --tw-text-opacity: 1;
    color: rgb(233 171 10 / var(--tw-text-opacity));
}
.text-primary {
    color: var(--color_primary__100);
}
.text-red {
    --tw-text-opacity: 1;
    color: rgb(255 48 48 / var(--tw-text-opacity));
}
.text-secondary {
    color: var(--color_secondary__100);
}
.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-opacity-\[0\.80\] {
    --tw-text-opacity: 0.8;
}
.underline {
    text-decoration-line: underline;
}
.underline-offset-2 {
    text-underline-offset: 2px;
}
.opacity-0 {
    opacity: 0;
}
.opacity-50 {
    opacity: 0.5;
}
.opacity-60 {
    opacity: 0.6;
}
.opacity-75 {
    opacity: 0.75;
}
.opacity-80 {
    opacity: 0.8;
}
.opacity-\[0\.3\] {
    opacity: 0.3;
}
.opacity-\[0\.8\] {
    opacity: 0.8;
}
.opacity-\[0\.9\] {
    opacity: 0.9;
}
.mix-blend-multiply {
    mix-blend-mode: multiply;
}
.mix-blend-luminosity {
    mix-blend-mode: luminosity;
}
.outline {
    outline-style: solid;
}
.ring-\[1px\] {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-white {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
}
.ring-opacity-\[0\.80\] {
    --tw-ring-opacity: 0.8;
}
.blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[6px\] {
    --tw-blur: blur(6px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow {
    --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.\!filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur-\[3px\] {
    --tw-backdrop-blur: blur(3px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity)
        var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity)
        var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-\[5px\] {
    --tw-backdrop-blur: blur(5px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity)
        var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity)
        var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-\[6px\] {
    --tw-backdrop-blur: blur(6px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity)
        var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity)
        var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity)
        var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity)
        var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}
.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}
.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}
.duration-200 {
    transition-duration: 0.2s;
}
.ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
@media screen and (min-width: 990px) {
    .hd {
        display: none !important;
    }
}
@media screen and (min-width: 768px) and (max-width: 989px) {
    .ht {
        display: none !important;
    }
}
@media screen and (max-width: 767px) {
    .hm {
        display: none !important;
    }
}
@media screen and (max-width: 360px) {
    .hsm {
        display: none !important;
    }
}
.htitle {
    display: none !important;
}
.f {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.fi {
    display: inline-flex;
}
.fc {
    justify-content: center;
}
.fs {
    justify-content: flex-start;
}
.fe {
    justify-content: flex-end;
}
.ft {
    align-items: flex-start;
}
.fb {
    align-items: flex-end;
}
.fw {
    flex-wrap: wrap;
}
.fg {
    flex-grow: 1;
}
.frr {
    flex-direction: row-reverse;
}
.fcol {
    flex-direction: column;
}
.f .left-side,
.f .right-side {
    position: relative;
}
*,
*:before,
*:after {
    box-sizing: border-box;
    margin: 0;
    outline: none;
}
ul.list {
    padding: 0;
    margin: 0;
    list-style: none;
}
a {
    color: inherit;
    text-decoration: none;
}
img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    color: transarent;
    border: 0;
    font-size: 0;
}
img.contain {
    -o-object-fit: contain;
    object-fit: contain;
}
table {
    width: 100%;
    vertical-align: middle;
    border-collapse: collapse;
    border-spacing: 0;
}
th {
    padding: 0;
}
.tac {
    text-align: center;
}
.tal {
    text-align: left;
}
.tar {
    text-align: right;
}
.taj {
    text-align: justify;
}
.ttu {
    text-transform: uppercase;
}
.ttc {
    text-transform: capitalize;
}
.ttl {
    text-transform: lowercase;
}
.tti {
    text-transform: initial;
}
.fwl,
.fw300 {
    font-weight: var(--weight-light);
}
.fwr,
.fw400 {
    font-weight: 400;
}
.fws,
.fw500 {
    font-weight: 500;
}
.fwb,
.fw700 {
    font-weight: 700;
}
.nowrap,
.nw,
.amount,
.price,
.price * {
    white-space: nowrap;
}
.ell {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@keyframes bgPos {
    0% {
        background-position: -50% 0;
    }
    to {
        background-position: -250% 0;
    }
}
@keyframes rotate360 {
    0% {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}
@keyframes rotate360f {
    0% {
        transform: rotate(0);
    }
    to {
        transform: rotate(-360deg);
    }
}
@font-face {
    font-family: Gilroy;
    src: url(/assets/Gilroy-BoldItalic-1b946bdd.eot);
    src: local("Gilroy Bold Italic"), local("Gilroy-BoldItalic"), url(/assets/Gilroy-BoldItalic-1b946bdd.eot?#iefix) format("embedded-opentype"), url(/assets/Gilroy-BoldItalic-38c55df1.woff) format("woff"),
        url(/assets/Gilroy-BoldItalic-210fd3c2.ttf) format("truetype");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: Gilroy;
    src: url(/assets/Gilroy-SemiBold-19201035.eot);
    src: local("Gilroy SemiBold"), local("Gilroy-SemiBold"), url(/assets/Gilroy-SemiBold-19201035.eot?#iefix) format("embedded-opentype"), url(/assets/Gilroy-SemiBold-6a156519.woff) format("woff"),
        url(/assets/Gilroy-SemiBold-32eb47df.ttf) format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Gilroy;
    src: url(/assets/Gilroy-Regular-173bd897.eot);
    src: local("Gilroy Regular"), local("Gilroy-Regular"), url(/assets/Gilroy-Regular-173bd897.eot?#iefix) format("embedded-opentype"), url(/assets/Gilroy-Regular-9f2ef335.woff) format("woff"),
        url(/assets/Gilroy-Regular-8bbb8f0f.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Gilroy;
    src: url(/assets/Gilroy-Medium-5e0f2414.eot);
    src: local("Gilroy Medium"), local("Gilroy-Medium"), url(/assets/Gilroy-Medium-5e0f2414.eot?#iefix) format("embedded-opentype"), url(/assets/Gilroy-Medium-a19283a4.woff) format("woff"),
        url(/assets/Gilroy-Medium-ce8d455b.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Gilroy;
    src: url(/assets/Gilroy-Bold-de6dbd87.eot);
    src: local("Gilroy Bold"), local("Gilroy-Bold"), url(/assets/Gilroy-Bold-de6dbd87.eot?#iefix) format("embedded-opentype"), url(/assets/Gilroy-Bold-79d5defd.woff) format("woff"), url(/assets/Gilroy-Bold-ed3a99e5.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
.Vue-Toastification__toast {
    min-height: 44px !important;
    padding: 13px 12px !important;
    font-family: var(--font-family) !important;
    font-size: var(--fz-default) !important;
    font-weight: var(--fw-base) !important;
}
.Vue-Toastification__progress-bar {
    height: 4px !important;
}
.tippy-box {
    background: #3b404f !important;
    color: #f2f0ff;
    font-weight: 500;
}
.tippy-box .tippy-arrow {
    color: #3b404f !important;
}
html.dark .tippy-box,
html[data-theme="dark"] .tippy-box {
    background: #e8e5ff !important;
    color: #413b63;
}
html.dark .tippy-box .tippy-arrow,
html[data-theme="dark"] .tippy-box .tippy-arrow {
    color: #e8e5ff !important;
}
.tippy-box[data-theme~="purple"] {
    background: var(--primary-400) !important;
    color: var(--primary-800);
    font-weight: 600;
}
.tippy-box[data-theme~="purple"] .tippy-arrow {
    color: var(--primary-400) !important;
}
.tippy-box[data-theme~="purple"] .tippy-content {
    white-space: nowrap !important;
}
.tippy-box[data-theme~="empty"] {
    background: transparent !important;
    padding: 0 !important;
}
.tippy-box[data-theme~="empty"] .tippy-content {
    padding: 0;
}
.gradient--purple {
    background: linear-gradient(90deg, #7449e6 0.06%, #69a4ff 98.49%);
}
.gradient--orange {
    background: linear-gradient(90deg, #ffc658 -18.18%, #f4a100 49.18%, #ffc658 120%);
}
.gradient--vk {
    background: linear-gradient(90deg, #647ae8, #54a3f5 104.25%);
}
.gradient--green {
    background: linear-gradient(90deg, #76ac41 3.33%, #97d25b);
}
.gradient-radial--purple {
    background: var(--gradient-primary);
}
.text-gradient-primary {
    background: linear-gradient(90deg, #7449e6 0.06%, #69a4ff 98.49%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 600;
}
.text-gradient-green {
    background: linear-gradient(0deg, #16b21d 0%, #16b21d 100%);
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.text-gradient-orange {
    background: linear-gradient(90deg, #f4a202, #fac257);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 600;
}
.text-gradient-orange-hover {
    position: relative;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}
.text-gradient-orange-hover:after {
    opacity: 0;
    content: attr(data-text);
    font-weight: inherit;
    font-size: inherit;
    background: linear-gradient(90deg, #f4a202, #fac257);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}
.text-gradient-orange-hover:hover {
    color: transparent;
}
.text-gradient-orange-hover:hover:after {
    opacity: 1;
}
.dropdown-enter-active,
.dropdown-leave-active {
    transition: all 0.3s ease-in-out;
}
.dropdown-enter-from,
.dropdown-leave-to {
    opacity: 0;
    transform: translateY(105%);
}
.dropdown-enter-to,
.dropdown-leave-from {
    opacity: 1;
    transform: translateY(100%);
}
.fade-enter-active,
.fade-leave-active {
    transition: all 0.2s ease-in-out;
}
.fade-enter-from,
.fade-leave-to {
    opacity: 0;
}
.slide-leave-active,
.slide-enter-active {
    transition: 1s;
}
.slide-enter {
    transform: translate(100%);
}
.slide-leave-to {
    transform: translate(-100%);
}
.slideback-leave-active,
.slideback-enter-active {
    transition: 1s;
}
.slideback-enter {
    transform: translate(-100%);
}
.slideback-leave-to {
    transform: translate(100%);
}
.container {
    width: 100%;
    max-width: var(--container);
    padding: 0rem var(--padding);
    margin: 0 auto;
}
.heading-1 {
    position: relative;
}
.heading-1:after {
    background: linear-gradient(90deg, #7449e6 0.06%, #69a4ff 98.49%);
    border-radius: 100px;
    bottom: -15px;
    content: "";
    display: block;
    height: 6px;
    left: 0;
    position: absolute;
    right: 0;
    width: 30%;
}
.heading-1--center:after {
    width: 70%;
    left: 50%;
    transform: translate(-50%);
}
.gradient-hover {
    position: relative;
    z-index: 1;
}
.gradient-hover:after {
    transition: all 0.2s ease-in-out;
    z-index: -1;
    opacity: 0;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background: rgba(255, 255, 255, 0.2);
}
.gradient-hover:hover:after {
    opacity: 1;
}
.filled {
    background-image: linear-gradient(to right, var(--primary-200) 0%, var(--primary-400) 50%, var(--primary-200) 70%, var(--primary-200) 100%);
    background-size: 100% 100%;
    background-size: 200% 100%;
    border-radius: 0.4rem;
}
.filled.light {
    background-image: linear-gradient(to right, var(--primary-600) 0%, var(--primary-500) 50%, var(--primary-600) 70%, var(--primary-600) 100%);
}
@keyframes placeholder {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    to {
        background-position: 0% 50%;
    }
}
.placeholder {
    background-image: linear-gradient(to right, var(--primary-200) 0%, var(--primary-400) 50%, var(--primary-200) 70%, var(--primary-200) 100%);
    background-size: 400% 400%;
    animation: placeholder 2.25s ease infinite;
    border-radius: var(--b-radius);
}
html {
    --primary-bg: #ffffff;
    --primary-1: #f7f5fe;
    --primary-50: #f7f5fe;
    --primary-100: #f4f2ff;
    --primary-200: #f2f0ff;
    --primary-300: #ccd2e8;
    --primary-400: #e8e5ff;
    --primary-500: #bab1ed;
    --primary-600: #7f6fc9;
    --primary-700: #574d81;
    --primary-800: #413b63;
    --color-nav: #b6b0d7;
    --color-dark: #9893b6;
    --font-family: "Gilroy", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --fz-default: 14px;
    --fw-light: 300;
    --fw-normal: 400;
    --fw-semibold: 500;
    --fw-bold: 700;
    --fw-base: var(--fw-normal);
    --transition-fast: 0.2s;
    --transition-slow: 0.4s;
    --b-radius: 6px;
    --b-radius-sm: 4px;
    --gradient-primary: radial-gradient(73.33% 73.33% at 50% 50%, #9db1ff 0%, #6d3eff 100%, #6d3eff 100%);
    --gradient-yellow: linear-gradient(90deg, #f4a202 0%, #fac257 100%);
    --gradient-purple: linear-gradient(90deg, #7449e6 0.06%, #69a4ff 98.49%);
    --gradient-orange: linear-gradient(90deg, #ffc658 -18.18%, #f4a100 49.18%, #ffc658 120%);
    --gradient-vk: linear-gradient(90deg, #647ae8, #54a3f5 104.25%);
    --container: 128rem;
    --offset: 2rem;
    --padding: 20px;
    --bg_primary__100: #ffffff;
    --bg_primary__200: #ffffff;
    --bg_secondary__100: #f2f0ff;
    --bg_secondary__200: #f2f0ff;
    --bg_secondary__300: #f2f0ff;
    --bg_secondary__400: #f2f0ff;
    --bg_main__100: #f7f5fe;
    --bg_main__200: #f7f5fe;
    --bg_main__300: #f7f5fe;
    --bg_light_hover__100: #e8e5ff;
    --bg_light_hover__200: #e8e5ff;
    --bg_light__100: #e7e2f9;
    --bg_light__100-rgb: 231 226 249;
    --color_secondary__100: #b6b0d7;
    --color_secondary__300: #f2f0ff;
    --color_link_hover__100: #bab1ed;
    --color_link__100: #7f6fc9;
    --color_primary__100: #413b63;
    --color_main__100: #2c3034;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
}
html.dark {
    --primary-bg: #282d38;
    --primary-1: #262a34;
    --primary-50: #262a34;
    --primary-100: #303541;
    --primary-200: #1e232f;
    --primary-300: #78819d;
    --primary-400: #383e4b;
    --primary-800: #f2f0ff;
    --color-nav: var(--primary-300);
    --bg_primary__100: #303541;
    --bg_primary__200: #282d38;
    --bg_secondary__100: #434959;
    --bg_secondary__200: #3a3f4e;
    --bg_secondary__300: #282d38;
    --bg_secondary__400: #1e232f;
    --bg_main__100: #3a3f4e;
    --bg_main__200: #303541;
    --bg_main__300: #262a34;
    --bg_light_hover__100: #434959;
    --bg_light_hover__200: #3a3f4e;
    --bg_light_hover__300: #303541;
    --bg_light__100: #434959;
    --color_secondary__100: #78819d;
    --color_secondary__300: #282d38;
    --color_link_hover__100: #bab1ed;
    --color_link__100: #7f6fc9;
    --color_primary__100: #f2f0ff;
    --color_main__100: #f2f0ff;
}
*::-webkit-scrollbar {
    border-radius: 999px;
    height: 4px;
    width: 4px;
    background-color: var(--bg_main__200);
}
*::-webkit-scrollbar-track {
    border-radius: 10px;
}
*::-webkit-scrollbar-thumb {
    background-color: var(--primary-300);
    border-radius: 10px;
    outline: none;
}
.scroll-hidden::-webkit-scrollbar {
    display: none;
}
@media screen and (max-width: 979px) {
    html {
        --offset: 1.2rem;
        --padding: 12px;
    }
}
.scroll-dark::-webkit-scrollbar {
    border-radius: 999px;
    height: 4px;
    width: 4px;
    background-color: var(--bg_primary__200);
}
.scroll-dark::-webkit-scrollbar-track {
    border-radius: 10px;
}
.scroll-dark::-webkit-scrollbar-thumb {
    background-color: #3a3f4e;
    border-radius: 10px;
    outline: none;
}
.scroll-dark-2::-webkit-scrollbar {
    border-radius: 999px;
    height: 4px;
    width: 4px;
    background-color: var(--primary-bg);
}
.scroll-dark-2::-webkit-scrollbar-track {
    border-radius: 10px;
}
.scroll-dark-2::-webkit-scrollbar-thumb {
    background-color: var(--primary-300);
    border-radius: 10px;
    outline: none;
}
.game_absolute {
    width: 100%;
    position: relative;
}
.game_absolute .game_sidebar-header {
    position: absolute;
    z-index: 1;
    padding: var(--padding);
}
.game_wrap {
    border-radius: var(--b-radius);
    display: flex;
    margin-bottom: var(--padding);
}
@media screen and (max-width: 767px) and (orientation: portrait) {
    .game_wrap {
        flex-wrap: wrap;
        position: relative;
    }
}
.game_wrap.transparent {
    background: transparent;
}
.game_wrap.separated {
    border-radius: var(--b-radius);
    gap: var(--padding);
}
.game_wrap.separated .game_sidebar {
    border-top-right-radius: var(--b-radius);
    border-bottom-right-radius: var(--b-radius);
}
.game_wrap.separated .game_main {
    border-top-left-radius: var(--b-radius);
    border-bottom-left-radius: var(--b-radius);
}
.game_sidebar {
    border-right: 1px solid var(--bg_main__300);
    min-width: 350px;
    padding: var(--padding);
    width: 350px;
    background: var(--bg_primary__100);
    border-top-left-radius: var(--b-radius);
    border-bottom-left-radius: var(--b-radius);
}
@media screen and (max-width: 767px) and (orientation: portrait) {
    .game_sidebar {
        display: flex;
        flex-wrap: wrap;
        min-width: 100%;
        order: 1;
        width: 100%;
    }
}
.game_sidebar .btns {
    display: flex;
    flex-direction: column;
    gap: var(--padding);
}
.game_sidebar .btns button {
    height: 48px;
    font-size: 16px;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
    .game_sidebar .btns button {
        height: 42px;
        font-size: 14px;
    }
}
.game_sidebar-suffix {
    display: flex;
    gap: 4px;
}
.game_sidebar,
.game_sidebar > form {
    display: flex;
    flex-direction: column;
    gap: var(--padding);
}
.game_sidebar-header {
    align-items: center;
    display: flex;
    font-weight: 600;
    gap: 8px;
    width: 100%;
}
.game_sidebar-header-left {
    display: flex;
    align-items: center;
    margin-bottom: auto;
    margin-right: auto;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
    .game_sidebar-header {
        left: 0;
        padding: var(--padding);
        position: absolute;
        top: 0;
        z-index: 1;
    }
}
@media screen and (max-width: 767px) {
    .game_sidebar-header .btn-seed {
        width: 28px;
        height: 28px;
    }
}
.game_sidebar-icon {
    align-items: center;
    background: radial-gradient(73.33% 73.33% at 50% 50%, #9db1ff 0, #6d3eff 100%);
    border-radius: var(--b-radius-sm);
    color: #fff;
    display: flex;
    height: 32px;
    justify-content: center;
    width: 32px;
    margin-right: 12px;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
    .game_sidebar-icon {
        width: 24px;
        height: 24px;
        margin-right: 8px;
    }
    .game_sidebar-icon svg {
        transform: scale(0.8);
    }
}
.game_sidebar-title {
    font-weight: 600;
    font-size: var(--fz-default);
    margin-right: auto;
}
.game_main {
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
    overflow: hidden;
    width: 100%;
    background: var(--bg_primary__100);
    border-top-right-radius: var(--b-radius);
    border-bottom-right-radius: var(--b-radius);
}
@media screen and (max-width: 767px) and (orientation: portrait) {
    .game_main {
        padding-top: 52px;
    }
}
.game_content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}
.game_footer {
    margin-top: auto;
    position: relative;
    width: 100%;
    border-top: 1px solid var(--bg_main__300);
}
html {
    background-color: var(--bg_primary__200);
    color: var(--color_primary__100);
    font-family: var(--font-family);
    font-size: 10px;
    font-display: swap;
    line-height: 1;
    overflow-x: hidden;
    width: 100vw;
}
body {
    font-family: var(--font-family);
    font-size: var(--fz-default);
    font-weight: var(--fw-base);
    background-color: var(--bg_main__300);
}
a,
button,
input,
textarea {
    outline: none;
    border: none;
    border-radius: var(--b-radius);
    background: transparent;
    font-family: inherit;
    font-size: inherit;
    font-weight: 600;
}
input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
textarea:-webkit-autofill,
textarea:-webkit-autofill:active,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:hover,
select:-webkit-autofill,
select:-webkit-autofill:active,
select:-webkit-autofill:focus,
select:-webkit-autofill:hover {
    -webkit-transition: background-color 600000s 0s, color 600000s 0s;
    transition: background-color 600000s 0s, color 600000s 0s;
}
button {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
input,
textarea {
    font-family: var(--font-family);
}
input::-ms-reveal,
input::-ms-clear {
    display: none;
}
textarea {
    resize: none;
}
input:disabled {
    cursor: not-allowed;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}
.btn .onmob,
.bt .onmob {
    display: none;
}
.btn .ondesk,
.bt .ondesk {
    display: block;
}
@media screen and (max-width: 767px) {
    .btn .ondesk,
    .bt .ondesk {
        display: none;
    }
    .btn .onmob,
    .bt .onmob {
        display: block;
    }
}
.modal-base__header-close {
    position: absolute;
    top: 20px;
    right: 20px;
    border-radius: 2px;
}
.Vue-Toastification__toast {
    background: transparent;
    border-radius: 8px;
    padding: 0 !important;
    width: auto !important;
    max-width: 100%;
    margin-left: auto;
    box-shadow: 0 4px 8px #0000001f, 0 -4px 8px #0000001f !important;
}
.Vue-Toastification__toast--error .Vue-Toastification__progress-bar {
    background-color: #f24b4b;
}
.Vue-Toastification__toast--success .Vue-Toastification__progress-bar {
    background-color: #40b553;
}
.Vue-Toastification__container {
    padding: 12px;
}
.Vue-Toastification__container.top-right {
    top: 55px;
    right: -4px;
}
@media (min-width: 980px) {
    .Vue-Toastification__container.top-right {
        top: 76px;
        right: 8px;
    }
}
.hover\:\!bg-\[\#434959\]:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(67 73 89 / var(--tw-bg-opacity)) !important;
}
.hover\:bg-light:hover {
    background-color: var(--bg_light_hover__100);
}
.hover\:bg-main:hover {
    background-color: var(--bg_main__100);
}
.hover\:bg-secondary:hover {
    background-color: var(--bg_secondary__100);
}
.hover\:bg-secondary-200:hover {
    background-color: var(--bg_secondary__200);
}
.hover\:bg-opacity-100:hover {
    --tw-bg-opacity: 1;
}
.hover\:text-main:hover {
    color: var(--color_main__100);
}
.hover\:text-primary:hover {
    color: var(--color_primary__100);
}
.disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
}
.group:hover .group-hover\:visible {
    visibility: visible;
}
.group:hover .group-hover\:bg-main {
    background-color: var(--bg_main__100);
}
.group:hover .group-hover\:fill-link {
    fill: var(--color_link__100);
}
.group:hover .group-hover\:stroke-link {
    stroke: var(--color_link__100);
}
.group:hover .group-hover\:text-main {
    color: var(--color_main__100);
}
.group:hover .group-hover\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.group:hover .group-hover\:opacity-0 {
    opacity: 0;
}
.group:hover .group-hover\:opacity-100 {
    opacity: 1;
}
.group.active .group-\[\.active\]\:bg-secondary {
    background-color: var(--bg_secondary__100);
}
.group.active .group-\[\.active\]\:fill-link {
    fill: var(--color_link__100);
}
.group.active .group-\[\.active\]\:stroke-link {
    stroke: var(--color_link__100);
}
.group.active .group-\[\.active\]\:text-main {
    color: var(--color_main__100);
}
:is(.dark .dark\:block) {
    display: block;
}
:is(.dark .dark\:hidden) {
    display: none;
}
:is(.dark .dark\:border-\[\#282C37\]) {
    --tw-border-opacity: 1;
    border-color: rgb(40 44 55 / var(--tw-border-opacity));
}
:is(.dark .dark\:border-\[\#303541\]) {
    --tw-border-opacity: 1;
    border-color: rgb(48 53 65 / var(--tw-border-opacity));
}
:is(.dark .dark\:border-\[\#38485B\]) {
    --tw-border-opacity: 1;
    border-color: rgb(56 72 91 / var(--tw-border-opacity));
}
:is(.dark .dark\:border-\[\#434959\]) {
    --tw-border-opacity: 1;
    border-color: rgb(67 73 89 / var(--tw-border-opacity));
}
:is(.dark .dark\:\!bg-secondary-300) {
    background-color: var(--bg_secondary__300) !important;
}
:is(.dark .dark\:bg-\[\#262A34\]) {
    --tw-bg-opacity: 1;
    background-color: rgb(38 42 52 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-\[\#282C37\]) {
    --tw-bg-opacity: 1;
    background-color: rgb(40 44 55 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-\[\#303541\]) {
    --tw-bg-opacity: 1;
    background-color: rgb(48 53 65 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-\[\#343947\]) {
    --tw-bg-opacity: 1;
    background-color: rgb(52 57 71 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-\[\#3A3F4E\]) {
    --tw-bg-opacity: 1;
    background-color: rgb(58 63 78 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-\[\#3F536A\]) {
    --tw-bg-opacity: 1;
    background-color: rgb(63 83 106 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-\[\#4E5668\]) {
    --tw-bg-opacity: 1;
    background-color: rgb(78 86 104 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-\[\#545d74\]) {
    --tw-bg-opacity: 1;
    background-color: rgb(84 93 116 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-\[\#78819D\]) {
    --tw-bg-opacity: 1;
    background-color: rgb(120 129 157 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-black) {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-light) {
    background-color: var(--bg_light_hover__100);
}
:is(.dark .dark\:bg-light-200) {
    background-color: var(--bg_light_hover__200);
}
:is(.dark .dark\:bg-light-300) {
    background-color: var(--bg_light_hover__300);
}
:is(.dark .dark\:bg-main) {
    background-color: var(--bg_main__100);
}
:is(.dark .dark\:bg-secondary-200) {
    background-color: var(--bg_secondary__200);
}
:is(.dark .dark\:bg-secondary-300) {
    background-color: var(--bg_secondary__300);
}
:is(.dark .dark\:bg-opacity-10) {
    --tw-bg-opacity: 0.1;
}
:is(.dark .dark\:bg-opacity-15) {
    --tw-bg-opacity: 0.15;
}
:is(.dark .dark\:bg-opacity-20) {
    --tw-bg-opacity: 0.2;
}
:is(.dark .dark\:bg-opacity-30) {
    --tw-bg-opacity: 0.3;
}
:is(.dark .dark\:bg-opacity-\[0\.2\]) {
    --tw-bg-opacity: 0.2;
}
:is(.dark .dark\:bg-opacity-\[0\.8\]) {
    --tw-bg-opacity: 0.8;
}
:is(.dark .dark\:text-\[\#78819d\]) {
    --tw-text-opacity: 1;
    color: rgb(120 129 157 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-\[\#A8B2D2\]) {
    --tw-text-opacity: 1;
    color: rgb(168 178 210 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-\[\#F2F0FF\]) {
    --tw-text-opacity: 1;
    color: rgb(242 240 255 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-\[\#FFAC0A\]) {
    --tw-text-opacity: 1;
    color: rgb(255 172 10 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-main) {
    color: var(--color_main__100);
}
:is(.dark .dark\:text-primary) {
    color: var(--color_primary__100);
}
:is(.dark .dark\:text-secondary) {
    color: var(--color_secondary__100);
}
:is(.dark .dark\:opacity-100) {
    opacity: 1;
}
:is(.dark .dark\:mix-blend-soft-light) {
    mix-blend-mode: soft-light;
}
:is(.dark .dark\:hover\:bg-light:hover) {
    background-color: var(--bg_light_hover__100);
}
:is(.dark .hover\:dark\:bg-light):hover {
    background-color: var(--bg_light_hover__100);
}
:is(.dark .dark\:hover\:bg-opacity-100:hover) {
    --tw-bg-opacity: 1;
}
@media (min-width: 360px) {
    .xs\:hidden {
        display: none;
    }
    .xs\:w-\[100px\] {
        width: 100px;
    }
    .xs\:w-\[25px\] {
        width: 25px;
    }
    .xs\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .xs\:rounded-\[12px\] {
        border-radius: 12px;
    }
    .xs\:text-\[13px\] {
        font-size: 13px;
    }
    .xs\:text-\[28px\] {
        font-size: 28px;
    }
    .xs\:text-\[42px\] {
        font-size: 42px;
    }
}
@media (min-width: 640px) {
    .sm\:top-\[12px\] {
        top: 12px;
    }
    .sm\:col-span-6 {
        grid-column: span 6 / span 6;
    }
    .sm\:inline-flex {
        display: inline-flex;
    }
    .sm\:hidden {
        display: none;
    }
    .sm\:h-\[63px\] {
        height: 63px;
    }
    .sm\:w-\[145px\] {
        width: 145px;
    }
    .sm\:w-\[180px\] {
        width: 180px;
    }
    .sm\:max-w-\[400px\] {
        max-width: 400px;
    }
    .sm\:flex-row {
        flex-direction: row;
    }
    .sm\:items-center {
        align-items: center;
    }
    .sm\:p-\[8px\] {
        padding: 8px;
    }
    .sm\:pl-\[30px\] {
        padding-left: 30px;
    }
    .sm\:pr-\[30px\] {
        padding-right: 30px;
    }
    .sm\:text-\[14px\] {
        font-size: 14px;
    }
    .sm\:text-\[16px\] {
        font-size: 16px;
    }
    .sm\:text-\[20px\] {
        font-size: 20px;
    }
}
@media (min-width: 768px) {
    .md\:right-\[50\%\] {
        right: 50%;
    }
    .md\:top-\[50\%\] {
        top: 50%;
    }
    .md\:col-span-4 {
        grid-column: span 4 / span 4;
    }
    .md\:col-start-5 {
        grid-column-start: 5;
    }
    .md\:-my-\[110px\] {
        margin-top: -110px;
        margin-bottom: -110px;
    }
    .md\:-mt-\[42px\] {
        margin-top: -42px;
    }
    .md\:mb-0 {
        margin-bottom: 0;
    }
    .md\:mb-\[104px\] {
        margin-bottom: 104px;
    }
    .md\:mb-\[20px\] {
        margin-bottom: 20px;
    }
    .md\:mb-\[30px\] {
        margin-bottom: 30px;
    }
    .md\:mb-\[6px\] {
        margin-bottom: 6px;
    }
    .md\:ml-0 {
        margin-left: 0;
    }
    .md\:mr-\[20px\] {
        margin-right: 20px;
    }
    .md\:mr-\[8px\] {
        margin-right: 8px;
    }
    .md\:mt-\[20px\] {
        margin-top: 20px;
    }
    .md\:mt-\[48px\] {
        margin-top: 48px;
    }
    .md\:block {
        display: block;
    }
    .md\:flex {
        display: flex;
    }
    .md\:hidden {
        display: none;
    }
    .md\:h-\[16px\] {
        height: 16px;
    }
    .md\:h-\[32px\] {
        height: 32px;
    }
    .md\:h-\[334px\] {
        height: 334px;
    }
    .md\:h-\[38px\] {
        height: 38px;
    }
    .md\:h-\[48px\] {
        height: 48px;
    }
    .md\:w-\[120px\] {
        width: 120px;
    }
    .md\:w-\[155px\] {
        width: 155px;
    }
    .md\:w-\[16px\] {
        width: 16px;
    }
    .md\:w-\[190px\] {
        width: 190px;
    }
    .md\:w-\[195px\] {
        width: 195px;
    }
    .md\:w-\[24px\] {
        width: 24px;
    }
    .md\:w-\[260px\] {
        width: 260px;
    }
    .md\:w-\[270px\] {
        width: 270px;
    }
    .md\:w-\[275px\] {
        width: 275px;
    }
    .md\:w-\[300px\] {
        width: 300px;
    }
    .md\:w-\[315px\] {
        width: 315px;
    }
    .md\:w-\[32px\] {
        width: 32px;
    }
    .md\:w-\[345px\] {
        width: 345px;
    }
    .md\:w-\[35px\] {
        width: 35px;
    }
    .md\:w-\[400px\] {
        width: 400px;
    }
    .md\:w-\[430px\] {
        width: 430px;
    }
    .md\:w-\[45px\] {
        width: 45px;
    }
    .md\:w-\[60px\] {
        width: 60px;
    }
    .md\:w-\[630px\] {
        width: 630px;
    }
    .md\:w-\[65\.5\%\] {
        width: 65.5%;
    }
    .md\:w-\[82\%\] {
        width: 82%;
    }
    .md\:w-\[90px\] {
        width: 90px;
    }
    .md\:w-auto {
        width: auto;
    }
    .md\:max-w-\[350px\] {
        max-width: 350px;
    }
    .md\:max-w-\[630px\] {
        max-width: 630px;
    }
    .md\:-translate-y-\[17px\] {
        --tw-translate-y: -17px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .md\:-translate-y-\[50\%\] {
        --tw-translate-y: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .md\:-translate-y-\[70\%\] {
        --tw-translate-y: -70%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .md\:translate-x-\[50\%\] {
        --tw-translate-x: 50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .md\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .md\:flex-row {
        flex-direction: row;
    }
    .md\:flex-col {
        flex-direction: column;
    }
    .md\:flex-nowrap {
        flex-wrap: nowrap;
    }
    .md\:items-start {
        align-items: flex-start;
    }
    .md\:items-end {
        align-items: flex-end;
    }
    .md\:justify-center {
        justify-content: center;
    }
    .md\:gap-\[12px\] {
        gap: 12px;
    }
    .md\:gap-\[30px\] {
        gap: 30px;
    }
    .md\:gap-\[8px\] {
        gap: 8px;
    }
    .md\:rounded-\[15px\] {
        border-radius: 15px;
    }
    .md\:rounded-\[20px\] {
        border-radius: 20px;
    }
    .md\:p-\[11px\] {
        padding: 11px;
    }
    .md\:p-\[12px\] {
        padding: 12px;
    }
    .md\:px-\[20px\] {
        padding-left: 20px;
        padding-right: 20px;
    }
    .md\:px-\[24px\] {
        padding-left: 24px;
        padding-right: 24px;
    }
    .md\:py-\[42px\] {
        padding-top: 42px;
        padding-bottom: 42px;
    }
    .md\:text-left {
        text-align: left;
    }
    .md\:\!text-\[16px\] {
        font-size: 16px !important;
    }
    .md\:text-\[12px\] {
        font-size: 12px;
    }
    .md\:text-\[13px\] {
        font-size: 13px;
    }
    .md\:text-\[14px\] {
        font-size: 14px;
    }
    .md\:text-\[16px\] {
        font-size: 16px;
    }
    .md\:text-\[18px\] {
        font-size: 18px;
    }
    .md\:text-\[20px\] {
        font-size: 20px;
    }
    .md\:text-\[24px\] {
        font-size: 24px;
    }
    .md\:text-\[42px\] {
        font-size: 42px;
    }
    .md\:text-\[50px\] {
        font-size: 50px;
    }
    .md\:text-\[52px\] {
        font-size: 52px;
    }
    .md\:\!font-semibold {
        font-weight: 600 !important;
    }
    .md\:font-bold {
        font-weight: 700;
    }
    .desktop\:bottom-\[48px\] {
        bottom: 48px;
    }
    .desktop\:right-\[32px\] {
        right: 32px;
    }
    .desktop\:mb-\[30px\] {
        margin-bottom: 30px;
    }
    .desktop\:block {
        display: block;
    }
    .desktop\:flex {
        display: flex;
    }
    .desktop\:hidden {
        display: none;
    }
    .desktop\:min-w-\[180px\] {
        min-width: 180px;
    }
    .desktop\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .desktop\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .desktop\:text-\[16px\] {
        font-size: 16px;
    }
}
@media (min-width: 979px) {
    .\39 79\:mt-0 {
        margin-top: 0;
    }
    .\39 79\:block {
        display: block;
    }
    .\39 79\:hidden {
        display: none;
    }
    .\39 79\:h-\[42px\] {
        height: 42px;
    }
}
@media (min-width: 980px) {
    .header\:-bottom-\[7px\] {
        bottom: -7px;
    }
    .header\:-right-\[7px\] {
        right: -7px;
    }
    .header\:top-\[68px\] {
        top: 68px;
    }
    .header\:mt-\[68px\] {
        margin-top: 68px;
    }
    .header\:block {
        display: block;
    }
    .header\:hidden {
        display: none;
    }
    .header\:h-\[24px\] {
        height: 24px;
    }
    .header\:h-\[42px\] {
        height: 42px;
    }
    .header\:w-\[24px\] {
        width: 24px;
    }
    .header\:w-\[42px\] {
        width: 42px;
    }
    .header\:pb-\[68px\] {
        padding-bottom: 68px;
    }
}
@media (min-width: 1024px) {
    .lg\:absolute {
        position: absolute;
    }
    .lg\:bottom-0 {
        bottom: 0;
    }
    .lg\:bottom-\[25px\] {
        bottom: 25px;
    }
    .lg\:top-\[20px\] {
        top: 20px;
    }
    .lg\:top-\[30px\] {
        top: 30px;
    }
    .lg\:top-auto {
        top: auto;
    }
    .lg\:col-span-3 {
        grid-column: span 3 / span 3;
    }
    .lg\:col-span-4 {
        grid-column: span 4 / span 4;
    }
    .lg\:col-start-9 {
        grid-column-start: 9;
    }
    .lg\:-mt-\[80px\] {
        margin-top: -80px;
    }
    .lg\:mb-\[12px\] {
        margin-bottom: 12px;
    }
    .lg\:mr-\[8px\] {
        margin-right: 8px;
    }
    .lg\:mt-\[40px\] {
        margin-top: 40px;
    }
    .lg\:mt-\[84px\] {
        margin-top: 84px;
    }
    .lg\:h-\[152px\] {
        height: 152px;
    }
    .lg\:max-h-full {
        max-height: 100%;
    }
    .lg\:w-\[117px\] {
        width: 117px;
    }
    .lg\:w-\[24px\] {
        width: 24px;
    }
    .lg\:w-\[30px\] {
        width: 30px;
    }
    .lg\:w-\[400px\] {
        width: 400px;
    }
    .lg\:w-\[40px\] {
        width: 40px;
    }
    .lg\:w-\[55px\] {
        width: 55px;
    }
    .lg\:w-\[80px\] {
        width: 80px;
    }
    .lg\:max-w-\[500px\] {
        max-width: 500px;
    }
    .lg\:translate-y-0 {
        --tw-translate-y: 0px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .lg\:overflow-auto {
        overflow: auto;
    }
    .lg\:px-\[60px\] {
        padding-left: 60px;
        padding-right: 60px;
    }
    .lg\:pb-\[66px\] {
        padding-bottom: 66px;
    }
    .lg\:text-\[16px\] {
        font-size: 16px;
    }
    .lg\:text-\[18px\] {
        font-size: 18px;
    }
    .lg\:text-\[20px\] {
        font-size: 20px;
    }
    .lg\:text-\[25px\] {
        font-size: 25px;
    }
    .lg\:text-\[48px\] {
        font-size: 48px;
    }
}
@media (min-width: 1280px) {
    .xl\:flex {
        display: flex;
    }
    .xl\:w-\[500px\] {
        width: 500px;
    }
    .xl\:w-\[50px\] {
        width: 50px;
    }
    .xl\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .xl\:flex-row {
        flex-direction: row;
    }
    .xl\:items-center {
        align-items: center;
    }
    .xl\:text-\[24px\] {
        font-size: 24px;
    }
    .xl\:text-\[54px\] {
        font-size: 54px;
    }
}
@media (min-width: 1536px) {
    .\32xl\:mt-\[35px\] {
        margin-top: 35px;
    }
    .\32xl\:text-\[62px\] {
        font-size: 62px;
    }
}