/*!**************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./app/javascript/stitch-tokens-shim/tokens.css ***!
  \**************************************************************************************************************************************************************************************************/
/* Stitch Design Tokens as CSS Custom Properties */
/* These are the default values that the shim references */
:root {
  /* Colors - Neutrals */
  --s-color-neutral-0: #ffffff;
  --s-color-neutral-100: #f8f8f9;
  --s-color-neutral-200: #f3f2f4;
  --s-color-neutral-300: #e6e3e8;
  --s-color-neutral-400: #dad7de;
  --s-color-neutral-500: #cec9d3;
  --s-color-neutral-600: #c2bcc8;
  --s-color-neutral-700: #aba5b1;
  --s-color-neutral-800: #89848e;
  --s-color-neutral-900: #67636a;
  --s-color-neutral-1000: #444247;
  --s-color-neutral-1100: #1a191b;

  /* Colors - Peri */
  --s-color-peri-50: #edefff;
  --s-color-peri-100: #dce0ff;
  --s-color-peri-200: #b9c1ff;
  --s-color-peri-300: #99a7ff;
  --s-color-peri-400: #7583ff;
  --s-color-peri-500: #5165fe;
  --s-color-peri-600: #495be5;
  --s-color-peri-700: #3947b2;
  --s-color-peri-800: #29337f;
  --s-color-peri-900: #181e4c;

  /* Colors - Indigo */
  --s-color-indigo-50: #f0ebf6;
  --s-color-indigo-100: #d9cce8;
  --s-color-indigo-200: #c0aad8;
  --s-color-indigo-300: #ab8ecb;
  --s-color-indigo-400: #9773be;
  --s-color-indigo-500: #8a61b6;
  --s-color-indigo-600: #663e90;
  --s-color-indigo-700: #532d7d;
  --s-color-indigo-800: #381360;
  --s-color-indigo-900: #270d43;

  /* Colors - Blue */
  --s-color-blue-50: #e7f7ff;
  --s-color-blue-100: #d0eeff;
  --s-color-blue-200: #a2ddff;
  --s-color-blue-300: #73cdff;
  --s-color-blue-400: #45bcff;
  --s-color-blue-500: #16abff;

  /* Colors - Pink */
  --s-color-pink-50: #fcebf6;
  --s-color-pink-100: #f9d8ed;
  --s-color-pink-200: #f3b2db;
  --s-color-pink-300: #ed8bca;
  --s-color-pink-400: #e765b8;
  --s-color-pink-500: #e13ea6;

  /* Colors - Red */
  --s-color-red-50: #fde7e9;
  --s-color-red-500: #ea101f;
  --s-color-red-600: #d30e1c;
  --s-color-red-700: #a40b16;

  /* Colors - Green */
  --s-color-green-50: #f1faed;
  --s-color-green-500: #73cc4a;

  /* Colors - Yellow */
  --s-color-yellow-50: #fff9e5;
  --s-color-yellow-500: #fbc000;

  /* Colors - Teal */
  --s-color-teal-50: #e5f8fa;
  --s-color-teal-500: #00bacc;

  /* Colors - Orange */
  --s-color-orange-500: #ff9d09;

  /* Colors - Alpha */
  --s-color-alpha-neutral-100: rgba(22, 22, 55, 0.03);
  --s-color-alpha-neutral-200: rgba(56, 39, 73, 0.06);
  --s-color-alpha-neutral-300: rgba(28, 0, 46, 0.11);
  --s-color-alpha-neutral-400: rgba(25, 5, 51, 0.16);
  --s-color-alpha-neutral-500: rgba(32, 10, 56, 0.22);
  --s-color-alpha-neutral-600: rgba(28, 7, 49, 0.27);
  --s-color-alpha-neutral-700: rgba(21, 5, 36, 0.36);
  --s-color-alpha-neutral-800: rgba(15, 4, 26, 0.49);
  --s-color-alpha-neutral-900: rgba(11, 3, 17, 0.62);

  --s-color-transparent: transparent;

  /* Semantic Colors */
  --s-color-brand: #381360;
  --s-color-primary: #5165fe;
  --s-color-secondary: #8a61b6;

  /* Text Colors */
  --s-color-text: #1a191b;
  --s-color-text-inverse: #ffffff;
  --s-color-text-subtle: #67636a;
  --s-color-text-disabled: rgba(28, 7, 49, 0.27);
  --s-color-text-on-primary: #ffffff;
  --s-color-text-on-brand: #ffffff;

  /* Link Colors */
  --s-color-link: #495be5;
  --s-color-link-pressed: #3947b2;

  /* Icon Colors */
  --s-color-icon: #1a191b;
  --s-color-icon-inverse: #ffffff;
  --s-color-icon-subtle: #67636a;
  --s-color-icon-disabled: rgba(28, 7, 49, 0.27);
  --s-color-icon-success: #73cc4a;
  --s-color-icon-warning: #fbc000;
  --s-color-icon-critical: #ea101f;
  --s-color-icon-info: #00bacc;

  /* Background Colors */
  --s-color-background-backdrop: rgba(11, 3, 17, 0.62);
  --s-color-background-brand: #381360;
  --s-color-background-critical: #ea101f;
  --s-color-background-critical-hovered: #d30e1c;
  --s-color-background-critical-pressed: #a40b16;
  --s-color-background-disabled: rgba(56, 39, 73, 0.06);
  --s-color-background-feedback-critical-subtle: #fde7e9;
  --s-color-background-feedback-info-subtle: #e5f8fa;
  --s-color-background-feedback-success-subtle: #f1faed;
  --s-color-background-feedback-warning-subtle: #fff9e5;
  --s-color-background-highlight-selected: #edefff;
  --s-color-background-input: #ffffff;
  --s-color-background-neutral: #ffffff;
  --s-color-background-neutral-accent: rgba(56, 39, 73, 0.06);
  --s-color-background-neutral-accent-subtle: rgba(22, 22, 55, 0.03);
  --s-color-background-neutral-hovered: #f3f2f4;
  --s-color-background-neutral-inverse: #444247;
  --s-color-background-neutral-pressed: #e6e3e8;
  --s-color-background-neutral-subtle: transparent;
  --s-color-background-neutral-subtle-hovered: rgba(56, 39, 73, 0.06);
  --s-color-background-neutral-subtle-pressed: rgba(28, 0, 46, 0.11);
  --s-color-background-primary: #5165fe;
  --s-color-background-primary-hovered: #495be5;
  --s-color-background-primary-pressed: #3947b2;
  --s-color-background-secondary: #8a61b6;
  --s-color-background-secondary-hovered: #7c57a4;
  --s-color-background-secondary-pressed: #663e90;

  /* Border Colors */
  --s-color-border: rgba(32, 10, 56, 0.22);
  --s-color-border-subtle: rgba(28, 0, 46, 0.11);
  --s-color-border-bold: rgba(15, 4, 26, 0.49);
  --s-color-border-input: #89848e;
  --s-color-border-disabled: rgba(25, 5, 51, 0.16);
  --s-color-border-focused: #5165fe;
  --s-color-border-selected: #5165fe;
  --s-color-border-success: #73cc4a;
  --s-color-border-warning: #fbc000;
  --s-color-border-critical: #ea101f;
  --s-color-border-info: #00bacc;

  /* Feedback Colors */
  --s-color-feedback-success: #73cc4a;
  --s-color-feedback-warning: #fbc000;
  --s-color-feedback-critical: #ea101f;
  --s-color-feedback-info: #00bacc;

  /* Button Colors */
  --s-button-primary-color-background: #5165fe;
  --s-button-primary-color-background-hovered: #495be5;
  --s-button-primary-color-background-pressed: #3947b2;

  /* Decorative Colors */
  --s-color-decorative-blue: #16abff;
  --s-color-decorative-teal: #00bacc;
  --s-color-decorative-green: #73cc4a;
  --s-color-decorative-yellow: #fbc000;
  --s-color-decorative-orange: #ff9d09;
  --s-color-decorative-pink: #e13ea6;

  /* Elevation */
  --s-elevation-background: #f8f8f9;
  --s-elevation-background-subtle: #ffffff;
  --s-elevation-surface: #ffffff;
  --s-elevation-raised-lowest: #ffffff;
  --s-elevation-raised-low: #ffffff;
  --s-elevation-raised-medium: #ffffff;
  --s-elevation-raised-high: #ffffff;
  --s-elevation-shadow: rgba(28, 0, 46, 0.11);
  --s-elevation-shadow-raised-lowest: 0 1px 1px rgba(28, 0, 46, 0.11);
  --s-elevation-shadow-raised-low: 0 2px 4px rgba(28, 0, 46, 0.11), 0 0 1px rgba(28, 0, 46, 0.11);
  --s-elevation-shadow-raised-medium: 0 4px 8px rgba(28, 0, 46, 0.11), 0 0 1px rgba(28, 0, 46, 0.11);
  --s-elevation-shadow-raised-high: 0 8px 16px rgba(28, 0, 46, 0.11), 0 0 1px rgba(28, 0, 46, 0.11);

  /* Border Radius */
  --s-border-radius-xs: 2px;
  --s-border-radius-sm: 4px;
  --s-border-radius-md: 8px;
  --s-border-radius-lg: 12px;
  --s-border-radius-full: 9999px;

  /* Border Width */
  --s-border-width-sm: 1px;
  --s-border-width-md: 2px;
  --s-border-width-lg: 3px;

  /* Spacing */
  --s-space-0: 0rem;
  --s-space-25: 0.125rem;
  --s-space-50: 0.25rem;
  --s-space-100: 0.5rem;
  --s-space-200: 0.75rem;
  --s-space-300: 1rem;
  --s-space-400: 1.25rem;
  --s-space-500: 1.5rem;
  --s-space-600: 2rem;
  --s-space-650: 2.25rem;
  --s-space-700: 2.5rem;
  --s-space-800: 3rem;
  --s-space-900: 3.5rem;
  --s-space-1000: 4rem;

  /* Font */
  --s-font-family-sans: 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --s-font-size-50: 0.75rem;
  --s-font-size-100: 0.875rem;
  --s-font-size-200: 1rem;
  --s-font-size-300: 1.25rem;
  --s-font-size-400: 1.5rem;
  --s-font-size-500: 2rem;
  --s-font-size-600: 2.5rem;
  --s-font-line-height-50: 16px;
  --s-font-line-height-100: 20px;
  --s-font-line-height-200: 24px;
  --s-font-line-height-300: 32px;
  --s-font-line-height-400: 40px;
  --s-font-line-height-500: 48px;
  --s-font-line-height-600: 64px;
  --s-font-weight-300: 300;
  --s-font-weight-400: 400;
  --s-font-weight-500: 500;
  --s-font-weight-600: 600;
  --s-font-weight-700: 700;

  /* Layout Tokens */
  --s-tile-columns-default: 1fr;
  --s-tile-columns-small: 1fr;
  --s-tile-columns-medium: 1fr;
  --s-tile-columns-large: 1fr;

  --s-column-flex: 1 1 auto;
  --s-column-width: auto;
  --s-column-max-width: auto;
  --s-column-min-width: auto;
  --s-column-default-direction: row;
  --s-column-small-direction: row;
  --s-column-medium-direction: row;
}


/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/@bonterratech/stitch-extension/dist/stitch-extension.css ***!
  \***************************************************************************************************************************************************************************************************************************/
/* src/index.css */
:where(*) {
    box-sizing: border-box;
  }
:where(*:before, *:after) {
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb;
  }
:where(html) {
    -moz-tab-size: 2;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
    background-color: var(--s-color-neutral-0);
    color: var(--s-color-text);
    font-family: var(--s-font-family-sans);
    font-feature-settings: normal;
    font-size: var(--s-font-size-200);
    font-style: normal;
    font-variation-settings: normal;
    font-weight: var(--s-font-weight-400);
    line-height: var(--s-font-line-height-200);
    -o-tab-size: 2;
    tab-size: 2;
    text-align: left;
    text-rendering: optimizeLegibility;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
:where(body) {
    background-color: inherit;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    text-align: inherit;
  }
:where(abbr:where([title])) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted currentColor;
            text-decoration: underline dotted currentColor;
  }
:where(h1) {
    font-size: var(--s-font-size-500);
    line-height: var(--s-font-line-height-400);
    font-weight: var(--s-font-weight-500);
    letter-spacing: var(--s-font-letter-spacing-0);
  }
@media screen and (min-width: 64rem) {
    :where(h1) {
      font-size: var(--s-font-size-600);
      line-height: var(--s-font-line-height-500);
      font-weight: var(--s-font-weight-400);
    }
  }
:where(h2) {
    font-size: var(--s-font-size-400);
    line-height: var(--s-font-line-height-300);
    font-weight: var(--s-font-weight-500);
    letter-spacing: var(--s-font-letter-spacing-0);
  }
@media screen and (min-width: 64rem) {
    :where(h2) {
      font-size: var(--s-font-size-500);
      line-height: var(--s-font-line-height-400);
      font-weight: var(--s-font-weight-400);
    }
  }
:where(h3) {
    font-size: var(--s-font-size-300);
    line-height: var(--s-font-line-height-200);
    font-weight: var(--s-font-weight-600);
    letter-spacing: var(--s-font-letter-spacing-0);
  }
@media screen and (min-width: 64rem) {
    :where(h3) {
      font-size: var(--s-font-size-400);
      line-height: var(--s-font-line-height-300);
      font-weight: var(--s-font-weight-500);
    }
  }
:where(h4) {
    font-size: var(--s-font-size-200);
    line-height: var(--s-font-line-height-100);
    font-weight: var(--s-font-weight-700);
    letter-spacing: var(--s-font-letter-spacing-100);
  }
@media screen and (min-width: 64rem) {
    :where(h4) {
      font-size: var(--s-font-size-300);
      line-height: var(--s-font-line-height-200);
      font-weight: var(--s-font-weight-600);
      letter-spacing: var(--s-font-letter-spacing-100);
    }
  }
:where(h5) {
    font-size: var(--s-font-size-100);
    line-height: var(--s-font-line-height-50);
    font-weight: var(--s-font-weight-700);
    letter-spacing: var(--s-font-letter-spacing-200);
  }
@media screen and (min-width: 64rem) {
    :where(h5) {
      font-size: var(--s-font-size-200);
      line-height: var(--s-font-line-height-100);
      font-weight: var(--s-font-weight-600);
      letter-spacing: var(--s-font-letter-spacing-100);
    }
  }
:where(h6) {
    font-size: var(--s-font-size-100);
    line-height: var(--s-font-line-height-50);
    font-weight: var(--s-font-weight-700);
    letter-spacing: var(--s-font-letter-spacing-200);
  }
:where(a) {
    color: var(--s-color-link);
    text-decoration: none;
  }
:where(a):not([role=menuitem]) {
    font-weight: var(--s-font-weight-600);
  }
:where(a:where(:hover)),
  :where(a:where(:active)) {
    color: var(--s-color-link-pressed);
    text-decoration: none;
  }
:where(a:where(:disabled)) {
    color: var(--s-color-text-disabled);
    text-decoration: none;
  }
:where(a:where(.focus-visible)) {
    outline: var(--s-border-width-md) solid var(--s-color-border-focused);
    outline-offset: var(--s-space-25);
    text-decoration: none;
  }
:where(a:where(:focus-visible)) {
    outline: var(--s-border-width-md) solid var(--s-color-border-focused);
    outline-offset: var(--s-space-25);
    text-decoration: none;
  }
:where(button) {
    font-family: inherit;
  }
:where(b, strong) {
    font-weight: bolder;
  }
:where(code, kbd, samp, pre) {
    font-family:
      ui-monospace,
      SFMono-Regular,
      Menlo,
      Monaco,
      Consolas,
      Liberation Mono,
      Courier New,
      monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em;
  }
:where(small) {
    font-size: var(--s-font-size-50);
  }
:where(sub, sup) {
    font-size: var(--s-font-size-50);
    line-height: var(--s-font-line-height-50);
    position: relative;
    vertical-align: baseline;
  }
:where(sub) {
    bottom: -0.25em;
  }
:where(sup) {
    top: -0.5em;
  }
:where(table) {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
:where(table th, table td) {
    padding: 0;
  }
:where(:-moz-ui-invalid) {
    box-shadow: none;
  }
:where(progress) {
    vertical-align: baseline;
  }
:where(::-webkit-inner-spin-button, ::-webkit-outer-spin-button) {
    height: auto;
  }
:where([type=search]) {
    -webkit-appearance: textfield;
    outline-offset: -2px;
  }
:where(::-webkit-search-decoration) {
    -webkit-appearance: none;
  }
:where(::-webkit-file-upload-button) {
    -webkit-appearance: button;
    font: inherit;
  }
:where(summary) {
    display: list-item;
  }
:where(blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre) {
    margin: 0;
  }
:where(fieldset) {
    margin: 0;
    padding: 0;
  }
:where(legend) {
    padding: 0;
  }
:where(ol, ul, menu) {
    list-style: none;
    margin: 0;
    padding: 0;
  }
:where(dialog) {
    padding: 0;
  }
:where(textarea) {
    resize: vertical;
  }
:where(input::-moz-placeholder, textarea::-moz-placeholder) {
    opacity: 1;
    color: #9ca3af;
  }
:where(input::placeholder, textarea::placeholder) {
    opacity: 1;
    color: #9ca3af;
  }
:where(button, [role=button]) {
    cursor: pointer;
  }
:where(:disabled) {
    cursor: default;
  }
:where(img, svg, video, canvas, audio, iframe, embed, object) {
    display: block;
    vertical-align: middle;
  }
:where(img, video) {
    max-width: 100%;
    height: auto;
  }
:where([hidden]) {
    display: none;
  }
.react-aria-Dialog {
    outline: none;
  }


/*# sourceMappingURL=auth0_landing.css.map*/