/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --tw-font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --tw-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --tw-spacing: 0.25rem;
    --tw-container-md: 28rem;
    --tw-container-lg: 32rem;
    --tw-container-xl: 36rem;
    --tw-container-2xl: 42rem;
    --tw-container-3xl: 48rem;
    --tw-container-4xl: 56rem;
    --tw-text-xs: 0.75rem;
    --tw-text-xs--line-height: calc(1 / 0.75);
    --tw-text-sm: 0.875rem;
    --tw-text-sm--line-height: calc(1.25 / 0.875);
    --tw-text-base: 1rem;
    --tw-text-base--line-height: calc(1.5 / 1);
    --tw-font-weight-normal: 400;
    --tw-font-weight-medium: 500;
    --tw-font-weight-semibold: 600;
    --tw-font-weight-bold: 700;
    --tw-tracking-tight: -0.025em;
    --tw-leading-tight: 1.25;
    --tw-leading-normal: 1.5;
    --tw-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --tw-default-transition-duration: 150ms;
    --tw-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --tw-default-font-family: var(--tw-font-sans);
    --tw-default-mono-font-family: var(--tw-font-mono);
    --tw-color-eclipse-alpha-20: #07070733;
    --tw-color-eclipse-alpha-60: #07070799;
    --tw-color-neutral-50: #fffcf7;
    --tw-color-neutral-75: #f7f5f0;
    --tw-color-neutral-100: #f2efeb;
    --tw-color-neutral-200: #ebe8e4;
    --tw-color-neutral-300: #d4d1cd;
    --tw-color-neutral-400: #bab8b5;
    --tw-color-neutral-500: #757472;
    --tw-color-neutral-600: #61605e;
    --tw-color-neutral-700: #403f3e;
    --tw-color-neutral-800: #2e2d2d;
    --tw-color-neutral-900: #1a1919;
    --tw-color-neutral-950: #070707;
    --tw-font-grotesk: 'Klarheit-Grotesk', sans-serif;
    --tw-font-kurrent: 'Klarheit-Kurrent', sans-serif;
    --tw-color-neutral-450: #989795;
    --tw-color-white: #ffffff;
    --tw-color-black: #000000;
    --tw-color-eclipse-alpha-04: #0707070a;
    --tw-color-eclipse-alpha-08: #07070714;
    --tw-color-sea-75: #f2f7ff;
    --tw-color-sea-100: #ebf3ff;
    --tw-color-sea-200: #cce0ff;
    --tw-color-sea-300: #9dc4fe;
    --tw-color-sea-400: #4c94ff;
    --tw-color-sea-500: #0066ff;
    --tw-color-sea-600: #005ce5;
    --tw-color-sea-700: #004ec2;
    --tw-color-sea-800: #0043a8;
    --tw-color-sea-900: #002f75;
    --tw-color-sea-950: #001a42;
    --tw-color-jade-75: #e3fff1;
    --tw-color-jade-100: #d0fae5;
    --tw-color-jade-200: #94f7cc;
    --tw-color-jade-300: #59dea4;
    --tw-color-jade-400: #27c480;
    --tw-color-jade-500: #00ab61;
    --tw-color-jade-600: #009152;
    --tw-color-jade-700: #007844;
    --tw-color-jade-800: #005e35;
    --tw-color-jade-900: #004527;
    --tw-color-jade-950: #002b19;
    --tw-color-playa-75: #fff5e3;
    --tw-color-playa-100: #ffebcc;
    --tw-color-playa-200: #ffd899;
    --tw-color-playa-300: #ffba66;
    --tw-color-playa-400: #ffba66;
    --tw-color-playa-500: #f76700;
    --tw-color-playa-600: #d95a00;
    --tw-color-playa-700: #bf5000;
    --tw-color-playa-800: #994000;
    --tw-color-playa-900: #592500;
    --tw-color-playa-950: #401b00;
    --tw-container-8xl: 95rem;
    --tw-ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
    --tw-color-lava-75: #ffebeb;
    --tw-color-lava-100: #ffe2e2;
    --tw-color-lava-200: #ffc9c9;
    --tw-color-lava-300: #ffa2a2;
    --tw-color-lava-400: #ff6467;
    --tw-color-lava-500: #fb2c36;
    --tw-color-lava-600: #e7000b;
    --tw-color-lava-700: #c10006;
    --tw-color-lava-800: #9f0712;
    --tw-color-lava-900: #82181a;
    --tw-color-lava-950: #460809;
  }
}
@layer base {
  ::-webkit-backdrop {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  ::-webkit-file-upload-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
      -o-tab-size: 4;
         tab-size: 4;
    font-family: var(--tw-default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--tw-default-font-feature-settings, normal);
    font-variation-settings: var(--tw-default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--tw-default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--tw-default-mono-font-feature-settings, normal);
    font-variation-settings: var(--tw-default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  ::-webkit-file-upload-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    -webkit-padding-start: 20px;
            padding-inline-start: 20px;
  }
  ::-webkit-file-upload-button {
    -webkit-margin-end: 4px;
            margin-inline-end: 4px;
  }
  ::file-selector-button {
    -webkit-margin-end: 4px;
            margin-inline-end: 4px;
  }
  ::-moz-placeholder {
    opacity: 1;
  }
  :-ms-input-placeholder {
    opacity: 1;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::-moz-placeholder {
      color: currentcolor;
    }
    :-ms-input-placeholder {
      color: currentcolor;
    }
    ::placeholder {
      color: currentcolor;
    }
    @supports (color: color-mix(in lab, red, red)) {
      ::-moz-placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
      :-ms-input-placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  ::-webkit-file-upload-button {
    -webkit-appearance: button;
            appearance: button;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    -webkit-appearance: button;
       -moz-appearance: button;
            appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .tw\:\@container {
    container-type: inline-size;
  }
  .tw\:invisible {
    visibility: hidden;
  }
  .tw\:absolute {
    position: absolute;
  }
  .tw\:fixed {
    position: fixed;
  }
  .tw\:relative {
    position: relative;
  }
  .tw\:sticky {
    position: -webkit-sticky;
    position: sticky;
  }
  .tw\:inset-0 {
    inset: var(--moments-core-spacing-0);
  }
  .tw\:inset-x-0 {
    inset-inline: var(--moments-core-spacing-0);
  }
  .tw\:-top-7 {
    top: calc(var(--tw-spacing) * -7);
  }
  .tw\:top-0 {
    top: var(--moments-core-spacing-0);
  }
  .tw\:top-2 {
    top: calc(var(--tw-spacing) * 2);
  }
  .tw\:top-\[0\.5625rem\] {
    top: 0.5625rem;
  }
  .tw\:top-full {
    top: 100%;
  }
  .tw\:right-0 {
    right: var(--moments-core-spacing-0);
  }
  .tw\:right-2 {
    right: calc(var(--tw-spacing) * 2);
  }
  .tw\:bottom-0 {
    bottom: var(--moments-core-spacing-0);
  }
  .tw\:left-0 {
    left: var(--moments-core-spacing-0);
  }
  .tw\:left-3 {
    left: calc(var(--tw-spacing) * 3);
  }
  .tw\:-z-10 {
    z-index: calc(10 * -1);
  }
  .tw\:z-10 {
    z-index: 10;
  }
  .tw\:z-15 {
    z-index: 15;
  }
  .tw\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .tw\:col-span-4 {
    grid-column: span 4 / span 4;
  }
  .tw\:col-span-12 {
    grid-column: span 12 / span 12;
  }
  .tw\:-m-2 {
    margin: calc(var(--tw-spacing) * -2);
  }
  .tw\:m-0 {
    margin: var(--moments-core-spacing-0);
  }
  .tw\:m-2 {
    margin: calc(var(--tw-spacing) * 2);
  }
  .tw\:m-auto {
    margin: auto;
  }
  .tw\:mx-0 {
    margin-inline: var(--moments-core-spacing-0);
  }
  .tw\:mx-1 {
    margin-inline: var(--tw-spacing);
  }
  .tw\:mx-auto {
    margin-inline: auto;
  }
  .tw\:my-5 {
    margin-block: calc(var(--tw-spacing) * 5);
  }
  .tw\:ms-1 {
    -webkit-margin-start: var(--tw-spacing);
            margin-inline-start: var(--tw-spacing);
  }
  .tw\:mt-0\! {
    margin-top: var(--moments-core-spacing-0) !important;
  }
  .tw\:mt-1 {
    margin-top: var(--tw-spacing);
  }
  .tw\:mt-2 {
    margin-top: calc(var(--tw-spacing) * 2);
  }
  .tw\:mt-3 {
    margin-top: calc(var(--tw-spacing) * 3);
  }
  .tw\:mt-4 {
    margin-top: calc(var(--tw-spacing) * 4);
  }
  .tw\:mt-6 {
    margin-top: calc(var(--tw-spacing) * 6);
  }
  .tw\:mt-8 {
    margin-top: calc(var(--tw-spacing) * 8);
  }
  .tw\:mt-10 {
    margin-top: calc(var(--tw-spacing) * 10);
  }
  .tw\:mt-12 {
    margin-top: calc(var(--tw-spacing) * 12);
  }
  .tw\:mt-16 {
    margin-top: calc(var(--tw-spacing) * 16);
  }
  .tw\:mt-20 {
    margin-top: calc(var(--tw-spacing) * 20);
  }
  .tw\:mt-40 {
    margin-top: calc(var(--tw-spacing) * 40);
  }
  .tw\:mt-auto {
    margin-top: auto;
  }
  .tw\:mt-gap-md {
    margin-top: var(--moments-semantic-spacing-gap-md);
  }
  .tw\:mt-gap-xl {
    margin-top: var(--moments-semantic-spacing-gap-xl);
  }
  .tw\:mr-1 {
    margin-right: var(--tw-spacing);
  }
  .tw\:mr-2 {
    margin-right: calc(var(--tw-spacing) * 2);
  }
  .tw\:mr-4 {
    margin-right: calc(var(--tw-spacing) * 4);
  }
  .tw\:mr-10 {
    margin-right: calc(var(--tw-spacing) * 10);
  }
  .tw\:mr-auto {
    margin-right: auto;
  }
  .tw\:mb-0 {
    margin-bottom: var(--moments-core-spacing-0);
  }
  .tw\:mb-0\! {
    margin-bottom: var(--moments-core-spacing-0) !important;
  }
  .tw\:mb-1 {
    margin-bottom: var(--tw-spacing);
  }
  .tw\:mb-2 {
    margin-bottom: calc(var(--tw-spacing) * 2);
  }
  .tw\:mb-3 {
    margin-bottom: calc(var(--tw-spacing) * 3);
  }
  .tw\:mb-4 {
    margin-bottom: calc(var(--tw-spacing) * 4);
  }
  .tw\:mb-5 {
    margin-bottom: calc(var(--tw-spacing) * 5);
  }
  .tw\:mb-6 {
    margin-bottom: calc(var(--tw-spacing) * 6);
  }
  .tw\:mb-8 {
    margin-bottom: calc(var(--tw-spacing) * 8);
  }
  .tw\:mb-10 {
    margin-bottom: calc(var(--tw-spacing) * 10);
  }
  .tw\:mb-gap-md {
    margin-bottom: var(--moments-semantic-spacing-gap-md);
  }
  .tw\:mb-gap-xl {
    margin-bottom: var(--moments-semantic-spacing-gap-xl);
  }
  .tw\:-ml-0\.5 {
    margin-left: calc(var(--tw-spacing) * -0.5);
  }
  .tw\:ml-1 {
    margin-left: var(--tw-spacing);
  }
  .tw\:ml-2 {
    margin-left: calc(var(--tw-spacing) * 2);
  }
  .tw\:ml-\[42px\] {
    margin-left: 42px;
  }
  .tw\:ml-auto {
    margin-left: auto;
  }
  .tw\:no-scrollbar {
    scrollbar-width: none;
  }
  .tw\:no-scrollbar::-webkit-scrollbar {
    display: none;
  }
  .tw\:block {
    display: block;
  }
  .tw\:contents {
    display: contents;
  }
  .tw\:flex {
    display: flex;
  }
  .tw\:grid {
    display: grid;
  }
  .tw\:hidden {
    display: none;
  }
  .tw\:inline {
    display: inline;
  }
  .tw\:inline-block {
    display: inline-block;
  }
  .tw\:inline-flex {
    display: inline-flex;
  }
  .tw\:inline-flex\! {
    display: inline-flex !important;
  }
  .tw\:aspect-3\/2 {
    aspect-ratio: 3/2;
  }
  .tw\:size-0 {
    width: var(--moments-core-spacing-0);
    height: var(--moments-core-spacing-0);
  }
  .tw\:size-3 {
    width: calc(var(--tw-spacing) * 3);
    height: calc(var(--tw-spacing) * 3);
  }
  .tw\:size-4 {
    width: calc(var(--tw-spacing) * 4);
    height: calc(var(--tw-spacing) * 4);
  }
  .tw\:size-5 {
    width: calc(var(--tw-spacing) * 5);
    height: calc(var(--tw-spacing) * 5);
  }
  .tw\:size-6 {
    width: calc(var(--tw-spacing) * 6);
    height: calc(var(--tw-spacing) * 6);
  }
  .tw\:size-7 {
    width: calc(var(--tw-spacing) * 7);
    height: calc(var(--tw-spacing) * 7);
  }
  .tw\:size-8 {
    width: calc(var(--tw-spacing) * 8);
    height: calc(var(--tw-spacing) * 8);
  }
  .tw\:size-8\! {
    width: calc(var(--tw-spacing) * 8) !important;
    height: calc(var(--tw-spacing) * 8) !important;
  }
  .tw\:size-full {
    width: 100%;
    height: 100%;
  }
  .tw\:h-3 {
    height: calc(var(--tw-spacing) * 3);
  }
  .tw\:h-4 {
    height: calc(var(--tw-spacing) * 4);
  }
  .tw\:h-5 {
    height: calc(var(--tw-spacing) * 5);
  }
  .tw\:h-6 {
    height: calc(var(--tw-spacing) * 6);
  }
  .tw\:h-8 {
    height: calc(var(--tw-spacing) * 8);
  }
  .tw\:h-9 {
    height: calc(var(--tw-spacing) * 9);
  }
  .tw\:h-10 {
    height: calc(var(--tw-spacing) * 10);
  }
  .tw\:h-64 {
    height: calc(var(--tw-spacing) * 64);
  }
  .tw\:h-\[76px\] {
    height: 76px;
  }
  .tw\:h-\[calc\(100\%-82px\)\] {
    height: calc(100% - 82px);
  }
  .tw\:h-auto {
    height: auto;
  }
  .tw\:h-auto\! {
    height: auto !important;
  }
  .tw\:h-fit\! {
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
  .tw\:h-full {
    height: 100%;
  }
  .tw\:max-h-64 {
    max-height: calc(var(--tw-spacing) * 64);
  }
  .tw\:max-h-80 {
    max-height: calc(var(--tw-spacing) * 80);
  }
  .tw\:min-h-9 {
    min-height: calc(var(--tw-spacing) * 9);
  }
  .tw\:min-h-\[360px\] {
    min-height: 360px;
  }
  .tw\:min-h-full {
    min-height: 100%;
  }
  .tw\:min-h-screen {
    min-height: 100vh;
  }
  .tw\:w-1\/2 {
    width: calc(1 / 2 * 100%);
  }
  .tw\:w-1\/4 {
    width: calc(1 / 4 * 100%);
  }
  .tw\:w-3 {
    width: calc(var(--tw-spacing) * 3);
  }
  .tw\:w-4 {
    width: calc(var(--tw-spacing) * 4);
  }
  .tw\:w-5 {
    width: calc(var(--tw-spacing) * 5);
  }
  .tw\:w-6 {
    width: calc(var(--tw-spacing) * 6);
  }
  .tw\:w-7 {
    width: calc(var(--tw-spacing) * 7);
  }
  .tw\:w-8 {
    width: calc(var(--tw-spacing) * 8);
  }
  .tw\:w-9 {
    width: calc(var(--tw-spacing) * 9);
  }
  .tw\:w-10 {
    width: calc(var(--tw-spacing) * 10);
  }
  .tw\:w-12 {
    width: calc(var(--tw-spacing) * 12);
  }
  .tw\:w-14 {
    width: calc(var(--tw-spacing) * 14);
  }
  .tw\:w-16 {
    width: calc(var(--tw-spacing) * 16);
  }
  .tw\:w-20 {
    width: calc(var(--tw-spacing) * 20);
  }
  .tw\:w-21 {
    width: calc(var(--tw-spacing) * 21);
  }
  .tw\:w-24 {
    width: calc(var(--tw-spacing) * 24);
  }
  .tw\:w-28 {
    width: calc(var(--tw-spacing) * 28);
  }
  .tw\:w-32 {
    width: calc(var(--tw-spacing) * 32);
  }
  .tw\:w-32\! {
    width: calc(var(--tw-spacing) * 32) !important;
  }
  .tw\:w-40 {
    width: calc(var(--tw-spacing) * 40);
  }
  .tw\:w-48 {
    width: calc(var(--tw-spacing) * 48);
  }
  .tw\:w-56 {
    width: calc(var(--tw-spacing) * 56);
  }
  .tw\:w-60 {
    width: calc(var(--tw-spacing) * 60);
  }
  .tw\:w-64 {
    width: calc(var(--tw-spacing) * 64);
  }
  .tw\:w-72 {
    width: calc(var(--tw-spacing) * 72);
  }
  .tw\:w-80 {
    width: calc(var(--tw-spacing) * 80);
  }
  .tw\:w-\[76px\] {
    width: 76px;
  }
  .tw\:w-auto {
    width: auto;
  }
  .tw\:w-fit {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .tw\:w-full {
    width: 100%;
  }
  .tw\:w-max {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .tw\:scroll-hint-x-quiet {
    overflow-x: auto;
    max-width: 100%;
    background-color: var(--scroll-hint-ground, var(--almost-white));
    background-image: linear-gradient(to right, var(--scroll-hint-ground, var(--almost-white)) 0.5rem, transparent 1.5rem),
    linear-gradient(to left, var(--scroll-hint-ground, var(--almost-white)) 0.5rem, transparent 1.5rem),
    linear-gradient(to right, rgba(0, 0, 0, 0.04), transparent),
    linear-gradient(to left, rgba(0, 0, 0, 0.04), transparent);
    background-position: left center, right center, left center, right center;
    background-repeat: no-repeat;
    background-size: 1.5rem 100%, 1.5rem 100%, 0.5rem 100%, 0.5rem 100%;
    background-attachment: local, local, scroll, scroll;
    scrollbar-width: thin;
    --tw-scrollbar-thumb: transparent;
    --tw-scrollbar-track: transparent;
    scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
  }
  @media (hover: hover) {
    .tw\:scroll-hint-x-quiet:hover {
      --tw-scrollbar-thumb: var(--tw-color-neutral-300);
      scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
    }
  }
  .tw\:scroll-hint-x {
    overflow-x: auto;
    max-width: 100%;
    background-color: var(--scroll-hint-ground, var(--almost-white));
    background-image: linear-gradient(to right, var(--scroll-hint-ground, var(--almost-white)) 0.5rem, transparent 1.5rem),
    linear-gradient(to left, var(--scroll-hint-ground, var(--almost-white)) 0.5rem, transparent 1.5rem),
    linear-gradient(to right, rgba(0, 0, 0, 0.04), transparent),
    linear-gradient(to left, rgba(0, 0, 0, 0.04), transparent);
    background-position: left center, right center, left center, right center;
    background-repeat: no-repeat;
    background-size: 1.5rem 100%, 1.5rem 100%, 0.5rem 100%, 0.5rem 100%;
    background-attachment: local, local, scroll, scroll;
  }
  .tw\:max-w-2xl {
    max-width: var(--tw-container-2xl);
  }
  .tw\:max-w-3xl {
    max-width: var(--tw-container-3xl);
  }
  .tw\:max-w-8xl {
    max-width: var(--tw-container-8xl);
  }
  .tw\:max-w-64 {
    max-width: calc(var(--tw-spacing) * 64);
  }
  .tw\:max-w-93 {
    max-width: calc(var(--tw-spacing) * 93);
  }
  .tw\:max-w-full {
    max-width: 100%;
  }
  .tw\:max-w-md {
    max-width: var(--tw-container-md);
  }
  .tw\:max-w-none {
    max-width: none;
  }
  .tw\:max-w-xl {
    max-width: var(--tw-container-xl);
  }
  .tw\:min-w-0 {
    min-width: var(--moments-core-spacing-0);
  }
  .tw\:min-w-full {
    min-width: 100%;
  }
  .tw\:flex-1 {
    flex: 1;
  }
  .tw\:flex-auto {
    flex: auto;
  }
  .tw\:shrink-0 {
    flex-shrink: 0;
  }
  .tw\:grow {
    flex-grow: 1;
  }
  .tw\:basis-full {
    flex-basis: 100%;
  }
  .tw\:table-fixed {
    table-layout: fixed;
  }
  .tw\:border-collapse {
    border-collapse: collapse;
  }
  .tw\:transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .tw\:cursor-default {
    cursor: default;
  }
  .tw\:cursor-grab {
    cursor: -webkit-grab;
    cursor: grab;
  }
  .tw\:cursor-move {
    cursor: move;
  }
  .tw\:cursor-pointer {
    cursor: pointer;
  }
  .tw\:resize-none {
    resize: none;
  }
  .tw\:scroll-mt-\[20px\] {
    scroll-margin-top: 20px;
  }
  .tw\:scroll-mb-8 {
    scroll-margin-bottom: calc(var(--tw-spacing) * 8);
  }
  .tw\:scroll-pl-\[280px\] {
    scroll-padding-left: 280px;
  }
  .tw\:scrollbar-thin {
    scrollbar-width: thin;
  }
  .tw\:scrollbar-thumb-transparent {
    --tw-scrollbar-thumb: transparent;
    scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
  }
  .tw\:scrollbar-track-transparent {
    --tw-scrollbar-track: transparent;
    scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
  }
  .tw\:list-inside {
    list-style-position: inside;
  }
  .tw\:list-disc {
    list-style-type: disc;
  }
  .tw\:list-none {
    list-style-type: none;
  }
  .tw\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .tw\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .tw\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .tw\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .tw\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .tw\:grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr;
  }
  .tw\:flex-col {
    flex-direction: column;
  }
  .tw\:flex-wrap {
    flex-wrap: wrap;
  }
  .tw\:items-center {
    align-items: center;
  }
  .tw\:items-end {
    align-items: flex-end;
  }
  .tw\:items-start {
    align-items: flex-start;
  }
  .tw\:items-stretch {
    align-items: stretch;
  }
  .tw\:justify-between {
    justify-content: space-between;
  }
  .tw\:justify-between\! {
    justify-content: space-between !important;
  }
  .tw\:justify-center {
    justify-content: center;
  }
  .tw\:justify-center\! {
    justify-content: center !important;
  }
  .tw\:justify-center-safe {
    justify-content: safe center;
  }
  .tw\:justify-end {
    justify-content: flex-end;
  }
  .tw\:gap-1 {
    gap: var(--tw-spacing);
  }
  .tw\:gap-1\.5 {
    gap: calc(var(--tw-spacing) * 1.5);
  }
  .tw\:gap-2 {
    gap: calc(var(--tw-spacing) * 2);
  }
  .tw\:gap-2\.5 {
    gap: calc(var(--tw-spacing) * 2.5);
  }
  .tw\:gap-3 {
    gap: calc(var(--tw-spacing) * 3);
  }
  .tw\:gap-4 {
    gap: calc(var(--tw-spacing) * 4);
  }
  .tw\:gap-5 {
    gap: calc(var(--tw-spacing) * 5);
  }
  .tw\:gap-6 {
    gap: calc(var(--tw-spacing) * 6);
  }
  .tw\:gap-7 {
    gap: calc(var(--tw-spacing) * 7);
  }
  .tw\:gap-8 {
    gap: calc(var(--tw-spacing) * 8);
  }
  .tw\:gap-gap-md {
    gap: var(--moments-semantic-spacing-gap-md);
  }
  .tw\:gap-gap-sm {
    gap: var(--moments-semantic-spacing-gap-sm);
  }
  .tw\:gap-gap-xl {
    gap: var(--moments-semantic-spacing-gap-xl);
  }
  :where(.tw\:space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    -webkit-margin-before: calc(var(--tw-spacing) * var(--tw-space-y-reverse));
            margin-block-start: calc(var(--tw-spacing) * var(--tw-space-y-reverse));
    -webkit-margin-after: calc(var(--tw-spacing) * calc(1 - var(--tw-space-y-reverse)));
            margin-block-end: calc(var(--tw-spacing) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.tw\:space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    -webkit-margin-before: calc(calc(var(--tw-spacing) * 2) * var(--tw-space-y-reverse));
            margin-block-start: calc(calc(var(--tw-spacing) * 2) * var(--tw-space-y-reverse));
    -webkit-margin-after: calc(calc(var(--tw-spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
            margin-block-end: calc(calc(var(--tw-spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.tw\:space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    -webkit-margin-before: calc(calc(var(--tw-spacing) * 4) * var(--tw-space-y-reverse));
            margin-block-start: calc(calc(var(--tw-spacing) * 4) * var(--tw-space-y-reverse));
    -webkit-margin-after: calc(calc(var(--tw-spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
            margin-block-end: calc(calc(var(--tw-spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.tw\:space-y-6 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    -webkit-margin-before: calc(calc(var(--tw-spacing) * 6) * var(--tw-space-y-reverse));
            margin-block-start: calc(calc(var(--tw-spacing) * 6) * var(--tw-space-y-reverse));
    -webkit-margin-after: calc(calc(var(--tw-spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
            margin-block-end: calc(calc(var(--tw-spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.tw\:space-y-7 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    -webkit-margin-before: calc(calc(var(--tw-spacing) * 7) * var(--tw-space-y-reverse));
            margin-block-start: calc(calc(var(--tw-spacing) * 7) * var(--tw-space-y-reverse));
    -webkit-margin-after: calc(calc(var(--tw-spacing) * 7) * calc(1 - var(--tw-space-y-reverse)));
            margin-block-end: calc(calc(var(--tw-spacing) * 7) * calc(1 - var(--tw-space-y-reverse)));
  }
  .tw\:gap-x-4 {
    -moz-column-gap: calc(var(--tw-spacing) * 4);
         column-gap: calc(var(--tw-spacing) * 4);
  }
  .tw\:gap-x-6 {
    -moz-column-gap: calc(var(--tw-spacing) * 6);
         column-gap: calc(var(--tw-spacing) * 6);
  }
  .tw\:gap-y-2 {
    row-gap: calc(var(--tw-spacing) * 2);
  }
  .tw\:gap-y-3 {
    row-gap: calc(var(--tw-spacing) * 3);
  }
  .tw\:self-start {
    align-self: flex-start;
  }
  .tw\:truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .tw\:overflow-auto {
    overflow: auto;
  }
  .tw\:overflow-hidden {
    overflow: hidden;
  }
  .tw\:overflow-visible {
    overflow: visible;
  }
  .tw\:overflow-x-auto {
    overflow-x: auto;
  }
  .tw\:overflow-x-scroll {
    overflow-x: scroll;
  }
  .tw\:overflow-y-auto {
    overflow-y: auto;
  }
  .tw\:rounded {
    border-radius: 0.25rem;
  }
  .tw\:rounded\! {
    border-radius: 0.25rem !important;
  }
  .tw\:rounded-3xl {
    border-radius: var(--moments-semantic-border-radius-3xl);
  }
  .tw\:rounded-\[0\.3125rem\]\! {
    border-radius: 0.3125rem !important;
  }
  .tw\:rounded-\[2px\] {
    border-radius: 2px;
  }
  .tw\:rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .tw\:rounded-lg {
    border-radius: var(--moments-semantic-border-radius-lg);
  }
  .tw\:rounded-md {
    border-radius: var(--moments-semantic-border-radius-md);
  }
  .tw\:rounded-sm {
    border-radius: var(--moments-semantic-border-radius-sm);
  }
  .tw\:rounded-xl {
    border-radius: var(--moments-semantic-border-radius-xl);
  }
  .tw\:rounded-tl-none {
    border-top-left-radius: 0;
  }
  .tw\:border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .tw\:border\! {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
  }
  .tw\:border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .tw\:border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .tw\:border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }
  .tw\:border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .tw\:border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .tw\:border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .tw\:border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .tw\:border-dotted {
    --tw-border-style: dotted;
    border-style: dotted;
  }
  .tw\:border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .tw\:border-attention {
    border-color: var(--tw-color-playa-300);
  }
  .tw\:border-attention-interactive {
    border-color: var(--tw-color-playa-500);
  }
  .tw\:border-attention-interactive-active {
    border-color: var(--tw-color-playa-700);
  }
  .tw\:border-attention-interactive-disabled {
    border-color: var(--tw-color-playa-200);
  }
  .tw\:border-attention-interactive-hover {
    border-color: var(--tw-color-playa-600);
  }
  .tw\:border-attention-interactive-pressed {
    border-color: var(--tw-color-playa-700);
  }
  .tw\:border-brand {
    border-color: var(--tw-color-sea-300);
  }
  .tw\:border-brand-interactive {
    border-color: var(--tw-color-sea-500);
  }
  .tw\:border-brand-interactive-active {
    border-color: var(--tw-color-sea-700);
  }
  .tw\:border-brand-interactive-disabled {
    border-color: var(--tw-color-sea-75);
  }
  .tw\:border-brand-interactive-hover {
    border-color: var(--tw-color-sea-600);
  }
  .tw\:border-brand-interactive-pressed {
    border-color: var(--tw-color-sea-700);
  }
  .tw\:border-danger {
    border-color: var(--tw-color-lava-300);
  }
  .tw\:border-danger-interactive {
    border-color: var(--tw-color-lava-500);
  }
  .tw\:border-danger-interactive-active {
    border-color: var(--tw-color-lava-700);
  }
  .tw\:border-danger-interactive-disabled {
    border-color: var(--tw-color-lava-200);
  }
  .tw\:border-danger-interactive-hover {
    border-color: var(--tw-color-lava-600);
  }
  .tw\:border-danger-interactive-pressed {
    border-color: var(--tw-color-lava-700);
  }
  .tw\:border-eclipse-alpha-08 {
    border-color: var(--tw-color-eclipse-alpha-08);
  }
  .tw\:border-neutral-100 {
    border-color: var(--tw-color-neutral-100);
  }
  .tw\:border-neutral-200 {
    border-color: var(--tw-color-neutral-200);
  }
  .tw\:border-neutral-300 {
    border-color: var(--tw-color-neutral-300);
  }
  .tw\:border-neutral-400 {
    border-color: var(--tw-color-neutral-400);
  }
  .tw\:border-neutral-950 {
    border-color: var(--tw-color-neutral-950);
  }
  .tw\:border-neutral-950\! {
    border-color: var(--tw-color-neutral-950) !important;
  }
  .tw\:border-primary {
    border-color: var(--tw-color-neutral-300);
  }
  .tw\:border-primary-interactive {
    border-color: var(--tw-color-neutral-500);
  }
  .tw\:border-primary-interactive-active {
    border-color: var(--tw-color-neutral-700);
  }
  .tw\:border-primary-interactive-disabled {
    border-color: var(--tw-color-neutral-200);
  }
  .tw\:border-primary-interactive-hover {
    border-color: var(--tw-color-neutral-600);
  }
  .tw\:border-primary-interactive-pressed {
    border-color: var(--tw-color-neutral-700);
  }
  .tw\:border-secondary {
    border-color: var(--tw-color-neutral-200);
  }
  .tw\:border-secondary\! {
    border-color: var(--tw-color-neutral-200) !important;
  }
  .tw\:border-secondary-interactive {
    border-color: var(--tw-color-neutral-300);
  }
  .tw\:border-secondary-interactive-active {
    border-color: var(--tw-color-neutral-500);
  }
  .tw\:border-secondary-interactive-disabled {
    border-color: var(--tw-color-neutral-75);
  }
  .tw\:border-secondary-interactive-hover {
    border-color: var(--tw-color-neutral-400);
  }
  .tw\:border-secondary-interactive-pressed {
    border-color: var(--tw-color-neutral-500);
  }
  .tw\:border-success {
    border-color: var(--tw-color-jade-300);
  }
  .tw\:border-success-interactive {
    border-color: var(--tw-color-jade-500);
  }
  .tw\:border-success-interactive-active {
    border-color: var(--tw-color-jade-700);
  }
  .tw\:border-success-interactive-disabled {
    border-color: var(--tw-color-jade-200);
  }
  .tw\:border-success-interactive-hover {
    border-color: var(--tw-color-jade-600);
  }
  .tw\:border-success-interactive-pressed {
    border-color: var(--tw-color-jade-700);
  }
  .tw\:border-tertiary {
    border-color: var(--tw-color-neutral-100);
  }
  .tw\:bg-\(--almost-white\) {
    background-color: var(--almost-white);
  }
  .tw\:bg-\[var\(--eclipse-2-no-alpha\)\] {
    background-color: var(--eclipse-2-no-alpha);
  }
  .tw\:bg-attention {
    background-color: var(--tw-color-playa-100);
  }
  .tw\:bg-attention-strong {
    background-color: var(--tw-color-playa-200);
  }
  .tw\:bg-black {
    background-color: var(--tw-color-black);
  }
  .tw\:bg-brand {
    background-color: var(--tw-color-sea-100);
  }
  .tw\:bg-brand-interactive {
    background-color: var(--tw-color-sea-75);
  }
  .tw\:bg-brand-interactive-disabled {
    background-color: var(--tw-color-sea-100);
  }
  .tw\:bg-brand-interactive-hover {
    background-color: var(--tw-color-sea-100);
  }
  .tw\:bg-brand-interactive-pressed {
    background-color: var(--tw-color-sea-200);
  }
  .tw\:bg-brand-strong {
    background-color: var(--tw-color-sea-200);
  }
  .tw\:bg-danger {
    background-color: var(--tw-color-lava-100);
  }
  .tw\:bg-danger-interactive {
    background-color: var(--tw-color-lava-75);
  }
  .tw\:bg-danger-interactive-disabled {
    background-color: var(--tw-color-lava-100);
  }
  .tw\:bg-danger-interactive-hover {
    background-color: var(--tw-color-lava-100);
  }
  .tw\:bg-danger-interactive-pressed {
    background-color: var(--tw-color-lava-200);
  }
  .tw\:bg-danger-strong {
    background-color: var(--tw-color-lava-200);
  }
  .tw\:bg-eclipse-alpha-04 {
    background-color: var(--tw-color-eclipse-alpha-04);
  }
  .tw\:bg-eclipse-alpha-08 {
    background-color: var(--tw-color-eclipse-alpha-08);
  }
  .tw\:bg-eclipse-alpha-20 {
    background-color: var(--tw-color-eclipse-alpha-20);
  }
  .tw\:bg-eclipse-alpha-60 {
    background-color: var(--tw-color-eclipse-alpha-60);
  }
  .tw\:bg-interactive {
    background-color: var(--tw-color-white);
  }
  .tw\:bg-interactive-active {
    background-color: var(--tw-color-white);
  }
  .tw\:bg-interactive-disabled {
    background-color: var(--tw-color-neutral-75);
  }
  .tw\:bg-interactive-hover {
    background-color: var(--tw-color-eclipse-alpha-04);
  }
  .tw\:bg-interactive-pressed {
    background-color: var(--tw-color-eclipse-alpha-08);
  }
  .tw\:bg-jade-75 {
    background-color: var(--tw-color-jade-75);
  }
  .tw\:bg-jade-100 {
    background-color: var(--tw-color-jade-100);
  }
  .tw\:bg-jade-200 {
    background-color: var(--tw-color-jade-200);
  }
  .tw\:bg-jade-300 {
    background-color: var(--tw-color-jade-300);
  }
  .tw\:bg-jade-400 {
    background-color: var(--tw-color-jade-400);
  }
  .tw\:bg-jade-500 {
    background-color: var(--tw-color-jade-500);
  }
  .tw\:bg-jade-600 {
    background-color: var(--tw-color-jade-600);
  }
  .tw\:bg-jade-700 {
    background-color: var(--tw-color-jade-700);
  }
  .tw\:bg-jade-800 {
    background-color: var(--tw-color-jade-800);
  }
  .tw\:bg-jade-900 {
    background-color: var(--tw-color-jade-900);
  }
  .tw\:bg-jade-950 {
    background-color: var(--tw-color-jade-950);
  }
  .tw\:bg-lava-75 {
    background-color: var(--tw-color-lava-75);
  }
  .tw\:bg-lava-100 {
    background-color: var(--tw-color-lava-100);
  }
  .tw\:bg-lava-200 {
    background-color: var(--tw-color-lava-200);
  }
  .tw\:bg-lava-300 {
    background-color: var(--tw-color-lava-300);
  }
  .tw\:bg-lava-400 {
    background-color: var(--tw-color-lava-400);
  }
  .tw\:bg-lava-500 {
    background-color: var(--tw-color-lava-500);
  }
  .tw\:bg-lava-600 {
    background-color: var(--tw-color-lava-600);
  }
  .tw\:bg-lava-700 {
    background-color: var(--tw-color-lava-700);
  }
  .tw\:bg-lava-800 {
    background-color: var(--tw-color-lava-800);
  }
  .tw\:bg-lava-900 {
    background-color: var(--tw-color-lava-900);
  }
  .tw\:bg-lava-950 {
    background-color: var(--tw-color-lava-950);
  }
  .tw\:bg-neutral {
    background-color: var(--tw-color-neutral-100);
  }
  .tw\:bg-neutral-50 {
    background-color: var(--tw-color-neutral-50);
  }
  .tw\:bg-neutral-75 {
    background-color: var(--tw-color-neutral-75);
  }
  .tw\:bg-neutral-100 {
    background-color: var(--tw-color-neutral-100);
  }
  .tw\:bg-neutral-200 {
    background-color: var(--tw-color-neutral-200);
  }
  .tw\:bg-neutral-300 {
    background-color: var(--tw-color-neutral-300);
  }
  .tw\:bg-neutral-400 {
    background-color: var(--tw-color-neutral-400);
  }
  .tw\:bg-neutral-500 {
    background-color: var(--tw-color-neutral-500);
  }
  .tw\:bg-neutral-600 {
    background-color: var(--tw-color-neutral-600);
  }
  .tw\:bg-neutral-700 {
    background-color: var(--tw-color-neutral-700);
  }
  .tw\:bg-neutral-800 {
    background-color: var(--tw-color-neutral-800);
  }
  .tw\:bg-neutral-900 {
    background-color: var(--tw-color-neutral-900);
  }
  .tw\:bg-neutral-950 {
    background-color: var(--tw-color-neutral-950);
  }
  .tw\:bg-neutral-strong {
    background-color: var(--tw-color-neutral-200);
  }
  .tw\:bg-neutral-subtle {
    background-color: var(--tw-color-neutral-75);
  }
  .tw\:bg-page-background-base-default {
    background-color: var(--moments-semantic-colour-page-background-base-default);
  }
  .tw\:bg-playa-75 {
    background-color: var(--tw-color-playa-75);
  }
  .tw\:bg-playa-100 {
    background-color: var(--tw-color-playa-100);
  }
  .tw\:bg-playa-200 {
    background-color: var(--tw-color-playa-200);
  }
  .tw\:bg-playa-300 {
    background-color: var(--tw-color-playa-300);
  }
  .tw\:bg-playa-400 {
    background-color: var(--tw-color-playa-400);
  }
  .tw\:bg-playa-500 {
    background-color: var(--tw-color-playa-500);
  }
  .tw\:bg-playa-600 {
    background-color: var(--tw-color-playa-600);
  }
  .tw\:bg-playa-700 {
    background-color: var(--tw-color-playa-700);
  }
  .tw\:bg-playa-800 {
    background-color: var(--tw-color-playa-800);
  }
  .tw\:bg-playa-900 {
    background-color: var(--tw-color-playa-900);
  }
  .tw\:bg-playa-950 {
    background-color: var(--tw-color-playa-950);
  }
  .tw\:bg-sea-75 {
    background-color: var(--tw-color-sea-75);
  }
  .tw\:bg-sea-100 {
    background-color: var(--tw-color-sea-100);
  }
  .tw\:bg-sea-200 {
    background-color: var(--tw-color-sea-200);
  }
  .tw\:bg-sea-300 {
    background-color: var(--tw-color-sea-300);
  }
  .tw\:bg-sea-400 {
    background-color: var(--tw-color-sea-400);
  }
  .tw\:bg-sea-500 {
    background-color: var(--tw-color-sea-500);
  }
  .tw\:bg-sea-600 {
    background-color: var(--tw-color-sea-600);
  }
  .tw\:bg-sea-700 {
    background-color: var(--tw-color-sea-700);
  }
  .tw\:bg-sea-800 {
    background-color: var(--tw-color-sea-800);
  }
  .tw\:bg-sea-900 {
    background-color: var(--tw-color-sea-900);
  }
  .tw\:bg-sea-950 {
    background-color: var(--tw-color-sea-950);
  }
  .tw\:bg-success {
    background-color: var(--tw-color-jade-100);
  }
  .tw\:bg-success-strong {
    background-color: var(--tw-color-jade-200);
  }
  .tw\:bg-supportive-feedback-warning-lightest {
    background-color: var(--moments-semantic-colour-supportive-feedback-warning-lightest);
  }
  .tw\:bg-surface {
    background-color: var(--tw-color-neutral-50);
  }
  .tw\:bg-surface-base {
    background-color: var(--tw-color-playa-75);
  }
  .tw\:bg-surface-raised {
    background-color: var(--tw-color-white);
  }
  .tw\:bg-surface-raised\! {
    background-color: var(--tw-color-white) !important;
  }
  .tw\:bg-transparent {
    background-color: transparent;
  }
  .tw\:bg-white {
    background-color: var(--tw-color-white);
  }
  .tw\:bg-none {
    background-image: none;
  }
  .tw\:object-cover {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .tw\:p-0 {
    padding: var(--moments-core-spacing-0);
  }
  .tw\:p-0\! {
    padding: var(--moments-core-spacing-0) !important;
  }
  .tw\:p-0\.5 {
    padding: calc(var(--tw-spacing) * 0.5);
  }
  .tw\:p-1 {
    padding: var(--tw-spacing);
  }
  .tw\:p-2 {
    padding: calc(var(--tw-spacing) * 2);
  }
  .tw\:p-3 {
    padding: calc(var(--tw-spacing) * 3);
  }
  .tw\:p-4 {
    padding: calc(var(--tw-spacing) * 4);
  }
  .tw\:p-6 {
    padding: calc(var(--tw-spacing) * 6);
  }
  .tw\:p-8 {
    padding: calc(var(--tw-spacing) * 8);
  }
  .tw\:p-16 {
    padding: calc(var(--tw-spacing) * 16);
  }
  .tw\:px-0\! {
    padding-inline: var(--moments-core-spacing-0) !important;
  }
  .tw\:px-0\.5 {
    padding-inline: calc(var(--tw-spacing) * 0.5);
  }
  .tw\:px-1\.5 {
    padding-inline: calc(var(--tw-spacing) * 1.5);
  }
  .tw\:px-2 {
    padding-inline: calc(var(--tw-spacing) * 2);
  }
  .tw\:px-2\.5 {
    padding-inline: calc(var(--tw-spacing) * 2.5);
  }
  .tw\:px-2\.5\! {
    padding-inline: calc(var(--tw-spacing) * 2.5) !important;
  }
  .tw\:px-3 {
    padding-inline: calc(var(--tw-spacing) * 3);
  }
  .tw\:px-4 {
    padding-inline: calc(var(--tw-spacing) * 4);
  }
  .tw\:px-5 {
    padding-inline: calc(var(--tw-spacing) * 5);
  }
  .tw\:px-6 {
    padding-inline: calc(var(--tw-spacing) * 6);
  }
  .tw\:px-10 {
    padding-inline: calc(var(--tw-spacing) * 10);
  }
  .tw\:px-14 {
    padding-inline: calc(var(--tw-spacing) * 14);
  }
  .tw\:px-16 {
    padding-inline: calc(var(--tw-spacing) * 16);
  }
  .tw\:px-gap-lg {
    padding-inline: var(--moments-semantic-spacing-gap-lg);
  }
  .tw\:px-gap-md {
    padding-inline: var(--moments-semantic-spacing-gap-md);
  }
  .tw\:py-0\.5 {
    padding-block: calc(var(--tw-spacing) * 0.5);
  }
  .tw\:py-1 {
    padding-block: var(--tw-spacing);
  }
  .tw\:py-1\.5 {
    padding-block: calc(var(--tw-spacing) * 1.5);
  }
  .tw\:py-1\.5\! {
    padding-block: calc(var(--tw-spacing) * 1.5) !important;
  }
  .tw\:py-2 {
    padding-block: calc(var(--tw-spacing) * 2);
  }
  .tw\:py-3 {
    padding-block: calc(var(--tw-spacing) * 3);
  }
  .tw\:py-4 {
    padding-block: calc(var(--tw-spacing) * 4);
  }
  .tw\:py-6 {
    padding-block: calc(var(--tw-spacing) * 6);
  }
  .tw\:py-12 {
    padding-block: calc(var(--tw-spacing) * 12);
  }
  .tw\:py-16 {
    padding-block: calc(var(--tw-spacing) * 16);
  }
  .tw\:py-20 {
    padding-block: calc(var(--tw-spacing) * 20);
  }
  .tw\:py-40 {
    padding-block: calc(var(--tw-spacing) * 40);
  }
  .tw\:py-\[\.5rem\]\! {
    padding-block: .5rem !important;
  }
  .tw\:py-gap-xl {
    padding-block: var(--moments-semantic-spacing-gap-xl);
  }
  .tw\:py-gap-xs {
    padding-block: var(--moments-semantic-spacing-gap-xs);
  }
  .tw\:py-px {
    padding-block: 1px;
  }
  .tw\:ps-5 {
    -webkit-padding-start: calc(var(--tw-spacing) * 5);
            padding-inline-start: calc(var(--tw-spacing) * 5);
  }
  .tw\:pt-2 {
    padding-top: calc(var(--tw-spacing) * 2);
  }
  .tw\:pt-2\! {
    padding-top: calc(var(--tw-spacing) * 2) !important;
  }
  .tw\:pt-4 {
    padding-top: calc(var(--tw-spacing) * 4);
  }
  .tw\:pt-5 {
    padding-top: calc(var(--tw-spacing) * 5);
  }
  .tw\:pt-6\! {
    padding-top: calc(var(--tw-spacing) * 6) !important;
  }
  .tw\:pt-24 {
    padding-top: calc(var(--tw-spacing) * 24);
  }
  .tw\:pt-\[13px\] {
    padding-top: 13px;
  }
  .tw\:pr-11 {
    padding-right: calc(var(--tw-spacing) * 11);
  }
  .tw\:pr-16 {
    padding-right: calc(var(--tw-spacing) * 16);
  }
  .tw\:pr-22 {
    padding-right: calc(var(--tw-spacing) * 22);
  }
  .tw\:pr-\[4\.125rem\] {
    padding-right: 4.125rem;
  }
  .tw\:pb-1\.5\! {
    padding-bottom: calc(var(--tw-spacing) * 1.5) !important;
  }
  .tw\:pb-4 {
    padding-bottom: calc(var(--tw-spacing) * 4);
  }
  .tw\:pb-4\! {
    padding-bottom: calc(var(--tw-spacing) * 4) !important;
  }
  .tw\:pb-5 {
    padding-bottom: calc(var(--tw-spacing) * 5);
  }
  .tw\:pb-6 {
    padding-bottom: calc(var(--tw-spacing) * 6);
  }
  .tw\:pb-20 {
    padding-bottom: calc(var(--tw-spacing) * 20);
  }
  .tw\:pb-20\! {
    padding-bottom: calc(var(--tw-spacing) * 20) !important;
  }
  .tw\:pl-0 {
    padding-left: var(--moments-core-spacing-0);
  }
  .tw\:pl-3 {
    padding-left: calc(var(--tw-spacing) * 3);
  }
  .tw\:pl-4 {
    padding-left: calc(var(--tw-spacing) * 4);
  }
  .tw\:pl-5 {
    padding-left: calc(var(--tw-spacing) * 5);
  }
  .tw\:pl-6 {
    padding-left: calc(var(--tw-spacing) * 6);
  }
  .tw\:pl-7 {
    padding-left: calc(var(--tw-spacing) * 7);
  }
  .tw\:pl-12 {
    padding-left: calc(var(--tw-spacing) * 12);
  }
  .tw\:pl-\[1\.25em\] {
    padding-left: 1.25em;
  }
  .tw\:text-center {
    text-align: center;
  }
  .tw\:text-left {
    text-align: left;
  }
  .tw\:align-middle {
    vertical-align: middle;
  }
  .tw\:text-heading-large {
    font-family: var(--moments-semantic-typography-heading-large-font-family);
    font-size: var(--moments-semantic-typography-heading-large-font-size);
    font-weight: var(--moments-semantic-typography-heading-large-font-weight);
    line-height: var(--moments-semantic-typography-heading-large-line-height);
    letter-spacing: var(--moments-semantic-typography-heading-large-letter-spacing);
  }
  .tw\:text-paragraph-large {
    font-family: var(--moments-semantic-typography-paragraph-large-font-family);
    font-size: var(--moments-semantic-typography-paragraph-large-font-size);
    font-weight: var(--moments-semantic-typography-paragraph-large-font-weight);
    line-height: var(--moments-semantic-typography-paragraph-large-line-height);
    letter-spacing: var(--moments-semantic-typography-paragraph-large-letter-spacing);
  }
  .tw\:text-paragraph-medium {
    font-family: var(--moments-semantic-typography-paragraph-medium-font-family);
    font-size: var(--moments-semantic-typography-paragraph-medium-font-size);
    font-weight: var(--moments-semantic-typography-paragraph-medium-font-weight);
    line-height: var(--moments-semantic-typography-paragraph-medium-line-height);
    letter-spacing: var(--moments-semantic-typography-paragraph-medium-letter-spacing);
  }
  .tw\:text-paragraph-medium-strong {
    font-family: var(--moments-semantic-typography-paragraph-medium-strong-font-family);
    font-size: var(--moments-semantic-typography-paragraph-medium-strong-font-size);
    font-weight: var(--moments-semantic-typography-paragraph-medium-strong-font-weight);
    line-height: var(--moments-semantic-typography-paragraph-medium-strong-line-height);
    letter-spacing: var(--moments-semantic-typography-paragraph-medium-strong-letter-spacing);
  }
  .tw\:text-paragraph-small {
    font-family: var(--moments-semantic-typography-paragraph-small-font-family);
    font-size: var(--moments-semantic-typography-paragraph-small-font-size);
    font-weight: var(--moments-semantic-typography-paragraph-small-font-weight);
    line-height: var(--moments-semantic-typography-paragraph-small-line-height);
    letter-spacing: var(--moments-semantic-typography-paragraph-small-letter-spacing);
  }
  .tw\:text-monospace-lg {
    font-family: var(--tw-font-grotesk);
    font-size: 1rem;
    line-height: 1.5rem;
    font-variant-numeric: tabular-nums;
  }
  .tw\:text-monospace-md {
    font-family: var(--tw-font-grotesk);
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-variant-numeric: tabular-nums;
  }
  .tw\:text-monospace-sm {
    font-family: var(--tw-font-grotesk);
    font-size: 0.75rem;
    line-height: 1rem;
    font-variant-numeric: tabular-nums;
  }
  .tw\:text-monospace-xl {
    font-family: var(--tw-font-grotesk);
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-variant-numeric: tabular-nums;
  }
  .tw\:text-monospace-xs {
    font-family: var(--tw-font-grotesk);
    font-size: 0.6875rem;
    line-height: 1rem;
    font-variant-numeric: tabular-nums;
  }
  .tw\:text-heading-2xl {
    font-family: var(--tw-font-kurrent);
    font-size: 3.1875rem;
    line-height: 3.25rem;
  }
  .tw\:text-heading-lg {
    font-family: var(--tw-font-kurrent);
    font-size: 1.6875rem;
    line-height: 1.75rem;
  }
  .tw\:text-heading-md {
    font-family: var(--tw-font-kurrent);
    font-size: 1.375rem;
    line-height: 1.5rem;
  }
  .tw\:text-heading-sm {
    font-family: var(--tw-font-kurrent);
    font-size: 1.125rem;
    line-height: 1.25rem;
  }
  .tw\:text-heading-xl {
    font-family: var(--tw-font-kurrent);
    font-size: 2.125rem;
    line-height: 2.25rem;
  }
  .tw\:text-label-lg {
    font-family: var(--tw-font-grotesk);
    font-size: 1rem;
    line-height: 1.25rem;
  }
  .tw\:text-label-md {
    font-family: var(--tw-font-grotesk);
    font-size: 0.875rem;
    line-height: 1rem;
  }
  .tw\:text-label-sm {
    font-family: var(--tw-font-grotesk);
    font-size: 0.75rem;
    line-height: 1rem;
  }
  .tw\:text-label-xl {
    font-family: var(--tw-font-grotesk);
    font-size: 1.125rem;
    line-height: 1.25rem;
  }
  .tw\:text-paragraph-2xl {
    font-family: var(--tw-font-grotesk);
    font-size: 1.25rem;
    line-height: 2rem;
  }
  .tw\:text-paragraph-lg {
    font-family: var(--tw-font-grotesk);
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .tw\:text-paragraph-md {
    font-family: var(--tw-font-grotesk);
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .tw\:text-paragraph-sm {
    font-family: var(--tw-font-grotesk);
    font-size: 0.75rem;
    line-height: 1rem;
  }
  .tw\:text-paragraph-sm\! {
    font-family: var(--tw-font-grotesk) !important;
    font-size: 0.75rem !important;
    line-height: 1rem !important;
  }
  .tw\:text-paragraph-xl {
    font-family: var(--tw-font-grotesk);
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .tw\:text-paragraph-xs {
    font-family: var(--tw-font-grotesk);
    font-size: 0.6875rem;
    line-height: 1rem;
  }
  .tw\:font-mono {
    font-family: var(--tw-font-mono);
  }
  .tw\:text-base {
    font-size: var(--tw-text-base);
    line-height: var(--tw-leading, var(--tw-text-base--line-height));
  }
  .tw\:text-sm {
    font-size: var(--tw-text-sm);
    line-height: var(--tw-leading, var(--tw-text-sm--line-height));
  }
  .tw\:text-\[0\.6875rem\] {
    font-size: 0.6875rem;
  }
  .tw\:leading-5 {
    --tw-leading: calc(var(--tw-spacing) * 5);
    line-height: calc(var(--tw-spacing) * 5);
  }
  .tw\:font-bold {
    --tw-font-weight: var(--tw-font-weight-bold);
    font-weight: var(--tw-font-weight-bold);
  }
  .tw\:font-medium {
    --tw-font-weight: var(--tw-font-weight-medium);
    font-weight: var(--tw-font-weight-medium);
  }
  .tw\:font-normal {
    --tw-font-weight: var(--tw-font-weight-normal);
    font-weight: var(--tw-font-weight-normal);
  }
  .tw\:tracking-tight {
    --tw-tracking: var(--tw-tracking-tight);
    letter-spacing: var(--tw-tracking-tight);
  }
  .tw\:\[overflow-wrap\:anywhere\] {
    overflow-wrap: anywhere;
  }
  .tw\:\[overflow-wrap\:normal\] {
    overflow-wrap: normal;
  }
  .tw\:wrap-anywhere {
    overflow-wrap: anywhere;
  }
  .tw\:wrap-normal {
    overflow-wrap: normal;
  }
  .tw\:text-ellipsis {
    text-overflow: ellipsis;
  }
  .tw\:whitespace-nowrap {
    white-space: nowrap;
  }
  .tw\:whitespace-pre {
    white-space: pre;
  }
  .tw\:whitespace-pre-line {
    white-space: pre-line;
  }
  .tw\:whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .tw\:text-\[var\(--muted-copy-colour\)\]\! {
    color: var(--muted-copy-colour) !important;
  }
  .tw\:text-attention {
    color: var(--tw-color-playa-700);
  }
  .tw\:text-attention-on-attention {
    color: var(--tw-color-playa-900);
  }
  .tw\:text-base-lightest {
    color: var(--tw-color-neutral-450);
  }
  .tw\:text-brand-on-brand {
    color: var(--tw-color-sea-900);
  }
  .tw\:text-danger {
    color: var(--tw-color-lava-700);
  }
  .tw\:text-danger-on-danger {
    color: var(--tw-color-lava-950);
  }
  .tw\:text-inherit {
    color: inherit;
  }
  .tw\:text-interactive {
    color: var(--tw-color-sea-600);
  }
  .tw\:text-interactive-disabled {
    color: var(--tw-color-sea-300);
  }
  .tw\:text-interactive-hover {
    color: var(--tw-color-sea-700);
  }
  .tw\:text-interactive-pressed {
    color: var(--tw-color-sea-800);
  }
  .tw\:text-lava-500 {
    color: var(--tw-color-lava-500);
  }
  .tw\:text-neutral {
    color: var(--tw-color-neutral-800);
  }
  .tw\:text-neutral-500 {
    color: var(--tw-color-neutral-500);
  }
  .tw\:text-neutral-950 {
    color: var(--tw-color-neutral-950);
  }
  .tw\:text-neutral-strong {
    color: var(--tw-color-neutral-950);
  }
  .tw\:text-neutral-strong\! {
    color: var(--tw-color-neutral-950) !important;
  }
  .tw\:text-on-brand {
    color: var(--tw-color-white);
  }
  .tw\:text-on-danger {
    color: var(--tw-color-white);
  }
  .tw\:text-sea-500 {
    color: var(--tw-color-sea-500);
  }
  .tw\:text-sea-600 {
    color: var(--tw-color-sea-600);
  }
  .tw\:text-sea-700 {
    color: var(--tw-color-sea-700);
  }
  .tw\:text-subtle {
    color: var(--tw-color-neutral-600);
  }
  .tw\:text-subtle\! {
    color: var(--tw-color-neutral-600) !important;
  }
  .tw\:text-success {
    color: var(--tw-color-jade-700);
  }
  .tw\:text-success-on-success {
    color: var(--tw-color-jade-900);
  }
  .tw\:text-supportive-feedback-warning-strongest {
    color: var(--moments-semantic-colour-supportive-feedback-warning-strongest);
  }
  .tw\:text-text-base-default {
    color: var(--moments-semantic-colour-text-base-default);
  }
  .tw\:text-text-base-lighter {
    color: var(--moments-semantic-colour-text-base-lighter);
  }
  .tw\:text-text-base-strongest {
    color: var(--moments-semantic-colour-text-base-strongest);
  }
  .tw\:line-through {
    -webkit-text-decoration-line: line-through;
            text-decoration-line: line-through;
  }
  .tw\:no-underline {
    -webkit-text-decoration-line: none;
            text-decoration-line: none;
  }
  .tw\:underline {
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
  }
  .tw\:decoration-dotted {
    -webkit-text-decoration-style: dotted;
            text-decoration-style: dotted;
  }
  .tw\:opacity-0 {
    opacity: 0%;
  }
  .tw\:opacity-25 {
    opacity: 25%;
  }
  .tw\:opacity-50 {
    opacity: 50%;
  }
  .tw\:opacity-70 {
    opacity: 70%;
  }
  .tw\:shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .tw\:shadow-card {
    --tw-shadow: 0px 0px 1px var(--tw-shadow-color, rgba(0, 0, 0, 0.08)), 0px 4px 14px 2px var(--tw-shadow-color, rgba(0, 0, 0, 0.07)), 0px 4px 3px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.04));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .tw\:shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .tw\:shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .tw\:shadow-xs {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .tw\:transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
  }
  .tw\:transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
  }
  .tw\:delay-300 {
    transition-delay: 300ms;
  }
  .tw\:duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .tw\:ease-in-out {
    --tw-ease: var(--tw-ease-in-out);
    transition-timing-function: var(--tw-ease-in-out);
  }
  .tw\:outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .tw\:priority-icon-lightest {
    --lava: var(--tw-color-lava-300);
    --eclipse-warm-60: var(--tw-color-neutral-450);
  }
  .tw\:select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
  }
  .tw\:\[property\:value\] {
    property: value;
  }
  .tw\:scroll-hint-ground-neutral-subtle {
    --scroll-hint-ground: var(--tw-color-neutral-75);
  }
  .tw\:group-open\:rotate-180:is(:where(.tw\:group):is([open], :popover-open, :open) *) {
    rotate: 180deg;
  }
  @media (hover: hover) {
    .tw\:group-hover\:hidden:is(:where(.tw\:group):hover *) {
      display: none;
    }
  }
  @media (hover: hover) {
    .tw\:group-hover\:inline:is(:where(.tw\:group):hover *) {
      display: inline;
    }
  }
  .tw\:empty\:hidden:empty {
    display: none;
  }
  @media (hover: hover) {
    .tw\:hover\:scrollbar-thumb-neutral-300:hover {
      --tw-scrollbar-thumb: var(--tw-color-neutral-300);
      scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
    }
  }
  @media (hover: hover) {
    .tw\:hover\:bg-brand-interactive-hover:hover {
      background-color: var(--tw-color-sea-100);
    }
  }
  @media (hover: hover) {
    .tw\:hover\:bg-eclipse-alpha-04:hover {
      background-color: var(--tw-color-eclipse-alpha-04);
    }
  }
  @media (hover: hover) {
    .tw\:hover\:bg-interactive-hover:hover {
      background-color: var(--tw-color-eclipse-alpha-04);
    }
  }
  @media (hover: hover) {
    .tw\:hover\:bg-neutral-200:hover {
      background-color: var(--tw-color-neutral-200);
    }
  }
  @media (hover: hover) {
    .tw\:hover\:bg-neutral-strong:hover {
      background-color: var(--tw-color-neutral-200);
    }
  }
  @media (hover: hover) {
    .tw\:hover\:bg-neutral-subtle:hover {
      background-color: var(--tw-color-neutral-75);
    }
  }
  @media (hover: hover) {
    .tw\:hover\:bg-surface-raised\!:hover {
      background-color: var(--tw-color-white) !important;
    }
  }
  @media (hover: hover) {
    .tw\:hover\:text-interactive-hover:hover {
      color: var(--tw-color-sea-700);
    }
  }
  @media (hover: hover) {
    .tw\:hover\:text-neutral-950:hover {
      color: var(--tw-color-neutral-950);
    }
  }
  @media (hover: hover) {
    .tw\:hover\:text-neutral-strong:hover {
      color: var(--tw-color-neutral-950);
    }
  }
  @media (hover: hover) {
    .tw\:hover\:underline:hover {
      -webkit-text-decoration-line: underline;
              text-decoration-line: underline;
    }
  }
  @media (hover: hover) {
    .tw\:hover\:opacity-70:hover {
      opacity: 70%;
    }
  }
  @media (hover: hover) {
    .tw\:hover\:opacity-100:hover {
      opacity: 100%;
    }
  }
  @media (hover: hover) {
    .tw\:hover\:shadow-xs:hover {
      --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .tw\:focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  .tw\:focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }
  .tw\:disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }
  .tw\:disabled\:opacity-30:disabled {
    opacity: 30%;
  }
  .tw\:has-\[\[data-target-to-disable\]\:not\(\[disabled\]\)\]\:block:has(*:is([data-target-to-disable]:not([disabled]))) {
    display: block;
  }
  .tw\:aria-\[current\=true\]\:bg-interactive-active[aria-current="true"] {
    background-color: var(--tw-color-white);
  }
  @media (width >= 40rem) {
    .tw\:sm\:w-1\/4 {
      width: calc(1 / 4 * 100%);
    }
  }
  @media (width >= 40rem) {
    .tw\:sm\:w-50 {
      width: var(--moments-core-spacing-50);
    }
  }
  @media (width >= 40rem) {
    .tw\:sm\:flex-none {
      flex: none;
    }
  }
  @media (width >= 48rem) {
    .tw\:md\:col-span-2 {
      grid-column: span 2 / span 2;
    }
  }
  @media (width >= 48rem) {
    .tw\:md\:flex {
      display: flex;
    }
  }
  @media (width >= 48rem) {
    .tw\:md\:inline {
      display: inline;
    }
  }
  @media (width >= 48rem) {
    .tw\:md\:h-8\! {
      height: calc(var(--tw-spacing) * 8) !important;
    }
  }
  @media (width >= 48rem) {
    .tw\:md\:w-auto\! {
      width: auto !important;
    }
  }
  @media (width >= 48rem) {
    .tw\:md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (width >= 48rem) {
    .tw\:md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (width >= 48rem) {
    .tw\:md\:flex-nowrap {
      flex-wrap: nowrap;
    }
  }
  @media (width >= 48rem) {
    .tw\:md\:justify-between\! {
      justify-content: space-between !important;
    }
  }
  @media (width >= 48rem) {
    .tw\:md\:px-3\! {
      padding-inline: calc(var(--tw-spacing) * 3) !important;
    }
  }
  @media (width >= 64rem) {
    .tw\:lg\:sticky {
      position: -webkit-sticky;
      position: sticky;
    }
  }
  @media (width >= 64rem) {
    .tw\:lg\:top-20 {
      top: calc(var(--tw-spacing) * 20);
    }
  }
  @media (width >= 64rem) {
    .tw\:lg\:col-span-4 {
      grid-column: span 4 / span 4;
    }
  }
  @media (width >= 64rem) {
    .tw\:lg\:col-span-6 {
      grid-column: span 6 / span 6;
    }
  }
  @media (width >= 64rem) {
    .tw\:lg\:col-span-8 {
      grid-column: span 8 / span 8;
    }
  }
  @media (width >= 64rem) {
    .tw\:lg\:flex {
      display: flex;
    }
  }
  @media (width >= 64rem) {
    .tw\:lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (width >= 64rem) {
    .tw\:lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @container (width < 100px) {
    .tw\:\@max-\[100px\]\:hidden {
      display: none;
    }
  }
  @container (width < 80px) {
    .tw\:\@max-\[80px\]\:hidden {
      display: none;
    }
  }
  @container (width >= 110px) {
    @media (hover: hover) {
      .tw\:\@min-\[110px\]\:group-hover\:inline:is(:where(.tw\:group):hover *) {
        display: inline;
      }
    }
  }
  .tw\:\[\&_button\:not\(\[disabled\]\)_p\:not\(\.font-bold\)\]\:hidden button:not([disabled]) p:not(.font-bold) {
    display: none;
  }
  .tw\:\[\&\>tbody\>tr\:nth-child\(odd\)\]\:bg-surface>tbody>tr:nth-child(odd) {
    background-color: var(--tw-color-neutral-50);
  }
  .tw\:\[\&\[disabled\]\]\:hidden[disabled] {
    display: none;
  }
  .tw\:\[\&\[disabled\]\]\:hidden\![disabled] {
    display: none !important;
  }
}
:root {
  --moments-core-colour-primary-75: #f2f7ff;
  --moments-core-colour-primary-100: #ebf3ff;
  --moments-core-colour-primary-200: #cce0ff;
  --moments-core-colour-primary-300: #9dc4fe;
  --moments-core-colour-primary-400: #4c94ff;
  --moments-core-colour-primary-500: #0066ff;
  --moments-core-colour-primary-600: #005ce5;
  --moments-core-colour-primary-700: #004ec2;
  --moments-core-colour-primary-800: #0043a8;
  --moments-core-colour-primary-900: #002f75;
  --moments-core-colour-primary-950: #001a42;
  --moments-core-colour-eclipse-alpha-4: rgba(7, 7, 7, 0.04);
  --moments-core-colour-eclipse-alpha-8: rgba(7, 7, 7, 0.08);
  --moments-core-colour-eclipse-alpha-20: rgba(7, 7, 7, 0.2);
  --moments-core-colour-eclipse-alpha-60: rgba(7, 7, 7, 0.6);
  --moments-core-colour-neutral-50: #fffcf7;
  --moments-core-colour-neutral-75: #f7f5f0;
  --moments-core-colour-neutral-100: #f2efeb;
  --moments-core-colour-neutral-200: #ebe8e4;
  --moments-core-colour-neutral-300: #d4d1cd;
  --moments-core-colour-neutral-400: #bab8b5;
  --moments-core-colour-neutral-500: #989795;
  --moments-core-colour-neutral-600: #61605e;
  --moments-core-colour-neutral-700: #403f3e;
  --moments-core-colour-neutral-800: #2e2d2d;
  --moments-core-colour-neutral-900: #1a1919;
  --moments-core-colour-neutral-950: #070707;
  --moments-core-colour-global-white: #ffffff;
  --moments-core-colour-global-black: #000000;
  --moments-core-colour-global-transparent: rgba(255, 255, 255, 0);
  --moments-core-colour-error-75: #ffebeb;
  --moments-core-colour-error-100: #ffe2e2;
  --moments-core-colour-error-200: #ffc9c9;
  --moments-core-colour-error-300: #ffa2a2;
  --moments-core-colour-error-400: #ff6467;
  --moments-core-colour-error-500: #fb2c36;
  --moments-core-colour-error-600: #e7000b;
  --moments-core-colour-error-700: #c10006;
  --moments-core-colour-error-800: #9f0712;
  --moments-core-colour-error-900: #82181a;
  --moments-core-colour-error-950: #460809;
  --moments-core-colour-success-75: #e3fff1;
  --moments-core-colour-success-100: #d0fae5;
  --moments-core-colour-success-200: #94f7cc;
  --moments-core-colour-success-300: #59dea4;
  --moments-core-colour-success-400: #27c480;
  --moments-core-colour-success-500: #00ab61;
  --moments-core-colour-success-600: #009152;
  --moments-core-colour-success-700: #007844;
  --moments-core-colour-success-800: #005e35;
  --moments-core-colour-success-900: #004527;
  --moments-core-colour-success-950: #002b19;
  --moments-core-colour-secondary-75: #fff5e3;
  --moments-core-colour-secondary-100: #ffebcc;
  --moments-core-colour-secondary-200: #ffd899;
  --moments-core-colour-secondary-300: #ffb459;
  --moments-core-colour-secondary-400: #ff9633;
  --moments-core-colour-secondary-500: #f76700;
  --moments-core-colour-secondary-600: #d95a00;
  --moments-core-colour-secondary-700: #bf5000;
  --moments-core-colour-secondary-800: #994000;
  --moments-core-colour-secondary-900: #592500;
  --moments-core-colour-secondary-950: #401b00;
  --moments-core-colour-info-75: #f2f7ff;
  --moments-core-colour-info-100: #ebf3ff;
  --moments-core-colour-info-200: #cce0ff;
  --moments-core-colour-info-300: #9dc4fe;
  --moments-core-colour-info-400: #4c94ff;
  --moments-core-colour-info-500: #0066ff;
  --moments-core-colour-info-600: #005ce5;
  --moments-core-colour-info-700: #004ec2;
  --moments-core-colour-info-800: #0043a8;
  --moments-core-colour-info-900: #002f75;
  --moments-core-colour-info-950: #001a42;
  --moments-core-colour-alert-75: #fff5e3;
  --moments-core-colour-alert-100: #ffebcc;
  --moments-core-colour-alert-200: #ffd899;
  --moments-core-colour-alert-300: #ffb459;
  --moments-core-colour-alert-400: #ff9633;
  --moments-core-colour-alert-500: #f76700;
  --moments-core-colour-alert-600: #d95a00;
  --moments-core-colour-alert-700: #bf5000;
  --moments-core-colour-alert-800: #994000;
  --moments-core-colour-alert-900: #592500;
  --moments-core-colour-alert-950: #401b00;
  --moments-core-colour-tertiary-75: #f4f7f6;
  --moments-core-colour-tertiary-100: #e8eeec;
  --moments-core-colour-tertiary-200: #d3dcd9;
  --moments-core-colour-tertiary-300: #bcc8c4;
  --moments-core-colour-tertiary-400: #a4b3ae;
  --moments-core-colour-tertiary-500: #8b9d97;
  --moments-core-colour-tertiary-600: #728680;
  --moments-core-colour-tertiary-700: #5b6e68;
  --moments-core-colour-tertiary-800: #455651;
  --moments-core-colour-tertiary-900: #2f3c39;
  --moments-core-colour-tertiary-950: #1d2623;
  --moments-core-font-family-primary: Klarheit-Kurrent;
  --moments-core-font-family-secondary: Klarheit-Grotesk;
  --moments-core-font-weight-400: 400;
  --moments-core-font-weight-500: 500;
  --moments-core-font-weight-700: 700;
  --moments-core-font-size-100: 0.75rem;
  --moments-core-font-size-125: 0.813rem;
  --moments-core-font-size-150: 0.875rem;
  --moments-core-font-size-200: 1rem;
  --moments-core-font-size-250: 1.125rem;
  --moments-core-font-size-300: 1.25rem;
  --moments-core-font-size-350: 1.375rem;
  --moments-core-font-size-475: 1.688rem;
  --moments-core-font-size-650: 2.125rem;
  --moments-core-font-size-1075: 3.188rem;
  --moments-core-line-height-200: 1rem;
  --moments-core-line-height-300: 1.25rem;
  --moments-core-line-height-400: 1.5rem;
  --moments-core-line-height-500: 1.75rem;
  --moments-core-line-height-600: 2rem;
  --moments-core-line-height-700: 2.25rem;
  --moments-core-line-height-1100: 3.25rem;
  --moments-core-letter-spacing-100: -0.063rem;
  --moments-core-letter-spacing-200: 0rem;
  --moments-core-text-decoration-none: none;
  --moments-core-text-decoration-underline: underline;
  --moments-core-opacity-0: 0rem;
  --moments-core-opacity-5: 0.313rem;
  --moments-core-opacity-10: 0.625rem;
  --moments-core-opacity-15: 0.938rem;
  --moments-core-opacity-20: 1.25rem;
  --moments-core-opacity-25: 1.563rem;
  --moments-core-opacity-30: 1.875rem;
  --moments-core-opacity-35: 2.188rem;
  --moments-core-opacity-40: 2.5rem;
  --moments-core-opacity-45: 2.813rem;
  --moments-core-opacity-50: 3.125rem;
  --moments-core-opacity-55: 3.438rem;
  --moments-core-opacity-60: 3.75rem;
  --moments-core-opacity-65: 4.063rem;
  --moments-core-opacity-70: 4.375rem;
  --moments-core-opacity-75: 4.688rem;
  --moments-core-opacity-80: 5rem;
  --moments-core-opacity-85: 5.313rem;
  --moments-core-opacity-90: 5.625rem;
  --moments-core-opacity-95: 5.938rem;
  --moments-core-opacity-100: 6.25rem;
  --moments-core-spacing-0: 0rem;
  --moments-core-spacing-25: 0.063rem;
  --moments-core-spacing-50: 0.125rem;
  --moments-core-spacing-100: 0.25rem;
  --moments-core-spacing-150: 0.375rem;
  --moments-core-spacing-200: 0.5rem;
  --moments-core-spacing-250: 0.625rem;
  --moments-core-spacing-300: 0.75rem;
  --moments-core-spacing-350: 0.875rem;
  --moments-core-spacing-400: 1rem;
  --moments-core-spacing-500: 1.25rem;
  --moments-core-spacing-600: 1.5rem;
  --moments-core-spacing-700: 1.75rem;
  --moments-core-spacing-800: 2rem;
  --moments-core-spacing-900: 2.25rem;
  --moments-core-spacing-1000: 2.5rem;
  --moments-core-spacing-1100: 2.75rem;
  --moments-core-spacing-1200: 3rem;
  --moments-core-spacing-1400: 3.5rem;
  --moments-core-spacing-1600: 4rem;
  --moments-core-spacing-2000: 5rem;
  --moments-core-spacing-2400: 6rem;
  --moments-core-spacing-2800: 7rem;
  --moments-core-spacing-3200: 8rem;
  --moments-core-spacing-3600: 9rem;
  --moments-core-spacing-4000: 10rem;
  --moments-core-spacing-4400: 11rem;
  --moments-core-spacing-4800: 12rem;
  --moments-core-spacing-5200: 13rem;
  --moments-core-spacing-5600: 14rem;
  --moments-core-spacing-6000: 15rem;
  --moments-core-spacing-6400: 16rem;
  --moments-core-spacing-7200: 18rem;
  --moments-core-spacing-8000: 20rem;
  --moments-core-spacing-9600: 24rem;
  --moments-core-border-width-0: 0rem;
  --moments-core-border-width-50: 0.031rem;
  --moments-core-border-width-100: 0.063rem;
  --moments-core-border-width-200: 0.125rem;
  --moments-core-border-width-400: 0.25rem;
  --moments-core-border-width-800: 0.5rem;
  --moments-core-border-radius-0: 0rem;
  --moments-core-border-radius-25: 0.125rem;
  --moments-core-border-radius-50: 0.25rem;
  --moments-core-border-radius-75: 0.375rem;
  --moments-core-border-radius-100: 0.5rem;
  --moments-core-border-radius-150: 0.75rem;
  --moments-core-border-radius-200: 1rem;
  --moments-core-border-radius-300: 1.5rem;
  --moments-core-border-radius-400: 2rem;
  --moments-core-border-radius-full: 62500rem;
  --moments-core-sizing-0: 0rem;
  --moments-core-sizing-25: 0.063rem;
  --moments-core-sizing-50: 0.125rem;
  --moments-core-sizing-100: 0.25rem;
  --moments-core-sizing-150: 0.375rem;
  --moments-core-sizing-200: 0.5rem;
  --moments-core-sizing-250: 0.625rem;
  --moments-core-sizing-300: 0.75rem;
  --moments-core-sizing-350: 0.875rem;
  --moments-core-sizing-400: 1rem;
  --moments-core-sizing-500: 1.25rem;
  --moments-core-sizing-600: 1.5rem;
  --moments-core-sizing-700: 1.75rem;
  --moments-core-sizing-800: 2rem;
  --moments-core-sizing-900: 2.25rem;
  --moments-core-sizing-1000: 2.5rem;
  --moments-core-sizing-1100: 2.75rem;
  --moments-core-sizing-1200: 3rem;
  --moments-core-sizing-1400: 3.5rem;
  --moments-core-sizing-1600: 4rem;
  --moments-core-sizing-2000: 5rem;
  --moments-core-sizing-2400: 6rem;
  --moments-core-sizing-2800: 7rem;
  --moments-core-sizing-3200: 8rem;
  --moments-core-sizing-3600: 9rem;
  --moments-core-sizing-4000: 10rem;
  --moments-core-sizing-4400: 11rem;
  --moments-core-sizing-4800: 12rem;
  --moments-core-sizing-5200: 13rem;
  --moments-core-sizing-5600: 14rem;
  --moments-core-sizing-6000: 15rem;
  --moments-core-sizing-6400: 16rem;
  --moments-core-sizing-7200: 18rem;
  --moments-core-sizing-8000: 20rem;
  --moments-core-sizing-9600: 24rem;
  --moments-core-aspect-ratio-1-1: 1 / 1;
  --moments-core-aspect-ratio-4-3: 4 / 3;
  --moments-core-aspect-ratio-3-2: 3 / 2;
  --moments-core-aspect-ratio-16-10: 16 / 10;
  --moments-semantic-shadow-focus: 0 0 0 2px #ffffff, 0 0 0 4px #0066ff;
  --moments-semantic-shadow-sm: 0 1px 3px 0 #0000001a, 0 1px 2px 0 #0000000f;
  --moments-semantic-shadow-md: 0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;
  --moments-semantic-shadow-lg: 0 25px 50px -12px #00000040;
  --moments-semantic-border-radius-0: var(--moments-core-border-radius-0);
  --moments-semantic-border-radius-xs: var(--moments-core-border-radius-25);
  --moments-semantic-border-radius-sm: var(--moments-core-border-radius-50);
  --moments-semantic-border-radius-md: var(--moments-core-border-radius-75);
  --moments-semantic-border-radius-lg: var(--moments-core-border-radius-100);
  --moments-semantic-border-radius-xl: var(--moments-core-border-radius-150);
  --moments-semantic-border-radius-2xl: var(--moments-core-border-radius-200);
  --moments-semantic-border-radius-3xl: var(--moments-core-border-radius-300);
  --moments-semantic-border-radius-full: var(--moments-core-border-radius-full);
  --moments-semantic-border-radius-4xl: var(--moments-core-border-radius-400);
  --moments-semantic-spacing-padding-none: var(--moments-core-spacing-0);
  --moments-semantic-spacing-padding-6xs: var(--moments-core-spacing-50);
  --moments-semantic-spacing-padding-5xs: var(--moments-core-spacing-100);
  --moments-semantic-spacing-padding-4xs: var(--moments-core-spacing-150);
  --moments-semantic-spacing-padding-3xs: var(--moments-core-spacing-200);
  --moments-semantic-spacing-padding-2xs: var(--moments-core-spacing-250);
  --moments-semantic-spacing-padding-xs: var(--moments-core-spacing-300);
  --moments-semantic-spacing-padding-sm: var(--moments-core-spacing-350);
  --moments-semantic-spacing-padding-md: var(--moments-core-spacing-400);
  --moments-semantic-spacing-padding-lg: var(--moments-core-spacing-500);
  --moments-semantic-spacing-padding-xl: var(--moments-core-spacing-600);
  --moments-semantic-spacing-padding-2xl: var(--moments-core-spacing-700);
  --moments-semantic-spacing-padding-3xl: var(--moments-core-spacing-800);
  --moments-semantic-spacing-padding-4xl: var(--moments-core-spacing-900);
  --moments-semantic-spacing-padding-5xl: var(--moments-core-spacing-1000);
  --moments-semantic-spacing-padding-6xl: var(--moments-core-spacing-1200);
  --moments-semantic-spacing-padding-7xl: var(--moments-core-spacing-1400);
  --moments-semantic-spacing-padding-8xl: var(--moments-core-spacing-1600);
  --moments-semantic-spacing-padding-9xl: var(--moments-core-spacing-2000);
  --moments-semantic-spacing-gap-none: var(--moments-core-spacing-0);
  --moments-semantic-spacing-gap-4xs: var(--moments-core-spacing-50);
  --moments-semantic-spacing-gap-3xs: var(--moments-core-spacing-100);
  --moments-semantic-spacing-gap-2xs: var(--moments-core-spacing-150);
  --moments-semantic-spacing-gap-xs: var(--moments-core-spacing-200);
  --moments-semantic-spacing-gap-sm: var(--moments-core-spacing-300);
  --moments-semantic-spacing-gap-md: var(--moments-core-spacing-400);
  --moments-semantic-spacing-gap-lg: var(--moments-core-spacing-500);
  --moments-semantic-spacing-gap-xl: var(--moments-core-spacing-600);
  --moments-semantic-spacing-gap-2xl: var(--moments-core-spacing-900);
  --moments-semantic-spacing-gap-3xl: var(--moments-core-spacing-1000);
  --moments-semantic-border-width-none: var(--moments-core-border-width-0);
  --moments-semantic-border-width-interactive: var(--moments-core-border-width-100);
  --moments-semantic-border-width-supportive: var(--moments-core-border-width-50);
  --moments-semantic-border-width-selected: var(--moments-core-border-width-200);
  --moments-semantic-border-width-focus: var(--moments-core-border-width-200);
  --moments-semantic-sizing-icon-sm: var(--moments-core-spacing-300);
  --moments-semantic-sizing-icon-md: var(--moments-core-spacing-400);
  --moments-semantic-sizing-icon-lg: var(--moments-core-spacing-500);
  --moments-semantic-sizing-icon-xl: var(--moments-core-spacing-600);
  --moments-semantic-sizing-icon-2xl: var(--moments-core-spacing-800);
  --moments-semantic-sizing-general-4xs: var(--moments-core-sizing-100);
  --moments-semantic-sizing-general-3xs: var(--moments-core-sizing-200);
  --moments-semantic-sizing-general-xs: var(--moments-core-sizing-300);
  --moments-semantic-sizing-general-md: var(--moments-core-sizing-400);
  --moments-semantic-sizing-general-lg: var(--moments-core-sizing-500);
  --moments-semantic-sizing-general-xl: var(--moments-core-sizing-600);
  --moments-semantic-sizing-general-2xl: var(--moments-core-sizing-700);
  --moments-semantic-sizing-general-3xl: var(--moments-core-sizing-800);
  --moments-semantic-sizing-general-4xl: var(--moments-core-sizing-900);
  --moments-semantic-sizing-general-5xl: var(--moments-core-sizing-1000);
  --moments-semantic-sizing-general-6xl: var(--moments-core-sizing-1200);
  --moments-semantic-aspect-ratio-square: var(--moments-core-aspect-ratio-1-1);
  --moments-semantic-aspect-ratio-thumbnail: var(--moments-core-aspect-ratio-4-3);
  --moments-semantic-aspect-ratio-product-image: var(--moments-core-aspect-ratio-3-2);
  --moments-semantic-aspect-ratio-video: var(--moments-core-aspect-ratio-16-10);
  --moments-semantic-colour-supportive-feedback-error-lighter: var(--moments-core-colour-error-200);
  --moments-semantic-colour-supportive-feedback-error-light: var(--moments-core-colour-error-300);
  --moments-semantic-colour-supportive-feedback-error-default: var(--moments-core-colour-error-600);
  --moments-semantic-colour-supportive-feedback-error-lightest: var(--moments-core-colour-error-75);
  --moments-semantic-colour-supportive-feedback-error-strong: var(--moments-core-colour-error-700);
  --moments-semantic-colour-supportive-feedback-warning-default: var(--moments-core-colour-alert-500);
  --moments-semantic-colour-supportive-feedback-warning-lighter: var(--moments-core-colour-alert-200);
  --moments-semantic-colour-supportive-feedback-warning-lightest: var(--moments-core-colour-alert-75);
  --moments-semantic-colour-supportive-feedback-warning-strongest: var(--moments-core-colour-alert-800);
  --moments-semantic-colour-supportive-feedback-success-light: var(--moments-core-colour-success-300);
  --moments-semantic-colour-supportive-feedback-success-default: var(--moments-core-colour-success-700);
  --moments-semantic-colour-supportive-feedback-success-lighter: var(--moments-core-colour-success-200);
  --moments-semantic-colour-supportive-feedback-success-lightest: var(--moments-core-colour-success-100);
  --moments-semantic-colour-supportive-feedback-success-strongest: var(--moments-core-colour-success-900);
  --moments-semantic-colour-supportive-feedback-info-lightest: var(--moments-core-colour-info-100);
  --moments-semantic-colour-supportive-feedback-info-default: var(--moments-core-colour-info-600);
  --moments-semantic-colour-supportive-feedback-info-light: var(--moments-core-colour-info-300);
  --moments-semantic-colour-supportive-feedback-info-lighter: var(--moments-core-colour-info-200);
  --moments-semantic-colour-supportive-feedback-info-strongest: var(--moments-core-colour-info-900);
  --moments-semantic-colour-container-background-base-default: var(--moments-core-colour-global-white);
  --moments-semantic-colour-container-background-base-strong: var(--moments-core-colour-neutral-50);
  --moments-semantic-colour-container-background-base-stronger: var(--moments-core-colour-neutral-75);
  --moments-semantic-colour-container-background-base-strongest: var(--moments-core-colour-neutral-100);
  --moments-semantic-colour-container-background-base-disabled: var(--moments-core-colour-neutral-100);
  --moments-semantic-colour-container-background-base-transparent: var(--moments-core-colour-global-transparent);
  --moments-semantic-colour-container-background-inverse-default: var(--moments-core-colour-neutral-950);
  --moments-semantic-colour-container-background-accent-default: var(--moments-core-colour-primary-500);
  --moments-semantic-colour-container-background-accent-lightest: var(--moments-core-colour-primary-100);
  --moments-semantic-colour-container-background-accent-disabled: var(--moments-core-colour-neutral-100);
  --moments-semantic-colour-page-background-base-lightest: var(--moments-core-colour-global-white);
  --moments-semantic-colour-page-background-base-default: var(--moments-core-colour-neutral-50);
  --moments-semantic-colour-page-background-base-strong: var(--moments-core-colour-secondary-75);
  --moments-semantic-colour-page-background-inverse-default: var(--moments-core-colour-global-black);
  --moments-semantic-colour-border-base-strongest: var(--moments-core-colour-neutral-800);
  --moments-semantic-colour-border-base-strong: lch(1.9192 0 none / 0.3);
  --moments-semantic-colour-border-base-default: lch(1.9192 0 none / 0.15);
  --moments-semantic-colour-border-base-light: lch(1.9192 0 none / 0.08);
  --moments-semantic-colour-border-base-disabled: var(--moments-core-colour-neutral-400);
  --moments-semantic-colour-border-accent-default: var(--moments-core-colour-primary-500);
  --moments-semantic-colour-border-accent-disabled: var(--moments-core-colour-neutral-400);
  --moments-semantic-colour-border-inverse-default: lch(100 0 none / 0.15);
  --moments-semantic-colour-reactive-base-hover: lch(1.9192 0 none / 0.04);
  --moments-semantic-colour-reactive-base-pressed: lch(1.9192 0 none / 0.08);
  --moments-semantic-colour-reactive-accent-hover: var(--moments-core-colour-primary-700);
  --moments-semantic-colour-reactive-accent-pressed: var(--moments-core-colour-primary-800);
  --moments-semantic-colour-reactive-inverse-hover: lch(100 0 none / 0.04);
  --moments-semantic-colour-reactive-inverse-pressed: lch(100 0 none / 0.08);
  --moments-semantic-colour-text-base-strongest: var(--moments-core-colour-neutral-950);
  --moments-semantic-colour-text-base-default: var(--moments-core-colour-neutral-800);
  --moments-semantic-colour-text-base-lighter: var(--moments-core-colour-neutral-600);
  --moments-semantic-colour-text-base-lightest: var(--moments-core-colour-neutral-500);
  --moments-semantic-colour-text-base-disabled: var(--moments-core-colour-neutral-400);
  --moments-semantic-colour-text-base-on-dark: var(--moments-core-colour-global-white);
  --moments-semantic-colour-text-inverse-default: var(--moments-core-colour-global-white);
  --moments-semantic-colour-text-accent-strongest: var(--moments-core-colour-primary-900);
  --moments-semantic-colour-text-accent-default: var(--moments-core-colour-primary-500);
  --moments-semantic-colour-text-accent-disabled: var(--moments-core-colour-neutral-400);
  --moments-semantic-colour-icon-base-default: var(--moments-core-colour-neutral-800);
  --moments-semantic-colour-icon-base-lighter: var(--moments-core-colour-neutral-600);
  --moments-semantic-colour-icon-base-disabled: var(--moments-core-colour-neutral-400);
  --moments-semantic-colour-icon-base-on-dark: var(--moments-core-colour-global-white);
  --moments-semantic-colour-icon-base-strongest: var(--moments-core-colour-neutral-950);
  --moments-semantic-colour-icon-inverse-default: var(--moments-core-colour-global-white);
  --moments-semantic-colour-icon-accent-strongest: var(--moments-core-colour-primary-900);
  --moments-semantic-colour-icon-accent-default: var(--moments-core-colour-primary-500);
  --moments-semantic-colour-icon-accent-disabled: var(--moments-core-colour-neutral-400);
  --moments-semantic-colour-categorical-grey-default: var(--moments-core-colour-neutral-400);
  --moments-semantic-colour-categorical-blue-lighter: var(--moments-core-colour-primary-200);
  --moments-semantic-colour-categorical-green-lighter: var(--moments-core-colour-success-200);
  --moments-semantic-colour-categorical-orange-lighter: var(--moments-core-colour-alert-200);
  --moments-semantic-colour-categorical-red-lighter: var(--moments-core-colour-error-200);
  --moments-semantic-colour-categorical-red-default: var(--moments-core-colour-error-600);
  --moments-semantic-typography-heading-xlarge-font-family: var(--moments-core-font-family-primary);
  --moments-semantic-typography-heading-xlarge-font-weight: var(--moments-core-font-weight-700);
  --moments-semantic-typography-heading-xlarge-font-size: var(--moments-core-font-size-650);
  --moments-semantic-typography-heading-xlarge-line-height: var(--moments-core-line-height-700);
  --moments-semantic-typography-heading-xlarge-letter-spacing: var(--moments-core-letter-spacing-100);
  --moments-semantic-typography-heading-large-font-family: var(--moments-core-font-family-primary);
  --moments-semantic-typography-heading-large-font-weight: var(--moments-core-font-weight-700);
  --moments-semantic-typography-heading-large-font-size: var(--moments-core-font-size-475);
  --moments-semantic-typography-heading-large-line-height: var(--moments-core-line-height-500);
  --moments-semantic-typography-heading-large-letter-spacing: var(--moments-core-letter-spacing-200);
  --moments-semantic-typography-heading-medium-font-family: var(--moments-core-font-family-secondary);
  --moments-semantic-typography-heading-medium-font-weight: var(--moments-core-font-weight-500);
  --moments-semantic-typography-heading-medium-font-size: var(--moments-core-font-size-350);
  --moments-semantic-typography-heading-medium-line-height: var(--moments-core-line-height-400);
  --moments-semantic-typography-heading-medium-letter-spacing: var(--moments-core-letter-spacing-200);
  --moments-semantic-typography-heading-small-font-family: var(--moments-core-font-family-secondary);
  --moments-semantic-typography-heading-small-font-weight: var(--moments-core-font-weight-500);
  --moments-semantic-typography-heading-small-font-size: var(--moments-core-font-size-250);
  --moments-semantic-typography-heading-small-line-height: var(--moments-core-line-height-300);
  --moments-semantic-typography-heading-small-letter-spacing: var(--moments-core-letter-spacing-200);
  --moments-semantic-typography-paragraph-xlarge-font-family: var(--moments-core-font-family-secondary);
  --moments-semantic-typography-paragraph-xlarge-font-weight: var(--moments-core-font-weight-400);
  --moments-semantic-typography-paragraph-xlarge-font-size: var(--moments-core-font-size-250);
  --moments-semantic-typography-paragraph-xlarge-line-height: var(--moments-core-line-height-500);
  --moments-semantic-typography-paragraph-xlarge-letter-spacing: var(--moments-core-letter-spacing-200);
  --moments-semantic-typography-paragraph-xlarge-strong-font-family: var(--moments-core-font-family-secondary);
  --moments-semantic-typography-paragraph-xlarge-strong-font-weight: var(--moments-core-font-weight-500);
  --moments-semantic-typography-paragraph-xlarge-strong-font-size: var(--moments-core-font-size-250);
  --moments-semantic-typography-paragraph-xlarge-strong-line-height: var(--moments-core-line-height-500);
  --moments-semantic-typography-paragraph-xlarge-strong-letter-spacing: var(--moments-core-letter-spacing-200);
  --moments-semantic-typography-paragraph-xlarge-link-font-family: var(--moments-core-font-family-secondary);
  --moments-semantic-typography-paragraph-xlarge-link-font-weight: var(--moments-core-font-weight-400);
  --moments-semantic-typography-paragraph-xlarge-link-font-size: var(--moments-core-font-size-250);
  --moments-semantic-typography-paragraph-xlarge-link-line-height: var(--moments-core-line-height-500);
  --moments-semantic-typography-paragraph-xlarge-link-letter-spacing: var(--moments-core-letter-spacing-200);
  --moments-semantic-typography-paragraph-xlarge-link-text-decoration: var(--moments-core-text-decoration-underline);
  --moments-semantic-typography-paragraph-large-font-family: var(--moments-core-font-family-secondary);
  --moments-semantic-typography-paragraph-large-font-weight: var(--moments-core-font-weight-400);
  --moments-semantic-typography-paragraph-large-font-size: var(--moments-core-font-size-200);
  --moments-semantic-typography-paragraph-large-line-height: var(--moments-core-line-height-400);
  --moments-semantic-typography-paragraph-large-letter-spacing: var(--moments-core-letter-spacing-200);
  --moments-semantic-typography-paragraph-large-strong-font-family: var(--moments-core-font-family-secondary);
  --moments-semantic-typography-paragraph-large-strong-font-weight: var(--moments-core-font-weight-500);
  --moments-semantic-typography-paragraph-large-strong-font-size: var(--moments-core-font-size-200);
  --moments-semantic-typography-paragraph-large-strong-line-height: var(--moments-core-line-height-400);
  --moments-semantic-typography-paragraph-large-strong-letter-spacing: var(--moments-core-letter-spacing-200);
  --moments-semantic-typography-paragraph-large-link-font-family: var(--moments-core-font-family-secondary);
  --moments-semantic-typography-paragraph-large-link-font-weight: var(--moments-core-font-weight-400);
  --moments-semantic-typography-paragraph-large-link-font-size: var(--moments-core-font-size-200);
  --moments-semantic-typography-paragraph-large-link-line-height: var(--moments-core-line-height-400);
  --moments-semantic-typography-paragraph-large-link-letter-spacing: var(--moments-core-letter-spacing-200);
  --moments-semantic-typography-paragraph-large-link-text-decoration: var(--moments-core-text-decoration-underline);
  --moments-semantic-typography-paragraph-medium-font-family: var(--moments-core-font-family-secondary);
  --moments-semantic-typography-paragraph-medium-font-weight: var(--moments-core-font-weight-400);
  --moments-semantic-typography-paragraph-medium-font-size: var(--moments-core-font-size-150);
  --moments-semantic-typography-paragraph-medium-line-height: var(--moments-core-line-height-300);
  --moments-semantic-typography-paragraph-medium-letter-spacing: var(--moments-core-letter-spacing-200);
  --moments-semantic-typography-paragraph-medium-strong-font-family: var(--moments-core-font-family-secondary);
  --moments-semantic-typography-paragraph-medium-strong-font-weight: var(--moments-core-font-weight-500);
  --moments-semantic-typography-paragraph-medium-strong-font-size: var(--moments-core-font-size-150);
  --moments-semantic-typography-paragraph-medium-strong-line-height: var(--moments-core-line-height-300);
  --moments-semantic-typography-paragraph-medium-strong-letter-spacing: var(--moments-core-letter-spacing-200);
  --moments-semantic-typography-paragraph-medium-link-font-family: var(--moments-core-font-family-secondary);
  --moments-semantic-typography-paragraph-medium-link-font-weight: var(--moments-core-font-weight-400);
  --moments-semantic-typography-paragraph-medium-link-font-size: var(--moments-core-font-size-150);
  --moments-semantic-typography-paragraph-medium-link-line-height: var(--moments-core-line-height-300);
  --moments-semantic-typography-paragraph-medium-link-letter-spacing: var(--moments-core-letter-spacing-200);
  --moments-semantic-typography-paragraph-medium-link-text-decoration: var(--moments-core-text-decoration-underline);
  --moments-semantic-typography-paragraph-small-font-family: var(--moments-core-font-family-secondary);
  --moments-semantic-typography-paragraph-small-font-weight: var(--moments-core-font-weight-400);
  --moments-semantic-typography-paragraph-small-font-size: var(--moments-core-font-size-100);
  --moments-semantic-typography-paragraph-small-line-height: var(--moments-core-line-height-200);
  --moments-semantic-typography-paragraph-small-letter-spacing: var(--moments-core-letter-spacing-200);
  --moments-semantic-typography-paragraph-small-strong-font-family: var(--moments-core-font-family-secondary);
  --moments-semantic-typography-paragraph-small-strong-font-weight: var(--moments-core-font-weight-500);
  --moments-semantic-typography-paragraph-small-strong-font-size: var(--moments-core-font-size-100);
  --moments-semantic-typography-paragraph-small-strong-line-height: var(--moments-core-line-height-200);
  --moments-semantic-typography-paragraph-small-strong-letter-spacing: var(--moments-core-letter-spacing-200);
  --moments-semantic-typography-paragraph-small-link-font-family: var(--moments-core-font-family-secondary);
  --moments-semantic-typography-paragraph-small-link-font-weight: var(--moments-core-font-weight-400);
  --moments-semantic-typography-paragraph-small-link-font-size: var(--moments-core-font-size-100);
  --moments-semantic-typography-paragraph-small-link-line-height: var(--moments-core-line-height-200);
  --moments-semantic-typography-paragraph-small-link-letter-spacing: var(--moments-core-letter-spacing-200);
  --moments-semantic-typography-paragraph-small-link-text-decoration: var(--moments-core-text-decoration-underline);
  --moments-semantic-typography-action-xlarge-font-family: var(--moments-core-font-family-secondary);
  --moments-semantic-typography-action-xlarge-font-weight: var(--moments-core-font-weight-500);
  --moments-semantic-typography-action-xlarge-font-size: var(--moments-core-font-size-250);
  --moments-semantic-typography-action-xlarge-line-height: var(--moments-core-line-height-300);
  --moments-semantic-typography-action-xlarge-letter-spacing: var(--moments-core-letter-spacing-200);
  --moments-semantic-typography-action-large-font-family: var(--moments-core-font-family-secondary);
  --moments-semantic-typography-action-large-font-weight: var(--moments-core-font-weight-500);
  --moments-semantic-typography-action-large-font-size: var(--moments-core-font-size-200);
  --moments-semantic-typography-action-large-line-height: var(--moments-core-line-height-300);
  --moments-semantic-typography-action-large-letter-spacing: var(--moments-core-letter-spacing-200);
  --moments-semantic-typography-action-medium-font-family: var(--moments-core-font-family-secondary);
  --moments-semantic-typography-action-medium-font-weight: var(--moments-core-font-weight-500);
  --moments-semantic-typography-action-medium-font-size: var(--moments-core-font-size-150);
  --moments-semantic-typography-action-medium-line-height: var(--moments-core-line-height-200);
  --moments-semantic-typography-action-medium-letter-spacing: var(--moments-core-letter-spacing-200);
  --moments-semantic-typography-action-small-font-family: var(--moments-core-font-family-secondary);
  --moments-semantic-typography-action-small-font-weight: var(--moments-core-font-weight-500);
  --moments-semantic-typography-action-small-font-size: var(--moments-core-font-size-100);
  --moments-semantic-typography-action-small-line-height: var(--moments-core-line-height-200);
  --moments-semantic-typography-action-small-letter-spacing: var(--moments-core-letter-spacing-200);
  --moments-semantic-shadow-xs: 0 1px 2px 0 #0000000d, 0 0 0 var(--moments-semantic-border-width-interactive) var(--moments-semantic-colour-border-base-light);
}
[data-theme="dark"] {
  --moments-semantic-colour-supportive-feedback-error-default: var(--moments-core-colour-error-600);
  --moments-semantic-colour-supportive-feedback-error-lightest: var(--moments-core-colour-error-950);
  --moments-semantic-colour-supportive-feedback-error-lighter: var(--moments-core-colour-error-800);
  --moments-semantic-colour-supportive-feedback-error-light: var(--moments-core-colour-error-700);
  --moments-semantic-colour-supportive-feedback-error-strong: var(--moments-core-colour-error-75);
  --moments-semantic-colour-supportive-feedback-warning-default: var(--moments-core-colour-secondary-400);
  --moments-semantic-colour-supportive-feedback-warning-lightest: var(--moments-core-colour-alert-950);
  --moments-semantic-colour-supportive-feedback-warning-lighter: var(--moments-core-colour-secondary-800);
  --moments-semantic-colour-supportive-feedback-warning-strongest: var(--moments-core-colour-alert-75);
  --moments-semantic-colour-supportive-feedback-success-default: var(--moments-core-colour-success-500);
  --moments-semantic-colour-supportive-feedback-success-lightest: var(--moments-core-colour-success-950);
  --moments-semantic-colour-supportive-feedback-success-lighter: var(--moments-core-colour-success-800);
  --moments-semantic-colour-supportive-feedback-success-light: var(--moments-core-colour-success-700);
  --moments-semantic-colour-supportive-feedback-success-strongest: var(--moments-core-colour-success-75);
  --moments-semantic-colour-supportive-feedback-info-default: var(--moments-core-colour-primary-600);
  --moments-semantic-colour-supportive-feedback-info-lightest: var(--moments-core-colour-primary-950);
  --moments-semantic-colour-supportive-feedback-info-lighter: var(--moments-core-colour-primary-800);
  --moments-semantic-colour-supportive-feedback-info-light: var(--moments-core-colour-primary-700);
  --moments-semantic-colour-supportive-feedback-info-strongest: var(--moments-core-colour-info-100);
  --moments-semantic-colour-container-background-base-default: var(--moments-core-colour-global-black);
  --moments-semantic-colour-container-background-base-strong: var(--moments-core-colour-neutral-950);
  --moments-semantic-colour-container-background-base-stronger: var(--moments-core-colour-neutral-900);
  --moments-semantic-colour-container-background-base-strongest: var(--moments-core-colour-neutral-800);
  --moments-semantic-colour-container-background-base-disabled: var(--moments-core-colour-neutral-900);
  --moments-semantic-colour-container-background-base-transparent: var(--moments-core-colour-global-transparent);
  --moments-semantic-colour-container-background-inverse-default: var(--moments-core-colour-global-white);
  --moments-semantic-colour-container-background-accent-default: var(--moments-core-colour-primary-600);
  --moments-semantic-colour-container-background-accent-lightest: var(--moments-core-colour-primary-900);
  --moments-semantic-colour-container-background-accent-disabled: var(--moments-core-colour-neutral-900);
  --moments-semantic-colour-page-background-base-default: var(--moments-core-colour-neutral-950);
  --moments-semantic-colour-page-background-base-strong: var(--moments-core-colour-neutral-800);
  --moments-semantic-colour-page-background-base-lightest: var(--moments-core-colour-global-black);
  --moments-semantic-colour-page-background-inverse-default: var(--moments-core-colour-global-white);
  --moments-semantic-colour-border-base-default: lch(100 0 none / 0.15);
  --moments-semantic-colour-border-base-light: lch(100 0 none / 0.08);
  --moments-semantic-colour-border-base-strong: lch(100 0 none / 0.3);
  --moments-semantic-colour-border-base-strongest: var(--moments-core-colour-global-white);
  --moments-semantic-colour-border-base-disabled: var(--moments-core-colour-neutral-600);
  --moments-semantic-colour-border-accent-default: var(--moments-core-colour-primary-600);
  --moments-semantic-colour-border-accent-disabled: var(--moments-core-colour-neutral-600);
  --moments-semantic-colour-border-inverse-default: lch(1.9192 0 none / 0.15);
  --moments-semantic-colour-reactive-base-hover: lch(100 0 none / 0.06);
  --moments-semantic-colour-reactive-base-pressed: lch(100 0 none / 0.12);
  --moments-semantic-colour-reactive-accent-hover: var(--moments-core-colour-primary-500);
  --moments-semantic-colour-reactive-accent-pressed: var(--moments-core-colour-primary-400);
  --moments-semantic-colour-reactive-inverse-hover: lch(1.9192 0 none / 0.06);
  --moments-semantic-colour-reactive-inverse-pressed: lch(1.9192 0 none / 0.12);
  --moments-semantic-colour-text-base-strongest: var(--moments-core-colour-global-white);
  --moments-semantic-colour-text-base-default: var(--moments-core-colour-global-white);
  --moments-semantic-colour-text-base-lighter: var(--moments-core-colour-neutral-300);
  --moments-semantic-colour-text-base-lightest: var(--moments-core-colour-neutral-600);
  --moments-semantic-colour-text-base-disabled: var(--moments-core-colour-neutral-600);
  --moments-semantic-colour-text-base-on-dark: var(--moments-core-colour-global-white);
  --moments-semantic-colour-text-inverse-default: var(--moments-core-colour-global-black);
  --moments-semantic-colour-text-accent-strongest: var(--moments-core-colour-primary-200);
  --moments-semantic-colour-text-accent-default: var(--moments-core-colour-primary-600);
  --moments-semantic-colour-text-accent-disabled: var(--moments-core-colour-neutral-600);
  --moments-semantic-colour-icon-base-default: var(--moments-core-colour-global-white);
  --moments-semantic-colour-icon-base-lighter: var(--moments-core-colour-neutral-600);
  --moments-semantic-colour-icon-base-disabled: var(--moments-core-colour-neutral-600);
  --moments-semantic-colour-icon-base-on-dark: var(--moments-core-colour-global-white);
  --moments-semantic-colour-icon-base-strongest: var(--moments-core-colour-global-white);
  --moments-semantic-colour-icon-inverse-default: var(--moments-core-colour-global-black);
  --moments-semantic-colour-icon-accent-strongest: var(--moments-core-colour-primary-200);
  --moments-semantic-colour-icon-accent-default: var(--moments-core-colour-primary-600);
  --moments-semantic-colour-icon-accent-disabled: var(--moments-core-colour-neutral-600);
  --moments-semantic-colour-categorical-grey-default: var(--moments-core-colour-neutral-700);
  --moments-semantic-colour-categorical-blue-lighter: var(--moments-core-colour-primary-800);
  --moments-semantic-colour-categorical-green-lighter: var(--moments-core-colour-success-800);
  --moments-semantic-colour-categorical-orange-lighter: var(--moments-core-colour-alert-800);
  --moments-semantic-colour-categorical-red-lighter: var(--moments-core-colour-error-900);
  --moments-semantic-colour-categorical-red-default: var(--moments-core-colour-error-600);
}
@font-face {
  font-family: 'Klarheit-Kurrent';
  font-display: fallback;
  font-style: normal;
  font-weight: bold;
  src: url(/assets/KlarheitKurrent-Bold-bff731eb8a4a9c0f1450b0f42ac2e4e29b4bf4da762cca901dd24665c15a6ab9.woff2) format('woff2'),
       url(/assets/KlarheitKurrent-Bold-7f412de2aa09413f48856df028fa6c6202dc57cfb83650c15433f87f7b165608.woff) format('woff');
}
@font-face {
  font-family: 'Klarheit-Grotesk';
  font-display: fallback;
  font-style: normal;
  font-weight: normal;
  src: url(/assets/KlarheitGrotesk-Regular-8c57000a68d503a3c72204ea53bfb80fac7ff6ed01bcfd169780ce6bfa06f0cc.woff2) format('woff2'),
       url(/assets/KlarheitGrotesk-Regular-51462f8fd671220a6ae16b2d5aadb8af34fd1c1901b5f9249c5c88d93a129621.woff) format('woff');
}
@font-face {
  font-family: 'Klarheit-Grotesk';
  font-display: fallback;
  font-style: normal;
  font-weight: 500;
  src: url(/assets/KlarheitGrotesk-Medium-fa3e16dea5364e99dbcb7a9ed43d48a1b31cf591c186608928dea987571c2d45.woff2) format('woff2');
}
@font-face {
  font-family: 'Klarheit-Grotesk';
  font-display: fallback;
  font-style: normal;
  font-weight: bold;
  src: url(/assets/KlarheitGrotesk-Bold-a337745684907029d77b489dbfb3d6171ebfa072b10a43bcf24fcd9d1b68719d.woff2) format('woff2'),
       url(/assets/KlarheitGrotesk-Bold-0d3ef6f68b872af07dc8671292032c125fc519712f1ff4a78c0d80ca93107dc1.woff) format('woff');
}
@layer components {
  .container {
    margin-inline: auto;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  @media (min-width: 576px) {
    .container {
      max-width: 540px;
    }
  }
  @media (min-width: 768px) {
    .container {
      max-width: 720px;
    }
  }
  @media (min-width: 992px) {
    .container {
      max-width: 960px;
    }
  }
  @media (min-width: 1200px) {
    .container {
      max-width: 1140px;
    }
  }
  .row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
  }
  .row > * {
    padding-left: 15px;
    padding-right: 15px;
  }
  .no-gutters {
    margin-inline: var(--moments-core-spacing-0);
  }
  .no-gutters > .col,
  .no-gutters > [class*='col-'] {
    padding-inline: var(--moments-core-spacing-0);
  }
  .col {
    flex: 1;
    flex-basis: var(--moments-core-spacing-0);
  }
  .col-1 {
    width: calc(1 / 12 * 100%);
  }
  .col-2 {
    width: calc(2 / 12 * 100%);
  }
  .col-3 {
    width: calc(3 / 12 * 100%);
  }
  .col-4 {
    width: calc(4 / 12 * 100%);
  }
  .col-5 {
    width: calc(5 / 12 * 100%);
  }
  .col-6 {
    width: calc(6 / 12 * 100%);
  }
  .col-7 {
    width: calc(7 / 12 * 100%);
  }
  .col-8 {
    width: calc(8 / 12 * 100%);
  }
  .col-9 {
    width: calc(9 / 12 * 100%);
  }
  .col-10 {
    width: calc(10 / 12 * 100%);
  }
  .col-12 {
    width: calc(12 / 12 * 100%);
  }
  .col-14 {
    width: 100%;
  }
  @media (width >= 40rem) {
    .col-sm-12 {
      width: calc(12 / 12 * 100%);
    }
  }
  @media (width >= 48rem) {
    .col-md-2 {
      width: calc(2 / 12 * 100%);
    }
  }
  @media (width >= 48rem) {
    .col-md-3 {
      width: calc(3 / 12 * 100%);
    }
  }
  @media (width >= 48rem) {
    .col-md-4 {
      width: calc(4 / 12 * 100%);
    }
  }
  @media (width >= 48rem) {
    .col-md-5 {
      width: calc(5 / 12 * 100%);
    }
  }
  @media (width >= 48rem) {
    .col-md-6 {
      width: calc(6 / 12 * 100%);
    }
  }
  @media (width >= 48rem) {
    .col-md-7 {
      width: calc(7 / 12 * 100%);
    }
  }
  @media (width >= 48rem) {
    .col-md-8 {
      width: calc(8 / 12 * 100%);
    }
  }
  @media (width >= 48rem) {
    .col-md-9 {
      width: calc(9 / 12 * 100%);
    }
  }
  @media (width >= 48rem) {
    .col-md-10 {
      width: calc(10 / 12 * 100%);
    }
  }
  @media (width >= 48rem) {
    .col-md-11 {
      width: calc(11 / 12 * 100%);
    }
  }
  @media (width >= 48rem) {
    .col-md-12 {
      width: calc(12 / 12 * 100%);
    }
  }
  @media (width >= 48rem) {
    .offset-md-3 {
      margin-left: 25%;
    }
  }
  @media (width >= 64rem) {
    .col-lg-3 {
      width: calc(3 / 12 * 100%);
    }
  }
  @media (width >= 64rem) {
    .col-lg-4 {
      width: calc(4 / 12 * 100%);
    }
  }
  @media (width >= 64rem) {
    .col-lg-6 {
      width: calc(6 / 12 * 100%);
    }
  }
  @media (width >= 64rem) {
    .col-lg-7 {
      width: calc(7 / 12 * 100%);
    }
  }
  @media (width >= 64rem) {
    .col-lg-8 {
      width: calc(8 / 12 * 100%);
    }
  }
  @media (width >= 64rem) {
    .col-lg-10 {
      width: calc(10 / 12 * 100%);
    }
  }
  @media (width >= 80rem) {
    .col-xl-10 {
      width: calc(10 / 12 * 100%);
    }
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-column {
    flex-direction: column;
  }
  .justify-content-start {
    justify-content: flex-start;
  }
  .justify-content-end {
    justify-content: flex-end;
  }
  .justify-content-center {
    justify-content: center;
  }
  .justify-content-between {
    justify-content: space-between;
  }
  .align-items-start {
    align-items: flex-start !important;
  }
  .align-items-end {
    align-items: flex-end !important;
  }
  .align-items-center {
    align-items: center !important;
  }
  .align-items-stretch {
    align-items: stretch !important;
  }
  .align-content-around {
    align-content: space-around;
  }
}
@layer components {
  .d-none {
    display: none !important;
  }
  .d-inline-block {
    display: inline-block !important;
  }
  .d-block {
    display: block !important;
  }
  .d-table-cell {
    display: table-cell !important;
  }
  .d-flex {
    display: flex !important;
  }
  .m-0 {
    margin: var(--moments-core-spacing-0) !important;
  }
  .m-1 {
    margin: var(--tw-spacing) !important;
  }
  .m-2 {
    margin: calc(var(--tw-spacing) * 2) !important;
  }
  .m-3 {
    margin: calc(var(--tw-spacing) * 4) !important;
  }
  .m-4 {
    margin: calc(var(--tw-spacing) * 6) !important;
  }
  .m-5 {
    margin: calc(var(--tw-spacing) * 12) !important;
  }
  .m-auto {
    margin: auto !important;
  }
  .mt-0 {
    margin-top: var(--moments-core-spacing-0) !important;
  }
  .mt-1 {
    margin-top: var(--tw-spacing) !important;
  }
  .mt-2 {
    margin-top: calc(var(--tw-spacing) * 2) !important;
  }
  .mt-3 {
    margin-top: calc(var(--tw-spacing) * 4) !important;
  }
  .mt-4 {
    margin-top: calc(var(--tw-spacing) * 6) !important;
  }
  .mt-5 {
    margin-top: calc(var(--tw-spacing) * 12) !important;
  }
  .mt-auto {
    margin-top: auto !important;
  }
  .mb-0 {
    margin-bottom: var(--moments-core-spacing-0) !important;
  }
  .mb-1 {
    margin-bottom: var(--tw-spacing) !important;
  }
  .mb-2 {
    margin-bottom: calc(var(--tw-spacing) * 2) !important;
  }
  .mb-3 {
    margin-bottom: calc(var(--tw-spacing) * 4) !important;
  }
  .mb-4 {
    margin-bottom: calc(var(--tw-spacing) * 6) !important;
  }
  .mb-5 {
    margin-bottom: calc(var(--tw-spacing) * 12) !important;
  }
  .mb-auto {
    margin-bottom: auto !important;
  }
  .ml-0 {
    margin-left: var(--moments-core-spacing-0) !important;
  }
  .ml-1 {
    margin-left: var(--tw-spacing) !important;
  }
  .ml-2 {
    margin-left: calc(var(--tw-spacing) * 2) !important;
  }
  .ml-3 {
    margin-left: calc(var(--tw-spacing) * 4) !important;
  }
  .ml-4 {
    margin-left: calc(var(--tw-spacing) * 6) !important;
  }
  .ml-5 {
    margin-left: calc(var(--tw-spacing) * 12) !important;
  }
  .ml-auto {
    margin-left: auto !important;
  }
  .mr-0 {
    margin-right: var(--moments-core-spacing-0) !important;
  }
  .mr-1 {
    margin-right: var(--tw-spacing) !important;
  }
  .mr-2 {
    margin-right: calc(var(--tw-spacing) * 2) !important;
  }
  .mr-3 {
    margin-right: calc(var(--tw-spacing) * 4) !important;
  }
  .mr-4 {
    margin-right: calc(var(--tw-spacing) * 6) !important;
  }
  .mr-5 {
    margin-right: calc(var(--tw-spacing) * 12) !important;
  }
  .mr-auto {
    margin-right: auto !important;
  }
  .mx-0 {
    margin-inline: var(--moments-core-spacing-0) !important;
  }
  .mx-1 {
    margin-inline: var(--tw-spacing) !important;
  }
  .mx-2 {
    margin-inline: calc(var(--tw-spacing) * 2) !important;
  }
  .mx-3 {
    margin-inline: calc(var(--tw-spacing) * 4) !important;
  }
  .mx-4 {
    margin-inline: calc(var(--tw-spacing) * 6) !important;
  }
  .mx-5 {
    margin-inline: calc(var(--tw-spacing) * 12) !important;
  }
  .mx-auto {
    margin-inline: auto !important;
  }
  .my-0 {
    margin-block: var(--moments-core-spacing-0) !important;
  }
  .my-1 {
    margin-block: var(--tw-spacing) !important;
  }
  .my-2 {
    margin-block: calc(var(--tw-spacing) * 2) !important;
  }
  .my-3 {
    margin-block: calc(var(--tw-spacing) * 4) !important;
  }
  .my-4 {
    margin-block: calc(var(--tw-spacing) * 6) !important;
  }
  .my-5 {
    margin-block: calc(var(--tw-spacing) * 12) !important;
  }
  .my-auto {
    margin-block: auto !important;
  }
  @media (width >= 48rem) {
    .m-md-2 {
      margin: calc(var(--tw-spacing) * 2) !important;
    }
  }
  @media (width >= 48rem) {
    .mt-md-0 {
      margin-top: var(--moments-core-spacing-0) !important;
    }
  }
  @media (width >= 48rem) {
    .mt-md-3 {
      margin-top: calc(var(--tw-spacing) * 4) !important;
    }
  }
  @media (width >= 48rem) {
    .mt-md-4 {
      margin-top: calc(var(--tw-spacing) * 6) !important;
    }
  }
  @media (width >= 48rem) {
    .mb-md-2 {
      margin-bottom: calc(var(--tw-spacing) * 2) !important;
    }
  }
  @media (width >= 48rem) {
    .mx-md-4 {
      margin-inline: calc(var(--tw-spacing) * 6) !important;
    }
  }
  @media (width >= 48rem) {
    .p-md-0 {
      padding: var(--moments-core-spacing-0) !important;
    }
  }
  @media (width >= 48rem) {
    .px-md-0 {
      padding-inline: var(--moments-core-spacing-0) !important;
    }
  }
  @media (width >= 48rem) {
    .px-md-4 {
      padding-inline: calc(var(--tw-spacing) * 6) !important;
    }
  }
  @media (width >= 48rem) {
    .py-md-0 {
      padding-block: var(--moments-core-spacing-0) !important;
    }
  }
  @media (width >= 48rem) {
    .pl-md-3 {
      padding-left: calc(var(--tw-spacing) * 4) !important;
    }
  }
  @media (width >= 48rem) {
    .pr-md-0 {
      padding-right: var(--moments-core-spacing-0) !important;
    }
  }
  @media (width >= 64rem) {
    .mt-lg-4 {
      margin-top: calc(var(--tw-spacing) * 6) !important;
    }
  }
  .p-0 {
    padding: var(--moments-core-spacing-0) !important;
  }
  .p-1 {
    padding: var(--tw-spacing) !important;
  }
  .p-2 {
    padding: calc(var(--tw-spacing) * 2) !important;
  }
  .p-3 {
    padding: calc(var(--tw-spacing) * 4) !important;
  }
  .p-4 {
    padding: calc(var(--tw-spacing) * 6) !important;
  }
  .p-5 {
    padding: calc(var(--tw-spacing) * 12) !important;
  }
  .pt-0 {
    padding-top: var(--moments-core-spacing-0) !important;
  }
  .pt-1 {
    padding-top: var(--tw-spacing) !important;
  }
  .pt-2 {
    padding-top: calc(var(--tw-spacing) * 2) !important;
  }
  .pt-3 {
    padding-top: calc(var(--tw-spacing) * 4) !important;
  }
  .pt-4 {
    padding-top: calc(var(--tw-spacing) * 6) !important;
  }
  .pt-5 {
    padding-top: calc(var(--tw-spacing) * 12) !important;
  }
  .pb-0 {
    padding-bottom: var(--moments-core-spacing-0) !important;
  }
  .pb-1 {
    padding-bottom: var(--tw-spacing) !important;
  }
  .pb-2 {
    padding-bottom: calc(var(--tw-spacing) * 2) !important;
  }
  .pb-3 {
    padding-bottom: calc(var(--tw-spacing) * 4) !important;
  }
  .pb-4 {
    padding-bottom: calc(var(--tw-spacing) * 6) !important;
  }
  .pb-5 {
    padding-bottom: calc(var(--tw-spacing) * 12) !important;
  }
  .pl-0 {
    padding-left: var(--moments-core-spacing-0) !important;
  }
  .pl-1 {
    padding-left: var(--tw-spacing) !important;
  }
  .pl-2 {
    padding-left: calc(var(--tw-spacing) * 2) !important;
  }
  .pl-3 {
    padding-left: calc(var(--tw-spacing) * 4) !important;
  }
  .pl-4 {
    padding-left: calc(var(--tw-spacing) * 6) !important;
  }
  .pl-5 {
    padding-left: calc(var(--tw-spacing) * 12) !important;
  }
  .pr-0 {
    padding-right: var(--moments-core-spacing-0) !important;
  }
  .pr-1 {
    padding-right: var(--tw-spacing) !important;
  }
  .pr-2 {
    padding-right: calc(var(--tw-spacing) * 2) !important;
  }
  .pr-3 {
    padding-right: calc(var(--tw-spacing) * 4) !important;
  }
  .pr-4 {
    padding-right: calc(var(--tw-spacing) * 6) !important;
  }
  .pr-5 {
    padding-right: calc(var(--tw-spacing) * 12) !important;
  }
  .px-0 {
    padding-inline: var(--moments-core-spacing-0) !important;
  }
  .px-1 {
    padding-inline: var(--tw-spacing) !important;
  }
  .px-2 {
    padding-inline: calc(var(--tw-spacing) * 2) !important;
  }
  .px-3 {
    padding-inline: calc(var(--tw-spacing) * 4) !important;
  }
  .px-4 {
    padding-inline: calc(var(--tw-spacing) * 6) !important;
  }
  .px-5 {
    padding-inline: calc(var(--tw-spacing) * 12) !important;
  }
  .py-0 {
    padding-block: var(--moments-core-spacing-0) !important;
  }
  .py-1 {
    padding-block: var(--tw-spacing) !important;
  }
  .py-2 {
    padding-block: calc(var(--tw-spacing) * 2) !important;
  }
  .py-3 {
    padding-block: calc(var(--tw-spacing) * 4) !important;
  }
  .py-4 {
    padding-block: calc(var(--tw-spacing) * 6) !important;
  }
  .py-5 {
    padding-block: calc(var(--tw-spacing) * 12) !important;
  }
  .text-left {
    text-align: left !important;
  }
  .text-center {
    text-align: center !important;
  }
  .text-right {
    text-align: right !important;
  }
  @media (width >= 48rem) {
    .text-md-left {
      text-align: left !important;
    }
  }
  @media (width >= 48rem) {
    .text-md-center {
      text-align: center !important;
    }
  }
  @media (width >= 48rem) {
    .text-md-right {
      text-align: right !important;
    }
  }
  .text-nowrap {
    white-space: nowrap !important;
  }
  .text-truncate {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  .text-uppercase {
    text-transform: uppercase !important;
  }
  .text-capitalize {
    text-transform: capitalize !important;
  }
  .font-weight-normal {
    --tw-font-weight: var(--tw-font-weight-normal) !important;
    font-weight: var(--tw-font-weight-normal) !important;
  }
  .font-weight-bold {
    --tw-font-weight: var(--tw-font-weight-bold) !important;
    font-weight: var(--tw-font-weight-bold) !important;
  }
  .text-decoration-none {
    -webkit-text-decoration-line: none !important;
            text-decoration-line: none !important;
  }
  .w-25 {
    width: calc(1 / 4 * 100%) !important;
  }
  .w-50 {
    width: calc(1 / 2 * 100%) !important;
  }
  .w-75 {
    width: calc(3 / 4 * 100%) !important;
  }
  .w-100 {
    width: 100% !important;
  }
  .w-auto {
    width: auto !important;
  }
  @media (width >= 48rem) {
    .w-md-50 {
      width: calc(1 / 2 * 100%) !important;
    }
  }
  .h-25 {
    height: calc(1 / 4 * 100%) !important;
  }
  .h-50 {
    height: calc(1 / 2 * 100%) !important;
  }
  .h-75 {
    height: calc(3 / 4 * 100%) !important;
  }
  .h-100 {
    height: 100% !important;
  }
  .sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    -webkit-clip-path: inset(50%) !important;
            clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border-width: 0 !important;
  }
  .sr-only-focusable:focus {
    position: static !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    -webkit-clip-path: none !important;
            clip-path: none !important;
    white-space: normal !important;
  }
  @media (max-width: 767.98px) {
    .hidden-sm-down {
      display: none !important;
    }
  }
  @media (min-width: 768px) {
    .hidden-md-up {
      display: none !important;
    }
  }
  @media (max-width: 991.98px) {
    .hidden-md-down {
      display: none !important;
    }
  }
  @media (min-width: 992px) {
    .hidden-lg-up {
      display: none !important;
    }
  }
  @media (max-width: 1199.98px) {
    .hidden-lg-down {
      display: none !important;
    }
  }
  @media (min-width: 1200px) {
    .hidden-xl-up {
      display: none !important;
    }
  }
  .position-relative {
    position: relative !important;
  }
  .position-absolute {
    position: absolute !important;
  }
  .position-fixed {
    position: fixed !important;
  }
  .fixed-top {
    position: fixed !important;
    top: var(--moments-core-spacing-0) !important;
    right: var(--moments-core-spacing-0) !important;
    left: var(--moments-core-spacing-0) !important;
    z-index: 1030;
  }
  .fixed-bottom {
    position: fixed !important;
    right: var(--moments-core-spacing-0) !important;
    bottom: var(--moments-core-spacing-0) !important;
    left: var(--moments-core-spacing-0) !important;
    z-index: 1030;
  }
  .sticky-top {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: var(--moments-core-spacing-0) !important;
    z-index: 1020;
  }
  .float-left {
    float: left !important;
  }
  .float-right {
    float: right !important;
  }
  .float-none {
    float: none !important;
  }
  .clearfix::after {
    clear: both;
    display: block;
    content: '';
  }
  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .bg-white {
    background-color: var(--tw-color-white) !important;
  }
  .bg-transparent {
    background-color: transparent !important;
  }
  .align-baseline {
    vertical-align: baseline !important;
  }
  .align-top {
    vertical-align: top !important;
  }
  .align-middle {
    vertical-align: middle !important;
  }
  .align-bottom {
    vertical-align: bottom !important;
  }
  .flex-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-wrap {
    flex-wrap: wrap !important;
  }
  .flex-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  @media (width >= 48rem) {
    .justify-content-md-center {
      justify-content: center !important;
    }
  }
  .align-self-start {
    align-self: flex-start !important;
  }
  .align-self-end {
    align-self: flex-end !important;
  }
  .align-self-center {
    align-self: center !important;
  }
  .flex-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-shrink-1 {
    flex-shrink: 1 !important;
  }
  .border {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
  }
  .border-0 {
    border-style: var(--tw-border-style) !important;
    border-width: 0px !important;
  }
  .border-top {
    border-top-style: var(--tw-border-style) !important;
    border-top-width: 1px !important;
  }
  .border-top-0 {
    border-top-style: var(--tw-border-style) !important;
    border-top-width: 0px !important;
  }
  .border-right {
    border-right-style: var(--tw-border-style) !important;
    border-right-width: 1px !important;
  }
  .border-right-0 {
    border-right-style: var(--tw-border-style) !important;
    border-right-width: 0px !important;
  }
  .border-bottom {
    border-bottom-style: var(--tw-border-style) !important;
    border-bottom-width: 1px !important;
  }
  .border-bottom-0 {
    border-bottom-style: var(--tw-border-style) !important;
    border-bottom-width: 0px !important;
  }
  .border-left {
    border-left-style: var(--tw-border-style) !important;
    border-left-width: 1px !important;
  }
  .border-left-0 {
    border-left-style: var(--tw-border-style) !important;
    border-left-width: 0px !important;
  }
  .rounded {
    border-radius: 0.25rem !important;
  }
  .rounded-top {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
  }
  .rounded-right {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .rounded-bottom {
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }
  .rounded-left {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }
  .rounded-circle {
    border-radius: calc(infinity * 1px) !important;
  }
  .rounded-0 {
    border-radius: 0 !important;
  }
  .text-muted {
    color: var(--tw-color-neutral-500);
  }
  .text-secondary {
    color: var(--eclipse-warm-60) !important;
  }
  .text-success {
    color: var(--tw-color-jade-600) !important;
  }
  .text-warning {
    color: hsl(var(--tangoHSL)) !important;
  }
  .text-danger {
    color: var(--tw-color-lava-600) !important;
  }
  .text-dark {
    color: var(--eclipse) !important;
  }
  .img-fluid {
    height: auto !important;
    max-width: 100% !important;
  }
}
@layer components {
  .pagination {
    display: flex;
    list-style-type: none;
    padding-left: var(--moments-core-spacing-0);
    border-radius: 0.25rem;
  }
  .page-link {
    position: relative;
    display: block;
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    background-color: var(--tw-color-white);
    -webkit-text-decoration-line: none;
            text-decoration-line: none;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: rgb(0,91.8,229.5) !important;
    border-color: #dee2e6;
  }
  .page-link:hover,
  .page-link:focus {
    -webkit-text-decoration-line: none;
            text-decoration-line: none;
    color: #313a46;
    background-color: #e3eaef;
    border-color: #dee2e6;
  }
  .page-item:first-child .page-link {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    margin-left: 0;
  }
  .page-item:last-child .page-link {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    margin-left: 0;
  }
  .page-item.active .page-link {
    border-color: var(--tw-color-sea-500);
    background-color: var(--tw-color-sea-500);
    color: var(--tw-color-white) !important;
    z-index: 2;
  }
  .page-item.disabled .page-link {
    pointer-events: none;
    background-color: var(--tw-color-white);
    color: #f7fafc !important;
    cursor: not-allowed;
    border-color: #dee2e6;
  }
}
@layer components {
  .alert {
    margin-bottom: calc(var(--tw-spacing) * 4);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    border-color: transparent;
    padding: 0.75rem 1.25rem;
    border-radius: 0.25rem;
  }
  .alert p,
  .alert h4 {
    margin: var(--moments-core-spacing-0);
    max-width: initial;
  }
  .alert-dismissible .close {
    position: relative;
    top: -0.75rem;
    right: -1.25rem;
    padding: 0.75rem 1.25rem;
    color: inherit;
  }
  .alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #f5e79e;
  }
  .alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
  }
  .alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d0e9c6;
  }
  .alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bcdff1;
  }
}
@layer components {
  .list-group {
    margin-bottom: var(--moments-core-spacing-0);
    display: flex;
    flex-direction: column;
    padding-left: var(--moments-core-spacing-0);
  }
  .list-group-item {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    background-color: var(--tw-color-white);
    padding: 0.75rem 1.25rem;
    margin-bottom: -1px;
    border-color: rgba(0, 0, 0, 0.125);
  }
  .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }
  .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }
  .list-group-item:hover,
  .list-group-item:focus {
    -webkit-text-decoration-line: none;
            text-decoration-line: none;
  }
  .list-group-item.active {
    border-color: var(--tw-color-sea-500);
    background-color: var(--tw-color-sea-500);
    color: var(--tw-color-white);
    z-index: 2;
  }
  .list-group-item.disabled,
  .list-group-item:disabled {
    background-color: var(--tw-color-white);
    color: #636c72;
    cursor: not-allowed;
  }
}
@layer components {
  .fade {
    opacity: 0;
    transition: opacity 0.15s linear;
  }
  .fade.show {
    opacity: 1;
  }
  .collapse:not(.show) {
    display: none;
  }
  tr.collapse.show {
    display: table-row;
  }
  tbody.collapse.show {
    display: table-row-group;
  }
  .collapsing {
    position: relative;
    overflow: hidden;
    height: 0;
    transition: height 0.35s ease;
  }
}
@layer components {
  .input-group {
    position: relative;
    display: flex;
    width: 100%;
  }
  .input-group .form-control {
    position: relative;
    z-index: 2;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
  }
  .input-group .form-control:hover,
  .input-group .form-control:focus,
  .input-group .form-control:active {
    z-index: 3;
  }
  .input-group-addon,
  .input-group-btn,
  .input-group .form-control {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .input-group-addon:not(:first-child):not(:last-child),
  .input-group-btn:not(:first-child):not(:last-child),
  .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0;
  }
  .input-group .form-control:not(:last-child),
  .input-group-addon:not(:last-child),
  .input-group-btn:not(:last-child) > .btn,
  .input-group-btn:not(:first-child) > .btn:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .input-group .form-control:not(:first-child),
  .input-group-addon:not(:first-child),
  .input-group-btn:not(:first-child) > .btn,
  .input-group-btn:not(:last-child) > .btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .form-control + .input-group-addon:not(:first-child) {
    border-left: 0;
  }
  .input-group-addon {
    display: flex;
    align-items: center;
    text-align: center;
    white-space: nowrap;
    padding: 0.4375rem;
    margin-bottom: 0;
    font-family: var(--body-font);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.01em;
    color: var(--copy-colour);
    background-color: var(--eclipse-5);
    border: 1px solid var(--eclipse);
    border-radius: 0.25rem;
  }
  .input-group-addon:not(:last-child) {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .input-group-addon:not(:first-child) {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .input-group-addon + input {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .input-group input:not(.input-group-addon + input) {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .input-group input.form-control + select:last-child {
    border-radius: 0 0.3125rem 0.3125rem 0;
  }
  .input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
  }
  .input-group-btn > .btn {
    position: relative;
    flex: 1;
  }
  .input-group-btn > .btn + .btn {
    margin-left: -1px;
  }
  .input-group-btn > .btn:hover,
  .input-group-btn > .btn:focus,
  .input-group-btn > .btn:active {
    z-index: 3;
  }
  .input-group-btn:not(:last-child) > .btn,
  .input-group-btn:not(:last-child) > .btn-group {
    margin-right: -1px;
  }
  .input-group-btn:not(:first-child) > .btn,
  .input-group-btn:not(:first-child) > .btn-group {
    z-index: 2;
    margin-left: -1px;
  }
  .input-group-btn:not(:first-child) > .btn:hover,
  .input-group-btn:not(:first-child) > .btn:focus,
  .input-group-btn:not(:first-child) > .btn:active {
    z-index: 3;
  }
}
@layer components {
  .btn-group,
  .btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
  }
  .btn-group > .btn,
  .btn-group-vertical > .btn {
    position: relative;
    flex: 0 1 auto;
  }
  .btn-group > .btn:hover,
  .btn-group > .btn:focus,
  .btn-group > .btn:active,
  .btn-group > .btn.active {
    z-index: 2;
  }
  .btn-group .btn + .btn,
  .btn-group .btn + .btn-group,
  .btn-group .btn-group + .btn,
  .btn-group .btn-group + .btn-group {
    margin-left: -1px;
  }
  .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
  }
  .btn-group > .btn:first-child {
    margin-left: 0;
  }
  .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .btn-group > .btn:last-child:not(:first-child),
  .btn-group > .dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .btn-group > .btn-group {
    float: left;
  }
  .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0;
  }
  .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
  .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .btn-toolbar {
    display: flex;
    justify-content: flex-start;
  }
  .btn-toolbar .input-group {
    width: auto;
  }
  .btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  .btn-group-vertical .btn,
  .btn-group-vertical .btn-group {
    width: 100%;
  }
  .btn-group-vertical > .btn + .btn,
  .btn-group-vertical > .btn + .btn-group,
  .btn-group-vertical > .btn-group + .btn,
  .btn-group-vertical > .btn-group + .btn-group {
    margin-top: -1px;
    margin-left: 0;
  }
  .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
    border-radius: 0;
  }
  .btn-group-vertical > .btn:first-child:not(:last-child) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .btn-group-vertical > .btn:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
@layer components {
  .breadcrumb {
    display: flex;
    list-style-type: none;
    flex-wrap: wrap;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    background-color: #e9ecef;
    border-radius: 0.25rem;
  }
  .breadcrumb-item+.breadcrumb-item {
    padding-left: 0.5rem;
  }
  .breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    color: #6c757d;
    content: '/';
  }
  .breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: none;
  }
  .breadcrumb-item.active {
    color: #6c757d;
  }
}
@layer components {
  .badge {
    display: inline-flex;
    align-items: center;
    gap: var(--tw-spacing);
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--tw-spacing) * 2);
    padding-block: 1px;
    font-family: var(--tw-font-grotesk);
    font-size: 0.6875rem;
    line-height: 1rem;
    white-space: nowrap;
  }
  .badge--neutral {
    background-color: var(--tw-color-neutral-200);
    color: var(--tw-color-neutral-800);
  }
  .badge--danger {
    background-color: var(--tw-color-lava-200);
    color: var(--tw-color-lava-950);
  }
  .badge--success {
    background-color: var(--tw-color-jade-200);
    color: var(--tw-color-jade-900);
  }
  .badge--attention {
    background-color: var(--tw-color-playa-200);
    color: var(--tw-color-playa-900);
  }
  .badge--brand {
    background-color: var(--tw-color-sea-200);
    color: var(--tw-color-sea-900);
  }
  .badge__icon {
    width: calc(var(--tw-spacing) * 3);
    height: calc(var(--tw-spacing) * 3);
    flex-shrink: 0;
  }
}
@layer components {
  .font-picker {
    position: relative;
  }
  .font-picker__trigger {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
  }
  .font-picker__panel {
    position: absolute;
    z-index: 20;
    margin-top: var(--tw-spacing);
    width: 100%;
    overflow: hidden;
    border-radius: var(--moments-semantic-border-radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--tw-color-neutral-200);
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    background-color: var(--tw-color-white);
  }
  .font-picker__search {
    position: relative;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--tw-color-neutral-200);
  }
  .font-picker__search-icon {
    pointer-events: none;
    position: absolute;
    top: calc(1 / 2 * 100%);
    left: calc(var(--tw-spacing) * 3);
    width: calc(var(--tw-spacing) * 5);
    height: calc(var(--tw-spacing) * 5);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    color: var(--tw-color-neutral-600);
  }
  .font-picker__search-input {
    width: 100%;
    border-style: var(--tw-border-style);
    border-width: 0px;
    padding-block: calc(var(--tw-spacing) * 2);
    padding-right: calc(var(--tw-spacing) * 3);
    padding-left: calc(var(--tw-spacing) * 10);
    --tw-outline-style: none;
    outline-style: none;
    background-color: transparent;
    font-family: var(--tw-font-grotesk);
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: var(--tw-color-neutral-950);
  }
  .font-picker__list,
    .font-picker__group ul {
    margin: var(--moments-core-spacing-0);
    list-style-type: none;
    padding: var(--moments-core-spacing-0);
  }
  .font-picker__list {
    max-height: calc(var(--tw-spacing) * 80);
    overflow-y: auto;
    padding-block: var(--tw-spacing);
  }
  .font-picker__group-label {
    display: block;
    padding-inline: calc(var(--tw-spacing) * 3);
    padding-top: calc(var(--tw-spacing) * 2);
    padding-bottom: var(--tw-spacing);
    font-family: var(--tw-font-grotesk);
    font-size: 0.6875rem;
    line-height: 1rem;
    color: var(--tw-color-neutral-600);
  }
  .font-picker__option {
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-inline: calc(var(--tw-spacing) * 3);
    padding-block: calc(var(--tw-spacing) * 2);
    font-family: var(--tw-font-grotesk);
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: var(--tw-color-neutral-950);
  }
  .font-picker__option:hover,
      .font-picker__option--active {
    background-color: var(--tw-color-neutral-75);
  }
  .font-picker__option[aria-selected='true'] {
    --tw-font-weight: var(--tw-font-weight-medium);
    font-weight: var(--tw-font-weight-medium);
  }
  .font-picker__message {
    padding-inline: calc(var(--tw-spacing) * 3);
    padding-block: calc(var(--tw-spacing) * 2);
    font-family: var(--tw-font-grotesk);
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--tw-color-neutral-600);
  }
  .font-picker__loading {
    display: flex;
    justify-content: center;
    padding-block: calc(var(--tw-spacing) * 2);
  }
  .font-picker__loading[hidden] {
    display: none;
  }
}
@layer components {
  .inbox--note {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--tw-spacing) * 2.5);
    padding-block: calc(var(--tw-spacing) * 2);
  }
  .inbox--note__column {
    display: flex;
    min-width: var(--moments-core-spacing-0);
    flex: 1;
    flex-direction: column;
    gap: calc(var(--tw-spacing) * 0.5);
  }
  .inbox--note__header {
    display: flex;
    align-items: baseline;
    gap: calc(var(--tw-spacing) * 1.5);
  }
  .inbox--note__actor {
    font-size: var(--tw-text-sm);
    line-height: var(--tw-leading, var(--tw-text-sm--line-height));
    --tw-font-weight: var(--tw-font-weight-bold);
    font-weight: var(--tw-font-weight-bold);
    color: var(--tw-color-neutral-800);
  }
  .inbox--note__timestamp {
    font-family: var(--tw-font-grotesk);
    font-size: 0.6875rem;
    line-height: 1rem;
    color: var(--tw-color-neutral-600);
  }
  .inbox--note__action {
    display: flex;
    flex-direction: column;
    gap: calc(var(--tw-spacing) * 2);
  }
  .inbox--note__summary {
    font-size: var(--tw-text-sm);
    line-height: var(--tw-leading, var(--tw-text-sm--line-height));
    color: var(--tw-color-neutral-600);
  }
  .inbox--note__bubble {
    display: flex;
    flex-direction: column;
    border-radius: var(--moments-semantic-border-radius-xl);
    border-top-left-radius: 0;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--tw-color-playa-200);
    background-color: var(--tw-color-playa-100);
    padding: calc(var(--tw-spacing) * 4);
  }
  .inbox--note__body {
    font-size: var(--tw-text-sm);
    line-height: var(--tw-leading, var(--tw-text-sm--line-height));
    --tw-leading: var(--tw-leading-normal);
    line-height: var(--tw-leading-normal);
    overflow-wrap: anywhere;
    color: var(--tw-color-neutral-950);
  }
  .inbox--note__body a {
    color: var(--tw-color-sea-600);
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
  }
  @media (hover: hover) {
    .inbox--note__body a:hover {
      cursor: pointer;
    }
  }
  .inbox--note__body ol {
    margin-left: calc(var(--tw-spacing) * 4);
    list-style-type: decimal;
  }
  .inbox--note__body ul {
    margin-left: calc(var(--tw-spacing) * 4);
    list-style-type: disc;
  }
}
@layer components {
  .timeline-event {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--tw-spacing) * 2.5);
    padding-block: calc(var(--tw-spacing) * 2);
  }
  .timeline-event__avatar {
    flex-shrink: 0;
  }
  .timeline-event__avatar--stacked {
    position: relative;
    width: calc(var(--tw-spacing) * 8);
    height: calc(var(--tw-spacing) * 8);
  }
  .timeline-event__avatar--system {
    display: flex;
    width: calc(var(--tw-spacing) * 8);
    height: calc(var(--tw-spacing) * 8);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    padding: calc(var(--tw-spacing) * 1.5);
    color: var(--tw-color-white);
    background-color: var(--tw-color-neutral-950);
  }
  .timeline-event__avatar-back {
    position: absolute;
    top: var(--moments-core-spacing-0);
    left: var(--moments-core-spacing-0);
    width: calc(var(--tw-spacing) * 5);
    height: calc(var(--tw-spacing) * 5);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--tw-color-neutral-200);
    background-color: var(--tw-color-white);
    -o-object-fit: cover;
       object-fit: cover;
  }
  .timeline-event__avatar-front {
    position: absolute;
    right: var(--moments-core-spacing-0);
    bottom: var(--moments-core-spacing-0);
    display: flex;
    width: calc(var(--tw-spacing) * 5);
    height: calc(var(--tw-spacing) * 5);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--tw-color-neutral-200);
    background-color: var(--tw-color-neutral-200);
    font-family: var(--tw-font-grotesk);
    font-size: 0.6875rem;
    line-height: 1rem;
    --tw-font-weight: var(--tw-font-weight-bold);
    font-weight: var(--tw-font-weight-bold);
    color: var(--tw-color-neutral-950);
  }
  .timeline-event__column {
    display: flex;
    min-width: var(--moments-core-spacing-0);
    flex: 1;
    flex-direction: column;
    gap: calc(var(--tw-spacing) * 0.5);
  }
  .timeline-event__header {
    display: flex;
    align-items: baseline;
    gap: calc(var(--tw-spacing) * 1.5);
  }
  .timeline-event__actor {
    display: flex;
    align-items: baseline;
    gap: var(--tw-spacing);
    font-size: var(--tw-text-sm);
    line-height: var(--tw-leading, var(--tw-text-sm--line-height));
  }
  .timeline-event__actor-name {
    --tw-font-weight: var(--tw-font-weight-bold);
    font-weight: var(--tw-font-weight-bold);
    color: var(--tw-color-neutral-800);
  }
  .timeline-event__actor-conjunction {
    --tw-font-weight: var(--tw-font-weight-normal);
    font-weight: var(--tw-font-weight-normal);
    color: var(--tw-color-neutral-600);
  }
  .timeline-event__timestamp {
    font-family: var(--tw-font-grotesk);
    font-size: 0.6875rem;
    line-height: 1rem;
    color: var(--tw-color-neutral-600);
  }
  .timeline-event__action {
    display: flex;
    flex-direction: column;
    gap: calc(var(--tw-spacing) * 2);
  }
  .timeline-event__summary {
    font-size: var(--tw-text-sm);
    line-height: var(--tw-leading, var(--tw-text-sm--line-height));
    color: var(--tw-color-neutral-600);
  }
  .timeline-event__disclosure {
    display: flex;
    flex-direction: column;
    gap: var(--tw-spacing);
  }
  .timeline-event__disclosure-summary {
    display: inline-flex;
    cursor: pointer;
    list-style-type: none;
    align-items: center;
    gap: var(--tw-spacing);
    font-size: var(--tw-text-sm);
    line-height: var(--tw-leading, var(--tw-text-sm--line-height));
    color: var(--tw-color-neutral-600);
  }
  .timeline-event__disclosure-summary::-webkit-details-marker {
    display: none;
  }
  .timeline-event__chevron {
    width: calc(var(--tw-spacing) * 4);
    height: calc(var(--tw-spacing) * 4);
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
  }
  .timeline-event__disclosure[open] > .timeline-event__disclosure-summary .timeline-event__chevron {
    rotate: 90deg;
  }
  .timeline-event__body {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-color: var(--tw-color-neutral-200);
    padding-block: calc(var(--tw-spacing) * 0.5);
    padding-left: calc(var(--tw-spacing) * 3);
    font-family: var(--tw-font-grotesk);
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--tw-color-neutral-800);
  }
  .timeline-event__body ul {
    margin: var(--moments-core-spacing-0);
    display: flex;
    list-style-type: none;
    flex-direction: column;
    gap: calc(var(--tw-spacing) * 2);
    padding: var(--moments-core-spacing-0);
  }
  .timeline-event__body .thread-event-list--bulleted li {
    display: grid;
    align-items: flex-start;
    -moz-column-gap: calc(var(--tw-spacing) * 2);
         column-gap: calc(var(--tw-spacing) * 2);
    row-gap: calc(var(--tw-spacing) * 2);
    grid-template-columns: auto 1fr;
  }
  .timeline-event__body .thread-event-list--bulleted li::before {
    content: "-";
  }
  .timeline-event__body .thread-event-list--bulleted li > ul {
    padding-left: calc(var(--tw-spacing) * 4);
    grid-column: 2;
  }
}
@layer components {
  .mailbox--message {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--tw-spacing) * 2.5);
    padding-block: calc(var(--tw-spacing) * 2);
  }
  .mailbox--message__column {
    display: flex;
    min-width: var(--moments-core-spacing-0);
    flex: 1;
    flex-direction: column;
    gap: calc(var(--tw-spacing) * 0.5);
  }
  .mailbox--message__header {
    display: flex;
    align-items: baseline;
    gap: calc(var(--tw-spacing) * 1.5);
  }
  .mailbox--message__actor {
    font-size: var(--tw-text-sm);
    line-height: var(--tw-leading, var(--tw-text-sm--line-height));
    --tw-font-weight: var(--tw-font-weight-bold);
    font-weight: var(--tw-font-weight-bold);
  }
  .mailbox--message__timestamp {
    font-family: var(--tw-font-grotesk);
    font-size: 0.6875rem;
    line-height: 1rem;
    color: var(--tw-color-neutral-600);
  }
  .mailbox--message__written-by {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-top: var(--tw-spacing);
    font-family: var(--tw-font-grotesk);
    font-size: 0.6875rem;
    line-height: 1rem;
    color: var(--tw-color-neutral-600);
  }
  .mailbox--message__action {
    display: flex;
    flex-direction: column;
    gap: calc(var(--tw-spacing) * 2);
  }
  .mailbox--message__details summary {
    display: inline-flex;
    cursor: pointer;
    list-style-type: none;
    align-items: center;
    gap: var(--tw-spacing);
    font-size: var(--tw-text-sm);
    line-height: var(--tw-leading, var(--tw-text-sm--line-height));
    color: var(--tw-color-neutral-600);
  }
  .mailbox--message__details summary::-webkit-details-marker {
    display: none;
  }
  .mailbox--message__details summary .mailbox--message__chevron {
    width: calc(var(--tw-spacing) * 4);
    height: calc(var(--tw-spacing) * 4);
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
  }
  .mailbox--message__details[open] .mailbox--message__chevron {
    rotate: 90deg;
  }
  .mailbox--message__details .mailbox--message__bubble {
    margin-top: calc(var(--tw-spacing) * 2);
  }
  .mailbox--message__details-body {
    margin-top: calc(var(--tw-spacing) * 2);
    display: grid;
    grid-template-columns: auto 1fr;
    -moz-column-gap: calc(var(--tw-spacing) * 4);
         column-gap: calc(var(--tw-spacing) * 4);
    row-gap: calc(var(--tw-spacing) * 1.5);
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-color: var(--tw-color-neutral-200);
    padding-left: calc(var(--tw-spacing) * 3);
    font-size: var(--tw-text-xs);
    line-height: var(--tw-leading, var(--tw-text-xs--line-height));
  }
  .mailbox--message__details-label {
    color: var(--tw-color-neutral-600);
  }
  .mailbox--message__bubble {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: calc(var(--tw-spacing) * 4);
    border-radius: var(--moments-semantic-border-radius-xl);
    border-top-left-radius: 0;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--tw-color-neutral-200);
    background-color: var(--tw-color-white);
    padding: calc(var(--tw-spacing) * 4);
  }
  .mailbox--message__bubble:not(.mailbox--message__bubble--failed) .mailbox--message-component__body {
    padding-right: calc(var(--tw-spacing) * 22);
  }
  .mailbox--message__bubble--creator {
    border-color: var(--tw-color-sea-200);
    background-color: var(--tw-color-sea-100);
  }
  .mailbox--message__bubble--failed {
    border-color: var(--tw-color-lava-500);
    background-color: var(--tw-color-lava-100);
  }
  .mailbox--message__buttons {
    position: absolute;
    top: calc(var(--tw-spacing) * 2);
    right: calc(var(--tw-spacing) * 4);
    display: flex;
    gap: calc(var(--tw-spacing) * 2);
  }
  .mailbox--message__icon-button {
    display: inline-flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: 0.25rem;
    --tw-border-style: none;
    border-style: none;
    background-color: transparent;
    padding: var(--tw-spacing);
  }
  .mailbox--message__icon-button:hover {
    background-color: var(--tw-color-eclipse-alpha-04);
  }
  .mailbox--message__icon-button svg {
    width: calc(var(--tw-spacing) * 4);
    height: calc(var(--tw-spacing) * 4);
    color: var(--tw-color-neutral-600);
  }
  .mailbox--message__footer-failed {
    margin-top: calc(var(--tw-spacing) * 4);
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .mailbox--message-component__body {
    font-size: var(--tw-text-sm);
    line-height: var(--tw-leading, var(--tw-text-sm--line-height));
    --tw-leading: var(--tw-leading-normal);
    line-height: var(--tw-leading-normal);
    overflow-wrap: anywhere;
    color: var(--tw-color-neutral-800);
  }
  .mailbox--message-component__body td, .mailbox--message-component__body th {
    overflow-wrap: normal;
  }
  .mailbox--message-component__body a {
    color: var(--tw-color-sea-600);
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
  }
  @media (hover: hover) {
    .mailbox--message-component__body a:hover {
      cursor: pointer;
    }
  }
  .mailbox--message-component__body ol {
    margin-left: calc(var(--tw-spacing) * 4);
    list-style-type: decimal;
  }
  .mailbox--message-component__body ul {
    margin-left: calc(var(--tw-spacing) * 4);
    list-style-type: disc;
  }
  .mailbox--message-component__body blockquote {
    margin: var(--moments-core-spacing-0);
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-color: var(--tw-color-neutral-300);
    padding-block: var(--moments-core-spacing-0);
    padding-right: var(--moments-core-spacing-0);
    padding-left: calc(var(--tw-spacing) * 5);
  }
  .mailbox--message-component__body details {
    margin-block: calc(var(--tw-spacing) * 2);
  }
}
@layer components {
  .img-thumbnail {
    height: auto;
    max-width: 100%;
    padding: 0.25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  }
  .figure {
    display: inline-block;
  }
  .figure-img {
    margin-bottom: 0.5rem;
    line-height: 1;
  }
  .figure-caption {
    font-size: 90%;
    color: #6c757d;
  }
}
@layer components {
  .w-3 {
    width: calc(var(--tw-spacing) * 3);
  }
  .w-4 {
    width: calc(var(--tw-spacing) * 4);
  }
  .w-5 {
    width: calc(var(--tw-spacing) * 5);
  }
  .w-6 {
    width: calc(var(--tw-spacing) * 6);
  }
  .w-7 {
    width: calc(var(--tw-spacing) * 7);
  }
  .w-8 {
    width: calc(var(--tw-spacing) * 8);
  }
  .w-9 {
    width: calc(var(--tw-spacing) * 9);
  }
  .w-10 {
    width: calc(var(--tw-spacing) * 10);
  }
  .w-12 {
    width: calc(var(--tw-spacing) * 12);
  }
  .w-16 {
    width: calc(var(--tw-spacing) * 16);
  }
  .w-28 {
    width: calc(var(--tw-spacing) * 28);
  }
  .w-40 {
    width: calc(var(--tw-spacing) * 40);
  }
  .w-48 {
    width: calc(var(--tw-spacing) * 48);
  }
  .w-50 {
    width: var(--moments-core-spacing-50);
  }
  .w-56 {
    width: calc(var(--tw-spacing) * 56);
  }
  .w-64 {
    width: calc(var(--tw-spacing) * 64);
  }
  .w-72 {
    width: calc(var(--tw-spacing) * 72);
  }
  .w-80 {
    width: calc(var(--tw-spacing) * 80);
  }
  .w-98 {
    width: calc(var(--tw-spacing) * 98);
  }
  .w-140 {
    width: calc(var(--tw-spacing) * 140);
  }
  .h-3 {
    height: calc(var(--tw-spacing) * 3);
  }
  .h-4 {
    height: calc(var(--tw-spacing) * 4);
  }
  .h-5 {
    height: calc(var(--tw-spacing) * 5);
  }
  .h-6 {
    height: calc(var(--tw-spacing) * 6);
  }
  .h-7 {
    height: calc(var(--tw-spacing) * 7);
  }
  .h-8 {
    height: calc(var(--tw-spacing) * 8);
  }
  .h-9 {
    height: calc(var(--tw-spacing) * 9);
  }
  .h-10 {
    height: calc(var(--tw-spacing) * 10);
  }
  .h-12 {
    height: calc(var(--tw-spacing) * 12);
  }
  .h-16 {
    height: calc(var(--tw-spacing) * 16);
  }
  .h-28 {
    height: calc(var(--tw-spacing) * 28);
  }
  .h-40 {
    height: calc(var(--tw-spacing) * 40);
  }
  .h-48 {
    height: calc(var(--tw-spacing) * 48);
  }
  .h-50 {
    height: var(--moments-core-spacing-50);
  }
  .h-56 {
    height: calc(var(--tw-spacing) * 56);
  }
  .h-64 {
    height: calc(var(--tw-spacing) * 64);
  }
  .h-72 {
    height: calc(var(--tw-spacing) * 72);
  }
  .h-80 {
    height: calc(var(--tw-spacing) * 80);
  }
  .h-98 {
    height: calc(var(--tw-spacing) * 98);
  }
  .h-140 {
    height: calc(var(--tw-spacing) * 140);
  }
  @media (min-width: 576px) {
    .w-tablet-3 {
      width: calc(var(--tw-spacing) * 3);
    }
    .w-tablet-4 {
      width: calc(var(--tw-spacing) * 4);
    }
    .w-tablet-5 {
      width: calc(var(--tw-spacing) * 5);
    }
    .w-tablet-6 {
      width: calc(var(--tw-spacing) * 6);
    }
    .w-tablet-7 {
      width: calc(var(--tw-spacing) * 7);
    }
    .w-tablet-8 {
      width: calc(var(--tw-spacing) * 8);
    }
    .w-tablet-9 {
      width: calc(var(--tw-spacing) * 9);
    }
    .w-tablet-10 {
      width: calc(var(--tw-spacing) * 10);
    }
    .w-tablet-12 {
      width: calc(var(--tw-spacing) * 12);
    }
    .w-tablet-16 {
      width: calc(var(--tw-spacing) * 16);
    }
    .w-tablet-28 {
      width: calc(var(--tw-spacing) * 28);
    }
    .w-tablet-40 {
      width: calc(var(--tw-spacing) * 40);
    }
    .w-tablet-48 {
      width: calc(var(--tw-spacing) * 48);
    }
    .w-tablet-50 {
      width: var(--moments-core-spacing-50);
    }
    .w-tablet-56 {
      width: calc(var(--tw-spacing) * 56);
    }
    .w-tablet-64 {
      width: calc(var(--tw-spacing) * 64);
    }
    .w-tablet-72 {
      width: calc(var(--tw-spacing) * 72);
    }
    .w-tablet-80 {
      width: calc(var(--tw-spacing) * 80);
    }
    .w-tablet-98 {
      width: calc(var(--tw-spacing) * 98);
    }
    .w-tablet-140 {
      width: calc(var(--tw-spacing) * 140);
    }
    .h-tablet-3 {
      height: calc(var(--tw-spacing) * 3);
    }
    .h-tablet-4 {
      height: calc(var(--tw-spacing) * 4);
    }
    .h-tablet-5 {
      height: calc(var(--tw-spacing) * 5);
    }
    .h-tablet-6 {
      height: calc(var(--tw-spacing) * 6);
    }
    .h-tablet-7 {
      height: calc(var(--tw-spacing) * 7);
    }
    .h-tablet-8 {
      height: calc(var(--tw-spacing) * 8);
    }
    .h-tablet-9 {
      height: calc(var(--tw-spacing) * 9);
    }
    .h-tablet-10 {
      height: calc(var(--tw-spacing) * 10);
    }
    .h-tablet-12 {
      height: calc(var(--tw-spacing) * 12);
    }
    .h-tablet-16 {
      height: calc(var(--tw-spacing) * 16);
    }
    .h-tablet-28 {
      height: calc(var(--tw-spacing) * 28);
    }
    .h-tablet-40 {
      height: calc(var(--tw-spacing) * 40);
    }
    .h-tablet-48 {
      height: calc(var(--tw-spacing) * 48);
    }
    .h-tablet-50 {
      height: var(--moments-core-spacing-50);
    }
    .h-tablet-56 {
      height: calc(var(--tw-spacing) * 56);
    }
    .h-tablet-64 {
      height: calc(var(--tw-spacing) * 64);
    }
    .h-tablet-72 {
      height: calc(var(--tw-spacing) * 72);
    }
    .h-tablet-80 {
      height: calc(var(--tw-spacing) * 80);
    }
    .h-tablet-98 {
      height: calc(var(--tw-spacing) * 98);
    }
    .h-tablet-140 {
      height: calc(var(--tw-spacing) * 140);
    }
    .min-h-tablet-3 {
      min-height: calc(var(--tw-spacing) * 3);
    }
    .min-h-tablet-4 {
      min-height: calc(var(--tw-spacing) * 4);
    }
    .min-h-tablet-5 {
      min-height: calc(var(--tw-spacing) * 5);
    }
    .min-h-tablet-6 {
      min-height: calc(var(--tw-spacing) * 6);
    }
    .min-h-tablet-7 {
      min-height: calc(var(--tw-spacing) * 7);
    }
    .min-h-tablet-8 {
      min-height: calc(var(--tw-spacing) * 8);
    }
    .min-h-tablet-9 {
      min-height: calc(var(--tw-spacing) * 9);
    }
    .min-h-tablet-10 {
      min-height: calc(var(--tw-spacing) * 10);
    }
    .min-h-tablet-12 {
      min-height: calc(var(--tw-spacing) * 12);
    }
    .min-h-tablet-16 {
      min-height: calc(var(--tw-spacing) * 16);
    }
    .min-h-tablet-28 {
      min-height: calc(var(--tw-spacing) * 28);
    }
    .min-h-tablet-40 {
      min-height: calc(var(--tw-spacing) * 40);
    }
    .min-h-tablet-48 {
      min-height: calc(var(--tw-spacing) * 48);
    }
    .min-h-tablet-50 {
      min-height: var(--moments-core-spacing-50);
    }
    .min-h-tablet-56 {
      min-height: calc(var(--tw-spacing) * 56);
    }
    .min-h-tablet-64 {
      min-height: calc(var(--tw-spacing) * 64);
    }
    .min-h-tablet-72 {
      min-height: calc(var(--tw-spacing) * 72);
    }
    .min-h-tablet-80 {
      min-height: calc(var(--tw-spacing) * 80);
    }
    .min-h-tablet-98 {
      min-height: calc(var(--tw-spacing) * 98);
    }
    .min-h-tablet-140 {
      min-height: calc(var(--tw-spacing) * 140);
    }
  }
  .w-5p {
    width: 5%;
  }
  .w-10p {
    width: 10%;
  }
  .w-15p {
    width: 15%;
  }
  .w-25p {
    width: calc(1 / 4 * 100%);
  }
  .w-33p {
    width: calc(1 / 3 * 100%);
  }
  .w-50p {
    width: calc(1 / 2 * 100%);
  }
  .w-75p {
    width: calc(3 / 4 * 100%);
  }
  .w-85p {
    width: 85%;
  }
  .w-100p {
    width: 100%;
  }
  .h-5p {
    height: 5%;
  }
  .h-10p {
    height: 10%;
  }
  .h-15p {
    height: 15%;
  }
  .h-25p {
    height: calc(1 / 4 * 100%);
  }
  .h-33p {
    height: calc(1 / 3 * 100%);
  }
  .h-50p {
    height: calc(1 / 2 * 100%);
  }
  .h-75p {
    height: calc(3 / 4 * 100%);
  }
  .h-85p {
    height: 85%;
  }
  .h-100p {
    height: 100%;
  }
  @media (min-width: 576px) {
    .w-tablet-5p {
      width: 5%;
    }
    .w-tablet-10p {
      width: 10%;
    }
    .w-tablet-15p {
      width: 15%;
    }
    .w-tablet-25p {
      width: calc(1 / 4 * 100%);
    }
    .w-tablet-33p {
      width: calc(1 / 3 * 100%);
    }
    .w-tablet-50p {
      width: calc(1 / 2 * 100%);
    }
    .w-tablet-75p {
      width: calc(3 / 4 * 100%);
    }
    .w-tablet-85p {
      width: 85%;
    }
    .w-tablet-100p {
      width: 100%;
    }
    .h-tablet-5p {
      height: 5%;
    }
    .h-tablet-10p {
      height: 10%;
    }
    .h-tablet-15p {
      height: 15%;
    }
    .h-tablet-25p {
      height: calc(1 / 4 * 100%);
    }
    .h-tablet-33p {
      height: calc(1 / 3 * 100%);
    }
    .h-tablet-50p {
      height: calc(1 / 2 * 100%);
    }
    .h-tablet-75p {
      height: calc(3 / 4 * 100%);
    }
    .h-tablet-85p {
      height: 85%;
    }
    .h-tablet-100p {
      height: 100%;
    }
  }
  @media (min-width: 992px) {
    .w-desktop-5p {
      width: 5%;
    }
    .w-desktop-10p {
      width: 10%;
    }
    .w-desktop-15p {
      width: 15%;
    }
    .w-desktop-25p {
      width: calc(1 / 4 * 100%);
    }
    .w-desktop-33p {
      width: calc(1 / 3 * 100%);
    }
    .w-desktop-50p {
      width: calc(1 / 2 * 100%);
    }
    .w-desktop-75p {
      width: calc(3 / 4 * 100%);
    }
    .w-desktop-85p {
      width: 85%;
    }
    .w-desktop-100p {
      width: 100%;
    }
    .h-desktop-5p {
      height: 5%;
    }
    .h-desktop-10p {
      height: 10%;
    }
    .h-desktop-15p {
      height: 15%;
    }
    .h-desktop-25p {
      height: calc(1 / 4 * 100%);
    }
    .h-desktop-33p {
      height: calc(1 / 3 * 100%);
    }
    .h-desktop-50p {
      height: calc(1 / 2 * 100%);
    }
    .h-desktop-75p {
      height: calc(3 / 4 * 100%);
    }
    .h-desktop-85p {
      height: 85%;
    }
    .h-desktop-100p {
      height: 100%;
    }
  }
  .h-auto {
    height: auto;
  }
  .width-2-char {
    width: 5ch;
  }
  .width-4-char {
    width: 7ch;
  }
  .mw-48 {
    min-width: calc(var(--tw-spacing) * 48);
  }
  .mw-80 {
    min-width: calc(var(--tw-spacing) * 80);
  }
  .maw-100 {
    max-width: 100%;
  }
  .maw-75 {
    max-width: 75%;
  }
  .maw-25 {
    max-width: 25%;
  }
  .minw-100 {
    min-width: 100%;
  }
  .max-w-1px {
    max-width: 1px;
  }
  .max-w-5rem {
    max-width: 5rem;
  }
  .max-w-xl {
    max-width: var(--tw-container-xl);
  }
  .max-w-2xl {
    max-width: var(--tw-container-2xl);
  }
  .max-w-3xl {
    max-width: var(--tw-container-3xl);
  }
  .max-w-60rem {
    max-width: 60rem;
  }
  .maxw-240 {
    max-width: 240px;
  }
  .fit-content {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .min-height-input {
    min-height: calc(1rem + 21px);
  }
  .minh-100 {
    min-height: 100%;
  }
}
.timeline-dragging {
  opacity: 50%;
}
.timeline-drag-preview {
  rotate: 3deg;
  cursor: -webkit-grabbing;
  cursor: grabbing;
  overflow: hidden;
  border-radius: 0.25rem;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--tw-color-jade-300);
  width: var(--drag-preview-width);
}
.timeline-drag-preview .resource-timeline-item--reservation {
  width: 100%;
}
.timeline-drag-preview .resource-timeline-item-inner {
  contain: none;
}
.timeline-drag-preview .redacted-text:after {
  background-color: var(--tw-color-neutral-200);
  --tw-backdrop-blur:  ;
  -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,);
}
.timeline-dropzone-column-highlight {
  pointer-events: none;
  position: absolute;
  top: var(--moments-core-spacing-0);
  bottom: var(--moments-core-spacing-0);
  border-radius: 0.25rem;
  background-color: var(--tw-color-sea-500);
}
@supports (color: color-mix(in lab, red, red)) {
  .timeline-dropzone-column-highlight {
    background-color: color-mix(in oklab, var(--tw-color-sea-500) 10%, transparent);
  }
}
@layer components {
  .floating-chat-agent {
    display: flex;
    min-height: calc(var(--tw-spacing) * 15);
    width: 100%;
    justify-content: center;
    --cfa-messages-max-height: 448px;
    --cfa-morph-duration: 300ms;
    --cfa-sidebar-width: 324px;
    --cfa-shell-radius: 30px;
  }
  .floating-chat-agent__shell {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: transparent;
    transition: background-color 150ms ease,
        box-shadow 150ms ease,
        width var(--cfa-morph-duration) var(--ease-out-cubic),
        height var(--cfa-morph-duration) var(--ease-out-cubic),
        border-radius var(--cfa-morph-duration) var(--ease-out-cubic),
        transform 100ms ease;
  }
  .floating-chat-agent__header {
    overflow: hidden;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-bottom-color: transparent;
    padding-inline: calc(var(--tw-spacing) * 4);
    transition: max-height 250ms ease,
        opacity 150ms ease,
        padding 200ms ease,
        visibility 0s 250ms,
        border-color 150ms ease;
  }
  .floating-chat-agent__header-content {
    display: flex;
    align-items: center;
    gap: calc(var(--tw-spacing) * 2);
  }
  .floating-chat-agent__avatar-wrap {
    display: flex;
    flex-shrink: 0;
    align-items: center;
  }
  .floating-chat-agent__avatar {
    width: calc(var(--tw-spacing) * 5);
    height: calc(var(--tw-spacing) * 5);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--tw-color-eclipse-alpha-20);
    background-color: var(--tw-color-white);
    -o-object-fit: cover;
       object-fit: cover;
  }
  .floating-chat-agent__title {
    flex-shrink: 0;
    font-family: var(--tw-font-grotesk);
    font-size: 0.875rem;
    line-height: 1rem;
    white-space: nowrap;
    color: var(--tw-color-neutral-950);
  }
  .floating-chat-agent__beta {
    margin-left: var(--tw-spacing);
    color: var(--tw-color-neutral-600);
  }
  .floating-chat-agent__trial {
    flex-shrink: 0;
    white-space: nowrap;
  }
  .floating-chat-agent__trial-link {
    font-family: var(--tw-font-grotesk);
    font-size: 0.6875rem;
    line-height: 1rem;
    color: var(--tw-color-neutral-600);
    -webkit-text-decoration-line: none;
            text-decoration-line: none;
    text-underline-offset: 2px;
  }
  .floating-chat-agent__trial-link:hover {
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
  }
  .floating-chat-agent__actions {
    margin-left: auto;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: calc(var(--tw-spacing) * 2);
  }
  .floating-chat-agent__action {
    display: inline-flex;
    width: calc(var(--tw-spacing) * 6);
    height: calc(var(--tw-spacing) * 6);
    align-items: center;
    justify-content: center;
    border-radius: 0.25rem;
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    padding: var(--tw-spacing);
    color: var(--tw-color-neutral-800);
  }
  .floating-chat-agent__action:hover {
    background-color: var(--tw-color-eclipse-alpha-04);
  }
  .floating-chat-agent .floating-chat-agent__action--undock {
    display: none;
  }
  .floating-chat-agent--docked .floating-chat-agent__action--dock {
    display: none;
  }
  .floating-chat-agent--docked .floating-chat-agent__action--undock {
    display: inline-flex;
  }
  .floating-chat-agent--full-screen .floating-chat-agent__action--full-screen {
    display: none;
  }
  .floating-chat-agent--full-screen .floating-chat-agent__action--undock {
    display: inline-flex;
  }
  .floating-chat-agent__messages {
    display: flex;
    scrollbar-width: thin;
    --tw-scrollbar-thumb: var(--tw-color-neutral-300);
    --tw-scrollbar-track: transparent;
    scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
    flex-direction: column;
    gap: calc(var(--tw-spacing) * 3);
    overflow-y: auto;
    overscroll-behavior-y: contain;
    padding-inline: calc(var(--tw-spacing) * 4);
    padding-top: var(--moments-core-spacing-0);
    transition: max-height 250ms ease,
        opacity 200ms ease,
        padding 200ms ease,
        visibility 0s 250ms;
  }
  .floating-chat-agent__footer {
    display: grid;
    padding: calc(var(--tw-spacing) * 0.5);
    transition: opacity 200ms ease;
  }
  .floating-chat-agent__footer>* {
    grid-area: 1 / 1;
  }
  .floating-chat-agent__footer>form {
    visibility: visible;
    opacity: 100%;
    transition: opacity 200ms ease,
        visibility 0s 0s;
  }
  .floating-chat-agent__input {
    position: relative;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--tw-spacing) * 2);
    overflow: hidden;
    border-radius: 28px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--tw-color-neutral-300);
    background-color: var(--tw-color-white);
    padding: calc(var(--tw-spacing) * 2);
    --tw-shadow: 0px 0px 1px var(--tw-shadow-color, rgba(0, 0, 0, 0.08)), 0px 4px 14px 2px var(--tw-shadow-color, rgba(0, 0, 0, 0.07)), 0px 4px 3px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.04));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition: border-color 150ms ease,
        box-shadow 150ms ease;
  }
  .floating-chat-agent__input-field {
    min-height: calc(var(--tw-spacing) * 10);
    max-width: 100%;
    min-width: var(--moments-core-spacing-0);
    flex-grow: 1;
    resize: none;
    scrollbar-width: thin;
    --tw-scrollbar-thumb: var(--tw-color-neutral-300);
    --tw-scrollbar-track: transparent;
    scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    padding-block: calc(var(--tw-spacing) * 2);
    padding-left: calc(var(--tw-spacing) * 4);
    font-family: var(--tw-font-grotesk);
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: var(--tw-color-neutral-800);
  }
  .floating-chat-agent__input-field::-moz-placeholder {
    color: var(--tw-color-neutral-600);
  }
  .floating-chat-agent__input-field:-ms-input-placeholder {
    color: var(--tw-color-neutral-600);
  }
  .floating-chat-agent__input-field::placeholder {
    color: var(--tw-color-neutral-600);
  }
  .floating-chat-agent__input-field::-moz-placeholder {
    opacity: 50%;
  }
  .floating-chat-agent__input-field:-ms-input-placeholder {
    opacity: 50%;
  }
  .floating-chat-agent__input-field::placeholder {
    opacity: 50%;
  }
  .floating-chat-agent__input-field {
    line-height: 1.5rem;
    transition: translate 200ms ease;
  }
  @supports (field-sizing: content) {
    .floating-chat-agent__input-field {
      field-sizing: content;
      max-block-size: 10rem;
      overflow-y: auto;
    }
  }
  .floating-chat-agent--multiline .floating-chat-agent__input-field {
    flex-basis: 100%;
  }
  .floating-chat-agent__input-field:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  .floating-chat-agent__submit {
    pointer-events: none;
    visibility: hidden;
    margin-left: auto;
    display: inline-flex;
    width: calc(var(--tw-spacing) * 7);
    height: calc(var(--tw-spacing) * 7);
    flex: none;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: var(--tw-color-sea-500);
    padding: var(--tw-spacing);
    color: var(--tw-color-white);
    opacity: 0%;
    transition: background-color 150ms ease,
        opacity 150ms ease,
        visibility 0s 150ms;
  }
  .floating-chat-agent__submit:hover {
    background-color: var(--tw-color-sea-600);
  }
  .floating-chat-agent__state-pill {
    pointer-events: none;
    visibility: hidden;
    display: flex;
    height: calc(var(--tw-spacing) * 14);
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--tw-spacing) * 3);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--tw-color-sea-300);
    background-color: var(--tw-color-sea-100);
    padding-block: calc(var(--tw-spacing) * 2);
    padding-right: calc(var(--tw-spacing) * 5);
    padding-left: calc(var(--tw-spacing) * 6);
    color: var(--tw-color-sea-900);
    opacity: 0%;
    --tw-shadow: 0px 0px 1px var(--tw-shadow-color, rgba(0, 0, 0, 0.08)), 0px 4px 14px 2px var(--tw-shadow-color, rgba(0, 0, 0, 0.07)), 0px 4px 3px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.04));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition: opacity 200ms ease,
        visibility 0s 200ms;
  }
  #floating-chat-agent-anchor:not(:has(.agent-suggested-actions)) .floating-chat-agent--pending-approval .floating-chat-agent__state-pill,
    .floating-chat-agent--clarification-needed:not(:hover):not(:focus-within):not(.floating-chat-agent--restoring):not(:has(.floating-chat-agent__input-field:disabled)) .floating-chat-agent__state-pill {
    pointer-events: auto;
    visibility: visible;
    opacity: 100%;
    transition: opacity 200ms ease,
        visibility 0s 0s;
  }
  .floating-chat-agent__state-pill-text {
    display: flex;
    min-width: var(--moments-core-spacing-0);
    flex-direction: column;
    --tw-leading: var(--tw-leading-tight);
    line-height: var(--tw-leading-tight);
  }
  .floating-chat-agent__state-pill-eyebrow {
    font-family: var(--tw-font-grotesk);
    font-size: 0.6875rem;
    line-height: 1rem;
    color: var(--tw-color-sea-900);
    opacity: 60%;
  }
  .floating-chat-agent__state-pill-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: var(--tw-font-grotesk);
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-font-weight: var(--tw-font-weight-medium);
    font-weight: var(--tw-font-weight-medium);
    color: var(--tw-color-sea-900);
  }
  .floating-chat-agent__state-pill-icon {
    flex-shrink: 0;
    color: var(--tw-color-sea-900);
    opacity: 80%;
  }
  .floating-chat-agent--clarification-needed .floating-chat-agent__state-pill-icon {
    display: none;
  }
  .floating-chat-agent__thinking {
    pointer-events: none;
    position: absolute;
    inset: var(--moments-core-spacing-0);
    display: flex;
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    align-items: center;
    overflow: hidden;
    padding-inline: calc(var(--tw-spacing) * 4);
    transition: translate 200ms ease;
  }
  .floating-chat-agent__thinking .ai-thinking-text {
    min-width: var(--moments-core-spacing-0);
    --tw-leading: calc(var(--tw-spacing) * 5);
    line-height: calc(var(--tw-spacing) * 5);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .floating-chat-agent--floating {
    max-width: var(--tw-container-lg);
  }
  .floating-chat-agent--floating .floating-chat-agent__shell {
    width: 100%;
    max-width: var(--tw-container-lg);
    border-radius: var(--cfa-shell-radius);
    box-shadow: 0 0 0 1px transparent;
  }
  .floating-chat-agent--floating .floating-chat-agent__state-pill {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .floating-chat-agent--floating .floating-chat-agent__header {
    visibility: hidden;
    max-height: var(--moments-core-spacing-0);
    opacity: 0%;
  }
  .floating-chat-agent--floating .floating-chat-agent__messages {
    visibility: hidden;
    max-height: var(--moments-core-spacing-0);
    opacity: 0%;
  }
  .floating-chat-agent--floating:hover .floating-chat-agent__shell,
    .floating-chat-agent--floating:focus-within .floating-chat-agent__shell,
    .floating-chat-agent--floating.floating-chat-agent--pinned .floating-chat-agent__shell,
    .floating-chat-agent--floating.floating-chat-agent--minimised .floating-chat-agent__shell,
    .floating-chat-agent--floating.floating-chat-agent--restoring .floating-chat-agent__shell {
    background-color: var(--tw-color-white);
    box-shadow: 0 0 0 1px var(--tw-color-neutral-200),
        0 0 1px rgb(0 0 0 / 0.08),
        0 4px 14px 2px rgb(0 0 0 / 0.07),
        0 4px 3px 0 rgb(0 0 0 / 0.04);
  }
  .floating-chat-agent--floating:not(.floating-chat-agent--minimised):not(.floating-chat-agent--restoring):hover .floating-chat-agent__header,
      .floating-chat-agent--floating:not(.floating-chat-agent--minimised):not(.floating-chat-agent--restoring):focus-within .floating-chat-agent__header,
      .floating-chat-agent--floating:not(.floating-chat-agent--minimised):not(.floating-chat-agent--restoring).floating-chat-agent--pinned .floating-chat-agent__header {
    visibility: visible;
    max-height: calc(var(--tw-spacing) * 14);
    padding-block: calc(var(--tw-spacing) * 2);
    opacity: 100%;
    transition: max-height 250ms ease,
          opacity 150ms ease,
          padding 200ms ease,
          visibility 0s 0s;
  }
  .floating-chat-agent--floating:not(.floating-chat-agent--minimised):not(.floating-chat-agent--restoring):hover .floating-chat-agent__messages,
      .floating-chat-agent--floating:not(.floating-chat-agent--minimised):not(.floating-chat-agent--restoring):focus-within .floating-chat-agent__messages,
      .floating-chat-agent--floating:not(.floating-chat-agent--minimised):not(.floating-chat-agent--restoring).floating-chat-agent--pinned .floating-chat-agent__messages {
    visibility: visible;
    max-height: var(--cfa-messages-max-height);
    padding-bottom: calc(var(--tw-spacing) * 2);
    opacity: 100%;
    transition: max-height 250ms ease,
          opacity 200ms ease,
          padding 200ms ease,
          visibility 0s 0s;
  }
  .floating-chat-agent--floating:not(.floating-chat-agent--minimised):not(.floating-chat-agent--restoring):hover .floating-chat-agent__input,
      .floating-chat-agent--floating:not(.floating-chat-agent--minimised):not(.floating-chat-agent--restoring).floating-chat-agent--pinned .floating-chat-agent__input {
    border-color: var(--tw-color-neutral-400);
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .floating-chat-agent--floating:not(.floating-chat-agent--minimised):not(.floating-chat-agent--restoring):focus-within .floating-chat-agent__input {
    border-color: var(--tw-color-sea-500);
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .floating-chat-agent--floating:not(.floating-chat-agent--minimised):not(.floating-chat-agent--restoring) .floating-chat-agent__input-field:not(:-moz-placeholder-shown)+.floating-chat-agent__submit {
    pointer-events: auto;
    visibility: visible;
    opacity: 100%;
    -moz-transition: background-color 150ms ease,
          opacity 150ms ease,
          visibility 0s 0s;
    transition: background-color 150ms ease,
          opacity 150ms ease,
          visibility 0s 0s;
  }
  .floating-chat-agent--floating:not(.floating-chat-agent--minimised):not(.floating-chat-agent--restoring) .floating-chat-agent__input-field:not(:-ms-input-placeholder)+.floating-chat-agent__submit {
    pointer-events: auto;
    visibility: visible;
    opacity: 100%;
    -ms-transition: background-color 150ms ease,
          opacity 150ms ease,
          visibility 0s 0s;
    transition: background-color 150ms ease,
          opacity 150ms ease,
          visibility 0s 0s;
  }
  .floating-chat-agent--floating:not(.floating-chat-agent--minimised):not(.floating-chat-agent--restoring) .floating-chat-agent__input-field:not(:placeholder-shown)+.floating-chat-agent__submit {
    pointer-events: auto;
    visibility: visible;
    opacity: 100%;
    transition: background-color 150ms ease,
          opacity 150ms ease,
          visibility 0s 0s;
  }
  .floating-chat-agent--floating.floating-chat-agent--overflowing:not(.floating-chat-agent--minimised):not(.floating-chat-agent--restoring):hover .floating-chat-agent__header,
      .floating-chat-agent--floating.floating-chat-agent--overflowing:not(.floating-chat-agent--minimised):not(.floating-chat-agent--restoring):focus-within .floating-chat-agent__header {
    border-bottom-color: var(--tw-color-neutral-200);
  }
  .floating-chat-agent--floating.floating-chat-agent--minimised .floating-chat-agent__shell {
    width: calc(var(--tw-spacing) * 15);
    height: calc(var(--tw-spacing) * 15);
    border-radius: calc(infinity * 1px);
  }
  #floating-chat-agent-anchor {
    position: absolute;
    bottom: calc(var(--tw-spacing) * 4);
    left: calc(1 / 2 * 100%);
    z-index: 10;
    display: flex;
    width: 100%;
    max-width: var(--tw-container-lg);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    justify-content: center;
  }
  .floating-chat-agent-suggestions {
    position: absolute;
    bottom: 100%;
    left: var(--moments-core-spacing-0);
    margin-bottom: calc(var(--tw-spacing) * 2);
    display: flex;
    width: 100%;
    justify-content: center;
  }
  #floating-chat-agent-anchor:has(.floating-chat-agent--minimised) .floating-chat-agent-suggestions {
    display: none;
  }
  #floating-chat-agent-anchor:has(.floating-chat-agent--full-screen) .floating-chat-agent-suggestions {
    bottom: calc(var(--tw-spacing) * 24);
    z-index: 10;
    margin-bottom: var(--moments-core-spacing-0);
    padding-inline: calc(var(--tw-spacing) * 6);
  }
  #floating-chat-agent-anchor:has(.floating-chat-agent--minimised) {
    right: calc(var(--tw-spacing) * 4);
    left: auto;
    z-index: 50;
    width: auto;
    max-width: none;
    --tw-translate-x: var(--moments-core-spacing-0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  #floating-chat-agent-anchor:has(.floating-chat-agent--full-screen) {
    inset: calc(var(--tw-spacing) * 2);
    z-index: 40;
    width: auto;
    max-width: none;
    --tw-translate-x: var(--moments-core-spacing-0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  @media (width < 64rem) {
    #copilot-dock {
      display: none;
    }
  }
  #floating-chat-agent-anchor:has(.floating-chat-agent--minimised) .floating-chat-agent__footer {
    display: none;
  }
  .floating-chat-agent--floating.floating-chat-agent--minimised:has(.floating-chat-agent__restore:active) .floating-chat-agent__shell {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .floating-chat-agent--floating.floating-chat-agent--minimised .floating-chat-agent__header,
    .floating-chat-agent--floating.floating-chat-agent--minimised .floating-chat-agent__messages,
    .floating-chat-agent--floating.floating-chat-agent--minimised .floating-chat-agent__footer {
    pointer-events: none;
    visibility: hidden;
    opacity: 0%;
    transition: opacity 0ms ease,
        visibility 0s 100ms;
  }
  .floating-chat-agent--floating .floating-chat-agent__restore {
    pointer-events: none;
    visibility: hidden;
    position: absolute;
    bottom: var(--moments-core-spacing-0);
    left: calc(1 / 2 * 100%);
    display: flex;
    width: calc(var(--tw-spacing) * 15);
    height: calc(var(--tw-spacing) * 15);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    color: var(--tw-color-neutral-950);
    opacity: 0%;
    transition: opacity 200ms ease,
        visibility 0s 200ms;
  }
  .floating-chat-agent--floating.floating-chat-agent--minimised .floating-chat-agent__restore {
    pointer-events: auto;
    visibility: visible;
    opacity: 100%;
    transition: opacity 200ms ease,
        visibility 0s 0s;
  }
  .floating-chat-agent--floating .floating-chat-agent__restore-icon {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .floating-chat-agent--floating .floating-chat-agent__restore-icon--state,
    .floating-chat-agent--floating .floating-chat-agent__restore-icon--working {
    display: none;
  }
  #floating-chat-agent-anchor:not(:has(.agent-suggested-actions)) .floating-chat-agent--floating.floating-chat-agent--pending-approval .floating-chat-agent__footer>form,
    .floating-chat-agent--floating.floating-chat-agent--clarification-needed:not(:hover):not(:focus-within):not(.floating-chat-agent--restoring):not(:has(.floating-chat-agent__input-field:disabled)) .floating-chat-agent__footer>form {
    pointer-events: none;
    visibility: hidden;
    opacity: 0%;
    transition: opacity 200ms ease,
        visibility 0s 200ms;
  }
  .floating-chat-agent--floating:not(:hover):not(:focus-within):not(.floating-chat-agent--pinned):not(.floating-chat-agent--restoring):not(.floating-chat-agent--pending-approval):not(.floating-chat-agent--clarification-needed):has(.copilot-loading:not(.hidden)) .floating-chat-agent__thinking {
    --tw-translate-y: var(--moments-core-spacing-0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .floating-chat-agent--floating:not(:hover):not(:focus-within):not(.floating-chat-agent--pinned):not(.floating-chat-agent--restoring):not(.floating-chat-agent--pending-approval):not(.floating-chat-agent--clarification-needed):has(.copilot-loading:not(.hidden)) .floating-chat-agent__input-field {
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .floating-chat-agent--floating.floating-chat-agent--pending-approval .floating-chat-agent__restore-icon--default {
    display: none;
  }
  .floating-chat-agent--floating.floating-chat-agent--pending-approval .floating-chat-agent__restore-icon--state {
    display: flex;
  }
  .floating-chat-agent--floating.floating-chat-agent--minimised:not(.floating-chat-agent--pending-approval):not(.floating-chat-agent--clarification-needed):has(.copilot-loading:not(.hidden)) .floating-chat-agent__restore-icon--default {
    display: none;
  }
  .floating-chat-agent--floating.floating-chat-agent--minimised:not(.floating-chat-agent--pending-approval):not(.floating-chat-agent--clarification-needed):has(.copilot-loading:not(.hidden)) .floating-chat-agent__restore-icon--working {
    display: flex;
  }
  .floating-chat-agent--floating.floating-chat-agent--pending-approval.floating-chat-agent--minimised .floating-chat-agent__shell {
    background-color: var(--tw-color-sea-200);
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--color-sea-300)), 0 0 1px var(--tw-shadow-color, rgba(0, 0, 0, 0.08)), 0 4px 14px 2px var(--tw-shadow-color, color-mix(in srgb, #0066ff 25%, transparent)), 0 4px 3px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.04));
  }
  @supports (color: color-mix(in lab, red, red)) {
    .floating-chat-agent--floating.floating-chat-agent--pending-approval.floating-chat-agent--minimised .floating-chat-agent__shell {
      --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--color-sea-300)), 0 0 1px var(--tw-shadow-color, rgba(0, 0, 0, 0.08)), 0 4px 14px 2px var(--tw-shadow-color, color-mix(in srgb, var(--color-sea-500) 25%, transparent)), 0 4px 3px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.04));
    }
  }
  .floating-chat-agent--floating.floating-chat-agent--pending-approval.floating-chat-agent--minimised .floating-chat-agent__shell {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .floating-chat-agent--floating.floating-chat-agent--clarification-needed.floating-chat-agent--minimised .floating-chat-agent__shell {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--tw-color-sea-200);
    background-color: var(--tw-color-sea-100);
    box-shadow: 0 0 1px rgb(0 0 0 / 0.08),
        0 4px 14px 2px rgb(0 0 0 / 0.07),
        0 4px 3px 0 rgb(0 0 0 / 0.04);
  }
  .floating-chat-agent--floating.floating-chat-agent--pending-approval .floating-chat-agent__restore {
    color: var(--tw-color-sea-900);
  }
  .floating-chat-agent--docked {
    height: 100%;
  }
  .floating-chat-agent--docked .floating-chat-agent__shell {
    width: var(--cfa-sidebar-width);
    height: 100%;
    border-radius: 0;
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-color: var(--tw-color-neutral-200);
    background-color: var(--tw-color-neutral-50);
  }
  .floating-chat-agent--docked .floating-chat-agent__header {
    border-bottom-color: var(--tw-color-neutral-200);
    padding-inline: calc(var(--tw-spacing) * 4);
    padding-block: calc(var(--tw-spacing) * 2);
  }
  .floating-chat-agent--docked .floating-chat-agent__messages {
    flex: 1;
    padding-top: calc(var(--tw-spacing) * 2);
    padding-bottom: calc(var(--tw-spacing) * 4);
  }
  .floating-chat-agent--docked .floating-chat-agent__footer {
    padding: calc(var(--tw-spacing) * 3);
  }
  .floating-chat-agent--docked .floating-chat-agent__restore {
    display: none;
  }
  .floating-chat-agent--docked .floating-chat-agent__input:focus-within {
    border-color: var(--tw-color-sea-500);
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .floating-chat-agent--docked .floating-chat-agent__input-field:not(:-moz-placeholder-shown)+.floating-chat-agent__submit {
    pointer-events: auto;
    visibility: visible;
    opacity: 100%;
    -moz-transition: background-color 150ms ease,
        opacity 150ms ease,
        visibility 0s 0s;
    transition: background-color 150ms ease,
        opacity 150ms ease,
        visibility 0s 0s;
  }
  .floating-chat-agent--docked .floating-chat-agent__input-field:not(:-ms-input-placeholder)+.floating-chat-agent__submit {
    pointer-events: auto;
    visibility: visible;
    opacity: 100%;
    -ms-transition: background-color 150ms ease,
        opacity 150ms ease,
        visibility 0s 0s;
    transition: background-color 150ms ease,
        opacity 150ms ease,
        visibility 0s 0s;
  }
  .floating-chat-agent--docked .floating-chat-agent__input-field:not(:placeholder-shown)+.floating-chat-agent__submit {
    pointer-events: auto;
    visibility: visible;
    opacity: 100%;
    transition: background-color 150ms ease,
        opacity 150ms ease,
        visibility 0s 0s;
  }
  .floating-chat-agent--docked .floating-chat-agent__state-pill {
    display: none;
  }
  @media (width < 64rem) {
    .floating-chat-agent__action--dock {
      display: none;
    }
  }
  .floating-chat-agent--full-screen {
    height: 100%;
  }
  .floating-chat-agent--full-screen .floating-chat-agent__shell {
    height: 100%;
    width: 100%;
    border-radius: var(--cfa-shell-radius);
    background-color: var(--tw-color-white);
    box-shadow: 0 0 0 1px var(--tw-color-neutral-200),
        0 0 1px rgb(0 0 0 / 0.08),
        0 4px 14px 2px rgb(0 0 0 / 0.07),
        0 4px 3px 0 rgb(0 0 0 / 0.04);
  }
  .floating-chat-agent--full-screen .floating-chat-agent__header {
    border-bottom-color: var(--tw-color-neutral-200);
    padding-inline: calc(var(--tw-spacing) * 6);
    padding-block: calc(var(--tw-spacing) * 3);
  }
  .floating-chat-agent--full-screen .floating-chat-agent__messages {
    width: 100%;
    flex: 1;
    padding-top: calc(var(--tw-spacing) * 4);
    padding-bottom: calc(var(--tw-spacing) * 6);
    scrollbar-gutter: stable both-edges;
    padding-inline: max(1.5rem, calc((100% - 48rem) / 2));
  }
  .floating-chat-agent--full-screen .floating-chat-agent__footer {
    margin-inline: auto;
    width: 100%;
    max-width: var(--tw-container-3xl);
    padding-inline: calc(var(--tw-spacing) * 6);
    padding-top: calc(var(--tw-spacing) * 2);
    padding-bottom: calc(var(--tw-spacing) * 6);
  }
  .floating-chat-agent--full-screen .floating-chat-agent__input:focus-within {
    border-color: var(--tw-color-sea-500);
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .floating-chat-agent--full-screen .floating-chat-agent__input-field:not(:-moz-placeholder-shown)+.floating-chat-agent__submit {
    pointer-events: auto;
    visibility: visible;
    opacity: 100%;
    -moz-transition: background-color 150ms ease,
        opacity 150ms ease,
        visibility 0s 0s;
    transition: background-color 150ms ease,
        opacity 150ms ease,
        visibility 0s 0s;
  }
  .floating-chat-agent--full-screen .floating-chat-agent__input-field:not(:-ms-input-placeholder)+.floating-chat-agent__submit {
    pointer-events: auto;
    visibility: visible;
    opacity: 100%;
    -ms-transition: background-color 150ms ease,
        opacity 150ms ease,
        visibility 0s 0s;
    transition: background-color 150ms ease,
        opacity 150ms ease,
        visibility 0s 0s;
  }
  .floating-chat-agent--full-screen .floating-chat-agent__input-field:not(:placeholder-shown)+.floating-chat-agent__submit {
    pointer-events: auto;
    visibility: visible;
    opacity: 100%;
    transition: background-color 150ms ease,
        opacity 150ms ease,
        visibility 0s 0s;
  }
  .floating-chat-agent--full-screen .floating-chat-agent__state-pill {
    display: none;
  }
  .floating-chat-agent--full-screen .floating-chat-agent__restore {
    display: none;
  }
}
.floating-chat-agent__thinking .copilot-loading > * {
  align-items: center;
}
.floating-chat-agent__thinking .ai-thinking-text {
  padding-top: 0;
}
body:has(.floating-chat-agent-suggestions .agent-suggested-actions) .floating-chat-agent-clearance {
  padding-bottom: 11rem;
}
@layer components {
  .general-agent-hero__input {
    position: relative;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--tw-spacing) * 2);
    border-radius: 28px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--tw-color-neutral-300);
    background-color: var(--tw-color-white);
    padding: calc(var(--tw-spacing) * 2);
    transition: border-color 150ms ease;
  }
  .general-agent-hero__input:focus-within {
    border-color: var(--tw-color-sea-500);
  }
  .general-agent-hero__field {
    min-height: calc(var(--tw-spacing) * 10);
    max-width: 100%;
    min-width: var(--moments-core-spacing-0);
    flex-grow: 1;
    resize: none;
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    padding-block: calc(var(--tw-spacing) * 2);
    padding-left: calc(var(--tw-spacing) * 4);
    font-family: var(--tw-font-grotesk);
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: var(--tw-color-neutral-800);
  }
  .general-agent-hero__field::-moz-placeholder {
    color: var(--tw-color-neutral-600);
  }
  .general-agent-hero__field:-ms-input-placeholder {
    color: var(--tw-color-neutral-600);
  }
  .general-agent-hero__field::placeholder {
    color: var(--tw-color-neutral-600);
  }
  .general-agent-hero__field::-moz-placeholder {
    opacity: 50%;
  }
  .general-agent-hero__field:-ms-input-placeholder {
    opacity: 50%;
  }
  .general-agent-hero__field::placeholder {
    opacity: 50%;
  }
  .general-agent-hero__field {
    line-height: 1.5rem;
  }
  .general-agent-hero__field:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  .general-agent-hero__submit {
    pointer-events: none;
    visibility: hidden;
    margin-left: auto;
    display: inline-flex;
    width: calc(var(--tw-spacing) * 8);
    height: calc(var(--tw-spacing) * 8);
    flex: none;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: var(--tw-color-sea-500);
    padding: var(--tw-spacing);
    color: var(--tw-color-white);
    opacity: 0%;
    transition: background-color 150ms ease,
        opacity 150ms ease,
        visibility 0s 150ms;
  }
  .general-agent-hero__submit:hover {
    background-color: var(--tw-color-sea-600);
  }
  .general-agent-hero__field:not(:-moz-placeholder-shown)+.general-agent-hero__submit {
    pointer-events: auto;
    visibility: visible;
    opacity: 100%;
    -moz-transition: background-color 150ms ease,
        opacity 150ms ease,
        visibility 0s 0s;
    transition: background-color 150ms ease,
        opacity 150ms ease,
        visibility 0s 0s;
  }
  .general-agent-hero__field:not(:-ms-input-placeholder)+.general-agent-hero__submit {
    pointer-events: auto;
    visibility: visible;
    opacity: 100%;
    -ms-transition: background-color 150ms ease,
        opacity 150ms ease,
        visibility 0s 0s;
    transition: background-color 150ms ease,
        opacity 150ms ease,
        visibility 0s 0s;
  }
  .general-agent-hero__field:not(:placeholder-shown)+.general-agent-hero__submit {
    pointer-events: auto;
    visibility: visible;
    opacity: 100%;
    transition: background-color 150ms ease,
        opacity 150ms ease,
        visibility 0s 0s;
  }
}
@layer components {
  .inline-composer-button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--tw-spacing);
    padding-inline: calc(var(--tw-spacing) * 2);
    padding-block: calc(var(--tw-spacing) * 1.5);
    border-radius: 0.25rem;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    background-color: transparent;
    font-family: var(--tw-font-grotesk);
    font-size: 0.875rem;
    line-height: 1rem;
    color: var(--tw-color-neutral-600);
  }
  @media (hover: hover) {
    .inline-composer-button:hover {
      background-color: var(--tw-color-eclipse-alpha-04);
    }
  }
  .inline-composer-button:disabled {
    opacity: 50%;
  }
  .inline-composer-button--selected {
    border-color: var(--tw-color-neutral-300);
    background-color: var(--tw-color-white);
  }
  .inline-composer-expand-button {
    display: none;
  }
  .inline-composer-header:has(.inline-composer-button--selected) .inline-composer-expand-button {
    display: flex;
  }
  .inline-composer-expand-button [data-icon="expanded"] {
    display: none;
  }
  .inline-composer-expand-button.expanded [data-icon="collapsed"] {
    display: none;
  }
  .inline-composer-expand-button.expanded [data-icon="expanded"] {
    display: inline-flex;
  }
  .inline-composer-envelope .email-input label {
    font-weight: normal;
  }
  .inline-composer-envelope .email-input input,
  .inline-composer-envelope .email-input input:hover {
    border: none;
  }
  .inline-composer-envelope .progressive-list-truncator-list {
    margin-top: 0;
  }
}
@layer components {
  .copilot-prose__table-wrap {
    margin-bottom: calc(var(--tw-spacing) * 2);
    overflow-x: auto;
  }
  .copilot-prose__table-wrap:last-child {
    margin-bottom: var(--moments-core-spacing-0);
  }
  .copilot-prose__table {
    border-collapse: collapse;
  }
  .copilot-prose__cell {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--tw-color-neutral-200);
    padding-inline: calc(var(--tw-spacing) * 2);
    padding-block: var(--tw-spacing);
    text-align: left;
    vertical-align: top;
  }
  .copilot-prose__cell--header {
    background-color: var(--tw-color-neutral-75);
    --tw-font-weight: var(--tw-font-weight-bold);
    font-weight: var(--tw-font-weight-bold);
  }
}
@layer components {
  .grid-stack.dashboard-grid .widget {
    display: flex;
    height: 100%;
    flex-direction: column;
  }
  .grid-stack.dashboard-grid .widget__content {
    min-height: var(--moments-core-spacing-0);
    flex-grow: 1;
  }
  .grid-stack.dashboard-grid .widget__content > turbo-frame {
    display: block;
    min-height: var(--moments-core-spacing-0);
    flex-grow: 1;
  }
}
@layer components {
  .inbox-setup {
    position: relative;
    display: flex;
    min-height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-inline: calc(var(--tw-spacing) * 6);
    padding-block: calc(var(--tw-spacing) * 6);
    text-align: center;
  }
  .inbox-setup__hero {
    position: relative;
    margin-bottom: calc(var(--tw-spacing) * 4);
    width: 100%;
    max-width: var(--tw-container-4xl);
    overflow: hidden;
    border-radius: var(--moments-semantic-border-radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--tw-color-neutral-200);
    aspect-ratio: 7 / 2;
    -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent);
    mask-image: linear-gradient(to bottom, black 60%, transparent);
  }
  .inbox-setup__hero img {
    position: absolute;
    inset: var(--moments-core-spacing-0);
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .inbox-setup__trial-badge {
    margin-bottom: calc(var(--tw-spacing) * 8);
    border-radius: calc(infinity * 1px);
    background-color: var(--tw-color-sea-200);
    padding-inline: calc(var(--tw-spacing) * 3);
    padding-block: calc(var(--tw-spacing) * 0.5);
    font-family: var(--tw-font-grotesk);
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--tw-color-sea-900);
  }
  .inbox-setup__heading {
    margin: var(--moments-core-spacing-0);
    font-family: var(--tw-font-kurrent);
    font-size: 3.1875rem;
    line-height: 3.25rem;
    --tw-font-weight: var(--tw-font-weight-bold);
    font-weight: var(--tw-font-weight-bold);
    color: var(--tw-color-neutral-950);
  }
  .inbox-setup__subheading {
    margin-top: calc(var(--tw-spacing) * 2);
    margin-bottom: var(--moments-core-spacing-0);
    font-family: var(--tw-font-grotesk);
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .inbox-setup__connect-actions {
    margin-top: calc(var(--tw-spacing) * 3);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: calc(var(--tw-spacing) * 3);
  }
  .inbox-setup__mailbox-form {
    margin-top: calc(var(--tw-spacing) * 8);
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--tw-spacing) * 6);
  }
  .inbox-setup__mailbox-list {
    display: flex;
    width: 100%;
    max-width: var(--tw-container-xl);
    flex-direction: column;
    gap: calc(var(--tw-spacing) * 3);
  }
  .inbox-setup__mailbox-radio {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: inset(50%);
            clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .inbox-setup__mailbox-card {
    display: grid;
    cursor: pointer;
    align-items: center;
    -moz-column-gap: calc(var(--tw-spacing) * 3);
         column-gap: calc(var(--tw-spacing) * 3);
    border-radius: var(--moments-semantic-border-radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--tw-color-neutral-200);
    padding: calc(var(--tw-spacing) * 4);
    text-align: left;
    grid-template-columns: auto 1fr auto;
  }
  .inbox-setup__mailbox-card:hover {
    border-color: var(--tw-color-neutral-400);
  }
  .inbox-setup__mailbox-card:has(.inbox-setup__mailbox-radio:checked) {
    border-color: var(--tw-color-sea-500);
    box-shadow: inset 0 0 0 1px var(--tw-color-sea-500);
  }
  .inbox-setup__mailbox-info {
    display: flex;
    flex-direction: column;
  }
  .inbox-setup__mailbox-name {
    margin: var(--moments-core-spacing-0);
    --tw-font-weight: var(--tw-font-weight-bold);
    font-weight: var(--tw-font-weight-bold);
    color: var(--tw-color-neutral-950);
  }
  .inbox-setup__mailbox-email {
    margin: var(--moments-core-spacing-0);
    color: var(--tw-color-neutral-600);
  }
  .inbox-setup__mailbox-badge {
    justify-self: flex-end;
  }
  .inbox-setup__connect-btn {
    display: inline-flex;
    cursor: pointer;
    align-items: center;
    gap: calc(var(--tw-spacing) * 2);
    border-radius: var(--moments-semantic-border-radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--tw-color-neutral-300);
    background-color: var(--tw-color-white);
    padding-block: calc(var(--tw-spacing) * 1.5);
    padding-right: calc(var(--tw-spacing) * 3);
    padding-left: calc(var(--tw-spacing) * 2);
    font-family: var(--tw-font-grotesk);
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-font-weight: var(--tw-font-weight-bold);
    font-weight: var(--tw-font-weight-bold);
    color: var(--tw-color-neutral-950);
  }
  .inbox-setup__connect-btn:hover {
    border-color: var(--tw-color-neutral-400);
    background-color: var(--tw-color-neutral-50);
    -webkit-text-decoration-line: none;
            text-decoration-line: none;
  }
  .inbox-setup__connect-content {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--tw-spacing) * 2);
  }
  .inbox-setup__connect-icon {
    width: calc(var(--tw-spacing) * 5);
    height: calc(var(--tw-spacing) * 5);
    flex-shrink: 0;
  }
  .inbox-setup__hint {
    margin-top: calc(var(--tw-spacing) * 8);
    margin-bottom: var(--moments-core-spacing-0);
    font-family: var(--tw-font-grotesk);
    font-size: 1rem;
    line-height: 1.5rem;
    color: var(--tw-color-neutral-600);
  }
  .inbox-setup__hint strong {
    --tw-font-weight: var(--tw-font-weight-semibold);
    font-weight: var(--tw-font-weight-semibold);
  }
  .inbox-setup__features {
    margin-top: calc(var(--tw-spacing) * 3);
    display: flex;
    list-style-type: none;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    -moz-column-gap: calc(var(--tw-spacing) * 6);
         column-gap: calc(var(--tw-spacing) * 6);
    row-gap: var(--tw-spacing);
    padding: var(--moments-core-spacing-0);
    font-family: var(--tw-font-grotesk);
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: var(--tw-color-neutral-600);
  }
  .inbox-setup__features li + li {
    position: relative;
  }
  .inbox-setup__features li + li::before {
    content: "·";
    position: absolute;
    left: calc(var(--tw-spacing) * -3.5);
  }
  .inbox-setup__resolve-info {
    margin-top: calc(var(--tw-spacing) * 12);
    height: calc(var(--tw-spacing) * 24);
    width: 100%;
    max-width: var(--tw-container-md);
  }
  .inbox-setup__resolve-info details {
    border-radius: var(--moments-semantic-border-radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--tw-color-neutral-200);
    text-align: left;
    interpolate-size: allow-keywords;
  }
  .inbox-setup__resolve-info details::details-content {
    block-size: 0;
    overflow-y: clip;
    transition: block-size 0.3s ease, content-visibility 0.3s allow-discrete;
  }
  .inbox-setup__resolve-info details[open]::details-content {
    block-size: auto;
  }
  .inbox-setup__resolve-info details[open] svg {
    rotate: 90deg;
  }
  .inbox-setup__resolve-info details svg {
    flex-shrink: 0;
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
  }
  .inbox-setup__resolve-info summary {
    display: flex;
    cursor: pointer;
    list-style-type: none;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--tw-spacing) * 2);
    padding: calc(var(--tw-spacing) * 3);
    font-family: var(--tw-font-grotesk);
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: var(--tw-color-neutral-800);
  }
  .inbox-setup__resolve-info summary::-webkit-details-marker {
    display: none;
  }
  .inbox-setup__resolve-info p {
    margin-bottom: var(--moments-core-spacing-0);
    padding: calc(var(--tw-spacing) * 3);
    padding-top: var(--moments-core-spacing-0);
    font-family: var(--tw-font-grotesk);
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: var(--tw-color-neutral-600);
  }
}
@layer components {
  .inbox-onboarding {
    --onboarding-ease: cubic-bezier(0.22, 1, 0.36, 1);
    --onboarding-settle: 0.2s;
    --onboarding-reveal: 0.28s;
    --onboarding-step: 5s;
    --onboarding-ring-radius: 9px;
    --onboarding-ring-radius-done: 10px;
    display: flex;
    min-height: 100%;
    flex-wrap: wrap;
  }
  .inbox-onboarding--replay {
    --onboarding-step: 15s;
  }
  .inbox-onboarding--complete .inbox-onboarding__aside {
    display: none;
  }
  .inbox-onboarding--complete .inbox-onboarding__eyebrow {
    display: none;
  }
  .inbox-onboarding--complete .inbox-onboarding__content {
    flex-basis: 100%;
    align-items: center;
    justify-content: flex-start;
    padding-top: calc(var(--tw-spacing) * 16);
    container-type: inline-size;
  }
  .inbox-onboarding--complete .inbox-onboarding__progress {
    max-width: var(--tw-container-3xl);
  }
  .inbox-onboarding__aside {
    display: none;
    flex: 1;
    flex-basis: calc(1 / 2 * 100%);
    place-items: center;
    background-color: var(--tw-color-playa-75);
    padding: calc(var(--tw-spacing) * 12);
  }
  @media (width >= 48rem) {
    .inbox-onboarding__aside {
      display: grid;
    }
  }
  .inbox-onboarding__illustration {
    min-height: var(--moments-core-spacing-100);
    width: 100%;
    max-width: var(--tw-container-lg);
  }
  .inbox-onboarding__content {
    display: flex;
    flex: 1;
    flex-basis: calc(1 / 2 * 100%);
    flex-direction: column;
    justify-content: center;
    gap: var(--moments-core-spacing-0);
    padding: calc(var(--tw-spacing) * 12);
  }
  .inbox-onboarding__eyebrow,
    .inbox-onboarding__progress,
    .inbox-onboarding__held {
    margin-inline: auto;
    width: 100%;
    max-width: var(--tw-container-lg);
  }
  .inbox-onboarding__held-description {
    margin-bottom: calc(var(--tw-spacing) * 6);
  }
  .inbox-onboarding__eyebrow {
    margin-bottom: var(--moments-core-spacing-0);
  }
  .inbox-onboarding__title {
    margin-top: calc(var(--tw-spacing) * 3);
    margin-bottom: calc(var(--tw-spacing) * 6);
  }
  .inbox-onboarding__steps {
    margin: var(--moments-core-spacing-0);
    display: flex;
    list-style-type: none;
    flex-direction: column;
    gap: calc(var(--tw-spacing) * 4);
    padding: var(--moments-core-spacing-0);
  }
  .inbox-onboarding__step {
    display: flex;
    align-items: center;
    gap: calc(var(--tw-spacing) * 3);
    text-align: left;
  }
  .inbox-onboarding__icon {
    display: grid;
    width: calc(var(--tw-spacing) * 5);
    height: calc(var(--tw-spacing) * 5);
    flex-shrink: 0;
    place-items: center;
  }
  .inbox-onboarding__pending-icon {
    width: calc(var(--tw-spacing) * 5);
    height: calc(var(--tw-spacing) * 5);
    color: var(--tw-color-neutral-600);
  }
  .inbox-onboarding__ring {
    display: grid;
    width: calc(var(--tw-spacing) * 5);
    height: calc(var(--tw-spacing) * 5);
    place-items: center;
    --tw-leading: 1;
    line-height: 1;
  }
  .inbox-onboarding__ring-svg {
    display: block;
    width: calc(var(--tw-spacing) * 5);
    height: calc(var(--tw-spacing) * 5);
    transform-origin: center;
    overflow: visible;
    -webkit-animation: inbox-onboarding-ring-enter var(--onboarding-settle) var(--onboarding-ease);
            animation: inbox-onboarding-ring-enter var(--onboarding-settle) var(--onboarding-ease);
  }
  .inbox-onboarding__ring-track {
    fill: none;
    stroke: var(--tw-color-neutral-200);
    r: var(--onboarding-ring-radius);
    transition: opacity var(--onboarding-settle) var(--onboarding-ease);
  }
  .inbox-onboarding__ring-fill {
    fill: var(--tw-color-sea-500);
    stroke: var(--tw-color-sea-500);
    r: var(--onboarding-ring-radius);
    transition: stroke-dashoffset var(--onboarding-step) linear,
        stroke-width var(--onboarding-settle) var(--onboarding-ease),
        fill-opacity var(--onboarding-settle) var(--onboarding-ease),
        r var(--onboarding-settle) var(--onboarding-ease);
  }
  .inbox-onboarding__ring-fill--crawl {
    transition-duration: 900s, var(--onboarding-settle), var(--onboarding-settle),
          var(--onboarding-settle);
  }
  .inbox-onboarding__check {
    opacity: 0;
    filter: blur(3px);
    transform: scale(0.55);
    transform-box: fill-box;
    transform-origin: center;
    transition: opacity var(--onboarding-reveal) var(--onboarding-ease),
        transform var(--onboarding-reveal) var(--onboarding-ease),
        filter var(--onboarding-reveal) var(--onboarding-ease);
  }
  .inbox-onboarding__check--visible {
    opacity: 1;
    filter: blur(0);
    transform: scale(1);
  }
  .inbox-onboarding__label {
    margin: var(--moments-core-spacing-0);
    display: block;
  }
  .inbox-onboarding__footer {
    margin-top: calc(var(--tw-spacing) * 8);
    display: flex;
    min-height: calc(var(--tw-spacing) * 10);
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: calc(var(--tw-spacing) * 1.5);
  }
  .inbox-onboarding__footer--complete {
    align-items: center;
  }
  .inbox-onboarding__ready {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--tw-spacing) * 6);
  }
  .inbox-onboarding__ready-badge {
    width: calc(var(--tw-spacing) * 16);
    height: calc(var(--tw-spacing) * 16);
    border-radius: calc(infinity * 1px);
  }
  .inbox-onboarding__ready-heading {
    margin: var(--moments-core-spacing-0);
    text-align: center;
  }
  .inbox-onboarding__context {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: calc(var(--tw-spacing) * 2);
  }
  .inbox-onboarding__context-heading {
    margin: var(--moments-core-spacing-0);
  }
  .inbox-onboarding__context-grid {
    margin: var(--moments-core-spacing-0);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(var(--tw-spacing) * 4);
    border-radius: var(--moments-semantic-border-radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--tw-color-neutral-200);
    background-color: var(--tw-color-white);
    padding: calc(var(--tw-spacing) * 6);
  }
  @media (width >= 40rem) {
    .inbox-onboarding__context-grid {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .inbox-onboarding__playbooks {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: calc(var(--tw-spacing) * 2);
  }
  .inbox-onboarding__playbooks-heading {
    margin: var(--moments-core-spacing-0);
  }
  .inbox-onboarding__playbook-list {
    display: flex;
    list-style-type: none;
    gap: calc(var(--tw-spacing) * 3);
    margin: -0.375rem calc(50% - 50cqw - 3rem) -0.375rem -2px;
    padding: 0.375rem 2px;
  }
  .inbox-onboarding__playbook-list:focus-visible {
    border-radius: var(--moments-semantic-border-radius-xl);
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: var(--tw-color-sea-600);
  }
  .inbox-onboarding__playbook {
    display: flex;
    width: 13.375rem;
    flex-shrink: 0;
    flex-direction: column;
    gap: calc(var(--tw-spacing) * 4);
    padding: calc(var(--tw-spacing) * 6);
    border-radius: var(--moments-semantic-border-radius-xl);
    background-color: var(--tw-color-white);
    -webkit-text-decoration-line: none;
            text-decoration-line: none;
  }
  @media (hover: hover) {
    .inbox-onboarding__playbook:hover {
      background-color: var(--tw-color-eclipse-alpha-04);
    }
  }
  .inbox-onboarding__playbook:active {
    background-color: var(--tw-color-eclipse-alpha-08);
  }
  .inbox-onboarding__playbook {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.08),
        0 1px 4px rgba(0, 0, 0, 0.08);
  }
  .inbox-onboarding__playbook:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: var(--tw-color-sea-600);
  }
  .inbox-onboarding__playbook-name {
    margin: var(--moments-core-spacing-0);
  }
  .inbox-onboarding__playbook-facts {
    display: flex;
    flex-direction: column;
    gap: calc(var(--tw-spacing) * 2);
  }
  .inbox-onboarding__playbook-fact {
    margin: var(--moments-core-spacing-0);
    display: flex;
    align-items: center;
    gap: calc(var(--tw-spacing) * 2);
  }
  .inbox-onboarding__playbook-icon {
    width: calc(var(--tw-spacing) * 4);
    height: calc(var(--tw-spacing) * 4);
    flex-shrink: 0;
  }
  .inbox-onboarding__context-tile {
    text-align: center;
  }
  .inbox-onboarding__context-tile dd {
    margin: var(--moments-core-spacing-0);
    margin-top: calc(var(--tw-spacing) * 2);
  }
  .inbox-onboarding__cta {
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    padding: var(--moments-core-spacing-0);
    font-family: var(--tw-font-grotesk);
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: var(--tw-color-sea-600);
  }
  .inbox-onboarding__cta[hidden] {
    display: none;
  }
  .inbox-onboarding__cta:hover {
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
  }
  .inbox-onboarding__hint[hidden] {
    display: none;
  }
  .inbox-onboarding__step--done .inbox-onboarding__ring-track {
    opacity: 0;
  }
  .inbox-onboarding__step--done .inbox-onboarding__ring-fill {
    r: var(--onboarding-ring-radius-done);
    fill-opacity: 1;
    stroke-dashoffset: 0;
    stroke-width: 0;
  }
  .inbox-onboarding__step--done .inbox-onboarding__check {
    opacity: 1;
    filter: blur(0);
    transform: scale(1);
  }
  .inbox-onboarding__step--active .inbox-onboarding__label {
    color: var(--tw-color-neutral-600);
    background-image: linear-gradient(
      90deg,
      currentColor 0%,
      currentColor 28%,
      currentColor 50%,
      currentColor 72%,
      currentColor 100%
    );
  }
  @supports (color: color-mix(in lab, red, red)) {
    .inbox-onboarding__step--active .inbox-onboarding__label {
      background-image: linear-gradient(
      90deg,
      currentColor 0%,
      currentColor 28%,
      color-mix(in srgb, currentColor 78%, #ffffff) 50%,
      currentColor 72%,
      currentColor 100%
    );
    }
  }
  .inbox-onboarding__step--active .inbox-onboarding__label {
    background-size: 320% 100%;
    background-position: 100% 0;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: inbox-onboarding-shimmer 2.8s linear infinite;
            animation: inbox-onboarding-shimmer 2.8s linear infinite;
  }
  @-webkit-keyframes inbox-onboarding-shimmer {
    from {
      background-position: 100% 0;
    }
    to {
      background-position: -100% 0;
    }
  }
  @keyframes inbox-onboarding-shimmer {
    from {
      background-position: 100% 0;
    }
    to {
      background-position: -100% 0;
    }
  }
  @-webkit-keyframes inbox-onboarding-ring-enter {
    from {
      opacity: 0;
      transform: scale(0.8);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }
  @keyframes inbox-onboarding-ring-enter {
    from {
      opacity: 0;
      transform: scale(0.8);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .inbox-onboarding__check,
    .inbox-onboarding__ring-fill,
    .inbox-onboarding__ring-track {
      transition: none;
      filter: none;
      transform: none;
    }
    .inbox-onboarding__ring-svg {
      -webkit-animation: none;
              animation: none;
    }
    .inbox-onboarding__step--active .inbox-onboarding__label {
      background: none;
      -webkit-text-fill-color: unset;
      -webkit-animation: none;
              animation: none;
    }
  }
}
@layer components {
  .wysiwyg-attachment-chip {
    display: inline-flex;
    max-width: calc(var(--tw-spacing) * 64);
    align-items: center;
    gap: calc(var(--tw-spacing) * 2);
    border-radius: var(--moments-semantic-border-radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--tw-color-neutral-200);
    background-color: var(--tw-color-white);
    padding-inline: calc(var(--tw-spacing) * 2);
    padding-block: var(--tw-spacing);
  }
  .wysiwyg-attachment-chip--uploading {
    opacity: 60%;
  }
  .wysiwyg-attachment-chip__name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: var(--tw-font-grotesk);
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--tw-color-neutral-950);
  }
  .wysiwyg-attachment-chip__size {
    flex-shrink: 0;
    font-family: var(--tw-font-grotesk);
    font-size: 0.6875rem;
    line-height: 1rem;
    color: var(--tw-color-neutral-600);
  }
  .wysiwyg-attachment-chip__remove {
    display: flex;
    flex-shrink: 0;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: 0.25rem;
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    padding: var(--moments-core-spacing-0);
    color: var(--tw-color-neutral-600);
  }
  @media (hover: hover) {
    .wysiwyg-attachment-chip__remove:hover {
      color: var(--tw-color-neutral-950);
    }
  }
  .wysiwyg-attachment-chip__remove svg {
    width: calc(var(--tw-spacing) * 4);
    height: calc(var(--tw-spacing) * 4);
  }
}
@layer components {
  .agent-message__feedback {
    opacity: 0%;
  }
  .agent-message__disclaimer {
    margin: var(--moments-core-spacing-0);
    display: none;
    font-family: var(--tw-font-grotesk);
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--tw-color-neutral-600);
  }
  .agent-message:hover .agent-message__feedback,
  .agent-message:not(:has(~ .agent-message)) .agent-message__feedback {
    opacity: 100%;
  }
  .agent-message:not(:has(~ .agent-message)) .agent-message__disclaimer {
    display: block;
  }
}
@property --agent-suggested-actions-fade-top {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --agent-suggested-actions-fade-bottom {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@layer components {
  .agent-suggestion-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--tw-spacing) * 2);
    border-radius: var(--moments-semantic-border-radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--tw-color-neutral-300);
    background-color: transparent;
    padding-inline: calc(var(--tw-spacing) * 4);
    padding-block: calc(var(--tw-spacing) * 2);
  }
  .agent-suggestion-card__copy {
    display: flex;
    min-width: var(--moments-core-spacing-0);
    flex-direction: column;
    gap: calc(var(--tw-spacing) * 0.5);
  }
  .agent-suggestion-card__eyebrow {
    margin: var(--moments-core-spacing-0);
    font-family: var(--tw-font-grotesk);
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--tw-color-neutral-600);
  }
  .agent-suggestion-card__title {
    margin: var(--moments-core-spacing-0);
    font-family: var(--tw-font-grotesk);
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: var(--tw-color-neutral-800);
  }
  .agent-suggestion-card__failure {
    margin: var(--moments-core-spacing-0);
    font-family: var(--tw-font-grotesk);
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--tw-color-lava-700);
  }
  .agent-suggested-actions {
    --agent-suggested-actions-ease: var(--tw-ease-out-cubic);
    --agent-suggested-actions-duration: 350ms;
    display: grid;
    width: 100%;
    max-width: 32rem;
    align-content: flex-end;
    overflow: hidden;
    border-radius: var(--moments-semantic-border-radius-3xl);
    background-color: var(--tw-color-white);
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1),
      0 4px 6px -2px rgb(0 0 0 / 0.05),
      0 0 0 1px rgb(0 0 0 / 0.08);
  }
  .agent-suggested-actions__summary,
    .agent-suggested-actions__body {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-self: flex-end;
    grid-area: 1 / 1;
  }
  .agent-suggested-actions__body,
    .agent-suggested-actions--review .agent-suggested-actions__summary {
    height: var(--moments-core-spacing-0);
  }
  .agent-suggested-actions--review .agent-suggested-actions__body {
    height: auto;
  }
  .agent-suggested-actions {
    --agent-suggested-actions-show: opacity 200ms var(--tw-ease-out-cubic) 280ms,
      visibility 0s;
    --agent-suggested-actions-hide: opacity 100ms var(--tw-ease-out-cubic),
      visibility 0s linear var(--agent-suggested-actions-duration);
  }
  .agent-suggested-actions__summary-clip {
    display: flex;
    cursor: pointer;
    align-items: center;
    gap: calc(var(--tw-spacing) * 1.5);
    padding: calc(var(--tw-spacing) * 4);
    transition: var(--agent-suggested-actions-show);
  }
  .agent-suggested-actions__body-clip {
    visibility: hidden;
    display: flex;
    flex-direction: column;
    gap: calc(var(--tw-spacing) * 2);
    padding: calc(var(--tw-spacing) * 4);
    opacity: 0%;
    transition: var(--agent-suggested-actions-hide);
  }
  .agent-suggested-actions--review .agent-suggested-actions__summary-clip {
    visibility: hidden;
    cursor: auto;
    opacity: 0%;
    transition: var(--agent-suggested-actions-hide);
  }
  .agent-suggested-actions--review .agent-suggested-actions__body-clip {
    visibility: visible;
    opacity: 100%;
    transition: var(--agent-suggested-actions-show);
  }
  .agent-suggested-actions__failed-icon {
    display: inline-flex;
    width: calc(var(--tw-spacing) * 9);
    height: calc(var(--tw-spacing) * 9);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
  }
  .agent-suggested-actions__failed-badge {
    display: inline-flex;
    width: calc(var(--tw-spacing) * 7);
    height: calc(var(--tw-spacing) * 7);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background-color: var(--tw-color-lava-100);
    color: var(--tw-color-lava-700);
  }
  .agent-suggested-actions__summary-copy {
    display: flex;
    min-width: var(--moments-core-spacing-0);
    flex: 1;
    flex-direction: column;
  }
  .agent-suggested-actions__justification {
    margin: var(--moments-core-spacing-0);
    min-width: var(--moments-core-spacing-0);
    flex: 1;
    padding-top: calc(var(--tw-spacing) * 2);
    font-family: var(--tw-font-grotesk);
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-font-weight: var(--tw-font-weight-semibold);
    font-weight: var(--tw-font-weight-semibold);
    color: var(--tw-color-neutral-800);
  }
  .agent-suggested-actions__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--tw-spacing) * 2);
  }
  .agent-suggested-actions__head > .agent-suggested-actions__label {
    padding-top: calc(var(--tw-spacing) * 2);
  }
  .agent-suggested-actions--failed .agent-suggested-actions__head {
    align-items: center;
  }
  .agent-suggested-actions__steps {
    --agent-suggested-actions-fade-size: 1.5rem;
    max-height: 50vh;
    overflow-y: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
  }
  @supports (animation-timeline: scroll()) {
    .agent-suggested-actions__steps {
      -webkit-mask-image: linear-gradient(
          to bottom,
          transparent,
          #000 var(--agent-suggested-actions-fade-top),
          #000 calc(100% - var(--agent-suggested-actions-fade-bottom)),
          transparent
        );
              mask-image: linear-gradient(
          to bottom,
          transparent,
          #000 var(--agent-suggested-actions-fade-top),
          #000 calc(100% - var(--agent-suggested-actions-fade-bottom)),
          transparent
        );
      -webkit-animation: agent-suggested-actions-fade-top linear both,
          agent-suggested-actions-fade-bottom linear both;
              animation: agent-suggested-actions-fade-top linear both,
          agent-suggested-actions-fade-bottom linear both;
      animation-timeline: scroll(self), scroll(self);
      animation-range: 0 var(--agent-suggested-actions-fade-size),
          calc(100% - var(--agent-suggested-actions-fade-size)) 100%;
    }
  }
  .agent-suggested-actions__label {
    margin: var(--moments-core-spacing-0);
    font-family: var(--tw-font-grotesk);
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--tw-color-neutral-600);
  }
  .agent-suggested-actions__list {
    margin: var(--moments-core-spacing-0);
    display: flex;
    list-style-type: none;
    flex-direction: column;
    gap: calc(var(--tw-spacing) * 3);
    padding: var(--moments-core-spacing-0);
  }
  .agent-suggested-actions__row {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--tw-spacing) * 3);
  }
  .agent-suggested-actions__row--cancelled {
    opacity: 50%;
  }
  .agent-suggested-actions--just-failed .agent-suggested-actions__row--failed {
    -webkit-animation: agent-suggested-actions-shake 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97);
            animation: agent-suggested-actions-shake 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97);
  }
  .agent-suggested-actions__object {
    display: inline-flex;
    width: calc(var(--tw-spacing) * 9);
    height: calc(var(--tw-spacing) * 9);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: var(--moments-semantic-border-radius-md);
    background-color: var(--tw-color-neutral-100);
    color: var(--tw-color-neutral-800);
    position: relative;
  }
  .agent-suggested-actions__badge {
    position: absolute;
    display: flex;
    width: 13px;
    height: 13px;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background-color: var(--tw-color-neutral-100);
    right: 4.5px;
    bottom: 4.5px;
  }
  .agent-suggested-actions__copy {
    display: flex;
    min-width: var(--moments-core-spacing-0);
    flex: 1;
    flex-direction: column;
    overflow-wrap: break-word;
  }
  .agent-suggested-actions__kind {
    margin: var(--moments-core-spacing-0);
    font-family: var(--tw-font-grotesk);
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--tw-color-neutral-600);
  }
  .agent-suggested-actions__title {
    margin: var(--moments-core-spacing-0);
    font-family: var(--tw-font-grotesk);
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: var(--tw-color-neutral-800);
  }
  .agent-suggested-actions__details {
    margin-top: var(--tw-spacing);
    margin-bottom: var(--moments-core-spacing-0);
    display: flex;
    list-style-type: disc;
    flex-direction: column;
    gap: calc(var(--tw-spacing) * 0.5);
    padding-left: calc(var(--tw-spacing) * 5);
    font-family: var(--tw-font-grotesk);
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--tw-color-neutral-600);
  }
  .agent-suggested-actions__failure {
    margin: var(--moments-core-spacing-0);
    font-family: var(--tw-font-grotesk);
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: var(--tw-color-lava-700);
  }
  .agent-suggested-actions__message {
    display: flex;
    flex-direction: column;
    gap: calc(var(--tw-spacing) * 4);
    font-family: var(--tw-font-grotesk);
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: var(--tw-color-neutral-800);
  }
  .agent-suggested-actions__message div {
    margin: var(--moments-core-spacing-0);
  }
  .agent-suggested-actions__status {
    display: inline-flex;
    width: calc(var(--tw-spacing) * 9);
    height: calc(var(--tw-spacing) * 9);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
  }
  .agent-suggested-actions__button {
    display: inline-flex;
    min-height: calc(var(--tw-spacing) * 9);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 0px;
    padding-inline: calc(var(--tw-spacing) * 3);
    padding-block: calc(var(--tw-spacing) * 2);
    font-family: var(--tw-font-grotesk);
    font-size: 0.875rem;
    line-height: 1rem;
    white-space: nowrap;
    transition: background-color 150ms ease;
  }
  .agent-suggested-actions__button--primary {
    background-color: var(--tw-color-sea-500);
    color: var(--tw-color-white);
  }
  .agent-suggested-actions__button--primary:hover {
    background-color: var(--tw-color-sea-600);
  }
  .agent-suggested-actions__button--secondary {
    background-color: var(--tw-color-neutral-100);
    color: var(--tw-color-neutral-800);
  }
  .agent-suggested-actions__button--secondary:hover {
    background-color: var(--tw-color-eclipse-alpha-04);
  }
  .agent-suggested-actions__icon-button {
    display: inline-flex;
    width: calc(var(--tw-spacing) * 9);
    height: calc(var(--tw-spacing) * 9);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    padding: var(--moments-core-spacing-0);
    color: var(--tw-color-neutral-800);
    transition: background-color 150ms ease;
  }
  .agent-suggested-actions__icon-button:hover {
    background-color: var(--tw-color-eclipse-alpha-04);
  }
  .agent-suggested-actions__footer {
    margin-top: calc(var(--tw-spacing) * 1.5);
    display: flex;
    justify-content: flex-end;
    gap: calc(var(--tw-spacing) * 2);
  }
  @-webkit-keyframes agent-suggested-actions-fade-top {
    from {
      --agent-suggested-actions-fade-top: 0px;
    }
    to {
      --agent-suggested-actions-fade-top: var(--agent-suggested-actions-fade-size);
    }
  }
  @keyframes agent-suggested-actions-fade-top {
    from {
      --agent-suggested-actions-fade-top: 0px;
    }
    to {
      --agent-suggested-actions-fade-top: var(--agent-suggested-actions-fade-size);
    }
  }
  @-webkit-keyframes agent-suggested-actions-fade-bottom {
    from {
      --agent-suggested-actions-fade-bottom: var(--agent-suggested-actions-fade-size);
    }
    to {
      --agent-suggested-actions-fade-bottom: 0px;
    }
  }
  @keyframes agent-suggested-actions-fade-bottom {
    from {
      --agent-suggested-actions-fade-bottom: var(--agent-suggested-actions-fade-size);
    }
    to {
      --agent-suggested-actions-fade-bottom: 0px;
    }
  }
  @-webkit-keyframes agent-suggested-actions-shake {
    0%, 100% {
      transform: translateX(0);
    }
    20% {
      transform: translateX(-6px);
    }
    40% {
      transform: translateX(5px);
    }
    60% {
      transform: translateX(-3px);
    }
    80% {
      transform: translateX(2px);
    }
  }
  @keyframes agent-suggested-actions-shake {
    0%, 100% {
      transform: translateX(0);
    }
    20% {
      transform: translateX(-6px);
    }
    40% {
      transform: translateX(5px);
    }
    60% {
      transform: translateX(-3px);
    }
    80% {
      transform: translateX(2px);
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .agent-suggested-actions__row--failed {
      -webkit-animation: none;
              animation: none;
    }
    .agent-suggested-actions__summary-clip,
    .agent-suggested-actions__body-clip {
      transition: none;
    }
  }
}
@layer components {
  .playbook-steps {
    margin: var(--moments-core-spacing-0);
    list-style-type: none;
    padding: var(--moments-core-spacing-0);
  }
  .playbook-step {
    display: flex;
    gap: calc(var(--tw-spacing) * 4);
  }
  .playbook-step__rail {
    display: flex;
    width: calc(var(--tw-spacing) * 8);
    flex-shrink: 0;
    flex-direction: column;
    align-items: center;
  }
  .playbook-step__chip {
    margin-block: var(--tw-spacing);
    display: flex;
    width: calc(var(--tw-spacing) * 8);
    height: calc(var(--tw-spacing) * 8);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: var(--moments-semantic-border-radius-lg);
  }
  .playbook-step__chip--reply,
      .playbook-step__chip--action {
    background-color: var(--tw-color-sea-100);
    color: var(--tw-color-sea-600);
  }
  .playbook-step__chip--wait {
    background-color: var(--tw-color-neutral-100);
    color: var(--tw-color-neutral-600);
  }
  .playbook-step__chip--branch {
    background-color: var(--tw-color-playa-100);
    color: var(--tw-color-playa-900);
  }
  .playbook-step__track {
    flex: 1;
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-color: var(--tw-color-neutral-300);
  }
  .playbook-step__body {
    display: flex;
    min-width: var(--moments-core-spacing-0);
    flex: 1;
    flex-direction: column;
    padding-bottom: calc(var(--tw-spacing) * 3);
  }
  .playbook-step__body > .playbook-steps {
    margin-top: calc(var(--tw-spacing) * 2);
  }
  .playbook-step__type {
    margin-bottom: var(--moments-core-spacing-0);
    font-family: var(--tw-font-grotesk);
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--tw-color-neutral-600);
  }
  .playbook-step__content {
    margin-bottom: var(--moments-core-spacing-0);
    font-family: var(--tw-font-grotesk);
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: var(--tw-color-neutral-800);
  }
  .playbook-step:last-child > .playbook-step__rail > .playbook-step__track {
    display: none;
  }
  .playbook-step:last-child > .playbook-step__body {
    padding-bottom: var(--moments-core-spacing-0);
  }
}
@property --tw-scrollbar-thumb {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-scrollbar-track {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@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-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: 0px;
}
@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-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@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-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-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    ::-webkit-backdrop {
      --tw-scrollbar-thumb: #0000;
      --tw-scrollbar-track: #0000;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: 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-duration: initial;
      --tw-ease: initial;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --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-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-outline-style: solid;
      --agent-suggested-actions-fade-top: 0px;
      --agent-suggested-actions-fade-bottom: 0px;
    }
    *, ::before, ::after, ::backdrop {
      --tw-scrollbar-thumb: #0000;
      --tw-scrollbar-track: #0000;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: 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-duration: initial;
      --tw-ease: initial;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --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-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-outline-style: solid;
      --agent-suggested-actions-fade-top: 0px;
      --agent-suggested-actions-fade-bottom: 0px;
    }
  }
}