/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
@layer properties {
  /** @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or
    ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *,
    :before,
    :after,
    ::backdrop {
      --tw-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
    }
  } */
}
@layer theme {
  :root,
  :host {
    --font-sans: 'AvenirNextPro', sans-serif;
    --font-serif: 'Quador', serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
      'Liberation Mono', 'Courier New', monospace;
    --color-red-200: #e08692;
    --color-red-300: #d56f7d;
    --color-red-400: #c95665;
    --color-red-500: #bd3c4d;
    --color-yellow-500: oklch(79.5% 0.184 86.047);
    --color-green-500: #65bd53;
    --color-blue-100: #f5f9fc;
    --color-blue-200: #dfecf5;
    --color-blue-300: #b1cfe5;
    --color-blue-400: #84b3d5;
    --color-blue-500: #287ab5;
    --color-blue-600: #005a9c;
    --color-blue-700: #024b80;
    --color-blue-800: #012a48;
    --color-blue-900: #042138;
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-neutral-100: #fff;
    --color-neutral-200: #f9f9f9;
    --color-neutral-300: #f2f2f2;
    --color-neutral-400: #c5c5c5;
    --color-neutral-500: #979797;
    --color-neutral-600: #6b6b6b;
    --color-neutral-700: #404040;
    --color-neutral-800: #262626;
    --color-neutral-900: #070707;
    --color-white: #fff;
    --spacing: 0.25rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: 1.5;
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: 1.2;
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --text-7xl: 4.5rem;
    --text-7xl--line-height: 1;
    --text-8xl: 6rem;
    --text-8xl--line-height: 1;
    --text-9xl: 8rem;
    --text-9xl--line-height: 1;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-white-10: #ffffff1a;
    --color-white-15: #ffffff26;
    --color-white-20: #fff3;
    --color-white-100: #fff;
    --color-black-5: #0000000d;
    --color-black-10: #0000001a;
    --color-black-15: #00000026;
    --color-black-100: #000;
    --color-text-primary: light-dark(
      var(--color-neutral-900),
      var(--color-neutral-100)
    );
    --color-text-secondary: light-dark(
      var(--color-neutral-700),
      var(--color-neutral-400)
    );
    --color-input-bg: light-dark(
      var(--color-white-100),
      var(--color-neutral-800)
    );
    --color-input-stroke: light-dark(
      var(--color-black-10),
      var(--color-white-10)
    );
    --color-input-text-value: light-dark(
      var(--color-neutral-700),
      var(--color-neutral-200)
    );
    --color-input-text-placeholder: var(--color-neutral-500);
    --color-input-text-label: light-dark(
      var(--color-neutral-700),
      var(--color-neutral-300)
    );
    --color-input-text-helper: light-dark(
      var(--color-neutral-600),
      var(--color-neutral-400)
    );
    --color-input-stroke-active: light-dark(
      var(--color-blue-200),
      var(--color-blue-400)
    );
    --color-input-stroke-error: light-dark(
      var(--color-red-200),
      var(--color-red-300)
    );
    --color-input-text-value-disabled: var(--color-neutral-500);
    --color-input-text-label-disabled: var(--color-neutral-500);
    --color-select-child-bg-active: light-dark(
      var(--color-neutral-200),
      var(--color-neutral-700)
    );
    --color-select-child-bg-inactive: light-dark(
      var(--color-white-100),
      var(--color-neutral-800)
    );
    --color-checkbox-bg-checked: light-dark(
      var(--color-neutral-800),
      var(--color-neutral-100)
    );
    --color-checkbox-bg-unchecked: light-dark(
      var(--color-white-100),
      var(--color-neutral-800)
    );
    --color-checkbox-stroke: light-dark(
      var(--color-neutral-400),
      var(--color-neutral-700)
    );
    --color-checkbox-bg-disabled: light-dark(
      var(--color-neutral-200),
      var(--color-neutral-900)
    );
    --color-checkbox-stroke-disabled: light-dark(
      var(--color-neutral-400),
      var(--color-neutral-800)
    );
    --color-checkbox-title-disabled: var(--color-neutral-500);
    --color-checkbox-subtitle-disabled: var(--color-neutral-500);
    --color-button-primary-bg: var(--color-blue-500);
    --color-button-primary-bg--hover: var(--color-blue-600);
    --color-button-primary-bg--active: var(--color-blue-700);
    --color-button-primary-bg--disabled: light-dark(
      var(--color-blue-100),
      var(--color-blue-900)
    );
    --color-button-primary-text: var(--color-neutral-100);
    --color-button-primary-text--disabled: light-dark(
      var(--color-blue-300),
      var(--color-blue-700)
    );
    --color-button-secondary-bg: light-dark(
      var(--color-neutral-400),
      var(--color-neutral-600)
    );
    --color-button-secondary-bg--hover: light-dark(
      var(--color-neutral-500),
      var(--color-neutral-700)
    );
    --color-button-secondary-bg--active: light-dark(
      var(--color-neutral-600),
      var(--color-neutral-800)
    );
    --color-button-secondary-text: light-dark(
      var(--color-neutral-700),
      var(--color-neutral-100)
    );
    --color-button-secondary-text--hover: var(--color-neutral-100);
    --color-button-secondary-text--disabled: light-dark(
      var(--color-neutral-500),
      var(--color-neutral-600)
    );
    --color-button-stroke-border: light-dark(
      var(--color-neutral-400),
      var(--color-neutral-600)
    );
    --color-button-stroke-border--hover: var(--color-neutral-500);
    --color-button-stroke-border--active: light-dark(
      var(--color-neutral-600),
      var(--color-neutral-400)
    );
    --color-button-stroke-text: light-dark(
      var(--color-neutral-600),
      var(--color-neutral-300)
    );
    --color-button-stroke-text--disabled: light-dark(
      var(--color-neutral-400),
      var(--color-neutral-600)
    );
    --color-button-invisible-text: light-dark(
      var(--color-neutral-700),
      var(--color-neutral-100)
    );
    --color-button-invisible-text--hover: light-dark(
      var(--color-neutral-800),
      var(--color-neutral-200)
    );
    --color-button-invisible-text--active: light-dark(
      var(--color-neutral-900),
      var(--color-neutral-300)
    );
    --color-button-invisible-text--disabled: var(--color-neutral-500);
    --color-badge-default-bg: light-dark(
      var(--color-neutral-700),
      var(--color-neutral-200)
    );
    --color-badge-default-text: light-dark(
      var(--color-neutral-200),
      var(--color-neutral-700)
    );
    --color-badge-secondary-bg: light-dark(
      var(--color-black-5),
      var(--color-neutral-700)
    );
    --color-badge-secondary-text: light-dark(
      var(--color-neutral-700),
      var(--color-neutral-200)
    );
    --color-badge-destructive-bg: var(--color-red-500);
    --color-badge-destructive-text: var(--color-neutral-100);
    --color-badge-outline-bg: var(--color-neutral-600);
    --color-badge-outline-text: light-dark(
      var(--color-neutral-700),
      var(--color-neutral-200)
    );
    --color-table-cell-odd-bg: light-dark(
      var(--color-neutral-100),
      var(--color-white-10)
    );
    --color-table-cell-even-bg: light-dark(
      var(--color-neutral-200),
      var(--color-white-15)
    );
    --color-table-cell-border: light-dark(
      var(--color-neutral-300),
      var(--color-neutral-700)
    );
    --color-sidebar-border: light-dark(
      var(--color-black-10),
      var(--color-white-20)
    );
    --color-nav-bg--active: light-dark(
      var(--color-blue-200),
      var(--color-neutral-600)
    );
    --color-nav-text--active: light-dark(
      var(--color-blue-800),
      var(--color-blue-100)
    );
    --color-nav-text--inactive: light-dark(
      var(--color-neutral-700),
      var(--color-neutral-200)
    );
    --color-cta-bg-gradient-top: var(--color-blue-500);
    --color-cta-bg-gradient-bottom: var(--color-blue-600);
    --color-cta-text-title: var(--color-neutral-100);
    --color-cta-text-desc: var(--color-blue-200);
    --color-card-border: light-dark(
      var(--color-black-10),
      var(--color-white-20)
    );
    --color-card-bg-gradient-top: light-dark(
      var(--color-neutral-100),
      var(--color-neutral-700)
    );
    --color-card-bg-gradient-bottom: light-dark(
      var(--color-neutral-200),
      var(--color-neutral-700)
    );
  }
}
@layer base {
  *,
  :after,
  :before,
  ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }
  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }
  html,
  :host {
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(
      --default-font-family,
      ui-sans-serif,
      system-ui,
      sans-serif,
      'Apple Color Emoji',
      'Segoe UI Emoji',
      'Segoe UI Symbol',
      'Noto Color Emoji'
    );
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  samp,
  pre {
    font-family: var(
      --default-mono-font-family,
      ui-monospace,
      SFMono-Regular,
      Menlo,
      Monaco,
      Consolas,
      'Liberation Mono',
      'Courier New',
      monospace
    );
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(
      --default-mono-font-variation-settings,
      normal
    );
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol,
  ul,
  menu {
    list-style: none;
  }
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    vertical-align: middle;
    display: block;
  }
  img,
  video {
    max-width: 100%;
    height: auto;
  }
  button,
  input,
  select,
  optgroup,
  textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }
  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::-moz-placeholder {
    opacity: 1;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button)) or
    (contain-intrinsic-size: 1px) {
    ::-moz-placeholder {
      color: currentColor;
    }
    ::placeholder {
      color: currentColor;
    }
    @supports (color: color-mix(in lab, red, red)) {
      ::-moz-placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button,
  input:where([type='button'], [type='reset'], [type='submit']) {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
  }
  ::file-selector-button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
  }
  ::-webkit-inner-spin-button {
    height: auto;
  }
  ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden='until-found'])) {
    display: none !important;
  }
}
@layer components;
@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }
  .invisible {
    visibility: hidden;
  }
  .absolute {
    position: absolute;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .right-4 {
    right: calc(var(--spacing) * 4);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .container {
    width: 100%;
  }
  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }
  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }
  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }
  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }
  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }
  .m-1 {
    margin: calc(var(--spacing) * 1);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }
  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }
  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mr-4 {
    margin-right: calc(var(--spacing) * 4);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .hidden {
    display: none;
  }
  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
  .size-12\.5 {
    width: calc(var(--spacing) * 12.5);
    height: calc(var(--spacing) * 12.5);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-40 {
    height: calc(var(--spacing) * 40);
  }
  .h-200 {
    height: calc(var(--spacing) * 200);
  }
  .h-auto {
    height: auto;
  }
  .h-full {
    height: 100%;
  }
  .w-\(--button-width\) {
    width: var(--button-width);
  }
  .w-30 {
    width: calc(var(--spacing) * 30);
  }
  .w-50 {
    width: calc(var(--spacing) * 50);
  }
  .w-60 {
    width: calc(var(--spacing) * 60);
  }
  .w-100 {
    width: calc(var(--spacing) * 100);
  }
  .w-200 {
    width: calc(var(--spacing) * 200);
  }
  .w-full {
    width: 100%;
  }
  .max-w-140 {
    max-width: calc(var(--spacing) * 140);
  }
  .max-w-full {
    max-width: 100%;
  }
  .flex-0 {
    flex: 0;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-2 {
    flex: 2;
  }
  .flex-auto {
    flex: auto;
  }
  .flex-none {
    flex: none;
  }
  .grow {
    flex-grow: 1;
  }
  .border-separate {
    border-collapse: separate;
  }
  .border-spacing-0 {
    --tw-border-spacing-x: calc(var(--spacing) * 0);
    --tw-border-spacing-y: calc(var(--spacing) * 0);
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .place-content-between {
    place-content: space-between;
  }
  .items-center {
    align-items: center;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .gap-0 {
    gap: calc(var(--spacing) * 0);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-x-2 {
    -moz-column-gap: calc(var(--spacing) * 2);
    column-gap: calc(var(--spacing) * 2);
  }
  .overflow-clip {
    overflow: clip;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-sm {
    border-radius: var(--radius-sm);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .rounded-tl-md {
    border-top-left-radius: var(--radius-md);
  }
  .rounded-tr-md {
    border-top-right-radius: var(--radius-md);
  }
  .rounded-br-md {
    border-bottom-right-radius: var(--radius-md);
  }
  .rounded-bl-md {
    border-bottom-left-radius: var(--radius-md);
  }
  .border-1 {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-t-1 {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-b-1 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-badge-outline-bg {
    border-color: var(--color-badge-outline-bg);
  }
  .border-button-stroke-border {
    border-color: var(--color-button-stroke-border);
  }
  .border-card-border {
    border-color: var(--color-card-border);
  }
  .border-gray-200 {
    border-color: var(--color-gray-200);
  }
  .border-input-stroke {
    border-color: var(--color-input-stroke);
  }
  .border-input-text-label-disabled {
    border-color: var(--color-input-text-label-disabled);
  }
  .border-sidebar-border {
    border-color: var(--color-sidebar-border);
  }
  .border-transparent {
    border-color: #0000;
  }
  .border-t-table-cell-border {
    border-top-color: var(--color-table-cell-border);
  }
  .border-b-table-cell-border {
    border-bottom-color: var(--color-table-cell-border);
  }
  .bg-badge-default-bg {
    background-color: var(--color-badge-default-bg);
  }
  .bg-badge-destructive-bg {
    background-color: var(--color-badge-destructive-bg);
  }
  .bg-badge-secondary-bg {
    background-color: var(--color-badge-secondary-bg);
  }
  .bg-blue-600 {
    background-color: var(--color-blue-600);
  }
  .bg-blue-800 {
    background-color: var(--color-blue-800);
  }
  .bg-button-primary-bg {
    background-color: var(--color-button-primary-bg);
  }
  .bg-button-secondary-bg {
    background-color: var(--color-button-secondary-bg);
  }
  .bg-input-bg {
    background-color: var(--color-input-bg);
  }
  .bg-nav-bg--active {
    background-color: var(--color-nav-bg--active);
  }
  .bg-neutral-400 {
    background-color: var(--color-neutral-400);
  }
  .bg-select-child-bg-inactive {
    background-color: var(--color-select-child-bg-inactive);
  }
  .bg-table-cell-even-bg {
    background-color: var(--color-table-cell-even-bg);
  }
  .bg-table-cell-odd-bg {
    background-color: var(--color-table-cell-odd-bg);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .from-card-bg-gradient-top {
    --tw-gradient-from: var(--color-card-bg-gradient-top);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .to-card-bg-gradient-bottom {
    --tw-gradient-to: var(--color-card-bg-gradient-bottom);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .fill-black-100 {
    fill: var(--color-black-100);
  }
  .fill-blue-600 {
    fill: var(--color-blue-600);
  }
  .fill-checkbox-bg-unchecked {
    fill: var(--color-checkbox-bg-unchecked);
  }
  .fill-current {
    fill: currentColor;
  }
  .fill-green-500 {
    fill: var(--color-green-500);
  }
  .fill-red-500 {
    fill: var(--color-red-500);
  }
  .fill-white-100 {
    fill: var(--color-white-100);
  }
  .fill-yellow-500 {
    fill: var(--color-yellow-500);
  }
  .stroke-checkbox-stroke {
    stroke: var(--color-checkbox-stroke);
  }
  .stroke-current {
    stroke: currentColor;
  }
  .p-1 {
    padding: calc(var(--spacing) * 1);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .pr-\[2\.375rem\] {
    padding-right: 2.375rem;
  }
  .pl-\[2\.375rem\] {
    padding-left: 2.375rem;
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .font-sans {
    font-family: var(--font-sans);
  }
  .font-serif {
    font-family: var(--font-serif);
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
  .text-6xl {
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--line-height));
  }
  .text-7xl {
    font-size: var(--text-7xl);
    line-height: var(--tw-leading, var(--text-7xl--line-height));
  }
  .text-8xl {
    font-size: var(--text-8xl);
    line-height: var(--tw-leading, var(--text-8xl--line-height));
  }
  .text-9xl {
    font-size: var(--text-9xl);
    line-height: var(--tw-leading, var(--text-9xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .leading-1 {
    --tw-leading: calc(var(--spacing) * 1);
    line-height: calc(var(--spacing) * 1);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .text-\[\#F7BBC3\] {
    color: #f7bbc3;
  }
  .text-badge-default-text {
    color: var(--color-badge-default-text);
  }
  .text-badge-destructive-text {
    color: var(--color-badge-destructive-text);
  }
  .text-badge-outline-text {
    color: var(--color-badge-outline-text);
  }
  .text-badge-secondary-text {
    color: var(--color-badge-secondary-text);
  }
  .text-blue-100 {
    color: var(--color-blue-100);
  }
  .text-button-invisible-text {
    color: var(--color-button-invisible-text);
  }
  .text-button-primary-text {
    color: var(--color-button-primary-text);
  }
  .text-button-secondary-text {
    color: var(--color-button-secondary-text);
  }
  .text-button-stroke-text {
    color: var(--color-button-stroke-text);
  }
  .text-cta-text-desc {
    color: var(--color-cta-text-desc);
  }
  .text-cta-text-title {
    color: var(--color-cta-text-title);
  }
  .text-input-text-helper {
    color: var(--color-input-text-helper);
  }
  .text-input-text-label {
    color: var(--color-input-text-label);
  }
  .text-input-text-label-disabled {
    color: var(--color-input-text-label-disabled);
  }
  .text-input-text-placeholder {
    color: var(--color-input-text-placeholder);
  }
  .text-input-text-value {
    color: var(--color-input-text-value);
  }
  .text-nav-text--active {
    color: var(--color-nav-text--active);
  }
  .text-nav-text--inactive {
    color: var(--color-nav-text--inactive);
  }
  .text-neutral-800 {
    color: var(--color-neutral-800);
  }
  .text-red-500 {
    color: var(--color-red-500);
  }
  .text-text-primary {
    color: var(--color-text-primary);
  }
  .text-text-secondary {
    color: var(--color-text-secondary);
  }
  .text-white {
    color: var(--color-white);
  }
  .uppercase {
    text-transform: uppercase;
  }
  .opacity-0 {
    opacity: 0;
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .outline-2 {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .outline-input-stroke-error {
    outline-color: var(--color-input-stroke-error);
  }
  .filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
      var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)
      var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }
  .group-data-checked\:fill-checkbox-bg-checked:is(
      :where(.group)[data-checked] *
    ) {
    fill: var(--color-checkbox-bg-checked);
  }
  .group-data-checked\:stroke-checkbox-stroke:is(
      :where(.group)[data-checked] *
    ) {
    stroke: var(--color-checkbox-stroke);
  }
  .group-data-disabled\:fill-checkbox-bg-disabled:is(
      :where(.group)[data-disabled] *
    ) {
    fill: var(--color-checkbox-bg-disabled);
  }
  .group-data-disabled\:stroke-checkbox-stroke-disabled:is(
      :where(.group)[data-disabled] *
    ) {
    stroke: var(--color-checkbox-stroke-disabled);
  }
  .group-data-disabled\:text-checkbox-subtitle-disabled:is(
      :where(.group)[data-disabled] *
    ) {
    color: var(--color-checkbox-subtitle-disabled);
  }
  .group-data-disabled\:text-checkbox-title-disabled:is(
      :where(.group)[data-disabled] *
    ) {
    color: var(--color-checkbox-title-disabled);
  }
  .group-data-open\:block:is(:where(.group)[data-open] *) {
    display: block;
  }
  .group-data-open\:hidden:is(:where(.group)[data-open] *) {
    display: none;
  }
  .placeholder\:text-input-text-placeholder::-moz-placeholder {
    color: var(--color-input-text-placeholder);
  }
  .placeholder\:text-input-text-placeholder::placeholder {
    color: var(--color-input-text-placeholder);
  }
  .first\:overflow-clip:first-child {
    overflow: clip;
  }
  .first\:rounded-tl-md:first-child {
    border-top-left-radius: var(--radius-md);
  }
  .first\:rounded-bl-md:first-child {
    border-bottom-left-radius: var(--radius-md);
  }
  .first\:border-l-1:first-child {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .first\:border-l-table-cell-border:first-child {
    border-left-color: var(--color-table-cell-border);
  }
  .last\:overflow-clip:last-child {
    overflow: clip;
  }
  .last\:rounded-tr-md:last-child {
    border-top-right-radius: var(--radius-md);
  }
  .last\:rounded-br-md:last-child {
    border-bottom-right-radius: var(--radius-md);
  }
  .last\:border-r-1:last-child {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .last\:border-r-table-cell-border:last-child {
    border-right-color: var(--color-table-cell-border);
  }
  .user-invalid\:outline-2:user-invalid {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .user-invalid\:outline-input-stroke-error:user-invalid {
    outline-color: var(--color-input-stroke-error);
  }
  @media (hover: hover) {
    .hover\:border-button-stroke-border--hover:hover {
      border-color: var(--color-button-stroke-border--hover);
    }
    .hover\:bg-button-primary-bg--hover:hover {
      background-color: var(--color-button-primary-bg--hover);
    }
    .hover\:bg-button-secondary-bg--hover:hover {
      background-color: var(--color-button-secondary-bg--hover);
    }
    .hover\:bg-select-child-bg-active:hover {
      background-color: var(--color-select-child-bg-active);
    }
    .hover\:text-button-invisible-text--hover:hover {
      color: var(--color-button-invisible-text--hover);
    }
    .hover\:text-button-secondary-text--hover:hover {
      color: var(--color-button-secondary-text--hover);
    }
  }
  .focus\:outline-2:focus {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .focus\:outline-input-stroke-active:focus {
    outline-color: var(--color-input-stroke-active);
  }
  .active\:top-0\.5:active {
    top: calc(var(--spacing) * 0.5);
  }
  .active\:border-button-stroke-border--active:active {
    border-color: var(--color-button-stroke-border--active);
  }
  .active\:bg-button-primary-bg--active:active {
    background-color: var(--color-button-primary-bg--active);
  }
  .active\:bg-button-secondary-bg--active:active {
    background-color: var(--color-button-secondary-bg--active);
  }
  .active\:text-button-invisible-text--active:active {
    color: var(--color-button-invisible-text--active);
  }
  .disabled\:cursor-default:disabled {
    cursor: default;
  }
  .disabled\:border-button-stroke-border--active:disabled {
    border-color: var(--color-button-stroke-border--active);
  }
  .disabled\:border-transparent:disabled {
    border-color: #0000;
  }
  .disabled\:bg-button-primary-bg--disabled:disabled {
    background-color: var(--color-button-primary-bg--disabled);
  }
  .disabled\:bg-button-secondary-bg--active:disabled {
    background-color: var(--color-button-secondary-bg--active);
  }
  .disabled\:text-button-invisible-text--disabled:disabled {
    color: var(--color-button-invisible-text--disabled);
  }
  .disabled\:text-button-primary-text--disabled:disabled {
    color: var(--color-button-primary-text--disabled);
  }
  .disabled\:text-button-secondary-text--disabled:disabled {
    color: var(--color-button-secondary-text--disabled);
  }
  .disabled\:text-button-stroke-text--disabled:disabled {
    color: var(--color-button-stroke-text--disabled);
  }
  .disabled\:text-input-text-value-disabled:disabled {
    color: var(--color-input-text-value-disabled);
  }
  .data-drag-over\:bg-blue-500[data-drag-over] {
    background-color: var(--color-blue-500);
  }
  .data-focus\:bg-select-child-bg-active[data-focus] {
    background-color: var(--color-select-child-bg-active);
  }
  .data-focus\:text-input-text-value[data-focus] {
    color: var(--color-input-text-value);
  }
  @media (prefers-color-scheme: dark) {
    .dark\:bg-neutral-700 {
      background-color: var(--color-neutral-700);
    }
    .dark\:text-neutral-100 {
      color: var(--color-neutral-100);
    }
  }
}
@font-face {
  font-family: AvenirNextPro;
  src: url(/fonts/AvenirNextPro/AvenirNextLTPro-Regular.otf) format('opentype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: AvenirNextPro;
  src: url(/fonts/AvenirNextPro/AvenirNextLTPro-Medium.otf) format('opentype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: AvenirNextPro;
  src: url(/fonts/AvenirNextPro/AvenirNextLTPro-SemiBold.otf) format('opentype');
  font-weight: 700;
  font-style: bold;
}
@font-face {
  font-family: AvenirNextPro;
  src: url(/fonts/AvenirNextPro/AvenirNextLTPro-Bold.otf) format('opentype');
  font-weight: 800;
  font-style: bold;
}
@font-face {
  font-family: Quador;
  src: url(/fonts/Quador/Quador-Light.otf) format('opentype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: Quador;
  src: url(/fonts/Quador/Quador-Light-Italic.otf) format('opentype');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: Quador;
  src: url(/fonts/Quador/Quador-Regular.otf) format('opentype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Quador;
  src: url(/fonts/Quador/Quador-Italic.otf) format('opentype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: Quador;
  src: url(/fonts/Quador/Quador-SemiBold.otf) format('opentype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: Quador;
  src: url(/fonts/Quador/Quador-SemiBold-Italic.otf) format('opentype');
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: Quador;
  src: url(/fonts/Quador/Quador-Bold.otf) format('opentype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: Quador;
  src: url(/fonts/Quador/Quador-Bold-Italic.otf) format('opentype');
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: Quador;
  src: url(/fonts/Quador/Quador-ExtraBold.otf) format('opentype');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: Quador;
  src: url(/fonts/Quador/Quador-ExtraBold-Italic.otf) format('opentype');
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: Quador;
  src: url(/fonts/Quador/Quador-UltraBold.otf) format('opentype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: Quador;
  src: url(/fonts/Quador/Quador-UltraBold-Italic.otf) format('opentype');
  font-weight: 900;
  font-style: italic;
}
input[type='range'].reset {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: 0 0;
  width: 100%;
}
input[type='range'].reset::-webkit-slider-track {
  height: initial;
  background: 0 0;
  border: none;
}
input[type='range'].reset::-moz-range-track {
  height: initial;
  background: 0 0;
  border: none;
}
input[type='range'].reset::-ms-track {
  height: initial;
  background: 0 0;
  border: none;
}
input[type='range'].reset::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: initial;
  width: initial;
  background: 0 0;
  border: none;
  margin-top: 0;
}
input[type='range'].reset::-moz-range-thumb {
  height: initial;
  width: initial;
  background: 0 0;
  border: none;
}
input[type='range'].reset::-ms-thumb {
  height: initial;
  width: initial;
  background: 0 0;
  border: none;
}
.high-contrast {
  --color-meta-bg: var(--color-neutral-300);
  --color-text-primary: var(--color-neutral-900);
  --color-text-secondary: var(--color-neutral-700);
  --color-input-bg: var(--color-white-100);
  --color-input-stroke: var(--color-neutral-500);
  --color-input-text-value: var(--color-neutral-700);
  --color-input-text-placeholder: var(--color-neutral-700);
  --color-input-icon-color: var(--color-neutral-700);
  --color-input-text-label: var(--color-neutral-700);
  --color-input-text-helper: var(--color-neutral-700);
  --color-input-stroke-active: var(--color-blue-400);
  --color-input-stroke-error: var(--color-red-400);
  --color-input-text-value-disabled: var(--color-neutral-600);
  --color-input-icon-color-disabled: var(--color-neutral-600);
  --color-input-text-label-disabled: var(--color-neutral-600);
  --color-select-child-bg-active: var(--color-neutral-200);
  --color-select-child-bg-inactive: var(--color-white-100);
  --color-checkbox-bg-checked: var(--color-neutral-800);
  --color-checkbox-bg-unchecked: var(--color-white-100);
  --color-checkbox-stroke: var(--color-neutral-400);
  --color-checkbox-arrow: var(--color-neutral-100);
  --color-checkbox-bg-disabled: var(--color-neutral-200);
  --color-checkbox-stroke-disabled: var(--color-neutral-400);
  --color-button-primary-bg--disabled: var(--color-blue-100);
  --color-button-primary-text--disabled: var(--color-blue-300);
  --color-button-secondary-bg: var(--color-neutral-400);
  --color-button-secondary-bg--hover: var(--color-neutral-500);
  --color-button-secondary-bg--active: var(--color-neutral-600);
  --color-button-secondary-bg--disabled: var(--color-neutral-300);
  --color-button-secondary-text: var(--color-neutral-700);
  --color-button-secondary-text--disabled: var(--color-neutral-500);
  --color-button-stroke-border: var(--color-neutral-400);
  --color-button-stroke-border--active: var(--color-neutral-600);
  --color-button-stroke-border--disabled: var(--color-neutral-400);
  --color-button-stroke-text: var(--color-neutral-600);
  --color-button-stroke-text--disabled: var(--color-neutral-400);
  --color-button-invisible-text: var(--color-neutral-700);
  --color-button-invisible-text--hover: var(--color-neutral-800);
  --color-button-invisible-text--active: var(--color-neutral-900);
  --color-badge-default-bg: var(--color-neutral-700);
  --color-badge-default-text: var(--color-neutral-200);
  --color-badge-secondary-bg: var(--color-black-5);
  --color-badge-secondary-text: var(--color-neutral-700);
  --color-badge-outline-text: var(--color-neutral-700);
  --color-pagination-item-bg--active: var(--color-neutral-300);
  --color-pagination-item-content--active: var(--color-neutral-800);
  --color-pagination-item-content--inactive: var(--color-neutral-800);
  --color-pagination--item-bg--hover: var(--color-neutral-300);
  --color-pagination--item-content--hover: var(--color-neutral-800);
  --color-table-cell-odd-bg: var(--color-neutral-100);
  --color-table-cell-even-bg: var(--color-neutral-200);
  --color-table-cell-border: var(--color-neutral-300);
  --color-table-cell-content: var(--color-neutral-700);
  --color-portal-bg: var(--color-neutral-300);
  --color-sidebar-bg-solid: var(--color-neutral-100);
  --color-sidebar-border: var(--color-black-15);
  --color-sidebar-bg-gradient-top: var(--color-neutral-100);
  --color-sidebar-bg-gradient-bottom: var(--color-neutral-100);
  --color-user-dropdown-arrow: var(--color-neutral-700);
  --color-user-name: var(--color-neutral-700);
  --color-nav-bg--active: var(--color-blue-200);
  --color-nav-icon--active: var(--color-blue-700);
  --color-nav-text--active: var(--color-blue-800);
  --color-nav-icon--inactive: var(--color-neutral-700);
  --color-nav-text--inactive: var(--color-neutral-900);
  --color-cta-bg-gradient-top: var(--color-blue-600);
  --color-cta-text-desc: var(--color-neutral-100);
  --color-copyright: var(--color-neutral-700);
}
.trim-text-box {
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}
input[type='range'].money-range-slider::-webkit-slider-runnable-track {
  background: #fff;
  height: 0.5rem;
}
input[type='range'].money-range-slider::-moz-range-track {
  background: #fff;
  height: 0.5rem;
}
input[type='range'].money-range-slider::-webkit-slider-thumb {
  cursor: pointer;
  background-image: url(/images/input-range-slider-handle.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 1.5rem;
  height: 1.5rem;
  position: relative;
  top: -0.5rem;
}
input[type='range'].money-range-slider::-moz-range-thumb {
  cursor: pointer;
  background-image: url(/images/input-range-slider-handle.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 1.5rem;
  height: 1.5rem;
  position: relative;
  top: -0.5rem;
}
@property --tw-border-spacing-x {
  syntax: '<length>';
  inherits: false;
  initial-value: 0;
}
@property --tw-border-spacing-y {
  syntax: '<length>';
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: '*';
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: '*';
  inherits: false;
}
@property --tw-gradient-from {
  syntax: '<color>';
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: '<color>';
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: '<color>';
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: '*';
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: '*';
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: '<length-percentage>';
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: '<length-percentage>';
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: '<length-percentage>';
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: '*';
  inherits: false;
}
@property --tw-font-weight {
  syntax: '*';
  inherits: false;
}
@property --tw-outline-style {
  syntax: '*';
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: '*';
  inherits: false;
}
@property --tw-brightness {
  syntax: '*';
  inherits: false;
}
@property --tw-contrast {
  syntax: '*';
  inherits: false;
}
@property --tw-grayscale {
  syntax: '*';
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: '*';
  inherits: false;
}
@property --tw-invert {
  syntax: '*';
  inherits: false;
}
@property --tw-opacity {
  syntax: '*';
  inherits: false;
}
@property --tw-saturate {
  syntax: '*';
  inherits: false;
}
@property --tw-sepia {
  syntax: '*';
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: '*';
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: '*';
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: '*';
  inherits: false;
}