@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;450;500;550;600;650;700&family=Poppins:wght@500;600;700&display=swap";
/* [project]/app/globals.css [app-client] (css) */
@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-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --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;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-content: "";
      --tw-outline-style: solid;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: "Inter", Arial, sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-white: #fff;
    --spacing: .25rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --tracking-normal: 0em;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --font-display: "Poppins", Arial, sans-serif;
    --color-mist: #f5f7fa;
    --color-ink: #0f1b2d;
    --color-muted: #647089;
    --color-line: #e6ebf2;
    --color-line-soft: #eef2f7;
    --color-teal: #0e7c86;
    --color-teal-soft: #e4f2f4;
    --color-cyan: #22c6d1;
    --color-success: #15803d;
    --color-success-soft: #e9f7ee;
    --color-danger: #bd3038;
    --color-danger-soft: #fdecee;
    --color-amber: #a45a13;
    --color-amber-soft: #fdf2e3;
    --radius-card: 14px;
  }
}

@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%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;
    -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;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring:where(:not(iframe)) {
    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;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::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"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }

  body {
    background-color: var(--color-mist);
    font-family: var(--font-sans);
    --tw-leading: 1.55;
    color: var(--color-ink);
    font-size: 13px;
    line-height: 1.55;
  }

  @media (min-width: 1600px) {
    body {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  button {
    cursor: pointer;
  }

  button:disabled {
    cursor: not-allowed;
    opacity: .45;
  }

  h1, h2, h3 {
    font-family: var(--font-display);
  }

  h1 {
    --tw-leading: 1.4;
    --tw-font-weight: var(--font-weight-semibold);
    font-size: 25px;
    line-height: 1.4;
    font-weight: var(--font-weight-semibold);
    --tw-tracking: -.65px;
    letter-spacing: -.65px;
  }

  h2, h3 {
    font-size: 13px;
  }

  h2, strong, b {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  small {
    font-size: 11px;
  }

  input[type="checkbox"], input[type="radio"] {
    width: calc(var(--spacing) * 3.75);
    height: calc(var(--spacing) * 3.75);
    cursor: pointer;
    accent-color: var(--color-teal);
    flex-shrink: 0;
  }

  :is(input[type="checkbox"], input[type="radio"]):disabled {
    cursor: not-allowed;
  }

  :focus-visible {
    outline-style: var(--tw-outline-style);
    outline-offset: 3px;
    outline-width: 3px;
    outline-color: var(--color-cyan);
  }

  input:focus, textarea:focus {
    outline-color: var(--color-teal);
  }

  @media (prefers-reduced-motion: reduce) {
    *, :before, :after {
      scroll-behavior: auto !important;
      transition-property: none !important;
      animation: none !important;
    }
  }
}

@layer components;

@layer utilities {
  .visible {
    visibility: visible;
  }

  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .sticky {
    position: sticky;
  }

  .inset-y-0 {
    inset-block: 0;
  }

  .-top-20 {
    top: calc(var(--spacing) * -20);
  }

  .top-0 {
    top: 0;
  }

  .top-1\.25 {
    top: calc(var(--spacing) * 1.25);
  }

  .top-4 {
    top: calc(var(--spacing) * 4);
  }

  .top-10\.5 {
    top: calc(var(--spacing) * 10.5);
  }

  .-right-3 {
    right: calc(var(--spacing) * -3);
  }

  .right-1\.75 {
    right: calc(var(--spacing) * 1.75);
  }

  .right-auto {
    right: auto;
  }

  .bottom-6 {
    bottom: calc(var(--spacing) * 6);
  }

  .-left-3 {
    left: calc(var(--spacing) * -3);
  }

  .left-0 {
    left: 0;
  }

  .left-\[50\%\] {
    left: 50%;
  }

  .left-\[260px\] {
    left: 260px;
  }

  .left-\[calc\(50\%_\+_100px\)\] {
    left: calc(50% + 100px);
  }

  .z-2 {
    z-index: 2;
  }

  .z-35 {
    z-index: 35;
  }

  .z-50 {
    z-index: 50;
  }

  .z-100 {
    z-index: 100;
  }

  .z-200 {
    z-index: 200;
  }

  .m-0 {
    margin: 0;
  }

  .m-5 {
    margin: calc(var(--spacing) * 5);
  }

  .mx-0 {
    margin-inline: 0;
  }

  .mx-0\.25 {
    margin-inline: calc(var(--spacing) * .25);
  }

  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }

  .mx-2\.5 {
    margin-inline: calc(var(--spacing) * 2.5);
  }

  .mx-auto {
    margin-inline: auto;
  }

  .my-0 {
    margin-block: 0;
  }

  .my-1\.5 {
    margin-block: calc(var(--spacing) * 1.5);
  }

  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }

  .my-2\.5 {
    margin-block: calc(var(--spacing) * 2.5);
  }

  .my-3 {
    margin-block: calc(var(--spacing) * 3);
  }

  .my-3\.5 {
    margin-block: calc(var(--spacing) * 3.5);
  }

  .my-3\.75 {
    margin-block: calc(var(--spacing) * 3.75);
  }

  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }

  .my-4\.5 {
    margin-block: calc(var(--spacing) * 4.5);
  }

  .my-5 {
    margin-block: calc(var(--spacing) * 5);
  }

  .mt-0 {
    margin-top: 0;
  }

  .mt-1 {
    margin-top: var(--spacing);
  }

  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-2\.5 {
    margin-top: calc(var(--spacing) * 2.5);
  }

  .mt-3\.5 {
    margin-top: calc(var(--spacing) * 3.5);
  }

  .mt-3\.25 {
    margin-top: calc(var(--spacing) * 3.25);
  }

  .mt-3\.75 {
    margin-top: calc(var(--spacing) * 3.75);
  }

  .mt-4\.5 {
    margin-top: calc(var(--spacing) * 4.5);
  }

  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }

  .mt-5\.5 {
    margin-top: calc(var(--spacing) * 5.5);
  }

  .mt-auto {
    margin-top: auto;
  }

  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }

  .mb-0\.75 {
    margin-bottom: calc(var(--spacing) * .75);
  }

  .mb-1 {
    margin-bottom: var(--spacing);
  }

  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }

  .mb-1\.25 {
    margin-bottom: calc(var(--spacing) * 1.25);
  }

  .mb-2\.5 {
    margin-bottom: calc(var(--spacing) * 2.5);
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }

  .mb-3\.5 {
    margin-bottom: calc(var(--spacing) * 3.5);
  }

  .mb-3\.25 {
    margin-bottom: calc(var(--spacing) * 3.25);
  }

  .mb-3\.75 {
    margin-bottom: calc(var(--spacing) * 3.75);
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .mb-4\.5 {
    margin-bottom: calc(var(--spacing) * 4.5);
  }

  .mb-4\.25 {
    margin-bottom: calc(var(--spacing) * 4.25);
  }

  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }

  .mb-5\.5 {
    margin-bottom: calc(var(--spacing) * 5.5);
  }

  .mb-6\.25 {
    margin-bottom: calc(var(--spacing) * 6.25);
  }

  .ml-0\.25 {
    margin-left: calc(var(--spacing) * .25);
  }

  .ml-\[242px\] {
    margin-left: 242px;
  }

  .ml-auto {
    margin-left: auto;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline-block {
    display: inline-block;
  }

  .inline-flex {
    display: inline-flex;
  }

  .h-1 {
    height: var(--spacing);
  }

  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }

  .h-1\.25 {
    height: calc(var(--spacing) * 1.25);
  }

  .h-2\.25 {
    height: calc(var(--spacing) * 2.25);
  }

  .h-4\.5 {
    height: calc(var(--spacing) * 4.5);
  }

  .h-5\.25 {
    height: calc(var(--spacing) * 5.25);
  }

  .h-7\.25 {
    height: calc(var(--spacing) * 7.25);
  }

  .h-7\.75 {
    height: calc(var(--spacing) * 7.75);
  }

  .h-8 {
    height: calc(var(--spacing) * 8);
  }

  .h-8\.5 {
    height: calc(var(--spacing) * 8.5);
  }

  .h-8\.25 {
    height: calc(var(--spacing) * 8.25);
  }

  .h-9 {
    height: calc(var(--spacing) * 9);
  }

  .h-9\.5 {
    height: calc(var(--spacing) * 9.5);
  }

  .h-11 {
    height: calc(var(--spacing) * 11);
  }

  .h-11\.25 {
    height: calc(var(--spacing) * 11.25);
  }

  .h-11\.75 {
    height: calc(var(--spacing) * 11.75);
  }

  .h-19 {
    height: calc(var(--spacing) * 19);
  }

  .h-32 {
    height: calc(var(--spacing) * 32);
  }

  .h-\[160px\] {
    height: 160px;
  }

  .max-h-\[88vh\] {
    max-height: 88vh;
  }

  .min-h-6 {
    min-height: calc(var(--spacing) * 6);
  }

  .min-h-7\.5 {
    min-height: calc(var(--spacing) * 7.5);
  }

  .min-h-8\.5 {
    min-height: calc(var(--spacing) * 8.5);
  }

  .min-h-10 {
    min-height: calc(var(--spacing) * 10);
  }

  .min-h-\[220px\] {
    min-height: 220px;
  }

  .min-h-\[445px\] {
    min-height: 445px;
  }

  .min-h-screen {
    min-height: 100vh;
  }

  .w-1 {
    width: var(--spacing);
  }

  .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }

  .w-1\.25 {
    width: calc(var(--spacing) * 1.25);
  }

  .w-4\.5 {
    width: calc(var(--spacing) * 4.5);
  }

  .w-5\.25 {
    width: calc(var(--spacing) * 5.25);
  }

  .w-7\.25 {
    width: calc(var(--spacing) * 7.25);
  }

  .w-7\.75 {
    width: calc(var(--spacing) * 7.75);
  }

  .w-8 {
    width: calc(var(--spacing) * 8);
  }

  .w-8\.5 {
    width: calc(var(--spacing) * 8.5);
  }

  .w-8\.25 {
    width: calc(var(--spacing) * 8.25);
  }

  .w-9\.5 {
    width: calc(var(--spacing) * 9.5);
  }

  .w-10 {
    width: calc(var(--spacing) * 10);
  }

  .w-11 {
    width: calc(var(--spacing) * 11);
  }

  .w-11\.75 {
    width: calc(var(--spacing) * 11.75);
  }

  .w-20 {
    width: calc(var(--spacing) * 20);
  }

  .w-64 {
    width: calc(var(--spacing) * 64);
  }

  .w-\[242px\] {
    width: 242px;
  }

  .w-\[350px\] {
    width: 350px;
  }

  .w-\[min\(570px\,_calc\(100vw_-_30px\)\)\] {
    width: min(570px, 100vw - 30px);
  }

  .w-full {
    width: 100%;
  }

  .max-w-\[85\%\] {
    max-width: 85%;
  }

  .max-w-\[400px\] {
    max-width: 400px;
  }

  .max-w-\[470px\] {
    max-width: 470px;
  }

  .max-w-\[1060px\] {
    max-width: 1060px;
  }

  .max-w-\[1490px\] {
    max-width: 1490px;
  }

  .max-w-\[calc\(100vw_-_35px\)\] {
    max-width: calc(100vw - 35px);
  }

  .max-w-full {
    max-width: 100%;
  }

  .min-w-0 {
    min-width: 0;
  }

  .min-w-5\.25 {
    min-width: calc(var(--spacing) * 5.25);
  }

  .min-w-\[140px\] {
    min-width: 140px;
  }

  .flex-1 {
    flex: 1;
  }

  .flex-none {
    flex: none;
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .\[scrollbar-width\:thin\] {
    scrollbar-width: thin;
  }

  .\[scrollbar-color\:\#26344c_transparent\] {
    scrollbar-color: #26344c transparent;
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .grid-cols-\[minmax\(0\,_2\.2fr\)_minmax\(270px\,_1fr\)\] {
    grid-template-columns: minmax(0, 2.2fr) minmax(270px, 1fr);
  }

  .grid-cols-\[minmax\(0\,_2\.3fr\)_minmax\(270px\,_1fr\)\] {
    grid-template-columns: minmax(0, 2.3fr) minmax(270px, 1fr);
  }

  .grid-cols-\[minmax\(245px\,_0\.85fr\)_minmax\(0\,_1\.65fr\)\] {
    grid-template-columns: minmax(245px, .85fr) minmax(0, 1.65fr);
  }

  .grid-cols-\[minmax\(340px\,_0\.9fr\)_minmax\(0\,_1\.1fr\)\] {
    grid-template-columns: minmax(340px, .9fr) minmax(0, 1.1fr);
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .items-center {
    align-items: center;
  }

  .items-start {
    align-items: flex-start;
  }

  .justify-around {
    justify-content: space-around;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .justify-end {
    justify-content: flex-end;
  }

  .gap-0\.5 {
    gap: calc(var(--spacing) * .5);
  }

  .gap-1 {
    gap: var(--spacing);
  }

  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }

  .gap-1\.25 {
    gap: calc(var(--spacing) * 1.25);
  }

  .gap-1\.75 {
    gap: calc(var(--spacing) * 1.75);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }

  .gap-2\.25 {
    gap: calc(var(--spacing) * 2.25);
  }

  .gap-2\.75 {
    gap: calc(var(--spacing) * 2.75);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-3\.5 {
    gap: calc(var(--spacing) * 3.5);
  }

  .gap-3\.25 {
    gap: calc(var(--spacing) * 3.25);
  }

  .gap-3\.75 {
    gap: calc(var(--spacing) * 3.75);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-4\.5 {
    gap: calc(var(--spacing) * 4.5);
  }

  .gap-4\.25 {
    gap: calc(var(--spacing) * 4.25);
  }

  .gap-4\.75 {
    gap: calc(var(--spacing) * 4.75);
  }

  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }

  .gap-5\.5 {
    gap: calc(var(--spacing) * 5.5);
  }

  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }

  :where(.space-y-6 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .rounded-\[2px\] {
    border-radius: 2px;
  }

  .rounded-\[5px\] {
    border-radius: 5px;
  }

  .rounded-\[7px\] {
    border-radius: 7px;
  }

  .rounded-\[9px\] {
    border-radius: 9px;
  }

  .rounded-\[10px\] {
    border-radius: 10px;
  }

  .rounded-\[13px\] {
    border-radius: 13px;
  }

  .rounded-\[14px\] {
    border-radius: 14px;
  }

  .rounded-\[17px\] {
    border-radius: 17px;
  }

  .rounded-\[20px\] {
    border-radius: 20px;
  }

  .rounded-\[27px\] {
    border-radius: 27px;
  }

  .rounded-\[38px\] {
    border-radius: 38px;
  }

  .rounded-card {
    border-radius: var(--radius-card);
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-lg {
    border-radius: var(--radius-lg);
  }

  .rounded-md {
    border-radius: var(--radius-md);
  }

  .rounded-xl {
    border-radius: var(--radius-xl);
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .border-\[\#2a374b\] {
    border-color: #2a374b;
  }

  .border-\[\#27364a\] {
    border-color: #27364a;
  }

  .border-\[\#b7c9d4\] {
    border-color: #b7c9d4;
  }

  .border-\[\#cce4e7\] {
    border-color: #cce4e7;
  }

  .border-\[\#cde4e8\] {
    border-color: #cde4e8;
  }

  .border-\[\#cee4e7\] {
    border-color: #cee4e7;
  }

  .border-\[\#cee6e9\] {
    border-color: #cee6e9;
  }

  .border-\[\#d4e9ec\] {
    border-color: #d4e9ec;
  }

  .border-\[\#dfeaf0\] {
    border-color: #dfeaf0;
  }

  .border-\[\#e7f0f2\] {
    border-color: #e7f0f2;
  }

  .border-\[\#ffffff40\] {
    border-color: #ffffff40;
  }

  .border-danger {
    border-color: var(--color-danger);
  }

  .border-line {
    border-color: var(--color-line);
  }

  .border-teal {
    border-color: var(--color-teal);
  }

  .border-transparent {
    border-color: #0000;
  }

  .border-white {
    border-color: var(--color-white);
  }

  .border-t-\[\#29354a\] {
    border-top-color: #29354a;
  }

  .border-t-\[\#d6e7ea\] {
    border-top-color: #d6e7ea;
  }

  .border-t-line {
    border-top-color: var(--color-line);
  }

  .border-t-line-soft {
    border-top-color: var(--color-line-soft);
  }

  .border-b-line {
    border-bottom-color: var(--color-line);
  }

  .border-b-line-soft {
    border-bottom-color: var(--color-line-soft);
  }

  .bg-\[\#53a7ad\] {
    background-color: #53a7ad;
  }

  .bg-\[\#99c8cc\] {
    background-color: #99c8cc;
  }

  .bg-\[\#29374e\] {
    background-color: #29374e;
  }

  .bg-\[\#c7e2e5\] {
    background-color: #c7e2e5;
  }

  .bg-\[\#d95d68\] {
    background-color: #d95d68;
  }

  .bg-\[\#df6470\] {
    background-color: #df6470;
  }

  .bg-\[\#e9eff3\] {
    background-color: #e9eff3;
  }

  .bg-\[\#edf0f5\] {
    background-color: #edf0f5;
  }

  .bg-\[\#edf4f6\] {
    background-color: #edf4f6;
  }

  .bg-\[\#eef5f8\] {
    background-color: #eef5f8;
  }

  .bg-\[\#eff2f6\] {
    background-color: #eff2f6;
  }

  .bg-\[\#eff8f9\] {
    background-color: #eff8f9;
  }

  .bg-\[\#f0f8f9\] {
    background-color: #f0f8f9;
  }

  .bg-\[\#f1f5f8\] {
    background-color: #f1f5f8;
  }

  .bg-\[\#f1f8f9\] {
    background-color: #f1f8f9;
  }

  .bg-\[\#f3f8f9\] {
    background-color: #f3f8f9;
  }

  .bg-\[\#f3fafb\] {
    background-color: #f3fafb;
  }

  .bg-\[\#f7fafb\] {
    background-color: #f7fafb;
  }

  .bg-\[\#f8f9fc\] {
    background-color: #f8f9fc;
  }

  .bg-\[\#fafbfd\] {
    background-color: #fafbfd;
  }

  .bg-\[\#fff7ea\] {
    background-color: #fff7ea;
  }

  .bg-\[\#fffbf6\] {
    background-color: #fffbf6;
  }

  .bg-\[\#ffffff15\] {
    background-color: #ffffff15;
  }

  .bg-\[\#ffffffed\] {
    background-color: #ffffffed;
  }

  .bg-amber-soft {
    background-color: var(--color-amber-soft);
  }

  .bg-current {
    background-color: currentColor;
  }

  .bg-cyan {
    background-color: var(--color-cyan);
  }

  .bg-danger {
    background-color: var(--color-danger);
  }

  .bg-danger-soft {
    background-color: var(--color-danger-soft);
  }

  .bg-ink {
    background-color: var(--color-ink);
  }

  .bg-line {
    background-color: var(--color-line);
  }

  .bg-mist {
    background-color: var(--color-mist);
  }

  .bg-success-soft {
    background-color: var(--color-success-soft);
  }

  .bg-teal {
    background-color: var(--color-teal);
  }

  .bg-teal-soft {
    background-color: var(--color-teal-soft);
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .bg-linear-\[115deg\,\#fff\,\#f2fafb\] {
    --tw-gradient-position: 115deg,#fff,#f2fafb;
    background-image: linear-gradient(var(--tw-gradient-stops, 115deg,#fff,#f2fafb));
  }

  .p-0 {
    padding: 0;
  }

  .p-0\.75 {
    padding: calc(var(--spacing) * .75);
  }

  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }

  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }

  .p-3 {
    padding: calc(var(--spacing) * 3);
  }

  .p-3\.25 {
    padding: calc(var(--spacing) * 3.25);
  }

  .p-3\.75 {
    padding: calc(var(--spacing) * 3.75);
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .p-4\.5 {
    padding: calc(var(--spacing) * 4.5);
  }

  .p-4\.25 {
    padding: calc(var(--spacing) * 4.25);
  }

  .p-5 {
    padding: calc(var(--spacing) * 5);
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .px-0 {
    padding-inline: 0;
  }

  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .px-1\.75 {
    padding-inline: calc(var(--spacing) * 1.75);
  }

  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .px-2\.25 {
    padding-inline: calc(var(--spacing) * 2.25);
  }

  .px-2\.75 {
    padding-inline: calc(var(--spacing) * 2.75);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }

  .px-3\.25 {
    padding-inline: calc(var(--spacing) * 3.25);
  }

  .px-3\.75 {
    padding-inline: calc(var(--spacing) * 3.75);
  }

  .px-4\.5 {
    padding-inline: calc(var(--spacing) * 4.5);
  }

  .px-4\.25 {
    padding-inline: calc(var(--spacing) * 4.25);
  }

  .px-4\.75 {
    padding-inline: calc(var(--spacing) * 4.75);
  }

  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }

  .px-7\.5 {
    padding-inline: calc(var(--spacing) * 7.5);
  }

  .py-0 {
    padding-block: 0;
  }

  .py-0\.75 {
    padding-block: calc(var(--spacing) * .75);
  }

  .py-1 {
    padding-block: var(--spacing);
  }

  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .py-1\.75 {
    padding-block: calc(var(--spacing) * 1.75);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }

  .py-2\.75 {
    padding-block: calc(var(--spacing) * 2.75);
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }

  .py-3\.25 {
    padding-block: calc(var(--spacing) * 3.25);
  }

  .py-3\.75 {
    padding-block: calc(var(--spacing) * 3.75);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-4\.5 {
    padding-block: calc(var(--spacing) * 4.5);
  }

  .py-4\.25 {
    padding-block: calc(var(--spacing) * 4.25);
  }

  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }

  .py-7 {
    padding-block: calc(var(--spacing) * 7);
  }

  .py-7\.5 {
    padding-block: calc(var(--spacing) * 7.5);
  }

  .py-11\.25 {
    padding-block: calc(var(--spacing) * 11.25);
  }

  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }

  .pt-0 {
    padding-top: 0;
  }

  .pt-0\.75 {
    padding-top: calc(var(--spacing) * .75);
  }

  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }

  .pt-2\.5 {
    padding-top: calc(var(--spacing) * 2.5);
  }

  .pt-2\.25 {
    padding-top: calc(var(--spacing) * 2.25);
  }

  .pt-3\.5 {
    padding-top: calc(var(--spacing) * 3.5);
  }

  .pt-3\.25 {
    padding-top: calc(var(--spacing) * 3.25);
  }

  .pt-4\.25 {
    padding-top: calc(var(--spacing) * 4.25);
  }

  .pt-5\.25 {
    padding-top: calc(var(--spacing) * 5.25);
  }

  .pt-6\.5 {
    padding-top: calc(var(--spacing) * 6.5);
  }

  .pt-7\.5 {
    padding-top: calc(var(--spacing) * 7.5);
  }

  .pt-7\.75 {
    padding-top: calc(var(--spacing) * 7.75);
  }

  .pt-11 {
    padding-top: calc(var(--spacing) * 11);
  }

  .pr-6\.25 {
    padding-right: calc(var(--spacing) * 6.25);
  }

  .pb-0 {
    padding-bottom: 0;
  }

  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }

  .pb-2\.25 {
    padding-bottom: calc(var(--spacing) * 2.25);
  }

  .pb-3\.5 {
    padding-bottom: calc(var(--spacing) * 3.5);
  }

  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }

  .pb-5\.5 {
    padding-bottom: calc(var(--spacing) * 5.5);
  }

  .pb-5\.25 {
    padding-bottom: calc(var(--spacing) * 5.25);
  }

  .pb-8\.75 {
    padding-bottom: calc(var(--spacing) * 8.75);
  }

  .pl-2\.5 {
    padding-left: calc(var(--spacing) * 2.5);
  }

  .text-center {
    text-align: center;
  }

  .text-left {
    text-align: left;
  }

  .font-display {
    font-family: var(--font-display);
  }

  .text-\[8px\] {
    font-size: 8px;
  }

  .text-\[9\.5px\] {
    font-size: 9.5px;
  }

  .text-\[9px\] {
    font-size: 9px;
  }

  .text-\[10\.5px\] {
    font-size: 10.5px;
  }

  .text-\[10px\] {
    font-size: 10px;
  }

  .text-\[11\.5px\] {
    font-size: 11.5px;
  }

  .text-\[11px\] {
    font-size: 11px;
  }

  .text-\[12px\] {
    font-size: 12px;
  }

  .text-\[13px\] {
    font-size: 13px;
  }

  .text-\[28px\] {
    font-size: 28px;
  }

  .text-\[32px\] {
    font-size: 32px;
  }

  .text-\[40px\] {
    font-size: 40px;
  }

  .text-\[48px\] {
    font-size: 48px;
  }

  .leading-\[1\.2\] {
    --tw-leading: 1.2;
    line-height: 1.2;
  }

  .leading-\[1\.4\] {
    --tw-leading: 1.4;
    line-height: 1.4;
  }

  .leading-\[1\.5\] {
    --tw-leading: 1.5;
    line-height: 1.5;
  }

  .leading-\[1\.7\] {
    --tw-leading: 1.7;
    line-height: 1.7;
  }

  .leading-\[1\.8\] {
    --tw-leading: 1.8;
    line-height: 1.8;
  }

  .leading-\[1\.9\] {
    --tw-leading: 1.9;
    line-height: 1.9;
  }

  .leading-\[1\.25\] {
    --tw-leading: 1.25;
    line-height: 1.25;
  }

  .leading-\[1\.35\] {
    --tw-leading: 1.35;
    line-height: 1.35;
  }

  .leading-\[1\.85\] {
    --tw-leading: 1.85;
    line-height: 1.85;
  }

  .leading-\[1\] {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-\[2\] {
    --tw-leading: 2;
    line-height: 2;
  }

  .font-\[550\] {
    --tw-font-weight: 550;
    font-weight: 550;
  }

  .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);
  }

  .tracking-\[-0\.7px\] {
    --tw-tracking: -.7px;
    letter-spacing: -.7px;
  }

  .tracking-\[-1px\] {
    --tw-tracking: -1px;
    letter-spacing: -1px;
  }

  .tracking-\[-2px\] {
    --tw-tracking: -2px;
    letter-spacing: -2px;
  }

  .tracking-\[0\.3px\] {
    --tw-tracking: .3px;
    letter-spacing: .3px;
  }

  .tracking-\[1\.3px\] {
    --tw-tracking: 1.3px;
    letter-spacing: 1.3px;
  }

  .tracking-\[1\.5px\] {
    --tw-tracking: 1.5px;
    letter-spacing: 1.5px;
  }

  .whitespace-normal {
    white-space: normal;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .text-\[\#7d8ca1\] {
    color: #7d8ca1;
  }

  .text-\[\#8b5c2e\] {
    color: #8b5c2e;
  }

  .text-\[\#8b99ab\] {
    color: #8b99ab;
  }

  .text-\[\#086b74\] {
    color: #086b74;
  }

  .text-\[\#156f38\] {
    color: #156f38;
  }

  .text-\[\#536a7d\] {
    color: #536a7d;
  }

  .text-\[\#536e7d\] {
    color: #536e7d;
  }

  .text-\[\#8290a4\] {
    color: #8290a4;
  }

  .text-\[\#8693a5\] {
    color: #8693a5;
  }

  .text-\[\#8998b1\] {
    color: #8998b1;
  }

  .text-\[\#46596b\] {
    color: #46596b;
  }

  .text-\[\#52627a\] {
    color: #52627a;
  }

  .text-\[\#94500e\] {
    color: #94500e;
  }

  .text-\[\#627087\] {
    color: #627087;
  }

  .text-\[\#a2b0c6\] {
    color: #a2b0c6;
  }

  .text-\[\#adb9cd\] {
    color: #adb9cd;
  }

  .text-\[\#b4c0d3\] {
    color: #b4c0d3;
  }

  .text-\[\#b9c2ce\] {
    color: #b9c2ce;
  }

  .text-\[\#b52c37\] {
    color: #b52c37;
  }

  .text-\[\#d4deec\] {
    color: #d4deec;
  }

  .text-amber {
    color: var(--color-amber);
  }

  .text-ink {
    color: var(--color-ink);
  }

  .text-muted {
    color: var(--color-muted);
  }

  .text-success {
    color: var(--color-success);
  }

  .text-teal {
    color: var(--color-teal);
  }

  .text-white {
    color: var(--color-white);
  }

  .uppercase {
    text-transform: uppercase;
  }

  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .shadow-\[0_1px_2px_\#0e7c8610\] {
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, #0e7c8610);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_8px_30px_\#0f1b2d30\] {
    --tw-shadow: 0 8px 30px var(--tw-shadow-color, #0f1b2d30);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_12px_40px_\#0f1b2d20\] {
    --tw-shadow: 0 12px 40px var(--tw-shadow-color, #0f1b2d20);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_20px_50px_\#0f1b2d15\] {
    --tw-shadow: 0 20px 50px var(--tw-shadow-color, #0f1b2d15);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_25px_100px_\#0f1b2d40\] {
    --tw-shadow: 0 25px 100px var(--tw-shadow-color, #0f1b2d40);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-card {
    --tw-shadow: 0 2px 4px var(--tw-shadow-color, #0f1b2d03), 0 4px 16px var(--tw-shadow-color, #0f1b2d03);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .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, );
  }

  .backdrop-blur-\[10px\] {
    --tw-backdrop-blur: blur(10px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .duration-150 {
    --tw-duration: .15s;
    transition-duration: .15s;
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .\[font\:inherit\] {
    font: inherit;
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:animate-pulse {
      animation: var(--animate-pulse);
    }
  }

  @media not (min-width: 1200px) {
    .max-\[1200px\]\:ml-\[220px\] {
      margin-left: 220px;
    }

    .max-\[1200px\]\:w-\[220px\] {
      width: 220px;
    }

    .max-\[1200px\]\:w-\[325px\] {
      width: 325px;
    }

    .max-\[1200px\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .max-\[1200px\]\:grid-cols-\[minmax\(0\,_1\.9fr\)_minmax\(240px\,_1fr\)\] {
      grid-template-columns: minmax(0, 1.9fr) minmax(240px, 1fr);
    }

    .max-\[1200px\]\:grid-cols-\[minmax\(220px\,_0\.8fr\)_minmax\(0\,_1\.2fr\)\] {
      grid-template-columns: minmax(220px, .8fr) minmax(0, 1.2fr);
    }

    .max-\[1200px\]\:grid-cols-\[minmax\(325px\,_1fr\)_minmax\(0\,_1fr\)\] {
      grid-template-columns: minmax(325px, 1fr) minmax(0, 1fr);
    }

    .max-\[1200px\]\:flex-wrap {
      flex-wrap: wrap;
    }

    .max-\[1200px\]\:items-start {
      align-items: flex-start;
    }

    .max-\[1200px\]\:gap-1\.75 {
      gap: calc(var(--spacing) * 1.75);
    }

    .max-\[1200px\]\:gap-2\.5 {
      gap: calc(var(--spacing) * 2.5);
    }

    .max-\[1200px\]\:gap-2\.25 {
      gap: calc(var(--spacing) * 2.25);
    }

    .max-\[1200px\]\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }

    .max-\[1200px\]\:gap-3\.75 {
      gap: calc(var(--spacing) * 3.75);
    }

    .max-\[1200px\]\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }

    .max-\[1200px\]\:gap-5\.75 {
      gap: calc(var(--spacing) * 5.75);
    }

    .max-\[1200px\]\:p-3\.75 {
      padding: calc(var(--spacing) * 3.75);
    }

    .max-\[1200px\]\:p-4\.25 {
      padding: calc(var(--spacing) * 4.25);
    }

    .max-\[1200px\]\:px-3\.5 {
      padding-inline: calc(var(--spacing) * 3.5);
    }

    .max-\[1200px\]\:px-5\.5 {
      padding-inline: calc(var(--spacing) * 5.5);
    }

    .max-\[1200px\]\:py-0 {
      padding-block: 0;
    }

    .max-\[1200px\]\:py-4\.25 {
      padding-block: calc(var(--spacing) * 4.25);
    }

    .max-\[1200px\]\:py-6\.25 {
      padding-block: calc(var(--spacing) * 6.25);
    }

    .max-\[1200px\]\:pr-2\.5 {
      padding-right: calc(var(--spacing) * 2.5);
    }

    .max-\[1200px\]\:pl-2\.5 {
      padding-left: calc(var(--spacing) * 2.5);
    }

    .max-\[1200px\]\:text-\[9\.5px\] {
      font-size: 9.5px;
    }

    .max-\[1200px\]\:text-\[9px\] {
      font-size: 9px;
    }

    .max-\[1200px\]\:text-\[10\.5px\] {
      font-size: 10.5px;
    }

    .max-\[1200px\]\:text-\[25px\] {
      font-size: 25px;
    }
  }

  @media not (min-width: 1000px) {
    .max-\[1000px\]\:left-\[calc\(50\%_\+_110px\)\] {
      left: calc(50% + 110px);
    }

    .max-\[1000px\]\:mt-0\.75 {
      margin-top: calc(var(--spacing) * .75);
    }

    .max-\[1000px\]\:flex {
      display: flex;
    }

    .max-\[1000px\]\:grid {
      display: grid;
    }

    .max-\[1000px\]\:hidden {
      display: none;
    }

    .max-\[1000px\]\:h-17 {
      height: calc(var(--spacing) * 17);
    }

    .max-\[1000px\]\:w-\[350px\] {
      width: 350px;
    }

    .max-\[1000px\]\:max-w-\[calc\(50\%_-_3px\)\] {
      max-width: calc(50% - 3px);
    }

    .max-\[1000px\]\:min-w-\[190px\] {
      min-width: 190px;
    }

    .max-\[1000px\]\:flex-1 {
      flex: 1;
    }

    .max-\[1000px\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .max-\[1000px\]\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .max-\[1000px\]\:flex-wrap {
      flex-wrap: wrap;
    }

    .max-\[1000px\]\:gap-1\.5 {
      gap: calc(var(--spacing) * 1.5);
    }

    .max-\[1000px\]\:gap-1\.75 {
      gap: calc(var(--spacing) * 1.75);
    }

    .max-\[1000px\]\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }

    .max-\[1000px\]\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }

    .max-\[1000px\]\:p-5 {
      padding: calc(var(--spacing) * 5);
    }

    .max-\[1000px\]\:text-\[10px\] {
      font-size: 10px;
    }

    .max-\[1000px\]\:text-\[11px\] {
      font-size: 11px;
    }
  }

  @media not (min-width: 760px) {
    .max-\[760px\]\:fixed {
      position: fixed;
    }

    .max-\[760px\]\:inset-0 {
      inset: 0;
    }

    .max-\[760px\]\:left-\[50\%\] {
      left: 50%;
    }

    .max-\[760px\]\:z-45 {
      z-index: 45;
    }

    .max-\[760px\]\:mb-5 {
      margin-bottom: calc(var(--spacing) * 5);
    }

    .max-\[760px\]\:ml-0 {
      margin-left: 0;
    }

    .max-\[760px\]\:block {
      display: block;
    }

    .max-\[760px\]\:h-16 {
      height: calc(var(--spacing) * 16);
    }

    .max-\[760px\]\:w-\[242px\] {
      width: 242px;
    }

    .max-\[760px\]\:-translate-x-full {
      --tw-translate-x: -100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .max-\[760px\]\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .max-\[760px\]\:flex-wrap {
      flex-wrap: wrap;
    }

    .max-\[760px\]\:gap-0\.75 {
      gap: calc(var(--spacing) * .75);
    }

    .max-\[760px\]\:gap-1\.5 {
      gap: calc(var(--spacing) * 1.5);
    }

    .max-\[760px\]\:gap-1\.75 {
      gap: calc(var(--spacing) * 1.75);
    }

    .max-\[760px\]\:gap-2\.5 {
      gap: calc(var(--spacing) * 2.5);
    }

    .max-\[760px\]\:gap-2\.75 {
      gap: calc(var(--spacing) * 2.75);
    }

    .max-\[760px\]\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }

    .max-\[760px\]\:gap-3\.25 {
      gap: calc(var(--spacing) * 3.25);
    }

    .max-\[760px\]\:gap-4\.5 {
      gap: calc(var(--spacing) * 4.5);
    }

    .max-\[760px\]\:gap-6\.25 {
      gap: calc(var(--spacing) * 6.25);
    }

    .max-\[760px\]\:border-0 {
      border-style: var(--tw-border-style);
      border-width: 0;
    }

    .max-\[760px\]\:bg-\[\#0f1b2d60\] {
      background-color: #0f1b2d60;
    }

    .max-\[760px\]\:p-0\.5 {
      padding: calc(var(--spacing) * .5);
    }

    .max-\[760px\]\:p-3 {
      padding: calc(var(--spacing) * 3);
    }

    .max-\[760px\]\:px-2 {
      padding-inline: calc(var(--spacing) * 2);
    }

    .max-\[760px\]\:px-3\.5 {
      padding-inline: calc(var(--spacing) * 3.5);
    }

    .max-\[760px\]\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }

    .max-\[760px\]\:px-4\.25 {
      padding-inline: calc(var(--spacing) * 4.25);
    }

    .max-\[760px\]\:py-0 {
      padding-block: 0;
    }

    .max-\[760px\]\:py-1\.5 {
      padding-block: calc(var(--spacing) * 1.5);
    }

    .max-\[760px\]\:py-3\.75 {
      padding-block: calc(var(--spacing) * 3.75);
    }

    .max-\[760px\]\:py-4\.25 {
      padding-block: calc(var(--spacing) * 4.25);
    }

    .max-\[760px\]\:py-6 {
      padding-block: calc(var(--spacing) * 6);
    }

    .max-\[760px\]\:text-\[8px\] {
      font-size: 8px;
    }

    .max-\[760px\]\:text-\[9px\] {
      font-size: 9px;
    }

    .max-\[760px\]\:text-\[10px\] {
      font-size: 10px;
    }

    .max-\[760px\]\:text-\[11px\] {
      font-size: 11px;
    }

    .max-\[760px\]\:text-\[25px\] {
      font-size: 25px;
    }

    .max-\[760px\]\:transition-transform {
      transition-property: transform, translate, scale, rotate;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }

    .max-\[760px\]\:duration-200 {
      --tw-duration: .2s;
      transition-duration: .2s;
    }
  }

  @media not (min-width: 450px) {
    .max-\[450px\]\:mx-1 {
      margin-inline: var(--spacing);
    }

    .max-\[450px\]\:my-0 {
      margin-block: 0;
    }

    .max-\[450px\]\:h-6 {
      height: calc(var(--spacing) * 6);
    }

    .max-\[450px\]\:w-6 {
      width: calc(var(--spacing) * 6);
    }

    .max-\[450px\]\:w-\[330px\] {
      width: 330px;
    }

    .max-\[450px\]\:max-w-full {
      max-width: 100%;
    }

    .max-\[450px\]\:min-w-full {
      min-width: 100%;
    }

    .max-\[450px\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .max-\[450px\]\:flex-col {
      flex-direction: column;
    }

    .max-\[450px\]\:items-start {
      align-items: flex-start;
    }

    .max-\[450px\]\:gap-0 {
      gap: 0;
    }

    .max-\[450px\]\:gap-1 {
      gap: var(--spacing);
    }

    .max-\[450px\]\:gap-2\.5 {
      gap: calc(var(--spacing) * 2.5);
    }

    .max-\[450px\]\:gap-2\.25 {
      gap: calc(var(--spacing) * 2.25);
    }

    .max-\[450px\]\:p-2\.5 {
      padding: calc(var(--spacing) * 2.5);
    }

    .max-\[450px\]\:p-5 {
      padding: calc(var(--spacing) * 5);
    }

    .max-\[450px\]\:px-3 {
      padding-inline: calc(var(--spacing) * 3);
    }

    .max-\[450px\]\:py-4 {
      padding-block: calc(var(--spacing) * 4);
    }

    .max-\[450px\]\:text-\[8px\] {
      font-size: 8px;
    }

    .max-\[450px\]\:text-\[9px\] {
      font-size: 9px;
    }

    .max-\[450px\]\:text-\[10px\] {
      font-size: 10px;
    }

    .max-\[450px\]\:text-\[24px\] {
      font-size: 24px;
    }
  }

  @media (min-width: 1000px) {
    .min-\[1000px\]\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (min-width: 1600px) {
    .min-\[1600px\]\:p-5\.5 {
      padding: calc(var(--spacing) * 5.5);
    }

    .min-\[1600px\]\:p-5\.25 {
      padding: calc(var(--spacing) * 5.25);
    }

    .min-\[1600px\]\:p-9\.5 {
      padding: calc(var(--spacing) * 9.5);
    }

    .min-\[1600px\]\:pr-9\.5 {
      padding-right: calc(var(--spacing) * 9.5);
    }

    .min-\[1600px\]\:pl-9\.5 {
      padding-left: calc(var(--spacing) * 9.5);
    }

    .min-\[1600px\]\:text-\[10px\] {
      font-size: 10px;
    }

    .min-\[1600px\]\:text-\[11px\] {
      font-size: 11px;
    }

    .min-\[1600px\]\:text-\[12px\] {
      font-size: 12px;
    }
  }

  @media not (min-width: 1000px) {
    .max-\[1000px\]\:\[\&_\.assistant-button\]\:gap-0 .assistant-button {
      gap: 0;
    }

    .max-\[1000px\]\:\[\&_\.assistant-button\]\:text-\[0\] .assistant-button {
      color: 0;
    }

    .max-\[1000px\]\:\[\&_\.assistant-button_\.icon\]\:h-4\.25 .assistant-button .icon {
      height: calc(var(--spacing) * 4.25);
    }

    .max-\[1000px\]\:\[\&_\.assistant-button_\.icon\]\:w-4\.25 .assistant-button .icon {
      width: calc(var(--spacing) * 4.25);
    }
  }

  @media not (min-width: 1200px) {
    .max-\[1200px\]\:\[\&_\.audit-button\]\:hidden .audit-button {
      display: none;
    }
  }

  .\[\&_\.avatar\]\:bg-\[\#293b51\] .avatar {
    background-color: #293b51;
  }

  .\[\&_\.avatar\]\:text-\[\#c6e5e8\] .avatar {
    color: #c6e5e8;
  }

  .\[\&_\.between\]\:gap-1 .between {
    gap: var(--spacing);
  }

  .\[\&_\.body-copy\]\:flex-1 .body-copy {
    flex: 1;
  }

  .\[\&_\.body-copy\]\:text-\[11px\] .body-copy {
    font-size: 11px;
  }

  .\[\&_\.body-copy\]\:text-muted .body-copy {
    color: var(--color-muted);
  }

  .\[\&_\.btn\]\:min-h-6\.25 .btn {
    min-height: calc(var(--spacing) * 6.25);
  }

  .\[\&_\.btn\]\:min-h-7\.5 .btn {
    min-height: calc(var(--spacing) * 7.5);
  }

  .\[\&_\.btn\]\:px-2 .btn {
    padding-inline: calc(var(--spacing) * 2);
  }

  .\[\&_\.btn\]\:px-2\.5 .btn {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .\[\&_\.btn\]\:py-1 .btn {
    padding-block: var(--spacing);
  }

  .\[\&_\.btn\]\:py-1\.5 .btn {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .\[\&_\.btn\]\:pl-0 .btn {
    padding-left: 0;
  }

  .\[\&_\.btn\]\:text-\[10px\] .btn {
    font-size: 10px;
  }

  .\[\&_\.btn\]\:text-teal .btn {
    color: var(--color-teal);
  }

  @media not (min-width: 1200px) {
    .max-\[1200px\]\:\[\&_\.btn\]\:px-2 .btn {
      padding-inline: calc(var(--spacing) * 2);
    }

    .max-\[1200px\]\:\[\&_\.btn\]\:py-1\.5 .btn {
      padding-block: calc(var(--spacing) * 1.5);
    }

    .max-\[1200px\]\:\[\&_\.btn\]\:text-\[9px\] .btn {
      font-size: 9px;
    }
  }

  @media not (min-width: 1000px) {
    .max-\[1000px\]\:\[\&_\.btn\]\:px-2\.5 .btn {
      padding-inline: calc(var(--spacing) * 2.5);
    }

    .max-\[1000px\]\:\[\&_\.btn\]\:py-1\.75 .btn {
      padding-block: calc(var(--spacing) * 1.75);
    }

    .max-\[1000px\]\:\[\&_\.btn\]\:text-\[11px\] .btn {
      font-size: 11px;
    }
  }

  @media not (min-width: 760px) {
    .max-\[760px\]\:\[\&_\.btn\]\:px-2\.25 .btn {
      padding-inline: calc(var(--spacing) * 2.25);
    }

    .max-\[760px\]\:\[\&_\.btn\]\:py-1\.75 .btn {
      padding-block: calc(var(--spacing) * 1.75);
    }

    .max-\[760px\]\:\[\&_\.btn\]\:text-\[10px\] .btn {
      font-size: 10px;
    }
  }

  @media not (min-width: 450px) {
    .max-\[450px\]\:\[\&_\.btn\]\:px-2 .btn {
      padding-inline: calc(var(--spacing) * 2);
    }

    .max-\[450px\]\:\[\&_\.btn\]\:py-1\.5 .btn {
      padding-block: calc(var(--spacing) * 1.5);
    }

    .max-\[450px\]\:\[\&_\.btn\]\:text-\[8px\] .btn {
      font-size: 8px;
    }

    .max-\[450px\]\:\[\&_\.btn\]\:text-\[9px\] .btn {
      font-size: 9px;
    }
  }

  @media not (min-width: 1000px) {
    .max-\[1000px\]\:\[\&_\.card-heading\]\:mb-1\.5 .card-heading {
      margin-bottom: calc(var(--spacing) * 1.5);
    }

    .max-\[1000px\]\:\[\&_\.card-heading\]\:w-full .card-heading {
      width: 100%;
    }
  }

  .\[\&_\.card-heading_h2\]\:text-teal .card-heading h2 {
    color: var(--color-teal);
  }

  .\[\&_\.compact-select\]\:w-\[113px\] .compact-select {
    width: 113px;
  }

  .\[\&_\.compact-select\]\:flex-none .compact-select {
    flex: none;
  }

  .\[\&_\.compact-select\]\:text-\[10px\] .compact-select {
    font-size: 10px;
  }

  @media not (min-width: 1200px) {
    .max-\[1200px\]\:\[\&_\.compact-select\]\:ml-11 .compact-select {
      margin-left: calc(var(--spacing) * 11);
    }

    .max-\[1200px\]\:\[\&_\.compact-select\]\:max-w-\[120px\] .compact-select {
      max-width: 120px;
    }
  }

  @media not (min-width: 760px) {
    .max-\[760px\]\:\[\&_\.compact-select\]\:ml-0 .compact-select {
      margin-left: 0;
    }
  }

  @media not (min-width: 450px) {
    .max-\[450px\]\:\[\&_\.compact-select\]\:ml-10\.25 .compact-select {
      margin-left: calc(var(--spacing) * 10.25);
    }
  }

  .\[\&_\.eyebrow\]\:mb-1\.25 .eyebrow {
    margin-bottom: calc(var(--spacing) * 1.25);
  }

  @media not (min-width: 760px) {
    .max-\[760px\]\:\[\&_\.filter-pills\]\:w-full .filter-pills {
      width: 100%;
    }
  }

  .\[\&_\.icon\]\:mt-1 .icon {
    margin-top: var(--spacing);
  }

  .\[\&_\.icon\]\:h-2\.75 .icon {
    height: calc(var(--spacing) * 2.75);
  }

  .\[\&_\.icon\]\:h-3 .icon {
    height: calc(var(--spacing) * 3);
  }

  .\[\&_\.icon\]\:h-3\.5 .icon {
    height: calc(var(--spacing) * 3.5);
  }

  .\[\&_\.icon\]\:h-3\.25 .icon {
    height: calc(var(--spacing) * 3.25);
  }

  .\[\&_\.icon\]\:h-3\.75 .icon {
    height: calc(var(--spacing) * 3.75);
  }

  .\[\&_\.icon\]\:h-4 .icon {
    height: calc(var(--spacing) * 4);
  }

  .\[\&_\.icon\]\:h-4\.25 .icon {
    height: calc(var(--spacing) * 4.25);
  }

  .\[\&_\.icon\]\:w-2\.75 .icon {
    width: calc(var(--spacing) * 2.75);
  }

  .\[\&_\.icon\]\:w-3 .icon {
    width: calc(var(--spacing) * 3);
  }

  .\[\&_\.icon\]\:w-3\.5 .icon {
    width: calc(var(--spacing) * 3.5);
  }

  .\[\&_\.icon\]\:w-3\.25 .icon {
    width: calc(var(--spacing) * 3.25);
  }

  .\[\&_\.icon\]\:w-3\.75 .icon {
    width: calc(var(--spacing) * 3.75);
  }

  .\[\&_\.icon\]\:w-4 .icon {
    width: calc(var(--spacing) * 4);
  }

  .\[\&_\.icon\]\:w-4\.25 .icon {
    width: calc(var(--spacing) * 4.25);
  }

  .\[\&_\.icon\]\:text-\[\#7bdfbd\] .icon {
    color: #7bdfbd;
  }

  .\[\&_\.icon\]\:text-\[\#8a96a6\] .icon {
    color: #8a96a6;
  }

  .\[\&_\.icon\]\:text-teal .icon {
    color: var(--color-teal);
  }

  .\[\&_\.icon\:last-child\]\:ml-auto .icon:last-child {
    margin-left: auto;
  }

  .\[\&_\.icon\:last-child\]\:w-3\.25 .icon:last-child {
    width: calc(var(--spacing) * 3.25);
  }

  @media not (min-width: 1000px) {
    .max-\[1000px\]\:\[\&_\.initials\]\:h-7 .initials {
      height: calc(var(--spacing) * 7);
    }

    .max-\[1000px\]\:\[\&_\.initials\]\:w-7 .initials {
      width: calc(var(--spacing) * 7);
    }

    .max-\[1000px\]\:\[\&_\.inline-search\]\:mb-2 .inline-search {
      margin-bottom: calc(var(--spacing) * 2);
    }

    .max-\[1000px\]\:\[\&_\.inline-search\]\:w-full .inline-search {
      width: 100%;
    }

    .max-\[1000px\]\:\[\&_\.notification-button\]\:hidden .notification-button, .max-\[1000px\]\:\[\&_\.optional-label\]\:hidden .optional-label {
      display: none;
    }
  }

  .\[\&_\.pill\]\:border-\[\#d7e8eb\] .pill {
    border-color: #d7e8eb;
  }

  .\[\&_\.pill\]\:bg-\[\#ffffff90\] .pill {
    background-color: #ffffff90;
  }

  .\[\&_\.pill\]\:text-\[10px\] .pill {
    font-size: 10px;
  }

  .\[\&_\.progress-block\]\:mx-0 .progress-block {
    margin-inline: 0;
  }

  .\[\&_\.progress-block\]\:my-2 .progress-block {
    margin-block: calc(var(--spacing) * 2);
  }

  .\[\&_\.progress-block_\>_\.between\]\:hidden .progress-block > .between {
    display: none;
  }

  .\[\&_\.stat-icon\]\:bg-amber-soft .stat-icon {
    background-color: var(--color-amber-soft);
  }

  .\[\&_\.stat-icon\]\:bg-teal-soft .stat-icon {
    background-color: var(--color-teal-soft);
  }

  .\[\&_\.stat-icon\]\:text-amber .stat-icon {
    color: var(--color-amber);
  }

  .\[\&_\.stat-icon\]\:text-teal .stat-icon {
    color: var(--color-teal);
  }

  .\[\&_\.stat-value\]\:text-amber .stat-value {
    color: var(--color-amber);
  }

  .\[\&_\.stat-value\]\:text-teal .stat-value {
    color: var(--color-teal);
  }

  .\[\&_\.tag\]\:ml-1\.75 .tag {
    margin-left: calc(var(--spacing) * 1.75);
  }

  .\[\&_\.tag\]\:ml-auto .tag {
    margin-left: auto;
  }

  .\[\&_\.tag\]\:align-middle .tag {
    vertical-align: middle;
  }

  .\[\&_\.tag\]\:text-\[9px\] .tag {
    font-size: 9px;
  }

  .\[\&_\.tag\]\:tracking-normal .tag {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }

  .\[\&_\.text-button\]\:mt-1\.25 .text-button {
    margin-top: calc(var(--spacing) * 1.25);
  }

  .\[\&_\.text-button\]\:text-\[9\.5px\] .text-button {
    font-size: 9.5px;
  }

  .\[\&_\:is\(input\:not\(\[type\=file\]\)\,textarea\,select\)\]\:w-full :is(input:not([type="file"]), textarea, select) {
    width: 100%;
  }

  .\[\&_\:is\(input\:not\(\[type\=file\]\)\,textarea\,select\)\]\:rounded-\[7px\] :is(input:not([type="file"]), textarea, select) {
    border-radius: 7px;
  }

  .\[\&_\:is\(input\:not\(\[type\=file\]\)\,textarea\,select\)\]\:border :is(input:not([type="file"]), textarea, select) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .\[\&_\:is\(input\:not\(\[type\=file\]\)\,textarea\,select\)\]\:border-\[\#d7e0eb\] :is(input:not([type="file"]), textarea, select) {
    border-color: #d7e0eb;
  }

  .\[\&_\:is\(input\:not\(\[type\=file\]\)\,textarea\,select\)\]\:bg-white :is(input:not([type="file"]), textarea, select) {
    background-color: var(--color-white);
  }

  .\[\&_\:is\(input\:not\(\[type\=file\]\)\,textarea\,select\)\]\:px-3 :is(input:not([type="file"]), textarea, select) {
    padding-inline: calc(var(--spacing) * 3);
  }

  .\[\&_\:is\(input\:not\(\[type\=file\]\)\,textarea\,select\)\]\:py-2\.5 :is(input:not([type="file"]), textarea, select) {
    padding-block: calc(var(--spacing) * 2.5);
  }

  .\[\&_\:is\(input\:not\(\[type\=file\]\)\,textarea\,select\)\]\:text-xs :is(input:not([type="file"]), textarea, select) {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .\[\&_\:is\(input\:not\(\[type\=file\]\)\,textarea\,select\)\]\:leading-\[1\.7\] :is(input:not([type="file"]), textarea, select) {
    --tw-leading: 1.7;
    line-height: 1.7;
  }

  .\[\&_\:is\(input\:not\(\[type\=file\]\)\,textarea\,select\)\]\:font-normal :is(input:not([type="file"]), textarea, select) {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .\[\&_\>_\.between\]\:mb-1\.75 > .between {
    margin-bottom: calc(var(--spacing) * 1.75);
  }

  .\[\&_\>_\.between\]\:text-\[10px\] > .between {
    font-size: 10px;
  }

  .\[\&_\>_\.between\]\:text-\[11px\] > .between {
    font-size: 11px;
  }

  .\[\&_\>_\.between\]\:text-muted > .between {
    color: var(--color-muted);
  }

  .\[\&_\>_\.between_\>_span\]\:text-\[10px\] > .between > span {
    font-size: 10px;
  }

  .\[\&_\>_\.between_\>_span\]\:text-teal > .between > span {
    color: var(--color-teal);
  }

  @media not (min-width: 760px) {
    .max-\[760px\]\:\[\&_\>_\.btn\]\:w-full > .btn {
      width: 100%;
    }
  }

  @media not (min-width: 450px) {
    .max-\[450px\]\:\[\&_\>_\.btn\]\:hidden > .btn {
      display: none;
    }
  }

  .\[\&_\>_\.card\]\:flex > .card {
    display: flex;
  }

  .\[\&_\>_\.card\]\:flex-col > .card {
    flex-direction: column;
  }

  .\[\&_\>_\.card\]\:items-start > .card {
    align-items: flex-start;
  }

  .\[\&_\>_\.card-heading\]\:px-2 > .card-heading {
    padding-inline: calc(var(--spacing) * 2);
  }

  .\[\&_\>_\.card-heading\]\:py-0 > .card-heading {
    padding-block: 0;
  }

  .\[\&_\>_\.icon\]\:mt-0\.5 > .icon {
    margin-top: calc(var(--spacing) * .5);
  }

  .\[\&_\>_\.icon\]\:mt-0\.75 > .icon {
    margin-top: calc(var(--spacing) * .75);
  }

  .\[\&_\>_\.icon\]\:ml-auto > .icon {
    margin-left: auto;
  }

  .\[\&_\>_\.icon\]\:h-2\.75 > .icon {
    height: calc(var(--spacing) * 2.75);
  }

  .\[\&_\>_\.icon\]\:h-3 > .icon {
    height: calc(var(--spacing) * 3);
  }

  .\[\&_\>_\.icon\]\:h-3\.5 > .icon {
    height: calc(var(--spacing) * 3.5);
  }

  .\[\&_\>_\.icon\]\:h-3\.25 > .icon {
    height: calc(var(--spacing) * 3.25);
  }

  .\[\&_\>_\.icon\]\:h-3\.75 > .icon {
    height: calc(var(--spacing) * 3.75);
  }

  .\[\&_\>_\.icon\]\:h-5\.75 > .icon {
    height: calc(var(--spacing) * 5.75);
  }

  .\[\&_\>_\.icon\]\:h-6\.25 > .icon {
    height: calc(var(--spacing) * 6.25);
  }

  .\[\&_\>_\.icon\]\:h-8\.75 > .icon {
    height: calc(var(--spacing) * 8.75);
  }

  .\[\&_\>_\.icon\]\:w-2\.75 > .icon {
    width: calc(var(--spacing) * 2.75);
  }

  .\[\&_\>_\.icon\]\:w-3 > .icon {
    width: calc(var(--spacing) * 3);
  }

  .\[\&_\>_\.icon\]\:w-3\.5 > .icon {
    width: calc(var(--spacing) * 3.5);
  }

  .\[\&_\>_\.icon\]\:w-3\.25 > .icon {
    width: calc(var(--spacing) * 3.25);
  }

  .\[\&_\>_\.icon\]\:w-3\.75 > .icon {
    width: calc(var(--spacing) * 3.75);
  }

  .\[\&_\>_\.icon\]\:w-4 > .icon {
    width: calc(var(--spacing) * 4);
  }

  .\[\&_\>_\.icon\]\:w-5\.75 > .icon {
    width: calc(var(--spacing) * 5.75);
  }

  .\[\&_\>_\.icon\]\:w-6\.25 > .icon {
    width: calc(var(--spacing) * 6.25);
  }

  .\[\&_\>_\.icon\]\:w-8\.75 > .icon {
    width: calc(var(--spacing) * 8.75);
  }

  .\[\&_\>_\.icon\]\:text-\[\#8b9bad\] > .icon {
    color: #8b9bad;
  }

  .\[\&_\>_\.icon\]\:text-\[\#9ba6b6\] > .icon {
    color: #9ba6b6;
  }

  .\[\&_\>_\.icon\]\:text-\[\#8895a6\] > .icon {
    color: #8895a6;
  }

  .\[\&_\>_\.icon\]\:text-teal > .icon {
    color: var(--color-teal);
  }

  @media not (min-width: 760px) {
    .max-\[760px\]\:\[\&_\>_\.icon\]\:h-3\.75 > .icon {
      height: calc(var(--spacing) * 3.75);
    }

    .max-\[760px\]\:\[\&_\>_\.icon\]\:w-3\.75 > .icon {
      width: calc(var(--spacing) * 3.75);
    }
  }

  @media not (min-width: 450px) {
    .max-\[450px\]\:\[\&_\>_\.icon\]\:hidden > .icon {
      display: none;
    }

    .max-\[450px\]\:\[\&_\>_\.icon\]\:h-3\.5 > .icon {
      height: calc(var(--spacing) * 3.5);
    }

    .max-\[450px\]\:\[\&_\>_\.icon\]\:w-3\.5 > .icon {
      width: calc(var(--spacing) * 3.5);
    }
  }

  .\[\&_\>_\.icon-button\]\:-mt-0\.75 > .icon-button {
    margin-top: calc(var(--spacing) * -.75);
  }

  .\[\&_\>_\.icon-button\]\:ml-auto > .icon-button {
    margin-left: auto;
  }

  .\[\&_\>_\.inline-search\]\:mx-1\.75 > .inline-search {
    margin-inline: calc(var(--spacing) * 1.75);
  }

  .\[\&_\>_\.inline-search\]\:mt-0 > .inline-search {
    margin-top: 0;
  }

  .\[\&_\>_\.inline-search\]\:mb-3\.5 > .inline-search {
    margin-bottom: calc(var(--spacing) * 3.5);
  }

  @media not (min-width: 1000px) {
    .max-\[1000px\]\:\[\&_\>_\.rail-footer\]\:col-span-full > .rail-footer {
      grid-column: 1 / -1;
    }

    .max-\[1000px\]\:\[\&_\>_\.stack\]\:max-w-\[650px\] > .stack {
      max-width: 650px;
    }
  }

  .\[\&_\>_\.tag\]\:ml-auto > .tag {
    margin-left: auto;
  }

  .\[\&_\>_\.warning-note\]\:mx-5 > .warning-note {
    margin-inline: calc(var(--spacing) * 5);
  }

  .\[\&_\>_\.warning-note\]\:mt-3\.75 > .warning-note {
    margin-top: calc(var(--spacing) * 3.75);
  }

  .\[\&_\>_\.warning-note\]\:mb-0 > .warning-note {
    margin-bottom: 0;
  }

  .\[\&_\>_a\]\:mt-3 > a {
    margin-top: calc(var(--spacing) * 3);
  }

  .\[\&_\>_a\]\:flex > a {
    display: flex;
  }

  .\[\&_\>_a\]\:items-center > a {
    align-items: center;
  }

  .\[\&_\>_a\]\:gap-2 > a {
    gap: calc(var(--spacing) * 2);
  }

  .\[\&_\>_a\]\:gap-2\.5 > a {
    gap: calc(var(--spacing) * 2.5);
  }

  .\[\&_\>_a\]\:gap-2\.25 > a {
    gap: calc(var(--spacing) * 2.25);
  }

  .\[\&_\>_a\]\:gap-3 > a {
    gap: calc(var(--spacing) * 3);
  }

  .\[\&_\>_a\]\:rounded-\[7px\] > a {
    border-radius: 7px;
  }

  .\[\&_\>_a\]\:rounded-lg > a {
    border-radius: var(--radius-lg);
  }

  .\[\&_\>_a\]\:border > a {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .\[\&_\>_a\]\:border-0 > a {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .\[\&_\>_a\]\:border-b > a {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .\[\&_\>_a\]\:border-line > a {
    border-color: var(--color-line);
  }

  .\[\&_\>_a\]\:border-b-line > a {
    border-bottom-color: var(--color-line);
  }

  .\[\&_\>_a\]\:border-b-line-soft > a {
    border-bottom-color: var(--color-line-soft);
  }

  .\[\&_\>_a\]\:bg-transparent > a {
    background-color: #0000;
  }

  .\[\&_\>_a\]\:bg-white > a {
    background-color: var(--color-white);
  }

  .\[\&_\>_a\]\:p-3 > a {
    padding: calc(var(--spacing) * 3);
  }

  .\[\&_\>_a\]\:px-0 > a {
    padding-inline: 0;
  }

  .\[\&_\>_a\]\:px-2\.5 > a {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .\[\&_\>_a\]\:py-2\.75 > a {
    padding-block: calc(var(--spacing) * 2.75);
  }

  .\[\&_\>_a\]\:py-3 > a {
    padding-block: calc(var(--spacing) * 3);
  }

  .\[\&_\>_a\]\:py-4\.25 > a {
    padding-block: calc(var(--spacing) * 4.25);
  }

  .\[\&_\>_a\]\:text-left > a {
    text-align: left;
  }

  .\[\&_\>_a\]\:text-\[11px\] > a {
    font-size: 11px;
  }

  .\[\&_\>_a\]\:text-ink > a {
    color: var(--color-ink);
  }

  .\[\&_\>_a\]\:text-teal > a {
    color: var(--color-teal);
  }

  @media not (min-width: 450px) {
    .max-\[450px\]\:\[\&_\>_a\]\:flex-wrap > a {
      flex-wrap: wrap;
    }
  }

  .\[\&_\>_a_\>_\.icon\]\:w-3\.75 > a > .icon {
    width: calc(var(--spacing) * 3.75);
  }

  .\[\&_\>_a_\>_\.icon\:last-child\]\:ml-auto > a > .icon:last-child {
    margin-left: auto;
  }

  .\[\&_\>_a_\>_\.icon\:last-child\]\:w-3\.5 > a > .icon:last-child {
    width: calc(var(--spacing) * 3.5);
  }

  .\[\&_\>_a_\>_\.icon\:last-child\]\:w-3\.25 > a > .icon:last-child {
    width: calc(var(--spacing) * 3.25);
  }

  .\[\&_\>_a_\>_small\]\:ml-auto > a > small {
    margin-left: auto;
  }

  .\[\&_\>_a\.active\]\:border-\[\#badde1\] > a.active {
    border-color: #badde1;
  }

  .\[\&_\>_a\.active\]\:bg-teal-soft > a.active {
    background-color: var(--color-teal-soft);
  }

  .\[\&_\>_a\.active\]\:text-teal > a.active {
    color: var(--color-teal);
  }

  .\[\&_\>_a\:hover\]\:bg-teal-soft > a:hover {
    background-color: var(--color-teal-soft);
  }

  .\[\&_\>_a\:hover\]\:text-teal > a:hover {
    color: var(--color-teal);
  }

  .\[\&_\>_a\:last-child\]\:border-b-0 > a:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .\[\&_\>_button\]\:flex > button {
    display: flex;
  }

  .\[\&_\>_button\]\:items-center > button {
    align-items: center;
  }

  .\[\&_\>_button\]\:gap-2 > button {
    gap: calc(var(--spacing) * 2);
  }

  .\[\&_\>_button\]\:border-0 > button {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .\[\&_\>_button\]\:border-b > button {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .\[\&_\>_button\]\:border-b-line-soft > button {
    border-bottom-color: var(--color-line-soft);
  }

  .\[\&_\>_button\]\:bg-transparent > button {
    background-color: #0000;
  }

  .\[\&_\>_button\]\:px-0 > button {
    padding-inline: 0;
  }

  .\[\&_\>_button\]\:py-2\.75 > button {
    padding-block: calc(var(--spacing) * 2.75);
  }

  .\[\&_\>_button\]\:text-left > button {
    text-align: left;
  }

  .\[\&_\>_button\]\:text-\[11px\] > button {
    font-size: 11px;
  }

  .\[\&_\>_button\:hover\]\:text-teal > button:hover {
    color: var(--color-teal);
  }

  .\[\&_\>_button\:last-child\]\:border-b-0 > button:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .\[\&_\>_div\]\:flex > div {
    display: flex;
  }

  .\[\&_\>_div\]\:min-w-0 > div {
    min-width: 0;
  }

  .\[\&_\>_div\]\:flex-1 > div {
    flex: 1;
  }

  .\[\&_\>_div\]\:justify-between > div {
    justify-content: space-between;
  }

  .\[\&_\>_div\]\:gap-2\.5 > div {
    gap: calc(var(--spacing) * 2.5);
  }

  .\[\&_\>_div\]\:gap-3\.75 > div {
    gap: calc(var(--spacing) * 3.75);
  }

  .\[\&_\>_div\]\:border-b > div {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .\[\&_\>_div\]\:border-b-line-soft > div {
    border-bottom-color: var(--color-line-soft);
  }

  .\[\&_\>_div\]\:px-0 > div {
    padding-inline: 0;
  }

  .\[\&_\>_div\]\:py-1\.75 > div {
    padding-block: calc(var(--spacing) * 1.75);
  }

  .\[\&_\>_div\]\:py-3 > div {
    padding-block: calc(var(--spacing) * 3);
  }

  .\[\&_\>_div\]\:text-\[10\.5px\] > div {
    font-size: 10.5px;
  }

  .\[\&_\>_div\]\:text-\[11px\] > div {
    font-size: 11px;
  }

  .\[\&_\>_div\]\:text-\[\#506b78\] > div {
    color: #506b78;
  }

  @media not (min-width: 1200px) {
    .max-\[1200px\]\:\[\&_\>_div\]\:min-w-\[160px\] > div {
      min-width: 160px;
    }
  }

  @media not (min-width: 450px) {
    .max-\[450px\]\:\[\&_\>_div\]\:min-w-\[150px\] > div {
      min-width: 150px;
    }
  }

  .\[\&_\>_div\:last-child\]\:border-0 > div:last-child {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .\[\&_\>_img\]\:mb-5\.5 > img {
    margin-bottom: calc(var(--spacing) * 5.5);
  }

  .\[\&_\>_img\]\:h-auto > img {
    height: auto;
  }

  .\[\&_\>_img\]\:w-20\.75 > img {
    width: calc(var(--spacing) * 20.75);
  }

  .\[\&_\>_input\]\:mt-0\.75 > input {
    margin-top: calc(var(--spacing) * .75);
  }

  .\[\&_\>_input\]\:max-w-full > input {
    max-width: 100%;
  }

  .\[\&_\>_input\]\:min-w-0 > input {
    min-width: 0;
  }

  .\[\&_\>_input\]\:flex-1 > input {
    flex: 1;
  }

  .\[\&_\>_input\]\:rounded-lg > input {
    border-radius: var(--radius-lg);
  }

  .\[\&_\>_input\]\:border > input {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .\[\&_\>_input\]\:border-\[\#cee1e6\] > input {
    border-color: #cee1e6;
  }

  .\[\&_\>_input\]\:bg-white > input {
    background-color: var(--color-white);
  }

  .\[\&_\>_input\]\:px-3\.25 > input {
    padding-inline: calc(var(--spacing) * 3.25);
  }

  .\[\&_\>_input\]\:py-2\.75 > input {
    padding-block: calc(var(--spacing) * 2.75);
  }

  .\[\&_\>_input\]\:text-\[11px\] > input {
    font-size: 11px;
  }

  .\[\&_\>_input\]\:text-\[12px\] > input {
    font-size: 12px;
  }

  .\[\&_\>_label\]\:flex > label {
    display: flex;
  }

  .\[\&_\>_label\]\:items-center > label {
    align-items: center;
  }

  .\[\&_\>_label\]\:gap-2 > label {
    gap: calc(var(--spacing) * 2);
  }

  .\[\&_\>_p\]\:mx-0 > p {
    margin-inline: 0;
  }

  .\[\&_\>_p\]\:my-4\.5 > p {
    margin-block: calc(var(--spacing) * 4.5);
  }

  .\[\&_\>_p\]\:p-3\.5 > p {
    padding: calc(var(--spacing) * 3.5);
  }

  .\[\&_\>_p\]\:text-\[11px\] > p {
    font-size: 11px;
  }

  .\[\&_\>_p\]\:text-\[12px\] > p {
    font-size: 12px;
  }

  .\[\&_\>_p\]\:leading-\[1\.9\] > p {
    --tw-leading: 1.9;
    line-height: 1.9;
  }

  .\[\&_\>_p\]\:leading-\[1\.85\] > p {
    --tw-leading: 1.85;
    line-height: 1.85;
  }

  .\[\&_\>_p\]\:text-muted > p {
    color: var(--color-muted);
  }

  @media not (min-width: 1000px) {
    .max-\[1000px\]\:\[\&_\>_p\]\:text-\[12px\] > p {
      font-size: 12px;
    }
  }

  @media not (min-width: 760px) {
    .max-\[760px\]\:\[\&_\>_p\]\:text-\[11px\] > p {
      font-size: 11px;
    }
  }

  @media not (min-width: 450px) {
    .max-\[450px\]\:\[\&_\>_p\]\:text-\[10px\] > p {
      font-size: 10px;
    }
  }

  @media (min-width: 1600px) {
    .min-\[1600px\]\:\[\&_\>_p\]\:text-\[12px\] > p {
      font-size: 12px;
    }
  }

  .\[\&_\>_small\]\:text-\[9px\] > small {
    font-size: 9px;
  }

  .\[\&_\>_small\]\:text-muted > small {
    color: var(--color-muted);
  }

  .\[\&_\>_span\]\:ml-auto > span {
    margin-left: auto;
  }

  .\[\&_\>_span\]\:block > span {
    display: block;
  }

  .\[\&_\>_span\]\:flex > span {
    display: flex;
  }

  .\[\&_\>_span\]\:h-1\.25 > span {
    height: calc(var(--spacing) * 1.25);
  }

  .\[\&_\>_span\]\:h-6\.25 > span {
    height: calc(var(--spacing) * 6.25);
  }

  .\[\&_\>_span\]\:h-8\.5 > span {
    height: calc(var(--spacing) * 8.5);
  }

  .\[\&_\>_span\]\:h-full > span {
    height: 100%;
  }

  .\[\&_\>_span\]\:w-1\.25 > span {
    width: calc(var(--spacing) * 1.25);
  }

  .\[\&_\>_span\]\:w-6\.25 > span {
    width: calc(var(--spacing) * 6.25);
  }

  .\[\&_\>_span\]\:w-8\.5 > span {
    width: calc(var(--spacing) * 8.5);
  }

  .\[\&_\>_span\]\:items-center > span {
    align-items: center;
  }

  .\[\&_\>_span\]\:justify-center > span {
    justify-content: center;
  }

  .\[\&_\>_span\]\:gap-2 > span {
    gap: calc(var(--spacing) * 2);
  }

  .\[\&_\>_span\]\:rounded-\[9px\] > span {
    border-radius: 9px;
  }

  .\[\&_\>_span\]\:rounded-full > span {
    border-radius: 3.40282e38px;
  }

  .\[\&_\>_span\]\:border-3 > span {
    border-style: var(--tw-border-style);
    border-width: 3px;
  }

  .\[\&_\>_span\]\:border-white > span {
    border-color: var(--color-white);
  }

  .\[\&_\>_span\]\:bg-\[\#8d9bb0\] > span {
    background-color: #8d9bb0;
  }

  .\[\&_\>_span\]\:bg-\[\#daedef\] > span {
    background-color: #daedef;
  }

  .\[\&_\>_span\]\:bg-\[\#f0f3f7\] > span {
    background-color: #f0f3f7;
  }

  .\[\&_\>_span\]\:bg-teal > span {
    background-color: var(--color-teal);
  }

  .\[\&_\>_span\]\:text-\[11px\] > span {
    font-size: 11px;
  }

  .\[\&_\>_span\]\:text-\[12px\] > span {
    font-size: 12px;
  }

  .\[\&_\>_span\]\:text-\[22px\] > span {
    font-size: 22px;
  }

  .\[\&_\>_span\]\:tracking-\[0\] > span {
    --tw-tracking: 0;
    letter-spacing: 0;
  }

  .\[\&_\>_span\]\:text-\[\#8b98a9\] > span {
    color: #8b98a9;
  }

  .\[\&_\>_span\:first-child\]\:flex > span:first-child {
    display: flex;
  }

  .\[\&_\>_span\:first-child\]\:flex-wrap > span:first-child {
    flex-wrap: wrap;
  }

  .\[\&_\>_span\:first-child\]\:items-center > span:first-child {
    align-items: center;
  }

  .\[\&_\>_span\:first-child\]\:gap-1\.75 > span:first-child {
    gap: calc(var(--spacing) * 1.75);
  }

  @media not (min-width: 450px) {
    .max-\[450px\]\:\[\&_\>_span\:first-child\]\:gap-1 > span:first-child {
      gap: var(--spacing);
    }

    .max-\[450px\]\:\[\&_\>_span\:first-child\]\:text-\[8px\] > span:first-child {
      font-size: 8px;
    }
  }

  .\[\&_\>_span\:last-child\]\:flex > span:last-child {
    display: flex;
  }

  .\[\&_\>_span\:last-child\]\:items-center > span:last-child {
    align-items: center;
  }

  .\[\&_\>_span\:last-child\]\:gap-2 > span:last-child {
    gap: calc(var(--spacing) * 2);
  }

  .\[\&_\>_span\:last-child\]\:text-\[11px\] > span:last-child {
    font-size: 11px;
  }

  @media not (min-width: 450px) {
    .max-\[450px\]\:\[\&_\>_span\:last-child\]\:hidden > span:last-child {
      display: none;
    }
  }

  .\[\&_\>_span\:not\(\.priority-dot\)\]\:rounded > span:not(.priority-dot) {
    border-radius: .25rem;
  }

  .\[\&_\>_span\:not\(\.priority-dot\)\]\:bg-\[\#ffffff25\] > span:not(.priority-dot) {
    background-color: #ffffff25;
  }

  .\[\&_\>_span\:not\(\.priority-dot\)\]\:px-1\.25 > span:not(.priority-dot) {
    padding-inline: calc(var(--spacing) * 1.25);
  }

  .\[\&_\>_span\:not\(\.priority-dot\)\]\:py-0 > span:not(.priority-dot) {
    padding-block: 0;
  }

  .\[\&_\>_span\:not\(\.priority-dot\)\]\:text-\[9px\] > span:not(.priority-dot) {
    font-size: 9px;
  }

  .\[\&_\>_span\:nth-child\(2\)\]\:flex-1 > span:nth-child(2) {
    flex: 1;
  }

  .\[\&_\>_strong\]\:font-display > strong {
    font-family: var(--font-display);
  }

  .\[\&_\>_strong\]\:text-\[12px\] > strong {
    font-size: 12px;
  }

  .\[\&_\>_strong\]\:text-\[25px\] > strong {
    font-size: 25px;
  }

  .\[\&_\>_strong\]\:font-medium > strong {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .\[\&_a\]\:rounded a {
    border-radius: .25rem;
  }

  .\[\&_a\]\:px-1\.5 a {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .\[\&_a\]\:py-1 a {
    padding-block: var(--spacing);
  }

  .\[\&_a\]\:text-\[10px\] a {
    font-size: 10px;
  }

  .\[\&_a\]\:font-semibold a {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .\[\&_a\]\:text-muted a {
    color: var(--color-muted);
  }

  @media not (min-width: 760px) {
    .max-\[760px\]\:\[\&_a\]\:px-1\.25 a {
      padding-inline: calc(var(--spacing) * 1.25);
    }

    .max-\[760px\]\:\[\&_a\]\:py-1 a {
      padding-block: var(--spacing);
    }

    .max-\[760px\]\:\[\&_a\]\:text-\[9px\] a {
      font-size: 9px;
    }
  }

  .\[\&_a\.active\]\:bg-white a.active {
    background-color: var(--color-white);
  }

  .\[\&_a\.active\]\:text-teal a.active {
    color: var(--color-teal);
  }

  .\[\&_a\.active\]\:shadow-\[0_1px_4px_\#0f1b2d10\] a.active {
    --tw-shadow: 0 1px 4px var(--tw-shadow-color, #0f1b2d10);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .\[\&_b\]\:mt-1 b {
    margin-top: var(--spacing);
  }

  .\[\&_b\]\:block b {
    display: block;
  }

  .\[\&_b\]\:font-display b {
    font-family: var(--font-display);
  }

  .\[\&_b\]\:text-\[10px\] b {
    font-size: 10px;
  }

  .\[\&_b\]\:text-\[12px\] b {
    font-size: 12px;
  }

  .\[\&_b\]\:text-\[16px\] b {
    font-size: 16px;
  }

  .\[\&_b\]\:font-medium b {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .\[\&_b\]\:text-ink b {
    color: var(--color-ink);
  }

  .\[\&_b\]\:text-teal b {
    color: var(--color-teal);
  }

  .\[\&_button\]\:-mb-0\.25 button {
    margin-bottom: calc(var(--spacing) * -.25);
  }

  .\[\&_button\]\:flex button {
    display: flex;
  }

  .\[\&_button\]\:min-w-13\.75 button {
    min-width: calc(var(--spacing) * 13.75);
  }

  .\[\&_button\]\:flex-col button {
    flex-direction: column;
  }

  .\[\&_button\]\:items-center button {
    align-items: center;
  }

  .\[\&_button\]\:gap-1\.25 button {
    gap: calc(var(--spacing) * 1.25);
  }

  .\[\&_button\]\:gap-1\.75 button {
    gap: calc(var(--spacing) * 1.75);
  }

  .\[\&_button\]\:border-0 button {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .\[\&_button\]\:border-b-2 button {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }

  .\[\&_button\]\:border-b-transparent button {
    border-bottom-color: #0000;
  }

  .\[\&_button\]\:bg-transparent button {
    background-color: #0000;
  }

  .\[\&_button\]\:px-0 button {
    padding-inline: 0;
  }

  .\[\&_button\]\:px-0\.75 button {
    padding-inline: calc(var(--spacing) * .75);
  }

  .\[\&_button\]\:py-1\.5 button {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .\[\&_button\]\:py-3 button {
    padding-block: calc(var(--spacing) * 3);
  }

  .\[\&_button\]\:text-\[8px\] button {
    font-size: 8px;
  }

  .\[\&_button\]\:text-\[11px\] button {
    font-size: 11px;
  }

  .\[\&_button\]\:whitespace-nowrap button {
    white-space: nowrap;
  }

  .\[\&_button\]\:text-muted button {
    color: var(--color-muted);
  }

  @media not (min-width: 760px) {
    .max-\[760px\]\:\[\&_button\]\:text-\[10px\] button {
      font-size: 10px;
    }
  }

  .\[\&_button_\>_span\]\:rounded-\[5px\] button > span {
    border-radius: 5px;
  }

  .\[\&_button_\>_span\]\:bg-teal-soft button > span {
    background-color: var(--color-teal-soft);
  }

  .\[\&_button_\>_span\]\:px-1\.25 button > span {
    padding-inline: calc(var(--spacing) * 1.25);
  }

  .\[\&_button_\>_span\]\:py-0\.25 button > span {
    padding-block: calc(var(--spacing) * .25);
  }

  .\[\&_button_\>_span\]\:text-\[9px\] button > span {
    font-size: 9px;
  }

  .\[\&_button\.active\]\:border-b-teal button.active {
    border-bottom-color: var(--color-teal);
  }

  .\[\&_button\.active\]\:font-semibold button.active {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .\[\&_button\.active\]\:text-teal button.active {
    color: var(--color-teal);
  }

  .\[\&_dd\]\:m-0 dd {
    margin: 0;
  }

  .\[\&_dd\]\:text-right dd {
    text-align: right;
  }

  .\[\&_dd\]\:font-\[550\] dd {
    --tw-font-weight: 550;
    font-weight: 550;
  }

  .\[\&_dt\]\:text-muted dt {
    color: var(--color-muted);
  }

  .\[\&_h1\]\:mx-0 h1 {
    margin-inline: 0;
  }

  .\[\&_h1\]\:my-3\.75 h1 {
    margin-block: calc(var(--spacing) * 3.75);
  }

  @media not (min-width: 1200px) {
    .max-\[1200px\]\:\[\&_h1\]\:text-\[23px\] h1 {
      font-size: 23px;
    }
  }

  @media not (min-width: 760px) {
    .max-\[760px\]\:\[\&_h1\]\:text-\[22px\] h1 {
      font-size: 22px;
    }
  }

  @media not (min-width: 450px) {
    .max-\[450px\]\:\[\&_h1_\.tag\]\:ml-0\.75 h1 .tag {
      margin-left: calc(var(--spacing) * .75);
    }

    .max-\[450px\]\:\[\&_h1_\.tag\]\:text-\[8px\] h1 .tag {
      font-size: 8px;
    }
  }

  .\[\&_h2\]\:mb-1\.75 h2 {
    margin-bottom: calc(var(--spacing) * 1.75);
  }

  .\[\&_h2\]\:flex h2 {
    display: flex;
  }

  .\[\&_h2\]\:flex-wrap h2 {
    flex-wrap: wrap;
  }

  .\[\&_h2\]\:items-center h2 {
    align-items: center;
  }

  .\[\&_h2\]\:gap-1\.75 h2 {
    gap: calc(var(--spacing) * 1.75);
  }

  .\[\&_h2\]\:gap-2 h2 {
    gap: calc(var(--spacing) * 2);
  }

  .\[\&_h2\]\:font-sans h2 {
    font-family: var(--font-sans);
  }

  .\[\&_h2\]\:text-\[12px\] h2 {
    font-size: 12px;
  }

  .\[\&_h2\]\:text-\[13px\] h2 {
    font-size: 13px;
  }

  .\[\&_h2\]\:text-\[17px\] h2 {
    font-size: 17px;
  }

  .\[\&_h2\]\:text-\[21px\] h2 {
    font-size: 21px;
  }

  .\[\&_h2\]\:leading-\[1\.6\] h2 {
    --tw-leading: 1.6;
    line-height: 1.6;
  }

  .\[\&_h2\]\:leading-\[1\.7\] h2 {
    --tw-leading: 1.7;
    line-height: 1.7;
  }

  .\[\&_h2\]\:leading-\[1\.65\] h2 {
    --tw-leading: 1.65;
    line-height: 1.65;
  }

  .\[\&_h2\]\:font-\[650\] h2 {
    --tw-font-weight: 650;
    font-weight: 650;
  }

  @media not (min-width: 1000px) {
    .max-\[1000px\]\:\[\&_h2\]\:text-\[14px\] h2 {
      font-size: 14px;
    }
  }

  @media not (min-width: 760px) {
    .max-\[760px\]\:\[\&_h2\]\:text-\[12px\] h2 {
      font-size: 12px;
    }

    .max-\[760px\]\:\[\&_h2\]\:text-\[13px\] h2 {
      font-size: 13px;
    }
  }

  @media not (min-width: 450px) {
    .max-\[450px\]\:\[\&_h2\]\:text-\[12px\] h2 {
      font-size: 12px;
    }
  }

  @media (min-width: 1600px) {
    .min-\[1600px\]\:\[\&_h2\]\:text-\[13px\] h2 {
      font-size: 13px;
    }

    .min-\[1600px\]\:\[\&_h2\]\:text-\[14px\] h2 {
      font-size: 14px;
    }
  }

  .\[\&_h3\]\:mb-2 h3 {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .\[\&_h3\]\:text-\[12px\] h3 {
    font-size: 12px;
  }

  .\[\&_h3\]\:text-\[14px\] h3 {
    font-size: 14px;
  }

  .\[\&_img\]\:block img {
    display: block;
  }

  .\[\&_img\]\:h-auto img {
    height: auto;
  }

  .\[\&_img\]\:w-\[129px\] img {
    width: 129px;
  }

  .\[\&_input\]\:w-full input {
    width: 100%;
  }

  .\[\&_input\]\:min-w-0 input {
    min-width: 0;
  }

  .\[\&_input\]\:border-0 input {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .\[\&_input\]\:bg-transparent input {
    background-color: #0000;
  }

  .\[\&_input\]\:px-0 input {
    padding-inline: 0;
  }

  .\[\&_input\]\:py-2\.5 input {
    padding-block: calc(var(--spacing) * 2.5);
  }

  .\[\&_input\]\:text-\[11px\] input {
    font-size: 11px;
  }

  .\[\&_input\]\:text-\[12px\] input {
    font-size: 12px;
  }

  .\[\&_input\]\:outline-none input {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media not (min-width: 1000px) {
    .max-\[1000px\]\:\[\&_input\]\:text-\[11px\] input {
      font-size: 11px;
    }
  }

  @media not (min-width: 760px) {
    .max-\[760px\]\:\[\&_input\]\:text-\[10px\] input {
      font-size: 10px;
    }
  }

  .\[\&_input\:\:placeholder\]\:text-\[\#8290a4\] input::placeholder {
    color: #8290a4;
  }

  .\[\&_input\[type\=file\]\]\:max-w-full input[type="file"] {
    max-width: 100%;
  }

  .\[\&_input\[type\=file\]\]\:text-\[10px\] input[type="file"] {
    font-size: 10px;
  }

  .\[\&_kbd\]\:rounded-\[5px\] kbd {
    border-radius: 5px;
  }

  .\[\&_kbd\]\:border kbd {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .\[\&_kbd\]\:border-line kbd {
    border-color: var(--color-line);
  }

  .\[\&_kbd\]\:px-1\.5 kbd {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .\[\&_kbd\]\:py-0 kbd {
    padding-block: 0;
  }

  .\[\&_kbd\]\:font-\[inherit\] kbd {
    font-family: inherit;
  }

  .\[\&_kbd\]\:text-\[11px\] kbd {
    font-size: 11px;
  }

  .\[\&_kbd\]\:leading-\[21px\] kbd {
    --tw-leading: 21px;
    line-height: 21px;
  }

  @media not (min-width: 1000px) {
    .max-\[1000px\]\:\[\&_kbd\]\:hidden kbd {
      display: none;
    }
  }

  .\[\&_p\]\:mx-0 p {
    margin-inline: 0;
  }

  .\[\&_p\]\:my-1 p {
    margin-block: var(--spacing);
  }

  .\[\&_p\]\:my-3 p {
    margin-block: calc(var(--spacing) * 3);
  }

  .\[\&_p\]\:mt-0\.5 p {
    margin-top: calc(var(--spacing) * .5);
  }

  .\[\&_p\]\:mt-0\.75 p {
    margin-top: calc(var(--spacing) * .75);
  }

  .\[\&_p\]\:mt-1 p {
    margin-top: var(--spacing);
  }

  .\[\&_p\]\:mt-1\.5 p {
    margin-top: calc(var(--spacing) * 1.5);
  }

  .\[\&_p\]\:mt-1\.25 p {
    margin-top: calc(var(--spacing) * 1.25);
  }

  .\[\&_p\]\:mb-1\.5 p {
    margin-bottom: calc(var(--spacing) * 1.5);
  }

  .\[\&_p\]\:mb-6\.25 p {
    margin-bottom: calc(var(--spacing) * 6.25);
  }

  .\[\&_p\]\:max-w-\[230px\] p {
    max-width: 230px;
  }

  .\[\&_p\]\:max-w-\[300px\] p {
    max-width: 300px;
  }

  .\[\&_p\]\:flex-1 p {
    flex: 1;
  }

  .\[\&_p\]\:overflow-hidden p {
    overflow: hidden;
  }

  .\[\&_p\]\:text-\[10px\] p {
    font-size: 10px;
  }

  .\[\&_p\]\:text-\[11px\] p {
    font-size: 11px;
  }

  .\[\&_p\]\:text-\[12px\] p {
    font-size: 12px;
  }

  .\[\&_p\]\:leading-\[1\.8\] p {
    --tw-leading: 1.8;
    line-height: 1.8;
  }

  .\[\&_p\]\:leading-\[1\.9\] p {
    --tw-leading: 1.9;
    line-height: 1.9;
  }

  .\[\&_p\]\:text-ellipsis p {
    text-overflow: ellipsis;
  }

  .\[\&_p\]\:whitespace-nowrap p {
    white-space: nowrap;
  }

  .\[\&_p\]\:text-\[\#e5f4f5\] p {
    color: #e5f4f5;
  }

  .\[\&_p\]\:text-muted p {
    color: var(--color-muted);
  }

  @media not (min-width: 1000px) {
    .max-\[1000px\]\:\[\&_p\]\:max-w-\[160px\] p {
      max-width: 160px;
    }
  }

  @media not (min-width: 450px) {
    .max-\[450px\]\:\[\&_p\]\:max-w-\[240px\] p {
      max-width: 240px;
    }
  }

  .\[\&_small\]\:mt-0\.75 small {
    margin-top: calc(var(--spacing) * .75);
  }

  .\[\&_small\]\:mt-1 small {
    margin-top: var(--spacing);
  }

  .\[\&_small\]\:block small {
    display: block;
  }

  .\[\&_small\]\:flex small {
    display: flex;
  }

  .\[\&_small\]\:justify-end small {
    justify-content: flex-end;
  }

  .\[\&_small\]\:gap-1\.25 small {
    gap: calc(var(--spacing) * 1.25);
  }

  .\[\&_small\]\:text-\[9px\] small {
    font-size: 9px;
  }

  .\[\&_small\]\:text-\[10px\] small {
    font-size: 10px;
  }

  .\[\&_small\]\:text-\[\#9dacc2\] small {
    color: #9dacc2;
  }

  .\[\&_small\]\:text-muted small {
    color: var(--color-muted);
  }

  @media not (min-width: 1000px) {
    .max-\[1000px\]\:\[\&_small\]\:text-\[8px\] small {
      font-size: 8px;
    }
  }

  @media not (min-width: 760px) {
    .max-\[760px\]\:\[\&_small\]\:text-\[8px\] small {
      font-size: 8px;
    }
  }

  .\[\&_small_\>_\.icon\]\:h-2\.75 small > .icon {
    height: calc(var(--spacing) * 2.75);
  }

  .\[\&_small_\>_\.icon\]\:w-2\.75 small > .icon {
    width: calc(var(--spacing) * 2.75);
  }

  .\[\&_span\]\:text-\[8px\] span {
    font-size: 8px;
  }

  .\[\&_span\]\:font-semibold span {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .\[\&_span\]\:tracking-\[0\.8px\] span {
    --tw-tracking: .8px;
    letter-spacing: .8px;
  }

  .\[\&_strong\]\:block strong {
    display: block;
  }

  .\[\&_strong\]\:font-display strong {
    font-family: var(--font-display);
  }

  .\[\&_strong\]\:text-\[10\.5px\] strong {
    font-size: 10.5px;
  }

  .\[\&_strong\]\:text-\[11px\] strong {
    font-size: 11px;
  }

  .\[\&_strong\]\:text-\[12px\] strong {
    font-size: 12px;
  }

  .\[\&_strong\]\:text-\[22px\] strong {
    font-size: 22px;
  }

  .\[\&_strong\]\:leading-\[1\.8\] strong {
    --tw-leading: 1.8;
    line-height: 1.8;
  }

  .\[\&_strong\]\:font-\[550\] strong {
    --tw-font-weight: 550;
    font-weight: 550;
  }

  .\[\&_strong\]\:text-\[\#f2f5fa\] strong {
    color: #f2f5fa;
  }

  @media not (min-width: 760px) {
    .max-\[760px\]\:\[\&_strong\]\:text-\[9px\] strong {
      font-size: 9px;
    }
  }

  .\[\&_table\]\:w-full table {
    width: 100%;
  }

  .\[\&_table\]\:border-collapse table {
    border-collapse: collapse;
  }

  .\[\&_table\]\:text-left table {
    text-align: left;
  }

  .\[\&_table\]\:whitespace-nowrap table {
    white-space: nowrap;
  }

  .\[\&_tbody_tr\:last-child_td\]\:border-b-0 tbody tr:last-child td {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .\[\&_td\]\:border-b td {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .\[\&_td\]\:border-b-line-soft td {
    border-bottom-color: var(--color-line-soft);
  }

  .\[\&_td\]\:px-2\.5 td {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .\[\&_td\]\:py-3\.5 td {
    padding-block: calc(var(--spacing) * 3.5);
  }

  .\[\&_td\]\:align-middle td {
    vertical-align: middle;
  }

  .\[\&_td\]\:text-\[10\.5px\] td {
    font-size: 10.5px;
  }

  .\[\&_td\:first-child\]\:pl-0 td:first-child {
    padding-left: 0;
  }

  .\[\&_td\:last-child\]\:pr-0 td:last-child {
    padding-right: 0;
  }

  .\[\&_textarea\]\:min-h-20 textarea {
    min-height: calc(var(--spacing) * 20);
  }

  .\[\&_textarea\]\:min-h-22\.5 textarea {
    min-height: calc(var(--spacing) * 22.5);
  }

  .\[\&_textarea\]\:w-full textarea {
    width: 100%;
  }

  .\[\&_textarea\]\:resize-y textarea {
    resize: vertical;
  }

  .\[\&_textarea\]\:border-0 textarea {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .\[\&_textarea\]\:text-\[12px\] textarea {
    font-size: 12px;
  }

  .\[\&_textarea\]\:leading-\[1\.8\] textarea {
    --tw-leading: 1.8;
    line-height: 1.8;
  }

  .\[\&_textarea\]\:outline-none textarea {
    --tw-outline-style: none;
    outline-style: none;
  }

  .\[\&_th\]\:border-t th {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .\[\&_th\]\:border-b th {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .\[\&_th\]\:border-t-line-soft th {
    border-top-color: var(--color-line-soft);
  }

  .\[\&_th\]\:border-b-line th {
    border-bottom-color: var(--color-line);
  }

  .\[\&_th\]\:bg-\[\#f8f9fc\] th {
    background-color: #f8f9fc;
  }

  .\[\&_th\]\:px-2\.5 th {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .\[\&_th\]\:py-2\.75 th {
    padding-block: calc(var(--spacing) * 2.75);
  }

  .\[\&_th\]\:text-left th {
    text-align: left;
  }

  .\[\&_th\]\:text-\[9px\] th {
    font-size: 9px;
  }

  .\[\&_th\]\:font-\[550\] th {
    --tw-font-weight: 550;
    font-weight: 550;
  }

  .\[\&_th\]\:tracking-\[0\.2px\] th {
    --tw-tracking: .2px;
    letter-spacing: .2px;
  }

  .\[\&_th\]\:text-muted th {
    color: var(--color-muted);
  }

  .\[\&_th\:first-child\]\:pl-0 th:first-child {
    padding-left: 0;
  }

  .\[\&_th\:last-child\]\:pr-0 th:last-child {
    padding-right: 0;
  }

  .\[\&_tr\:hover_td\]\:bg-\[\#f9fbfc\] tr:hover td {
    background-color: #f9fbfc;
  }

  .\[\&\.active\]\:bg-ink.active {
    background-color: var(--color-ink);
  }

  .\[\&\.active\]\:bg-teal.active {
    background-color: var(--color-teal);
  }

  .\[\&\.active\]\:bg-teal-soft.active {
    background-color: var(--color-teal-soft);
  }

  .\[\&\.active\]\:text-white.active {
    color: var(--color-white);
  }

  .\[\&\.active\]\:shadow-\[0_4px_12px_\#0001\].active {
    --tw-shadow: 0 4px 12px var(--tw-shadow-color, #0001);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .\[\&\.amber\]\:bg-\[\#7a522e\].amber {
    background-color: #7a522e;
  }

  .\[\&\.amber\]\:text-\[\#ffe0b3\].amber {
    color: #ffe0b3;
  }

  .\[\&\.assistant-button\]\:border-\[\#cbe5e8\].assistant-button {
    border-color: #cbe5e8;
  }

  .\[\&\.assistant-button\]\:bg-teal-soft.assistant-button {
    background-color: var(--color-teal-soft);
  }

  .\[\&\.assistant-button\]\:text-teal.assistant-button {
    color: var(--color-teal);
  }

  @media not (min-width: 760px) {
    .max-\[760px\]\:\[\&\.assistant-button\]\:hidden.assistant-button {
      display: none;
    }
  }

  .\[\&\.compact\]\:gap-2.compact {
    gap: calc(var(--spacing) * 2);
  }

  .\[\&\.compact\]\:text-\[25px\].compact {
    font-size: 25px;
  }

  .\[\&\.complete_\>_span\]\:bg-\[\#e1f0eb\].complete > span {
    background-color: #e1f0eb;
  }

  .\[\&\.complete_\>_span\]\:text-success.complete > span {
    color: var(--color-success);
  }

  .\[\&\.current_\>_span\]\:bg-teal.current > span {
    background-color: var(--color-teal);
  }

  .\[\&\.current_\>_span\]\:text-white.current > span {
    color: var(--color-white);
  }

  .\[\&\.current_\>_span\]\:shadow-\[0_0_0_3px_\#e2f1f3\].current > span {
    --tw-shadow: 0 0 0 3px var(--tw-shadow-color, #e2f1f3);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .\[\&\.current_strong\]\:text-teal.current strong {
    color: var(--color-teal);
  }

  .\[\&\.danger\]\:bg-\[\#e45963\].danger {
    background-color: #e45963;
  }

  .\[\&\.danger\]\:bg-danger-soft.danger {
    background-color: var(--color-danger-soft);
  }

  .\[\&\.danger\]\:text-danger.danger {
    color: var(--color-danger);
  }

  .\[\&\.danger\]\:text-white.danger {
    color: var(--color-white);
  }

  .\[\&\.is-ai\:\:before\]\:absolute.is-ai:before {
    position: absolute;
  }

  .\[\&\.is-ai\:\:before\]\:top-4\.25.is-ai:before {
    top: calc(var(--spacing) * 4.25);
  }

  .\[\&\.is-ai\:\:before\]\:bottom-4\.25.is-ai:before {
    bottom: calc(var(--spacing) * 4.25);
  }

  .\[\&\.is-ai\:\:before\]\:-left-0\.25.is-ai:before {
    left: calc(var(--spacing) * -.25);
  }

  .\[\&\.is-ai\:\:before\]\:w-0\.75.is-ai:before {
    width: calc(var(--spacing) * .75);
  }

  .\[\&\.is-ai\:\:before\]\:rounded-\[2px\].is-ai:before {
    border-radius: 2px;
  }

  .\[\&\.is-ai\:\:before\]\:bg-teal.is-ai:before {
    background-color: var(--color-teal);
  }

  .\[\&\.is-ai\:\:before\]\:content-\[\'\'\].is-ai:before {
    --tw-content: "";
    content: var(--tw-content);
  }

  @media not (min-width: 760px) {
    .max-\[760px\]\:\[\&\.is-open\]\:translate-x-0.is-open {
      --tw-translate-x: 0px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  .\[\&\.locked\]\:bg-mist.locked {
    background-color: var(--color-mist);
  }

  .\[\&\.locked\]\:text-muted.locked {
    color: var(--color-muted);
  }

  .\[\&\.mobile-toggle\]\:hidden.mobile-toggle {
    display: none;
  }

  @media not (min-width: 760px) {
    .max-\[760px\]\:\[\&\.mobile-toggle\]\:inline-flex.mobile-toggle {
      display: inline-flex;
    }
  }

  .\[\&\.outgoing\]\:self-end.outgoing {
    align-self: flex-end;
  }

  .\[\&\.outgoing\]\:border-\[\#c8e3e6\].outgoing {
    border-color: #c8e3e6;
  }

  .\[\&\.outgoing\]\:bg-teal-soft.outgoing, .\[\&\.success\]\:bg-teal-soft.success {
    background-color: var(--color-teal-soft);
  }

  .\[\&\.success\]\:text-teal.success {
    color: var(--color-teal);
  }

  .\[\&\.teal\]\:bg-teal-soft.teal {
    background-color: var(--color-teal-soft);
  }

  .\[\&\.teal\]\:text-teal.teal {
    color: var(--color-teal);
  }

  .\[\&\.warning\]\:bg-amber-soft.warning {
    background-color: var(--color-amber-soft);
  }

  .\[\&\.warning\]\:text-amber.warning {
    color: var(--color-amber);
  }

  .\[\&\:\:backdrop\]\:bg-\[\#0b162c65\]::backdrop {
    background-color: #0b162c65;
  }

  .\[\&\:\:backdrop\]\:backdrop-blur-\[3px\]::backdrop {
    --tw-backdrop-blur: blur(3px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .\[\&\:\:before\]\:absolute:before {
    position: absolute;
  }

  .\[\&\:\:before\]\:top-5:before {
    top: calc(var(--spacing) * 5);
  }

  .\[\&\:\:before\]\:top-8\.75:before {
    top: calc(var(--spacing) * 8.75);
  }

  .\[\&\:\:before\]\:right-\[8\%\]:before {
    right: 8%;
  }

  .\[\&\:\:before\]\:-bottom-3:before {
    bottom: calc(var(--spacing) * -3);
  }

  .\[\&\:\:before\]\:left-3\.5:before {
    left: calc(var(--spacing) * 3.5);
  }

  .\[\&\:\:before\]\:left-\[8\%\]:before {
    left: 8%;
  }

  .\[\&\:\:before\]\:h-0\.25:before {
    height: calc(var(--spacing) * .25);
  }

  .\[\&\:\:before\]\:w-0\.25:before {
    width: calc(var(--spacing) * .25);
  }

  .\[\&\:\:before\]\:bg-line:before {
    background-color: var(--color-line);
  }

  .\[\&\:\:before\]\:content-\[\'\'\]:before {
    --tw-content: "";
    content: var(--tw-content);
  }

  .\[\&\:focus\]\:top-2\.5:focus {
    top: calc(var(--spacing) * 2.5);
  }

  .\[\&\:hover\]\:bg-\[\#1a2a42\]:hover {
    background-color: #1a2a42;
  }

  .\[\&\:hover\]\:bg-\[\#edf3f5\]:hover {
    background-color: #edf3f5;
  }

  .\[\&\:hover\]\:bg-line:hover {
    background-color: var(--color-line);
  }

  .\[\&\:hover\]\:bg-line-soft:hover {
    background-color: var(--color-line-soft);
  }

  .\[\&\:hover\]\:text-ink:hover {
    color: var(--color-ink);
  }

  .\[\&\:hover\]\:text-teal:hover {
    color: var(--color-teal);
  }

  .\[\&\:hover\]\:text-white:hover {
    color: var(--color-white);
  }

  .\[\&\:hover\]\:underline:hover {
    text-decoration-line: underline;
  }

  .\[\&\:hover\:not\(\:disabled\)\]\:border-\[\#cbd4e0\]:hover:not(:disabled) {
    border-color: #cbd4e0;
  }

  .\[\&\:hover\:not\(\:disabled\)\]\:bg-\[\#096b74\]:hover:not(:disabled) {
    background-color: #096b74;
  }

  .\[\&\:hover\:not\(\:disabled\)\]\:bg-line-soft:hover:not(:disabled) {
    background-color: var(--color-line-soft);
  }

  .\[\&\:hover\:not\(\:disabled\)\]\:bg-mist:hover:not(:disabled) {
    background-color: var(--color-mist);
  }

  .\[\&\:last-child\]\:mb-0:last-child {
    margin-bottom: 0;
  }

  .\[\&\:last-child\]\:border-0:last-child {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .\[\&\:last-child\:\:before\]\:hidden:last-child:before {
    display: none;
  }

  .\[\&\>\.text-link\]\:text-\[10px\] > .text-link {
    font-size: 10px;
  }

  .\[\&\>p\]\:mt-2\.75 > p {
    margin-top: calc(var(--spacing) * 2.75);
  }

  .\[\&\>p\]\:mb-4\.75 > p {
    margin-bottom: calc(var(--spacing) * 4.75);
  }

  .\[\&\>p\]\:text-\[11px\] > p {
    font-size: 11px;
  }

  .\[\&\>p\]\:leading-\[1\.8\] > p {
    --tw-leading: 1.8;
    line-height: 1.8;
  }

  .\[\&\>p\]\:text-\[\#516c78\] > p {
    color: #516c78;
  }
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-ordinal {
  syntax: "*";
  inherits: false
}

@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@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
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

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