:root {
    /* Popup Fixed Width */
    --popup-width-xs: 360px;
    --popup-width-sm: 508px;
    --popup-width-md: 736px;
    /* Border Radius */
    --radius-xxs: 2px;
    --radius-xs: 4px;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 100px;
    --radius-components: 4px;
    /* Font Family */
    --font-primary: 'Geom', sans-serif;
    /* Font Weights */
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    /* Font Sizes */
    --font-size-8: 8px;
    --font-size-10: 10px;
    --font-size-11: 11px;
    --font-size-12: 12px;
    --font-size-14: 14px;
    --font-size-16: 16px;
    --font-size-20: 20px;
    --font-size-24: 24px;
    --font-size-32: 32px;
    --font-size-36: 36px;
    --font-size-44: 44px;
    --font-size-56: 56px;
    --font-size-68: 68px;
    /* Line Heights */
    --font-line-height-10: 10px;
    --font-line-height-12: 12px;
    --font-line-height-16: 16px;
    --font-line-height-20: 20px;
    --font-line-height-24: 24px;
    --font-line-height-28: 28px;
    --font-line-height-32: 32px;
    --font-line-height-40: 40px;
    --font-line-height-44: 44px;
    --font-line-height-52: 52px;
    --font-line-height-68: 68px;
    --font-line-height-74: 74px;
    /* BASE */
    --color-light: 255 255 255;
    --color-dark: 0 0 0;
    --color-transparent: transparent;
    --color-current: currentColor;
    /* PRIMARY */
    --color-primary-front-select: 255 255 255;
    --color-primary-400: 15 239 87;
    --color-primary-500: 9 181 64;
    --color-primary-600: 9 120 45;
    /* NEUTRAL */
    --color-neutral-100: 255 255 255;
    --color-neutral-200: 167 165 240;
    --color-neutral-300: 60 60 89;
    --color-neutral-400: 47 47 71;
    --color-neutral-500: 25 25 38;
    --color-neutral-600: 22 21 33;
    --color-neutral-700: 18 18 28;
    --color-neutral-800: 14 14 20;
    --color-neutral-900: 11 10 15;
    --color-neutral-950: 8 8 11;
    --color-neutral-100-8: 255 255 255 / 0.08;
    --color-neutral-100-10: 255 255 255 / 0.1;
    --color-neutral-100-50: 255 255 255 / 0.5;
    --color-neutral-950-90: 17 24 39 / 0.9;
    /* ACCENT */
    --color-accent-red: 190 26 26;
    --color-accent-orange: 255 84 0;
    --color-accent-yellow: 255 175 19;
    --color-accent-green: 20 184 64;
    --color-accent-blue: 41 75 204;
    --color-accent-pink: 221 23 107;
    --color-accent-violet: 111 28 217;
    --color-accent-grey: 39 62 99;
    /* TRANSPARENT */
    --color-transparent-overlay: var(--color-neutral-950-90);
    --color-transparent-white-8: var(--color-neutral-100-8);
    --color-transparent-white-10: var(--color-neutral-100-10);
    --color-transparent-white-50: var(--color-neutral-100-50);
    /* FAID */
    --color-faid-primary-500: var(--color-primary-500);
    --color-faid-neutral-700: var(--color-neutral-700);
    --color-faid-neutral-800: var(--color-neutral-800);
    --color-faid-neutral-900: var(--color-neutral-900);
    --color-faid-neutral-950: var(--color-neutral-950);
    /* SPECIFIC */
    --color-tournament-prize: 20 184 64;
}

html {
    scroll-behavior: smooth;
}

.appBody.appBody__body--overflowHidden {
    overflow: hidden;
}

.appLoader {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(8, 8, 11);
    background: rgb(var(--color-neutral-950));
    padding-left: 16px;
    padding-right: 16px;
}

.appLoader__logo {
    width: 290px;
    height: 70px;
}

.appLoader__progressWrapper {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 12px;
}

.appLoader__progressLine {
    height: 100%;
    background-color: rgb(9, 181, 64);
    background-color: rgb(var(--color-primary-500));
    animation: progress-active 2s ease-out;
}

@media all and (min-width: 768px) {
    .appLoader__logo {
        width: 330px;
        height: 80px;
    }
}

@keyframes progress-active {
    0% {
        width: 1%;
    }

    100% {
        width: 100%;
    }
}

*,
:before,
:after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --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-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 rgba(0, 0, 0, 0);
    --tw-ring-shadow: 0 0 rgba(0, 0, 0, 0);
    --tw-shadow: 0 0 rgba(0, 0, 0, 0);
    --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0);
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --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: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --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-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 rgba(0, 0, 0, 0);
    --tw-ring-shadow: 0 0 rgba(0, 0, 0, 0);
    --tw-shadow: 0 0 rgba(0, 0, 0, 0);
    --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0);
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --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: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

*,
:before,
:after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: currentColor
}

:before,
:after {
    --tw-content: ""
}

html,
:host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0;
    line-height: inherit
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

abbr:where([title]) {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

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

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

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp,
pre {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

.main_content h1,
.main_content h2,
.main_content h3,
.main_content h4 {
    margin: 25px 0;
    font-weight: 600;
}

.main_content h1 {
    font-size: 30px;
    line-height: 32px
}

.main_content h2 {
    font-size: 25px;
    line-height: 27px
}

.main_content h3 {
    font-size: 18px;
    line-height: 20px
}

.main_content h4 {
    font-size: 16px;
    line-height: 16px
}

.main_content p {
    margin: 15px 0;
}

.main_content ul {
    list-style-type: disc;
    list-style-position: inside;
}

.main_content ol {
    list-style-type: decimal;
    list-style-position: inside;
}

.main_content ul ul,
.main_content ol ul {
    list-style-type: circle;
    list-style-position: inside;
    margin-left: 15px;
}

.main_content ol ol,
.main_content ul ol {
    list-style-type: lower-latin;
    list-style-position: inside;
    margin-left: 15px;
}

table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 14px;
    color: #333;
}

thead {
    background-color: #140e0e
}

th,
td {
    padding: 10px 12px;
    border: 1px solid #261919;
    text-align: left;
    vertical-align: middle;
    color: #fff;
}

th {
    font-weight: 600;
}

tbody tr:nth-child(even) {
    background-color: #140e0e;
}

tbody tr:hover {
    background-color: #140e0e;
}

.button-pulse {
    animation: pulse 2s ease-in-out infinite;
}

@keyframes pulse {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgb(9 181 64);
    }

    50% {
        transform: scale(1.06);
        box-shadow: 0 0 0 12px rgba(25, 230, 213, 0);
    }

    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(25, 230, 213, 0);
    }
}

.author {
    background: #12121c;
    color: #a7a5f0;
    padding: 10px;
    border-radius: 8px;
}

.author_name {
    font-size: 20px;
    font-weight: 600;
}

.back-to-top {
    width: 35px;
    height: 35px;
    position: fixed;
    bottom: 60px;
    right: 30px;
    display: none;
    padding: 0;
    border: none;
    cursor: pointer;
    z-index: 9999999;
}

.back-to-top.show {
    display: block;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button,
select {
    text-transform: none
}

button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
    margin: 0
}

fieldset {
    margin: 0;
    padding: 0
}

legend {
    padding: 0
}

ol,
ul,
menu {
    list-style: none;
    margin: 0;
    padding: 0
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af
}

input::placeholder,
textarea::placeholder {
    opacity: 1;
    color: #9ca3af
}

button,
[role=button] {
    cursor: pointer
}

:disabled {
    cursor: default
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
    display: block;
    vertical-align: middle
}

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

[hidden]:where(:not([hidden=until-found])) {
    display: none
}

@supports (-moz-appearance:none) {
    * {
        scrollbar-color: initial;
        scrollbar-width: initial
    }
}

.container {
    width: 100%
}

@media (min-width: 320px) {
    .container {
        max-width: 320px
    }
}

@media (min-width: 375px) {
    .container {
        max-width: 375px
    }
}

@media (min-width: 540px) {
    .container {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 768px
    }
}

@media (min-width: 1024px) {
    .container {
        max-width: 1024px
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1280px
    }
}

@media (min-width: 1440px) {
    .container {
        max-width: 1440px
    }
}

@media (min-width: 1680px) {
    .container {
        max-width: 1680px
    }
}

@media (min-width: 1720px) {
    .container {
        max-width: 1720px
    }
}

@media (min-width: 1920px) {
    .container {
        max-width: 1920px
    }
}

@media(max-width: 767px) {
    .main_menu {
        display: none !important;
    }
}

.display-68 {
    font-weight: var(--font-weight-extrabold);
    font-size: var(--font-size-68);
    line-height: var(--font-line-height-74)
}

.display-56 {
    font-weight: var(--font-weight-extrabold);
    font-size: var(--font-size-56);
    line-height: var(--font-line-height-68)
}

.display-36 {
    font-weight: var(--font-weight-extrabold);
    font-size: var(--font-size-36);
    line-height: var(--font-line-height-44)
}

.display-24 {
    font-weight: var(--font-weight-extrabold);
    font-size: var(--font-size-24);
    line-height: var(--font-line-height-32)
}

.display-20 {
    font-weight: var(--font-weight-extrabold);
    font-size: var(--font-size-20);
    line-height: var(--font-line-height-28)
}

.display-16 {
    font-weight: var(--font-weight-extrabold);
    font-size: var(--font-size-16);
    line-height: var(--font-line-height-24)
}

.display-14 {
    font-weight: var(--font-weight-extrabold);
    font-size: var(--font-size-14);
    line-height: var(--font-line-height-20)
}

.display-12 {
    font-weight: var(--font-weight-extrabold);
    font-size: var(--font-size-12);
    line-height: var(--font-line-height-16)
}

.display-10 {
    font-weight: var(--font-weight-extrabold);
    font-size: var(--font-size-10);
    line-height: var(--font-line-height-12)
}

.title-16-lh24 {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-16);
    line-height: var(--font-line-height-24)
}

.title-16-lh20 {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-16);
    line-height: var(--font-line-height-20)
}

.title-14 {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-14);
    line-height: var(--font-line-height-20)
}

.title-12 {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-12);
    line-height: var(--font-line-height-16)
}

.title-10 {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-10);
    line-height: var(--font-line-height-12)
}

.subtitle-16 {
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-16);
    line-height: var(--font-line-height-24)
}

.subtitle-14 {
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-14);
    line-height: var(--font-line-height-20)
}

.subtitle-12 {
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-12);
    line-height: var(--font-line-height-16)
}

.subtitle-11 {
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-11);
    line-height: var(--font-line-height-16)
}

.subtitle-10 {
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-10);
    line-height: var(--font-line-height-12)
}

.subtitle-8 {
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-8);
    line-height: var(--font-line-height-10)
}

.body-14 {
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-14);
    line-height: var(--font-line-height-20)
}

.body-12 {
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-12);
    line-height: var(--font-line-height-16)
}

.body-11 {
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-11);
    line-height: var(--font-line-height-16)
}

.body-10 {
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-10);
    line-height: var(--font-line-height-12)
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

.pointer-events-none {
    pointer-events: none
}

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.inset-0 {
    inset: 0
}

.-inset-x-px {
    left: -1px;
    right: -1px
}

.inset-x-0 {
    left: 0;
    right: 0
}

.inset-y-0 {
    top: 0;
    bottom: 0
}

.\!bottom-0 {
    bottom: 0 !important
}

.\!left-4 {
    left: 16px !important
}

.-bottom-1\.5 {
    bottom: -6px
}

.-bottom-2 {
    bottom: -8px
}

.-bottom-25 {
    bottom: -100px
}

.-left-0\.5 {
    left: -2px
}

.-left-5 {
    left: -20px
}

.-right-0\.5 {
    right: -2px
}

.-right-1 {
    right: -4px
}

.-right-10 {
    right: -40px
}

.-right-14 {
    right: -56px
}

.-right-18 {
    right: -72px
}

.-right-2 {
    right: -8px
}

.-right-27 {
    right: -108px
}

.-right-27\% {
    right: -27%
}

.-right-5 {
    right: -20px
}

.-right-8 {
    right: -32px
}

.-top-1 {
    top: -4px
}

.-top-1\.5 {
    top: -6px
}

.-top-24 {
    top: -96px
}

.-top-4\.5 {
    top: -18px
}

.bottom-0 {
    bottom: 0
}

.bottom-10 {
    bottom: 40px
}

.bottom-13 {
    bottom: 52px
}

.bottom-18 {
    bottom: 72px
}

.bottom-2 {
    bottom: 8px
}

.bottom-3 {
    bottom: 12px
}

.bottom-3\.5 {
    bottom: 14px
}

.bottom-5 {
    bottom: 20px
}

.left-0 {
    left: 0
}

.left-1 {
    left: 4px
}

.left-1\/2 {
    left: 50%
}

.left-2 {
    left: 8px
}

.left-3 {
    left: 12px
}

.left-5 {
    left: 20px
}

.left-80 {
    left: 320px
}

.left-80\% {
    left: 80%
}

.left-9 {
    left: 36px
}

.left-\[50\%\] {
    left: 50%
}

.right-0 {
    right: 0
}

.right-1 {
    right: 4px
}

.right-2 {
    right: 8px
}

.right-2\.5 {
    right: 10px
}

.right-3 {
    right: 12px
}

.right-4 {
    right: 16px
}

.right-5 {
    right: 20px
}

.right-80 {
    right: 320px
}

.right-80\% {
    right: 80%
}

.top-0 {
    top: 0
}

.top-1 {
    top: 4px
}

.top-1\/2 {
    top: 50%
}

.top-10 {
    top: 40px
}

.top-11 {
    top: 44px
}

.top-13 {
    top: 52px
}

.top-14 {
    top: 56px
}

.top-14\.5 {
    top: 58px
}

.top-15 {
    top: 60px
}

.top-17\.5 {
    top: 70px
}

.top-2 {
    top: 8px
}

.top-24 {
    top: 96px
}

.top-27\.5 {
    top: 110px
}

.top-3 {
    top: 12px
}

.top-3\.5 {
    top: 14px
}

.top-35\.5 {
    top: 142px
}

.top-4 {
    top: 16px
}

.top-5 {
    top: 20px
}

.top-6 {
    top: 24px
}

.top-9\.5 {
    top: 38px
}

.top-\[calc\(50\%-15px\)\] {
    top: calc(50% - 15px)
}

.isolate {
    isolation: isolate
}

.z-0 {
    z-index: 0
}

.z-1 {
    z-index: 1
}

.z-10 {
    z-index: 10
}

.z-2 {
    z-index: 2
}

.z-20 {
    z-index: 20
}

.z-5 {
    z-index: 5
}

.z-\[var\(--zIndexBonusMapLink\)\] {
    z-index: 200;
    z-index: var(--zIndexBonusMapLink)
}

.z-\[var\(--zIndexCookieBannerLink\)\] {
    z-index: 300;
    z-index: var(--zIndexCookieBannerLink)
}

.z-\[var\(--zIndexHeader\)\] {
    z-index: 600;
    z-index: var(--zIndexHeader)
}

.z-\[var\(--zIndexPopup\)\] {
    z-index: 1000;
    z-index: var(--zIndexPopup)
}

.z-\[var\(--zIndexSidemenu\)\] {
    z-index: 500;
    z-index: var(--zIndexSidemenu)
}

.z-\[var\(--zIndexSidemenuOverlay\)\] {
    z-index: 400;
    z-index: var(--zIndexSidemenuOverlay)
}

.z-\[var\(--zIndexToolbar\)\] {
    z-index: 700;
    z-index: var(--zIndexToolbar)
}

.order-1 {
    order: 1
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-last {
    order: 9999
}

.col-span-1 {
    grid-column: span 1 / span 1
}

.col-span-12 {
    grid-column: span 12 / span 12
}

.col-span-2 {
    grid-column: span 2 / span 2
}

.col-span-5 {
    grid-column: span 5 / span 5
}

.col-span-6 {
    grid-column: span 6 / span 6
}

.col-span-7 {
    grid-column: span 7 / span 7
}

.col-start-1 {
    grid-column-start: 1
}

.col-start-2 {
    grid-column-start: 2
}

.col-start-4 {
    grid-column-start: 4
}

.col-end-4 {
    grid-column-end: 4
}

.col-end-7 {
    grid-column-end: 7
}

.row-start-3 {
    grid-row-start: 3
}

.float-left {
    float: left
}

.\!m-0 {
    margin: 0 !important
}

.m-auto {
    margin: auto
}

.m-px {
    margin: 1px
}

.\!-mx-3 {
    margin-left: -12px !important;
    margin-right: -12px !important
}

.\!-mx-4 {
    margin-left: -16px !important;
    margin-right: -16px !important
}

.-mx-4 {
    margin-left: -16px;
    margin-right: -16px
}

.mx-0 {
    margin-left: 0;
    margin-right: 0
}

.mx-4 {
    margin-left: 16px;
    margin-right: 16px
}

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

.mx-px {
    margin-left: 1px;
    margin-right: 1px
}

.my-1 {
    margin-top: 4px;
    margin-bottom: 4px
}

.my-10 {
    margin-top: 40px;
    margin-bottom: 40px
}

.my-3 {
    margin-top: 12px;
    margin-bottom: 12px
}

.my-4 {
    margin-top: 16px;
    margin-bottom: 16px
}

.my-auto {
    margin-top: auto;
    margin-bottom: auto
}

.-mb-1 {
    margin-bottom: -4px
}

.-mb-3 {
    margin-bottom: -12px
}

.-mt-1 {
    margin-top: -4px
}

.-mt-5\.5 {
    margin-top: -22px
}

.mb-0 {
    margin-bottom: 0
}

.mb-1 {
    margin-bottom: 4px
}

.mb-1\.5 {
    margin-bottom: 6px
}

.mb-10 {
    margin-bottom: 40px
}

.mb-2 {
    margin-bottom: 8px
}

.mb-3 {
    margin-bottom: 12px
}

.mb-4 {
    margin-bottom: 16px
}

.mb-5 {
    margin-bottom: 20px
}

.mb-6 {
    margin-bottom: 24px
}

.mb-7 {
    margin-bottom: 28px
}

.mb-8 {
    margin-bottom: 32px
}

.mb-auto {
    margin-bottom: auto
}

.ml-0\.5 {
    margin-left: 2px
}

.ml-1 {
    margin-left: 4px
}

.ml-2 {
    margin-left: 8px
}

.ml-auto {
    margin-left: auto
}

.mr-0\.5 {
    margin-right: 2px
}

.mr-1 {
    margin-right: 4px
}

.mr-2 {
    margin-right: 8px
}

.mr-3 {
    margin-right: 12px
}

.mr-4 {
    margin-right: 16px
}

.mr-auto {
    margin-right: auto
}

.mt-0\.5 {
    margin-top: 2px
}

.mt-1 {
    margin-top: 4px
}

.mt-10 {
    margin-top: 40px
}

.mt-2 {
    margin-top: 8px
}

.mt-3 {
    margin-top: 12px
}

.mt-3\.5 {
    margin-top: 14px
}

.mt-35 {
    margin-top: 140px
}

.mt-4 {
    margin-top: 16px
}

.mt-4\.5 {
    margin-top: 18px
}

.mt-5 {
    margin-top: 20px
}

.mt-6 {
    margin-top: 24px
}

.mt-7 {
    margin-top: 28px
}

.mt-\[var\(--headerHeight\)\] {
    margin-top: 60px;
    margin-top: var(--headerHeight)
}

.mt-auto {
    margin-top: auto
}

.line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.\!grid {
    display: grid !important
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.aspect-auto {
    aspect-ratio: auto
}

.aspect-square {
    aspect-ratio: 1 / 1
}

.size-0 {
    width: 0px;
    height: 0px
}

.size-10 {
    width: 40px;
    height: 40px
}

.size-105 {
    width: 420px;
    height: 420px
}

.size-11 {
    width: 44px;
    height: 44px
}

.size-12 {
    width: 48px;
    height: 48px
}

.size-13 {
    width: 52px;
    height: 52px
}

.size-13\.5 {
    width: 54px;
    height: 54px
}

.size-14 {
    width: 56px;
    height: 56px
}

.size-15 {
    width: 60px;
    height: 60px
}

.size-16 {
    width: 64px;
    height: 64px
}

.size-17 {
    width: 68px;
    height: 68px
}

.size-18 {
    width: 72px;
    height: 72px
}

.size-20 {
    width: 80px;
    height: 80px
}

.size-21 {
    width: 84px;
    height: 84px
}

.size-22 {
    width: 88px;
    height: 88px
}

.size-25 {
    width: 100px;
    height: 100px
}

.size-25\.5 {
    width: 102px;
    height: 102px
}

.size-26 {
    width: 104px;
    height: 104px
}

.size-27 {
    width: 108px;
    height: 108px
}

.size-28 {
    width: 112px;
    height: 112px
}

.size-3 {
    width: 12px;
    height: 12px
}

.size-3\.5 {
    width: 14px;
    height: 14px
}

.size-31 {
    width: 124px;
    height: 124px
}

.size-32 {
    width: 128px;
    height: 128px
}

.size-34 {
    width: 136px;
    height: 136px
}

.size-35 {
    width: 140px;
    height: 140px
}

.size-38 {
    width: 152px;
    height: 152px
}

.size-4 {
    width: 16px;
    height: 16px
}

.size-4\.5 {
    width: 18px;
    height: 18px
}

.size-40 {
    width: 160px;
    height: 160px
}

.size-41 {
    width: 164px;
    height: 164px
}

.size-45 {
    width: 180px;
    height: 180px
}

.size-47 {
    width: 188px;
    height: 188px
}

.size-5 {
    width: 20px;
    height: 20px
}

.size-50 {
    width: 200px;
    height: 200px
}

.size-51 {
    width: 204px;
    height: 204px
}

.size-6 {
    width: 24px;
    height: 24px
}

.size-63 {
    width: 252px;
    height: 252px
}

.size-7 {
    width: 28px;
    height: 28px
}

.size-8 {
    width: 32px;
    height: 32px
}

.size-9 {
    width: 36px;
    height: 36px
}

.size-\[17\.38\%\] {
    width: 17.38%;
    height: 17.38%
}

.size-\[200\%\] {
    width: 200%;
    height: 200%
}

.size-\[calc\(100\%-2px\)\] {
    width: calc(100% - 2px);
    height: calc(100% - 2px)
}

.size-full {
    width: 100%;
    height: 100%
}

.\!h-12 {
    height: 48px !important
}

.\!h-16 {
    height: 64px !important
}

.\!h-42 {
    height: 168px !important
}

.\!h-44 {
    height: 176px !important
}

.\!h-50 {
    height: 200px !important
}

.\!h-auto {
    height: auto !important
}

.\!h-full {
    height: 100% !important
}

.h-1 {
    height: 4px
}

.h-10 {
    height: 40px
}

.h-106 {
    height: 424px
}

.h-11 {
    height: 44px
}

.h-12 {
    height: 48px
}

.h-120 {
    height: 480px
}

.h-13 {
    height: 52px
}

.h-13\.5 {
    height: 54px
}

.h-14 {
    height: 56px
}

.h-14\.5 {
    height: 58px
}

.h-15\.5 {
    height: 62px
}

.h-16 {
    height: 64px
}

.h-17 {
    height: 68px
}

.h-17\.5 {
    height: 70px
}

.h-18 {
    height: 72px
}

.h-2\.5 {
    height: 10px
}

.h-20 {
    height: 80px
}

.h-22\.5 {
    height: 90px
}

.h-23 {
    height: 92px
}

.h-24 {
    height: 96px
}

.h-25 {
    height: 100px
}

.h-26 {
    height: 104px
}

.h-26\.5 {
    height: 106px
}

.h-27 {
    height: 108px
}

.h-3 {
    height: 12px
}

.h-31 {
    height: 124px
}

.h-33 {
    height: 132px
}

.h-33\.5 {
    height: 134px
}

.h-38 {
    height: 152px
}

.h-4 {
    height: 16px
}

.h-40 {
    height: 160px
}

.h-41 {
    height: 164px
}

.h-42 {
    height: 168px
}

.h-43 {
    height: 172px
}

.h-44 {
    height: 176px
}

.h-45 {
    height: 180px
}

.h-46\.5 {
    height: 186px
}

.h-48 {
    height: 192px
}

.h-5 {
    height: 20px
}

.h-50 {
    height: 200px
}

.h-51 {
    height: 204px
}

.h-6 {
    height: 24px
}

.h-62\.5 {
    height: 250px
}

.h-7 {
    height: 28px
}

.h-7\.5 {
    height: 30px
}

.h-8 {
    height: 32px
}

.h-8\.5 {
    height: 34px
}

.h-85 {
    height: 340px
}

.h-86\.5 {
    height: 346px
}

.h-9 {
    height: 36px
}

.h-96 {
    height: 384px
}

.h-97 {
    height: 388px
}

.h-\[51px\] {
    height: 51px
}

.h-\[calc\(var\(--100vh\)-132px\)\] {
    height: calc(var(--100vh) - 132px)
}

.h-\[calc\(var\(--100vh\)-146px\)\] {
    height: calc(var(--100vh) - 146px)
}

.h-\[calc\(var\(--100vh\)-var\(--toolbarHeight\)\)\] {
    height: calc(var(--100vh) - 52px);
    height: calc(var(--100vh) - var(--toolbarHeight))
}

.h-\[calc\(var\(--100vh\)-var\(--toolbarHeight\)-var\(--tournamentHeaderHeight\)\)\] {
    height: calc(var(--100vh) - 52px - var(--tournamentHeaderHeight));
    height: calc(var(--100vh) - var(--toolbarHeight) - var(--tournamentHeaderHeight))
}

.h-\[calc\(var\(--100vh\)\/2\)\] {
    height: calc(var(--100vh) / 2)
}

.h-\[var\(--100vh\)\] {
    height: var(--100vh)
}

.h-\[var\(--gamePageDesktopHeaderHeight\)\] {
    height: var(--gamePageDesktopHeaderHeight)
}

.h-\[var\(--headerHeight\)\] {
    height: 60px;
    height: var(--headerHeight)
}

.h-\[var\(--toolbarHeight\)\] {
    height: 52px;
    height: var(--toolbarHeight)
}

.h-\[var\(--tournamentHeaderHeight\)\] {
    height: var(--tournamentHeaderHeight)
}

.h-auto {
    height: auto
}

.h-dvh {
    height: 100dvh
}

.h-full {
    height: 100%
}

.h-max {
    height: -moz-max-content;
    height: max-content
}

.h-px {
    height: 1px
}

.max-h-114 {
    max-height: 456px
}

.max-h-128 {
    max-height: 512px
}

.max-h-21 {
    max-height: 84px
}

.max-h-26 {
    max-height: 104px
}

.max-h-30 {
    max-height: 120px
}

.max-h-37 {
    max-height: 148px
}

.max-h-39 {
    max-height: 156px
}

.max-h-40 {
    max-height: 160px
}

.max-h-44 {
    max-height: 176px
}

.max-h-50 {
    max-height: 200px
}

.max-h-52 {
    max-height: 208px
}

.max-h-\[109px\] {
    max-height: 109px
}

.max-h-\[calc\(var\(--100vh\)-32px\)\] {
    max-height: calc(var(--100vh) - 32px)
}

.min-h-10 {
    min-height: 40px
}

.min-h-10\.5 {
    min-height: 42px
}

.min-h-100 {
    min-height: 400px
}

.min-h-104 {
    min-height: 416px
}

.min-h-11 {
    min-height: 44px
}

.min-h-118 {
    min-height: 472px
}

.min-h-12 {
    min-height: 48px
}

.min-h-122\.5 {
    min-height: 490px
}

.min-h-13 {
    min-height: 52px
}

.min-h-133 {
    min-height: 532px
}

.min-h-139 {
    min-height: 556px
}

.min-h-14 {
    min-height: 56px
}

.min-h-15 {
    min-height: 60px
}

.min-h-150 {
    min-height: 600px
}

.min-h-16 {
    min-height: 64px
}

.min-h-160 {
    min-height: 640px
}

.min-h-163 {
    min-height: 652px
}

.min-h-17 {
    min-height: 68px
}

.min-h-18 {
    min-height: 72px
}

.min-h-181 {
    min-height: 724px
}

.min-h-19 {
    min-height: 76px
}

.min-h-21 {
    min-height: 84px
}

.min-h-22 {
    min-height: 88px
}

.min-h-23 {
    min-height: 92px
}

.min-h-28 {
    min-height: 112px
}

.min-h-29 {
    min-height: 116px
}

.min-h-30 {
    min-height: 120px
}

.min-h-30\.5 {
    min-height: 122px
}

.min-h-37 {
    min-height: 148px
}

.min-h-41 {
    min-height: 164px
}

.min-h-44 {
    min-height: 176px
}

.min-h-45 {
    min-height: 180px
}

.min-h-5 {
    min-height: 20px
}

.min-h-50 {
    min-height: 200px
}

.min-h-56 {
    min-height: 224px
}

.min-h-61 {
    min-height: 244px
}

.min-h-62 {
    min-height: 248px
}

.min-h-65 {
    min-height: 260px
}

.min-h-67 {
    min-height: 268px
}

.min-h-68 {
    min-height: 272px
}

.min-h-70 {
    min-height: 280px
}

.min-h-72 {
    min-height: 288px
}

.min-h-73\.5 {
    min-height: 294px
}

.min-h-75 {
    min-height: 300px
}

.min-h-77 {
    min-height: 308px
}

.min-h-8 {
    min-height: 32px
}

.min-h-80 {
    min-height: 320px
}

.min-h-81 {
    min-height: 324px
}

.min-h-84 {
    min-height: 336px
}

.min-h-85 {
    min-height: 340px
}

.min-h-89 {
    min-height: 356px
}

.min-h-90 {
    min-height: 360px
}

.min-h-92 {
    min-height: 368px
}

.min-h-93 {
    min-height: 372px
}

.min-h-96 {
    min-height: 384px
}

.min-h-\[109px\] {
    min-height: 109px
}

.min-h-\[calc\(var\(--100vh\)-var\(--headerHeight\)-var\(--toolbarHeight\)-16px\)\] {
    min-height: calc(var(--100vh) - 60px - 52px - 16px);
    min-height: calc(var(--100vh) - var(--headerHeight) - var(--toolbarHeight) - 16px)
}

.min-h-\[calc\(var\(--vh\)\*100\)\] {
    min-height: calc(var(--vh) * 100)
}

.min-h-\[var\(--100vh\)\] {
    min-height: var(--100vh)
}

.min-h-full {
    min-height: 100%
}

.min-h-inherit {
    min-height: inherit
}

.min-h-px {
    min-height: 1px
}

.\!w-24 {
    width: 96px !important
}

.\!w-27 {
    width: 108px !important
}

.\!w-30 {
    width: 120px !important
}

.\!w-33 {
    width: 132px !important
}

.\!w-39\.5 {
    width: 158px !important
}

.\!w-76 {
    width: 304px !important
}

.\!w-81 {
    width: 324px !important
}

.\!w-82 {
    width: 328px !important
}

.\!w-\[109px\] {
    width: 109px !important
}

.\!w-\[145\.33px\] {
    width: 145.33px !important
}

.\!w-\[calc\(100\%-32px\)\] {
    width: calc(100% - 32px) !important
}

.\!w-full {
    width: 100% !important
}

.\!w-max {
    width: -moz-max-content !important;
    width: max-content !important
}

.w-0\.5 {
    width: 2px
}

.w-10 {
    width: 40px
}

.w-11 {
    width: 44px
}

.w-127 {
    width: 508px
}

.w-13 {
    width: 52px
}

.w-14 {
    width: 56px
}

.w-15\.5 {
    width: 62px
}

.w-17 {
    width: 68px
}

.w-17\.5 {
    width: 70px
}

.w-19 {
    width: 76px
}

.w-20\.5 {
    width: 82px
}

.w-23\.5 {
    width: 94px
}

.w-24\.5 {
    width: 98px
}

.w-25 {
    width: 100px
}

.w-25\.5 {
    width: 102px
}

.w-3 {
    width: 12px
}

.w-3\/4 {
    width: 75%
}

.w-30 {
    width: 120px
}

.w-31 {
    width: 124px
}

.w-33 {
    width: 132px
}

.w-34 {
    width: 136px
}

.w-37\.5 {
    width: 150px
}

.w-38\.5 {
    width: 154px
}

.w-4 {
    width: 16px
}

.w-40 {
    width: 160px
}

.w-41 {
    width: 164px
}

.w-45 {
    width: 180px
}

.w-45\.5 {
    width: 182px
}

.w-5\.5 {
    width: 22px
}

.w-50 {
    width: 200px
}

.w-55 {
    width: 220px
}

.w-59 {
    width: 236px
}

.w-6 {
    width: 24px
}

.w-62 {
    width: 248px
}

.w-64\.5 {
    width: 258px
}

.w-67 {
    width: 268px
}

.w-68 {
    width: 272px
}

.w-7 {
    width: 28px
}

.w-72 {
    width: 288px
}

.w-76 {
    width: 304px
}

.w-8 {
    width: 32px
}

.w-82 {
    width: 328px
}

.w-86 {
    width: 344px
}

.w-\[45\%\] {
    width: 45%
}

.w-\[calc\(100\%-10px\)\] {
    width: calc(100% - 10px)
}

.w-\[calc\(100\%-144px\)\] {
    width: calc(100% - 144px)
}

.w-\[calc\(100\%-20px\)\] {
    width: calc(100% - 20px)
}

.w-\[calc\(100\%-22px\)\] {
    width: calc(100% - 22px)
}

.w-\[calc\(100\%-28px\)\] {
    width: calc(100% - 28px)
}

.w-\[calc\(100\%-32px\)\] {
    width: calc(100% - 32px)
}

.w-\[calc\(100\%-48px\)\] {
    width: calc(100% - 48px)
}

.w-\[calc\(100\%-4px\)\] {
    width: calc(100% - 4px)
}

.w-\[calc\(100\%-52px\)\] {
    width: calc(100% - 52px)
}

.w-\[calc\(100\%-8px\)\] {
    width: calc(100% - 8px)
}

.w-\[var\(--popup-width-xs\)\] {
    width: var(--popup-width-xs)
}

.w-auto {
    width: auto
}

.w-fit {
    width: -moz-fit-content;
    width: fit-content
}

.w-full {
    width: 100%
}

.w-max {
    width: -moz-max-content;
    width: max-content
}

.w-screen {
    width: 100vw
}

.min-w-0 {
    min-width: 0px
}

.min-w-10\.5 {
    min-width: 42px
}

.min-w-12 {
    min-width: 48px
}

.min-w-14 {
    min-width: 56px
}

.min-w-16 {
    min-width: 64px
}

.min-w-17\.5 {
    min-width: 70px
}

.min-w-22 {
    min-width: 88px
}

.min-w-25 {
    min-width: 100px
}

.min-w-250 {
    min-width: 1000px
}

.min-w-31 {
    min-width: 124px
}

.min-w-31\.5 {
    min-width: 126px
}

.min-w-37 {
    min-width: 148px
}

.min-w-37\.5 {
    min-width: 150px
}

.min-w-41 {
    min-width: 164px
}

.min-w-50 {
    min-width: 200px
}

.min-w-70 {
    min-width: 280px
}

.min-w-8 {
    min-width: 32px
}

.min-w-82 {
    min-width: 328px
}

.min-w-9 {
    min-width: 36px
}

.min-w-90 {
    min-width: 360px
}

.min-w-\[93px\] {
    min-width: 93px
}

.min-w-px {
    min-width: 1px
}

.max-w-103 {
    max-width: 412px
}

.max-w-115 {
    max-width: 460px
}

.max-w-121\.5 {
    max-width: 486px
}

.max-w-127 {
    max-width: 508px
}

.max-w-182 {
    max-width: 728px
}

.max-w-190 {
    max-width: 760px
}

.max-w-20 {
    max-width: 80px
}

.max-w-211 {
    max-width: 844px
}

.max-w-212 {
    max-width: 848px
}

.max-w-246 {
    max-width: 984px
}

.max-w-26 {
    max-width: 104px
}

.max-w-29\.5 {
    max-width: 118px
}

.max-w-30 {
    max-width: 120px
}

.max-w-30\.5 {
    max-width: 122px
}

.max-w-319 {
    max-width: 1276px
}

.max-w-324 {
    max-width: 1296px
}

.max-w-34 {
    max-width: 136px
}

.max-w-40 {
    max-width: 160px
}

.max-w-41 {
    max-width: 164px
}

.max-w-42 {
    max-width: 168px
}

.max-w-43 {
    max-width: 172px
}

.max-w-44 {
    max-width: 176px
}

.max-w-45 {
    max-width: 180px
}

.max-w-50 {
    max-width: 200px
}

.max-w-50\% {
    max-width: 50%
}

.max-w-53 {
    max-width: 212px
}

.max-w-55 {
    max-width: 220px
}

.max-w-56 {
    max-width: 224px
}

.max-w-57\.5 {
    max-width: 230px
}

.max-w-59 {
    max-width: 236px
}

.max-w-60 {
    max-width: 240px
}

.max-w-60\.5 {
    max-width: 242px
}

.max-w-65 {
    max-width: 260px
}

.max-w-66 {
    max-width: 264px
}

.max-w-70 {
    max-width: 280px
}

.max-w-75 {
    max-width: 300px
}

.max-w-78 {
    max-width: 312px
}

.max-w-80 {
    max-width: 320px
}

.max-w-82 {
    max-width: 328px
}

.max-w-90 {
    max-width: 360px
}

.max-w-\[75\%\] {
    max-width: 75%
}

.max-w-\[99\%\] {
    max-width: 99%
}

.max-w-\[calc\(100\%-122px\)\] {
    max-width: calc(100% - 122px)
}

.max-w-\[calc\(100\%-25px\)\] {
    max-width: calc(100% - 25px)
}

.max-w-\[calc\(100\%-30px\)\] {
    max-width: calc(100% - 30px)
}

.max-w-\[calc\(100\%-32px\)\] {
    max-width: calc(100% - 32px)
}

.max-w-\[calc\(100\%-48px\)\] {
    max-width: calc(100% - 48px)
}

.max-w-\[calc\(100\%-50px\)\] {
    max-width: calc(100% - 50px)
}

.max-w-\[calc\(100\%-52px\)\] {
    max-width: calc(100% - 52px)
}

.max-w-\[calc\(100\%-80px\)\] {
    max-width: calc(100% - 80px)
}

.max-w-\[calc\(100\%-84px\)\] {
    max-width: calc(100% - 84px)
}

.max-w-full {
    max-width: 100%
}

.max-w-max {
    max-width: -moz-max-content;
    max-width: max-content
}

.max-w-none {
    max-width: none
}

.max-w-screen-4xl {
    max-width: 1920px
}

.flex-1 {
    flex: 1 1 0%
}

.flex-auto {
    flex: 1 1 auto
}

.flex-none {
    flex: none
}

.flex-shrink-0,
.shrink-0 {
    flex-shrink: 0
}

.grow {
    flex-grow: 1
}

.origin-left {
    transform-origin: left
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(-50%, 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: 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), -50%) 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: 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-3 {
    --tw-translate-y: -.75rem;
    transform: translate(var(--tw-translate-x), -.75rem) 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: 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-0 {
    --tw-translate-x: 0px;
    transform: translateY(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: 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(50%, 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: 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-4 {
    --tw-translate-x: 1rem;
    transform: translate(1rem, 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: 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(-90deg) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    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-0 {
    --tw-rotate: 0deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(0) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    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(180deg) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    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-45 {
    --tw-rotate: 45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(45deg) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    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(90deg) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    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-105 {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    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(1.05) scaleY(1.05);
    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-75 {
    --tw-scale-x: .75;
    --tw-scale-y: .75;
    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(.75) scaleY(.75);
    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-x-100 {
    --tw-scale-x: -1;
    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(-1) scaleY(var(--tw-scale-y));
    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))
}

@keyframes active-opacity-2 {
    0% {
        opacity: 0
    }

    50% {
        opacity: 100
    }

    to {
        opacity: 0
    }
}

.animate-active-opacity-2 {
    animation: active-opacity-2 .7s infinite linear
}

.animate-rotation {
    animation: rotation 1s infinite linear
}

@keyframes scale-effect {

    0%,
    to {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }
}

.animate-scale-effect {
    animation: scale-effect 6s infinite ease-in-out
}

@keyframes rotation {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.animate-spin-rays-12 {
    animation: rotation 12s infinite linear
}

.cursor-auto {
    cursor: auto
}

.cursor-default {
    cursor: default
}

.cursor-help {
    cursor: help
}

.cursor-pointer {
    cursor: pointer
}

.cursor-wait {
    cursor: wait
}

.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.auto-rows-\[60px\] {
    grid-auto-rows: 60px
}

.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-4 {
    grid-template-columns: repeat(4, 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))
}

.grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr))
}

.grid-cols-\[28px\,1fr\,minmax\(auto\,70px\)\] {
    grid-template-columns: 28px 1fr minmax(auto, 70px)
}

.grid-cols-\[28px\,minmax\(auto\,84px\)\,1fr\,minmax\(auto\,70px\)\] {
    grid-template-columns: 28px minmax(auto, 84px) 1fr minmax(auto, 70px)
}

.grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr))
}

.grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr))
}

.grid-rows-\[1fr\] {
    grid-template-rows: 1fr
}

.grid-rows-\[220px_104px_152px\] {
    grid-template-rows: 220px 104px 152px
}

.flex-row {
    flex-direction: row
}

.flex-row-reverse {
    flex-direction: row-reverse
}

.flex-col {
    flex-direction: column
}

.flex-col-reverse {
    flex-direction: column-reverse
}

.flex-wrap {
    flex-wrap: wrap
}

.content-center {
    align-content: center
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.items-stretch {
    align-items: stretch
}

.justify-start {
    justify-content: flex-start
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.justify-around {
    justify-content: space-around
}

.justify-items-center {
    justify-items: center
}

.gap-0\.5 {
    gap: .125rem
}

.gap-1 {
    gap: .25rem
}

.gap-1\.5 {
    gap: .375rem
}

.gap-10 {
    gap: 2.5rem
}

.gap-2 {
    gap: .5rem
}

.gap-2\.5 {
    gap: .625rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-\[var\(--gamePageDesktopGap\)\] {
    gap: var(--gamePageDesktopGap)
}

.gap-px {
    gap: 1px
}

.gap-x-1 {
    -moz-column-gap: .25rem;
    column-gap: .25rem
}

.gap-x-1\.5 {
    -moz-column-gap: .375rem;
    column-gap: .375rem
}

.gap-x-2 {
    -moz-column-gap: .5rem;
    column-gap: .5rem
}

.gap-x-3 {
    -moz-column-gap: .75rem;
    column-gap: .75rem
}

.gap-x-4 {
    -moz-column-gap: 1rem;
    column-gap: 1rem
}

.gap-y-1 {
    row-gap: .25rem
}

.gap-y-2 {
    row-gap: .5rem
}

.gap-y-3 {
    row-gap: .75rem
}

.gap-y-3\.5 {
    row-gap: .875rem
}

.gap-y-4 {
    row-gap: 1rem
}

.gap-y-5 {
    row-gap: 1.25rem
}

.gap-y-6 {
    row-gap: 1.5rem
}

.space-y-4>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * (1 - var(--tw-space-y-reverse)));
    margin-top: 1rem;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: 0rem;
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}

.divide-x>:not([hidden])~:not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: 0px;
    border-right-width: calc(1px * var(--tw-divide-x-reverse));
    border-left-width: calc(1px * (1 - var(--tw-divide-x-reverse)));
    border-left-width: 1px;
    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)))
}

.divide-neutral-500>:not([hidden])~:not([hidden]) {
    border-color: rgb(var(--color-neutral-500))
}

.self-start {
    align-self: flex-start
}

.self-center {
    align-self: center
}

.justify-self-center {
    justify-self: center
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.\!overflow-visible {
    overflow: visible !important
}

.overflow-visible {
    overflow: visible
}

.overflow-scroll {
    overflow: scroll
}

.overflow-x-auto {
    overflow-x: auto
}

.overflow-y-auto {
    overflow-y: auto
}

.overflow-x-hidden {
    overflow-x: hidden
}

.overflow-y-hidden {
    overflow-y: hidden
}

.overscroll-contain {
    overscroll-behavior: contain
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.whitespace-nowrap {
    white-space: nowrap
}

.break-words {
    word-wrap: break-word
}

.break-all {
    word-break: break-all
}

.rounded-components {
    border-radius: var(--radius-components)
}

.rounded-full {
    border-radius: 9999px
}

.rounded-lg {
    border-radius: var(--radius-lg)
}

.rounded-md {
    border-radius: var(--radius-md)
}

.rounded-none {
    border-radius: 0
}

.rounded-sm {
    border-radius: var(--radius-sm)
}

.rounded-xs {
    border-radius: var(--radius-xs)
}

.rounded-xxs {
    border-radius: var(--radius-xxs)
}

.rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.rounded-b-xs {
    border-bottom-right-radius: var(--radius-xs);
    border-bottom-left-radius: var(--radius-xs)
}

.rounded-l-components {
    border-top-left-radius: var(--radius-components);
    border-bottom-left-radius: var(--radius-components)
}

.rounded-l-sm {
    border-top-left-radius: var(--radius-sm);
    border-bottom-left-radius: var(--radius-sm)
}

.rounded-r-components {
    border-top-right-radius: var(--radius-components);
    border-bottom-right-radius: var(--radius-components)
}

.rounded-t-xs {
    border-top-left-radius: var(--radius-xs);
    border-top-right-radius: var(--radius-xs)
}

.rounded-bl-none {
    border-bottom-left-radius: 0
}

.rounded-tl-none {
    border-top-left-radius: 0
}

.border {
    border-width: 1px
}

.border-2 {
    border-width: 2px
}

.border-\[7px\] {
    border-width: 7px
}

.border-x {
    border-left-width: 1px;
    border-right-width: 1px
}

.border-b {
    border-bottom-width: 1px
}

.border-b-0 {
    border-bottom-width: 0px
}

.border-l {
    border-left-width: 1px
}

.border-r {
    border-right-width: 1px
}

.border-t {
    border-top-width: 1px
}

.border-t-0 {
    border-top-width: 0px
}

.border-dashed {
    border-style: dashed
}

.border-none {
    border-style: none
}

.border-accent-blue {
    border-color: rgb(var(--color-accent-blue))
}

.border-accent-green {
    border-color: rgb(var(--color-accent-green))
}

.border-accent-red {
    border-color: rgb(var(--color-accent-red))
}

.border-light\/15 {
    border-color: rgb(var(--color-light) / .15)
}

.border-neutral-100 {
    border-color: rgb(var(--color-neutral-100))
}

.border-neutral-100\/0 {
    border-color: rgb(var(--color-neutral-100) / 0)
}

.border-neutral-200 {
    border-color: rgb(var(--color-neutral-200))
}

.border-neutral-300 {
    border-color: rgb(var(--color-neutral-300))
}

.border-neutral-500 {
    border-color: rgb(var(--color-neutral-500))
}

.border-neutral-600 {
    border-color: rgb(var(--color-neutral-600))
}

.border-neutral-700 {
    border-color: rgb(var(--color-neutral-700))
}

.border-primary-400 {
    border-color: rgb(var(--color-primary-400))
}

.border-primary-500 {
    border-color: rgb(var(--color-primary-500))
}

.border-transparent-white8 {
    border-color: rgb(var(--color-transparent-white-8))
}

.border-transparentBase {
    border-color: var(--color-transparent)
}

.border-b-neutral-500 {
    border-bottom-color: rgb(var(--color-neutral-500))
}

.border-l-neutral-500 {
    border-left-color: rgb(var(--color-neutral-500))
}

.border-t-neutral-500 {
    border-top-color: rgb(var(--color-neutral-500))
}

.bg-accent-blue {
    background-color: rgb(var(--color-accent-blue))
}

.bg-accent-green {
    background-color: rgb(var(--color-accent-green))
}

.bg-accent-grey {
    background-color: rgb(var(--color-accent-grey))
}

.bg-accent-orange {
    background-color: rgb(var(--color-accent-orange))
}

.bg-accent-pink {
    background-color: rgb(var(--color-accent-pink))
}

.bg-accent-red {
    background-color: rgb(var(--color-accent-red))
}

.bg-accent-violet {
    background-color: rgb(var(--color-accent-violet))
}

.bg-accent-yellow {
    background-color: rgb(var(--color-accent-yellow))
}

.bg-light {
    background-color: rgb(var(--color-light))
}

.bg-neutral-100 {
    background-color: rgb(var(--color-neutral-100))
}

.bg-neutral-100\/8 {
    background-color: rgb(var(--color-neutral-100) / .08)
}

.bg-neutral-200 {
    background-color: rgb(var(--color-neutral-200))
}

.bg-neutral-400 {
    background-color: rgb(var(--color-neutral-400))
}

.bg-neutral-500 {
    background-color: rgb(var(--color-neutral-500))
}

.bg-neutral-600 {
    background-color: rgb(var(--color-neutral-600))
}

.bg-neutral-700 {
    background-color: rgb(var(--color-neutral-700))
}

.bg-neutral-800 {
    background-color: rgb(var(--color-neutral-800))
}

.bg-neutral-900 {
    background-color: rgb(var(--color-neutral-900))
}

.bg-neutral-950 {
    background-color: rgb(var(--color-neutral-950))
}

.bg-primary-400 {
    background-color: rgb(var(--color-primary-400))
}

.bg-primary-500 {
    background-color: rgb(var(--color-primary-500))
}

.bg-tournament-prize {
    background-color: rgb(var(--color-tournament-prize))
}

.bg-transparent-overlay {
    background-color: rgb(var(--color-transparent-overlay))
}

.bg-transparent-white10 {
    background-color: rgb(var(--color-transparent-white-10))
}

.bg-transparent-white8 {
    background-color: rgb(var(--color-transparent-white-8))
}

.bg-transparentBase {
    background-color: var(--color-transparent)
}

.bg-achievement-item {
    background-image: url(/assets/images/bg-achievement-gradient-BABZL8MR.webp)
}

.bg-biggest-win {
    background-image: url(/assets/images/bg-biggest-win-BiKXrRBl.webp)
}

.bg-bonus-map {
    background-image: url(/assets/images/bg-RJJUlGI5.webp)
}

.bg-christmas-bonus-map {
    background-image: url(/assets/images/x-bg-C9TTKKvI.webp)
}

.bg-daily-missions-banner {
    background-image: url(/assets/images/bg-h4PUbURg.webp)
}

.bg-gradient-linear-faid-neutral-700-BA-V {
    background-image: linear-gradient(180deg, rgb(var(--color-faid-neutral-700) / 0), rgb(var(--color-faid-neutral-700)))
}

.bg-gradient-linear-faid-neutral-800-AB-V {
    background-image: linear-gradient(180deg, rgb(var(--color-faid-neutral-800)), rgb(var(--color-faid-neutral-800) / 0))
}

.bg-gradient-linear-faid-neutral-800-BA-V {
    background-image: linear-gradient(180deg, rgb(var(--color-faid-neutral-800) / 0), rgb(var(--color-faid-neutral-800)))
}

.bg-gradient-linear-faid-neutral-900-AB-H {
    background-image: linear-gradient(270deg, rgb(var(--color-faid-neutral-900)), rgb(var(--color-faid-neutral-900) / 0))
}

.bg-gradient-linear-faid-neutral-950-AB-H {
    background-image: linear-gradient(270deg, rgb(var(--color-faid-neutral-950)), rgb(var(--color-faid-neutral-950) / 0))
}

.bg-gradient-linear-faid-neutral-950-BA-V {
    background-image: linear-gradient(180deg, rgb(var(--color-faid-neutral-950) / 0), rgb(var(--color-faid-neutral-950)))
}

.bg-jackpot {
    background-image: url(/assets/images/bg-jackpot-W3wb6RL8.webp)
}

.bg-last-biggest-win {
    background-image: url(/assets/images/bg-last-biggest-win-g2iOOWLy.webp)
}

.bg-lucky-box-benefit-coin {
    background-image: url(/assets/images/coin-5R7x0reo.webp)
}

.bg-lucky-box-benefit-empty {
    background-image: url(/assets/images/empty-D8Z6R6IP.webp)
}

.bg-lucky-box-benefit-fs {
    background-image: url(/assets/images/fs-BAOJyIip.webp)
}

.bg-lucky-box-benefit-money {
    background-image: url(/assets/images/money-B5t7ptht.webp)
}

.bg-lucky-box-card {
    background-image: url(/assets/images/bg-lucky-box-card-wfSnBXvq.webp)
}

.bg-lucky-box-line-pointer {
    background-image: url(/assets/images/pointer-LggY52QJ.webp)
}

.bg-lucky-box-podium {
    background-image: url(/assets/images/podium-CLRYF9MS.webp)
}

.bg-lucky-box-popup {
    background-image: url(/assets/images/bg-lucky-box-popup-DtSTUzSR.webp)
}

.bg-lucky-box-ray {
    background-image: url(/assets/images/lucky-box-ray-CikFvuj8.webp)
}

.bg-lucky-box-transparent-popup {
    background-image: url(/assets/images/bg-lucky-box-transparent-popup-B9jiTrXa.webp)
}

.bg-main-tournament-banner {
    background-image: url(/assets/images/bg-tournament-banner-Mzv5xmap.webp)
}

.bg-promo-item {
    background-image: url(/assets/images/bg-item-DajabpD1.webp)
}

.bg-shop-money-item {
    background-image: url(/assets/images/bg-money-item-CpyN8sgX.webp)
}

.bg-shop-popup-money-item {
    background-image: url(/assets/images/bg-popup-money-item-DOvlS2Nu.webp)
}

.bg-side-menu-promo-tab-achievements {
    background-image: url(/assets/images/bg-achievements-DFBUgNHK.webp)
}

.bg-side-menu-promo-tab-daily-mission {
    background-image: url(/assets/images/bg-daily-mission-D6Aa-o2T.webp)
}

.bg-side-menu-promo-tab-lucky-boxes {
    background-image: url(/assets/images/bg-lucky-boxes-DYhmET-t.webp)
}

.bg-side-menu-promo-tab-wheel-of-fortune {
    background-image: url(/assets/images/bg-wheel-of-fortune-BOY5X30v.webp)
}

.bg-vip-current-user-level {
    background-image: url(/assets/images/bg-vip-current-user-level-_ATUIG5N.webp)
}

.bg-vip-item-card {
    background-image: url(/assets/images/bg-vip-item-card-Be3YrGZR.webp)
}

.bg-wheel-arrow {
    background-image: url(/assets/images/wheel-arrow-Bjs60J38.webp)
}

.bg-wheel-base {
    background-image: url(/assets/images/wheel-base-CSkewwro.webp)
}

.bg-wheel-bonus-casino {
    background-image: url(/assets/images/wheel-bonus-casino-DiAHSIZh.webp)
}

.bg-wheel-bonus-coin {
    background-image: url(/assets/images/wheel-bonus-coin-CXuaPAYQ.webp)
}

.bg-wheel-bonus-empty {
    background-image: url(/assets/images/wheel-bonus-empty-DuIKzYbK.webp)
}

.bg-wheel-bonus-fs {
    background-image: url(/assets/images/wheel-bonus-fs-DStCmRx6.webp)
}

.bg-wheel-center {
    background-image: url(/assets/images/wheel-center-DpvRILfH.webp)
}

.bg-wheel-light-2 {
    background-image: url(/assets/images/wheel-light-2-Cd9zOeuu.webp)
}

.bg-wheel-sectors {
    background-image: url(/assets/images/wheel-sectors-CwdLJuy5.webp)
}

.bg-\[length\:100px_100px\] {
    background-size: 100px 100px
}

.bg-contain {
    background-size: contain
}

.bg-cover {
    background-size: cover
}

.bg-center {
    background-position: center
}

.bg-no-repeat {
    background-repeat: no-repeat
}

.object-contain {
    -o-object-fit: contain;
    object-fit: contain
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.object-fill {
    -o-object-fit: fill;
    object-fit: fill
}

.object-center {
    -o-object-position: center;
    object-position: center
}

.object-right-top {
    -o-object-position: right top;
    object-position: right top
}

.p-0 {
    padding: 0
}

.p-1 {
    padding: 4px
}

.p-2 {
    padding: 8px
}

.p-2\.5 {
    padding: 10px
}

.p-3 {
    padding: 12px
}

.p-4 {
    padding: 16px
}

.p-5 {
    padding: 20px
}

.p-6 {
    padding: 24px
}

.\!px-3 {
    padding-left: 12px !important;
    padding-right: 12px !important
}

.\!px-4 {
    padding-left: 16px !important;
    padding-right: 16px !important
}

.\!py-3 {
    padding-top: 12px !important;
    padding-bottom: 12px !important
}

.px-0\.5 {
    padding-left: 2px;
    padding-right: 2px
}

.px-1 {
    padding-left: 4px;
    padding-right: 4px
}

.px-1\.5 {
    padding-left: 6px;
    padding-right: 6px
}

.px-10 {
    padding-left: 40px;
    padding-right: 40px
}

.px-2 {
    padding-left: 8px;
    padding-right: 8px
}

.px-3 {
    padding-left: 12px;
    padding-right: 12px
}

.px-4 {
    padding-left: 16px;
    padding-right: 16px
}

.px-4\.5 {
    padding-left: 18px;
    padding-right: 18px
}

.px-5 {
    padding-left: 20px;
    padding-right: 20px
}

.px-6 {
    padding-left: 24px;
    padding-right: 24px
}

.px-7 {
    padding-left: 28px;
    padding-right: 28px
}

.py-0\.5 {
    padding-top: 2px;
    padding-bottom: 2px
}

.py-1 {
    padding-top: 4px;
    padding-bottom: 4px
}

.py-1\.5 {
    padding-top: 6px;
    padding-bottom: 6px
}

.py-2 {
    padding-top: 8px;
    padding-bottom: 8px
}

.py-2\.5 {
    padding-top: 10px;
    padding-bottom: 10px
}

.py-3 {
    padding-top: 12px;
    padding-bottom: 12px
}

.py-4 {
    padding-top: 16px;
    padding-bottom: 16px
}

.py-4\.5 {
    padding-top: 18px;
    padding-bottom: 18px
}

.py-5 {
    padding-top: 20px;
    padding-bottom: 20px
}

.py-7 {
    padding-top: 28px;
    padding-bottom: 28px
}

.py-\[3px\] {
    padding-top: 3px;
    padding-bottom: 3px
}

.py-\[var\(--gamePageDesktopPaddingY\)\] {
    padding-top: var(--gamePageDesktopPaddingY);
    padding-bottom: var(--gamePageDesktopPaddingY)
}

.\!pb-3 {
    padding-bottom: 12px !important
}

.\!pb-4 {
    padding-bottom: 16px !important
}

.pb-0 {
    padding-bottom: 0
}

.pb-0\.5 {
    padding-bottom: 2px
}

.pb-1 {
    padding-bottom: 4px
}

.pb-1\.5 {
    padding-bottom: 6px
}

.pb-10 {
    padding-bottom: 40px
}

.pb-2 {
    padding-bottom: 8px
}

.pb-2\.5 {
    padding-bottom: 10px
}

.pb-26 {
    padding-bottom: 104px
}

.pb-3 {
    padding-bottom: 12px
}

.pb-5 {
    padding-bottom: 20px
}

.pb-7 {
    padding-bottom: 28px
}

.pb-\[--toolbarHeight\] {
    padding-bottom: 52px;
    padding-bottom: var(--toolbarHeight)
}

.pl-0 {
    padding-left: 0
}

.pl-1 {
    padding-left: 4px
}

.pl-3 {
    padding-left: 12px
}

.pl-9 {
    padding-left: 36px
}

.pr-0 {
    padding-right: 0
}

.pr-1 {
    padding-right: 4px
}

.pr-1\.5 {
    padding-right: 6px
}

.pr-2 {
    padding-right: 8px
}

.pr-3 {
    padding-right: 12px
}

.pr-4 {
    padding-right: 16px
}

.pr-6\.5 {
    padding-right: 26px
}

.pr-9 {
    padding-right: 36px
}

.pr-\[6\%\] {
    padding-right: 6%
}

.pt-0 {
    padding-top: 0
}

.pt-0\.5 {
    padding-top: 2px
}

.pt-1 {
    padding-top: 4px
}

.pt-2 {
    padding-top: 8px
}

.pt-23 {
    padding-top: 92px
}

.pt-3 {
    padding-top: 12px
}

.pt-4 {
    padding-top: 16px
}

.pt-5 {
    padding-top: 20px
}

.pt-6 {
    padding-top: 24px
}

.pt-7 {
    padding-top: 28px
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.align-middle {
    vertical-align: middle
}

.text-\[0px\] {
    font-size: 0px
}

.text-\[124px\] {
    font-size: 124px
}

.font-extrabold {
    font-weight: 800;
    font-weight: var(--font-weight-extrabold, 800)
}

.uppercase {
    text-transform: uppercase
}

.lowercase {
    text-transform: lowercase
}

.capitalize {
    text-transform: capitalize
}

.leading-5 {
    line-height: 1.25rem
}

.leading-none {
    line-height: 1
}

.text-accent-green {
    color: rgb(var(--color-accent-green))
}

.text-accent-red {
    color: rgb(var(--color-accent-red))
}

.text-accent-violet {
    color: rgb(var(--color-accent-violet))
}

.text-accent-yellow {
    color: rgb(var(--color-accent-yellow))
}

.text-light {
    color: rgb(var(--color-light))
}

.text-light\/15 {
    color: rgb(var(--color-light) / .15)
}

.text-light\/50 {
    color: rgb(var(--color-light) / .5)
}

.text-neutral-100 {
    color: rgb(var(--color-neutral-100))
}

.text-neutral-100\/10 {
    color: rgb(var(--color-neutral-100) / .1)
}

.text-neutral-200 {
    color: rgb(var(--color-neutral-200))
}

.text-neutral-300 {
    color: rgb(var(--color-neutral-300))
}

.text-neutral-400 {
    color: rgb(var(--color-neutral-400))
}

.text-neutral-500 {
    color: rgb(var(--color-neutral-500))
}

.text-primary-400 {
    color: rgb(var(--color-primary-400))
}

.text-primary-500 {
    color: rgb(var(--color-primary-500))
}

.text-primary-600 {
    color: rgb(var(--color-primary-600))
}

.text-primary-frontSelect {
    color: rgb(var(--color-primary-front-select))
}

.text-transparent-white10 {
    color: rgb(var(--color-transparent-white-10))
}

.text-transparent-white8 {
    color: rgb(var(--color-transparent-white-8))
}

.underline {
    text-decoration-line: underline
}

.no-underline {
    text-decoration-line: none
}

.placeholder-neutral-200::-moz-placeholder {
    color: rgb(var(--color-neutral-200))
}

.placeholder-neutral-200::placeholder {
    color: rgb(var(--color-neutral-200))
}

.placeholder-transparent-white10::-moz-placeholder {
    color: rgb(var(--color-transparent-white-10))
}

.placeholder-transparent-white10::placeholder {
    color: rgb(var(--color-transparent-white-10))
}

.opacity-0 {
    opacity: 0
}

.opacity-100 {
    opacity: 1
}

.opacity-50 {
    opacity: .5
}

.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.outline {
    outline-style: solid
}

.outline-1 {
    outline-width: 1px
}

.-outline-offset-1 {
    outline-offset: -1px
}

.outline-accent-red {
    outline-color: rgb(var(--color-accent-red))
}

.outline-neutral-500 {
    outline-color: rgb(var(--color-neutral-500))
}

.blur {
    --tw-blur: blur(8px);
    filter: blur(8px) 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: 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)
}

.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-none {
    transition-property: none
}

.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.duration-300 {
    transition-duration: .3s
}

.duration-500 {
    transition-duration: .5s
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ease-linear {
    transition-timing-function: linear
}

.will-change-transform {
    will-change: transform
}

.text-shadow-neutral-950 {
    text-shadow: 0 0 2px rgb(var(--color-neutral-950))
}

.translate-z-0 {
    --tw-translate-z: 0px;
    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) 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: translate3d(var(--tw-translate-x), var(--tw-translate-y), var(--tw-translate-z)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scrollbar::-webkit-scrollbar-track {
    background-color: var(--scrollbar-track);
    border-radius: var(--scrollbar-track-radius)
}

.scrollbar::-webkit-scrollbar-track:hover {
    background-color: var(--scrollbar-track-hover, var(--scrollbar-track))
}

.scrollbar::-webkit-scrollbar-track:active {
    background-color: var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)))
}

.scrollbar::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb);
    border-radius: var(--scrollbar-thumb-radius)
}

.scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: var(--scrollbar-thumb-hover, var(--scrollbar-thumb))
}

.scrollbar::-webkit-scrollbar-thumb:active {
    background-color: var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)))
}

.scrollbar::-webkit-scrollbar-corner {
    background-color: var(--scrollbar-corner);
    border-radius: var(--scrollbar-corner-radius)
}

.scrollbar::-webkit-scrollbar-corner:hover {
    background-color: var(--scrollbar-corner-hover, var(--scrollbar-corner))
}

.scrollbar::-webkit-scrollbar-corner:active {
    background-color: var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)))
}

@supports (-moz-appearance:none) {
    .scrollbar {
        scrollbar-width: auto;
        scrollbar-color: initial initial;
        scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial)
    }
}

.scrollbar::-webkit-scrollbar {
    display: block;
    width: 16px;
    width: var(--scrollbar-width, 16px);
    height: 16px;
    height: var(--scrollbar-height, 16px)
}

#sidemenuMain.active {
    display: block !important;
}

#baseOverlay.active {
    opacity: 1;
}

html {
    font-family: sans-serif, sans-serif;
    font-family: var(--font-primary, sans-serif), sans-serif
}

body {
    margin: 0
}

* {
    outline: none;
    -webkit-tap-highlight-color: transparent
}

a {
    -webkit-text-decoration: none;
    text-decoration: none;
    cursor: pointer
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none
}

input[type=number] {
    -moz-appearance: textfield
}

input[type=number]:hover,
input[type=number]:focus {
    -moz-appearance: number-input
}

input {
    box-shadow: none
}

input::-moz-placeholder {
    -moz-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

input::placeholder {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

input:focus-visible,
input:focus {
    outline: none
}

ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

label {
    cursor: pointer
}

img {
    max-width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}


:root {
    --100vh: calc(var(--vh) * 100);
    --headerHeight: 60px;
    --toolbarHeight: 52px;
    --zIndexPopover: 50;
    --zIndexBonusMapLink: 200;
    --zIndexCookieBannerLink: 300;
    --zIndexSidemenuOverlay: 400;
    --zIndexSidemenu: 500;
    --zIndexHeader: 600;
    --zIndexToolbar: 700;
    --zIndexGameFullScreen: 800;
    --zIndexPopup: 1000;
    --zIndexPopupPopover: 1100
}

html {
    background-color: rgb(var(--color-neutral-950))
}

body {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    color: rgb(var(--color-light));
    scroll-behavior: smooth;
    text-rendering: optimizeSpeed
}

.layoutContainer {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1440px;
    padding-left: 16px;
    padding-right: 16px
}

@media (min-width: 1024px) {
    .layoutContainer {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (min-width: 1440px) {
    .layoutContainer {
        padding-left: 82px;
        padding-right: 82px
    }
}

.layoutContainer.pwaPage {
    max-width: 1144px
}

@media (min-width: 1440px) {
    .layoutContainer.pwaPage {
        max-width: 1268px
    }
}

.layoutPaddingNone {
    padding: 0
}

.layoutPaddingTop {
    padding-top: 16px
}

@media (min-width: 1024px) {
    .layoutPaddingTop {
        padding-top: 20px
    }
}

.layoutPaddingBottom {
    padding-bottom: 40px
}

@media (min-width: 1024px) {
    .layoutPaddingBottom {
        padding-bottom: 60px
    }
}

.scrollbarGutterStableJs {
    scrollbar-gutter: stable
}

.screenHeight {
    height: calc(var(--100vh) - 60px);
    height: calc(var(--100vh) - var(--headerHeight))
}

.screenMinHeight {
    min-height: calc(100vh - 60px);
    min-height: calc(100vh - var(--headerHeight))
}

.screenHeightMobile {
    height: calc(var(--100vh) - 60px - 52px);
    height: calc(var(--100vh) - var(--headerHeight) - var(--toolbarHeight))
}

.screenMinHeightMobile {
    min-height: calc(100vh - 112px);
    min-height: calc(100vh - var(--headerHeight) - var(--toolbarHeight))
}

@media (min-width: 768px) {
    :root {
        --headerHeight: 72px
    }
}

@supports (-moz-appearance:none) {
    .noScrollbar {
        scrollbar-width: none
    }
}

.noScrollbar::-webkit-scrollbar {
    display: none
}

.primaryScrollbar::-webkit-scrollbar-track {
    background-color: var(--scrollbar-track);
    border-radius: var(--scrollbar-track-radius)
}

.primaryScrollbar::-webkit-scrollbar-track:hover {
    background-color: var(--scrollbar-track-hover, var(--scrollbar-track))
}

.primaryScrollbar::-webkit-scrollbar-track:active {
    background-color: var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)))
}

.primaryScrollbar::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb);
    border-radius: var(--scrollbar-thumb-radius)
}

.primaryScrollbar::-webkit-scrollbar-thumb:hover {
    background-color: var(--scrollbar-thumb-hover, var(--scrollbar-thumb))
}

.primaryScrollbar::-webkit-scrollbar-thumb:active {
    background-color: var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)))
}

.primaryScrollbar::-webkit-scrollbar-corner {
    background-color: var(--scrollbar-corner);
    border-radius: var(--scrollbar-corner-radius)
}

.primaryScrollbar::-webkit-scrollbar-corner:hover {
    background-color: var(--scrollbar-corner-hover, var(--scrollbar-corner))
}

.primaryScrollbar::-webkit-scrollbar-corner:active {
    background-color: var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)))
}

@supports (-moz-appearance:none) {
    .primaryScrollbar {
        scrollbar-width: auto;
        scrollbar-color: initial initial;
        scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial)
    }
}

.primaryScrollbar::-webkit-scrollbar {
    display: block;
    width: 16px;
    width: var(--scrollbar-width, 16px);
    height: 16px;
    height: var(--scrollbar-height, 16px)
}

.primaryScrollbar {
    --scrollbar-track: rgb(var(--color-neutral-600));
    --scrollbar-thumb: rgb(var(--color-primary-500));
    --scrollbar-track-radius: var(--radius-lg);
    --scrollbar-thumb-radius: var(--radius-lg);
    --scrollbar-width: 4px;
    --scrollbar-height: 4px
}

.transition-fade-enter-active {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.transition-fade-leave-active {
    transition-property: opacity;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-fade-enter-from,
.transition-fade-leave-to {
    opacity: 0
}

.transition-fade-enter-to,
.transition-fade-leave-from {
    opacity: 1
}

.transition-rotate-enter-active,
.transition-rotate-leave-active {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .3s
}

.transition-rotate-enter,
.transition-rotate-leave-to {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(180deg) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    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))
}

.slide-left-enter-active,
.slide-left-leave-active {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .3s
}

.slide-left-enter-from,
.slide-left-leave-to {
    --tw-translate-x: -100%;
    transform: translate(-100%, 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: 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))
}

.slide-left-enter-to,
.slide-left-leave-from {
    --tw-translate-x: 0px;
    transform: translateY(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: 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))
}

.slide-right-enter-active,
.slide-right-leave-active {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .3s
}

.slide-right-enter-from {
    --tw-translate-x: -100%;
    transform: translate(-100%, 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: 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))
}

.slide-right-enter-to,
.slide-right-leave-from {
    --tw-translate-x: 0px;
    transform: translateY(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: 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))
}

.slide-right-leave-to {
    --tw-translate-x: 100%;
    transform: translate(100%, 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: 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))
}

.list-from-top-enter-active,
.list-from-top-leave-active,
.list-from-bottom-enter-active,
.list-from-bottom-leave-active,
.list-from-left-move,
.list-from-left-enter-active,
.list-from-left-leave-active {
    transition-property: transform, opacity;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.list-from-top-enter-from,
.list-from-top-leave-to {
    --tw-translate-y: -2rem;
    transform: translate(var(--tw-translate-x), -2rem) 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: 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));
    opacity: 0
}

.list-from-bottom-enter-from,
.list-from-bottom-leave-to {
    --tw-translate-y: 2rem;
    transform: translate(var(--tw-translate-x), 2rem) 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: 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));
    opacity: 0
}

.list-from-left-enter-from,
.list-from-left-leave-to {
    --tw-translate-x: -2rem;
    transform: translate(-2rem, 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: 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));
    opacity: 0
}

.list-from-left-leave-active {
    position: absolute
}

.offscreen-rolling-list-move,
.offscreen-rolling-list-enter-active {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .3s
}

.offscreen-rolling-list-enter-from,
.offscreen-rolling-list-leave-to {
    --tw-translate-x: -2rem;
    transform: translate(-2rem, 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: 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));
    opacity: 0
}

.offscreen-rolling-list-leave-active {
    position: absolute;
    opacity: 0
}

.faqSeo__questions {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    color: rgb(var(--color-neutral-100))
}

.faqSeo__item {
    position: relative;
    display: flex;
    list-style-type: none;
    flex-direction: column;
    gap: .5rem;
    border-radius: var(--radius-components);
    background-color: rgb(var(--color-neutral-700));
    padding: 8px
}

@media (min-width: 540px) {
    .faqSeo__item {
        gap: .75rem
    }
}

.faqSeo__label {
    position: relative;
    z-index: 10;
    display: flex;
    min-height: 32px;
    width: 100%;
    align-items: center
}

.faqSeo__label:before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), -50%) 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: 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));
    width: 24px;
    height: 24px;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .3s
}

@media (hover: hover) and (pointer: fine) {
    .faqSeo__label:before {
        cursor: pointer
    }
}

.faqSeo__label:before {
    --tw-rotate: 0deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(0) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    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));
    background-image: url(/assets/images/colored-arrow-BsEt0O7d.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.faqSeo__label.faqSeo__item-label--open:before {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(180deg) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    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));
    background-image: url(/assets/images/arrow-B564dfcT.svg)
}

.faqSeo__question {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-12);
    line-height: var(--font-line-height-16);
    pointer-events: none;
    margin-right: 24px;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    color: rgb(var(--color-neutral-200))
}

@media (min-width: 540px) {
    .faqSeo__question {
        font-weight: var(--font-weight-bold);
        font-size: var(--font-size-14);
        line-height: var(--font-line-height-20)
    }
}

@media (hover: hover) and (pointer: fine) {
    .faqSeo__question {
        cursor: pointer
    }
}

.faqSeo__label.faqSeo__item-label--open .faqSeo__question {
    color: rgb(var(--color-neutral-100))
}

.faqSeo__inner {
    display: none
}

.faqSeo__answer {
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-11);
    line-height: var(--font-line-height-16);
    word-wrap: break-word;
    padding-right: 8px
}

@media (min-width: 540px) {
    .faqSeo__answer {
        font-weight: var(--font-weight-regular);
        font-size: var(--font-size-14);
        line-height: var(--font-line-height-20)
    }
}

.faqSeo__questions h1,
.faqSeo__questions h2,
.faqSeo__questions h3 {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-16);
    line-height: var(--font-line-height-24);
    margin-bottom: 12px;
    margin-top: 20px;
    text-align: center
}

.seoText {
    display: flex;
    max-width: 100%;
    flex-direction: column;
    text-align: left;
    color: rgb(var(--color-neutral-100))
}

.seoText h1 {
    font-weight: var(--font-weight-extrabold);
    font-size: var(--font-size-24);
    line-height: var(--font-line-height-32);
    margin-bottom: 20px;
    text-align: center
}

.seoText h2 {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-16);
    line-height: var(--font-line-height-24);
    margin-bottom: 8px
}

.seoText h3,
.seoText h4 {
    font-weight: var(--font-weight-extrabold);
    font-size: var(--font-size-20);
    line-height: var(--font-line-height-28)
}

.seoText h5 {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-16);
    line-height: var(--font-line-height-20)
}

.seoText h6 {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-14);
    line-height: var(--font-line-height-20)
}

.seoText p {
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-14);
    line-height: var(--font-line-height-20);
    margin-bottom: 16px;
    color: rgb(var(--color-neutral-200))
}

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

.seoText a {
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-14);
    line-height: var(--font-line-height-20);
    color: rgb(var(--color-primary-600));
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .3s
}

@media (hover: hover) and (pointer: fine) {
    .seoText a {
        cursor: pointer
    }

    .seoText a:hover {
        color: rgb(var(--color-primary-400))
    }

    .seoText a:active:hover {
        color: rgb(var(--color-primary-600))
    }
}

.seoText ul,
.seoText ol {
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-14);
    line-height: var(--font-line-height-20);
    margin-bottom: 16px;
    padding-left: 20px
}

.seoText ul li {
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-14);
    line-height: var(--font-line-height-20);
    position: relative;
    margin-bottom: 16px;
    list-style-type: disc;
    text-align: left
}

.seoText ul li:last-child {
    margin-bottom: 0
}

.seoText ul li:before {
    content: "";
    position: absolute;
    left: 6px;
    top: 9px;
    height: 4px;
    width: 4px;
    border-radius: 9999px
}

.seoText ol li {
    list-style-type: decimal;
    padding: 0
}

.seoText ol li:before {
    --tw-content: none;
    content: none;
    content: var(--tw-content)
}

.seoText .pokerRules {
    width: 100%;
    flex-shrink: 0;
    overflow: scroll;
    padding-bottom: 16px;
    color: rgb(var(--color-neutral-500))
}

.infoPages {
    text-align: left;
    color: rgb(var(--color-neutral-100))
}

.infoPages h2 {
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-14);
    line-height: var(--font-line-height-20);
    margin-bottom: 16px
}

@media (min-width: 540px) {
    .infoPages h2 {
        margin-bottom: 20px
    }
}

.infoPages__text {
    margin-bottom: 16px;
    display: flex;
    flex-direction: column
}

.infoPages__text:last-child {
    margin-bottom: 0
}

@media (min-width: 540px) {
    .infoPages__text {
        margin-bottom: 20px
    }
}

.infoPages__text h3 {
    font-weight: var(--font-weight-extrabold);
    font-size: var(--font-size-14);
    line-height: var(--font-line-height-20);
    margin-bottom: 8px
}

@media (min-width: 540px) {
    .infoPages__text h3 {
        font-weight: var(--font-weight-extrabold);
        font-size: var(--font-size-16);
        line-height: var(--font-line-height-24)
    }
}

.infoPages__content {
    margin-bottom: 20px
}

.infoPages__content:last-child {
    margin-bottom: 0
}

.infoPages__content p {
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-14);
    line-height: var(--font-line-height-20);
    margin-bottom: 16px;
    word-wrap: break-word;
    color: rgb(var(--color-neutral-100))
}

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

.infoPages__content ul {
    margin-bottom: 16px;
    list-style-type: disc;
    padding-left: 16px
}

.infoPages__content li {
    margin-bottom: 8px
}

.infoPages__content li:last-child {
    margin-bottom: 0
}

.contactUs p {
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-14);
    line-height: var(--font-line-height-20);
    margin-bottom: 4px;
    text-align: left;
    color: rgb(var(--color-neutral-100))
}

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

.promoTerms a {
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-14);
    line-height: var(--font-line-height-20);
    margin-bottom: 16px;
    color: rgb(var(--color-primary-500));
    text-decoration-line: underline;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .3s
}

@media (hover: hover) and (pointer: fine) {
    .promoTerms a:hover {
        color: rgb(var(--color-neutral-100))
    }
}

.scrollOffset {
    display: flex;
    width: calc(100% + 32px);
    overflow: auto;
    margin-left: -16px;
    margin-right: -16px
}

.scrollOffset:before,
.scrollOffset:after {
    flex: 0 0 16px;
    width: 16px;
    height: 1px;
    content: ""
}

.scrollOffset.scrollOffset--popupContent {
    margin-left: -16px;
    margin-right: -16px;
    width: calc(100% + 32px)
}

@media (min-width: 1024px) {
    .scrollOffset {
        margin-left: -20px;
        margin-right: -20px;
        width: calc(100% + 40px)
    }

    .scrollOffset:before,
    .scrollOffset:after {
        flex: 0 0 20px;
        width: 20px
    }

    .scrollOffset.scrollOffset--popupContent {
        margin-left: -16px;
        margin-right: -16px;
        width: calc(100% + 32px)
    }

    .scrollOffset.scrollOffset--popupContent:before,
    .scrollOffset.scrollOffset--popupContent:after {
        flex: 0 0 16px;
        width: 16px
    }
}

@media (min-width: 1440px) {
    .scrollOffset {
        margin-left: calc((1276px - 100vw)/2);
        margin-right: calc((1276px - 100vw)/2);
        width: 100vw
    }

    .scrollOffset:before,
    .scrollOffset:after {
        flex: 0 0 calc((100vw - 1276px)/2);
        width: calc((100vw - 1276px)/2)
    }

    .scrollOffset.scrollOffset--popupContent {
        margin-left: -16px;
        margin-right: -16px;
        width: calc(100% + 32px)
    }

    .scrollOffset.scrollOffset--popupContent:before,
    .scrollOffset.scrollOffset--popupContent:after {
        flex: 0 0 16px;
        width: 16px
    }
}

@media (min-width: 768px) {
    .scrollOffset.scrollOffset--md {
        width: -moz-max-content;
        width: max-content;
        margin-left: 0;
        margin-right: 0
    }

    .scrollOffset.scrollOffset--md:before,
    .scrollOffset.scrollOffset--md:after {
        display: none
    }
}

@media (min-width: 1024px) {
    .scrollOffset.scrollOffset--lg {
        width: -moz-max-content;
        width: max-content;
        margin-left: 0;
        margin-right: 0
    }

    .scrollOffset.scrollOffset--lg:before,
    .scrollOffset.scrollOffset--lg:after {
        display: none
    }
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border-radius: var(--radius-components);
    border-width: 1px;
    border-color: rgb(var(--color-neutral-300));
    -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-text-fill-color: rgb(var(--color-neutral-200));
    -webkit-box-shadow: 0 0 0 1000px rgb(var(--color-neutral-600)) inset;
    animation-name: onAutofill;
    animation-duration: .01s
}

.--isValid input:-webkit-autofill,
.--isValid input:-webkit-autofill:hover,
.--isValid input:-webkit-autofill:focus,
.--isValid select:-webkit-autofill,
.--isValid select:-webkit-autofill:hover,
.--isValid select:-webkit-autofill:focus {
    border-color: rgb(var(--color-accent-green))
}

.--isInvalid input:-webkit-autofill,
.--isInvalid input:-webkit-autofill:hover,
.--isInvalid input:-webkit-autofill:focus,
.--isInvalid select:-webkit-autofill,
.--isInvalid select:-webkit-autofill:hover,
.--isInvalid select:-webkit-autofill:focus {
    border-color: rgb(var(--color-accent-red))
}

@keyframes onAutofill {
    0% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

.skeleton {
    position: relative;
    overflow: hidden;
    background-color: rgb(var(--color-transparent-white-8))
}

.skeleton:after {
    position: absolute;
    content: var(--tw-content);
    inset: 0
}

@keyframes skeleton {
    0% {
        content: var(--tw-content);
        transform: translate(-100%)
    }

    to {
        content: var(--tw-content);
        transform: translate(100%)
    }
}

.skeleton:after {
    animation: skeleton 1.5s linear infinite;
    background-image: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, .12) 20%, transparent 40%);
    background-size: 200% 100%;
    content: var(--tw-content);
    will-change: transform
}

.skeletonSubstrate:before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: var(--tw-content);
    background-color: rgb(var(--color-neutral-800))
}

.gameGridVisibility,
.providerSwiperVisibility,
.promoSwiperVisibility,
.paymentSwiperVisibility,
.ourFeaturesBannersVisibility,
.mainTournamentsVisibility,
.mainSportVisibility,
.winnersListVisibility,
.activitiesScreenVisibility {
    content-visibility: auto
}

.providerSwiperVisibility {
    contain-intrinsic-size: auto 96px
}

.promoSwiperVisibility {
    contain-intrinsic-size: auto 364px
}

.paymentSwiperVisibility {
    contain-intrinsic-size: auto 96px
}

.ourFeaturesBannersVisibility {
    contain-intrinsic-size: auto 632px
}

.mainTournamentsVisibility {
    contain-intrinsic-size: auto 530px
}

.mainSportVisibility {
    contain-intrinsic-size: auto 212px
}

.winnersListVisibility {
    contain-intrinsic-size: auto 616px
}

.activitiesScreenVisibility {
    contain-intrinsic-size: auto 488px
}

@media (min-width: 540px) {
    .ourFeaturesBannersVisibility {
        contain-intrinsic-size: auto 656px
    }

    .activitiesScreenVisibility {
        contain-intrinsic-size: auto 414px
    }
}

@media (min-width: 768px) {
    .paymentSwiperVisibility {
        contain-intrinsic-size: auto 112px
    }

    .ourFeaturesBannersVisibility {
        contain-intrinsic-size: auto 504px
    }

    .winnersListVisibility {
        contain-intrinsic-size: auto 584px
    }

    .activitiesScreenVisibility {
        contain-intrinsic-size: auto 390px
    }
}

@media (min-width: 1024px) {
    .providerSwiperVisibility {
        contain-intrinsic-size: auto 108px
    }

    .promoSwiperVisibility {
        contain-intrinsic-size: auto 368px
    }

    .paymentSwiperVisibility {
        contain-intrinsic-size: auto 120px
    }

    .mainTournamentsVisibility {
        contain-intrinsic-size: auto 534px
    }
}

@media (min-width: 1440px) {
    .ourFeaturesBannersVisibility {
        contain-intrinsic-size: auto 336px
    }

    .activitiesScreenVisibility {
        contain-intrinsic-size: auto 244px
    }

    .searchResultVisibility {
        contain-intrinsic-size: auto 1638px
    }
}

.first-letter\:title-12:first-letter {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-12);
    line-height: var(--font-line-height-16)
}

@media (min-width: 540px) {
    .sm\:display-20 {
        font-weight: var(--font-weight-extrabold);
        font-size: var(--font-size-20);
        line-height: var(--font-line-height-28)
    }

    .sm\:title-14 {
        font-weight: var(--font-weight-bold);
        font-size: var(--font-size-14);
        line-height: var(--font-line-height-20)
    }

    .sm\:title-12 {
        font-weight: var(--font-weight-bold);
        font-size: var(--font-size-12);
        line-height: var(--font-line-height-16)
    }

    .sm\:subtitle-14 {
        font-weight: var(--font-weight-semibold);
        font-size: var(--font-size-14);
        line-height: var(--font-line-height-20)
    }

    .sm\:body-14 {
        font-weight: var(--font-weight-regular);
        font-size: var(--font-size-14);
        line-height: var(--font-line-height-20)
    }
}

@media (min-width: 768px) {
    .md\:display-44 {
        font-weight: var(--font-weight-extrabold);
        font-size: var(--font-size-44);
        line-height: var(--font-line-height-52)
    }

    .md\:display-32 {
        font-weight: var(--font-weight-extrabold);
        font-size: var(--font-size-32);
        line-height: var(--font-line-height-40)
    }

    .md\:display-24 {
        font-weight: var(--font-weight-extrabold);
        font-size: var(--font-size-24);
        line-height: var(--font-line-height-32)
    }

    .md\:display-20 {
        font-weight: var(--font-weight-extrabold);
        font-size: var(--font-size-20);
        line-height: var(--font-line-height-28)
    }

    .md\:display-16 {
        font-weight: var(--font-weight-extrabold);
        font-size: var(--font-size-16);
        line-height: var(--font-line-height-24)
    }

    .md\:title-14 {
        font-weight: var(--font-weight-bold);
        font-size: var(--font-size-14);
        line-height: var(--font-line-height-20)
    }

    .md\:title-12 {
        font-weight: var(--font-weight-bold);
        font-size: var(--font-size-12);
        line-height: var(--font-line-height-16)
    }

    .md\:subtitle-14 {
        font-weight: var(--font-weight-semibold);
        font-size: var(--font-size-14);
        line-height: var(--font-line-height-20)
    }

    .md\:subtitle-12 {
        font-weight: var(--font-weight-semibold);
        font-size: var(--font-size-12);
        line-height: var(--font-line-height-16)
    }
}

@media (min-width: 1024px) {
    .lg\:display-36 {
        font-weight: var(--font-weight-extrabold);
        font-size: var(--font-size-36);
        line-height: var(--font-line-height-44)
    }

    .lg\:display-24 {
        font-weight: var(--font-weight-extrabold);
        font-size: var(--font-size-24);
        line-height: var(--font-line-height-32)
    }

    .lg\:display-20 {
        font-weight: var(--font-weight-extrabold);
        font-size: var(--font-size-20);
        line-height: var(--font-line-height-28)
    }
}

.\[\&_p\]\:body-11 p {
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-11);
    line-height: var(--font-line-height-16)
}

.\[\&_span\]\:subtitle-11 span {
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-11);
    line-height: var(--font-line-height-16)
}

.placeholder\:transition-colors::-moz-placeholder {
    -moz-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.placeholder\:transition-colors::placeholder {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.placeholder\:duration-300::-moz-placeholder {
    transition-duration: .3s
}

.placeholder\:duration-300::placeholder {
    transition-duration: .3s
}

.before\:absolute:before {
    content: var(--tw-content);
    position: absolute
}

.before\:inset-0:before {
    content: var(--tw-content);
    inset: 0
}

.before\:bottom-0:before {
    content: var(--tw-content);
    bottom: 0
}

.before\:bottom-9:before {
    content: var(--tw-content);
    bottom: 36px
}

.before\:left-0:before {
    content: var(--tw-content);
    left: 0
}

.before\:left-1\/2:before {
    content: var(--tw-content);
    left: 50%
}

.before\:top-0:before {
    content: var(--tw-content);
    top: 0
}

.before\:top-1\/2:before {
    content: var(--tw-content);
    top: 50%
}

.before\:top-9:before {
    content: var(--tw-content);
    top: 36px
}

.before\:my-auto:before {
    content: var(--tw-content);
    margin-top: auto;
    margin-bottom: auto
}

.before\:mr-2:before {
    content: var(--tw-content);
    margin-right: 8px
}

.before\:flex:before {
    content: var(--tw-content);
    display: flex
}

.before\:size-4:before {
    content: var(--tw-content);
    width: 16px;
    height: 16px
}

.before\:size-7:before {
    content: var(--tw-content);
    width: 28px;
    height: 28px
}

.before\:h-1:before {
    content: var(--tw-content);
    height: 4px
}

.before\:h-full:before {
    content: var(--tw-content);
    height: 100%
}

.before\:h-px:before {
    content: var(--tw-content);
    height: 1px
}

.before\:w-1:before {
    content: var(--tw-content);
    width: 4px
}

.before\:w-full:before {
    content: var(--tw-content);
    width: 100%
}

.before\:shrink-0:before {
    content: var(--tw-content);
    flex-shrink: 0
}

.before\:-translate-x-1\/2:before {
    content: var(--tw-content);
    --tw-translate-x: -50%;
    transform: translate(-50%, 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: 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))
}

.before\:-translate-y-1\/2:before {
    content: var(--tw-content);
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), -50%) 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: 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))
}

.before\:rounded-full:before {
    content: var(--tw-content);
    border-radius: 9999px
}

.before\:border:before {
    content: var(--tw-content);
    border-width: 1px
}

.before\:border-x:before {
    content: var(--tw-content);
    border-left-width: 1px;
    border-right-width: 1px
}

.before\:border-neutral-500:before {
    content: var(--tw-content);
    border-color: rgb(var(--color-neutral-500))
}

.before\:border-primary-500:before {
    content: var(--tw-content);
    border-color: rgb(var(--color-primary-500))
}

.before\:bg-neutral-500:before {
    content: var(--tw-content);
    background-color: rgb(var(--color-neutral-500))
}

.before\:bg-neutral-600:before {
    content: var(--tw-content);
    background-color: rgb(var(--color-neutral-600))
}

.before\:bg-primary-500:before {
    content: var(--tw-content);
    background-color: rgb(var(--color-primary-500))
}

.before\:opacity-100:before {
    content: var(--tw-content);
    opacity: 1
}

.after\:absolute:after {
    content: var(--tw-content);
    position: absolute
}

.after\:-top-px:after {
    content: var(--tw-content);
    top: -1px
}

.after\:left-\[calc\(50\%-500px\)\]:after {
    content: var(--tw-content);
    left: calc(50% - 500px)
}

.after\:top-\[calc\(50\%-500px\)\]:after {
    content: var(--tw-content);
    top: calc(50% - 500px)
}

.after\:my-auto:after {
    content: var(--tw-content);
    margin-top: auto;
    margin-bottom: auto
}

.after\:ml-2:after {
    content: var(--tw-content);
    margin-left: 8px
}

.after\:flex:after {
    content: var(--tw-content);
    display: flex
}

.after\:size-4:after {
    content: var(--tw-content);
    width: 16px;
    height: 16px
}

.after\:h-1:after {
    content: var(--tw-content);
    height: 4px
}

.after\:h-250:after {
    content: var(--tw-content);
    height: 1000px
}

.after\:h-px:after {
    content: var(--tw-content);
    height: 1px
}

.after\:w-250:after {
    content: var(--tw-content);
    width: 1000px
}

.after\:w-full:after {
    content: var(--tw-content);
    width: 100%
}

.after\:shrink-0:after {
    content: var(--tw-content);
    flex-shrink: 0
}

@keyframes rotation {
    0% {
        content: var(--tw-content);
        transform: rotate(0)
    }

    to {
        content: var(--tw-content);
        transform: rotate(360deg)
    }
}

.after\:animate-rotation-60:after {
    content: var(--tw-content);
    animation: rotation 60s infinite linear
}

.after\:rounded-full:after {
    content: var(--tw-content);
    border-radius: 9999px
}

.after\:bg-neutral-500:after {
    content: var(--tw-content);
    background-color: rgb(var(--color-neutral-500))
}

.after\:bg-primary-500:after {
    content: var(--tw-content);
    background-color: rgb(var(--color-primary-500))
}

.after\:bg-wheel-rays:after {
    content: var(--tw-content);
    background-image: url(/assets/images/wheel-rays-C_BjxfcB.webp)
}

.after\:bg-cover:after {
    content: var(--tw-content);
    background-size: cover
}

.first\:border-t-0:first-child {
    border-top-width: 0px
}

.last\:mb-0:last-child {
    margin-bottom: 0
}

.last\:mr-0:last-child {
    margin-right: 0
}

.first-of-type\:mt-0:first-of-type {
    margin-top: 0
}

.last-of-type\:mb-0:last-of-type {
    margin-bottom: 0
}

.last-of-type\:mr-0:last-of-type {
    margin-right: 0
}

.placeholder-shown\:truncate:-moz-placeholder-shown {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.placeholder-shown\:truncate:placeholder-shown {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (min-width: 540px) {
    .sm\:bottom-4 {
        bottom: 16px
    }

    .sm\:left-75 {
        left: 300px
    }

    .sm\:left-75\% {
        left: 75%
    }

    .sm\:right-0 {
        right: 0
    }

    .sm\:right-5 {
        right: 20px
    }

    .sm\:right-75 {
        right: 300px
    }

    .sm\:right-75\% {
        right: 75%
    }

    .sm\:top-14\.5 {
        top: 58px
    }

    .sm\:top-29\.5 {
        top: 118px
    }

    .sm\:top-37\.5 {
        top: 150px
    }

    .sm\:top-40 {
        top: 160px
    }

    .sm\:col-span-1 {
        grid-column: span 1 / span 1
    }

    .sm\:col-span-2 {
        grid-column: span 2 / span 2
    }

    .sm\:col-span-4 {
        grid-column: span 4 / span 4
    }

    .sm\:col-span-6 {
        grid-column: span 6 / span 6
    }

    .sm\:col-span-8 {
        grid-column: span 8 / span 8
    }

    .sm\:col-start-1 {
        grid-column-start: 1
    }

    .sm\:col-start-4 {
        grid-column-start: 4
    }

    .sm\:col-end-4 {
        grid-column-end: 4
    }

    .sm\:col-end-7 {
        grid-column-end: 7
    }

    .sm\:\!-mx-6 {
        margin-left: -24px !important;
        margin-right: -24px !important
    }

    .sm\:-mx-5 {
        margin-left: -20px;
        margin-right: -20px
    }

    .sm\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .sm\:-mt-11\.5 {
        margin-top: -46px
    }

    .sm\:mb-0 {
        margin-bottom: 0
    }

    .sm\:mb-2 {
        margin-bottom: 8px
    }

    .sm\:mb-5 {
        margin-bottom: 20px
    }

    .sm\:mb-6 {
        margin-bottom: 24px
    }

    .sm\:mt-2 {
        margin-top: 8px
    }

    .sm\:mt-4 {
        margin-top: 16px
    }

    .sm\:mt-5 {
        margin-top: 20px
    }

    .sm\:mt-57 {
        margin-top: 228px
    }

    .sm\:mt-auto {
        margin-top: auto
    }

    .sm\:block {
        display: block
    }

    .sm\:inline {
        display: inline
    }

    .sm\:flex {
        display: flex
    }

    .sm\:size-118\.5 {
        width: 474px;
        height: 474px
    }

    .sm\:size-12 {
        width: 48px;
        height: 48px
    }

    .sm\:size-13 {
        width: 52px;
        height: 52px
    }

    .sm\:size-20 {
        width: 80px;
        height: 80px
    }

    .sm\:size-31 {
        width: 124px;
        height: 124px
    }

    .sm\:size-4 {
        width: 16px;
        height: 16px
    }

    .sm\:size-43 {
        width: 172px;
        height: 172px
    }

    .sm\:size-49 {
        width: 196px;
        height: 196px
    }

    .sm\:size-67 {
        width: 268px;
        height: 268px
    }

    .sm\:h-10 {
        height: 40px
    }

    .sm\:h-152 {
        height: 608px
    }

    .sm\:h-163 {
        height: 652px
    }

    .sm\:h-37 {
        height: 148px
    }

    .sm\:h-45 {
        height: 180px
    }

    .sm\:h-46 {
        height: 184px
    }

    .sm\:h-54 {
        height: 216px
    }

    .sm\:h-6 {
        height: 24px
    }

    .sm\:h-7 {
        height: 28px
    }

    .sm\:h-79 {
        height: 316px
    }

    .sm\:h-83 {
        height: 332px
    }

    .sm\:h-90 {
        height: 360px
    }

    .sm\:h-auto {
        height: auto
    }

    .sm\:h-full {
        height: 100%
    }

    .sm\:h-max {
        height: -moz-max-content;
        height: max-content
    }

    .sm\:max-h-102 {
        max-height: 408px
    }

    .sm\:max-h-134 {
        max-height: 536px
    }

    .sm\:max-h-49 {
        max-height: 196px
    }

    .sm\:min-h-0 {
        min-height: 0px
    }

    .sm\:min-h-104 {
        min-height: 416px
    }

    .sm\:min-h-105 {
        min-height: 420px
    }

    .sm\:min-h-133 {
        min-height: 532px
    }

    .sm\:min-h-134 {
        min-height: 536px
    }

    .sm\:min-h-143\.5 {
        min-height: 574px
    }

    .sm\:min-h-150 {
        min-height: 600px
    }

    .sm\:min-h-151 {
        min-height: 604px
    }

    .sm\:min-h-152\.5 {
        min-height: 610px
    }

    .sm\:min-h-155 {
        min-height: 620px
    }

    .sm\:min-h-159 {
        min-height: 636px
    }

    .sm\:min-h-160 {
        min-height: 640px
    }

    .sm\:min-h-185 {
        min-height: 740px
    }

    .sm\:min-h-21 {
        min-height: 84px
    }

    .sm\:min-h-40 {
        min-height: 160px
    }

    .sm\:min-h-49 {
        min-height: 196px
    }

    .sm\:min-h-77 {
        min-height: 308px
    }

    .sm\:min-h-90 {
        min-height: 360px
    }

    .sm\:min-h-91 {
        min-height: 364px
    }

    .sm\:min-h-95 {
        min-height: 380px
    }

    .sm\:\!w-103 {
        width: 412px !important
    }

    .sm\:\!w-35 {
        width: 140px !important
    }

    .sm\:\!w-40\.5 {
        width: 162px !important
    }

    .sm\:\!w-82 {
        width: 328px !important
    }

    .sm\:\!w-89 {
        width: 356px !important
    }

    .sm\:w-115 {
        width: 460px
    }

    .sm\:w-127 {
        width: 508px
    }

    .sm\:w-30 {
        width: 120px
    }

    .sm\:w-41 {
        width: 164px
    }

    .sm\:w-50 {
        width: 200px
    }

    .sm\:w-\[calc\(100\%-46px\)\] {
        width: calc(100% - 46px)
    }

    .sm\:w-\[var\(--popup-width-sm\)\] {
        width: var(--popup-width-sm)
    }

    .sm\:w-\[var\(--popup-width-xs\)\] {
        width: var(--popup-width-xs)
    }

    .sm\:w-max {
        width: -moz-max-content;
        width: max-content
    }

    .sm\:w-min {
        width: -moz-min-content;
        width: min-content
    }

    .sm\:min-w-28 {
        min-width: 112px
    }

    .sm\:min-w-30 {
        min-width: 120px
    }

    .sm\:min-w-56 {
        min-width: 224px
    }

    .sm\:min-w-61 {
        min-width: 244px
    }

    .sm\:min-w-89 {
        min-width: 356px
    }

    .sm\:min-w-\[var\(--popup-width-xs\)\] {
        min-width: var(--popup-width-xs)
    }

    .sm\:max-w-100 {
        max-width: 400px
    }

    .sm\:max-w-119 {
        max-width: 476px
    }

    .sm\:max-w-127 {
        max-width: 508px
    }

    .sm\:max-w-51 {
        max-width: 204px
    }

    .sm\:max-w-80 {
        max-width: 320px
    }

    .sm\:max-w-83 {
        max-width: 332px
    }

    .sm\:max-w-86 {
        max-width: 344px
    }

    .sm\:max-w-full {
        max-width: 100%
    }

    .sm\:max-w-none {
        max-width: none
    }

    .sm\:-translate-x-1\/2 {
        --tw-translate-x: -50%;
        transform: translate(-50%, 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: 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))
    }

    .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .sm\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .sm\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .sm\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .sm\:grid-rows-\[220px_172px_122px\] {
        grid-template-rows: 220px 172px 122px
    }

    .sm\:flex-row {
        flex-direction: row
    }

    .sm\:flex-col {
        flex-direction: column
    }

    .sm\:flex-wrap {
        flex-wrap: wrap
    }

    .sm\:items-start {
        align-items: flex-start
    }

    .sm\:items-center {
        align-items: center
    }

    .sm\:justify-start {
        justify-content: flex-start
    }

    .sm\:justify-between {
        justify-content: space-between
    }

    .sm\:gap-2 {
        gap: .5rem
    }

    .sm\:gap-3 {
        gap: .75rem
    }

    .sm\:gap-4 {
        gap: 1rem
    }

    .sm\:gap-5 {
        gap: 1.25rem
    }

    .sm\:gap-6 {
        gap: 1.5rem
    }

    .sm\:gap-8 {
        gap: 2rem
    }

    .sm\:gap-x-3 {
        -moz-column-gap: .75rem;
        column-gap: .75rem
    }

    .sm\:gap-x-4 {
        -moz-column-gap: 1rem;
        column-gap: 1rem
    }

    .sm\:gap-x-5 {
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem
    }

    .sm\:gap-y-10 {
        row-gap: 2.5rem
    }

    .sm\:rounded-md {
        border-radius: var(--radius-md)
    }

    .sm\:rounded-sm {
        border-radius: var(--radius-sm)
    }

    .sm\:border-l-0 {
        border-left-width: 0px
    }

    .sm\:border-r {
        border-right-width: 1px
    }

    .sm\:border-r-neutral-500 {
        border-right-color: rgb(var(--color-neutral-500))
    }

    .sm\:bg-right {
        background-position: right
    }

    .sm\:p-2 {
        padding: 8px
    }

    .sm\:p-3 {
        padding: 12px
    }

    .sm\:p-4 {
        padding: 16px
    }

    .sm\:p-5 {
        padding: 20px
    }

    .sm\:p-6 {
        padding: 24px
    }

    .sm\:\!px-6 {
        padding-left: 24px !important;
        padding-right: 24px !important
    }

    .sm\:px-2 {
        padding-left: 8px;
        padding-right: 8px
    }

    .sm\:px-4 {
        padding-left: 16px;
        padding-right: 16px
    }

    .sm\:px-5 {
        padding-left: 20px;
        padding-right: 20px
    }

    .sm\:px-6 {
        padding-left: 24px;
        padding-right: 24px
    }

    .sm\:py-0\.5 {
        padding-top: 2px;
        padding-bottom: 2px
    }

    .sm\:py-6 {
        padding-top: 24px;
        padding-bottom: 24px
    }

    .sm\:pb-10 {
        padding-bottom: 40px
    }

    .sm\:pl-0 {
        padding-left: 0
    }

    .sm\:pr-3 {
        padding-right: 12px
    }

    .sm\:pr-4 {
        padding-right: 16px
    }

    .sm\:pt-11 {
        padding-top: 44px
    }

    .sm\:pt-3 {
        padding-top: 12px
    }

    .sm\:text-left {
        text-align: left
    }

    .sm\:text-center {
        text-align: center
    }

    .sm\:text-\[200px\] {
        font-size: 200px
    }
}

@media (min-width: 768px) {
    .md\:static {
        position: static
    }

    .md\:absolute {
        position: absolute
    }

    .md\:-right-10 {
        right: -40px
    }

    .md\:-right-10\% {
        right: -10%
    }

    .md\:-right-20 {
        right: -80px
    }

    .md\:-right-20\% {
        right: -20%
    }

    .md\:bottom-15 {
        bottom: 60px
    }

    .md\:bottom-3 {
        bottom: 12px
    }

    .md\:bottom-5 {
        bottom: 20px
    }

    .md\:left-68 {
        left: 272px
    }

    .md\:left-68\% {
        left: 68%
    }

    .md\:left-80 {
        left: 320px
    }

    .md\:right-0 {
        right: 0
    }

    .md\:right-68 {
        right: 272px
    }

    .md\:right-68\% {
        right: 68%
    }

    .md\:col-span-1 {
        grid-column: span 1 / span 1
    }

    .md\:col-span-2 {
        grid-column: span 2 / span 2
    }

    .md\:col-span-4 {
        grid-column: span 4 / span 4
    }

    .md\:col-start-1 {
        grid-column-start: 1
    }

    .md\:col-start-2 {
        grid-column-start: 2
    }

    .md\:col-end-3 {
        grid-column-end: 3
    }

    .md\:row-start-1 {
        grid-row-start: 1
    }

    .md\:\!-mx-10 {
        margin-left: -40px !important;
        margin-right: -40px !important
    }

    .md\:-mx-10 {
        margin-left: -40px;
        margin-right: -40px
    }

    .md\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .md\:my-5 {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .md\:mb-0 {
        margin-bottom: 0
    }

    .md\:mb-3 {
        margin-bottom: 12px
    }

    .md\:mb-4 {
        margin-bottom: 16px
    }

    .md\:mb-5 {
        margin-bottom: 20px
    }

    .md\:mb-6 {
        margin-bottom: 24px
    }

    .md\:ml-0 {
        margin-left: 0
    }

    .md\:ml-auto {
        margin-left: auto
    }

    .md\:mr-0 {
        margin-right: 0
    }

    .md\:mr-auto {
        margin-right: auto
    }

    .md\:mt-13 {
        margin-top: 52px
    }

    .md\:mt-3 {
        margin-top: 12px
    }

    .md\:mt-36\.5 {
        margin-top: 146px
    }

    .md\:mt-4 {
        margin-top: 16px
    }

    .md\:mt-6 {
        margin-top: 24px
    }

    .md\:block {
        display: block
    }

    .md\:flex {
        display: flex
    }

    .md\:grid {
        display: grid
    }

    .md\:size-22 {
        width: 88px;
        height: 88px
    }

    .md\:size-33 {
        width: 132px;
        height: 132px
    }

    .md\:size-47 {
        width: 188px;
        height: 188px
    }

    .md\:size-51 {
        width: 204px;
        height: 204px
    }

    .md\:size-54 {
        width: 216px;
        height: 216px
    }

    .md\:\!h-19 {
        height: 76px !important
    }

    .md\:\!h-81 {
        height: 324px !important
    }

    .md\:h-101 {
        height: 404px
    }

    .md\:h-11\.5 {
        height: 46px
    }

    .md\:h-133 {
        height: 532px
    }

    .md\:h-22 {
        height: 88px
    }

    .md\:h-27 {
        height: 108px
    }

    .md\:h-35 {
        height: 140px
    }

    .md\:h-41 {
        height: 164px
    }

    .md\:h-44 {
        height: 176px
    }

    .md\:h-46 {
        height: 184px
    }

    .md\:h-7 {
        height: 28px
    }

    .md\:h-81 {
        height: 324px
    }

    .md\:h-90\.5 {
        height: 362px
    }

    .md\:h-93\.5 {
        height: 374px
    }

    .md\:h-95\.5 {
        height: 382px
    }

    .md\:h-96 {
        height: 384px
    }

    .md\:h-auto {
        height: auto
    }

    .md\:h-full {
        height: 100%
    }

    .md\:min-h-108 {
        min-height: 432px
    }

    .md\:min-h-112 {
        min-height: 448px
    }

    .md\:min-h-125 {
        min-height: 500px
    }

    .md\:min-h-134 {
        min-height: 536px
    }

    .md\:min-h-143 {
        min-height: 572px
    }

    .md\:min-h-28 {
        min-height: 112px
    }

    .md\:min-h-33 {
        min-height: 132px
    }

    .md\:min-h-64 {
        min-height: 256px
    }

    .md\:min-h-93 {
        min-height: 372px
    }

    .md\:min-h-initial {
        min-height: 0;
        min-height: initial
    }

    .md\:\!w-181\.5 {
        width: 726px !important
    }

    .md\:\!w-31 {
        width: 124px !important
    }

    .md\:\!w-90 {
        width: 360px !important
    }

    .md\:w-139 {
        width: 556px
    }

    .md\:w-146\.5 {
        width: 586px
    }

    .md\:w-30 {
        width: 120px
    }

    .md\:w-37 {
        width: 148px
    }

    .md\:w-41\.5 {
        width: 166px
    }

    .md\:w-42 {
        width: 168px
    }

    .md\:w-53\.5 {
        width: 214px
    }

    .md\:w-60 {
        width: 240px
    }

    .md\:w-61 {
        width: 244px
    }

    .md\:w-83 {
        width: 332px
    }

    .md\:w-\[calc\(100\%-200px\)\] {
        width: calc(100% - 200px)
    }

    .md\:w-\[calc\(100\%-8px\)\] {
        width: calc(100% - 8px)
    }

    .md\:w-\[var\(--popup-width-md\)\] {
        width: var(--popup-width-md)
    }

    .md\:w-auto {
        width: auto
    }

    .md\:w-full {
        width: 100%
    }

    .md\:w-max {
        width: -moz-max-content;
        width: max-content
    }

    .md\:min-w-151 {
        min-width: 604px
    }

    .md\:min-w-28 {
        min-width: 112px
    }

    .md\:min-w-49 {
        min-width: 196px
    }

    .md\:min-w-58 {
        min-width: 232px
    }

    .md\:min-w-60 {
        min-width: 240px
    }

    .md\:min-w-82 {
        min-width: 328px
    }

    .md\:min-w-83 {
        min-width: 332px
    }

    .md\:min-w-90 {
        min-width: 360px
    }

    .md\:max-w-108 {
        max-width: 432px
    }

    .md\:max-w-121 {
        max-width: 484px
    }

    .md\:max-w-126 {
        max-width: 504px
    }

    .md\:max-w-155 {
        max-width: 620px
    }

    .md\:max-w-25 {
        max-width: 100px
    }

    .md\:max-w-42 {
        max-width: 168px
    }

    .md\:max-w-48 {
        max-width: 192px
    }

    .md\:max-w-49 {
        max-width: 196px
    }

    .md\:max-w-50 {
        max-width: 200px
    }

    .md\:max-w-68 {
        max-width: 272px
    }

    .md\:max-w-74 {
        max-width: 296px
    }

    .md\:max-w-75 {
        max-width: 300px
    }

    .md\:max-w-85\.5 {
        max-width: 342px
    }

    .md\:max-w-90 {
        max-width: 360px
    }

    .md\:max-w-90\.5 {
        max-width: 362px
    }

    .md\:max-w-\[80\%\] {
        max-width: 80%
    }

    .md\:max-w-\[calc\(100\%-112px\)\] {
        max-width: calc(100% - 112px)
    }

    .md\:max-w-\[calc\(100\%-190px\)\] {
        max-width: calc(100% - 190px)
    }

    .md\:max-w-full {
        max-width: 100%
    }

    .md\:max-w-none {
        max-width: none
    }

    .md\:shrink-0 {
        flex-shrink: 0
    }

    .md\:grow-0 {
        flex-grow: 0
    }

    .md\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .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\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .md\:grid-cols-\[328px\,360px\] {
        grid-template-columns: 328px 360px
    }

    .md\:grid-rows-\[220px_172px\] {
        grid-template-rows: 220px 172px
    }

    .md\:flex-row {
        flex-direction: row
    }

    .md\:flex-row-reverse {
        flex-direction: row-reverse
    }

    .md\:items-start {
        align-items: flex-start
    }

    .md\:items-end {
        align-items: flex-end
    }

    .md\:items-center {
        align-items: center
    }

    .md\:justify-end {
        justify-content: flex-end
    }

    .md\:justify-center {
        justify-content: center
    }

    .md\:justify-between {
        justify-content: space-between
    }

    .md\:gap-1 {
        gap: .25rem
    }

    .md\:gap-2 {
        gap: .5rem
    }

    .md\:gap-3 {
        gap: .75rem
    }

    .md\:gap-4 {
        gap: 1rem
    }

    .md\:gap-5 {
        gap: 1.25rem
    }

    .md\:gap-8 {
        gap: 2rem
    }

    .md\:gap-x-3 {
        -moz-column-gap: .75rem;
        column-gap: .75rem
    }

    .md\:gap-x-4 {
        -moz-column-gap: 1rem;
        column-gap: 1rem
    }

    .md\:gap-y-2 {
        row-gap: .5rem
    }

    .md\:gap-y-3 {
        row-gap: .75rem
    }

    .md\:gap-y-5 {
        row-gap: 1.25rem
    }

    .md\:overflow-hidden {
        overflow: hidden
    }

    .md\:rounded-md {
        border-radius: var(--radius-md)
    }

    .md\:p-10 {
        padding: 40px
    }

    .md\:p-2 {
        padding: 8px
    }

    .md\:p-3 {
        padding: 12px
    }

    .md\:p-4 {
        padding: 16px
    }

    .md\:p-5 {
        padding: 20px
    }

    .md\:p-7\.5 {
        padding: 30px
    }

    .md\:p-8 {
        padding: 32px
    }

    .md\:\!px-10 {
        padding-left: 40px !important;
        padding-right: 40px !important
    }

    .md\:px-10 {
        padding-left: 40px;
        padding-right: 40px
    }

    .md\:px-2 {
        padding-left: 8px;
        padding-right: 8px
    }

    .md\:px-5 {
        padding-left: 20px;
        padding-right: 20px
    }

    .md\:px-9 {
        padding-left: 36px;
        padding-right: 36px
    }

    .md\:py-10 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .md\:py-3 {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .md\:pb-10 {
        padding-bottom: 40px
    }

    .md\:pr-0 {
        padding-right: 0
    }

    .md\:pr-1\.5 {
        padding-right: 6px
    }

    .md\:pr-2\.5 {
        padding-right: 10px
    }

    .md\:text-left {
        text-align: left
    }

    .md\:text-right {
        text-align: right
    }
}

@media (min-width: 1024px) {
    .lg\:visible {
        visibility: visible
    }

    .lg\:-right-12 {
        right: -48px
    }

    .lg\:-right-12\% {
        right: -12%
    }

    .lg\:left-65 {
        left: 260px
    }

    .lg\:left-65\% {
        left: 65%
    }

    .lg\:left-97 {
        left: 388px
    }

    .lg\:right-0 {
        right: 0
    }

    .lg\:right-65 {
        right: 260px
    }

    .lg\:right-65\% {
        right: 65%
    }

    .lg\:order-1 {
        order: 1
    }

    .lg\:order-first {
        order: -9999
    }

    .lg\:col-span-2 {
        grid-column: span 2 / span 2
    }

    .lg\:col-span-3 {
        grid-column: span 3 / span 3
    }

    .lg\:col-start-3 {
        grid-column-start: 3
    }

    .lg\:\!-mx-0 {
        margin-left: -0px !important;
        margin-right: -0px !important
    }

    .lg\:\!-mx-5 {
        margin-left: -20px !important;
        margin-right: -20px !important
    }

    .lg\:-mx-0 {
        margin-left: -0px;
        margin-right: -0px
    }

    .lg\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .lg\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .lg\:mb-3 {
        margin-bottom: 12px
    }

    .lg\:mt-1 {
        margin-top: 4px
    }

    .lg\:mt-3 {
        margin-top: 12px
    }

    .lg\:block {
        display: block
    }

    .lg\:flex {
        display: flex
    }

    .lg\:grid {
        display: grid
    }

    .lg\:hidden {
        display: none
    }

    .lg\:size-59 {
        width: 236px;
        height: 236px
    }

    .lg\:\!h-93 {
        height: 372px !important
    }

    .lg\:h-106\.5 {
        height: 426px
    }

    .lg\:h-16 {
        height: 64px
    }

    .lg\:h-39 {
        height: 156px
    }

    .lg\:h-51 {
        height: 204px
    }

    .lg\:h-97 {
        height: 388px
    }

    .lg\:min-h-39 {
        min-height: 156px
    }

    .lg\:min-h-97 {
        min-height: 388px
    }

    .lg\:\!w-42 {
        width: 168px !important
    }

    .lg\:\!w-44\.5 {
        width: 178px !important
    }

    .lg\:\!w-\[123px\] {
        width: 123px !important
    }

    .lg\:w-160 {
        width: 640px
    }

    .lg\:w-37\.5 {
        width: 150px
    }

    .lg\:w-full {
        width: 100%
    }

    .lg\:w-max {
        width: -moz-max-content;
        width: max-content
    }

    .lg\:min-w-64 {
        min-width: 256px
    }

    .lg\:min-w-79 {
        min-width: 316px
    }

    .lg\:min-w-max {
        min-width: -moz-max-content;
        min-width: max-content
    }

    .lg\:max-w-111 {
        max-width: 444px
    }

    .lg\:max-w-190 {
        max-width: 760px
    }

    .lg\:max-w-265 {
        max-width: 1060px
    }

    .lg\:max-w-55 {
        max-width: 220px
    }

    .lg\:max-w-60 {
        max-width: 240px
    }

    .lg\:max-w-75 {
        max-width: 300px
    }

    .lg\:max-w-80 {
        max-width: 320px
    }

    .lg\:max-w-87 {
        max-width: 348px
    }

    .lg\:max-w-full {
        max-width: 100%
    }

    .lg\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .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\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .lg\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .lg\:grid-cols-\[calc\(100\%-420px\)\,1fr\] {
        grid-template-columns: calc(100% - 420px) 1fr
    }

    .lg\:grid-rows-\[fit-content\(0\)\] {
        grid-template-rows: fit-content(0)
    }

    .lg\:flex-row {
        flex-direction: row
    }

    .lg\:items-start {
        align-items: flex-start
    }

    .lg\:items-end {
        align-items: flex-end
    }

    .lg\:justify-start {
        justify-content: flex-start
    }

    .lg\:justify-between {
        justify-content: space-between
    }

    .lg\:gap-3 {
        gap: .75rem
    }

    .lg\:gap-5 {
        gap: 1.25rem
    }

    .lg\:gap-7 {
        gap: 1.75rem
    }

    .lg\:gap-8 {
        gap: 2rem
    }

    .lg\:overflow-auto {
        overflow: auto
    }

    .lg\:\!overflow-hidden {
        overflow: hidden !important
    }

    .lg\:overflow-hidden {
        overflow: hidden
    }

    .lg\:p-10 {
        padding: 40px
    }

    .lg\:\!px-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .lg\:\!px-5 {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .lg\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .lg\:px-15 {
        padding-left: 60px;
        padding-right: 60px
    }

    .lg\:px-5 {
        padding-left: 20px;
        padding-right: 20px
    }

    .lg\:py-10 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .lg\:pr-0 {
        padding-right: 0
    }

    .lg\:pr-2 {
        padding-right: 8px
    }

    .lg\:text-left {
        text-align: left
    }

    .lg\:before\:size-5:before {
        content: var(--tw-content);
        width: 20px;
        height: 20px
    }

    .lg\:after\:size-5:after {
        content: var(--tw-content);
        width: 20px;
        height: 20px
    }

    @media (min-width: 768px) {
        .lg\:md\:grid-cols-5 {
            grid-template-columns: repeat(5, minmax(0, 1fr))
        }
    }
}

@media (min-width: 1440px) {
    .xl\:-left-0\.5 {
        left: -2px
    }

    .xl\:-right-0\.5 {
        right: -2px
    }

    .xl\:bottom-3 {
        bottom: 12px
    }

    .xl\:left-1\/2 {
        left: 50%
    }

    .xl\:left-134 {
        left: 536px
    }

    .xl\:left-73 {
        left: 292px
    }

    .xl\:left-73\% {
        left: 73%
    }

    .xl\:right-0 {
        right: 0
    }

    .xl\:right-73 {
        right: 292px
    }

    .xl\:right-73\% {
        right: 73%
    }

    .xl\:right-auto {
        right: auto
    }

    .xl\:col-span-2 {
        grid-column: span 2 / span 2
    }

    .xl\:col-start-1 {
        grid-column-start: 1
    }

    .xl\:col-start-2 {
        grid-column-start: 2
    }

    .xl\:col-start-4 {
        grid-column-start: 4
    }

    .xl\:row-start-1 {
        grid-row-start: 1
    }

    .xl\:\!mx-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .xl\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .xl\:size-55 {
        width: 220px;
        height: 220px
    }

    .xl\:h-162\.5 {
        height: 650px
    }

    .xl\:h-44 {
        height: 176px
    }

    .xl\:min-h-88 {
        min-height: 352px
    }

    .xl\:min-h-93 {
        min-height: 372px
    }

    .xl\:\!w-35\.5 {
        width: 142px !important
    }

    .xl\:\!w-41 {
        width: 164px !important
    }

    .xl\:\!w-50\.5 {
        width: 202px !important
    }

    .xl\:\!w-\[145\.5px\] {
        width: 145.5px !important
    }

    .xl\:min-w-76 {
        min-width: 304px
    }

    .xl\:max-w-100 {
        max-width: 400px
    }

    .xl\:max-w-319 {
        max-width: 1276px
    }

    .xl\:max-w-50 {
        max-width: 200px
    }

    .xl\:max-w-63 {
        max-width: 252px
    }

    .xl\:max-w-96 {
        max-width: 384px
    }

    .xl\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .xl\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .xl\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .xl\:grid-cols-7 {
        grid-template-columns: repeat(7, minmax(0, 1fr))
    }

    .xl\:grid-cols-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }

    .xl\:flex-col {
        flex-direction: column
    }

    .xl\:items-center {
        align-items: center
    }

    .xl\:gap-8 {
        gap: 2rem
    }

    .xl\:gap-x-5 {
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem
    }

    .xl\:gap-y-8 {
        row-gap: 2rem
    }

    .xl\:p-4 {
        padding: 16px
    }

    .xl\:\!px-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .xl\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .xl\:px-10 {
        padding-left: 40px;
        padding-right: 40px
    }

    .xl\:px-20\.5 {
        padding-left: 82px;
        padding-right: 82px
    }

    .xl\:before\:size-20\.5:before {
        content: var(--tw-content);
        width: 82px;
        height: 82px
    }

    .xl\:after\:size-20\.5:after {
        content: var(--tw-content);
        width: 82px;
        height: 82px
    }
}

@media (min-width: 1920px) {
    .\34xl\:\!w-56\.5 {
        width: 226px !important
    }

    .\34xl\:px-80\.5 {
        padding-left: 322px;
        padding-right: 322px
    }
}

@media (hover: hover) and (pointer: fine) {
    .can-hover\:cursor-default {
        cursor: default
    }

    .can-hover\:cursor-move {
        cursor: move
    }

    .can-hover\:cursor-pointer {
        cursor: pointer
    }

    .group:hover .can-hover\:group-hover\:scale-105 {
        --tw-scale-x: 1.05;
        --tw-scale-y: 1.05;
        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(1.05) scaleY(1.05);
        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))
    }

    .group:hover .can-hover\:group-hover\:scale-110 {
        --tw-scale-x: 1.1;
        --tw-scale-y: 1.1;
        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(1.1) scaleY(1.1);
        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))
    }

    .group:hover .can-hover\:group-hover\:border-neutral-100 {
        border-color: rgb(var(--color-neutral-100))
    }

    .group:hover .can-hover\:group-hover\:border-neutral-600 {
        border-color: rgb(var(--color-neutral-600))
    }

    .group:hover .can-hover\:group-hover\:bg-neutral-600 {
        background-color: rgb(var(--color-neutral-600))
    }

    .group:hover .can-hover\:group-hover\:bg-transparent-overlay {
        background-color: rgb(var(--color-transparent-overlay))
    }

    .group\/button:hover .can-hover\:group-hover\/button\:text-neutral-100,
    .group\/li:hover .can-hover\:group-hover\/li\:text-neutral-100 {
        color: rgb(var(--color-neutral-100))
    }

    .group:hover .can-hover\:group-hover\:text-light {
        color: rgb(var(--color-light))
    }

    .group:hover .can-hover\:group-hover\:text-neutral-100 {
        color: rgb(var(--color-neutral-100))
    }

    .group:hover .can-hover\:group-hover\:placeholder-neutral-100::-moz-placeholder {
        color: rgb(var(--color-neutral-100))
    }

    .group:hover .can-hover\:group-hover\:placeholder-neutral-100::placeholder {
        color: rgb(var(--color-neutral-100))
    }

    .group:hover .can-hover\:group-hover\:opacity-100 {
        opacity: 1
    }

    .can-hover\:hover\:border-accent-blue:hover {
        border-color: rgb(var(--color-accent-blue))
    }

    .can-hover\:hover\:border-neutral-300:hover {
        border-color: rgb(var(--color-neutral-300))
    }

    .can-hover\:hover\:border-transparentBase:hover {
        border-color: var(--color-transparent)
    }

    .can-hover\:hover\:bg-light\/15:hover {
        background-color: rgb(var(--color-light) / .15)
    }

    .can-hover\:hover\:bg-neutral-500:hover {
        background-color: rgb(var(--color-neutral-500))
    }

    .can-hover\:hover\:bg-neutral-600:hover {
        background-color: rgb(var(--color-neutral-600))
    }

    .can-hover\:hover\:bg-neutral-700:hover {
        background-color: rgb(var(--color-neutral-700))
    }

    .can-hover\:hover\:bg-primary-400:hover {
        background-color: rgb(var(--color-primary-400))
    }

    .can-hover\:hover\:text-light:hover {
        color: rgb(var(--color-light))
    }

    .can-hover\:hover\:text-neutral-100:hover {
        color: rgb(var(--color-neutral-100))
    }

    .can-hover\:hover\:text-neutral-200:hover {
        color: rgb(var(--color-neutral-200))
    }

    .can-hover\:hover\:text-primary-400:hover {
        color: rgb(var(--color-primary-400))
    }

    .can-hover\:hover\:before\:opacity-0:hover:before {
        content: var(--tw-content);
        opacity: 0
    }

    .can-hover\:active\:bg-neutral-700:active {
        background-color: rgb(var(--color-neutral-700))
    }

    .can-hover\:active\:bg-primary-500:active {
        background-color: rgb(var(--color-primary-500))
    }

    .can-hover\:active\:bg-primary-600:active {
        background-color: rgb(var(--color-primary-600))
    }

    .can-hover\:active\:text-neutral-300:active,
    .can-hover\:hover\:active\:text-neutral-300:active:hover {
        color: rgb(var(--color-neutral-300))
    }

    .can-hover\:hover\:active\:text-primary-600:active:hover {
        color: rgb(var(--color-primary-600))
    }
}

@media (orientation: portrait) {
    .portrait\:overflow-hidden {
        overflow: hidden
    }
}

.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none
}

.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none
}

.\[\&\:first-child\]\:w-30:first-child {
    width: 120px
}

.\[\&\:nth-child\(11n\+1\)\]\:min-w-28:nth-child(11n+1) {
    min-width: 112px
}

.\[\&\:nth-child\(11n\+10\)\]\:min-w-38\.5:nth-child(11n+10) {
    min-width: 154px
}

.\[\&\:nth-child\(11n\+11\)\]\:min-w-35:nth-child(11n+11) {
    min-width: 140px
}

.\[\&\:nth-child\(11n\+2\)\]\:min-w-19:nth-child(11n+2) {
    min-width: 76px
}

.\[\&\:nth-child\(11n\+3\)\]\:min-w-23\.5:nth-child(11n+3) {
    min-width: 94px
}

.\[\&\:nth-child\(11n\+4\)\]\:min-w-21\.5:nth-child(11n+4) {
    min-width: 86px
}

.\[\&\:nth-child\(11n\+5\)\]\:min-w-18:nth-child(11n+5) {
    min-width: 72px
}

.\[\&\:nth-child\(11n\+6\)\]\:min-w-37\.5:nth-child(11n+6) {
    min-width: 150px
}

.\[\&\:nth-child\(11n\+7\)\]\:min-w-27:nth-child(11n+7) {
    min-width: 108px
}

.\[\&\:nth-child\(11n\+8\)\]\:min-w-33:nth-child(11n+8) {
    min-width: 132px
}

.\[\&\:nth-child\(11n\+9\)\]\:min-w-32\.5:nth-child(11n+9) {
    min-width: 130px
}

.\[\&\:nth-child\(2\)\]\:w-\[calc\(100\%-128px\)\]:nth-child(2) {
    width: calc(100% - 128px)
}

.\[\&\:nth-child\(3\)\]\:w-\[calc\(50\%-4px\)\]:nth-child(3) {
    width: calc(50% - 4px)
}

.\[\&\:nth-child\(4\)\]\:w-\[calc\(50\%-4px\)\]:nth-child(4) {
    width: calc(50% - 4px)
}

.\[\&\:nth-child\(5\)\]\:w-full:nth-child(5) {
    width: 100%
}

.\[\&\:nth-child\(6\)\]\:w-full:nth-child(6) {
    width: 100%
}

.\[\&\:nth-child\(7\)\]\:w-\[calc\(50\%-4px\)\]:nth-child(7) {
    width: calc(50% - 4px)
}

.\[\&\:nth-child\(8\)\]\:w-\[calc\(50\%-4px\)\]:nth-child(8) {
    width: calc(50% - 4px)
}

.\[\&\:nth-child\(9\)\]\:mt-1:nth-child(9) {
    margin-top: 4px
}

.\[\&\:nth-child\(9\)\]\:w-full:nth-child(9) {
    width: 100%
}

@media (min-width: 540px) {
    .\[\&\:nth-child\(9\)\]\:sm\:mt-2:nth-child(9) {
        margin-top: 8px
    }
}

.\[\&_span\]\:text-primary-500 span {
    color: rgb(var(--color-primary-500))
}

.\[\&_span\]\:no-underline span {
    text-decoration-line: none
}

.resize-observer[data-v-b329ee4c] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    border: none;
    background-color: transparent;
    pointer-events: none;
    display: block;
    overflow: hidden;
    opacity: 0
}

.resize-observer[data-v-b329ee4c] object {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: -1
}

.v-popper__popper {
    z-index: 10000;
    top: 0;
    left: 0;
    outline: none
}

.v-popper__popper.v-popper__popper--hidden {
    visibility: hidden;
    opacity: 0;
    transition: opacity .15s, visibility .15s;
    pointer-events: none
}

.v-popper__popper.v-popper__popper--shown {
    visibility: visible;
    opacity: 1;
    transition: opacity .15s
}

.v-popper__popper.v-popper__popper--skip-transition,
.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper {
    transition: none !important
}

.v-popper__backdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none
}

.v-popper__inner {
    position: relative;
    box-sizing: border-box;
    overflow-y: auto
}

.v-popper__inner>div {
    position: relative;
    z-index: 1;
    max-width: inherit;
    max-height: inherit
}

.v-popper__arrow-container {
    position: absolute;
    width: 10px;
    height: 10px
}

.v-popper__popper--arrow-overflow .v-popper__arrow-container,
.v-popper__popper--no-positioning .v-popper__arrow-container {
    display: none
}

.v-popper__arrow-inner,
.v-popper__arrow-outer {
    border-style: solid;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0
}

.v-popper__arrow-inner {
    visibility: hidden;
    border-width: 7px
}

.v-popper__arrow-outer {
    border-width: 6px
}

.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner {
    left: -2px
}

.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,
.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer {
    left: -1px
}

.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer {
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important
}

.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer {
    border-bottom-width: 0
}

.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner {
    top: -2px
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container {
    top: 0
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer {
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer {
    border-top-width: 0
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner {
    top: -4px
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer {
    top: -6px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner {
    top: -2px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,
.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer {
    top: -1px
}

.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer {
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important
}

.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer {
    border-left-width: 0
}

.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner {
    left: -4px
}

.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer {
    left: -6px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container {
    right: -10px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer {
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer {
    border-right-width: 0
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner {
    left: -2px
}

.v-popper--theme-tooltip .v-popper__inner {
    background: #000c;
    color: #fff;
    border-radius: 6px;
    padding: 7px 12px 6px
}

.v-popper--theme-tooltip .v-popper__arrow-outer {
    border-color: #000c
}

.v-popper--theme-dropdown .v-popper__inner {
    background: #fff;
    color: #000;
    border-radius: 6px;
    border: 1px solid #ddd;
    box-shadow: 0 6px 30px #0000001a
}

.v-popper--theme-dropdown .v-popper__arrow-inner {
    visibility: visible;
    border-color: #fff
}

.v-popper--theme-dropdown .v-popper__arrow-outer {
    border-color: #ddd
}

.Vue-Toastification__container {
    z-index: 9999;
    position: fixed;
    padding: 4px;
    width: 600px;
    box-sizing: border-box;
    display: flex;
    min-height: 100%;
    color: #fff;
    flex-direction: column;
    pointer-events: none
}

@media only screen and (min-width : 600px) {

    .Vue-Toastification__container.top-left,
    .Vue-Toastification__container.top-right,
    .Vue-Toastification__container.top-center {
        top: 1em
    }

    .Vue-Toastification__container.bottom-left,
    .Vue-Toastification__container.bottom-right,
    .Vue-Toastification__container.bottom-center {
        bottom: 1em;
        flex-direction: column-reverse
    }

    .Vue-Toastification__container.top-left,
    .Vue-Toastification__container.bottom-left {
        left: 1em
    }

    .Vue-Toastification__container.top-left .Vue-Toastification__toast,
    .Vue-Toastification__container.bottom-left .Vue-Toastification__toast {
        margin-right: auto
    }

    @supports not (-moz-appearance: none) {

        .Vue-Toastification__container.top-left .Vue-Toastification__toast--rtl,
        .Vue-Toastification__container.bottom-left .Vue-Toastification__toast--rtl {
            margin-right: 0;
            margin-right: initial;
            margin-left: auto
        }
    }

    .Vue-Toastification__container.top-right,
    .Vue-Toastification__container.bottom-right {
        right: 1em
    }

    .Vue-Toastification__container.top-right .Vue-Toastification__toast,
    .Vue-Toastification__container.bottom-right .Vue-Toastification__toast {
        margin-left: auto
    }

    @supports not (-moz-appearance: none) {

        .Vue-Toastification__container.top-right .Vue-Toastification__toast--rtl,
        .Vue-Toastification__container.bottom-right .Vue-Toastification__toast--rtl {
            margin-left: 0;
            margin-left: initial;
            margin-right: auto
        }
    }

    .Vue-Toastification__container.top-center,
    .Vue-Toastification__container.bottom-center {
        left: 50%;
        margin-left: -300px
    }

    .Vue-Toastification__container.top-center .Vue-Toastification__toast,
    .Vue-Toastification__container.bottom-center .Vue-Toastification__toast {
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (max-width : 600px) {
    .Vue-Toastification__container {
        width: 100vw;
        padding: 0;
        left: 0;
        margin: 0
    }

    .Vue-Toastification__container .Vue-Toastification__toast {
        width: 100%
    }

    .Vue-Toastification__container.top-left,
    .Vue-Toastification__container.top-right,
    .Vue-Toastification__container.top-center {
        top: 0
    }

    .Vue-Toastification__container.bottom-left,
    .Vue-Toastification__container.bottom-right,
    .Vue-Toastification__container.bottom-center {
        bottom: 0;
        flex-direction: column-reverse
    }
}

.Vue-Toastification__toast {
    display: inline-flex;
    position: relative;
    max-height: 800px;
    min-height: 64px;
    box-sizing: border-box;
    margin-bottom: 1rem;
    padding: 22px 24px;
    border-radius: 8px;
    box-shadow: 0 1px 10px #0000001a, 0 2px 15px #0000000d;
    justify-content: space-between;
    font-family: Lato, Helvetica, Roboto, Arial, sans-serif;
    max-width: 600px;
    min-width: 326px;
    pointer-events: auto;
    overflow: hidden;
    transform: translateZ(0);
    direction: ltr
}

.Vue-Toastification__toast--rtl {
    direction: rtl
}

.Vue-Toastification__toast--default {
    background-color: #1976d2;
    color: #fff
}

.Vue-Toastification__toast--info {
    background-color: #2196f3;
    color: #fff
}

.Vue-Toastification__toast--success {
    background-color: #4caf50;
    color: #fff
}

.Vue-Toastification__toast--error {
    background-color: #ff5252;
    color: #fff
}

.Vue-Toastification__toast--warning {
    background-color: #ffc107;
    color: #fff
}

@media only screen and (max-width : 600px) {
    .Vue-Toastification__toast {
        border-radius: 0;
        margin-bottom: .5rem
    }
}

.Vue-Toastification__toast-body {
    flex: 1;
    line-height: 24px;
    font-size: 16px;
    word-break: break-word;
    white-space: pre-wrap
}

.Vue-Toastification__toast-component-body {
    flex: 1
}

.Vue-Toastification__toast.disable-transition {
    animation: none !important
}

.Vue-Toastification__close-button {
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    background: transparent;
    outline: none;
    border: none;
    padding: 0 0 0 10px;
    cursor: pointer;
    transition: .3s ease;
    align-items: center;
    color: #fff;
    opacity: .3;
    transition: visibility 0s, opacity .2s linear
}

.Vue-Toastification__close-button:hover,
.Vue-Toastification__close-button:focus {
    opacity: 1
}

.Vue-Toastification__toast:not(:hover) .Vue-Toastification__close-button.show-on-hover {
    opacity: 0
}

.Vue-Toastification__toast--rtl .Vue-Toastification__close-button {
    padding-left: 0;
    padding-left: initial;
    padding-right: 10px
}

@keyframes scale-x-frames {
    0% {
        transform: scaleX(1)
    }

    to {
        transform: scaleX(0)
    }
}

.Vue-Toastification__progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    z-index: 10000;
    background-color: #ffffffb3;
    transform-origin: left;
    animation: scale-x-frames linear 1 forwards
}

.Vue-Toastification__toast--rtl .Vue-Toastification__progress-bar {
    right: 0;
    left: auto;
    left: initial;
    transform-origin: right
}

.Vue-Toastification__icon {
    margin: auto 18px auto 0;
    background: transparent;
    outline: none;
    border: none;
    padding: 0;
    transition: .3s ease;
    align-items: center;
    width: 20px;
    height: 100%
}

.Vue-Toastification__toast--rtl .Vue-Toastification__icon {
    margin: auto 0 auto 18px
}

@keyframes bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        transform: translate3d(10px, 0, 0)
    }

    90% {
        transform: translate3d(-5px, 0, 0)
    }

    to {
        transform: none
    }
}

@keyframes bounceOutRight {
    40% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(1000px, 0, 0)
    }
}

@keyframes bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }

    75% {
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        transform: translate3d(5px, 0, 0)
    }

    to {
        transform: none
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    75% {
        transform: translate3d(0, 10px, 0)
    }

    90% {
        transform: translate3d(0, -5px, 0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }

    75% {
        transform: translate3d(0, -10px, 0)
    }

    90% {
        transform: translate3d(0, 5px, 0)
    }

    to {
        transform: none
    }
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.Vue-Toastification__bounce-enter-active.top-left,
.Vue-Toastification__bounce-enter-active.bottom-left {
    animation-name: bounceInLeft
}

.Vue-Toastification__bounce-enter-active.top-right,
.Vue-Toastification__bounce-enter-active.bottom-right {
    animation-name: bounceInRight
}

.Vue-Toastification__bounce-enter-active.top-center {
    animation-name: bounceInDown
}

.Vue-Toastification__bounce-enter-active.bottom-center {
    animation-name: bounceInUp
}

.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-left,
.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-left {
    animation-name: bounceOutLeft
}

.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-right,
.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-right {
    animation-name: bounceOutRight
}

.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-center {
    animation-name: bounceOutUp
}

.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-center {
    animation-name: bounceOutDown
}

.Vue-Toastification__bounce-leave-active,
.Vue-Toastification__bounce-enter-active {
    animation-duration: .75s;
    animation-fill-mode: both
}

.Vue-Toastification__bounce-move {
    transition-timing-function: ease-in-out;
    transition-property: all;
    transition-duration: .4s
}

@keyframes fadeOutTop {
    0% {
        transform: translateY(0);
        opacity: 1
    }

    to {
        transform: translateY(-50px);
        opacity: 0
    }
}

@keyframes fadeOutLeft {
    0% {
        transform: translate(0);
        opacity: 1
    }

    to {
        transform: translate(-50px);
        opacity: 0
    }
}

@keyframes fadeOutBottom {
    0% {
        transform: translateY(0);
        opacity: 1
    }

    to {
        transform: translateY(50px);
        opacity: 0
    }
}

@keyframes fadeOutRight {
    0% {
        transform: translate(0);
        opacity: 1
    }

    to {
        transform: translate(50px);
        opacity: 0
    }
}

@keyframes fadeInLeft {
    0% {
        transform: translate(-50px);
        opacity: 0
    }

    to {
        transform: translate(0);
        opacity: 1
    }
}

@keyframes fadeInRight {
    0% {
        transform: translate(50px);
        opacity: 0
    }

    to {
        transform: translate(0);
        opacity: 1
    }
}

@keyframes fadeInTop {
    0% {
        transform: translateY(-50px);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes fadeInBottom {
    0% {
        transform: translateY(50px);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

.Vue-Toastification__fade-enter-active.top-left,
.Vue-Toastification__fade-enter-active.bottom-left {
    animation-name: fadeInLeft
}

.Vue-Toastification__fade-enter-active.top-right,
.Vue-Toastification__fade-enter-active.bottom-right {
    animation-name: fadeInRight
}

.Vue-Toastification__fade-enter-active.top-center {
    animation-name: fadeInTop
}

.Vue-Toastification__fade-enter-active.bottom-center {
    animation-name: fadeInBottom
}

.Vue-Toastification__fade-leave-active:not(.disable-transition).top-left,
.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-left {
    animation-name: fadeOutLeft
}

.Vue-Toastification__fade-leave-active:not(.disable-transition).top-right,
.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-right {
    animation-name: fadeOutRight
}

.Vue-Toastification__fade-leave-active:not(.disable-transition).top-center {
    animation-name: fadeOutTop
}

.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-center {
    animation-name: fadeOutBottom
}

.Vue-Toastification__fade-leave-active,
.Vue-Toastification__fade-enter-active {
    animation-duration: .75s;
    animation-fill-mode: both
}

.Vue-Toastification__fade-move {
    transition-timing-function: ease-in-out;
    transition-property: all;
    transition-duration: .4s
}

@keyframes slideInBlurredLeft {
    0% {
        transform: translate(-1000px) scaleX(2.5) scaleY(.2);
        transform-origin: 100% 50%;
        filter: blur(40px);
        opacity: 0
    }

    to {
        transform: translate(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1
    }
}

@keyframes slideInBlurredTop {
    0% {
        transform: translateY(-1000px) scaleY(2.5) scaleX(.2);
        transform-origin: 50% 0%;
        filter: blur(240px);
        opacity: 0
    }

    to {
        transform: translateY(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1
    }
}

@keyframes slideInBlurredRight {
    0% {
        transform: translate(1000px) scaleX(2.5) scaleY(.2);
        transform-origin: 0% 50%;
        filter: blur(40px);
        opacity: 0
    }

    to {
        transform: translate(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1
    }
}

@keyframes slideInBlurredBottom {
    0% {
        transform: translateY(1000px) scaleY(2.5) scaleX(.2);
        transform-origin: 50% 100%;
        filter: blur(240px);
        opacity: 0
    }

    to {
        transform: translateY(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1
    }
}

@keyframes slideOutBlurredTop {
    0% {
        transform: translateY(0) scaleY(1) scaleX(1);
        transform-origin: 50% 0%;
        filter: blur(0);
        opacity: 1
    }

    to {
        transform: translateY(-1000px) scaleY(2) scaleX(.2);
        transform-origin: 50% 0%;
        filter: blur(240px);
        opacity: 0
    }
}

@keyframes slideOutBlurredBottom {
    0% {
        transform: translateY(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1
    }

    to {
        transform: translateY(1000px) scaleY(2) scaleX(.2);
        transform-origin: 50% 100%;
        filter: blur(240px);
        opacity: 0
    }
}

@keyframes slideOutBlurredLeft {
    0% {
        transform: translate(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1
    }

    to {
        transform: translate(-1000px) scaleX(2) scaleY(.2);
        transform-origin: 100% 50%;
        filter: blur(40px);
        opacity: 0
    }
}

@keyframes slideOutBlurredRight {
    0% {
        transform: translate(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1
    }

    to {
        transform: translate(1000px) scaleX(2) scaleY(.2);
        transform-origin: 0% 50%;
        filter: blur(40px);
        opacity: 0
    }
}

.Vue-Toastification__slideBlurred-enter-active.top-left,
.Vue-Toastification__slideBlurred-enter-active.bottom-left {
    animation-name: slideInBlurredLeft
}

.Vue-Toastification__slideBlurred-enter-active.top-right,
.Vue-Toastification__slideBlurred-enter-active.bottom-right {
    animation-name: slideInBlurredRight
}

.Vue-Toastification__slideBlurred-enter-active.top-center {
    animation-name: slideInBlurredTop
}

.Vue-Toastification__slideBlurred-enter-active.bottom-center {
    animation-name: slideInBlurredBottom
}

.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-left,
.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-left {
    animation-name: slideOutBlurredLeft
}

.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-right,
.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-right {
    animation-name: slideOutBlurredRight
}

.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-center {
    animation-name: slideOutBlurredTop
}

.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-center {
    animation-name: slideOutBlurredBottom
}

.Vue-Toastification__slideBlurred-leave-active,
.Vue-Toastification__slideBlurred-enter-active {
    animation-duration: .75s;
    animation-fill-mode: both
}

.Vue-Toastification__slideBlurred-move {
    transition-timing-function: ease-in-out;
    transition-property: all;
    transition-duration: .4s
}

@font-face {
    font-family: swiper-icons;
    src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA) format("woff");
    font-weight: 400;
    font-style: normal
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-3d {
    perspective: 1200px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-3d .swiper-slide-shadow {
    background: #00000026
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, #00000080, #0000)
}

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

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

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

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

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

    to {
        transform: rotate(360deg)
    }
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 50%;
    top: var(--swiper-navigation-top-offset, 50%);
    width: 27px;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: 44px;
    height: var(--swiper-navigation-size);
    margin-top: -22px;
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
    display: none !important
}

.swiper-button-prev svg,
.swiper-button-next svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    transform-origin: center
}

.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
    transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 10px;
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-prev:after,
.swiper-button-next:after {
    text-transform: none !important
}

.swiper-button-prev:after,
.swiper-button-next:after {
    font-family: swiper-icons;
    font-size: 44px;
    font-size: var(--swiper-navigation-size);
    letter-spacing: 0;
    font-variant: normal;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 10px;
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 8px;
    bottom: var(--swiper-pagination-bottom, 8px);
    top: auto;
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: 8px;
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 50%;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: #000;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: .2;
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: 1;
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-vertical>.swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
    right: 8px;
    right: var(--swiper-pagination-right, 8px);
    left: auto;
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translate(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-fraction {
    color: inherit;
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: #00000040;
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

.swiper-vertical>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: 4px;
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    touch-action: none;
    background: #0000001a;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: 1%;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: 4px;
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: auto;
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: 4px;
    height: var(--swiper-scrollbar-size, 4px);
    width: 98%;
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-vertical>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
    position: absolute;
    left: auto;
    left: var(--swiper-scrollbar-left, auto);
    right: 4px;
    right: var(--swiper-scrollbar-right, 4px);
    top: 1%;
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: 4px;
    width: var(--swiper-scrollbar-size, 4px);
    height: 98%;
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: #00000080;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
    border-radius: 10px;
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

:root {
    --swiper-pagination-bullet-horizontal-gap: 0
}

.swiperButton.--disabled {
    pointer-events: none;
    cursor: default;
    background-color: rgb(var(--color-transparent-white-8));
    color: rgb(var(--color-transparent-white-10))
}

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

.swiperPaginationButtons.swiperPaginationButtons--fullWidth,
.swiperPaginationButtons.swiperPaginationButtons--default {
    justify-content: flex-start
}

.swiperPaginationButtons .swiper-pagination-bullet {
    position: relative;
    isolation: isolate;
    z-index: 10;
    height: 4px;
    width: 12px;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: var(--radius-lg);
    background-color: rgb(var(--color-transparent-white-10))
}

@media (hover: hover) and (pointer: fine) {
    .swiperPaginationButtons .swiper-pagination-bullet:hover {
        background-color: rgb(var(--color-transparent-white-8))
    }
}

.swiperPaginationButtons .swiper-pagination-bullet {
    opacity: 1;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .3s
}

.swiperPaginationButtons .swiper-pagination-bullet-active {
    width: 24px;
    border-radius: var(--radius-lg);
    background-color: rgb(var(--color-transparent-white-10))
}

.swiperPaginationButtons .swiper-pagination-bullet-active:before {
    transform-origin: left;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 4px;
    width: 100%;
    border-radius: var(--radius-lg);
    background-color: rgb(var(--color-primary-500))
}

@keyframes swiper-bullet-width {
    0% {
        transform: scaleX(0)
    }

    to {
        transform: scaleX(1)
    }
}

.swiperPaginationButtons .swiper-pagination-bullet-active:before {
    animation: swiper-bullet-width 10s linear forwards
}

.swiperPaginationButtons .swiper-pagination-bullet-active:after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: var(--radius-lg)
}

@keyframes swiper-bullet-opacity {
    0% {
        opacity: 100
    }

    50% {
        opacity: 70
    }

    to {
        opacity: 0
    }
}

.swiperPaginationButtons .swiper-pagination-bullet-active:after {
    animation: swiper-bullet-opacity 9.5s linear forwards
}

.swiperAchievementsPaginationButtons {
    width: -moz-max-content !important;
    width: max-content !important
}

.swiperAchievementsPaginationButtons {
    display: flex;
    gap: .125rem;
    border-radius: var(--radius-components);
    background-color: rgb(var(--color-neutral-700))
}

.swiperAchievementsPaginationButtons .swiper-pagination-bullet {
    margin: 0 !important
}

.swiperAchievementsPaginationButtons .swiper-pagination-bullet {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-14);
    line-height: var(--font-line-height-20);
    position: relative;
    width: 32px;
    height: 32px;
    border-radius: var(--radius-components);
    background-color: rgb(var(--color-neutral-700));
    color: rgb(var(--color-neutral-200));
    opacity: 1;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .3s
}

@media (hover: hover) and (pointer: fine) {
    .swiperAchievementsPaginationButtons .swiper-pagination-bullet:hover {
        background-color: rgb(var(--color-neutral-500));
        color: rgb(var(--color-neutral-100))
    }
}

.swiperAchievementsPaginationButtons .swiper-pagination-bullet-active {
    pointer-events: none;
    background-color: rgb(var(--color-primary-500));
    color: rgb(var(--color-neutral-100))
}

.swiper-scrollbar {
    bottom: 0 !important;
    left: 16px !important;
    width: calc(100% - 32px) !important
}

.swiper-scrollbar {
    height: 4px;
    border-radius: 9999px;
    background-color: rgb(var(--color-neutral-600))
}

.swiper-scrollbar-drag {
    border-radius: 9999px;
    background-color: rgb(var(--color-primary-500))
}

#gamesCategoriesList li a {
    display: flex;
    gap: 5px;
}

#gamesCategoriesList {
    flex-wrap: wrap;
    justify-content: center;
}

.winnersList {
    list-style: none !important;
}

.block_item {
    margin: 20px 0;
}

.contents a,
.contents a:hover {
    color: #fff;
    text-decoration: none;
}

.contents {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    gap: 15px;
}

.contents a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 14px;
    word-break: keep-all;
    transition: transform .7s;
}

.contents a:hover {
    transform: scale(1.03);
    transition: transform .2s;
}


.contents {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    margin: 20px 0;
}

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

    .footer_nav {
        flex-direction: column;
    }
}

.footer_nav {
    justify-content: flex-start;
    gap: 20px;
    align-items: center;
}