@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,
select {
  all: unset;
  box-sizing: border-box;
}*/

/* (unused) button {
  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-k1ouxd {
  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;
}*/

/* (unused) .disabled {
  opacity: 50%;
  pointer-events: none;
}*/

.card.svelte-k1ouxd {
  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;
}*/

.staking-card.svelte-k1ouxd {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-lg);
  padding: var(--spacing-xl);
  max-width: 80rem;
}
@media (min-width: 768px) {
  .staking-card.svelte-k1ouxd {
    flex-wrap: nowrap;
  }
}

.section.svelte-k1ouxd {
  width: 100%;
}
@media (max-width: 768px) {
  .section.svelte-k1ouxd:not(:last-child) {
    border-bottom: var(--border-divider) var(--theme-border);
    padding-bottom: var(--spacing-lg);
  }
}
@media (min-width: 768px) {
  .section.svelte-k1ouxd {
    width: 33.33%;
    border-right: var(--border-divider) var(--theme-border);
  }
}
.section.svelte-k1ouxd {
  padding: 0 var(--spacing-lg);
}

.last-section.svelte-k1ouxd {
  border-right: none;
  display: flex;
  gap: var(--spacing-xl);
}
  .available-to-stake.svelte-1hobmwd {
    min-width: 21rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
  }

  .text.svelte-1hobmwd {
    font-weight: 500;
    color: var(--theme-subtext);
  }

  .amount.svelte-1hobmwd {
    font-weight: 500;
    color: var(--theme-text-primary);
    display: flex;
  }

  .section.svelte-16ma3om {
    display: grid;
    grid-template-columns: subgrid;
  }

/* 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,
select {
  all: unset;
  box-sizing: border-box;
}*/

/* (unused) button {
  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-11kd2bb {
  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;
}*/

/* (unused) .disabled {
  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;
}*/

.grid-table.svelte-11kd2bb {
  display: grid;
}
@media (min-width: 768px) {
  .grid-table.svelte-11kd2bb {
    grid-template-columns: repeat(var(--grid-template-columns-length), auto);
  }
}

.header.svelte-11kd2bb {
  display: none;
  justify-content: center;
  align-items: center;
  height: 3rem;
}
@media (min-width: 768px) {
  .header.svelte-11kd2bb {
    display: flex;
  }
}

.left-aligned.svelte-11kd2bb {
  justify-content: flex-start;
}

.right-aligned.svelte-11kd2bb {
  justify-content: flex-end;
}
/* 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,
select {
  all: unset;
  box-sizing: border-box;
}*/

/* (unused) button {
  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-re0cbo {
  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;
}*/

/* (unused) .disabled {
  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;
}*/

.picker.svelte-re0cbo {
  width: var(--uptime-selector-width, 6rem);
  min-width: 6rem;
}
/* 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,
select {
  all: unset;
  box-sizing: border-box;
}*/

/* (unused) button {
  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-x6l62f {
  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;
}*/

/* (unused) .disabled {
  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;
}*/

.header.svelte-x6l62f {
  display: flex;
  gap: var(--spacing-md);
  align-items: center;
  justify-content: center;
  margin: 0 var(--spacing-lg);
}
/* 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,
select {
  all: unset;
  box-sizing: border-box;
}*/

/* (unused) button {
  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-1rrnp1q {
  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);
}*/

.subtext.svelte-1rrnp1q {
  color: var(--theme-subtext);
}

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

/* (unused) .disabled {
  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;
}*/

.stake-display.svelte-1rrnp1q {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--spacing-md);
}
@media (min-width: 768px) {
  .stake-display.svelte-1rrnp1q {
    justify-content: center;
  }
}

.total.svelte-1rrnp1q {
  font-weight: var(--font-weight-bold-1);
}

.percentage.svelte-1rrnp1q {
  font-weight: var(--font-weight-bold-1);
  display: flex;
  gap: var(--spacing-xs);
}

.warning.svelte-1rrnp1q {
  background-color: var(--theme-surface-1);
  border-radius: var(--border-radius-md);
  padding: var(--spacing-xs) var(--spacing-sm);
  color: var(--color-alert-1);
}
  .check-icon.svelte-c2ajkm img {
    filter: var(--theme-icon-dark-filter, none);
  }

/* 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.svelte-1ul9sgh:hover,
input.svelte-1ul9sgh: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.svelte-1ul9sgh,
input.svelte-1ul9sgh,
button.svelte-1ul9sgh /* (unused) select*/ {
  all: unset;
  box-sizing: border-box;
}

button.svelte-1ul9sgh {
  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-1ul9sgh {
  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-1ul9sgh {
  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;
  }*/
}

input.svelte-1ul9sgh::-webkit-outer-spin-button,
input.svelte-1ul9sgh::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

.wrapper.svelte-1ul9sgh {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  width: fit-content;
  height: fit-content;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

.label.svelte-1ul9sgh {
  display: flex;
  align-items: center;
  font-weight: var(--font-weight-bold-2);
  font-size: var(--text-sm);
  color: var(--label-color);
  cursor: pointer;
}

.checkbox-hidden.svelte-1ul9sgh {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}

.checkbox.svelte-1ul9sgh {
  cursor: pointer;
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  border: 2px solid var(--color-grey-2);
  border-radius: var(--border-radius-sm);
  margin: 0 var(--spacing-sm) 0 0;
  align-self: center;
  position: relative;
}
.checkbox.checked.svelte-1ul9sgh {
  background: var(--color-radix-blue-2);
  border-color: var(--color-radix-blue-2);
}
.checkbox.checked.svelte-1ul9sgh::after {
  content: "";
  position: absolute;
  left: 3px;
  top: 0px;
  width: 4px;
  height: 8px;
  border: 2px solid white;
  border-top: none;
  border-left: none;
  transform: rotate(45deg);
}

.disabled.svelte-1ul9sgh {
  cursor: not-allowed;
  opacity: 0.5;
}
/* 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,
select {
  all: unset;
  box-sizing: border-box;
}*/

/* (unused) button {
  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-6db786 {
  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;
}*/

/* (unused) .disabled {
  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;
}*/

.staking-box.svelte-6db786 {
  padding: var(--spacing-lg) var(--spacing-2xl);
  display: flex;
  align-items: center;
  border: var(--border) var(--theme-border);
  border-top: none;
  border-radius: 0 0 var(--border-radius-lg) var(--border-radius-lg);
  background: var(--theme-surface-1);
}

.staking-box-grid.svelte-6db786 {
  display: grid;
}
@media (min-width: 768px) {
  .staking-box-grid.svelte-6db786 {
    grid: 1fr/auto auto auto auto;
  }
}
.staking-box-grid.svelte-6db786 {
  gap: var(--spacing-lg);
  align-items: center;
}

.amount-display.svelte-6db786 {
  display: grid;
  grid: 1fr/auto 1fr;
  gap: var(--spacing-sm);
}

.amount-title.svelte-6db786 {
  color: var(--theme-subtext);
  font-weight: var(--font-weight-bold-2);
}

.amount-value.svelte-6db786 {
  color: var(--theme-text-primary);
  font-weight: var(--font-weight-bold-2);
}

.ready-to-claim-text.svelte-6db786 {
  color: var(--theme-subtext);
}
/* 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,
select {
  all: unset;
  box-sizing: border-box;
}*/

/* (unused) button {
  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-r3ly22 {
  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;
}*/

/* (unused) .disabled {
  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;
}*/

.warning-panel.svelte-r3ly22 {
  border: var(--border) var(--color-alert-2);
  padding: var(--spacing-lg) var(--spacing-2xl);
  border-radius: 0 0 var(--border-radius-lg) var(--border-radius-lg);
  background: var(--theme-warning-surface);
  border-top: none;
}
/* 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;
}*/

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

a.svelte-1hg5wap {
  font-weight: var(--font-weight-bold-1);
  cursor: pointer;
}

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

/* (unused) button {
  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-1hg5wap {
  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;
}*/

/* (unused) .disabled {
  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;
}*/

.warning-text.svelte-1hg5wap :where(.svelte-1hg5wap) {
  color: var(--color-alert-1);
}
.warning-text.svelte-1hg5wap {
  display: flex;
}
@media (max-width: 768px) {
  .warning-text.svelte-1hg5wap {
    flex-wrap: wrap;
  }
}
.warning-text.svelte-1hg5wap {
  gap: var(--spacing-lg);
}

.bold.svelte-1hg5wap {
  font-weight: var(--font-weight-bold-2);
}

a.link.svelte-1hg5wap {
  text-decoration: underline;
  font-weight: var(--font-weight-light);
}
/* 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,
select {
  all: unset;
  box-sizing: border-box;
}*/

/* (unused) button {
  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-fqqdnm {
  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;
}*/

/* (unused) .disabled {
  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;
}*/

.warning-text.svelte-fqqdnm {
  color: var(--color-alert-1);
  display: flex;
  gap: var(--spacing-lg);
}

/* (unused) .bold {
  font-weight: var(--font-weight-bold-2);
}*/
/* 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.svelte-1u2wgmd /* (unused) input,
button,
select*/ {
  all: unset;
  box-sizing: border-box;
}

/* (unused) button {
  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-1u2wgmd {
  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);
}*/

.subtext.svelte-1u2wgmd {
  color: var(--theme-subtext);
}

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

/* (unused) .disabled {
  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) {
  .mobile-only.svelte-1u2wgmd {
    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;
}*/

.apy-text-box-label.svelte-1u2wgmd {
  text-transform: uppercase;
  display: block;
  font-size: var(--text-sm);
  color: var(--color-grey-2);
}
/* 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.svelte-g26oip /* (unused) input,
button,
select*/ {
  all: unset;
  box-sizing: border-box;
}

/* (unused) button {
  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-g26oip {
  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;
}*/

/* (unused) .disabled {
  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) {
  .mobile-only.svelte-g26oip {
    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;
}*/

.apy-text-box-label.svelte-g26oip {
  text-transform: uppercase;
  display: block;
  font-size: var(--text-sm);
  color: var(--color-grey-2);
}
/* 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.svelte-1k88hvo /* (unused) input,
button,
select*/ {
  all: unset;
  box-sizing: border-box;
}

/* (unused) button {
  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-1k88hvo {
  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);
}*/

.dotted-overflow.svelte-1k88hvo {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* (unused) .disabled {
  opacity: 50%;
  pointer-events: none;
}*/

.card.svelte-1k88hvo {
  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) {
  .mobile-only.svelte-1k88hvo {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .desktop-only.svelte-1k88hvo {
    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;
}*/

.validator-row.svelte-1k88hvo {
  cursor: pointer;
  padding: var(--spacing-lg);
  display: grid;
}
@media (max-width: 768px) {
  .validator-row.svelte-1k88hvo {
    grid-template-columns: 60px repeat(5, 1fr) 50px 40px;
    grid-template-rows: auto 38px 38px minmax(auto, 50px);
    grid-template-areas: "image name name name name name icon header" "stake-label stake-label stake-label stake-label stake-value stake-value stake-value stake-value" "accepts-label accepts-label accepts-label accepts-label accepts-label accepts-label accepts-value accepts-value" ". . . . . . . .";
  }
}
@media (min-width: 768px) {
  .validator-row.svelte-1k88hvo {
    grid-template-columns: subgrid;
    grid-column: 1/-1;
    padding: var(--spacing-lg) var(--spacing-2xl);
  }
}
.validator-row.extension.svelte-1k88hvo {
  border: var(--border) var(--color-alert-2);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: none;
}

.grid-wrapper.svelte-1k88hvo {
  display: grid;
  grid-template-columns: subgrid;
}
.grid-wrapper.svelte-1k88hvo:hover {
  box-shadow: var(--shadow-hover);
}
.grid-wrapper.svelte-1k88hvo {
  transition: var(--transition-hover-card);
  border-radius: var(--border-radius-lg);
}

.staking-info.extension.svelte-1k88hvo .staking-box {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: none;
  border: var(--border) var(--color-alert-2);
  border-top: none;
  border-bottom: none;
}

.bold.svelte-1k88hvo {
  font-weight: var(--font-weight-bold-1);
}

/* (unused) .top-percent-warning {
  border: var(--border) var(--color-alert-2);
}*/
/* (unused) .top-percent-warning * {
  color: var(--color-alert-1);
}*/
/* (unused) .top-percent-warning {
  padding: var(--spacing-lg) var(--spacing-2xl);
  border-radius: 0 0 var(--border-radius-lg) var(--border-radius-lg);
  background: #fffcf5;
  border-top: none;
}*/

.center.svelte-1k88hvo {
  display: flex;
  align-items: center;
  justify-content: center;
}

.padding.svelte-1k88hvo {
  padding: 0 var(--spacing-md);
}
@media (max-width: 768px) {
  .padding.svelte-1k88hvo {
    padding: 0;
  }
}

/* (unused) .left-padded {
  padding-left: var(--spacing-xl);
}*/
@media (max-width: 768px) {
  /* (unused) .left-padded {
    padding-left: 0;
  }*/
}

.name.svelte-1k88hvo {
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .name.svelte-1k88hvo {
    max-width: 15ch;
  }
}
@media (max-width: 768px) {
  .name.svelte-1k88hvo {
    font-weight: var(--font-weight-bold-1);
  }
}

.no-overflow.svelte-1k88hvo {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.apy.svelte-1k88hvo {
  display: flex;
}
@media (min-width: 768px) {
  .apy.svelte-1k88hvo {
    gap: var(--spacing-md);
  }
}
.apy.svelte-1k88hvo {
  border-radius: var(--border-radius-lg) 0 0 var(--border-radius-lg);
  background: var(--theme-surface-1);
  min-width: 8rem;
}

.fee.svelte-1k88hvo {
  min-width: 5rem;
}

.apy-text-box.svelte-1k88hvo {
  align-self: center;
  display: flex;
  flex-direction: column;
  height: 2rem;
  border: 1px solid #e2e5ed;
  text-align: center;
  padding: var(--spacing-sm) 0;
}
@media (max-width: 768px) {
  .apy-text-box.svelte-1k88hvo {
    height: 3rem;
  }
}
.apy-text-box.svelte-1k88hvo .apy-text-box-label:where(.svelte-1k88hvo) {
  text-transform: uppercase;
  display: block;
  font-size: var(--text-sm);
  color: var(--color-grey-2);
}

.uptime.svelte-1k88hvo {
  border-radius: 0 var(--border-radius-lg) var(--border-radius-lg) 0;
}

.rank.svelte-1k88hvo {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-variant-numeric: tabular-nums;
  min-width: 1.5ch;
  padding-left: var(--spacing-xl);
  color: var(--theme-subtext);
}

.accepts-stake.svelte-1k88hvo {
  display: flex;
  justify-content: center;
}

@media (min-width: 768px) {
  .select.svelte-1k88hvo {
    padding-right: var(--spacing-xl);
  }
}
@media (max-width: 768px) {
  .select.svelte-1k88hvo button > label {
    flex-direction: column;
    gap: var(--spacing-sm);
    align-items: center;
    justify-content: center;
  }
}

.full-width.svelte-1k88hvo {
  grid-column: 1/-1;
}

@media (max-width: 768px) {
  .select.svelte-1k88hvo {
    grid-area: header;
    justify-content: center;
    align-items: center;
  }
  .name.svelte-1k88hvo,
  .address.svelte-1k88hvo {
    grid-area: name;
  }
  .image.svelte-1k88hvo {
    grid-area: image;
  }
  .fee.svelte-1k88hvo,
  .uptime.svelte-1k88hvo,
  .apy.svelte-1k88hvo {
    grid-row-start: 4;
  }
  .apy.svelte-1k88hvo {
    grid-column-start: 1;
    grid-column-end: 5;
  }
  .fee.svelte-1k88hvo {
    grid-column-start: 5;
  }
  .uptime.svelte-1k88hvo {
    grid-column-start: 6;
    grid-column-end: -1;
  }
  .stake-display.svelte-1k88hvo {
    grid-area: stake-value;
    grid-column-end: -1;
    flex-direction: column;
    align-items: end;
  }
  .accepts-stake.svelte-1k88hvo {
    grid-area: accepts-value;
    justify-content: end;
  }
  .stake-label.svelte-1k88hvo {
    grid-area: stake-label;
  }
  .accepts-label.svelte-1k88hvo {
    grid-area: accepts-label;
  }
  .stake-label.svelte-1k88hvo,
  .accepts-label.svelte-1k88hvo {
    justify-content: start;
    align-items: center;
    display: flex;
    color: var(--color-grey-2);
    text-transform: uppercase;
    font-weight: var(--font-weight-bold-1);
  }
}
@media (min-width: 768px) {
  .stake-display.svelte-1k88hvo {
    max-width: 7rem;
  }
}
  .rows.svelte-x9gu60 {
    display: grid;
    grid-template-columns: subgrid;
    grid-column: 1 / -1;
    grid-row-gap: var(--spacing-lg);
  }

/* 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-1jyhaou /* (unused) select*/ {
  all: unset;
  box-sizing: border-box;
}

button.svelte-1jyhaou {
  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-1jyhaou {
  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;
}*/

/* (unused) .disabled {
  opacity: 50%;
  pointer-events: none;
}*/

.card.svelte-1jyhaou {
  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;
}*/

.selected-validators.svelte-1jyhaou {
  display: grid;
  grid: auto/auto auto auto;
  align-items: center;
  justify-items: center;
  gap: var(--spacing-xl);
  padding: 0 var(--spacing-lg);
}

.text.svelte-1jyhaou {
  font-weight: var(--font-weight-bold-2);
}
/* 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;
}*/

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

a.svelte-18i7rjx {
  font-weight: var(--font-weight-bold-1);
  cursor: pointer;
}

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

button.svelte-18i7rjx {
  cursor: pointer;
}

h1.svelte-18i7rjx {
  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);
}*/

h3.svelte-18i7rjx {
  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);
}*/

p.svelte-18i7rjx {
  display: block;
}

.svelte-18i7rjx {
  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);
}*/

.subtext.svelte-18i7rjx {
  color: var(--theme-subtext);
}

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

/* (unused) .disabled {
  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;
}*/

.title-header.svelte-18i7rjx {
  max-width: 25rem;
}

.title.svelte-18i7rjx {
  display: inline-block;
}
.title.svelte-18i7rjx .description:where(.svelte-18i7rjx) {
  font-weight: var(--font-weight-bold-2);
}

.selected-validators.svelte-18i7rjx {
  position: sticky;
  top: var(--spacing-xl);
  right: var(--spacing-2xl);
  z-index: 2;
}
@media (max-width: 768px) {
  .selected-validators.svelte-18i7rjx {
    margin-top: var(--spacing-lg);
    top: var(--spacing-md);
  }
}
@media (min-width: 768px) {
  .selected-validators.svelte-18i7rjx {
    position: absolute;
  }
}

#staked-validators.svelte-18i7rjx {
  max-width: 90rem;
}

#staking-info.svelte-18i7rjx {
  display: grid;
  gap: var(--spacing-2xl);
}

.info-text.svelte-18i7rjx {
  display: flex;
  align-items: center;
  font-size: var(--text-sm);
  color: var(--theme-button-primary);
  gap: var(--spacing-md);
}

.staking-card-additional.svelte-18i7rjx {
  display: flex;
  align-items: center;
  margin-left: auto;
}

.header-section.svelte-18i7rjx {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--spacing-xl);
  margin-bottom: var(--spacing-2xl);
  width: 100%;
}
@media (min-width: 768px) {
  .header-section.svelte-18i7rjx {
    flex-wrap: nowrap;
  }
}
.header-section.svelte-18i7rjx .title:where(.svelte-18i7rjx) {
  margin: 0;
}
.header-section.svelte-18i7rjx .filter-controls-container:where(.svelte-18i7rjx) {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: var(--spacing-lg);
}
.header-section.svelte-18i7rjx .filter-controls-container:where(.svelte-18i7rjx) .reset-filters:where(.svelte-18i7rjx) {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: var(--color-grey-4);
  border: none;
  cursor: pointer;
}
.header-section.svelte-18i7rjx .filter-controls-container:where(.svelte-18i7rjx) .reset-filters:where(.svelte-18i7rjx):hover {
  background: var(--color-grey-3);
}
@media (max-width: 768px) {
  .header-section.svelte-18i7rjx .available-to-stake:where(.svelte-18i7rjx) {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .header-section.svelte-18i7rjx .available-to-stake:where(.svelte-18i7rjx) {
    margin-left: auto;
  }
}
/* 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,
select {
  all: unset;
  box-sizing: border-box;
}*/

/* (unused) button {
  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-1oonp4h {
  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;
}*/

/* (unused) .disabled {
  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;
}*/

.percentage.svelte-1oonp4h {
  display: inline-block;
  font-size: var(--text-xl);
  font-weight: var(--font-weight-bold-2);
}
  .thumb.svelte-p6rht1 {
    position: absolute;
    top: 50%;
    width: 0;
    height: 0;
  }

  .thumb-content.svelte-p6rht1 {
    position: relative;
    width: fit-content;
    height: fit-content;
    transform: translate(-50%, -50%);
  }

  .thumb-content.svelte-p6rht1::before {
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    transform: translate(-25%, -25%) scale(0);
    border-radius: 100vh;
    background: var(--thumb-bg, #5784fd);
    opacity: 30%;
    transition: transform 100ms ease-in-out;
  }

  .thumb-content.active.svelte-p6rht1::before {
    transform: translate(-25%, -25%) scale(1);
  }

  input.svelte-bi6ydc {
    display: none;
  }

  .track.svelte-bi6ydc {
    margin: 16px 8px;
    position: relative;
    height: 4px;
    width: calc(100% - 16px);
    border-radius: 100vh;
    background: var(--track-bg, #ebebeb);
  }

  .progress.svelte-bi6ydc {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 100vh;
    background: var(--progress-bg, #8abdff);
  }

  .thumb.svelte-bi6ydc {
    width: 16px;
    height: 16px;
    border-radius: 100vh;
    background: var(--thumb-bg, #5784fd);
  }

/* 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,
select {
  all: unset;
  box-sizing: border-box;
}*/

/* (unused) button {
  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-imhb7n {
  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;
}*/

/* (unused) .disabled {
  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;
}*/

.histogram.svelte-imhb7n {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--spacing-xs);
  width: 100%;
  height: 100%;
}
.histogram.svelte-imhb7n .active-bar:where(.svelte-imhb7n),
.histogram.svelte-imhb7n .inactive-bar:where(.svelte-imhb7n) {
  width: 100%;
  border-radius: var(--border-radius-md) var(--border-radius-md) 0 0;
}
.histogram.svelte-imhb7n .active-bar:where(.svelte-imhb7n) {
  background: var(--theme-border-strong);
}
.histogram.svelte-imhb7n .inactive-bar:where(.svelte-imhb7n) {
  background: var(--theme-surface-3);
}

#slider.svelte-imhb7n {
  position: relative;
  z-index: 2;
}
#slider.svelte-imhb7n .track {
  margin: 0;
}

.right-handle.svelte-imhb7n {
  transform: translateX(13px) translateY(-5px);
}

.left-handle.svelte-imhb7n {
  transform: translateY(-5px);
}

#filter-histogram.svelte-imhb7n {
  position: relative;
}

#active.svelte-imhb7n {
  position: relative;
  z-index: 2;
  border-bottom: 5px solid var(--theme-border-strong);
}

#inactive.svelte-imhb7n {
  position: absolute;
  top: 0;
  z-index: 1;
  border-bottom: 5px solid var(--theme-border);
}
/* 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,
select {
  all: unset;
  box-sizing: border-box;
}*/

/* (unused) button {
  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-1ry2k89 {
  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;
}*/

/* (unused) .disabled {
  opacity: 50%;
  pointer-events: none;
}*/

.card.svelte-1ry2k89 {
  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;
}*/

.card.svelte-1ry2k89 {
  border-radius: var(--border-radius-lg);
  background: var(--background);
  border: var(--border) var(--theme-border);
  width: 100%;
  padding: var(--spacing-xl);
  box-shadow: var(--shadow);
}

.value-card.svelte-1ry2k89 {
  --card-text-size: var(--text-sm);
  --card-text-color: var(--theme-subtext);
  --card-value-weight: var(--font-weight-bold-2);
  border-radius: var(--border-radius-lg);
  background: var(--theme-surface-1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-lg);
  gap: var(--spacing-lg);
}

.filter-card.svelte-1ry2k89 {
  padding: var(--spacing-xl);
}

.value-cards.svelte-1ry2k89 {
  display: flex;
  gap: var(--spacing-2xl);
  justify-content: space-between;
  margin-top: var(--spacing-2xl);
}

.value-card.svelte-1ry2k89 {
  width: 100%;
}
.value-card.svelte-1ry2k89 .text:where(.svelte-1ry2k89) {
  font-size: var(--card-text-size);
  color: var(--card-text-color);
}
.value-card.svelte-1ry2k89 .value:where(.svelte-1ry2k89) {
  display: flex;
  align-items: center;
  font-size: var(--card-value-size);
  font-weight: var(--card-value-weight);
}
/* 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.svelte-1d6n5u7 /* (unused) input,
button,
select*/ {
  all: unset;
  box-sizing: border-box;
}

/* (unused) button {
  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-1d6n5u7 {
  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;
}*/

/* (unused) .disabled {
  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;
}*/

/* (unused) .card {
  border-radius: var(--border-radius-lg);
  background: var(--background);
  border: var(--border) var(--theme-border);
  width: 100%;
  padding: var(--spacing-xl);
  box-shadow: var(--shadow);
}*/

.value-card.svelte-1d6n5u7 {
  --card-text-size: var(--text-sm);
  --card-text-color: var(--theme-subtext);
  --card-value-weight: var(--font-weight-bold-2);
  border-radius: var(--border-radius-lg);
  background: var(--theme-surface-1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-lg);
  gap: var(--spacing-lg);
}

.manual-filter-card.svelte-1d6n5u7 {
  padding: var(--spacing-2xl);
  width: 100%;
}

.value-card.svelte-1d6n5u7 .row:where(.svelte-1d6n5u7) {
  display: flex;
  gap: var(--spacing-lg);
  align-items: center;
}
.value-card.svelte-1d6n5u7 .text:where(.svelte-1d6n5u7) {
  font-size: var(--card-text-size);
  color: var(--card-text-color);
}
  .switch.svelte-1hl6b3r {
    position: relative;
    display: inline-block;
    width: var(--width);
    height: calc(var(--width) * 0.7);
  }

  .switch.svelte-1hl6b3r input:where(.svelte-1hl6b3r) {
    opacity: 0;
    width: 0;
    height: 0;
  }

  .slider.svelte-1hl6b3r {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--theme-switch-track, var(--color-grey-3));
    transition: 0.4s;
    border-radius: 34px;
  }

  .slider.svelte-1hl6b3r:before {
    position: absolute;
    content: '';
    height: calc(var(--width) * 0.6);
    width: calc(var(--width) * 0.6);
    left: calc(var(--width) * 0.04);
    bottom: calc(var(--width) * 0.05);
    background-color: var(--color-light);
    transition: 0.4s;
    border-radius: 50%;
  }

  input.svelte-1hl6b3r:checked + .slider:where(.svelte-1hl6b3r) {
    background-color: var(--theme-button-primary, #003057);
  }

  input.svelte-1hl6b3r:checked + .slider:where(.svelte-1hl6b3r):before {
    transform: translateX(calc(var(--width) * 0.31));
  }

/* 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,
select {
  all: unset;
  box-sizing: border-box;
}*/

/* (unused) button {
  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-dpoo53 {
  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;
}*/

/* (unused) .disabled {
  opacity: 50%;
  pointer-events: none;
}*/

.card.svelte-dpoo53 {
  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;
}*/

.card.svelte-dpoo53 {
  border-radius: var(--border-radius-lg);
  background: var(--background);
  border: var(--border) var(--theme-border);
  width: 100%;
  padding: var(--spacing-xl);
  box-shadow: var(--shadow);
}

/* (unused) .value-card {
  --card-text-size: var(--text-sm);
  --card-text-color: var(--theme-subtext);
  --card-value-weight: var(--font-weight-bold-2);
  border-radius: var(--border-radius-lg);
  background: var(--theme-surface-1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-lg);
  gap: var(--spacing-lg);
}*/

#switch-filter-card.svelte-dpoo53 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--theme-surface-2);
}

#text.svelte-dpoo53 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
#text.svelte-dpoo53 #title:where(.svelte-dpoo53) {
  font-size: var(--text-lg);
  font-weight: var(--font-weight-bold-3);
}
#text.svelte-dpoo53 #description:where(.svelte-dpoo53) {
  font-size: var(--text-md);
  font-weight: var(--font-weight-bold-1);
  color: var(--theme-subtext);
}
/* 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.svelte-k9889a /* (unused) h4,
h5,
h6*/,
p.svelte-k9889a /* (unused) ul,
ol,
span,
input,
button,
select*/ {
  all: unset;
  box-sizing: border-box;
}

/* (unused) button {
  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);
}*/

h3.svelte-k9889a {
  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);
}*/

p.svelte-k9889a {
  display: block;
}

.svelte-k9889a {
  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);
}*/

.subtext.svelte-k9889a {
  color: var(--theme-subtext);
}

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

/* (unused) .disabled {
  opacity: 50%;
  pointer-events: none;
}*/

.card.svelte-k9889a {
  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;
}*/

.text.svelte-k9889a {
  margin-bottom: var(--spacing-xl);
}

.cards.svelte-k9889a {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}