/*
  name: @otkit/colors
  version: 1.15.2
*/
:root {
  --otkit-color-white: #ffffff;
  --otkit-color-black: #000000;
  --otkit-color-sand-200: #f3f0e8;
  --otkit-color-sand-800: #343434;
  --otkit-color-ash-darker: #141a26;
  --otkit-color-ash-dark: #2d333f;
  --otkit-color-ash: #6f737b;
  --otkit-color-ash-light: #91949a;
  --otkit-color-ash-lighter: #d8d9db;
  --otkit-color-ash-lightest: #f1f2f4;
  --otkit-color-red-darker: #450d10;
  --otkit-color-red-dark: #931b23;
  --otkit-color-red: #da3743;
  --otkit-color-red-light: #e15b64;
  --otkit-color-red-lighter: #eea0a5;
  --otkit-color-red-lightest: #fceeef;
  --otkit-color-teal-darker: #0f3643;
  --otkit-color-teal-dark: #154a5b;
  --otkit-color-teal: #247f9e;
  --otkit-color-teal-light: #2b9abf;
  --otkit-color-teal-lighter: #61bddb;
  --otkit-color-teal-lightest: #eef8fb;
  --otkit-color-visa-blue-100: #eef1fc;
  --otkit-color-visa-blue-200: #d0d9f6;
  --otkit-color-visa-blue-500: #1434cb;
  --otkit-color-visa-blue-800: #021e4c;
  --otkit-color-purple-darker: #36143d;
  --otkit-color-purple-dark: #7c2f8e;
  --otkit-color-purple: #ad4cc3;
  --otkit-color-purple-light: #bb6acd;
  --otkit-color-purple-lighter: #d7a7e2;
  --otkit-color-purple-lightest: #f8f0fa;
  --otkit-color-fuchsia-darker: #450d29;
  --otkit-color-fuchsia-dark: #971c59;
  --otkit-color-fuchsia: #d82c82;
  --otkit-color-fuchsia-light: #df4e96;
  --otkit-color-fuchsia-lighter: #eb93bf;
  --otkit-color-fuchsia-lightest: #fceef5;
  --otkit-color-orange-darker: #441a0e;
  --otkit-color-orange-dark: #83331b;
  --otkit-color-orange: #c84f29;
  --otkit-color-orange-light: #d86441;
  --otkit-color-orange-lighter: #e69b84;
  --otkit-color-orange-lightest: #fcf1ee;
  --otkit-color-yellow-darker: #513701;
  --otkit-color-yellow-dark: #885e01;
  --otkit-color-yellow: #d99502;
  --otkit-color-yellow-light: #fdaf08;
  --otkit-color-yellow-lighter: #fdc958;
  --otkit-color-yellow-lightest: #fff8eb;
  --otkit-color-lemon-darker: #4b4300;
  --otkit-color-lemon-dark: #736a17;
  --otkit-color-lemon: #e8d62f;
  --otkit-color-lemon-light: #ffe922;
  --otkit-color-lemon-lighter: #fff8b1;
  --otkit-color-lemon-lightest: #fffdeb;
  --otkit-color-lime-darker: #303c15;
  --otkit-color-lime-dark: #485b1e;
  --otkit-color-lime: #8a9b27;
  --otkit-color-lime-light: #abc31b;
  --otkit-color-lime-lighter: #ddeb8a;
  --otkit-color-lime-lightest: #f1f5e6;
  --otkit-color-aqua-darker: #09342a;
  --otkit-color-aqua-dark: #0c4134;
  --otkit-color-aqua: #18856b;
  --otkit-color-aqua-light: #1fa888;
  --otkit-color-aqua-lighter: #3ddbb6;
  --otkit-color-aqua-lightest: #eefcf9;
  --otkit-color-green-darker: #153c23;
  --otkit-color-green-dark: #194829;
  --otkit-color-green: #2f864d;
  --otkit-color-green-light: #39a25e;
  --otkit-color-green-lighter: #64c987;
  --otkit-color-green-lightest: #f0faf3;
  --otkit-color-blue-darker: #0d1b45;
  --otkit-color-blue-dark: #2146b5;
  --otkit-color-blue: #4a6fde;
  --otkit-color-blue-light: #6c8ae4;
  --otkit-color-blue-lighter: #b1c1f1;
  --otkit-color-blue-lightest: #eef1fc;
  --otkit-color-violet-darker: #1a0a47;
  --otkit-color-violet-dark: #4d1fd6;
  --otkit-color-violet: #7f5ce8;
  --otkit-color-violet-light: #9d82ed;
  --otkit-color-violet-lighter: #d5c9f7;
  --otkit-color-violet-lightest: #f1edfc;
  --otkit-color-ash-dark-l50: #96999f;
  --otkit-color-ash-lightest-d35: #9c9d9e;
  --otkit-color-ash-dark-l70: #c0c1c5;
  --otkit-color-ash-lightest-d50: #78797a;
  --otkit-color-black-o04: rgba(0, 0, 0, 0.04);
  --otkit-color-white-o10: rgba(255, 255, 255, 0.10);
  --otkit-color-black-o10: rgba(0, 0, 0, 0.10);
  --otkit-color-white-o20: rgba(255, 255, 255, 0.20);
  --otkit-color-ash-dark-l25: #61666f;
  --otkit-color-ash-lightest-d05: #e4e5e7;
  --otkit-color-ash-dark-l05: #373d48;
  --otkit-color-ash-darker-o80: rgba(20, 26, 38, 0.80);
  --otkit-color-teal-darker-d25: #0b2832;
  --otkit-color-green-darker-d30: #0e2a18;
  --otkit-color-yellow-darker-d30: #382600;
  --otkit-color-red-darker-d30: #30090b;
  --otkit-color-orange-l25: #d57b5e;
  --otkit-color-orange-light-l25: #e18a70;
  --otkit-color-orange-d25: #963b1e;
  --otkit-color-orange-light-d25: #a24b30;
  --otkit-color-orange-lighter-l40: #f0c3b5;
  --otkit-color-orange-lighter-d20: #b87c69;
  --otkit-color-yellow-light-l40: #fdcf6a;
  --otkit-color-yellow-light-d20: #ca8c06;
  --otkit-color-yellow-lighter-l40: #fdde9a;
  --otkit-color-yellow-lighter-d20: #caa046;
  --otkit-color-lemon-light-l40: #fff17a;
  --otkit-color-lemon-light-d20: #ccba1b;
  --otkit-color-lime-l25: #a7b45d;
  --otkit-color-lime-d25: #67741d;
  --otkit-color-lime-lighter-l40: #eaf3b8;
  --otkit-color-lime-lighter-d20: #b0bc6e;
  --otkit-color-green-l25: #63a479;
  --otkit-color-green-d25: #236439;
  --otkit-color-green-lighter-l40: #a2deb7;
  --otkit-color-green-lighter-d20: #50a06c;
  --otkit-color-aqua-light-l25: #57bda5;
  --otkit-color-aqua-light-d25: #177e66;
  --otkit-color-aqua-lighter-l40: #8ae9d3;
  --otkit-color-aqua-lighter-d20: #30af91;
  --otkit-color-teal-light-l25: #60b3cf;
  --otkit-color-teal-light-d25: #20738f;
  --otkit-color-teal-lighter-l40: #a0d7e9;
  --otkit-color-teal-lighter-d20: #4d97af;
  --otkit-color-blue-l25: #7793e6;
  --otkit-color-blue-d25: #3753a6;
  --otkit-color-blue-lighter-l40: #d0d9f6;
  --otkit-color-blue-lighter-d20: #8d9ac0;
  --otkit-color-violet-l25: #9f84ed;
  --otkit-color-violet-d25: #5f45ae;
  --otkit-color-violet-lighter-l40: #e5defa;
  --otkit-color-violet-lighter-d20: #aaa0c5;
  --otkit-color-purple-l25: #c178d2;
  --otkit-color-purple-light-l25: #cc8fd9;
  --otkit-color-purple-d25: #813992;
  --otkit-color-purple-light-d25: #8c4f99;
  --otkit-color-purple-lighter-l40: #e7caed;
  --otkit-color-purple-lighter-d20: #ac85b4;
  --otkit-color-fuchsia-l25: #e160a1;
  --otkit-color-fuchsia-d25: #a22161;
  --otkit-color-fuchsia-lighter-l40: #f3bed8;
  --otkit-color-fuchsia-lighter-d20: #bc7598;
  --otkit-color-black-o15: rgba(0, 0, 0, 0.15);
  --otkit-color-black-o45: rgba(0, 0, 0, 0.45);
  --otkit-color-black-o03: rgba(0, 0, 0, 0.03);
  --otkit-color-black-o09: rgba(0, 0, 0, 0.09);
  --otkit-color-ash-lightest-l50: #f8f8f9;
  --otkit-color-violet-l35: #ab95f0;
}

:root {
  --otkit-color-brand-light: var(--otkit-color-teal);
  --otkit-color-brand-light-link: var(--otkit-color-teal);
  --otkit-color-brand-light-hover: var(--otkit-color-teal-light);
  --otkit-color-brand-light-pressed: var(--otkit-color-teal-dark);
  --otkit-color-brand-light-highlight: var(--otkit-color-teal-lightest);
  --otkit-color-brand-dark: var(--otkit-color-teal);
  --otkit-color-brand-dark-link: var(--otkit-color-teal);
  --otkit-color-brand-dark-hover: var(--otkit-color-teal-light);
  --otkit-color-brand-dark-pressed: var(--otkit-color-teal-dark);
  --otkit-color-brand-dark-highlight: var(--otkit-color-teal-darker);
  --otkit-color-on-brand-light: var(--otkit-color-white);
  --otkit-color-on-brand-dark: var(--otkit-color-white);
  --otkit-color-brand-neutral-200: var(--otkit-color-ash-lightest);
  --otkit-color-brand-neutral-800: var(--otkit-color-ash-dark);
}

:root,
[data-otkit-brand]:not([data-otkit-theme]) {
  color-scheme: light;
  --otkit-color-foreground-action: var(--otkit-color-brand-light);
  --otkit-color-foreground-link: var(--otkit-color-brand-light-link);
  --otkit-color-foreground-on-action: var(--otkit-color-on-brand-light);
  --otkit-color-background-alt: var(--otkit-color-brand-neutral-200);
  --otkit-color-background-action: var(--otkit-color-brand-light);
  --otkit-color-background-action-hover: var(--otkit-color-brand-light-hover);
  --otkit-color-background-action-pressed: var(--otkit-color-brand-light-pressed);
  --otkit-color-background-action-alt: var(--otkit-color-brand-light-highlight);
  --otkit-color-background-action-highlight: var(--otkit-color-brand-light-highlight);
  --otkit-color-border-action: var(--otkit-color-brand-light);
}

:root {
  color-scheme: light;
  --otkit-color-foreground-default: var(--otkit-color-ash-dark);
  --otkit-color-foreground-alt: var(--otkit-color-ash);
  --otkit-color-foreground-disabled: var(--otkit-color-ash-dark-l50);
  --otkit-color-foreground-disabled-alt: var(--otkit-color-ash-dark-l70);
  --otkit-color-foreground-on-neutral: var(--otkit-color-white);
  --otkit-color-foreground-info: var(--otkit-color-teal);
  --otkit-color-foreground-on-info: var(--otkit-color-white);
  --otkit-color-foreground-success: var(--otkit-color-green);
  --otkit-color-foreground-on-success: var(--otkit-color-white);
  --otkit-color-foreground-warning: var(--otkit-color-yellow-light);
  --otkit-color-foreground-on-warning: var(--otkit-color-ash-darker);
  --otkit-color-foreground-danger: var(--otkit-color-red-dark);
  --otkit-color-foreground-on-danger: var(--otkit-color-white);
  --otkit-color-foreground-accent-orange: var(--otkit-color-orange);
  --otkit-color-foreground-accent-orange-secondary: var(--otkit-color-orange-lighter);
  --otkit-color-foreground-on-accent-orange: var(--otkit-color-white);
  --otkit-color-foreground-on-accent-orange-secondary: var(--otkit-color-ash-darker);
  --otkit-color-foreground-accent-yellow: var(--otkit-color-yellow-light);
  --otkit-color-foreground-on-accent-yellow: var(--otkit-color-ash-darker);
  --otkit-color-foreground-accent-yellow-secondary: var(--otkit-color-yellow-lighter);
  --otkit-color-foreground-on-accent-yellow-secondary: var(--otkit-color-ash-darker);
  --otkit-color-foreground-accent-lemon: var(--otkit-color-lemon-light);
  --otkit-color-foreground-on-accent-lemon: var(--otkit-color-ash-darker);
  --otkit-color-foreground-accent-lime: var(--otkit-color-lime);
  --otkit-color-foreground-accent-lime-secondary: var(--otkit-color-lime-lighter);
  --otkit-color-foreground-on-accent-lime: var(--otkit-color-white);
  --otkit-color-foreground-on-accent-lime-secondary: var(--otkit-color-ash-darker);
  --otkit-color-foreground-accent-green: var(--otkit-color-green);
  --otkit-color-foreground-accent-green-secondary: var(--otkit-color-green-lighter);
  --otkit-color-foreground-on-accent-green: var(--otkit-color-white);
  --otkit-color-foreground-on-accent-green-secondary: var(--otkit-color-ash-darker);
  --otkit-color-foreground-accent-aqua: var(--otkit-color-aqua-light);
  --otkit-color-foreground-accent-aqua-secondary: var(--otkit-color-aqua-lighter);
  --otkit-color-foreground-on-accent-aqua: var(--otkit-color-white);
  --otkit-color-foreground-on-accent-aqua-secondary: var(--otkit-color-ash-darker);
  --otkit-color-foreground-accent-teal: var(--otkit-color-teal-light);
  --otkit-color-foreground-accent-teal-secondary: var(--otkit-color-teal-lighter);
  --otkit-color-foreground-on-accent-teal: var(--otkit-color-white);
  --otkit-color-foreground-on-accent-teal-secondary: var(--otkit-color-ash-darker);
  --otkit-color-foreground-accent-blue: var(--otkit-color-blue);
  --otkit-color-foreground-accent-blue-secondary: var(--otkit-color-blue-lighter);
  --otkit-color-foreground-on-accent-blue: var(--otkit-color-white);
  --otkit-color-foreground-on-accent-blue-secondary: var(--otkit-color-ash-darker);
  --otkit-color-foreground-accent-violet: var(--otkit-color-violet);
  --otkit-color-foreground-accent-violet-secondary: var(--otkit-color-violet-lighter);
  --otkit-color-foreground-on-accent-violet: var(--otkit-color-white);
  --otkit-color-foreground-on-accent-violet-secondary: var(--otkit-color-ash-darker);
  --otkit-color-foreground-accent-purple: var(--otkit-color-purple);
  --otkit-color-foreground-accent-purple-secondary: var(--otkit-color-purple-lighter);
  --otkit-color-foreground-on-accent-purple: var(--otkit-color-white);
  --otkit-color-foreground-on-accent-purple-secondary: var(--otkit-color-ash-darker);
  --otkit-color-foreground-accent-fuchsia: var(--otkit-color-fuchsia);
  --otkit-color-foreground-accent-fuchsia-secondary: var(--otkit-color-fuchsia-lighter);
  --otkit-color-foreground-on-accent-fuchsia: var(--otkit-color-white);
  --otkit-color-foreground-on-accent-fuchsia-secondary: var(--otkit-color-ash-darker);
  --otkit-color-background-default: var(--otkit-color-white);
  --otkit-color-background-elevation: var(--otkit-color-white);
  --otkit-color-background-inset: var(--otkit-color-ash-lightest);
  --otkit-color-background-hover: var(--otkit-color-black-o04);
  --otkit-color-background-pressed: var(--otkit-color-black-o10);
  --otkit-color-background-disabled: var(--otkit-color-ash-lighter);
  --otkit-color-background-disabled-alt: var(--otkit-color-ash-lightest-d05);
  --otkit-color-background-overlay: var(--otkit-color-ash-darker-o80);
  --otkit-color-background-inactive: var(--otkit-color-ash-lighter);
  --otkit-color-background-neutral: var(--otkit-color-ash-light);
  --otkit-color-background-info: var(--otkit-color-teal-dark);
  --otkit-color-background-info-alt: var(--otkit-color-teal-lightest);
  --otkit-color-background-info-highlight: var(--otkit-color-teal-lightest);
  --otkit-color-background-success: var(--otkit-color-green);
  --otkit-color-background-success-alt: var(--otkit-color-green-lightest);
  --otkit-color-background-success-highlight: var(--otkit-color-green-lightest);
  --otkit-color-background-warning: var(--otkit-color-yellow-light);
  --otkit-color-background-warning-hover: var(--otkit-color-yellow-lighter);
  --otkit-color-background-warning-pressed: var(--otkit-color-yellow);
  --otkit-color-background-warning-alt: var(--otkit-color-yellow-lightest);
  --otkit-color-background-warning-highlight: var(--otkit-color-yellow-lightest);
  --otkit-color-background-danger: var(--otkit-color-red-light);
  --otkit-color-background-danger-hover: var(--otkit-color-red-lighter);
  --otkit-color-background-danger-pressed: var(--otkit-color-red-dark);
  --otkit-color-background-danger-alt: var(--otkit-color-red-lightest);
  --otkit-color-background-danger-highlight: var(--otkit-color-red-lightest);
  --otkit-color-background-accent-orange: var(--otkit-color-orange);
  --otkit-color-background-accent-orange-hover: var(--otkit-color-orange-l25);
  --otkit-color-background-accent-orange-pressed: var(--otkit-color-orange-d25);
  --otkit-color-background-accent-orange-secondary: var(--otkit-color-orange-lighter);
  --otkit-color-background-accent-orange-secondary-hover: var(--otkit-color-orange-lighter-l40);
  --otkit-color-background-accent-orange-secondary-pressed: var(--otkit-color-orange-lighter-d20);
  --otkit-color-background-accent-orange-alt: var(--otkit-color-orange-lightest);
  --otkit-color-background-accent-orange-highlight: var(--otkit-color-orange-lightest);
  --otkit-color-background-accent-yellow: var(--otkit-color-yellow-light);
  --otkit-color-background-accent-yellow-hover: var(--otkit-color-yellow-light-l40);
  --otkit-color-background-accent-yellow-pressed: var(--otkit-color-yellow-light-d20);
  --otkit-color-background-accent-yellow-secondary: var(--otkit-color-yellow-lighter);
  --otkit-color-background-accent-yellow-secondary-hover: var(--otkit-color-yellow-lighter-l40);
  --otkit-color-background-accent-yellow-secondary-pressed: var(--otkit-color-yellow-lighter-d20);
  --otkit-color-background-accent-yellow-alt: var(--otkit-color-yellow-lightest);
  --otkit-color-background-accent-yellow-highlight: var(--otkit-color-yellow-lightest);
  --otkit-color-background-accent-lemon: var(--otkit-color-lemon-light);
  --otkit-color-background-accent-lemon-hover: var(--otkit-color-lemon-light-l40);
  --otkit-color-background-accent-lemon-pressed: var(--otkit-color-lemon-light-d20);
  --otkit-color-background-accent-lemon-alt: var(--otkit-color-lemon-lightest);
  --otkit-color-background-accent-lemon-highlight: var(--otkit-color-lemon-lightest);
  --otkit-color-background-accent-lime: var(--otkit-color-lime);
  --otkit-color-background-accent-lime-hover: var(--otkit-color-lime-l25);
  --otkit-color-background-accent-lime-pressed: var(--otkit-color-lime-d25);
  --otkit-color-background-accent-lime-secondary: var(--otkit-color-lime-lighter);
  --otkit-color-background-accent-lime-secondary-hover: var(--otkit-color-lime-lighter-l40);
  --otkit-color-background-accent-lime-secondary-pressed: var(--otkit-color-lime-lighter-d20);
  --otkit-color-background-accent-lime-alt: var(--otkit-color-lime-lightest);
  --otkit-color-background-accent-lime-highlight: var(--otkit-color-lime-lightest);
  --otkit-color-background-accent-green: var(--otkit-color-green);
  --otkit-color-background-accent-green-hover: var(--otkit-color-green-l25);
  --otkit-color-background-accent-green-pressed: var(--otkit-color-green-d25);
  --otkit-color-background-accent-green-secondary: var(--otkit-color-green-lighter);
  --otkit-color-background-accent-green-secondary-hover: var(--otkit-color-green-lighter-l40);
  --otkit-color-background-accent-green-secondary-pressed: var(--otkit-color-green-lighter-d20);
  --otkit-color-background-accent-green-alt: var(--otkit-color-green-lightest);
  --otkit-color-background-accent-green-highlight: var(--otkit-color-green-lightest);
  --otkit-color-background-accent-aqua: var(--otkit-color-aqua-light);
  --otkit-color-background-accent-aqua-hover: var(--otkit-color-aqua-light-l25);
  --otkit-color-background-accent-aqua-pressed: var(--otkit-color-aqua-light-d25);
  --otkit-color-background-accent-aqua-secondary: var(--otkit-color-aqua-lighter);
  --otkit-color-background-accent-aqua-secondary-hover: var(--otkit-color-aqua-lighter-l40);
  --otkit-color-background-accent-aqua-secondary-pressed: var(--otkit-color-aqua-lighter-d20);
  --otkit-color-background-accent-aqua-alt: var(--otkit-color-aqua-lightest);
  --otkit-color-background-accent-aqua-highlight: var(--otkit-color-aqua-lightest);
  --otkit-color-background-accent-teal: var(--otkit-color-teal-light);
  --otkit-color-background-accent-teal-hover: var(--otkit-color-teal-light-l25);
  --otkit-color-background-accent-teal-pressed: var(--otkit-color-teal-light-d25);
  --otkit-color-background-accent-teal-secondary: var(--otkit-color-teal-lighter);
  --otkit-color-background-accent-teal-secondary-hover: var(--otkit-color-teal-lighter-l40);
  --otkit-color-background-accent-teal-secondary-pressed: var(--otkit-color-teal-lighter-d20);
  --otkit-color-background-accent-teal-alt: var(--otkit-color-teal-lightest);
  --otkit-color-background-accent-teal-highlight: var(--otkit-color-teal-lightest);
  --otkit-color-background-accent-blue: var(--otkit-color-blue);
  --otkit-color-background-accent-blue-hover: var(--otkit-color-blue-l25);
  --otkit-color-background-accent-blue-pressed: var(--otkit-color-blue-d25);
  --otkit-color-background-accent-blue-secondary: var(--otkit-color-blue-lighter);
  --otkit-color-background-accent-blue-secondary-hover: var(--otkit-color-blue-lighter-l40);
  --otkit-color-background-accent-blue-secondary-pressed: var(--otkit-color-blue-lighter-d20);
  --otkit-color-background-accent-blue-alt: var(--otkit-color-blue-lightest);
  --otkit-color-background-accent-blue-highlight: var(--otkit-color-blue-lightest);
  --otkit-color-background-accent-violet: var(--otkit-color-violet);
  --otkit-color-background-accent-violet-hover: var(--otkit-color-violet-l25);
  --otkit-color-background-accent-violet-pressed: var(--otkit-color-violet-d25);
  --otkit-color-background-accent-violet-secondary: var(--otkit-color-violet-lighter);
  --otkit-color-background-accent-violet-secondary-hover: var(--otkit-color-violet-lighter-l40);
  --otkit-color-background-accent-violet-secondary-pressed: var(--otkit-color-violet-lighter-d20);
  --otkit-color-background-accent-violet-alt: var(--otkit-color-violet-lightest);
  --otkit-color-background-accent-violet-highlight: var(--otkit-color-violet-lightest);
  --otkit-color-background-accent-purple: var(--otkit-color-purple);
  --otkit-color-background-accent-purple-hover: var(--otkit-color-purple-l25);
  --otkit-color-background-accent-purple-pressed: var(--otkit-color-purple-d25);
  --otkit-color-background-accent-purple-secondary: var(--otkit-color-purple-lighter);
  --otkit-color-background-accent-purple-secondary-hover: var(--otkit-color-purple-lighter-l40);
  --otkit-color-background-accent-purple-secondary-pressed: var(--otkit-color-purple-lighter-d20);
  --otkit-color-background-accent-purple-alt: var(--otkit-color-purple-lightest);
  --otkit-color-background-accent-purple-highlight: var(--otkit-color-purple-lightest);
  --otkit-color-background-accent-fuchsia: var(--otkit-color-fuchsia);
  --otkit-color-background-accent-fuchsia-hover: var(--otkit-color-fuchsia-l25);
  --otkit-color-background-accent-fuchsia-pressed: var(--otkit-color-fuchsia-d25);
  --otkit-color-background-accent-fuchsia-secondary: var(--otkit-color-fuchsia-lighter);
  --otkit-color-background-accent-fuchsia-secondary-hover: var(--otkit-color-fuchsia-lighter-l40);
  --otkit-color-background-accent-fuchsia-secondary-pressed: var(--otkit-color-fuchsia-lighter-d20);
  --otkit-color-background-accent-fuchsia-alt: var(--otkit-color-fuchsia-lightest);
  --otkit-color-background-accent-fuchsia-highlight: var(--otkit-color-fuchsia-lightest);
  --otkit-color-border-default: var(--otkit-color-ash-lighter);
  --otkit-color-border-alt: var(--otkit-color-ash-light);
  --otkit-color-border-inset: var(--otkit-color-ash-lightest);
  --otkit-color-border-disabled: var(--otkit-color-ash-lightest-d05);
  --otkit-color-border-divider: var(--otkit-color-ash-lighter);
  --otkit-color-border-info: var(--otkit-color-teal);
  --otkit-color-border-success: var(--otkit-color-green);
  --otkit-color-border-warning: var(--otkit-color-yellow);
  --otkit-color-border-danger: var(--otkit-color-red-dark);
  --otkit-color-border-accent-orange: var(--otkit-color-orange);
  --otkit-color-border-accent-orange-secondary: var(--otkit-color-orange-lighter);
  --otkit-color-border-accent-yellow: var(--otkit-color-yellow-light);
  --otkit-color-border-accent-yellow-secondary: var(--otkit-color-yellow-lighter);
  --otkit-color-border-accent-lemon: var(--otkit-color-lemon-light);
  --otkit-color-border-accent-lime: var(--otkit-color-lime);
  --otkit-color-border-accent-lime-secondary: var(--otkit-color-lime-lighter);
  --otkit-color-border-accent-green: var(--otkit-color-green);
  --otkit-color-border-accent-green-secondary: var(--otkit-color-green-lighter);
  --otkit-color-border-accent-aqua: var(--otkit-color-aqua-light);
  --otkit-color-border-accent-aqua-secondary: var(--otkit-color-aqua-lighter);
  --otkit-color-border-accent-teal: var(--otkit-color-teal-light);
  --otkit-color-border-accent-teal-secondary: var(--otkit-color-teal-lighter);
  --otkit-color-border-accent-blue: var(--otkit-color-blue);
  --otkit-color-border-accent-blue-secondary: var(--otkit-color-blue-lighter);
  --otkit-color-border-accent-violet: var(--otkit-color-violet);
  --otkit-color-border-accent-violet-secondary: var(--otkit-color-violet-lighter);
  --otkit-color-border-accent-purple: var(--otkit-color-purple);
  --otkit-color-border-accent-purple-secondary: var(--otkit-color-purple-lighter);
  --otkit-color-border-accent-fuchsia: var(--otkit-color-fuchsia);
  --otkit-color-border-accent-fuchsia-secondary: var(--otkit-color-fuchsia-lighter);
  --otkit-color-elevation-resting-key: var(--otkit-color-black-o15);
  --otkit-color-elevation-resting-ambient: var(--otkit-color-black-o03);
  --otkit-color-elevation-shallow-key: var(--otkit-color-black-o15);
  --otkit-color-elevation-shallow-ambient: var(--otkit-color-black-o03);
  --otkit-color-elevation-deep-key: var(--otkit-color-black-o15);
  --otkit-color-elevation-deep-ambient: var(--otkit-color-black-o03);
}
/*
  name: @otkit/colors
  version: 1.15.2
*/
[data-otkit-brand="diner"] {
  --otkit-color-brand-light: var(--otkit-color-red);
  --otkit-color-brand-light-link: var(--otkit-color-red);
  --otkit-color-brand-light-hover: var(--otkit-color-red-light);
  --otkit-color-brand-light-pressed: var(--otkit-color-red-dark);
  --otkit-color-brand-light-highlight: var(--otkit-color-red-lightest);
  --otkit-color-brand-dark: var(--otkit-color-red);
  --otkit-color-brand-dark-link: var(--otkit-color-red);
  --otkit-color-brand-dark-hover: var(--otkit-color-red-light);
  --otkit-color-brand-dark-pressed: var(--otkit-color-red-dark);
  --otkit-color-brand-dark-highlight: var(--otkit-color-red-darker);
  --otkit-color-on-brand-light: var(--otkit-color-white);
  --otkit-color-on-brand-dark: var(--otkit-color-white);
  --otkit-color-brand-neutral-200: var(--otkit-color-ash-lightest);
  --otkit-color-brand-neutral-800: var(--otkit-color-ash-dark);
}

[data-otkit-brand="restaurant"] {
  --otkit-color-brand-light: var(--otkit-color-teal);
  --otkit-color-brand-light-link: var(--otkit-color-teal);
  --otkit-color-brand-light-hover: var(--otkit-color-teal-light);
  --otkit-color-brand-light-pressed: var(--otkit-color-teal-dark);
  --otkit-color-brand-light-highlight: var(--otkit-color-teal-lightest);
  --otkit-color-brand-dark: var(--otkit-color-teal);
  --otkit-color-brand-dark-link: var(--otkit-color-teal);
  --otkit-color-brand-dark-hover: var(--otkit-color-teal-light);
  --otkit-color-brand-dark-pressed: var(--otkit-color-teal-dark);
  --otkit-color-brand-dark-highlight: var(--otkit-color-teal-darker);
  --otkit-color-on-brand-light: var(--otkit-color-white);
  --otkit-color-on-brand-dark: var(--otkit-color-white);
  --otkit-color-brand-neutral-200: var(--otkit-color-ash-lightest);
  --otkit-color-brand-neutral-800: var(--otkit-color-ash-dark);
}

[data-otkit-brand="icons"] {
  --otkit-color-brand-light: var(--otkit-color-ash-dark);
  --otkit-color-brand-light-link: var(--otkit-color-red);
  --otkit-color-brand-light-hover: var(--otkit-color-ash);
  --otkit-color-brand-light-pressed: var(--otkit-color-ash-darker);
  --otkit-color-brand-light-highlight: var(--otkit-color-sand-200);
  --otkit-color-brand-dark: var(--otkit-color-white);
  --otkit-color-brand-dark-link: var(--otkit-color-red);
  --otkit-color-brand-dark-hover: var(--otkit-color-ash-lightest-l50);
  --otkit-color-brand-dark-pressed: var(--otkit-color-ash-lightest-d05);
  --otkit-color-brand-dark-highlight: var(--otkit-color-sand-800);
  --otkit-color-on-brand-light: var(--otkit-color-white);
  --otkit-color-on-brand-dark: var(--otkit-color-ash-dark);
  --otkit-color-brand-neutral-200: var(--otkit-color-sand-200);
  --otkit-color-brand-neutral-800: var(--otkit-color-ash-dark);
}

[data-otkit-brand="visa"] {
  --otkit-color-brand-light: var(--otkit-color-visa-blue-500);
  --otkit-color-brand-light-link: var(--otkit-color-visa-blue-500);
  --otkit-color-brand-light-hover: var(--otkit-color-visa-blue-800);
  --otkit-color-brand-light-pressed: var(--otkit-color-visa-blue-800);
  --otkit-color-brand-light-highlight: var(--otkit-color-visa-blue-200);
  --otkit-color-brand-dark: var(--otkit-color-visa-blue-500);
  --otkit-color-brand-dark-link: var(--otkit-color-visa-blue-200);
  --otkit-color-brand-dark-hover: var(--otkit-color-visa-blue-800);
  --otkit-color-brand-dark-pressed: var(--otkit-color-visa-blue-800);
  --otkit-color-brand-dark-highlight: var(--otkit-color-visa-blue-200);
  --otkit-color-on-brand-light: var(--otkit-color-white);
  --otkit-color-on-brand-dark: var(--otkit-color-white);
  --otkit-color-brand-neutral-200: var(--otkit-color-visa-blue-100);
  --otkit-color-brand-neutral-800: var(--otkit-color-visa-blue-800);
}

[data-otkit-brand="restaurant-ai"] {
  --otkit-color-brand-light: var(--otkit-color-violet);
  --otkit-color-brand-light-link: var(--otkit-color-violet);
  --otkit-color-brand-light-hover: var(--otkit-color-violet-l25);
  --otkit-color-brand-light-pressed: var(--otkit-color-violet-d25);
  --otkit-color-brand-light-highlight: var(--otkit-color-violet-lightest);
  --otkit-color-brand-dark: var(--otkit-color-violet-light);
  --otkit-color-brand-dark-link: var(--otkit-color-violet-light);
  --otkit-color-brand-dark-hover: var(--otkit-color-violet-l35);
  --otkit-color-brand-dark-pressed: var(--otkit-color-violet-d25);
  --otkit-color-brand-dark-highlight: var(--otkit-color-violet-darker);
  --otkit-color-on-brand-light: var(--otkit-color-white);
  --otkit-color-on-brand-dark: var(--otkit-color-white);
  --otkit-color-brand-neutral-200: var(--otkit-color-violet-lightest);
  --otkit-color-brand-neutral-800: var(--otkit-color-ash-dark);
}

[data-otkit-theme="light"] {
  color-scheme: light;
  --otkit-color-foreground-default: var(--otkit-color-ash-dark);
  --otkit-color-foreground-alt: var(--otkit-color-ash);
  --otkit-color-foreground-disabled: var(--otkit-color-ash-dark-l50);
  --otkit-color-foreground-disabled-alt: var(--otkit-color-ash-dark-l70);
  --otkit-color-foreground-action: var(--otkit-color-brand-light);
  --otkit-color-foreground-link: var(--otkit-color-brand-light-link);
  --otkit-color-foreground-on-action: var(--otkit-color-on-brand-light);
  --otkit-color-foreground-on-neutral: var(--otkit-color-white);
  --otkit-color-foreground-info: var(--otkit-color-teal);
  --otkit-color-foreground-on-info: var(--otkit-color-white);
  --otkit-color-foreground-success: var(--otkit-color-green);
  --otkit-color-foreground-on-success: var(--otkit-color-white);
  --otkit-color-foreground-warning: var(--otkit-color-yellow-light);
  --otkit-color-foreground-on-warning: var(--otkit-color-ash-darker);
  --otkit-color-foreground-danger: var(--otkit-color-red-dark);
  --otkit-color-foreground-on-danger: var(--otkit-color-white);
  --otkit-color-foreground-accent-orange: var(--otkit-color-orange);
  --otkit-color-foreground-accent-orange-secondary: var(--otkit-color-orange-lighter);
  --otkit-color-foreground-on-accent-orange: var(--otkit-color-white);
  --otkit-color-foreground-on-accent-orange-secondary: var(--otkit-color-ash-darker);
  --otkit-color-foreground-accent-yellow: var(--otkit-color-yellow-light);
  --otkit-color-foreground-on-accent-yellow: var(--otkit-color-ash-darker);
  --otkit-color-foreground-accent-yellow-secondary: var(--otkit-color-yellow-lighter);
  --otkit-color-foreground-on-accent-yellow-secondary: var(--otkit-color-ash-darker);
  --otkit-color-foreground-accent-lemon: var(--otkit-color-lemon-light);
  --otkit-color-foreground-on-accent-lemon: var(--otkit-color-ash-darker);
  --otkit-color-foreground-accent-lime: var(--otkit-color-lime);
  --otkit-color-foreground-accent-lime-secondary: var(--otkit-color-lime-lighter);
  --otkit-color-foreground-on-accent-lime: var(--otkit-color-white);
  --otkit-color-foreground-on-accent-lime-secondary: var(--otkit-color-ash-darker);
  --otkit-color-foreground-accent-green: var(--otkit-color-green);
  --otkit-color-foreground-accent-green-secondary: var(--otkit-color-green-lighter);
  --otkit-color-foreground-on-accent-green: var(--otkit-color-white);
  --otkit-color-foreground-on-accent-green-secondary: var(--otkit-color-ash-darker);
  --otkit-color-foreground-accent-aqua: var(--otkit-color-aqua-light);
  --otkit-color-foreground-accent-aqua-secondary: var(--otkit-color-aqua-lighter);
  --otkit-color-foreground-on-accent-aqua: var(--otkit-color-white);
  --otkit-color-foreground-on-accent-aqua-secondary: var(--otkit-color-ash-darker);
  --otkit-color-foreground-accent-teal: var(--otkit-color-teal-light);
  --otkit-color-foreground-accent-teal-secondary: var(--otkit-color-teal-lighter);
  --otkit-color-foreground-on-accent-teal: var(--otkit-color-white);
  --otkit-color-foreground-on-accent-teal-secondary: var(--otkit-color-ash-darker);
  --otkit-color-foreground-accent-blue: var(--otkit-color-blue);
  --otkit-color-foreground-accent-blue-secondary: var(--otkit-color-blue-lighter);
  --otkit-color-foreground-on-accent-blue: var(--otkit-color-white);
  --otkit-color-foreground-on-accent-blue-secondary: var(--otkit-color-ash-darker);
  --otkit-color-foreground-accent-violet: var(--otkit-color-violet);
  --otkit-color-foreground-accent-violet-secondary: var(--otkit-color-violet-lighter);
  --otkit-color-foreground-on-accent-violet: var(--otkit-color-white);
  --otkit-color-foreground-on-accent-violet-secondary: var(--otkit-color-ash-darker);
  --otkit-color-foreground-accent-purple: var(--otkit-color-purple);
  --otkit-color-foreground-accent-purple-secondary: var(--otkit-color-purple-lighter);
  --otkit-color-foreground-on-accent-purple: var(--otkit-color-white);
  --otkit-color-foreground-on-accent-purple-secondary: var(--otkit-color-ash-darker);
  --otkit-color-foreground-accent-fuchsia: var(--otkit-color-fuchsia);
  --otkit-color-foreground-accent-fuchsia-secondary: var(--otkit-color-fuchsia-lighter);
  --otkit-color-foreground-on-accent-fuchsia: var(--otkit-color-white);
  --otkit-color-foreground-on-accent-fuchsia-secondary: var(--otkit-color-ash-darker);
  --otkit-color-background-default: var(--otkit-color-white);
  --otkit-color-background-alt: var(--otkit-color-brand-neutral-200);
  --otkit-color-background-elevation: var(--otkit-color-white);
  --otkit-color-background-inset: var(--otkit-color-ash-lightest);
  --otkit-color-background-hover: var(--otkit-color-black-o04);
  --otkit-color-background-pressed: var(--otkit-color-black-o10);
  --otkit-color-background-disabled: var(--otkit-color-ash-lighter);
  --otkit-color-background-disabled-alt: var(--otkit-color-ash-lightest-d05);
  --otkit-color-background-overlay: var(--otkit-color-ash-darker-o80);
  --otkit-color-background-action: var(--otkit-color-brand-light);
  --otkit-color-background-action-hover: var(--otkit-color-brand-light-hover);
  --otkit-color-background-action-pressed: var(--otkit-color-brand-light-pressed);
  --otkit-color-background-action-alt: var(--otkit-color-brand-light-highlight);
  --otkit-color-background-action-highlight: var(--otkit-color-brand-light-highlight);
  --otkit-color-background-inactive: var(--otkit-color-ash-lighter);
  --otkit-color-background-neutral: var(--otkit-color-ash-light);
  --otkit-color-background-info: var(--otkit-color-teal-dark);
  --otkit-color-background-info-alt: var(--otkit-color-teal-lightest);
  --otkit-color-background-info-highlight: var(--otkit-color-teal-lightest);
  --otkit-color-background-success: var(--otkit-color-green);
  --otkit-color-background-success-alt: var(--otkit-color-green-lightest);
  --otkit-color-background-success-highlight: var(--otkit-color-green-lightest);
  --otkit-color-background-warning: var(--otkit-color-yellow-light);
  --otkit-color-background-warning-hover: var(--otkit-color-yellow-lighter);
  --otkit-color-background-warning-pressed: var(--otkit-color-yellow);
  --otkit-color-background-warning-alt: var(--otkit-color-yellow-lightest);
  --otkit-color-background-warning-highlight: var(--otkit-color-yellow-lightest);
  --otkit-color-background-danger: var(--otkit-color-red-light);
  --otkit-color-background-danger-hover: var(--otkit-color-red-lighter);
  --otkit-color-background-danger-pressed: var(--otkit-color-red-dark);
  --otkit-color-background-danger-alt: var(--otkit-color-red-lightest);
  --otkit-color-background-danger-highlight: var(--otkit-color-red-lightest);
  --otkit-color-background-accent-orange: var(--otkit-color-orange);
  --otkit-color-background-accent-orange-hover: var(--otkit-color-orange-l25);
  --otkit-color-background-accent-orange-pressed: var(--otkit-color-orange-d25);
  --otkit-color-background-accent-orange-secondary: var(--otkit-color-orange-lighter);
  --otkit-color-background-accent-orange-secondary-hover: var(--otkit-color-orange-lighter-l40);
  --otkit-color-background-accent-orange-secondary-pressed: var(--otkit-color-orange-lighter-d20);
  --otkit-color-background-accent-orange-alt: var(--otkit-color-orange-lightest);
  --otkit-color-background-accent-orange-highlight: var(--otkit-color-orange-lightest);
  --otkit-color-background-accent-yellow: var(--otkit-color-yellow-light);
  --otkit-color-background-accent-yellow-hover: var(--otkit-color-yellow-light-l40);
  --otkit-color-background-accent-yellow-pressed: var(--otkit-color-yellow-light-d20);
  --otkit-color-background-accent-yellow-secondary: var(--otkit-color-yellow-lighter);
  --otkit-color-background-accent-yellow-secondary-hover: var(--otkit-color-yellow-lighter-l40);
  --otkit-color-background-accent-yellow-secondary-pressed: var(--otkit-color-yellow-lighter-d20);
  --otkit-color-background-accent-yellow-alt: var(--otkit-color-yellow-lightest);
  --otkit-color-background-accent-yellow-highlight: var(--otkit-color-yellow-lightest);
  --otkit-color-background-accent-lemon: var(--otkit-color-lemon-light);
  --otkit-color-background-accent-lemon-hover: var(--otkit-color-lemon-light-l40);
  --otkit-color-background-accent-lemon-pressed: var(--otkit-color-lemon-light-d20);
  --otkit-color-background-accent-lemon-alt: var(--otkit-color-lemon-lightest);
  --otkit-color-background-accent-lemon-highlight: var(--otkit-color-lemon-lightest);
  --otkit-color-background-accent-lime: var(--otkit-color-lime);
  --otkit-color-background-accent-lime-hover: var(--otkit-color-lime-l25);
  --otkit-color-background-accent-lime-pressed: var(--otkit-color-lime-d25);
  --otkit-color-background-accent-lime-secondary: var(--otkit-color-lime-lighter);
  --otkit-color-background-accent-lime-secondary-hover: var(--otkit-color-lime-lighter-l40);
  --otkit-color-background-accent-lime-secondary-pressed: var(--otkit-color-lime-lighter-d20);
  --otkit-color-background-accent-lime-alt: var(--otkit-color-lime-lightest);
  --otkit-color-background-accent-lime-highlight: var(--otkit-color-lime-lightest);
  --otkit-color-background-accent-green: var(--otkit-color-green);
  --otkit-color-background-accent-green-hover: var(--otkit-color-green-l25);
  --otkit-color-background-accent-green-pressed: var(--otkit-color-green-d25);
  --otkit-color-background-accent-green-secondary: var(--otkit-color-green-lighter);
  --otkit-color-background-accent-green-secondary-hover: var(--otkit-color-green-lighter-l40);
  --otkit-color-background-accent-green-secondary-pressed: var(--otkit-color-green-lighter-d20);
  --otkit-color-background-accent-green-alt: var(--otkit-color-green-lightest);
  --otkit-color-background-accent-green-highlight: var(--otkit-color-green-lightest);
  --otkit-color-background-accent-aqua: var(--otkit-color-aqua-light);
  --otkit-color-background-accent-aqua-hover: var(--otkit-color-aqua-light-l25);
  --otkit-color-background-accent-aqua-pressed: var(--otkit-color-aqua-light-d25);
  --otkit-color-background-accent-aqua-secondary: var(--otkit-color-aqua-lighter);
  --otkit-color-background-accent-aqua-secondary-hover: var(--otkit-color-aqua-lighter-l40);
  --otkit-color-background-accent-aqua-secondary-pressed: var(--otkit-color-aqua-lighter-d20);
  --otkit-color-background-accent-aqua-alt: var(--otkit-color-aqua-lightest);
  --otkit-color-background-accent-aqua-highlight: var(--otkit-color-aqua-lightest);
  --otkit-color-background-accent-teal: var(--otkit-color-teal-light);
  --otkit-color-background-accent-teal-hover: var(--otkit-color-teal-light-l25);
  --otkit-color-background-accent-teal-pressed: var(--otkit-color-teal-light-d25);
  --otkit-color-background-accent-teal-secondary: var(--otkit-color-teal-lighter);
  --otkit-color-background-accent-teal-secondary-hover: var(--otkit-color-teal-lighter-l40);
  --otkit-color-background-accent-teal-secondary-pressed: var(--otkit-color-teal-lighter-d20);
  --otkit-color-background-accent-teal-alt: var(--otkit-color-teal-lightest);
  --otkit-color-background-accent-teal-highlight: var(--otkit-color-teal-lightest);
  --otkit-color-background-accent-blue: var(--otkit-color-blue);
  --otkit-color-background-accent-blue-hover: var(--otkit-color-blue-l25);
  --otkit-color-background-accent-blue-pressed: var(--otkit-color-blue-d25);
  --otkit-color-background-accent-blue-secondary: var(--otkit-color-blue-lighter);
  --otkit-color-background-accent-blue-secondary-hover: var(--otkit-color-blue-lighter-l40);
  --otkit-color-background-accent-blue-secondary-pressed: var(--otkit-color-blue-lighter-d20);
  --otkit-color-background-accent-blue-alt: var(--otkit-color-blue-lightest);
  --otkit-color-background-accent-blue-highlight: var(--otkit-color-blue-lightest);
  --otkit-color-background-accent-violet: var(--otkit-color-violet);
  --otkit-color-background-accent-violet-hover: var(--otkit-color-violet-l25);
  --otkit-color-background-accent-violet-pressed: var(--otkit-color-violet-d25);
  --otkit-color-background-accent-violet-secondary: var(--otkit-color-violet-lighter);
  --otkit-color-background-accent-violet-secondary-hover: var(--otkit-color-violet-lighter-l40);
  --otkit-color-background-accent-violet-secondary-pressed: var(--otkit-color-violet-lighter-d20);
  --otkit-color-background-accent-violet-alt: var(--otkit-color-violet-lightest);
  --otkit-color-background-accent-violet-highlight: var(--otkit-color-violet-lightest);
  --otkit-color-background-accent-purple: var(--otkit-color-purple);
  --otkit-color-background-accent-purple-hover: var(--otkit-color-purple-l25);
  --otkit-color-background-accent-purple-pressed: var(--otkit-color-purple-d25);
  --otkit-color-background-accent-purple-secondary: var(--otkit-color-purple-lighter);
  --otkit-color-background-accent-purple-secondary-hover: var(--otkit-color-purple-lighter-l40);
  --otkit-color-background-accent-purple-secondary-pressed: var(--otkit-color-purple-lighter-d20);
  --otkit-color-background-accent-purple-alt: var(--otkit-color-purple-lightest);
  --otkit-color-background-accent-purple-highlight: var(--otkit-color-purple-lightest);
  --otkit-color-background-accent-fuchsia: var(--otkit-color-fuchsia);
  --otkit-color-background-accent-fuchsia-hover: var(--otkit-color-fuchsia-l25);
  --otkit-color-background-accent-fuchsia-pressed: var(--otkit-color-fuchsia-d25);
  --otkit-color-background-accent-fuchsia-secondary: var(--otkit-color-fuchsia-lighter);
  --otkit-color-background-accent-fuchsia-secondary-hover: var(--otkit-color-fuchsia-lighter-l40);
  --otkit-color-background-accent-fuchsia-secondary-pressed: var(--otkit-color-fuchsia-lighter-d20);
  --otkit-color-background-accent-fuchsia-alt: var(--otkit-color-fuchsia-lightest);
  --otkit-color-background-accent-fuchsia-highlight: var(--otkit-color-fuchsia-lightest);
  --otkit-color-border-default: var(--otkit-color-ash-lighter);
  --otkit-color-border-alt: var(--otkit-color-ash-light);
  --otkit-color-border-inset: var(--otkit-color-ash-lightest);
  --otkit-color-border-disabled: var(--otkit-color-ash-lightest-d05);
  --otkit-color-border-divider: var(--otkit-color-ash-lighter);
  --otkit-color-border-action: var(--otkit-color-brand-light);
  --otkit-color-border-info: var(--otkit-color-teal);
  --otkit-color-border-success: var(--otkit-color-green);
  --otkit-color-border-warning: var(--otkit-color-yellow);
  --otkit-color-border-danger: var(--otkit-color-red-dark);
  --otkit-color-border-accent-orange: var(--otkit-color-orange);
  --otkit-color-border-accent-orange-secondary: var(--otkit-color-orange-lighter);
  --otkit-color-border-accent-yellow: var(--otkit-color-yellow-light);
  --otkit-color-border-accent-yellow-secondary: var(--otkit-color-yellow-lighter);
  --otkit-color-border-accent-lemon: var(--otkit-color-lemon-light);
  --otkit-color-border-accent-lime: var(--otkit-color-lime);
  --otkit-color-border-accent-lime-secondary: var(--otkit-color-lime-lighter);
  --otkit-color-border-accent-green: var(--otkit-color-green);
  --otkit-color-border-accent-green-secondary: var(--otkit-color-green-lighter);
  --otkit-color-border-accent-aqua: var(--otkit-color-aqua-light);
  --otkit-color-border-accent-aqua-secondary: var(--otkit-color-aqua-lighter);
  --otkit-color-border-accent-teal: var(--otkit-color-teal-light);
  --otkit-color-border-accent-teal-secondary: var(--otkit-color-teal-lighter);
  --otkit-color-border-accent-blue: var(--otkit-color-blue);
  --otkit-color-border-accent-blue-secondary: var(--otkit-color-blue-lighter);
  --otkit-color-border-accent-violet: var(--otkit-color-violet);
  --otkit-color-border-accent-violet-secondary: var(--otkit-color-violet-lighter);
  --otkit-color-border-accent-purple: var(--otkit-color-purple);
  --otkit-color-border-accent-purple-secondary: var(--otkit-color-purple-lighter);
  --otkit-color-border-accent-fuchsia: var(--otkit-color-fuchsia);
  --otkit-color-border-accent-fuchsia-secondary: var(--otkit-color-fuchsia-lighter);
  --otkit-color-elevation-resting-key: var(--otkit-color-black-o15);
  --otkit-color-elevation-resting-ambient: var(--otkit-color-black-o03);
  --otkit-color-elevation-shallow-key: var(--otkit-color-black-o15);
  --otkit-color-elevation-shallow-ambient: var(--otkit-color-black-o03);
  --otkit-color-elevation-deep-key: var(--otkit-color-black-o15);
  --otkit-color-elevation-deep-ambient: var(--otkit-color-black-o03);
}

[data-otkit-theme="light"] [data-otkit-brand]:not([data-otkit-theme]),
[data-otkit-theme] [data-otkit-theme="light"] [data-otkit-brand]:not([data-otkit-theme]),
[data-otkit-theme] [data-otkit-theme] [data-otkit-theme="light"] [data-otkit-brand]:not([data-otkit-theme]) {
  color-scheme: light;
  --otkit-color-foreground-action: var(--otkit-color-brand-light);
  --otkit-color-foreground-link: var(--otkit-color-brand-light-link);
  --otkit-color-foreground-on-action: var(--otkit-color-on-brand-light);
  --otkit-color-background-alt: var(--otkit-color-brand-neutral-200);
  --otkit-color-background-action: var(--otkit-color-brand-light);
  --otkit-color-background-action-hover: var(--otkit-color-brand-light-hover);
  --otkit-color-background-action-pressed: var(--otkit-color-brand-light-pressed);
  --otkit-color-background-action-alt: var(--otkit-color-brand-light-highlight);
  --otkit-color-background-action-highlight: var(--otkit-color-brand-light-highlight);
  --otkit-color-border-action: var(--otkit-color-brand-light);
}

[data-otkit-theme="dark"] {
  color-scheme: dark;
  --otkit-color-foreground-default: var(--otkit-color-white);
  --otkit-color-foreground-alt: var(--otkit-color-ash-lighter);
  --otkit-color-foreground-disabled: var(--otkit-color-ash-lightest-d35);
  --otkit-color-foreground-disabled-alt: var(--otkit-color-ash-lightest-d50);
  --otkit-color-foreground-action: var(--otkit-color-brand-dark);
  --otkit-color-foreground-link: var(--otkit-color-brand-dark-link);
  --otkit-color-foreground-on-action: var(--otkit-color-on-brand-dark);
  --otkit-color-foreground-on-neutral: var(--otkit-color-white);
  --otkit-color-foreground-info: var(--otkit-color-teal-light);
  --otkit-color-foreground-on-info: var(--otkit-color-white);
  --otkit-color-foreground-success: var(--otkit-color-green-light);
  --otkit-color-foreground-on-success: var(--otkit-color-white);
  --otkit-color-foreground-warning: var(--otkit-color-yellow-light);
  --otkit-color-foreground-on-warning: var(--otkit-color-ash-darker);
  --otkit-color-foreground-danger: var(--otkit-color-red-light);
  --otkit-color-foreground-on-danger: var(--otkit-color-white);
  --otkit-color-foreground-accent-orange: var(--otkit-color-orange-light);
  --otkit-color-foreground-accent-orange-secondary: var(--otkit-color-orange-lighter);
  --otkit-color-foreground-on-accent-orange: var(--otkit-color-white);
  --otkit-color-foreground-on-accent-orange-secondary: var(--otkit-color-ash-darker);
  --otkit-color-foreground-accent-yellow: var(--otkit-color-yellow-light);
  --otkit-color-foreground-on-accent-yellow: var(--otkit-color-ash-darker);
  --otkit-color-foreground-accent-yellow-secondary: var(--otkit-color-yellow-lighter);
  --otkit-color-foreground-on-accent-yellow-secondary: var(--otkit-color-ash-darker);
  --otkit-color-foreground-accent-lemon: var(--otkit-color-lemon-light);
  --otkit-color-foreground-on-accent-lemon: var(--otkit-color-ash-darker);
  --otkit-color-foreground-accent-lime: var(--otkit-color-lime-light);
  --otkit-color-foreground-accent-lime-secondary: var(--otkit-color-lime-lighter);
  --otkit-color-foreground-on-accent-lime: var(--otkit-color-white);
  --otkit-color-foreground-on-accent-lime-secondary: var(--otkit-color-ash-darker);
  --otkit-color-foreground-accent-green: var(--otkit-color-green-light);
  --otkit-color-foreground-accent-green-secondary: var(--otkit-color-green-lighter);
  --otkit-color-foreground-on-accent-green: var(--otkit-color-white);
  --otkit-color-foreground-on-accent-green-secondary: var(--otkit-color-ash-darker);
  --otkit-color-foreground-accent-aqua: var(--otkit-color-aqua-light);
  --otkit-color-foreground-accent-aqua-secondary: var(--otkit-color-aqua-lighter);
  --otkit-color-foreground-on-accent-aqua: var(--otkit-color-white);
  --otkit-color-foreground-on-accent-aqua-secondary: var(--otkit-color-ash-darker);
  --otkit-color-foreground-accent-teal: var(--otkit-color-teal-light);
  --otkit-color-foreground-accent-teal-secondary: var(--otkit-color-teal-lighter);
  --otkit-color-foreground-on-accent-teal: var(--otkit-color-white);
  --otkit-color-foreground-on-accent-teal-secondary: var(--otkit-color-ash-darker);
  --otkit-color-foreground-accent-blue: var(--otkit-color-blue-light);
  --otkit-color-foreground-accent-blue-secondary: var(--otkit-color-blue-lighter);
  --otkit-color-foreground-on-accent-blue: var(--otkit-color-white);
  --otkit-color-foreground-on-accent-blue-secondary: var(--otkit-color-ash-darker);
  --otkit-color-foreground-accent-violet: var(--otkit-color-violet-light);
  --otkit-color-foreground-accent-violet-secondary: var(--otkit-color-violet-lighter);
  --otkit-color-foreground-on-accent-violet: var(--otkit-color-white);
  --otkit-color-foreground-on-accent-violet-secondary: var(--otkit-color-ash-darker);
  --otkit-color-foreground-accent-purple: var(--otkit-color-purple-light);
  --otkit-color-foreground-accent-purple-secondary: var(--otkit-color-purple-lighter);
  --otkit-color-foreground-on-accent-purple: var(--otkit-color-white);
  --otkit-color-foreground-on-accent-purple-secondary: var(--otkit-color-ash-darker);
  --otkit-color-foreground-accent-fuchsia: var(--otkit-color-fuchsia);
  --otkit-color-foreground-accent-fuchsia-secondary: var(--otkit-color-fuchsia-lighter);
  --otkit-color-foreground-on-accent-fuchsia: var(--otkit-color-white);
  --otkit-color-foreground-on-accent-fuchsia-secondary: var(--otkit-color-ash-darker);
  --otkit-color-background-default: var(--otkit-color-ash-darker);
  --otkit-color-background-alt: var(--otkit-color-brand-neutral-800);
  --otkit-color-background-elevation: var(--otkit-color-ash-dark);
  --otkit-color-background-inset: var(--otkit-color-ash-darker);
  --otkit-color-background-hover: var(--otkit-color-white-o10);
  --otkit-color-background-pressed: var(--otkit-color-white-o20);
  --otkit-color-background-disabled: var(--otkit-color-ash-dark-l25);
  --otkit-color-background-disabled-alt: var(--otkit-color-ash-dark-l05);
  --otkit-color-background-overlay: var(--otkit-color-ash-darker-o80);
  --otkit-color-background-action: var(--otkit-color-brand-dark);
  --otkit-color-background-action-hover: var(--otkit-color-brand-dark-hover);
  --otkit-color-background-action-pressed: var(--otkit-color-brand-dark-pressed);
  --otkit-color-background-action-alt: var(--otkit-color-brand-dark-highlight);
  --otkit-color-background-action-highlight: var(--otkit-color-brand-dark-highlight);
  --otkit-color-background-inactive: var(--otkit-color-ash);
  --otkit-color-background-neutral: var(--otkit-color-ash-light);
  --otkit-color-background-info: var(--otkit-color-teal-dark);
  --otkit-color-background-info-alt: var(--otkit-color-teal-darker);
  --otkit-color-background-info-highlight: var(--otkit-color-teal-darker-d25);
  --otkit-color-background-success: var(--otkit-color-green);
  --otkit-color-background-success-alt: var(--otkit-color-green-darker);
  --otkit-color-background-success-highlight: var(--otkit-color-green-darker-d30);
  --otkit-color-background-warning: var(--otkit-color-yellow-light);
  --otkit-color-background-warning-hover: var(--otkit-color-yellow-lighter);
  --otkit-color-background-warning-pressed: var(--otkit-color-yellow);
  --otkit-color-background-warning-alt: var(--otkit-color-yellow-darker);
  --otkit-color-background-warning-highlight: var(--otkit-color-yellow-darker-d30);
  --otkit-color-background-danger: var(--otkit-color-red-light);
  --otkit-color-background-danger-hover: var(--otkit-color-red-lighter);
  --otkit-color-background-danger-pressed: var(--otkit-color-red-dark);
  --otkit-color-background-danger-alt: var(--otkit-color-red-darker);
  --otkit-color-background-danger-highlight: var(--otkit-color-red-darker-d30);
  --otkit-color-background-accent-orange: var(--otkit-color-orange-light);
  --otkit-color-background-accent-orange-hover: var(--otkit-color-orange-light-l25);
  --otkit-color-background-accent-orange-pressed: var(--otkit-color-orange-light-d25);
  --otkit-color-background-accent-orange-secondary: var(--otkit-color-orange-lighter);
  --otkit-color-background-accent-orange-secondary-hover: var(--otkit-color-orange-lighter-l40);
  --otkit-color-background-accent-orange-secondary-pressed: var(--otkit-color-orange-lighter-d20);
  --otkit-color-background-accent-orange-alt: var(--otkit-color-orange-darker);
  --otkit-color-background-accent-orange-highlight: var(--otkit-color-orange-darker);
  --otkit-color-background-accent-yellow: var(--otkit-color-yellow-light);
  --otkit-color-background-accent-yellow-hover: var(--otkit-color-yellow-light-l40);
  --otkit-color-background-accent-yellow-pressed: var(--otkit-color-yellow-light-d20);
  --otkit-color-background-accent-yellow-secondary: var(--otkit-color-yellow-lighter);
  --otkit-color-background-accent-yellow-secondary-hover: var(--otkit-color-yellow-lighter-l40);
  --otkit-color-background-accent-yellow-secondary-pressed: var(--otkit-color-yellow-lighter-d20);
  --otkit-color-background-accent-yellow-alt: var(--otkit-color-yellow-darker);
  --otkit-color-background-accent-yellow-highlight: var(--otkit-color-yellow-darker);
  --otkit-color-background-accent-lemon: var(--otkit-color-lemon-light);
  --otkit-color-background-accent-lemon-hover: var(--otkit-color-lemon-light-l40);
  --otkit-color-background-accent-lemon-pressed: var(--otkit-color-lemon-light-d20);
  --otkit-color-background-accent-lemon-alt: var(--otkit-color-lemon-darker);
  --otkit-color-background-accent-lemon-highlight: var(--otkit-color-lemon-darker);
  --otkit-color-background-accent-lime: var(--otkit-color-lime);
  --otkit-color-background-accent-lime-hover: var(--otkit-color-lime-l25);
  --otkit-color-background-accent-lime-pressed: var(--otkit-color-lime-d25);
  --otkit-color-background-accent-lime-secondary: var(--otkit-color-lime-lighter);
  --otkit-color-background-accent-lime-secondary-hover: var(--otkit-color-lime-lighter-l40);
  --otkit-color-background-accent-lime-secondary-pressed: var(--otkit-color-lime-lighter-d20);
  --otkit-color-background-accent-lime-alt: var(--otkit-color-lime-darker);
  --otkit-color-background-accent-lime-highlight: var(--otkit-color-lime-darker);
  --otkit-color-background-accent-green: var(--otkit-color-green);
  --otkit-color-background-accent-green-hover: var(--otkit-color-green-l25);
  --otkit-color-background-accent-green-pressed: var(--otkit-color-green-d25);
  --otkit-color-background-accent-green-secondary: var(--otkit-color-green-lighter);
  --otkit-color-background-accent-green-secondary-hover: var(--otkit-color-green-lighter-l40);
  --otkit-color-background-accent-green-secondary-pressed: var(--otkit-color-green-lighter-d20);
  --otkit-color-background-accent-green-alt: var(--otkit-color-green-darker);
  --otkit-color-background-accent-green-highlight: var(--otkit-color-green-darker);
  --otkit-color-background-accent-aqua: var(--otkit-color-aqua-light);
  --otkit-color-background-accent-aqua-hover: var(--otkit-color-aqua-light-l25);
  --otkit-color-background-accent-aqua-pressed: var(--otkit-color-aqua-light-d25);
  --otkit-color-background-accent-aqua-secondary: var(--otkit-color-aqua-lighter);
  --otkit-color-background-accent-aqua-secondary-hover: var(--otkit-color-aqua-lighter-l40);
  --otkit-color-background-accent-aqua-secondary-pressed: var(--otkit-color-aqua-lighter-d20);
  --otkit-color-background-accent-aqua-alt: var(--otkit-color-aqua-darker);
  --otkit-color-background-accent-aqua-highlight: var(--otkit-color-aqua-darker);
  --otkit-color-background-accent-teal: var(--otkit-color-teal-light);
  --otkit-color-background-accent-teal-hover: var(--otkit-color-teal-light-l25);
  --otkit-color-background-accent-teal-pressed: var(--otkit-color-teal-light-d25);
  --otkit-color-background-accent-teal-secondary: var(--otkit-color-teal-lighter);
  --otkit-color-background-accent-teal-secondary-hover: var(--otkit-color-teal-lighter-l40);
  --otkit-color-background-accent-teal-secondary-pressed: var(--otkit-color-teal-lighter-d20);
  --otkit-color-background-accent-teal-alt: var(--otkit-color-teal-darker);
  --otkit-color-background-accent-teal-highlight: var(--otkit-color-teal-darker);
  --otkit-color-background-accent-blue: var(--otkit-color-blue);
  --otkit-color-background-accent-blue-hover: var(--otkit-color-blue-l25);
  --otkit-color-background-accent-blue-pressed: var(--otkit-color-blue-d25);
  --otkit-color-background-accent-blue-secondary: var(--otkit-color-blue-lighter);
  --otkit-color-background-accent-blue-secondary-hover: var(--otkit-color-blue-lighter-l40);
  --otkit-color-background-accent-blue-secondary-pressed: var(--otkit-color-blue-lighter-d20);
  --otkit-color-background-accent-blue-alt: var(--otkit-color-blue-darker);
  --otkit-color-background-accent-blue-highlight: var(--otkit-color-blue-darker);
  --otkit-color-background-accent-violet: var(--otkit-color-violet);
  --otkit-color-background-accent-violet-hover: var(--otkit-color-violet-l25);
  --otkit-color-background-accent-violet-pressed: var(--otkit-color-violet-d25);
  --otkit-color-background-accent-violet-secondary: var(--otkit-color-violet-lighter);
  --otkit-color-background-accent-violet-secondary-hover: var(--otkit-color-violet-lighter-l40);
  --otkit-color-background-accent-violet-secondary-pressed: var(--otkit-color-violet-lighter-d20);
  --otkit-color-background-accent-violet-alt: var(--otkit-color-violet-darker);
  --otkit-color-background-accent-violet-highlight: var(--otkit-color-violet-darker);
  --otkit-color-background-accent-purple: var(--otkit-color-purple-light);
  --otkit-color-background-accent-purple-hover: var(--otkit-color-purple-light-l25);
  --otkit-color-background-accent-purple-pressed: var(--otkit-color-purple-light-d25);
  --otkit-color-background-accent-purple-secondary: var(--otkit-color-purple-lighter);
  --otkit-color-background-accent-purple-secondary-hover: var(--otkit-color-purple-lighter-l40);
  --otkit-color-background-accent-purple-secondary-pressed: var(--otkit-color-purple-lighter-d20);
  --otkit-color-background-accent-purple-alt: var(--otkit-color-purple-darker);
  --otkit-color-background-accent-purple-highlight: var(--otkit-color-purple-darker);
  --otkit-color-background-accent-fuchsia: var(--otkit-color-fuchsia);
  --otkit-color-background-accent-fuchsia-hover: var(--otkit-color-fuchsia-l25);
  --otkit-color-background-accent-fuchsia-pressed: var(--otkit-color-fuchsia-d25);
  --otkit-color-background-accent-fuchsia-secondary: var(--otkit-color-fuchsia-lighter);
  --otkit-color-background-accent-fuchsia-secondary-hover: var(--otkit-color-fuchsia-lighter-l40);
  --otkit-color-background-accent-fuchsia-secondary-pressed: var(--otkit-color-fuchsia-lighter-d20);
  --otkit-color-background-accent-fuchsia-alt: var(--otkit-color-fuchsia-darker);
  --otkit-color-background-accent-fuchsia-highlight: var(--otkit-color-fuchsia-darker);
  --otkit-color-border-default: var(--otkit-color-ash);
  --otkit-color-border-alt: var(--otkit-color-ash-light);
  --otkit-color-border-inset: var(--otkit-color-ash-darker);
  --otkit-color-border-disabled: var(--otkit-color-ash-dark-l05);
  --otkit-color-border-divider: var(--otkit-color-ash);
  --otkit-color-border-action: var(--otkit-color-brand-dark);
  --otkit-color-border-info: var(--otkit-color-teal-light);
  --otkit-color-border-success: var(--otkit-color-green-light);
  --otkit-color-border-warning: var(--otkit-color-yellow-light);
  --otkit-color-border-danger: var(--otkit-color-red-light);
  --otkit-color-border-accent-orange: var(--otkit-color-orange-light);
  --otkit-color-border-accent-orange-secondary: var(--otkit-color-orange-lighter);
  --otkit-color-border-accent-yellow: var(--otkit-color-yellow-light);
  --otkit-color-border-accent-yellow-secondary: var(--otkit-color-yellow-lighter);
  --otkit-color-border-accent-lemon: var(--otkit-color-lemon-light);
  --otkit-color-border-accent-lime: var(--otkit-color-lime-light);
  --otkit-color-border-accent-lime-secondary: var(--otkit-color-lime-lighter);
  --otkit-color-border-accent-green: var(--otkit-color-green-light);
  --otkit-color-border-accent-green-secondary: var(--otkit-color-green-lighter);
  --otkit-color-border-accent-aqua: var(--otkit-color-aqua-light);
  --otkit-color-border-accent-aqua-secondary: var(--otkit-color-aqua-lighter);
  --otkit-color-border-accent-teal: var(--otkit-color-teal-light);
  --otkit-color-border-accent-teal-secondary: var(--otkit-color-teal-lighter);
  --otkit-color-border-accent-blue: var(--otkit-color-blue-light);
  --otkit-color-border-accent-blue-secondary: var(--otkit-color-blue-lighter);
  --otkit-color-border-accent-violet: var(--otkit-color-violet-light);
  --otkit-color-border-accent-violet-secondary: var(--otkit-color-violet-lighter);
  --otkit-color-border-accent-purple: var(--otkit-color-purple-light);
  --otkit-color-border-accent-purple-secondary: var(--otkit-color-purple-lighter);
  --otkit-color-border-accent-fuchsia: var(--otkit-color-fuchsia);
  --otkit-color-border-accent-fuchsia-secondary: var(--otkit-color-fuchsia-lighter);
  --otkit-color-elevation-resting-key: var(--otkit-color-black-o45);
  --otkit-color-elevation-resting-ambient: var(--otkit-color-black-o09);
  --otkit-color-elevation-shallow-key: var(--otkit-color-black-o45);
  --otkit-color-elevation-shallow-ambient: var(--otkit-color-black-o09);
  --otkit-color-elevation-deep-key: var(--otkit-color-black-o45);
  --otkit-color-elevation-deep-ambient: var(--otkit-color-black-o09);
}

[data-otkit-theme="dark"] [data-otkit-brand]:not([data-otkit-theme]),
[data-otkit-theme] [data-otkit-theme="dark"] [data-otkit-brand]:not([data-otkit-theme]),
[data-otkit-theme] [data-otkit-theme] [data-otkit-theme="dark"] [data-otkit-brand]:not([data-otkit-theme]) {
  color-scheme: dark;
  --otkit-color-foreground-action: var(--otkit-color-brand-dark);
  --otkit-color-foreground-link: var(--otkit-color-brand-dark-link);
  --otkit-color-foreground-on-action: var(--otkit-color-on-brand-dark);
  --otkit-color-background-alt: var(--otkit-color-brand-neutral-800);
  --otkit-color-background-action: var(--otkit-color-brand-dark);
  --otkit-color-background-action-hover: var(--otkit-color-brand-dark-hover);
  --otkit-color-background-action-pressed: var(--otkit-color-brand-dark-pressed);
  --otkit-color-background-action-alt: var(--otkit-color-brand-dark-highlight);
  --otkit-color-background-action-highlight: var(--otkit-color-brand-dark-highlight);
  --otkit-color-border-action: var(--otkit-color-brand-dark);
}
/*
  name: @otkit/typography
  version: 1.1.0
*/

@font-face {
  font-family: BrandonText;
  font-weight: 400;
  src: url('https://cdn.otstatic.com/common/font/Brandon/Brandon_txt_reg-webfont.woff2') format('woff2'), url('https://cdn.otstatic.com/common/font/Brandon/Brandon_txt_reg-webfont.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: BrandonText;
  font-weight: 600;
  src: url('https://cdn.otstatic.com/common/font/Brandon/Brandon_txt_med-webfont.woff2') format('woff2'), url('https://cdn.otstatic.com/common/font/Brandon/Brandon_txt_med-webfont.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: BrandonText;
  font-weight: 800;
  src: url('https://cdn.otstatic.com/common/font/Brandon/Brandon_txt_bld-webfont.woff2') format('woff2'), url('https://cdn.otstatic.com/common/font/Brandon/Brandon_txt_bld-webfont.woff') format('woff');
  font-display: swap;
}

:root {
  --otkit-font-family-brand: 'BrandonText', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}

:root {
  --otkit-font-weight-regular: 400;
  --otkit-font-weight-semibold: 600;
  --otkit-font-weight-bold: 800;
}

html {
  font-family: var(--otkit-font-family-brand);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*
  name: @otkit/typography
  version: 1.1.0
*/

:root {
  /* Headline */
  --otkit-text-headline-large-font-size: 3rem;
  --otkit-text-headline-large-line-height: 3.5rem;
  --otkit-text-headline-large-font-weight: var(--otkit-font-weight-bold);
  --otkit-text-headline-large: var(--otkit-font-weight-bold) 3rem/3.5rem var(--otkit-font-family-brand);
  --otkit-text-headline-medium-font-size: 2.5rem;
  --otkit-text-headline-medium-line-height: 3rem;
  --otkit-text-headline-medium-font-weight: var(--otkit-font-weight-bold);
  --otkit-text-headline-medium: var(--otkit-font-weight-bold) 2.5rem/3rem var(--otkit-font-family-brand);
  --otkit-text-headline-small-font-size: 2.25rem;
  --otkit-text-headline-small-line-height: 2.75rem;
  --otkit-text-headline-small-font-weight: var(--otkit-font-weight-bold);
  --otkit-text-headline-small: var(--otkit-font-weight-bold) 2.25rem/2.75rem var(--otkit-font-family-brand);
  /* Title */
  --otkit-text-title-large-font-size: 2rem;
  --otkit-text-title-large-line-height: 2.5rem;
  --otkit-text-title-large-font-weight: var(--otkit-font-weight-bold);
  --otkit-text-title-large: var(--otkit-font-weight-bold) 2rem/2.5rem var(--otkit-font-family-brand);
  --otkit-text-title-medium-font-size: 1.5rem;
  --otkit-text-title-medium-line-height: 1.75rem;
  --otkit-text-title-medium-font-weight: var(--otkit-font-weight-bold);
  --otkit-text-title-medium: var(--otkit-font-weight-bold) 1.5rem/1.75rem var(--otkit-font-family-brand);
  --otkit-text-title-small-font-size: 1.125rem;
  --otkit-text-title-small-line-height: 1.5rem;
  --otkit-text-title-small-font-weight: var(--otkit-font-weight-bold);
  --otkit-text-title-small: var(--otkit-font-weight-bold) 1.125rem/1.5rem var(--otkit-font-family-brand);
  /* Body */
  --otkit-text-body-large-font-size: 1rem;
  --otkit-text-body-large-line-height: 1.5rem;
  --otkit-text-body-large-font-weight: var(--otkit-font-weight-regular);
  --otkit-text-body-large: var(--otkit-font-weight-regular) 1rem/1.5rem var(--otkit-font-family-brand);
  --otkit-text-body-medium-font-size: 0.875rem;
  --otkit-text-body-medium-line-height: 1.25rem;
  --otkit-text-body-medium-font-weight: var(--otkit-font-weight-regular);
  --otkit-text-body-medium: var(--otkit-font-weight-regular) 0.875rem/1.25rem var(--otkit-font-family-brand);
  --otkit-text-body-small-font-size: 0.75rem;
  --otkit-text-body-small-line-height: 1rem;
  --otkit-text-body-small-font-weight: var(--otkit-font-weight-regular);
  --otkit-text-body-small: var(--otkit-font-weight-regular) 0.75rem/1rem var(--otkit-font-family-brand);
  --otkit-text-body-tiny-font-size: 0.625rem;
  --otkit-text-body-tiny-line-height: 0.875rem;
  --otkit-text-body-tiny-font-weight: var(--otkit-font-weight-regular);
  --otkit-text-body-tiny: var(--otkit-font-weight-regular) 0.625rem/0.875rem var(--otkit-font-family-brand);
  /* Label */
  --otkit-text-label-large-font-size: 1rem;
  --otkit-text-label-large-line-height: 1rem;
  --otkit-text-label-large-font-weight: var(--otkit-font-weight-regular);
  --otkit-text-label-large: var(--otkit-font-weight-regular) 1rem/1rem var(--otkit-font-family-brand);
  --otkit-text-label-medium-font-size: 0.875rem;
  --otkit-text-label-medium-line-height: 0.875rem;
  --otkit-text-label-medium-font-weight: var(--otkit-font-weight-regular);
  --otkit-text-label-medium: var(--otkit-font-weight-regular) 0.875rem/0.875rem var(--otkit-font-family-brand);
  --otkit-text-label-small-font-size: 0.75rem;
  --otkit-text-label-small-line-height: 0.75rem;
  --otkit-text-label-small-font-weight: var(--otkit-font-weight-regular);
  --otkit-text-label-small: var(--otkit-font-weight-regular) 0.75rem/0.75rem var(--otkit-font-family-brand);
  --otkit-text-label-tiny-font-size: 0.625rem;
  --otkit-text-label-tiny-line-height: 0.625rem;
  --otkit-text-label-tiny-font-weight: var(--otkit-font-weight-regular);
  --otkit-text-label-tiny: var(--otkit-font-weight-regular) 0.625rem/0.625rem var(--otkit-font-family-brand);
}




@charset "utf-8";

* {
  box-sizing: border-box;
}

html {
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

body,
blockquote,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
menu,
p {
  margin: 0;
}

menu {
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
}

a {
  color: #247f9e;
  text-decoration: none;
  cursor: pointer;
}

a:focus {
  outline: dotted thin;
}

a:hover,
a:active {
  outline: 0;
}

strong {
  font-weight: bold;
}

b {
  font-weight: inherit;
}

i {
  font-style: inherit;
}

::-moz-selection {
  color: white;
  background-color: #61bddb;
}

::selection {
  color: white;
  background-color: #61bddb;
}

::placeholder {
  color: #91949a;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  color: inherit;
  font-family: inherit;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

svg:not(:root) {
  overflow: hidden;
}

[hidden],
template {
  display: none;
}



@charset "utf-8";

@font-face {
  font-family: BrandonText;
  src: url('https://cdn.otstatic.com/common/font/Brandon/Brandon_txt_reg-webfont.woff2') format('woff2'), url('https://cdn.otstatic.com/common/font/Brandon/Brandon_txt_reg-webfont.woff') format('woff');
  font-weight: normal;
}

@font-face {
  font-family: BrandonText;
  src: url('https://cdn.otstatic.com/common/font/Brandon/Brandon_txt_med-webfont.woff2') format('woff2'), url('https://cdn.otstatic.com/common/font/Brandon/Brandon_txt_med-webfont.woff') format('woff');
  font-weight: 500;
}

@font-face {
  font-family: BrandonText;
  src: url('https://cdn.otstatic.com/common/font/Brandon/Brandon_txt_bld-webfont.woff2') format('woff2'), url('https://cdn.otstatic.com/common/font/Brandon/Brandon_txt_bld-webfont.woff') format('woff');
  font-weight: bold;
}

.typography__wf-loading___cEwCr * {
  color: transparent !important;
}

html {
  font-family: 'BrandonText', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  /* TODO: Needs to be calculated from token; */
  font-size: font-size; /* .9375em */
  /* TODO: Needs to be calculated from token; */
  line-height: line-height; /* 1.733333 */
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html:lang(de),
html:lang(en),
html:lang(es),
html:lang(fr),
html:lang(it),
html:lang(nl) {
  font-family: 'BrandonText', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}

html:lang(jp) {
  font-family: 'BrandonText', 'Helvetica Neue', Helvetica, Arial, OpenTableHiragino, Roboto, Droid Sans, '游ゴシック体', OpenTableYuGothic, YuGothic, Yu Gothic, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}



/*
  name: @otkit/typography
  version: 1.1.0
*/

/* Font Family */

/* Font Weights */

.tokens-postcss__weight-regular___bE9sM {
  font-weight: var(--otkit-font-weight-regular);
}

.tokens-postcss__weight-semibold___QYROC {
  font-weight: var(--otkit-font-weight-semibold);
}

.tokens-postcss__weight-bold___vnMpr {
  font-weight: var(--otkit-font-weight-bold);
}

/* Headline Large */

.tokens-postcss__headline-large-bold___qsiqk {
  font-size: var(--otkit-text-headline-large-font-size);
  line-height: var(--otkit-text-headline-large-line-height);
  font-weight: var(--otkit-font-weight-bold);
}

/* Headline Medium */

.tokens-postcss__headline-medium-bold___xlFge {
  font-size: var(--otkit-text-headline-medium-font-size);
  line-height: var(--otkit-text-headline-medium-line-height);
  font-weight: var(--otkit-font-weight-bold);
}

/* Headline Small */

.tokens-postcss__headline-small-bold___DE5q3 {
  font-size: var(--otkit-text-headline-small-font-size);
  line-height: var(--otkit-text-headline-small-line-height);
  font-weight: var(--otkit-font-weight-bold);
}

/* Title Large */

.tokens-postcss__title-large-bold___NUFGt {
  font-size: var(--otkit-text-title-large-font-size);
  line-height: var(--otkit-text-title-large-line-height);
  font-weight: var(--otkit-font-weight-bold);
}

/* Title Medium */

.tokens-postcss__title-medium-bold___pDrSK {
  font-size: var(--otkit-text-title-medium-font-size);
  line-height: var(--otkit-text-title-medium-line-height);
  font-weight: var(--otkit-font-weight-bold);
}

/* Title Small */

.tokens-postcss__title-small-bold___pf8tW {
  font-size: var(--otkit-text-title-small-font-size);
  line-height: var(--otkit-text-title-small-line-height);
  font-weight: var(--otkit-font-weight-bold);
}

/* Body Large */

.tokens-postcss__body-large-regular___nJgJp {
  font-size: var(--otkit-text-body-large-font-size);
  line-height: var(--otkit-text-body-large-line-height);
  font-weight: var(--otkit-font-weight-regular);
}

.tokens-postcss__body-large-semibold___fujUa {
  font-size: var(--otkit-text-body-large-font-size);
  line-height: var(--otkit-text-body-large-line-height);
  font-weight: var(--otkit-font-weight-semibold);
}

.tokens-postcss__body-large-bold___cLFYE {
  font-size: var(--otkit-text-body-large-font-size);
  line-height: var(--otkit-text-body-large-line-height);
  font-weight: var(--otkit-font-weight-bold);
}

/* Body Medium */

.tokens-postcss__body-medium-regular___EVEXV {
  font-size: var(--otkit-text-body-medium-font-size);
  line-height: var(--otkit-text-body-medium-line-height);
  font-weight: var(--otkit-font-weight-regular);
}

.tokens-postcss__body-medium-semibold___Ud8JR {
  font-size: var(--otkit-text-body-medium-font-size);
  line-height: var(--otkit-text-body-medium-line-height);
  font-weight: var(--otkit-font-weight-semibold);
}

.tokens-postcss__body-medium-bold___zbT5f {
  font-size: var(--otkit-text-body-medium-font-size);
  line-height: var(--otkit-text-body-medium-line-height);
  font-weight: var(--otkit-font-weight-bold);
}

/* Body Small */

.tokens-postcss__body-small-regular___AEg_g {
  font-size: var(--otkit-text-body-small-font-size);
  line-height: var(--otkit-text-body-small-line-height);
  font-weight: var(--otkit-font-weight-regular);
}

.tokens-postcss__body-small-semibold___yY5dl {
  font-size: var(--otkit-text-body-small-font-size);
  line-height: var(--otkit-text-body-small-line-height);
  font-weight: var(--otkit-font-weight-semibold);
}

.tokens-postcss__body-small-bold____YwRC {
  font-size: var(--otkit-text-body-small-font-size);
  line-height: var(--otkit-text-body-small-line-height);
  font-weight: var(--otkit-font-weight-bold);
}

/* Body Tiny */

.tokens-postcss__body-tiny-regular___wOYoY {
  font-size: var(--otkit-text-body-tiny-font-size);
  line-height: var(--otkit-text-body-tiny-line-height);
  font-weight: var(--otkit-font-weight-regular);
}

.tokens-postcss__body-tiny-semibold___wVWUi {
  font-size: var(--otkit-text-body-tiny-font-size);
  line-height: var(--otkit-text-body-tiny-line-height);
  font-weight: var(--otkit-font-weight-semibold);
}

.tokens-postcss__body-tiny-bold___OcR3U {
  font-size: var(--otkit-text-body-tiny-font-size);
  line-height: var(--otkit-text-body-tiny-line-height);
  font-weight: var(--otkit-font-weight-bold);
}

/* Label Large */

.tokens-postcss__label-large-regular___LfUxl {
  font-size: var(--otkit-text-label-large-font-size);
  line-height: var(--otkit-text-label-large-line-height);
  font-weight: var(--otkit-font-weight-regular);
}

.tokens-postcss__label-large-semibold___dUzs2 {
  font-size: var(--otkit-text-label-large-font-size);
  line-height: var(--otkit-text-label-large-line-height);
  font-weight: var(--otkit-font-weight-semibold);
}

.tokens-postcss__label-large-bold___rURtD {
  font-size: var(--otkit-text-label-large-font-size);
  line-height: var(--otkit-text-label-large-line-height);
  font-weight: var(--otkit-font-weight-bold);
}

/* Label Medium */

.tokens-postcss__label-medium-regular___XjLeY {
  font-size: var(--otkit-text-label-medium-font-size);
  line-height: var(--otkit-text-label-medium-line-height);
  font-weight: var(--otkit-font-weight-regular);
}

.tokens-postcss__label-medium-semibold___C0QM9 {
  font-size: var(--otkit-text-label-medium-font-size);
  line-height: var(--otkit-text-label-medium-line-height);
  font-weight: var(--otkit-font-weight-semibold);
}

.tokens-postcss__label-medium-bold___WwvCS {
  font-size: var(--otkit-text-label-medium-font-size);
  line-height: var(--otkit-text-label-medium-line-height);
  font-weight: var(--otkit-font-weight-bold);
}

/* Label Small */

.tokens-postcss__label-small-regular___mJlso {
  font-size: var(--otkit-text-label-small-font-size);
  line-height: var(--otkit-text-label-small-line-height);
  font-weight: var(--otkit-font-weight-regular);
}

.tokens-postcss__label-small-semibold___WTuzW {
  font-size: var(--otkit-text-label-small-font-size);
  line-height: var(--otkit-text-label-small-line-height);
  font-weight: var(--otkit-font-weight-semibold);
}

.tokens-postcss__label-small-bold___JAYJy {
  font-size: var(--otkit-text-label-small-font-size);
  line-height: var(--otkit-text-label-small-line-height);
  font-weight: var(--otkit-font-weight-bold);
}

/* Label Tiny */

.tokens-postcss__label-tiny-regular___bvaxA {
  font-size: var(--otkit-text-label-tiny-font-size);
  line-height: var(--otkit-text-label-tiny-line-height);
  font-weight: var(--otkit-font-weight-regular);
}

.tokens-postcss__label-tiny-semibold___TfDmc {
  font-size: var(--otkit-text-label-tiny-font-size);
  line-height: var(--otkit-text-label-tiny-line-height);
  font-weight: var(--otkit-font-weight-semibold);
}

.tokens-postcss__label-tiny-bold___wGA4Q {
  font-size: var(--otkit-text-label-tiny-font-size);
  line-height: var(--otkit-text-label-tiny-line-height);
  font-weight: var(--otkit-font-weight-bold);
}


/*
  name: @otkit/colors
  version: 1.15.2
*/
.Error__title___zVlm8 {
  color: var(--otkit-color-foreground-default);
  text-align: center;
  font-size: var(--otkit-text-title-large-font-size);
  font-weight: var(--otkit-text-title-large-font-weight);
  margin-bottom: 32px;
}

.Error__error___CXWaZ {
  display: flex;
  flex-direction: column;
  flex: 1 1 100%;
  max-width: 768px;
}

.Error__error-content___DiMaq {
  flex: 1 1 92%
}

.Error__error-message___Hq7w0 {
  max-width: 417px;
  margin-top: 32px;
  margin-left: 32px;
  margin-right: 32px;
}

.Error__content-border___dUfIx {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 20%;
  border-top: 1px solid var(--otkit-color-border-inset);
  border-bottom: 1px solid var(--otkit-color-border-inset);
  justify-content: center;
}

.Error__message-text___ObXXu {
  max-width: 417px;
  color: var(--otkit-color-foreground-default);
  text-align: left;
  font-size: var(--otkit-text-body-large-font-size);
  font-weight: var(--otkit-text-body-large-font-weight);
  margin-bottom: 32px;
}

.Error__footer-border___r_tIL {
  display: flex;
  border-top: 1px solid var(--otkit-color-border-inset);
  justify-content: center;
  flex: 1 1 8%;
  align-items: center;
}

.Error__page-footer___y7bwV {
  font-weight: var(--otkit-font-weight-semibold);
  font-size: var(--otkit-text-label-medium-font-size);
  text-align: center;
  justify-content: center;
  color: var(--otkit-color-foreground-alt);
}

html, body {
  height: 100%;
  min-height: 100%;
  font-family: var(--otkit-font-family-brand);
  background-color: var(--otkit-color-background-default);
}

@media (max-width: 767px) {
  html {
    font-size: var(--otkit-text-title-small-font-size);
  }
}

.site-container__title___LtT67 {
  color: var(--otkit-color-foreground-on-neutral);
}

.site-container__site___sQtru {
  background-color: var(--otkit-color-background-elevation);
  height: inherit;
  min-height: inherit;
  display: flex;
  flex-direction: column;
}

.site-container__head___gn1Sv {
  background-color: var(--otkit-color-background-elevation);
  border-bottom: var(--otkit-color-border-default);
  flex: 0 0 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.site-container__body___Oy05_ {
  display: flex;
  flex-direction: row;
  flex: 1 1 33%;
  justify-content: center;
}

.site-container__icon___jeMXL {
  width: 208px;
  height: 32px;
  display: inline-block;
}

.logo__logo___LN3RS {
  width: 208px;
  height: 32px;
  color: var(--otkit-color-foreground-on-neutral);
}