/* stylelint-disable property-no-vendor-prefix */
* {
  margin: 0;
  padding: 0;
}

*,
::after,
::before {
  box-sizing: border-box;
}

:where(:not(fieldset, progress, meter)) {
  background-origin: border-box;
  background-repeat: no-repeat;
  border-style: solid;
  border-width: 0;
}

html {
  height: 100%;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

@media (prefers-reduced-motion: no-preference) {
  html:focus-within {
    scroll-behavior: smooth;
  }
}

body {
  -webkit-font-smoothing: antialiased;
  min-height: 100%;
  text-rendering: optimizespeed;
}

:where(img, video, canvas, audio, iframe, embed, object) {
  display: block;
}

:where(img, svg, video) {
  height: auto;
  max-width: 100%;
}

:where(input, button, textarea, select),
:where(input[type="file"])::-webkit-file-upload-button {
  color: inherit;
  font: inherit;
  font-size: inherit;
  letter-spacing: inherit;
}

:where(textarea) {
  resize: vertical;
}

@supports (resize: block) {
  :where(textarea) {
    resize: vertical;
  }
}

:where(p, h1, h2, h3, h4, h5, h6) {
  overflow-wrap: break-word;
}

h1 {
  font-size: 2em;
}

:where(ul, ol)[role="list"] {
  list-style: none;
}

a:not([class]) {
  /* stylelint-disable-next-line declaration-property-value-no-unknown */
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
}

:where(
  a[href],
  area,
  button,
  input,
  label[for],
  select,
  summary,
  textarea,
  [tabindex]:not([tabindex*="\-"])
) {
  cursor: pointer;
  touch-action: manipulation;
}

:where(input[type="file"]) {
  cursor: auto;
}

:where(input[type="file"])::-webkit-file-upload-button,
:where(input[type="file"])::file-selector-button {
  cursor: pointer;
}

:where(input[type="file"])::-webkit-file-upload-button {
  -webkit-tap-highlight-color: transparent;
  text-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

:where(
  button,
  button[type],
  input[type="button"],
  input[type="submit"],
  input[type="reset"]
),
:where(input[type="file"])::-webkit-file-upload-button,
:where(input[type="file"])::file-selector-button {
  -webkit-tap-highlight-color: transparent;
  text-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

:where(
    button,
    button[type],
    input[type="button"],
    input[type="submit"],
    input[type="reset"]
  )[disabled] {
  cursor: not-allowed;
}

@media (prefers-reduced-motion: no-preference) {
  :focus-visible {
    transition: outline-offset 0.145s cubic-bezier(0.25, 0, 0.4, 1);
  }

  :where(:not(:active)):focus-visible {
    transition-duration: 0.25s;
  }
}

:where(:not(:active)):focus-visible {
  outline-offset: 5px;
}

code {
  font-family: "Fira Code", monospace;
}

:root {
  /* Base unit definitions */
  --clark-rem-base: 0.0625rem;
  --clark-border-base: 1px;
  --clark-radius-base: 1px;

  /* ----------------- */

  /* Collection: core */

  /* ----------------- */

  /* Color */

  --clark-color-red-0: #fff2f4;
  --clark-color-red-05: #f9d6dc;
  --clark-color-red-1: #f3bbc4;
  --clark-color-red-15: #eda2ad;
  --clark-color-red-2: #e78a97;
  --clark-color-red-3: #da6170;
  --clark-color-red-4: #ce4251;
  --clark-color-red-5: #c22a3a;
  --clark-color-red-6: #b61928;
  --clark-color-red-7: #a90e1c;
  --clark-color-red-8: #9d0714;
  --clark-color-red-9: #91020e;
  --clark-color-red-10: #85000b;
  --clark-color-yellow-0: #fff6d9;
  --clark-color-yellow-05: #fff0bf;
  --clark-color-yellow-1: #ffeaa5;
  --clark-color-yellow-15: #fee48b;
  --clark-color-yellow-2: #fede72;
  --clark-color-yellow-3: #f5cd47;
  --clark-color-yellow-4: #ddb42a;
  --clark-color-yellow-5: #c59d17;
  --clark-color-yellow-6: #ad870b;
  --clark-color-yellow-7: #957304;
  --clark-color-yellow-8: #7d6001;
  --clark-color-yellow-9: #654d00;
  --clark-color-yellow-10: #4d3b00;
  --clark-color-green-0: #e8fff1;
  --clark-color-green-05: #c9f4da;
  --clark-color-green-1: #ade9c5;
  --clark-color-green-15: #92deb1;
  --clark-color-green-2: #79d49f;
  --clark-color-green-3: #51be80;
  --clark-color-green-4: #33a867;
  --clark-color-green-5: #1f9352;
  --clark-color-green-6: #117d42;
  --clark-color-green-7: #086734;
  --clark-color-green-8: #035228;
  --clark-color-green-9: #013c1c;
  --clark-color-green-10: #002612;
  --clark-color-orange-0: #ffefd9;
  --clark-color-orange-05: #ffeac6;
  --clark-color-orange-1: #ffe4b3;
  --clark-color-orange-15: #ffdd9e;
  --clark-color-orange-2: #ffd689;
  --clark-color-orange-3: #ffc666;
  --clark-color-orange-4: #ffb543;
  --clark-color-orange-5: #fea220;
  --clark-color-orange-6: #f28d00;
  --clark-color-orange-7: #d17a00;
  --clark-color-orange-8: #ad6500;
  --clark-color-orange-9: #895000;
  --clark-color-orange-10: #663c00;
  --clark-color-blue-0: #f2f7ff;
  --clark-color-blue-05: #d6e3fe;
  --clark-color-blue-1: #bbd0fc;
  --clark-color-blue-15: #a0bdfb;
  --clark-color-blue-2: #86a9f9;
  --clark-color-blue-3: #5984f1;
  --clark-color-blue-4: #3564e8;
  --clark-color-blue-5: #194ce0;
  --clark-color-blue-6: #0439d7;
  --clark-color-blue-7: #0028bd;
  --clark-color-blue-8: #001da4;
  --clark-color-blue-9: #00148a;
  --clark-color-blue-10: #000d70;
  --clark-color-sky-0: #f2faff;
  --clark-color-sky-05: #d7effe;
  --clark-color-sky-1: #bbe3fc;
  --clark-color-sky-15: #a1d8fb;
  --clark-color-sky-2: #87cdf9;
  --clark-color-sky-3: #5cb3ea;
  --clark-color-sky-4: #3c9edb;
  --clark-color-sky-5: #258bcb;
  --clark-color-sky-6: #157cbc;
  --clark-color-sky-7: #0b6fad;
  --clark-color-sky-8: #04639e;
  --clark-color-sky-9: #01588f;
  --clark-color-sky-10: #004f80;
  --clark-color-beige-0: #fff7f2;
  --clark-color-beige-05: #f9e0d2;
  --clark-color-beige-1: #f2cab3;
  --clark-color-beige-15: #ecb89b;
  --clark-color-beige-2: #e5a783;
  --clark-color-beige-3: #d9895c;
  --clark-color-beige-4: #cc713d;
  --clark-color-beige-5: #bf5e26;
  --clark-color-beige-6: #b25017;
  --clark-color-beige-7: #a6440c;
  --clark-color-beige-8: #993c05;
  --clark-color-beige-9: #8c3402;
  --clark-color-beige-10: #802f00;
  --clark-color-mint-0: #f2fffb;
  --clark-color-mint-05: #cdf8eb;
  --clark-color-mint-1: #aaf2db;
  --clark-color-mint-15: #89ebcc;
  --clark-color-mint-2: #6ae4be;
  --clark-color-mint-3: #44cfa3;
  --clark-color-mint-4: #28b98c;
  --clark-color-mint-5: #16a477;
  --clark-color-mint-6: #0a8e65;
  --clark-color-mint-7: #047954;
  --clark-color-mint-8: #016344;
  --clark-color-mint-9: #004e35;
  --clark-color-mint-10: #003826;
  --clark-color-purple-0: #f4f2ff;
  --clark-color-purple-05: #dfdaf9;
  --clark-color-purple-1: #cbc2f2;
  --clark-color-purple-15: #b8acec;
  --clark-color-purple-2: #a696e6;
  --clark-color-purple-3: #8872d9;
  --clark-color-purple-4: #7055cc;
  --clark-color-purple-5: #5d40bf;
  --clark-color-purple-6: #4f30b3;
  --clark-color-purple-7: #4424a6;
  --clark-color-purple-8: #3b1c99;
  --clark-color-purple-9: #34178c;
  --clark-color-purple-10: #2e1380;
  --clark-color-neutral-opaque-0: #fff;
  --clark-color-neutral-opaque-05: #f5f6f9;
  --clark-color-neutral-opaque-1: #eceef3;
  --clark-color-neutral-opaque-15: #c9cedb;
  --clark-color-neutral-opaque-2: #b9bed0;
  --clark-color-neutral-opaque-3: #9ba2b8;
  --clark-color-neutral-opaque-4: #8088a0;
  --clark-color-neutral-opaque-5: #697188;
  --clark-color-neutral-opaque-6: #545b71;
  --clark-color-neutral-opaque-7: #414759;
  --clark-color-neutral-opaque-8: #2f3341;
  --clark-color-neutral-opaque-9: #1d202a;
  --clark-color-neutral-opaque-10: #0c0e12;
  --clark-color-neutral-alpha-05: rgb(12 14 18 / 3%);
  --clark-color-neutral-alpha-1: rgb(12 14 18 / 6%);
  --clark-color-neutral-alpha-15: rgb(12 14 18 / 14%);
  --clark-color-neutral-alpha-2: rgb(12 14 18 / 31%);
  --clark-color-neutral-alpha-3: rgb(12 14 18 / 49%);

  /* Space */

  --clark-space-0: 0;
  --clark-space-050: calc(var(--clark-size-050) * var(--clark-rem-base));
  --clark-space-100: calc(var(--clark-size-100) * var(--clark-rem-base));
  --clark-space-200: calc(var(--clark-size-200) * var(--clark-rem-base));
  --clark-space-300: calc(var(--clark-size-300) * var(--clark-rem-base));
  --clark-space-400: calc(var(--clark-size-400) * var(--clark-rem-base));
  --clark-space-500: calc(var(--clark-size-500) * var(--clark-rem-base));
  --clark-space-600: calc(var(--clark-size-600) * var(--clark-rem-base));
  --clark-space-800: calc(var(--clark-size-800) * var(--clark-rem-base));
  --clark-space-1200: calc(var(--clark-size-1200) * var(--clark-rem-base));

  /* Font */

  --clark-font-family-sans: cera round pro;
  --clark-font-family-serif: tiempos headline;
  --clark-font-weight-regular: 400;
  --clark-font-weight-medium: 500;
  --clark-font-weight-bold: 700;
  --clark-font-letter-spacing-densest: -0.54;
  --clark-font-letter-spacing-denser: -0.3;
  --clark-font-letter-spacing-dense: -0.2;
  --clark-font-letter-spacing-normal: 0;
  --clark-font-line-height-300: var(--clark-size-300);
  --clark-font-line-height-400: var(--clark-size-400);
  --clark-font-line-height-500: var(--clark-size-500);
  --clark-font-line-height-600: var(--clark-size-600);
  --clark-font-line-height-800: var(--clark-size-800);
  --clark-font-line-height-1000: var(--clark-size-1000);
  --clark-font-line-height-1200: var(--clark-size-1200);
  --clark-font-size-250: calc(var(--clark-size-250) * var(--clark-rem-base));
  --clark-font-size-300: calc(var(--clark-size-300) * var(--clark-rem-base));
  --clark-font-size-350: calc(var(--clark-size-350) * var(--clark-rem-base));
  --clark-font-size-400: calc(var(--clark-size-400) * var(--clark-rem-base));
  --clark-font-size-500: calc(var(--clark-size-500) * var(--clark-rem-base));
  --clark-font-size-600: calc(var(--clark-size-600) * var(--clark-rem-base));
  --clark-font-size-700: calc(var(--clark-size-700) * var(--clark-rem-base));
  --clark-font-size-800: calc(var(--clark-size-800) * var(--clark-rem-base));

  /* Border */

  --clark-border-radius-0: 0;
  --clark-border-radius-100: calc(
    var(--clark-size-100) * var(--clark-radius-base)
  );
  --clark-border-radius-200: calc(
    var(--clark-size-200) * var(--clark-radius-base)
  );
  --clark-border-radius-250: calc(
    var(--clark-size-250) * var(--clark-radius-base)
  );
  --clark-border-radius-400: calc(
    var(--clark-size-400) * var(--clark-radius-base)
  );
  --clark-border-radius-full: 99999px;
  --clark-border-width-0: 0;
  --clark-border-width-025: calc(
    var(--clark-size-025) * var(--clark-border-base)
  );
  --clark-border-width-050: calc(
    var(--clark-size-050) * var(--clark-border-base)
  );
  --clark-border-width-100: calc(
    var(--clark-size-100) * var(--clark-border-base)
  );

  /* Elevation */

  --clark-elevation-background: var(--clark-color-neutral-opaque-05);
  --clark-elevation-surface: var(--clark-color-neutral-opaque-0);
  --clark-elevation-surface-raised: var(--clark-color-neutral-opaque-05);

  /* ----------------- */

  /* Collection: semantic */

  /* ----------------- */

  /* Color */

  --clark-color-text-default: var(--clark-color-neutral-opaque-10);
  --clark-color-link-default: var(--clark-color-blue-6);
  --clark-color-link-pressed: var(--clark-color-blue-7);
  --clark-color-link-visited: var(--clark-color-blue-9);
  --clark-color-icon-default: var(--clark-color-neutral-opaque-8);
  --clark-color-icon-weak: var(--clark-color-neutral-opaque-7);
  --clark-color-icon-inverse: var(--clark-color-neutral-opaque-0);
  --clark-color-icon-selected: var(--clark-color-blue-6);
  --clark-color-icon-disabled: var(--clark-color-neutral-alpha-2);
  --clark-color-icon-brand: var(--clark-color-blue-6);
  --clark-color-icon-danger: var(--clark-color-red-6);
  --clark-color-icon-warning: var(--clark-color-yellow-6);
  --clark-color-icon-success: var(--clark-color-green-6);
  --clark-color-icon-information: var(--clark-color-blue-6);
  --clark-color-icon-accent-red: var(--clark-color-red-6);
  --clark-color-icon-accent-orange: var(--clark-color-orange-6);
  --clark-color-icon-accent-yellow: var(--clark-color-yellow-6);
  --clark-color-icon-accent-green: var(--clark-color-green-6);
  --clark-color-icon-accent-blue: var(--clark-color-blue-6);
  --clark-color-icon-accent-sky: var(--clark-color-sky-6);
  --clark-color-icon-accent-beige: var(--clark-color-beige-6);
  --clark-color-icon-accent-mint: var(--clark-color-mint-6);
  --clark-color-icon-accent-purple: var(--clark-color-purple-6);
  --clark-color-icon-accent-gray: var(--clark-color-neutral-opaque-6);
  --clark-color-text-weak: var(--clark-color-neutral-opaque-7);
  --clark-color-text-weaker: var(--clark-color-neutral-opaque-6);
  --clark-color-text-weakest: var(--clark-color-neutral-opaque-5);
  --clark-color-text-inverse: var(--clark-color-neutral-opaque-0);
  --clark-color-icon-warning-inverse: var(--clark-color-neutral-opaque-10);
  --clark-color-text-selected: var(--clark-color-blue-6);
  --clark-color-text-disabled: var(--clark-color-neutral-alpha-2);
  --clark-color-text-information: var(--clark-color-blue-6);
  --clark-color-text-warning: var(--clark-color-yellow-8);
  --clark-color-text-success: var(--clark-color-green-6);
  --clark-color-text-danger: var(--clark-color-red-6);
  --clark-color-text-brand: var(--clark-color-blue-6);
  --clark-color-text-accent-red-default: var(--clark-color-red-8);
  --clark-color-text-accent-red-stronger: var(--clark-color-red-9);
  --clark-color-text-accent-yellow-default: var(--clark-color-yellow-8);
  --clark-color-text-accent-yellow-stronger: var(--clark-color-yellow-9);
  --clark-color-text-accent-beige-default: var(--clark-color-beige-8);
  --clark-color-text-accent-beige-stronger: var(--clark-color-beige-9);
  --clark-color-text-accent-sky-default: var(--clark-color-sky-8);
  --clark-color-text-accent-sky-stronger: var(--clark-color-sky-9);
  --clark-color-text-accent-mint-default: var(--clark-color-mint-8);
  --clark-color-text-accent-mint-stronger: var(--clark-color-mint-9);
  --clark-color-text-accent-purple-default: var(--clark-color-purple-8);
  --clark-color-text-accent-purple-stronger: var(--clark-color-purple-9);
  --clark-color-text-accent-gray-default: var(--clark-color-neutral-opaque-8);
  --clark-color-text-accent-gray-stronger: var(--clark-color-neutral-opaque-9);
  --clark-color-text-accent-blue-default: var(--clark-color-blue-8);
  --clark-color-text-accent-blue-stronger: var(--clark-color-blue-9);
  --clark-color-text-warning-inverse: var(--clark-color-neutral-opaque-10);
  --clark-color-border-default: var(--clark-color-neutral-alpha-15);
  --clark-color-border-strong: var(--clark-color-neutral-opaque-4);
  --clark-color-border-inverse: var(--clark-color-neutral-opaque-0);
  --clark-color-border-selected: var(--clark-color-blue-6);
  --clark-color-border-focused: var(--clark-color-blue-4);
  --clark-color-border-disabled: var(--clark-color-neutral-alpha-1);
  --clark-color-border-input: var(--clark-color-neutral-alpha-15);
  --clark-color-border-brand: var(--clark-color-blue-6);
  --clark-color-border-danger: var(--clark-color-red-6);
  --clark-color-border-warning: var(--clark-color-yellow-6);
  --clark-color-border-success: var(--clark-color-green-6);
  --clark-color-border-information: var(--clark-color-blue-6);
  --clark-color-border-accent-red: var(--clark-color-red-6);
  --clark-color-border-accent-yellow: var(--clark-color-yellow-6);
  --clark-color-border-accent-green: var(--clark-color-green-6);
  --clark-color-border-accent-orange: var(--clark-color-orange-6);
  --clark-color-border-accent-blue: var(--clark-color-blue-6);
  --clark-color-border-accent-sky: var(--clark-color-sky-6);
  --clark-color-border-accent-beige: var(--clark-color-beige-6);
  --clark-color-border-accent-mint: var(--clark-color-mint-6);
  --clark-color-border-accent-purple: var(--clark-color-purple-6);
  --clark-color-border-accent-neutral: var(--clark-color-neutral-opaque-6);
  --clark-color-background-accent-beige-weakest-default: var(
    --clark-color-beige-05
  );
  --clark-color-background-input-default: var(--clark-color-neutral-opaque-0);
  --clark-color-background-input-hovered: var(--clark-color-neutral-opaque-05);
  --clark-color-background-input-pressed: var(--clark-color-neutral-opaque-0);
  --clark-color-background-neutral-default: var(--clark-color-neutral-opaque-1);
  --clark-color-background-neutral-hovered: var(
    --clark-color-neutral-opaque-15
  );
  --clark-color-background-neutral-pressed: var(--clark-color-neutral-opaque-2);
  --clark-color-background-neutral-weakest-default: var(
    --clark-color-neutral-alpha-05
  );
  --clark-color-background-accent-beige-weakest-hovered: var(
    --clark-color-beige-1
  );
  --clark-color-background-neutral-weakest-hovered: var(
    --clark-color-neutral-alpha-1
  );
  --clark-color-background-neutral-weakest-pressed: var(
    --clark-color-neutral-alpha-15
  );
  --clark-color-background-accent-beige-weakest-pressed: var(
    --clark-color-beige-15
  );
  --clark-color-background-accent-beige-weaker-default: var(
    --clark-color-beige-1
  );
  --clark-color-background-accent-beige-weaker-hovered: var(
    --clark-color-beige-15
  );
  --clark-color-background-accent-beige-weaker-pressed: var(
    --clark-color-beige-2
  );
  --clark-color-background-accent-beige-stronger-default: var(
    --clark-color-beige-7
  );
  --clark-color-background-accent-beige-stronger-hovered: var(
    --clark-color-beige-8
  );
  --clark-color-background-accent-beige-stronger-pressed: var(
    --clark-color-beige-9
  );
  --clark-color-background-accent-sky-weakest-default: var(
    --clark-color-sky-05
  );
  --clark-color-background-accent-sky-weakest-hovered: var(--clark-color-sky-1);
  --clark-color-background-accent-sky-weakest-pressed: var(
    --clark-color-sky-15
  );
  --clark-color-background-accent-sky-weaker-default: var(--clark-color-sky-1);
  --clark-color-background-accent-sky-weaker-hovered: var(--clark-color-sky-15);
  --clark-color-background-accent-sky-weaker-pressed: var(--clark-color-sky-2);
  --clark-color-background-accent-sky-stronger-default: var(
    --clark-color-sky-7
  );
  --clark-color-background-accent-sky-stronger-hovered: var(
    --clark-color-sky-8
  );
  --clark-color-background-accent-sky-stronger-pressed: var(
    --clark-color-sky-9
  );
  --clark-color-background-accent-mint-weakest-default: var(
    --clark-color-mint-05
  );
  --clark-color-background-accent-mint-weaker-default: var(
    --clark-color-mint-1
  );
  --clark-color-background-accent-mint-weaker-hovered: var(
    --clark-color-mint-15
  );
  --clark-color-background-accent-mint-weaker-pressed: var(
    --clark-color-mint-2
  );
  --clark-color-background-accent-mint-weakest-hovered: var(
    --clark-color-mint-1
  );
  --clark-color-background-accent-mint-weakest-pressed: var(
    --clark-color-mint-15
  );
  --clark-color-background-accent-mint-stronger-default: var(
    --clark-color-mint-7
  );
  --clark-color-background-accent-mint-stronger-hovered: var(
    --clark-color-mint-8
  );
  --clark-color-background-accent-mint-stronger-pressed: var(
    --clark-color-mint-9
  );
  --clark-color-background-accent-purple-weakest-default: var(
    --clark-color-purple-05
  );
  --clark-color-background-accent-purple-weaker-default: var(
    --clark-color-purple-1
  );
  --clark-color-background-accent-purple-weaker-hovered: var(
    --clark-color-purple-15
  );
  --clark-color-background-accent-purple-weaker-pressed: var(
    --clark-color-purple-2
  );
  --clark-color-background-accent-purple-weakest-hovered: var(
    --clark-color-purple-1
  );
  --clark-color-background-accent-purple-weakest-pressed: var(
    --clark-color-purple-15
  );
  --clark-color-background-accent-purple-stronger-default: var(
    --clark-color-purple-7
  );
  --clark-color-background-accent-purple-stronger-hovered: var(
    --clark-color-purple-8
  );
  --clark-color-background-accent-purple-stronger-pressed: var(
    --clark-color-purple-9
  );
  --clark-color-background-accent-gray-weakest-default: var(
    --clark-color-neutral-opaque-1
  );
  --clark-color-background-accent-gray-weaker-default: var(
    --clark-color-neutral-opaque-15
  );
  --clark-color-background-accent-gray-weaker-hovered: var(
    --clark-color-neutral-opaque-2
  );
  --clark-color-background-accent-gray-weaker-pressed: var(
    --clark-color-neutral-opaque-3
  );
  --clark-color-background-accent-gray-weakest-hovered: var(
    --clark-color-neutral-opaque-15
  );
  --clark-color-background-accent-gray-weakest-pressed: var(
    --clark-color-neutral-opaque-2
  );
  --clark-color-background-accent-gray-stronger-default: var(
    --clark-color-neutral-opaque-7
  );
  --clark-color-background-accent-gray-stronger-hovered: var(
    --clark-color-neutral-opaque-8
  );
  --clark-color-background-accent-gray-stronger-pressed: var(
    --clark-color-neutral-opaque-9
  );
  --clark-color-background-accent-blue-weakest-default: var(
    --clark-color-blue-05
  );
  --clark-color-background-accent-blue-weakest-hovered: var(
    --clark-color-blue-1
  );
  --clark-color-background-accent-blue-weakest-pressed: var(
    --clark-color-blue-15
  );
  --clark-color-background-accent-blue-weaker-default: var(
    --clark-color-blue-1
  );
  --clark-color-background-accent-blue-weaker-hovered: var(
    --clark-color-blue-15
  );
  --clark-color-background-accent-blue-weaker-pressed: var(
    --clark-color-blue-2
  );
  --clark-color-background-accent-blue-stronger-default: var(
    --clark-color-blue-7
  );
  --clark-color-background-accent-blue-stronger-hovered: var(
    --clark-color-blue-8
  );
  --clark-color-background-accent-blue-stronger-pressed: var(
    --clark-color-blue-9
  );
  --clark-color-background-accent-red-weakest-default: var(
    --clark-color-red-05
  );
  --clark-color-background-accent-red-weakest-hovered: var(--clark-color-red-1);
  --clark-color-background-accent-red-weakest-pressed: var(
    --clark-color-red-15
  );
  --clark-color-background-accent-red-stronger-default: var(
    --clark-color-red-7
  );
  --clark-color-background-accent-red-stronger-hovered: var(
    --clark-color-red-8
  );
  --clark-color-background-accent-red-stronger-pressed: var(
    --clark-color-red-9
  );
  --clark-color-background-accent-yellow-weakest-default: var(
    --clark-color-yellow-05
  );
  --clark-color-background-accent-yellow-weaker-default: var(
    --clark-color-yellow-1
  );
  --clark-color-background-accent-yellow-weaker-hovered: var(
    --clark-color-yellow-15
  );
  --clark-color-background-accent-yellow-weaker-pressed: var(
    --clark-color-yellow-2
  );
  --clark-color-background-accent-yellow-weakest-hovered: var(
    --clark-color-yellow-1
  );
  --clark-color-background-accent-yellow-weakest-pressed: var(
    --clark-color-yellow-15
  );
  --clark-color-background-accent-yellow-stronger-default: var(
    --clark-color-yellow-4
  );
  --clark-color-background-accent-yellow-stronger-hovered: var(
    --clark-color-yellow-5
  );
  --clark-color-background-accent-yellow-stronger-pressed: var(
    --clark-color-yellow-6
  );
  --clark-color-background-selected-default: var(--clark-color-blue-1);
  --clark-color-background-selected-hovered: var(--clark-color-blue-2);
  --clark-color-background-selected-pressed: var(--clark-color-blue-3);
  --clark-color-background-selected-strong-default: var(--clark-color-blue-6);
  --clark-color-background-selected-strong-hovered: var(--clark-color-blue-7);
  --clark-color-background-selected-strong-pressed: var(--clark-color-blue-8);
  --clark-color-background-danger-default: var(--clark-color-red-0);
  --clark-color-background-danger-hovered: var(--clark-color-red-05);
  --clark-color-background-danger-pressed: var(--clark-color-red-1);
  --clark-color-background-danger-strong-default: var(--clark-color-red-6);
  --clark-color-background-danger-strong-hovered: var(--clark-color-red-7);
  --clark-color-background-danger-strong-pressed: var(--clark-color-red-8);
  --clark-color-background-warning-default: var(--clark-color-yellow-0);
  --clark-color-background-success-default: var(--clark-color-green-0);
  --clark-color-background-success-hovered: var(--clark-color-green-05);
  --clark-color-background-success-pressed: var(--clark-color-green-1);
  --clark-color-background-success-strong-default: var(--clark-color-green-6);
  --clark-color-background-success-strong-hovered: var(--clark-color-green-7);
  --clark-color-background-success-strong-pressed: var(--clark-color-green-8);
  --clark-color-background-warning-hovered: var(--clark-color-yellow-05);
  --clark-color-background-warning-pressed: var(--clark-color-yellow-1);
  --clark-color-background-warning-strong-default: var(--clark-color-yellow-3);
  --clark-color-background-warning-strong-hovered: var(--clark-color-yellow-4);
  --clark-color-background-warning-strong-pressed: var(--clark-color-yellow-5);
  --clark-color-background-information-default: var(--clark-color-blue-0);
  --clark-color-background-information-hovered: var(--clark-color-blue-05);
  --clark-color-background-information-pressed: var(--clark-color-blue-1);
  --clark-color-background-information-strong-default: var(
    --clark-color-blue-6
  );
  --clark-color-background-information-strong-hovered: var(
    --clark-color-blue-7
  );
  --clark-color-background-information-strong-pressed: var(
    --clark-color-blue-8
  );
  --clark-color-background-brand-weakest-default: var(--clark-color-blue-0);
  --clark-color-background-brand-weakest-hovered: var(--clark-color-blue-05);
  --clark-color-background-brand-weakest-pressed: var(--clark-color-blue-1);
  --clark-color-background-brand-strong-default: var(--clark-color-blue-6);
  --clark-color-background-brand-strong-hovered: var(--clark-color-blue-7);
  --clark-color-background-brand-strong-pressed: var(--clark-color-blue-8);
  --clark-color-background-disabled: var(--clark-color-neutral-alpha-05);
  --clark-color-chart-beige-strong-default: var(--clark-color-beige-5);
  --clark-color-backdrop-default: var(--clark-color-neutral-alpha-3);
  --clark-color-chart-beige-strong-hovered: var(--clark-color-beige-6);
  --clark-color-chart-beige-stronger-default: var(--clark-color-beige-6);
  --clark-color-chart-beige-stronger-hovered: var(--clark-color-beige-7);
  --clark-color-chart-beige-strongest-default: var(--clark-color-beige-8);
  --clark-color-chart-beige-strongest-hovered: var(--clark-color-beige-9);
  --clark-color-background-neutral-strong-default: var(
    --clark-color-neutral-opaque-7
  );
  --clark-color-background-neutral-strong-hovered: var(
    --clark-color-neutral-opaque-8
  );
  --clark-color-background-neutral-strong-pressed: var(
    --clark-color-neutral-opaque-9
  );
  --clark-color-background-brand-strongest-default: var(--clark-color-blue-10);
  --clark-color-background-brand-strongest-hovered: var(--clark-color-blue-9);
  --clark-color-background-brand-strongest-pressed: var(--clark-color-blue-8);
  --clark-color-chart-sky-strong-default: var(--clark-color-sky-5);
  --clark-color-chart-sky-strong-hovered: var(--clark-color-sky-6);
  --clark-color-chart-sky-stronger-default: var(--clark-color-sky-6);
  --clark-color-chart-sky-stronger-hovered: var(--clark-color-sky-7);
  --clark-color-chart-sky-strongest-default: var(--clark-color-sky-8);
  --clark-color-chart-sky-strongest-hovered: var(--clark-color-sky-9);
  --clark-color-chart-mint-strong-default: var(--clark-color-mint-5);
  --clark-color-chart-mint-strong-hovered: var(--clark-color-mint-6);
  --clark-color-chart-mint-stronger-default: var(--clark-color-mint-6);
  --clark-color-chart-mint-stronger-hovered: var(--clark-color-mint-7);
  --clark-color-chart-mint-strongest-default: var(--clark-color-mint-8);
  --clark-color-chart-mint-strongest-hovered: var(--clark-color-mint-9);
  --clark-color-chart-purple-strong-default: var(--clark-color-purple-5);
  --clark-color-chart-purple-strong-hovered: var(--clark-color-purple-6);
  --clark-color-chart-purple-stronger-default: var(--clark-color-purple-6);
  --clark-color-chart-purple-stronger-hovered: var(--clark-color-purple-7);
  --clark-color-chart-purple-strongest-default: var(--clark-color-purple-8);
  --clark-color-chart-purple-strongest-hovered: var(--clark-color-purple-9);
  --clark-color-chart-neutral-default: var(--clark-color-neutral-opaque-5);
  --clark-color-chart-neutral-hovered: var(--clark-color-neutral-opaque-6);
  --clark-color-chart-neutral-strongest-hovered: var(--clark-color-purple-9);
  --clark-color-chart-blue-strong-default: var(--clark-color-blue-5);
  --clark-color-chart-blue-strong-hovered: var(--clark-color-blue-6);
  --clark-color-chart-blue-stronger-default: var(--clark-color-blue-6);
  --clark-color-chart-blue-stronger-hovered: var(--clark-color-blue-7);
  --clark-color-chart-blue-strongest-default: var(--clark-color-blue-8);
  --clark-color-chart-blue-strongest-hovered: var(--clark-color-blue-9);
  --clark-color-chart-red-strong-default: var(--clark-color-red-5);
  --clark-color-chart-red-strong-hovered: var(--clark-color-red-6);
  --clark-color-chart-red-stronger-default: var(--clark-color-red-6);
  --clark-color-chart-red-stronger-hovered: var(--clark-color-red-7);
  --clark-color-chart-red-strongest-default: var(--clark-color-red-8);
  --clark-color-chart-red-strongest-hovered: var(--clark-color-red-9);
  --clark-color-chart-yellow-strong-default: var(--clark-color-yellow-6);
  --clark-color-chart-yellow-strong-hovered: var(--clark-color-yellow-7);
  --clark-color-chart-yellow-stronger-default: var(--clark-color-yellow-7);
  --clark-color-chart-yellow-stronger-hovered: var(--clark-color-yellow-8);
  --clark-color-chart-yellow-strongest-default: var(--clark-color-yellow-8);
  --clark-color-chart-yellow-strongest-hovered: var(--clark-color-yellow-9);
  --clark-color-chart-danger-strong-default: var(--clark-color-red-8);
  --clark-color-chart-danger-default: var(--clark-color-red-6);
  --clark-color-chart-danger-strong-hovered: var(--clark-color-red-9);
  --clark-color-chart-danger-hovered: var(--clark-color-red-7);
  --clark-color-chart-warning-strong-default: var(--clark-color-yellow-8);
  --clark-color-chart-warning-default: var(--clark-color-yellow-6);
  --clark-color-chart-warning-strong-hovered: var(--clark-color-yellow-9);
  --clark-color-chart-warning-hovered: var(--clark-color-yellow-7);
  --clark-color-chart-success-strong-default: var(--clark-color-green-8);
  --clark-color-chart-success-default: var(--clark-color-green-6);
  --clark-color-chart-success-strong-hovered: var(--clark-color-green-9);
  --clark-color-chart-success-hovered: var(--clark-color-green-7);
  --clark-color-chart-information-strong-default: var(--clark-color-blue-8);
  --clark-color-chart-information-default: var(--clark-color-blue-6);
  --clark-color-chart-information-strong-hovered: var(--clark-color-blue-9);
  --clark-color-chart-information-hovered: var(--clark-color-blue-7);
  --clark-color-chart-brand-strong-default: var(--clark-color-blue-8);
  --clark-color-chart-brand-default: var(--clark-color-blue-6);
  --clark-color-chart-brand-strong-hovered: var(--clark-color-blue-9);
  --clark-color-chart-brand-hovered: var(--clark-color-blue-7);

  /* Type */

  --clark-type-display-xl-font-size: var(--clark-font-size-800);
  --clark-type-display-xl-line-height: 1.5;
  --clark-type-display-xl-font-weight: var(--clark-font-weight-medium);
  --clark-type-display-xl-letter-spacing: var(
    --clark-font-letter-spacing-normal
  );
  --clark-type-display-xl-font-family: var(--clark-font-family-serif);
  --clark-type-display-l-font-size: var(--clark-font-size-700);
  --clark-type-display-l-line-height: 1.4286;
  --clark-type-display-l-font-weight: var(--clark-font-weight-medium);
  --clark-type-display-l-letter-spacing: var(
    --clark-font-letter-spacing-normal
  );
  --clark-type-display-l-font-family: var(--clark-font-family-serif);
  --clark-type-heading-xl-font-size: var(--clark-font-size-600);
  --clark-type-heading-xl-line-height: 1.3333;
  --clark-type-heading-xl-font-weight: var(--clark-font-weight-medium);
  --clark-type-heading-xl-letter-spacing: var(
    --clark-font-letter-spacing-normal
  );
  --clark-type-heading-xl-font-family: var(--clark-font-family-sans);
  --clark-type-heading-l-font-size: var(--clark-font-size-500);
  --clark-type-heading-l-line-height: 1.6;
  --clark-type-heading-l-font-weight: var(--clark-font-weight-medium);
  --clark-type-heading-l-letter-spacing: var(
    --clark-font-letter-spacing-normal
  );
  --clark-type-heading-l-font-family: var(--clark-font-family-sans);
  --clark-type-heading-m-font-size: var(--clark-font-size-400);
  --clark-type-heading-m-line-height: 1.5;
  --clark-type-heading-m-font-weight: var(--clark-font-weight-medium);
  --clark-type-heading-m-letter-spacing: var(
    --clark-font-letter-spacing-normal
  );
  --clark-type-heading-m-font-family: var(--clark-font-family-sans);
  --clark-type-body-l-regular-font-size: var(--clark-font-size-400);
  --clark-type-body-l-regular-line-height: 1.5;
  --clark-type-body-l-regular-font-weight: var(--clark-font-weight-regular);
  --clark-type-body-l-regular-letter-spacing: var(
    --clark-font-letter-spacing-normal
  );
  --clark-type-body-l-regular-font-family: var(--clark-font-family-sans);
  --clark-type-body-l-medium-font-size: var(--clark-font-size-400);
  --clark-type-body-l-medium-line-height: 1.5;
  --clark-type-body-l-medium-font-weight: var(--clark-font-weight-medium);
  --clark-type-body-l-medium-letter-spacing: var(
    --clark-font-letter-spacing-normal
  );
  --clark-type-body-l-medium-font-family: var(--clark-font-family-sans);
  --clark-type-body-m-regular-font-size: var(--clark-font-size-350);
  --clark-type-body-m-regular-line-height: 1.7143;
  --clark-type-body-m-regular-font-weight: var(--clark-font-weight-regular);
  --clark-type-body-m-regular-letter-spacing: var(
    --clark-font-letter-spacing-normal
  );
  --clark-type-body-m-regular-font-family: var(--clark-font-family-sans);
  --clark-type-body-m-medium-font-size: var(--clark-font-size-350);
  --clark-type-body-m-medium-line-height: 1.7143;
  --clark-type-body-m-medium-font-weight: var(--clark-font-weight-medium);
  --clark-type-body-m-medium-letter-spacing: var(
    --clark-font-letter-spacing-normal
  );
  --clark-type-body-m-medium-font-family: var(--clark-font-family-sans);
  --clark-type-body-s-regular-font-size: var(--clark-font-size-300);
  --clark-type-body-s-regular-line-height: 1.3333;
  --clark-type-body-s-regular-font-weight: var(--clark-font-weight-regular);
  --clark-type-body-s-regular-letter-spacing: var(
    --clark-font-letter-spacing-normal
  );
  --clark-type-body-s-regular-font-family: var(--clark-font-family-sans);
  --clark-type-body-s-medium-font-size: var(--clark-font-size-300);
  --clark-type-body-s-medium-line-height: 1.3333;
  --clark-type-body-s-medium-font-weight: var(--clark-font-weight-medium);
  --clark-type-body-s-medium-letter-spacing: var(
    --clark-font-letter-spacing-normal
  );
  --clark-type-body-s-medium-font-family: var(--clark-font-family-sans);
  --clark-type-body-xs-regular-font-size: var(--clark-font-size-250);
  --clark-type-body-xs-regular-line-height: 1.2;
  --clark-type-body-xs-regular-font-weight: var(--clark-font-weight-regular);
  --clark-type-body-xs-regular-letter-spacing: var(
    --clark-font-letter-spacing-normal
  );
  --clark-type-body-xs-regular-font-family: var(--clark-font-family-sans);
  --clark-type-body-xs-medium-font-size: var(--clark-font-size-250);
  --clark-type-body-xs-medium-line-height: 1.2;
  --clark-type-body-xs-medium-font-weight: var(--clark-font-weight-medium);
  --clark-type-body-xs-medium-letter-spacing: var(
    --clark-font-letter-spacing-normal
  );
  --clark-type-body-xs-medium-font-family: var(--clark-font-family-sans);
  --clark-type-control-button-m-font-size: var(--clark-font-size-400);
  --clark-type-control-button-m-line-height: 1;
  --clark-type-control-button-m-font-weight: var(--clark-font-weight-medium);
  --clark-type-control-button-m-letter-spacing: var(
    --clark-font-letter-spacing-normal
  );
  --clark-type-control-button-m-font-family: var(--clark-font-family-sans);
  --clark-type-control-button-s-font-size: var(--clark-font-size-350);
  --clark-type-control-button-s-line-height: 1.1429;
  --clark-type-control-button-s-font-weight: var(--clark-font-weight-medium);
  --clark-type-control-button-s-letter-spacing: var(
    --clark-font-letter-spacing-normal
  );
  --clark-type-control-button-s-font-family: var(--clark-font-family-sans);

  /* ----------------- */

  /* Collection: primitives */

  /* ----------------- */

  /* Size */

  --clark-size-0: 0;
  --clark-size-025: 1;
  --clark-size-050: 2;
  --clark-size-100: 4;
  --clark-size-150: 6;
  --clark-size-200: 8;
  --clark-size-250: 10;
  --clark-size-275: 11;
  --clark-size-300: 12;
  --clark-size-325: 13;
  --clark-size-350: 14;
  --clark-size-400: 16;
  --clark-size-500: 20;
  --clark-size-600: 24;
  --clark-size-700: 28;
  --clark-size-750: 30;
  --clark-size-800: 32;
  --clark-size-900: 36;
  --clark-size-1000: 40;
  --clark-size-1200: 48;
  --clark-size-1600: 64;
  --clark-size-2000: 80;
  --clark-size-2400: 96;
  --clark-size-2800: 112;
  --clark-size-3200: 128;
}

.clark-visually-hidden {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  top: 0;
  width: 1px !important;
}

.clark-skeleton-content {
  position: relative;
}

.clark-skeleton-content::after {
  background-color: var(--clark-color-background-neutral-default);
  border-radius: var(--clark-border-radius-100);
  content: "";
  display: block;
  inset: 0;
  position: absolute;
}

.clark-skeleton-shimmer {
  animation: clark-skeleton-shimmer-animation 0.8s ease infinite alternate;
  will-change: opacity;
}

@keyframes clark-skeleton-shimmer-animation {
  0% {
    opacity: 0.6;
  }

  100% {
    opacity: 1;
  }
}

.clark-shadow-100 {
  box-shadow: 0 1px 2px 0 rgb(26 26 26 / 8%);
}

.clark-shadow-200 {
  box-shadow:
    0 1px 2px -1px rgb(26 26 26 / 10%),
    0 1px 3px 0 rgb(26 26 26 / 10%);
}

.clark-shadow-300 {
  box-shadow:
    0 2px 4px -2px rgb(26 26 26 / 0%),
    0 4px 6px -1px rgb(26 26 26 / 10%);
}

.clark-shadow-400 {
  box-shadow:
    0 4px 6px 0 rgb(26 26 26 / 5%),
    0 10px 15px -3px rgb(26 26 26 / 10%);
}

.clark-shadow-500 {
  box-shadow:
    0 10px 10px 0 rgb(26 26 26 / 4%),
    0 20px 25px -5px rgb(26 26 26 / 10%);
}

.clark-shadow-600 {
  box-shadow: 0 25px 50px -12px rgb(26 26 26 / 25%);
}

.clark-type-display-xl {
  font-family: var(--clark-type-display-xl-font-family);
  font-size: var(--clark-type-display-xl-font-size);
  font-style: normal;
  font-weight: var(--clark-type-display-xl-font-weight);
  letter-spacing: var(--clark-type-display-xl-letter-spacing);
  line-height: var(--clark-type-display-xl-line-height);
}

.clark-type-display-l {
  font-family: var(--clark-type-display-l-font-family);
  font-size: var(--clark-type-display-l-font-size);
  font-style: normal;
  font-weight: var(--clark-type-display-l-font-weight);
  letter-spacing: var(--clark-type-display-l-letter-spacing);
  line-height: var(--clark-type-display-l-line-height);
}

.clark-type-heading-xl {
  font-family: var(--clark-type-heading-xl-font-family);
  font-size: var(--clark-type-heading-xl-font-size);
  font-style: normal;
  font-weight: var(--clark-type-heading-xl-font-weight);
  letter-spacing: var(--clark-type-heading-xl-letter-spacing);
  line-height: var(--clark-type-heading-xl-line-height);
}

.clark-type-heading-l {
  font-family: var(--clark-type-heading-l-font-family);
  font-size: var(--clark-type-heading-l-font-size);
  font-style: normal;
  font-weight: var(--clark-type-heading-l-font-weight);
  letter-spacing: var(--clark-type-heading-l-letter-spacing);
  line-height: var(--clark-type-heading-l-line-height);
}

.clark-type-heading-m {
  font-family: var(--clark-type-heading-m-font-family);
  font-size: var(--clark-type-heading-m-font-size);
  font-style: normal;
  font-weight: var(--clark-type-heading-m-font-weight);
  letter-spacing: var(--clark-type-heading-m-letter-spacing);
  line-height: var(--clark-type-heading-m-line-height);
}

.clark-type-body-l {
  font-family: var(--clark-type-body-l-regular-font-family);
  font-size: var(--clark-type-body-l-regular-font-size);
  font-style: normal;
  font-weight: var(--clark-type-body-l-regular-font-weight);
  letter-spacing: var(--clark-type-body-l-regular-letter-spacing);
  line-height: var(--clark-type-body-l-regular-line-height);
}

.clark-type-body-l-underline {
  font-family: var(--clark-type-body-l-regular-font-family);
  font-size: var(--clark-type-body-l-regular-font-size);
  font-style: normal;
  font-weight: var(--clark-type-body-l-regular-font-weight);
  letter-spacing: var(--clark-type-body-l-regular-letter-spacing);
  line-height: var(--clark-type-body-l-regular-line-height);
  text-decoration-line: underline;
}

.clark-type-body-l-medium {
  font-family: var(--clark-type-body-l-medium-font-family);
  font-size: var(--clark-type-body-l-medium-font-size);
  font-style: normal;
  font-weight: var(--clark-type-body-l-medium-font-weight);
  letter-spacing: var(--clark-type-body-l-medium-letter-spacing);
  line-height: var(--clark-type-body-l-medium-line-height);
}

.clark-type-body-m {
  font-family: var(--clark-type-body-m-regular-font-family);
  font-size: var(--clark-type-body-m-regular-font-size);
  font-style: normal;
  font-weight: var(--clark-type-body-m-regular-font-weight);
  letter-spacing: var(--clark-type-body-m-regular-letter-spacing);
  line-height: var(--clark-type-body-m-regular-line-height);
}

.clark-type-body-m-underline {
  font-family: var(--clark-type-body-m-regular-font-family);
  font-size: var(--clark-type-body-m-regular-font-size);
  font-style: normal;
  font-weight: var(--clark-type-body-m-regular-font-weight);
  letter-spacing: var(--clark-type-body-m-regular-letter-spacing);
  line-height: var(--clark-type-body-m-regular-line-height);
  text-decoration-line: underline;
}

.clark-type-body-m-medium {
  font-family: var(--clark-type-body-m-medium-font-family);
  font-size: var(--clark-type-body-m-medium-font-size);
  font-style: normal;
  font-weight: var(--clark-type-body-m-medium-font-weight);
  letter-spacing: var(--clark-type-body-m-medium-letter-spacing);
  line-height: var(--clark-type-body-m-medium-line-height);
}

.clark-type-body-s {
  font-family: var(--clark-type-body-s-regular-font-family);
  font-size: var(--clark-type-body-s-regular-font-size);
  font-style: normal;
  font-weight: var(--clark-type-body-s-regular-font-weight);
  letter-spacing: var(--clark-type-body-s-regular-letter-spacing);
  line-height: var(--clark-type-body-s-regular-line-height);
}

.clark-type-body-s-underline {
  font-family: var(--clark-type-body-s-regular-font-family);
  font-size: var(--clark-type-body-s-regular-font-size);
  font-style: normal;
  font-weight: var(--clark-type-body-s-regular-font-weight);
  letter-spacing: var(--clark-type-body-s-regular-letter-spacing);
  line-height: var(--clark-type-body-s-regular-line-height);
  text-decoration-line: underline;
}

.clark-type-body-s-medium {
  font-family: var(--clark-type-body-s-medium-font-family);
  font-size: var(--clark-type-body-s-medium-font-size);
  font-style: normal;
  font-weight: var(--clark-type-body-s-medium-font-weight);
  letter-spacing: var(--clark-type-body-s-medium-letter-spacing);
  line-height: var(--clark-type-body-s-medium-line-height);
}

.clark-type-body-s-medium-uppercase {
  font-family: var(--clark-type-body-s-medium-font-family);
  font-size: var(--clark-type-body-s-medium-font-size);
  font-style: normal;
  font-weight: var(--clark-type-body-s-medium-font-weight);
  letter-spacing: var(--clark-type-body-s-medium-letter-spacing);
  line-height: var(--clark-type-body-s-medium-line-height);
  text-transform: uppercase;
}

.clark-type-body-xs {
  font-family: var(--clark-type-body-xs-regular-font-family);
  font-size: var(--clark-type-body-xs-regular-font-size);
  font-style: normal;
  font-weight: var(--clark-type-body-xs-regular-font-weight);
  letter-spacing: var(--clark-type-body-xs-regular-letter-spacing);
  line-height: var(--clark-type-body-xs-regular-line-height);
}

.clark-type-body-xs-underline {
  font-family: var(--clark-type-body-xs-regular-font-family);
  font-size: var(--clark-type-body-xs-regular-font-size);
  font-style: normal;
  font-weight: var(--clark-type-body-xs-regular-font-weight);
  letter-spacing: var(--clark-type-body-xs-regular-letter-spacing);
  line-height: var(--clark-type-body-xs-regular-line-height);
  text-decoration-line: underline;
}

.clark-type-body-xs-medium {
  font-family: var(--clark-type-body-xs-medium-font-family);
  font-size: var(--clark-type-body-xs-medium-font-size);
  font-style: normal;
  font-weight: var(--clark-type-body-xs-medium-font-weight);
  letter-spacing: var(--clark-type-body-xs-medium-letter-spacing);
  line-height: var(--clark-type-body-xs-medium-line-height);
}

.clark-type-control-button-m {
  font-family: var(--clark-type-control-button-m-font-family);
  font-size: var(--clark-type-control-button-m-font-size);
  font-style: normal;
  font-weight: var(--clark-type-control-button-m-font-weight);
  letter-spacing: var(--clark-type-control-button-m-letter-spacing);
  line-height: var(--clark-type-control-button-m-line-height);
}

.clark-type-control-button-m-underline {
  font-family: var(--clark-type-control-button-m-font-family);
  font-size: var(--clark-type-control-button-m-font-size);
  font-style: normal;
  font-weight: var(--clark-type-control-button-m-font-weight);
  letter-spacing: var(--clark-type-control-button-m-letter-spacing);
  line-height: var(--clark-type-control-button-m-line-height);
  text-decoration-line: underline;
}

.clark-type-control-button-s {
  font-family: var(--clark-type-control-button-s-font-family);
  font-size: var(--clark-type-control-button-s-font-size);
  font-style: normal;
  font-weight: var(--clark-type-control-button-s-font-weight);
  letter-spacing: var(--clark-type-control-button-s-letter-spacing);
  line-height: var(--clark-type-control-button-s-line-height);
}

.clark-type-control-button-s-underline {
  font-family: var(--clark-type-control-button-s-font-family);
  font-size: var(--clark-type-control-button-s-font-size);
  font-style: normal;
  font-weight: var(--clark-type-control-button-s-font-weight);
  letter-spacing: var(--clark-type-control-button-s-letter-spacing);
  line-height: var(--clark-type-control-button-s-line-height);
  text-decoration-line: underline;
}





.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
          animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  background: #fff;
  -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
          box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
}
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}
.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}
.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
          animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}
.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
          box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}
.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}
.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  left: 22px;
}
.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}
.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}
.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}
.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}
.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}
.flatpickr-calendar:focus {
  outline: 0;
}
.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}
.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0,0,0,0.9);
  fill: rgba(0,0,0,0.9);
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: rgba(0,0,0,0.9);
  fill: rgba(0,0,0,0.9);
}
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}
.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
/*
      /*rtl:begin:ignore*/
/*
      */
  left: 0;
/*
      /*rtl:end:ignore*/
/*
      */
}
/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
/*
      /*rtl:begin:ignore*/
/*
      */
  right: 0;
/*
      /*rtl:end:ignore*/
/*
      */
}
/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}
.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}
.numInputWrapper {
  position: relative;
  height: auto;
}
.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}
.numInputWrapper input {
  width: 100%;
}
.numInputWrapper input::-ms-clear {
  display: none;
}
.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57,57,57,0.15);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.numInputWrapper span:hover {
  background: rgba(0,0,0,0.1);
}
.numInputWrapper span:active {
  background: rgba(0,0,0,0.2);
}
.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}
.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57,57,57,0.6);
  top: 26%;
}
.numInputWrapper span.arrowDown {
  top: 50%;
}
.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57,57,57,0.6);
  top: 40%;
}
.numInputWrapper span svg {
  width: inherit;
  height: auto;
}
.numInputWrapper span svg path {
  fill: rgba(0,0,0,0.5);
}
.numInputWrapper:hover {
  background: rgba(0,0,0,0.05);
}
.numInputWrapper:hover span {
  opacity: 1;
}
.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
}
.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}
.flatpickr-current-month span.cur-month:hover {
  background: rgba(0,0,0,0.05);
}
.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0;
  display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0,0,0,0.9);
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0,0,0,0.9);
}
.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0,0,0,0.5);
  background: transparent;
  pointer-events: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0,0,0,0.05);
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}
.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 28px;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0,0,0,0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-weight: bolder;
}
.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}
.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 307.875px;
}
.flatpickr-days:focus {
  outline: 0;
}
.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
          justify-content: space-around;
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}
.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #e6e6e6;
          box-shadow: -1px 0 0 #e6e6e6;
}
.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
      -ms-flex-preferred-size: 14.2857143%;
          flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}
.flatpickr-day.today {
  border-color: #959ea9;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #569ff7;
          box-shadow: -10px 0 0 #569ff7;
}
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}
.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
          box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57,57,57,0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(57,57,57,0.1);
}
.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
          box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}
.flatpickr-day.hidden {
  visibility: hidden;
}
.rangeMode .flatpickr-day {
  margin-top: 1px;
}
.flatpickr-weekwrapper {
  float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
          box-shadow: 1px 0 0 #e6e6e6;
}
.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57,57,57,0.3);
  background: transparent;
  cursor: default;
  border: none;
}
.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}
.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}
.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}
.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}
.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}
.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}
.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #eee;
}
.flatpickr-input[readonly] {
  cursor: pointer;
}
@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

:root {
  --brand-primary: #2b6cde;
  --brand-secondary: #17203d;
  --c-grey-light: #d6d6d6;
  --c-grey-lightest: #f6f6f6;
  --color-aqua: #75ddf2;
  --color-assure: #0439d7;
  --color-athens-gray: #f5f6fa;
  --color-black: #000;
  --color-border-base: #cfd3da;
  --color-border-faded: #daddec;
  --color-cardinal: #d51e50;
  --color-comet-gray: #575970;
  --color-deep-sky: #4a86d5;
  --color-lawn-green: #18c154;
  --color-mystic-gray: #cfd3da;
  --color-orchid-lila: #7056bc;
  --color-pale-navy: #daddec;
  --color-red-umbrella: #f26363;
  --color-rich-black: #01051c;
  --color-safety-blue: #080f8c;
  --color-silver-cup: #888da0;
  --color-summer-night: #203151;
  --color-tangerine: #f99400;
  --color-white: #fff;
  --cta: #2b6cde;
  --cta-hover: #094fcb;
  --cta-inactive: #bcd0f3;
  --dark-1: #1c222e;
  --dark-2: #17203d;
  --dark-3: #384255;
  --dark-4: #575970;
  --divider: #daddec;
  --font-family-base: "Cera Round Pro";
  --font-family-hero-header: "Tiempos Headline";
  --font-weight-body-1-base-desktop: 400;
  --font-weight-body-1-base-mobile: 400;
  --font-weight-body-1-medium-desktop: 500;
  --font-weight-body-1-medium-mobile: 500;
  --font-weight-body-2-base-desktop: 400;
  --font-weight-body-2-base-mobile: 400;
  --font-weight-body-2-medium-desktop: 500;
  --font-weight-body-2-medium-mobile: 500;
  --font-weight-body-3-base-desktop: 400;
  --font-weight-body-3-base-mobile: 400;
  --font-weight-body-3-medium-desktop: 500;
  --font-weight-body-3-medium-mobile: 500;
  --font-weight-header-1-desktop: 500;
  --font-weight-header-1-mobile: 500;
  --font-weight-header-2-desktop: 500;
  --font-weight-header-2-mobile: 500;
  --font-weight-header-3-desktop: 500;
  --font-weight-header-3-mobile: 500;
  --font-weight-hero-header-desktop: 600;
  --font-weight-hero-header-mobile: 600;
  --font-weight-intro-header-desktop: 700;
  --font-weight-intro-header-mobile: 700;
  --grey-1: #717582;
  --grey-2: #adb0bb;
  --grey-3: #bbb;
  --grey-4: #f6f6f6;
  --grey-5: #666;
  --grey-6: #9b9b9b;
  --grey-7: #ececec;
  --grey-8: #979797;
  --grey-9: #d4d0d0;
  --header-active-fg: #0439d7;
  --header-border: #daddec;
  --header-decent-bg: #f5f6fa;
  --header-decent-link-fg: #283e66;
  --header-link-fg: #17203d;
  --height-line-body-1-base-desktop: 24px;
  --height-line-body-1-base-mobile: 22px;
  --height-line-body-1-medium-desktop: 24px;
  --height-line-body-1-medium-mobile: 22px;
  --height-line-body-2-base-desktop: 18px;
  --height-line-body-2-base-mobile: 18px;
  --height-line-body-2-medium-desktop: 18px;
  --height-line-body-2-medium-mobile: 18px;
  --height-line-body-3-base-desktop: 18px;
  --height-line-body-3-base-mobile: 16px;
  --height-line-body-3-medium-desktop: 18px;
  --height-line-body-3-medium-mobile: 16px;
  --height-line-header-1-desktop: 36px;
  --height-line-header-1-mobile: 26px;
  --height-line-header-2-desktop: 30px;
  --height-line-header-2-mobile: 26px;
  --height-line-header-3-desktop: 24px;
  --height-line-header-3-mobile: 24px;
  --height-line-hero-header-desktop: 48px;
  --height-line-hero-header-mobile: 38px;
  --height-line-hero-header-small-desktop: 36px;
  --height-line-hero-header-small-mobile: 26px;
  --light-bg: #f5f6fa;
  --radius-border-base: 4px;
  --radius-border-large: 6px;
  --radius-border-largest: 8px;
  --shadow-box-base: 0px 2px 2px rgb(173 182 217 / 50%);
  --shadow-box-card-base: 0 1px 1px 0 #daddec;
  --shadow-box-card-hover: 0 2px 6px 0 #daddec;
  --shadow-box-overlay: 0px 5px 10px rgb(173 182 217 / 40%);
  --size-border-base: 1px;
  --size-border-thick: 2px;
  --size-font-body-1-base-desktop: 16px;
  --size-font-body-1-base-mobile: 14px;
  --size-font-body-1-medium-desktop: 16px;
  --size-font-body-1-medium-mobile: 14px;
  --size-font-body-2-base-desktop: 14px;
  --size-font-body-2-base-mobile: 12px;
  --size-font-body-2-medium-desktop: 14px;
  --size-font-body-2-medium-mobile: 12px;
  --size-font-body-3-base-desktop: 12px;
  --size-font-body-3-base-mobile: 10px;
  --size-font-body-3-medium-desktop: 12px;
  --size-font-body-3-medium-mobile: 10px;
  --size-font-header-1-desktop: 28px;
  --size-font-header-1-mobile: 22px;
  --size-font-header-2-desktop: 22px;
  --size-font-header-2-mobile: 18px;
  --size-font-header-3-desktop: 18px;
  --size-font-header-3-mobile: 16px;
  --size-font-hero-header-desktop: 36px;
  --size-font-hero-header-mobile: 28px;
  --size-font-hero-header-small-desktop: 28px;
  --size-font-hero-header-small-mobile: 22px;
  --size-spacing-base: 16px;
  --size-spacing-extra-loose: 48px;
  --size-spacing-extra-tight: 8px;
  --size-spacing-loose: 32px;
  --size-spacing-loosest: 64px;
  --size-spacing-none: 0px;
  --size-spacing-slight: 24px;
  --size-spacing-tight: 12px;
  --size-spacing-tightest: 4px;
  --time-transition-base: 0.2s;
  --time-transition-fast: 0.1s;
  --time-transition-slow: 0.3s;
  --typo-dark: #283e66;
}

:root {
  --typography-muted: #878a93;
  --typography-main: #222326;
  --typography-subtle: #5e6067;
  --shape-stroke-information-style: solid;
  --shape-stroke-information-width: 1px;
  --shape-stroke-information-color: #d8dade;
  --shape-shadow-window:
    0 8px 8px 0 rgb(33 37 41 / 4%), 0 24px 19px 0 rgb(33 37 41 / 10%);
  --shape-shadow-popover:
    0 4px 5px 0 rgb(33 37 41 / 5%), 0 4px 12px 0 rgb(33 37 41 / 10%);
  --shape-shadow-container:
    0 2px 5px 0 rgb(33 37 41 / 5%), 0 2px 6px 0 rgb(33 37 41 / 4%);
  --shape-shadow-action:
    0 0.75px 2.25px 0 rgb(33 37 41 / 10%), 0 0.75px 1.5px 0 rgb(33 37 41 / 6%);
  --surface-container1: #f2f7ff;
  --surface-container: #fff;
  --surface-base: #f5f6fa;
  --intent-danger-plain-disabled-border: #fff;
  --intent-danger-plain-disabled-text: #5e6067;
  --intent-danger-plain-disabled-background: #fff;
  --intent-danger-plain-active-border: #fff;
  --intent-danger-plain-active-text: #91020e;
  --intent-danger-plain-active-background: #fff;
  --intent-danger-plain-hover-border: #fff;
  --intent-danger-plain-hover-text: #9d0714;
  --intent-danger-plain-hover-background: #fff;
  --intent-danger-plain-base-border: #fff;
  --intent-danger-plain-base-text: #a90e1c;
  --intent-danger-plain-base-background: #fff;
  --intent-danger-muted-disabled-text: #b61928;
  --intent-danger-muted-disabled-background: #e5e6e9;
  --intent-danger-muted-active-text: #b61928;
  --intent-danger-muted-active-background: #f3bbc4;
  --intent-danger-muted-hover-text: #b61928;
  --intent-danger-muted-hover-background: #f9d6dc;
  --intent-danger-muted-base-text: #b61928;
  --intent-danger-muted-base-background: #fff2f4;
  --intent-danger-subtle-disabled-border: #e5e6e9;
  --intent-danger-subtle-disabled-text: #c22a3a;
  --intent-danger-subtle-disabled-background: #fff;
  --intent-danger-subtle-active-text: #fff;
  --intent-danger-subtle-active-background: #91020e;
  --intent-danger-subtle-hover-text: #fff;
  --intent-danger-subtle-hover-background: #9d0714;
  --intent-danger-subtle-base-border: #a90e1c;
  --intent-danger-subtle-base-text: #a90e1c;
  --intent-danger-subtle-base-background: #fff;
  --intent-danger-supreme-disabled-text: #c22a3a;
  --intent-danger-supreme-disabled-background: #e5e6e9;
  --intent-danger-supreme-active-text: #fff;
  --intent-danger-supreme-active-background: #91020e;
  --intent-danger-supreme-hover-text: #fff;
  --intent-danger-supreme-hover-background: #9d0714;
  --intent-danger-supreme-base-text: #fff;
  --intent-danger-supreme-base-background: #a90e1c;
  --intent-action-plain-disabled-border: #fff;
  --intent-action-plain-disabled-text: #5e6067;
  --intent-action-plain-disabled-background: #fff;
  --intent-action-plain-active-border: #fff;
  --intent-action-plain-active-text: #00148a;
  --intent-action-plain-active-background: #fff;
  --intent-action-plain-hover-border: #fff;
  --intent-action-plain-hover-text: #001da4;
  --intent-action-plain-hover-background: #fff;
  --intent-action-plain-base-border: #fff;
  --intent-action-plain-base-text: #0439d7;
  --intent-action-plain-base-background: #fff;
  --intent-action-muted-disabled-text: #5e6067;
  --intent-action-muted-disabled-background: #e5e6e9;
  --intent-action-muted-active-text: #0439d7;
  --intent-action-muted-active-background: #bbd0fc;
  --intent-action-muted-hover-text: #0439d7;
  --intent-action-muted-hover-background: #d6e3fe;
  --intent-action-muted-base-text: #0439d7;
  --intent-action-muted-base-background: #f2f7ff;
  --intent-action-subtle-disabled-border: #e5e6e9;
  --intent-action-subtle-disabled-text: #5e6067;
  --intent-action-subtle-disabled-background: #fff;
  --intent-action-subtle-active-text: #fff;
  --intent-action-subtle-active-background: #00148a;
  --intent-action-subtle-hover-text: #fff;
  --intent-action-subtle-hover-background: #001da4;
  --intent-action-subtle-base-border: #0439d7;
  --intent-action-subtle-base-text: #0439d7;
  --intent-action-subtle-base-background: #fff;
  --intent-action-supreme-disabled-text: #5e6067;
  --intent-action-supreme-disabled-background: #e5e6e9;
  --intent-action-supreme-active-text: #fff;
  --intent-action-supreme-active-background: #00148a;
  --intent-action-supreme-hover-text: #fff;
  --intent-action-supreme-hover-background: #001da4;
  --intent-action-supreme-base-text: #fff;
  --intent-action-supreme-base-background: #0439d7;
  --indicator-warning-plain-border: #fff;
  --indicator-warning-plain-text: #996b00;
  --indicator-warning-plain-background: #fff;
  --indicator-warning-subtle-border: #d6a641;
  --indicator-warning-subtle-text: #996b00;
  --indicator-warning-subtle-background: #fae9cc;
  --indicator-warning-supreme-border: #b8840e;
  --indicator-warning-supreme-text: #fff;
  --indicator-warning-supreme-background: #b8840e;
  --indicator-success-plain-border: #fff;
  --indicator-success-plain-text: #096734;
  --indicator-success-plain-background: #fff;
  --indicator-success-subtle-border: #36a868;
  --indicator-success-subtle-text: #096734;
  --indicator-success-subtle-background: #d2f4e0;
  --indicator-success-supreme-border: #209353;
  --indicator-success-supreme-text: #fff;
  --indicator-success-supreme-background: #209353;
  --indicator-info-plain-border: #fff;
  --indicator-info-plain-text: #0028bd;
  --indicator-info-plain-background: #fff;
  --indicator-info-subtle-border: #3564e8;
  --indicator-info-subtle-text: #0028bd;
  --indicator-info-subtle-background: #d6e3fe;
  --indicator-info-supreme-border: #0028bd;
  --indicator-info-supreme-text: #fff;
  --indicator-info-supreme-background: #0028bd;
  --indicator-error-plain-border: #fff;
  --indicator-error-plain-text: #a90e1c;
  --indicator-error-plain-background: #fff;
  --indicator-error-subtle-border: #ce4251;
  --indicator-error-subtle-text: #a90e1c;
  --indicator-error-subtle-background: #f9d6dc;
  --indicator-error-supreme-border: #a90e1c;
  --indicator-error-supreme-text: #fff;
  --indicator-error-supreme-background: #a90e1c;
  --decorations-notification: #c22a3a;
  --control-border-style: solid;
  --control-border-width: 2px;
  --control-disabled-background: #f2f2f4;
  --control-hover-background: #f2f7ff;
  --control-selected-background: #f2f7ff;
  --control-focus-stroke-offset: 0;
  --control-focus-stroke-style: solid;
  --control-focus-stroke-width: 2px;
  --control-focus-stroke-color: #0028bd;
  --control-accent: #0028bd;
  --control-background: #fff;
  --control-border-color: #d8dade;
  --shape-radius-container-nested: var(--s-3);
  --shape-radius-container: var(--s-2);
  --shape-radius-primitive: var(--s-3);
  --surface-window: var(--surface-container);
  --surface-popover: var(--surface-container);
  --spacing-container-gap-inline4: var(--s2);
  --spacing-container-gap-inline3: var(--s1);
  --spacing-container-gap-block4: var(--s4);
  --spacing-container-gap-block3: var(--s3);
  --spacing-container-gap-block2: var(--s2);
  --spacing-container-gap-inline-2: var(--s-4);
  --spacing-container-padding4: var(--s4);
  --spacing-container-padding3: var(--s3);
  --spacing-container-padding2: var(--s2);
  --spacing-container-padding-4: var(--s-4);
  --spacing-container-padding-3: var(--s-3);
  --spacing-container-gap-block-4: var(--s-4);
  --spacing-container-gap-block-3: var(--s-3);
  --spacing-container-gap-block-2: var(--s-2);
  --spacing-container-padding-2: var(--s-2);
  --spacing-container-gap-inline2: var(--s0);
  --spacing-container-gap-block1: var(--s1);
  --spacing-container-gap-block0: var(--s0);
  --spacing-container-gap-block-1: var(--s-1);
  --spacing-container-gap-inline1: var(--s-1);
  --spacing-container-gap-inline0: var(--s-2);
  --spacing-container-gap-inline-1: var(--s-3);
  --spacing-container-padding1: var(--s1);
  --spacing-container-padding0: var(--s0);
  --spacing-container-padding-1: var(--s-1);
  --spacing-primitive-gap2: var(--ls0);
  --spacing-primitive-gap-2: var(--ls-4);
  --spacing-primitive-padding-4: var(--ls-4);
  --spacing-primitive-padding-3: var(--ls-3);
  --spacing-primitive-padding-2: var(--ls-2);
  --spacing-primitive-padding4: var(--ls4);
  --spacing-primitive-padding3: var(--ls3);
  --spacing-primitive-padding2: var(--ls2);
  --spacing-primitive-gap1: var(--ls-1);
  --spacing-primitive-gap0: var(--ls-2);
  --spacing-primitive-gap-1: var(--ls-3);
  --spacing-primitive-padding1: var(--ls1);
  --spacing-primitive-padding-1: var(--ls-1);
  --spacing-primitive-padding0: var(--ls0);
  --intent-danger-muted-disabled-border: var(
    --intent-danger-muted-disabled-background
  );
  --intent-danger-muted-active-border: var(
    --intent-danger-muted-active-background
  );
  --intent-danger-muted-hover-border: var(
    --intent-danger-muted-hover-background
  );
  --intent-danger-muted-base-border: var(--intent-danger-muted-base-background);
  --intent-danger-subtle-active-border: var(
    --intent-danger-subtle-active-background
  );
  --intent-danger-subtle-hover-border: var(
    --intent-danger-subtle-hover-background
  );
  --intent-danger-supreme-disabled-border: var(
    --intent-danger-supreme-disabled-background
  );
  --intent-danger-supreme-active-border: var(
    --intent-danger-supreme-active-background
  );
  --intent-danger-supreme-hover-border: var(
    --intent-danger-supreme-hover-background
  );
  --intent-danger-supreme-base-border: var(
    --intent-danger-supreme-base-background
  );
  --intent-action-muted-disabed-border: var(
    --intent-action-muted-disabled-background
  );
  --intent-action-muted-disabled-border: var(
    --intent-action-muted-disabled-background
  );
  --intent-action-muted-active-border: var(
    --intent-action-muted-active-background
  );
  --intent-action-muted-hover-border: var(
    --intent-action-muted-hover-background
  );
  --intent-action-muted-base-border: var(--intent-action-muted-base-background);
  --intent-action-subtle-active-border: var(
    --intent-action-subtle-active-background
  );
  --intent-action-subtle-hover-border: var(
    --intent-action-subtle-hover-background
  );
  --intent-action-supreme-disabled-border: var(
    --intent-action-supreme-disabled-background
  );
  --intent-action-supreme-active-border: var(
    --intent-action-supreme-active-background
  );
  --intent-action-supreme-hover-border: var(
    --intent-action-supreme-hover-background
  );
  --intent-action-supreme-base-border: var(
    --intent-action-supreme-base-background
  );
  --control-disabled-text: var(--typography-subtle);
  --control-placeholder: var(--typography-muted);
  --control-text: var(--typography-main);
  --sizing-global-base: 16px;
  --sizing-local-base: 1em;
  --s-4: calc(var(--sizing-global-base) * 0.125);
  --s-3: calc(var(--sizing-global-base) * 0.25);
  --s-2: calc(var(--sizing-global-base) * 0.5);
  --s-1: calc(var(--sizing-global-base) * 0.75);
  --s0: var(--sizing-global-base);
  --s1: calc(var(--sizing-global-base) * 1.25);
  --s2: calc(var(--sizing-global-base) * 1.5);
  --s3: calc(var(--sizing-global-base) * 2);
  --s4: calc(var(--sizing-global-base) * 3);
  --ls-4: calc(var(--sizing-local-base) * 0.125);
  --ls-3: calc(var(--sizing-local-base) * 0.25);
  --ls-2: calc(var(--sizing-local-base) * 0.5);
  --ls-1: calc(var(--sizing-local-base) * 0.75);
  --ls0: var(--sizing-local-base);
  --ls1: calc(var(--sizing-local-base) * 1.25);
  --ls2: calc(var(--sizing-local-base) * 1.5);
  --ls3: calc(var(--sizing-local-base) * 2);
  --ls4: calc(var(--sizing-local-base) * 3);
  --shape-stroke-information: var(--shape-stroke-information-width)
    var(--shape-stroke-information-style) var(--shape-stroke-information-color);
  --control-border: var(--control-border-width) var(--control-border-style)
    var(--control-border-color);
  --control-focus-stroke: var(--control-focus-stroke-style)
    var(--control-focus-stroke-width) var(--control-focus-stroke-color);

  color: var(--typography-main);
  font-family: "Cera Round Pro", sans-serif;
  font-size: var(--sizing-global-base);
  line-height: 1.25;
}



.ember-basic-dropdown {
  position: relative;
}

.ember-basic-dropdown,
.ember-basic-dropdown-content,
.ember-basic-dropdown-content * {
  box-sizing: border-box;
}

.ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 1000;
  background-color: #fff;
}

.ember-basic-dropdown-content--left {
  left: 0;
}

.ember-basic-dropdown-content--right {
  right: 0;
}

.ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none;
}

.ember-basic-dropdown-content-wormhole-origin {
  display: inline;
}
.container-query {
  height: 100%;
  width: 100%;
}
.ember-basic-dropdown {
  position: relative;
}

.ember-basic-dropdown,
.ember-basic-dropdown-content,
.ember-basic-dropdown-content * {
  box-sizing: border-box;
}

.ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 1000;
  background-color: #ffffff;
}

.ember-basic-dropdown-content--left {
  left: 0;
}

.ember-basic-dropdown-content--right {
  right: 0;
}

.ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none;
}

.ember-basic-dropdown-content-wormhole-origin {
  display: inline;
}

.ember-power-select-dropdown * {
  box-sizing: border-box;
}

.ember-power-select-trigger {
  position: relative;
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  border-radius: 4px;
  background-color: #ffffff;
  line-height: 1.75;
  overflow-x: hidden;
  text-overflow: ellipsis;
  min-height: 1.75em;
  user-select: none;
  -webkit-user-select: none;
  color: inherit;
  /* Minimum clearfix for modern browsers */
}
.ember-power-select-trigger:after {
  content: "";
  display: table;
  clear: both;
}
.ember-power-select-trigger .ember-power-select-input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.ember-power-select-trigger:focus,
.ember-power-select-trigger--active {
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  box-shadow: none;
}

.ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded=true],
.ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded=true] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded=true] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ember-power-select-placeholder {
  color: #999999;
  display: block;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ember-power-select-status-icon {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-style: solid;
  border-width: 7px 4px 0 4px;
  border-color: #aaaaaa transparent transparent transparent;
}
.ember-basic-dropdown-trigger[aria-expanded=true] .ember-power-select-status-icon {
  transform: rotate(180deg);
}

.ember-power-select-clear-btn {
  position: absolute;
  cursor: pointer;
}

.ember-power-select-multiple-options {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
}
.ember-power-select-multiple-options li.ember-power-select-trigger-multiple-input-container {
  flex-grow: 1;
  display: flex;
}
.ember-power-select-multiple-options li.ember-power-select-trigger-multiple-input-container input {
  flex-grow: 1;
}

.ember-power-select-trigger-multiple-input {
  font-family: inherit;
  font-size: inherit;
  border: none;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  background-color: transparent;
  text-indent: 2px;
  /* There's a browser bug where this selectos cannot be chained with commas */
}
.ember-power-select-trigger-multiple-input:disabled {
  background-color: #eeeeee;
}
.ember-power-select-trigger-multiple-input::placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-webkit-input-placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-moz-placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-ms-input-placeholder {
  opacity: 1;
  color: #999999;
}

.ember-power-select-multiple-option {
  border: 1px solid gray;
  border-radius: 4px;
  color: #333333;
  background-color: #e4e4e4;
  padding: 0 4px;
  line-height: 1.45;
  margin: 2px 0 2px 3px;
}

.ember-power-select-multiple-remove-btn {
  cursor: pointer;
}
.ember-power-select-multiple-remove-btn:not(:hover) {
  opacity: 0.5;
}

.ember-power-select-search {
  padding: 4px;
}

.ember-power-select-search-input {
  border: 1px solid #aaaaaa;
  border-radius: 0;
  width: 100%;
  font-size: inherit;
  line-height: inherit;
  padding: 0 5px;
}
.ember-power-select-search-input:focus {
  border: 1px solid #aaaaaa;
  box-shadow: none;
}

.ember-power-select-search-input-field {
  width: 100%;
  height: 100%;
  padding: 0 8px;
  font-family: inherit;
  font-size: inherit;
  border: none;
  display: block;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  background-color: transparent;
}

.ember-power-select-dropdown {
  border-left: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  line-height: 1.75;
  border-radius: 4px;
  box-shadow: none;
  overflow: hidden;
  color: inherit;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--above {
  border-top: 1px solid #aaaaaa;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--below,
.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  border-top: none;
  border-bottom: 1px solid #aaaaaa;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  width: 100%;
}

.ember-power-select-options {
  list-style: none;
  margin: 0;
  padding: 0;
  user-select: none;
  -webkit-user-select: none;
}
.ember-power-select-options[role=listbox] {
  overflow-y: auto; /* in firefox in windows this can cause a word-break issue. Try `overflow-y: scroll` if that happens */
  -webkit-overflow-scrolling: touch;
  max-height: 12.25em;
}

.ember-power-select-option {
  cursor: pointer;
  padding: 0 8px;
}

.ember-power-select-group[aria-disabled=true] {
  color: #999999;
  cursor: not-allowed;
}

.ember-power-select-group[aria-disabled=true] .ember-power-select-option,
.ember-power-select-option[aria-disabled=true] {
  color: #999999;
  pointer-events: none;
  cursor: not-allowed;
}

.ember-power-select-option[aria-selected=true] {
  background-color: #dddddd;
}

.ember-power-select-option[aria-current=true] {
  background-color: #5897fb;
  color: #ffffff;
}

.ember-power-select-group-name {
  cursor: default;
  font-weight: bold;
}

.ember-power-select-trigger[aria-disabled=true] {
  background-color: #eeeeee;
}

.ember-power-select-trigger {
  padding: 0 16px 0 0;
}

.ember-power-select-selected-item,
.ember-power-select-placeholder {
  margin-left: 8px;
}

.ember-power-select-status-icon {
  right: 5px;
}

.ember-power-select-clear-btn {
  right: 25px;
}

.ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-left: 24px;
}
.ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-left: 40px;
}
.ember-power-select-group .ember-power-select-option {
  padding-left: 24px;
}
.ember-power-select-group .ember-power-select-group-name {
  padding-left: 8px;
}

.ember-power-select-trigger[dir=rtl] {
  padding: 0 0 0 16px;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-selected-item,
.ember-power-select-trigger[dir=rtl] .ember-power-select-placeholder {
  margin-right: 8px;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-multiple-option {
  float: right;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-trigger-multiple-input {
  float: right;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-status-icon {
  left: 5px;
  right: initial;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-clear-btn {
  left: 25px;
  right: initial;
}

.ember-power-select-visually-hidden {
  height: 1px;
  left: -9999px;
  overflow: hidden;
  position: absolute;
  width: 1px;
}

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-right: 24px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-right: 40px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-option {
  padding-right: 24px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group-name {
  padding-right: 8px;
}
