html {
    box-sizing: border-box;
    -webkit-text-size-adjust: 100%;
    font-family: NunitoSans Regular,sans-serif
}

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

body {
    -webkit-text-rendering: geometricPrecision;
    -moz-text-rendering: geometricPrecision;
    -o-text-rendering: geometricPrecision;
    -ms-text-rendering: geometricPrecision;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-font-smoothing: subpixel-antialiased;
    -o-font-smoothing: subpixel-antialiased;
    -ms-font-smoothing: subpixel-antialiased;
    font-smoothing: subpixel-antialiased;
    margin: 0
}

button,input,optgroup,select,textarea {
    margin: 0;
    font-family: inherit;
    font-size: 100%
}

button,select {
    text-transform: none
}

button::-moz-focus-inner {
    -webkit-appearance: none;
    border-style: none;
    padding: 0
}

[type=button]::-moz-focus-inner {
    -webkit-appearance: none;
    border-style: none;
    padding: 0
}

[type=reset]::-moz-focus-inner {
    -webkit-appearance: none;
    border-style: none;
    padding: 0
}

[type=submit]::-moz-focus-inner {
    -webkit-appearance: none;
    border-style: none;
    padding: 0
}

button:-moz-focusring {
    -webkit-appearance: none;
    outline: 1px dotted buttontext
}

[type=button]:-moz-focusring {
    -webkit-appearance: none;
    outline: 1px dotted buttontext
}

[type=reset]:-moz-focusring {
    -webkit-appearance: none;
    outline: 1px dotted buttontext
}

[type=submit]:-moz-focusring {
    -webkit-appearance: none;
    outline: 1px dotted buttontext
}

[type=number]::-webkit-inner-spin-button {
    height: auto
}

[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

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

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%
}

caption,th,td {
    text-align: left
}

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

input:focus,select:focus,textarea:focus {
    outline: none
}

button {
    font-family: inherit;
    font-style: inherit;
    font-variant: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    cursor: pointer;
    -webkit-appearance: none;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    outline: none;
    padding: 0;
    text-decoration: none
}

button[disabled] {
    cursor: default
}

p {
    margin: 0
}

ui-reset {
    display: none
}

input:-webkit-autofill {
    transition: background-color 999999s ease-in-out;
    -webkit-text-fill-color: var(--color-text-primary)!important
}

input:-webkit-autofill:hover {
    transition: background-color 999999s ease-in-out;
    -webkit-text-fill-color: var(--color-text-primary)!important
}

input:-webkit-autofill:focus {
    transition: background-color 999999s ease-in-out;
    -webkit-text-fill-color: var(--color-text-primary)!important
}

input:-webkit-autofill:active {
    transition: background-color 999999s ease-in-out;
    -webkit-text-fill-color: var(--color-text-primary)!important
}

:focus,:hover,:active {
    outline-offset: 0;
    outline: 0
}

:root {
    --border-radius-main: 4px;
    --border-radius-round: 50%;
    --color-black: 30,31,34;
    --color-main-100: 42,43,48;
    --color-main-90: 62,63,69;
    --color-main-80: 84,86,95;
    --color-main-70: 106,108,119;
    --color-main-60: 134,136,147;
    --color-main-50: 155,156,166;
    --color-main-40: 174,175,183;
    --color-main-25: 204,204,209;
    --color-main-15: 224,224,227;
    --color-main-10: 240,240,242;
    --color-main-5: 246,247,247;
    --color-white: 255,255,255;
    --color-red-soft: 252,206,209;
    --color-red-light: 250,158,163;
    --color-red: 255,100,108;
    --color-red-bright: 255,0,0;
    --color-red-faint: 204,51,59;
    --color-red-dark: 124,3,9;
    --color-orange: 255,143,0;
    --color-orange-dark: 153,86,0;
    --color-orange-faint: 209,148,71;
    --color-orange-bright: 255,119,0;
    --color-orange-light: 255,188,102;
    --color-orange-soft: 255,233,204;
    --color-yellow: 255,221,60;
    --color-yellow-dark: 147,123,16;
    --color-yellow-faint: 250,200,26;
    --color-yellow-bright: 255,245,51;
    --color-yellow-light: 255,239,163;
    --color-yellow-soft: 255,248,214;
    --color-green: 20,198,121;
    --color-green-dark: 11,107,65;
    --color-green-faint: 64,156,116;
    --color-green-bright: 1,255,0;
    --color-green-light: 102,219,168;
    --color-green-soft: 185,238,215;
    --color-cyan: 72,230,230;
    --color-cyan-dark: 25,138,148;
    --color-cyan-faint: 79,173,181;
    --color-cyan-bright: 0,255,255;
    --color-cyan-light: 161,242,242;
    --color-cyan-soft: 210,249,249;
    --color-blue: 12,121,248;
    --color-blue-dark: 4,73,154;
    --color-blue-faint: 93,139,192;
    --color-blue-bright: 0,0,255;
    --color-blue-light: 111,176,251;
    --color-blue-soft: 210,230,254;
    --color-violet: 128,52,194;
    --color-violet-dark: 74,30,113;
    --color-violet-faint: 119,88,147;
    --color-violet-bright: 136,0,255;
    --color-violet-light: 177,126,220;
    --color-violet-soft: 226,207,242;
    --color-pink: 247,110,242;
    --color-pink-dark: 115,38,112;
    --color-pink-faint: 153,51,149;
    --color-pink-bright: 255,0,245;
    --color-pink-light: 255,173,252;
    --color-pink-soft: 249,231,248;
    --color-main-8: 240,240,242;
    --color-main-4: 246,247,247;
    --height-xs-xl: 1px;
    --height-sm-3xs: 2px;
    --height-sm-2xs: 4px;
    --height-sm-xs: 6px;
    --height-sm-s: 8px;
    --height-sm-sm: 10px;
    --height-sm-m: 12px;
    --height-sm-ml: 14px;
    --height-sm-l: 16px;
    --height-sm-xl: 18px;
    --height-sm-2xl: 20px;
    --height-md-2xs: 24px;
    --height-md-xs: 28px;
    --height-md-s: 32px;
    --height-md-m: 36px;
    --height-md-l: 40px;
    --height-md-xl: 44px;
    --height-md-2xl: 48px;
    --height-lg-xs: 52px;
    --height-lg-s: 56px;
    --height-lg-m: 60px;
    --height-lg-l: 64px;
    --height-lg-xl: 68px;
    --height-lg-2xl: 72px;
    --height-lg-3xl: 76px;
    --height-xl-2xs: 80px;
    --height-xl-xs: 84px;
    --height-xl-s: 88px;
    --height-xl-m: 92px;
    --height-xl-l: 96px;
    --height-xl-xl: 100px;
    --height-xl-2xl: 104px;
    --height-xl-3xl: 200px;
    --offset-sm-xxxs: 2px;
    --offset-sm-xxs: 4px;
    --offset-sm-xxxl: 24px;
    --offset-md-xxl: 48px;
    --offset-lg-xxl: 72px;
    --offset-lg-xxxl: 76px;
    --offset-sm-3xs: 2px;
    --offset-sm-2xs: 4px;
    --offset-sm-xs: 6px;
    --offset-sm-s: 8px;
    --offset-sm-sm: 10px;
    --offset-sm-m: 12px;
    --offset-sm-ml: 14px;
    --offset-sm-l: 16px;
    --offset-sm-xl: 18px;
    --offset-sm-xxl: 20px;
    --offset-md-2xs: 24px;
    --offset-md-xs: 28px;
    --offset-md-s: 32px;
    --offset-md-m: 36px;
    --offset-md-l: 40px;
    --offset-md-xl: 44px;
    --offset-md-2xl: 48px;
    --offset-lg-xs: 52px;
    --offset-lg-s: 56px;
    --offset-lg-m: 60px;
    --offset-lg-l: 64px;
    --offset-lg-xl: 68px;
    --offset-lg-2xl: 72px;
    --offset-lg-3xl: 76px;
    --cubic-ease-out: cubic-bezier(.215,.61,.355,1);
    --cubic-ease-in: cubic-bezier(.55,.055,.675,.19);
    --cubic-ease-in-out: cubic-bezier(.645,.045,.355,1);
    --transition-slowest: 1s;
    --transition-slower: .7s;
    --transition-slow: .5s;
    --transition-standart: .35s;
    --transition-medium: .3s;
    --transition-fast: .25s;
    --transition-faster: .2s;
    --transition-fastest: .15s;
    --width-sm-4xs: 1px;
    --width-sm-3xs: 2px;
    --width-sm-2xs: 4px;
    --width-sm-xs: 6px;
    --width-sm-s: 8px;
    --width-sm-sm: 10px;
    --width-sm-m: 12px;
    --width-sm-ml: 14px;
    --width-sm-l: 16px;
    --width-sm-xl: 18px;
    --width-sm-2xl: 20px;
    --width-md-2xs: 24px;
    --width-md-xs: 28px;
    --width-md-s: 32px;
    --width-md-m: 36px;
    --width-md-l: 40px;
    --width-md-xl: 44px;
    --width-md-2xl: 48px;
    --width-lg-xs: 52px;
    --width-lg-s: 56px;
    --width-lg-m: 60px;
    --width-lg-l: 64px;
    --width-lg-xl: 68px;
    --width-lg-2xl: 72px;
    --width-lg-3xl: 76px;
    --width-xl-2xs: 80px;
    --width-xl-xs: 84px;
    --width-xl-s: 88px;
    --width-xl-m: 92px;
    --width-xl-l: 96px;
    --width-xl-xl: 100px;
    --width-xl-2xl: 104px;
    --width-xl-3xl: 200px;
    --width-mobile-xs: 288px;
    --width-mobile-s: 512px;
    --width-tablet-s: 688px;
    --width-tablet-m: 944px;
    --width-laptop-l: 1104px;
    --width-desktop-xl: 1264px;
    --width-full: 100%;
    --zindex-bottom: -1000;
    --zindex-minus-50: -50;
    --zindex-0: 0;
    --zindex-1: 1;
    --zindex-2: 2;
    --zindex-3: 3;
    --zindex-4: 4;
    --zindex-5: 5;
    --zindex-6: 6;
    --zindex-7: 7;
    --zindex-8: 8;
    --zindex-9: 9;
    --zindex-10: 10;
    --zindex-50: 50;
    --zindex-100: 100;
    --zindex-150: 150;
    --zindex-200: 200;
    --zindex-250: 250;
    --zindex-300: 300;
    --zindex-350: 350;
    --zindex-400: 400;
    --zindex-450: 450;
    --zindex-500: 500;
    --zindex-1000: 1000;
    --zindex-1050: 1050;
    --zindex-top: 9999;
    --opacity-0: 0;
    --opacity-01: .01;
    --opacity-1: .1;
    --opacity-2: .2;
    --opacity-3: .3;
    --opacity-4: .4;
    --opacity-5: .5;
    --opacity-6: .6;
    --opacity-7: .7;
    --opacity-8: .8;
    --opacity-9: .8;
    --opacity-10: 1;
    --bg-blur-25: blur(2.5px);
    --bg-blur-50: blur(5px);
    --bg-blur-100: blur(10px);
    --border-width-xs: 1px;
    --border-width-s: 2px;
    --border-width-m: 3px;
    --border-width-l: 4px;
    --border-radius-xxs: 2px;
    --border-radius-xs: 4px;
    --border-radius-s: 6px;
    --border-radius-m: 8px;
    --border-radius-ml: 10px;
    --border-radius-l: 12px;
    --border-radius-xl: 14px;
    --border-radius-2xl: 16px;
    --border-radius-3xl: 18px;
    --border-radius-4xl: 20px;
    --black-xxl: 80px/88px "NunitoSans Black",sans-serif;
    --black-xl: 40px/48px "NunitoSans Black",sans-serif;
    --black-l: 32px/40px "NunitoSans Black",sans-serif;
    --black-m: 24px/32px "NunitoSans Black",sans-serif;
    --black-m-compact: 20px/24px "NunitoSans Black",sans-serif;
    --black-s: 20px/28px "NunitoSans Black",sans-serif;
    --black-xs: 16px/24px "NunitoSans Black",sans-serif;
    --black-xs-compact: 16px/20px "NunitoSans Black",sans-serif;
    --bold-xxl: 20px/28px "NunitoSans Bold",sans-serif;
    --bold-xxl-compact: 20px/24px "NunitoSans Bold",sans-serif;
    --bold-xl: 16px/24px "NunitoSans Bold",sans-serif;
    --bold-xl-compact: 16px/20px "NunitoSans Bold",sans-serif;
    --bold-l: 14px/20px "NunitoSans Bold",sans-serif;
    --bold-m: 12px/16px "NunitoSans Bold",sans-serif;
    --bold-s: 10px/12px "NunitoSans Bold",sans-serif;
    --regular-xl: 20px/28px "NunitoSans Regular",sans-serif;
    --regular-l: 16px/24px "NunitoSans Regular",sans-serif;
    --regular-m: 14px/20px "NunitoSans Regular",sans-serif;
    --regular-s: 12px/16px "NunitoSans Regular",sans-serif;
    --regular-xs: 10px/12px "NunitoSans Regular",sans-serif
}

.font-black-xxl {
    font: var(--black-xxl)
}

.font-black-xl {
    font: var(--black-xl)
}

.font-black-l {
    font: var(--black-l)
}

.font-black-m {
    font: var(--black-m)
}

.font-black-m-compact {
    font: var(--black-m-compact)
}

.font-black-s {
    font: var(--black-s)
}

.font-black-xs {
    font: var(--black-xs)
}

.font-black-xs-compact {
    font: var(--black-xs-compact)
}

.font-bold-xxl {
    font: var(--bold-xxl)
}

.font-bold-xl {
    font: var(--bold-xl)
}

.font-bold-xl-compact {
    font: var(--bold-xl-compact)
}

.font-bold-l {
    font: var(--bold-l)
}

.font-bold-m {
    font: var(--bold-m)
}

.font-bold-s {
    font: var(--bold-s)
}

.font-regular-xl {
    font: var(--regular-xl)
}

.font-regular-l {
    font: var(--regular-l)
}

.font-regular-m {
    font: var(--regular-m)
}

.font-regular-s {
    font: var(--regular-s)
}

.font-regular-xs {
    font: var(--regular-xs)
}

[align-self-start] {
    align-self: flex-start!important
}

[align-self-end] {
    align-self: flex-end!important
}

[align-self-center] {
    align-self: center!important
}

[align-self-stretch] {
    align-self: stretch!important
}

[align-self-baseline] {
    align-self: baseline!important
}

[align-self-auto] {
    align-self: auto!important
}

[wrap] {
    flex-wrap: wrap!important
}

[nowrap] {
    flex-wrap: nowrap!important
}

[wrap-reverse] {
    flex-wrap: wrap-reverse!important
}

[justify-content-start] {
    justify-content: flex-start!important
}

[justify-content-center] {
    justify-content: center!important
}

[justify-content-end] {
    justify-content: flex-end!important
}

[justify-content-around] {
    justify-content: space-around!important
}

[justify-content-between] {
    justify-content: space-between!important
}

[justify-content-evenly] {
    -ms-flex-pack: space-evenly!important;
    justify-content: space-evenly!important
}

[align-items-start] {
    align-items: flex-start!important
}

[align-items-center] {
    align-items: center!important
}

[align-items-end] {
    align-items: flex-end!important
}

[align-items-stretch] {
    align-items: stretch!important
}

[align-items-baseline] {
    align-items: baseline!important
}

vui-icon {
    justify-content: center;
    display: inline-flex
}

:root {
    --color-background-base: #151723;
    --color-background-surface: #232737;
    --color-background-secondary-surface: #393f56;
    --color-background-highlight: #51576c;
    --color-background-inverted: #fff;
    --color-background-accent-positive: #0c8df8;
    --color-background-positive-rgb: 12,141,248;
    --color-background-accent-negative: #82889b;
    --color-background-positive: #53bb48;
    --color-background-warning: #ff7e27;
    --color-background-negative: #ee6b4e;
    --color-stroke-divider: #393f56;
    --color-stroke-active: #51576c;
    --color-stroke-secondary-active: #393f56;
    --color-stroke-highlight: #82889b;
    --color-stroke-inactive: #232737;
    --color-stroke-accent: #f4f4f6;
    --color-stroke-accent-color: #0c8df8;
    --color-stroke-positive: #53bb48;
    --color-stroke-warning: #ff7e27;
    --color-stroke-negative: #ee6b4e;
    --color-text-primary: #f4f4f6;
    --color-text-secondary: #82889b;
    --color-text-inactive: #51576c;
    --color-text-inverted: #151723;
    --color-text-button-primary: #fff;
    --color-text-button-secondary: #f4f4f6;
    --color-text-button-inactive: #82889b;
    --color-text-accent: #0c8df8;
    --color-text-positive: #53bb48;
    --color-text-warning: #ff7e27;
    --color-text-negative: #ee6b4e;
    --color-text-link: #48a9fa;
    --color-icon-primary-active: #f4f4f6;
    --color-icon-primary-highlight: #acb0be;
    --color-icon-primary-inactive: #51576c;
    --color-icon-secondary-active: #82889b;
    --color-icon-secondary-highlight: #f4f4f6;
    --color-icon-secondary-inactive: #51576c;
    --color-icon-button-dark: #232737;
    --color-icon-button-light: #fff;
    --color-icon-button-inactive: #82889b;
    --color-icon-inverted: #232737;
    --color-icon-primary-accent: #0c8df8;
    --color-icon-positive: #53bb48;
    --color-icon-negative: #ee6b4e;
    --color-icon-warning: #ff7e27;
    --color-icon-secondary-accent: #ff7e27;
    --color-button-primary-active: #0c8df8;
    --color-button-primary-highlight: #48a9fa;
    --color-button-primary-inactive: #033a68;
    --color-button-positive-active: #53bb48;
    --color-button-positive-highlight: #8fd388;
    --color-button-positive-inactive: #2b6425;
    --color-button-negative-active: #ee6b4e;
    --color-button-negative-highlight: #f49e8b;
    --color-button-negative-inactive: #741e0b;
    --color-button-secondary-active: #ff7e27;
    --color-button-secondary-highlight: #ffb888;
    --color-button-secondary-inactive: #663210;
    --color-button-neutral-active: #51576c;
    --color-button-neutral-highlight: #666d85;
    --color-button-neutral-inactive: #151723;
    --color-button-inverted: #151723;
    --color-control-active: #0c8df8;
    --color-control-highlight: #48a9fa;
    --color-control-inactive: #033a68;
    --color-chart-yellow: #fff533;
    --color-chart-green: #2aed16;
    --color-chart-cyan: #0ff;
    --color-chart-violet: #80f;
    --color-chart-pink: #ff00f5;
    --color-chart-red: #ff370a;
    --color-chart-candle-red: #ee6b4e;
    --color-chart-candle-green: #53bb48;
    --color-chart-candle-blue: #0c8df8;
    --color-chart-line: #0c8df8;
    --color-black: 21,23,35;
    --color-main-100: 35,39,55;
    --color-main-90: 57,63,86;
    --color-main-80: 81,87,108;
    --color-main-60: 130,136,155;
    --color-main-40: 172,176,190;
    --color-main-15: 221,222,228;
    --color-main-10: 238,239,242;
    --color-main-5: 244,244,246;
    --color-red: 238,107,78;
    --color-green: 83,187,72;
    --color-blue: 12,141,248;
    --color-tournament-gradient: linear-gradient(0deg,#2a2b30 0%,rgba(42,43,48,.8) 30%,rgba(42,43,48,0) 100%);
    --color-opacity-base: 30,31,34;
    --color-opacity-base-inverted: 255,255,255;
    --shadow-e1: 0 2px 6px rgba(0,0,0,.2);
    --shadow-e2: 0 4px 8px rgba(0,0,0,.2),0px 8px 24px rgba(0,0,0,.3);
    --shadow-e3: 0 8px 16px rgba(0,0,0,.3),0px 12px 32px rgba(0,0,0,.4);
    --color-main-8: 238,239,242;
    --color-main-4: 244,244,246
}