@charset "UTF-8";

/* src/styles/all.scss */
*,
*::before,
*::after {
  box-sizing: border-box;
}
* {
  margin: 0;
}
body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}
input,
button,
textarea,
select {
  font: inherit;
}
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}
a {
  display: inline-block;
}
fieldset {
  border: none;
}
:root {
  --zeit-root-size: 16px;
}
:root {
  --zeit-color-primary: hsl(28, 89%, 52%);
  --zeit-color-primary-rgb:
    242,
    125,
    24;
  --zeit-color-primary-contrast: var(--zeit-color-contrast-light);
  --zeit-color-primary-contrast-rgb:
    15,
    16,
    16;
  --zeit-color-primary-tint: hsl(25, 99%, 71%);
  --zeit-color-primary-shade: hsl(27, 73%, 35%);
  --zeit-color-primary-tone: hsl(26, 60%, 54%);
  --zeit-color-util-info: #5c92ee;
  --zeit-color-util-info-rgb:
    92,
    146,
    238;
  --zeit-color-util-info-contrast: var(--zeit-color-contrast-light);
  --zeit-color-util-info-contrast-rgb:
    15,
    16,
    16;
  --zeit-color-util-info-tint: #9ab5f4;
  --zeit-color-util-info-shade: #405f98;
  --zeit-color-util-info-tone: #708cc9;
  --zeit-color-util-safe: #71e450;
  --zeit-color-util-safe-rgb:
    113,
    228,
    80;
  --zeit-color-util-safe-contrast: var(--zeit-color-contrast-light);
  --zeit-color-util-safe-contrast-rgb:
    15,
    16,
    16;
  --zeit-color-util-safe-tint: #a7ee8e;
  --zeit-color-util-safe-shade: #4d9238;
  --zeit-color-util-safe-tone: #7dc265;
  --zeit-color-util-warning: #e6af5c;
  --zeit-color-util-warning-rgb:
    230,
    175,
    92;
  --zeit-color-util-warning-contrast: var(--zeit-color-contrast-light);
  --zeit-color-util-warning-contrast-rgb:
    15,
    16,
    16;
  --zeit-color-util-warning-tint: #f2c992;
  --zeit-color-util-warning-shade: #93713e;
  --zeit-color-util-warning-tone: #c59f6a;
  --zeit-color-util-alert: #e44242;
  --zeit-color-util-alert-rgb:
    228,
    66,
    66;
  --zeit-color-util-alert-contrast: var(--zeit-color-contrast-dark);
  --zeit-color-util-alert-contrast-rgb:
    200,
    205,
    215;
  --zeit-color-util-alert-tint: #f6887c;
  --zeit-color-util-alert-shade: #93312d;
  --zeit-color-util-alert-tone: #c75f56;
  --zeit-color-gamma-950: #d4dae5;
  --zeit-color-gamma-900: #c8cdd7;
  --zeit-color-gamma-850: #bbc1ca;
  --zeit-color-gamma-800: #afb4bd;
  --zeit-color-gamma-750: #a3a8b0;
  --zeit-color-gamma-700: #979ba3;
  --zeit-color-gamma-650: #8c8f96;
  --zeit-color-gamma-600: #80848a;
  --zeit-color-gamma-550: #75787e;
  --zeit-color-gamma-500: #6a6c72;
  --zeit-color-gamma-450: #5f6166;
  --zeit-color-gamma-400: #54565a;
  --zeit-color-gamma-350: #4a4b4f;
  --zeit-color-gamma-300: #3f4144;
  --zeit-color-gamma-250: #353739;
  --zeit-color-gamma-200: #2c2d2e;
  --zeit-color-gamma-150: #222324;
  --zeit-color-gamma-100: #191a1b;
  --zeit-color-gamma-050: #0f1010;
  --zeit-color-gamma-000: #000000;
  --zeit-color-base-light: var(--zeit-color-gamma-800);
  --zeit-color-base-light-rgb:
    175,
    180,
    189;
  --zeit-color-base-dark: var(--zeit-color-gamma-050);
  --zeit-color-base-dark-rgb:
    34,
    35,
    36;
  --zeit-color-contrast-light: var(--zeit-color-gamma-050);
  --zeit-color-contrast-light-rgb:
    15,
    16,
    16;
  --zeit-color-contrast-dark: var(--zeit-color-gamma-900);
  --zeit-color-contrast-dark-rgb:
    200,
    205,
    215;
  --zeit-color-text-strong: var(--zeit-color-gamma-950);
  --zeit-color-text-regular: var(--zeit-color-gamma-850);
  --zeit-color-text-subtle: var(--zeit-color-gamma-650);
  --zeit-color-text-accent: var(--zeit-color-primary-tone);
  --zeit-shadow-small: rgba(var(--zeit-color-base-dark-rgb), 0.2) 0px 8px 24px;
  --zeit-shadow-medium: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
:root {
  --zeit-font-size-xs: 0.694rem;
  --zeit-font-size-s: 0.833rem;
  --zeit-font-size-n: 1rem;
  --zeit-font-size-l: 1.2rem;
  --zeit-font-size-xl: 1.44rem;
  --zeit-font-size-xxl: 1.728rem;
  --zeit-icon-size-xs: 0.867rem;
  --zeit-icon-size-s: 1.041rem;
  --zeit-icon-size-n: 1.25rem;
  --zeit-icon-size-l: 1.5rem;
  --zeit-icon-size-xl: 1.8rem;
  --zeit-icon-size-xxl: 2.16rem;
  --zeit-line-height-compact: 1;
  --zeit-line-height-tight: 1.333;
  --zeit-line-height-regular: 1.6;
  --zeit-line-height-loose: 1.92;
}
:root {
  --zeit-space-012: 0.125rem;
  --zeit-space-025: 0.25rem;
  --zeit-space-050: 0.5rem;
  --zeit-space-075: 0.75rem;
  --zeit-space-100: 1rem;
  --zeit-space-125: 1.25rem;
  --zeit-space-150: 1.5rem;
  --zeit-space-175: 1.75rem;
  --zeit-space-200: 2rem;
}
:root {
  --zeit-radius-small: 0.25rem;
  --zeit-radius-medium: 0.5rem;
  --zeit-radius-large: 1rem;
  --zeit-radius-round: 50%;
  --zeit-radius-pill: 9999px;
  --zeit-selection-color: var(--zeit-color-primary-contrast);
  --zeit-selection-background: var(--zeit-color-primary-tint);
}
:root {
  --zeit-z-index-background: 0;
  --zeit-z-index-base: 10;
  --zeit-z-index-dropdown: 20;
  --zeit-z-index-modal: 30;
  --zeit-z-index-overlay: 40;
  --zeit-z-index-tooltip: 50;
  --zeit-z-index-popover: 60;
  --zeit-z-index-toast: 70;
  --zeit-z-index-navbar: 80;
  --zeit-z-index-sidebar: 90;
  --zeit-z-index-topmost: 100;
}
.flex {
  display: flex;
}
.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex-align-center {
  display: flex;
  align-items: center;
}
.flex-align-end {
  display: flex;
  align-items: end;
}
.flex-justify-center {
  display: flex;
  justify-content: center;
}
.flex-justify-between,
.flex-between,
.flex-justify-btw,
.flex-btw {
  display: flex;
  justify-content: space-between;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.flex-column,
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-end {
  display: flex;
  justify-content: flex-end;
}
.flex-wrap,
.f-w,
.wrap {
  display: flex;
  flex-wrap: wrap;
}
.gap,
.g {
  gap: var(--zeit-space-100);
}
.gap-xs,
.g-xs {
  gap: var(--zeit-space-050);
}
.gap-xxs,
.g-xxs,
.gap-2xs,
.g-2xs {
  gap: var(--zeit-space-025);
}
.gap-s,
.g-s {
  gap: var(--zeit-space-075);
}
.gap-l,
.g-l {
  gap: var(--zeit-space-125);
}
.gap-xl,
.g-xl {
  gap: var(--zeit-space-150);
}
.gap-xxl,
.gap-2xl,
.g-xxl {
  gap: var(--zeit-space-175);
}
.padding,
.p {
  padding: var(--zeit-space-100);
}
.padding-s,
.p-s {
  padding: var(--zeit-space-075);
}
.padding-l,
.p-l {
  padding: var(--zeit-space-125);
}
.w-100 {
  width: 100%;
}
.w-50 {
  width: 50%;
}
.h-100 {
  height: 100%;
}
.h-50 {
  height: 50%;
}
.border {
  border: 1px solid var(--zeit-color-gamma-250);
}
.one-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.subtle {
  color: var(--zeit-color-text-subtle);
  font-weight: 500;
}
.strong {
  color: var(--zeit-color-text-strong);
  font-weight: 700;
}
.helptext {
  color: var(--zeit-color-text-subtle);
  font-size: var(--zeit-font-size-s);
}
.mono {
  font-family: var(--zeit-mono);
}
.text-danger {
  color: var(--zeit-color-util-alert) !important;
}
.text-danger-dk {
  color: var(--zeit-color-util-alert-shade);
}
.text-success {
  color: var(--zeit-color-util-safe);
}
.text-success-dk {
  color: var(--zeit-color-util-safe-shade);
}
input[type=text],
input[type=email],
input[type=password],
input[type=search],
input[type=tel],
input[type=url],
input[type=time],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=number] {
  font-family: inherit;
  font-size: 1rem;
  padding: var(--zeit-space-050) var(--zeit-space-075);
  border: 1px solid var(--zeit-color-gamma-350);
  background-color: var(--zeit-color-gamma-050);
  color: var(--zeit-color-text-regular);
  border-radius: var(--zeit-radius-medium);
  cursor: text;
  box-sizing: border-box;
  width: 100%;
}
input[type=text].compact,
input[type=email].compact,
input[type=password].compact,
input[type=search].compact,
input[type=tel].compact,
input[type=url].compact,
input[type=time].compact,
input[type=date].compact,
input[type=datetime].compact,
input[type=datetime-local].compact,
input[type=number].compact {
  padding: var(--zeit-space-012) var(--zeit-space-025);
}
*:focus-visible {
  outline: 1px solid var(--zeit-color-primary-tint);
  outline-offset: 2px;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}
input[type=checkbox] {
  cursor: pointer;
  width: 1rem;
  height: 1rem;
  border: 1px solid var(--zeit-color-gamma-350);
  border-radius: var(--rounded-s);
  appearance: none;
  display: inline-block;
  position: relative;
}
input[type=checkbox]:checked {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
input[type=checkbox]:focus {
  outline: 1px solid var(--color-primary-ltr);
  outline-offset: 4px;
}
input[type=checkbox]:disabled {
  background-color: var(--color-gray-dkr);
  border-color: var(--color-darkgray);
  cursor: not-allowed;
}
input[type=checkbox]::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg) scale(1.35);
  width: 0.5rem;
  height: 0.25rem;
  border-left: 2px solid var(--color-white);
  border-bottom: 2px solid var(--color-white);
  opacity: 0;
  transition: opacity 0.1s ease-in-out;
}
input[type=checkbox]:checked::before {
  opacity: 1;
}
button {
  font-family: inherit;
  font-size: 1rem;
  padding: var(--zeit-space-050) var(--zeit-space-075);
  border: 1px solid var(--zeit-color-primary-shade);
  background-color: var(--zeit-color-primary);
  color: var(--zeit-color-gamma-050);
  border-radius: var(--zeit-radius-medium);
  cursor: pointer;
  transition:
    color 0.1s,
    background-color 0.1s,
    border-color 0.1s;
}
button:hover {
  background-color: var(--zeit-color-primary-tint);
}
button:active {
  background-color: var(--zeit-color-primary-shade);
}
button:disabled {
  background-color: var(--color-gray-dkr);
  color: var(--color-darkgray);
  border-color: var(--color-darkgray);
  cursor: not-allowed;
}
button > * {
  pointer-events: none;
  min-width: 1rem;
  min-height: 1rem;
}
button.secondary {
  background-color: var(--color-dark);
  border-color: var(--color-darkgray);
  color: var(--color-white);
}
button.secondary:hover {
  background-color: var(--color-gray);
}
button.secondary:active {
  background-color: var(--color-dark);
}
button.danger {
  background-color: var(--color-danger);
  border-color: var(--color-danger-dk);
}
button.danger:hover {
  background-color: var(--color-danger-ltr);
}
button.danger:active {
  background-color: var(--color-danger-dk);
}
button.icon {
  padding: var(--spacing-s);
  aspect-ratio: 1/1;
  width: var(--size);
  height: var(--size);
  display: flex;
  justify-content: center;
  align-items: center;
}
button.tertiary {
  background-color: transparent;
  color: var(--color-light);
  border: 1px solid var(--color-light);
}
button.tertiary:hover {
  color: --color-white;
}
button.tertiary.active {
  color: var(--color-darkgray);
}
table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: var(--zeit-radius-small);
  border: 1px solid var(--zeit-color-gamma-300);
  overflow: hidden;
}
table th {
  background-color: var(--zeit-color-gamma-050);
  font-weight: 500;
  color: var(--zeit-color-text-regular);
}
table th,
table td {
  padding: var(--zeit-space-025) var(--zeit-space-050);
  border-bottom: 1px solid var(--zeit-color-gamma-300);
  text-align: left;
}
table tr:last-child td {
  border-bottom: none;
}
table td {
  vertical-align: top;
}
a:visited {
  color: inherit;
}
.align-right {
  text-align: right;
}
.align-center {
  text-align: center;
}
kbd {
  font-family: var(--zeit-mono);
  font-size: var(--zeit-font-size-s);
  padding: 0.1rem 0.3rem;
  border: 1px solid var(--zeit-color-gamma-350);
  border-radius: var(--zeit-radius-small);
  background-color: var(--zeit-color-gamma-050);
  color: var(--zeit-color-text-regular);
}
::selection {
  background-color: var(--zeit-selection-background);
  color: var(--zeit-selection-color);
}
.divider {
  margin: var(--zeit-space-050) 0;
  height: 1px;
  background-color: var(--zeit-color-gamma-250);
}
.divider.vertical {
  height: 100%;
  width: 1px;
  margin: 0 var(--zeit-space-050);
  background-color: var(--zeit-color-gamma-250);
}
.empty {
  color: var(--zeit-color-text-subtle);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--zeit-space-100);
  border: 1px dashed var(--zeit-color-text-subtle);
  border-radius: var(--zeit-radius-medium);
}
@font-face {
  font-family: "Rubik Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 300 900;
  src: url(https://cdn.jsdelivr.net/fontsource/fonts/rubik:vf@latest/latin-wght-normal.woff2) format("woff2-variations");
  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+2074,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "JetBrains Mono Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url(https://cdn.jsdelivr.net/fontsource/fonts/jetbrains-mono:vf@latest/latin-wght-normal.woff2) format("woff2-variations");
  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+2074,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
:root {
  --zeit-mono: "JetBrains Mono Variable", monospace;
  --zeit-sans: "Rubik Variable", sans-serif;
}
html,
body {
  font-size: 16px;
  font-family: var(--zeit-sans);
  color: var(--zeit-color-text-regular);
  background-color: var(--zeit-space-gamma-050);
  height: 100%;
  color-scheme: dark;
}
body {
  height: 100%;
}
main {
  background-color: var(--zeit-color-base-dark);
  height: 100%;
  width: 100%;
  overflow-y: auto;
  padding: var(--zeit-space-200);
}
main > .content,
main > .content > section {
  height: 100%;
}
.max-1000w {
  max-width: 1000px;
  margin: 0 auto;
}
svg.iconify {
  display: inline-block;
  width: var(--zeit-icon-size-n);
  height: var(--zeit-icon-size-n);
}
.login-form {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  backdrop-filter: blur(10px);
  background-color: rgba(var(--zeit-color-base-dark-rgb), 0.6);
  border: 1px solid rgba(var(--zeit-color-base-light-rgb), 0.2);
  border-radius: var(--zeit-radius-medium);
  padding: var(--zeit-space-200);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: var(--zeit-space-100);
  width: 350px;
  max-width: 90%;
}
.login-form button {
  width: 100%;
  border: 0.5px solid var(--zeit-color-primary-tint);
  font-weight: 500;
}
.logo {
  color: var(--zeit-color-primary);
  font-family: var(--zeit-mono);
}
a {
  text-decoration: underline;
  cursor: pointer;
  color: var(--zeit-color-text-regular);
}
a:hover {
  color: var(--zeit-color-text-strong);
}
a:visited {
  color: var(--zeit-color-text-subtle);
}
label > *:first-child,
.label {
  font-weight: 450;
}
.help {
  font-weight: 500;
  font-size: var(--zeit-font-size-s);
  color: var(--zeit-color-text-subtle);
}
@keyframes copyGreen {
  0% {
    color: currentColor;
  }
  10% {
    color: var(--zeit-color-util-safe);
  }
  100% {
    color: var(--zeit-color-util-safe);
  }
}
/*! ============================================== */
/*! Design Tokens generated with design-tokens.dev */