/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
    'Noto Color Emoji';
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
    monospace;
    --spacing: 0.25rem;
    --container-xl: 36rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-tighter: -0.05em;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    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)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden='until-found'])) {
    display: none !important;
  }
}
@layer utilities {
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .inset-y-0 {
    inset-block: calc(var(--spacing) * 0);
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .left-\[40rem\] {
    left: 40rem;
  }
  .z-0 {
    z-index: 0;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .-mx-2 {
    margin-inline: calc(var(--spacing) * -2);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .-my-0\.5 {
    margin-block: calc(var(--spacing) * -0.5);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }
  .ml-3 {
    margin-left: calc(var(--spacing) * 3);
  }
  .hero-arrow-down {
    --hero-arrow-down: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M19.5%2013.5%2012%2021m0%200-7.5-7.5M12%2021V3%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-arrow-down);
    mask: var(--hero-arrow-down);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-arrow-path {
    --hero-arrow-path: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M16.023%209.348h4.992v-.001M2.985%2019.644v-4.992m0%200h4.992m-4.993%200%203.181%203.183a8.25%208.25%200%200%200%2013.803-3.7M4.031%209.865a8.25%208.25%200%200%201%2013.803-3.7l3.181%203.182m0-4.991v4.99%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-arrow-path);
    mask: var(--hero-arrow-path);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-arrow-up {
    --hero-arrow-up: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M4.5%2010.5%2012%203m0%200%207.5%207.5M12%203v18%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-arrow-up);
    mask: var(--hero-arrow-up);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-bars-3 {
    --hero-bars-3: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M3.75%206.75h16.5M3.75%2012h16.5m-16.5%205.25h16.5%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-bars-3);
    mask: var(--hero-bars-3);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-chevron-down {
    --hero-chevron-down: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m19.5%208.25-7.5%207.5-7.5-7.5%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-chevron-down);
    mask: var(--hero-chevron-down);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-chevron-up {
    --hero-chevron-up: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m4.5%2015.75%207.5-7.5%207.5%207.5%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-chevron-up);
    mask: var(--hero-chevron-up);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-clipboard {
    --hero-clipboard: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M15.666%203.888A2.25%202.25%200%200%200%2013.5%202.25h-3c-1.03%200-1.9.693-2.166%201.638m7.332%200c.055.194.084.4.084.612v0a.75.75%200%200%201-.75.75H9a.75.75%200%200%201-.75-.75v0c0-.212.03-.418.084-.612m7.332%200c.646.049%201.288.11%201.927.184%201.1.128%201.907%201.077%201.907%202.185V19.5a2.25%202.25%200%200%201-2.25%202.25H6.75A2.25%202.25%200%200%201%204.5%2019.5V6.257c0-1.108.806-2.057%201.907-2.185a48.208%2048.208%200%200%201%201.927-.184%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-clipboard);
    mask: var(--hero-clipboard);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-computer-desktop-micro {
    --hero-computer-desktop-micro: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M2%204.25A2.25%202.25%200%200%201%204.25%202h7.5A2.25%202.25%200%200%201%2014%204.25v5.5A2.25%202.25%200%200%201%2011.75%2012h-1.312c.1.128.21.248.328.36a.75.75%200%200%201%20.234.545v.345a.75.75%200%200%201-.75.75h-4.5a.75.75%200%200%201-.75-.75v-.345a.75.75%200%200%201%20.234-.545c.118-.111.228-.232.328-.36H4.25A2.25%202.25%200%200%201%202%209.75v-5.5Zm2.25-.75a.75.75%200%200%200-.75.75v4.5c0%20.414.336.75.75.75h7.5a.75.75%200%200%200%20.75-.75v-4.5a.75.75%200%200%200-.75-.75h-7.5Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-computer-desktop-micro);
    mask: var(--hero-computer-desktop-micro);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1rem;
    height: 1rem;
  }
  .hero-ellipsis-vertical {
    --hero-ellipsis-vertical: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%206.75a.75.75%200%201%201%200-1.5.75.75%200%200%201%200%201.5ZM12%2012.75a.75.75%200%201%201%200-1.5.75.75%200%200%201%200%201.5ZM12%2018.75a.75.75%200%201%201%200-1.5.75.75%200%200%201%200%201.5Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-ellipsis-vertical);
    mask: var(--hero-ellipsis-vertical);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-exclamation-circle {
    --hero-exclamation-circle: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%209v3.75m9-.75a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Zm-9%203.75h.008v.008H12v-.008Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-exclamation-circle);
    mask: var(--hero-exclamation-circle);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-information-circle {
    --hero-information-circle: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m11.25%2011.25.041-.02a.75.75%200%200%201%201.063.852l-.708%202.836a.75.75%200%200%200%201.063.853l.041-.021M21%2012a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Zm-9-3.75h.008v.008H12V8.25Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-information-circle);
    mask: var(--hero-information-circle);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-magnifying-glass {
    --hero-magnifying-glass: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m21%2021-5.197-5.197m0%200A7.5%207.5%200%201%200%205.196%205.196a7.5%207.5%200%200%200%2010.607%2010.607Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-magnifying-glass);
    mask: var(--hero-magnifying-glass);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-microphone {
    --hero-microphone: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%2018.75a6%206%200%200%200%206-6v-1.5m-6%207.5a6%206%200%200%201-6-6v-1.5m6%207.5v3.75m-3.75%200h7.5M12%2015.75a3%203%200%200%201-3-3V4.5a3%203%200%201%201%206%200v8.25a3%203%200%200%201-3%203Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-microphone);
    mask: var(--hero-microphone);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-moon-micro {
    --hero-moon-micro: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20d%3D%22M14.438%2010.148c.19-.425-.321-.787-.748-.601A5.5%205.5%200%200%201%206.453%202.31c.186-.427-.176-.938-.6-.748a6.501%206.501%200%201%200%208.585%208.586Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-moon-micro);
    mask: var(--hero-moon-micro);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1rem;
    height: 1rem;
  }
  .hero-pencil {
    --hero-pencil: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m16.862%204.487%201.687-1.688a1.875%201.875%200%201%201%202.652%202.652L6.832%2019.82a4.5%204.5%200%200%201-1.897%201.13l-2.685.8.8-2.685a4.5%204.5%200%200%201%201.13-1.897L16.863%204.487Zm0%200L19.5%207.125%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-pencil);
    mask: var(--hero-pencil);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-photo {
    --hero-photo: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m2.25%2015.75%205.159-5.159a2.25%202.25%200%200%201%203.182%200l5.159%205.159m-1.5-1.5%201.409-1.409a2.25%202.25%200%200%201%203.182%200l2.909%202.909m-18%203.75h16.5a1.5%201.5%200%200%200%201.5-1.5V6a1.5%201.5%200%200%200-1.5-1.5H3.75A1.5%201.5%200%200%200%202.25%206v12a1.5%201.5%200%200%200%201.5%201.5Zm10.5-11.25h.008v.008h-.008V8.25Zm.375%200a.375.375%200%201%201-.75%200%20.375.375%200%200%201%20.75%200Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-photo);
    mask: var(--hero-photo);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-sun-micro {
    --hero-sun-micro: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20d%3D%22M8%201a.75.75%200%200%201%20.75.75v1.5a.75.75%200%200%201-1.5%200v-1.5A.75.75%200%200%201%208%201ZM10.5%208a2.5%202.5%200%201%201-5%200%202.5%202.5%200%200%201%205%200ZM12.95%204.11a.75.75%200%201%200-1.06-1.06l-1.062%201.06a.75.75%200%200%200%201.061%201.062l1.06-1.061ZM15%208a.75.75%200%200%201-.75.75h-1.5a.75.75%200%200%201%200-1.5h1.5A.75.75%200%200%201%2015%208ZM11.89%2012.95a.75.75%200%200%200%201.06-1.06l-1.06-1.062a.75.75%200%200%200-1.062%201.061l1.061%201.06ZM8%2012a.75.75%200%200%201%20.75.75v1.5a.75.75%200%200%201-1.5%200v-1.5A.75.75%200%200%201%208%2012ZM5.172%2011.89a.75.75%200%200%200-1.061-1.062L3.05%2011.89a.75.75%200%201%200%201.06%201.06l1.06-1.06ZM4%208a.75.75%200%200%201-.75.75h-1.5a.75.75%200%200%201%200-1.5h1.5A.75.75%200%200%201%204%208ZM4.11%205.172A.75.75%200%200%200%205.173%204.11L4.11%203.05a.75.75%200%201%200-1.06%201.06l1.06%201.06Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-sun-micro);
    mask: var(--hero-sun-micro);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1rem;
    height: 1rem;
  }
  .hero-trash {
    --hero-trash: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m14.74%209-.346%209m-4.788%200L9.26%209m9.968-3.21c.342.052.682.107%201.022.166m-1.022-.165L18.16%2019.673a2.25%202.25%200%200%201-2.244%202.077H8.084a2.25%202.25%200%200%201-2.244-2.077L4.772%205.79m14.456%200a48.108%2048.108%200%200%200-3.478-.397m-12%20.562c.34-.059.68-.114%201.022-.165m0%200a48.11%2048.11%200%200%201%203.478-.397m7.5%200v-.916c0-1.18-.91-2.164-2.09-2.201a51.964%2051.964%200%200%200-3.32%200c-1.18.037-2.09%201.022-2.09%202.201v.916m7.5%200a48.667%2048.667%200%200%200-7.5%200%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-trash);
    mask: var(--hero-trash);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-user-minus {
    --hero-user-minus: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M22%2010.5h-6m-2.25-4.125a3.375%203.375%200%201%201-6.75%200%203.375%203.375%200%200%201%206.75%200ZM4%2019.235v-.11a6.375%206.375%200%200%201%2012.75%200v.109A12.318%2012.318%200%200%201%2010.374%2021c-2.331%200-4.512-.645-6.374-1.766Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-user-minus);
    mask: var(--hero-user-minus);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-users {
    --hero-users: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M15%2019.128a9.38%209.38%200%200%200%202.625.372%209.337%209.337%200%200%200%204.121-.952%204.125%204.125%200%200%200-7.533-2.493M15%2019.128v-.003c0-1.113-.285-2.16-.786-3.07M15%2019.128v.106A12.318%2012.318%200%200%201%208.624%2021c-2.331%200-4.512-.645-6.374-1.766l-.001-.109a6.375%206.375%200%200%201%2011.964-3.07M12%206.375a3.375%203.375%200%201%201-6.75%200%203.375%203.375%200%200%201%206.75%200Zm8.25%202.25a2.625%202.625%200%201%201-5.25%200%202.625%202.625%200%200%201%205.25%200Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-users);
    mask: var(--hero-users);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-x-mark {
    --hero-x-mark: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M6%2018%2018%206M6%206l12%2012%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-x-mark);
    mask: var(--hero-x-mark);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-full {
    height: 100%;
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-full {
    width: 100%;
  }
  .max-w-xl {
    max-width: var(--container-xl);
  }
  .shrink {
    flex-shrink: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .translate-y-0 {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-4 {
    --tw-translate-y: calc(var(--spacing) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .items-center {
    align-items: center;
  }
  .justify-between {
    justify-content: space-between;
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }
  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }
  .self-start {
    align-self: flex-start;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .bg-\[var\(--xamt-accent-2\)\] {
    background-color: var(--xamt-accent-2);
  }
  .bg-\[var\(--xamt-bg-2\)\] {
    background-color: var(--xamt-bg-2);
  }
  .fill-\[color\:color-mix\(in_srgb\,var\(--xamt-text\)_40\%\,transparent\)\] {
    fill: var(--xamt-text);
    @supports (color: color-mix(in lab, red, red)) {
      fill: color-mix(in srgb,var(--xamt-text) 40%,transparent);
    }
  }
  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-\[2rem\] {
    font-size: 2rem;
  }
  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }
  .leading-7 {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }
  .leading-10 {
    --tw-leading: calc(var(--spacing) * 10);
    line-height: calc(var(--spacing) * 10);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-tighter {
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
  }
  .text-balance {
    text-wrap: balance;
  }
  .text-\[color\:color-mix\(in_srgb\,var\(--xamt-text\)_70\%\,transparent\)\] {
    color: var(--xamt-text);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in srgb,var(--xamt-text) 70%,transparent);
    }
  }
  .text-\[color\:color-mix\(in_srgb\,var\(--xamt-text\)_80\%\,transparent\)\] {
    color: var(--xamt-text);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in srgb,var(--xamt-text) 80%,transparent);
    }
  }
  .text-\[var\(--xamt-bg\)\] {
    color: var(--xamt-bg);
  }
  .text-\[var\(--xamt-text\)\] {
    color: var(--xamt-text);
  }
  .underline {
    text-decoration-line: underline;
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-40 {
    opacity: 40%;
  }
  .opacity-75 {
    opacity: 75%;
  }
  .opacity-100 {
    opacity: 100%;
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .group-hover\:bg-\[var\(--xamt-bg-3\)\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--xamt-bg-3);
      }
    }
  }
  .group-hover\:fill-\[var\(--xamt-text\)\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        fill: var(--xamt-text);
      }
    }
  }
  .group-hover\:opacity-70 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 70%;
      }
    }
  }
  .hover\:cursor-pointer {
    &:hover {
      @media (hover: hover) {
        cursor: pointer;
      }
    }
  }
  .hover\:bg-\[var\(--xamt-bg-2\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--xamt-bg-2);
      }
    }
  }
  .hover\:text-\[var\(--xamt-text\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--xamt-text);
      }
    }
  }
  .hover\:opacity-100 {
    &:hover {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .motion-safe\:animate-spin {
    @media (prefers-reduced-motion: no-preference) {
      animation: var(--animate-spin);
    }
  }
  .sm\:w-auto {
    @media (width >= 40rem) {
      width: auto;
    }
  }
  .sm\:translate-y-0 {
    @media (width >= 40rem) {
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .sm\:scale-95 {
    @media (width >= 40rem) {
      --tw-scale-x: 95%;
      --tw-scale-y: 95%;
      --tw-scale-z: 95%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .sm\:scale-100 {
    @media (width >= 40rem) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .sm\:grid-cols-2 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-3 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .sm\:flex-col {
    @media (width >= 40rem) {
      flex-direction: column;
    }
  }
  .sm\:px-6 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .sm\:py-6 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 6);
    }
  }
  .sm\:py-28 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 28);
    }
  }
  .sm\:group-hover\:scale-105 {
    @media (width >= 40rem) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          --tw-scale-x: 105%;
          --tw-scale-y: 105%;
          --tw-scale-z: 105%;
          scale: var(--tw-scale-x) var(--tw-scale-y);
        }
      }
    }
  }
  .lg\:mx-0 {
    @media (width >= 64rem) {
      margin-inline: calc(var(--spacing) * 0);
    }
  }
  .lg\:block {
    @media (width >= 64rem) {
      display: block;
    }
  }
  .lg\:px-8 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .xl\:left-\[50rem\] {
    @media (width >= 80rem) {
      left: 50rem;
    }
  }
  .xl\:px-28 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 28);
    }
  }
  .xl\:py-32 {
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing) * 32);
    }
  }
}
[data-phx-session], [data-phx-teleported-src] {
  display: contents;
}
@font-face {
  font-family: "Oyun Qagan Tig";
  src: url("/fonts/OyunQaganTig.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Mongol Fallback";
  src: local("Noto Sans Mongolian"), local("Mongolian Baiti"), local("serif");
  size-adjust: 108%;
  ascent-override: 90%;
  descent-override: 22%;
  line-gap-override: 0%;
}
:root {
  --xamt-font-mongol: "Oyun Qagan Tig", "Mongol Fallback", "Noto Sans Mongolian", "Mongolian Baiti",
    "Menksoft Qagan", serif;
  --xamt-font-ui: "IBM Plex Sans", "Source Sans 3", "Noto Sans", sans-serif;
  --xamt-bg: #f4efe4;
  --xamt-bg-2: #fbf7ee;
  --xamt-bg-3: #e7dfcf;
  --xamt-line: rgba(120, 95, 50, 0.2);
  --xamt-line-strong: rgba(120, 95, 50, 0.38);
  --xamt-text: #1c221e;
  --xamt-muted: #5f6a5c;
  --xamt-accent: #2f7d5f;
  --xamt-accent-2: #8a6a2c;
  --xamt-accent-soft: rgba(47, 125, 95, 0.14);
  --xamt-gold-soft: rgba(138, 106, 44, 0.12);
  --xamt-shadow: 0 18px 44px rgba(72, 58, 32, 0.16);
  --xamt-shade: #cfc6b2;
  --xamt-glow-1: #bfdac9;
  --xamt-glow-2: #ead9b8;
  --xamt-glow-3: #cfe0d4;
  --xamt-paper: var(--xamt-bg);
  --xamt-paper-ink: var(--xamt-text);
  --xamt-radius: 0.95rem;
  --mgl-ime-font: var(--xamt-font-mongol);
  color-scheme: light;
  --xamt-vh: 100svh;
  --xamt-ime-kb: 0px;
  --xamt-safe-top: env(safe-area-inset-top, 0px);
  --xamt-safe-right: env(safe-area-inset-right, 0px);
  --xamt-safe-bottom: env(safe-area-inset-bottom, 0px);
  --xamt-safe-left: env(safe-area-inset-left, 0px);
  --xamt-field-extent: clamp(7rem, calc(var(--xamt-vh) - var(--xamt-ime-kb) - 11rem), 16rem);
  --xamt-field-extent-lg: clamp(8rem, calc(var(--xamt-vh) - var(--xamt-ime-kb) - 10rem), 18rem);
  --xamt-leftnav-w: 4.75rem;
  --xamt-toolbar-w: 3.15rem;
  --xamt-z-jump: 15;
  --xamt-z-settings: 20;
  --xamt-z-drawer-backdrop: 25;
  --xamt-z-drawer: 30;
  --xamt-z-nav: 40;
  --xamt-z-sheet: 45;
  --xamt-z-toast: 50;
  --xamt-z-mention: 10050;
}
:root.dark {
  --xamt-bg: #101412;
  --xamt-bg-2: #181e1c;
  --xamt-bg-3: #232b28;
  --xamt-line: rgba(201, 165, 106, 0.16);
  --xamt-line-strong: rgba(201, 165, 106, 0.32);
  --xamt-text: #f1eee6;
  --xamt-muted: #9aa396;
  --xamt-accent: #4aa584;
  --xamt-accent-2: #c9a56a;
  --xamt-accent-soft: rgba(74, 165, 132, 0.16);
  --xamt-gold-soft: rgba(201, 165, 106, 0.14);
  --xamt-shadow: 0 18px 44px rgba(0, 0, 0, 0.38);
  --xamt-shade: #0d1110;
  --xamt-glow-1: #2a4a3e;
  --xamt-glow-2: #3d3220;
  --xamt-glow-3: #1c2e28;
  color-scheme: dark;
}
@supports (height: 100dvh) {
  :root {
    --xamt-vh: 100dvh;
  }
}
*, *::before, *::after {
  box-sizing: border-box;
}
html, body {
  margin: 0;
  height: var(--xamt-vh);
  overflow: hidden;
}
body {
  min-height: var(--xamt-vh);
  font-family: var(--xamt-font-mongol);
  font-size: 17px;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  background: radial-gradient(1100px 640px at 8% -12%, var(--xamt-glow-1) 0%, transparent 58%), radial-gradient(860px 520px at 96% 4%, var(--xamt-glow-2) 0%, transparent 52%), radial-gradient(700px 380px at 70% 110%, var(--xamt-glow-3) 0%, transparent 55%), var(--xamt-bg);
  color: var(--xamt-text);
}
:focus-visible {
  outline: 2px solid var(--xamt-accent-2);
  outline-offset: 2px;
}
* {
  scrollbar-width: thin;
  scrollbar-color: var(--xamt-bg-3) transparent;
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: var(--xamt-bg-3);
  border-radius: 999px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--xamt-accent);
}
@media (pointer: coarse) {
  * {
    scrollbar-width: none;
  }
  ::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
}
::selection {
  background: var(--xamt-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--xamt-accent) 28%, transparent);
  }
  color: var(--xamt-accent-2);
}
.mongol-text, .mongol-input, .xamt-message__content, .xamt-composer__editor, .xamt-server-card__name, .xamt-rail__title {
  font-family: var(--xamt-font-mongol);
}
.mongol-text, .xamt-message__content {
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  text-orientation: mixed;
  line-height: 1.75;
  letter-spacing: 0.06em;
}
.latin-text, .xamt-latin, .xamt-toast, .xamt-theme-toggle, .xamt-link-preview {
  writing-mode: horizontal-tb;
  -webkit-writing-mode: horizontal-tb;
  font-family: var(--xamt-font-ui);
}
.xamt-upright {
  writing-mode: horizontal-tb;
  -webkit-writing-mode: horizontal-tb;
  display: inline-block;
  font-family: var(--xamt-font-ui);
  font-variant-numeric: lining-nums tabular-nums;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
}
.xamt-upright--combine {
  writing-mode: inherit;
  -webkit-writing-mode: inherit;
  display: inline;
  text-combine-upright: all;
  -webkit-text-combine: horizontal;
}
.mongol-input, .xamt-input, .xamt-select, .xamt-textarea {
  font-family: var(--xamt-font-mongol);
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  text-orientation: mixed;
  block-size: 2.75rem;
  inline-size: var(--xamt-field-extent);
  max-inline-size: 100%;
}
textarea.mongol-input, .xamt-textarea, textarea.xamt-input {
  block-size: 7rem;
  inline-size: var(--xamt-field-extent-lg);
  resize: block;
}
.xamt-input--latin, input[type="email"], input[type="password"], input[type="tel"] {
  font-family: var(--xamt-font-ui);
}
.xamt-shell {
  display: flex;
  flex-direction: row;
  height: calc(var(--xamt-vh) - var(--xamt-ime-kb));
  min-height: 0;
  box-sizing: border-box;
  padding: var(--xamt-safe-top) var(--xamt-safe-right) var(--xamt-safe-bottom) var(--xamt-safe-left);
}
body.mgl-ime-mobile-open .xamt-shell {
  padding-bottom: 0;
}
canvas.xamt-topbar {
  pointer-events: none;
}
.xamt-leftnav {
  flex: 0 0 var(--xamt-leftnav-w);
  width: var(--xamt-leftnav-w);
  align-self: stretch;
  min-height: 0;
  border-right: 1px solid var(--xamt-line);
  background: var(--xamt-bg-2);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--xamt-bg-2) 78%, transparent);
  }
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  z-index: var(--xamt-z-nav);
  padding: 1.25rem 0 1rem;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.xamt-leftnav__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  gap: 0.85rem;
}
.xamt-leftnav__rule {
  width: 1.6rem;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--xamt-line-strong), transparent);
  flex: 0 0 auto;
}
.xamt-leftnav__links {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin: 0;
  padding: 0;
  align-items: center;
  flex: 1 1 auto;
  min-height: min-content;
}
.xamt-leftnav__links a {
  color: var(--xamt-muted);
  text-decoration: none;
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  text-orientation: mixed;
  font-size: 13px;
  padding: 0.75rem 0.45rem;
  border-radius: 0.55rem;
  transition: color 160ms ease, background-color 160ms ease, box-shadow 160ms ease;
}
.xamt-leftnav__links a:hover {
  color: var(--xamt-text);
  background: var(--xamt-gold-soft);
}
.xamt-leftnav__foot {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.35rem;
}
.xamt-main-content {
  flex: 1 1 auto;
  min-width: 0;
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
}
.xamt-main-content:not(:has(.xamt-app)) {
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  text-orientation: mixed;
  line-height: 1.65;
}
.xamt-page-inner {
  height: 100%;
  padding-inline: 1.75rem 2.25rem;
  padding-block: 1.5rem 4.5rem;
}
body:has(.xamt-app) .xamt-leftnav, body:has(.xamt-app) .xamt-shell > .xamt-leftnav {
  display: none;
}
body:has(.xamt-app) .xamt-main-content {
  padding: 0;
  height: 100%;
  writing-mode: horizontal-tb;
  -webkit-writing-mode: horizontal-tb;
}
body:has(.xamt-app) .xamt-shell {
  display: block;
}
body:has(.xamt-app) {
  overflow: hidden;
}
@media (max-width: 960px) {
  :root {
    --xamt-leftnav-w: 3.6rem;
  }
}
.xamt-auth-shell, .xamt-stack, .xamt-page-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
}
.xamt-auth-shell__inner, .xamt-stack__inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
}
.xamt-page-head {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: flex-start;
}
.xamt-page-head h1 {
  font-size: 1.65rem;
  font-weight: 600;
  margin: 0;
  letter-spacing: 0.04em;
}
.xamt-page-head__lede {
  color: var(--xamt-muted);
  font-size: 0.92rem;
  margin: 0;
  max-inline-size: 18rem;
}
.xamt-kicker {
  margin: 0;
  font-size: 0.78rem;
  letter-spacing: 0.18em;
  color: var(--xamt-accent-2);
}
.xamt-ornament {
  position: relative;
  display: block;
  width: 1px;
  height: 4.75rem;
  flex: 0 0 auto;
  background: linear-gradient( to bottom, transparent, var(--xamt-accent-2) 42%, var(--xamt-accent-2) 58%, transparent );
}
.xamt-ornament::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 7px;
  height: 7px;
  border: 1px solid var(--xamt-accent-2);
  transform: translate(-50%, -50%) rotate(45deg);
  background: var(--xamt-bg);
  box-shadow: 0 0 0 3px var(--xamt-bg);
}
.xamt-surface {
  border: 1px solid var(--xamt-line);
  border-radius: var(--xamt-radius);
  background: linear-gradient(160deg, var(--xamt-bg-3), transparent 42%), var(--xamt-bg-2);
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient(160deg, color-mix(in srgb, var(--xamt-bg-3) 55%, transparent), transparent 42%), color-mix(in srgb, var(--xamt-bg-2) 88%, transparent);
  }
  box-shadow: var(--xamt-shadow);
}
.xamt-brand {
  font-family: "Fraunces", "Iowan Old Style", "Palatino Linotype", serif;
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  text-orientation: mixed;
  font-size: clamp(2.35rem, 5.4vw, 3.85rem);
  letter-spacing: 0.16em;
  margin: 0;
  color: var(--xamt-accent-2);
  text-shadow: 0 10px 28px rgba(0, 0, 0, 0.28);
}
.xamt-brand-mark {
  display: grid;
  place-items: center;
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 0.85rem;
  background: linear-gradient(155deg, #5cb894 0%, var(--xamt-accent) 48%, #2a6a50 100%);
  color: #f7fff9;
  font-family: var(--xamt-font-ui);
  writing-mode: horizontal-tb;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-decoration: none;
  box-shadow: 0 0 0 1px var(--xamt-accent-2), 0 10px 22px rgba(0, 0, 0, 0.32);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--xamt-accent-2) 42%, transparent), 0 10px 22px rgba(0, 0, 0, 0.32);
  }
  transition: transform 160ms ease, box-shadow 160ms ease, filter 160ms ease;
}
.xamt-brand-mark:hover {
  transform: translateY(-1px);
  filter: brightness(1.06);
  box-shadow: 0 0 0 1px var(--xamt-accent-2), 0 14px 26px rgba(0, 0, 0, 0.38);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--xamt-accent-2) 62%, transparent), 0 14px 26px rgba(0, 0, 0, 0.38);
  }
}
.xamt-home {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  height: 100%;
  max-inline-size: none;
}
.xamt-home__hero {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
  padding-block-end: 1.75rem;
  border-block-end: 1px solid var(--xamt-line);
}
.xamt-home__title {
  font-size: 1.65rem;
  margin: 0;
  max-inline-size: 18rem;
}
.xamt-home__lead {
  color: var(--xamt-muted);
  max-inline-size: 22rem;
  margin: 0;
}
.xamt-home__panel {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.15rem;
  min-block-size: 0;
  flex: 0 0 auto;
}
.xamt-home__toolbar, .xamt-home__cta {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: flex-start;
  flex-wrap: wrap;
}
.xamt-settings__links {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  align-items: flex-start;
}
.xamt-home__cta {
  padding: 1.15rem 1rem;
  gap: 1rem;
}
.xamt-home__cta-copy {
  margin: 0;
  max-inline-size: 16rem;
  color: var(--xamt-muted);
}
.xamt-auth-intro {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
}
.xamt-auth-body {
  writing-mode: horizontal-tb;
  -webkit-writing-mode: horizontal-tb;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: stretch;
  width: min(22.5rem, calc(100vw - var(--xamt-leftnav-w) - 2.5rem));
  max-height: calc(var(--xamt-vh) - 2.5rem);
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0.15rem 0.1rem 0.15rem 0;
}
.xamt-auth-body .xamt-form, .xamt-auth-body .xamt-alert, .xamt-auth-body .xamt-divider {
  width: 100%;
  max-width: none;
  min-width: 0;
  writing-mode: horizontal-tb;
  -webkit-writing-mode: horizontal-tb;
}
.xamt-auth-body .xamt-form .xamt-btn, .xamt-auth-body .xamt-form button {
  writing-mode: horizontal-tb;
  -webkit-writing-mode: horizontal-tb;
  padding: 0.7rem 1rem;
}
.xamt-auth-body .xamt-input:not(.mongol-input), .xamt-auth-body .xamt-textarea:not(.mongol-input), .xamt-auth-body input[type="email"], .xamt-auth-body input[type="password"] {
  width: 100%;
  max-width: 100%;
  inline-size: 100%;
}
.xamt-auth-body .mongol-input {
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  width: auto;
  max-width: none;
  block-size: 2.85rem;
  inline-size: min(10rem, var(--xamt-field-extent));
}
.xamt-section-title {
  font-size: 1.25rem;
  margin: 0;
}
.xamt-theme-toggle {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  border: 1px solid var(--xamt-line);
  background: var(--xamt-bg-3);
  border-radius: 999px;
  writing-mode: horizontal-tb;
  -webkit-writing-mode: horizontal-tb;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
.xamt-theme-toggle__indicator {
  position: absolute;
  width: 33.333%;
  height: 100%;
  border-radius: 999px;
  border: 1px solid var(--xamt-line);
  background: var(--xamt-bg);
  left: 0;
  transition: left 180ms ease;
}
html[data-theme-mode="light"] .xamt-theme-toggle__indicator {
  left: 33.333%;
}
html[data-theme-mode="dark"] .xamt-theme-toggle__indicator {
  left: 66.666%;
}
html[data-theme-mode="system"] .xamt-theme-toggle__indicator {
  left: 0;
}
.xamt-theme-toggle button {
  display: flex;
  padding: 0.5rem;
  cursor: pointer;
  width: 33.333%;
  background: transparent;
  border: 0;
  color: inherit;
}
.xamt-leftnav .xamt-theme-toggle button {
  padding: 0.28rem;
}
.xamt-server-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.65rem;
}
.xamt-server-list__item {
  flex: 0 0 auto;
  display: flex;
}
.xamt-server-card {
  display: flex;
  flex-direction: row;
  gap: 0.7rem;
  align-items: center;
  padding: 0.95rem 0.85rem;
  border-radius: var(--xamt-radius);
  background: linear-gradient(160deg, var(--xamt-bg-3), transparent 50%), var(--xamt-bg-2);
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient(160deg, color-mix(in srgb, var(--xamt-bg-3) 70%, transparent), transparent 50%), var(--xamt-bg-2);
  }
  border: 1px solid var(--xamt-line);
  text-decoration: none;
  color: inherit;
  block-size: auto;
  inline-size: auto;
  max-inline-size: 18rem;
  min-block-size: 4.5rem;
  width: auto;
  height: auto;
  flex: 0 0 auto;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
  transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}
.xamt-server-card:hover {
  background: var(--xamt-bg-3);
  border-color: var(--xamt-accent-2);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--xamt-accent-2) 48%, var(--xamt-line));
  }
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.28);
  transform: translateX(2px);
}
.xamt-server-card__meta {
  display: flex;
  flex-direction: row;
  gap: 0.35rem;
  align-items: center;
  min-block-size: 0;
  overflow: hidden;
}
.xamt-server-card__name {
  max-inline-size: 14rem;
}
.xamt-server-card__slug {
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  text-orientation: mixed;
  color: var(--xamt-muted);
  font-size: 0.8rem;
}
.xamt-server-card__icon, .xamt-avatar, .xamt-server-dot {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.75rem;
  display: grid;
  place-items: center;
  background: linear-gradient(160deg, var(--xamt-bg-3), var(--xamt-accent));
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient(160deg, var(--xamt-bg-3), color-mix(in srgb, var(--xamt-accent) 22%, var(--xamt-bg-3)));
  }
  border: 1px solid var(--xamt-line);
  font-family: var(--xamt-font-mongol);
  flex: 0 0 auto;
  color: var(--xamt-accent-2);
}
.xamt-avatar--img, img.xamt-avatar, img.xamt-message__avatar {
  object-fit: cover;
  padding: 0;
  overflow: hidden;
}
.xamt-avatar--sm {
  width: 1.6rem;
  height: 1.6rem;
  font-size: 0.7rem;
  border-radius: 0.4rem;
}
.xamt-avatar--lg {
  width: 4.4rem;
  height: 4.4rem;
  font-size: 1.6rem;
  border-radius: 1.05rem;
  box-shadow: 0 0 0 1px var(--xamt-accent-2), 0 12px 24px rgba(0, 0, 0, 0.28);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--xamt-accent-2) 40%, transparent), 0 12px 24px rgba(0, 0, 0, 0.28);
  }
}
.xamt-empty {
  color: var(--xamt-muted);
}
.xamt-empty--card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.85rem;
  padding: 1.1rem 0.95rem;
  border: 1px dashed var(--xamt-line-strong);
  border-radius: var(--xamt-radius);
  background: var(--xamt-bg-2);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--xamt-bg-2) 55%, transparent);
  }
  max-inline-size: 16rem;
}
.xamt-empty--messages {
  flex: 1 1 auto;
  min-width: 8rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.85rem;
  padding: 1.25rem 1rem;
  color: var(--xamt-muted);
}
.xamt-profile, .xamt-settings {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.25rem;
  flex: 0 0 auto;
  max-block-size: none;
  max-inline-size: none;
  padding: 0;
}
.xamt-profile.xamt-surface {
  padding: 1.35rem 1.2rem;
  max-inline-size: none;
}
.xamt-profile__col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}
.xamt-profile__username {
  color: var(--xamt-muted);
  margin: 0;
}
.xamt-page-head__lede .xamt-profile__username {
  font-family: var(--xamt-font-ui);
}
.xamt-profile__bio {
  margin: 0;
  max-inline-size: 16rem;
  line-height: 1.75;
}
.xamt-profile__bio:not(.xamt-empty) {
  min-inline-size: 12rem;
}
.xamt-icon-btn {
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font-size: 1.1rem;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 0.45rem;
  display: grid;
  place-items: center;
  transition: background-color 150ms ease, color 150ms ease;
}
.xamt-icon-btn:hover {
  background: var(--xamt-bg-3);
  color: var(--xamt-accent-2);
}
@media (max-width: 960px) {
  :root {
    --xamt-leftnav-w: 3.6rem;
  }
  .xamt-icon-btn {
    min-width: 2.75rem;
    min-height: 2.75rem;
  }
  .xamt-btn, .xamt-icon-btn {
    touch-action: manipulation;
    -webkit-tap-highlight-color: var(--xamt-accent);
    @supports (color: color-mix(in lab, red, red)) {
      -webkit-tap-highlight-color: color-mix(in srgb, var(--xamt-accent) 18%, transparent);
    }
  }
}
@media (max-width: 640px) {
  :root {
    --xamt-leftnav-w: 3.1rem;
    --xamt-toolbar-w: 2.95rem;
  }
  .xamt-leftnav__links a {
    font-size: 12px;
    padding: 0.6rem 0.3rem;
  }
  .xamt-page-inner {
    padding-inline: 0.85rem 1.1rem;
    padding-block: 0.85rem 2rem;
  }
  .xamt-auth-shell, .xamt-stack, .xamt-page-inner {
    gap: 1rem;
  }
}
@keyframes xamt-drawer-in {
  from {
    transform: translateX(-12%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes xamt-drawer-in-right {
  from {
    transform: translateX(12%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
.xamt-btn {
  appearance: none;
  border: 1px solid var(--xamt-line);
  background: var(--xamt-bg-2);
  color: var(--xamt-text);
  border-radius: 0.7rem;
  padding: 0.95rem 0.6rem;
  cursor: pointer;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  align-self: start;
  position: relative;
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  text-orientation: mixed;
  font-family: inherit;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, box-shadow 160ms ease, filter 160ms ease;
}
.xamt-btn:hover {
  background: var(--xamt-bg-3);
  border-color: var(--xamt-line-strong);
}
.xamt-btn:active {
  filter: brightness(0.96);
}
.xamt-btn--primary {
  background: linear-gradient(160deg, #57b48c, var(--xamt-accent) 55%, #2f7a5c);
  border-color: transparent;
  color: #f4fff9;
  box-shadow: 0 10px 22px var(--xamt-accent);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 10px 22px color-mix(in srgb, var(--xamt-accent) 28%, transparent);
  }
}
.xamt-btn--primary:hover {
  background: linear-gradient(160deg, #63c197, #4aa584 55%, #348566);
  filter: brightness(1.04);
}
.xamt-btn--soft {
  background: var(--xamt-accent-soft);
  border-color: var(--xamt-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--xamt-accent) 38%, var(--xamt-line));
  }
  color: var(--xamt-text);
}
.xamt-btn--soft:hover {
  background: var(--xamt-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--xamt-accent) 28%, var(--xamt-bg-2));
  }
}
.xamt-btn--sm {
  padding: 0.55rem 0.4rem;
  font-size: 0.875rem;
}
.xamt-btn--block {
  align-self: stretch;
}
.xamt-input, .xamt-select, .xamt-textarea {
  border: 1px solid var(--xamt-line);
  background: var(--xamt-bg);
  color: var(--xamt-text);
  border-radius: 0.55rem;
  padding: 0.7rem 0.6rem;
  font-family: var(--xamt-font-mongol);
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  text-orientation: mixed;
  block-size: 2.75rem;
  inline-size: var(--xamt-field-extent);
  max-inline-size: 100%;
  box-sizing: border-box;
  flex: 0 0 auto;
}
textarea.xamt-textarea, textarea.xamt-input, textarea.mongol-input {
  block-size: 7rem;
  inline-size: var(--xamt-field-extent-lg);
  resize: block;
}
.xamt-input--latin, input[type="email"], input[type="password"], input[type="tel"] {
  font-family: var(--xamt-font-ui);
}
.xamt-input:focus, .xamt-select:focus, .xamt-textarea:focus {
  border-color: var(--xamt-accent-2);
  box-shadow: 0 0 0 3px var(--xamt-gold-soft);
  outline: none;
}
.xamt-input--error, .xamt-select--error, .xamt-textarea--error {
  border-color: #d46a6a;
}
.xamt-checkbox {
  width: 1rem;
  height: 1rem;
  accent-color: var(--xamt-accent);
  vertical-align: middle;
}
.xamt-field {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: flex-start;
  margin: 0;
}
.xamt-field__label {
  font-size: 0.85rem;
  color: var(--xamt-muted);
}
.xamt-field-error {
  margin-top: 0.25rem;
  display: flex;
  gap: 0.4rem;
  align-items: center;
  font-size: 0.875rem;
  color: #e08a8a;
}
.xamt-label {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: flex-start;
  margin: 0;
}
.xamt-link {
  color: var(--xamt-accent-2);
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px dashed var(--xamt-accent-2);
  @supports (color: color-mix(in lab, red, red)) {
    border-bottom: 1px dashed color-mix(in srgb, var(--xamt-accent-2) 55%, transparent);
  }
}
.xamt-link:hover {
  text-decoration: none;
  border-bottom-style: solid;
}
.xamt-link-hint {
  color: var(--xamt-accent-2);
  font-size: 0.9rem;
  align-self: start;
}
.xamt-toast {
  position: fixed;
  top: 1rem;
  right: 1rem;
  z-index: var(--xamt-z-toast);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  max-width: min(24rem, calc(100vw - 2rem));
  writing-mode: horizontal-tb;
  -webkit-writing-mode: horizontal-tb;
  font-family: var(--xamt-font-ui);
}
.xamt-alert {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.9rem 1.05rem;
  border-radius: 0.85rem;
  border: 1px solid var(--xamt-line);
  background: var(--xamt-bg-2);
  color: var(--xamt-text);
  box-shadow: var(--xamt-shadow);
  writing-mode: horizontal-tb;
  -webkit-writing-mode: horizontal-tb;
  font-family: var(--xamt-font-ui);
  max-width: min(22rem, calc(100vw - 7rem));
  max-inline-size: none;
}
.xamt-alert--info {
  border-color: #5aa7d9;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, #5aa7d9 55%, var(--xamt-line));
  }
  background: #5aa7d9;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, #5aa7d9 14%, var(--xamt-bg-2));
  }
}
.xamt-alert--error {
  border-color: #d46a6a;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, #d46a6a 55%, var(--xamt-line));
  }
  background: #d46a6a;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, #d46a6a 14%, var(--xamt-bg-2));
  }
}
.xamt-alert--warning {
  border-color: #d4a017;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, #d4a017 55%, var(--xamt-line));
  }
  background: #d4a017;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, #d4a017 14%, var(--xamt-bg-2));
  }
}
.xamt-alert--success {
  border-color: #3dcc8c;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, #3dcc8c 55%, var(--xamt-line));
  }
  background: #3dcc8c;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, #3dcc8c 14%, var(--xamt-bg-2));
  }
}
.xamt-alert--outline {
  background: transparent;
  box-shadow: none;
}
.xamt-divider {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 0.5rem 0;
  color: var(--xamt-muted);
  font-size: 0.875rem;
  writing-mode: horizontal-tb;
  -webkit-writing-mode: horizontal-tb;
  font-family: var(--xamt-font-ui);
  max-width: 22rem;
}
.xamt-divider::before, .xamt-divider::after {
  content: "";
  flex: 1;
  block-size: 1px;
  inline-size: auto;
  background: var(--xamt-line);
}
.xamt-stack > .xamt-divider {
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  text-orientation: mixed;
  font-family: var(--xamt-font-mongol);
  max-width: none;
  max-inline-size: 12rem;
  align-self: stretch;
  margin: 0;
}
.xamt-stack > .xamt-alert {
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  text-orientation: mixed;
  flex-direction: column;
  max-width: none;
  width: auto;
  inline-size: 16rem;
  max-inline-size: 16rem;
}
.xamt-stack > .xamt-alert .xamt-latin {
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  text-orientation: mixed;
}
.xamt-muted {
  color: var(--xamt-muted);
}
.xamt-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.925rem;
}
.xamt-table th, .xamt-table td {
  padding: 0.65rem 0.75rem;
  border-bottom: 1px solid var(--xamt-line);
  text-align: left;
}
.xamt-table tbody tr:nth-child(even) {
  background: var(--xamt-bg-2);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--xamt-bg-2) 70%, transparent);
  }
}
.xamt-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.65rem;
}
.xamt-list__row {
  padding: 0.75rem 0;
  border-bottom: 1px solid var(--xamt-line);
}
.xamt-form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.25rem;
  padding: 1.35rem 1.2rem;
  border: 1px solid var(--xamt-line);
  border-radius: var(--xamt-radius);
  background: linear-gradient(160deg, var(--xamt-bg-3), transparent 46%), var(--xamt-bg-2);
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient(160deg, color-mix(in srgb, var(--xamt-bg-3) 50%, transparent), transparent 46%), color-mix(in srgb, var(--xamt-bg-2) 90%, transparent);
  }
  box-shadow: var(--xamt-shadow);
  margin: 0;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}
.xamt-form--compact {
  padding: 0.55rem;
  gap: 0.55rem;
}
.xamt-form:has(input[type="email"]):not(.xamt-form--vertical), .xamt-form:has(input[type="password"]):not(.xamt-form--vertical) {
  writing-mode: horizontal-tb;
  -webkit-writing-mode: horizontal-tb;
  font-family: var(--xamt-font-ui);
  min-width: 18rem;
  max-width: 22rem;
  width: 22rem;
}
.xamt-form:has(input[type="email"]):not(.xamt-form--vertical) .xamt-field, .xamt-form:has(input[type="password"]):not(.xamt-form--vertical) .xamt-field, .xamt-form:has(input[type="email"]):not(.xamt-form--vertical) .xamt-label, .xamt-form:has(input[type="password"]):not(.xamt-form--vertical) .xamt-label {
  width: 100%;
}
.xamt-form:has(input[type="email"]):not(.xamt-form--vertical) .xamt-input:not(.mongol-input), .xamt-form:has(input[type="password"]):not(.xamt-form--vertical) .xamt-input:not(.mongol-input), .xamt-form:has(input[type="email"]):not(.xamt-form--vertical) .xamt-textarea:not(.mongol-input), .xamt-form:has(input[type="password"]):not(.xamt-form--vertical) .xamt-textarea:not(.mongol-input) {
  width: 100%;
  max-width: 100%;
  inline-size: 100%;
}
.xamt-form:has(input[type="email"]):not(.xamt-form--vertical) .xamt-btn, .xamt-form:has(input[type="password"]):not(.xamt-form--vertical) .xamt-btn, .xamt-form:has(input[type="email"]):not(.xamt-form--vertical) button, .xamt-form:has(input[type="password"]):not(.xamt-form--vertical) button {
  writing-mode: horizontal-tb;
  -webkit-writing-mode: horizontal-tb;
  padding: 0.7rem 1rem;
}
.xamt-form--vertical {
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  text-orientation: mixed;
  font-family: var(--xamt-font-mongol);
  width: auto;
  min-width: 0;
  max-width: none;
}
.xamt-form--vertical .xamt-field, .xamt-form--vertical .xamt-label {
  width: auto;
  max-width: none;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: flex-start;
}
.xamt-form--vertical .xamt-field > label {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: flex-start;
}
.xamt-form--vertical .xamt-field__label {
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  text-orientation: mixed;
}
.xamt-form--vertical .xamt-btn, .xamt-form--vertical button {
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  text-orientation: mixed;
  display: inline-block;
  padding: 0.95rem 0.6rem;
  text-align: center;
}
.xamt-form--vertical .xamt-input, .xamt-form--vertical .mongol-input, .xamt-form--vertical .xamt-select, .xamt-form--vertical input[type="text"], .xamt-form--vertical input[type="email"], .xamt-form--vertical input[type="password"], .xamt-form--vertical input[type="url"], .xamt-form--vertical input[type="tel"], .xamt-form--vertical .xamt-input--latin, .xamt-form--vertical textarea {
  writing-mode: vertical-lr !important;
  -webkit-writing-mode: vertical-lr !important;
  text-orientation: mixed;
  width: auto;
  max-width: none;
  height: auto;
  min-height: 0;
  block-size: 2.85rem;
  inline-size: var(--xamt-field-extent);
}
.xamt-form--vertical .mongol-input, .xamt-form--vertical input[type="text"]:not(.xamt-input--latin):not([type="email"]):not([type="password"]), .xamt-form--vertical textarea.mongol-input {
  font-family: var(--xamt-font-mongol);
}
.xamt-form--vertical input[type="email"], .xamt-form--vertical input[type="password"], .xamt-form--vertical input[type="tel"], .xamt-form--vertical .xamt-input--latin {
  font-family: var(--xamt-font-ui);
  letter-spacing: normal;
}
.xamt-form--vertical textarea, .xamt-form--vertical textarea.mongol-input, .xamt-form--vertical textarea.xamt-input {
  block-size: 7rem;
  inline-size: var(--xamt-field-extent-lg);
  resize: block;
}
.xamt-form--compact.xamt-form--vertical {
  padding: 0.7rem 0.55rem;
  gap: 0.7rem;
}
.xamt-form--compact.xamt-form--vertical .xamt-input, .xamt-form--compact.xamt-form--vertical .mongol-input, .xamt-form--compact.xamt-form--vertical input[type="text"], .xamt-form--compact.xamt-form--vertical input[type="email"], .xamt-form--compact.xamt-form--vertical input[type="password"] {
  inline-size: 10rem;
  block-size: 2.35rem;
}
.xamt-form__actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
}
.xamt-chat {
  position: relative;
  height: 100%;
  max-height: calc(var(--xamt-vh) - var(--xamt-ime-kb));
  overflow: hidden;
}
.xamt-app {
  writing-mode: horizontal-tb;
  -webkit-writing-mode: horizontal-tb;
  display: grid;
  grid-template-columns: 4.75rem 20rem minmax(0, 1fr);
  grid-template-rows: minmax(0, 100%);
  height: 100%;
  max-height: calc(var(--xamt-vh) - var(--xamt-ime-kb));
  overflow: hidden;
  font-family: var(--xamt-font-mongol);
  background: var(--xamt-bg);
}
.xamt-rail {
  writing-mode: horizontal-tb;
  -webkit-writing-mode: horizontal-tb;
  background: var(--xamt-bg-2);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--xamt-bg-2) 88%, var(--xamt-shade));
  }
  border-right: 1px solid var(--xamt-line);
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  height: 100%;
  overflow: hidden;
  box-sizing: border-box;
}
.xamt-rail--channels {
  position: relative;
  display: grid;
  grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
  grid-template-columns: minmax(0, 1fr);
  height: 100%;
  overflow: hidden;
}
.xamt-settings-panel {
  position: absolute;
  inset: 0;
  z-index: var(--xamt-z-settings);
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  text-orientation: mixed;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.85rem;
  padding: 0.95rem 0.85rem;
  background: var(--xamt-bg-2);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--xamt-bg-2) 96%, var(--xamt-shade));
  }
  box-shadow: var(--xamt-shadow);
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
  animation: xamt-fade-in 160ms ease;
}
.xamt-invite-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.xamt-invite {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.35rem;
  padding: 0.35rem 0.3rem;
  border: 1px solid var(--xamt-line);
  border-radius: 0.5rem;
  background: var(--xamt-bg);
  font-size: 0.75rem;
}
.xamt-invite code, .xamt-invite__uses {
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  text-orientation: mixed;
  font-family: var(--xamt-font-ui);
  color: var(--xamt-accent-2);
  flex: 0 0 auto;
  inline-size: max-content;
}
.xamt-invite__uses {
  color: var(--xamt-muted);
}
.xamt-rail__pane--top, .xamt-rail__pane--members {
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}
.xamt-rail__pane--top {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
  border-bottom: 1px solid var(--xamt-line);
}
.xamt-rail__pane--members {
  writing-mode: horizontal-tb;
  -webkit-writing-mode: horizontal-tb;
  display: flex;
  flex-direction: column;
}
.xamt-rail--servers {
  align-items: center;
  gap: 0.75rem;
  padding: 1.25rem 0.5rem 0.85rem;
}
.xamt-rail--servers .xamt-user-chip--rail {
  margin-top: auto;
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  text-orientation: mixed;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  min-height: 6.5rem;
  width: 100%;
  padding: 0.7rem 0.2rem 0.35rem;
  border-top: 1px solid var(--xamt-line);
  border-radius: 0;
}
.xamt-server-dot {
  text-decoration: none;
  color: inherit;
  width: 2.75rem;
  height: 2.75rem;
  transition: transform 160ms ease, box-shadow 160ms ease, outline-color 160ms ease;
}
.xamt-server-dot:hover {
  transform: translateY(-1px);
}
.xamt-server-dot.is-active {
  outline: 2px solid var(--xamt-accent-2);
  outline-offset: 2px;
  box-shadow: 0 0 0 5px var(--xamt-gold-soft);
}
.xamt-rail__header {
  flex: 0 0 auto;
  padding: 1.05rem 0.85rem;
  border-bottom: 1px solid var(--xamt-line);
  background: var(--xamt-bg-3);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--xamt-bg-3) 35%, transparent);
  }
}
.xamt-rail--channels .xamt-rail__header {
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  text-orientation: mixed;
  border-bottom: 0;
  border-right: 1px solid var(--xamt-line);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.45rem;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  box-sizing: border-box;
}
.xamt-rail__title {
  margin: 0;
  font-size: 1.15rem;
}
.xamt-rail__sub, .xamt-role {
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  text-orientation: mixed;
  color: var(--xamt-muted);
  font-size: 0.8rem;
  margin: 0.35rem 0 0;
  flex: 0 0 auto;
  inline-size: max-content;
}
.xamt-member > .mongol-text {
  flex: 0 0 auto;
  inline-size: max-content;
}
.xamt-rail--channels .xamt-rail__sub {
  margin: 0;
  font-family: var(--xamt-font-ui);
}
.xamt-rail__section {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
  padding: 0.85rem 0.75rem;
}
.xamt-rail--channels .xamt-rail__section {
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  text-orientation: mixed;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
  height: 100%;
  min-height: 0;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
}
.xamt-rail__pane--members .xamt-rail__section {
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  text-orientation: mixed;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
}
.xamt-rail__section-head {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  color: var(--xamt-muted);
  font-size: 0.75rem;
  letter-spacing: 0.06em;
  margin: 0;
  flex: 0 0 auto;
}
.xamt-rail--channels .xamt-channel-nav, .xamt-rail--channels .xamt-member-list {
  align-self: stretch;
  height: 100%;
  min-height: 0;
  flex: 1 1 auto;
}
.xamt-rail__footer {
  flex: 0 0 auto;
  padding: 0.75rem;
  border-top: 1px solid var(--xamt-line);
}
.xamt-user-chip {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
  color: inherit;
  text-decoration: none;
  min-width: 0;
  padding: 0.35rem;
  border-radius: 0.7rem;
  transition: background-color 150ms ease;
}
.xamt-user-chip:hover {
  background: var(--xamt-bg-3);
}
.xamt-channel-nav, .xamt-member-list {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: flex-start;
  align-items: flex-start;
  gap: 0.35rem;
  height: auto;
  max-height: none;
  padding: 0;
  margin: 0;
  list-style: none;
}
.xamt-channel-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.2rem;
  flex: 0 0 auto;
  height: 100%;
  min-height: 0;
}
.xamt-channel-item .xamt-channel-link {
  flex: 1 1 auto;
  min-height: 0;
  height: auto;
}
.xamt-menu {
  position: relative;
  flex: 0 0 auto;
  z-index: 1;
}
.xamt-menu {
  position: relative;
  flex: 0 0 auto;
}
.xamt-menu > summary {
  list-style: none;
  cursor: pointer;
}
.xamt-menu > summary::-webkit-details-marker {
  display: none;
}
.xamt-menu > summary.xamt-icon-btn {
  min-width: 2.75rem;
  min-height: 2.75rem;
}
.xamt-menu__list {
  display: none;
  flex-direction: row;
  align-items: center;
  gap: 0.1rem;
}
.xamt-menu[open] > .xamt-menu__list {
  display: flex;
}
.xamt-server-menu__summary {
  appearance: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  list-style: none;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.3rem;
}
.xamt-server-menu__summary:hover .xamt-rail__title {
  color: var(--xamt-accent-2);
}
.xamt-server-menu-sheet__slug, .xamt-server-menu-sheet__desc {
  margin: 0;
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  text-orientation: mixed;
}
.xamt-server-menu-sheet__slug {
  color: var(--xamt-muted);
  font-size: 0.8rem;
  font-family: var(--xamt-font-ui);
}
.xamt-server-menu-sheet__desc {
  color: var(--xamt-text);
  font-size: 0.92rem;
  max-block-size: 18rem;
}
.xamt-server-menu-sheet__nav {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
}
.xamt-channel-link, .xamt-member {
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  text-orientation: mixed;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.35rem;
  padding: 0.5rem 0.4rem;
  border-radius: 0.55rem;
  color: var(--xamt-text);
  text-decoration: none;
  background: transparent;
  flex: 0 0 auto;
  box-sizing: border-box;
  min-height: 6rem;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  transition: background-color 150ms ease, box-shadow 150ms ease;
}
.xamt-channel-link.is-active, .xamt-channel-link:hover {
  background: var(--xamt-bg-3);
}
.xamt-channel-link.is-active {
  box-shadow: inset 0 0 0 1px var(--xamt-accent-2);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--xamt-accent-2) 35%, transparent);
  }
}
.xamt-channel-link.has-unread:not(.is-active) {
  color: var(--xamt-text);
}
.xamt-member:hover {
  background: var(--xamt-bg-3);
}
.xamt-channel-hash {
  color: var(--xamt-muted);
}
.xamt-unread-dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 999px;
  background: #ef4444;
  flex: 0 0 auto;
}
.xamt-scroll-sentinel {
  width: 0.55rem;
  min-height: 4rem;
  flex: 0 0 auto;
  border-radius: 0.4rem;
  background: linear-gradient( 180deg, var(--xamt-bg-3), var(--xamt-bg-2), var(--xamt-bg-3) );
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient( 180deg, var(--xamt-bg-3), color-mix(in srgb, var(--xamt-bg-2) 40%, var(--xamt-bg-3)), var(--xamt-bg-3) );
  }
  background-size: 100% 200%;
  animation: xamt-shimmer 1.4s linear infinite;
}
@keyframes xamt-shimmer {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 100%;
  }
}
.xamt-table__actions {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
}
.xamt-main {
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  text-orientation: mixed;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  height: 100%;
  overflow: hidden;
  background: radial-gradient( 80% 60% at 0% 0%, var(--xamt-glow-1), transparent 55% ), var(--xamt-bg);
  @supports (color: color-mix(in lab, red, red)) {
    background: radial-gradient( 80% 60% at 0% 0%, color-mix(in srgb, var(--xamt-glow-1) 28%, transparent), transparent 55% ), color-mix(in srgb, var(--xamt-bg) 86%, var(--xamt-shade));
  }
}
.xamt-main__header {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 0.85rem;
  border-right: 1px solid var(--xamt-line);
  background: var(--xamt-bg-2);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--xamt-bg-2) 55%, transparent);
  }
}
.xamt-chat-window {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.xamt-main__title {
  margin: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.35rem;
}
.xamt-mobile-nav__btn, .xamt-search__toggle {
  display: none;
}
.xamt-drawer-backdrop {
  display: none;
  position: absolute;
  inset: 0;
  z-index: var(--xamt-z-drawer-backdrop);
  border: 0;
  padding: 0;
  background: var(--xamt-shade);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--xamt-shade) 55%, transparent);
  }
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  animation: xamt-fade-in 180ms ease;
}
@keyframes xamt-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.xamt-mobile-nav__btn {
  border: 1px solid var(--xamt-line);
  background: var(--xamt-bg-2);
  color: inherit;
  border-radius: 0.55rem;
  padding: 0.4rem 0.5rem;
  place-items: center;
  cursor: pointer;
  transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;
}
.xamt-mobile-nav__btn:hover, .xamt-mobile-nav__btn[aria-expanded="true"] {
  background: var(--xamt-bg-3);
  border-color: var(--xamt-line-strong);
  color: var(--xamt-accent-2);
}
.xamt-app--panel-channels .xamt-mobile-nav__menu, .xamt-app--panel-servers .xamt-mobile-nav__menu, .xamt-app--panel-members .xamt-mobile-nav__members {
  background: var(--xamt-accent-soft);
  border-color: var(--xamt-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--xamt-accent) 48%, var(--xamt-line));
  }
}
.xamt-composer-wrap {
  position: relative;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.55rem;
  min-height: 0;
  height: 100%;
  border-left: 1px solid var(--xamt-line);
  padding: 0.95rem;
  background: var(--xamt-bg-2);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--xamt-bg-2) 72%, transparent);
  }
  box-sizing: border-box;
}
.xamt-composer__peek {
  display: none;
}
#message-composer {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
}
.xamt-composer-wrap.phx-drop-target-active {
  outline: 2px dashed var(--xamt-accent);
  outline-offset: -2px;
  background: var(--xamt-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--xamt-accent) 8%, transparent);
  }
  transition: background 150ms ease, outline-color 150ms ease;
}
.xamt-upload-preview {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  padding: 0.5rem;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
  border-bottom: 1px solid var(--xamt-line);
}
.xamt-upload-preview__item {
  position: relative;
  width: 4rem;
  height: 4rem;
  flex-shrink: 0;
  border-radius: 0.5rem;
  overflow: hidden;
  background: var(--xamt-bg-3, rgba(0, 0, 0, 0.12));
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.xamt-upload-preview__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.xamt-upload-preview__progress {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0.2rem;
  background: var(--xamt-accent);
  transition: width 120ms ease;
}
.xamt-upload-preview__cancel {
  position: absolute;
  top: 0.2rem;
  right: 0.2rem;
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 9999px;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  cursor: pointer;
  transition: background 150ms ease;
}
.xamt-upload-preview__cancel:hover {
  background: #dc2626;
}
.xamt-message__content .editor-image {
  display: block;
  margin: 0.35rem 0;
}
.xamt-message__content .editor-image img {
  max-width: 12rem;
  max-height: 12rem;
  border-radius: 0.5rem;
  object-fit: contain;
}
.xamt-mention-picker {
  position: fixed;
  z-index: var(--xamt-z-mention);
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  text-orientation: mixed;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.35rem;
  min-inline-size: 8rem;
  max-inline-size: min(18rem, calc(var(--xamt-vh) - 2rem));
  max-block-size: min(10rem, 40vw);
  overflow: auto;
  padding: 0.55rem 0.45rem;
  border: 1px solid var(--xamt-line-strong);
  border-radius: var(--xamt-radius);
  background: var(--xamt-bg-2);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--xamt-bg-2) 96%, var(--xamt-shade));
  }
  box-shadow: var(--xamt-shadow);
  animation: xamt-fade-in 140ms ease;
  font-family: var(--xamt-font-mongol);
}
.xamt-mention-picker[hidden] {
  display: none;
}
.xamt-mention-picker__row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.45rem;
  padding: 0.4rem 0.35rem;
  border: 0;
  border-radius: 0.45rem;
  background: transparent;
  color: inherit;
  cursor: pointer;
  text-align: start;
  font: inherit;
}
.xamt-mention-picker__row:hover, .xamt-mention-picker__row.is-selected {
  background: var(--xamt-accent-soft);
}
.xamt-mention-picker__avatar {
  flex: 0 0 auto;
}
.xamt-mention-picker__name {
  flex: 1 1 auto;
  min-inline-size: 0;
}
.xamt-mention-picker__handle {
  flex: 0 0 auto;
  color: var(--xamt-muted);
  font-size: 0.85rem;
}
.xamt-composer__editor {
  --border-color: var(--xamt-line);
  --bg-color: var(--xamt-bg);
  --accent: var(--xamt-accent);
  --callout-bg: var(--xamt-gold-soft);
  --callout-border: var(--xamt-line-strong);
  inline-size: 100%;
  block-size: 12rem;
  min-block-size: 8rem;
  max-block-size: 14rem;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
  border: 1px solid var(--xamt-line);
  border-radius: 0.85rem;
  background: var(--xamt-bg);
  color: var(--xamt-text);
  caret-color: var(--xamt-accent);
  box-shadow: none;
  transition: border-color 160ms ease, box-shadow 160ms ease, block-size 180ms ease, min-block-size 180ms ease, max-block-size 180ms ease;
}
.xamt-composer__editor:focus-within {
  border-color: var(--xamt-accent-2);
  box-shadow: 0 0 0 3px var(--xamt-gold-soft);
}
.xamt-composer__editor .mgl-editor-scope, .xamt-composer__editor .mgl-editor-scope .editor-container {
  height: 100%;
  width: 100%;
  max-width: none;
  margin: 0;
  border: 0;
  box-shadow: none;
  border-radius: 0.75rem;
  background: transparent !important;
  color: inherit;
  overflow: hidden;
}
.xamt-composer__editor .mgl-editor-scope .toolbar, .xamt-composer__editor .mgl-editor-scope .toolbar-sep, .xamt-composer__editor .mgl-editor-scope .image-size-controls {
  display: none !important;
}
.xamt-composer__editor .mgl-editor-scope .editor-content {
  min-height: 0;
  height: 100%;
  width: 100%;
  padding: 0.85rem 0.55rem;
  font-family: var(--xamt-font-mongol);
  font-size: 1.05rem;
  background: transparent !important;
  color: var(--xamt-text);
  caret-color: var(--xamt-accent);
}
.xamt-composer__editor .mgl-editor-scope .block-content {
  color: inherit;
}
.xamt-composer__editor .mgl-editor-scope .block-children {
  border-top-color: var(--xamt-line);
}
.xamt-composer__toolbar {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: flex-start;
  flex: 0 0 auto;
}
#audio-form {
  display: flex;
  flex: 0 0 auto;
  position: relative;
}
.xamt-record-btn.is-recording {
  color: #ef4444;
  border-color: #ef4444;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, #ef4444 45%, var(--xamt-line));
  }
  animation: xamt-record-pulse 1.1s ease-in-out infinite;
}
#audio-form.phx-submit-loading .xamt-record-btn {
  pointer-events: none;
  opacity: 0.55;
}
@keyframes xamt-record-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.45;
  }
}
.xamt-presence {
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 999px;
  background: #667788;
  flex: 0 0 auto;
}
.xamt-presence.is-online {
  background: #3dcc8c;
}
.xamt-sheet {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: var(--xamt-vh);
  z-index: var(--xamt-z-sheet);
}
.xamt-sheet.hidden {
  display: none;
}
.xamt-sheet__bg {
  appearance: none;
  position: absolute;
  inset: 0;
  margin: 0;
  padding: 0;
  border: 0;
  cursor: pointer;
  background: color-mix(in srgb, #000 42%, transparent);
  backdrop-filter: blur(4px);
  opacity: 0;
  transition: opacity 280ms ease;
}
.xamt-sheet.is-open .xamt-sheet__bg {
  opacity: 1;
}
.xamt-sheet__frame {
  position: absolute;
  inset: 0;
  display: flex;
  pointer-events: none;
}
.xamt-sheet__panel {
  pointer-events: auto;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background: var(--xamt-bg-2);
  box-shadow: var(--xamt-shadow);
  transform: translateX(100%);
  opacity: 1;
  transition: transform 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms ease;
}
.xamt-sheet.is-open .xamt-sheet__panel {
  transform: translateX(0);
}
.xamt-sheet__chrome {
  writing-mode: horizontal-tb;
  -webkit-writing-mode: horizontal-tb;
  display: flex;
  justify-content: flex-end;
  flex: 0 0 auto;
  padding: 0.7rem 0.85rem 0;
}
.xamt-sheet__body {
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  text-orientation: mixed;
  font-family: var(--xamt-font-mongol);
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
  padding: 0.75rem 1.15rem 1.35rem;
  --xamt-field-extent: clamp(8rem, calc(var(--xamt-vh) - 8rem), 22rem);
  --xamt-field-extent-lg: clamp(10rem, calc(var(--xamt-vh) - 7rem), 26rem);
}
.xamt-sheet-form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  min-height: 100%;
}
.xamt-sheet-form .xamt-form {
  box-shadow: none;
  background: transparent;
  border: 0;
  padding: 0;
}
@media (min-width: 960px) {
  .xamt-sheet__frame {
    display: grid;
    place-items: center;
    padding: 2rem;
  }
  .xamt-sheet__panel {
    width: min(52rem, 92vw);
    height: min(42rem, 88vh);
    max-height: 88vh;
    border-radius: var(--xamt-radius);
    border: 1px solid var(--xamt-line);
    transform: translateY(0.75rem) scale(0.98);
    opacity: 0;
  }
  .xamt-sheet.is-open .xamt-sheet__panel {
    transform: translateY(0) scale(1);
    opacity: 1;
  }
}
.xamt-sheet--menu .xamt-sheet__frame {
  display: grid;
  place-items: center;
  padding: 1.25rem;
}
.xamt-sheet--menu .xamt-sheet__panel {
  width: auto;
  height: auto;
  max-width: min(22rem, calc(100vw - 2rem));
  max-height: min(36rem, calc(var(--xamt-vh) - 2rem));
  border-radius: var(--xamt-radius);
  border: 1px solid var(--xamt-line);
  transform: translateY(0.75rem) scale(0.98);
  opacity: 0;
}
.xamt-sheet--menu.is-open .xamt-sheet__panel {
  transform: translateY(0) scale(1);
  opacity: 1;
}
.xamt-sheet--reason .xamt-sheet__panel {
  max-width: min(32rem, calc(100vw - 2rem));
}
.xamt-delete-reason__preview {
  color: var(--xamt-muted);
  font-size: 0.9rem;
  max-inline-size: var(--xamt-field-extent);
  overflow: hidden;
}
@media (max-width: 1440px) {
  .xamt-rail--channels .xamt-rail__header {
    display: none;
  }
  .xamt-rail--channels .xamt-rail__pane--top {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 1440px) and (min-width: 961px) {
  .xamt-app {
    grid-template-columns: var(--xamt-leftnav-w) minmax(0, 1fr);
    position: relative;
  }
  .xamt-mobile-nav__btn {
    display: grid;
    min-width: 2.75rem;
    min-height: 2.75rem;
    flex: 0 0 auto;
  }
  .xamt-mobile-nav__members {
    margin-inline-start: auto;
  }
  .xamt-main__header {
    position: relative;
    z-index: calc(var(--xamt-z-drawer-backdrop) + 1);
  }
  .xamt-rail--channels {
    display: none;
  }
  .xamt-app--panel-channels .xamt-rail--channels, .xamt-app--panel-servers .xamt-rail--channels {
    display: grid;
    position: absolute;
    top: 0;
    bottom: 0;
    left: var(--xamt-leftnav-w);
    z-index: var(--xamt-z-drawer);
    width: min(22rem, 42vw);
    height: 100%;
    grid-template-rows: minmax(0, 1fr);
    box-shadow: var(--xamt-shadow);
    animation: xamt-drawer-in 200ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  .xamt-app--panel-channels .xamt-rail__pane--members, .xamt-app--panel-servers .xamt-rail__pane--members {
    display: none;
  }
  .xamt-app--panel-members .xamt-rail--channels {
    display: grid;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: auto;
    z-index: var(--xamt-z-drawer);
    width: min(22rem, 42vw);
    height: 100%;
    grid-template-rows: minmax(0, 1fr);
    box-shadow: var(--xamt-shadow);
    animation: xamt-drawer-in-right 200ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  .xamt-app--panel-members .xamt-rail__pane--top {
    display: none;
  }
  .xamt-drawer-backdrop {
    display: block;
    left: var(--xamt-leftnav-w);
  }
}
@media (max-width: 960px) {
  .xamt-app {
    grid-template-columns: minmax(0, 1fr);
    position: relative;
  }
  .xamt-main {
    writing-mode: horizontal-tb;
    -webkit-writing-mode: horizontal-tb;
    display: grid;
    grid-template-columns: var(--xamt-toolbar-w) minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
  }
  body.mgl-ime-mobile-open .xamt-main {
    grid-template-columns: minmax(0, 1fr);
  }
  body.mgl-ime-mobile-open .xamt-mobile-toolbar {
    display: none;
  }
  .xamt-mobile-toolbar {
    writing-mode: vertical-lr;
    -webkit-writing-mode: vertical-lr;
    text-orientation: mixed;
    width: var(--xamt-toolbar-w);
    height: 100%;
    min-width: 0;
    padding: 0.55rem 0.3rem;
    gap: 0.45rem;
    overflow: hidden;
    box-sizing: border-box;
  }
  .xamt-mobile-nav__btn, .xamt-search__toggle {
    display: grid;
    min-width: 2.75rem;
    min-height: 2.75rem;
    flex: 0 0 auto;
  }
  .xamt-search {
    margin-inline-start: auto;
  }
  .xamt-chat-window {
    position: relative;
    writing-mode: vertical-lr;
    -webkit-writing-mode: vertical-lr;
    text-orientation: mixed;
    min-width: 0;
  }
  .xamt-search__toggle {
    border: 1px solid var(--xamt-line);
    background: var(--xamt-bg-2);
  }
  .xamt-search:not(.is-open) .xamt-search__field {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
  }
  .xamt-search.is-open .xamt-search__field {
    position: fixed;
    top: calc(var(--xamt-safe-top) + 0.55rem);
    left: calc(var(--xamt-safe-left) + var(--xamt-toolbar-w) + 0.4rem);
    z-index: calc(var(--xamt-z-drawer) + 1);
    display: block;
  }
  .xamt-search.is-open #clear-search {
    position: fixed;
    top: calc(var(--xamt-safe-top) + 0.55rem);
    left: calc(var(--xamt-safe-left) + var(--xamt-toolbar-w) + 3.1rem);
    z-index: calc(var(--xamt-z-drawer) + 1);
  }
  body.mgl-ime-mobile-open .xamt-search.is-open .xamt-search__field {
    left: calc(var(--xamt-safe-left) + 0.4rem);
  }
  body.mgl-ime-mobile-open .xamt-search.is-open #clear-search {
    left: calc(var(--xamt-safe-left) + 3.1rem);
  }
  .xamt-rail--servers, .xamt-rail--channels {
    display: none;
  }
  .xamt-app--panel-servers .xamt-rail--servers, .xamt-app--panel-channels .xamt-rail--servers {
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: var(--xamt-z-drawer);
    width: 4.75rem;
    animation: xamt-drawer-in 200ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  .xamt-app--panel-servers .xamt-rail--channels, .xamt-app--panel-channels .xamt-rail--channels {
    display: grid;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 4.75rem;
    z-index: var(--xamt-z-drawer);
    width: min(calc(85vw - 4.75rem), 20rem);
    height: 100%;
    grid-template-rows: minmax(0, 1fr);
    box-shadow: var(--xamt-shadow);
    animation: xamt-drawer-in 200ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  .xamt-app--panel-channels .xamt-rail__pane--members, .xamt-app--panel-servers .xamt-rail__pane--members {
    display: none;
  }
  .xamt-app--panel-members .xamt-rail--channels {
    display: grid;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: auto;
    z-index: var(--xamt-z-drawer);
    width: min(85vw, 22rem);
    height: 100%;
    grid-template-rows: minmax(0, 1fr);
    box-shadow: var(--xamt-shadow);
    animation: xamt-drawer-in-right 200ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  .xamt-app--panel-members .xamt-rail__pane--top {
    display: none;
  }
  .xamt-drawer-backdrop {
    display: block;
  }
  .xamt-icon-btn {
    min-width: 2.75rem;
    min-height: 2.75rem;
  }
  .xamt-channel-link, .xamt-member {
    padding-block: 0.75rem;
  }
  .xamt-composer-wrap {
    padding: 0.5rem 0.4rem;
    gap: 0.4rem;
  }
  .xamt-composer__editor {
    block-size: 5.75rem;
    min-block-size: 5.25rem;
    max-block-size: 6.5rem;
  }
  .xamt-composer-wrap {
    position: absolute;
    inset: 0;
    z-index: calc(var(--xamt-z-jump) + 1);
    width: auto;
    height: auto;
    padding: 0;
    gap: 0;
    border: 0;
    background: transparent;
    pointer-events: none;
  }
  .xamt-composer-wrap #message-composer, .xamt-composer-wrap .xamt-composer__toolbar, .xamt-composer-wrap .xamt-upload-preview, .xamt-composer-wrap .xamt-reply-bar {
    display: none;
  }
  .xamt-composer-wrap .xamt-composer__peek {
    display: grid;
    place-items: center;
    pointer-events: auto;
    position: absolute;
    right: 0.85rem;
    bottom: calc(0.85rem + var(--xamt-safe-bottom));
    width: 3.25rem;
    height: 3.25rem;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 9999px;
    color: #f4fff9;
    background: linear-gradient(160deg, #63c197, var(--xamt-accent) 55%, #2f7a5c);
    box-shadow: 0 10px 24px var(--xamt-accent), 0 1px 0 rgba(255, 255, 255, 0.18) inset;
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 10px 24px color-mix(in srgb, var(--xamt-accent) 36%, transparent), 0 1px 0 rgba(255, 255, 255, 0.18) inset;
    }
    cursor: pointer;
    touch-action: manipulation;
    -webkit-tap-highlight-color: var(--xamt-accent);
    @supports (color: color-mix(in lab, red, red)) {
      -webkit-tap-highlight-color: color-mix(in srgb, var(--xamt-accent) 18%, transparent);
    }
    user-select: none;
    -webkit-user-select: none;
    writing-mode: horizontal-tb;
    -webkit-writing-mode: horizontal-tb;
    transition: transform 160ms ease, filter 160ms ease, box-shadow 160ms ease;
  }
  .xamt-composer-wrap .xamt-composer__peek:hover {
    filter: brightness(1.05);
  }
  .xamt-composer-wrap .xamt-composer__peek:active {
    transform: scale(0.94);
  }
  .xamt-composer-wrap:focus-within, .xamt-composer-wrap:has(#message-composer.is-open), .xamt-composer-wrap[data-has-uploads="true"], .xamt-composer-wrap[data-editing-id], .xamt-composer-wrap[data-reply-to-id] {
    position: relative;
    inset: auto;
    width: auto;
    height: 100%;
    padding: 0.5rem 0.4rem;
    gap: 0.4rem;
    border-left: 1px solid var(--xamt-line);
    background: var(--xamt-bg-2);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--xamt-bg-2) 72%, transparent);
    }
    pointer-events: auto;
  }
  .xamt-composer-wrap:focus-within #message-composer, .xamt-composer-wrap:has(#message-composer.is-open) #message-composer, .xamt-composer-wrap[data-has-uploads="true"] #message-composer, .xamt-composer-wrap[data-editing-id] #message-composer, .xamt-composer-wrap[data-reply-to-id] #message-composer {
    display: flex;
  }
  .xamt-composer-wrap:focus-within .xamt-composer__toolbar, .xamt-composer-wrap:has(#message-composer.is-open) .xamt-composer__toolbar, .xamt-composer-wrap[data-has-uploads="true"] .xamt-composer__toolbar, .xamt-composer-wrap[data-editing-id] .xamt-composer__toolbar, .xamt-composer-wrap[data-reply-to-id] .xamt-composer__toolbar {
    display: flex;
  }
  .xamt-composer-wrap:focus-within .xamt-composer__peek, .xamt-composer-wrap:has(#message-composer.is-open) .xamt-composer__peek, .xamt-composer-wrap[data-has-uploads="true"] .xamt-composer__peek, .xamt-composer-wrap[data-editing-id] .xamt-composer__peek, .xamt-composer-wrap[data-reply-to-id] .xamt-composer__peek {
    display: none;
  }
  .xamt-composer-wrap:focus-within .xamt-reply-bar, .xamt-composer-wrap:has(#message-composer.is-open) .xamt-reply-bar, .xamt-composer-wrap[data-has-uploads="true"] .xamt-reply-bar, .xamt-composer-wrap[data-editing-id] .xamt-reply-bar, .xamt-composer-wrap[data-reply-to-id] .xamt-reply-bar, .xamt-composer-wrap:focus-within .xamt-upload-preview, .xamt-composer-wrap:has(#message-composer.is-open) .xamt-upload-preview, .xamt-composer-wrap[data-has-uploads="true"] .xamt-upload-preview, .xamt-composer-wrap[data-editing-id] .xamt-upload-preview, .xamt-composer-wrap[data-reply-to-id] .xamt-upload-preview {
    display: flex;
  }
  .xamt-btn, .xamt-icon-btn, .xamt-mobile-nav__btn, .xamt-channel-link, .xamt-member, .xamt-server-dot {
    touch-action: manipulation;
    -webkit-tap-highlight-color: var(--xamt-accent);
    @supports (color: color-mix(in lab, red, red)) {
      -webkit-tap-highlight-color: color-mix(in srgb, var(--xamt-accent) 18%, transparent);
    }
  }
}
@media (max-width: 640px) {
  .xamt-search__field .xamt-input {
    inline-size: 6.5rem;
  }
  .xamt-mobile-toolbar {
    padding: 0.45rem 0.22rem;
  }
}
.xamt-messages {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.xamt-messages-region {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.xamt-search {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.35rem;
}
.xamt-search__field .xamt-input {
  inline-size: 8rem;
  block-size: 2.35rem;
}
.xamt-search-results {
  position: absolute;
  inset: 0.6rem auto 0.6rem 0.6rem;
  z-index: var(--xamt-z-jump);
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  padding: 0.75rem;
  max-inline-size: 16rem;
  overflow: auto;
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  text-orientation: mixed;
  border: 1px solid var(--xamt-line-strong);
  border-radius: var(--xamt-radius);
  background: var(--xamt-bg-2);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--xamt-bg-2) 94%, var(--xamt-shade));
  }
  box-shadow: var(--xamt-shadow);
  animation: xamt-fade-in 180ms ease;
}
.xamt-search-results__head {
  margin: 0;
  color: var(--xamt-accent-2);
  font-size: 0.85rem;
}
.xamt-search-hit {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
  padding: 0.4rem 0.45rem;
  border: 0;
  border-radius: 0.45rem;
  background: transparent;
  color: inherit;
  cursor: pointer;
  text-align: start;
}
.xamt-search-hit:hover {
  background: var(--xamt-accent-soft);
}
.xamt-search-hit__channel {
  color: var(--xamt-muted);
  font-size: 0.8rem;
}
.xamt-message__content {
  min-width: 4rem;
  max-width: 40vw;
  max-block-size: calc(var(--xamt-vh) - 8rem);
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
}
.xamt-jump-latest {
  position: absolute;
  top: 50%;
  right: 0.75rem;
  transform: translateY(-50%);
  z-index: var(--xamt-z-jump);
  display: none;
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  text-orientation: mixed;
  padding: 0.85rem 0.55rem;
  border: 1px solid var(--xamt-line-strong);
  border-radius: 999px;
  background: var(--xamt-bg-2);
  color: var(--xamt-text);
  box-shadow: var(--xamt-shadow);
  cursor: pointer;
  animation: xamt-fade-in 180ms ease;
}
.xamt-jump-latest.is-visible {
  display: block;
}
.xamt-messages__load {
  align-self: center;
  color: var(--xamt-muted);
  cursor: pointer;
  font-size: 0.85rem;
}
.xamt-message {
  position: relative;
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  flex: 0 0 auto;
  padding: 0.45rem 0.4rem;
  border-radius: 0.7rem;
  transition: background-color 140ms ease;
  animation: xamt-message-in 220ms ease;
}
@keyframes xamt-message-in {
  from {
    opacity: 0;
    transform: translateX(-6px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.xamt-message:hover {
  background: var(--xamt-bg-3);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--xamt-bg-3) 55%, transparent);
  }
}
.xamt-message__avatar {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.75rem;
  display: grid;
  place-items: center;
  background: linear-gradient(160deg, var(--xamt-bg-3), var(--xamt-accent));
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient(160deg, var(--xamt-bg-3), color-mix(in srgb, var(--xamt-accent) 22%, var(--xamt-bg-3)));
  }
  border: 1px solid var(--xamt-line);
  font-family: var(--xamt-font-mongol);
  flex: 0 0 auto;
  color: var(--xamt-accent-2);
}
.xamt-message__body {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0;
}
.xamt-message__meta {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: flex-start;
  align-self: stretch;
  font-size: 0.85rem;
  color: var(--xamt-muted);
}
.xamt-message__meta strong {
  color: var(--xamt-text);
  flex: 0 0 auto;
}
.xamt-message__edited {
  flex: 0 0 auto;
  font-size: 0.75rem;
}
.xamt-message__time {
  position: absolute;
  bottom: 0.45rem;
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  text-orientation: sideways;
  -webkit-text-orientation: sideways;
  font-family: var(--xamt-font-ui);
  font-variant-numeric: lining-nums tabular-nums;
  font-size: 0.75rem;
  white-space: nowrap;
  flex: 0 0 auto;
}
.xamt-quote, .xamt-reply-bar {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.4rem;
  padding: 0.3rem 0.45rem;
  border: 0;
  border-inline-start: 2px solid var(--xamt-accent);
  border-radius: 0.4rem;
  background: var(--xamt-accent-soft);
  color: var(--xamt-muted);
  font-size: 0.85rem;
  text-align: start;
  cursor: pointer;
  max-block-size: 100%;
  overflow: hidden;
}
.xamt-quote:hover {
  background: var(--xamt-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--xamt-accent) 24%, transparent);
  }
}
.xamt-quote__mark {
  color: var(--xamt-accent);
  flex: 0 0 auto;
}
.xamt-quote__author {
  color: var(--xamt-text);
  flex: 0 0 auto;
}
.xamt-quote__text {
  min-height: 0;
  max-block-size: 100%;
  overflow: hidden;
}
.xamt-reply-bar {
  cursor: default;
  flex: 0 0 auto;
  align-self: stretch;
}
@keyframes xamt-highlight-flash {
  0% {
    background-color: transparent;
    box-shadow: none;
  }
  15%, 50% {
    background-color: var(--xamt-gold-soft);
    box-shadow: inset 0 0 0 1px var(--xamt-accent-2);
  }
  100% {
    background-color: transparent;
    box-shadow: none;
  }
}
.xamt-message.is-highlighted {
  animation: xamt-highlight-flash 2.5s ease-in-out;
}
.xamt-message--mentioned {
  background: var(--xamt-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--xamt-accent) 12%, transparent);
  }
  box-shadow: inset 0 0 0 1px var(--xamt-accent);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--xamt-accent) 28%, transparent);
  }
}
.xamt-message--editing {
  background: var(--xamt-gold-soft);
  box-shadow: inset 0 0 0 1px var(--xamt-accent-2);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--xamt-accent-2) 35%, transparent);
  }
}
.xamt-message--deleted {
  opacity: 0.88;
}
.xamt-message__tombstone {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.35rem;
  padding: 0.45rem 0.5rem;
  border: 1px dashed var(--xamt-line);
  border-radius: 0.5rem;
  color: var(--xamt-muted);
  font-size: 0.85rem;
  font-style: italic;
}
.xamt-message__tombstone .hero-trash, .xamt-message__tombstone [class*="hero-trash"] {
  flex: 0 0 auto;
}
.xamt-mention {
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  text-orientation: mixed;
  display: inline-block;
  padding: 0.2em 0.15em;
  border-radius: 0.45em;
  background: var(--xamt-accent-soft);
  color: var(--xamt-accent);
  font-family: var(--xamt-font-mongol);
  font-weight: 600;
  text-decoration: none;
  line-height: 1.75;
  white-space: nowrap;
  transition: background 140ms ease, color 140ms ease;
}
a.xamt-mention:hover {
  background: var(--xamt-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--xamt-accent) 28%, transparent);
  }
  color: var(--xamt-accent-2);
}
.xamt-mention[data-you="true"] {
  background: var(--xamt-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--xamt-accent) 32%, transparent);
  }
  color: var(--xamt-accent-2);
}
.xamt-reactions {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 0.3rem;
  margin-block-start: 0.35rem;
}
.xamt-reaction {
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  text-orientation: mixed;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.15rem;
  padding: 0.2rem 0.25rem;
  border: 1px solid var(--xamt-line);
  border-radius: 0.75rem;
  background: var(--xamt-bg-2);
  color: var(--xamt-muted);
  font-size: 0.8rem;
  line-height: 1.2;
  cursor: pointer;
  box-sizing: border-box;
  transition: background-color 140ms ease, border-color 140ms ease, transform 140ms ease;
}
.xamt-reaction:hover {
  transform: translateX(-1px);
  border-color: var(--xamt-line-strong);
}
.xamt-reaction.is-mine {
  background: var(--xamt-accent-soft);
  border-color: var(--xamt-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--xamt-accent) 50%, transparent);
  }
  color: var(--xamt-text);
}
.xamt-reaction__emoji {
  writing-mode: horizontal-tb;
  -webkit-writing-mode: horizontal-tb;
  text-orientation: mixed;
  -webkit-text-orientation: mixed;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  line-height: 1;
  font-style: normal;
}
.xamt-reaction__count {
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  text-orientation: sideways;
  -webkit-text-orientation: sideways;
  font-family: var(--xamt-font-ui);
  font-variant-numeric: lining-nums tabular-nums;
  font-size: 0.75rem;
  line-height: 1;
  white-space: nowrap;
  flex: 0 0 auto;
}
.xamt-reaction--add {
  writing-mode: horizontal-tb;
  -webkit-writing-mode: horizontal-tb;
  display: grid;
  place-items: center;
  padding: 0.15rem;
  inline-size: 1.7rem;
  block-size: 1.7rem;
}
.xamt-reaction-picker {
  display: flex;
  flex-direction: row;
  gap: 0.2rem;
  opacity: 0;
  pointer-events: none;
  transition: opacity 140ms ease;
}
.xamt-message:hover .xamt-reaction-picker, .xamt-reaction-picker:focus-within {
  opacity: 1;
  pointer-events: auto;
}
@media (pointer: coarse) {
  .xamt-reaction-picker {
    opacity: 0.65;
    pointer-events: auto;
  }
}
.xamt-message__actions {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  margin-top: 0.35rem;
}
.xamt-message__actions button {
  background: transparent;
  border: 0;
  color: var(--xamt-muted);
  cursor: pointer;
  padding: 0.15rem 0;
  touch-action: manipulation;
  -webkit-tap-highlight-color: var(--xamt-accent);
  @supports (color: color-mix(in lab, red, red)) {
    -webkit-tap-highlight-color: color-mix(in srgb, var(--xamt-accent) 18%, transparent);
  }
  transition: color 140ms ease;
}
@media (max-width: 960px) {
  .xamt-message__content {
    max-width: min(14rem, 100%);
  }
  .xamt-message__actions button {
    min-height: 2.75rem;
    padding: 0.45rem 0.35rem;
  }
  .xamt-reaction:not(.xamt-reaction--add) {
    min-inline-size: 2.25rem;
    min-block-size: 2.25rem;
    padding: 0.25rem;
  }
}
@media (max-width: 640px) {
  .xamt-messages {
    padding: 0.6rem;
    gap: 0.75rem;
  }
}
.xamt-message__actions button:hover {
  color: var(--xamt-accent-2);
}
.xamt-link-preview {
  display: flex;
  flex-direction: column;
  margin-block-start: 0.5rem;
  border: 1px solid var(--xamt-line);
  border-radius: 0.6rem;
  background: var(--xamt-bg-2);
  text-decoration: none;
  overflow: hidden;
  max-width: min(9.5rem, 100%);
  flex-shrink: 0;
  writing-mode: horizontal-tb;
  -webkit-writing-mode: horizontal-tb;
  transition: border-color 150ms ease, background-color 150ms ease;
}
.xamt-link-preview:hover {
  background: var(--xamt-bg-3);
  border-color: var(--xamt-line-strong);
}
.xamt-link-preview__img {
  width: 100%;
  height: 5rem;
  object-fit: cover;
  border-bottom: 1px solid var(--xamt-line);
}
.xamt-link-preview__body {
  padding: 0.45rem 0.5rem 0.55rem;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 0.45rem;
}
.xamt-link-preview__title, .xamt-link-preview__desc {
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  text-orientation: mixed;
  font-family: var(--xamt-font-mongol);
  line-height: 1.75;
  letter-spacing: 0.06em;
  height: 7.25rem;
  overflow: hidden;
}
.xamt-link-preview__title {
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--xamt-accent-2);
  max-width: 2.2em;
}
.xamt-link-preview__desc {
  font-size: 0.75rem;
  color: var(--xamt-muted);
  margin: 0;
  flex: 1;
  min-width: 0;
  max-width: 3.4em;
}
.xamt-typing {
  padding: 0 1rem 0.35rem;
  color: var(--xamt-muted);
  font-size: 0.85rem;
  min-width: 1.5rem;
  min-height: 1.5rem;
}
.xamt-message__audio {
  writing-mode: horizontal-tb;
  -webkit-writing-mode: horizontal-tb;
  text-orientation: mixed;
  position: relative;
  width: 2.75rem;
  height: 16rem;
  max-height: min(16rem, calc(var(--xamt-vh) - 10rem));
  flex: 0 0 auto;
}
.xamt-audio-player {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  height: 2.5rem;
  width: 16rem;
  max-width: none;
  border-radius: 9999px;
  outline: none;
  accent-color: var(--xamt-accent);
  transform: translate(-50%, -50%) rotate(90deg);
  transform-origin: center center;
}
@font-face {
  font-family: "Oyun Qagan Tig";
  src: url("./fonts/OyunQaganTig.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
:root {
  --mgl-ime-font: "Oyun Qagan Tig", "Noto Sans Mongolian", "Mongolian Baiti", "Menksoft Qagan", serif;
  --mgl-ime-background: #e8e4dc;
  --mgl-ime-border: #bdb6a8;
  --mgl-ime-text: #1c1c1c;
  --mgl-ime-key-background: #faf8f4;
  --mgl-ime-key-action: #d2cdc3;
  --mgl-ime-key-active: #c5d8ef;
  --mgl-ime-candidate-background: #f7f5f0;
  --mgl-ime-accent: #3d6b9a;
  --mgl-ime-candidate-size: 22px;
}
@media (prefers-color-scheme: dark) {
  :root {
    --mgl-ime-background: #2a2a2e;
    --mgl-ime-border: #4a4a50;
    --mgl-ime-text: #f0eee8;
    --mgl-ime-key-background: #3a3a40;
    --mgl-ime-key-action: #505058;
    --mgl-ime-key-active: #3d5a7a;
    --mgl-ime-candidate-background: #323238;
    --mgl-ime-accent: #7eb0e0;
  }
}
.mgl-editor {
  font-family: var(--mgl-ime-font);
  writing-mode: vertical-lr;
  text-orientation: mixed;
  white-space: pre-wrap;
  min-height: 240px;
  min-width: 120px;
  padding: 16px;
  border: 1px solid var(--mgl-ime-border);
  border-radius: 12px;
  background: #fff;
  outline: none;
  line-height: 1.6;
  font-size: 22px;
}
.mgl-editor:focus {
  border-color: var(--mgl-ime-accent);
  box-shadow: 0 0 0 3px var(--mgl-ime-accent);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mgl-ime-accent) 25%, transparent);
  }
}
mgl-candidates[variant="popup"] {
  pointer-events: auto;
}
body.mgl-ime-mobile-open {
  padding-bottom: 280px;
}
mgl-candidates[variant="bar"] {
  z-index: 10001;
  pointer-events: auto;
}
mgl-keyboard {
  z-index: 10000;
}
body.mgl-ime-mobile-open {
  padding-bottom: 0;
}
.xamt-messages, .xamt-composer__editor {
  overscroll-behavior-x: contain;
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
    }
  }
}