@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;
  /* §3 UI/UX: neutral-grey hover for secondary buttons (instead of
     blue-violet); makes hover feedback clearer than the deeper Surface-3. *\/
  --color-dark-hover: #334155;
  /* §3 UI/UX: desaturated amber for warning badges in Dark Mode — the
     previous #e59700 (color-alert-1) was too saturated on dark surfaces. *\/
  --color-dark-warning-text-soft: #fbbf24;
}*/

/* Light mode specific */
/* (unused) body {
  --color-light-warning-bg: #fffcf5;
  --color-light-switch: #cccccc;
  /* Darker amber/green for marker TEXT on light surfaces — the bright
     --color-alert-1/--color-radix-green-2 fail WCAG AA as text on the light
     warning-surface/surface-3 (2.34:1 / 1.82:1). These clear 4.5:1. *\/
  --color-light-warning-text: #8f5e00;
  --color-light-success-text: #00734f;
}*/

/* Syntax-highlighting palette (code editor) — desaturated tones for
   calmer reading. Light tokens on a light editor BG, dark tokens
   pastel on the #0f1420 terminal BG. */
/* (unused) body {
  --color-syntax-keyword-light: #1e40af;
  --color-syntax-type-light: #047857;
  --color-syntax-string-light: #8f5e00; /* alias --color-light-warning-text *\/
  --color-syntax-keyword-dark: #93c5fd;
  --color-syntax-type-dark: #86efac;
  --color-syntax-string-dark: #fdba74;
}*/

/* 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';
  /* Monospace for addresses, hashes, tx IDs, code — uses the locally
     hosted 'Hack' (see fonts.css). System fallback while the font loads. *\/
  --font-family-mono: 'Hack', 'SFMono-Regular', Menlo, Consolas, monospace;
  --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-63qswh /* (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-63qswh {
  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;
}*/

/* §3 UI/UX: monospace utility — for addresses, hashes, tx-IDs.
   Slightly smaller than body text per the design spec (0.875rem ~= text-sm). */
/* (unused) .mono {
  font-family: var(--font-family-mono);
  font-size: 0.875rem;
}*/

/* (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;
}*/

.wrapper.svelte-63qswh {
  display: flex;
  align-items: center;
  justify-content: center;
}
.wrapper.svelte-63qswh > :not(:first-child) {
  margin-left: 15px;
}

.address.svelte-63qswh {
  /* Gradient variant: white text on a coloured background. */
  color: #fff;
  opacity: 0.8;
}

.label.svelte-63qswh {
  font-weight: var(--font-weight-bold-2);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.option.svelte-63qswh {
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 var(--spacing-xl);
  border-radius: var(--border-radius-xl);
  min-height: 2.5rem;
  max-height: 3rem;
  height: 100%;
  width: 100%;
}

/* §1 UI/UX: subtle outline variant for header/dropdown pills.
   Transparent + border instead of full gradient → no "neon" effect.
   Address in monospace, slightly dimmed, clear separation from the label.

   §2 UI/UX header pill polish:
   - Content-sized (`width: max-content`) instead of `width: 100%` from
     .option: pill breathes on the right instead of showing half-empty
     slack space (JetBrains/Linear pattern).
   - `flex-start` + fixed `gap` instead of `space-between`: consistent
     distance between name and address, independent of label length.
   - Explicit label typography (instead of inherited): stable against
     body-font refactors. Clear hierarchy name (14px sans) > address
     (12px mono). */
.option.outline.svelte-63qswh {
  color: var(--theme-text-primary);
  background: transparent;
  border: 1px solid var(--theme-border);
  justify-content: flex-start;
  gap: 0.75rem;
  width: max-content;
}
.option.outline.svelte-63qswh .label:where(.svelte-63qswh) {
  font-family: var(--font-family);
  font-size: 0.875rem;
  font-weight: var(--font-weight-bold-2);
  color: var(--theme-text-primary);
}
.option.outline.svelte-63qswh .address:where(.svelte-63qswh) {
  color: var(--theme-subtext);
  opacity: 1;
  font-family: var(--font-family-mono);
  font-size: 0.75rem;
}
/* (empty) .option.outline {
  /* The chevron (account-picker-expand.svg) ships with hardcoded
     fill="white" and arrives from AccountPicker as a snippet child —
     :global() because the .icon class is scoped outside this component.
     In Light Mode the white is filtered to black, in Dark Mode it
     stays white. The gradient variant (Dashboard) is unaffected
     because this rule is bound to .option.outline. *\/
}*/
.option.outline.svelte-63qswh .icon img {
  filter: var(--theme-icon-white-source);
}

.gradient-empty.svelte-63qswh {
  background: linear-gradient(276.58deg, #c9c9c9 -0.6%, #636363 102.8%);
}

.gradient-0.svelte-63qswh {
  background: linear-gradient(276.58deg, #01e2a0 -0.6%, #052cc0 102.8%);
}

.gradient-1.svelte-63qswh {
  background: linear-gradient(276.33deg, #ff43ca -14.55%, #052cc0 102.71%);
}

.gradient-2.svelte-63qswh {
  background: linear-gradient(276.33deg, #20e4ff -14.55%, #052cc0 102.71%);
}

.gradient-3.svelte-63qswh {
  background: linear-gradient(94.8deg, #00ab84 -1.2%, #052cc0 103.67%);
}

.gradient-4.svelte-63qswh {
  background: linear-gradient(94.62deg, #ce0d98 -10.14%, #052cc0 104.1%);
}

.gradient-5.svelte-63qswh {
  background: linear-gradient(276.33deg, #052cc0 -14.55%, #0dcae4 102.71%);
}

.gradient-6.svelte-63qswh {
  background: linear-gradient(90.89deg, #003057 -2.21%, #03d597 102.16%);
}

.gradient-7.svelte-63qswh {
  background: linear-gradient(276.23deg, #f31dbe -2.1%, #003057 102.67%);
}

.gradient-8.svelte-63qswh {
  background: linear-gradient(276.48deg, #003057 -0.14%, #052cc0 102.77%);
}

.gradient-9.svelte-63qswh {
  background: linear-gradient(276.32deg, #1af4b5 -5.15%, #0ba97d 102.7%);
}

.gradient-10.svelte-63qswh {
  background: linear-gradient(276.23deg, #e225b3 -2.1%, #7e0d5f 102.67%);
}

.gradient-11.svelte-63qswh {
  background: linear-gradient(276.48deg, #1f48e2 -0.14%, #040b72 102.77%);
}
/* 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;
  /* §3 UI/UX: neutral-grey hover for secondary buttons (instead of
     blue-violet); makes hover feedback clearer than the deeper Surface-3. *\/
  --color-dark-hover: #334155;
  /* §3 UI/UX: desaturated amber for warning badges in Dark Mode — the
     previous #e59700 (color-alert-1) was too saturated on dark surfaces. *\/
  --color-dark-warning-text-soft: #fbbf24;
}*/

/* Light mode specific */
/* (unused) body {
  --color-light-warning-bg: #fffcf5;
  --color-light-switch: #cccccc;
  /* Darker amber/green for marker TEXT on light surfaces — the bright
     --color-alert-1/--color-radix-green-2 fail WCAG AA as text on the light
     warning-surface/surface-3 (2.34:1 / 1.82:1). These clear 4.5:1. *\/
  --color-light-warning-text: #8f5e00;
  --color-light-success-text: #00734f;
}*/

/* Syntax-highlighting palette (code editor) — desaturated tones for
   calmer reading. Light tokens on a light editor BG, dark tokens
   pastel on the #0f1420 terminal BG. */
/* (unused) body {
  --color-syntax-keyword-light: #1e40af;
  --color-syntax-type-light: #047857;
  --color-syntax-string-light: #8f5e00; /* alias --color-light-warning-text *\/
  --color-syntax-keyword-dark: #93c5fd;
  --color-syntax-type-dark: #86efac;
  --color-syntax-string-dark: #fdba74;
}*/

/* 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';
  /* Monospace for addresses, hashes, tx IDs, code — uses the locally
     hosted 'Hack' (see fonts.css). System fallback while the font loads. *\/
  --font-family-mono: 'Hack', 'SFMono-Regular', Menlo, Consolas, monospace;
  --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-8bltf9 {
  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;
}*/

/* §3 UI/UX: monospace utility — for addresses, hashes, tx-IDs.
   Slightly smaller than body text per the design spec (0.875rem ~= text-sm). */
/* (unused) .mono {
  font-family: var(--font-family-mono);
  font-size: 0.875rem;
}*/

/* (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-8bltf9 {
  display: flex;
  flex-direction: column;
  position: relative;
}

.drawer.svelte-8bltf9 {
  position: absolute;
  min-width: 100%;
  width: fit-content;
  overflow-y: auto;
  z-index: 2;
}

.option.svelte-8bltf9 {
  cursor: pointer;
}
.option.selected.svelte-8bltf9 {
  z-index: 1;
}
/* 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;
  /* §3 UI/UX: neutral-grey hover for secondary buttons (instead of
     blue-violet); makes hover feedback clearer than the deeper Surface-3. *\/
  --color-dark-hover: #334155;
  /* §3 UI/UX: desaturated amber for warning badges in Dark Mode — the
     previous #e59700 (color-alert-1) was too saturated on dark surfaces. *\/
  --color-dark-warning-text-soft: #fbbf24;
}*/

/* Light mode specific */
/* (unused) body {
  --color-light-warning-bg: #fffcf5;
  --color-light-switch: #cccccc;
  /* Darker amber/green for marker TEXT on light surfaces — the bright
     --color-alert-1/--color-radix-green-2 fail WCAG AA as text on the light
     warning-surface/surface-3 (2.34:1 / 1.82:1). These clear 4.5:1. *\/
  --color-light-warning-text: #8f5e00;
  --color-light-success-text: #00734f;
}*/

/* Syntax-highlighting palette (code editor) — desaturated tones for
   calmer reading. Light tokens on a light editor BG, dark tokens
   pastel on the #0f1420 terminal BG. */
/* (unused) body {
  --color-syntax-keyword-light: #1e40af;
  --color-syntax-type-light: #047857;
  --color-syntax-string-light: #8f5e00; /* alias --color-light-warning-text *\/
  --color-syntax-keyword-dark: #93c5fd;
  --color-syntax-type-dark: #86efac;
  --color-syntax-string-dark: #fdba74;
}*/

/* 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';
  /* Monospace for addresses, hashes, tx IDs, code — uses the locally
     hosted 'Hack' (see fonts.css). System fallback while the font loads. *\/
  --font-family-mono: 'Hack', 'SFMono-Regular', Menlo, Consolas, monospace;
  --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-18b3qfb {
  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;
}*/

/* §3 UI/UX: monospace utility — for addresses, hashes, tx-IDs.
   Slightly smaller than body text per the design spec (0.875rem ~= text-sm). */
/* (unused) .mono {
  font-family: var(--font-family-mono);
  font-size: 0.875rem;
}*/

/* (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-18b3qfb .picker .drawer {
  background: var(--theme-surface-2);
  border-radius: var(--border-radius-xl);
  padding: var(--spacing-lg);
  box-shadow: var(--shadow-hover);
  margin-top: var(--spacing-lg);
}

.selected-wrapper.svelte-18b3qfb {
  overflow-y: clip;
}

.options-header.svelte-18b3qfb {
  font-weight: var(--font-weight-bold-3);
  font-size: var(--text-md);
  color: var(--theme-subtext);
}

.option-wrapper.svelte-18b3qfb {
  margin-top: var(--spacing-lg);
  transition: opacity 300ms ease;
}
.option-wrapper.svelte-18b3qfb:hover {
  opacity: 50%;
}
  .icon.svelte-19mu853 {
    transition: transform 0.3s ease;
  }