@charset "UTF-8";
:root {
  --c-bg-light: var(--color-mono-0);
  --c-bg-default: var(--color-mono-5);
  --c-bg-default-blured: rgb(var(253, 253, 254), 0.4);
  --c-bg-default-transparent: rgb(var(253, 253, 254), 0);
  --c-bg-surface: var(--color-mono-10);
  --c-bg-surface-medium: var(--color-mono-50);
  --c-bg-surface-high: var(--color-mono-100);
  --c-bg-overlay: rgb(39, 48, 62, 40%);
  --c-t-primary: var(--color-mono-1000);
  --c-t-secondary: var(--color-mono-500);
  --c-t-primary-white: var(--color-mono-0);
  --c-t-links: var(--color-blue-500);
  --c-t-links-hovered: var(--color-blue-400);
  --c-t-links-pressed: var(--color-blue-600);
  --c-t-critical: var(--color-red-500);
  --c-t-success: var(--color-green-500);
  --c-t-warning: var(--color-yellow-500);
  --c-btn-p-default: var(--color-blue-500);
  --c-btn-p-hovered: var(--color-blue-400);
  --c-btn-p-pressed: var(--color-blue-600);
  --c-btn-p-disabled: var(--color-mono-100);
  --c-btn-ps-default: var(--color-blue-50);
  --c-btn-ps-hovered: var(--color-blue-200);
  --c-btn-ps-pressed: var(--color-blue-100);
  --c-btn-ps-disabled: var(--color-mono-100);
  --c-btn-w-default: var(--color-red-500);
  --c-btn-w-hovered: var(--color-red-400);
  --c-btn-w-pressed: var(--color-red-600);
  --c-btn-w-disabled: var(--color-mono-100);
  --c-btn-ws-default: var(--color-red-50);
  --c-btn-ws-hovered: var(--color-red-200);
  --c-btn-ws-pressed: var(--color-red-100);
  --c-btn-ws-disabled: var(--color-mono-100);
  --c-i-primary: var(--color-mono-1000);
  --c-i-secondary: var(--color-mono-400);
  --c-i-primary-white: var(--color-mono-0);
  --c-i-links: var(--color-blue-500);
  --c-i-links-hovered: var(--color-blue-400);
  --c-i-links-pressed: var(--color-blue-600);
  --c-i-critical: var(--color-red-500);
  --c-i-success: var(--color-green-500);
  --c-i-warning: var(--color-yellow-500);
  --c-sem-l-informative: var(--color-turquoise-1000);
  --c-sem-l-positive: var(--color-green-1000);
  --c-sem-l-warning: var(--color-yellow-1000);
  --c-sem-l-negative: var(--color-red-1000);
  --c-sem-btn-informative: var(--color-turquoise-600);
  --c-sem-btn-positive: var(--color-green-600);
  --c-sem-btn-warning: var(--color-yellow-600);
  --c-sem-btn-negative: var(--color-red-600);
  --c-sem-bg-informative: var(--color-turquoise-50);
  --c-sem-bg-positive: var(--color-green-50);
  --c-sem-bg-warning: var(--color-yellow-50);
  --c-sem-bg-negative: var(--color-red-50);
  --c-bor-default: var(--color-mono-50);
  --c-bor-selected: var(--color-blue-500);
  --z-dropdown: 10;
  --z-sticky: 100;
  --z-fixed: 1000;
  --z-modal-backdrop: 10000;
  --z-modal: 10001;
  --z-popover: 10002;
  --z-tooltip: 10003;
  --z-notification: 10004;
  --z-toast: 10005;
}

body.dark {
  --c-bg-light: var(--color-mono-1300);
  --c-bg-default: var(--color-mono-1200);
  --c-bg-default-blured: rgb(8, 10, 12, 80%);
  --c-bg-default-transparent: rgb(8, 10, 12, 0%);
  --c-bg-surface: var(--color-mono-1100);
  --c-bg-surface-medium: var(--color-mono-1000);
  --c-bg-surface-high: var(--color-mono-900);
  --c-bg-overlay: var(--color-mono-1300);
  --c-t-primary: var(--color-mono-0);
  --c-t-secondary: var(--color-mono-500);
  --c-t-primary-white: var(--color-mono-1000);
  --c-t-links: var(--color-blue-400);
  --c-t-links-hovered: var(--color-blue-500);
  --c-t-links-pressed: var(--color-blue-300);
  --c-t-critical: var(--color-red-400);
  --c-t-success: var(--color-green-400);
  --c-t-warning: var(--color-yellow-400);
  --c-btn-p-default: var(--color-blue-400);
  --c-btn-p-hovered: var(--color-blue-500);
  --c-btn-p-pressed: var(--color-blue-300);
  --c-btn-p-disabled: var(--color-mono-900);
  --c-btn-ps-default: var(--color-blue-1000);
  --c-btn-ps-hovered: var(--color-blue-800);
  --c-btn-ps-pressed: var(--color-blue-900);
  --c-btn-ps-disabled: var(--color-mono-900);
  --c-btn-w-default: var(--color-red-400);
  --c-btn-w-hovered: var(--color-red-500);
  --c-btn-w-pressed: var(--color-red-300);
  --c-btn-w-disabled: var(--color-mono-900);
  --c-btn-ws-default: var(--color-red-1000);
  --c-btn-ws-hovered: var(--color-red-800);
  --c-btn-ws-pressed: var(--color-red-900);
  --c-btn-ws-disabled: var(--color-mono-900);
  --c-i-primary: var(--color-mono-0);
  --c-i-secondary: var(--color-mono-600);
  --c-i-primary-white: var(--color-mono-1000);
  --c-i-links: var(--color-blue-400);
  --c-i-links-hovered: var(--color-blue-500);
  --c-i-links-pressed: var(--color-blue-300);
  --c-i-critical: var(--color-red-400);
  --c-i-success: var(--color-green-400);
  --c-i-warning: var(--color-yellow-400);
  --c-sem-l-informative: var(--color-turquoise-100);
  --c-sem-l-positive: var(--color-green-100);
  --c-sem-l-warning: var(--color-yellow-100);
  --c-sem-l-negative: var(--color-red-100);
  --c-sem-btn-informative: var(--color-turquoise-400);
  --c-sem-btn-positive: var(--color-green-400);
  --c-sem-btn-warning: var(--color-yellow-400);
  --c-sem-btn-negative: var(--color-red-400);
  --c-sem-bg-informative: var(--color-turquoise-1000);
  --c-sem-bg-positive: var(--color-green-1000);
  --c-sem-bg-warning: var(--color-yellow-1000);
  --c-sem-bg-negative: var(--color-red-1000);
  --c-bor-default: var(--color-mono-1000);
  --c-bor-selected: var(--color-blue-400);
}

/**
 * Do not edit directly
 * Generated on Wed, 28 Feb 2024 05:29:53 GMT
 */
:root {
  --color-blue-50: #EBF4FE; /* Secondary button surface */
  --color-blue-100: #D5E7FC; /* Secondary button surface pressed */
  --color-blue-200: #ACCFF9;
  --color-blue-300: #82B8F6; /* Primary button surface pressed dark mode */
  --color-blue-400: #59A0F3; /* Primary button surface dark mode */
  --color-blue-500: #2F88F0; /* Primary */
  --color-blue-600: #2975CE; /* Primary button pressed */
  --color-blue-700: #2362AC;
  --color-blue-800: #1E4F89;
  --color-blue-900: #15355C;
  --color-blue-1000: #0E1C2E;
  --color-mono-0: #FFFFFF;
  --color-mono-5: #FDFDFE;
  --color-mono-10: #F4F6F8;
  --color-mono-50: #EEF1F4;
  --color-mono-100: #D8DDE3;
  --color-mono-200: #BFC6D0;
  --color-mono-300: #A9B0B9;
  --color-mono-400: #939CA7;
  --color-mono-500: #7D8591;
  --color-mono-600: #68707B;
  --color-mono-700: #525C69;
  --color-mono-800: #3D4756;
  --color-mono-900: #27303E;
  --color-mono-1000: #1F2632;
  --color-mono-1100: #171D25;
  --color-mono-1200: #080A0C;
  --color-mono-1300: #000000;
  --color-green-50: #E7F8F0;
  --color-green-100: #CEF0E0;
  --color-green-200: #9DE1C1;
  --color-green-300: #6BD2A2;
  --color-green-400: #3AC383;
  --color-green-500: #09B464;
  --color-green-600: #099A57;
  --color-green-700: #08814A;
  --color-green-800: #09673C;
  --color-green-900: #08452B;
  --color-green-1000: #082319;
  --color-red-50: #FFEBEE;
  --color-red-100: #FFD6DD;
  --color-red-200: #FFACBB;
  --color-red-300: #FF8399;
  --color-red-400: #FF5977;
  --color-red-500: #FF3055;
  --color-red-600: #DA2A4A;
  --color-red-700: #B52540;
  --color-red-800: #901E34;
  --color-red-900: #5E1726;
  --color-red-1000: #2D0F17;
  --color-yellow-50: #FEFAEE;
  --color-yellow-100: #FCF4DB;
  --color-yellow-200: #FAE9B7;
  --color-yellow-300: #F7DF94;
  --color-yellow-400: #F5D470;
  --color-yellow-500: #F2C94C;
  --color-yellow-600: #CFAC43;
  --color-yellow-700: #AC9039;
  --color-yellow-800: #89722F;
  --color-yellow-900: #594C23;
  --color-yellow-1000: #2B2615;
  --color-turquoise-50: #E6F8FD;
  --color-turquoise-100: #CCEFFB;
  --color-turquoise-200: #99E0F6;
  --color-turquoise-300: #66D0F2;
  --color-turquoise-400: #33C1ED;
  --color-turquoise-500: #00B1E9;
  --color-turquoise-600: #0198C8;
  --color-turquoise-700: #027FA8;
  --color-turquoise-800: #046585;
  --color-turquoise-900: #054459;
  --color-turquoise-1000: #07222D;
  --font-size-g: 64px;
  --font-size-xxxl: 56px;
  --roboto: Roboto;
  --0-zero: 1;
  --80-high: 0.8;
  --font-size-xxl: 48px;
  --font-size-xl: 42px;
  --font-size-lg: 36px;
  --font-size-lm: 32px;
  --font-size-l: 24px;
  --font-size-md: 20px;
  --font-size-m: 18px;
  --font-size-s: 16px;
  --font-size-xs: 14px;
  --font-size-xxs: 12px;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --line-height-small: 1;
  --line-height-medium: 1.2;
  --line-height-large: 1.5;
  --50-medium: 0.5;
  --40-medium-light: 0.4;
  --30-soft: 0.3;
  --15-light: 0.15;
  --10-bright: 0.1;
  --5-brighter: 0.05;
  --100-total: 0;
  --no-border: 0;
  --border-thin: 1px;
  --border-skinny: 2px;
  --border-medium: 3px;
  --border-square: 0;
  --border-lightly-rounded: 4px;
  --border-softly-rounded: 6px;
  --border-medium-rounded: 10px;
  --border-base-rounded: 12px;
  --border-rounded: 16px;
  --border-fully-rounded: 24px;
  --letter-spacing-none: 0;
  --letter-spacing-small: 0.5;
  --letter-spacing-medium: 1;
  --web-tp-title-64-b: 900 64px/1.5 Roboto; /* Title 64 / Black */
  --web-tp-title-56-r: 400 56px/1.5 Roboto; /* Title 56 / Regular */
  --web-tp-title-48-r: 400 48px/1.5 Roboto; /* Title 48 / Regular */
  --web-tp-title-42-m: 500 42px/1.5 Roboto; /* Title 42 / Medium */
  --web-tp-title-36-r: 400 36px/1.5 Roboto; /* Title 36 / Regular */
  --web-tp-title-32-m: 500 32px/1.5 Roboto; /* Title 32 / Medium */
  --web-tp-title-32-r: 400 32px/1.5 Roboto; /* Title 32 / Regular */
  --web-tp-title-24-m: 500 24px/1.5 Roboto; /* Title 24 / Medium */
  --web-tp-body-20-m: 500 20px/1.5 Roboto; /* Body 20 / Medium */
  --web-tp-body-20-r: 400 20px/1.5 Roboto; /* Body 20 / Regular */
  --web-tp-body-18-r: 400 18px/1.5 Roboto; /* Body 18 / Regular */
  --web-tp-body-16-m: 500 16px/1.5 Roboto; /* Body 16 / Medium */
  --web-tp-body-16-r: 400 16px/1.5 Roboto; /* Body 16 / Regular */
  --web-tp-label-14-r: 400 14px/1.5 Roboto; /* Label 14 / Regular */
  --web-tp-label-14-m: 500 14px/1.5 Roboto; /* Label 14 / Medium */
  --web-tp-label-12-r: 400 12px/1.5 Roboto; /* Label 12 / Regular */
  --special-shadow: #27303E; /* Специальный токена цвета для теней */
  --special-shadow-total: #000000; /* Специальный цвет для теней (чисто черный) */
  --special-shadow-blue: #2F88F0; /* Специальный цвет для синих теней */
  --special-ice-bg: #EBF4FE; /* Специальный цвет для эффекта стекла */
  --light-theme-shadow-up: 0 -4px 5px 0 #27303e0d;
  --light-theme-shadow-smooth-low: 0 2px 8px 0 #27303e1a;
  --light-theme-shadow-smooth: 0 4px 12px 0 #27303e26;
  --light-theme-shadow-smooth-high: 0 6px 26px 0 #27303e26;
  --light-theme-shadow-smooth-high-blue: 0 6px 26px 0 #2f88f026;
  --dark-theme-shadow-up: 0 -4px 5px 0 #00000026;
  --dark-theme-shadow-smooth-low: 0 2px 12px 0 #00000066;
  --dark-theme-shadow-smooth: 0 4px 16px 0 #00000066;
  --dark-theme-shadow-smooth-high: 0 6px 30px 0 #00000080;
}

@font-face {
  font-family: Geologica;
  src: url("./fonts/GeologicaRoman-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: Geologica;
  src: url("./fonts/GeologicaRoman-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Geologica;
  src: url("./fonts/GeologicaRoman-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: Geologica;
  src: url("./fonts/GeologicaRoman-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
* {
  scrollbar-color: var(--color-mono-200) transparent;
  scrollbar-width: thin;
}

*::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  padding: 4px;
}
*::-webkit-scrollbar:hover {
  scrollbar-track-color: var(--c-bg-surface);
}

*::-webkit-scrollbar-track {
  background: transparent;
}

*::-webkit-scrollbar-track:hover {
  background: var(--c-bg-surface);
}

*::-webkit-scrollbar-track:active {
  background: var(--c-bg-surface);
}

*::-webkit-scrollbar-thumb {
  background-color: var(--color-mono-200);
  border-radius: 8px;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: var(--color-mono-100);
}

*::-webkit-scrollbar-thumb:active {
  background-color: var(--color-mono-400);
}

*::-webkit-scrollbar-corner {
  background: transparent;
}

*::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}

*::-webkit-scrollbar-button:start:decrement,
*::-webkit-scrollbar-button:end:increment {
  display: none;
  height: 0;
  width: 0;
}

*::-webkit-scrollbar-button:vertical:start:decrement,
*::-webkit-scrollbar-button:vertical:end:increment,
*::-webkit-scrollbar-button:horizontal:start:decrement,
*::-webkit-scrollbar-button:horizontal:end:increment {
  display: none;
  height: 0;
  width: 0;
}

/**
 * Global styles
 */
html {
  font-family: Geologica, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

input,
textarea,
select {
  font-family: inherit;
}