/*
 * Okta Odyssey design tokens, @okta/odyssey-design-tokens@1.69.0 (Apache-2.0,
 * see LICENSE beside this file), as CSS custom properties.
 * Generated by scripts/odyssey-tokens.php from dist/index.scss. Do not edit.
 */
:root {
  --ods-border-color-control: #8d8d8d;
  --ods-border-color-display: #e1e1e1;
  --ods-border-color-disabled: #e1e1e1;
  --ods-border-color-danger-light: #fe8f7a;
  --ods-border-color-danger-control: #e72500;
  --ods-border-color-danger-dark: #951800;
  --ods-border-color-primary-control: #546be7;
  --ods-border-color-primary-dark: #2e40a5;
  --ods-border-radius-tight: 4px;
  --ods-border-radius-main: 6px;
  --ods-border-radius-outer: 12px;
  --ods-border-radius-round: 1.5em;
  --ods-border-style-main: solid;
  --ods-border-width-main: 1px;
  --ods-border-width-heavy: 1.5px;
  --ods-depth-low: 0px 1px 2px 0px rgba(39, 39, 39, 0.07);
  --ods-depth-medium: 0px 1px 4px 0px rgba(39, 39, 39, 0.08), 0px 4px 6px 0px rgba(39, 39, 39, 0.01), 0px 5px 15px 0px rgba(39, 39, 39, 0.05);
  --ods-depth-high: 0px 1px 4px 0px rgba(39, 39, 39, 0.08), 0px 4px 10px 0px rgba(39, 39, 39, 0.08), 0px 8px 30px 0px rgba(39, 39, 39, 0.10);
  --ods-focus-outline-color-primary: #546be7;
  --ods-focus-outline-color-danger: #e72500;
  --ods-focus-outline-offset-main: 2px;
  --ods-focus-outline-offset-tight: 0;
  --ods-focus-outline-style: solid;
  --ods-focus-outline-width-main: 2px;
  --ods-focus-outline-width-tight: 1px;
  --ods-hue-neutral-50: #f4f4f4;
  --ods-hue-neutral-100: #ededed;
  --ods-hue-neutral-200: #e1e1e1;
  --ods-hue-neutral-300: #cbcbcb;
  --ods-hue-neutral-400: #aeaeae;
  --ods-hue-neutral-500: #8d8d8d;
  --ods-hue-neutral-600: #6e6e6e;
  --ods-hue-neutral-700: #4b4b4b;
  --ods-hue-neutral-800: #383838;
  --ods-hue-neutral-900: #272727;
  --ods-hue-neutral-white: #ffffff;
  --ods-hue-blue-50: #f2f3fd;
  --ods-hue-blue-100: #dbe0fa;
  --ods-hue-blue-200: #c1c9f6;
  --ods-hue-blue-300: #9daaf1;
  --ods-hue-blue-400: #7286eb;
  --ods-hue-blue-500: #546be7;
  --ods-hue-blue-600: #4C64E1;
  --ods-hue-blue-700: #2e40a5;
  --ods-hue-blue-800: #22307c;
  --ods-hue-blue-900: #182257;
  --ods-hue-green-50: #defae7;
  --ods-hue-green-100: #94f5b3;
  --ods-hue-green-200: #7be09e;
  --ods-hue-green-300: #59c282;
  --ods-hue-green-400: #31a061;
  --ods-hue-green-500: #16884a;
  --ods-hue-green-600: #197f48;
  --ods-hue-green-700: #0e562f;
  --ods-hue-green-800: #0a4023;
  --ods-hue-green-900: #072e19;
  --ods-hue-red-50: #fff0ee;
  --ods-hue-red-100: #ffd8d1;
  --ods-hue-red-200: #febbae;
  --ods-hue-red-300: #fe8f7a;
  --ods-hue-red-400: #fd4e2d;
  --ods-hue-red-500: #e72500;
  --ods-hue-red-600: #d92300;
  --ods-hue-red-700: #951800;
  --ods-hue-red-800: #711200;
  --ods-hue-red-900: #500d00;
  --ods-hue-yellow-50: #fdfad9;
  --ods-hue-yellow-100: #ffe01a;
  --ods-hue-yellow-200: #f9c503;
  --ods-hue-yellow-300: #eb9e05;
  --ods-hue-yellow-400: #bf8004;
  --ods-hue-yellow-500: #a16c03;
  --ods-hue-yellow-600: #966603;
  --ods-hue-yellow-700: #664402;
  --ods-hue-yellow-800: #4c3302;
  --ods-hue-yellow-900: #352401;
  --ods-hue-accent-one-50: #F5F2FD;
  --ods-hue-accent-one-100: #E4DFF1;
  --ods-hue-accent-one-200: #D2C2FF;
  --ods-hue-accent-one-300: #B89FFE;
  --ods-hue-accent-one-400: #9777F9;
  --ods-hue-accent-one-500: #8951FB;
  --ods-hue-accent-one-600: #6E47C9;
  --ods-hue-accent-one-700: #5227BE;
  --ods-hue-accent-one-800: #401895;
  --ods-hue-accent-one-900: #2B0679;
  --ods-hue-accent-two-50: #FCF2E8;
  --ods-hue-accent-two-100: #F7DCD6;
  --ods-hue-accent-two-200: #F2C299;
  --ods-hue-accent-two-300: #ED9B58;
  --ods-hue-accent-two-400: #E06C07;
  --ods-hue-accent-two-500: #C25608;
  --ods-hue-accent-two-600: #964E1E;
  --ods-hue-accent-two-700: #964E1E;
  --ods-hue-accent-two-800: #50301B;
  --ods-hue-accent-two-900: #3E1F09;
  --ods-hue-accent-three-50: #E1F7F7;
  --ods-hue-accent-three-100: #BCEBEA;
  --ods-hue-accent-three-200: #89D9D9;
  --ods-hue-accent-three-300: #5CBDBD;
  --ods-hue-accent-three-400: #269C9C;
  --ods-hue-accent-three-500: #008585;
  --ods-hue-accent-three-600: #1B6C6C;
  --ods-hue-accent-three-700: #255157;
  --ods-hue-accent-three-800: #1C3D3D;
  --ods-hue-accent-three-900: #12282B;
  --ods-hue-accent-four-50: #FFF2E6;
  --ods-hue-accent-four-100: #EBDFCA;
  --ods-hue-accent-four-200: #D6C9AD;
  --ods-hue-accent-four-300: #C2AB84;
  --ods-hue-accent-four-400: #A18A60;
  --ods-hue-accent-four-500: #87744D;
  --ods-hue-accent-four-600: #696803;
  --ods-hue-accent-four-700: #574931;
  --ods-hue-accent-four-800: #403727;
  --ods-hue-accent-four-900: #2E2618;
  --ods-palette-primary-lighter: #f2f3fd;
  --ods-palette-primary-light: #9daaf1;
  --ods-palette-primary-main: #546be7;
  --ods-palette-primary-dark: #2e40a5;
  --ods-palette-primary-darker: #22307c;
  --ods-palette-primary-text: #4C64E1;
  --ods-palette-primary-heading: #182257;
  --ods-palette-primary-highlight: #dbe0fa;
  --ods-palette-danger-lighter: #fff0ee;
  --ods-palette-danger-light: #fe8f7a;
  --ods-palette-danger-main: #e72500;
  --ods-palette-danger-dark: #951800;
  --ods-palette-danger-darker: #711200;
  --ods-palette-danger-text: #d92300;
  --ods-palette-danger-heading: #500d00;
  --ods-palette-danger-highlight: #ffd8d1;
  --ods-palette-warning-lighter: #fdfad9;
  --ods-palette-warning-light: #eb9e05;
  --ods-palette-warning-main: #a16c03;
  --ods-palette-warning-dark: #664402;
  --ods-palette-warning-darker: #4c3302;
  --ods-palette-warning-text: #966603;
  --ods-palette-warning-heading: #352401;
  --ods-palette-warning-highlight: #ffe01a;
  --ods-palette-success-lighter: #defae7;
  --ods-palette-success-light: #59c282;
  --ods-palette-success-main: #16884a;
  --ods-palette-success-dark: #0e562f;
  --ods-palette-success-darker: #0a4023;
  --ods-palette-success-text: #197f48;
  --ods-palette-success-heading: #072e19;
  --ods-palette-success-highlight: #94f5b3;
  --ods-palette-neutral-main: #6e6e6e;
  --ods-palette-neutral-dark: #272727;
  --ods-palette-alpha-opaque: FF;
  --ods-palette-alpha-semi: BF;
  --ods-shadow-scale-0: 0px 1px 4px rgba(29, 29, 33, 0.08), 0px 4px 6px rgba(29, 29, 33, 0.01), 0px 5px 15px rgba(29, 29, 33, 0.05);
  --ods-shadow-scale-1: 0px 1px 4px rgba(29, 29, 33, 0.08), 0px 4px 10px rgba(29, 29, 33, 0.08), 0px 8px 30px rgba(29, 29, 33, 0.1);
  --ods-spacing-0: 0;
  --ods-spacing-1: 0.28571429rem;
  --ods-spacing-2: 0.57142857rem;
  --ods-spacing-3: 0.85714286rem;
  --ods-spacing-4: 1.14285714rem;
  --ods-spacing-5: 1.71428571rem;
  --ods-spacing-6: 2.28571429rem;
  --ods-spacing-7: 2.85714286rem;
  --ods-spacing-8: 3.42857143rem;
  --ods-spacing-9: 4rem;
  --ods-transition-duration-main: 100ms;
  --ods-transition-duration-main-as-number: 100;
  --ods-transition-timing-main: linear;
  --ods-typography-color-body: #272727; /* Base text color used for most typography */
  --ods-typography-color-heading: #272727; /* Base text color used for headings */
  --ods-typography-color-inverse: #ffffff; /* Inverse text color typically used on a colorful background */
  --ods-typography-color-support: #4b4b4b;
  --ods-typography-color-subordinate: #6e6e6e; /* Text color for subordinate text like captions */
  --ods-typography-color-disabled: #aeaeae;
  --ods-typography-color-action: #4C64E1;
  --ods-typography-color-danger: #d92300;
  --ods-typography-color-success: #197f48;
  --ods-typography-color-warning: #966603;
  --ods-typography-family-system: '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Oxygen-Sans', 'Ubuntu', 'Cantarell';
  --ods-typography-family-fallback: 'Helvetica Neue', sans-serif;
  --ods-typography-family-aeonik: 'Aeonik';
  --ods-typography-family-inter: 'Inter';
  --ods-typography-family-body: 'Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif;
  --ods-typography-family-heading: 'Aeonik', 'Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif;
  --ods-typography-family-button: 'Aeonik', 'Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif;
  --ods-typography-family-mono: 'Roboto Mono', 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
  --ods-typography-scale-0: 0.857rem;
  --ods-typography-scale-1: 1rem;
  --ods-typography-scale-2: 1.143rem;
  --ods-typography-scale-3: 1.286rem;
  --ods-typography-scale-4: 1.429rem;
  --ods-typography-scale-5: 1.571rem;
  --ods-typography-scale-6: 1.786rem;
  --ods-typography-scale-7: 2rem;
  --ods-typography-scale-8: 2.286rem;
  --ods-typography-scale-9: 2.571rem;
  --ods-typography-scale-10: 2.857rem;
  --ods-typography-scale-11: 3.214rem;
  --ods-typography-scale-12: 3.643rem;
  --ods-typography-size-base: 87.5%;
  --ods-typography-size-overline: 0.7142857143rem;
  --ods-typography-size-subordinate: 0.857rem;
  --ods-typography-size-body: 1rem;
  --ods-typography-size-heading6: 1.143rem;
  --ods-typography-size-heading5: 1.286rem;
  --ods-typography-size-heading4: 1.571rem;
  --ods-typography-size-heading3: 2rem;
  --ods-typography-size-heading2: 2.286rem;
  --ods-typography-size-heading1: 2.571rem;
  --ods-typography-style-normal: normal;
  --ods-typography-weight-body: 400;
  --ods-typography-weight-body-bold: 600;
  --ods-typography-weight-heading: 500;
  --ods-typography-weight-heading-bold: 700;
  --ods-typography-line-height-body: 1.5;
  --ods-typography-line-height-ui: 1.2;
  --ods-typography-line-height-overline: 1.3;
  --ods-typography-line-height-heading6: 1.3;
  --ods-typography-line-height-heading5: 1.3;
  --ods-typography-line-height-heading4: 1.25;
  --ods-typography-line-height-heading3: 1.25;
  --ods-typography-line-height-heading2: 1.2;
  --ods-typography-line-height-heading1: 1.2;
  --ods-typography-line-length-max: 55ch;
  --ods-typography-letter-spacing-overline: .05em;
}