/* Generated Design Tokens for Brand: tylerfleck */
/* Generated at: 2026-05-26T00:51:32.831Z */

/* Generated Color Tokens for Brand: tylerfleck */
/* Generated at: 2026-05-26T00:51:32.831Z */

[data-color-theme="bright_1"] {
  --color-critical: #a7183c;
  --color-critical-container: #fc8d96;
  --color-featured: #11688d;
  --color-featured-container: #6ae0eb;
  --color-info: #574d6d;
  --color-info-container: #cac0df;
  --color-inverse-on-surface: #ffffff;
  --color-inverse-surface: #0c0e1c;
  --color-on-critical: #ffffff;
  --color-on-critical-container: #6c172c;
  --color-on-featured: #ffffff;
  --color-on-featured-container: #0c4c71;
  --color-on-info: #ffffff;
  --color-on-info-container: #574d6d;
  --color-on-overlay: #ffffff;
  --color-on-positive: #ffffff;
  --color-on-positive-container: #105d4a;
  --color-on-primary: #ffffff;
  --color-on-primary-container: #0c0e1c;
  --color-on-secondary: #ffffff;
  --color-on-secondary-container: #0c0e1c;
  --color-on-surface: #0c0e1c;
  --color-on-surface-variant: #605001;
  --color-on-tertiary: #ffffff;
  --color-on-tertiary-container: #0c0e1c;
  --color-outline: #0c0e1c;
  --color-outline-focus: #1668e3;
  --color-outline-variant: #c8b13d;
  --color-overlay: #0c0e1c;
  --color-positive: #105d4a;
  --color-positive-container: #8fde96;
  --color-primary: #0c0e1c;
  --color-primary-container: #fef4c2;
  --color-primary-container-variant: #fee672;
  --color-primary-variant: #4d5167;
  --color-scrim: #0c0e1c;
  --color-scrim-opacity-high: #0c0e1c80;
  --color-scrim-opacity-low: #0c0e1c52;
  --color-scrim-opacity-none: #0c0e1c00;
  --color-scrim-opacity-xx-low: #0c0e1c1c;
  --color-secondary: #0c0e1c;
  --color-secondary-container: #fef4c2;
  --color-secondary-container-variant: #fee672;
  --color-secondary-opacity-xx-low: #0c0e1c29;
  --color-shadow: #0c0e1c;
  --color-surface: #fddb32;
  --color-surface-container: #fef4c2;
  --color-surface-container-variant: #fee672;
  --color-surface-container-variant-opacity-none: #fee67200;
  --color-surface-high-elevation: #fddb32;
  --color-surface-low-elevation: #fddb32;
  --color-surface-medium-elevation: #fddb32;
  --color-surface-opacity-mid: #fddb3280;
  --color-surface-opacity-none: #fddb3200;
  --color-surface-opacity-x-high: #fddb32bf;
  --color-tertiary: #31374f;
  --color-tertiary-container: #deb902;
  --color-tertiary-container-variant: #fee672;
}

[data-color-theme="dark_1"] {
  --color-critical: #f55669;
  --color-critical-container: #420e1b;
  --color-featured: #0c4c71;
  --color-featured-container: #042743;
  --color-info: #7c6f9b;
  --color-info-container: #322d3e;
  --color-inverse-on-surface: #191e3b;
  --color-inverse-surface: #dfe0e4;
  --color-on-critical: #191e3b;
  --color-on-critical-container: #f55669;
  --color-on-featured: #ffffff;
  --color-on-featured-container: #6ae0eb;
  --color-on-info: #ffffff;
  --color-on-info-container: #cac0df;
  --color-on-overlay: #ffffff;
  --color-on-positive: #191e3b;
  --color-on-positive-container: #57ca61;
  --color-on-primary: #191e3b;
  --color-on-primary-container: #80b2f4;
  --color-on-secondary: #191e3b;
  --color-on-secondary-container: #a6c9f7;
  --color-on-surface: #ffffff;
  --color-on-surface-variant: #999ca8;
  --color-on-tertiary: #191e3b;
  --color-on-tertiary-container: #caccd2;
  --color-outline: #999ca8;
  --color-outline-focus: #3d84f0;
  --color-outline-variant: #676a7d;
  --color-overlay: #191e3b;
  --color-positive: #57ca61;
  --color-positive-container: #022623;
  --color-primary: #649df2;
  --color-primary-container: #0e3672;
  --color-primary-container-variant: #292929;
  --color-primary-variant: #a6c9f7;
  --color-scrim: #0c0e1c;
  --color-scrim-opacity-high: #0c0e1c80;
  --color-scrim-opacity-low: #0c0e1c52;
  --color-scrim-opacity-none: #0c0e1c00;
  --color-scrim-opacity-xx-low: #0c0e1c1c;
  --color-secondary: #649df2;
  --color-secondary-container: #0d4eaf;
  --color-secondary-container-variant: #0e3672;
  --color-secondary-opacity-xx-low: #649df229;
  --color-shadow: #0c0e1c;
  --color-surface: #0c0e1c;
  --color-surface-container: #31374f;
  --color-surface-container-variant: #191e3b;
  --color-surface-container-variant-opacity-none: #191e3b00;
  --color-surface-high-elevation: #191e3b;
  --color-surface-low-elevation: #0c0e1c;
  --color-surface-medium-elevation: #191e3b;
  --color-surface-opacity-mid: #0c0e1c80;
  --color-surface-opacity-none: #0c0e1c00;
  --color-surface-opacity-x-high: #0c0e1cbf;
  --color-tertiary: #caccd2;
  --color-tertiary-container: #0d4eaf;
  --color-tertiary-container-variant: #191e3b;
}

[data-color-theme="light_1"] {
  --color-critical: #a7183c;
  --color-critical-container: #fed5d8;
  --color-featured: #6ae0eb;
  --color-featured-container: #b2ecf0;
  --color-info: #7c6f9b;
  --color-info-container: #e0daef;
  --color-inverse-on-surface: #ffffff;
  --color-inverse-surface: #0c0e1c;
  --color-on-critical: #ffffff;
  --color-on-critical-container: #a7183c;
  --color-on-featured: #191e3b;
  --color-on-featured-container: #11688d;
  --color-on-info: #ffffff;
  --color-on-info-container: #574d6d;
  --color-on-overlay: #ffffff;
  --color-on-positive: #ffffff;
  --color-on-positive-container: #105d4a;
  --color-on-primary: #ffffff;
  --color-on-primary-container: #0d4eaf;
  --color-on-secondary: #ffffff;
  --color-on-secondary-container: #0d4eaf;
  --color-on-surface: #191e3b;
  --color-on-surface-variant: #676a7d;
  --color-on-tertiary: #ffffff;
  --color-on-tertiary-container: #4d5167;
  --color-outline: #818494;
  --color-outline-focus: #1668e3;
  --color-outline-variant: #dfe0e4;
  --color-overlay: #191e3b;
  --color-positive: #227950;
  --color-positive-container: #beecc6;
  --color-primary: #1668e3;
  --color-primary-container: #c8dff9;
  --color-primary-container-variant: #fff9d9;
  --color-primary-variant: #0e3672;
  --color-scrim: #0c0e1c;
  --color-scrim-opacity-high: #0c0e1c80;
  --color-scrim-opacity-low: #0c0e1c52;
  --color-scrim-opacity-none: #0c0e1c00;
  --color-scrim-opacity-xx-low: #0c0e1c1c;
  --color-secondary: #1668e3;
  --color-secondary-container: #c8dff9;
  --color-secondary-container-variant: #ecf4fd;
  --color-secondary-opacity-xx-low: #1668e329;
  --color-shadow: #0c0e1c;
  --color-surface: #ffffff;
  --color-surface-container: #dfe0e4;
  --color-surface-container-variant: #eff3f7;
  --color-surface-container-variant-opacity-none: #eff3f700;
  --color-surface-high-elevation: #ffffff;
  --color-surface-low-elevation: #ffffff;
  --color-surface-medium-elevation: #ffffff;
  --color-surface-opacity-mid: #ffffff80;
  --color-surface-opacity-none: #ffffff00;
  --color-surface-opacity-x-high: #ffffffbf;
  --color-tertiary: #4d5167;
  --color-tertiary-container: #c8dff9;
  --color-tertiary-container-variant: #eff3f7;
}

/* Light appearance mode themes */
@media (prefers-color-scheme: light) {
  [data-color-theme-light="bright_1"] {
    --color-critical: #a7183c;
    --color-critical-container: #fc8d96;
    --color-featured: #11688d;
    --color-featured-container: #6ae0eb;
    --color-info: #574d6d;
    --color-info-container: #cac0df;
    --color-inverse-on-surface: #ffffff;
    --color-inverse-surface: #0c0e1c;
    --color-on-critical: #ffffff;
    --color-on-critical-container: #6c172c;
    --color-on-featured: #ffffff;
    --color-on-featured-container: #0c4c71;
    --color-on-info: #ffffff;
    --color-on-info-container: #574d6d;
    --color-on-overlay: #ffffff;
    --color-on-positive: #ffffff;
    --color-on-positive-container: #105d4a;
    --color-on-primary: #ffffff;
    --color-on-primary-container: #0c0e1c;
    --color-on-secondary: #ffffff;
    --color-on-secondary-container: #0c0e1c;
    --color-on-surface: #0c0e1c;
    --color-on-surface-variant: #605001;
    --color-on-tertiary: #ffffff;
    --color-on-tertiary-container: #0c0e1c;
    --color-outline: #0c0e1c;
    --color-outline-focus: #1668e3;
    --color-outline-variant: #c8b13d;
    --color-overlay: #0c0e1c;
    --color-positive: #105d4a;
    --color-positive-container: #8fde96;
    --color-primary: #0c0e1c;
    --color-primary-container: #fef4c2;
    --color-primary-container-variant: #fee672;
    --color-primary-variant: #4d5167;
    --color-scrim: #0c0e1c;
    --color-scrim-opacity-high: #0c0e1c80;
    --color-scrim-opacity-low: #0c0e1c52;
    --color-scrim-opacity-none: #0c0e1c00;
    --color-scrim-opacity-xx-low: #0c0e1c1c;
    --color-secondary: #0c0e1c;
    --color-secondary-container: #fef4c2;
    --color-secondary-container-variant: #fee672;
    --color-secondary-opacity-xx-low: #0c0e1c29;
    --color-shadow: #0c0e1c;
    --color-surface: #fddb32;
    --color-surface-container: #fef4c2;
    --color-surface-container-variant: #fee672;
    --color-surface-container-variant-opacity-none: #fee67200;
    --color-surface-high-elevation: #fddb32;
    --color-surface-low-elevation: #fddb32;
    --color-surface-medium-elevation: #fddb32;
    --color-surface-opacity-mid: #fddb3280;
    --color-surface-opacity-none: #fddb3200;
    --color-surface-opacity-x-high: #fddb32bf;
    --color-tertiary: #31374f;
    --color-tertiary-container: #deb902;
    --color-tertiary-container-variant: #fee672;
  }
  [data-color-theme-light="dark_1"] {
    --color-critical: #f55669;
    --color-critical-container: #420e1b;
    --color-featured: #0c4c71;
    --color-featured-container: #042743;
    --color-info: #7c6f9b;
    --color-info-container: #322d3e;
    --color-inverse-on-surface: #191e3b;
    --color-inverse-surface: #dfe0e4;
    --color-on-critical: #191e3b;
    --color-on-critical-container: #f55669;
    --color-on-featured: #ffffff;
    --color-on-featured-container: #6ae0eb;
    --color-on-info: #ffffff;
    --color-on-info-container: #cac0df;
    --color-on-overlay: #ffffff;
    --color-on-positive: #191e3b;
    --color-on-positive-container: #57ca61;
    --color-on-primary: #191e3b;
    --color-on-primary-container: #80b2f4;
    --color-on-secondary: #191e3b;
    --color-on-secondary-container: #a6c9f7;
    --color-on-surface: #ffffff;
    --color-on-surface-variant: #999ca8;
    --color-on-tertiary: #191e3b;
    --color-on-tertiary-container: #caccd2;
    --color-outline: #999ca8;
    --color-outline-focus: #3d84f0;
    --color-outline-variant: #676a7d;
    --color-overlay: #191e3b;
    --color-positive: #57ca61;
    --color-positive-container: #022623;
    --color-primary: #649df2;
    --color-primary-container: #0e3672;
    --color-primary-container-variant: #292929;
    --color-primary-variant: #a6c9f7;
    --color-scrim: #0c0e1c;
    --color-scrim-opacity-high: #0c0e1c80;
    --color-scrim-opacity-low: #0c0e1c52;
    --color-scrim-opacity-none: #0c0e1c00;
    --color-scrim-opacity-xx-low: #0c0e1c1c;
    --color-secondary: #649df2;
    --color-secondary-container: #0d4eaf;
    --color-secondary-container-variant: #0e3672;
    --color-secondary-opacity-xx-low: #649df229;
    --color-shadow: #0c0e1c;
    --color-surface: #0c0e1c;
    --color-surface-container: #31374f;
    --color-surface-container-variant: #191e3b;
    --color-surface-container-variant-opacity-none: #191e3b00;
    --color-surface-high-elevation: #191e3b;
    --color-surface-low-elevation: #0c0e1c;
    --color-surface-medium-elevation: #191e3b;
    --color-surface-opacity-mid: #0c0e1c80;
    --color-surface-opacity-none: #0c0e1c00;
    --color-surface-opacity-x-high: #0c0e1cbf;
    --color-tertiary: #caccd2;
    --color-tertiary-container: #0d4eaf;
    --color-tertiary-container-variant: #191e3b;
  }
  [data-color-theme-light="light_1"] {
    --color-critical: #a7183c;
    --color-critical-container: #fed5d8;
    --color-featured: #6ae0eb;
    --color-featured-container: #b2ecf0;
    --color-info: #7c6f9b;
    --color-info-container: #e0daef;
    --color-inverse-on-surface: #ffffff;
    --color-inverse-surface: #0c0e1c;
    --color-on-critical: #ffffff;
    --color-on-critical-container: #a7183c;
    --color-on-featured: #191e3b;
    --color-on-featured-container: #11688d;
    --color-on-info: #ffffff;
    --color-on-info-container: #574d6d;
    --color-on-overlay: #ffffff;
    --color-on-positive: #ffffff;
    --color-on-positive-container: #105d4a;
    --color-on-primary: #ffffff;
    --color-on-primary-container: #0d4eaf;
    --color-on-secondary: #ffffff;
    --color-on-secondary-container: #0d4eaf;
    --color-on-surface: #191e3b;
    --color-on-surface-variant: #676a7d;
    --color-on-tertiary: #ffffff;
    --color-on-tertiary-container: #4d5167;
    --color-outline: #818494;
    --color-outline-focus: #1668e3;
    --color-outline-variant: #dfe0e4;
    --color-overlay: #191e3b;
    --color-positive: #227950;
    --color-positive-container: #beecc6;
    --color-primary: #1668e3;
    --color-primary-container: #c8dff9;
    --color-primary-container-variant: #fff9d9;
    --color-primary-variant: #0e3672;
    --color-scrim: #0c0e1c;
    --color-scrim-opacity-high: #0c0e1c80;
    --color-scrim-opacity-low: #0c0e1c52;
    --color-scrim-opacity-none: #0c0e1c00;
    --color-scrim-opacity-xx-low: #0c0e1c1c;
    --color-secondary: #1668e3;
    --color-secondary-container: #c8dff9;
    --color-secondary-container-variant: #ecf4fd;
    --color-secondary-opacity-xx-low: #1668e329;
    --color-shadow: #0c0e1c;
    --color-surface: #ffffff;
    --color-surface-container: #dfe0e4;
    --color-surface-container-variant: #eff3f7;
    --color-surface-container-variant-opacity-none: #eff3f700;
    --color-surface-high-elevation: #ffffff;
    --color-surface-low-elevation: #ffffff;
    --color-surface-medium-elevation: #ffffff;
    --color-surface-opacity-mid: #ffffff80;
    --color-surface-opacity-none: #ffffff00;
    --color-surface-opacity-x-high: #ffffffbf;
    --color-tertiary: #4d5167;
    --color-tertiary-container: #c8dff9;
    --color-tertiary-container-variant: #eff3f7;
  }
}

/* Dark appearance mode themes */
@media (prefers-color-scheme: dark) {
  [data-color-theme-dark="bright_1"] {
    --color-critical: #a7183c;
    --color-critical-container: #fc8d96;
    --color-featured: #11688d;
    --color-featured-container: #6ae0eb;
    --color-info: #574d6d;
    --color-info-container: #cac0df;
    --color-inverse-on-surface: #ffffff;
    --color-inverse-surface: #0c0e1c;
    --color-on-critical: #ffffff;
    --color-on-critical-container: #6c172c;
    --color-on-featured: #ffffff;
    --color-on-featured-container: #0c4c71;
    --color-on-info: #ffffff;
    --color-on-info-container: #574d6d;
    --color-on-overlay: #ffffff;
    --color-on-positive: #ffffff;
    --color-on-positive-container: #105d4a;
    --color-on-primary: #ffffff;
    --color-on-primary-container: #0c0e1c;
    --color-on-secondary: #ffffff;
    --color-on-secondary-container: #0c0e1c;
    --color-on-surface: #0c0e1c;
    --color-on-surface-variant: #605001;
    --color-on-tertiary: #ffffff;
    --color-on-tertiary-container: #0c0e1c;
    --color-outline: #0c0e1c;
    --color-outline-focus: #1668e3;
    --color-outline-variant: #c8b13d;
    --color-overlay: #0c0e1c;
    --color-positive: #105d4a;
    --color-positive-container: #8fde96;
    --color-primary: #0c0e1c;
    --color-primary-container: #fef4c2;
    --color-primary-container-variant: #fee672;
    --color-primary-variant: #4d5167;
    --color-scrim: #0c0e1c;
    --color-scrim-opacity-high: #0c0e1c80;
    --color-scrim-opacity-low: #0c0e1c52;
    --color-scrim-opacity-none: #0c0e1c00;
    --color-scrim-opacity-xx-low: #0c0e1c1c;
    --color-secondary: #0c0e1c;
    --color-secondary-container: #fef4c2;
    --color-secondary-container-variant: #fee672;
    --color-secondary-opacity-xx-low: #0c0e1c29;
    --color-shadow: #0c0e1c;
    --color-surface: #fddb32;
    --color-surface-container: #fef4c2;
    --color-surface-container-variant: #fee672;
    --color-surface-container-variant-opacity-none: #fee67200;
    --color-surface-high-elevation: #fddb32;
    --color-surface-low-elevation: #fddb32;
    --color-surface-medium-elevation: #fddb32;
    --color-surface-opacity-mid: #fddb3280;
    --color-surface-opacity-none: #fddb3200;
    --color-surface-opacity-x-high: #fddb32bf;
    --color-tertiary: #31374f;
    --color-tertiary-container: #deb902;
    --color-tertiary-container-variant: #fee672;
  }
  [data-color-theme-dark="dark_1"] {
    --color-critical: #f55669;
    --color-critical-container: #420e1b;
    --color-featured: #0c4c71;
    --color-featured-container: #042743;
    --color-info: #7c6f9b;
    --color-info-container: #322d3e;
    --color-inverse-on-surface: #191e3b;
    --color-inverse-surface: #dfe0e4;
    --color-on-critical: #191e3b;
    --color-on-critical-container: #f55669;
    --color-on-featured: #ffffff;
    --color-on-featured-container: #6ae0eb;
    --color-on-info: #ffffff;
    --color-on-info-container: #cac0df;
    --color-on-overlay: #ffffff;
    --color-on-positive: #191e3b;
    --color-on-positive-container: #57ca61;
    --color-on-primary: #191e3b;
    --color-on-primary-container: #80b2f4;
    --color-on-secondary: #191e3b;
    --color-on-secondary-container: #a6c9f7;
    --color-on-surface: #ffffff;
    --color-on-surface-variant: #999ca8;
    --color-on-tertiary: #191e3b;
    --color-on-tertiary-container: #caccd2;
    --color-outline: #999ca8;
    --color-outline-focus: #3d84f0;
    --color-outline-variant: #676a7d;
    --color-overlay: #191e3b;
    --color-positive: #57ca61;
    --color-positive-container: #022623;
    --color-primary: #649df2;
    --color-primary-container: #0e3672;
    --color-primary-container-variant: #292929;
    --color-primary-variant: #a6c9f7;
    --color-scrim: #0c0e1c;
    --color-scrim-opacity-high: #0c0e1c80;
    --color-scrim-opacity-low: #0c0e1c52;
    --color-scrim-opacity-none: #0c0e1c00;
    --color-scrim-opacity-xx-low: #0c0e1c1c;
    --color-secondary: #649df2;
    --color-secondary-container: #0d4eaf;
    --color-secondary-container-variant: #0e3672;
    --color-secondary-opacity-xx-low: #649df229;
    --color-shadow: #0c0e1c;
    --color-surface: #0c0e1c;
    --color-surface-container: #31374f;
    --color-surface-container-variant: #191e3b;
    --color-surface-container-variant-opacity-none: #191e3b00;
    --color-surface-high-elevation: #191e3b;
    --color-surface-low-elevation: #0c0e1c;
    --color-surface-medium-elevation: #191e3b;
    --color-surface-opacity-mid: #0c0e1c80;
    --color-surface-opacity-none: #0c0e1c00;
    --color-surface-opacity-x-high: #0c0e1cbf;
    --color-tertiary: #caccd2;
    --color-tertiary-container: #0d4eaf;
    --color-tertiary-container-variant: #191e3b;
  }
  [data-color-theme-dark="light_1"] {
    --color-critical: #a7183c;
    --color-critical-container: #fed5d8;
    --color-featured: #6ae0eb;
    --color-featured-container: #b2ecf0;
    --color-info: #7c6f9b;
    --color-info-container: #e0daef;
    --color-inverse-on-surface: #ffffff;
    --color-inverse-surface: #0c0e1c;
    --color-on-critical: #ffffff;
    --color-on-critical-container: #a7183c;
    --color-on-featured: #191e3b;
    --color-on-featured-container: #11688d;
    --color-on-info: #ffffff;
    --color-on-info-container: #574d6d;
    --color-on-overlay: #ffffff;
    --color-on-positive: #ffffff;
    --color-on-positive-container: #105d4a;
    --color-on-primary: #ffffff;
    --color-on-primary-container: #0d4eaf;
    --color-on-secondary: #ffffff;
    --color-on-secondary-container: #0d4eaf;
    --color-on-surface: #191e3b;
    --color-on-surface-variant: #676a7d;
    --color-on-tertiary: #ffffff;
    --color-on-tertiary-container: #4d5167;
    --color-outline: #818494;
    --color-outline-focus: #1668e3;
    --color-outline-variant: #dfe0e4;
    --color-overlay: #191e3b;
    --color-positive: #227950;
    --color-positive-container: #beecc6;
    --color-primary: #1668e3;
    --color-primary-container: #c8dff9;
    --color-primary-container-variant: #fff9d9;
    --color-primary-variant: #0e3672;
    --color-scrim: #0c0e1c;
    --color-scrim-opacity-high: #0c0e1c80;
    --color-scrim-opacity-low: #0c0e1c52;
    --color-scrim-opacity-none: #0c0e1c00;
    --color-scrim-opacity-xx-low: #0c0e1c1c;
    --color-secondary: #1668e3;
    --color-secondary-container: #c8dff9;
    --color-secondary-container-variant: #ecf4fd;
    --color-secondary-opacity-xx-low: #1668e329;
    --color-shadow: #0c0e1c;
    --color-surface: #ffffff;
    --color-surface-container: #dfe0e4;
    --color-surface-container-variant: #eff3f7;
    --color-surface-container-variant-opacity-none: #eff3f700;
    --color-surface-high-elevation: #ffffff;
    --color-surface-low-elevation: #ffffff;
    --color-surface-medium-elevation: #ffffff;
    --color-surface-opacity-mid: #ffffff80;
    --color-surface-opacity-none: #ffffff00;
    --color-surface-opacity-x-high: #ffffffbf;
    --color-tertiary: #4d5167;
    --color-tertiary-container: #c8dff9;
    --color-tertiary-container-variant: #eff3f7;
  }
}

/* Generated Typography Tokens for Brand: tylerfleck */
/* Generated at: 2026-05-26T00:51:32.831Z */

/* Font Face Declarations */
@font-face {
  font-family: 'DMSans';
  src: url('../fonts/DMSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DMSans';
  src: url('../fonts/DMSans-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DMSans';
  src: url('../fonts/DMSans-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

[data-typography-theme="standard"] {
  --typography-body-l-font-name: DMSans;
  --typography-body-l-font-size: 16px;
  --typography-body-l-tracking: 0px;
  --typography-body-l-font-weight: 400;
  --typography-body-l-line-height: 20px;
  --typography-body-l-alternate-line-height-font-name: DMSans;
  --typography-body-l-alternate-line-height-font-size: 16px;
  --typography-body-l-alternate-line-height-tracking: 0px;
  --typography-body-l-alternate-line-height-font-weight: 400;
  --typography-body-l-alternate-line-height-line-height: 24px;
  --typography-body-l-alternate-line-height-emphasized-font-name: DMSans;
  --typography-body-l-alternate-line-height-emphasized-font-size: 16px;
  --typography-body-l-alternate-line-height-emphasized-tracking: 0px;
  --typography-body-l-alternate-line-height-emphasized-font-weight: 500;
  --typography-body-l-alternate-line-height-emphasized-line-height: 24px;
  --typography-body-l-emphasized-font-name: DMSans;
  --typography-body-l-emphasized-font-size: 16px;
  --typography-body-l-emphasized-tracking: 0px;
  --typography-body-l-emphasized-font-weight: 500;
  --typography-body-l-emphasized-line-height: 20px;
  --typography-body-m-font-name: DMSans;
  --typography-body-m-font-size: 14px;
  --typography-body-m-tracking: 0px;
  --typography-body-m-font-weight: 400;
  --typography-body-m-line-height: 18px;
  --typography-body-m-alternate-line-height-font-name: DMSans;
  --typography-body-m-alternate-line-height-font-size: 14px;
  --typography-body-m-alternate-line-height-tracking: 0px;
  --typography-body-m-alternate-line-height-font-weight: 400;
  --typography-body-m-alternate-line-height-line-height: 20px;
  --typography-body-m-alternate-line-height-emphasized-font-name: DMSans;
  --typography-body-m-alternate-line-height-emphasized-font-size: 14px;
  --typography-body-m-alternate-line-height-emphasized-tracking: 0px;
  --typography-body-m-alternate-line-height-emphasized-font-weight: 500;
  --typography-body-m-alternate-line-height-emphasized-line-height: 20px;
  --typography-body-m-emphasized-font-name: DMSans;
  --typography-body-m-emphasized-font-size: 14px;
  --typography-body-m-emphasized-tracking: 0px;
  --typography-body-m-emphasized-font-weight: 500;
  --typography-body-m-emphasized-line-height: 18px;
  --typography-body-s-font-name: DMSans;
  --typography-body-s-font-size: 12px;
  --typography-body-s-tracking: 0px;
  --typography-body-s-font-weight: 400;
  --typography-body-s-line-height: 16px;
  --typography-body-s-alternate-line-height-font-name: DMSans;
  --typography-body-s-alternate-line-height-font-size: 12px;
  --typography-body-s-alternate-line-height-tracking: 0px;
  --typography-body-s-alternate-line-height-font-weight: 400;
  --typography-body-s-alternate-line-height-line-height: 16px;
  --typography-body-s-alternate-line-height-emphasized-font-name: DMSans;
  --typography-body-s-alternate-line-height-emphasized-font-size: 12px;
  --typography-body-s-alternate-line-height-emphasized-tracking: 0px;
  --typography-body-s-alternate-line-height-emphasized-font-weight: 500;
  --typography-body-s-alternate-line-height-emphasized-line-height: 16px;
  --typography-body-s-emphasized-font-name: DMSans;
  --typography-body-s-emphasized-font-size: 12px;
  --typography-body-s-emphasized-tracking: 0px;
  --typography-body-s-emphasized-font-weight: 500;
  --typography-body-s-emphasized-line-height: 16px;
  --typography-display-m-font-name: DMSans;
  --typography-display-m-font-size: 56px;
  --typography-display-m-tracking: -3px;
  --typography-display-m-font-weight: 900;
  --typography-display-m-line-height: 60px;
  --typography-display-s-font-name: DMSans;
  --typography-display-s-font-size: 28px;
  --typography-display-s-tracking: -2px;
  --typography-display-s-font-weight: 900;
  --typography-display-s-line-height: 32px;
  --typography-headline-l-font-name: DMSans;
  --typography-headline-l-font-size: 28px;
  --typography-headline-l-tracking: -0.32px;
  --typography-headline-l-font-weight: 500;
  --typography-headline-l-line-height: 32px;
  --typography-headline-m-font-name: DMSans;
  --typography-headline-m-font-size: 20px;
  --typography-headline-m-tracking: -0.32px;
  --typography-headline-m-font-weight: 500;
  --typography-headline-m-line-height: 24px;
  --typography-headline-overline-font-name: DMSans;
  --typography-headline-overline-font-size: 12px;
  --typography-headline-overline-tracking: 0.64px;
  --typography-headline-overline-font-weight: 500;
  --typography-headline-overline-line-height: 16px;
  --typography-headline-s-font-name: DMSans;
  --typography-headline-s-font-size: 16px;
  --typography-headline-s-tracking: 0px;
  --typography-headline-s-font-weight: 500;
  --typography-headline-s-line-height: 20px;
  --typography-headline-xl-font-name: DMSans;
  --typography-headline-xl-font-size: 36px;
  --typography-headline-xl-tracking: -0.48px;
  --typography-headline-xl-font-weight: 500;
  --typography-headline-xl-line-height: 40px;
}


/* Generated Spacing Tokens for Brand: tylerfleck */
/* Generated at: 2026-05-26T00:51:32.832Z */

[data-spacing-theme="standard"] {
  --spacing-l: 24px;
  --spacing-layout-horizontal-l: 48px;
  --spacing-layout-horizontal-m: 32px;
  --spacing-layout-minimum-page-margin-l: 48px;
  --spacing-layout-minimum-page-margin-s: 24px;
  --spacing-layout-vertical-l: 48px;
  --spacing-layout-vertical-m: 32px;
  --spacing-m: 16px;
  --spacing-s: 8px;
  --spacing-section-l: 48px;
  --spacing-section-m: 32px;
  --spacing-xl: 32px;
  --spacing-xs: 4px;
}


/* Generated Corner Radius Tokens for Brand: tylerfleck */
/* Generated at: 2026-05-26T00:51:32.832Z */

[data-corner-radius-theme="standard"] {
  --corner-radius-l: 8px;
  --corner-radius-m: 4px;
  --corner-radius-max: 40000px;
  --corner-radius-none: 0px;
  --corner-radius-s: 2px;
  --corner-radius-xl: 16px;
  --corner-radius-xxl: 24px;
}


/* Generated Shadow Tokens for Brand: tylerfleck */
/* Generated at: 2026-05-26T00:51:32.832Z */

[data-shadow-theme="standard"] {
  --shadow-high-elevation-blur: 36px;
  --shadow-high-elevation-color: #1010101f;
  --shadow-high-elevation-spread: 0px;
  --shadow-high-elevation-offset-x: 0px;
  --shadow-high-elevation-offset-y: 0px;
  --shadow-low-elevation-blur: 0px;
  --shadow-low-elevation-color: #10101000;
  --shadow-low-elevation-spread: 0px;
  --shadow-low-elevation-offset-x: 0px;
  --shadow-low-elevation-offset-y: 0px;
  --shadow-medium-elevation-blur: 12px;
  --shadow-medium-elevation-color: #10101014;
  --shadow-medium-elevation-spread: 0px;
  --shadow-medium-elevation-offset-x: 0px;
  --shadow-medium-elevation-offset-y: 0px;
}



/* Static typography variables (non-themed) for tylerfleck */
:root {
  --typography-font-100-bold-font-name: DMSans;
  --typography-font-100-bold-font-size: 10px;
  --typography-font-100-bold-tracking: 0px;
  --typography-font-100-bold-font-weight: 700;
  --typography-font-100-bold-line-height: 12px;
  --typography-font-100-medium-font-name: DMSans;
  --typography-font-100-medium-font-size: 10px;
  --typography-font-100-medium-tracking: 0px;
  --typography-font-100-medium-font-weight: 500;
  --typography-font-100-medium-line-height: 12px;
  --typography-font-100-regular-font-name: DMSans;
  --typography-font-100-regular-font-size: 10px;
  --typography-font-100-regular-tracking: 0px;
  --typography-font-100-regular-font-weight: 400;
  --typography-font-100-regular-line-height: 12px;
  --typography-font-200-bold-font-name: DMSans;
  --typography-font-200-bold-font-size: 12px;
  --typography-font-200-bold-tracking: 0px;
  --typography-font-200-bold-font-weight: 700;
  --typography-font-200-bold-line-height: 16px;
  --typography-font-200-bold-underline-font-name: DMSans;
  --typography-font-200-bold-underline-font-size: 12px;
  --typography-font-200-bold-underline-tracking: 0px;
  --typography-font-200-bold-underline-font-weight: 700;
  --typography-font-200-bold-underline-line-height: 16px;
  --typography-font-200-bold-underline-text-decoration: underline;
  --typography-font-200-medium-font-name: DMSans;
  --typography-font-200-medium-font-size: 12px;
  --typography-font-200-medium-tracking: 0px;
  --typography-font-200-medium-font-weight: 500;
  --typography-font-200-medium-line-height: 16px;
  --typography-font-200-regular-font-name: DMSans;
  --typography-font-200-regular-font-size: 12px;
  --typography-font-200-regular-tracking: 0px;
  --typography-font-200-regular-font-weight: 400;
  --typography-font-200-regular-line-height: 16px;
  --typography-font-200-regular-underline-font-name: DMSans;
  --typography-font-200-regular-underline-font-size: 12px;
  --typography-font-200-regular-underline-tracking: 0px;
  --typography-font-200-regular-underline-font-weight: 400;
  --typography-font-200-regular-underline-line-height: 16px;
  --typography-font-200-regular-underline-text-decoration: underline;
  --typography-font-300-bold-font-name: DMSans;
  --typography-font-300-bold-font-size: 14px;
  --typography-font-300-bold-tracking: 0px;
  --typography-font-300-bold-font-weight: 700;
  --typography-font-300-bold-line-height: 18px;
  --typography-font-300-bold-underline-font-name: DMSans;
  --typography-font-300-bold-underline-font-size: 14px;
  --typography-font-300-bold-underline-tracking: 0px;
  --typography-font-300-bold-underline-font-weight: 700;
  --typography-font-300-bold-underline-line-height: 18px;
  --typography-font-300-bold-underline-text-decoration: underline;
  --typography-font-300-medium-font-name: DMSans;
  --typography-font-300-medium-font-size: 14px;
  --typography-font-300-medium-tracking: 0px;
  --typography-font-300-medium-font-weight: 500;
  --typography-font-300-medium-line-height: 18px;
  --typography-font-300-regular-font-name: DMSans;
  --typography-font-300-regular-font-size: 14px;
  --typography-font-300-regular-tracking: 0px;
  --typography-font-300-regular-font-weight: 400;
  --typography-font-300-regular-line-height: 18px;
  --typography-font-300-regular-underline-font-name: DMSans;
  --typography-font-300-regular-underline-font-size: 14px;
  --typography-font-300-regular-underline-tracking: 0px;
  --typography-font-300-regular-underline-font-weight: 400;
  --typography-font-300-regular-underline-line-height: 18px;
  --typography-font-300-regular-underline-text-decoration: underline;
  --typography-font-400-bold-font-name: DMSans;
  --typography-font-400-bold-font-size: 16px;
  --typography-font-400-bold-tracking: 0px;
  --typography-font-400-bold-font-weight: 700;
  --typography-font-400-bold-line-height: 20px;
  --typography-font-400-bold-underline-font-name: DMSans;
  --typography-font-400-bold-underline-font-size: 16px;
  --typography-font-400-bold-underline-tracking: 0px;
  --typography-font-400-bold-underline-font-weight: 700;
  --typography-font-400-bold-underline-line-height: 20px;
  --typography-font-400-bold-underline-text-decoration: underline;
  --typography-font-400-medium-font-name: DMSans;
  --typography-font-400-medium-font-size: 16px;
  --typography-font-400-medium-tracking: 0px;
  --typography-font-400-medium-font-weight: 500;
  --typography-font-400-medium-line-height: 20px;
  --typography-font-400-regular-font-name: DMSans;
  --typography-font-400-regular-font-size: 16px;
  --typography-font-400-regular-tracking: 0px;
  --typography-font-400-regular-font-weight: 400;
  --typography-font-400-regular-line-height: 20px;
  --typography-font-400-regular-underline-font-name: DMSans;
  --typography-font-400-regular-underline-font-size: 16px;
  --typography-font-400-regular-underline-tracking: 0px;
  --typography-font-400-regular-underline-font-weight: 400;
  --typography-font-400-regular-underline-line-height: 20px;
  --typography-font-400-regular-underline-text-decoration: underline;
  --typography-font-500-bold-font-name: DMSans;
  --typography-font-500-bold-font-size: 20px;
  --typography-font-500-bold-tracking: 0px;
  --typography-font-500-bold-font-weight: 700;
  --typography-font-500-bold-line-height: 24px;
  --typography-font-500-medium-font-name: DMSans;
  --typography-font-500-medium-font-size: 20px;
  --typography-font-500-medium-tracking: 0px;
  --typography-font-500-medium-font-weight: 500;
  --typography-font-500-medium-line-height: 24px;
  --typography-font-500-regular-font-name: DMSans;
  --typography-font-500-regular-font-size: 20px;
  --typography-font-500-regular-tracking: 0px;
  --typography-font-500-regular-font-weight: 400;
  --typography-font-500-regular-line-height: 24px;
  --typography-font-600-bold-font-name: DMSans;
  --typography-font-600-bold-font-size: 28px;
  --typography-font-600-bold-tracking: 0px;
  --typography-font-600-bold-font-weight: 700;
  --typography-font-600-bold-line-height: 32px;
  --typography-font-600-medium-font-name: DMSans;
  --typography-font-600-medium-font-size: 28px;
  --typography-font-600-medium-tracking: 0px;
  --typography-font-600-medium-font-weight: 500;
  --typography-font-600-medium-line-height: 32px;
  --typography-font-600-regular-font-name: DMSans;
  --typography-font-600-regular-font-size: 28px;
  --typography-font-600-regular-tracking: 0px;
  --typography-font-600-regular-font-weight: 400;
  --typography-font-600-regular-line-height: 32px;
  --typography-font-700-bold-font-name: DMSans;
  --typography-font-700-bold-font-size: 36px;
  --typography-font-700-bold-tracking: 0px;
  --typography-font-700-bold-font-weight: 700;
  --typography-font-700-bold-line-height: 40px;
  --typography-font-700-medium-font-name: DMSans;
  --typography-font-700-medium-font-size: 36px;
  --typography-font-700-medium-tracking: 0px;
  --typography-font-700-medium-font-weight: 500;
  --typography-font-700-medium-line-height: 40px;
  --typography-font-700-regular-font-name: DMSans;
  --typography-font-700-regular-font-size: 36px;
  --typography-font-700-regular-tracking: 0px;
  --typography-font-700-regular-font-weight: 400;
  --typography-font-700-regular-line-height: 40px;
  --typography-font-800-bold-font-name: DMSans;
  --typography-font-800-bold-font-size: 42px;
  --typography-font-800-bold-tracking: 0px;
  --typography-font-800-bold-font-weight: 700;
  --typography-font-800-bold-line-height: 44px;
  --typography-font-800-medium-font-name: DMSans;
  --typography-font-800-medium-font-size: 42px;
  --typography-font-800-medium-tracking: 0px;
  --typography-font-800-medium-font-weight: 500;
  --typography-font-800-medium-line-height: 44px;
  --typography-font-800-regular-font-name: DMSans;
  --typography-font-800-regular-font-size: 42px;
  --typography-font-800-regular-tracking: 0px;
  --typography-font-800-regular-font-weight: 400;
  --typography-font-800-regular-line-height: 44px;
  --typography-font-900-bold-font-name: DMSans;
  --typography-font-900-bold-font-size: 56px;
  --typography-font-900-bold-tracking: 0px;
  --typography-font-900-bold-font-weight: 700;
  --typography-font-900-bold-line-height: 56px;
  --typography-font-900-medium-font-name: DMSans;
  --typography-font-900-medium-font-size: 56px;
  --typography-font-900-medium-tracking: 0px;
  --typography-font-900-medium-font-weight: 500;
  --typography-font-900-medium-line-height: 56px;
  --typography-font-900-regular-font-name: DMSans;
  --typography-font-900-regular-font-size: 56px;
  --typography-font-900-regular-tracking: 0px;
  --typography-font-900-regular-font-weight: 400;
  --typography-font-900-regular-line-height: 56px;
}


/* Static spacing variables (non-themed) for tylerfleck */
:root {
  --spacing-0x: 0px;
  --spacing-0x-half: 2px;
  --spacing-12x: 48px;
  --spacing-14x: 56px;
  --spacing-1x: 4px;
  --spacing-1x-half: 6px;
  --spacing-2x: 8px;
  --spacing-3x: 12px;
  --spacing-4x: 16px;
  --spacing-5x: 20px;
  --spacing-6x: 24px;
  --spacing-7x: 28px;
  --spacing-8x: 32px;
}


/* Static cornerRadius variables (non-themed) for tylerfleck */
:root {
  --corner-radius-0x: 0px;
  --corner-radius-0x-half: 2px;
  --corner-radius-1000x: 40000px;
  --corner-radius-1x: 4px;
  --corner-radius-2x: 8px;
  --corner-radius-3x: 12px;
  --corner-radius-4x: 16px;
  --corner-radius-6x: 24px;
}


/* Static sizing variables (non-themed) for tylerfleck */
:root {
  --sizing-0x: 0px;
  --sizing-0x-half: 2px;
  --sizing-0x-quarter: 1px;
  --sizing-10x: 40px;
  --sizing-11x: 44px;
  --sizing-120x: 480px;
  --sizing-12x: 48px;
  --sizing-130x: 520px;
  --sizing-14x: 56px;
  --sizing-15x: 60px;
  --sizing-16x: 64px;
  --sizing-17x: 68px;
  --sizing-180x: 720px;
  --sizing-18x: 72px;
  --sizing-1x: 4px;
  --sizing-1x-half: 6px;
  --sizing-2x: 8px;
  --sizing-38x: 152px;
  --sizing-3x: 12px;
  --sizing-3x-half: 14px;
  --sizing-48x: 192px;
  --sizing-4x: 16px;
  --sizing-4x-half: 18px;
  --sizing-5x: 20px;
  --sizing-6x: 24px;
  --sizing-70x: 280px;
  --sizing-72x: 288px;
  --sizing-7x: 28px;
  --sizing-8x: 32px;
  --sizing-9x: 36px;
}


/* Static opacity variables (non-themed) for tylerfleck */
:root {
  --opacity-0: 0;
  --opacity-12: 0.12;
  --opacity-24: 0.24;
  --opacity-36: 0.36;
  --opacity-56: 0.56;
  --opacity-72: 0.72;
  --opacity-92: 0.92;
  --opacity-100: 1;
}