/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --border-hairline-width: 0.5px;
  --border-thin-width: 1px;
  --border-thick-width: 2px;
  --color-brand-primary-orange: #ff5400;
  --color-brand-secondary-purple: #8a4dff;
  --color-brand-secondary-blue: #0047ff;
  --color-brand-secondary-yellow: #b0ff1a;
  --color-brand-tertiary-red: #fc032d;
  --color-brand-tertiary-pink: #ff6fff;
  --color-brand-tertiary-lime: #16df14;
  --color-brand-tertiary-mint: #03ffcc;
  --color-neutral-0: #fff9ed;
  --color-neutral-10: #faf1df;
  --color-neutral-20: #dccdb1;
  --color-neutral-40: #b4a388;
  --color-neutral-80: #706352;
  --color-neutral-100: #211a12;
  --color-surface-base-light: #f3e8d2;
  --color-surface-base-dark: #0e0f14;
  --color-surface-inverted-light: #211a12;
  --color-surface-inverted-dark: #faf1df;
  --color-surface-glass-light-10: rgba(255, 255, 255, 0.1);
  --color-surface-glass-light-05: rgba(255, 255, 255, 0.05);
  --color-surface-glass-dark-10: rgba(14, 15, 20, 0.1);
  --color-surface-glass-dark-05: rgba(14, 15, 20, 0.05);
  --color-role-success: #34c759;
  --color-role-warning: #ffcc00;
  --color-role-error: #ff383c;
  --color-role-info: #0088ff;
  --color-rarity-bronze: #d08c52;
  --color-rarity-silver: #b6b6b6;
  --color-rarity-gold: #f6c344;
  --color-rarity-platinum: #c3b3b3;
  --color-rarity-diamond: #6fd8ff;
  --component-gadget-button-variant-key-resting-side-depth: 7px;
  --component-gadget-button-variant-key-pressed-side-depth: 2px;
  --component-gadget-button-variant-key-pressed-travel: 5px;
  --component-gadget-button-variant-key-resting-shadow-offset: 11px;
  --component-gadget-button-variant-key-resting-shadow-radius: 8px;
  --component-gadget-button-variant-key-pressed-shadow-offset: 4px;
  --component-gadget-button-variant-key-pressed-shadow-radius: 3.5px;
  --component-gadget-button-variant-key-resting-shadow-opacity: 0.45;
  --component-gadget-button-variant-key-pressed-shadow-opacity: 0.4;
  --component-gadget-button-variant-round-resting-side-depth: 7px;
  --component-gadget-button-variant-round-pressed-side-depth: 2px;
  --component-gadget-button-variant-round-pressed-travel: 5px;
  --component-gadget-button-variant-round-resting-shadow-offset: 12px;
  --component-gadget-button-variant-round-resting-shadow-radius: 8px;
  --component-gadget-button-variant-round-pressed-shadow-offset: 4px;
  --component-gadget-button-variant-round-pressed-shadow-radius: 3.5px;
  --component-gadget-button-variant-round-resting-shadow-opacity: 0.45;
  --component-gadget-button-variant-round-pressed-shadow-opacity: 0.4;
  --component-gadget-button-variant-tag-resting-side-depth: 5px;
  --component-gadget-button-variant-tag-pressed-side-depth: 2px;
  --component-gadget-button-variant-tag-pressed-travel: 3px;
  --component-gadget-button-variant-tag-resting-shadow-offset: 8px;
  --component-gadget-button-variant-tag-resting-shadow-radius: 6px;
  --component-gadget-button-variant-tag-pressed-shadow-offset: 3px;
  --component-gadget-button-variant-tag-pressed-shadow-radius: 3px;
  --component-gadget-button-variant-tag-resting-shadow-opacity: 0.35;
  --component-gadget-button-variant-tag-pressed-shadow-opacity: 0.3;
  --component-gadget-button-variant-navigation-resting-side-depth: 3px;
  --component-gadget-button-variant-navigation-pressed-side-depth: 1px;
  --component-gadget-button-variant-navigation-pressed-travel: 2px;
  --component-gadget-button-variant-navigation-resting-shadow-offset: 4px;
  --component-gadget-button-variant-navigation-resting-shadow-radius: 3px;
  --component-gadget-button-variant-navigation-pressed-shadow-offset: 2px;
  --component-gadget-button-variant-navigation-pressed-shadow-radius: 2px;
  --component-gadget-button-variant-navigation-resting-shadow-opacity: 0.3;
  --component-gadget-button-variant-navigation-pressed-shadow-opacity: 0.28;
  --component-gadget-button-bevel-top-width: 1.5px;
  --component-gadget-button-bevel-bottom-width: 2px;
  --component-gadget-button-bevel-top-opacity: 0.95;
  --component-gadget-button-bevel-bottom-opacity: 0.35;
  --component-recessed-display-casing-inset: 4px;
  --component-recessed-display-display-edge-width: 2px;
  --component-recessed-display-inner-edge-width: 1px;
  --component-recessed-display-casing-edge-width: 2px;
  --gradients-brand-primary-stop01-color: #00cfff;
  --gradients-brand-primary-stop01-location: 0;
  --gradients-brand-primary-stop02-color: #4b6eff;
  --gradients-brand-primary-stop02-location: 0.55;
  --gradients-brand-primary-stop03-color: #8a4dff;
  --gradients-brand-primary-stop03-location: 1;
  --icon-tiny-glyph: 16px;
  --icon-tiny-container: 32px;
  --icon-tiny-stroke: 1.5;
  --icon-small-glyph: 20px;
  --icon-small-container: 32px;
  --icon-small-stroke: 1.5;
  --icon-medium-glyph: 24px;
  --icon-medium-container: 40px;
  --icon-medium-stroke: 1.5;
  --icon-large-glyph: 32px;
  --icon-large-container: 48px;
  --icon-large-stroke: 2;
  --icon-x-large-glyph: 40px;
  --icon-x-large-container: 48px;
  --icon-x-large-stroke: 2;
  --motion-duration-fast: 120ms;
  --motion-duration-medium: 180ms;
  --motion-duration-slow: 220ms;
  --motion-easing-standard: cubic-bezier(0.2,0,0,1);
  --motion-easing-enter: cubic-bezier(0.2,0.8,0.2,1);
  --motion-easing-exit: cubic-bezier(0.4,0,1,1);
  --opacity-disabled: 0.38;
  --opacity-overlay-light: 0.05;
  --opacity-overlay-medium: 0.1;
  --opacity-overlay-strong: 0.4;
  --opacity-placeholder-light: 0.38;
  --opacity-placeholder-dark: 0.5;
  --opacity-text-secondary-light: 0.6;
  --opacity-text-secondary-dark: 0.7;
  --radius-full: 9999px;
  --radius-x-large: 32px;
  --radius-large: 28px;
  --radius-medium: 16px;
  --radius-small: 8px;
  --shadow-flat-x: 0;
  --shadow-flat-y: 0;
  --shadow-flat-blur: 0;
  --shadow-flat-color-light: rgba(0, 0, 0, 0);
  --shadow-flat-color-dark: rgba(0, 0, 0, 0);
  --shadow-card-x: 0px;
  --shadow-card-y: 1px;
  --shadow-card-blur: 4px;
  --shadow-card-color-light: rgba(0, 0, 0, 0.06);
  --shadow-card-color-dark: rgba(255, 255, 255, 0.05);
  --shadow-popover-x: 0px;
  --shadow-popover-y: 2px;
  --shadow-popover-blur: 8px;
  --shadow-popover-color-light: rgba(0, 0, 0, 0.09);
  --shadow-popover-color-dark: rgba(255, 255, 255, 0.07);
  --shadow-modal-x: 0px;
  --shadow-modal-y: 4px;
  --shadow-modal-blur: 16px;
  --shadow-modal-color-light: rgba(0, 0, 0, 0.12);
  --shadow-modal-color-dark: rgba(255, 255, 255, 0.08);
  --shadow-glass-inner-x: 4px;
  --shadow-glass-inner-y: 4px;
  --shadow-glass-inner-blur: 4px;
  --shadow-glass-inner-color-light: rgba(15, 14, 20, 0.12);
  --shadow-glass-inner-color-dark: rgba(15, 14, 20, 0.12);
  --spacing-xx-large: 48px;
  --spacing-x-large: 32px;
  --spacing-large: 24px;
  --spacing-s-large: 20px;
  --spacing-base: 16px;
  --spacing-medium: 12px;
  --spacing-small: 8px;
  --spacing-tiny: 4px;
  --spacing-negative-tiny: -4px;
  --spacing-negative-small: -8px;
  --font-family-content-english: Syne;
  --font-family-content-japanese: 'M PLUS 2';
  --font-family-utility-default: 'Share Tech Mono';
  --typography-headline-large-title-font-size: 48px;
  --typography-headline-large-title-line-height: 56px;
  --typography-headline-large-title-font-weight: 800;
  --typography-headline-h1-font-size: 32px;
  --typography-headline-h1-line-height: 40px;
  --typography-headline-h1-font-weight: 800;
  --typography-headline-h2-font-size: 24px;
  --typography-headline-h2-line-height: 32px;
  --typography-headline-h2-font-weight: 800;
  --typography-headline-h3-font-size: 20px;
  --typography-headline-h3-line-height: 28px;
  --typography-headline-h3-font-weight: 600;
  --typography-body-base-font-size: 16px;
  --typography-body-base-line-height: 24px;
  --typography-body-base-font-weight: 500;
  --typography-body-small-font-size: 14px;
  --typography-body-small-line-height: 20px;
  --typography-body-small-font-weight: 500;
  --typography-caption-default-font-size: 12px;
  --typography-caption-default-line-height: 16px;
  --typography-caption-default-font-weight: 500;
  --typography-label-button-font-size: 14px;
  --typography-label-button-line-height: 20px;
  --typography-label-button-font-weight: 600;
  --typography-label-tag-font-size: 12px;
  --typography-label-tag-line-height: 16px;
  --typography-label-tag-font-weight: 500;
  --typography-label-tiny-font-size: 10px;
  --typography-label-tiny-line-height: 14px;
  --typography-label-tiny-font-weight: 500;
  --typography-utility-countdown-font-weight: 400;
  --typography-utility-counter-font-weight: 400;
  --typography-utility-counter-small-font-weight: 400;
  --typography-utility-code-font-weight: 400;
  --typography-utility-label-font-weight: 400;
  --typography-utility-tiny-font-weight: 400;
  --typography-utility-photo-timestamp-font-size: 40px;
  --typography-utility-photo-timestamp-line-height: 48px;
  --typography-utility-photo-timestamp-font-weight: 400;
  --border-hairline-color-light-ref: var(--color-neutral-20);
  --border-hairline-color-dark-ref: var(--color-neutral-80);
  --border-thin-color-light-ref: var(--color-neutral-20);
  --border-thin-color-dark-ref: var(--color-neutral-80);
  --border-thick-color-light-ref: var(--color-neutral-40);
  --border-thick-color-dark-ref: var(--color-neutral-40);
  --semantic-color-surface-page-light: var(--color-surface-base-light);
  --semantic-color-surface-page-dark: var(--color-surface-base-dark);
  --semantic-color-surface-raised-light: var(--color-neutral-0);
  --semantic-color-surface-raised-dark: var(--color-neutral-100);
  --semantic-color-surface-soft-light: var(--color-neutral-10);
  --semantic-color-surface-soft-dark: var(--color-surface-base-dark);
  --semantic-color-surface-recessed-light: var(--color-neutral-100);
  --semantic-color-surface-recessed-dark: var(--color-neutral-0);
  --semantic-color-text-primary-light: var(--color-neutral-100);
  --semantic-color-text-primary-dark: var(--color-neutral-10);
  --semantic-color-text-secondary-light: var(--color-neutral-80);
  --semantic-color-text-secondary-dark: var(--color-neutral-40);
  --semantic-color-text-inverse-light: var(--color-neutral-0);
  --semantic-color-text-inverse-dark: var(--color-neutral-100);
  --semantic-color-border-subtle-light: var(--color-neutral-20);
  --semantic-color-border-subtle-dark: var(--color-neutral-80);
  --semantic-color-border-strong-light: var(--color-neutral-80);
  --semantic-color-border-strong-dark: var(--color-neutral-40);
  --semantic-color-action-face: var(--color-neutral-0);
  --semantic-color-action-foreground: var(--color-neutral-100);
  --semantic-color-action-primary-side: var(--color-brand-primary-orange);
  --semantic-color-action-secondary-side: var(--color-neutral-40);
  --semantic-color-action-destructive-side: var(--color-role-error);
  --semantic-color-action-focus: var(--color-brand-secondary-blue);
  --typography-utility-countdown-font-size: var(--typography-headline-large-title-font-size);
  --typography-utility-countdown-line-height: var(--typography-headline-large-title-line-height);
  --typography-utility-counter-font-size: var(--typography-headline-h1-font-size);
  --typography-utility-counter-line-height: var(--typography-headline-h1-line-height);
  --typography-utility-counter-small-font-size: var(--typography-headline-h2-font-size);
  --typography-utility-counter-small-line-height: var(--typography-headline-h2-line-height);
  --typography-utility-code-font-size: var(--typography-headline-h3-font-size);
  --typography-utility-code-line-height: var(--typography-headline-h3-line-height);
  --typography-utility-label-font-size: var(--typography-label-tag-font-size);
  --typography-utility-label-line-height: var(--typography-label-tag-line-height);
  --typography-utility-tiny-font-size: var(--typography-label-tiny-font-size);
  --typography-utility-tiny-line-height: var(--typography-label-tiny-line-height);
}