/* [project]/app/globals.css [app-client] (css) */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-scroll-snap-strictness: proximity;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
    }
  }
}

@layer reset {
  :where(*) {
    box-sizing: border-box;
    border: 0 solid;
  }

  :where(html) {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light dark;
    line-height: 1.5;
  }

  @media (prefers-color-scheme: dark) {
    :where(html) {
      --lightningcss-light: ;
      --lightningcss-dark: initial;
    }
  }

  :where(body) {
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0;
  }

  :where(h1, h2, h3, h4, h5, h6) {
    font-size: inherit;
    font-weight: inherit;
  }

  :where(h1, h2, h3, h4, h5, h6, p, blockquote, figure, pre, dl, dd) {
    margin: 0;
  }

  :where(a) {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  :where(b, strong) {
    font-weight: bolder;
  }

  :where(code, kbd, samp, pre) {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 1em;
  }

  :where(small) {
    font-size: 80%;
  }

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

  :where(sub) {
    bottom: -.25em;
  }

  :where(sup) {
    top: -.5em;
  }

  :where(ol, ul, menu) {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  :where(img, svg, video, canvas, audio, iframe, embed, object) {
    vertical-align: middle;
    display: block;
  }

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

  :where(button, input, optgroup, select, textarea) {
    font: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
  }

  :where(button, [type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
    background-color: #0000;
    background-image: none;
  }

  :where(button, [role="button"]) {
    cursor: pointer;
  }

  :where(:disabled) {
    cursor: default;
  }

  :where(textarea) {
    resize: vertical;
  }

  :where() {
    opacity: 1;
    color: var(--color-text-secondary, #9ca3af);
    -webkit-appearance: none;
  }

  :where(fieldset) {
    margin: 0;
    padding: 0;
  }

  :where(legend) {
    padding: 0;
  }

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

  :where(hr) {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  :where(summary) {
    display: list-item;
  }

  :where(dialog) {
    outline: none;
    padding: 0;
  }

  :where([hidden]) {
    display: none;
  }

  :where(html) {
    -webkit-tap-highlight-color: transparent;
  }

  @media (hover: none) and (pointer: coarse) {
    :where(:focus-visible) {
      outline: none;
    }
  }

  :where(html[data-theme="light"]) {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
  }

  :where(html[data-theme="dark"]) {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
  }

  :where(html:not([data-theme])) {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light dark;
  }

  @media (prefers-color-scheme: dark) {
    :where(html:not([data-theme])) {
      --lightningcss-light: ;
      --lightningcss-dark: initial;
    }
  }

  :where([data-astryx-media="dark"]) {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
  }

  :where([data-astryx-media="light"]) {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
  }

  @scope ([data-astryx-theme="neutral"]) to ([data-astryx-theme]) {
    :where(h1, h2, h3, h4, h5, h6) {
      font-family: var(--font-family-heading);
      color: var(--color-text-primary);
    }

    :where(h1) {
      font-size: var(--font-size-2xl);
      font-weight: var(--font-weight-semibold);
      line-height: 1.3333;
    }

    :where(h2) {
      font-size: var(--font-size-xl);
      font-weight: var(--font-weight-semibold);
      line-height: 1.4;
    }

    :where(h3) {
      font-size: var(--font-size-lg);
      font-weight: var(--font-weight-bold);
      line-height: 1.4118;
    }

    :where(h4) {
      font-size: var(--font-size-base);
      font-weight: var(--font-weight-bold);
      line-height: 1.4286;
    }

    :where(h5) {
      font-size: var(--font-size-sm);
      font-weight: var(--font-weight-semibold);
      line-height: 1.6667;
    }

    :where(h6) {
      font-size: var(--font-size-xs);
      font-weight: var(--font-weight-semibold);
      line-height: 1.6;
    }

    :where(p) {
      font-family: var(--font-family-body);
      font-size: var(--font-size-base);
      font-weight: var(--font-weight-normal);
      color: var(--color-text-primary);
      line-height: 1.4286;
    }

    :where(small) {
      font-size: var(--font-size-sm);
      font-weight: var(--font-weight-normal);
      color: var(--color-text-secondary);
      line-height: 1.6667;
    }

    :where(code, pre) {
      font-family: var(--font-family-code);
      font-size: var(--font-size-base);
      line-height: 1.4286;
    }

    :where(hr) {
      border: none;
      border-top: 1px solid var(--color-border);
    }
  }
}

@layer theme {
  :root, :host {
    --color-red-100: #ffe2e2;
    --color-red-300: #ffa3a3;
    --color-red-400: #ff6568;
    --color-red-500: #fb2c36;
    --color-red-600: #e40014;
    --color-red-950: #460809;
    --color-amber-200: #fee685;
    --color-amber-500: #f99c00;
    --color-amber-700: #b75000;
    --color-emerald-400: #00d294;
    --color-emerald-500: #00bb7f;
    --color-emerald-600: #009767;
    --color-teal-500: #00baa7;
    --color-black: #000;
    --color-white: #fff;
    --container-xs: 20rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm--line-height: calc(1.25 / .875);
    --text-base--line-height: calc(1.5 / 1);
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl--line-height: calc(2.5 / 2.25);
    --font-weight-normal: var(--font-weight-normal);
    --font-weight-medium: var(--font-weight-medium);
    --font-weight-semibold: var(--font-weight-semibold);
    --font-weight-bold: var(--font-weight-bold);
    --tracking-tight: -.025em;
    --tracking-wide: .025em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --drop-shadow-sm: 0 1px 2px #00000026;
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --blur-sm: 8px;
    --blur-md: 12px;
    --blur-xl: 24px;
    --blur-3xl: 64px;
    --aspect-video: 16 / 9;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-family-body);
    --default-mono-font-family: var(--font-family-code);
    --color-accent: var(--color-text-accent);
    --color-surface: var(--color-background-surface);
    --color-overlay: var(--color-overlay);
    --color-accent-muted: var(--color-accent-muted);
    --color-on-accent: var(--color-on-accent);
    --color-neutral: var(--color-neutral);
    --color-overlay-hover: var(--color-overlay-hover);
    --color-overlay-pressed: var(--color-overlay-pressed);
    --color-tint-hover: var(--color-tint-hover);
    --color-success: var(--color-success);
    --color-success-muted: var(--color-success-muted);
    --color-on-success: var(--color-on-success);
    --color-error: var(--color-error);
    --color-error-muted: var(--color-error-muted);
    --color-on-error: var(--color-on-error);
    --color-warning: var(--color-warning);
    --color-warning-muted: var(--color-warning-muted);
    --color-on-warning: var(--color-on-warning);
    --color-border: var(--color-border);
    --color-on-dark: var(--color-on-dark);
    --color-on-light: var(--color-on-light);
    --color-skeleton: var(--color-skeleton);
    --color-track: var(--color-track);
    --color-shadow: var(--color-shadow);
    --radius-none: var(--radius-none);
    --radius-full: var(--radius-full);
  }

  @supports (color: lab(0% 0 0)) {
    :root, :host {
      --color-red-100: lab(92.243% 10.2865 3.83865);
      --color-red-300: lab(76.5514% 36.422 15.5335);
      --color-red-400: lab(63.7053% 60.745 31.3109);
      --color-red-500: lab(55.4814% 75.0732 48.8528);
      --color-red-600: lab(48.4493% 77.4328 61.5452);
      --color-red-950: lab(13.003% 29.04 16.7519);
      --color-amber-200: lab(91.7203% -.505269 49.9084);
      --color-amber-500: lab(72.7183% 31.8672 97.9407);
      --color-amber-700: lab(47.2709% 42.9082 69.2966);
      --color-emerald-400: lab(75.0771% -60.7313 19.4147);
      --color-emerald-500: lab(66.9756% -58.27 19.5419);
      --color-emerald-600: lab(55.0481% -49.9246 15.93);
      --color-teal-500: lab(67.3859% -49.0983 -2.63511);
    }
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

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

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

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

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

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

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

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

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

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

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

@layer astryx-base {
  @property --x---_avatar-group-overlap {
    syntax: "*";
    inherits: false
  }

  @property --x---_tab-indicator-bottom {
    syntax: "*";
    inherits: false
  }

  @property --x---container-max-height {
    syntax: "*";
    inherits: false
  }

  @property --x---layout-content-width {
    syntax: "*";
    inherits: false
  }

  @property --x-126w13d {
    syntax: "*";
    inherits: false
  }

  @property --x-4drmnv {
    syntax: "*";
    inherits: false
  }

  @property --x-animationDelay {
    syntax: "*";
    inherits: false
  }

  @property --x-borderWidth {
    syntax: "*";
    inherits: false
  }

  @property --x-bottom {
    syntax: "*";
    inherits: false
  }

  @property --x-counterReset {
    syntax: "*";
    inherits: false
  }

  @property --x-fontSize {
    syntax: "*";
    inherits: false
  }

  @property --x-gap {
    syntax: "*";
    inherits: false
  }

  @property --x-gridAutoRows {
    syntax: "*";
    inherits: false
  }

  @property --x-gridTemplateColumns {
    syntax: "*";
    inherits: false
  }

  @property --x-height {
    syntax: "*";
    inherits: false
  }

  @property --x-left {
    syntax: "*";
    inherits: false
  }

  @property --x-marginInline {
    syntax: "*";
    inherits: false
  }

  @property --x-maxHeight {
    syntax: "*";
    inherits: false
  }

  @property --x-maxWidth {
    syntax: "*";
    inherits: false
  }

  @property --x-minHeight {
    syntax: "*";
    inherits: false
  }

  @property --x-minWidth {
    syntax: "*";
    inherits: false
  }

  @property --x-right {
    syntax: "*";
    inherits: false
  }

  @property --x-top {
    syntax: "*";
    inherits: false
  }

  @property --x-transform {
    syntax: "*";
    inherits: false
  }

  @property --x-WebkitLineClamp {
    syntax: "*";
    inherits: false
  }

  @property --x-width {
    syntax: "*";
    inherits: false
  }

  @keyframes x188b6p3-B {
    from {
      color: inherit;
    }

    to {
      color: #0000;
    }
  }

  @keyframes x13kz0yu-B {
    0%, 100% {
      opacity: 1;
    }

    50% {
      opacity: .5;
    }
  }

  @keyframes x18re5ia-B {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  @keyframes xgnty7z-B {
    0% {
      opacity: .25;
    }

    100% {
      opacity: 1;
    }
  }

  @keyframes xtut5q7-B {
    0% {
      opacity: 1;
    }

    50% {
      opacity: .5;
    }

    100% {
      opacity: 1;
    }
  }

  @keyframes x1k48ry3-B {
    from {
      opacity: 0;
      transform: scale(.95);
    }

    to {
      opacity: 1;
      transform: scale(1);
    }
  }

  @keyframes x11lauxq-B {
    from {
      opacity: 0;
      transform: translate(var(--dialog-dir-x, 0px),var(--dialog-dir-y, 16px)) scale(.95);
    }

    to {
      opacity: 1;
      transform: translate(0)scale(1);
    }
  }

  @keyframes xu7jd1z-B {
    from {
      opacity: 0;
      transform: translateX(var(--spacing-2)) scale(.95);
    }

    to {
      opacity: 1;
      transform: translateX(0)scale(1);
    }
  }

  @keyframes xwmkjkf-B {
    from {
      opacity: 0;
      transform: translateX(calc(-1 * var(--spacing-2))) scale(.95);
    }

    to {
      opacity: 1;
      transform: translateX(0)scale(1);
    }
  }

  @keyframes x1ahk7ht-B {
    from {
      opacity: 0;
      transform: translateY(var(--spacing-2)) scale(.95);
    }

    to {
      opacity: 1;
      transform: translateY(0)scale(1);
    }
  }

  @keyframes xv1hr86-B {
    from {
      opacity: 0;
      transform: translateY(calc(-1 * var(--spacing-2))) scale(.95);
    }

    to {
      opacity: 1;
      transform: translateY(0)scale(1);
    }
  }

  @keyframes x1b6yrix-B {
    from {
      opacity: 0;
      transform: translateY(var(--spacing-2));
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @keyframes xiylxmw-B {
    from {
      opacity: 0;
      transform: translateY(calc(-1 * var(--spacing-2)));
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @keyframes xqng64z-B {
    0% {
      transform: rotate(0);
    }

    100% {
      transform: rotate(360deg);
    }
  }

  @keyframes xr3m334-B {
    0% {
      transform: translateX(-100%);
    }

    100% {
      transform: translateX(250%);
    }
  }

  :root, .xafi2nm {
    --border-width: 1px;
  }

  :root, .xj0fimd {
    --color-accent: var(--lightningcss-light, #0064e0) var(--lightningcss-dark, #2694fe);
    --color-accent-muted: var(--lightningcss-light, #0082fb33) var(--lightningcss-dark, #0082fb3f);
    --color-on-accent: var(--lightningcss-light, #fff) var(--lightningcss-dark, #fff);
    --color-neutral: var(--lightningcss-light, #0536591a) var(--lightningcss-dark, #dfe2e533);
    --color-background-surface: var(--lightningcss-light, #fff) var(--lightningcss-dark, #1f1f22);
    --color-background-body: var(--lightningcss-light, #f1f4f7) var(--lightningcss-dark, #111112);
    --color-overlay: var(--lightningcss-light, #01122866) var(--lightningcss-dark, #11111299);
    --color-overlay-hover: var(--lightningcss-light, #0536590c) var(--lightningcss-dark, #ffffff0c);
    --color-overlay-pressed: var(--lightningcss-light, #05365919) var(--lightningcss-dark, #ffffff19);
    --color-background-muted: var(--lightningcss-light, #0536590c) var(--lightningcss-dark, #1111127f);
    --color-text-primary: var(--lightningcss-light, #0a1317) var(--lightningcss-dark, #dfe2e5);
    --color-text-secondary: var(--lightningcss-light, #4e606f) var(--lightningcss-dark, #aaafb5);
    --color-text-disabled: var(--lightningcss-light, #a4b0bc) var(--lightningcss-dark, #6f747c);
    --color-text-accent: var(--lightningcss-light, #0064e0) var(--lightningcss-dark, #3e9efb);
    --color-on-dark: var(--lightningcss-light, #fff) var(--lightningcss-dark, #fff);
    --color-on-light: var(--lightningcss-light, #000) var(--lightningcss-dark, #000);
    --color-icon-accent: var(--lightningcss-light, #0064e0) var(--lightningcss-dark, #2694fe);
    --color-icon-primary: var(--lightningcss-light, #0a1317) var(--lightningcss-dark, #dfe2e5);
    --color-icon-secondary: var(--lightningcss-light, #4e606f) var(--lightningcss-dark, #aaafb5);
    --color-icon-disabled: var(--lightningcss-light, #a4b0bc) var(--lightningcss-dark, #6f747c);
    --color-background-card: var(--lightningcss-light, #fff) var(--lightningcss-dark, #1f1f22);
    --color-background-popover: var(--lightningcss-light, #fff) var(--lightningcss-dark, #28292c);
    --color-background-inverted: var(--lightningcss-light, #0a1317) var(--lightningcss-dark, #fff);
    --color-background-error-inverted: var(--lightningcss-light, #aa071e) var(--lightningcss-dark, #e3193b);
    --color-success: var(--lightningcss-light, #0d8626) var(--lightningcss-dark, #0d8626);
    --color-success-muted: var(--lightningcss-light, #0b991f33) var(--lightningcss-dark, #0b991f3f);
    --color-on-success: var(--lightningcss-light, #fff) var(--lightningcss-dark, #fff);
    --color-error: var(--lightningcss-light, #e3193b) var(--lightningcss-dark, #f5394f);
    --color-error-muted: var(--lightningcss-light, #e3193b33) var(--lightningcss-dark, #f5394f3f);
    --color-on-error: var(--lightningcss-light, #fff) var(--lightningcss-dark, #fff);
    --color-warning: var(--lightningcss-light, #e9af08) var(--lightningcss-dark, #f2c00b);
    --color-warning-muted: var(--lightningcss-light, #e2a40033) var(--lightningcss-dark, #e2a4003f);
    --color-on-warning: var(--lightningcss-light, #0a1317) var(--lightningcss-dark, #0a1317);
    --color-border: var(--lightningcss-light, #05365919) var(--lightningcss-dark, #f2f4f619);
    --color-border-emphasized: var(--lightningcss-light, #ccd3db) var(--lightningcss-dark, #494d53);
    --color-skeleton: var(--lightningcss-light, #ccd3db) var(--lightningcss-dark, #5a5e66);
    --color-track: var(--lightningcss-light, #ccd3db) var(--lightningcss-dark, #5a5e66);
    --color-shadow: var(--lightningcss-light, #0536591a) var(--lightningcss-dark, #0000004d);
    --color-tint-hover: var(--lightningcss-light, #000) var(--lightningcss-dark, #fff);
    --color-background-blue: var(--lightningcss-light, #0171e333) var(--lightningcss-dark, #0171e333);
    --color-border-blue: var(--lightningcss-light, #0064e0) var(--lightningcss-dark, #2694fe);
    --color-icon-blue: var(--lightningcss-light, #0064e0) var(--lightningcss-dark, #2694fe);
    --color-text-blue: var(--lightningcss-light, #042f97) var(--lightningcss-dark, #afd7ff);
    --color-background-cyan: var(--lightningcss-light, #03a7d733) var(--lightningcss-dark, #03a7d733);
    --color-border-cyan: var(--lightningcss-light, #089dd0) var(--lightningcss-dark, #0171a4);
    --color-icon-cyan: var(--lightningcss-light, #00acc1) var(--lightningcss-dark, #26c6da);
    --color-text-cyan: var(--lightningcss-light, #014975) var(--lightningcss-dark, #a1eef9);
    --color-background-gray: var(--lightningcss-light, #0a131733) var(--lightningcss-dark, #666a724c);
    --color-border-gray: var(--lightningcss-light, #647685) var(--lightningcss-dark, #748695);
    --color-icon-gray: var(--lightningcss-light, #4e606f) var(--lightningcss-dark, #aaafb5);
    --color-text-gray: var(--lightningcss-light, #0a1317) var(--lightningcss-dark, #e7eaed);
    --color-background-green: var(--lightningcss-light, #24bb5e33) var(--lightningcss-dark, #24bb5e33);
    --color-border-green: var(--lightningcss-light, #0d8626) var(--lightningcss-dark, #0b991f);
    --color-icon-green: var(--lightningcss-light, #0d8626) var(--lightningcss-dark, #26a756);
    --color-text-green: var(--lightningcss-light, #09441f) var(--lightningcss-dark, #a5f690);
    --color-background-orange: var(--lightningcss-light, #f2790233) var(--lightningcss-dark, #f2790233);
    --color-border-orange: var(--lightningcss-light, #eb6e00) var(--lightningcss-dark, #b34a01);
    --color-icon-orange: var(--lightningcss-light, #e9690b) var(--lightningcss-dark, #fb8c00);
    --color-text-orange: var(--lightningcss-light, #6b2203) var(--lightningcss-dark, #fdb876);
    --color-background-pink: var(--lightningcss-light, #e638b333) var(--lightningcss-dark, #e638b333);
    --color-border-pink: var(--lightningcss-light, #f351c0) var(--lightningcss-dark, #c02294);
    --color-icon-pink: var(--lightningcss-light, #c2185b) var(--lightningcss-dark, #ec407a);
    --color-text-pink: var(--lightningcss-light, #650053) var(--lightningcss-dark, #feade3);
    --color-background-purple: var(--lightningcss-light, #7952ff33) var(--lightningcss-dark, #7952ff33);
    --color-border-purple: var(--lightningcss-light, #9081ff) var(--lightningcss-dark, #7340fe);
    --color-icon-purple: var(--lightningcss-light, #5b08d8) var(--lightningcss-dark, #7952ff);
    --color-text-purple: var(--lightningcss-light, #3e0697) var(--lightningcss-dark, #b3b0fe);
    --color-background-red: var(--lightningcss-light, #e3193b33) var(--lightningcss-dark, #e3193b33);
    --color-border-red: var(--lightningcss-light, #e3193b) var(--lightningcss-dark, #f5394f);
    --color-icon-red: var(--lightningcss-light, #d31130) var(--lightningcss-dark, #e3193b);
    --color-text-red: var(--lightningcss-light, #7b0210) var(--lightningcss-dark, #ffb2b8);
    --color-background-teal: var(--lightningcss-light, #0db7af33) var(--lightningcss-dark, #0db7af33);
    --color-border-teal: var(--lightningcss-light, #08a3a3) var(--lightningcss-dark, #08767d);
    --color-icon-teal: var(--lightningcss-light, #009688) var(--lightningcss-dark, #26a69a);
    --color-text-teal: var(--lightningcss-light, #083943) var(--lightningcss-dark, #40dccd);
    --color-background-yellow: var(--lightningcss-light, #e2a40033) var(--lightningcss-dark, #e2a40033);
    --color-border-yellow: var(--lightningcss-light, #c58600) var(--lightningcss-dark, #b47700);
    --color-icon-yellow: var(--lightningcss-light, #fbc02d) var(--lightningcss-dark, #ffee58);
    --color-text-yellow: var(--lightningcss-light, #753f07) var(--lightningcss-dark, #fbce03);
  }

  :root, .x14lkjui {
    --duration-fast-min: .13s;
    --duration-fast: .175s;
    --duration-fast-max: .23s;
    --duration-medium-min: .31s;
    --duration-medium: .41s;
    --duration-medium-max: .55s;
    --duration-slow-min: .73s;
    --duration-slow: .975s;
    --duration-slow-max: 1.3s;
  }

  :root, .xf09i69 {
    --ease-standard: cubic-bezier(.24, 1, .4, 1);
  }

  :root, .x5tdzeq {
    --font-family-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --font-family-code: "SF Mono", Monaco, Consolas, monospace;
    --font-family-heading: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  }

  :root, .x1q1ms06 {
    --font-size-4xs: .375rem;
    --font-size-3xs: .4375rem;
    --font-size-2xs: .5rem;
    --font-size-xs: .625rem;
    --font-size-sm: .75rem;
    --font-size-base: .875rem;
    --font-size-lg: 1.0625rem;
    --font-size-xl: 1.25rem;
    --font-size-2xl: 1.5rem;
    --font-size-3xl: 1.8125rem;
    --font-size-4xl: 2.1875rem;
    --font-size-5xl: 2.625rem;
  }

  :root, .x1ccmotb {
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
  }

  :root, .xrw1vgx {
    --radius-none: 0px;
    --radius-inner: 4px;
    --radius-element: 8px;
    --radius-container: 12px;
    --radius-page: 28px;
    --radius-chat: 28px;
    --radius-full: 9999px;
  }

  :root, .xua8qm3 {
    --shadow-low: 0px 1px 1px var(--lightningcss-light, #0000001a) var(--lightningcss-dark, #0003), 0px 2px 8px var(--lightningcss-light, #0000001a) var(--lightningcss-dark, #0003);
    --shadow-med: 0px 1px 2px var(--lightningcss-light, #0000001a) var(--lightningcss-dark, #0003), 0px 2px 12px var(--lightningcss-light, #0000001a) var(--lightningcss-dark, #0003);
    --shadow-high: 0px 2px 2px var(--lightningcss-light, #0000001a) var(--lightningcss-dark, #0003), 0px 8px 24px var(--lightningcss-light, #0000001a) var(--lightningcss-dark, #0000004d);
    --shadow-inset-hover: inset 0px 0px 0px 2px var(--lightningcss-light, #05365926) var(--lightningcss-dark, #dfe2e533);
    --shadow-inset-selected: inset 0px 0px 0px 2px #0171e380;
    --shadow-inset-success: inset 0px 0px 0px 2px #26a7564d;
    --shadow-inset-warning: inset 0px 0px 0px 2px #e2a4004d;
    --shadow-inset-error: inset 0px 0px 0px 2px #e3193b4d;
  }

  :root, .xkgjyic {
    --size-element-sm: 28px;
    --size-element-md: 32px;
    --size-element-lg: 36px;
  }

  :root, .x1kvdh9l {
    --spacing-0: 0px;
    --spacing-0-5: 2px;
    --spacing-1: 4px;
    --spacing-1-5: 6px;
    --spacing-2: 8px;
    --spacing-3: 12px;
    --spacing-4: 16px;
    --spacing-5: 20px;
    --spacing-6: 24px;
    --spacing-7: 28px;
    --spacing-8: 32px;
    --spacing-9: 36px;
    --spacing-10: 40px;
    --spacing-11: 44px;
    --spacing-12: 48px;
  }

  :root, .x1etlgq0 {
    --text-heading-1-size: var(--font-size-2xl);
    --text-heading-1-weight: var(--font-weight-semibold);
    --text-heading-1-leading: 1.3333;
    --text-heading-2-size: var(--font-size-xl);
    --text-heading-2-weight: var(--font-weight-semibold);
    --text-heading-2-leading: 1.4;
    --text-heading-3-size: var(--font-size-lg);
    --text-heading-3-weight: var(--font-weight-semibold);
    --text-heading-3-leading: 1.4118;
    --text-heading-4-size: var(--font-size-base);
    --text-heading-4-weight: var(--font-weight-semibold);
    --text-heading-4-leading: 1.4286;
    --text-heading-5-size: var(--font-size-sm);
    --text-heading-5-weight: var(--font-weight-semibold);
    --text-heading-5-leading: 1.6667;
    --text-heading-6-size: var(--font-size-xs);
    --text-heading-6-weight: var(--font-weight-semibold);
    --text-heading-6-leading: 1.6;
    --text-body-size: var(--font-size-base);
    --text-body-weight: var(--font-weight-normal);
    --text-body-leading: 1.4286;
    --text-large-size: var(--font-size-lg);
    --text-large-weight: var(--font-weight-semibold);
    --text-large-leading: 1.4118;
    --text-label-size: var(--font-size-base);
    --text-label-weight: var(--font-weight-medium);
    --text-label-leading: 1.4286;
    --text-code-size: var(--font-size-base);
    --text-code-weight: var(--font-weight-normal);
    --text-code-leading: 1.4286;
    --text-supporting-size: var(--font-size-sm);
    --text-supporting-weight: var(--font-weight-normal);
    --text-supporting-leading: 1.6667;
    --text-display-1-size: var(--font-size-5xl);
    --text-display-1-weight: var(--font-weight-normal);
    --text-display-1-leading: 1.2381;
    --text-display-2-size: var(--font-size-4xl);
    --text-display-2-weight: var(--font-weight-normal);
    --text-display-2-leading: 1.2571;
    --text-display-3-size: var(--font-size-3xl);
    --text-display-3-weight: var(--font-weight-normal);
    --text-display-3-leading: 1.2414;
  }

  :root, .xsilmbq {
    --transition-fast: .15s ease;
    --transition-normal: .2s ease;
  }

  .xlz5hwt {
    --_avatar-group-overlap: var(--x---_avatar-group-overlap);
  }

  .xh8ntw8 {
    --_button-radius: calc(var(--radius-element) - var(--spacing-1));
  }

  .xcw7vlg {
    --_button-radius: max(var(--radius-element),calc(var(--_chat-composer-radius) - var(--_chat-composer-padding)));
  }

  .x1rjw8qi {
    --_button-radius: var(--radius-full);
  }

  .x2kkz0m {
    --_card-radius: var(--radius-container);
  }

  .xk0ittl {
    --_chat-composer-padding: var(--spacing-3);
  }

  .xx161y6 {
    --_chat-composer-radius: var(--radius-chat);
  }

  .xvuvksw {
    --_dialog-radius: var(--radius-container);
  }

  .xgory14 {
    --_dropdown-menu-padding: var(--spacing-1);
  }

  .x1fcsqxe {
    --_dropdown-menu-radius: var(--radius-container);
  }

  .x1832zxr {
    --_field-radius: var(--radius-element);
  }

  .xqwz7mz {
    --_hovercard-radius: var(--radius-container);
  }

  .x18jk3ff {
    --_segmented-control-padding: var(--spacing-0-5);
  }

  .x9icjy1 {
    --_segmented-control-radius: var(--radius-element);
  }

  .xbrl7fg {
    --_tab-indicator-bottom: var(--x---_tab-indicator-bottom);
  }

  .xnvcwyz {
    --astryx-section-padding: var(--spacing-0-5);
  }

  .xvdw317 {
    --astryx-section-padding: var(--spacing-0);
  }

  .x1rj2uvf {
    --astryx-section-padding: var(--spacing-1-5);
  }

  .x49wo0b {
    --astryx-section-padding: var(--spacing-1);
  }

  .xf1jhqy {
    --astryx-section-padding: var(--spacing-10);
  }

  .x1bzoqqa {
    --astryx-section-padding: var(--spacing-2);
  }

  .x1nvso86 {
    --astryx-section-padding: var(--spacing-3);
  }

  .x1as1t6l {
    --astryx-section-padding: var(--spacing-4);
  }

  .xfb5lyl {
    --astryx-section-padding: var(--spacing-5);
  }

  .x1tig3w6 {
    --astryx-section-padding: var(--spacing-6);
  }

  .x1szikzq {
    --astryx-section-padding: var(--spacing-8);
  }

  .xkzo27j {
    --button-focus-offset: 3px;
  }

  .x1v15ycx {
    --button-icon-only-aspect: 1 / 1;
  }

  .x1mtvhk1 {
    --color-syntax-background: transparent;
  }

  .x18nyedi {
    --container-max-height: var(--x---container-max-height);
  }

  .xax9j7h {
    --container-padding-block-end: 0px;
  }

  .x1omyuck {
    --container-padding-block-end: var(--astryx-card-padding-block-end, var(--astryx-card-padding, var(--spacing-4)));
  }

  .x1gvthzm {
    --container-padding-block-end: var(--astryx-dialog-padding-block-end, var(--astryx-dialog-padding, var(--spacing-4)));
  }

  .x1u89lk7 {
    --container-padding-block-end: var(--astryx-section-padding-block-end, var(--astryx-section-padding, var(--spacing-4)));
  }

  .xi9ns85 {
    --container-padding-block-end: var(--layout-padding-inner-y, var(--spacing-4));
  }

  .x1xjq73n {
    --container-padding-block-end: var(--layout-padding-outer-y, var(--spacing-4));
  }

  .x1cao3zv {
    --container-padding-block-end: var(--spacing-0-5);
  }

  .xkunwnr {
    --container-padding-block-end: var(--spacing-0);
  }

  .xv53x8y {
    --container-padding-block-end: var(--spacing-1-5);
  }

  .x57a7ii {
    --container-padding-block-end: var(--spacing-1);
  }

  .x15vxphk {
    --container-padding-block-end: var(--spacing-10);
  }

  .x4bg2x9 {
    --container-padding-block-end: var(--spacing-11);
  }

  .x186mjxr {
    --container-padding-block-end: var(--spacing-12);
  }

  .x1lsgcmx {
    --container-padding-block-end: var(--spacing-2);
  }

  .x1q3ppug {
    --container-padding-block-end: var(--spacing-3);
  }

  .x4hfsld {
    --container-padding-block-end: var(--spacing-4);
  }

  .xbib2ws {
    --container-padding-block-end: var(--spacing-5);
  }

  .x1q8d17g {
    --container-padding-block-end: var(--spacing-6);
  }

  .x1yqogew {
    --container-padding-block-end: var(--spacing-7);
  }

  .x8lgq76 {
    --container-padding-block-end: var(--spacing-8);
  }

  .x1f7f9rt {
    --container-padding-block-end: var(--spacing-9);
  }

  .x1047aw6 {
    --container-padding-block-start: 0px;
  }

  .x1rqz8me {
    --container-padding-block-start: var(--astryx-card-padding-block-start, var(--astryx-card-padding, var(--spacing-4)));
  }

  .x1g2kccc {
    --container-padding-block-start: var(--astryx-dialog-padding-block-start, var(--astryx-dialog-padding, var(--spacing-4)));
  }

  .x876hks {
    --container-padding-block-start: var(--astryx-section-padding-block-start, var(--astryx-section-padding, var(--spacing-4)));
  }

  .xjmgx01 {
    --container-padding-block-start: var(--layout-padding-inner-y, var(--spacing-4));
  }

  .xzz8v79 {
    --container-padding-block-start: var(--layout-padding-outer-y, var(--spacing-4));
  }

  .xvdf9ev {
    --container-padding-block-start: var(--spacing-0-5);
  }

  .x1i3qcxz {
    --container-padding-block-start: var(--spacing-0);
  }

  .x1kbx601 {
    --container-padding-block-start: var(--spacing-1-5);
  }

  .xnsckjb {
    --container-padding-block-start: var(--spacing-1);
  }

  .x17h9kl7 {
    --container-padding-block-start: var(--spacing-10);
  }

  .x1rdjxae {
    --container-padding-block-start: var(--spacing-11);
  }

  .xecwdl6 {
    --container-padding-block-start: var(--spacing-12);
  }

  .xa8b4fq {
    --container-padding-block-start: var(--spacing-2);
  }

  .x11k4f5r {
    --container-padding-block-start: var(--spacing-3);
  }

  .xm01sq8 {
    --container-padding-block-start: var(--spacing-4);
  }

  .xp8wdkl {
    --container-padding-block-start: var(--spacing-5);
  }

  .x1hmud4d {
    --container-padding-block-start: var(--spacing-6);
  }

  .x1c00sag {
    --container-padding-block-start: var(--spacing-7);
  }

  .xfv60at {
    --container-padding-block-start: var(--spacing-8);
  }

  .x14fzdu7 {
    --container-padding-block-start: var(--spacing-9);
  }

  .xjsfl84 {
    --container-padding-inline-end: 0px;
  }

  .x1ihxwbr {
    --container-padding-inline-end: var(--astryx-card-padding-inline-end, var(--astryx-card-padding-inline, var(--astryx-card-padding, var(--spacing-4))));
  }

  .x11h1f2o {
    --container-padding-inline-end: var(--astryx-dialog-padding-inline-end, var(--astryx-dialog-padding-inline, var(--astryx-dialog-padding, var(--spacing-4))));
  }

  .xyk0j9o {
    --container-padding-inline-end: var(--astryx-section-padding-inline-end, var(--astryx-section-padding-inline, var(--astryx-section-padding, var(--spacing-4))));
  }

  .xikqloz {
    --container-padding-inline-end: var(--layout-padding-inner-x, var(--spacing-4));
  }

  .xqpvj4r {
    --container-padding-inline-end: var(--layout-padding-outer-x, var(--spacing-4));
  }

  .x1wz3t3y {
    --container-padding-inline-end: var(--spacing-0-5);
  }

  .x91ghl5 {
    --container-padding-inline-end: var(--spacing-0);
  }

  .xntetml {
    --container-padding-inline-end: var(--spacing-1-5);
  }

  .x2oyxnl {
    --container-padding-inline-end: var(--spacing-1);
  }

  .xx5lg5w {
    --container-padding-inline-end: var(--spacing-10);
  }

  .x1nmgbqg {
    --container-padding-inline-end: var(--spacing-11);
  }

  .x1wsfsk2 {
    --container-padding-inline-end: var(--spacing-12);
  }

  .xcas3b9 {
    --container-padding-inline-end: var(--spacing-2);
  }

  .xu0ipoa {
    --container-padding-inline-end: var(--spacing-3);
  }

  .xs0pscg {
    --container-padding-inline-end: var(--spacing-4);
  }

  .xgkj7vj {
    --container-padding-inline-end: var(--spacing-5);
  }

  .x94cj42 {
    --container-padding-inline-end: var(--spacing-6);
  }

  .x11tj35w {
    --container-padding-inline-end: var(--spacing-7);
  }

  .x1b9k1pi {
    --container-padding-inline-end: var(--spacing-8);
  }

  .x19w02kr {
    --container-padding-inline-end: var(--spacing-9);
  }

  .xrhngw9 {
    --container-padding-inline-start: 0px;
  }

  .xjmlhfd {
    --container-padding-inline-start: var(--astryx-card-padding-inline-start, var(--astryx-card-padding-inline, var(--astryx-card-padding, var(--spacing-4))));
  }

  .x1tewnwq {
    --container-padding-inline-start: var(--astryx-dialog-padding-inline-start, var(--astryx-dialog-padding-inline, var(--astryx-dialog-padding, var(--spacing-4))));
  }

  .xrgx2ny {
    --container-padding-inline-start: var(--astryx-section-padding-inline-start, var(--astryx-section-padding-inline, var(--astryx-section-padding, var(--spacing-4))));
  }

  .x408pgh {
    --container-padding-inline-start: var(--layout-padding-inner-x, var(--spacing-4));
  }

  .xdvaxxn {
    --container-padding-inline-start: var(--layout-padding-outer-x, var(--spacing-4));
  }

  .x14ws0sr {
    --container-padding-inline-start: var(--spacing-0-5);
  }

  .x1gu2k80 {
    --container-padding-inline-start: var(--spacing-0);
  }

  .x176g23i {
    --container-padding-inline-start: var(--spacing-1-5);
  }

  .x1cvlban {
    --container-padding-inline-start: var(--spacing-1);
  }

  .xserb3f {
    --container-padding-inline-start: var(--spacing-10);
  }

  .xziclwo {
    --container-padding-inline-start: var(--spacing-11);
  }

  .x1iiwihq {
    --container-padding-inline-start: var(--spacing-12);
  }

  .x1xlrr2o {
    --container-padding-inline-start: var(--spacing-2);
  }

  .xfdwxua {
    --container-padding-inline-start: var(--spacing-3);
  }

  .x1dlhslv {
    --container-padding-inline-start: var(--spacing-4);
  }

  .x1s81nki {
    --container-padding-inline-start: var(--spacing-5);
  }

  .x1ep0dkj {
    --container-padding-inline-start: var(--spacing-6);
  }

  .x157xojc {
    --container-padding-inline-start: var(--spacing-7);
  }

  .xw1diwv {
    --container-padding-inline-start: var(--spacing-8);
  }

  .xraca2a {
    --container-padding-inline-start: var(--spacing-9);
  }

  .x1qfzo5y {
    --indicator-color: transparent;
  }

  .x4906uf {
    --layout-content-width: var(--x---layout-content-width);
  }

  .x4poyjn {
    --layout-padding-inner-x: var(--astryx-card-padding-inline-start, var(--astryx-card-padding-inline, var(--astryx-card-padding, var(--spacing-4))));
  }

  .x2so38 {
    --layout-padding-inner-x: var(--astryx-dialog-padding-inline-start, var(--astryx-dialog-padding-inline, var(--astryx-dialog-padding, var(--spacing-4))));
  }

  .x1we69p7 {
    --layout-padding-inner-x: var(--astryx-section-padding-inline-start, var(--astryx-section-padding-inline, var(--astryx-section-padding, var(--spacing-4))));
  }

  .xlriy2h {
    --layout-padding-inner-x: var(--spacing-0-5);
  }

  .xj1bl4l {
    --layout-padding-inner-x: var(--spacing-0);
  }

  .xd38f90 {
    --layout-padding-inner-x: var(--spacing-1-5);
  }

  .x6uuyak {
    --layout-padding-inner-x: var(--spacing-1);
  }

  .x1vf4qco {
    --layout-padding-inner-x: var(--spacing-10);
  }

  .xsmamsf {
    --layout-padding-inner-x: var(--spacing-11);
  }

  .x2xk2xj {
    --layout-padding-inner-x: var(--spacing-12);
  }

  .xxqksqd {
    --layout-padding-inner-x: var(--spacing-2);
  }

  .x1fyui2f {
    --layout-padding-inner-x: var(--spacing-3);
  }

  .x1i2ajwi {
    --layout-padding-inner-x: var(--spacing-4);
  }

  .x1tac27u {
    --layout-padding-inner-x: var(--spacing-5);
  }

  .x1ntgf3t {
    --layout-padding-inner-x: var(--spacing-6);
  }

  .xhjd9tl {
    --layout-padding-inner-x: var(--spacing-7);
  }

  .xn7c84u {
    --layout-padding-inner-x: var(--spacing-8);
  }

  .xeqkbsz {
    --layout-padding-inner-x: var(--spacing-9);
  }

  .x1u1kw4e {
    --layout-padding-inner-y: var(--astryx-card-padding-block-start, var(--astryx-card-padding, var(--spacing-4)));
  }

  .xinu7xd {
    --layout-padding-inner-y: var(--astryx-dialog-padding-block-start, var(--astryx-dialog-padding, var(--spacing-4)));
  }

  .xsdnkbz {
    --layout-padding-inner-y: var(--astryx-section-padding-block-start, var(--astryx-section-padding, var(--spacing-4)));
  }

  .x180h0y5 {
    --layout-padding-inner-y: var(--spacing-0-5);
  }

  .xwuefyo {
    --layout-padding-inner-y: var(--spacing-0);
  }

  .x1g8jpzm {
    --layout-padding-inner-y: var(--spacing-1-5);
  }

  .xmpug6m {
    --layout-padding-inner-y: var(--spacing-1);
  }

  .x18gbwmk {
    --layout-padding-inner-y: var(--spacing-10);
  }

  .x14zymzj {
    --layout-padding-inner-y: var(--spacing-11);
  }

  .xzfpkx9 {
    --layout-padding-inner-y: var(--spacing-12);
  }

  .x1lksgje {
    --layout-padding-inner-y: var(--spacing-2);
  }

  .x4j7gld {
    --layout-padding-inner-y: var(--spacing-3);
  }

  .x1s3ehtl {
    --layout-padding-inner-y: var(--spacing-4);
  }

  .x1rj5eim {
    --layout-padding-inner-y: var(--spacing-5);
  }

  .x1ftgg6u {
    --layout-padding-inner-y: var(--spacing-6);
  }

  .x1ho74vh {
    --layout-padding-inner-y: var(--spacing-7);
  }

  .xm2cs6f {
    --layout-padding-inner-y: var(--spacing-8);
  }

  .x1vsq92b {
    --layout-padding-inner-y: var(--spacing-9);
  }

  .x1wbjvqu {
    --layout-padding-outer-x: 0px;
  }

  .x14rzhog {
    --layout-padding-outer-x: var(--astryx-card-padding-inline-start, var(--astryx-card-padding-inline, var(--astryx-card-padding, var(--spacing-4))));
  }

  .x1hsjncj {
    --layout-padding-outer-x: var(--astryx-dialog-padding-inline-start, var(--astryx-dialog-padding-inline, var(--astryx-dialog-padding, var(--spacing-4))));
  }

  .x12sptzx {
    --layout-padding-outer-x: var(--astryx-section-padding-inline-start, var(--astryx-section-padding-inline, var(--astryx-section-padding, var(--spacing-4))));
  }

  .xihiwg7 {
    --layout-padding-outer-x: var(--spacing-0-5);
  }

  .xswhm3q {
    --layout-padding-outer-x: var(--spacing-0);
  }

  .x1u93lgd {
    --layout-padding-outer-x: var(--spacing-1-5);
  }

  .xc96xmq {
    --layout-padding-outer-x: var(--spacing-1);
  }

  .x1jdf5a4 {
    --layout-padding-outer-x: var(--spacing-10);
  }

  .x1hct0t0 {
    --layout-padding-outer-x: var(--spacing-11);
  }

  .x11cyqoe {
    --layout-padding-outer-x: var(--spacing-12);
  }

  .x15dxnc0 {
    --layout-padding-outer-x: var(--spacing-2);
  }

  .xadgj3j {
    --layout-padding-outer-x: var(--spacing-3);
  }

  .x1v56qcf {
    --layout-padding-outer-x: var(--spacing-4);
  }

  .x1nzs0gl {
    --layout-padding-outer-x: var(--spacing-5);
  }

  .x1c3n52a {
    --layout-padding-outer-x: var(--spacing-6);
  }

  .x1gfiokx {
    --layout-padding-outer-x: var(--spacing-7);
  }

  .x1t3kfz {
    --layout-padding-outer-x: var(--spacing-8);
  }

  .xzr4qsh {
    --layout-padding-outer-x: var(--spacing-9);
  }

  .xzxxx64 {
    --layout-padding-outer-y: 0px;
  }

  .xjej9fs {
    --layout-padding-outer-y: var(--astryx-card-padding-block-start, var(--astryx-card-padding, var(--spacing-4)));
  }

  .x1pui4bz {
    --layout-padding-outer-y: var(--astryx-dialog-padding-block-start, var(--astryx-dialog-padding, var(--spacing-4)));
  }

  .xo78phr {
    --layout-padding-outer-y: var(--astryx-section-padding-block-start, var(--astryx-section-padding, var(--spacing-4)));
  }

  .x1vj96e0 {
    --layout-padding-outer-y: var(--spacing-0-5);
  }

  .x1mzf5mb {
    --layout-padding-outer-y: var(--spacing-0);
  }

  .xd3dqby {
    --layout-padding-outer-y: var(--spacing-1-5);
  }

  .x1gpfxoh {
    --layout-padding-outer-y: var(--spacing-1);
  }

  .x26l4wa {
    --layout-padding-outer-y: var(--spacing-10);
  }

  .x10zktp0 {
    --layout-padding-outer-y: var(--spacing-11);
  }

  .x1yz3n6a {
    --layout-padding-outer-y: var(--spacing-12);
  }

  .x10pz7y9 {
    --layout-padding-outer-y: var(--spacing-2);
  }

  .x1p6yq3h {
    --layout-padding-outer-y: var(--spacing-3);
  }

  .xx738ci {
    --layout-padding-outer-y: var(--spacing-4);
  }

  .x6yxws5 {
    --layout-padding-outer-y: var(--spacing-5);
  }

  .x180vrwl {
    --layout-padding-outer-y: var(--spacing-6);
  }

  .x1q6rme1 {
    --layout-padding-outer-y: var(--spacing-7);
  }

  .xid7e43 {
    --layout-padding-outer-y: var(--spacing-8);
  }

  .x1t5kicu {
    --layout-padding-outer-y: var(--spacing-9);
  }

  .xnpej1e {
    --radius-element: var(--radius-full);
  }

  .xkce8z9 {
    --separator-display: flex;
  }

  .x11woleg:focus-visible {
    --indicator-color: var(--color-accent);
  }

  .x1ibt0lz:first-child {
    --separator-display: none;
  }

  .x1rht92:nth-child(2n) {
    --table-row-overlay: var(--color-background-muted);
  }

  .x1m3wso9:hover {
    --indicator-color: var(--color-accent);
  }

  @media (hover: hover) {
    .x1pkcbo2.x1pkcbo2:hover {
      --table-row-overlay: var(--color-overlay-hover);
    }
  }

  .xln7xf2:not(#\#) {
    font: inherit;
  }

  .x10a8y8t:not(#\#) {
    inset: 0;
  }

  .x1anvkwx:not(#\#) {
    inset: auto;
  }

  .xh3736h:not(#\#) {
    inset: unset;
  }

  .xkdpibf:not(#\#) {
    margin: -1px;
  }

  .x1ghz6dp:not(#\#) {
    margin: 0;
  }

  .xkib98w:not(#\#) {
    margin: 8px;
  }

  .x1bpp3o7:not(#\#) {
    margin: auto;
  }

  .x1n5sqmh:not(#\#) {
    margin: calc(-1 * (var(--spacing-2) - var(--spacing-1) + 1px));
  }

  .x1717udv:not(#\#) {
    padding: 0;
  }

  .x1tamke2:not(#\#) {
    padding: 16px;
  }

  .xfawy5m:not(#\#) {
    padding: 4px;
  }

  .x18oj4ui:not(#\#) {
    padding: var(--_chat-composer-padding);
  }

  .xpoxszi:not(#\#) {
    padding: var(--_segmented-control-padding);
  }

  .xtozwh:not(#\#) {
    padding: var(--spacing-1) var(--spacing-2);
  }

  .x9epnlk:not(#\#) {
    padding: var(--spacing-1);
  }

  .x15nmkw0:not(#\#) {
    padding: var(--spacing-2) 0;
  }

  .xlsj2fj:not(#\#) {
    padding: var(--spacing-2);
  }

  .x1b2ylru:not(#\#) {
    padding: var(--spacing-3);
  }

  .x1shk3sm:not(#\#) {
    padding: var(--spacing-4);
  }

  .x1y5lnwp:focus:not(#\#) {
    margin: 0;
  }

  .x9r1u3d:not(#\#):not(#\#) {
    border-color: #0000;
  }

  .xad5do:not(#\#):not(#\#) {
    border-color: var(--color-accent);
  }

  .x1touxvs:not(#\#):not(#\#) {
    border-color: var(--color-background-surface);
  }

  .xlee4gx:not(#\#):not(#\#) {
    border-color: var(--color-border-blue);
  }

  .xb1xfl:not(#\#):not(#\#) {
    border-color: var(--color-border-cyan);
  }

  .xvy26l8:not(#\#):not(#\#) {
    border-color: var(--color-border-emphasized);
  }

  .x1w9ec3u:not(#\#):not(#\#) {
    border-color: var(--color-border-gray);
  }

  .xy90a9n:not(#\#):not(#\#) {
    border-color: var(--color-border-green);
  }

  .xloqurj:not(#\#):not(#\#) {
    border-color: var(--color-border-orange);
  }

  .x1czkbn8:not(#\#):not(#\#) {
    border-color: var(--color-border-pink);
  }

  .xq98wne:not(#\#):not(#\#) {
    border-color: var(--color-border-purple);
  }

  .xjqgoec:not(#\#):not(#\#) {
    border-color: var(--color-border-red);
  }

  .x1r9gxr1:not(#\#):not(#\#) {
    border-color: var(--color-border-teal);
  }

  .x1kpnwn1:not(#\#):not(#\#) {
    border-color: var(--color-border-yellow);
  }

  .x14i3s5s:not(#\#):not(#\#) {
    border-color: var(--color-border);
  }

  .x1ofxpqo:not(#\#):not(#\#) {
    border-color: var(--color-error);
  }

  .x16m2moy:not(#\#):not(#\#) {
    border-color: var(--color-success);
  }

  .xqcx1ss:not(#\#):not(#\#) {
    border-color: var(--color-text-primary);
  }

  .x8wg1ba:not(#\#):not(#\#) {
    border-color: var(--color-warning);
  }

  .x2u8bby:not(#\#):not(#\#) {
    border-radius: 0;
  }

  .x1nj7uno:not(#\#):not(#\#) {
    border-radius: 1px;
  }

  .x16rqkct:not(#\#):not(#\#) {
    border-radius: 50%;
  }

  .xur7f20:not(#\#):not(#\#) {
    border-radius: 8px;
  }

  .x1pjcqnp:not(#\#):not(#\#) {
    border-radius: inherit;
  }

  .x1ws5lxm:not(#\#):not(#\#) {
    border-radius: max(0px,calc(var(--_dropdown-menu-radius, var(--spacing-2)) - var(--_dropdown-menu-padding, var(--spacing-1))));
  }

  .xc910v0:not(#\#):not(#\#) {
    border-radius: max(0px,calc(var(--_segmented-control-radius) - var(--_segmented-control-padding)));
  }

  .x1jxw6zd:not(#\#):not(#\#) {
    border-radius: var(--_button-radius, var(--radius-element));
  }

  .xy0xnkn:not(#\#):not(#\#) {
    border-radius: var(--_button-radius, var(--radius-full));
  }

  .x153u1i6:not(#\#):not(#\#) {
    border-radius: var(--_card-radius);
  }

  .x1xunbrq:not(#\#):not(#\#) {
    border-radius: var(--_chat-composer-radius);
  }

  .xuacgfc:not(#\#):not(#\#) {
    border-radius: var(--_dialog-radius);
  }

  .x1n97fys:not(#\#):not(#\#) {
    border-radius: var(--_dropdown-menu-radius);
  }

  .xvdfih8:not(#\#):not(#\#) {
    border-radius: var(--_field-radius);
  }

  .x7a53xk:not(#\#):not(#\#) {
    border-radius: var(--_hovercard-radius);
  }

  .x1hapoqb:not(#\#):not(#\#) {
    border-radius: var(--_segmented-control-radius);
  }

  .xashgol:not(#\#):not(#\#) {
    border-radius: var(--radius-chat);
  }

  .x1hviunn:not(#\#):not(#\#) {
    border-radius: var(--radius-container);
  }

  .xh6dtrn:not(#\#):not(#\#) {
    border-radius: var(--radius-element);
  }

  .xjspbzw:not(#\#):not(#\#) {
    border-radius: var(--radius-full);
  }

  .xx3sua9:not(#\#):not(#\#) {
    border-radius: var(--radius-inner);
  }

  .xwksslw:not(#\#):not(#\#) {
    border-radius: var(--radius-none);
  }

  .xbsl7fq:not(#\#):not(#\#) {
    border-style: dashed;
  }

  .xng3xce:not(#\#):not(#\#) {
    border-style: none;
  }

  .x1y0btm7:not(#\#):not(#\#) {
    border-style: solid;
  }

  .xc342km:not(#\#):not(#\#) {
    border-width: 0;
  }

  .xmkeg23:not(#\#):not(#\#) {
    border-width: 1px;
  }

  .xdh2fpr:not(#\#):not(#\#) {
    border-width: 2px;
  }

  .x1litavf:not(#\#):not(#\#) {
    border-width: var(--border-width);
  }

  .x1mw0n95:not(#\#):not(#\#) {
    border-width: var(--x-borderWidth);
  }

  .x1somy94:not(#\#):not(#\#) {
    flex: 0 0 0;
  }

  .x3psx0u:not(#\#):not(#\#) {
    flex: none;
  }

  .x1cqoux5:not(#\#):not(#\#) {
    flex: 1 1 0;
  }

  .x845mor:not(#\#):not(#\#) {
    flex: 1;
  }

  .xfoc8du:not(#\#):not(#\#) {
    flex: 40px;
  }

  .x12lumcd:not(#\#):not(#\#) {
    flex: auto;
  }

  .x98rzlu:not(#\#):not(#\#) {
    flex: 1;
  }

  .xxhr3t:not(#\#):not(#\#) {
    gap: 0;
  }

  .x1jnr06f:not(#\#):not(#\#) {
    gap: 4px;
  }

  .x1lsbc85:not(#\#):not(#\#) {
    gap: var(--spacing-0-5);
  }

  .xsn7fz1:not(#\#):not(#\#) {
    gap: var(--spacing-0);
  }

  .x1s4dlld:not(#\#):not(#\#) {
    gap: var(--spacing-1-5);
  }

  .xzye2dw:not(#\#):not(#\#) {
    gap: var(--spacing-1);
  }

  .x3hoi3v:not(#\#):not(#\#) {
    gap: var(--spacing-10);
  }

  .xpec5dj:not(#\#):not(#\#) {
    gap: var(--spacing-2) var(--spacing-4);
  }

  .x1txdalj:not(#\#):not(#\#) {
    gap: var(--spacing-2);
  }

  .xlaq8a2:not(#\#):not(#\#) {
    gap: var(--spacing-3) var(--spacing-4);
  }

  .xjcht0a:not(#\#):not(#\#) {
    gap: var(--spacing-3);
  }

  .x18g69wz:not(#\#):not(#\#) {
    gap: var(--spacing-4);
  }

  .x9mgr7n:not(#\#):not(#\#) {
    gap: var(--spacing-5);
  }

  .x1qh66ti:not(#\#):not(#\#) {
    gap: var(--spacing-6);
  }

  .x4t41sb:not(#\#):not(#\#) {
    gap: var(--spacing-8);
  }

  .x1pidvrl:not(#\#):not(#\#) {
    gap: var(--x-gap);
  }

  .xgkxs2y:not(#\#):not(#\#) {
    grid-column: 1;
  }

  .x1ms6mhf:not(#\#):not(#\#) {
    grid-row: 1;
  }

  .x17y0mx6:not(#\#):not(#\#) {
    inset-inline: 0;
  }

  .xe8uvvx:not(#\#):not(#\#) {
    list-style: none;
  }

  .x81ka23:not(#\#):not(#\#) {
    margin-block: calc(-1 * (var(--spacing-3) - var(--spacing-2)));
  }

  .xhzvc8f:not(#\#):not(#\#) {
    margin-block: calc(-1 * var(--spacing-2));
  }

  .xqixskq:not(#\#):not(#\#) {
    margin-block: calc(var(--size-element-md) / 2 - var(--spacing-2) - var(--text-heading-2-size) * var(--text-heading-2-leading) / 2);
  }

  .xacfrgf:not(#\#):not(#\#) {
    margin-block: calc(var(--spacing-1) * -1);
  }

  .xsq74q5:not(#\#):not(#\#) {
    margin-block: var(--spacing-1);
  }

  .x1g06x3t:not(#\#):not(#\#) {
    margin-block: var(--spacing-2);
  }

  .xvueqy4:not(#\#):not(#\#) {
    margin-inline: auto;
  }

  .xtedp8i:not(#\#):not(#\#) {
    margin-inline: calc(-1 * var(--spacing-1));
  }

  .x1ho7dyk:not(#\#):not(#\#) {
    margin-inline: calc(-1 * var(--spacing-2));
  }

  .x1ng9b9t:not(#\#):not(#\#) {
    margin-inline: calc(-1 * var(--spacing-4));
  }

  .xhrcg97:not(#\#):not(#\#) {
    margin-inline: var(--spacing-1);
  }

  .xvlecxo:not(#\#):not(#\#) {
    margin-inline: var(--x-marginInline);
  }

  .x1a2a7pz:not(#\#):not(#\#) {
    outline: none;
  }

  .xysyzu8:not(#\#):not(#\#) {
    overflow: auto;
  }

  .x7giv3:not(#\#):not(#\#) {
    overflow: clip;
  }

  .xb3r6kr:not(#\#):not(#\#) {
    overflow: hidden;
  }

  .x1rea2x4:not(#\#):not(#\#) {
    overflow: visible;
  }

  .xish69e:not(#\#):not(#\#) {
    overscroll-behavior: contain;
  }

  .xt970qd:not(#\#):not(#\#) {
    padding-block: 0;
  }

  .x1x7cmac:not(#\#):not(#\#) {
    padding-block: calc(var(--spacing-1) - 1px);
  }

  .x13f7esw:not(#\#):not(#\#) {
    padding-block: var(--spacing-0-5);
  }

  .x1hp7d8q:not(#\#):not(#\#) {
    padding-block: var(--spacing-0);
  }

  .x1vofgu7:not(#\#):not(#\#) {
    padding-block: var(--spacing-1-5);
  }

  .xu0wf1k:not(#\#):not(#\#) {
    padding-block: var(--spacing-1);
  }

  .xce4md1:not(#\#):not(#\#) {
    padding-block: var(--spacing-2);
  }

  .x8o8v82:not(#\#):not(#\#) {
    padding-block: var(--spacing-3);
  }

  .x1na6nto:not(#\#):not(#\#) {
    padding-block: var(--spacing-4);
  }

  .xq6koh6:not(#\#):not(#\#) {
    padding-block: var(--spacing-6);
  }

  .xmfvnks:not(#\#):not(#\#) {
    padding-block: var(--spacing-8);
  }

  .xnjsko4:not(#\#):not(#\#) {
    padding-inline: 0;
  }

  .xx2oswg:not(#\#):not(#\#) {
    padding-inline: calc(var(--spacing-1) - 1px);
  }

  .xkjnx3w:not(#\#):not(#\#) {
    padding-inline: var(--spacing-0-5);
  }

  .x17a0aqu:not(#\#):not(#\#) {
    padding-inline: var(--spacing-0);
  }

  .x4ezzuc:not(#\#):not(#\#) {
    padding-inline: var(--spacing-1-5);
  }

  .x7a5moj:not(#\#):not(#\#) {
    padding-inline: var(--spacing-1);
  }

  .xixulwi:not(#\#):not(#\#) {
    padding-inline: var(--spacing-10);
  }

  .xf314gf:not(#\#):not(#\#) {
    padding-inline: var(--spacing-2);
  }

  .xrrkdod:not(#\#):not(#\#) {
    padding-inline: var(--spacing-3);
  }

  .x1pzlopt:not(#\#):not(#\#) {
    padding-inline: var(--spacing-4);
  }

  .xzz68wx:not(#\#):not(#\#) {
    padding-inline: var(--spacing-5);
  }

  .xm7rs69:not(#\#):not(#\#) {
    padding-inline: var(--spacing-6);
  }

  .x6xnjw4:not(#\#):not(#\#) {
    padding-inline: var(--spacing-8);
  }

  .x1ku5rj1:not(#\#):not(#\#) {
    place-items: center;
  }

  .xdf8p4l:not(#\#):not(#\#) {
    scroll-padding-inline: var(--spacing-0-5);
  }

  .x9lgdif:not(#\#):not(#\#) {
    scroll-padding-inline: var(--spacing-0);
  }

  .x1w8vatw:not(#\#):not(#\#) {
    scroll-padding-inline: var(--spacing-1-5);
  }

  .x1u2972t:not(#\#):not(#\#) {
    scroll-padding-inline: var(--spacing-1);
  }

  .xw959t8:not(#\#):not(#\#) {
    scroll-padding-inline: var(--spacing-10);
  }

  .x1mfb6cv:not(#\#):not(#\#) {
    scroll-padding-inline: var(--spacing-2);
  }

  .xpnzzb2:not(#\#):not(#\#) {
    scroll-padding-inline: var(--spacing-3);
  }

  .x3m3szd:not(#\#):not(#\#) {
    scroll-padding-inline: var(--spacing-4);
  }

  .x1vx7sv0:not(#\#):not(#\#) {
    scroll-padding-inline: var(--spacing-5);
  }

  .x1mvw9yj:not(#\#):not(#\#) {
    scroll-padding-inline: var(--spacing-6);
  }

  .x1xn2tv3:not(#\#):not(#\#) {
    scroll-padding-inline: var(--spacing-8);
  }

  .xhfbhpw:not(#\#):not(#\#) {
    scroll-snap-type: x mandatory;
  }

  .xmqliwb:not(#\#):not(#\#) {
    text-decoration: line-through;
  }

  .x1hl2dhg:not(#\#):not(#\#) {
    text-decoration: none;
  }

  .x1bvjpef:not(#\#):not(#\#) {
    text-decoration: underline;
  }

  .xiw5bxp:not(#\#):not(#\#) {
    transition: box-shadow var(--duration-fast) var(--ease-standard);
  }

  .xb0j27v:not(#\#):not(#\#) {
    transition: grid-template-rows var(--duration-medium) var(--ease-standard);
  }

  .xq2gx43:not(#\#):not(#\#) {
    transition: none;
  }

  .x1ey1afo:not(#\#):not(#\#) {
    transition: opacity var(--duration-fast);
  }

  .x1ob6yzd:not(#\#):not(#\#) {
    transition: transform var(--duration-fast) var(--ease-standard);
  }

  .xr21g96.xr21g96:where(.x1g2q90y:focus-visible *):not(#\#):not(#\#) {
    outline: 2px solid var(--color-accent);
  }

  .x6q1khz:focus-within:not(#\#):not(#\#) {
    border-color: var(--color-accent);
  }

  .xk2sxw7:focus-within:not(#\#):not(#\#) {
    border-color: var(--color-error);
  }

  .xyq33ac:focus-within:not(#\#):not(#\#) {
    border-color: var(--color-success);
  }

  .xa1yw2k:focus-within:not(#\#):not(#\#) {
    border-color: var(--color-warning);
  }

  .x17nn4n9:focus-visible:not(#\#):not(#\#), .x1gj1ihy.x1gj1ihy:where(.x1iwu4tg:has(:focus-visible) *):not(#\#):not(#\#), .xkri23q.xkri23q:where(.x1tspnpo:has(:focus-visible) *):not(#\#):not(#\#) {
    outline: 2px solid var(--color-accent);
  }

  .x1p73he7:focus-visible:not(#\#):not(#\#) {
    outline: 2px solid var(--color-error);
  }

  .x1p25gnr:focus-visible:not(#\#):not(#\#) {
    outline: var(--border-width) solid var(--color-accent);
  }

  .x1dordxg:focus-within:not(#\#):not(#\#) {
    overflow: visible;
  }

  .x1irc7jg:has(:focus-visible):not(#\#):not(#\#) {
    outline: 2px solid var(--color-accent);
  }

  .x64lkcz:focus:not(#\#):not(#\#) {
    border-color: var(--color-error);
  }

  .x1lglk5v:focus:not(#\#):not(#\#) {
    border-color: var(--color-success);
  }

  .x12sck4v:focus:not(#\#):not(#\#) {
    border-color: var(--color-warning);
  }

  .xzeu18z:focus:not(#\#):not(#\#) {
    outline: var(--border-width) solid var(--color-accent);
  }

  .xomzh7y:focus:not(#\#):not(#\#) {
    overflow: visible;
  }

  .xh2mrf5:focus:not(#\#):not(#\#) {
    padding-block: var(--spacing-2);
  }

  .x1cf3d6k:focus:not(#\#):not(#\#) {
    padding-inline: var(--spacing-4);
  }

  @media (max-width: 480px) {
    .x1a1jff.x1a1jff:not(#\#):not(#\#) {
      gap: var(--spacing-4);
    }
  }

  @media (hover: hover) {
    .x1od6ugu.x1od6ugu.x1od6ugu:where(.x1tspnpo:hover *):not(#\#):not(#\#) {
      border-color: var(--color-accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .x1od6ugu.x1od6ugu.x1od6ugu:where(.x1tspnpo:hover *):not(#\#):not(#\#) {
        border-color: color-mix(in srgb,var(--color-accent),var(--color-tint-hover) 15%);
      }
    }

    .xaq2ahg.xaq2ahg.xaq2ahg:where(.xklqth5:hover *):not(#\#):not(#\#) {
      border-color: var(--color-accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .xaq2ahg.xaq2ahg.xaq2ahg:where(.xklqth5:hover *):not(#\#):not(#\#) {
        border-color: color-mix(in srgb,var(--color-accent),var(--color-tint-hover) 15%);
      }
    }

    .x1jtjlen.x1jtjlen.x1jtjlen:where(.x1tspnpo:hover *):not(#\#):not(#\#) {
      border-color: var(--color-border-emphasized);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .x1jtjlen.x1jtjlen.x1jtjlen:where(.x1tspnpo:hover *):not(#\#):not(#\#) {
        border-color: color-mix(in srgb,var(--color-border-emphasized),var(--color-tint-hover) 20%);
      }
    }

    .x70talc.x70talc.x70talc:where(.xklqth5:hover *):not(#\#):not(#\#) {
      border-color: var(--color-border-emphasized);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .x70talc.x70talc.x70talc:where(.xklqth5:hover *):not(#\#):not(#\#) {
        border-color: color-mix(in srgb,var(--color-border-emphasized),var(--color-tint-hover) 20%);
      }
    }

    .xmt8yqp.xmt8yqp.xmt8yqp:where(.x1tspnpo:hover *):not(#\#):not(#\#) {
      border-color: var(--color-border);
    }

    .x4ohgrr.x4ohgrr:hover:not(#\#):not(#\#) {
      text-decoration: underline;
    }
  }

  .x67t5t6:not(#\#):not(#\#):not(#\#) {
    -webkit-backdrop-filter: blur(12px);
  }

  .x1ua5tub:not(#\#):not(#\#):not(#\#) {
    -webkit-box-orient: vertical;
  }

  .x1yhjpo9:not(#\#):not(#\#):not(#\#) {
    -webkit-line-clamp: var(--x-WebkitLineClamp);
  }

  .xiy8rlo:not(#\#):not(#\#):not(#\#) {
    -webkit-mask-image: linear-gradient(#0000, #000 24px);
  }

  .x1bv1mxo:not(#\#):not(#\#):not(#\#) {
    -webkit-mask-image: linear-gradient(#0000, #000 36px);
  }

  .xo9xo30:not(#\#):not(#\#):not(#\#) {
    -webkit-mask-image: linear-gradient(#0000, #000 48px);
  }

  .x5lxg6s:not(#\#):not(#\#):not(#\#) {
    -webkit-overflow-scrolling: touch;
  }

  .xpdipgo:not(#\#):not(#\#):not(#\#) {
    -webkit-touch-callout: none;
  }

  .x1pha0wt:not(#\#):not(#\#):not(#\#) {
    align-items: baseline;
  }

  .x6s0dn4:not(#\#):not(#\#):not(#\#) {
    align-items: center;
  }

  .xpqajaz:not(#\#):not(#\#):not(#\#) {
    align-items: end;
  }

  .xuk3077:not(#\#):not(#\#):not(#\#) {
    align-items: flex-end;
  }

  .x1cy8zhl:not(#\#):not(#\#):not(#\#) {
    align-items: flex-start;
  }

  .x7a106z:not(#\#):not(#\#):not(#\#) {
    align-items: start;
  }

  .x1qjc9v5:not(#\#):not(#\#):not(#\#) {
    align-items: stretch;
  }

  .xoi2r2e:not(#\#):not(#\#):not(#\#) {
    align-self: baseline;
  }

  .xamitd3:not(#\#):not(#\#):not(#\#) {
    align-self: center;
  }

  .xpvyfi4:not(#\#):not(#\#):not(#\#) {
    align-self: flex-end;
  }

  .xqcrz7y:not(#\#):not(#\#):not(#\#) {
    align-self: flex-start;
  }

  .x1y8v6su:not(#\#):not(#\#):not(#\#) {
    align-self: start;
  }

  .xkh2ocl:not(#\#):not(#\#):not(#\#) {
    align-self: stretch;
  }

  .x7dpabl:not(#\#):not(#\#):not(#\#) {
    anchor-name: --outline-active;
  }

  .x17yabm6:not(#\#):not(#\#):not(#\#) {
    animation-delay: var(--duration-medium-min);
  }

  .xvo38ju:not(#\#):not(#\#):not(#\#) {
    animation-delay: var(--x-animationDelay);
  }

  .xpz12be:not(#\#):not(#\#):not(#\#) {
    animation-direction: alternate;
  }

  .xmg6eyc:not(#\#):not(#\#):not(#\#) {
    animation-duration: 1.5s;
  }

  .xjlvqhv:not(#\#):not(#\#):not(#\#) {
    animation-duration: 1ms;
  }

  .x1c74tu6:not(#\#):not(#\#):not(#\#) {
    animation-duration: 2s;
  }

  .x9uej1z:not(#\#):not(#\#):not(#\#) {
    animation-duration: var(--duration-fast-max);
  }

  .xb2rp9n:not(#\#):not(#\#):not(#\#) {
    animation-duration: var(--duration-fast);
  }

  .xqgcaz:not(#\#):not(#\#):not(#\#) {
    animation-duration: var(--duration-medium-max);
  }

  .x14qxm4i:not(#\#):not(#\#):not(#\#) {
    animation-duration: var(--duration-slow-min);
  }

  .xskzprw:not(#\#):not(#\#):not(#\#) {
    animation-fill-mode: backwards;
  }

  .x10e4vud:not(#\#):not(#\#):not(#\#) {
    animation-fill-mode: forwards;
  }

  .xa4qsjk:not(#\#):not(#\#):not(#\#) {
    animation-iteration-count: infinite;
  }

  .x1ewfqum:not(#\#):not(#\#):not(#\#) {
    animation-name: x11lauxq-B;
  }

  .xcx56e2:not(#\#):not(#\#):not(#\#) {
    animation-name: x13kz0yu-B;
  }

  .x1ffowhz:not(#\#):not(#\#):not(#\#) {
    animation-name: x188b6p3-B;
  }

  .xqcmdr3:not(#\#):not(#\#):not(#\#) {
    animation-name: x18re5ia-B;
  }

  .x3psbcj:not(#\#):not(#\#):not(#\#) {
    animation-name: x1ahk7ht-B;
  }

  .x1dvww92:not(#\#):not(#\#):not(#\#) {
    animation-name: x1b6yrix-B;
  }

  .x97zbip:not(#\#):not(#\#):not(#\#) {
    animation-name: x1k48ry3-B;
  }

  .xeuoslp:not(#\#):not(#\#):not(#\#) {
    animation-name: xgnty7z-B;
  }

  .x1srr2gu:not(#\#):not(#\#):not(#\#) {
    animation-name: xiylxmw-B;
  }

  .x1ka1v4i:not(#\#):not(#\#):not(#\#) {
    animation-name: xqng64z-B;
  }

  .xozk8ic:not(#\#):not(#\#):not(#\#) {
    animation-name: xr3m334-B;
  }

  .x1mta51n:not(#\#):not(#\#):not(#\#) {
    animation-name: xtut5q7-B;
  }

  .xck01x9:not(#\#):not(#\#):not(#\#) {
    animation-name: xu7jd1z-B;
  }

  .xl1vlw0:not(#\#):not(#\#):not(#\#) {
    animation-name: xv1hr86-B;
  }

  .x1i331go:not(#\#):not(#\#):not(#\#) {
    animation-name: xwmkjkf-B;
  }

  .x4hg4is:not(#\#):not(#\#):not(#\#) {
    animation-timing-function: ease-in-out;
  }

  .x1esw782:not(#\#):not(#\#):not(#\#) {
    animation-timing-function: linear;
  }

  .x193epu2:not(#\#):not(#\#):not(#\#) {
    animation-timing-function: steps(10, end);
  }

  .x128ha8g:not(#\#):not(#\#):not(#\#) {
    animation-timing-function: var(--ease-standard);
  }

  .xjyslct:not(#\#):not(#\#):not(#\#) {
    appearance: none;
  }

  .x1plog1:not(#\#):not(#\#):not(#\#) {
    aspect-ratio: 1;
  }

  .xioom0i:not(#\#):not(#\#):not(#\#) {
    aspect-ratio: var(--button-icon-only-aspect);
  }

  .xvn2z4z:not(#\#):not(#\#):not(#\#) {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
  }

  .xlp1x4z:not(#\#):not(#\#):not(#\#) {
    backface-visibility: hidden;
  }

  .xx83zyx:not(#\#):not(#\#):not(#\#) {
    background-clip: padding-box;
  }

  .x1rkw3yq:not(#\#):not(#\#):not(#\#) {
    background-color: #fff9;
  }

  .xtwfq29:not(#\#):not(#\#):not(#\#) {
    background-color: currentColor;
  }

  .xgcd1z6:not(#\#):not(#\#):not(#\#) {
    background-color: inherit;
  }

  .xcpsgoo:not(#\#):not(#\#):not(#\#) {
    background-color: #00000080;
  }

  .xjbqb8w:not(#\#):not(#\#):not(#\#) {
    background-color: #0000;
  }

  .xgcxg3y:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-accent-muted);
  }

  .x1ewilqj:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-accent);
  }

  .x1o0wnni:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-background-blue);
  }

  .x1eiddq6:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-background-body);
  }

  .x1de1mus:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-background-card);
  }

  .x1rgj867:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-background-cyan);
  }

  .x1l5t2a3:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-background-error-inverted);
  }

  .xspzpui:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-background-gray);
  }

  .x1sqjeoo:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-background-green);
  }

  .xenstv7:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-background-inverted);
  }

  .xwmxj5m:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-background-muted);
  }

  .x1e9xt6e:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-background-orange);
  }

  .xnpoty2:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-background-pink);
  }

  .x1prclbq:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-background-popover);
  }

  .x16i6n6f:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-background-purple);
  }

  .x1cibrc5:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-background-red);
  }

  .x10xzikg:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-background-surface);
  }

  .x1jtji5o:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-background-teal);
  }

  .x1bo7t0x:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-background-yellow);
  }

  .x7njt3n:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-border-emphasized);
  }

  .x1m4xfpy:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-border);
  }

  .x1pritpl:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-error-muted);
  }

  .x1pjz0fi:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-error);
  }

  .xowkcby:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-icon-primary);
  }

  .x1q5y3ey:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-icon-secondary);
  }

  .x17x4s8c:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-neutral);
  }

  .x1azo05:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-on-accent);
  }

  .x1lmrjuc:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-overlay-hover);
  }

  .xi89dp7:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-overlay-pressed);
  }

  .x1u4601x:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-overlay);
  }

  .xprdx6m:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-skeleton);
  }

  .xu13z74:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-success-muted);
  }

  .xdsz4j9:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-success);
  }

  .xzyc27v:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-syntax-background);
  }

  .x16fr6go:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-text-disabled);
  }

  .x19aspcf:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-text-primary);
  }

  .xdomwnj:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-text-secondary);
  }

  .xdsb6cv:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-track);
  }

  .x24i8r5:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-warning-muted);
  }

  .x1q8g9m5:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-warning);
  }

  .x1fd97le:not(#\#):not(#\#):not(#\#) {
    background-color: var(--table-sticky-background, var(--color-background-card));
  }

  .x1vrk509:not(#\#):not(#\#):not(#\#) {
    background-image: linear-gradient(var(--color-background-muted),var(--color-background-muted));
  }

  .x14bno8m:not(#\#):not(#\#):not(#\#) {
    background-image: linear-gradient(var(--color-neutral),var(--color-neutral));
  }

  .x18o3ruo:not(#\#):not(#\#):not(#\#) {
    background-image: none;
  }

  .x1mwwwfo:not(#\#):not(#\#):not(#\#) {
    border-collapse: collapse;
  }

  .x16uus16:not(#\#):not(#\#):not(#\#) {
    border-end-end-radius: 0;
  }

  .xbiv7yw:not(#\#):not(#\#):not(#\#) {
    border-end-start-radius: 0;
  }

  .x1gejf6u:not(#\#):not(#\#):not(#\#) {
    border-inline-end-color: var(--color-border);
  }

  .x18b5jzi:not(#\#):not(#\#):not(#\#) {
    border-inline-end-style: solid;
  }

  .x1lun4ml:not(#\#):not(#\#):not(#\#) {
    border-inline-end-width: 1px;
  }

  .xw8tdv1:not(#\#):not(#\#):not(#\#) {
    border-inline-end-width: var(--border-width);
  }

  .x14ydlgx:not(#\#):not(#\#):not(#\#) {
    border-inline-start-color: var(--color-border-emphasized);
  }

  .x1j92z86:not(#\#):not(#\#):not(#\#) {
    border-inline-start-color: var(--color-border);
  }

  .xrvmtm5:not(#\#):not(#\#):not(#\#) {
    border-inline-start-color: var(--color-on-accent);
  }

  .x1t7ytsu:not(#\#):not(#\#):not(#\#) {
    border-inline-start-style: solid;
  }

  .xpilrb4:not(#\#):not(#\#):not(#\#) {
    border-inline-start-width: 1px;
  }

  .xgbv0en:not(#\#):not(#\#):not(#\#) {
    border-inline-start-width: var(--border-width);
  }

  .xtpqe59:not(#\#):not(#\#):not(#\#) {
    border-inline-start-width: var(--spacing-0-5);
  }

  .x1gukg7c:not(#\#):not(#\#):not(#\#) {
    border-spacing: 0;
  }

  .x1ga7v0g:not(#\#):not(#\#):not(#\#) {
    border-start-end-radius: 0;
  }

  .x15mokao:not(#\#):not(#\#):not(#\#) {
    border-start-start-radius: 0;
  }

  .x183tx6i:not(#\#):not(#\#):not(#\#) {
    border-start-start-radius: var(--radius-page);
  }

  .x1lp15jv:not(#\#):not(#\#):not(#\#) {
    box-shadow: inset 0 0 0 1px var(--color-border-emphasized);
  }

  .x1er153n:not(#\#):not(#\#):not(#\#) {
    box-shadow: inset 0 0 0 1px var(--color-border);
  }

  .x1iobdd1:not(#\#):not(#\#):not(#\#) {
    box-shadow: inset 0 0 0 1px var(--color-text-primary);
  }

  .xwaz83g:not(#\#):not(#\#):not(#\#) {
    box-shadow: inset 0 0 0 2px var(--color-accent);
  }

  .xcfwc96:not(#\#):not(#\#):not(#\#) {
    box-shadow: inset 0 0 0 2px var(--color-border-blue);
  }

  .x1focwmt:not(#\#):not(#\#):not(#\#) {
    box-shadow: inset 0 0 0 2px var(--color-border-cyan);
  }

  .x1q443o4:not(#\#):not(#\#):not(#\#) {
    box-shadow: inset 0 0 0 2px var(--color-border-gray);
  }

  .x1wnp1w4:not(#\#):not(#\#):not(#\#) {
    box-shadow: inset 0 0 0 2px var(--color-border-green);
  }

  .x1kbthdo:not(#\#):not(#\#):not(#\#) {
    box-shadow: inset 0 0 0 2px var(--color-border-orange);
  }

  .x1916zju:not(#\#):not(#\#):not(#\#) {
    box-shadow: inset 0 0 0 2px var(--color-border-pink);
  }

  .x1egy5tt:not(#\#):not(#\#):not(#\#) {
    box-shadow: inset 0 0 0 2px var(--color-border-purple);
  }

  .xi00ukz:not(#\#):not(#\#):not(#\#) {
    box-shadow: inset 0 0 0 2px var(--color-border-red);
  }

  .x1dpgkq:not(#\#):not(#\#):not(#\#) {
    box-shadow: inset 0 0 0 2px var(--color-border-teal);
  }

  .x1qdfmgt:not(#\#):not(#\#):not(#\#) {
    box-shadow: inset 0 0 0 2px var(--color-border-yellow);
  }

  .x1gnnqk1:not(#\#):not(#\#):not(#\#) {
    box-shadow: none;
  }

  .x1kcpxr7:not(#\#):not(#\#):not(#\#) {
    box-shadow: var(--shadow-high);
  }

  .x1i5ehqx:not(#\#):not(#\#):not(#\#) {
    box-shadow: var(--shadow-low);
  }

  .x14hfi27:not(#\#):not(#\#):not(#\#) {
    box-shadow: var(--shadow-med);
  }

  .x9f619:not(#\#):not(#\#):not(#\#) {
    box-sizing: border-box;
  }

  .x1afcbsf:not(#\#):not(#\#):not(#\#) {
    box-sizing: content-box;
  }

  .xxugrtn:not(#\#):not(#\#):not(#\#) {
    caret-color: var(--color-accent);
  }

  .x1hyvwdk:not(#\#):not(#\#):not(#\#) {
    clip-path: inset(50%);
  }

  .xzpqnlu:not(#\#):not(#\#):not(#\#) {
    clip: rect(0,0,0,0);
  }

  .xntwwlm:not(#\#):not(#\#):not(#\#) {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
  }

  .x108lcm5:not(#\#):not(#\#):not(#\#) {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light dark;
  }

  @media (prefers-color-scheme: dark) {
    .x108lcm5:not(#\#):not(#\#):not(#\#) {
      --lightningcss-light: ;
      --lightningcss-dark: initial;
    }
  }

  .x19aimcq:not(#\#):not(#\#):not(#\#) {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
  }

  .xj8ax7g:not(#\#):not(#\#):not(#\#) {
    color: red;
  }

  .x1heor9g:not(#\#):not(#\#):not(#\#) {
    color: inherit;
  }

  .x19co3pv:not(#\#):not(#\#):not(#\#) {
    color: #0000;
  }

  .xqwr325:not(#\#):not(#\#):not(#\#) {
    color: var(--color-accent);
  }

  .xrkvqaz:not(#\#):not(#\#):not(#\#) {
    color: var(--color-background-surface);
  }

  .xjt36v0:not(#\#):not(#\#):not(#\#) {
    color: var(--color-error);
  }

  .x1fns2mt:not(#\#):not(#\#):not(#\#) {
    color: var(--color-icon-blue);
  }

  .x157w0xa:not(#\#):not(#\#):not(#\#) {
    color: var(--color-icon-cyan);
  }

  .xqa6c3m:not(#\#):not(#\#):not(#\#) {
    color: var(--color-icon-disabled);
  }

  .x1eyinzz:not(#\#):not(#\#):not(#\#) {
    color: var(--color-icon-gray);
  }

  .xmxeech:not(#\#):not(#\#):not(#\#) {
    color: var(--color-icon-green);
  }

  .xxu74a4:not(#\#):not(#\#):not(#\#) {
    color: var(--color-icon-orange);
  }

  .x1kxxfg5:not(#\#):not(#\#):not(#\#) {
    color: var(--color-icon-pink);
  }

  .xtbr613:not(#\#):not(#\#):not(#\#) {
    color: var(--color-icon-primary);
  }

  .xzdw94u:not(#\#):not(#\#):not(#\#) {
    color: var(--color-icon-purple);
  }

  .xeffzf7:not(#\#):not(#\#):not(#\#) {
    color: var(--color-icon-red);
  }

  .xv9yike:not(#\#):not(#\#):not(#\#) {
    color: var(--color-icon-secondary);
  }

  .x1f3zxcb:not(#\#):not(#\#):not(#\#) {
    color: var(--color-icon-teal);
  }

  .x1g6zdft:not(#\#):not(#\#):not(#\#) {
    color: var(--color-icon-yellow);
  }

  .x17wrial:not(#\#):not(#\#):not(#\#) {
    color: var(--color-on-accent);
  }

  .x9e3rv5:not(#\#):not(#\#):not(#\#) {
    color: var(--color-on-dark);
  }

  .x1m024r3:not(#\#):not(#\#):not(#\#) {
    color: var(--color-on-error);
  }

  .xri61p4:not(#\#):not(#\#):not(#\#) {
    color: var(--color-on-success);
  }

  .xrebv38:not(#\#):not(#\#):not(#\#) {
    color: var(--color-on-warning);
  }

  .xtjic6:not(#\#):not(#\#):not(#\#) {
    color: var(--color-success);
  }

  .x1mjzq1q:not(#\#):not(#\#):not(#\#) {
    color: var(--color-syntax-comment);
  }

  .xt5rlkq:not(#\#):not(#\#):not(#\#) {
    color: var(--color-syntax-punctuation);
  }

  .xdfisg:not(#\#):not(#\#):not(#\#) {
    color: var(--color-syntax-variable);
  }

  .xjse4m1:not(#\#):not(#\#):not(#\#) {
    color: var(--color-text-accent);
  }

  .x1vvqiwl:not(#\#):not(#\#):not(#\#) {
    color: var(--color-text-blue);
  }

  .x1txnczv:not(#\#):not(#\#):not(#\#) {
    color: var(--color-text-cyan);
  }

  .xnbbluu:not(#\#):not(#\#):not(#\#) {
    color: var(--color-text-disabled);
  }

  .xru1t7f:not(#\#):not(#\#):not(#\#) {
    color: var(--color-text-gray);
  }

  .xltfdvo:not(#\#):not(#\#):not(#\#) {
    color: var(--color-text-green);
  }

  .xm47u9q:not(#\#):not(#\#):not(#\#) {
    color: var(--color-text-orange);
  }

  .xiuofww:not(#\#):not(#\#):not(#\#) {
    color: var(--color-text-pink);
  }

  .x1tgivj0:not(#\#):not(#\#):not(#\#) {
    color: var(--color-text-primary);
  }

  .x1m9wyeb:not(#\#):not(#\#):not(#\#) {
    color: var(--color-text-purple);
  }

  .x1joocv1:not(#\#):not(#\#):not(#\#) {
    color: var(--color-text-red);
  }

  .xv1l7n4:not(#\#):not(#\#):not(#\#) {
    color: var(--color-text-secondary);
  }

  .x9x0lbs:not(#\#):not(#\#):not(#\#) {
    color: var(--color-text-teal);
  }

  .xdhq94a:not(#\#):not(#\#):not(#\#) {
    color: var(--color-text-yellow);
  }

  .xs3pv69:not(#\#):not(#\#):not(#\#) {
    color: var(--color-warning);
  }

  .x1kihgfc:not(#\#):not(#\#):not(#\#) {
    column-gap: var(--spacing-0-5);
  }

  .x1o57wo1:not(#\#):not(#\#):not(#\#) {
    column-gap: var(--spacing-0);
  }

  .x1thn6ci:not(#\#):not(#\#):not(#\#) {
    column-gap: var(--spacing-1-5);
  }

  .x1lfs0n9:not(#\#):not(#\#):not(#\#) {
    column-gap: var(--spacing-1);
  }

  .x1p37tyl:not(#\#):not(#\#):not(#\#) {
    column-gap: var(--spacing-10);
  }

  .xak3so:not(#\#):not(#\#):not(#\#) {
    column-gap: var(--spacing-2);
  }

  .xewh9hi:not(#\#):not(#\#):not(#\#) {
    column-gap: var(--spacing-3);
  }

  .xty4p9g:not(#\#):not(#\#):not(#\#) {
    column-gap: var(--spacing-4);
  }

  .x1eqhezk:not(#\#):not(#\#):not(#\#) {
    column-gap: var(--spacing-5);
  }

  .x3qlgwd:not(#\#):not(#\#):not(#\#) {
    column-gap: var(--spacing-6);
  }

  .xicv188:not(#\#):not(#\#):not(#\#) {
    column-gap: var(--spacing-8);
  }

  .xawy1a7:not(#\#):not(#\#):not(#\#) {
    contain: layout style;
  }

  .x12h1iku:not(#\#):not(#\#):not(#\#) {
    container-type: inline-size;
  }

  .xb5mbof:not(#\#):not(#\#):not(#\#) {
    content-visibility: auto;
  }

  .xfrknyr:not(#\#):not(#\#):not(#\#) {
    counter-increment: astryx-list;
  }

  .xif0320:not(#\#):not(#\#):not(#\#) {
    counter-reset: astryx-list;
  }

  .x1khind5:not(#\#):not(#\#):not(#\#) {
    counter-reset: var(--x-counterReset);
  }

  .xicojor:not(#\#):not(#\#):not(#\#) {
    cursor: col-resize;
  }

  .xt0e3qv:not(#\#):not(#\#):not(#\#) {
    cursor: default;
  }

  .x7eptgl:not(#\#):not(#\#):not(#\#) {
    cursor: ew-resize;
  }

  .x1jm3nie:not(#\#):not(#\#):not(#\#) {
    cursor: grab;
  }

  .xi9pz9s:not(#\#):not(#\#):not(#\#) {
    cursor: grabbing;
  }

  .xmper1u:not(#\#):not(#\#):not(#\#) {
    cursor: inherit;
  }

  .x1h6gzvc:not(#\#):not(#\#):not(#\#) {
    cursor: not-allowed;
  }

  .x1ypdohk:not(#\#):not(#\#):not(#\#) {
    cursor: pointer;
  }

  .xyozgr7:not(#\#):not(#\#):not(#\#) {
    cursor: row-resize;
  }

  .x1ed109x:not(#\#):not(#\#):not(#\#) {
    cursor: text;
  }

  .x1huxd7x:not(#\#):not(#\#):not(#\#) {
    cursor: zoom-in;
  }

  .x104kibb:not(#\#):not(#\#):not(#\#) {
    display: -webkit-box;
  }

  .x1lliihq:not(#\#):not(#\#):not(#\#) {
    display: block;
  }

  .xjp7ctv:not(#\#):not(#\#):not(#\#) {
    display: contents;
  }

  .x78zum5:not(#\#):not(#\#):not(#\#) {
    display: flex;
  }

  .xrvj5dj:not(#\#):not(#\#):not(#\#) {
    display: grid;
  }

  .x1rg5ohu:not(#\#):not(#\#):not(#\#) {
    display: inline-block;
  }

  .x3nfvp2:not(#\#):not(#\#):not(#\#) {
    display: inline-flex;
  }

  .xwz0xwf:not(#\#):not(#\#):not(#\#) {
    display: inline-grid;
  }

  .xt0psk2:not(#\#):not(#\#):not(#\#) {
    display: inline;
  }

  .x1s85apg:not(#\#):not(#\#):not(#\#) {
    display: none;
  }

  .x11ke7fs:not(#\#):not(#\#):not(#\#) {
    display: var(--separator-display);
  }

  .x1r8uery:not(#\#):not(#\#):not(#\#) {
    flex-basis: 0;
  }

  .xjpgo6f:not(#\#):not(#\#):not(#\#) {
    flex-basis: 200px;
  }

  .xchdapg:not(#\#):not(#\#):not(#\#) {
    flex-basis: 300px;
  }

  .x3ieub6:not(#\#):not(#\#):not(#\#) {
    flex-direction: column-reverse;
  }

  .xdt5ytf:not(#\#):not(#\#):not(#\#) {
    flex-direction: column;
  }

  .x15zctf7:not(#\#):not(#\#):not(#\#) {
    flex-direction: row-reverse;
  }

  .x1q0g3np:not(#\#):not(#\#):not(#\#) {
    flex-direction: row;
  }

  .x1c4vz4f:not(#\#):not(#\#):not(#\#) {
    flex-grow: 0;
  }

  .x1iyjqo2:not(#\#):not(#\#):not(#\#) {
    flex-grow: 1;
  }

  .xgyuaek:not(#\#):not(#\#):not(#\#) {
    flex-grow: 2;
  }

  .x2lah0s:not(#\#):not(#\#):not(#\#) {
    flex-shrink: 0;
  }

  .xs83m0k:not(#\#):not(#\#):not(#\#) {
    flex-shrink: 1;
  }

  .x1g3ib7:not(#\#):not(#\#):not(#\#) {
    flex-shrink: 10;
  }

  .xozqiw3:not(#\#):not(#\#):not(#\#) {
    flex-wrap: nowrap;
  }

  .x8hhl5t:not(#\#):not(#\#):not(#\#) {
    flex-wrap: wrap-reverse;
  }

  .x1a02dak:not(#\#):not(#\#):not(#\#) {
    flex-wrap: wrap;
  }

  .xjb2p0i:not(#\#):not(#\#):not(#\#) {
    font-family: inherit;
  }

  .x9ynric:not(#\#):not(#\#):not(#\#) {
    font-family: var(--font-family-body);
  }

  .x9m5x89:not(#\#):not(#\#):not(#\#) {
    font-family: var(--font-family-code);
  }

  .x1g81bgm:not(#\#):not(#\#):not(#\#) {
    font-family: var(--font-family-heading);
  }

  .x1k6wstc:not(#\#):not(#\#):not(#\#) {
    font-size: 10px;
  }

  .xfifm61:not(#\#):not(#\#):not(#\#) {
    font-size: 12px;
  }

  .xif65rj:not(#\#):not(#\#):not(#\#) {
    font-size: 14px;
  }

  .x1j61zf2:not(#\#):not(#\#):not(#\#) {
    font-size: 16px;
  }

  .xwsyq91:not(#\#):not(#\#):not(#\#) {
    font-size: 20px;
  }

  .x1pvqxga:not(#\#):not(#\#):not(#\#) {
    font-size: 24px;
  }

  .x1qlqyl8:not(#\#):not(#\#):not(#\#) {
    font-size: inherit;
  }

  .xho7bvi:not(#\#):not(#\#):not(#\#) {
    font-size: var(--spacing-4);
  }

  .xjm74w1:not(#\#):not(#\#):not(#\#) {
    font-size: var(--text-body-size);
  }

  .xp03k98:not(#\#):not(#\#):not(#\#) {
    font-size: var(--text-code-size);
  }

  .xsub3ws:not(#\#):not(#\#):not(#\#) {
    font-size: var(--text-display-1-size);
  }

  .x1yego12:not(#\#):not(#\#):not(#\#) {
    font-size: var(--text-display-2-size);
  }

  .xlgnzhf:not(#\#):not(#\#):not(#\#) {
    font-size: var(--text-display-3-size);
  }

  .xcg7oai:not(#\#):not(#\#):not(#\#) {
    font-size: var(--text-heading-1-size);
  }

  .x1xvnhcw:not(#\#):not(#\#):not(#\#) {
    font-size: var(--text-heading-2-size);
  }

  .xii13ha:not(#\#):not(#\#):not(#\#) {
    font-size: var(--text-heading-3-size);
  }

  .x8tkxat:not(#\#):not(#\#):not(#\#) {
    font-size: var(--text-heading-4-size);
  }

  .xsgqta0:not(#\#):not(#\#):not(#\#) {
    font-size: var(--text-heading-5-size);
  }

  .xw5ohdf:not(#\#):not(#\#):not(#\#) {
    font-size: var(--text-heading-6-size);
  }

  .xcr08ib:not(#\#):not(#\#):not(#\#) {
    font-size: var(--text-label-size);
  }

  .x18juvz8:not(#\#):not(#\#):not(#\#) {
    font-size: var(--text-large-size);
  }

  .x141an7d:not(#\#):not(#\#):not(#\#) {
    font-size: var(--text-supporting-size);
  }

  .xdmh292:not(#\#):not(#\#):not(#\#) {
    font-size: var(--x-fontSize);
  }

  .x1j61x8r:not(#\#):not(#\#):not(#\#) {
    font-style: normal;
  }

  .xss6m8b:not(#\#):not(#\#):not(#\#) {
    font-variant-numeric: tabular-nums;
  }

  .xk50ysn:not(#\#):not(#\#):not(#\#) {
    font-weight: 500;
  }

  .x1s688f:not(#\#):not(#\#):not(#\#) {
    font-weight: 600;
  }

  .x1pd3egz:not(#\#):not(#\#):not(#\#) {
    font-weight: inherit;
  }

  .x1lvx875:not(#\#):not(#\#):not(#\#) {
    font-weight: var(--font-weight-bold);
  }

  .x1e4wzip:not(#\#):not(#\#):not(#\#) {
    font-weight: var(--font-weight-medium);
  }

  .x1sodnla:not(#\#):not(#\#):not(#\#) {
    font-weight: var(--font-weight-normal);
  }

  .x2mo6ok:not(#\#):not(#\#):not(#\#) {
    font-weight: var(--font-weight-semibold);
  }

  .xxovm9e:not(#\#):not(#\#):not(#\#) {
    font-weight: var(--text-body-weight);
  }

  .xx3eeay:not(#\#):not(#\#):not(#\#) {
    font-weight: var(--text-code-weight);
  }

  .x1txul5o:not(#\#):not(#\#):not(#\#) {
    font-weight: var(--text-display-1-weight);
  }

  .x1y36c3f:not(#\#):not(#\#):not(#\#) {
    font-weight: var(--text-display-2-weight);
  }

  .x1on40hk:not(#\#):not(#\#):not(#\#) {
    font-weight: var(--text-display-3-weight);
  }

  .x1v68xuy:not(#\#):not(#\#):not(#\#) {
    font-weight: var(--text-heading-1-weight);
  }

  .x12yy4cs:not(#\#):not(#\#):not(#\#) {
    font-weight: var(--text-heading-2-weight);
  }

  .x1jcxfy8:not(#\#):not(#\#):not(#\#) {
    font-weight: var(--text-heading-3-weight);
  }

  .x2hcmsi:not(#\#):not(#\#):not(#\#) {
    font-weight: var(--text-heading-4-weight);
  }

  .xno150v:not(#\#):not(#\#):not(#\#) {
    font-weight: var(--text-heading-5-weight);
  }

  .x1pw4frv:not(#\#):not(#\#):not(#\#) {
    font-weight: var(--text-heading-6-weight);
  }

  .xmhvcl5:not(#\#):not(#\#):not(#\#) {
    font-weight: var(--text-label-weight);
  }

  .x149oux8:not(#\#):not(#\#):not(#\#) {
    font-weight: var(--text-large-weight);
  }

  .xv8on6e:not(#\#):not(#\#):not(#\#) {
    font-weight: var(--text-supporting-weight);
  }

  .xu6a5m6:not(#\#):not(#\#):not(#\#) {
    grid-auto-columns: 1fr;
  }

  .x1mt1orb:not(#\#):not(#\#):not(#\#) {
    grid-auto-flow: column;
  }

  .xhij9v2:not(#\#):not(#\#):not(#\#) {
    grid-auto-rows: var(--x-gridAutoRows);
  }

  .xcrlgei:not(#\#):not(#\#):not(#\#) {
    grid-column-start: 1;
  }

  .x1agbcgv:not(#\#):not(#\#):not(#\#) {
    grid-row-start: 1;
  }

  .x134kloy:not(#\#):not(#\#):not(#\#) {
    grid-template-columns: 1fr auto 1fr;
  }

  .x1y6fwsi:not(#\#):not(#\#):not(#\#) {
    grid-template-columns: 1fr;
  }

  .x1pmbctz:not(#\#):not(#\#):not(#\#) {
    grid-template-columns: auto 1fr;
  }

  .x1wthsqz:not(#\#):not(#\#):not(#\#) {
    grid-template-columns: auto repeat(7, 1fr);
  }

  .x1mzazjb:not(#\#):not(#\#):not(#\#) {
    grid-template-columns: repeat(7, 1fr);
  }

  .x189bvgu:not(#\#):not(#\#):not(#\#) {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  }

  .xqketvx:not(#\#):not(#\#):not(#\#) {
    grid-template-columns: var(--x-gridTemplateColumns);
  }

  .xihq33y:not(#\#):not(#\#):not(#\#) {
    grid-template-rows: 0fr;
  }

  .x1tu4anv:not(#\#):not(#\#):not(#\#) {
    grid-template-rows: 1fr;
  }

  .xtijo5x:not(#\#):not(#\#):not(#\#) {
    inset-inline-end: 0;
  }

  .x1oinnt5:not(#\#):not(#\#):not(#\#) {
    inset-inline-end: calc((var(--size-element-md) - 20px) / 2 - 1px);
  }

  .x8qlsd8:not(#\#):not(#\#):not(#\#) {
    inset-inline-end: calc((var(--size-element-sm) - 20px) / 2 - 1px);
  }

  .x72tfeb:not(#\#):not(#\#):not(#\#) {
    inset-inline-end: var(--spacing-2);
  }

  .x1o0tod:not(#\#):not(#\#):not(#\#) {
    inset-inline-start: 0;
  }

  .xc8icb0:not(#\#):not(#\#):not(#\#) {
    isolation: isolate;
  }

  .xl56j7k:not(#\#):not(#\#):not(#\#) {
    justify-content: center;
  }

  .x13a6bvl:not(#\#):not(#\#):not(#\#) {
    justify-content: flex-end;
  }

  .x1nhvcw1:not(#\#):not(#\#):not(#\#) {
    justify-content: flex-start;
  }

  .x1l1ennw:not(#\#):not(#\#):not(#\#) {
    justify-content: space-around;
  }

  .x1qughib:not(#\#):not(#\#):not(#\#) {
    justify-content: space-between;
  }

  .xaw8158:not(#\#):not(#\#):not(#\#) {
    justify-content: space-evenly;
  }

  .x1o2pa38:not(#\#):not(#\#):not(#\#) {
    justify-items: center;
  }

  .x4xo5sw:not(#\#):not(#\#):not(#\#) {
    justify-items: end;
  }

  .x619ttb:not(#\#):not(#\#):not(#\#) {
    justify-items: start;
  }

  .xl4xnwh:not(#\#):not(#\#):not(#\#) {
    justify-items: stretch;
  }

  .x7v7x1q:not(#\#):not(#\#):not(#\#) {
    justify-self: center;
  }

  .x1lqcxt8:not(#\#):not(#\#):not(#\#) {
    justify-self: start;
  }

  .x14ju556:not(#\#):not(#\#):not(#\#) {
    line-height: 0;
  }

  .xo5v014:not(#\#):not(#\#):not(#\#) {
    line-height: 1;
  }

  .x19v9tvf:not(#\#):not(#\#):not(#\#) {
    line-height: 22px;
  }

  .x15bjb6t:not(#\#):not(#\#):not(#\#) {
    line-height: inherit;
  }

  .x7acx1w:not(#\#):not(#\#):not(#\#) {
    line-height: var(--spacing-5);
  }

  .xw6l6zx:not(#\#):not(#\#):not(#\#) {
    line-height: var(--text-body-leading);
  }

  .x17iicif:not(#\#):not(#\#):not(#\#) {
    line-height: var(--text-code-leading);
  }

  .x112ttwr:not(#\#):not(#\#):not(#\#) {
    line-height: var(--text-display-1-leading);
  }

  .xh0iwvy:not(#\#):not(#\#):not(#\#) {
    line-height: var(--text-display-2-leading);
  }

  .x1ujwuaq:not(#\#):not(#\#):not(#\#) {
    line-height: var(--text-display-3-leading);
  }

  .xfmsba7:not(#\#):not(#\#):not(#\#) {
    line-height: var(--text-heading-1-leading);
  }

  .x1cpk1wn:not(#\#):not(#\#):not(#\#) {
    line-height: var(--text-heading-2-leading);
  }

  .xwjzt0u:not(#\#):not(#\#):not(#\#) {
    line-height: var(--text-heading-3-leading);
  }

  .xqerer:not(#\#):not(#\#):not(#\#) {
    line-height: var(--text-heading-4-leading);
  }

  .xo3gurs:not(#\#):not(#\#):not(#\#) {
    line-height: var(--text-heading-5-leading);
  }

  .xeixjfn:not(#\#):not(#\#):not(#\#) {
    line-height: var(--text-heading-6-leading);
  }

  .x1kq96og:not(#\#):not(#\#):not(#\#) {
    line-height: var(--text-label-leading);
  }

  .xf74fhv:not(#\#):not(#\#):not(#\#) {
    line-height: var(--text-large-leading);
  }

  .x1ltkj2j:not(#\#):not(#\#):not(#\#) {
    line-height: var(--text-supporting-leading);
  }

  .x3ct3a4:not(#\#):not(#\#):not(#\#) {
    list-style-type: none;
  }

  .x14z9mp:not(#\#):not(#\#):not(#\#) {
    margin-inline-end: 0;
  }

  .x1fcf3bl:not(#\#):not(#\#):not(#\#) {
    margin-inline-end: calc(-1 * var(--container-padding-inline-end, 0px));
  }

  .x1kpg4um:not(#\#):not(#\#):not(#\#) {
    margin-inline-end: calc(-1 * var(--layout-padding-inner-x, var(--spacing-4)));
  }

  .xkd40ry:not(#\#):not(#\#):not(#\#) {
    margin-inline-end: calc(-1 * var(--spacing-1));
  }

  .x3kzqx6:not(#\#):not(#\#):not(#\#) {
    margin-inline-end: calc(-1 * var(--spacing-2));
  }

  .xmequkd:not(#\#):not(#\#):not(#\#) {
    margin-inline-end: calc(var(--spacing-1) * -1);
  }

  .xnur1sd:not(#\#):not(#\#):not(#\#) {
    margin-inline-end: var(--spacing-1);
  }

  .x1qfufaz:not(#\#):not(#\#):not(#\#) {
    margin-inline-start: -8px;
  }

  .x1lziwak:not(#\#):not(#\#):not(#\#) {
    margin-inline-start: 0;
  }

  .xvc5jky:not(#\#):not(#\#):not(#\#) {
    margin-inline-start: auto;
  }

  .xd10s4z:not(#\#):not(#\#):not(#\#) {
    margin-inline-start: calc(-1 * var(--border-width));
  }

  .xojxgvx:not(#\#):not(#\#):not(#\#) {
    margin-inline-start: calc(-1 * var(--container-padding-inline-start, 0px));
  }

  .x1wim8z0:not(#\#):not(#\#):not(#\#) {
    margin-inline-start: calc(-1 * var(--layout-padding-inner-x, var(--spacing-4)));
  }

  .x1xrm450:not(#\#):not(#\#):not(#\#) {
    margin-inline-start: calc(var(--spacing-2) - var(--spacing-1) + 1px);
  }

  .x13hpdyo:not(#\#):not(#\#):not(#\#) {
    margin-inline-start: var(--_avatar-group-overlap);
  }

  .xladpz9:not(#\#):not(#\#):not(#\#) {
    margin-inline-start: var(--spacing-0-5);
  }

  .x11g1kdw:not(#\#):not(#\#):not(#\#) {
    margin-inline-start: var(--spacing-1);
  }

  .x1l10yog:not(#\#):not(#\#):not(#\#) {
    margin-inline-start: var(--spacing-6);
  }

  .xkm2don:not(#\#):not(#\#):not(#\#) {
    -webkit-mask-image: linear-gradient(#0000, #000 24px);
    mask-image: linear-gradient(#0000, #000 24px);
  }

  .xw26lqc:not(#\#):not(#\#):not(#\#) {
    -webkit-mask-image: linear-gradient(#0000, #000 36px);
    mask-image: linear-gradient(#0000, #000 36px);
  }

  .xr5yg4x:not(#\#):not(#\#):not(#\#) {
    -webkit-mask-image: linear-gradient(#0000, #000 48px);
    mask-image: linear-gradient(#0000, #000 48px);
  }

  .xtdd0ob:not(#\#):not(#\#):not(#\#) {
    -webkit-mask-image: linear-gradient(to left,transparent 0%,#0000004d 2px,black var(--spacing-1));
    mask-image: linear-gradient(to left,transparent 0%,#0000004d 2px,black var(--spacing-1));
  }

  .x1b5cd1y:not(#\#):not(#\#):not(#\#) {
    -webkit-mask-image: linear-gradient(to right,transparent 0%,#0000004d 2px,black var(--spacing-1),black calc(100% - var(--spacing-1)),#0000004d calc(100% - 2px),transparent 100%);
    mask-image: linear-gradient(to right,transparent 0%,#0000004d 2px,black var(--spacing-1),black calc(100% - var(--spacing-1)),#0000004d calc(100% - 2px),transparent 100%);
  }

  .x1ujl4f5:not(#\#):not(#\#):not(#\#) {
    -webkit-mask-image: linear-gradient(to right,transparent 0%,#0000004d 2px,black var(--spacing-1));
    mask-image: linear-gradient(to right,transparent 0%,#0000004d 2px,black var(--spacing-1));
  }

  .xw4ya9i:not(#\#):not(#\#):not(#\#) {
    -webkit-mask-image: none;
    mask-image: none;
  }

  .x19kjcj4:not(#\#):not(#\#):not(#\#) {
    object-fit: contain;
  }

  .xl1xv1r:not(#\#):not(#\#):not(#\#) {
    object-fit: cover;
  }

  .x1xyvc85:not(#\#):not(#\#):not(#\#) {
    opacity: .15;
  }

  .xvpkmg4:not(#\#):not(#\#):not(#\#) {
    opacity: .25;
  }

  .xuzhngd:not(#\#):not(#\#):not(#\#) {
    opacity: .3;
  }

  .x3onkmb:not(#\#):not(#\#):not(#\#) {
    opacity: .35;
  }

  .xbyyjgo:not(#\#):not(#\#):not(#\#) {
    opacity: .5;
  }

  .x197sbye:not(#\#):not(#\#):not(#\#) {
    opacity: .6;
  }

  .xg01cxk:not(#\#):not(#\#):not(#\#) {
    opacity: 0;
  }

  .x1hc1fzr:not(#\#):not(#\#):not(#\#) {
    opacity: 1;
  }

  .x1clqncf:not(#\#):not(#\#):not(#\#) {
    order: -1;
  }

  .x1wfwxd8:not(#\#):not(#\#):not(#\#) {
    outline-offset: 0;
  }

  .x1y3gkto:not(#\#):not(#\#):not(#\#) {
    outline-offset: 1px;
  }

  .x1hl8ikr:not(#\#):not(#\#):not(#\#) {
    outline-offset: 2px;
  }

  .x9y5y3v:not(#\#):not(#\#):not(#\#) {
    overflow-clip-margin: 1px;
  }

  .x1mzt3pk:not(#\#):not(#\#):not(#\#) {
    overflow-wrap: break-word;
  }

  .x1h4wwuj:not(#\#):not(#\#):not(#\#) {
    overflow-wrap: normal;
  }

  .xyri2b:not(#\#):not(#\#):not(#\#) {
    padding-inline-end: 0;
  }

  .x64h4k7:not(#\#):not(#\#):not(#\#) {
    padding-inline-end: var(--container-padding-inline-end);
  }

  .x1peupej:not(#\#):not(#\#):not(#\#) {
    padding-inline-end: var(--layout-padding-inner-x, var(--spacing-4));
  }

  .xpc6k2p:not(#\#):not(#\#):not(#\#) {
    padding-inline-end: var(--layout-padding-outer-x, var(--spacing-4));
  }

  .x1le3yxw:not(#\#):not(#\#):not(#\#) {
    padding-inline-end: var(--spacing-0-5);
  }

  .x1s0aq8i:not(#\#):not(#\#):not(#\#) {
    padding-inline-end: var(--spacing-0);
  }

  .x17hk9do:not(#\#):not(#\#):not(#\#) {
    padding-inline-end: var(--spacing-1-5);
  }

  .x1nryj5t:not(#\#):not(#\#):not(#\#) {
    padding-inline-end: var(--spacing-1);
  }

  .x160ivqr:not(#\#):not(#\#):not(#\#) {
    padding-inline-end: var(--spacing-10);
  }

  .x1djylfy:not(#\#):not(#\#):not(#\#) {
    padding-inline-end: var(--spacing-2);
  }

  .x1t818jl:not(#\#):not(#\#):not(#\#) {
    padding-inline-end: var(--spacing-3);
  }

  .xnjyzlh:not(#\#):not(#\#):not(#\#) {
    padding-inline-end: var(--spacing-4);
  }

  .xdbrk9v:not(#\#):not(#\#):not(#\#) {
    padding-inline-end: var(--spacing-5);
  }

  .x1we12cn:not(#\#):not(#\#):not(#\#) {
    padding-inline-end: var(--spacing-6);
  }

  .x1q91b2g:not(#\#):not(#\#):not(#\#) {
    padding-inline-end: var(--spacing-8);
  }

  .x1c1uobl:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: 0;
  }

  .x1f43n9v:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: calc(16px + var(--spacing-1-5));
  }

  .x2a0j69:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: calc(var(--spacing-2) - var(--spacing-1) + 1px);
  }

  .x1c35znw:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: var(--container-padding-inline-start);
  }

  .xwjyata:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: var(--layout-padding-inner-x, var(--spacing-4));
  }

  .x139j0dd:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: var(--layout-padding-outer-x, var(--spacing-4));
  }

  .x138rykx:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: var(--spacing-0-5);
  }

  .x18gyask:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: var(--spacing-0);
  }

  .xfti1ec:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: var(--spacing-1-5);
  }

  .x1vsv5vr:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: var(--spacing-1);
  }

  .xqp078j:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: var(--spacing-10);
  }

  .xc8afjc:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: var(--spacing-11);
  }

  .x19b7t93:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: var(--spacing-12);
  }

  .x12gdq22:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: var(--spacing-2);
  }

  .x126nfab:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: var(--spacing-3);
  }

  .x1rey3nv:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: var(--spacing-4);
  }

  .x1blguxw:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: var(--spacing-5);
  }

  .x31w388:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: var(--spacing-6);
  }

  .xchaq28:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: var(--spacing-7);
  }

  .x1j3hnjz:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: var(--spacing-8);
  }

  .x67bb7w:not(#\#):not(#\#):not(#\#) {
    pointer-events: auto;
  }

  .x47corl:not(#\#):not(#\#):not(#\#) {
    pointer-events: none;
  }

  .x1tsffl5:not(#\#):not(#\#):not(#\#) {
    position-anchor: --outline-active;
  }

  .x10l6tqk:not(#\#):not(#\#):not(#\#) {
    position: absolute;
  }

  .xixxii4:not(#\#):not(#\#):not(#\#) {
    position: fixed;
  }

  .x1n2onr6:not(#\#):not(#\#):not(#\#) {
    position: relative;
  }

  .x7wzq59:not(#\#):not(#\#):not(#\#) {
    position: sticky;
  }

  .xtt52l0:not(#\#):not(#\#):not(#\#) {
    resize: none;
  }

  .x288g5:not(#\#):not(#\#):not(#\#) {
    resize: vertical;
  }

  .xajebq8:not(#\#):not(#\#):not(#\#) {
    row-gap: calc(var(--spacing-1) - 1px);
  }

  .x1tw44j4:not(#\#):not(#\#):not(#\#) {
    row-gap: var(--spacing-0-5);
  }

  .x6yxi7o:not(#\#):not(#\#):not(#\#) {
    row-gap: var(--spacing-0);
  }

  .xhq53yo:not(#\#):not(#\#):not(#\#) {
    row-gap: var(--spacing-1-5);
  }

  .x1ngg2t4:not(#\#):not(#\#):not(#\#) {
    row-gap: var(--spacing-1);
  }

  .x1xpicb7:not(#\#):not(#\#):not(#\#) {
    row-gap: var(--spacing-10);
  }

  .x1x7z4sm:not(#\#):not(#\#):not(#\#) {
    row-gap: var(--spacing-2);
  }

  .x4olc9o:not(#\#):not(#\#):not(#\#) {
    row-gap: var(--spacing-3);
  }

  .xtx9w7w:not(#\#):not(#\#):not(#\#) {
    row-gap: var(--spacing-4);
  }

  .x1iu6piu:not(#\#):not(#\#):not(#\#) {
    row-gap: var(--spacing-5);
  }

  .xczp1bk:not(#\#):not(#\#):not(#\#) {
    row-gap: var(--spacing-6);
  }

  .xgx0vcf:not(#\#):not(#\#):not(#\#) {
    row-gap: var(--spacing-8);
  }

  .xkcv6ua:not(#\#):not(#\#):not(#\#) {
    scroll-behavior: smooth;
  }

  .x1bhewko:not(#\#):not(#\#):not(#\#) {
    scroll-snap-align: start;
  }

  .x1rohswg:not(#\#):not(#\#):not(#\#) {
    scrollbar-width: none;
  }

  .xeq4nuv:not(#\#):not(#\#):not(#\#) {
    tab-size: 2;
  }

  .x1drmoe9:not(#\#):not(#\#):not(#\#) {
    table-layout: auto;
  }

  .x140o2bo:not(#\#):not(#\#):not(#\#) {
    table-layout: fixed;
  }

  .x2b8uid:not(#\#):not(#\#):not(#\#) {
    text-align: center;
  }

  .xp4054r:not(#\#):not(#\#):not(#\#) {
    text-align: end;
  }

  .x16tdsg8:not(#\#):not(#\#):not(#\#) {
    text-align: inherit;
  }

  .xdpxx8g:not(#\#):not(#\#):not(#\#) {
    text-align: left;
  }

  .x1hr2gdg:not(#\#):not(#\#):not(#\#) {
    text-align: right;
  }

  .x1yc453h:not(#\#):not(#\#):not(#\#) {
    text-align: start;
  }

  .x1b2iylo:not(#\#):not(#\#):not(#\#) {
    text-box-edge: cap alphabetic;
  }

  .xwgcxoh:not(#\#):not(#\#):not(#\#) {
    text-box-trim: trim-both;
  }

  .xycaml9:not(#\#):not(#\#):not(#\#) {
    -webkit-text-decoration-color: var(--color-border-emphasized);
    text-decoration-color: var(--color-border-emphasized);
  }

  .xujl8zx:not(#\#):not(#\#):not(#\#) {
    text-decoration-line: underline;
  }

  .xev0dqp:not(#\#):not(#\#):not(#\#) {
    text-decoration-style: dashed;
  }

  .xlyipyv:not(#\#):not(#\#):not(#\#) {
    text-overflow: ellipsis;
  }

  .xtvhhri:not(#\#):not(#\#):not(#\#) {
    text-transform: uppercase;
  }

  .xrys4gj:not(#\#):not(#\#):not(#\#) {
    text-underline-offset: 2px;
  }

  .x11b3rvo:not(#\#):not(#\#):not(#\#) {
    text-underline-offset: var(--spacing-0-5);
  }

  .x1w2vvpw:not(#\#):not(#\#):not(#\#) {
    text-wrap: balance;
  }

  .xebhuq6:not(#\#):not(#\#):not(#\#) {
    text-wrap: nowrap;
  }

  .x1fzhlzt:not(#\#):not(#\#):not(#\#) {
    text-wrap: pretty;
  }

  .xk4td0m:not(#\#):not(#\#):not(#\#) {
    text-wrap: wrap;
  }

  .x5ve5x3:not(#\#):not(#\#):not(#\#) {
    touch-action: none;
  }

  .xx69xxh:not(#\#):not(#\#):not(#\#) {
    touch-action: pan-y;
  }

  .x1g0ag68:not(#\#):not(#\#):not(#\#) {
    transform-origin: center;
  }

  .x1c071of:not(#\#):not(#\#):not(#\#) {
    transform: none;
  }

  .x7p49u4:not(#\#):not(#\#):not(#\#) {
    transform: rotate(0);
  }

  .x19jd1h0:not(#\#):not(#\#):not(#\#) {
    transform: rotate(180deg);
  }

  .x1iffjtl:not(#\#):not(#\#):not(#\#) {
    transform: rotate(90deg);
  }

  .x3oybdh:not(#\#):not(#\#):not(#\#) {
    transform: scale(1);
  }

  .x11lhmoz:not(#\#):not(#\#):not(#\#) {
    transform: translate(-50%, -50%);
  }

  .x31h1t8:not(#\#):not(#\#):not(#\#) {
    transform: translate(-50%, 100%);
  }

  .x1m9mm8y:not(#\#):not(#\#):not(#\#) {
    transform: translate(-50%, 50%);
  }

  .x4v1no5:not(#\#):not(#\#):not(#\#) {
    transform: translate(50%, 50%);
  }

  .x5i6ehr:not(#\#):not(#\#):not(#\#) {
    transform: translateX(-100%);
  }

  .xuuh30:not(#\#):not(#\#):not(#\#) {
    transform: translateX(-50%);
  }

  .xbryuvx:not(#\#):not(#\#):not(#\#) {
    transform: translateX(0);
  }

  .xumwmo6:not(#\#):not(#\#):not(#\#) {
    transform: translateX(100%);
  }

  .x15481yp:not(#\#):not(#\#):not(#\#) {
    transform: translateX(14px);
  }

  .xitnhlw:not(#\#):not(#\#):not(#\#) {
    transform: translateX(50%);
  }

  .x105ttfm:not(#\#):not(#\#):not(#\#) {
    transform: translateY(-100%);
  }

  .x19xzu86:not(#\#):not(#\#):not(#\#) {
    transform: translateY(-3px)scale(.985);
  }

  .x1bvilyr:not(#\#):not(#\#):not(#\#) {
    transform: translateY(-4px);
  }

  .x1cb1t30:not(#\#):not(#\#):not(#\#) {
    transform: translateY(-50%);
  }

  .xp0htlv:not(#\#):not(#\#):not(#\#) {
    transform: translateY(-6px)scale(.97);
  }

  .x1lm5u:not(#\#):not(#\#):not(#\#) {
    transform: translateY(-8px);
  }

  .xnn1q72:not(#\#):not(#\#):not(#\#) {
    transform: translateY(0);
  }

  .x1weeur4:not(#\#):not(#\#):not(#\#) {
    transform: translateY(100%);
  }

  .x131p8rn:not(#\#):not(#\#):not(#\#) {
    transform: translateY(50%);
  }

  .xsqj5wx:not(#\#):not(#\#):not(#\#) {
    transform: var(--x-transform);
  }

  .xd00j3c:not(#\#):not(#\#):not(#\#) {
    transition-behavior: allow-discrete;
  }

  .x5h36tt:not(#\#):not(#\#):not(#\#) {
    transition-delay: .15s;
  }

  .x1ahifba:not(#\#):not(#\#):not(#\#) {
    transition-delay: 0s;
  }

  .x10b1n17:not(#\#):not(#\#):not(#\#) {
    transition-delay: var(--duration-fast);
  }

  .x11bq7d0:not(#\#):not(#\#):not(#\#) {
    transition-duration: 60ms;
  }

  .xx6bhzk:not(#\#):not(#\#):not(#\#) {
    transition-duration: .15s;
  }

  .x13dflua:not(#\#):not(#\#):not(#\#) {
    transition-duration: .2s;
  }

  .xjd9b36:not(#\#):not(#\#):not(#\#) {
    transition-duration: 1ms;
  }

  .x2rcmwa:not(#\#):not(#\#):not(#\#) {
    transition-duration: var(--duration-fast-max);
  }

  .xkvfbh3:not(#\#):not(#\#):not(#\#) {
    transition-duration: var(--duration-fast-min);
  }

  .xuedmi6:not(#\#):not(#\#):not(#\#) {
    transition-duration: var(--duration-fast);
  }

  .xgneliz:not(#\#):not(#\#):not(#\#) {
    transition-duration: var(--duration-medium-min);
  }

  .x80gvsz:not(#\#):not(#\#):not(#\#) {
    transition-duration: var(--duration-medium);
  }

  .x1eaenvl:not(#\#):not(#\#):not(#\#) {
    transition-property: background-color, border-color, color;
  }

  .xts7igz:not(#\#):not(#\#):not(#\#) {
    transition-property: background-color, border-color;
  }

  .x106061f:not(#\#):not(#\#):not(#\#) {
    transition-property: background-color, box-shadow;
  }

  .xs2xxs2:not(#\#):not(#\#):not(#\#) {
    transition-property: background-color, color;
  }

  .x1e8aii2:not(#\#):not(#\#):not(#\#) {
    transition-property: background-color, opacity;
  }

  .x15406qy:not(#\#):not(#\#):not(#\#) {
    transition-property: background-color;
  }

  .xrafxwg:not(#\#):not(#\#):not(#\#) {
    transition-property: background-image, background-color, color, opacity, transform;
  }

  .x12qzo2w:not(#\#):not(#\#):not(#\#) {
    transition-property: background-image;
  }

  .x1tv3a4w:not(#\#):not(#\#):not(#\#) {
    transition-property: border-color, box-shadow, background-color;
  }

  .x12zzom9:not(#\#):not(#\#):not(#\#) {
    transition-property: border-color, box-shadow;
  }

  .x16mfhj0:not(#\#):not(#\#):not(#\#) {
    transition-property: box-shadow, border-color;
  }

  .x1vix5yk:not(#\#):not(#\#):not(#\#) {
    transition-property: color, background-color, box-shadow;
  }

  .x1mpt4pi:not(#\#):not(#\#):not(#\#) {
    transition-property: color, -webkit-text-decoration, text-decoration;
  }

  .xt3l3uh:not(#\#):not(#\#):not(#\#) {
    transition-property: color;
  }

  .xjshnde:not(#\#):not(#\#):not(#\#) {
    transition-property: grid-template-rows, padding;
  }

  .x1qn9uv2:not(#\#):not(#\#):not(#\#) {
    transition-property: grid-template-rows;
  }

  .x157bb6t:not(#\#):not(#\#):not(#\#) {
    transition-property: -webkit-mask-image, mask-image;
  }

  .x13b0p5u:not(#\#):not(#\#):not(#\#) {
    transition-property: none;
  }

  .x1wbls7o:not(#\#):not(#\#):not(#\#) {
    transition-property: opacity, background-color, transform;
  }

  .xnpjden:not(#\#):not(#\#):not(#\#) {
    transition-property: opacity, background-color;
  }

  .x1kx2cm7:not(#\#):not(#\#):not(#\#) {
    transition-property: opacity, box-shadow;
  }

  .xsm4mo9:not(#\#):not(#\#):not(#\#) {
    transition-property: opacity, display, overlay;
  }

  .x1apppo2:not(#\#):not(#\#):not(#\#) {
    transition-property: opacity, transform, max-width;
  }

  .x4bbghf:not(#\#):not(#\#):not(#\#) {
    transition-property: opacity, transform, overlay, display;
  }

  .x6o7n8i:not(#\#):not(#\#):not(#\#) {
    transition-property: opacity, transform;
  }

  .xxup5nn:not(#\#):not(#\#):not(#\#) {
    transition-property: opacity, visibility, transform;
  }

  .x19991ni:not(#\#):not(#\#):not(#\#) {
    transition-property: opacity;
  }

  .x1xuz8iz:not(#\#):not(#\#):not(#\#) {
    transition-property: top, height;
  }

  .x18dpk69:not(#\#):not(#\#):not(#\#) {
    transition-property: transform, background-color;
  }

  .xh3q6i0:not(#\#):not(#\#):not(#\#) {
    transition-property: transform, width, height;
  }

  .x11xpdln:not(#\#):not(#\#):not(#\#) {
    transition-property: transform;
  }

  .xxrbq2n:not(#\#):not(#\#):not(#\#) {
    transition-property: width;
  }

  .x9lcvmn:not(#\#):not(#\#):not(#\#) {
    transition-timing-function: ease-out;
  }

  .xlr8y92:not(#\#):not(#\#):not(#\#) {
    transition-timing-function: var(--ease-standard);
  }

  .x87ps6o:not(#\#):not(#\#):not(#\#) {
    -webkit-user-select: none;
    user-select: none;
  }

  .x11njtxf:not(#\#):not(#\#):not(#\#) {
    vertical-align: baseline;
  }

  .x3ajldb:not(#\#):not(#\#):not(#\#) {
    vertical-align: bottom;
  }

  .xxymvpz:not(#\#):not(#\#):not(#\#) {
    vertical-align: middle;
  }

  .x1v0h343:not(#\#):not(#\#):not(#\#) {
    vertical-align: super;
  }

  .x16dsc37:not(#\#):not(#\#):not(#\#) {
    vertical-align: top;
  }

  .xlshs6z:not(#\#):not(#\#):not(#\#) {
    visibility: hidden;
  }

  .xnpuxes:not(#\#):not(#\#):not(#\#) {
    visibility: visible;
  }

  .xeaf4i8:not(#\#):not(#\#):not(#\#) {
    white-space: normal;
  }

  .xuxw1ft:not(#\#):not(#\#):not(#\#) {
    white-space: nowrap;
  }

  .x126k92a:not(#\#):not(#\#):not(#\#) {
    white-space: pre-wrap;
  }

  .x1sdyfia:not(#\#):not(#\#):not(#\#) {
    white-space: pre;
  }

  .x1yn0g08:not(#\#):not(#\#):not(#\#) {
    word-break: break-all;
  }

  .x13faqbe:not(#\#):not(#\#):not(#\#) {
    word-break: break-word;
  }

  .x1lldw8n:not(#\#):not(#\#):not(#\#) {
    word-break: normal;
  }

  .x1ja2u2z:not(#\#):not(#\#):not(#\#) {
    z-index: 0;
  }

  .x1vjfegm:not(#\#):not(#\#):not(#\#) {
    z-index: 1;
  }

  .xhtitgo:not(#\#):not(#\#):not(#\#) {
    z-index: 2;
  }

  .xzkaem6:not(#\#):not(#\#):not(#\#) {
    z-index: 3;
  }

  .x6cuj84:not(#\#):not(#\#):not(#\#) {
    z-index: 500;
  }

  .x1q2oy4v:not(#\#):not(#\#):not(#\#) {
    z-index: 9999;
  }

  .x1v2claj.x1v2claj:where(.x84s7jz:focus-within *):not(#\#):not(#\#):not(#\#) {
    opacity: 1;
  }

  .xs4y3kv.xs4y3kv:where(.x1g2q90y:focus-visible *):not(#\#):not(#\#):not(#\#) {
    outline-offset: 2px;
  }

  .x3730vf.x3730vf:where(.x84s7jz:focus-within *):not(#\#):not(#\#):not(#\#) {
    pointer-events: auto;
  }

  .xuqivmr.xuqivmr:where(.x84s7jz:focus-within *):not(#\#):not(#\#):not(#\#) {
    transform: translateY(0);
  }

  .x7v6acp.x7v6acp:where(.x84s7jz:focus-within *):not(#\#):not(#\#):not(#\#) {
    visibility: visible;
  }

  .xuihb5h:focus-within:not(#\#):not(#\#):not(#\#) {
    box-shadow: inset 0 0 0 2px var(--color-accent-muted);
  }

  .xyavpck:focus-within:not(#\#):not(#\#):not(#\#) {
    box-shadow: var(--shadow-med);
  }

  .x10wafsz:focus-within:not(#\#):not(#\#):not(#\#) {
    clip-path: none;
  }

  .x1sik18w:not(:first-child):not(#\#):not(#\#):not(#\#) {
    margin-inline-start: var(--_avatar-group-overlap);
  }

  .x25t5g8:focus-visible:not(#\#):not(#\#):not(#\#), .xof6bs:is(th:hover *):not(#\#):not(#\#):not(#\#) {
    opacity: 1;
  }

  .xofkqq2:popover-open:not(#\#):not(#\#):not(#\#) {
    opacity: 1;
  }

  .x1edzap1.x1edzap1:where(.x1iwu4tg:has(:focus-visible) *):not(#\#):not(#\#):not(#\#), .x7s97pk:focus-visible:not(#\#):not(#\#):not(#\#), .x81n7kt.x81n7kt:where(.x1tspnpo:has(:focus-visible) *):not(#\#):not(#\#):not(#\#) {
    outline-offset: 2px;
  }

  .x13aywxo:focus-visible:not(#\#):not(#\#):not(#\#) {
    outline-offset: var(--button-focus-offset);
  }

  .xh2nty3:focus-visible:not(#\#):not(#\#):not(#\#) {
    outline-offset: var(--spacing-0-5);
  }

  .xbt4iw:focus-within:not(#\#):not(#\#):not(#\#) {
    pointer-events: auto;
  }

  .x1mqgsch[data-astryx-scrolling]:not(#\#):not(#\#):not(#\#) {
    scrollbar-width: none;
  }

  .x1df3fe5:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#) {
    transform: translateX(-100%);
  }

  .xttggg:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#) {
    transform: translateX(100%);
  }

  .x9cjr8z:popover-open:not(#\#):not(#\#):not(#\#) {
    transform: translateY(0);
  }

  .x1rm9qnc:focus-within:not(#\#):not(#\#):not(#\#) {
    z-index: 1;
  }

  .x1vej5at:has( + [popover] + [popover]:last-child):not(#\#):not(#\#):not(#\#) {
    border-end-end-radius: var(--radius-element);
  }

  .xxd14kb:has( + [popover]:last-child):not(#\#):not(#\#):not(#\#) {
    border-end-end-radius: var(--radius-element);
  }

  .x1ir7nn6:has( + [popover] + [popover]:last-child):not(#\#):not(#\#):not(#\#) {
    border-start-end-radius: var(--radius-element);
  }

  .xpufgd0:has( + [popover]:last-child):not(#\#):not(#\#):not(#\#) {
    border-start-end-radius: var(--radius-element);
  }

  .x92e2el:has( > [data-astryx-edge-comp]:last-child):not(#\#):not(#\#):not(#\#) {
    margin-inline-end: var(--x-4drmnv);
  }

  .x1kftj4p:has( > [data-astryx-edge-comp]:first-child):not(#\#):not(#\#):not(#\#) {
    margin-inline-start: var(--x-126w13d);
  }

  .xdjuwb3:has(:focus-visible):not(#\#):not(#\#):not(#\#) {
    outline-offset: 2px;
  }

  .x1betex2:has(.astryx-navicon):not(#\#):not(#\#):not(#\#) {
    padding-inline-start: 0;
  }

  .x1xrp5p4:first-child:not(#\#):not(#\#):not(#\#) {
    border-end-start-radius: var(--radius-element);
  }

  .xyf0ibl:first-child:not(#\#):not(#\#):not(#\#) {
    border-inline-start-style: none;
  }

  .x1pjv70x:first-child:not(#\#):not(#\#):not(#\#) {
    border-inline-start-width: 0;
  }

  .x2qxyot:first-child:not(#\#):not(#\#):not(#\#) {
    border-start-end-radius: var(--radius-element);
  }

  .x8eehn2:first-child:not(#\#):not(#\#):not(#\#) {
    border-start-start-radius: var(--radius-element);
  }

  .x1pwwqoy:first-child:not(#\#):not(#\#):not(#\#) {
    margin-inline-start: 0;
  }

  .x5uh4xs:first-child:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: max(var(--container-padding-inline-start, var(--spacing-2)),var(--spacing-2));
  }

  .x9bi00s:first-child:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: max(var(--container-padding-inline-start, var(--spacing-3)),var(--spacing-2));
  }

  .x18c6q21:first-child:not(#\#):not(#\#):not(#\#) {
    padding-inline-start: max(var(--container-padding-inline-start, var(--spacing-4)),var(--spacing-2));
  }

  .x747jw7:last-child:not(#\#):not(#\#):not(#\#) {
    border-end-end-radius: var(--radius-element);
  }

  .x1yp72r9:last-child:not(#\#):not(#\#):not(#\#) {
    border-end-start-radius: var(--radius-element);
  }

  .x11xp8u1:last-child:not(#\#):not(#\#):not(#\#) {
    border-start-end-radius: var(--radius-element);
  }

  .xbg7gas:last-child:not(#\#):not(#\#):not(#\#) {
    padding-inline-end: max(var(--container-padding-inline-end, var(--spacing-2)),var(--spacing-2));
  }

  .xpilulx:last-child:not(#\#):not(#\#):not(#\#) {
    padding-inline-end: max(var(--container-padding-inline-end, var(--spacing-3)),var(--spacing-2));
  }

  .x1wzlfcn:last-child:not(#\#):not(#\#):not(#\#) {
    padding-inline-end: max(var(--container-padding-inline-end, var(--spacing-4)),var(--spacing-2));
  }

  .x1dnou9g:nth-child(2n):not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-background-muted);
  }

  .x1uwx2nv:hover:not(#\#):not(#\#):not(#\#), .x1c52tdz:focus:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-overlay-hover);
  }

  .x1rsz1da:focus:not(#\#):not(#\#):not(#\#) {
    clip-path: none;
  }

  .xodanix:focus:not(#\#):not(#\#):not(#\#) {
    inset-inline-start: var(--spacing-2);
  }

  .x1xrnuwo:focus:not(#\#):not(#\#):not(#\#) {
    position: fixed;
  }

  .x1hbpcn8:focus:not(#\#):not(#\#):not(#\#) {
    white-space: normal;
  }

  .xjtnuge:active:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-neutral);
  }

  .xyxi2l3:active:not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-overlay-pressed);
  }

  .x1nocapi:active:not(#\#):not(#\#):not(#\#) {
    background-image: linear-gradient(var(--color-overlay-pressed),var(--color-overlay-pressed)),linear-gradient(var(--color-neutral),var(--color-neutral));
  }

  .xq8i9tn:active:not(#\#):not(#\#):not(#\#) {
    background-image: linear-gradient(var(--color-overlay-pressed),var(--color-overlay-pressed));
  }

  .xuqm82a:active:not(#\#):not(#\#):not(#\#) {
    background-image: none;
  }

  .x1tmayz8:active:not(#\#):not(#\#):not(#\#) {
    opacity: .75;
  }

  .x1pdlv7q:active:not(#\#):not(#\#):not(#\#) {
    transform: none;
  }

  .xk4oym4:active:not(#\#):not(#\#):not(#\#) {
    transform: scale(.98);
  }

  @media (prefers-reduced-motion: reduce) {
    .x14q22ui.x14q22ui:not(#\#):not(#\#):not(#\#) {
      animation-delay: 0s;
    }

    .xnh0sag.xnh0sag:not(#\#):not(#\#):not(#\#) {
      animation-duration: 3s;
    }

    .x1aquc0h.x1aquc0h:not(#\#):not(#\#):not(#\#) {
      animation-name: none;
    }
  }

  @media (prefers-contrast: more) {
    .x1r1p5j5.x1r1p5j5:not(#\#):not(#\#):not(#\#) {
      background-color: var(--color-skeleton);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .x1r1p5j5.x1r1p5j5:not(#\#):not(#\#):not(#\#) {
        background-color: color-mix(in srgb,var(--color-skeleton),var(--color-text-primary) 30%);
      }
    }
  }

  @media (hover: hover) {
    .x2dt3px.x2dt3px:not(#\#):not(#\#):not(#\#) {
      cursor: zoom-in;
    }
  }

  @media (max-width: 480px) {
    .xedohl4.xedohl4:not(#\#):not(#\#):not(#\#) {
      display: flex;
    }
  }

  @media (pointer: coarse) {
    .xhj50sb.xhj50sb:not(#\#):not(#\#):not(#\#) {
      display: none;
    }
  }

  @media (max-width: 480px) {
    .x1rpgqan.x1rpgqan:not(#\#):not(#\#):not(#\#) {
      flex-direction: column;
    }
  }

  @media (pointer: coarse) {
    .x6pjikd.x6pjikd:not(#\#):not(#\#):not(#\#) {
      font-size: max(1rem,var(--text-body-size));
    }

    .xdk3u5w.xdk3u5w:not(#\#):not(#\#):not(#\#) {
      font-size: max(1rem,var(--text-label-size));
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .xg83hb1.xg83hb1:not(#\#):not(#\#):not(#\#) {
      scroll-behavior: auto;
    }

    .xsagj69.xsagj69:not(#\#):not(#\#):not(#\#) {
      transition-duration: .01ms;
    }

    .xzg1mie.xzg1mie:not(#\#):not(#\#):not(#\#) {
      transition-duration: 10ms;
    }

    .x12w9bfk.x12w9bfk:not(#\#):not(#\#):not(#\#) {
      transition-duration: 0s;
    }

    .x4wkmsb.x4wkmsb:not(#\#):not(#\#):not(#\#) {
      transition-property: none;
    }
  }

  @media (hover: hover) {
    .x11ppjs.x11ppjs.x11ppjs:where(.x1iwu4tg:hover *):not(#\#):not(#\#):not(#\#) {
      background-color: var(--color-accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .x11ppjs.x11ppjs.x11ppjs:where(.x1iwu4tg:hover *):not(#\#):not(#\#):not(#\#) {
        background-color: color-mix(in srgb,var(--color-accent),var(--color-tint-hover) 15%);
      }
    }

    .x6aeo4j.x6aeo4j.x6aeo4j:where(.x1tspnpo:hover *):not(#\#):not(#\#):not(#\#) {
      background-color: var(--color-accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .x6aeo4j.x6aeo4j.x6aeo4j:where(.x1tspnpo:hover *):not(#\#):not(#\#):not(#\#) {
        background-color: color-mix(in srgb,var(--color-accent),var(--color-tint-hover) 15%);
      }
    }

    .xwnx32n.xwnx32n.xwnx32n:where(.xklqth5:hover *):not(#\#):not(#\#):not(#\#) {
      background-color: var(--color-accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .xwnx32n.xwnx32n.xwnx32n:where(.xklqth5:hover *):not(#\#):not(#\#):not(#\#) {
        background-color: color-mix(in srgb,var(--color-accent),var(--color-tint-hover) 15%);
      }
    }

    .x13wei8l.x13wei8l.x13wei8l:where(.x1iwu4tg:hover *):not(#\#):not(#\#):not(#\#) {
      background-color: var(--color-background-gray);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .x13wei8l.x13wei8l.x13wei8l:where(.x1iwu4tg:hover *):not(#\#):not(#\#):not(#\#) {
        background-color: color-mix(in srgb,var(--color-background-gray),var(--color-tint-hover) 5%);
      }
    }

    .xrsv7h.xrsv7h.xrsv7h:where(.x1tspnpo:hover *):not(#\#):not(#\#):not(#\#) {
      background-color: var(--color-background-surface);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .xrsv7h.xrsv7h.xrsv7h:where(.x1tspnpo:hover *):not(#\#):not(#\#):not(#\#) {
        background-color: color-mix(in srgb,var(--color-background-surface),var(--color-tint-hover) 5%);
      }
    }

    .xy1ay1n.xy1ay1n.xy1ay1n:where(.xklqth5:hover *):not(#\#):not(#\#):not(#\#) {
      background-color: var(--color-background-surface);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .xy1ay1n.xy1ay1n.xy1ay1n:where(.xklqth5:hover *):not(#\#):not(#\#):not(#\#) {
        background-color: color-mix(in srgb,var(--color-background-surface),var(--color-tint-hover) 5%);
      }
    }

    .x1cjfj8k.x1cjfj8k.x1cjfj8k:where(.x1tspnpo:hover *):not(#\#):not(#\#):not(#\#) {
      background-color: var(--color-background-muted);
    }

    .x1pe4z86.x1pe4z86.x1pe4z86:where(.x-default-marker:hover *):not(#\#):not(#\#):not(#\#) {
      background-color: var(--color-icon-primary);
    }

    .x1a1zr74.x1a1zr74.x1a1zr74:where(.x1u3b27q:hover *):not(#\#):not(#\#):not(#\#) {
      background-color: var(--color-overlay-hover);
    }

    .x1t9gxa6.x1t9gxa6.x1t9gxa6:where(.x-default-marker:hover *):not(#\#):not(#\#):not(#\#) {
      color: var(--color-text-primary);
    }

    .xcwhr9z.xcwhr9z.xcwhr9z:where(.x84s7jz:hover *):not(#\#):not(#\#):not(#\#) {
      opacity: 1;
    }

    .x8ydxbz.x8ydxbz.x8ydxbz:where(.x84s7jz:hover *):not(#\#):not(#\#):not(#\#) {
      pointer-events: auto;
    }

    .x17hxqr7.x17hxqr7.x17hxqr7:where(.x84s7jz:hover *):not(#\#):not(#\#):not(#\#) {
      transform: translateY(0);
    }

    .xneequu.xneequu.xneequu:where(.x84s7jz:hover *):not(#\#):not(#\#):not(#\#) {
      visibility: visible;
    }

    .x70dsy8.x70dsy8:hover:not(:focus-within):not(#\#):not(#\#):not(#\#) {
      box-shadow: inset 0 0 0 2px var(--color-accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .x70dsy8.x70dsy8:hover:not(:focus-within):not(#\#):not(#\#):not(#\#) {
        box-shadow: inset 0 0 0 2px color-mix(in srgb,var(--color-accent) 20%,transparent);
      }
    }

    .x12y27fx.x12y27fx:hover:not(:focus-within):not(#\#):not(#\#):not(#\#) {
      box-shadow: inset 0 0 0 2px var(--color-border-emphasized);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .x12y27fx.x12y27fx:hover:not(:focus-within):not(#\#):not(#\#):not(#\#) {
        box-shadow: inset 0 0 0 2px color-mix(in srgb,var(--color-border-emphasized) 30%,transparent);
      }
    }

    .xl68szm.xl68szm:hover:not(:focus-within):not(#\#):not(#\#):not(#\#) {
      box-shadow: var(--shadow-inset-error);
    }

    .xig9bu2.xig9bu2:hover:not(:focus-within):not(#\#):not(#\#):not(#\#) {
      box-shadow: var(--shadow-inset-success);
    }

    .xnoa3fc.xnoa3fc:hover:not(:focus-within):not(#\#):not(#\#):not(#\#) {
      box-shadow: var(--shadow-inset-warning);
    }

    .xyxu9wt.xyxu9wt:hover:not(#\#):not(#\#):not(#\#) {
      background-color: var(--color-accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .xyxu9wt.xyxu9wt:hover:not(#\#):not(#\#):not(#\#) {
        background-color: color-mix(in srgb,var(--color-accent),var(--color-tint-hover) 15%);
      }
    }

    .x1h6wuyy.x1h6wuyy:hover:not(#\#):not(#\#):not(#\#) {
      background-color: #0000;
    }

    .x1sua13m.x1sua13m:hover:not(#\#):not(#\#):not(#\#) {
      background-color: var(--color-neutral);
    }

    .xe9uy6x.xe9uy6x:hover:not(#\#):not(#\#):not(#\#) {
      background-color: var(--color-overlay-hover);
    }

    .xbfmc0r.xbfmc0r:hover:not(#\#):not(#\#):not(#\#) {
      background-image: linear-gradient(var(--color-overlay-hover),var(--color-overlay-hover)),linear-gradient(var(--color-neutral),var(--color-neutral));
    }

    .x1ilzqfv.x1ilzqfv:hover:not(#\#):not(#\#):not(#\#) {
      background-image: linear-gradient(var(--color-overlay-hover),var(--color-overlay-hover));
    }

    .x8o3jvd.x8o3jvd:hover:not(#\#):not(#\#):not(#\#) {
      background-image: none;
    }

    .xw6ruzt.xw6ruzt:hover:not(#\#):not(#\#):not(#\#) {
      box-shadow: inset 0 0 0 2px var(--color-accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .xw6ruzt.xw6ruzt:hover:not(#\#):not(#\#):not(#\#) {
        box-shadow: inset 0 0 0 2px color-mix(in srgb,var(--color-accent) 20%,transparent);
      }
    }

    .xhouywz.xhouywz:hover:not(#\#):not(#\#):not(#\#) {
      box-shadow: var(--shadow-med);
    }

    .x17qfo7y.x17qfo7y:hover:not(#\#):not(#\#):not(#\#) {
      color: var(--color-text-accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .x17qfo7y.x17qfo7y:hover:not(#\#):not(#\#):not(#\#) {
        color: color-mix(in srgb,var(--color-text-accent),var(--color-tint-hover) 15%);
      }
    }

    .x4z56r7.x4z56r7:hover:not(#\#):not(#\#):not(#\#) {
      color: var(--color-text-primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .x4z56r7.x4z56r7:hover:not(#\#):not(#\#):not(#\#) {
        color: color-mix(in srgb,var(--color-text-primary),var(--color-tint-hover) 15%);
      }
    }

    .x7ruf5d.x7ruf5d:hover:not(#\#):not(#\#):not(#\#) {
      color: var(--color-text-secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .x7ruf5d.x7ruf5d:hover:not(#\#):not(#\#):not(#\#) {
        color: color-mix(in srgb,var(--color-text-secondary),var(--color-tint-hover) 15%);
      }
    }

    .x140uwzg.x140uwzg:hover:not(#\#):not(#\#):not(#\#) {
      color: var(--color-text-primary);
    }

    .xzomjkg.xzomjkg:hover:not(#\#):not(#\#):not(#\#) {
      opacity: .85;
    }
  }

  .xib2hle:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-bottom-color: var(--color-border-emphasized);
  }

  .xw8gpjh:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-bottom-color: var(--color-border);
  }

  .xfrllxf:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-bottom-left-radius: 0;
  }

  .x6bqyzk:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-bottom-left-radius: var(--_chat-composer-radius);
  }

  .xv76oww:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-bottom-left-radius: var(--radius-container);
  }

  .x14lggfu:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-bottom-left-radius: var(--radius-element);
  }

  .xi9l6n1:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-bottom-left-radius: var(--radius-full);
  }

  .xgc49yv:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-bottom-left-radius: var(--radius-inner);
  }

  .xjppbhk:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-bottom-right-radius: 0;
  }

  .x2gnncy:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-bottom-right-radius: var(--_chat-composer-radius);
  }

  .x1padx2d:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-bottom-right-radius: var(--radius-container);
  }

  .xtufxuj:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-bottom-right-radius: var(--radius-element);
  }

  .x1gu3054:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-bottom-right-radius: var(--radius-full);
  }

  .x16vxp44:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-bottom-right-radius: var(--radius-inner);
  }

  .x1q0q8m5:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-bottom-style: solid;
  }

  .xso031l:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-bottom-width: 1px;
  }

  .xlxy82:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-bottom-width: 2px;
  }

  .x92x3c3:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-bottom-width: var(--border-width);
  }

  .x1utcnwd:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-left-color: var(--color-border);
  }

  .x19ypqd9:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-left-style: solid;
  }

  .x1i535u5:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-left-width: var(--border-width);
  }

  .xdz7fjg:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-right-color: var(--color-border-emphasized);
  }

  .xtgwc6q:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-right-color: var(--color-border);
  }

  .x32b0ac:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-right-style: solid;
  }

  .x1pcaw5z:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-right-width: var(--border-width);
  }

  .x1pc3f07:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-top-color: var(--color-border);
  }

  .x11npmm7:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-top-color: var(--color-on-accent);
  }

  .xtqab0c:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-top-left-radius: var(--_chat-composer-radius);
  }

  .x1d6do9d:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-top-left-radius: var(--radius-chat);
  }

  .x14k9mlb:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-top-left-radius: var(--radius-container);
  }

  .x99wiku:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-top-left-radius: var(--radius-full);
  }

  .x1bcgpep:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-top-left-radius: var(--radius-inner);
  }

  .x122jk3o:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-top-right-radius: var(--_chat-composer-radius);
  }

  .x1b9br5y:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-top-right-radius: var(--radius-chat);
  }

  .xn9rnvb:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-top-right-radius: var(--radius-container);
  }

  .x11ly021:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-top-right-radius: var(--radius-full);
  }

  .xxkfnbn:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-top-right-radius: var(--radius-inner);
  }

  .x13fuv20:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-top-style: solid;
  }

  .x178xt8z:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-top-width: 1px;
  }

  .x11xkdxz:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-top-width: var(--border-width);
  }

  .xqmqy1e:not(#\#):not(#\#):not(#\#):not(#\#) {
    bottom: -1px;
  }

  .x1ey2m1c:not(#\#):not(#\#):not(#\#):not(#\#) {
    bottom: 0;
  }

  .x1c7jfne:not(#\#):not(#\#):not(#\#):not(#\#) {
    bottom: 2px;
  }

  .x1nqzi6q:not(#\#):not(#\#):not(#\#):not(#\#) {
    bottom: var(--x-bottom);
  }

  .xqtp20y:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 0;
  }

  .x5yr21d:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 100%;
  }

  .xtdtrs8:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 100dvh;
  }

  .xpyat2d:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 100px;
  }

  .x1dr59a3:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 100vh;
  }

  .x170jfvy:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 10px;
  }

  .x1wkxgih:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 120px;
  }

  .x1kpxq89:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 12px;
  }

  .xhjk10j:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 140px;
  }

  .x1v9usgg:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 14px;
  }

  .x1ymw6g:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 160px;
  }

  .xlup9mm:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 16px;
  }

  .xmix8c7:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 18px;
  }

  .xjm9jq1:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 1px;
  }

  .x1qx5ct2:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 20px;
  }

  .x17rw0jw:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 22px;
  }

  .xxk0z11:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 24px;
  }

  .x1fgtraw:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 28px;
  }

  .x36qwtl:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 2px;
  }

  .x10w6t97:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 32px;
  }

  .xuoj239:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 3px;
  }

  .x1vqgdyp:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 40px;
  }

  .xsdox4t:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 48px;
  }

  .xqu0tyb:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 4px;
  }

  .xols6we:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 6px;
  }

  .xwzfr38:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 80px;
  }

  .xdk7pt:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 8px;
  }

  .x1qjb5ga:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: anchor-size(--outline-active height,0px);
  }

  .xt7dq6l:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: auto;
  }

  .xs02d24:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: calc(100% + 1px);
  }

  .x12qplqi:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: calc(100% + var(--container-padding-block-start, 0px) + var(--container-padding-block-end, 0px));
  }

  .x16zugyo:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: calc(100dvh - var(--appshell-header-height, 0px));
  }

  .x1uiybsj:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: calc(var(--size-element-lg) - 4px);
  }

  .x102lyln:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: calc(var(--size-element-lg) - 8px);
  }

  .x184gfjb:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: calc(var(--size-element-md) - 4px);
  }

  .xrmxcn7:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: calc(var(--size-element-md) - 8px);
  }

  .x1u5rhrp:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: calc(var(--size-element-md) + var(--spacing-1));
  }

  .xzj98nu:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: calc(var(--size-element-sm) - 4px);
  }

  .xzydfjl:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: calc(var(--size-element-sm) - 8px);
  }

  .xg7h5cd:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: fit-content;
  }

  .xsyqizj:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: var(--border-width);
  }

  .x5kfih4:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: var(--resize-handle-hit-area, 16px);
  }

  .xssyfek:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: var(--size-element-lg);
  }

  .x1ueg155:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: var(--size-element-md);
  }

  .x6k0iem:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: var(--size-element-sm);
  }

  .xcenk2v:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: var(--spacing-1-5);
  }

  .x1k15mir:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: var(--spacing-12);
  }

  .xoqw5ej:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: var(--spacing-2);
  }

  .x9gl9lo:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: var(--spacing-3);
  }

  .x6b6gus:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: var(--spacing-4);
  }

  .x1grt7ep:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: var(--spacing-5);
  }

  .xvpftlf:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: var(--spacing-6);
  }

  .x18to7ep:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: var(--spacing-8);
  }

  .x1w0ack5:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: var(--table-resize-height, 100%);
  }

  .x16ye13r:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: var(--x-height);
  }

  .xu96u03:not(#\#):not(#\#):not(#\#):not(#\#) {
    left: 0;
  }

  .x1trqr8e:not(#\#):not(#\#):not(#\#):not(#\#) {
    left: 14px;
  }

  .x54rlcq:not(#\#):not(#\#):not(#\#):not(#\#) {
    left: 2px;
  }

  .x1nrll8i:not(#\#):not(#\#):not(#\#):not(#\#) {
    left: 50%;
  }

  .xnp31yv:not(#\#):not(#\#):not(#\#):not(#\#) {
    left: var(--spacing-3);
  }

  .xgq9j65:not(#\#):not(#\#):not(#\#):not(#\#) {
    left: var(--x-left);
  }

  .x1jyxor1:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: -1px;
  }

  .xat24cr:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: 0;
  }

  .x1z0f2p2:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: calc(-1 * var(--_chat-composer-radius));
  }

  .x6h7pi7:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: calc(-1 * var(--container-padding-block-end, 0px));
  }

  .x1cdrix3:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: calc(-1 * var(--radius-chat));
  }

  .xdrfirk:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: calc(-1 * var(--spacing-1-5));
  }

  .x14cgwvg:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: var(--spacing-1);
  }

  .x1p37lm5:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: var(--spacing-2);
  }

  .xep27e5:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: var(--spacing-3);
  }

  .xwh1t77:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: var(--spacing-4);
  }

  .x4d5cxa:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: var(--spacing-6);
  }

  .xdj266r:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: 0;
  }

  .xr1yuqi:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: auto;
  }

  .xvyqdj1:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: calc(-1 * anchor-size(height) - 8px);
  }

  .xckg3cf:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: calc(-1 * var(--_chat-composer-radius));
  }

  .x1sa9bsh:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: calc(-1 * var(--container-padding-block-start, 0px));
  }

  .x1c40v9y:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: calc(-1 * var(--spacing-1-5));
  }

  .x1ajqlyv:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: calc(-1 * var(--spacing-2));
  }

  .x1233pnv:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: calc((1em * var(--text-body-leading) - 6px) / 2);
  }

  .xjc2qm6:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: var(--spacing-0-5);
  }

  .xcsaf9d:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: var(--spacing-1);
  }

  .xtbrsbv:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: var(--spacing-2);
  }

  .xj6sv8s:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: var(--spacing-3);
  }

  .x1s1qpeq:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: var(--spacing-4);
  }

  .x13rv44w:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: var(--spacing-6);
  }

  .xmz0i5r:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-height: 100%;
  }

  .x1wj9ous:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-height: 100dvh;
  }

  .x18s7i0i:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-height: 176px;
  }

  .x1xiyphd:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-height: 240px;
  }

  .xuyqlj2:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-height: 300px;
  }

  .x7ab17h:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-height: none;
  }

  .xenllk4:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-height: var(--container-max-height, none);
  }

  .x1jols5v:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-height: var(--x-maxHeight);
  }

  .x1m189uc:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: 0;
  }

  .x193iq5w:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: 100%;
  }

  .xlbgzzq:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: 100dvw;
  }

  .x55n99s:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: 15em;
  }

  .x1ncir08:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: 200px;
  }

  .xw5ewwj:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: 300px;
  }

  .x1x67gh:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: 32px;
  }

  .xxc7z9f:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: 360px;
  }

  .x17fpy1y:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: 480px;
  }

  .xrlsmeg:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: 600px;
  }

  .x1ap80js:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: 800px;
  }

  .xq8v1hd:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: 90%;
  }

  .x95b5qq:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: 90vw;
  }

  .xyzno7u:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: 960px;
  }

  .xl6temz:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: max(80%, 280px);
  }

  .xxtfdz8:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: min(100%, 100vw - 32px);
  }

  .x1x1rfll:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: none;
  }

  .xjl2t3p:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: var(--layout-content-width, none);
  }

  .xf68679:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: var(--x-maxWidth);
  }

  .x2lwn1j:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: 0;
  }

  .x1us19tq:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: 100%;
  }

  .x1ov3xa9:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: 100dvh;
  }

  .xz65tgg:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: 200px;
  }

  .xe0957l:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: 22px;
  }

  .xjwf9q1:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: 24px;
  }

  .xe0p6wg:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: 28px;
  }

  .x21xpn4:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: 32px;
  }

  .x1xf4nls:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: var(--size-element-lg);
  }

  .x1uogy3y:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: var(--size-element-md);
  }

  .x1gdqauq:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: var(--size-element-sm);
  }

  .ximsjs8:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: var(--spacing-7);
  }

  .xkoleio:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: var(--spacing-8);
  }

  .x82snj4:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: var(--x-minHeight);
  }

  .xeuugli:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: 0;
  }

  .x1i9suas:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: 120px;
  }

  .x1d77m7x:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: 140px;
  }

  .x5w4yej:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: 160px;
  }

  .xfb3i0g:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: 180px;
  }

  .x1jzhcrs:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: 200px;
  }

  .xt4ypqs:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: 20px;
  }

  .x12rczxh:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: 220px;
  }

  .xlm99nl:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: 240px;
  }

  .x1u2d2a2:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: 280px;
  }

  .x13o0s5z:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: 400px;
  }

  .x1fns5xo:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: 40px;
  }

  .x900493:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: 48px;
  }

  .x13n9wmd:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: 4ch;
  }

  .xfvyar9:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: 60px;
  }

  .xrzjruh:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: anchor-size(width);
  }

  .x8wyhu6:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: calc(anchor-size(width) + 16px);
  }

  .x1pshirs:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: fit-content;
  }

  .x17ydmr0:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: var(--size-element-md);
  }

  .x1nkkqge:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: var(--size-element-sm);
  }

  .x16asifk:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: var(--spacing-5);
  }

  .xy8csz5:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: var(--spacing-7);
  }

  .xkj4a21:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: var(--x-minWidth);
  }

  .xw2csxc:not(#\#):not(#\#):not(#\#):not(#\#) {
    overflow-x: auto;
  }

  .x6ikm8r:not(#\#):not(#\#):not(#\#):not(#\#) {
    overflow-x: hidden;
  }

  .x1odjw0f:not(#\#):not(#\#):not(#\#):not(#\#) {
    overflow-y: auto;
  }

  .x10wlt62:not(#\#):not(#\#):not(#\#):not(#\#) {
    overflow-y: hidden;
  }

  .x7p5m3t:not(#\#):not(#\#):not(#\#):not(#\#) {
    overscroll-behavior-x: contain;
  }

  .x18d9i69:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: 0;
  }

  .x1j85h84:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: 1px;
  }

  .x9jihrk:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: calc(var(--_chat-composer-padding) + var(--_chat-composer-radius));
  }

  .xxbfulo:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: calc(var(--spacing-3) + var(--radius-chat));
  }

  .xvpcij2:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: var(--_chat-composer-padding);
  }

  .xc1wllq:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: var(--container-padding-block-end);
  }

  .xg476vw:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: var(--layout-padding-inner-y, var(--spacing-4));
  }

  .xon7vh3:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: var(--layout-padding-outer-y, var(--spacing-4));
  }

  .xij103a:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: var(--spacing-0-5);
  }

  .x1l20ajd:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: var(--spacing-0);
  }

  .x1opdxmq:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: var(--spacing-1-5);
  }

  .xy143xn:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: var(--spacing-1);
  }

  .x2izi54:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: var(--spacing-10);
  }

  .x1wesfrj:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: var(--spacing-2);
  }

  .xvmdzux:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: var(--spacing-3);
  }

  .x1awphl8:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: var(--spacing-4);
  }

  .x1hk98q:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: var(--spacing-5);
  }

  .xjpqqx5:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: var(--spacing-6);
  }

  .x2oz4g1:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: var(--spacing-8);
  }

  .xexx8yu:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: 0;
  }

  .x1htvmrp:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: calc(var(--_chat-composer-padding) + var(--_chat-composer-radius));
  }

  .x1enrzb7:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: calc(var(--border-width) + var(--spacing-1));
  }

  .x1ak3mig:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: calc(var(--spacing-1-5) + var(--spacing-2));
  }

  .x2gtn7z:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: var(--_chat-composer-padding);
  }

  .x14m0hsi:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: var(--container-padding-block-start);
  }

  .xqty4a:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: var(--layout-padding-inner-y, var(--spacing-4));
  }

  .x81pis9:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: var(--layout-padding-outer-y, var(--spacing-4));
  }

  .xbx876j:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: var(--spacing-0-5);
  }

  .x1ydh6w3:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: var(--spacing-0);
  }

  .x1kwdpsa:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: var(--spacing-1-5);
  }

  .xfsso4q:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: var(--spacing-1);
  }

  .xk6660b:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: var(--spacing-10);
  }

  .x1xye8es:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: var(--spacing-2);
  }

  .x1vlblms:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: var(--spacing-3);
  }

  .x1oa1p4a:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: var(--spacing-4);
  }

  .xx7rijo:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: var(--spacing-5);
  }

  .x1adxfkp:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: var(--spacing-6);
  }

  .xoxd1wu:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: var(--spacing-8);
  }

  .x3m8u43:not(#\#):not(#\#):not(#\#):not(#\#) {
    right: 0;
  }

  .x3lmqil:not(#\#):not(#\#):not(#\#):not(#\#) {
    right: 2px;
  }

  .xs7l08f:not(#\#):not(#\#):not(#\#):not(#\#) {
    right: var(--spacing-1);
  }

  .x1n93rvh:not(#\#):not(#\#):not(#\#):not(#\#) {
    right: var(--spacing-2);
  }

  .xmz3bnw:not(#\#):not(#\#):not(#\#):not(#\#) {
    right: var(--spacing-3);
  }

  .x7ok3n0:not(#\#):not(#\#):not(#\#):not(#\#) {
    right: var(--x-right);
  }

  .x13vifvy:not(#\#):not(#\#):not(#\#):not(#\#) {
    top: 0;
  }

  .xuivejd:not(#\#):not(#\#):not(#\#):not(#\#) {
    top: 14px;
  }

  .xs7f9wi:not(#\#):not(#\#):not(#\#):not(#\#) {
    top: 2px;
  }

  .xwa60dl:not(#\#):not(#\#):not(#\#):not(#\#) {
    top: 50%;
  }

  .x1ltwjim:not(#\#):not(#\#):not(#\#):not(#\#) {
    top: anchor(--outline-active top,0px);
  }

  .x1nzz77m:not(#\#):not(#\#):not(#\#):not(#\#) {
    top: calc((var(--size-element-md) - 20px) / 2 - 1px);
  }

  .xeqxqpg:not(#\#):not(#\#):not(#\#):not(#\#) {
    top: calc((var(--size-element-sm) - 20px) / 2 - 1px);
  }

  .x1oysc8t:not(#\#):not(#\#):not(#\#):not(#\#) {
    top: calc(var(--size-element-lg) / 2 - 1px);
  }

  .xkmsrut:not(#\#):not(#\#):not(#\#):not(#\#) {
    top: calc(var(--size-element-md) / 2 - 1px);
  }

  .x1968x6z:not(#\#):not(#\#):not(#\#):not(#\#) {
    top: calc(var(--size-element-sm) / 2 - 1px);
  }

  .xepuwc7:not(#\#):not(#\#):not(#\#):not(#\#) {
    top: var(--appshell-header-height, 0px);
  }

  .x8d4r5l:not(#\#):not(#\#):not(#\#):not(#\#) {
    top: var(--spacing-1);
  }

  .xctzyg:not(#\#):not(#\#):not(#\#):not(#\#) {
    top: var(--spacing-2);
  }

  .xyx6v2t:not(#\#):not(#\#):not(#\#):not(#\#) {
    top: var(--spacing-3);
  }

  .xjbys53:not(#\#):not(#\#):not(#\#):not(#\#) {
    top: var(--x-top);
  }

  .xnalus7:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 0;
  }

  .xh8yej3:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 100%;
  }

  .x1o6l61p:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 100dvw;
  }

  .xn9wirt:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 100vw;
  }

  .x1fsd2vl:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 10px;
  }

  .xsmyaan:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 12px;
  }

  .x6jxa94:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 14px;
  }

  .x1kky2od:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 16px;
  }

  .xzjbwwf:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 180px;
  }

  .x1xp8n7a:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 18px;
  }

  .x1i1rx1s:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 1px;
  }

  .x1oysuqx:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 200px;
  }

  .xw4jnvo:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 20px;
  }

  .x17z2i9w:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 22px;
  }

  .xafpxmx:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 240px;
  }

  .xvy4d1p:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 24px;
  }

  .x1hfn5x7:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 260px;
  }

  .xfo62xy:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 2px;
  }

  .x1td3qas:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 32px;
  }

  .x1g8rjiy:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 3px;
  }

  .xz84dc7:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 40%;
  }

  .x1l2rt3b:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 400px;
  }

  .x100vrsf:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 40px;
  }

  .x51ohtg:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 4px;
  }

  .x1fu8urw:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 64px;
  }

  .x1v4s8kt:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 6px;
  }

  .x1dmp6jm:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 80px;
  }

  .x1xc55vz:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 8px;
  }

  .x1xgy17j:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: anchor-size(width);
  }

  .x14atkfc:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: auto;
  }

  .xx6qvi6:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: calc(100% + var(--container-padding-inline-start, 0px) + var(--container-padding-inline-end, 0px));
  }

  .xjk4fl7:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: var(--border-width);
  }

  .xkhob8h:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: var(--resize-handle-hit-area, 16px);
  }

  .x1m747yf:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: var(--size-element-lg);
  }

  .x805d0l:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: var(--size-element-md);
  }

  .x1fvqzum:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: var(--size-element-sm);
  }

  .x1wu31ai:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: var(--spacing-1-5);
  }

  .xhgvbfk:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: var(--spacing-12);
  }

  .x1f0dxl5:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: var(--spacing-2);
  }

  .x1ad1g3v:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: var(--spacing-3);
  }

  .x12xnipv:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: var(--spacing-4);
  }

  .xfyiiit:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: var(--spacing-5);
  }

  .x1mtvzj0:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: var(--spacing-6);
  }

  .xgc8j7m:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: var(--spacing-8);
  }

  .x5lhr3w:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: var(--x-width);
  }

  .x1wp2rvj.x1wp2rvj:where(.x139im0d:last-child *):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-bottom-width: 0;
  }

  .x132qfvm:focus-within:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: auto;
  }

  .xsg11nj.xsg11nj:where(.x-default-marker:has( > .astryx-layout-footer:not([data-divider])) *):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: 0;
  }

  .x1ioh5az.x1ioh5az:where(.x-default-marker:has( > .astryx-layout-header:not([data-divider])) *):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: 0;
  }

  .x1kw28su:focus-within:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: var(--spacing-1);
  }

  .x10okhzq:focus-within:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: auto;
  }

  .x5du68j:has( ~ * [data-chat-name]):not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: var(--spacing-5);
  }

  .x1d9v4yf:first-child:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-top-style: none;
  }

  .x1g31smg:first-child:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-top-width: 0;
  }

  .xkibk3:first-child:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: calc(-1 * var(--container-padding-block-start, 0px));
  }

  .x1lpyac:last-child:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-right-width: 0;
  }

  .xlayyun:last-child:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: calc(-1 * var(--container-padding-block-end, 0px));
  }

  .x15cytp8:focus:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: auto;
  }

  .x1rw3289:focus:not(#\#):not(#\#):not(#\#):not(#\#) {
    top: var(--spacing-2);
  }

  .x1jqxupm:focus:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: auto;
  }

  @media (pointer: coarse) {
    .x17aqpur.x17aqpur:not(#\#):not(#\#):not(#\#):not(#\#) {
      min-height: 44px;
    }

    .x1xrq5m.x1xrq5m:not(#\#):not(#\#):not(#\#):not(#\#) {
      min-width: 44px;
    }
  }

  @starting-style {
    .x1sopeo2.x1sopeo2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      grid-template-rows: 0fr;
    }
  }

  .x1xsm0q9:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    inset: -14px;
  }

  .xarstr8:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after, .xxx281p:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
    inset: 0;
  }

  @starting-style {
    .x4itv7f.x4itv7f:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      opacity: 0;
    }
  }

  @starting-style {
    .xub2912.xub2912:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      transform: translateY(-100%);
    }
  }

  @starting-style {
    .x12p7p72.x12p7p72:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      transform: translateY(-4px);
    }
  }

  @starting-style {
    .xhbqy3z.xhbqy3z:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      transform: translateY(100%);
    }
  }

  @starting-style {
    .x1tswlu5.x1tswlu5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      transform: translateY(8px);
    }
  }

  .x1k48kgn:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    border-radius: inherit;
  }

  @starting-style {
    .x5rzir7.x5rzir7:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      padding-bottom: 0;
    }
  }

  .xvtkv6q:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    transition: background-color .15s, width .15s;
  }

  .x17s1k9h:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    transition: opacity .15s;
  }

  .x1abwkk1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
  }

  .xyhc2n1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    background-color: #0000;
  }

  .xnixb3f:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop {
    background-color: var(--color-overlay);
  }

  .x1i3206j:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    background-color: var(--indicator-color, transparent);
  }

  .x1uvfo0n:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
    background-color: var(--table-row-overlay, transparent);
  }

  .x14ofgck:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    background-image: linear-gradient(to left, var(--lightningcss-light, #0000001f) var(--lightningcss-dark, #00000052), #0000);
  }

  .x156sm4c:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    background-image: linear-gradient(to right, var(--lightningcss-light, #0000001f) var(--lightningcss-dark, #00000052), #0000);
  }

  .xnf3u0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::placeholder {
    color: var(--color-text-disabled);
  }

  .xeyghm5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::placeholder {
    color: var(--color-text-secondary);
  }

  .x1cpjm7i:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before, .x1s928wv:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    content: "";
  }

  .xc2ndz5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
    content: counter(astryx-list) ".";
  }

  .x1unh1gc:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    inset-inline-end: 0;
  }

  .x1iygr5g:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    inset-inline-start: 0;
  }

  .xph5o2a:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop {
    opacity: 0;
  }

  .xb3n6bw:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop {
    opacity: 1;
  }

  .x1c2idit:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    opacity: var(--table-sticky-shadow-end, 0);
  }

  .x1sggmfs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    opacity: var(--table-sticky-shadow-start, 0);
  }

  .x2q1x1w:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after, .xkk1bqk:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
    pointer-events: none;
  }

  .x1hmns74:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before, .x1j6awrg:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    position: absolute;
  }

  .xvs0bi2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    transform: translateX(-100%);
  }

  .x1qyefdi:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    transform: translateX(100%);
  }

  .x1y1nw7a:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before, .x97pup0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    transition-duration: var(--duration-fast);
  }

  .xft5bk6:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop {
    transition-duration: var(--duration-medium);
  }

  .x1ywzrc5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after, .xxcwgru:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
    transition-property: background-color;
  }

  .x167zut7:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop {
    transition-property: opacity;
  }

  .x15h3t91:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop, .x1dlmc9c:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after, .xa5v58t:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
    transition-timing-function: var(--ease-standard);
  }

  .xy5mcqj:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
    z-index: -1;
  }

  .xotisz4:active:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    background-color: currentColor;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .xotisz4:active:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
      background-color: color-mix(in srgb,currentColor 10%,transparent);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .x1viac0w.x1viac0w:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop {
      transition-duration: 10ms;
    }
  }

  @media (hover: hover) {
    .x1vwwndy.x1vwwndy:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
      background-color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .x1vwwndy.x1vwwndy:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
        background-color: color-mix(in srgb,currentColor 5%,transparent);
      }
    }
  }

  .xe80sof:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
    bottom: -2px;
  }

  .x1xrz1ek:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    bottom: 0;
  }

  .xabwq6t:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
    left: -2px;
  }

  .x1ydowbf:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
    right: -2px;
  }

  .x51xajf:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
    top: -2px;
  }

  .x1m1drc7:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    top: 0;
  }

  .xzkji8o:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    width: 6px;
  }

  .xi8c0p9:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    width: var(--indicator-width, 1px);
  }
}

@layer astryx-theme {
  :root {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light dark;
  }

  @media (prefers-color-scheme: dark) {
    :root {
      --lightningcss-light: ;
      --lightningcss-dark: initial;
    }
  }

  @scope ([data-astryx-theme="neutral"]) to ([data-astryx-theme]) {
    :scope {
      --font-size-4xs: .375rem;
      --font-size-3xs: .4375rem;
      --font-size-2xs: .5rem;
      --font-size-xs: .625rem;
      --font-size-sm: .75rem;
      --font-size-base: .875rem;
      --font-size-lg: 1.0625rem;
      --font-size-xl: 1.25rem;
      --font-size-2xl: 1.5rem;
      --font-size-3xl: 1.8125rem;
      --font-size-4xl: 2.1875rem;
      --font-size-5xl: 2.625rem;
      --text-heading-1-size: var(--font-size-2xl);
      --text-heading-1-weight: var(--font-weight-semibold);
      --text-heading-1-leading: 1.3333;
      --text-heading-2-size: var(--font-size-xl);
      --text-heading-2-weight: var(--font-weight-semibold);
      --text-heading-2-leading: 1.4;
      --text-heading-3-size: var(--font-size-lg);
      --text-heading-3-weight: var(--font-weight-bold);
      --text-heading-3-leading: 1.4118;
      --text-heading-4-size: var(--font-size-base);
      --text-heading-4-weight: var(--font-weight-bold);
      --text-heading-4-leading: 1.4286;
      --text-heading-5-size: var(--font-size-sm);
      --text-heading-5-weight: var(--font-weight-semibold);
      --text-heading-5-leading: 1.6667;
      --text-heading-6-size: var(--font-size-xs);
      --text-heading-6-weight: var(--font-weight-semibold);
      --text-heading-6-leading: 1.6;
      --text-body-size: var(--font-size-base);
      --text-body-weight: var(--font-weight-normal);
      --text-body-leading: 1.4286;
      --text-large-size: var(--font-size-lg);
      --text-large-weight: var(--font-weight-semibold);
      --text-large-leading: 1.4118;
      --text-label-size: var(--font-size-base);
      --text-label-weight: var(--font-weight-medium);
      --text-label-leading: 1.4286;
      --text-code-size: var(--font-size-base);
      --text-code-weight: var(--font-weight-normal);
      --text-code-leading: 1.4286;
      --text-supporting-size: var(--font-size-sm);
      --text-supporting-weight: var(--font-weight-normal);
      --text-supporting-leading: 1.6667;
      --text-display-1-size: var(--font-size-5xl);
      --text-display-1-weight: var(--font-weight-normal);
      --text-display-1-leading: 1.2381;
      --text-display-2-size: var(--font-size-4xl);
      --text-display-2-weight: var(--font-weight-normal);
      --text-display-2-leading: 1.2571;
      --text-display-3-size: var(--font-size-3xl);
      --text-display-3-weight: var(--font-weight-normal);
      --text-display-3-leading: 1.3793;
      --duration-fast-min: 95ms;
      --duration-fast: .125s;
      --duration-fast-max: .165s;
      --duration-medium-min: .225s;
      --duration-medium: .3s;
      --duration-medium-max: .4s;
      --duration-slow-min: .525s;
      --duration-slow: .7s;
      --duration-slow-max: .935s;
      --font-family-body: Figtree, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
      --font-family-heading: Figtree, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
      --font-family-code: ui-monospace, "SF Mono", Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
      --color-syntax-keyword: var(--lightningcss-light, #700084) var(--lightningcss-dark, #efa8ff);
      --color-syntax-string: var(--lightningcss-light, #005600) var(--lightningcss-dark, #a6d2a2);
      --color-syntax-comment: var(--lightningcss-light, #737373) var(--lightningcss-dark, #a3a3a3);
      --color-syntax-number: var(--lightningcss-light, #6e3500) var(--lightningcss-dark, #ffb37f);
      --color-syntax-function: var(--lightningcss-light, #00458c) var(--lightningcss-dark, #a0caff);
      --color-syntax-type: var(--lightningcss-light, #700084) var(--lightningcss-dark, #efa8ff);
      --color-syntax-variable: var(--lightningcss-light, #171717) var(--lightningcss-dark, #e5e5e5);
      --color-syntax-operator: var(--lightningcss-light, #737373) var(--lightningcss-dark, #a3a3a3);
      --color-syntax-constant: var(--lightningcss-light, #6e3500) var(--lightningcss-dark, #ffb37f);
      --color-syntax-tag: var(--lightningcss-light, #89001a) var(--lightningcss-dark, #ffaeaa);
      --color-syntax-attribute: var(--lightningcss-light, #584400) var(--lightningcss-dark, #eec12f);
      --color-syntax-property: var(--lightningcss-light, #005348) var(--lightningcss-dark, #83dac9);
      --color-syntax-punctuation: var(--lightningcss-light, #a3a3a3) var(--lightningcss-dark, #525252);
      --color-syntax-background: var(--lightningcss-light, #fafafa) var(--lightningcss-dark, #0a0a0a);
      --color-background-surface: var(--lightningcss-light, #fff) var(--lightningcss-dark, #262626);
      --color-background-body: var(--lightningcss-light, #f1f1f1) var(--lightningcss-dark, #1b1b1b);
      --color-background-card: var(--lightningcss-light, #fff) var(--lightningcss-dark, #1b1b1b);
      --color-background-popover: var(--lightningcss-light, #fff) var(--lightningcss-dark, #1b1b1b);
      --color-background-muted: var(--lightningcss-light, #f1f1f1) var(--lightningcss-dark, #1b1b1b);
      --color-accent: var(--lightningcss-light, #262626) var(--lightningcss-dark, #ebebeb);
      --color-accent-muted: var(--lightningcss-light, #f1f1f1) var(--lightningcss-dark, #262626);
      --color-neutral: var(--lightningcss-light, #0000000f) var(--lightningcss-dark, #ffffff1a);
      --color-overlay: var(--lightningcss-light, #00000080) var(--lightningcss-dark, #000c);
      --color-overlay-hover: var(--lightningcss-light, #0000000d) var(--lightningcss-dark, #ffffff0d);
      --color-overlay-pressed: var(--lightningcss-light, #0000001a) var(--lightningcss-dark, #ffffff1a);
      --color-text-primary: var(--lightningcss-light, #171717) var(--lightningcss-dark, #fafafa);
      --color-text-secondary: var(--lightningcss-light, #737373) var(--lightningcss-dark, #a3a3a3);
      --color-text-disabled: var(--lightningcss-light, #a3a3a3) var(--lightningcss-dark, #525252);
      --color-text-accent: var(--lightningcss-light, #262626) var(--lightningcss-dark, #ebebeb);
      --color-on-dark: #fff;
      --color-on-light: #171717;
      --color-on-accent: var(--lightningcss-light, #fff) var(--lightningcss-dark, #171717);
      --color-on-success: var(--lightningcss-light, #fff) var(--lightningcss-dark, #171717);
      --color-on-error: var(--lightningcss-light, #fff) var(--lightningcss-dark, #171717);
      --color-on-warning: #171717;
      --color-icon-accent: var(--lightningcss-light, #262626) var(--lightningcss-dark, #ebebeb);
      --color-icon-primary: var(--lightningcss-light, #171717) var(--lightningcss-dark, #fafafa);
      --color-icon-secondary: var(--lightningcss-light, #737373) var(--lightningcss-dark, #a3a3a3);
      --color-icon-disabled: var(--lightningcss-light, #a3a3a3) var(--lightningcss-dark, #525252);
      --color-success: var(--lightningcss-light, #007004) var(--lightningcss-dark, #9fe59b);
      --color-error: var(--lightningcss-light, #a50c25) var(--lightningcss-dark, #ffc6c1);
      --color-warning: var(--lightningcss-light, #745b00) var(--lightningcss-dark, #fdcf4f);
      --color-success-muted: var(--lightningcss-light, #c5e5c0) var(--lightningcss-dark, #84c9803d);
      --color-error-muted: var(--lightningcss-light, #facecb) var(--lightningcss-dark, #ff9e973d);
      --color-warning-muted: var(--lightningcss-light, #f8da9d) var(--lightningcss-dark, #deb4333d);
      --color-border: var(--lightningcss-light, #ebebeb) var(--lightningcss-dark, #ffffff1a);
      --color-border-emphasized: var(--lightningcss-light, #d4d4d4) var(--lightningcss-dark, #525252);
      --color-skeleton: var(--lightningcss-light, #ebebeb) var(--lightningcss-dark, #525252);
      --color-shadow: var(--lightningcss-light, #0000001a) var(--lightningcss-dark, #0000004d);
      --color-tint-hover: var(--lightningcss-light, #000) var(--lightningcss-dark, #fff);
      --color-background-red: var(--lightningcss-light, #facecb) var(--lightningcss-dark, #ff9e973d);
      --color-border-red: var(--lightningcss-light, #e6bab8) var(--lightningcss-dark, #ff6f6c);
      --color-icon-red: var(--lightningcss-light, #89001a) var(--lightningcss-dark, #ff9e97);
      --color-text-red: var(--lightningcss-light, #89001a) var(--lightningcss-dark, #ffc6c1);
      --color-background-orange: var(--lightningcss-light, #fad0b5) var(--lightningcss-dark, #ffa2583d);
      --color-border-orange: var(--lightningcss-light, #e6bda2) var(--lightningcss-dark, #e2883e);
      --color-icon-orange: var(--lightningcss-light, #6e3500) var(--lightningcss-dark, #ffa258);
      --color-text-orange: var(--lightningcss-light, #6e3500) var(--lightningcss-dark, #ffc9a2);
      --color-background-yellow: var(--lightningcss-light, #f8da9d) var(--lightningcss-dark, #deb4333d);
      --color-border-yellow: var(--lightningcss-light, #e4c279) var(--lightningcss-dark, #c0990e);
      --color-icon-yellow: var(--lightningcss-light, #584400) var(--lightningcss-dark, #deb433);
      --color-text-yellow: var(--lightningcss-light, #584400) var(--lightningcss-dark, #fdcf4f);
      --color-background-green: var(--lightningcss-light, #c5e5c0) var(--lightningcss-dark, #84c9803d);
      --color-border-green: var(--lightningcss-light, #b2d1ac) var(--lightningcss-dark, #69ad67);
      --color-icon-green: var(--lightningcss-light, #0c5700) var(--lightningcss-dark, #84c980);
      --color-text-green: var(--lightningcss-light, #0c5700) var(--lightningcss-dark, #9fe59b);
      --color-background-teal: var(--lightningcss-light, #a5e3d6) var(--lightningcss-dark, #7ec6b83d);
      --color-border-teal: var(--lightningcss-light, #94d6c8) var(--lightningcss-dark, #63ab9d);
      --color-icon-teal: var(--lightningcss-light, #005348) var(--lightningcss-dark, #7ec6b8);
      --color-text-teal: var(--lightningcss-light, #005348) var(--lightningcss-dark, #99e2d3);
      --color-background-cyan: var(--lightningcss-light, #a3e0ef) var(--lightningcss-dark, #83c2d43d);
      --color-border-cyan: var(--lightningcss-light, #91d3e3) var(--lightningcss-dark, #67a7b8);
      --color-icon-cyan: var(--lightningcss-light, #00505f) var(--lightningcss-dark, #83c2d4);
      --color-text-cyan: var(--lightningcss-light, #00505f) var(--lightningcss-dark, #9edef0);
      --color-background-blue: var(--lightningcss-light, #c4ddfb) var(--lightningcss-dark, #9eb7ff3d);
      --color-border-blue: var(--lightningcss-light, #b1c9e7) var(--lightningcss-dark, #6d9cfe);
      --color-icon-blue: var(--lightningcss-light, #00458c) var(--lightningcss-dark, #9eb7ff);
      --color-text-blue: var(--lightningcss-light, #00458c) var(--lightningcss-dark, #c7d3ff);
      --color-background-purple: var(--lightningcss-light, #eccef3) var(--lightningcss-dark, #f297ff3d);
      --color-border-purple: var(--lightningcss-light, #d8bbdf) var(--lightningcss-dark, #dd74f0);
      --color-icon-purple: var(--lightningcss-light, #700084) var(--lightningcss-dark, #f297ff);
      --color-text-purple: var(--lightningcss-light, #700084) var(--lightningcss-dark, #fac1ff);
      --color-background-pink: var(--lightningcss-light, #fccadc) var(--lightningcss-dark, #ff99c33d);
      --color-border-pink: var(--lightningcss-light, #e7b7c8) var(--lightningcss-dark, #f273aa);
      --color-icon-pink: var(--lightningcss-light, #83004b) var(--lightningcss-dark, #ff99c3);
      --color-text-pink: var(--lightningcss-light, #83004b) var(--lightningcss-dark, #ffc3da);
      --color-background-gray: var(--lightningcss-light, #e5e5e5) var(--lightningcss-dark, var(--color-neutral));
      --color-border-gray: var(--lightningcss-light, #d4d4d4) var(--lightningcss-dark, #262626);
      --color-icon-gray: var(--lightningcss-light, #525252) var(--lightningcss-dark, #a3a3a3);
      --color-text-gray: var(--lightningcss-light, #262626) var(--lightningcss-dark, #e5e5e5);
      --radius-none: .25rem;
      --radius-inner: .375rem;
      --radius-element: .625rem;
      --radius-container: .75rem;
      --radius-page: 1.75rem;
      --radius-full: 9999px;
      --shadow-low: 0 2px 4px var(--lightningcss-light, #0000000d) var(--lightningcss-dark, #00000040), 0 4px 8px var(--lightningcss-light, #0000001a) var(--lightningcss-dark, #0006), inset 0 0 0 1px var(--lightningcss-light, #0000) var(--lightningcss-dark, #ffffff14);
      --shadow-med: 0 2px 4px var(--lightningcss-light, #0000000d) var(--lightningcss-dark, #00000059), 0 4px 12px var(--lightningcss-light, #0000001a) var(--lightningcss-dark, #00000080), inset 0 0 0 1px var(--lightningcss-light, #0000) var(--lightningcss-dark, #ffffff1f);
      --shadow-high: 0 4px 6px var(--lightningcss-light, #0000001a) var(--lightningcss-dark, #00000080), 0 12px 24px var(--lightningcss-light, #00000026) var(--lightningcss-dark, #000000b3), inset 0 0 0 1px var(--lightningcss-light, #0000) var(--lightningcss-dark, #ffffff26);
      --shadow-inset-hover: inset 0px 0px 0px 2px #0074e24d;
      --shadow-inset-selected: inset 0px 0px 0px 2px #0074e280;
      --shadow-inset-success: inset 0px 0px 0px 2px #1981004d;
      --shadow-inset-warning: inset 0px 0px 0px 2px #ffce2f4d;
      --shadow-inset-error: inset 0px 0px 0px 2px #e33f4a4d;
    }

    @supports (color: lab(0% 0 0)) {
      :scope {
        --shadow-low: 0 2px 4px var(--lightningcss-light, lab(0% 0 0 / .05)) var(--lightningcss-dark, lab(0% 0 0 / .25)), 0 4px 8px var(--lightningcss-light, lab(0% 0 0 / .1)) var(--lightningcss-dark, lab(0% 0 0 / .4)), inset 0 0 0 1px var(--lightningcss-light, lab(0% 0 0 / 0)) var(--lightningcss-dark, lab(100% 0 0 / .08));
        --shadow-med: 0 2px 4px var(--lightningcss-light, lab(0% 0 0 / .05)) var(--lightningcss-dark, lab(0% 0 0 / .35)), 0 4px 12px var(--lightningcss-light, lab(0% 0 0 / .1)) var(--lightningcss-dark, lab(0% 0 0 / .5)), inset 0 0 0 1px var(--lightningcss-light, lab(0% 0 0 / 0)) var(--lightningcss-dark, lab(100% 0 0 / .12));
        --shadow-high: 0 4px 6px var(--lightningcss-light, lab(0% 0 0 / .1)) var(--lightningcss-dark, lab(0% 0 0 / .5)), 0 12px 24px var(--lightningcss-light, lab(0% 0 0 / .15)) var(--lightningcss-dark, lab(0% 0 0 / .7)), inset 0 0 0 1px var(--lightningcss-light, lab(0% 0 0 / 0)) var(--lightningcss-dark, lab(100% 0 0 / .15));
      }
    }

    .astryx-heading.level-1 {
      font-family: var(--font-family-heading);
      font-size: var(--text-heading-1-size);
      font-weight: var(--text-heading-1-weight);
      line-height: var(--text-heading-1-leading);
    }

    .astryx-heading.level-2 {
      font-family: var(--font-family-heading);
      font-size: var(--text-heading-2-size);
      font-weight: var(--text-heading-2-weight);
      line-height: var(--text-heading-2-leading);
    }

    .astryx-heading.level-3 {
      font-family: var(--font-family-heading);
      font-size: var(--text-heading-3-size);
      font-weight: var(--text-heading-3-weight);
      line-height: var(--text-heading-3-leading);
    }

    .astryx-heading.level-4 {
      font-family: var(--font-family-heading);
      font-size: var(--text-heading-4-size);
      font-weight: var(--text-heading-4-weight);
      line-height: var(--text-heading-4-leading);
    }

    .astryx-heading.level-5 {
      font-family: var(--font-family-heading);
      font-size: var(--text-heading-5-size);
      font-weight: var(--text-heading-5-weight);
      line-height: var(--text-heading-5-leading);
    }

    .astryx-heading.level-6 {
      font-family: var(--font-family-heading);
      font-size: var(--text-heading-6-size);
      font-weight: var(--text-heading-6-weight);
      line-height: var(--text-heading-6-leading);
    }

    .astryx-text.body {
      font-family: var(--font-family-body);
      font-size: var(--text-body-size);
      line-height: var(--text-body-leading);
    }

    .astryx-text.large {
      font-family: var(--font-family-body);
      font-size: var(--text-large-size);
      line-height: var(--text-large-leading);
    }

    .astryx-text.label {
      font-family: var(--font-family-body);
      font-size: var(--text-label-size);
      line-height: var(--text-label-leading);
    }

    .astryx-text.code {
      font-family: var(--font-family-code);
      font-size: var(--text-code-size);
      line-height: var(--text-code-leading);
    }

    .astryx-text.supporting {
      font-family: var(--font-family-body);
      font-size: var(--text-supporting-size);
      line-height: var(--text-supporting-leading);
    }

    .astryx-text.display-1 {
      font-family: var(--font-family-heading);
      font-size: var(--text-display-1-size);
      line-height: var(--text-display-1-leading);
    }

    .astryx-text.display-2 {
      font-family: var(--font-family-heading);
      font-size: var(--text-display-2-size);
      line-height: var(--text-display-2-leading);
    }

    .astryx-text.display-3 {
      font-family: var(--font-family-heading);
      font-size: var(--text-display-3-size);
      line-height: var(--text-display-3-leading);
    }

    .astryx-button.destructive {
      background-color: var(--color-error-muted);
      color: var(--color-error);
    }

    .astryx-badge.info {
      color: var(--lightningcss-light, #fff) var(--lightningcss-dark, #171717);
      background-color: var(--lightningcss-light, #0074e2) var(--lightningcss-dark, #6d9cfe);
    }

    .astryx-badge.neutral {
      background-color: var(--color-background-gray);
      color: var(--color-text-gray);
    }

    .astryx-badge.success {
      color: var(--lightningcss-light, #fff) var(--lightningcss-dark, #171717);
      background-color: var(--lightningcss-light, #198100) var(--lightningcss-dark, #64af4c);
    }

    .astryx-badge.warning {
      color: #171717;
      background-color: #ffce2f;
    }

    .astryx-badge.error {
      color: var(--lightningcss-light, #fff) var(--lightningcss-dark, #171717);
      background-color: var(--lightningcss-light, #e33f4a) var(--lightningcss-dark, #ff705d);
    }

    .astryx-badge.red {
      background-color: var(--color-background-red);
      color: var(--color-text-red);
    }

    .astryx-badge.orange {
      background-color: var(--color-background-orange);
      color: var(--color-text-orange);
    }

    .astryx-badge.yellow {
      background-color: var(--color-background-yellow);
      color: var(--color-text-yellow);
    }

    .astryx-badge.green {
      background-color: var(--color-background-green);
      color: var(--color-text-green);
    }

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

    .astryx-badge.cyan {
      background-color: var(--color-background-cyan);
      color: var(--color-text-cyan);
    }

    .astryx-badge.blue {
      background-color: var(--color-background-blue);
      color: var(--color-text-blue);
    }

    .astryx-badge.purple {
      background-color: var(--color-background-purple);
      color: var(--color-text-purple);
    }

    .astryx-badge.pink {
      background-color: var(--color-background-pink);
      color: var(--color-text-pink);
    }

    .astryx-badge.gray {
      background-color: var(--color-background-gray);
      color: var(--color-text-gray);
    }

    .astryx-banner.info {
      background-color: var(--color-background-blue);
      --color-accent-muted: transparent;
      --color-text-primary: var(--color-text-blue);
      --color-text-secondary: var(--color-text-blue);
      --color-accent: var(--color-text-blue);
    }

    .astryx-banner.success {
      --color-text-primary: var(--color-text-green);
      --color-text-secondary: var(--color-text-green);
      --color-success: var(--color-text-green);
    }

    .astryx-banner.warning {
      --color-text-primary: var(--color-text-yellow);
      --color-text-secondary: var(--color-text-yellow);
      --color-warning: var(--color-text-yellow);
    }

    .astryx-banner.error {
      --color-text-primary: var(--color-text-red);
      --color-text-secondary: var(--color-text-red);
      --color-error: var(--color-text-red);
    }

    .astryx-switch {
      --color-background-gray: var(--color-border-emphasized);
    }

    .astryx-progressbar {
      --color-background-muted: var(--color-border-emphasized);
    }

    .astryx-progressbar.accent {
      --color-accent: #0074e2;
    }

    .astryx-progressbar.success {
      --color-success: #198100;
    }

    .astryx-progressbar.warning {
      --color-warning: #ffce2f;
    }

    .astryx-progressbar.error {
      --color-error: #e33f4a;
    }

    .astryx-card {
      --astryx-card-padding: var(--spacing-3);
    }

    .astryx-section {
      --astryx-section-padding: var(--spacing-3);
    }

    .astryx-text.primary, .astryx-heading.primary {
      color: var(--color-text-primary);
    }

    .astryx-text.secondary, .astryx-heading.secondary {
      color: var(--color-text-secondary);
    }

    .astryx-text.disabled, .astryx-heading.disabled {
      color: var(--color-text-disabled);
    }

    .astryx-text.placeholder, .astryx-heading.placeholder {
      color: var(--color-text-secondary);
    }

    .astryx-text.accent, .astryx-heading.accent {
      color: var(--color-text-accent);
    }
  }

  @scope ([data-astryx-theme="neutral"]) to ([data-astryx-theme]) {
    [data-astryx-media="dark"] {
      --lightningcss-light: ;
      --lightningcss-dark: initial;
      color-scheme: dark;
      --color-text-primary: var(--color-on-dark);
      --color-icon-primary: var(--color-on-dark);
      --color-accent: var(--color-on-dark);
    }

    [data-astryx-media="light"] {
      --lightningcss-light: initial;
      --lightningcss-dark: ;
      color-scheme: light;
      --color-text-primary: var(--color-on-light);
      --color-icon-primary: var(--color-on-light);
      --color-accent: var(--color-on-light);
    }
  }
}

@layer components;

@layer utilities {
  .\@container {
    container-type: inline-size;
  }

  .pointer-events-auto {
    pointer-events: auto;
  }

  .pointer-events-none {
    pointer-events: none;
  }

  .visible {
    visibility: visible;
  }

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

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .inset-0 {
    inset: 0;
  }

  .inset-x-0 {
    inset-inline: 0;
  }

  .inset-x-3 {
    inset-inline: calc(var(--spacing-1) * 3);
  }

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

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

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

  .top-0 {
    top: 0;
  }

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

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

  .top-1\/2 {
    top: 50%;
  }

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

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

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

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

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

  .top-\[10px\] {
    top: 10px;
  }

  .top-\[calc\(100\%\+0\.5rem\)\] {
    top: calc(100% + .5rem);
  }

  .top-full {
    top: 100%;
  }

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

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

  .-right-\[30px\] {
    right: -30px;
  }

  .right-0 {
    right: 0;
  }

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

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

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

  .bottom-0 {
    bottom: 0;
  }

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

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

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

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

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

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

  .left-0 {
    left: 0;
  }

  .left-1\/2 {
    left: 50%;
  }

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

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

  .isolate {
    isolation: isolate;
  }

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

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

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

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

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

  .z-\[1\] {
    z-index: 1;
  }

  .z-\[2\] {
    z-index: 2;
  }

  .z-\[60\] {
    z-index: 60;
  }

  .z-\[80\] {
    z-index: 80;
  }

  .z-\[100\] {
    z-index: 100;
  }

  .z-\[200\] {
    z-index: 200;
  }

  .z-\[300\] {
    z-index: 300;
  }

  .z-\[400\] {
    z-index: 400;
  }

  .z-\[10050\] {
    z-index: 10050;
  }

  .col-span-6 {
    grid-column: span 6 / span 6;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .m-0 {
    margin: 0;
  }

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

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

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

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

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

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

  .ms-1 {
    margin-inline-start: var(--spacing-1);
  }

  .ms-auto {
    margin-inline-start: auto;
  }

  .me-1 {
    margin-inline-end: var(--spacing-1);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .mr-auto {
    margin-right: auto;
  }

  .mb-0 {
    margin-bottom: 0;
  }

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

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

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

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

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

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

  .-ml-1 {
    margin-left: calc(var(--spacing-1) * -1);
  }

  .ml-2 {
    margin-left: calc(var(--spacing-1) * 2);
  }

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

  .box-border {
    box-sizing: border-box;
  }

  .line-clamp-1 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-3 {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

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

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

  .table {
    display: table;
  }

  .aspect-\[1\.91\/1\] {
    aspect-ratio: 1.91;
  }

  .aspect-\[3\/4\] {
    aspect-ratio: 3 / 4;
  }

  .aspect-\[4\/3\] {
    aspect-ratio: 4 / 3;
  }

  .aspect-\[16\/9\] {
    aspect-ratio: 16 / 9;
  }

  .aspect-\[16\/10\] {
    aspect-ratio: 16 / 10;
  }

  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }

  .size-3\.5 {
    width: calc(var(--spacing-1) * 3.5);
    height: calc(var(--spacing-1) * 3.5);
  }

  .size-7 {
    width: calc(var(--spacing-1) * 7);
    height: calc(var(--spacing-1) * 7);
  }

  .size-8 {
    width: calc(var(--spacing-1) * 8);
    height: calc(var(--spacing-1) * 8);
  }

  .size-10 {
    width: calc(var(--spacing-1) * 10);
    height: calc(var(--spacing-1) * 10);
  }

  .size-11 {
    width: calc(var(--spacing-1) * 11);
    height: calc(var(--spacing-1) * 11);
  }

  .size-20 {
    width: calc(var(--spacing-1) * 20);
    height: calc(var(--spacing-1) * 20);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .h-\[1\.375rem\] {
    height: 1.375rem;
  }

  .h-\[1\.625rem\] {
    height: 1.625rem;
  }

  .h-\[4\.25rem\] {
    height: 4.25rem;
  }

  .h-\[28rem\] {
    height: 28rem;
  }

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

  .h-\[min\(42vh\,22rem\)\] {
    height: min(42vh, 22rem);
  }

  .h-\[min\(50vh\,22rem\)\] {
    height: min(50vh, 22rem);
  }

  .h-\[min\(55vh\,26rem\)\] {
    height: min(55vh, 26rem);
  }

  .h-auto {
    height: auto;
  }

  .h-dvh {
    height: 100dvh;
  }

  .h-full {
    height: 100%;
  }

  .h-px {
    height: 1px;
  }

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

  .max-h-36 {
    max-height: calc(var(--spacing-1) * 36);
  }

  .max-h-40 {
    max-height: calc(var(--spacing-1) * 40);
  }

  .max-h-44 {
    max-height: calc(var(--spacing-1) * 44);
  }

  .max-h-72 {
    max-height: calc(var(--spacing-1) * 72);
  }

  .max-h-\[22rem\] {
    max-height: 22rem;
  }

  .max-h-\[26rem\] {
    max-height: 26rem;
  }

  .max-h-\[28rem\] {
    max-height: 28rem;
  }

  .max-h-\[32rem\] {
    max-height: 32rem;
  }

  .max-h-\[40rem\] {
    max-height: 40rem;
  }

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

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

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

  .max-h-\[min\(70dvh\,36rem\)\] {
    max-height: min(70dvh, 36rem);
  }

  .max-h-\[min\(70vh\,28rem\)\] {
    max-height: min(70vh, 28rem);
  }

  .max-h-\[min\(85vh\,720px\)\] {
    max-height: min(85vh, 720px);
  }

  .max-h-\[min\(240px\,40vh\)\] {
    max-height: min(240px, 40vh);
  }

  .min-h-0 {
    min-height: 0;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .min-h-\[0\.75rem\] {
    min-height: .75rem;
  }

  .min-h-\[1\.5em\] {
    min-height: 1.5em;
  }

  .min-h-\[10\.75rem\] {
    min-height: 10.75rem;
  }

  .min-h-\[12\.5rem\] {
    min-height: 12.5rem;
  }

  .min-h-\[16rem\] {
    min-height: 16rem;
  }

  .min-h-\[17\.5rem\] {
    min-height: 17.5rem;
  }

  .min-h-\[18rem\] {
    min-height: 18rem;
  }

  .min-h-\[20rem\] {
    min-height: 20rem;
  }

  .min-h-\[26rem\] {
    min-height: 26rem;
  }

  .min-h-\[70vh\] {
    min-height: 70vh;
  }

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

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

  .min-h-\[max\(28rem\,calc\(80svh-3\.5rem\)\)\] {
    min-height: max(28rem, 80svh - 3.5rem);
  }

  .min-h-\[min\(72vh\,720px\)\] {
    min-height: min(72vh, 720px);
  }

  .min-h-\[min\(85vh\,44rem\)\] {
    min-height: min(85vh, 44rem);
  }

  .min-h-dvh {
    min-height: 100dvh;
  }

  .min-h-full {
    min-height: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .w-\[1\.625rem\] {
    width: 1.625rem;
  }

  .w-\[4\.25rem\] {
    width: 4.25rem;
  }

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

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

  .w-\[13\.5rem\] {
    width: 13.5rem;
  }

  .w-\[16rem\] {
    width: 16rem;
  }

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

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

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

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

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

  .w-\[37\.5\%\] {
    width: 37.5%;
  }

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

  .w-\[calc\(\(100cqw-1\.25rem\)\/1\.12\)\] {
    width: calc(89.2857cqw - 1.11607rem);
  }

  .w-\[calc\(100\%\+0\.5rem\)\] {
    width: calc(100% + .5rem);
  }

  .w-\[min\(24rem\,100vw\)\] {
    width: min(24rem, 100vw);
  }

  .w-\[min\(56rem\,100vw\)\] {
    width: min(56rem, 100vw);
  }

  .w-\[min\(72rem\,100vw\)\] {
    width: min(72rem, 100vw);
  }

  .w-\[min\(100\%\,14rem\)\] {
    width: min(100%, 14rem);
  }

  .w-\[min\(100\%\,18rem\)\] {
    width: min(100%, 18rem);
  }

  .w-\[min\(100\%-1\.5rem\,22rem\)\] {
    width: min(100% - 1.5rem, 22rem);
  }

  .w-\[min\(100\%-1\.5rem\,28rem\)\] {
    width: min(100% - 1.5rem, 28rem);
  }

  .w-\[min\(calc\(100\%-4\.5rem\)\,22rem\)\] {
    width: min(100% - 4.5rem, 22rem);
  }

  .w-\[min\(calc\(100\%-4\.5rem\)\,36rem\)\] {
    width: min(100% - 4.5rem, 36rem);
  }

  .w-\[min\(calc\(100\%-12rem\)\,36rem\)\] {
    width: min(100% - 12rem, 36rem);
  }

  .w-\[var\(--landing-header-logo-width\,190px\)\] {
    width: var(--landing-header-logo-width, 190px);
  }

  .w-\[var\(--landing-header-logo-width-lg\,300px\)\] {
    width: var(--landing-header-logo-width-lg, 300px);
  }

  .w-auto {
    width: auto;
  }

  .w-fit {
    width: fit-content;
  }

  .w-full {
    width: 100%;
  }

  .w-max {
    width: max-content;
  }

  .w-px {
    width: 1px;
  }

  .max-w-2xl {
    max-width: var(--container-2xl);
  }

  .max-w-3xl {
    max-width: var(--container-3xl);
  }

  .max-w-4xl {
    max-width: var(--container-4xl);
  }

  .max-w-5xl {
    max-width: var(--container-5xl);
  }

  .max-w-56 {
    max-width: calc(var(--spacing-1) * 56);
  }

  .max-w-80 {
    max-width: calc(var(--spacing-1) * 80);
  }

  .max-w-\[2\.25rem\] {
    max-width: 2.25rem;
  }

  .max-w-\[3rem\] {
    max-width: 3rem;
  }

  .max-w-\[9\.5rem\] {
    max-width: 9.5rem;
  }

  .max-w-\[11rem\] {
    max-width: 11rem;
  }

  .max-w-\[14rem\] {
    max-width: 14rem;
  }

  .max-w-\[16rem\] {
    max-width: 16rem;
  }

  .max-w-\[18rem\] {
    max-width: 18rem;
  }

  .max-w-\[20rem\] {
    max-width: 20rem;
  }

  .max-w-\[22rem\] {
    max-width: 22rem;
  }

  .max-w-\[36rem\] {
    max-width: 36rem;
  }

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

  .max-w-\[58rem\] {
    max-width: 58rem;
  }

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

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

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

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

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

  .max-w-\[min\(20rem\,calc\(100vw-2rem\)\)\] {
    max-width: min(20rem, 100vw - 2rem);
  }

  .max-w-\[min\(90\%\,20rem\)\] {
    max-width: min(90%, 20rem);
  }

  .max-w-\[min\(100\%\,15rem\)\] {
    max-width: min(100%, 15rem);
  }

  .max-w-\[min\(100\%\,190px\)\] {
    max-width: min(100%, 190px);
  }

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

  .max-w-lg {
    max-width: var(--container-lg);
  }

  .max-w-md {
    max-width: var(--container-md);
  }

  .max-w-none {
    max-width: none;
  }

  .max-w-prose {
    max-width: 65ch;
  }

  .max-w-xs {
    max-width: var(--container-xs);
  }

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

  .min-w-7 {
    min-width: calc(var(--spacing-1) * 7);
  }

  .min-w-\[7rem\] {
    min-width: 7rem;
  }

  .min-w-\[8rem\] {
    min-width: 8rem;
  }

  .min-w-\[9\.5rem\] {
    min-width: 9.5rem;
  }

  .min-w-\[10rem\] {
    min-width: 10rem;
  }

  .min-w-\[11rem\] {
    min-width: 11rem;
  }

  .min-w-\[12rem\] {
    min-width: 12rem;
  }

  .min-w-\[14rem\] {
    min-width: 14rem;
  }

  .min-w-\[15rem\] {
    min-width: 15rem;
  }

  .min-w-\[16rem\] {
    min-width: 16rem;
  }

  .min-w-\[24rem\] {
    min-width: 24rem;
  }

  .min-w-\[28rem\] {
    min-width: 28rem;
  }

  .min-w-\[36rem\] {
    min-width: 36rem;
  }

  .min-w-\[40rem\] {
    min-width: 40rem;
  }

  .min-w-\[44rem\] {
    min-width: 44rem;
  }

  .min-w-\[48rem\] {
    min-width: 48rem;
  }

  .min-w-\[56rem\] {
    min-width: 56rem;
  }

  .min-w-\[72rem\] {
    min-width: 72rem;
  }

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

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

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

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

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

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

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

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

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

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

  .flex-1 {
    flex: 1;
  }

  .flex-\[2\] {
    flex: 2;
  }

  .flex-shrink, .shrink {
    flex-shrink: 1;
  }

  .shrink-0 {
    flex-shrink: 0;
  }

  .grow-0 {
    flex-grow: 0;
  }

  .basis-\[12rem\] {
    flex-basis: 12rem;
  }

  .basis-\[14rem\] {
    flex-basis: 14rem;
  }

  .table-auto {
    table-layout: auto;
  }

  .table-fixed {
    table-layout: fixed;
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .origin-right {
    transform-origin: 100%;
  }

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

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

  .scale-105 {
    --tw-scale-x: 105%;
    --tw-scale-y: 105%;
    --tw-scale-z: 105%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .-scale-x-100 {
    --tw-scale-x: calc(100% * -1);
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .rotate-90 {
    rotate: 90deg;
  }

  .rotate-180 {
    rotate: 180deg;
  }

  .\[transform\:translateZ\(0\)\] {
    transform: translateZ(0);
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .animate-pulse {
    animation: var(--animate-pulse);
  }

  .cursor-grab {
    cursor: grab;
  }

  .cursor-not-allowed {
    cursor: not-allowed;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .cursor-text {
    cursor: text;
  }

  .resize {
    resize: both;
  }

  .resize-none {
    resize: none;
  }

  .resize-y {
    resize: vertical;
  }

  .snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
  }

  .snap-mandatory {
    --tw-scroll-snap-strictness: mandatory;
  }

  .snap-start {
    scroll-snap-align: start;
  }

  .scroll-mt-4 {
    scroll-margin-top: calc(var(--spacing-1) * 4);
  }

  .scroll-mt-24 {
    scroll-margin-top: calc(var(--spacing-1) * 24);
  }

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

  .list-decimal {
    list-style-type: decimal;
  }

  .list-disc {
    list-style-type: disc;
  }

  .list-none {
    list-style-type: none;
  }

  .appearance-none {
    appearance: none;
  }

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

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

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

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

  .grid-cols-\[1\.25rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 1.25rem minmax(0, 1fr);
  }

  .grid-cols-\[1rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 1rem minmax(0, 1fr);
  }

  .grid-cols-\[minmax\(0\,1fr\)_auto\] {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.4fr\)\] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
  }

  .grid-cols-\[repeat\(auto-fill\,minmax\(min\(100\%\,20rem\)\,22rem\)\)\] {
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 20rem), 22rem));
  }

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

  .flex-row {
    flex-direction: row;
  }

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

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

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

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

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

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

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

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

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

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

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

  .justify-items-stretch {
    justify-items: stretch;
  }

  .gap-0 {
    gap: 0;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .gap-x-8 {
    column-gap: calc(var(--spacing-1) * 8);
  }

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

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

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

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

  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }

  :where(.divide-border > :not(:last-child)) {
    border-color: var(--color-border);
  }

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

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

  .self-stretch {
    align-self: stretch;
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .overflow-auto {
    overflow: auto;
  }

  .overflow-clip {
    overflow: clip;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-visible {
    overflow: visible;
  }

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

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

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

  .overscroll-contain {
    overscroll-behavior: contain;
  }

  .overscroll-x-contain {
    overscroll-behavior-x: contain;
  }

  .scroll-smooth {
    scroll-behavior: smooth;
  }

  .\[border-radius\:var\(--landing-submenu-radius\,20px\)\] {
    border-radius: var(--landing-submenu-radius, 20px);
  }

  .rounded {
    border-radius: .25rem;
  }

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

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

  .rounded-\[1\.25rem\] {
    border-radius: 1.25rem;
  }

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

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

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

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

  .rounded-\[var\(--radius-container\)\] {
    border-radius: var(--radius-container);
  }

  .rounded-\[var\(--radius-element\)\] {
    border-radius: var(--radius-element);
  }

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

  .rounded-full\! {
    border-radius: var(--radius-full) !important;
  }

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

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

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

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

  .rounded-br-md {
    border-bottom-right-radius: var(--radius-element);
  }

  .rounded-bl-md {
    border-bottom-left-radius: var(--radius-element);
  }

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

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

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

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

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

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

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

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

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

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

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

  .border-\[color-mix\(in_oklab\,var\(--color-accent\,\#2563eb\)_45\%\,transparent\)\] {
    border-color: var(--color-accent, #2563eb);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[color-mix\(in_oklab\,var\(--color-accent\,\#2563eb\)_45\%\,transparent\)\] {
      border-color: color-mix(in oklab,var(--color-accent, #2563eb) 45%,transparent);
    }
  }

  .border-\[color-mix\(in_srgb\,var\(--landing-accent\,var\(--color-text-accent\)\)_25\%\,transparent\)\] {
    border-color: var(--landing-accent, var(--color-text-accent));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[color-mix\(in_srgb\,var\(--landing-accent\,var\(--color-text-accent\)\)_25\%\,transparent\)\] {
      border-color: color-mix(in srgb,var(--landing-accent, var(--color-text-accent)) 25%,transparent);
    }
  }

  .border-\[color-mix\(in_srgb\,var\(--landing-accent-deep\,\#E11D48\)_35\%\,var\(--color-border\)\)\] {
    border-color: var(--landing-accent-deep, #e11d48);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[color-mix\(in_srgb\,var\(--landing-accent-deep\,\#E11D48\)_35\%\,var\(--color-border\)\)\] {
      border-color: color-mix(in srgb,var(--landing-accent-deep, #e11d48) 35%,var(--color-border));
    }
  }

  .border-\[var\(--color-accent\,\#2563eb\)\] {
    border-color: var(--color-accent, #2563eb);
  }

  .border-\[var\(--color-accent-teal\)\]\/60 {
    border-color: var(--color-accent-teal);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[var\(--color-accent-teal\)\]\/60 {
      border-color: color-mix(in oklab, var(--color-accent-teal) 60%, transparent);
    }
  }

  .border-\[var\(--color-accent-teal\,\#0d9488\)\] {
    border-color: var(--color-accent-teal, #0d9488);
  }

  .border-\[var\(--color-border-accent\)\] {
    border-color: var(--color-border-accent);
  }

  .border-\[var\(--color-border-danger\,\#fca5a5\)\] {
    border-color: var(--color-border-danger, #fca5a5);
  }

  .border-\[var\(--color-border-default\)\] {
    border-color: var(--color-border-default);
  }

  .border-\[var\(--color-border-warning\,\#d97706\)\] {
    border-color: var(--color-border-warning, #d97706);
  }

  .border-\[var\(--color-text-primary\)\] {
    border-color: var(--color-text-primary);
  }

  .border-\[var\(--landing-accent\,\#E11D48\)\] {
    border-color: var(--landing-accent, #e11d48);
  }

  .border-\[var\(--landing-accent\,var\(--color-border-accent\)\)\] {
    border-color: var(--landing-accent, var(--color-border-accent));
  }

  .border-accent {
    border-color: var(--color-text-accent);
  }

  .border-black\/10 {
    border-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-black\/10 {
      border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  .border-black\/15 {
    border-color: #00000026;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-black\/15 {
      border-color: color-mix(in oklab, var(--color-black) 15%, transparent);
    }
  }

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

  .border-border\/30 {
    border-color: var(--color-border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border\/30 {
      border-color: color-mix(in oklab, var(--color-border) 30%, transparent);
    }
  }

  .border-border\/60 {
    border-color: var(--color-border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border\/60 {
      border-color: color-mix(in oklab, var(--color-border) 60%, transparent);
    }
  }

  .border-border\/70 {
    border-color: var(--color-border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border\/70 {
      border-color: color-mix(in oklab, var(--color-border) 70%, transparent);
    }
  }

  .border-border\/80 {
    border-color: var(--color-border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border\/80 {
      border-color: color-mix(in oklab, var(--color-border) 80%, transparent);
    }
  }

  .border-current\/30 {
    border-color: currentColor;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-current\/30 {
      border-color: color-mix(in oklab, currentcolor 30%, transparent);
    }
  }

  .border-emerald-500\/30 {
    border-color: #00bb7f4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-emerald-500\/30 {
      border-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
    }
  }

  .border-emerald-500\/35 {
    border-color: #00bb7f59;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-emerald-500\/35 {
      border-color: color-mix(in oklab, var(--color-emerald-500) 35%, transparent);
    }
  }

  .border-muted {
    border-color: var(--color-background-muted);
  }

  .border-primary {
    border-color: var(--color-text-primary);
  }

  .border-primary\/25 {
    border-color: var(--color-text-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/25 {
      border-color: color-mix(in oklab, var(--color-text-primary) 25%, transparent);
    }
  }

  .border-primary\/30 {
    border-color: var(--color-text-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/30 {
      border-color: color-mix(in oklab, var(--color-text-primary) 30%, transparent);
    }
  }

  .border-primary\/35 {
    border-color: var(--color-text-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/35 {
      border-color: color-mix(in oklab, var(--color-text-primary) 35%, transparent);
    }
  }

  .border-primary\/40 {
    border-color: var(--color-text-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/40 {
      border-color: color-mix(in oklab, var(--color-text-primary) 40%, transparent);
    }
  }

  .border-red-300\/40 {
    border-color: #ffa3a366;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-red-300\/40 {
      border-color: color-mix(in oklab, var(--color-red-300) 40%, transparent);
    }
  }

  .border-red-500 {
    border-color: var(--color-red-500);
  }

  .border-red-500\/30 {
    border-color: #fb2c364d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-red-500\/30 {
      border-color: color-mix(in oklab, var(--color-red-500) 30%, transparent);
    }
  }

  .border-success\/40 {
    border-color: var(--color-success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-success\/40 {
      border-color: color-mix(in oklab, var(--color-success) 40%, transparent);
    }
  }

  .border-teal-500\/30 {
    border-color: #00baa74d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-teal-500\/30 {
      border-color: color-mix(in oklab, var(--color-teal-500) 30%, transparent);
    }
  }

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

  .border-white\/20 {
    border-color: #fff3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/20 {
      border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }

  .border-white\/25 {
    border-color: #ffffff40;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/25 {
      border-color: color-mix(in oklab, var(--color-white) 25%, transparent);
    }
  }

  .border-white\/30 {
    border-color: #ffffff4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/30 {
      border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }

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

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

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

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

  .bg-\[\#0077FF\] {
    background-color: #07f;
  }

  .bg-\[\#0077ff\]\/15 {
    background-color: #0077ff26;
    background-color: lab(51.021% 13.8949 -76.6225 / .15);
  }

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

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

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

  .bg-\[\#fc3f1d\]\/15 {
    background-color: #fc3f1d26;
    background-color: lab(57.3631% 70.2771 62.3963 / .15);
  }

  .bg-\[color-mix\(in_oklab\,\#059669_14\%\,transparent\)\] {
    background-color: #05966924;
    background-color: lab(54.8183% -43.5039 13.9396 / .14);
  }

  .bg-\[color-mix\(in_oklab\,\#dc2626_12\%\,transparent\)\] {
    background-color: #dc26261f;
    background-color: lab(48.7982% 67.6999 48.8037 / .12);
  }

  .bg-\[color-mix\(in_oklab\,var\(--color-accent\,\#2563eb\)_7\%\,transparent\)\] {
    background-color: var(--color-accent, #2563eb);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_oklab\,var\(--color-accent\,\#2563eb\)_7\%\,transparent\)\] {
      background-color: color-mix(in oklab,var(--color-accent, #2563eb) 7%,transparent);
    }
  }

  .bg-\[color-mix\(in_oklab\,var\(--color-accent\,\#2563eb\)_8\%\,transparent\)\] {
    background-color: var(--color-accent, #2563eb);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_oklab\,var\(--color-accent\,\#2563eb\)_8\%\,transparent\)\] {
      background-color: color-mix(in oklab,var(--color-accent, #2563eb) 8%,transparent);
    }
  }

  .bg-\[color-mix\(in_oklab\,var\(--color-accent\,\#2563eb\)_10\%\,transparent\)\] {
    background-color: var(--color-accent, #2563eb);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_oklab\,var\(--color-accent\,\#2563eb\)_10\%\,transparent\)\] {
      background-color: color-mix(in oklab,var(--color-accent, #2563eb) 10%,transparent);
    }
  }

  .bg-\[color-mix\(in_oklab\,var\(--color-accent\,\#2563eb\)_12\%\,transparent\)\] {
    background-color: var(--color-accent, #2563eb);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_oklab\,var\(--color-accent\,\#2563eb\)_12\%\,transparent\)\] {
      background-color: color-mix(in oklab,var(--color-accent, #2563eb) 12%,transparent);
    }
  }

  .bg-\[color-mix\(in_oklab\,var\(--color-accent\,\#2563eb\)_14\%\,transparent\)\] {
    background-color: var(--color-accent, #2563eb);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_oklab\,var\(--color-accent\,\#2563eb\)_14\%\,transparent\)\] {
      background-color: color-mix(in oklab,var(--color-accent, #2563eb) 14%,transparent);
    }
  }

  .bg-\[color-mix\(in_oklab\,var\(--color-accent\,\#2563eb\)_16\%\,transparent\)\] {
    background-color: var(--color-accent, #2563eb);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_oklab\,var\(--color-accent\,\#2563eb\)_16\%\,transparent\)\] {
      background-color: color-mix(in oklab,var(--color-accent, #2563eb) 16%,transparent);
    }
  }

  .bg-\[color-mix\(in_oklab\,var\(--color-accent\,\#2563eb\)_18\%\,transparent\)\] {
    background-color: var(--color-accent, #2563eb);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_oklab\,var\(--color-accent\,\#2563eb\)_18\%\,transparent\)\] {
      background-color: color-mix(in oklab,var(--color-accent, #2563eb) 18%,transparent);
    }
  }

  .bg-\[color-mix\(in_oklab\,var\(--color-accent\,\#2563eb\)_22\%\,transparent\)\] {
    background-color: var(--color-accent, #2563eb);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_oklab\,var\(--color-accent\,\#2563eb\)_22\%\,transparent\)\] {
      background-color: color-mix(in oklab,var(--color-accent, #2563eb) 22%,transparent);
    }
  }

  .bg-\[color-mix\(in_oklab\,var\(--color-accent\,\#2563eb\)_22\%\,var\(--color-background-surface\,\#fff\)\)\] {
    background-color: var(--color-accent, #2563eb);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_oklab\,var\(--color-accent\,\#2563eb\)_22\%\,var\(--color-background-surface\,\#fff\)\)\] {
      background-color: color-mix(in oklab,var(--color-accent, #2563eb) 22%,var(--color-background-surface, #fff));
    }
  }

  .bg-\[color-mix\(in_oklab\,var\(--color-accent\,\#2563eb\)_25\%\,transparent\)\] {
    background-color: var(--color-accent, #2563eb);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_oklab\,var\(--color-accent\,\#2563eb\)_25\%\,transparent\)\] {
      background-color: color-mix(in oklab,var(--color-accent, #2563eb) 25%,transparent);
    }
  }

  .bg-\[color-mix\(in_oklab\,var\(--color-accent\,\#2563eb\)_45\%\,transparent\)\] {
    background-color: var(--color-accent, #2563eb);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_oklab\,var\(--color-accent\,\#2563eb\)_45\%\,transparent\)\] {
      background-color: color-mix(in oklab,var(--color-accent, #2563eb) 45%,transparent);
    }
  }

  .bg-\[color-mix\(in_oklab\,var\(--color-accent-teal\,\#0d9488\)_18\%\,transparent\)\] {
    background-color: var(--color-accent-teal, #0d9488);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_oklab\,var\(--color-accent-teal\,\#0d9488\)_18\%\,transparent\)\] {
      background-color: color-mix(in oklab,var(--color-accent-teal, #0d9488) 18%,transparent);
    }
  }

  .bg-\[color-mix\(in_oklab\,var\(--color-accent-teal\,\#0d9488\)_45\%\,transparent\)\] {
    background-color: var(--color-accent-teal, #0d9488);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_oklab\,var\(--color-accent-teal\,\#0d9488\)_45\%\,transparent\)\] {
      background-color: color-mix(in oklab,var(--color-accent-teal, #0d9488) 45%,transparent);
    }
  }

  .bg-\[color-mix\(in_oklab\,var\(--color-background-muted\,\#f3f4f6\)_35\%\,transparent\)\] {
    background-color: var(--color-background-muted, #f3f4f6);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_oklab\,var\(--color-background-muted\,\#f3f4f6\)_35\%\,transparent\)\] {
      background-color: color-mix(in oklab,var(--color-background-muted, #f3f4f6) 35%,transparent);
    }
  }

  .bg-\[color-mix\(in_oklab\,var\(--color-border\,\#e5e7eb\)_55\%\,transparent\)\] {
    background-color: var(--color-border, #e5e7eb);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_oklab\,var\(--color-border\,\#e5e7eb\)_55\%\,transparent\)\] {
      background-color: color-mix(in oklab,var(--color-border, #e5e7eb) 55%,transparent);
    }
  }

  .bg-\[color-mix\(in_oklab\,var\(--color-status-error\,\#dc2626\)_16\%\,transparent\)\] {
    background-color: var(--color-status-error, #dc2626);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_oklab\,var\(--color-status-error\,\#dc2626\)_16\%\,transparent\)\] {
      background-color: color-mix(in oklab,var(--color-status-error, #dc2626) 16%,transparent);
    }
  }

  .bg-\[color-mix\(in_oklab\,var\(--color-status-success\,\#16a34a\)_18\%\,transparent\)\] {
    background-color: var(--color-status-success, #16a34a);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_oklab\,var\(--color-status-success\,\#16a34a\)_18\%\,transparent\)\] {
      background-color: color-mix(in oklab,var(--color-status-success, #16a34a) 18%,transparent);
    }
  }

  .bg-\[color-mix\(in_oklab\,var\(--color-status-warning\,\#b45309\)_14\%\,transparent\)\] {
    background-color: var(--color-status-warning, #b45309);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_oklab\,var\(--color-status-warning\,\#b45309\)_14\%\,transparent\)\] {
      background-color: color-mix(in oklab,var(--color-status-warning, #b45309) 14%,transparent);
    }
  }

  .bg-\[color-mix\(in_oklab\,var\(--color-status-warning\,\#d97706\)_8\%\,transparent\)\] {
    background-color: var(--color-status-warning, #d97706);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_oklab\,var\(--color-status-warning\,\#d97706\)_8\%\,transparent\)\] {
      background-color: color-mix(in oklab,var(--color-status-warning, #d97706) 8%,transparent);
    }
  }

  .bg-\[color-mix\(in_oklab\,var\(--color-status-warning\,\#d97706\)_18\%\,transparent\)\] {
    background-color: var(--color-status-warning, #d97706);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_oklab\,var\(--color-status-warning\,\#d97706\)_18\%\,transparent\)\] {
      background-color: color-mix(in oklab,var(--color-status-warning, #d97706) 18%,transparent);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--color-accent\)_22\%\,transparent\)\] {
    background-color: var(--color-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--color-accent\)_22\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--color-accent) 22%,transparent);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--color-accent-teal\,\#0d9488\)_8\%\,transparent\)\] {
    background-color: var(--color-accent-teal, #0d9488);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--color-accent-teal\,\#0d9488\)_8\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--color-accent-teal, #0d9488) 8%,transparent);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--color-accent-teal\,\#0d9488\)_12\%\,transparent\)\] {
    background-color: var(--color-accent-teal, #0d9488);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--color-accent-teal\,\#0d9488\)_12\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--color-accent-teal, #0d9488) 12%,transparent);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--color-accent-teal\,\#0d9488\)_14\%\,transparent\)\] {
    background-color: var(--color-accent-teal, #0d9488);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--color-accent-teal\,\#0d9488\)_14\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--color-accent-teal, #0d9488) 14%,transparent);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--color-accent-teal\,\#0d9488\)_18\%\,transparent\)\] {
    background-color: var(--color-accent-teal, #0d9488);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--color-accent-teal\,\#0d9488\)_18\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--color-accent-teal, #0d9488) 18%,transparent);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--color-accent-teal\,\#14b8a6\)_22\%\,transparent\)\] {
    background-color: var(--color-accent-teal, #14b8a6);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--color-accent-teal\,\#14b8a6\)_22\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--color-accent-teal, #14b8a6) 22%,transparent);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--color-surface-muted\)_80\%\,transparent\)\] {
    background-color: var(--color-surface-muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--color-surface-muted\)_80\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--color-surface-muted) 80%,transparent);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--landing-accent\,\#E11D48\)_12\%\,transparent\)\] {
    background-color: var(--landing-accent, #e11d48);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--landing-accent\,\#E11D48\)_12\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--landing-accent, #e11d48) 12%,transparent);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--landing-accent\,\#E11D48\)_92\%\,\#06080B\)\] {
    background-color: var(--landing-accent, #e11d48);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--landing-accent\,\#E11D48\)_92\%\,\#06080B\)\] {
      background-color: color-mix(in srgb,var(--landing-accent, #e11d48) 92%,#06080b);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--landing-accent\,var\(--color-text-accent\)\)_8\%\,var\(--color-background-body\)\)\] {
    background-color: var(--landing-accent, var(--color-text-accent));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--landing-accent\,var\(--color-text-accent\)\)_8\%\,var\(--color-background-body\)\)\] {
      background-color: color-mix(in srgb,var(--landing-accent, var(--color-text-accent)) 8%,var(--color-background-body));
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--landing-accent\,var\(--color-text-accent\)\)_10\%\,var\(--color-background-body\)\)\] {
    background-color: var(--landing-accent, var(--color-text-accent));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--landing-accent\,var\(--color-text-accent\)\)_10\%\,var\(--color-background-body\)\)\] {
      background-color: color-mix(in srgb,var(--landing-accent, var(--color-text-accent)) 10%,var(--color-background-body));
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--landing-accent\,var\(--color-text-accent\)\)_11\%\,var\(--color-background-body\)\)\] {
    background-color: var(--landing-accent, var(--color-text-accent));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--landing-accent\,var\(--color-text-accent\)\)_11\%\,var\(--color-background-body\)\)\] {
      background-color: color-mix(in srgb,var(--landing-accent, var(--color-text-accent)) 11%,var(--color-background-body));
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--landing-accent\,var\(--color-text-accent\)\)_16\%\,transparent\)\] {
    background-color: var(--landing-accent, var(--color-text-accent));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--landing-accent\,var\(--color-text-accent\)\)_16\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--landing-accent, var(--color-text-accent)) 16%,transparent);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--landing-accent-deep\,\#E11D48\)_12\%\,transparent\)\] {
    background-color: var(--landing-accent-deep, #e11d48);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--landing-accent-deep\,\#E11D48\)_12\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--landing-accent-deep, #e11d48) 12%,transparent);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--landing-accent-deep\,\#E11D48\)_14\%\,transparent\)\] {
    background-color: var(--landing-accent-deep, #e11d48);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--landing-accent-deep\,\#E11D48\)_14\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--landing-accent-deep, #e11d48) 14%,transparent);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--landing-accent-deep\,\#E11D48\)_16\%\,transparent\)\] {
    background-color: var(--landing-accent-deep, #e11d48);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--landing-accent-deep\,\#E11D48\)_16\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--landing-accent-deep, #e11d48) 16%,transparent);
    }
  }

  .bg-\[var\(--color-accent\)\] {
    background-color: var(--color-accent);
  }

  .bg-\[var\(--color-accent\,\#2563eb\)\] {
    background-color: var(--color-accent, #2563eb);
  }

  .bg-\[var\(--color-accent-teal\,\#0d9488\)\] {
    background-color: var(--color-accent-teal, #0d9488);
  }

  .bg-\[var\(--color-background-body\)\] {
    background-color: var(--color-background-body);
  }

  .bg-\[var\(--color-background-muted\)\] {
    background-color: var(--color-background-muted);
  }

  .bg-\[var\(--color-background-popover\)\] {
    background-color: var(--color-background-popover);
  }

  .bg-\[var\(--color-background-surface\)\] {
    background-color: var(--color-background-surface);
  }

  .bg-\[var\(--color-background-surface\,\#fff\)\] {
    background-color: var(--color-background-surface, #fff);
  }

  .bg-\[var\(--color-background-surface\,var\(--color-surface\,\#111\)\)\] {
    background-color: var(--color-background-surface, var(--color-surface, #111));
  }

  .bg-\[var\(--color-background-surface\,var\(--color-surface\,\#fff\)\)\] {
    background-color: var(--color-background-surface, var(--color-surface, #fff));
  }

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

  .bg-\[var\(--color-bg-danger\,\#fef2f2\)\] {
    background-color: var(--color-bg-danger, #fef2f2);
  }

  .bg-\[var\(--color-bg-warning\,\#fffbeb\)\] {
    background-color: var(--color-bg-warning, #fffbeb);
  }

  .bg-\[var\(--color-error\)\] {
    background-color: var(--color-error);
  }

  .bg-\[var\(--color-neutral\)\] {
    background-color: var(--color-neutral);
  }

  .bg-\[var\(--color-status-success\,\#16a34a\)\] {
    background-color: var(--color-status-success, #16a34a);
  }

  .bg-\[var\(--color-success\)\] {
    background-color: var(--color-success);
  }

  .bg-\[var\(--color-surface-accent-muted\)\] {
    background-color: var(--color-surface-accent-muted);
  }

  .bg-\[var\(--color-surface-muted\)\] {
    background-color: var(--color-surface-muted);
  }

  .bg-\[var\(--color-text-primary\)\] {
    background-color: var(--color-text-primary);
  }

  .bg-\[var\(--color-text-success\,\#15803d\)\] {
    background-color: var(--color-text-success, #15803d);
  }

  .bg-\[var\(--color-warning\)\] {
    background-color: var(--color-warning);
  }

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

  .bg-amber-200\/70 {
    background-color: #fee685b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-200\/70 {
      background-color: color-mix(in oklab, var(--color-amber-200) 70%, transparent);
    }
  }

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

  .bg-black\/25 {
    background-color: #00000040;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/25 {
      background-color: color-mix(in oklab, var(--color-black) 25%, transparent);
    }
  }

  .bg-black\/30 {
    background-color: #0000004d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/30 {
      background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
    }
  }

  .bg-black\/35 {
    background-color: #00000059;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/35 {
      background-color: color-mix(in oklab, var(--color-black) 35%, transparent);
    }
  }

  .bg-black\/40 {
    background-color: #0006;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/40 {
      background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
    }
  }

  .bg-black\/45 {
    background-color: #00000073;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/45 {
      background-color: color-mix(in oklab, var(--color-black) 45%, transparent);
    }
  }

  .bg-black\/50 {
    background-color: #00000080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/50 {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }

  .bg-black\/55 {
    background-color: #0000008c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/55 {
      background-color: color-mix(in oklab, var(--color-black) 55%, transparent);
    }
  }

  .bg-black\/60 {
    background-color: #0009;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/60 {
      background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
  }

  .bg-black\/70 {
    background-color: #000000b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/70 {
      background-color: color-mix(in oklab, var(--color-black) 70%, transparent);
    }
  }

  .bg-black\/\[0\.04\] {
    background-color: #0000000a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/\[0\.04\] {
      background-color: color-mix(in oklab, var(--color-black) 4%, transparent);
    }
  }

  .bg-black\/\[0\.06\] {
    background-color: #0000000f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/\[0\.06\] {
      background-color: color-mix(in oklab, var(--color-black) 6%, transparent);
    }
  }

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

  .bg-body\/75 {
    background-color: var(--color-background-body);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-body\/75 {
      background-color: color-mix(in oklab, var(--color-background-body) 75%, transparent);
    }
  }

  .bg-body\/95 {
    background-color: var(--color-background-body);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-body\/95 {
      background-color: color-mix(in oklab, var(--color-background-body) 95%, transparent);
    }
  }

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

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

  .bg-emerald-500\/10 {
    background-color: #00bb7f1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-500\/10 {
      background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
    }
  }

  .bg-emerald-500\/15 {
    background-color: #00bb7f26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-500\/15 {
      background-color: color-mix(in oklab, var(--color-emerald-500) 15%, transparent);
    }
  }

  .bg-inherit {
    background-color: inherit;
  }

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

  .bg-muted\/10 {
    background-color: var(--color-background-muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/10 {
      background-color: color-mix(in oklab, var(--color-background-muted) 10%, transparent);
    }
  }

  .bg-muted\/20 {
    background-color: var(--color-background-muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/20 {
      background-color: color-mix(in oklab, var(--color-background-muted) 20%, transparent);
    }
  }

  .bg-muted\/25 {
    background-color: var(--color-background-muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/25 {
      background-color: color-mix(in oklab, var(--color-background-muted) 25%, transparent);
    }
  }

  .bg-muted\/30 {
    background-color: var(--color-background-muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/30 {
      background-color: color-mix(in oklab, var(--color-background-muted) 30%, transparent);
    }
  }

  .bg-muted\/35 {
    background-color: var(--color-background-muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/35 {
      background-color: color-mix(in oklab, var(--color-background-muted) 35%, transparent);
    }
  }

  .bg-muted\/40 {
    background-color: var(--color-background-muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/40 {
      background-color: color-mix(in oklab, var(--color-background-muted) 40%, transparent);
    }
  }

  .bg-muted\/50 {
    background-color: var(--color-background-muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/50 {
      background-color: color-mix(in oklab, var(--color-background-muted) 50%, transparent);
    }
  }

  .bg-muted\/60 {
    background-color: var(--color-background-muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/60 {
      background-color: color-mix(in oklab, var(--color-background-muted) 60%, transparent);
    }
  }

  .bg-muted\/70 {
    background-color: var(--color-background-muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/70 {
      background-color: color-mix(in oklab, var(--color-background-muted) 70%, transparent);
    }
  }

  .bg-muted\/80 {
    background-color: var(--color-background-muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/80 {
      background-color: color-mix(in oklab, var(--color-background-muted) 80%, transparent);
    }
  }

  .bg-muted\/95 {
    background-color: var(--color-background-muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/95 {
      background-color: color-mix(in oklab, var(--color-background-muted) 95%, transparent);
    }
  }

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

  .bg-primary\/5 {
    background-color: var(--color-text-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/5 {
      background-color: color-mix(in oklab, var(--color-text-primary) 5%, transparent);
    }
  }

  .bg-primary\/10 {
    background-color: var(--color-text-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/10 {
      background-color: color-mix(in oklab, var(--color-text-primary) 10%, transparent);
    }
  }

  .bg-primary\/15 {
    background-color: var(--color-text-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/15 {
      background-color: color-mix(in oklab, var(--color-text-primary) 15%, transparent);
    }
  }

  .bg-primary\/20 {
    background-color: var(--color-text-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/20 {
      background-color: color-mix(in oklab, var(--color-text-primary) 20%, transparent);
    }
  }

  .bg-primary\/25 {
    background-color: var(--color-text-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/25 {
      background-color: color-mix(in oklab, var(--color-text-primary) 25%, transparent);
    }
  }

  .bg-primary\/50 {
    background-color: var(--color-text-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/50 {
      background-color: color-mix(in oklab, var(--color-text-primary) 50%, transparent);
    }
  }

  .bg-red-950\/40 {
    background-color: #46080966;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-950\/40 {
      background-color: color-mix(in oklab, var(--color-red-950) 40%, transparent);
    }
  }

  .bg-secondary\/40 {
    background-color: var(--color-text-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-secondary\/40 {
      background-color: color-mix(in oklab, var(--color-text-secondary) 40%, transparent);
    }
  }

  .bg-success\/10 {
    background-color: var(--color-success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-success\/10 {
      background-color: color-mix(in oklab, var(--color-success) 10%, transparent);
    }
  }

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

  .bg-surface\/95 {
    background-color: var(--color-background-surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface\/95 {
      background-color: color-mix(in oklab, var(--color-background-surface) 95%, transparent);
    }
  }

  .bg-teal-500\/5 {
    background-color: #00baa70d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-teal-500\/5 {
      background-color: color-mix(in oklab, var(--color-teal-500) 5%, transparent);
    }
  }

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

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

  .bg-white\/15 {
    background-color: #ffffff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/15 {
      background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }

  .bg-white\/20 {
    background-color: #fff3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/20 {
      background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }

  .bg-white\/75 {
    background-color: #ffffffbf;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/75 {
      background-color: color-mix(in oklab, var(--color-white) 75%, transparent);
    }
  }

  .bg-white\/\[0\.06\] {
    background-color: #ffffff0f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.06\] {
      background-color: color-mix(in oklab, var(--color-white) 6%, transparent);
    }
  }

  .bg-white\/\[0\.08\] {
    background-color: #ffffff14;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.08\] {
      background-color: color-mix(in oklab, var(--color-white) 8%, transparent);
    }
  }

  .bg-gradient-to-br {
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-t {
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-\[linear-gradient\(135deg\,color-mix\(in_oklab\,var\(--color-accent\,\#2563eb\)_16\%\,var\(--color-background-body\,\#fff\)\)\,var\(--color-background-body\,\#fff\)_55\%\)\] {
    background-image: linear-gradient(135deg,var(--color-accent, #2563eb),var(--color-background-body, #fff) 55%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[linear-gradient\(135deg\,color-mix\(in_oklab\,var\(--color-accent\,\#2563eb\)_16\%\,var\(--color-background-body\,\#fff\)\)\,var\(--color-background-body\,\#fff\)_55\%\)\] {
      background-image: linear-gradient(135deg,color-mix(in oklab,var(--color-accent, #2563eb) 16%,var(--color-background-body, #fff)),var(--color-background-body, #fff) 55%);
    }
  }

  .bg-\[linear-gradient\(180deg\,transparent_45\%\,rgba\(6\,8\,11\,0\.55\)_100\%\)\] {
    background-image: linear-gradient(#0000 45%, #06080b8c 100%);
  }

  .from-black\/55 {
    --tw-gradient-from: #0000008c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-black\/55 {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 55%, transparent);
    }
  }

  .from-black\/55 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-black\/75 {
    --tw-gradient-from: #000000bf;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-black\/75 {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 75%, transparent);
    }
  }

  .from-black\/75 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-muted {
    --tw-gradient-from: var(--color-background-muted);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-surface {
    --tw-gradient-from: var(--color-background-surface);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .via-black\/10 {
    --tw-gradient-via: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-black\/10 {
      --tw-gradient-via: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  .via-black\/10 {
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-black\/25 {
    --tw-gradient-via: #00000040;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-black\/25 {
      --tw-gradient-via: color-mix(in oklab, var(--color-black) 25%, transparent);
    }
  }

  .via-black\/25 {
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-surface {
    --tw-gradient-via: var(--color-background-surface);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .to-black\/10 {
    --tw-gradient-to: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-black\/10 {
      --tw-gradient-to: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  .to-black\/10 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-muted\/30 {
    --tw-gradient-to: var(--color-background-muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-muted\/30 {
      --tw-gradient-to: color-mix(in oklab, var(--color-background-muted) 30%, transparent);
    }
  }

  .to-muted\/30 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-muted\/40 {
    --tw-gradient-to: var(--color-background-muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-muted\/40 {
      --tw-gradient-to: color-mix(in oklab, var(--color-background-muted) 40%, transparent);
    }
  }

  .to-muted\/40 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .bg-contain {
    background-size: contain;
  }

  .bg-cover {
    background-size: cover;
  }

  .bg-center {
    background-position: center;
  }

  .bg-no-repeat {
    background-repeat: no-repeat;
  }

  .fill-\[var\(--landing-accent\,\#e11d48\)\] {
    fill: var(--landing-accent, #e11d48);
  }

  .object-contain {
    object-fit: contain;
  }

  .object-cover {
    object-fit: cover;
  }

  .object-center {
    object-position: center;
  }

  .object-left {
    object-position: left;
  }

  .object-right {
    object-position: right;
  }

  .object-top {
    object-position: top;
  }

  .p-0 {
    padding: 0;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .px-1 {
    padding-inline: var(--spacing-1);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .ps-3 {
    padding-inline-start: calc(var(--spacing-1) * 3);
  }

  .ps-4 {
    padding-inline-start: calc(var(--spacing-1) * 4);
  }

  .ps-5 {
    padding-inline-start: calc(var(--spacing-1) * 5);
  }

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

  .pt-1 {
    padding-top: var(--spacing-1);
  }

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

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

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

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

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

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

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

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

  .pt-px {
    padding-top: 1px;
  }

  .pr-8 {
    padding-right: calc(var(--spacing-1) * 8);
  }

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

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

  .pb-1 {
    padding-bottom: var(--spacing-1);
  }

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

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

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

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

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

  .pl-4 {
    padding-left: calc(var(--spacing-1) * 4);
  }

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

  .pl-7 {
    padding-left: calc(var(--spacing-1) * 7);
  }

  .pl-10 {
    padding-left: calc(var(--spacing-1) * 10);
  }

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

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

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

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

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

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

  .align-middle {
    vertical-align: middle;
  }

  .align-top {
    vertical-align: top;
  }

  .\[font-family\:var\(--landing-font-family\,Arial\,Helvetica\,sans-serif\)\] {
    font-family: var(--landing-font-family, Arial,Helvetica,sans-serif);
  }

  .font-mono {
    font-family: var(--font-family-code);
  }

  .text-2xl {
    font-size: var(--font-size-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-3xl {
    font-size: var(--font-size-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }

  .text-base {
    font-size: var(--font-size-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-lg {
    font-size: var(--font-size-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-sm {
    font-size: var(--font-size-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xl {
    font-size: var(--font-size-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-xs {
    font-size: var(--font-size-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .text-\[0\.65rem\] {
    font-size: .65rem;
  }

  .text-\[0\.68rem\] {
    font-size: .68rem;
  }

  .text-\[0\.72rem\] {
    font-size: .72rem;
  }

  .text-\[0\.875rem\] {
    font-size: .875rem;
  }

  .text-\[0\.6875rem\] {
    font-size: .6875rem;
  }

  .text-\[0\.8125rem\] {
    font-size: .8125rem;
  }

  .text-\[0\.9375rem\] {
    font-size: .9375rem;
  }

  .text-\[1\.05rem\] {
    font-size: 1.05rem;
  }

  .text-\[2rem\] {
    font-size: 2rem;
  }

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

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

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

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

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

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

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

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

  .text-\[length\:var\(--landing-nav-font-size\,0\.875rem\)\] {
    font-size: var(--landing-nav-font-size, .875rem);
  }

  .text-\[length\:var\(--landing-nav-font-size\,1rem\)\] {
    font-size: var(--landing-nav-font-size, 1rem);
  }

  .text-\[length\:var\(--landing-nav-font-size\,14px\)\] {
    font-size: var(--landing-nav-font-size, 14px);
  }

  .text-\[length\:var\(--landing-type-body\,18px\)\] {
    font-size: var(--landing-type-body, 18px);
  }

  .text-\[length\:var\(--landing-type-body-lg\,22px\)\] {
    font-size: var(--landing-type-body-lg, 22px);
  }

  .text-\[length\:var\(--landing-type-button\,16px\)\] {
    font-size: var(--landing-type-button, 16px);
  }

  .text-\[length\:var\(--landing-type-h1\,40px\)\] {
    font-size: var(--landing-type-h1, 40px);
  }

  .text-\[length\:var\(--landing-type-h2\,30px\)\] {
    font-size: var(--landing-type-h2, 30px);
  }

  .text-\[length\:var\(--landing-type-h3\,18px\)\] {
    font-size: var(--landing-type-h3, 18px);
  }

  .text-\[length\:var\(--landing-type-overline\,20px\)\] {
    font-size: var(--landing-type-overline, 20px);
  }

  .text-\[length\:var\(--landing-type-values-body\,18px\)\] {
    font-size: var(--landing-type-values-body, 18px);
  }

  .text-\[length\:var\(--landing-type-values-title\,30px\)\] {
    font-size: var(--landing-type-values-title, 30px);
  }

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

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

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }

  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }

  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

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

  .tracking-\[0\.04em\] {
    --tw-tracking: .04em;
    letter-spacing: .04em;
  }

  .tracking-\[0\.14em\] {
    --tw-tracking: .14em;
    letter-spacing: .14em;
  }

  .tracking-\[0\.16em\] {
    --tw-tracking: .16em;
    letter-spacing: .16em;
  }

  .tracking-\[0\.28em\] {
    --tw-tracking: .28em;
    letter-spacing: .28em;
  }

  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }

  .text-balance {
    text-wrap: balance;
  }

  .text-pretty {
    text-wrap: pretty;
  }

  .\[overflow-wrap\:anywhere\] {
    overflow-wrap: anywhere;
  }

  .\[overflow-wrap\:break-word\] {
    overflow-wrap: break-word;
  }

  .\[overflow-wrap\:normal\] {
    overflow-wrap: normal;
  }

  .break-words {
    overflow-wrap: break-word;
  }

  .\[word-break\:normal\] {
    word-break: normal;
  }

  .break-all {
    word-break: break-all;
  }

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

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

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

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

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

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

  .text-\[\#0077ff\] {
    color: #07f;
  }

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

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

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

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

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

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

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

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

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

  .text-\[color\:var\(--color-text-secondary\,\#6b7280\)\] {
    color: var(--color-text-secondary, #6b7280);
  }

  .text-\[var\(--color-accent\,\#2563eb\)\] {
    color: var(--color-accent, #2563eb);
  }

  .text-\[var\(--color-accent-teal\,\#0d9488\)\] {
    color: var(--color-accent-teal, #0d9488);
  }

  .text-\[var\(--color-accent-teal\,\#14b8a6\)\] {
    color: var(--color-accent-teal, #14b8a6);
  }

  .text-\[var\(--color-background-body\)\] {
    color: var(--color-background-body);
  }

  .text-\[var\(--color-background-body\,\#0a0a0a\)\] {
    color: var(--color-background-body, #0a0a0a);
  }

  .text-\[var\(--color-background-body\,\#fff\)\] {
    color: var(--color-background-body, #fff);
  }

  .text-\[var\(--color-on-accent\)\] {
    color: var(--color-on-accent);
  }

  .text-\[var\(--color-on-error\)\] {
    color: var(--color-on-error);
  }

  .text-\[var\(--color-on-success\)\] {
    color: var(--color-on-success);
  }

  .text-\[var\(--color-on-warning\)\] {
    color: var(--color-on-warning);
  }

  .text-\[var\(--color-status-danger\,\#b91c1c\)\] {
    color: var(--color-status-danger, #b91c1c);
  }

  .text-\[var\(--color-status-error\,\#b91c1c\)\] {
    color: var(--color-status-error, #b91c1c);
  }

  .text-\[var\(--color-status-success\,\#15803d\)\] {
    color: var(--color-status-success, #15803d);
  }

  .text-\[var\(--color-status-warning\,\#b45309\)\] {
    color: var(--color-status-warning, #b45309);
  }

  .text-\[var\(--color-text-accent\)\] {
    color: var(--color-text-accent);
  }

  .text-\[var\(--color-text-danger\,\#b91c1c\)\] {
    color: var(--color-text-danger, #b91c1c);
  }

  .text-\[var\(--color-text-disabled\)\] {
    color: var(--color-text-disabled);
  }

  .text-\[var\(--color-text-primary\)\] {
    color: var(--color-text-primary);
  }

  .text-\[var\(--color-text-secondary\)\] {
    color: var(--color-text-secondary);
  }

  .text-\[var\(--color-text-success\,\#15803d\)\] {
    color: var(--color-text-success, #15803d);
  }

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

  .text-\[var\(--landing-accent\,\#E11D48\)\] {
    color: var(--landing-accent, #e11d48);
  }

  .text-\[var\(--landing-accent\,var\(--color-text-accent\)\)\] {
    color: var(--landing-accent, var(--color-text-accent));
  }

  .text-\[var\(--landing-accent-deep\,\#E11D48\)\] {
    color: var(--landing-accent-deep, #e11d48);
  }

  .text-\[var\(--landing-accent-deep\,var\(--landing-accent\,\#E11D48\)\)\] {
    color: var(--landing-accent-deep, var(--landing-accent, #e11d48));
  }

  .text-\[var\(--landing-nav-color\,var\(--color-text-primary\)\)\] {
    color: var(--landing-nav-color, var(--color-text-primary));
  }

  .text-\[var\(--landing-nav-color-active\,var\(--color-text-accent\)\)\] {
    color: var(--landing-nav-color-active, var(--color-text-accent));
  }

  .text-\[var\(--landing-nav-color-muted\,var\(--color-text-secondary\)\)\] {
    color: var(--landing-nav-color-muted, var(--color-text-secondary));
  }

  .text-\[var\(--landing-nav-color-secondary\,var\(--color-text-secondary\)\)\] {
    color: var(--landing-nav-color-secondary, var(--color-text-secondary));
  }

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

  .text-black\/50 {
    color: #00000080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-black\/50 {
      color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }

  .text-emerald-500 {
    color: var(--color-emerald-500);
  }

  .text-emerald-600 {
    color: var(--color-emerald-600);
  }

  .text-inherit {
    color: inherit;
  }

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

  .text-red-100 {
    color: var(--color-red-100);
  }

  .text-red-600 {
    color: var(--color-red-600);
  }

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

  .text-secondary\/40 {
    color: var(--color-text-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-secondary\/40 {
      color: color-mix(in oklab, var(--color-text-secondary) 40%, transparent);
    }
  }

  .text-secondary\/70 {
    color: var(--color-text-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-secondary\/70 {
      color: color-mix(in oklab, var(--color-text-secondary) 70%, transparent);
    }
  }

  .text-secondary\/80 {
    color: var(--color-text-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-secondary\/80 {
      color: color-mix(in oklab, var(--color-text-secondary) 80%, transparent);
    }
  }

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

  .text-white\/55 {
    color: #ffffff8c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/55 {
      color: color-mix(in oklab, var(--color-white) 55%, transparent);
    }
  }

  .text-white\/60 {
    color: #fff9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/60 {
      color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }

  .text-white\/70 {
    color: #ffffffb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/70 {
      color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }

  .text-white\/75 {
    color: #ffffffbf;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/75 {
      color: color-mix(in oklab, var(--color-white) 75%, transparent);
    }
  }

  .text-white\/80 {
    color: #fffc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/80 {
      color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }

  .text-white\/90 {
    color: #ffffffe6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/90 {
      color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }

  .text-white\/95 {
    color: #fffffff2;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/95 {
      color: color-mix(in oklab, var(--color-white) 95%, transparent);
    }
  }

  .lowercase {
    text-transform: lowercase;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

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

  .line-through {
    text-decoration-line: line-through;
  }

  .no-underline {
    text-decoration-line: none;
  }

  .underline {
    text-decoration-line: underline;
  }

  .decoration-transparent {
    text-decoration-color: #0000;
  }

  .underline-offset-2 {
    text-underline-offset: 2px;
  }

  .underline-offset-\[3px\] {
    text-underline-offset: 3px;
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-40 {
    opacity: .4;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-55 {
    opacity: .55;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-65 {
    opacity: .65;
  }

  .opacity-70 {
    opacity: .7;
  }

  .opacity-80 {
    opacity: .8;
  }

  .opacity-85 {
    opacity: .85;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_0_1px_color-mix\(in_oklab\,var\(--color-accent\,\#2563eb\)_25\%\,transparent\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--color-accent, #2563eb));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_0_0_1px_color-mix\(in_oklab\,var\(--color-accent\,\#2563eb\)_25\%\,transparent\)\] {
      --tw-shadow: 0 0 0 1px var(--tw-shadow-color, color-mix(in oklab,var(--color-accent, #2563eb) 25%,transparent));
    }
  }

  .shadow-\[0_0_0_1px_color-mix\(in_oklab\,var\(--color-accent\,\#2563eb\)_25\%\,transparent\)\] {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_0_1px_color-mix\(in_srgb\,var\(--landing-accent-deep\,\#E11D48\)_20\%\,transparent\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--landing-accent-deep, #e11d48));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_0_0_1px_color-mix\(in_srgb\,var\(--landing-accent-deep\,\#E11D48\)_20\%\,transparent\)\] {
      --tw-shadow: 0 0 0 1px var(--tw-shadow-color, color-mix(in srgb,var(--landing-accent-deep, #e11d48) 20%,transparent));
    }
  }

  .shadow-\[0_0_0_1px_color-mix\(in_srgb\,var\(--landing-accent-deep\,\#E11D48\)_20\%\,transparent\)\] {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_0_2\.5px_\#3d9eff\] {
    --tw-shadow: 0 0 0 2.5px var(--tw-shadow-color, #3d9eff);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_0_8px_color-mix\(in_srgb\,var\(--landing-accent\,\#E11D48\)_28\%\,transparent\)\] {
    --tw-shadow: 0 0 0 8px var(--tw-shadow-color, var(--landing-accent, #e11d48));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_0_0_8px_color-mix\(in_srgb\,var\(--landing-accent\,\#E11D48\)_28\%\,transparent\)\] {
      --tw-shadow: 0 0 0 8px var(--tw-shadow-color, color-mix(in srgb,var(--landing-accent, #e11d48) 28%,transparent));
    }
  }

  .shadow-\[0_0_0_8px_color-mix\(in_srgb\,var\(--landing-accent\,\#E11D48\)_28\%\,transparent\)\] {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_1px_0_color-mix\(in_oklab\,var\(--color-text-primary\,\#000\)_4\%\,transparent\)\] {
    --tw-shadow: 0 1px 0 var(--tw-shadow-color, var(--color-text-primary, #000));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_1px_0_color-mix\(in_oklab\,var\(--color-text-primary\,\#000\)_4\%\,transparent\)\] {
      --tw-shadow: 0 1px 0 var(--tw-shadow-color, color-mix(in oklab,var(--color-text-primary, #000) 4%,transparent));
    }
  }

  .shadow-\[0_1px_0_color-mix\(in_oklab\,var\(--color-text-primary\,\#000\)_4\%\,transparent\)\] {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

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

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

  .shadow-\[0_1px_3px_rgba\(0\,0\,0\,0\.12\)\] {
    --tw-shadow: 0 1px 3px var(--tw-shadow-color, #0000001f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_1px_4px_rgba\(0\,0\,0\,0\.45\)\] {
    --tw-shadow: 0 1px 4px var(--tw-shadow-color, #00000073);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_2px_10px_rgba\(0\,0\,0\,0\.16\)\] {
    --tw-shadow: 0 2px 10px var(--tw-shadow-color, #00000029);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_2px_12px_rgba\(0\,0\,0\,0\.5\)\] {
    --tw-shadow: 0 2px 12px var(--tw-shadow-color, #00000080);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_4px_14px_rgba\(0\,0\,0\,0\.22\)\] {
    --tw-shadow: 0 4px 14px var(--tw-shadow-color, #00000038);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_8px_28px_rgba\(0\,0\,0\,0\.14\)\] {
    --tw-shadow: 0 8px 28px var(--tw-shadow-color, #00000024);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_24px_80px_rgba\(0\,0\,0\,0\.35\)\] {
    --tw-shadow: 0 24px 80px var(--tw-shadow-color, #00000059);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-inner {
    --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {
    --tw-shadow: var(--shadow-high);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-md {
    --tw-shadow: var(--shadow-med);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-sm {
    --tw-shadow: var(--shadow-low);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring, .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-4 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-\[color-mix\(in_oklab\,var\(--color-accent\,\#2563eb\)_28\%\,transparent\)\] {
    --tw-ring-color: var(--color-accent, #2563eb);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-\[color-mix\(in_oklab\,var\(--color-accent\,\#2563eb\)_28\%\,transparent\)\] {
      --tw-ring-color: color-mix(in oklab,var(--color-accent, #2563eb) 28%,transparent);
    }
  }

  .ring-\[color-mix\(in_oklab\,var\(--color-accent\,\#2563eb\)_35\%\,transparent\)\] {
    --tw-ring-color: var(--color-accent, #2563eb);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-\[color-mix\(in_oklab\,var\(--color-accent\,\#2563eb\)_35\%\,transparent\)\] {
      --tw-ring-color: color-mix(in oklab,var(--color-accent, #2563eb) 35%,transparent);
    }
  }

  .ring-\[color-mix\(in_oklab\,var\(--color-accent-teal\,\#0d9488\)_35\%\,transparent\)\] {
    --tw-ring-color: var(--color-accent-teal, #0d9488);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-\[color-mix\(in_oklab\,var\(--color-accent-teal\,\#0d9488\)_35\%\,transparent\)\] {
      --tw-ring-color: color-mix(in oklab,var(--color-accent-teal, #0d9488) 35%,transparent);
    }
  }

  .ring-\[color-mix\(in_oklab\,var\(--color-status-warning\,\#d97706\)_55\%\,transparent\)\] {
    --tw-ring-color: var(--color-status-warning, #d97706);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-\[color-mix\(in_oklab\,var\(--color-status-warning\,\#d97706\)_55\%\,transparent\)\] {
      --tw-ring-color: color-mix(in oklab,var(--color-status-warning, #d97706) 55%,transparent);
    }
  }

  .ring-\[color-mix\(in_oklab\,var\(--color-status-warning\,\#d97706\)_70\%\,transparent\)\] {
    --tw-ring-color: var(--color-status-warning, #d97706);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-\[color-mix\(in_oklab\,var\(--color-status-warning\,\#d97706\)_70\%\,transparent\)\] {
      --tw-ring-color: color-mix(in oklab,var(--color-status-warning, #d97706) 70%,transparent);
    }
  }

  .ring-\[var\(--color-border-accent\)\] {
    --tw-ring-color: var(--color-border-accent);
  }

  .ring-accent {
    --tw-ring-color: var(--color-text-accent);
  }

  .ring-border {
    --tw-ring-color: var(--color-border);
  }

  .ring-primary {
    --tw-ring-color: var(--color-text-primary);
  }

  .ring-primary\/10 {
    --tw-ring-color: var(--color-text-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-primary\/10 {
      --tw-ring-color: color-mix(in oklab, var(--color-text-primary) 10%, transparent);
    }
  }

  .ring-primary\/30 {
    --tw-ring-color: var(--color-text-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-primary\/30 {
      --tw-ring-color: color-mix(in oklab, var(--color-text-primary) 30%, transparent);
    }
  }

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

  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .blur-3xl {
    --tw-blur: blur(var(--blur-3xl));
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .drop-shadow-sm {
    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #00000026));
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-sm));
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -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, );
  }

  .backdrop-blur-\[2px\] {
    --tw-backdrop-blur: blur(2px);
    -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, );
  }

  .backdrop-blur-\[6px\] {
    --tw-backdrop-blur: blur(6px);
    -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, );
  }

  .backdrop-blur-md {
    --tw-backdrop-blur: blur(var(--blur-md));
    -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, );
  }

  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -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, );
  }

  .backdrop-blur-xl {
    --tw-backdrop-blur: blur(var(--blur-xl));
    -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, );
  }

  .backdrop-saturate-150 {
    --tw-backdrop-saturate: saturate(150%);
    -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, );
  }

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

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[border-color\,box-shadow\,background-color\] {
    transition-property: border-color, box-shadow, background-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[border-color\,box-shadow\] {
    transition-property: border-color, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[transform\,box-shadow\,border-color\] {
    transition-property: transform, box-shadow, border-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[width\] {
    transition-property: width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

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

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

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

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .duration-500 {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .ease-out {
    --tw-ease: var(--ease-standard);
    transition-timing-function: var(--ease-standard);
  }

  .will-change-\[max-height\,opacity\,transform\] {
    will-change: max-height,opacity,transform;
  }

  .will-change-transform {
    will-change: transform;
  }

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

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  .\[-ms-overflow-style\:none\] {
    -ms-overflow-style: none;
  }

  @media (hover: hover) {
    .group-hover\:scale-\[1\.03\]:is(:where(.group):hover *) {
      scale: 1.03;
    }
  }

  @media (hover: hover) {
    .group-hover\:scale-\[1\.04\]:is(:where(.group):hover *) {
      scale: 1.04;
    }
  }

  @media (hover: hover) {
    .group-hover\:text-\[var\(--color-accent\,\#2563eb\)\]:is(:where(.group):hover *) {
      color: var(--color-accent, #2563eb);
    }
  }

  @media (hover: hover) {
    .group-hover\:text-\[var\(--landing-accent\,\#E11D48\)\]:is(:where(.group):hover *) {
      color: var(--landing-accent, #e11d48);
    }
  }

  @media (hover: hover) {
    .group-hover\:text-\[var\(--landing-nav-color-active\,\#D6002E\)\]:is(:where(.group):hover *) {
      color: var(--landing-nav-color-active, #d6002e);
    }
  }

  @media (hover: hover) {
    .group-hover\:underline:is(:where(.group):hover *) {
      text-decoration-line: underline;
    }
  }

  @media (hover: hover) {
    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1;
    }
  }

  @media (hover: hover) {
    .group-hover\/col\:opacity-100:is(:where(.group\/col):hover *) {
      opacity: 1;
    }
  }

  @media (hover: hover) {
    .group-hover\/row\:opacity-100:is(:where(.group\/row):hover *) {
      opacity: 1;
    }
  }

  .placeholder\:font-normal::placeholder {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .placeholder\:text-secondary::placeholder {
    color: var(--color-text-secondary);
  }

  .placeholder\:opacity-50::placeholder {
    opacity: .5;
  }

  .first\:border-t-0:first-child {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }

  .first\:pt-0:first-child {
    padding-top: 0;
  }

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

  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .last\:pb-0:last-child {
    padding-bottom: 0;
  }

  @media (hover: hover) {
    .hover\:-translate-y-0\.5:hover {
      --tw-translate-y: calc(var(--spacing-1) * -.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (hover: hover) {
    .hover\:border-\[color-mix\(in_oklab\,var\(--color-accent\,\#2563eb\)_35\%\,transparent\)\]:hover {
      border-color: var(--color-accent, #2563eb);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-\[color-mix\(in_oklab\,var\(--color-accent\,\#2563eb\)_35\%\,transparent\)\]:hover {
        border-color: color-mix(in oklab,var(--color-accent, #2563eb) 35%,transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:border-\[color-mix\(in_oklab\,var\(--color-accent\,\#2563eb\)_55\%\,var\(--color-border\)\)\]:hover {
      border-color: var(--color-accent, #2563eb);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-\[color-mix\(in_oklab\,var\(--color-accent\,\#2563eb\)_55\%\,var\(--color-border\)\)\]:hover {
        border-color: color-mix(in oklab,var(--color-accent, #2563eb) 55%,var(--color-border));
      }
    }
  }

  @media (hover: hover) {
    .hover\:border-\[color-mix\(in_srgb\,var\(--landing-accent\,\#E11D48\)_35\%\,var\(--color-border\)\)\]:hover {
      border-color: var(--landing-accent, #e11d48);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-\[color-mix\(in_srgb\,var\(--landing-accent\,\#E11D48\)_35\%\,var\(--color-border\)\)\]:hover {
        border-color: color-mix(in srgb,var(--landing-accent, #e11d48) 35%,var(--color-border));
      }
    }
  }

  @media (hover: hover) {
    .hover\:border-\[color-mix\(in_srgb\,var\(--landing-accent\,\#E11D48\)_40\%\,var\(--color-border\)\)\]:hover {
      border-color: var(--landing-accent, #e11d48);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-\[color-mix\(in_srgb\,var\(--landing-accent\,\#E11D48\)_40\%\,var\(--color-border\)\)\]:hover {
        border-color: color-mix(in srgb,var(--landing-accent, #e11d48) 40%,var(--color-border));
      }
    }
  }

  @media (hover: hover) {
    .hover\:border-\[var\(--color-border-accent\)\]:hover {
      border-color: var(--color-border-accent);
    }
  }

  @media (hover: hover) {
    .hover\:border-\[var\(--color-border-default\)\]:hover {
      border-color: var(--color-border-default);
    }
  }

  @media (hover: hover) {
    .hover\:border-\[var\(--landing-accent\,var\(--color-text-accent\)\)\]:hover {
      border-color: var(--landing-accent, var(--color-text-accent));
    }
  }

  @media (hover: hover) {
    .hover\:border-muted:hover {
      border-color: var(--color-background-muted);
    }
  }

  @media (hover: hover) {
    .hover\:border-primary\/40:hover {
      border-color: var(--color-text-primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-primary\/40:hover {
        border-color: color-mix(in oklab, var(--color-text-primary) 40%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:border-primary\/50:hover {
      border-color: var(--color-text-primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-primary\/50:hover {
        border-color: color-mix(in oklab, var(--color-text-primary) 50%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[color-mix\(in_oklab\,var\(--color-accent\,\#2563eb\)_10\%\,transparent\)\]:hover {
      background-color: var(--color-accent, #2563eb);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_oklab\,var\(--color-accent\,\#2563eb\)_10\%\,transparent\)\]:hover {
        background-color: color-mix(in oklab,var(--color-accent, #2563eb) 10%,transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[color-mix\(in_srgb\,var\(--landing-accent\,var\(--color-text-accent\)\)_16\%\,var\(--color-background-body\)\)\]:hover {
      background-color: var(--landing-accent, var(--color-text-accent));
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_srgb\,var\(--landing-accent\,var\(--color-text-accent\)\)_16\%\,var\(--color-background-body\)\)\]:hover {
        background-color: color-mix(in srgb,var(--landing-accent, var(--color-text-accent)) 16%,var(--color-background-body));
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[var\(--color-background-muted\)\]:hover {
      background-color: var(--color-background-muted);
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[var\(--color-surface-muted\)\]:hover {
      background-color: var(--color-surface-muted);
    }
  }

  @media (hover: hover) {
    .hover\:bg-black\/\[0\.04\]:hover {
      background-color: #0000000a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-black\/\[0\.04\]:hover {
        background-color: color-mix(in oklab, var(--color-black) 4%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-black\/\[0\.05\]:hover {
      background-color: #0000000d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-black\/\[0\.05\]:hover {
        background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-black\/\[0\.06\]:hover {
      background-color: #0000000f;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-black\/\[0\.06\]:hover {
        background-color: color-mix(in oklab, var(--color-black) 6%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-border\/60:hover {
      background-color: var(--color-border);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-border\/60:hover {
        background-color: color-mix(in oklab, var(--color-border) 60%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-muted:hover {
      background-color: var(--color-background-muted);
    }
  }

  @media (hover: hover) {
    .hover\:bg-muted\/50:hover {
      background-color: var(--color-background-muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-muted\/50:hover {
        background-color: color-mix(in oklab, var(--color-background-muted) 50%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-muted\/60:hover {
      background-color: var(--color-background-muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-muted\/60:hover {
        background-color: color-mix(in oklab, var(--color-background-muted) 60%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-muted\/70:hover {
      background-color: var(--color-background-muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-muted\/70:hover {
        background-color: color-mix(in oklab, var(--color-background-muted) 70%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-white\/\[0\.06\]:hover {
      background-color: #ffffff0f;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/\[0\.06\]:hover {
        background-color: color-mix(in oklab, var(--color-white) 6%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-white\/\[0\.08\]:hover {
      background-color: #ffffff14;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/\[0\.08\]:hover {
        background-color: color-mix(in oklab, var(--color-white) 8%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-white\/\[0\.12\]:hover {
      background-color: #ffffff1f;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/\[0\.12\]:hover {
        background-color: color-mix(in oklab, var(--color-white) 12%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:font-bold:hover {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }

  @media (hover: hover) {
    .hover\:font-medium:hover {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }

  @media (hover: hover) {
    .hover\:text-\[\#222\]:hover {
      color: #222;
    }
  }

  @media (hover: hover) {
    .hover\:text-\[var\(--color-text-primary\)\]:hover {
      color: var(--color-text-primary);
    }
  }

  @media (hover: hover) {
    .hover\:text-\[var\(--landing-accent\,\#E11D48\)\]:hover {
      color: var(--landing-accent, #e11d48);
    }
  }

  @media (hover: hover) {
    .hover\:text-\[var\(--landing-nav-color-active\,\#D6002E\)\]:hover {
      color: var(--landing-nav-color-active, #d6002e);
    }
  }

  @media (hover: hover) {
    .hover\:text-\[var\(--landing-nav-color-active\,var\(--color-text-accent\)\)\]:hover {
      color: var(--landing-nav-color-active, var(--color-text-accent));
    }
  }

  @media (hover: hover) {
    .hover\:text-primary:hover {
      color: var(--color-text-primary);
    }
  }

  @media (hover: hover) {
    .hover\:text-white:hover {
      color: var(--color-white);
    }
  }

  @media (hover: hover) {
    .hover\:underline:hover {
      text-decoration-line: underline;
    }
  }

  @media (hover: hover) {
    .hover\:decoration-\[var\(--landing-nav-color-active\,\#D6002E\)\]:hover {
      -webkit-text-decoration-color: var(--landing-nav-color-active, #d6002e);
      text-decoration-color: var(--landing-nav-color-active, #d6002e);
    }
  }

  @media (hover: hover) {
    .hover\:opacity-80:hover {
      opacity: .8;
    }
  }

  @media (hover: hover) {
    .hover\:opacity-85:hover {
      opacity: .85;
    }
  }

  @media (hover: hover) {
    .hover\:opacity-90:hover {
      opacity: .9;
    }
  }

  @media (hover: hover) {
    .hover\:opacity-95:hover {
      opacity: .95;
    }
  }

  @media (hover: hover) {
    .hover\:opacity-100:hover {
      opacity: 1;
    }
  }

  @media (hover: hover) {
    .hover\:shadow-\[0_12px_28px_rgba\(0\,0\,0\,0\.08\)\]:hover {
      --tw-shadow: 0 12px 28px var(--tw-shadow-color, #00000014);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (hover: hover) {
    .hover\:ring-1:hover {
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (hover: hover) {
    .hover\:ring-border:hover {
      --tw-ring-color: var(--color-border);
    }
  }

  @media (hover: hover) {
    .hover\:brightness-110:hover {
      --tw-brightness: brightness(110%);
      filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
    }
  }

  .focus\:border-\[var\(--color-accent\)\]:focus {
    border-color: var(--color-accent);
  }

  .focus\:border-accent:focus {
    border-color: var(--color-text-accent);
  }

  .focus\:ring-2:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-\[var\(--color-accent\)\]\/20:focus {
    --tw-ring-color: var(--color-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:ring-\[var\(--color-accent\)\]\/20:focus {
      --tw-ring-color: color-mix(in oklab, var(--color-accent) 20%, transparent);
    }
  }

  .focus-visible\:border-\[var\(--color-accent-teal\)\]:focus-visible {
    border-color: var(--color-accent-teal);
  }

  .focus-visible\:border-red-500:focus-visible {
    border-color: var(--color-red-500);
  }

  .focus-visible\:ring-1:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-\[var\(--color-accent\,\#2563eb\)\]\/40:focus-visible {
    --tw-ring-color: var(--color-accent, #2563eb);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-\[var\(--color-accent\,\#2563eb\)\]\/40:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--color-accent, #2563eb) 40%, transparent);
    }
  }

  .focus-visible\:ring-\[var\(--color-accent-teal\)\]\/25:focus-visible {
    --tw-ring-color: var(--color-accent-teal);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-\[var\(--color-accent-teal\)\]\/25:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--color-accent-teal) 25%, transparent);
    }
  }

  .focus-visible\:ring-border:focus-visible {
    --tw-ring-color: var(--color-border);
  }

  .focus-visible\:ring-red-500\/25:focus-visible {
    --tw-ring-color: #fb2c3640;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-red-500\/25:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--color-red-500) 25%, transparent);
    }
  }

  .focus-visible\:outline:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .focus-visible\:outline-2:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px;
  }

  .focus-visible\:outline-\[\#0077FF\]:focus-visible {
    outline-color: #07f;
  }

  .focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  .active\:cursor-grabbing:active {
    cursor: grabbing;
  }

  .active\:bg-black\/\[0\.1\]:active {
    background-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .active\:bg-black\/\[0\.1\]:active {
      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  .active\:bg-white\/\[0\.18\]:active {
    background-color: #ffffff2e;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .active\:bg-white\/\[0\.18\]:active {
      background-color: color-mix(in oklab, var(--color-white) 18%, transparent);
    }
  }

  .active\:brightness-95:active {
    --tw-brightness: brightness(95%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  @media (hover: hover) {
    .enabled\:hover\:brightness-\[0\.98\]:enabled:hover {
      --tw-brightness: brightness(.98);
      filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
    }
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }

  .disabled\:cursor-wait:disabled {
    cursor: wait;
  }

  .disabled\:opacity-0:disabled {
    opacity: 0;
  }

  .disabled\:opacity-40:disabled {
    opacity: .4;
  }

  .disabled\:opacity-45:disabled {
    opacity: .45;
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  .disabled\:opacity-60:disabled {
    opacity: .6;
  }

  .disabled\:opacity-70:disabled {
    opacity: .7;
  }

  @media (min-width: 420px) {
    .min-\[420px\]\:hidden {
      display: none;
    }
  }

  @media (min-width: 420px) {
    .min-\[420px\]\:inline {
      display: inline;
    }
  }

  @media (min-width: 1100px) {
    .min-\[1100px\]\:sticky {
      position: sticky;
    }
  }

  @media (min-width: 1100px) {
    .min-\[1100px\]\:top-4 {
      top: calc(var(--spacing-1) * 4);
    }
  }

  @media (min-width: 1100px) {
    .min-\[1100px\]\:max-h-\[calc\(100vh-2rem\)\] {
      max-height: calc(100vh - 2rem);
    }
  }

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

  @media (min-width: 1100px) {
    .min-\[1100px\]\:overflow-y-auto {
      overflow-y: auto;
    }
  }

  @media (min-width: 40rem) {
    .sm\:-top-2 {
      top: calc(var(--spacing-1) * -2);
    }
  }

  @media (min-width: 40rem) {
    .sm\:top-4 {
      top: calc(var(--spacing-1) * 4);
    }
  }

  @media (min-width: 40rem) {
    .sm\:-right-2 {
      right: calc(var(--spacing-1) * -2);
    }
  }

  @media (min-width: 40rem) {
    .sm\:right-4 {
      right: calc(var(--spacing-1) * 4);
    }
  }

  @media (min-width: 40rem) {
    .sm\:col-span-2 {
      grid-column: span 2 / span 2;
    }
  }

  @media (min-width: 40rem) {
    .sm\:mx-auto {
      margin-inline: auto;
    }
  }

  @media (min-width: 40rem) {
    .sm\:block {
      display: block;
    }
  }

  @media (min-width: 40rem) {
    .sm\:flex {
      display: flex;
    }
  }

  @media (min-width: 40rem) {
    .sm\:hidden {
      display: none;
    }
  }

  @media (min-width: 40rem) {
    .sm\:inline {
      display: inline;
    }
  }

  @media (min-width: 40rem) {
    .sm\:h-9 {
      height: calc(var(--spacing-1) * 9);
    }
  }

  @media (min-width: 40rem) {
    .sm\:min-h-\[13rem\] {
      min-height: 13rem;
    }
  }

  @media (min-width: 40rem) {
    .sm\:min-h-\[19rem\] {
      min-height: 19rem;
    }
  }

  @media (min-width: 40rem) {
    .sm\:min-h-\[280px\] {
      min-height: 280px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:min-h-\[320px\] {
      min-height: 320px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-8 {
      width: calc(var(--spacing-1) * 8);
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-9 {
      width: calc(var(--spacing-1) * 9);
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-\[calc\(\(100cqw-2\.5rem\)\/3\)\] {
      width: calc(33.3333cqw - .833333rem);
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-auto {
      width: auto;
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-fit {
      width: fit-content;
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-w-\[6rem\] {
      max-width: 6rem;
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-w-\[8rem\] {
      max-width: 8rem;
    }
  }

  @media (min-width: 40rem) {
    .sm\:min-w-\[12rem\] {
      min-width: 12rem;
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-\[10rem_1fr_auto\] {
      grid-template-columns: 10rem 1fr auto;
    }
  }

  @media (min-width: 40rem) {
    .sm\:flex-row {
      flex-direction: row;
    }
  }

  @media (min-width: 40rem) {
    .sm\:items-center {
      align-items: center;
    }
  }

  @media (min-width: 40rem) {
    .sm\:items-end {
      align-items: flex-end;
    }
  }

  @media (min-width: 40rem) {
    .sm\:items-start {
      align-items: flex-start;
    }
  }

  @media (min-width: 40rem) {
    .sm\:justify-between {
      justify-content: space-between;
    }
  }

  @media (min-width: 40rem) {
    .sm\:justify-end {
      justify-content: flex-end;
    }
  }

  @media (min-width: 40rem) {
    .sm\:gap-1 {
      gap: var(--spacing-1);
    }
  }

  @media (min-width: 40rem) {
    .sm\:gap-1\.5 {
      gap: calc(var(--spacing-1) * 1.5);
    }
  }

  @media (min-width: 40rem) {
    .sm\:gap-2 {
      gap: calc(var(--spacing-1) * 2);
    }
  }

  @media (min-width: 40rem) {
    .sm\:gap-3 {
      gap: calc(var(--spacing-1) * 3);
    }
  }

  @media (min-width: 40rem) {
    .sm\:gap-4 {
      gap: calc(var(--spacing-1) * 4);
    }
  }

  @media (min-width: 40rem) {
    .sm\:gap-6 {
      gap: calc(var(--spacing-1) * 6);
    }
  }

  @media (min-width: 40rem) {
    .sm\:gap-8 {
      gap: calc(var(--spacing-1) * 8);
    }
  }

  @media (min-width: 40rem) {
    .sm\:p-4 {
      padding: calc(var(--spacing-1) * 4);
    }
  }

  @media (min-width: 40rem) {
    .sm\:p-5 {
      padding: calc(var(--spacing-1) * 5);
    }
  }

  @media (min-width: 40rem) {
    .sm\:p-6 {
      padding: calc(var(--spacing-1) * 6);
    }
  }

  @media (min-width: 40rem) {
    .sm\:p-8 {
      padding: calc(var(--spacing-1) * 8);
    }
  }

  @media (min-width: 40rem) {
    .sm\:px-5 {
      padding-inline: calc(var(--spacing-1) * 5);
    }
  }

  @media (min-width: 40rem) {
    .sm\:px-6 {
      padding-inline: calc(var(--spacing-1) * 6);
    }
  }

  @media (min-width: 40rem) {
    .sm\:px-7 {
      padding-inline: calc(var(--spacing-1) * 7);
    }
  }

  @media (min-width: 40rem) {
    .sm\:py-4 {
      padding-block: calc(var(--spacing-1) * 4);
    }
  }

  @media (min-width: 40rem) {
    .sm\:py-5 {
      padding-block: calc(var(--spacing-1) * 5);
    }
  }

  @media (min-width: 40rem) {
    .sm\:py-10 {
      padding-block: calc(var(--spacing-1) * 10);
    }
  }

  @media (min-width: 40rem) {
    .sm\:pb-6 {
      padding-bottom: calc(var(--spacing-1) * 6);
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-center {
      text-align: center;
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-4xl {
      font-size: var(--font-size-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-base {
      font-size: var(--font-size-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-lg {
      font-size: var(--font-size-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-xl {
      font-size: var(--font-size-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-\[1\.125rem\] {
      font-size: 1.125rem;
    }
  }

  @media (min-width: 48rem) {
    .md\:absolute {
      position: absolute;
    }
  }

  @media (min-width: 48rem) {
    .md\:relative {
      position: relative;
    }
  }

  @media (min-width: 48rem) {
    .md\:top-8 {
      top: calc(var(--spacing-1) * 8);
    }
  }

  @media (min-width: 48rem) {
    .md\:right-4 {
      right: calc(var(--spacing-1) * 4);
    }
  }

  @media (min-width: 48rem) {
    .md\:bottom-4 {
      bottom: calc(var(--spacing-1) * 4);
    }
  }

  @media (min-width: 48rem) {
    .md\:col-span-2 {
      grid-column: span 2 / span 2;
    }
  }

  @media (min-width: 48rem) {
    .md\:block {
      display: block;
    }
  }

  @media (min-width: 48rem) {
    .md\:hidden {
      display: none;
    }
  }

  @media (min-width: 48rem) {
    .md\:inline {
      display: inline;
    }
  }

  @media (min-width: 48rem) {
    .md\:max-h-\[min\(300px\,48vh\)\] {
      max-height: min(300px, 48vh);
    }
  }

  @media (min-width: 48rem) {
    .md\:w-auto {
      width: auto;
    }
  }

  @media (min-width: 48rem) {
    .md\:max-w-\[min\(100\%\,300px\)\] {
      max-width: min(100%, 300px);
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[1fr_auto\] {
      grid-template-columns: 1fr auto;
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
      grid-template-columns: minmax(0, 1fr) auto;
    }
  }

  @media (min-width: 48rem) {
    .md\:flex-row {
      flex-direction: row;
    }
  }

  @media (min-width: 48rem) {
    .md\:items-center {
      align-items: center;
    }
  }

  @media (min-width: 48rem) {
    .md\:items-start {
      align-items: flex-start;
    }
  }

  @media (min-width: 48rem) {
    .md\:items-stretch {
      align-items: stretch;
    }
  }

  @media (min-width: 48rem) {
    .md\:justify-end {
      justify-content: flex-end;
    }
  }

  @media (min-width: 48rem) {
    .md\:bg-\[color-mix\(in_srgb\,var\(--color-background-body\)_82\%\,transparent\)\] {
      background-color: var(--color-background-body);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .md\:bg-\[color-mix\(in_srgb\,var\(--color-background-body\)_82\%\,transparent\)\] {
        background-color: color-mix(in srgb,var(--color-background-body) 82%,transparent);
      }
    }
  }

  @media (min-width: 48rem) {
    .md\:p-8 {
      padding: calc(var(--spacing-1) * 8);
    }
  }

  @media (min-width: 48rem) {
    .md\:py-10 {
      padding-block: calc(var(--spacing-1) * 10);
    }
  }

  @media (min-width: 48rem) {
    .md\:pt-28 {
      padding-top: calc(var(--spacing-1) * 28);
    }
  }

  @media (min-width: 48rem) {
    .md\:text-4xl {
      font-size: var(--font-size-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }

  @media (min-width: 48rem) {
    .md\:backdrop-blur-\[12px\] {
      --tw-backdrop-blur: blur(12px);
      -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, );
    }
  }

  @media (min-width: 48rem) {
    .md\:backdrop-saturate-150 {
      --tw-backdrop-saturate: saturate(150%);
      -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, );
    }
  }

  @media (min-width: 64rem) {
    .lg\:block {
      display: block;
    }
  }

  @media (min-width: 64rem) {
    .lg\:flex {
      display: flex;
    }
  }

  @media (min-width: 64rem) {
    .lg\:hidden {
      display: none;
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[minmax\(0\,1fr\)_16rem\] {
      grid-template-columns: minmax(0, 1fr) 16rem;
    }
  }

  @media (min-width: 64rem) {
    .lg\:items-start {
      align-items: flex-start;
    }
  }

  @media (min-width: 64rem) {
    .lg\:gap-5 {
      gap: calc(var(--spacing-1) * 5);
    }
  }

  @media (min-width: 64rem) {
    .lg\:border-r {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:border-b-0 {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0;
    }
  }

  @media (min-width: 64rem) {
    .lg\:py-12 {
      padding-block: calc(var(--spacing-1) * 12);
    }
  }

  @media (min-width: 64rem) {
    .lg\:pt-6 {
      padding-top: calc(var(--spacing-1) * 6);
    }
  }

  @media (min-width: 64rem) {
    .lg\:pt-10 {
      padding-top: calc(var(--spacing-1) * 10);
    }
  }

  @media (min-width: 64rem) {
    .lg\:pb-4 {
      padding-bottom: calc(var(--spacing-1) * 4);
    }
  }

  @media (min-width: 80rem) {
    .xl\:block {
      display: block;
    }
  }

  @media (min-width: 80rem) {
    .xl\:hidden {
      display: none;
    }
  }

  @media (min-width: 80rem) {
    .xl\:inline {
      display: inline;
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-\[minmax\(0\,1fr\)_17\.5rem\] {
      grid-template-columns: minmax(0, 1fr) 17.5rem;
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-\[minmax\(0\,1fr\)_minmax\(280px\,400px\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(280px, 400px);
    }
  }

  @container (min-width: 32rem) {
    .\@\[32rem\]\:max-w-\[420px\] {
      max-width: 420px;
    }
  }

  @container (min-width: 32rem) {
    .\@\[32rem\]\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @container (min-width: 34rem) {
    .\@\[34rem\]\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @container (min-width: 36rem) {
    .\@\[36rem\]\:col-span-2 {
      grid-column: span 2 / span 2;
    }
  }

  @container (min-width: 36rem) {
    .\@\[36rem\]\:block {
      display: block;
    }
  }

  @container (min-width: 36rem) {
    .\@\[36rem\]\:hidden {
      display: none;
    }
  }

  @container (min-width: 36rem) {
    .\@\[36rem\]\:grid-cols-\[minmax\(0\,1fr\)_minmax\(12rem\,auto\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(12rem, auto);
    }
  }

  @container (min-width: 36rem) {
    .\@\[36rem\]\:items-end {
      align-items: flex-end;
    }
  }

  @container (min-width: 36rem) {
    .\@\[36rem\]\:text-right {
      text-align: right;
    }
  }

  @container (min-width: 42rem) {
    .\@\[42rem\]\:row-span-2 {
      grid-row: span 2 / span 2;
    }
  }

  @container (min-width: 42rem) {
    .\@\[42rem\]\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @container (min-width: 56rem) {
    .\@\[56rem\]\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @container (min-width: 58rem) {
    .\@\[58rem\]\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

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

  @media (prefers-color-scheme: dark) {
    .dark\:border-emerald-400\/25 {
      border-color: #00d29440;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:border-emerald-400\/25 {
        border-color: color-mix(in oklab, var(--color-emerald-400) 25%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:border-red-400\/30 {
      border-color: #ff65684d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:border-red-400\/30 {
        border-color: color-mix(in oklab, var(--color-red-400) 30%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:border-white\/15 {
      border-color: #ffffff26;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:border-white\/15 {
        border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-\[\#1b1b1b\] {
      background-color: #1b1b1b;
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-\[\#1e2420\] {
      background-color: #1e2420;
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-\[\#2a1f1f\] {
      background-color: #2a1f1f;
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-\[\#222\] {
      background-color: #222;
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-\[\#18191a\] {
      background-color: #18191a;
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-amber-500\/25 {
      background-color: #f99c0040;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-amber-500\/25 {
        background-color: color-mix(in oklab, var(--color-amber-500) 25%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-black\/35 {
      background-color: #00000059;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-black\/35 {
        background-color: color-mix(in oklab, var(--color-black) 35%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-white\/10 {
      background-color: #ffffff1a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-white\/10 {
        background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:stroke-white\/10 {
      stroke: #ffffff1a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:stroke-white\/10 {
        stroke: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:text-\[\#6ba3ff\] {
      color: #6ba3ff;
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:text-\[\#8ab4f8\] {
      color: #8ab4f8;
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:text-\[\#8dc891\] {
      color: #8dc891;
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:text-\[\#b0b0b0\] {
      color: #b0b0b0;
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:text-\[\#f5f5f5\] {
      color: #f5f5f5;
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:text-emerald-400 {
      color: var(--color-emerald-400);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:text-red-400 {
      color: var(--color-red-400);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:shadow-\[0_10px_32px_rgba\(0\,0\,0\,0\.45\)\] {
      --tw-shadow: 0 10px 32px var(--tw-shadow-color, #00000073);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  .\[\&_\[data-astryx-multi-selector\]\]\:w-full [data-astryx-multi-selector] {
    width: 100%;
  }

  .\[\&_\[role\=group\]\]\:max-w-full [role="group"] {
    max-width: 100%;
  }

  .\[\&_a\]\:underline a {
    text-decoration-line: underline;
  }

  .\[\&_h1\]\:mb-2 h1 {
    margin-bottom: calc(var(--spacing-1) * 2);
  }

  .\[\&_h1\]\:text-xl h1 {
    font-size: var(--font-size-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .\[\&_h1\]\:font-semibold h1 {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .\[\&_h2\]\:mt-2 h2 {
    margin-top: calc(var(--spacing-1) * 2);
  }

  .\[\&_h2\]\:mb-2 h2 {
    margin-bottom: calc(var(--spacing-1) * 2);
  }

  .\[\&_h2\]\:text-lg h2 {
    font-size: var(--font-size-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .\[\&_h2\]\:font-semibold h2 {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .\[\&_h3\]\:mt-2 h3 {
    margin-top: calc(var(--spacing-1) * 2);
  }

  .\[\&_h3\]\:mb-1 h3 {
    margin-bottom: var(--spacing-1);
  }

  .\[\&_h3\]\:font-semibold h3 {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .\[\&_iframe\]\:mt-3 iframe {
    margin-top: calc(var(--spacing-1) * 3);
  }

  .\[\&_iframe\]\:block iframe {
    display: block;
  }

  .\[\&_iframe\]\:w-full iframe {
    width: 100%;
  }

  .\[\&_iframe\]\:border-0 iframe {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

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

  .\[\&_img\]\:w-full img {
    width: 100%;
  }

  .\[\&_img\]\:max-w-full img {
    max-width: 100%;
  }

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

  .\[\&_input\]\:pl-9 input {
    padding-left: calc(var(--spacing-1) * 9);
  }

  .\[\&_li\]\:my-1\.5 li {
    margin-block: calc(var(--spacing-1) * 1.5);
  }

  .\[\&_li\]\:leading-normal li {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }

  .\[\&_p\]\:mb-2 p {
    margin-bottom: calc(var(--spacing-1) * 2);
  }

  .aria-hidden\:\[\&_svg\]\:block[aria-hidden="true"] svg {
    display: block;
  }

  .\[\&_tbody_td\:nth-child\(2\)\]\:whitespace-nowrap tbody td:nth-child(2) {
    white-space: nowrap;
  }

  .\[\&_tbody_tr\:last-child_td\]\:border-b-0 tbody tr:last-child td {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .\[\&_td\]\:border-b td {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .\[\&_td\]\:border-border td {
    border-color: var(--color-border);
  }

  .\[\&_td\]\:px-3 td {
    padding-inline: calc(var(--spacing-1) * 3);
  }

  .\[\&_td\]\:py-2\.5 td {
    padding-block: calc(var(--spacing-1) * 2.5);
  }

  .\[\&_td\]\:text-left td {
    text-align: left;
  }

  .\[\&_td\]\:align-top td {
    vertical-align: top;
  }

  .\[\&_td\]\:\[overflow-wrap\:anywhere\] td {
    overflow-wrap: anywhere;
  }

  .\[\&_td\]\:break-words td {
    overflow-wrap: break-word;
  }

  .\[\&_td\:first-child\]\:w-\[14\%\] td:first-child {
    width: 14%;
  }

  .\[\&_td\:first-child\]\:font-semibold td:first-child {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .\[\&_textarea\]\:w-full textarea {
    width: 100%;
  }

  .\[\&_th\]\:border-b th {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .\[\&_th\]\:border-border th {
    border-color: var(--color-border);
  }

  .\[\&_th\]\:bg-muted th {
    background-color: var(--color-background-muted);
  }

  .\[\&_th\]\:px-3 th {
    padding-inline: calc(var(--spacing-1) * 3);
  }

  .\[\&_th\]\:py-2\.5 th {
    padding-block: calc(var(--spacing-1) * 2.5);
  }

  .\[\&_th\]\:text-left th {
    text-align: left;
  }

  .\[\&_th\]\:align-top th {
    vertical-align: top;
  }

  .\[\&_th\]\:font-semibold th {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .\[\&_th\]\:\[overflow-wrap\:anywhere\] th {
    overflow-wrap: anywhere;
  }

  .\[\&_th\]\:break-words th {
    overflow-wrap: break-word;
  }

  .\[\&_th\]\:text-secondary th {
    color: var(--color-text-secondary);
  }

  .\[\&_th\:first-child\]\:w-\[14\%\] th:first-child {
    width: 14%;
  }

  .\[\&_th\:first-child\]\:font-semibold th:first-child {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .\[\&_ul\]\:mb-2 ul {
    margin-bottom: calc(var(--spacing-1) * 2);
  }

  .\[\&_ul\]\:list-disc ul {
    list-style-type: disc;
  }

  .\[\&_ul\]\:ps-5 ul {
    padding-inline-start: calc(var(--spacing-1) * 5);
  }

  .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
    display: none;
  }

  .\[\&\:\:-webkit-search-cancel-button\]\:hidden::-webkit-search-cancel-button {
    display: none;
  }

  .\[\&\:\:-webkit-search-decoration\]\:hidden::-webkit-search-decoration {
    display: none;
  }

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

html {
  scroll-behavior: smooth;
}

.app-surface {
  background-color: var(--color-background-body);
  min-height: 100dvh;
  color: var(--color-text-primary);
}

.logo-asset-lockup--dark {
  display: none;
}

html[data-theme="dark"] .logo-asset-lockup--light, .landing-cms-theme[data-landing-resolved="dark"] .logo-asset-lockup--light {
  display: none !important;
}

html[data-theme="dark"] .logo-asset-lockup--dark, .landing-cms-theme[data-landing-resolved="dark"] .logo-asset-lockup--dark {
  display: inline-block !important;
}

@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) .logo-asset-lockup--light {
    display: none !important;
  }

  html:not([data-theme="light"]) .logo-asset-lockup--dark, .landing-cms-theme[data-landing-resolved="light"] .logo-asset-lockup--light {
    display: inline-block !important;
  }

  .landing-cms-theme[data-landing-resolved="light"] .logo-asset-lockup--dark {
    display: none !important;
  }
}

.app-shell-root {
  min-height: 100dvh;
}

.app-shell-sidebar {
  align-self: flex-start;
  max-height: 100dvh;
  position: sticky;
  top: 0;
  overflow-y: auto;
}

.app-shell-content-header {
  z-index: 20;
  background: var(--color-background-body, #fff);
  width: 100%;
  padding-bottom: .25rem;
  position: sticky;
  top: 0;
}

.global-reports-search {
  width: 100%;
  position: relative;
}

.global-reports-search__results {
  z-index: 40;
  max-height: 24rem;
  position: absolute;
  top: calc(100% + .375rem);
  left: 0;
  right: 0;
  overflow: auto;
  box-shadow: 0 12px 32px #0000001f;
}

.global-reports-search__item {
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: .5rem;
  width: 100%;
  padding: .625rem .75rem;
  display: block;
}

.global-reports-search__item:hover {
  background: var(--color-background-muted, #f5f5f5);
}

.global-reports-search__empty {
  padding: .75rem;
}

.global-reports-search__footer {
  border-top: 1px solid var(--color-border, #ebebeb);
  padding: .5rem .75rem .25rem;
}

.global-reports-search__all-link {
  color: var(--color-accent-teal, #0d9488);
  font-size: .875rem;
  text-decoration: none;
}

.global-reports-search__all-link:hover {
  text-decoration: underline;
}

:root {
  --app-content-max: 1440px;
  --app-content-wide: 1120px;
  --app-content-default: 960px;
  --app-content-narrow: 720px;
  --app-content-form: 560px;
}

#yookassa-payment-form[data-mode="dark"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
}

#yookassa-payment-form[data-mode="light"] {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
}

iframe {
  color-scheme: normal;
}

.landing-cms-theme {
  isolation: isolate;
  font-family: var(--landing-font-family, Arial, Helvetica, sans-serif);
}

.checkout-modal__overlay {
  background-color: var(--color-surface-container);
}

:is(.astryx-field:has([aria-required="true"]) .astryx-field-label > span:last-child, .astryx-field:has(input[required]) .astryx-field-label > span:last-child, .astryx-checkbox-input:has(input[required]) .astryx-field-label > span:last-child) {
  font-size: 0;
  line-height: 0;
}

:is(.astryx-field:has([aria-required="true"]) .astryx-field-label > span:last-child > span[aria-hidden="true"], .astryx-field:has(input[required]) .astryx-field-label > span:last-child > span[aria-hidden="true"], .astryx-checkbox-input:has(input[required]) .astryx-field-label > span:last-child > span[aria-hidden="true"]) {
  font-size: var(--text-supporting-size);
  line-height: var(--text-supporting-leading);
  font-weight: var(--font-weight-normal);
  color: var(--color-text-secondary);
}

.astryx-field:has([aria-required="true"]) .astryx-field-label > span:last-child:after {
  content: "Обязательно";
  font-size: var(--text-supporting-size);
  line-height: var(--text-supporting-leading);
  font-weight: var(--font-weight-normal);
  color: var(--color-text-secondary);
}

.astryx-field:has(input[required]) .astryx-field-label > span:last-child:after {
  content: "Обязательно";
  font-size: var(--text-supporting-size);
  line-height: var(--text-supporting-leading);
  font-weight: var(--font-weight-normal);
  color: var(--color-text-secondary);
}

.astryx-checkbox-input:has(input[required]) .astryx-field-label > span:last-child:after {
  content: "Обязательно";
  font-size: var(--text-supporting-size);
  line-height: var(--text-supporting-leading);
  font-weight: var(--font-weight-normal);
  color: var(--color-text-secondary);
}

:is(.astryx-field:not(:has([aria-required="true"])):not(:has(input[required])) .astryx-field-label > span:last-child:has( > span[aria-hidden="true"]), .astryx-checkbox-input:not(:has(input[required])) .astryx-field-label > span:last-child:has( > span[aria-hidden="true"])) {
  font-size: 0;
  line-height: 0;
}

:is(.astryx-field:not(:has([aria-required="true"])):not(:has(input[required])) .astryx-field-label > span:last-child:has( > span[aria-hidden="true"]) > span[aria-hidden="true"], .astryx-checkbox-input:not(:has(input[required])) .astryx-field-label > span:last-child:has( > span[aria-hidden="true"]) > span[aria-hidden="true"]) {
  font-size: var(--text-supporting-size);
  line-height: var(--text-supporting-leading);
  font-weight: var(--font-weight-normal);
  color: var(--color-text-secondary);
}

.astryx-field:not(:has([aria-required="true"])):not(:has(input[required])) .astryx-field-label > span:last-child:has( > span[aria-hidden="true"]):after {
  content: "Необязательно";
  font-size: var(--text-supporting-size);
  line-height: var(--text-supporting-leading);
  font-weight: var(--font-weight-normal);
  color: var(--color-text-secondary);
}

.astryx-checkbox-input:not(:has(input[required])) .astryx-field-label > span:last-child:has( > span[aria-hidden="true"]):after {
  content: "Необязательно";
  font-size: var(--text-supporting-size);
  line-height: var(--text-supporting-leading);
  font-weight: var(--font-weight-normal);
  color: var(--color-text-secondary);
}

.report-cover-muted-panel {
  border-radius: var(--radius-container);
  background-color: var(--color-background-muted);
  border: 1px solid #0000;
}

html[data-theme="dark"] .report-cover-muted-panel {
  background-color: var(--color-background-surface, #262626);
  border-color: var(--color-border, #ffffff1a);
}

@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) .report-cover-muted-panel {
    background-color: var(--color-background-surface, #262626);
    border-color: var(--color-border, #ffffff1a);
  }
}

.landing-macbook {
  aspect-ratio: 740 / 444;
  width: 100%;
  max-width: 740px;
  margin-inline: auto;
  position: relative;
}

.landing-macbook__frame {
  background: #0d0d0d;
  border-radius: 20px;
  width: 83%;
  height: 96.4%;
  position: absolute;
  top: 0;
  left: 8.5%;
  box-shadow: inset 0 0 0 2px #c8c9ca;
}

.landing-macbook__frame:after {
  content: "";
  background: #262626;
  border-radius: 0 0 20px 20px;
  width: calc(100% - 4px);
  height: 6%;
  position: absolute;
  bottom: 2px;
  left: 2px;
}

.landing-macbook__screen {
  background: #000;
  border: 2px solid #141414;
  border-radius: 2px;
  position: absolute;
  inset: 6.8% 3.1% 9.1%;
  overflow: hidden;
}

.landing-macbook__screen img {
  object-fit: cover;
  object-position: top center;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0;
}

.landing-macbook__base {
  z-index: 2;
  background: #e2e3e4;
  border: 4px solid #dadbdc;
  border-width: 2px 4px 0;
  border-radius: 2px 2px 0 0;
  width: 100%;
  height: 3.2%;
  position: absolute;
  top: 94.1%;
  left: 0;
}

.landing-macbook__base:before {
  content: "";
  background: #a5a6a8;
  border-radius: 0 0 180px 180px / 0 0 12px 12px;
  width: 101.08%;
  height: 86%;
  position: absolute;
  top: 71%;
  left: -.54%;
  box-shadow: inset 0 -2px 6px #6d6e70;
}

.landing-macbook__base:after {
  content: "";
  background: #c8c9ca;
  border-radius: 0 0 10px 10px;
  width: 16.2%;
  height: 71%;
  margin-left: -8.1%;
  position: absolute;
  top: -14%;
  left: 50%;
  box-shadow: inset 0 0 4px 2px #b0b1b2;
}

.landing-hero-bg--dark, .landing-cms-theme[data-landing-resolved="dark"] .landing-hero-bg--light {
  display: none;
}

.landing-cms-theme[data-landing-resolved="dark"] .landing-hero-bg--dark {
  display: block;
}

.landing-cta-bg--dark, .landing-cms-theme[data-landing-resolved="dark"] .landing-cta-bg--light {
  display: none;
}

.landing-cms-theme[data-landing-resolved="dark"] .landing-cta-bg--dark {
  display: block;
}

.landing-promo-banner__img--dark, .landing-cms-theme[data-landing-resolved="dark"] .landing-promo-banner__img--light {
  display: none;
}

.landing-cms-theme[data-landing-resolved="dark"] .landing-promo-banner__img--dark {
  display: block;
}

.landing-rich-color, .landing-rich-theme {
  --landing-color-light: initial;
  --landing-color-dark: initial;
  --landing-size-light: initial;
  --landing-size-dark: initial;
  --landing-weight-light: initial;
  --landing-weight-dark: initial;
  --landing-style-light: initial;
  --landing-style-dark: initial;
  --landing-deco-light: initial;
  --landing-deco-dark: initial;
  --landing-font-light: initial;
  --landing-font-dark: initial;
}

.landing-rich-color {
  color: var(--landing-color-light, inherit);
}

.landing-rich-theme {
  font-size: var(--landing-size-light, var(--landing-size-dark, inherit));
  font-weight: var(--landing-weight-light, var(--landing-weight-dark, inherit));
  font-style: var(--landing-style-light, var(--landing-style-dark, inherit));
  -webkit-text-decoration: var(--landing-deco-light, var(--landing-deco-dark, inherit));
  text-decoration: var(--landing-deco-light, var(--landing-deco-dark, inherit));
  font-family: var(--landing-font-light, var(--landing-font-dark, inherit));
}

.landing-cms-theme[data-landing-resolved="light"] .landing-rich-color {
  color: var(--landing-color-light, inherit);
}

.landing-cms-theme[data-landing-resolved="dark"] .landing-rich-color {
  color: var(--landing-color-dark, inherit);
}

.landing-cms-theme[data-landing-resolved="light"] .landing-rich-theme {
  font-size: var(--landing-size-light, inherit);
  font-weight: var(--landing-weight-light, inherit);
  font-style: var(--landing-style-light, inherit);
  -webkit-text-decoration: var(--landing-deco-light, inherit);
  text-decoration: var(--landing-deco-light, inherit);
  font-family: var(--landing-font-light, inherit);
}

.landing-cms-theme[data-landing-resolved="dark"] .landing-rich-theme {
  font-size: var(--landing-size-dark, inherit);
  font-weight: var(--landing-weight-dark, inherit);
  font-style: var(--landing-style-dark, inherit);
  -webkit-text-decoration: var(--landing-deco-dark, inherit);
  text-decoration: var(--landing-deco-dark, inherit);
  font-family: var(--landing-font-dark, inherit);
}

.landing-cms-theme .landing-rich-preview[data-landing-resolved="light"] .landing-rich-color, .landing-rich-preview[data-landing-resolved="light"] .landing-rich-color {
  color: var(--landing-color-light, inherit);
}

.landing-cms-theme .landing-rich-preview[data-landing-resolved="dark"] .landing-rich-color, .landing-rich-preview[data-landing-resolved="dark"] .landing-rich-color {
  color: var(--landing-color-dark, inherit);
}

.landing-cms-theme .landing-rich-preview[data-landing-resolved="light"] .landing-rich-theme, .landing-rich-preview[data-landing-resolved="light"] .landing-rich-theme {
  font-size: var(--landing-size-light, inherit);
  font-weight: var(--landing-weight-light, inherit);
  font-style: var(--landing-style-light, inherit);
  -webkit-text-decoration: var(--landing-deco-light, inherit);
  text-decoration: var(--landing-deco-light, inherit);
  font-family: var(--landing-font-light, inherit);
}

.landing-cms-theme .landing-rich-preview[data-landing-resolved="dark"] .landing-rich-theme, .landing-rich-preview[data-landing-resolved="dark"] .landing-rich-theme {
  font-size: var(--landing-size-dark, inherit);
  font-weight: var(--landing-weight-dark, inherit);
  font-style: var(--landing-style-dark, inherit);
  -webkit-text-decoration: var(--landing-deco-dark, inherit);
  text-decoration: var(--landing-deco-dark, inherit);
  font-family: var(--landing-font-dark, inherit);
}

[data-canvas-inline-editor][data-landing-resolved="light"] .landing-rich-color {
  color: var(--landing-color-light, inherit);
}

[data-canvas-inline-editor][data-landing-resolved="dark"] .landing-rich-color {
  color: var(--landing-color-dark, inherit);
}

[data-canvas-inline-editor][data-landing-resolved="light"] .landing-rich-theme {
  font-size: var(--landing-size-light, inherit);
  font-weight: var(--landing-weight-light, inherit);
  font-style: var(--landing-style-light, inherit);
  -webkit-text-decoration: var(--landing-deco-light, inherit);
  text-decoration: var(--landing-deco-light, inherit);
  font-family: var(--landing-font-light, inherit);
}

[data-canvas-inline-editor][data-landing-resolved="dark"] .landing-rich-theme {
  font-size: var(--landing-size-dark, inherit);
  font-weight: var(--landing-weight-dark, inherit);
  font-style: var(--landing-style-dark, inherit);
  -webkit-text-decoration: var(--landing-deco-dark, inherit);
  text-decoration: var(--landing-deco-dark, inherit);
  font-family: var(--landing-font-dark, inherit);
}

.landing-cta-bg__overlay {
  background-image: linear-gradient(to bottom,
    var(--color-background-body),
    var(--color-background-body) 50%,
    var(--color-background-body));
}

@supports (color: color-mix(in lab, red, red)) {
  .landing-cta-bg__overlay {
    background-image: linear-gradient(to bottom,
    color-mix(in srgb, var(--color-background-body) 94%, transparent),
    color-mix(in srgb, var(--color-background-body) 72%, transparent) 50%,
    color-mix(in srgb, var(--color-background-body) 88%, transparent));
  }
}

.landing-macbook__screen img.landing-device-mockup__shot--dark, .landing-cms-theme[data-landing-resolved="dark"] .landing-macbook__screen img.landing-device-mockup__shot--light {
  display: none;
}

.landing-cms-theme[data-landing-resolved="dark"] .landing-macbook__screen img.landing-device-mockup__shot--dark {
  display: block;
}

html[data-theme="dark"] .puck-editor-theme, html[data-theme="dark"] .puck-editor-theme .Puck {
  --puck-color-surface: #1c1c1c;
  --puck-color-surface-muted: #141414;
  --puck-color-surface-subtle: #111;
  --puck-color-surface-inverse: #f5f5f5;
  --puck-color-border: #333;
  --puck-color-border-hover: #767676;
  --puck-color-border-muted: #2a2a2a;
  --puck-color-border-inverse: #949494;
  --puck-color-text: #f5f5f5;
  --puck-color-text-secondary: #c3c3c3;
  --puck-color-text-muted: #ababab;
  --puck-color-text-subtle: #767676;
  --puck-color-text-inverse: #181818;
  --puck-color-interactive: #6499cf;
  --puck-color-interactive-hover: #88b0da;
  --puck-color-interactive-active: #abc7e5;
  --puck-color-interactive-subtle: #002c77;
  --puck-color-interactive-soft: #00175d;
  --puck-color-interactive-soft-hover: #014292;
  --puck-color-interactive-neutral-hover: #292929;
  --puck-color-interactive-inverse-hover: #014292;
  --puck-color-interactive-inverse-active: #0158ad;
  --puck-color-focus-ring: #6499cf;
  --puck-color-selection-bg: #6499cf47;
  --puck-color-selection-border: #6499cf;
  --puck-color-bg-disabled: #5a5a5a;
  --puck-color-text-disabled: #ababab;
}

@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) .puck-editor-theme, html:not([data-theme="light"]) .puck-editor-theme .Puck {
    --puck-color-surface: #1c1c1c;
    --puck-color-surface-muted: #141414;
    --puck-color-surface-subtle: #111;
    --puck-color-surface-inverse: #f5f5f5;
    --puck-color-border: #333;
    --puck-color-border-hover: #767676;
    --puck-color-border-muted: #2a2a2a;
    --puck-color-border-inverse: #949494;
    --puck-color-text: #f5f5f5;
    --puck-color-text-secondary: #c3c3c3;
    --puck-color-text-muted: #ababab;
    --puck-color-text-subtle: #767676;
    --puck-color-text-inverse: #181818;
    --puck-color-interactive: #6499cf;
    --puck-color-interactive-hover: #88b0da;
    --puck-color-interactive-active: #abc7e5;
    --puck-color-interactive-subtle: #002c77;
    --puck-color-interactive-soft: #00175d;
    --puck-color-interactive-soft-hover: #014292;
    --puck-color-interactive-neutral-hover: #292929;
    --puck-color-interactive-inverse-hover: #014292;
    --puck-color-interactive-inverse-active: #0158ad;
    --puck-color-focus-ring: #6499cf;
    --puck-color-selection-bg: #6499cf47;
    --puck-color-selection-border: #6499cf;
    --puck-color-bg-disabled: #5a5a5a;
    --puck-color-text-disabled: #ababab;
  }
}

.puck-editor-theme {
  --puck-ai-chat-bg: #fff;
  --puck-ai-chat-text: #181818;
  --puck-ai-chat-muted: #5a5a5a;
  --puck-ai-chat-border: #dcdcdc;
  --puck-ai-chat-chip-bg: #f3f3f3;
  --puck-ai-chat-chip-hover-bg: #e7eef7;
  --puck-ai-chat-chip-hover-border: #abc7e5;
  --puck-ai-chat-chip-hover-text: #0158ad;
  --puck-ai-chat-input-bg: #fff;
  --puck-ai-chat-input-well: #fff;
  --puck-ai-chat-bubble: #0158ad1f;
  --puck-ai-chat-bubble-text: #292929;
}

html[data-theme="dark"] .puck-editor-theme {
  --puck-ai-chat-bg: #1a1a1a;
  --puck-ai-chat-text: #f0f0f0;
  --puck-ai-chat-muted: #ababab;
  --puck-ai-chat-border: #3a3a3a;
  --puck-ai-chat-chip-bg: #2a2a2a;
  --puck-ai-chat-chip-hover-bg: #2f3f55;
  --puck-ai-chat-chip-hover-border: #6499cf;
  --puck-ai-chat-chip-hover-text: #cfdff0;
  --puck-ai-chat-input-bg: #1a1a1a;
  --puck-ai-chat-input-well: #1a1a1a;
  --puck-ai-chat-bubble: #6499cf38;
  --puck-ai-chat-bubble-text: #e7eef7;
}

@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) .puck-editor-theme {
    --puck-ai-chat-bg: #1a1a1a;
    --puck-ai-chat-text: #f0f0f0;
    --puck-ai-chat-muted: #ababab;
    --puck-ai-chat-border: #3a3a3a;
    --puck-ai-chat-chip-bg: #2a2a2a;
    --puck-ai-chat-chip-hover-bg: #2f3f55;
    --puck-ai-chat-chip-hover-border: #6499cf;
    --puck-ai-chat-chip-hover-text: #cfdff0;
    --puck-ai-chat-input-bg: #1a1a1a;
    --puck-ai-chat-input-well: #1a1a1a;
    --puck-ai-chat-bubble: #6499cf38;
    --puck-ai-chat-bubble-text: #e7eef7;
  }
}

.puck-editor-theme [class*="_Chat_"] {
  --chat-background-color: var(--puck-ai-chat-bg);
  background: var(--puck-ai-chat-bg) !important;
  color: var(--puck-ai-chat-text) !important;
}

.puck-editor-theme [class*="Chat-header"], .puck-editor-theme [class*="Chat-default"], .puck-editor-theme [class*="Chat-placeholder"], .puck-editor-theme [class*="Chat-inner"], .puck-editor-theme [class*="Chat-form"], .puck-editor-theme [class*="Chat-body"], .puck-editor-theme [class*="Chat-messages"] {
  background-color: var(--puck-ai-chat-bg) !important;
  color: var(--puck-ai-chat-text) !important;
  border-color: var(--puck-ai-chat-border) !important;
}

.puck-editor-theme [class*="ChatMessage_"], .puck-editor-theme [class*="ChatMessage--"] {
  color: var(--puck-ai-chat-text) !important;
  background-color: #0000 !important;
  border-color: #0000 !important;
}

.puck-editor-theme [class*="Chat-placeholderTitle"], .puck-editor-theme [class*="Chat-formHelper"], .puck-editor-theme [class*="ChatMessage-text"], .puck-editor-theme [class*="ChatMessage-eventHeader"]:hover {
  color: var(--puck-ai-chat-text) !important;
}

.puck-editor-theme [class*="Chat-placeholderDescription"], .puck-editor-theme [class*="ChatMessage-event"], .puck-editor-theme [class*="Chat-loader"], .puck-editor-theme [class*="PromptForm-helper"] {
  color: var(--puck-ai-chat-muted) !important;
}

.puck-editor-theme [class*="ChatMessage-userBubble"] {
  background: var(--puck-ai-chat-bubble) !important;
  color: var(--puck-ai-chat-bubble-text) !important;
}

.puck-editor-theme [class*="Chat-examplePrompts"] {
  color: inherit !important;
  background: none !important;
  border: none !important;
}

.puck-editor-theme button[class*="Chat-examplePrompt"], .puck-editor-theme [class*="Chat-examplePrompt_"], .puck-editor-theme [class*="Chat-examplePrompt-"] {
  background: var(--puck-ai-chat-chip-bg) !important;
  border: 1px solid var(--puck-ai-chat-border) !important;
  color: var(--puck-ai-chat-muted) !important;
}

.puck-editor-theme button[class*="Chat-examplePrompt"]:hover, .puck-editor-theme [class*="Chat-examplePrompt_"]:hover, .puck-editor-theme [class*="Chat-examplePrompt-"]:hover {
  background: var(--puck-ai-chat-chip-hover-bg) !important;
  border-color: var(--puck-ai-chat-chip-hover-border) !important;
  color: var(--puck-ai-chat-chip-hover-text) !important;
}

.puck-editor-theme [class*="PromptForm_"] {
  background-color: var(--puck-ai-chat-input-well) !important;
  border: 1px solid var(--puck-ai-chat-border) !important;
}

.puck-editor-theme [class*="PromptForm-formInner"] {
  background-color: var(--puck-ai-chat-input-bg) !important;
}

.puck-editor-theme [class*="PromptForm-input"] {
  caret-color: var(--puck-ai-chat-text);
  color: var(--puck-ai-chat-text) !important;
  background-color: #0000 !important;
}

.puck-editor-theme [class*="PromptForm-input"]::placeholder {
  opacity: 1;
  color: var(--puck-ai-chat-muted) !important;
}

.puck-editor-theme .puck-ai-chat-empty {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  height: 100%;
  min-height: 8rem;
  padding: 1.5rem 1rem;
  display: flex;
}

.puck-editor-theme .puck-ai-chat-empty__title {
  color: var(--puck-ai-chat-text);
  margin: 0;
  font-size: .95rem;
  font-weight: 600;
}

.puck-editor-theme .puck-ai-chat-empty__text {
  max-width: 22rem;
  color: var(--puck-ai-chat-muted);
  margin: 0;
  font-size: .8rem;
  line-height: 1.45;
}

.puck-editor-theme .puck-ai-chat-empty__text strong {
  color: var(--puck-ai-chat-text);
  font-weight: 600;
}

@keyframes landing-ai-spin {
  to {
    transform: rotate(360deg);
  }
}

.landing-ai-boot-spinner {
  animation: .9s linear infinite landing-ai-spin;
}

.puck-editor-theme [class*="Chat-loader"] > div:not([class*="loaderIcon"]) {
  font-size: 0 !important;
  line-height: 0 !important;
}

.puck-editor-theme [class*="Chat-loader"] > div:not([class*="loaderIcon"]):after {
  content: "Думаю…";
  color: var(--puck-ai-chat-muted);
  font-size: 13px;
  line-height: 1.4;
}

.puck-editor-theme [class*="Chat-errorLabel"] {
  font-size: 0 !important;
  line-height: 0 !important;
}

.puck-editor-theme [class*="Chat-errorLabel"]:after {
  content: "Что-то пошло не так.";
  font-size: 13px;
  line-height: 1.4;
}

.puck-editor-theme button.landing-ai-submit-stop {
  position: relative;
  cursor: pointer !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

.puck-editor-theme button.landing-ai-submit-stop > * {
  opacity: 0 !important;
}

.puck-editor-theme button.landing-ai-submit-stop:after {
  content: "";
  pointer-events: none;
  background-color: currentColor;
  width: 14px;
  height: 14px;
  margin: auto;
  position: absolute;
  inset: 0;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='6' y='5' width='4' height='14' rx='1' fill='black'/%3E%3Crect x='14' y='5' width='4' height='14' rx='1' fill='black'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='6' y='5' width='4' height='14' rx='1' fill='black'/%3E%3Crect x='14' y='5' width='4' height='14' rx='1' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.puck-editor-theme [class*="PuckLayout-header"] {
  min-height: 0;
}

.puck-editor-theme[data-landing-mode="geo"] [class*="ViewportControls"], .puck-editor-theme[data-landing-mode="geo"] [class*="PuckCanvas-controls"] {
  display: none !important;
}

.puck-editor-theme[data-landing-mode="geo"] [class*="PuckCanvas"], .puck-editor-theme[data-landing-mode="geo"] [class*="_PuckCanvas"] {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

.puck-editor-theme[data-landing-mode="geo"] [class*="PuckCanvas-inner"], .puck-editor-theme[data-landing-mode="geo"] [class*="_PuckCanvas-inner"] {
  justify-content: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 100% !important;
  display: block !important;
  overflow: hidden !important;
}

.puck-editor-theme[data-landing-mode="geo"] [class*="PuckCanvas-root"], .puck-editor-theme[data-landing-mode="geo"] [class*="_PuckCanvas-root"] {
  opacity: 1 !important;
  pointer-events: auto !important;
  box-sizing: border-box !important;
  outline: none !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  position: relative !important;
  inset: auto !important;
  overflow: hidden !important;
  transform: none !important;
}

.puck-editor-theme[data-landing-mode="geo"] [class*="PuckCanvas-root"] *, .puck-editor-theme[data-landing-mode="geo"] [class*="_PuckCanvas-root"] * {
  pointer-events: auto;
}

.puck-editor-theme[data-landing-mode="geo"] [class*="PuckCanvas-loader"], .puck-editor-theme[data-landing-mode="geo"] [class*="_PuckCanvas-loader"] {
  pointer-events: none !important;
  display: none !important;
}

.puck-editor-theme[data-landing-mode="geo"] {
  --puck-sidebar-left-width: 0px;
}

@media (min-width: 766px) {
  .puck-editor-theme[data-landing-mode="geo"] [class*="_PuckLayout-inner"], .puck-editor-theme[data-landing-mode="geo"] [class*="PuckLayout-inner"] {
    grid-template-columns: var(--puck-pluginbar-width) 0 1fr 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }
}

.puck-editor-theme[data-landing-mode="geo"] [class*="_PuckPluginTab"], .puck-editor-theme[data-landing-mode="geo"] [class*="PuckPluginTab"], .puck-editor-theme[data-landing-mode="geo"] [class*="Sidebar--left"] + [class*="Sidebar-resizeHandle"], .puck-editor-theme[data-landing-mode="geo"] [class*="_Sidebar--left"] + [class*="_Sidebar-resizeHandle"] {
  border: none !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  padding: 0 !important;
  display: none !important;
  overflow: hidden !important;
}

@keyframes promo-glass-in {
  from {
    opacity: 0;
    transform: translateY(12px)scale(.96);
  }

  to {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

@keyframes promo-glass-icon-pop {
  0% {
    opacity: 0;
    transform: scale(.7);
  }

  60% {
    opacity: 1;
    transform: scale(1.08);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.promo-glass-modal {
  animation: .42s cubic-bezier(.22, 1, .36, 1) both promo-glass-in;
}

.promo-glass-modal__icon {
  animation: .55s cubic-bezier(.22, 1, .36, 1) 80ms both promo-glass-icon-pop;
}

@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-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-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-scroll-snap-strictness {
  syntax: "*";
  inherits: false;
  initial-value: proximity;
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-gradient-position {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-ordinal {
  syntax: "*";
  inherits: false
}

@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

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