/* High Yield Savings theme tokens. Generated from gui/themes/high-yield-savings.md. Do not edit values by hand. */
:root {
  color-scheme: light;
  --toolbar-divider-bleed: 0;
  --focus-ring-outline: initial;
  --icon-stroke-width: 2;
  --icon-light-display: none;
  --icon-regular-display: inline;
  --icon-bold-display: none;
  --motion-duration: 200ms;
  --motion-easing: cubic-bezier(0.16, 1, 0.3, 1);
  --motion-type: easing;
  --motion-visual-duration: 0.2;
  --motion-bounce: 0.2;
  --motion-enabled: 1;
  --motion-small-iterations: infinite;
  --motion-large-duration: 360ms;
  --motion-large-easing: cubic-bezier(0.22, 1, 0.36, 1);
  --motion-large-type: easing;
  --motion-large-visual-duration: 0.36;
  --motion-large-bounce: 0.2;
  --motion-large-iterations: infinite;
  --motion-popup-scale: 0.96;
  --motion-press-distance: 1px;
  --option-badge-background: #5151fc;
  --option-badge-foreground: #fcfbfa;
  --navigation-active-foreground: #fcfbfa;
  --emphasis-chart-fill: #5151fc33;
  --emphasis-balance-background: #242866;
  --emphasis-rewards-background: #f5f4f1;
  --emphasis-icon-background: #f5f4f1;
  --emphasis-icon-foreground: #000000;
  --emphasis-type-background: #f5f4f1;
  --emphasis-type-foreground: #000000;
  --navigation-active-background: #5151fc;
  --surface-raised-image: none;
  --surface-raised-shadow: 0 0 0 0 transparent;
  --surface-recessed-image: none;
  --surface-recessed-shadow: 0 0 0 0 transparent;
  --space-zero: 0px;
  --space-xxs: 5px;
  --space-xs: 10px;
  --space-s: 15px;
  --space-m: 20px;
  --space-l: 30px;
  --space-xl: 40px;
  --space-xxl: 60px;
  --tracking-xs: -0.02em;
  --tracking-s: -0.01em;
  --tracking-m: 0em;
  --tracking-l: 0.01em;
  --tracking-xl: 0.02em;
  --size-xxs: 11px;
  --line-xxs: 15px;
  --letter-spacing-xxs: 0.02em;
  --size-xs: 13px;
  --line-xs: 17px;
  --letter-spacing-xs: 0.01em;
  --size-s: 15px;
  --line-s: 22px;
  --letter-spacing-s: 0.01em;
  --size-m: 17px;
  --line-m: 26px;
  --letter-spacing-m: 0em;
  --size-l: 26px;
  --line-l: 35px;
  --letter-spacing-l: -0.01em;
  --size-xl: 39px;
  --line-xl: 43px;
  --letter-spacing-xl: -0.01em;
  --size-xxl: 52px;
  --line-xxl: 56px;
  --letter-spacing-xxl: -0.02em;
  --radius-zero: 0px;
  --radius-xs: 5px;
  --radius-s: 10px;
  --radius-m: 14px;
  --radius-l: 21px;
  --radius-xl: 32px;
  --radius-full: 9999px;
  --border-none: 0px;
  --border-s: 0px;
  --border-m: 0px;
  --border-l: 0px;
  --border-default-color: #eae7e133;
  --border-shadow-none: 0 0 0 0 transparent;
  --border-shadow-s: 0 0 0 0 transparent;
  --border-shadow-m: 0 0 0 0 transparent;
  --border-shadow-l: 0 0 0 0 transparent;
  --font-ui: "Timeless Grotesk", sans-serif;
  --weight-ui-regular: 400;
  --weight-ui-medium: 500;
  --weight-ui-heavy: 600;
  --font-brand: "Timeless Grotesk", sans-serif;
  --weight-brand-regular: 400;
  --weight-brand-medium: 500;
  --weight-brand-heavy: 600;
  --font-editorial: "Timeless Grotesk", sans-serif;
  --weight-editorial-regular: 400;
  --weight-editorial-medium: 500;
  --weight-editorial-heavy: 600;
  --font-data: "Timeless Grotesk", sans-serif;
  --weight-data-regular: 400;
  --weight-data-medium: 500;
  --weight-data-heavy: 600;
  --color-none: transparent;
  --color-1: #5151fc;
  --color-1-transparent: #5151fc33;
  --color-2: #ffc0ff;
  --color-2-transparent: #ffc0ff33;
  --color-3: #abff5a;
  --color-3-transparent: #abff5a33;
  --color-4: #242866;
  --color-4-transparent: #24286633;
  --neutral-1: #ffffff;
  --neutral-1-transparent: #ffffff33;
  --neutral-2: #fcfbfa;
  --neutral-2-transparent: #fcfbfa33;
  --neutral-3: #f5f4f1;
  --neutral-3-transparent: #f5f4f133;
  --neutral-4: #eae7e1;
  --neutral-4-transparent: #eae7e133;
  --neutral-5: #d3cdc0;
  --neutral-5-transparent: #d3cdc033;
  --neutral-6: #a6a195;
  --neutral-6-transparent: #a6a19533;
  --neutral-7: #827d71;
  --neutral-7-transparent: #827d7133;
  --neutral-8: #5a554a;
  --neutral-8-transparent: #5a554a33;
  --neutral-9: #383329;
  --neutral-9-transparent: #38332933;
  --neutral-10: #000000;
  --neutral-10-transparent: #00000033;
  --success: #00906c;
  --success-transparent: #00906c33;
  --warning: #ffea00;
  --warning-transparent: #ffea0033;
  --error: #fc032d;
  --error-transparent: #fc032d33;
  --shadow-none: none;
  --shadow-s: 0px 2px 4px 0px #00000000;
  --shadow-m: 0px 2px 6px 0px #0000000d, 0px 8px 24px 0px #00000013;
  --shadow-l: 0px 16px 48px 0px #00000000;
  --cte-canvas: #ffffff;
  --cte-surface: #fcfbfa;
  --cte-surface-muted: #f5f4f1;
  --cte-text: #000000;
  --cte-text-muted: #827d71;
  --cte-border: #eae7e133;
  --cte-accent: #5151fc;
  --cte-accent-text: #fcfbfa;
  --cte-danger: #fc032d;
  --cte-focus: #5151fc;
  --cte-font: "Timeless Grotesk", sans-serif;
  --cte-font-size: 15px;
  --cte-font-weight: 400;
  --cte-line-height: 22px;
  --cte-letter-spacing: 0.01em;
  --cte-detail-font-size: 13px;
  --cte-detail-line-height: 17px;
  --cte-detail-letter-spacing: 0.01em;
}