/* Minimal native-CSS subset of the Aidbox react-components design tokens. */
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("/resources/ui/fonts/inter-latin.woff2") format("woff2");
}

@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 400 500;
  font-display: swap;
  src: url("/resources/ui/fonts/jetbrains-mono-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC,
    U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F,
    U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --color-neutral-50: #f9f9f9;
  --color-neutral-100: #f5f5f6;
  --color-neutral-200: #ebecee;
  --color-neutral-300: #ccced3;
  --color-neutral-400: #98a1ae;
  --color-neutral-500: #717684;
  --color-neutral-600: #4a5565;
  --color-neutral-700: #364153;
  --color-neutral-800: #1e2938;
  --color-neutral-900: #1d2331;
  --color-blue-50: #f9fbfe;
  --color-blue-100: #f4f8fc;
  --color-blue-300: #d0e2f8;
  --color-blue-400: #a7c9f3;
  --color-blue-500: #1e71d9;
  --color-blue-600: #045ac3;
  --color-blue-900: #052040;
  --color-red-50: #fef9f9;
  --color-red-300: #f18b7e;
  --color-red-500: #d7270f;
  --color-red-800: #a72d22;
  --color-green-50: #fbfdf8;
  --color-green-200: #f1f8e6;
  --color-green-600: #558300;
  --color-green-700: #334e02;
  --color-yellow-50: #fffdf2;
  --color-yellow-200: #fff9d9;
  --color-yellow-700: #855600;
  --font-sm: 14px;
  --font-base: 16px;
  --font-3xl: 30px;
  --font-family-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
  --font-family-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo,
    Monaco, Consolas, monospace;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-tracking-tight: -0.4px;
  --space-half: 4px;
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --radius-sm: 4px;
  --radius-md: 6px;
  font-family: var(--font-family-sans);
  color: var(--color-neutral-900);
  font-synthesis: none;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  min-height: 100%;
}

body {
  min-height: 100vh;
  margin: 0;
  display: flex;
  flex-direction: column;
  background: #fff;
  font-size: var(--font-base);
  line-height: 24px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "kern" 1, "liga" 1;
}

button,
input {
  font: inherit;
}

a {
  color: var(--color-blue-500);
  text-underline-offset: 2px;
}

a:hover {
  color: var(--color-blue-600);
}

img,
svg {
  max-width: 100%;
}