/**
 * Modified version of Josh's Custom CSS Reset.
 * https://www.joshwcomeau.com/css/custom-css-reset/
 *
 * Scoped to one class name to avoid leak.
 */
html {
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }

  * {
    margin: 0;
  }

  img,
  picture,
  video,
  canvas {
    display: block;
    max-width: 100%;
  }

  input,
  button,
  textarea,
  select {
    font: inherit;
  }

  p,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    overflow-wrap: break-word;
  }
}
/**
  This file contains the theme for the UI.
  It is used to define the colors, fonts, and other styles for the UI.

  Values may be exported from the design system in figma.
  https://www.figma.com/design/MRo6JXvZX49ODk1KKzDVJl/Design-system?node-id=28-853&t=62HbslzbQRnUMrWl-1

  Maybe using a custom plugin
  https://github.com/probabl-ai/design-system-exporter
*/
@font-face {
  font-family: Geist;
  src: url("/assets/GeistVF-p2GUc8qZ.woff2") format("woff2");
}
@font-face {
  font-family: GeistMono;
  src: url("/assets/GeistMonoVF-bOGSM49p.woff2") format("woff2");
}
:root {
  --root-font-size: 16px;

  /* Relative Numbers */
  --numbers-1: 0.125rem;
  --numbers-4: 0.25rem;
  --numbers-6: 0.375rem;
  --numbers-8: 0.5rem;
  --numbers-10: 0.625rem;
  --numbers-12: 0.75rem;
  --numbers-14: 0.875rem;
  --numbers-16: 1rem;
  --numbers-18: 1.125rem;
  --numbers-20: 1.25rem;
  --numbers-24: 1.5rem;
  --numbers-30: 1.875rem;
  --numbers-32: 2rem;
  --numbers-36: 2.25rem;
  --numbers-40: 2.5rem;
  --numbers-48: 3rem;
  --numbers-56: 3.5rem;
  --numbers-60: 3.75rem;
  --numbers-72: 4.5rem;
  --numbers-96: 6rem;
  --numbers-128: 8rem;

  /* (1) Tokens */
  --color-amber-50: #fffbeb;
  --color-amber-100: #fffbeb;
  --color-amber-200: #fde68a;
  --color-amber-300: #fcd34d;
  --color-amber-400: #fbbf24;
  --color-amber-500: #f59e0b;
  --color-amber-600: #d97706;
  --color-amber-700: #b45309;
  --color-amber-800: #92400e;
  --color-amber-900: #78350f;
  --color-amber-950: #451a03;
  --color-blue-50: #eff6ff;
  --color-blue-100: #dbeafe;
  --color-blue-200: #bfdbfe;
  --color-blue-300: #93c5fd;
  --color-blue-400: #60a5fa;
  --color-blue-500: #3b82f6;
  --color-blue-600: #2563eb;
  --color-blue-700: #2563eb;
  --color-blue-800: #1e40af;
  --color-blue-900: #1e3a8a;
  --color-blue-950: #172554;
  --color-brand-blue-50: #edf4ff;
  --color-brand-blue-100: #deebff;
  --color-brand-blue-200: #c3d9ff;
  --color-brand-blue-300: #9fbfff;
  --color-brand-blue-400: #789aff;
  --color-brand-blue-500: #5975fb;
  --color-brand-blue-600: #3043f0;
  --color-brand-blue-700: #2d3ad5;
  --color-brand-blue-800: #2834ab;
  --color-brand-blue-900: #283487;
  --color-brand-blue-950: #171c4f;
  --color-brand-orange-50: #fef8ee;
  --color-brand-orange-100: #fdefd7;
  --color-brand-orange-200: #fadcae;
  --color-brand-orange-300: #f7c27a;
  --color-brand-orange-400: #f29e45;
  --color-brand-orange-500: #f08b30;
  --color-brand-orange-600: #e06816;
  --color-brand-orange-700: #ba4f14;
  --color-brand-orange-800: #943f18;
  --color-brand-orange-900: #773517;
  --color-brand-orange-950: #40190a;
  --color-gray-50: #f9fafb;
  --color-gray-100: #f3f4f6;
  --color-gray-200: #e5e7eb;
  --color-gray-300: #d1d5db;
  --color-gray-400: #9ca3af;
  --color-gray-500: #6b7280;
  --color-gray-600: #4b5563;
  --color-gray-700: #374151;
  --color-gray-800: #1f2937;
  --color-gray-900: #111827;
  --color-gray-950: #030712;
  --color-green-50: #f0fdf4;
  --color-green-100: #dcfce7;
  --color-green-200: #bbf7d0;
  --color-green-300: #86efac;
  --color-green-400: #4ade80;
  --color-green-500: #22c55e;
  --color-green-600: #16a34a;
  --color-green-700: #15803d;
  --color-green-800: #166534;
  --color-green-900: #14532d;
  --color-green-950: #052e16;
  --color-lime-50: #f7fee7;
  --color-lime-100: #ecfccb;
  --color-lime-200: #d9f99d;
  --color-lime-300: #bef264;
  --color-lime-400: #a3e635;
  --color-lime-500: #84cc16;
  --color-lime-600: #65a30d;
  --color-lime-700: #4d7c0f;
  --color-lime-800: #3f6212;
  --color-lime-900: #365314;
  --color-lime-950: #1a2e05;
  --color-neutral-black: #000;
  --color-neutral-white: #fff;
  --color-orange-50: #fff7ed;
  --color-orange-100: #ffedd5;
  --color-orange-200: #fed7aa;
  --color-orange-300: #fdba74;
  --color-orange-400: #fb923c;
  --color-orange-500: #f97316;
  --color-orange-600: #ea580c;
  --color-orange-700: #c2410c;
  --color-orange-800: #9a3412;
  --color-orange-900: #7c2d12;
  --color-orange-950: #431407;
  --color-pink-50: #fdf2f8;
  --color-pink-100: #fce7f3;
  --color-pink-200: #fbcfe8;
  --color-pink-300: #f9a8d4;
  --color-pink-400: #f472b6;
  --color-pink-500: #ec4899;
  --color-pink-600: #db2777;
  --color-pink-700: #be185d;
  --color-pink-800: #9d174d;
  --color-pink-900: #831843;
  --color-pink-950: #500724;
  --color-purple-50: #faf5ff;
  --color-purple-100: #f3e8ff;
  --color-purple-200: #e9d5ff;
  --color-purple-300: #d8b4fe;
  --color-purple-400: #c084fc;
  --color-purple-500: #a855f7;
  --color-purple-600: #9333ea;
  --color-purple-700: #7e22ce;
  --color-purple-800: #6b21a8;
  --color-purple-900: #581c87;
  --color-purple-950: #3b0764;
  --color-red-50: #fef2f2;
  --color-red-100: #fee2e2;
  --color-red-200: #fecaca;
  --color-red-300: #fca5a5;
  --color-red-400: #f87171;
  --color-red-500: #ef4444;
  --color-red-600: #dc2626;
  --color-red-700: #b91c1c;
  --color-red-800: #991b1b;
  --color-red-900: #7f1d1d;
  --color-red-950: #450a0a;
  --color-rose-50: #fff1f2;
  --color-rose-100: #ffe4e6;
  --color-rose-200: #fecdd3;
  --color-rose-300: #fda4af;
  --color-rose-400: #fb7185;
  --color-rose-500: #f43f5e;
  --color-rose-600: #e11d48;
  --color-rose-700: #be123c;
  --color-rose-800: #9f1239;
  --color-rose-900: #881337;
  --color-rose-950: #4c0519;
  --color-sky-50: #f0f9ff;
  --color-sky-100: #e0f2fe;
  --color-sky-200: #bae6fd;
  --color-sky-300: #7dd3fc;
  --color-sky-400: #38bdf8;
  --color-sky-500: #0ea5e9;
  --color-sky-600: #0284c7;
  --color-sky-700: #0369a1;
  --color-sky-800: #075985;
  --color-sky-900: #0c4a6e;
  --color-sky-950: #082f49;
  --color-slate-50: #f8fafc;
  --color-slate-100: #f1f5f9;
  --color-slate-200: #e2e8f0;
  --color-slate-300: #cbd5e1;
  --color-slate-400: #bbc6d5;
  --color-slate-500: #64748b;
  --color-slate-600: #475569;
  --color-slate-700: #334155;
  --color-slate-800: #1e293b;
  --color-slate-900: #0f172a;
  --color-slate-950: #020617;
  --color-yellow-50: #fefce8;
  --color-yellow-100: #fef9c3;
  --color-yellow-200: #fef08a;
  --color-yellow-300: #fde047;
  --color-yellow-400: #facc15;
  --color-yellow-500: #eab308;
  --color-yellow-600: #ca8a04;
  --color-yellow-700: #a16207;
  --color-yellow-800: #854d0e;
  --color-yellow-900: #713f12;
  --color-yellow-950: #422006;
  --stroke-width-md: 1px;
  --stroke-width-lg: 2px;
  --animation-slower-duration: 0.3s;
  --animation-slow-duration: 0.25s;
  --animation-duration: 0.2s;
  --animation-fast-duration: 0.15s;
  --animation-faster-duration: 0.1s;
  --animation-easing: ease-in-out;
  --animation-faster-ease-out: cubic-bezier(0.16, 1, 0.3, 1);

  /* (2) Semantics */
  --background-brand: var(--color-brand-blue-600);
  --background-brand-hover: var(--color-brand-blue-700);
  --background-brand-pressed: var(--color-brand-blue-800);
  --background-disabled: var(--color-gray-50);
  --background-hover: var(--color-gray-50);
  --background-info: var(--color-blue-500);
  --background-info-subtle: var(--color-brand-blue-50);
  --background-inverse: var(--color-gray-900);
  --background-negative: var(--color-red-500);
  --background-negative-hover: var(--color-red-600);
  --background-negative-pressed: var(--color-red-700);
  --background-negative-subtle: var(--color-red-50);
  --background-notice: var(--color-orange-500);
  --background-notice-subtle: var(--color-brand-orange-50);
  --background-positive: var(--color-green-500);
  --background-positive-subtle: var(--color-green-50);
  --background-pressed: var(--color-slate-400);
  --background-primary: var(--color-neutral-white);
  --background-secondary: var(--color-gray-50);
  --background-secondary-hover: var(--color-gray-100);
  --background-secondary-disabled: var(--color-gray-200);
  --background-secondary-pressed: var(--color-gray-300);
  --background-selected: var(--color-brand-blue-100);
  --background-tertiary: var(--color-gray-100);
  --background-tertiary-hover: var(--color-gray-200);
  --background-tertiary-disabled: var(--color-gray-300);
  --background-tertiary-pressed: var(--color-gray-400);
  --border-brand: var(--color-brand-blue-600);
  --border-disabled: var(--color-gray-100);
  --border-focus: var(--color-brand-blue-500);
  --border-info: var(--color-blue-500);
  --border-inverse: var(--color-neutral-white);
  --border-mono: var(--color-gray-900);
  --border-negative: var(--color-red-500);
  --border-notice: var(--color-orange-500);
  --border-positive: var(--color-green-500);
  --border-primary: var(--color-gray-500);
  --border-secondary: var(--color-gray-400);
  --border-tertiary: var(--color-gray-200);
  --content-brand: var(--color-brand-blue-600);
  --content-brand-2: var(--color-brand-orange-600);
  --content-disabled: var(--color-gray-300);
  --content-info: var(--color-blue-500);
  --content-info-bold: var(--color-blue-600);
  --content-link: var(--color-brand-blue-600);
  --content-link-hover: var(--color-brand-blue-700);
  --content-link-pressed: var(--color-blue-700);
  --content-negative: var(--color-red-500);
  --content-negative-bold: var(--color-red-600);
  --content-notice: var(--color-orange-500);
  --content-notice-bold: var(--color-orange-700);
  --content-positive: var(--color-green-500);
  --content-positive-bold: var(--color-green-600);
  --content-primary: var(--color-gray-900);
  --content-primary-inverse: var(--color-neutral-white);
  --content-secondary: var(--color-gray-600);
  --content-secondary-inverse: var(--color-neutral-white);
  --content-tertiary: var(--color-gray-400);
  --content-tertiary-inverse: var(--color-neutral-white);
  --page-padding: var(--numbers-12);
}
/* Text Styles */
.text-xs-regular {
  font-family: Geist, sans-serif;
  font-size: var(--numbers-12);
  font-weight: 400;
  letter-spacing: -0.017em;
  line-height: var(--numbers-16);
}
.text-xs-medium {
  font-family: Geist, sans-serif;
  font-size: var(--numbers-12);
  font-weight: 500;
  letter-spacing: -0.017em;
  line-height: var(--numbers-16);
}
.text-xs-semibold {
  font-family: Geist, sans-serif;
  font-size: var(--numbers-12);
  font-weight: 600;
  letter-spacing: -0.017em;
  line-height: var(--numbers-16);
}
.text-xs-bold {
  font-family: Geist, sans-serif;
  font-size: var(--numbers-12);
  font-weight: 700;
  letter-spacing: -0.017em;
  line-height: var(--numbers-16);
}
.text-sm-regular {
  font-family: Geist, sans-serif;
  font-size: var(--numbers-14);
  font-weight: 400;
  letter-spacing: -0.017em;
  line-height: var(--numbers-20);
}
.text-sm-medium {
  font-family: Geist, sans-serif;
  font-size: var(--numbers-14);
  font-weight: 500;
  letter-spacing: -0.017em;
  line-height: var(--numbers-20);
}
.text-sm-semibold {
  font-family: Geist, sans-serif;
  font-size: var(--numbers-14);
  font-weight: 600;
  letter-spacing: -0.017em;
  line-height: var(--numbers-20);
}
.text-sm-bold {
  font-family: Geist, sans-serif;
  font-size: var(--numbers-14);
  font-weight: 700;
  letter-spacing: -0.017em;
  line-height: var(--numbers-20);
}
.text-base-regular {
  font-family: Geist, sans-serif;
  font-size: var(--numbers-16);
  font-weight: 400;
  letter-spacing: -0.017em;
  line-height: var(--numbers-24);
}
.text-base-medium {
  font-family: Geist, sans-serif;
  font-size: var(--numbers-16);
  font-weight: 500;
  letter-spacing: -0.017em;
  line-height: var(--numbers-24);
}
.text-base-semibold {
  font-family: Geist, sans-serif;
  font-size: var(--numbers-16);
  font-weight: 600;
  letter-spacing: -0.017em;
  line-height: var(--numbers-24);
}
.text-base-bold {
  font-family: Geist, sans-serif;
  font-size: var(--numbers-16);
  font-weight: 700;
  letter-spacing: -0.017em;
  line-height: var(--numbers-24);
}
.text-lg-regular {
  font-family: Geist, sans-serif;
  font-size: var(--numbers-18);
  font-weight: 400;
  letter-spacing: -0.017em;
  line-height: 1.75rem;
}
.text-lg-medium {
  font-family: Geist, sans-serif;
  font-size: var(--numbers-18);
  font-weight: 500;
  letter-spacing: -0.017em;
  line-height: 1.75rem;
}
.text-lg-semibold {
  font-family: Geist, sans-serif;
  font-size: var(--numbers-18);
  font-weight: 600;
  letter-spacing: -0.017em;
  line-height: 1.75rem;
}
.text-lg-bold {
  font-family: Geist, sans-serif;
  font-size: var(--numbers-18);
  font-weight: 700;
  letter-spacing: -0.017em;
  line-height: 1.75rem;
}
.text-xl-regular {
  font-family: Geist, sans-serif;
  font-size: var(--numbers-20);
  font-weight: 400;
  letter-spacing: -0.017em;
  line-height: 1.75rem;
}
.text-xl-semibold {
  font-family: Geist, sans-serif;
  font-size: var(--numbers-20);
  font-weight: 600;
  letter-spacing: -0.017em;
  line-height: 1.75rem;
}
.text-xl-medium {
  font-family: Geist, sans-serif;
  font-size: var(--numbers-20);
  font-weight: 500;
  letter-spacing: -0.017em;
  line-height: 1.75rem;
}
.text-xl-bold {
  font-family: Geist, sans-serif;
  font-size: var(--numbers-20);
  font-weight: 700;
  letter-spacing: -0.017em;
  line-height: 1.75rem;
}
.text-2xl-regular {
  font-family: Geist, sans-serif;
  font-size: var(--numbers-24);
  font-weight: 400;
  letter-spacing: -0.017em;
  line-height: normal;
}
.text-2xl-medium {
  font-family: Geist, sans-serif;
  font-size: var(--numbers-24);
  font-weight: 500;
  letter-spacing: -0.017em;
  line-height: normal;
}
.text-2xl-semibold {
  font-family: Geist, sans-serif;
  font-size: var(--numbers-24);
  font-weight: 600;
  letter-spacing: -0.017em;
  line-height: normal;
}
.text-2xl-bold {
  font-family: Geist, sans-serif;
  font-size: var(--numbers-24);
  font-weight: 700;
  letter-spacing: -0.017em;
  line-height: normal;
}
.text-3xl-bold {
  font-family: Geist, sans-serif;
  font-size: var(--numbers-30);
  font-weight: 700;
  letter-spacing: -0.017em;
  line-height: 130%;
}
.text-3xl-semibold {
  font-family: Geist, sans-serif;
  font-size: var(--numbers-30);
  font-weight: 600;
  letter-spacing: -0.017em;
  line-height: normal;
}
.text-4xl-medium {
  font-family: Geist, sans-serif;
  font-size: var(--numbers-36);
  font-weight: 500;
  letter-spacing: -0.017em;
  line-height: normal;
}
.text-4xl-bold {
  font-family: Geist, sans-serif;
  font-size: var(--numbers-36);
  font-weight: 700;
  letter-spacing: -0.017em;
  line-height: normal;
}
.text-5xl-bold {
  font-family: Geist, sans-serif;
  font-size: var(--numbers-48);
  font-weight: 700;
  letter-spacing: -0.017em;
  line-height: normal;
}
.text-6xl-bold {
  font-family: Geist, sans-serif;
  font-size: var(--numbers-60);
  font-weight: 700;
  letter-spacing: -0.017em;
  line-height: normal;
}
.text-7xl-bold {
  font-family: Geist, sans-serif;
  font-size: var(--numbers-72);
  font-weight: 700;
  letter-spacing: 0;
  line-height: normal;
}
.text-8xl-bold {
  font-family: Geist, sans-serif;
  font-size: var(--numbers-96);
  font-weight: 700;
  letter-spacing: 0;
  line-height: normal;
}
.text-9xl-bold {
  font-family: Geist, sans-serif;
  font-size: var(--numbers-128);
  font-weight: 700;
  letter-spacing: -0.017em;
  line-height: normal;
}
.number {
  font-family: GeistMono, monospace;
}
/* Effect Styles */
.shadow-md {
  box-shadow:
    0 0.125rem 0.25rem -0.0625rem rgb(0 0 0 / 6%),
    0 0.25rem 0.375rem -0.0625rem rgb(0 0 0 / 10%);
}
.shadow-lg {
  box-shadow:
    0 0.25rem 0.375rem -0.125rem rgb(0 0 0 / 5%),
    0 0.625rem 0.9375rem -0.1875rem rgb(0 0 0 / 10%);
}
.shadow-xl {
  box-shadow:
    0 0.625rem 0.625rem -0.3125rem rgb(0 0 0 / 4%),
    0 1.25rem 1.5625rem -0.3125rem rgb(0 0 0 / 10%);
}
.shadow-2xl {
  box-shadow: 0 1.5625rem 3.125rem -0.75rem rgb(0 0 0 / 25%);
}
.shadow-inner {
  box-shadow: 0 0.125rem 0.25rem 0 rgb(0 0 0 / 6%) inset;
}
.shadow-none {
  box-shadow: 0 0 0 0 rgb(0 0 0 / 100%);
}
.shadow-sm {
  box-shadow: 0 0.0625rem 0.125rem 0 rgb(16 24 40 / 5%);
}
.shadow {
  box-shadow:
    0 0.0625rem 0.125rem 0 rgb(16 24 40 / 6%),
    0 0.0625rem 0.1875rem 0 rgb(16 24 40 / 10%);
}
.halo {
  box-shadow: 0 0 0 0.25rem rgb(250 245 255 / 100%);
}
/* Card Styles */
.card {
  padding: var(--numbers-4);
  border: solid var(--stroke-width-md) var(--border-tertiary);
  border-radius: var(--numbers-16);
  background-color: var(--background-tertiary);
}
.card-content {
  padding: var(--numbers-16);
  border: solid var(--stroke-width-md) var(--border-tertiary);
  border-radius: var(--numbers-16);
  background-color: var(--background-primary);
}
.card-icon {
  display: inline-flex;
  width: var(--numbers-32);
  height: var(--numbers-32);
  align-items: center;
  justify-content: center;
  border-radius: var(--numbers-6);
  background-color: var(--background-tertiary);
  color: var(--border-brand);
}
/* Global Styles */
html {
  background-color: var(--background-secondary);
  font-family: Geist, sans-serif;
  font-size: var(--root-font-size);
  -webkit-font-smoothing: antialiased;

  a,
  a:visited {
    color: var(--content-link);
  }

  code {
    font-family: GeistMono, monospace;
  }

  .code-inline {
    border: var(--stroke-width-md) solid var(--border-tertiary);
    border-radius: var(--numbers-4);
    background-color: var(--background-tertiary);
  }

  *:focus-visible {
    box-shadow:
      0 0 0 0.25rem rgb(6 43 205 / 30%),
      0 0 0 0.125rem rgb(255 255 255 / 30%);
  }
}
@media screen and (width >=801px) {
  :root {
    --page-padding: var(--numbers-20);
  }
}
@media screen and (width >=1025px) {
  :root {
    --page-padding: var(--numbers-24);
  }
}
@media screen and (width >=1279px) {
  :root {
    --page-padding: var(--numbers-32);
  }
}
.blink-border {
  animation: blink-border calc(2 * var(--animation-duration)) var(--animation-easing) infinite
    alternate;
}
@keyframes blink-border {
  0% {
    border: solid var(--stroke-width-md) var(--border-tertiary);
  }

  100% {
    border: solid var(--stroke-width-md) var(--border-focus);
  }
}
.fade-enter-active,
.fade-leave-active {
  transition: opacity var(--animation-duration) var(--animation-easing);
}
.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}
.list-move,
.list-enter-active,
.list-leave-active {
  transition:
    opacity var(--animation-duration) var(--animation-easing),
    transform var(--animation-duration) var(--animation-easing);
}
.list-enter-from,
.list-leave-to {
  opacity: 0;
  transform: translateX(10px);
}
.list-leave-active {
  position: absolute;
}
.dropdown-reveal-enter-active {
  transition:
    opacity var(--animation-faster-duration) var(--animation-faster-ease-out),
    translate var(--animation-fast-duration) var(--animation-faster-ease-out);
}
.dropdown-reveal-leave-active {
  transition:
    opacity var(--animation-faster-duration) ease-in,
    translate var(--animation-faster-duration) ease-in;
}
.dropdown-reveal-enter-from,
.dropdown-reveal-leave-to {
  opacity: 0;
  translate: 0 -4px;
}
/* stylelint-disable no-descending-specificity */
/* stylelint-disable selector-class-pattern */
/*
  Copy pasta from highlight.js codebase to use our class based theme management.
*/
html {
  /*

  Atom One Light by Daniel Gamage
  Original One Light Syntax theme from https://github.com/atom/one-light-syntax

  base:    #fafafa
  mono-1:  #383a42
  mono-2:  #686b77
  mono-3:  #a0a1a7
  hue-1:   #0184bb
  hue-2:   #4078f2
  hue-3:   #a626a4
  hue-4:   #50a14f
  hue-5:   #e45649
  hue-5-2: #c91243
  hue-6:   #986801
  hue-6-2: #c18401

  */
  .hljs {
    background: var(--background-primary);
    color: var(--content-primary);
  }

  .hljs-comment,
  .hljs-quote {
    color: #a0a1a7;
    font-style: italic;
  }

  .hljs-doctag,
  .hljs-keyword,
  .hljs-formula {
    color: #a626a4;
  }

  .hljs-section,
  .hljs-name,
  .hljs-selector-tag,
  .hljs-deletion,
  .hljs-subst {
    color: #e45649;
  }

  .hljs-literal {
    color: #0184bb;
  }

  .hljs-string,
  .hljs-regexp,
  .hljs-addition,
  .hljs-attribute,
  .hljs-meta .hljs-string {
    color: #50a14f;
  }

  .hljs-attr,
  .hljs-variable,
  .hljs-template-variable,
  .hljs-type,
  .hljs-selector-class,
  .hljs-selector-attr,
  .hljs-selector-pseudo,
  .hljs-number {
    color: #986801;
  }

  .hljs-symbol,
  .hljs-bullet,
  .hljs-link,
  .hljs-meta,
  .hljs-selector-id,
  .hljs-title {
    color: #4078f2;
  }

  .hljs-built_in,
  .hljs-title.class_,
  .hljs-class .hljs-title {
    color: #c18401;
  }

  .hljs-emphasis {
    font-style: italic;
  }

  .hljs-strong {
    font-weight: bold;
  }

  .hljs-link {
    text-decoration: underline;
  }
}
.tabular-list {
  width: 100%;
  padding: var(--numbers-4);
  border: var(--stroke-width-md) solid var(--border-tertiary);
  border-radius: var(--numbers-12);
  background-color: var(--background-tertiary);
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;

  thead {
    tr {
      color: var(--content-secondary);

      th {
        padding: var(--numbers-8);
        text-align: left;
      }
    }
  }

  tbody {
    tr {
      td {
        padding: var(--numbers-8);
        border: var(--stroke-width-md) none var(--border-tertiary);
        border-bottom-style: solid;
        background-color: var(--background-primary);

        &:first-child {
          border-left-style: solid;
        }

        &:last-child {
          border-right-style: solid;
        }
      }

      &:first-child td {
        border-top-style: solid;
      }

      &:last-child td {
        border-bottom-style: solid;
      }

      &:first-child td:first-child {
        border-top-left-radius: var(--numbers-12);
      }

      &:first-child td:last-child {
        border-top-right-radius: var(--numbers-12);
      }

      &:last-child td:first-child {
        border-bottom-left-radius: var(--numbers-12);
      }

      &:last-child td:last-child {
        border-bottom-right-radius: var(--numbers-12);
      }
    }
  }
}
[class^="icon-"] {
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
}
[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}
.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}
.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}
.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}
.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}
.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}
.simplebar-content:after,.simplebar-content:before{content:' ';display:table}
.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}
.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}
.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}
.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}
[data-simplebar].simplebar-dragging{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}
.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}
.simplebar-scrollbar:before{position:absolute;content:'';background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}
.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}
.simplebar-track.simplebar-vertical{top:0;width:11px}
.simplebar-scrollbar:before{top:2px;bottom:2px;left:2px;right:2px}
.simplebar-track.simplebar-horizontal{left:0;height:11px}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:0;bottom:0;min-height:0;min-width:10px;width:auto}
[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}
.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}
.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}
.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}
.simplebar-scrollbar {
  &.simplebar-visible::before {
    opacity: 1;
  }

  &::before {
    background-color: var(--border-focus);
  }
}
.simplebar-inverted {
  .simplebar-scrollbar {
    &::before {
      background-color: var(--content-brand-2);
    }
  }
}
/* FIXME: Block header factorized here, it should maybe become a component. */
.block-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--numbers-16);

  & > div {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--numbers-4);
  }

  .title-icon {
    display: inline-flex;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    border-radius: var(--numbers-6);
    margin-right: var(--numbers-8);
    background-color: var(--background-secondary);
  }
}
@font-face {
  font-family: "skh-icons";
  font-display: block;
  font-style: normal;
  font-weight: normal;
  src: url("/assets/skh-icons-d8101183e6f5fb95a04e8b8af3b69184f2e3c4a75c0e8e5f9067c649d92d76ba-ChzvjktE.eot?#iefix") format("embedded-opentype"),
url("/assets/skh-icons-d23b2cabb644fc565e138407f53677e4df6ba773f8a754d1b4ed58a65883710f-CXm45CqE.woff") format("woff"),
url("/assets/skh-icons-c0f971dad2cc9a40cb95e77299545d28ac9e15ba62a7053576191d020efbf4d4-z-PZdEsk.woff2") format("woff2"),
url("/assets/skh-icons-b2c6c5b565ed4d0b1f1142f7da60d6c041e6f67c07ff4278722d29d3e0c86e04-5Onz8EGZ.ttf") format("truetype"),
url("/assets/skh-icons-eb8d2284e434ba4f6129d463504dff26b114b95eface8bca4ed50e1dabfb316d-CFMKhFnp.svg#skh-icons") format("svg");
}

.icon {
  font-family: skh-icons !important;

  /* Better Font Rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
}

.icon-window:before {
  content: "\f101";
}
.icon-warning:before {
  content: "\f102";
}
.icon-warning-circle:before {
  content: "\f103";
}
.icon-uv:before {
  content: "\f104";
}
.icon-user:before {
  content: "\f105";
}
.icon-usb:before {
  content: "\f106";
}
.icon-unlock:before {
  content: "\f107";
}
.icon-trash:before {
  content: "\f108";
}
.icon-text:before {
  content: "\f109";
}
.icon-test-tube:before {
  content: "\f10a";
}
.icon-tactics:before {
  content: "\f10b";
}
.icon-sun:before {
  content: "\f10c";
}
.icon-success-circle:before {
  content: "\f10d";
}
.icon-sticky-note:before {
  content: "\f10e";
}
.icon-sphere:before {
  content: "\f10f";
}
.icon-sort:before {
  content: "\f110";
}
.icon-sort-up:before {
  content: "\f111";
}
.icon-sort-down:before {
  content: "\f112";
}
.icon-signal:before {
  content: "\f113";
}
.icon-sidebar:before {
  content: "\f114";
}
.icon-send:before {
  content: "\f115";
}
.icon-selected-cube:before {
  content: "\f116";
}
.icon-select:before {
  content: "\f117";
}
.icon-search:before {
  content: "\f118";
}
.icon-scan-cube:before {
  content: "\f119";
}
.icon-scale:before {
  content: "\f11a";
}
.icon-recent-document:before {
  content: "\f11b";
}
.icon-receipt:before {
  content: "\f11c";
}
.icon-python:before {
  content: "\f11d";
}
.icon-punch-card:before {
  content: "\f11e";
}
.icon-presentation:before {
  content: "\f11f";
}
.icon-plus:before {
  content: "\f120";
}
.icon-plus-circle:before {
  content: "\f121";
}
.icon-plot:before {
  content: "\f122";
}
.icon-playground:before {
  content: "\f123";
}
.icon-pill:before {
  content: "\f124";
}
.icon-pie-chart:before {
  content: "\f125";
}
.icon-numbered-list:before {
  content: "\f126";
}
.icon-new-user:before {
  content: "\f127";
}
.icon-new-presentation:before {
  content: "\f128";
}
.icon-new-document:before {
  content: "\f129";
}
.icon-more:before {
  content: "\f12a";
}
.icon-more-vertical:before {
  content: "\f12b";
}
.icon-moon:before {
  content: "\f12c";
}
.icon-maximize:before {
  content: "\f12d";
}
.icon-masonry:before {
  content: "\f12e";
}
.icon-logout:before {
  content: "\f12f";
}
.icon-lock:before {
  content: "\f130";
}
.icon-list:before {
  content: "\f131";
}
.icon-list-sparkle:before {
  content: "\f132";
}
.icon-link:before {
  content: "\f133";
}
.icon-left-double-chevron:before {
  content: "\f134";
}
.icon-key:before {
  content: "\f135";
}
.icon-italic:before {
  content: "\f136";
}
.icon-info-circle:before {
  content: "\f137";
}
.icon-info-circle-2:before {
  content: "\f138";
}
.icon-history:before {
  content: "\f139";
}
.icon-heart:before {
  content: "\f13a";
}
.icon-heading:before {
  content: "\f13b";
}
.icon-hard-drive:before {
  content: "\f13c";
}
.icon-handle:before {
  content: "\f13d";
}
.icon-github:before {
  content: "\f13e";
}
.icon-gift:before {
  content: "\f13f";
}
.icon-gear:before {
  content: "\f140";
}
.icon-gauge-low:before {
  content: "\f141";
}
.icon-formula:before {
  content: "\f142";
}
.icon-folder:before {
  content: "\f143";
}
.icon-file:before {
  content: "\f144";
}
.icon-eye:before {
  content: "\f145";
}
.icon-eye-slash:before {
  content: "\f146";
}
.icon-external-link:before {
  content: "\f147";
}
.icon-existing-user:before {
  content: "\f148";
}
.icon-error-circle:before {
  content: "\f149";
}
.icon-edit:before {
  content: "\f14a";
}
.icon-document:before {
  content: "\f14b";
}
.icon-divider:before {
  content: "\f14c";
}
.icon-discord:before {
  content: "\f14d";
}
.icon-dices:before {
  content: "\f14e";
}
.icon-diamond:before {
  content: "\f14f";
}
.icon-descending-arrow:before {
  content: "\f150";
}
.icon-database:before {
  content: "\f151";
}
.icon-dashboard:before {
  content: "\f152";
}
.icon-cube:before {
  content: "\f153";
}
.icon-copy:before {
  content: "\f154";
}
.icon-conda:before {
  content: "\f155";
}
.icon-code:before {
  content: "\f156";
}
.icon-close:before {
  content: "\f157";
}
.icon-clock:before {
  content: "\f158";
}
.icon-chevron-up:before {
  content: "\f159";
}
.icon-chevron-up-down:before {
  content: "\f15a";
}
.icon-chevron-right:before {
  content: "\f15b";
}
.icon-chevron-left:before {
  content: "\f15c";
}
.icon-chevron-down:before {
  content: "\f15d";
}
.icon-check:before {
  content: "\f15e";
}
.icon-check-bold:before {
  content: "\f15f";
}
.icon-calendar:before {
  content: "\f160";
}
.icon-buoy:before {
  content: "\f161";
}
.icon-branch:before {
  content: "\f162";
}
.icon-book:before {
  content: "\f163";
}
.icon-book-simple:before {
  content: "\f164";
}
.icon-bold:before {
  content: "\f165";
}
.icon-barcode:before {
  content: "\f166";
}
.icon-bar-chart-4:before {
  content: "\f167";
}
.icon-bar-chart-3:before {
  content: "\f168";
}
.icon-bar-chart-2:before {
  content: "\f169";
}
.icon-bar-chart-1:before {
  content: "\f16a";
}
.icon-ascending-arrow:before {
  content: "\f16b";
}
.icon-arrow-up:before {
  content: "\f16c";
}
.icon-arrow-turn-right:before {
  content: "\f16d";
}
.icon-arrow-turn-left:before {
  content: "\f16e";
}
.icon-arrow-split:before {
  content: "\f16f";
}
.icon-arrow-right:before {
  content: "\f170";
}
.icon-arrow-loop:before {
  content: "\f171";
}
.icon-arrow-left:before {
  content: "\f172";
}
.icon-arrow-down:before {
  content: "\f173";
}

.rich-text-editor {
&[data-v-e216fbfb] {
  width: 100%;
  height: 100%;
}
& textarea {
&[data-v-e216fbfb] {
    width: 100%;
    height: 100%;
    border: none;
    background-color: transparent;
    color: var(--content-secondary);
    font-family: GeistMono, monospace;
    resize: none;
}
&[data-v-e216fbfb]:focus {
      outline: none;
}
}
}

/* This style block is not scoped to allow reuse of button skin in links. */
.skore-button.primary {
  --color: var(--content-primary-inverse);
  --color-disabled: var(--content-disabled);
  --background-color: var(--background-brand);
  --background-color-hover: var(--background-brand-hover);
  --background-color-disabled: var(--background-disabled);
  --shadow-color-active: rgb(196 202 255 / 51%);
}
.skore-button.ghost {
  --color: var(--content-secondary);
  --color-disabled: var(--content-disabled);
  --background-color: var(--background-primary);
  --background-color-hover: var(--background-hover);
  --background-color-disabled: var(--background-disabled);
  --shadow-color-active: rgb(231 231 231 / 25%);

  border: solid var(--border-tertiary) var(--stroke-width-md);
}
.skore-button {
  --height: var(--numbers-40);

  display: inline-flex;
  min-width: var(--height);
  height: var(--height);
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--numbers-16);
  border: none;
  border-radius: var(--numbers-8);
  background-color: var(--background-color);
  color: var(--color);
  cursor: pointer;
  font-size: 1rem;
  font-weight: var(--fonts-font-weight-regular);
  letter-spacing: 0.017em;
  text-decoration: none;
  transition:
    box-shadow var(--animation-duration) var(--animation-easing),
    color var(--animation-duration) var(--animation-easing),
    background-color var(--animation-duration) var(--animation-easing);
&:hover {
    background-color: var(--background-color-hover);
}
&:disabled {
    background-color: var(--background-color-disabled);
    color: var(--color-disabled);
    cursor: not-allowed;
}
&:focus-visible {
    outline: none;
}
&:visited {
    color: var(--color);
}
&:active:not(:disabled) {
    box-shadow:
      0 0 0 0.25rem rgb(6 43 205 / 30%),
      0 0 0 0.125rem rgb(255 255 255 / 30%);
}
.icon.left:has(+ .label) {
    padding-right: var(--numbers-8);
}
.label + .icon.right {
    padding-left: var(--numbers-8);
}
.label {
    display: inline-block;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
}
&.squared {
    width: var(--height);
    min-width: var(--height);
    max-width: var(--height);
    padding: 0;
}
}

.text-input {
&[data-v-dda569b6] {
  display: inline-flex;
  flex-direction: column;
  gap: var(--numbers-8);
}
.text-input-container {
&[data-v-dda569b6] {
    display: inline-flex;
    align-items: center;
    padding: var(--numbers-8);
    border: var(--stroke-width-md) solid var(--border-tertiary);
    border-radius: var(--numbers-4);
    box-shadow: 0 1px 2px rgb(from var(--border-tertiary) r g b / 20%);
    transition:
      border-color var(--animation-duration) var(--animation-easing),
      box-shadow var(--animation-duration) var(--animation-easing);
}
.icon[data-v-dda569b6] {
      margin: 0 var(--numbers-4);
      color: var(--content-primary);
}
input {
&[data-v-dda569b6] {
      width: 100%;
      min-width: 0;
      border: none;
      background-color: transparent;
      color: var(--content-primary);
}
&[data-v-dda569b6]:focus,
      &[data-v-dda569b6]:focus-visible {
        box-shadow: none;
        outline: none;
}
&[data-v-dda569b6]::placeholder {
        color: var(--content-disabled);
}
}
&[data-v-dda569b6]:has(input:focus) {
      box-shadow:
        0 0 0 0.25rem rgb(6 43 205 / 30%),
        0 0 0 0.125rem rgb(255 255 255 / 30%);
}
}
.help[data-v-dda569b6] {
    color: var(--content-tertiary);
}
}

.container {
&[data-v-b68a5780] {
  position: fixed;
  z-index: 8000;
  top: 0;
  left: 0;
  display: flex;
  width: 100dvw;
  height: 100dvh;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(4px);
}
.dialog {
&[data-v-b68a5780] {
    position: relative;
    width: 70dvw;
    border: solid var(--stroke-width-md) var(--border-tertiary);
    border-radius: var(--numbers-12);
    background-color: var(--background-primary);
}
.header {
&[data-v-b68a5780] {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      padding: var(--numbers-16);
      border-bottom: solid var(--stroke-width-md) var(--border-tertiary);
}
.icon[data-v-b68a5780] {
        display: inline-flex;
        width: var(--numbers-40);
        height: var(--numbers-40);
        align-items: center;
        justify-content: center;
        border-radius: var(--numbers-6);
        margin-right: var(--numbers-4);
        background-color: var(--background-notice-subtle);
        color: var(--content-brand-2);
}
}
.content {
&[data-v-b68a5780] {
      display: flex;
      flex-direction: column;
      padding: var(--numbers-16);
      gap: var(--numbers-16);
}
.prompt {
&[data-v-b68a5780] {
        display: flex;
        flex-direction: column;
}
.text-input[data-v-b68a5780] {
          background-color: var(--background-primary);
}
}
.editor {
&[data-v-b68a5780] {
        display: flex;
        height: 15dvh;
        flex-direction: column;
        padding: var(--numbers-4);
        border-radius: var(--numbers-6);
        background-color: var(--background-secondary);
        gap: var(--numbers-4);
}
.format-actions[data-v-b68a5780] {
          display: flex;
          flex-direction: row;
          justify-content: flex-end;
}
.rich-text-editor[data-v-b68a5780] {
          flex-grow: 1;
}
}
}
.actions {
&[data-v-b68a5780] {
      display: flex;
      flex-direction: row;
      align-items: center;
      padding: var(--numbers-16);
      border-top: solid var(--stroke-width-md) var(--border-tertiary);
      gap: var(--numbers-16);
}
.skore-button[data-v-b68a5780] {
        flex-grow: 1;
}
}
&.danger {
.header {
.icon[data-v-b68a5780] {
          background-color: var(--background-negative-subtle);
          color: var(--content-negative);
}
}
.actions {
.skore-button.primary[data-v-b68a5780]:not(:disabled) {
          border: solid var(--stroke-width-md) var(--border-negative);
          background-color: var(--background-negative-subtle);
          color: var(--content-negative);
}
}
}
}
}
.modal-appear-enter-active,
.modal-appear-leave-active {
&[data-v-b68a5780] {
  transition: opacity var(--animation-duration) var(--animation-easing);
}
& .dialog[data-v-b68a5780] {
    transition: transform var(--animation-duration) var(--animation-easing);
}
}
.modal-appear-enter-from,
.modal-appear-leave-to {
&[data-v-b68a5780] {
  opacity: 0;
}
& .dialog[data-v-b68a5780] {
    transform: translateY(33px);
}
}
@media screen and (width >=801px) {
.container {
.dialog[data-v-b68a5780] {
      width: 60dvw;
}
}
}
@media screen and (width >=1025px) {
.container {
.dialog[data-v-b68a5780] {
      width: 50dvw;
}
}
}
@media screen and (width >=1279px) {
.container {
.dialog[data-v-b68a5780] {
      width: 40dvw;
}
}
}

.toast {
&[data-v-77e689b8] {
  /* toast */
  --toast-background-color: var(--background-inverse);
  --toast-stripe-color: color-mix(in srgb, var(--background-inverse) 90%, white 10%);
  --toast-border-color: var(--border-inverse);
  --toast-text-color: var(--content-primary-inverse);
  --toast-dismiss-color: var(--content-secondary-inverse);
  --toast-shadow-elevation: rgb(0 0 0 / 48%);
  --toast-shadow-inset: inset 0 0 1.1px 2px rgb(255 255 255 / 13%);

  display: flex;
  align-items: center;
  padding: var(--numbers-12) var(--numbers-20);
  border: 2px solid var(--toast-border-color);
  border-radius: var(--numbers-32);
  background-color: var(--toast-background-color);
  background-image:
    linear-gradient(to right, var(--toast-background-color) 20%, transparent 100%),
    repeating-linear-gradient(
      45deg,
      var(--toast-stripe-color),
      var(--toast-stripe-color) 1px,
      var(--toast-background-color) 1px,
      var(--toast-background-color) 15px
    );
  box-shadow:
    0 4px 18.2px -2px var(--toast-shadow-elevation),
    inset 0 0 1.1px 2px var(--toast-shadow-inset);
  color: var(--toast-text-color);
  gap: var(--numbers-12);
}
& .icon[data-v-77e689b8] {
    font-size: calc(13px * 1.5);
}
&.success .icon[data-v-77e689b8] {
    fill: var(--background-positive);
}
&.error .icon[data-v-77e689b8] {
    fill: var(--background-negative);
}
&.info .icon[data-v-77e689b8] {
    fill: var(--background-info);
}
&.warning .icon[data-v-77e689b8] {
    fill: var(--background-notice);
}
& .message {
&[data-v-77e689b8] {
    z-index: 2;
    display: flex;
    align-items: center;
    gap: var(--numbers-12);
}
& .icon-wrapper {
& .icon[data-v-77e689b8] {
        position: relative;
        z-index: 2;
        display: flex;
        width: 20px;
        height: 20px;
        align-items: center;
        justify-content: center;
        padding: 1px;
}
& .countdown {
&[data-v-77e689b8] {
        position: relative;
        z-index: 1;
}
& .background[data-v-77e689b8],
        & .foreground[data-v-77e689b8] {
          position: absolute;
          top: 0;
          left: 0;
          width: 19px;
          height: 19px;
          padding: 3px; /* the border thickness */
          border-radius: 50%;
          transform: translate(0.5px, 0.5px);
}
& .background[data-v-77e689b8] {
          background-color: var(--background-inverse);
}
& .foreground[data-v-77e689b8] {
          animation-duration: 10s;
          animation-iteration-count: 1;
          animation-name: countdown-77e689b8;
          animation-play-state: paused;
          animation-timing-function: linear;
          background-color: white;
          mask:
            linear-gradient(#0000 0 0) content-box intersect,
            conic-gradient(#000 var(--progress), #0000 0);

          --progress: 0deg; /* control the progression */
}
}
}
}
& .link {
a[data-v-77e689b8],
    a[data-v-77e689b8]:visited {
      color: var(--content-brand-2);
}
}
& .actions {
&[data-v-77e689b8] {
    display: flex;
    flex-grow: 1;
    justify-content: right;
    gap: var(--numbers-12);
    pointer-events: auto;
}
& button[data-v-77e689b8] {
      border: none;
      background: none;
      color: var(--toast-dismiss-color);
      cursor: pointer;
}
}
}
@property --progress {
  inherits: false;
  initial-value: 0deg;
  syntax: "<angle>";
}
@keyframes countdown-77e689b8 {
from {
    --progress: 0deg;
}
to {
    --progress: 360deg;
}
}

.toast-notification-area {
&[data-v-ba1a81c2] {
  position: fixed;
  z-index: 9000;
  right: 0;
  bottom: 0;
  width: 100dvw;
  padding: var(--numbers-20);
  pointer-events: none;
}
& .toasts {
&[data-v-ba1a81c2] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--numbers-12);
}
& > div[data-v-ba1a81c2] {
      z-index: 2;
      pointer-events: auto;
}
}
}
.toasts-move[data-v-ba1a81c2],
.toasts-enter-active[data-v-ba1a81c2],
.toasts-leave-active[data-v-ba1a81c2] {
  transition: all var(--animation-duration) var(--animation-easing);
}
.toasts-enter-from[data-v-ba1a81c2] {
  opacity: 0;
  transform: translateY(30px);
}
.toasts-leave-to[data-v-ba1a81c2] {
  opacity: 0;
}
.toasts-leave-active[data-v-ba1a81c2] {
  position: absolute;
}

.app-content[data-v-7db531f9] {
  color: var(--content-primary);
}