/* [project]/app/index.scss.css [app-client] (css) */
html {
  -webkit-text-size-adjust: 100%;
  width: 100%;
  line-height: 1.15;
}

body {
  width: 100%;
  margin: 0;
}

main {
  display: block;
}

h1 {
  margin: 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace;
  font-size: 1em;
}

a {
  background-color: #0000;
}

abbr[title] {
  border-bottom: none;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

b, strong {
  font-weight: bolder;
}

code, kbd, samp {
  font-family: monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

img {
  border-style: none;
}

button, input, optgroup, select, textarea {
  background: unset;
  margin: 0;
  font-family: inherit;
}

button, input {
  overflow: visible;
}

input:-internal-autofill-selected {
  background: unset !important;
  background-color: unset !important;
}

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

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

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

button, select {
  text-transform: none;
}

button, [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button;
}

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

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

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

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

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

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

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

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

fieldset {
  padding: .35em .75em .625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  white-space: normal;
  max-width: 100%;
  padding: 0;
  display: table;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"], [type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

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

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

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

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

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

details {
  display: block;
}

summary {
  display: list-item;
}

template, [hidden] {
  display: none;
}

table th {
  text-align: unset;
  vertical-align: top;
  font-weight: normal;
}

table td {
  text-align: unset;
}

button {
  background-color: unset;
}

.color_base_light {
  --color-additional-green-100: #d8edcc;
  --color-additional-green-400: #63b335;
  --color-additional-orange-100: #ffdec2;
  --color-additional-orange-400: #e69650;
  --color-additional-yellow-100: #ffeec8;
  --color-additional-yellow-400: #efae20;
  --color-base-0000: #000;
  --color-base-1000: #fff;
  --color-error-10: #ffeaea;
  --color-error-100: #ff8686;
  --color-error-20: #ffdada;
  --color-error-200: #ff5e5e;
  --color-error-30: #ffc7c7;
  --color-error-300: #ff3535;
  --color-error-40: #ffb6b6;
  --color-error-400: #ff1010;
  --color-error-50: #ffa3a3;
  --color-error-500: #e90000;
  --color-error-600: #c40101;
  --color-error-700: #a00000;
  --color-error-800: #7a0000;
  --color-error-900: #620000;
  --color-error-950: #120000;
  --color-neutral-10: #f7f7f7;
  --color-neutral-100: #cfcfcf;
  --color-neutral-20: #f0f0f0;
  --color-neutral-200: silver;
  --color-neutral-30: #e9e9e9;
  --color-neutral-300: #b0b0b0;
  --color-neutral-40: #e2e2e2;
  --color-neutral-400: #a2a2a2;
  --color-neutral-50: #dbdbdb;
  --color-neutral-500: #8e8e8e;
  --color-neutral-600: #7b7b7b;
  --color-neutral-700: #666768;
  --color-neutral-800: #535455;
  --color-neutral-900: #434446;
  --color-neutral-950: #17191b;
  --color-primary-10: #eaf5ff;
  --color-primary-100: #87c6ff;
  --color-primary-20: #d9edff;
  --color-primary-200: #5fb2ff;
  --color-primary-30: #d1e9ff;
  --color-primary-300: #3ca1ff;
  --color-primary-40: #b5dbff;
  --color-primary-400: #1990ff;
  --color-primary-50: #a4d3ff;
  --color-primary-500: #007cf7;
  --color-primary-600: #016ae4;
  --color-primary-700: #0158d1;
  --color-primary-800: #0145be;
  --color-primary-900: #0138b0;
  --color-primary-950: #000e85;
}

.color_base_dark {
  --color-additional-green-100: #fff;
  --color-additional-green-400: #fff;
  --color-additional-orange-100: #fff;
  --color-additional-orange-400: #fff;
  --color-additional-yellow-100: #fff;
  --color-additional-yellow-400: #fff;
  --color-base-0000: #fff;
  --color-base-1000: #000;
  --color-error-10: #fff;
  --color-error-100: #fff;
  --color-error-20: #fff;
  --color-error-200: #fff;
  --color-error-30: #fff;
  --color-error-300: #fff;
  --color-error-40: #fff;
  --color-error-400: #fff;
  --color-error-50: #fff;
  --color-error-500: #fff;
  --color-error-600: #fff;
  --color-error-700: #fff;
  --color-error-800: #fff;
  --color-error-900: #fff;
  --color-error-950: #fff;
  --color-neutral-10: #fff;
  --color-neutral-100: #fff;
  --color-neutral-20: #fff;
  --color-neutral-200: #fff;
  --color-neutral-30: #fff;
  --color-neutral-300: #fff;
  --color-neutral-40: #fff;
  --color-neutral-400: #fff;
  --color-neutral-50: #fff;
  --color-neutral-500: #fff;
  --color-neutral-600: #fff;
  --color-neutral-700: #fff;
  --color-neutral-800: #fff;
  --color-neutral-900: #fff;
  --color-neutral-950: #fff;
  --color-primary-10: #fff;
  --color-primary-100: #fff;
  --color-primary-20: #fff;
  --color-primary-200: #fff;
  --color-primary-30: #fff;
  --color-primary-300: #fff;
  --color-primary-40: #fff;
  --color-primary-400: #fff;
  --color-primary-50: #fff;
  --color-primary-500: #fff;
  --color-primary-600: #fff;
  --color-primary-700: #fff;
  --color-primary-800: #fff;
  --color-primary-900: #fff;
  --color-primary-950: #fff;
}

.color_styles_light {
  --color-badge-bg-blue: var(--color-primary-20);
  --color-badge-bg-gray: var(--color-neutral-40);
  --color-badge-bg-green: var(--color-additional-green-100);
  --color-badge-bg-orange: var(--color-additional-orange-100);
  --color-badge-bg-red: var(--color-error-30);
  --color-badge-bg-yellow: var(--color-additional-yellow-100);
  --color-badge-content-blue: var(--color-primary-400);
  --color-badge-content-gray: var(--color-neutral-500);
  --color-badge-content-green: var(--color-additional-green-400);
  --color-badge-content-orange: var(--color-additional-orange-400);
  --color-badge-content-red: var(--color-error-200);
  --color-badge-content-yellow: var(--color-additional-yellow-400);
  --color-bg-light-sm: var(--color-base-1000);
  --color-bg-neutral-sm: var(--color-neutral-20);
  --color-button-filled-neutral-focus: var(--color-neutral-200);
  --color-button-filled-neutral-md-bg-active: var(--color-neutral-50);
  --color-button-filled-neutral-md-bg-default: var(--color-neutral-20);
  --color-button-filled-neutral-md-bg-disabled: var(--color-neutral-30);
  --color-button-filled-neutral-md-bg-focus: var(--color-neutral-30);
  --color-button-filled-neutral-md-bg-hover: var(--color-neutral-30);
  --color-button-filled-neutral-md-content-neutral-active: var(--color-neutral-600);
  --color-button-filled-neutral-md-content-neutral-default: var(--color-neutral-400);
  --color-button-filled-neutral-md-content-neutral-disabled: var(--color-neutral-200);
  --color-button-filled-neutral-md-content-neutral-focus: var(--color-neutral-400);
  --color-button-filled-neutral-md-content-neutral-hover: var(--color-neutral-500);
  --color-button-filled-neutral-md-content-primary-active: var(--color-primary-600);
  --color-button-filled-neutral-md-content-primary-default: var(--color-primary-400);
  --color-button-filled-neutral-md-content-primary-disabled: var(--color-neutral-200);
  --color-button-filled-neutral-md-content-primary-focus: var(--color-primary-500);
  --color-button-filled-neutral-md-content-primary-hover: var(--color-primary-500);
  --color-button-filled-neutral-sm-bg-active: var(--color-neutral-40);
  --color-button-filled-neutral-sm-bg-default: var(--color-base-1000);
  --color-button-filled-neutral-sm-bg-disabled: var(--color-neutral-30);
  --color-button-filled-neutral-sm-bg-focus: var(--color-base-1000);
  --color-button-filled-neutral-sm-bg-hover: var(--color-neutral-20);
  --color-button-filled-neutral-sm-content-neutral-md-active: var(--color-neutral-800);
  --color-button-filled-neutral-sm-content-neutral-md-default: var(--color-neutral-950);
  --color-button-filled-neutral-sm-content-neutral-md-disabled: var(--color-neutral-200);
  --color-button-filled-neutral-sm-content-neutral-md-focus: var(--color-neutral-950);
  --color-button-filled-neutral-sm-content-neutral-md-hover: var(--color-neutral-900);
  --color-button-filled-neutral-sm-content-neutral-sm-active: var(--color-neutral-600);
  --color-button-filled-neutral-sm-content-neutral-sm-default: var(--color-neutral-400);
  --color-button-filled-neutral-sm-content-neutral-sm-disabled: var(--color-neutral-200);
  --color-button-filled-neutral-sm-content-neutral-sm-focus: var(--color-neutral-400);
  --color-button-filled-neutral-sm-content-neutral-sm-hover: var(--color-neutral-500);
  --color-button-filled-neutral-sm-content-primary-active: var(--color-primary-600);
  --color-button-filled-neutral-sm-content-primary-default: var(--color-primary-500);
  --color-button-filled-neutral-sm-content-primary-disabled: var(--color-neutral-200);
  --color-button-filled-neutral-sm-content-primary-focus: var(--color-primary-500);
  --color-button-filled-neutral-sm-content-primary-hover: var(--color-primary-500);
  --color-button-filled-neutral-sm-outline-active: var(--color-neutral-200);
  --color-button-filled-neutral-sm-outline-default: var(--color-neutral-40);
  --color-button-filled-neutral-sm-outline-disabled: var(--color-neutral-100);
  --color-button-filled-neutral-sm-outline-focus: var(--color-neutral-40);
  --color-button-filled-neutral-sm-outline-hover: var(--color-neutral-100);
  --color-button-filled-primary-bg-active: var(--color-primary-600);
  --color-button-filled-primary-bg-default: var(--color-primary-400);
  --color-button-filled-primary-bg-disabled: var(--color-neutral-30);
  --color-button-filled-primary-bg-focus: var(--color-primary-400);
  --color-button-filled-primary-bg-hover: var(--color-primary-500);
  --color-button-filled-primary-content-active: var(--color-base-1000);
  --color-button-filled-primary-content-default: var(--color-base-1000);
  --color-button-filled-primary-content-disabled: var(--color-neutral-200);
  --color-button-filled-primary-content-focus: var(--color-base-1000);
  --color-button-filled-primary-content-hover: var(--color-base-1000);
  --color-button-text-neutral-lg-content-active: var(--color-neutral-800);
  --color-button-text-neutral-lg-content-default: var(--color-neutral-950);
  --color-button-text-neutral-lg-content-disabled: var(--color-neutral-200);
  --color-button-text-neutral-lg-content-focus: var(--color-neutral-950);
  --color-button-text-neutral-lg-content-hover: var(--color-neutral-900);
  --color-button-text-neutral-md-content-active: var(--color-neutral-700);
  --color-button-text-neutral-md-content-default: var(--color-neutral-500);
  --color-button-text-neutral-md-content-disabled: var(--color-neutral-200);
  --color-button-text-neutral-md-content-focus: var(--color-neutral-500);
  --color-button-text-neutral-md-content-hover: var(--color-neutral-600);
  --color-card-bg-default: var(--color-neutral-20);
  --color-card-bg-hover: var(--color-neutral-40);
  --color-text-light-primary: var(--color-base-1000);
  --color-text-light-secondary: var(--color-neutral-100);
  --color-text-light-tertuary: var(--color-neutral-300);
  --color-text-neutral-primary: var(--color-neutral-950);
  --color-text-neutral-secondary: var(--color-neutral-600);
  --color-text-neutral-tertuary: var(--color-neutral-300);
  --color-textfield-filled-error: var(--color-error-500);
  --color-textfield-filled-focus: var(--color-neutral-40);
  --color-textfield-filled-light-bg-default: var(--color-base-1000);
  --color-textfield-filled-light-bg-disabled: var(--color-neutral-50);
  --color-textfield-filled-light-bg-error: var(--color-base-1000);
  --color-textfield-filled-light-bg-focus: var(--color-base-1000);
  --color-textfield-filled-light-bg-hover: var(--color-neutral-10);
  --color-textfield-filled-light-content-active: var(--color-neutral-950);
  --color-textfield-filled-light-content-default: var(--color-neutral-300);
  --color-textfield-filled-light-content-disabled: var(--color-neutral-300);
  --color-textfield-filled-light-content-error: var(--color-error-500);
  --color-textfield-filled-light-content-focus: var(--color-neutral-300);
  --color-textfield-filled-light-content-hover: var(--color-neutral-400);
  --color-textfield-filled-neutral-sm-bg-default: var(--color-neutral-20);
  --color-textfield-filled-neutral-sm-bg-disabled: var(--color-neutral-50);
  --color-textfield-filled-neutral-sm-bg-error: var(--color-neutral-20);
  --color-textfield-filled-neutral-sm-bg-focus: var(--color-neutral-20);
  --color-textfield-filled-neutral-sm-bg-hover: var(--color-neutral-30);
  --color-textfield-filled-neutral-sm-content-active: var(--color-neutral-950);
  --color-textfield-filled-neutral-sm-content-default: var(--color-neutral-300);
  --color-textfield-filled-neutral-sm-content-disabled: var(--color-neutral-300);
  --color-textfield-filled-neutral-sm-content-error: var(--color-error-500);
  --color-textfield-filled-neutral-sm-content-focus: var(--color-neutral-300);
  --color-textfield-filled-neutral-sm-content-hover: var(--color-neutral-400);
}

.color_styles_dark {
  --color-badge-bg-blue: #fff;
  --color-badge-bg-gray: #fff;
  --color-badge-bg-green: #fff;
  --color-badge-bg-orange: #fff;
  --color-badge-bg-red: #fff;
  --color-badge-bg-yellow: #fff;
  --color-badge-content-blue: #fff;
  --color-badge-content-gray: #fff;
  --color-badge-content-green: #fff;
  --color-badge-content-orange: #fff;
  --color-badge-content-red: #fff;
  --color-badge-content-yellow: #fff;
  --color-bg-light-sm: #fff;
  --color-bg-neutral-sm: #fff;
  --color-button-filled-neutral-focus: #fff;
  --color-button-filled-neutral-md-bg-active: var(--color-neutral-800);
  --color-button-filled-neutral-md-bg-default: var(--color-neutral-900);
  --color-button-filled-neutral-md-bg-disabled: var(--color-neutral-900);
  --color-button-filled-neutral-md-bg-focus: var(--color-neutral-900);
  --color-button-filled-neutral-md-bg-hover: var(--color-neutral-950);
  --color-button-filled-neutral-md-content-neutral-active: var(--color-primary-10);
  --color-button-filled-neutral-md-content-neutral-default: var(--color-primary-10);
  --color-button-filled-neutral-md-content-neutral-disabled: var(--color-neutral-700);
  --color-button-filled-neutral-md-content-neutral-focus: var(--color-primary-10);
  --color-button-filled-neutral-md-content-neutral-hover: var(--color-primary-30);
  --color-button-filled-neutral-md-content-primary-active: var(--color-primary-10);
  --color-button-filled-neutral-md-content-primary-default: var(--color-primary-10);
  --color-button-filled-neutral-md-content-primary-disabled: var(--color-neutral-700);
  --color-button-filled-neutral-md-content-primary-focus: var(--color-primary-10);
  --color-button-filled-neutral-md-content-primary-hover: var(--color-primary-30);
  --color-button-filled-neutral-sm-bg-active: var(--color-neutral-800);
  --color-button-filled-neutral-sm-bg-default: var(--color-neutral-900);
  --color-button-filled-neutral-sm-bg-disabled: var(--color-neutral-900);
  --color-button-filled-neutral-sm-bg-focus: var(--color-neutral-900);
  --color-button-filled-neutral-sm-bg-hover: var(--color-neutral-950);
  --color-button-filled-neutral-sm-content-neutral-md-active: var(--color-primary-10);
  --color-button-filled-neutral-sm-content-neutral-md-default: var(--color-primary-10);
  --color-button-filled-neutral-sm-content-neutral-md-disabled: var(--color-neutral-700);
  --color-button-filled-neutral-sm-content-neutral-md-focus: var(--color-primary-10);
  --color-button-filled-neutral-sm-content-neutral-md-hover: var(--color-primary-30);
  --color-button-filled-neutral-sm-content-neutral-sm-active: var(--color-primary-10);
  --color-button-filled-neutral-sm-content-neutral-sm-default: var(--color-primary-10);
  --color-button-filled-neutral-sm-content-neutral-sm-disabled: var(--color-neutral-700);
  --color-button-filled-neutral-sm-content-neutral-sm-focus: var(--color-primary-10);
  --color-button-filled-neutral-sm-content-neutral-sm-hover: var(--color-primary-30);
  --color-button-filled-neutral-sm-content-primary-active: var(--color-primary-10);
  --color-button-filled-neutral-sm-content-primary-default: var(--color-primary-10);
  --color-button-filled-neutral-sm-content-primary-disabled: var(--color-neutral-700);
  --color-button-filled-neutral-sm-content-primary-focus: var(--color-primary-10);
  --color-button-filled-neutral-sm-content-primary-hover: var(--color-primary-30);
  --color-button-filled-neutral-sm-outline-active: var(--color-neutral-800);
  --color-button-filled-neutral-sm-outline-default: var(--color-neutral-900);
  --color-button-filled-neutral-sm-outline-disabled: var(--color-neutral-900);
  --color-button-filled-neutral-sm-outline-focus: var(--color-neutral-900);
  --color-button-filled-neutral-sm-outline-hover: var(--color-neutral-950);
  --color-button-filled-primary-bg-active: var(--color-primary-700);
  --color-button-filled-primary-bg-default: var(--color-primary-500);
  --color-button-filled-primary-bg-disabled: var(--color-neutral-900);
  --color-button-filled-primary-bg-focus: var(--color-primary-500);
  --color-button-filled-primary-bg-hover: var(--color-primary-600);
  --color-button-filled-primary-content-active: var(--color-primary-20);
  --color-button-filled-primary-content-default: var(--color-base-1000);
  --color-button-filled-primary-content-disabled: var(--color-neutral-700);
  --color-button-filled-primary-content-focus: var(--color-base-1000);
  --color-button-filled-primary-content-hover: var(--color-primary-10);
  --color-button-text-neutral-lg-content-active: #fff;
  --color-button-text-neutral-lg-content-default: #fff;
  --color-button-text-neutral-lg-content-disabled: #fff;
  --color-button-text-neutral-lg-content-focus: #fff;
  --color-button-text-neutral-lg-content-hover: #fff;
  --color-button-text-neutral-md-content-active: #fff;
  --color-button-text-neutral-md-content-default: #fff;
  --color-button-text-neutral-md-content-disabled: #fff;
  --color-button-text-neutral-md-content-focus: #fff;
  --color-button-text-neutral-md-content-hover: #fff;
  --color-card-bg-default: #fff;
  --color-card-bg-hover: #fff;
  --color-text-light-primary: #fff;
  --color-text-light-secondary: var(--color-neutral-200);
  --color-text-light-tertuary: var(--color-neutral-700);
  --color-text-neutral-primary: var(--color-neutral-10);
  --color-text-neutral-secondary: var(--color-neutral-200);
  --color-text-neutral-tertuary: var(--color-neutral-700);
  --color-textfield-filled-error: #fff;
  --color-textfield-filled-focus: #fff;
  --color-textfield-filled-light-bg-default: var(--color-neutral-900);
  --color-textfield-filled-light-bg-disabled: var(--color-neutral-900);
  --color-textfield-filled-light-bg-error: var(--color-neutral-800);
  --color-textfield-filled-light-bg-focus: var(--color-neutral-900);
  --color-textfield-filled-light-bg-hover: var(--color-neutral-950);
  --color-textfield-filled-light-content-active: var(--color-neutral-800);
  --color-textfield-filled-light-content-default: var(--color-neutral-900);
  --color-textfield-filled-light-content-disabled: var(--color-neutral-900);
  --color-textfield-filled-light-content-error: var(--color-neutral-900);
  --color-textfield-filled-light-content-focus: var(--color-neutral-900);
  --color-textfield-filled-light-content-hover: var(--color-neutral-950);
  --color-textfield-filled-neutral-sm-bg-default: var(--color-neutral-900);
  --color-textfield-filled-neutral-sm-bg-disabled: var(--color-neutral-900);
  --color-textfield-filled-neutral-sm-bg-error: var(--color-neutral-800);
  --color-textfield-filled-neutral-sm-bg-focus: var(--color-neutral-900);
  --color-textfield-filled-neutral-sm-bg-hover: var(--color-neutral-950);
  --color-textfield-filled-neutral-sm-content-active: var(--color-neutral-800);
  --color-textfield-filled-neutral-sm-content-default: var(--color-neutral-900);
  --color-textfield-filled-neutral-sm-content-disabled: var(--color-neutral-900);
  --color-textfield-filled-neutral-sm-content-error: var(--color-neutral-900);
  --color-textfield-filled-neutral-sm-content-focus: var(--color-neutral-900);
  --color-textfield-filled-neutral-sm-content-hover: var(--color-neutral-950);
}

:root {
  --sidebar-width-full: 247px;
  --sidebar-width-minified: 68px;
  --size-block-margin-xs: 12px;
  --size-block-margin-xl: 50px;
  --size-block-padding-3xs: 4px;
  --size-block-padding-2xs: 6px;
  --size-block-padding-xs: 8px;
  --size-block-padding-sm: 12px;
  --size-block-padding-md: 16px;
  --size-block-padding-lg: 18px;
  --size-block-padding-xl: 20px;
  --size-block-padding-2xl: 22px;
  --size-block-padding-3xl: 24px;
  --size-block-padding-4xl: 32px;
  --size-block-padding-5xl: 40px;
  --size-block-spacing-3xs: 4px;
  --size-block-spacing-2xs: 6px;
  --size-block-spacing-xs: 8px;
  --size-block-spacing-sm: 12px;
  --size-block-spacing-md: 16px;
  --size-block-spacing-lg: 18px;
  --size-block-spacing-xl: 20px;
  --size-block-spacing-2xl: 22px;
  --size-block-spacing-3xl: 24px;
  --size-block-spacing-4xl: 32px;
  --size-font-body-lg-letter-spasing: -.5px;
  --size-font-body-lg-size: 16px;
  --size-font-body-lg-line-height: 18px;
  --size-font-body-md-letter-spasing: -.25px;
  --size-font-body-md-size: 14px;
  --size-font-body-md-line-height: 18px;
  --size-font-body-sm-letter-spasing: 0px;
  --size-font-body-sm-size: 12px;
  --size-font-body-sm-line-height: 18px;
  --size-font-button-lg-letter-spasing: -.5px;
  --size-font-button-lg-size: 16px;
  --size-font-button-lg-line-height: 18px;
  --size-font-button-md-letter-spasing: -.25px;
  --size-font-button-md-size: 14px;
  --size-font-button-md-line-height: 16px;
  --size-font-heading-2xl-letter-spasing: -1px;
  --size-font-heading-2xl-size: 20px;
  --size-font-heading-2xl-line-height: 24px;
  --size-font-heading-3xl-letter-spasing: -1.5px;
  --size-font-heading-3xl-size: 22px;
  --size-font-heading-3xl-line-height: 28px;
  --size-font-heading-4xl-letter-spasing: -1.5px;
  --size-font-heading-4xl-size: 24px;
  --size-font-heading-4xl-line-height: 28px;
  --size-font-heading-5xl-letter-spasing: -1.5px;
  --size-font-heading-5xl-size: 32px;
  --size-font-heading-5xl-line-height: 40px;
  --size-font-heading-xl-letter-spasing: -.5px;
  --size-font-heading-xl-size: 18px;
  --size-font-heading-xl-line-height: 22px;
  --size-radius-sm: 6px;
  --size-radius-md: 8px;
  --size-radius-lg: 12px;
  --size-radius-xl: 16px;
  --size-textfield-radius-md: 14px;
  --transition: .3s;
  font-size: 16px;
}

.layout {
  --sidebar-width-current: 0px;
  width: 100%;
  min-height: 100vh;
  padding: var(--size-block-padding-md);
  background: #f3f3f3;
  display: grid;
}

.layout_with_sidebar {
  gap: var(--size-block-spacing-sm);
  --sidebar-width-current: var(--sidebar-width-full);
  grid-template-columns: max-content 1fr;
  display: grid;
}

.layout_state_minified {
  --sidebar-width-current: var(--sidebar-width-minified);
}

.layout__main {
  grid-template-rows: max-content minmax(0, 1fr);
  min-width: 0;
  min-height: 0;
  display: grid;
}

.layout__header {
  z-index: 2;
  min-width: 0;
  margin-top: calc(-1 * var(--size-block-padding-md));
  padding-top: var(--size-block-padding-md);
  background: #f3f3f3;
  align-self: start;
  display: block;
  position: sticky;
  top: 0;
}

.layout__sidebar {
  height: calc(100vh - var(--size-block-padding-md) * 2);
}

.layout__content {
  min-width: 0;
  height: auto;
  min-height: 0;
  padding: 12px 0;
  display: flex;
}

html, body {
  max-width: 100vw;
  min-height: 100vh;
}

html {
  overflow-x: hidden;
}

body {
  color: var(--color-text-neutral-secondary);
  font-family: var(--font-family), Arial, sans-serif;
  font-size: var(--size-font-body-lg-size);
  font-style: normal;
  font-weight: 400;
  line-height: var(--size-font-body-lg-line_height, 112.5%);
  letter-spacing: var(--size-font-body-lg-letter_spasing);
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

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

@media (prefers-color-scheme: dark) {
  html {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
  }
}

.main {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  min-height: 0;
  display: grid;
}

.workspace {
  width: 100%;
  max-width: 100%;
}

.wrapper.apps {
  grid-template-columns: repeat(2, max-content);
}

/* [next]/internal/font/google/inter_5080b2f7.module.css [app-client] (css) */
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/2c55a0e60120577a-s.2a48534a.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/9c72aa0f40e4eef8-s.p.18a48cbc.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/ad66f9afd8947f86-s.7a40eb73.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/5476f68d60460930-s.c995e352.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/2bbe8d2671613f1f-s.76dcb0b2.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/1bffadaabf893a1e-s.7cd81963.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/83afe278b6a6bb3c-s.3a6ba036.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Inter Fallback;
  src: local(Arial);
  ascent-override: 90.44%;
  descent-override: 22.52%;
  line-gap-override: 0.0%;
  size-adjust: 107.12%;
}

.inter_5080b2f7-module__Q5arDq__className {
  font-family: Inter, Inter Fallback;
  font-style: normal;
}

.inter_5080b2f7-module__Q5arDq__variable {
  --font-family: "Inter", "Inter Fallback";
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__37eed129._.css.map*/