/* [project]/app/globals.css [app-client] (css) */
@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 {
    --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);
    --default-font-family: var(--font-family-body);
    --default-mono-font-family: var(--font-family-code);
    --color-accent: var(--color-text-accent);
    --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);
  }
}

@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 {
    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;
    }
  }

  .hidden {
    display: none;
  }

  .h-full {
    height: 100%;
  }

  .min-h-full {
    min-height: 100%;
  }
}

html {
  scroll-behavior: smooth;
}

.app-surface {
  background-color: var(--color-background-body);
  min-height: 100dvh;
  color: var(--color-text-primary);
}

/*# sourceMappingURL=app_globals_0yg4wg8.css.map*/