@charset "UTF-8";
/* Radix colors */
/* (unused) body {
  /* Core colors *\/
  --color-radix-green-1: #00ab84;
  --color-radix-green-2: #00c389;
  --color-radix-green-3: #21ffbe;
  --color-radix-blue-1: #060f8f;
  --color-radix-blue-2: #052cc0;
  --color-radix-blue-3: #20e4ff;
  --color-light: #ffffff;
  --color-dark: #000000;
  /* Accent colors *\/
  --color-accent-red: #ef4136;
  --color-accent-blue: #00aeef;
  --color-accent-yellow: #fff200;
  --color-alert-1: #e59700;
  --color-alert-2: #ffe9be;
  --color-radix-error-red-1: #c82020;
  --color-radix-error-red-2: #fcebeb;
  /* Neutral colors *\/
  --color-grey-1: #003057;
  --color-grey-2: #8a8fa4;
  --color-grey-3: #ced0d6;
  --color-grey-4: #e2e5ed;
  --color-grey-5: #f4f5f9;
}*/

/* Dark mode palette */
/* (unused) body {
  --color-dark-1: #0f1420;
  --color-dark-2: #1a2035;
  --color-dark-3: #242b42;
  --color-dark-4: #2a3250;
  --color-dark-5: #1f2840;
  --color-dark-text: #e8edf8;
  --color-dark-link: #60a5fa;
  --color-dark-error-bg: #2a1515;
  --color-dark-warning-bg: #1f1a0a;
  --color-dark-switch: #4a5168;
}*/

/* Light mode specific */
/* (unused) body {
  --color-light-warning-bg: #fffcf5;
  --color-light-switch: #cccccc;
}*/

/* spacing */
/* (unused) body {
  --spacing-unit: 0.6em;
  --spacing-xs: calc(0.25 * var(--spacing-unit));
  --spacing-sm: calc(0.5 * var(--spacing-unit));
  --spacing-md: calc(0.75 * var(--spacing-unit));
  --spacing-lg: calc(1.25 * var(--spacing-unit));
  --spacing-xl: calc(2 * var(--spacing-unit));
  --spacing-2xl: calc(3.25 * var(--spacing-unit));
  --spacing-3xl: calc(5.25 * var(--spacing-unit));
  --spacing-4xl: calc(8.5 * var(--spacing-unit));
}*/

/* typography */
/* (unused) body {
  --font-family: 'IBM Plex Sans';
  --text-base-size: 0.8rem;
  --text-scale-ratio: 1.15;
  --text-xs: calc(
    var(--text-base-size) / (var(--text-scale-ratio) * var(--text-scale-ratio))
  );
  --text-sm: calc(var(--text-xs) * var(--text-scale-ratio));
  --text-md: calc(var(--text-sm) * var(--text-scale-ratio));
  --text-lg: calc(var(--text-md) * var(--text-scale-ratio));
  --text-xl: calc(var(--text-lg) * var(--text-scale-ratio));
  --text-2xl: calc(var(--text-xl) * var(--text-scale-ratio));
  --text-3xl: calc(var(--text-2xl) * var(--text-scale-ratio));
  --text-4xl: calc(var(--text-3xl) * var(--text-scale-ratio));
  --font-weight-light: 400;
  --font-weight-bold-1: 500;
  --font-weight-bold-2: 600;
  --font-weight-bold-3: 700;
}*/

/* common utilities */
/* (unused) .common {
  /* borders *\/
  --border-radius-sm: 2px;
  --border-radius-md: 4px;
  --border-radius-lg: 8px;
  --border-radius-xl: 12px;
  --border: 1px solid;
  --border-divider: 2px solid;
  /* shadows *\/
  --shadow: 0px 6.72099px 11px rgba(0, 0, 0, 0.06);
  --shadow-sm: 0px 3px 4px 0px rgba(0, 0, 0, 0.1);
  --shadow-hover: 0px 6.720985412597656px 13px 0px #00000030;
  /* transitions *\/
  --transition-hover-card: all 0.1s ease-in-out;
  --transform-hover-card: translate(-0.1rem, -0.1rem);
}*/

/* global styles */
/* (unused) body {
  --radix-connect-button-border-radius: 12px;
  margin: 0;
}*/

/* dark mode — system UI (scrollbars etc.) */
/* (unused) html.dark {
  background: #0f1420;
  color-scheme: dark;
}*/

/* (unused) a:link,
a:visited,
a:hover,
a:active,
input:hover,
input:focus {
  text-decoration: none;
}*/

/* (unused) a {
  font-weight: var(--font-weight-bold-1);
  cursor: pointer;
}*/

/* (unused) h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
span,
input,*/
button.svelte-c39p5p /* (unused) select*/ {
  all: unset;
  box-sizing: border-box;
}

button.svelte-c39p5p {
  cursor: pointer;
}

/* (unused) h1 {
  margin: 0;
  display: block;
  font-size: var(--text-3xl);
  font-weight: var(--font-weight-bold-2);
  margin-bottom: var(--spacing-md);
}*/

/* (unused) h2 {
  margin: 0;
  display: block;
  font-size: var(--text-2xl);
  font-weight: var(--font-weight-bold-2);
  margin-bottom: var(--spacing-sm);
}*/

/* (unused) h3 {
  margin: 0;
  display: block;
  font-size: var(--text-xl);
  font-weight: var(--font-weight-bold-2);
  margin-bottom: var(--spacing-xs);
}*/

/* (unused) h4 {
  margin: 0;
  display: block;
  font-size: var(--text-lg);
  font-weight: var(--font-weight-bold-2);
  margin-bottom: var(--spacing-xs);
}*/

/* (unused) p {
  display: block;
}*/

.svelte-c39p5p {
  font-family: var(--font-family);
  font-size: var(--text-base-size);
  box-sizing: border-box;
}

/* 3rd party libs */
/* (unused) body {
  --cooltipz-bg-color: var(--color-grey-1);
  --cooltipz-border-radius: 0.5rem;
  --cooltipz-font-size: 16px;
  --cooltipz-font-family: var(--font-family);
}*/

/* (unused) .dark {
  --cooltipz-bg-color: var(--theme-surface-3);
}*/

/* (unused) .subtext {
  color: var(--theme-subtext);
}*/

/* (unused) .dotted-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}*/

.disabled.svelte-c39p5p {
  opacity: 50%;
  pointer-events: none;
}

/* (unused) .card {
  box-shadow: var(--shadow);
  border-radius: var(--border-radius-lg);
  background: var(--theme-surface-2);
  border: var(--border) var(--theme-border);
}*/

@media (min-width: 768px) {
  /* (unused) .mobile-only {
    display: none !important;
  }*/
}

@media (max-width: 768px) {
  /* (unused) .desktop-only {
    display: none !important;
  }*/
}

/* (unused) input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}*/

/* (unused) input[type=number] {
  -moz-appearance: textfield;
}*/

button.svelte-c39p5p {
  box-sizing: border-box;
  background: var(--color-radix-blue-2);
  border: none;
  border-radius: var(--border-radius-lg);
  color: var(--color-light);
  cursor: pointer;
  white-space: nowrap;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
button.secondary.svelte-c39p5p {
  color: var(--theme-text-primary);
  background: var(--theme-surface-3);
}
button.secondary.svelte-c39p5p:hover {
  background: var(--theme-surface-2);
}
button.secondary.svelte-c39p5p:active {
  background: var(--theme-border);
}
button.svelte-c39p5p:hover {
  background: var(--color-radix-blue-1);
}
button.svelte-c39p5p:active {
  background: var(--color-grey-1);
}

.small.svelte-c39p5p {
  height: 1.5rem;
  padding: 0 var(--spacing-lg);
}

.big.svelte-c39p5p {
  height: 2rem;
  font-weight: var(--font-weight-bold-2);
  padding: 0 var(--spacing-2xl);
}

.xl.svelte-c39p5p {
  height: 2.5rem;
}