/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: "Archivo Variable", ui-sans-serif, system-ui, sans-serif;
    --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
    --spacing: 0.25rem;
    --container-xs: 20rem;
    --container-2xl: 42rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.8125rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 0.9375rem;
    --text-lg: 1.0625rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.375rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.75rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 2.25rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --font-weight-normal: 400;
    --font-weight-semibold: 600;
    --radius-xs: 1px;
    --radius-sm: 2px;
    --radius-md: 3px;
    --radius-lg: 4px;
    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --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);
    --text-2xs: 0.6875rem;
  }
}
@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, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    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:where(:not(iframe)) {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    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 {
  .collapse {
    visibility: collapse;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .top-full {
    top: 100%;
  }
  .right-0 {
    right: 0px;
  }
  .left-0 {
    left: 0px;
  }
  .z-20 {
    z-index: 20;
  }
  .col-span-4 {
    grid-column: span 4 / span 4;
  }
  .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-auto {
    margin-inline: auto;
  }
  .mt-1 {
    margin-top: var(--spacing);
  }
  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-16 {
    margin-top: calc(var(--spacing) * 16);
  }
  .-mb-px {
    margin-bottom: -1px;
  }
  .mb-1 {
    margin-bottom: var(--spacing);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-2\.5 {
    margin-bottom: calc(var(--spacing) * 2.5);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .table {
    display: table;
  }
  .h-0 {
    height: 0px;
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-auto {
    height: auto;
  }
  .h-full {
    height: 100%;
  }
  .max-h-84 {
    max-height: calc(var(--spacing) * 84);
  }
  .max-h-\[40rem\] {
    max-height: 40rem;
  }
  .min-h-dvh {
    min-height: 100dvh;
  }
  .w-3 {
    width: calc(var(--spacing) * 3);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-72 {
    width: calc(var(--spacing) * 72);
  }
  .w-auto {
    width: auto;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-\[34rem\] {
    max-width: 34rem;
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-none {
    max-width: none;
  }
  .max-w-prose {
    max-width: 65ch;
  }
  .max-w-xs {
    max-width: var(--container-xs);
  }
  .min-w-0 {
    min-width: 0px;
  }
  .flex-1 {
    flex: 1;
  }
  .shrink {
    flex-shrink: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .grow {
    flex-grow: 1;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto;
  }
  .grid-cols-\[1rem_1fr_auto_auto\] {
    grid-template-columns: 1rem 1fr auto auto;
  }
  .grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .gap-1 {
    gap: var(--spacing);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-1\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }
  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }
  .gap-x-3\.5 {
    column-gap: calc(var(--spacing) * 3.5);
  }
  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }
  .gap-y-1 {
    row-gap: var(--spacing);
  }
  .gap-y-1\.5 {
    row-gap: calc(var(--spacing) * 1.5);
  }
  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-t-2 {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-l-\[3px\] {
    border-left-style: var(--tw-border-style);
    border-left-width: 3px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-dotted {
    --tw-border-style: dotted;
    border-style: dotted;
  }
  .border-graphite {
    border-color: var(--graphite);
  }
  .border-pencil {
    border-color: var(--pencil);
  }
  .border-rule {
    border-color: var(--rule);
  }
  .border-rule-firm {
    border-color: var(--rule-firm);
  }
  .border-survey {
    border-color: var(--survey);
  }
  .border-transparent {
    border-color: transparent;
  }
  .bg-graphite {
    background-color: var(--graphite);
  }
  .bg-historic {
    background-color: var(--historic);
  }
  .bg-pencil {
    background-color: var(--pencil);
  }
  .bg-rising {
    background-color: var(--rising);
  }
  .bg-rule {
    background-color: var(--rule);
  }
  .bg-sheet {
    background-color: var(--sheet);
  }
  .bg-water {
    background-color: var(--water);
  }
  .bg-woodland {
    background-color: var(--woodland);
  }
  .fill-graphite {
    fill: var(--graphite);
  }
  .fill-historic {
    fill: var(--historic);
  }
  .fill-ink {
    fill: var(--ink);
  }
  .fill-pencil {
    fill: var(--pencil);
  }
  .fill-rising {
    fill: var(--rising);
  }
  .fill-water {
    fill: var(--water);
  }
  .fill-woodland {
    fill: var(--woodland);
  }
  .stroke-graphite {
    stroke: var(--graphite);
  }
  .stroke-historic {
    stroke: var(--historic);
  }
  .stroke-pencil {
    stroke: var(--pencil);
  }
  .stroke-rising {
    stroke: var(--rising);
  }
  .stroke-rule {
    stroke: var(--rule);
  }
  .stroke-survey {
    stroke: var(--survey);
  }
  .stroke-water {
    stroke: var(--water);
  }
  .stroke-woodland {
    stroke: var(--woodland);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .pt-1 {
    padding-top: var(--spacing);
  }
  .pt-1\.5 {
    padding-top: calc(var(--spacing) * 1.5);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }
  .pr-3\.5 {
    padding-right: calc(var(--spacing) * 3.5);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-\[500px\] {
    padding-bottom: 500px;
  }
  .pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .datum {
    font-family: var(--font-mono);
    font-size: 0.9em;
    letter-spacing: -0.01em;
    overflow-wrap: anywhere;
  }
  .annotation {
    font-stretch: 78%;
    font-weight: 600;
    font-size: var(--text-2xs);
    line-height: 1.2;
    letter-spacing: 0.09em;
    text-transform: uppercase;
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .display {
    font-stretch: 112%;
    font-weight: 800;
    letter-spacing: -0.025em;
    line-height: 1.05;
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .break-all {
    word-break: break-all;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre-line {
    white-space: pre-line;
  }
  .text-fault {
    color: var(--fault);
  }
  .text-graphite {
    color: var(--graphite);
  }
  .text-historic {
    color: var(--historic);
  }
  .text-ink {
    color: var(--ink);
  }
  .text-pencil {
    color: var(--pencil);
  }
  .text-rising {
    color: var(--rising);
  }
  .text-survey {
    color: var(--survey);
  }
  .underline {
    text-decoration-line: underline;
  }
  .underline-offset-4 {
    text-underline-offset: 4px;
  }
  .htmx-indicator {
    opacity: 0;
    transition: opacity 150ms ease;
    &.htmx-request, .htmx-request & {
      opacity: 1;
    }
  }
  .shadow-\[var\(--shadow-lg\)\] {
    --tw-shadow: var(--shadow-lg);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  @media (hover: hover) {
    .group-hover\/cite\:block:is(:where(.group\/cite):hover *) {
      display: block;
    }
    .group-hover\/sum\:block:is(:where(.group\/sum):hover *) {
      display: block;
    }
  }
  .group-focus\/cite\:block:is(:where(.group\/cite):focus *) {
    display: block;
  }
  .group-focus\/sum\:block:is(:where(.group\/sum):focus *) {
    display: block;
  }
  .group-data-copied\:hidden:is(:where(.group)[data-copied] *) {
    display: none;
  }
  .group-data-copied\:inline:is(:where(.group)[data-copied] *) {
    display: inline;
  }
  .after\:absolute::after {
    content: var(--tw-content);
    position: absolute;
  }
  .after\:inset-0::after {
    content: var(--tw-content);
    inset: 0px;
  }
  .after\:content-\[\'\'\]::after {
    --tw-content: '';
    content: var(--tw-content);
  }
  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
  @media (hover: hover) {
    .hover\:border-survey:hover {
      border-color: var(--survey);
    }
    .hover\:bg-field:hover {
      background-color: var(--field);
    }
    .hover\:text-ink:hover {
      color: var(--ink);
    }
    .hover\:text-survey-lift:hover {
      color: var(--survey-lift);
    }
    .hover\:underline:hover {
      text-decoration-line: underline;
    }
  }
  .aria-selected\:bg-field[aria-selected="true"] {
    background-color: var(--field);
  }
  .aria-selected\:shadow-\[inset_2px_0_0_var\(--survey\)\][aria-selected="true"] {
    --tw-shadow: inset 2px 0 0 var(--tw-shadow-color, var(--survey));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .aria-\[current\=page\]\:border-ink[aria-current="page"] {
    border-color: var(--ink);
  }
  .aria-\[current\=page\]\:text-ink[aria-current="page"] {
    color: var(--ink);
  }
  .data-active\:font-semibold[data-active] {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .data-active\:text-ink[data-active] {
    color: var(--ink);
  }
  @media (width >= 40rem) {
    .sm\:flex {
      display: flex;
    }
    .sm\:w-28 {
      width: calc(var(--spacing) * 28);
    }
    .sm\:w-32 {
      width: calc(var(--spacing) * 32);
    }
    .sm\:shrink-0 {
      flex-shrink: 0;
    }
    .sm\:items-baseline {
      align-items: baseline;
    }
    .sm\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }
  }
  @media (width >= 48rem) {
    .md\:sticky {
      position: sticky;
    }
    .md\:top-0 {
      top: 0px;
    }
    .md\:flex {
      display: flex;
    }
    .md\:h-dvh {
      height: 100dvh;
    }
    .md\:w-\(--mui-sidebar-w\) {
      width: var(--mui-sidebar-w);
    }
    .md\:w-\[46rem\] {
      width: 46rem;
    }
    .md\:max-w-\[calc\(100vw-var\(--mui-sidebar-w\)-5rem\)\] {
      max-width: calc(100vw - var(--mui-sidebar-w) - 5rem);
    }
    .md\:border-r {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }
    .md\:border-b {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
    .md\:border-b-0 {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
    .md\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }
  }
  @media (width >= 80rem) {
    .xl\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
}
@layer components {
  .mui-accordion {
    display: flex;
    flex-direction: column;
  }
  .mui-accordion__item {
    border-bottom: 1px solid var(--mui-border);
  }
  .mui-accordion__trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background: transparent;
    color: var(--mui-text);
    border: none;
    padding: 1rem 0;
    font-family: inherit;
    font-size: .9375rem;
    font-weight: 500;
    cursor: pointer;
    text-align: start;
    transition: var(--mui-transition);
  }
  .mui-accordion__trigger:hover {
    text-decoration: none;
  }
  .mui-accordion__trigger:focus-visible {
    outline: 2px solid var(--mui-border-focus);
    outline-offset: 2px;
  }
  .mui-accordion__label {
    flex: 1;
  }
  .mui-accordion__chevron {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--mui-text-muted);
    font-size: .875rem;
    transition: transform .2s ease;
  }
  .mui-accordion__trigger[aria-expanded=true] .mui-accordion__chevron {
    transform: rotate(180deg);
  }
  .mui-accordion__content {
    padding: 0 0 1rem;
    font-size: .875rem;
    color: var(--mui-text-muted);
    overflow: hidden;
  }
  .mui-accordion__content[hidden] {
    display: none;
  }
  dialog.mui-alert-dialog {
    border: none;
    border-radius: var(--mui-radius-lg);
    background: var(--mui-bg-card);
    color: var(--mui-text);
    padding: 0;
    box-shadow: var(--mui-shadow-lg);
    max-width: 32rem;
    width: 90vw;
    animation: mui-alert-dialog-enter .15s cubic-bezier(.16,1,.3,1);
  }
  dialog.mui-alert-dialog.mui-alert-dialog--sm {
    max-width: 24rem;
  }
  .mui-alert-dialog__media {
    display: flex;
    justify-content: center;
    padding-top: 1rem;
  }
  dialog.mui-alert-dialog::backdrop {
    background: #000c;
    backdrop-filter: blur(4px);
    animation: mui-alert-dialog-backdrop-enter .15s ease-out;
  }
  @keyframes mui-alert-dialog-enter {
    0% {
      opacity: 0;
      transform: scale(.95) translateY(4px);
    }
    to {
      opacity: 1;
      transform: scale(1) translateY(0);
    }
  }
  @keyframes mui-alert-dialog-backdrop-enter {
    0% {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  .mui-alert-dialog__header {
    padding: 1.5rem 1.5rem 0;
    display: flex;
    flex-direction: column;
    gap: .375rem;
  }
  .mui-alert-dialog__title {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -.01em;
  }
  .mui-alert-dialog__description {
    padding: .375rem 1.5rem 0;
    margin: 0;
    color: var(--mui-text-muted);
    font-size: .875rem;
    line-height: 1.5;
  }
  .mui-alert-dialog__body {
    padding: 1.5rem;
  }
  .mui-alert-dialog__body:empty {
    padding: 0;
  }
  .mui-alert-dialog__footer {
    display: flex;
    gap: .5rem;
    justify-content: flex-end;
    padding: 0 1.5rem 1.5rem;
  }
  @media (max-width: 640px) {
    dialog.mui-alert-dialog {
      width: calc(100vw - 1.5rem);
      max-width: calc(100vw - 1.5rem);
    }
    .mui-alert-dialog__header,.mui-alert-dialog__description {
      padding-inline-start: 1rem;
      padding-inline-end: 1rem;
    }
    .mui-alert-dialog__body {
      padding: 1rem;
    }
    .mui-alert-dialog__footer {
      flex-direction: column-reverse;
      padding: 0 1rem 1rem;
    }
    .mui-alert-dialog__footer>* {
      width: 100%;
    }
  }
  .mui-alert {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: .5rem .75rem;
    padding: 1rem;
    border: 1px solid var(--mui-border);
    border-radius: var(--mui-radius-lg);
    width: 100%;
    font-size: .875rem;
    line-height: 1.5;
    color: var(--mui-text);
    background-color: var(--mui-bg);
  }
  .mui-alert__icon {
    grid-column: 1;
    grid-row: 1 / span 2;
    align-self: start;
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
    font-size: 1rem;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .125rem;
    color: var(--mui-text);
  }
  .mui-alert__title {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.5;
    letter-spacing: -.01em;
    color: var(--mui-text);
  }
  .mui-alert__description {
    grid-column: 2;
    grid-row: 2;
    min-width: 0;
    font-size: .875rem;
    line-height: 1.5;
    color: var(--mui-text-muted);
    margin: 0;
  }
  .mui-alert__action {
    grid-column: 3;
    grid-row: 1 / span 2;
    align-self: start;
    display: flex;
    align-items: center;
    gap: .25rem;
  }
  .mui-alert--default {
    border-color: var(--mui-border);
    color: var(--mui-text);
  }
  .mui-alert--default .mui-alert__icon {
    color: var(--mui-text);
  }
  .mui-alert--danger {
    border-color: var(--mui-danger);
    color: var(--mui-danger-text);
  }
  .mui-alert--danger .mui-alert__icon,.mui-alert--danger .mui-alert__title {
    color: var(--mui-danger-text);
  }
  .mui-alert--danger .mui-alert__description {
    color: var(--mui-danger-text);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in srgb,var(--mui-danger-text) 72%,var(--mui-text-muted));
    }
  }
  .mui-alert--info {
    border-color: var(--mui-accent);
    color: var(--mui-text);
  }
  .mui-alert--info .mui-alert__icon {
    color: var(--mui-accent);
  }
  .mui-alert--success {
    border-color: var(--mui-success);
    color: var(--mui-text);
  }
  .mui-alert--success .mui-alert__icon {
    color: var(--mui-success-text);
  }
  .mui-alert--warning {
    border-color: var(--mui-warning);
    color: var(--mui-text);
  }
  .mui-alert--warning .mui-alert__icon {
    color: var(--mui-warning);
  }
  .mui-aspect-ratio {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: var(--mui-radius-md);
  }
  .mui-aspect-ratio:before {
    content: "";
    display: block;
    padding-top: calc(100% / var(--mui-aspect-ratio, 1.7778));
  }
  .mui-aspect-ratio>* {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .mui-aspect-ratio>img {
    display: block;
  }
  .mui-avatar {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--mui-radius-full);
    overflow: hidden;
    background: var(--mui-bg-input);
    color: var(--mui-accent-fg);
    font-family: var(--mui-font-sans);
    font-weight: 500;
    user-select: none;
    flex-shrink: 0;
    border: 1px solid var(--mui-border);
  }
  .mui-avatar__badge {
    position: absolute;
    bottom: 0;
    right: 0;
    min-width: .75rem;
    height: .75rem;
    border-radius: 9999px;
    border: 2px solid var(--mui-bg-card);
    background: var(--mui-success, #10b981);
    color: var(--mui-bg-card);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .625rem;
    line-height: 1;
    padding: 0 .1875rem;
    box-sizing: content-box;
    z-index: 1;
  }
  .mui-avatar--sm {
    width: 1.75rem;
    height: 1.75rem;
    font-size: .6875rem;
  }
  .mui-avatar--md {
    width: 2.5rem;
    height: 2.5rem;
    font-size: .875rem;
  }
  .mui-avatar--lg {
    width: 3.5rem;
    height: 3.5rem;
    font-size: 1.125rem;
  }
  .mui-avatar__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .mui-avatar__fallback {
    text-transform: uppercase;
    letter-spacing: .02em;
    background: var(--mui-bg-input);
    color: var(--mui-text-muted);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .mui-avatar-group {
    display: flex;
    align-items: center;
  }
  .mui-avatar-group .mui-avatar {
    margin-left: -.5rem;
    border: 2px solid var(--mui-bg-card);
    box-sizing: content-box;
  }
  .mui-avatar-group .mui-avatar:first-child {
    margin-left: 0;
  }
  .mui-avatar-group__count {
    background: var(--mui-bg-input);
    color: var(--mui-text);
    font-size: .75rem;
    font-weight: 500;
  }
  .mui-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 1.375rem;
    padding: 0 .625rem;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
    border: 1px solid transparent;
    border-radius: var(--mui-radius-full);
    transition: background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1);
  }
  .mui-badge--default {
    background-color: var(--mui-accent);
    color: var(--mui-accent-fg);
  }
  .mui-badge--secondary {
    background-color: var(--mui-bg-input);
    border-color: var(--mui-border);
    color: var(--mui-text-muted);
  }
  .mui-badge--success {
    background-color: var(--mui-success);
    color: var(--mui-success-fg);
  }
  .mui-badge--warning {
    background-color: var(--mui-warning);
    color: var(--mui-warning-fg);
  }
  .mui-badge--danger {
    background-color: var(--mui-danger);
    color: var(--mui-danger-fg);
  }
  .mui-badge--info {
    background-color: var(--mui-info);
    color: var(--mui-info-fg);
  }
  .mui-badge--accent {
    background-color: var(--mui-accent);
    color: var(--mui-accent-fg);
  }
  .mui-badge--violet {
    background-color: var(--mui-violet);
    color: var(--mui-violet-fg);
  }
  .mui-badge--rose {
    background-color: var(--mui-rose);
    color: var(--mui-rose-fg);
  }
  .mui-badge--outline {
    background-color: transparent;
    border-color: var(--mui-border);
    color: var(--mui-text);
  }
  .mui-badge--ghost {
    background-color: transparent;
    border: 1px solid transparent;
    color: var(--mui-text);
  }
  .mui-badge--ghost:hover {
    background-color: var(--mui-bg-input);
  }
  .mui-badge--link {
    background-color: transparent;
    border-color: transparent;
    color: var(--mui-accent);
    padding: 0;
    height: auto;
    text-decoration: underline;
  }
  .mui-badge[data-icon=inline-start] {
    gap: .25rem;
  }
  .mui-badge--mono {
    font-family: var(--mui-font-mono);
    letter-spacing: -.01em;
  }
  .mui-breadcrumb {
    display: flex;
    align-items: center;
    width: 100%;
  }
  .mui-breadcrumb__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .375rem;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .mui-breadcrumb__item {
    display: inline-flex;
    align-items: center;
    font-size: .875rem;
    line-height: 1.5;
  }
  .mui-breadcrumb__item a {
    color: var(--mui-text-muted);
    text-decoration: none;
    text-underline-offset: 4px;
    transition: color var(--mui-transition);
  }
  .mui-breadcrumb__item a:hover {
    color: var(--mui-text);
    text-decoration: underline;
  }
  .mui-breadcrumb__item a:focus-visible {
    outline: 2px solid var(--mui-border-focus);
    outline-offset: 2px;
  }
  .mui-breadcrumb__item--current {
    color: var(--mui-text);
    font-weight: 400;
  }
  .mui-breadcrumb__separator {
    display: inline-flex;
    align-items: center;
    color: var(--mui-text-muted);
    font-size: .875rem;
    user-select: none;
    pointer-events: none;
  }
  .mui-button-group {
    display: inline-flex;
    gap: 0;
  }
  .mui-button-group--horizontal {
    flex-direction: row;
  }
  .mui-button-group--horizontal>.mui-btn {
    border-radius: 0;
    margin-inline-start: -1px;
    position: relative;
  }
  .mui-button-group--horizontal>.mui-btn:first-child {
    border-radius: var(--mui-radius-md) 0 0 var(--mui-radius-md);
    margin-inline-start: 0;
  }
  .mui-button-group--horizontal>.mui-btn:last-child {
    border-radius: 0 var(--mui-radius-md) var(--mui-radius-md) 0;
  }
  .mui-button-group--vertical {
    flex-direction: column;
  }
  .mui-button-group--vertical>.mui-btn {
    border-radius: 0;
    margin-top: -1px;
    position: relative;
  }
  .mui-button-group--vertical>.mui-btn:first-child {
    border-radius: var(--mui-radius-md) var(--mui-radius-md) 0 0;
    margin-top: 0;
  }
  .mui-button-group--vertical>.mui-btn:last-child {
    border-radius: 0 0 var(--mui-radius-md) var(--mui-radius-md);
  }
  .mui-button-group>.mui-btn:hover {
    z-index: 1;
  }
  .mui-button-group>.mui-btn:focus-visible {
    z-index: 2;
    outline: 2px solid var(--mui-border-focus);
    outline-offset: -2px;
  }
  .mui-button-group>.mui-btn[aria-pressed=true],.mui-button-group>.mui-btn.is-active {
    z-index: 1;
    background: var(--mui-accent);
    color: var(--mui-accent-fg);
    border-color: var(--mui-accent);
  }
  .mui-button-group--horizontal>.mui-btn:only-child {
    border-radius: var(--mui-radius-md);
  }
  .mui-button-group--vertical>.mui-btn:only-child {
    border-radius: var(--mui-radius-md);
  }
  .mui-button-group__separator[aria-orientation=vertical] {
    width: 1px;
    align-self: stretch;
    background: var(--mui-border);
  }
  .mui-button-group__separator[aria-orientation=horizontal] {
    height: 1px;
    align-self: stretch;
    background: var(--mui-border);
  }
  .mui-button-group__text {
    display: inline-flex;
    align-items: center;
    padding: 0 .75rem;
    color: var(--mui-text-muted);
    font-size: .875rem;
  }
  .mui-button-group--horizontal>.mui-button-group__separator+.mui-btn,.mui-button-group--horizontal>.mui-button-group__text+.mui-btn {
    margin-inline-start: 0;
  }
  .mui-button-group--vertical>.mui-button-group__separator+.mui-btn,.mui-button-group--vertical>.mui-button-group__text+.mui-btn {
    margin-top: 0;
  }
  .mui-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    font-family: var(--mui-font-sans);
    font-weight: 500;
    white-space: nowrap;
    border: 1px solid transparent;
    border-radius: var(--mui-radius-md);
    cursor: pointer;
    transition: background-color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);
    -webkit-user-select: none;
    user-select: none;
  }
  .mui-btn--sm {
    height: 2rem;
    padding: 0 .75rem;
    font-size: .75rem;
  }
  .mui-btn--md {
    height: 2.25rem;
    padding: 0 1rem;
    font-size: .875rem;
  }
  .mui-btn--lg {
    height: 2.5rem;
    padding: 0 1.5rem;
    font-size: .875rem;
  }
  .mui-btn--icon {
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    flex-shrink: 0;
  }
  .mui-btn--xs {
    height: 1.5rem;
    padding: 0 .5rem;
    font-size: .75rem;
  }
  .mui-btn--icon-xs {
    height: 1.5rem;
    width: 1.5rem;
    padding: 0;
    flex-shrink: 0;
  }
  .mui-btn--icon-sm {
    height: 1.75rem;
    width: 1.75rem;
    padding: 0;
    flex-shrink: 0;
  }
  .mui-btn--icon-lg {
    height: 2.5rem;
    width: 2.5rem;
    padding: 0;
    flex-shrink: 0;
  }
  .mui-btn--default {
    background: var(--mui-bg-input);
    border-color: var(--mui-border-control);
    color: var(--mui-text);
  }
  .mui-btn--default:hover:not([aria-disabled=true]) {
    background: var(--mui-border);
    border-color: var(--mui-border-hover);
  }
  .mui-btn--primary {
    background: var(--mui-accent);
    border-color: var(--mui-accent);
    color: var(--mui-accent-fg);
    box-shadow: 0 1px 2px #0000001f;
  }
  .mui-btn--primary:hover:not([aria-disabled=true]) {
    background: var(--mui-accent-hover);
    border-color: var(--mui-accent-hover);
  }
  .mui-btn--secondary {
    background: var(--mui-bg-input);
    border-color: var(--mui-border-control);
    color: var(--mui-text);
  }
  .mui-btn--secondary:hover:not([aria-disabled=true]) {
    background: var(--mui-border);
    border-color: var(--mui-border-hover);
  }
  .mui-btn--outline {
    background: transparent;
    border-color: var(--mui-border-control);
    color: var(--mui-text);
  }
  .mui-btn--outline:hover:not([aria-disabled=true]) {
    background: var(--mui-bg-input);
    color: var(--mui-text);
  }
  .mui-btn--ghost {
    background: transparent;
    border-color: transparent;
    color: var(--mui-text);
  }
  .mui-btn--ghost:hover:not([aria-disabled=true]) {
    background: var(--mui-bg-input);
  }
  .mui-btn--danger {
    background: var(--mui-danger);
    border-color: var(--mui-danger);
    color: #fff;
    box-shadow: 0 1px 2px #0000001f;
  }
  .mui-btn--danger:hover:not([aria-disabled=true]) {
    background: var(--mui-danger);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--mui-danger) 85%,black);
    }
    border-color: var(--mui-danger);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb,var(--mui-danger) 85%,black);
    }
  }
  .mui-btn--link {
    background: transparent;
    border-color: transparent;
    color: var(--mui-accent);
    height: auto;
    padding: 0;
    font-weight: 500;
    text-underline-offset: 4px;
  }
  .mui-btn--link:hover:not([aria-disabled=true]) {
    text-decoration: underline;
  }
  .mui-btn:focus-visible {
    outline: 2px solid var(--mui-border-focus);
    outline-offset: 2px;
  }
  .mui-btn[aria-disabled=true] {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none;
  }
  .mui-btn__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .mui-btn__icon svg {
    display: block;
    width: 1em;
    height: 1em;
  }
  .mui-spin {
    animation: mui-spin 1s linear infinite;
  }
  @media (prefers-reduced-motion: reduce) {
    .mui-spin {
      animation-duration: 2.4s;
    }
  }
  .mui-card {
    background-color: var(--mui-bg-card);
    border: 1px solid var(--mui-border);
    border-radius: var(--mui-radius-lg);
    box-shadow: var(--mui-shadow-sm);
    color: var(--mui-text);
    overflow: hidden;
  }
  .mui-card__header {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: .5rem;
    align-items: start;
    padding: 1.5rem 1.5rem 0;
  }
  .mui-card__header-text {
    display: flex;
    flex-direction: column;
    gap: .375rem;
    min-width: 0;
  }
  .mui-card__title {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.025em;
    color: var(--mui-text);
  }
  .mui-card__description {
    margin: 0;
    font-size: .875rem;
    line-height: 1.5;
    color: var(--mui-text-muted);
  }
  .mui-card__action {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    align-self: start;
    display: flex;
    align-items: center;
    gap: .375rem;
  }
  .mui-card__body {
    padding: 1.5rem;
  }
  .mui-card__header+.mui-card__body {
    padding-top: 0;
  }
  .mui-card__footer {
    display: flex;
    align-items: center;
    padding: 0 1.5rem 1.5rem;
  }
  .mui-card__body+.mui-card__footer {
    padding-top: 0;
  }
  .mui-card--sm .mui-card__header {
    padding: .75rem .75rem 0;
  }
  .mui-card--sm .mui-card__body {
    padding: .75rem;
  }
  .mui-card--sm .mui-card__footer {
    padding: 0 .75rem .75rem;
  }
  .mui-card--sm .mui-card__title {
    font-size: 1.125rem;
  }
  .mui-card--sm .mui-card__description {
    font-size: .8125rem;
  }
  .mui-calendar {
    width: fit-content;
    padding: .75rem;
    background: var(--mui-bg-card);
    border: 1px solid var(--mui-border);
    border-radius: var(--mui-radius-lg);
    font-family: var(--mui-font-sans);
  }
  .mui-calendar__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: .5rem;
  }
  .mui-calendar__title {
    font-size: .875rem;
    font-weight: 500;
    color: var(--mui-text);
    user-select: none;
  }
  .mui-calendar__nav {
    width: 1.75rem;
    height: 1.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background: transparent;
    border: none;
    border-radius: var(--mui-radius-md);
    color: var(--mui-text-muted);
    font-size: 1rem;
    line-height: 1;
    cursor: pointer;
    transition: background-color var(--mui-transition),color var(--mui-transition);
    -webkit-user-select: none;
    user-select: none;
  }
  .mui-calendar__nav:hover {
    background: var(--mui-bg-input);
    color: var(--mui-text);
  }
  .mui-calendar__nav:active {
    background: var(--mui-border);
  }
  .mui-calendar__nav:focus-visible {
    outline: 2px solid var(--mui-border-focus);
    outline-offset: 2px;
  }
  .mui-calendar__grid {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  .mui-calendar__weekdays,.mui-calendar__week {
    display: grid;
    grid-template-columns: repeat(7,2rem);
    gap: .125rem;
    justify-content: center;
  }
  .mui-calendar__weekday {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    font-size: .75rem;
    font-weight: 500;
    color: var(--mui-text-muted);
    user-select: none;
  }
  .mui-calendar__day {
    position: relative;
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background: transparent;
    border: none;
    border-radius: var(--mui-radius-md);
    font-family: inherit;
    font-size: .8125rem;
    color: var(--mui-text);
    cursor: pointer;
    transition: background-color var(--mui-transition),color var(--mui-transition);
    -webkit-user-select: none;
    user-select: none;
  }
  .mui-calendar__day:hover:not(:disabled):not(.mui-calendar__day--selected) {
    background: var(--mui-bg-input);
  }
  .mui-calendar__day:active:not(:disabled):not(.mui-calendar__day--selected) {
    background: var(--mui-border);
  }
  .mui-calendar__day--today:not(.mui-calendar__day--selected) {
    font-weight: 600;
    box-shadow: inset 0 0 0 1px var(--mui-border-hover);
    border-radius: var(--mui-radius-md);
  }
  .mui-calendar__day--selected {
    background: var(--mui-accent);
    color: var(--mui-accent-fg);
    font-weight: 600;
    box-shadow: none;
  }
  .mui-calendar__day--selected:hover {
    background: var(--mui-accent-hover);
  }
  .mui-calendar__day--outside {
    color: var(--mui-text-subtle);
    opacity: .5;
  }
  .mui-calendar__day--outside:empty {
    visibility: hidden;
    pointer-events: none;
  }
  .mui-calendar__day:disabled {
    opacity: .5;
    cursor: not-allowed;
  }
  .mui-calendar__day:focus-visible {
    outline: 2px solid var(--mui-border-focus);
    outline-offset: 2px;
    z-index: 1;
  }
  .mui-calendar__value {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    pointer-events: none;
  }
  @media (max-width: 640px) {
    .mui-calendar {
      width: 100%;
      max-width: 100%;
    }
    .mui-calendar__weekdays,.mui-calendar__week {
      grid-template-columns: repeat(7,minmax(0,1fr));
      justify-content: stretch;
    }
    .mui-calendar__weekday,.mui-calendar__day {
      width: 100%;
    }
  }
  .mui-carousel {
    position: relative;
    width: 100%;
    max-width: 24rem;
  }
  @media (max-width: 640px) {
    .mui-carousel {
      max-width: 100%;
    }
  }
  .mui-carousel__viewport {
    overflow: hidden;
    border-radius: var(--mui-radius-lg);
  }
  .mui-carousel__container {
    display: flex;
    transition: transform .3s ease-out;
  }
  .mui-carousel__slide {
    flex: 0 0 100%;
    min-width: 0;
  }
  .mui-carousel__prev,.mui-carousel__next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: var(--mui-radius-full);
    background: transparent;
    color: var(--mui-text);
    font-size: 1.25rem;
    line-height: 1;
    cursor: pointer;
    transition: background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1);
    z-index: 1;
    padding: 0;
    font-family: inherit;
    opacity: .7;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
  }
  .mui-carousel__prev {
    inset-inline-start: .75rem;
  }
  .mui-carousel__next {
    inset-inline-end: .75rem;
  }
  .mui-carousel__prev:hover,.mui-carousel__next:hover {
    background: var(--mui-bg-input);
    opacity: 1;
  }
  .mui-carousel__prev:active,.mui-carousel__next:active {
    transform: translateY(-50%) scale(.95);
  }
  .mui-carousel__prev:disabled,.mui-carousel__next:disabled {
    opacity: .4;
    cursor: not-allowed;
    pointer-events: none;
  }
  .mui-carousel__prev:focus-visible,.mui-carousel__next:focus-visible {
    outline: 2px solid var(--mui-border-focus);
    outline-offset: 2px;
  }
  .mui-carousel__dots {
    display: flex;
    justify-content: center;
    gap: .5rem;
    padding-top: .75rem;
  }
  .mui-carousel__dot {
    width: 24px;
    height: 24px;
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .mui-carousel__dot:before {
    content: "";
    width: .5rem;
    height: .5rem;
    border-radius: var(--mui-radius-full);
    background: var(--mui-border);
    transition: background-color .2s ease-out,width .2s ease-out;
  }
  .mui-carousel__dot:hover:before {
    background: var(--mui-text-muted);
  }
  .mui-carousel__dot--active:before,.mui-carousel__dot[aria-selected=true]:before {
    background: var(--mui-accent);
    width: 1.25rem;
  }
  .mui-carousel__dot:focus-visible {
    outline: 2px solid var(--mui-border-focus);
    outline-offset: 2px;
  }
  .mui-chart {
    width: 100%;
    border: 1px solid var(--mui-border);
    border-radius: var(--mui-radius-md);
    padding: 1.25rem 1rem .75rem;
    background: var(--mui-bg-card);
    overflow: hidden;
  }
  .mui-chart__title {
    font-size: .9375rem;
    font-weight: 600;
    margin: 0 0 .75rem;
    color: var(--mui-text);
    letter-spacing: -.02em;
    line-height: 1.3;
  }
  .mui-chart__svg {
    color: var(--mui-text);
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
  }
  .mui-chart__label {
    font-size: .625rem;
    fill: var(--mui-text-muted);
    font-family: var(--mui-font-sans);
  }
  .mui-chart__value {
    font-size: .5625rem;
    fill: var(--mui-text-subtle);
    font-family: var(--mui-font-sans);
  }
  .mui-chart rect {
    transition: opacity .2s ease,filter .2s ease;
    cursor: pointer;
  }
  .mui-chart rect:hover {
    opacity: 1 !important;
    filter: brightness(1.15) saturate(1.1);
  }
  .mui-chart circle {
    transition: r .15s ease;
    cursor: pointer;
  }
  .mui-chart circle:hover {
    r: 5;
  }
  .mui-chart line[stroke-opacity] {
    shape-rendering: crispEdges;
  }
  .mui-checkbox {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    cursor: pointer;
    user-select: none;
  }
  .mui-checkbox__input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
  }
  .mui-checkbox__indicator {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    border: 1px solid var(--mui-border-control);
    border-radius: var(--mui-radius-sm);
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--mui-transition);
    margin-top: .125rem;
    box-shadow: 0 1px 2px #0000000d;
  }
  .mui-checkbox__input:checked+.mui-checkbox__indicator {
    background: var(--mui-accent);
    border-color: var(--mui-accent);
  }
  .mui-checkbox__input:checked+.mui-checkbox__indicator:after {
    content: "";
    display: block;
    width: .25rem;
    height: .5rem;
    border: solid var(--mui-accent-fg);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg) translateY(-.5px);
  }
  .mui-checkbox__indicator--indeterminate {
    background: var(--mui-accent);
    border-color: var(--mui-accent);
  }
  .mui-checkbox__indicator--indeterminate:after {
    content: "";
    display: block;
    width: .5rem;
    height: 2px;
    background: var(--mui-accent-fg);
    border-radius: 1px;
  }
  .mui-checkbox__input:focus-visible+.mui-checkbox__indicator {
    outline: 2px solid var(--mui-border-focus);
    outline-offset: 2px;
  }
  .mui-checkbox--disabled {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none;
  }
  .mui-checkbox--disabled .mui-checkbox__indicator {
    cursor: not-allowed;
  }
  .mui-checkbox--invalid .mui-checkbox__indicator {
    border-color: var(--mui-danger, #dc2626);
    box-shadow: 0 0 0 1px var(--mui-danger, #dc2626);
  }
  .mui-checkbox--invalid .mui-checkbox__input:focus-visible+.mui-checkbox__indicator {
    outline-color: var(--mui-danger, #dc2626);
  }
  .mui-checkbox__label {
    color: var(--mui-text);
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25;
  }
  .mui-checkbox__description {
    color: var(--mui-text-muted);
    font-size: .8125rem;
    line-height: 1.4;
    margin-top: .125rem;
  }
  .mui-checkbox__text {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  .mui-code-block {
    border: 1px solid var(--mui-border);
    border-radius: var(--mui-radius-md);
    background: var(--mui-bg-input);
    overflow: hidden;
    font-family: var(--mui-font-mono);
  }
  .mui-code-block__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .375rem .625rem;
    border-bottom: 1px solid var(--mui-border);
    background: var(--mui-bg-card);
    font-size: .75rem;
  }
  .mui-code-block__meta {
    display: inline-flex;
    align-items: center;
    gap: .625rem;
    min-width: 0;
  }
  .mui-code-block__lang {
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--mui-text-muted);
    font-weight: 600;
    font-size: .6875rem;
  }
  .mui-code-block__file {
    color: var(--mui-text);
    font-family: var(--mui-font-mono);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .mui-code-block__copy {
    font: inherit;
    font-size: .6875rem;
    background: transparent;
    color: var(--mui-text-muted);
    border: 1px solid var(--mui-border);
    border-radius: var(--mui-radius-sm);
    padding: .1875rem .5rem;
    cursor: pointer;
    transition: color .15s ease,border-color .15s ease;
  }
  .mui-code-block__copy:hover {
    color: var(--mui-text);
    border-color: var(--mui-border-hover);
  }
  .mui-code-block__pre {
    margin: 0;
    padding: .75rem .875rem;
    font-size: .8125rem;
    line-height: 1.55;
    color: var(--mui-text);
    overflow-x: auto;
    white-space: pre;
  }
  .mui-code-block__pre code {
    font: inherit;
    background: none;
    border: none;
    padding: 0;
    color: inherit;
  }
  :root,[data-theme=dark] {
    --mui-code-keyword: #c586c0;
    --mui-code-string: #ce9178;
    --mui-code-number: #b5cea8;
    --mui-code-comment: #6a9955;
    --mui-code-type: #4ec9b0;
    --mui-code-attr: #9cdcfe;
    --mui-code-lifetime: #569cd6;
    --mui-code-flag: #9cdcfe;
    --mui-code-var: #dcdcaa;
    --mui-code-bool: #569cd6;
    --mui-code-null: #569cd6;
    --mui-code-punct: inherit;
  }
  [data-theme=light] {
    --mui-code-keyword: #a626a4;
    --mui-code-string: #50a14f;
    --mui-code-number: #986801;
    --mui-code-comment: #a0a1a7;
    --mui-code-type: #c18401;
    --mui-code-attr: #4078f2;
    --mui-code-lifetime: #0184bc;
    --mui-code-flag: #4078f2;
    --mui-code-var: #e45649;
    --mui-code-bool: #0184bc;
    --mui-code-null: #0184bc;
    --mui-code-punct: inherit;
  }
  .mui-code__tok {
    color: inherit;
  }
  .mui-code__tok--keyword {
    color: var(--mui-code-keyword);
  }
  .mui-code__tok--string {
    color: var(--mui-code-string);
  }
  .mui-code__tok--number {
    color: var(--mui-code-number);
  }
  .mui-code__tok--comment {
    color: var(--mui-code-comment);
    font-style: italic;
  }
  .mui-code__tok--type {
    color: var(--mui-code-type);
  }
  .mui-code__tok--attribute {
    color: var(--mui-code-attr);
  }
  .mui-code__tok--lifetime {
    color: var(--mui-code-lifetime);
  }
  .mui-code__tok--flag {
    color: var(--mui-code-flag);
  }
  .mui-code__tok--variable {
    color: var(--mui-code-var);
  }
  .mui-code__tok--boolean {
    color: var(--mui-code-bool);
  }
  .mui-code__tok--null {
    color: var(--mui-code-null);
  }
  .mui-code__tok--punct {
    color: var(--mui-code-punct);
  }
  .mui-collapsible {
    display: block;
  }
  .mui-collapsible__trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background: transparent;
    color: var(--mui-text);
    border: none;
    padding: .75rem 0;
    font-family: inherit;
    font-size: .9375rem;
    font-weight: 500;
    cursor: pointer;
    text-align: start;
    transition: var(--mui-transition);
  }
  .mui-collapsible__trigger:hover {
    text-decoration: none;
  }
  .mui-collapsible__trigger:focus-visible {
    outline: 2px solid var(--mui-border-focus);
    outline-offset: 2px;
  }
  .mui-collapsible__label {
    flex: 1;
  }
  .mui-collapsible__chevron {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--mui-text-muted);
    font-size: .875rem;
    transition: transform .2s ease;
  }
  .mui-collapsible__trigger[aria-expanded=true] .mui-collapsible__chevron {
    transform: rotate(180deg);
  }
  .mui-collapsible__content {
    padding: 0 0 .75rem;
    font-size: .875rem;
    color: var(--mui-text-muted);
    overflow: hidden;
  }
  .mui-collapsible__content[hidden] {
    display: none;
  }
  .mui-collapsible--native>.mui-collapsible__trigger {
    list-style: none;
    cursor: pointer;
  }
  .mui-collapsible--native>.mui-collapsible__trigger::-webkit-details-marker {
    display: none;
  }
  .mui-collapsible--native[open]>.mui-collapsible__trigger .mui-collapsible__chevron {
    transform: rotate(180deg);
  }
  .mui-combobox {
    display: inline-block;
    position: relative;
  }
  .mui-combobox__trigger {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    min-width: 12rem;
    height: 2.25rem;
    padding: 0 .75rem;
    background: transparent;
    color: var(--mui-text);
    border: 1px solid var(--mui-border-control);
    border-radius: var(--mui-radius-md);
    font-family: inherit;
    font-size: .875rem;
    line-height: 1.25;
    cursor: pointer;
    transition: var(--mui-transition);
    box-sizing: border-box;
  }
  .mui-combobox__trigger:hover:not(:disabled) {
    border-color: var(--mui-border-hover);
  }
  .mui-combobox__trigger:focus-visible {
    outline: none;
    border-color: transparent;
    box-shadow: 0 0 0 2px var(--mui-bg),0 0 0 4px var(--mui-border-focus);
  }
  .mui-combobox__trigger:disabled {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none;
  }
  .mui-combobox__value {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .mui-combobox__chevron {
    font-size: .625rem;
    color: var(--mui-text-muted);
    transition: transform var(--mui-transition);
    flex-shrink: 0;
  }
  .mui-combobox__trigger[aria-expanded=true] .mui-combobox__chevron {
    transform: rotate(180deg);
  }
  .mui-combobox__dropdown {
    position: absolute;
    top: calc(100% + .25rem);
    inset-inline-start: 0;
    min-width: 100%;
    background: var(--mui-bg-card);
    border: 1px solid var(--mui-border);
    border-radius: var(--mui-radius-lg);
    box-shadow: var(--mui-shadow-md);
    z-index: 50;
    overflow: hidden;
    animation: mui-cb-enter .15s cubic-bezier(.16,1,.3,1);
  }
  @keyframes mui-cb-enter {
    0% {
      opacity: 0;
      transform: translateY(-4px) scale(.98);
    }
    to {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }
  .mui-combobox__dropdown[hidden] {
    display: none;
  }
  .mui-combobox__search-wrap {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .625rem .75rem;
    border-bottom: 1px solid var(--mui-border);
  }
  .mui-combobox__search-icon {
    color: var(--mui-text-muted);
    font-size: .875rem;
    flex-shrink: 0;
  }
  .mui-combobox__search {
    flex: 1;
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
    background: transparent;
    color: var(--mui-text);
    border: none;
    outline: none;
    font-family: inherit;
    font-size: .875rem;
    line-height: 1.5;
    box-sizing: border-box;
  }
  .mui-combobox__search::placeholder {
    color: var(--mui-text-muted);
  }
  .mui-combobox__list {
    overflow-y: auto;
    max-height: 12rem;
    padding: .25rem;
  }
  .mui-combobox__option {
    display: flex;
    align-items: center;
    gap: .5rem;
    min-height: 2rem;
    padding: .375rem .5rem;
    cursor: pointer;
    border-radius: var(--mui-radius-sm);
    font-size: .875rem;
    transition: background var(--mui-transition);
    position: relative;
  }
  .mui-combobox__option:hover {
    background: var(--mui-bg-input);
  }
  .mui-combobox__option--selected {
    font-weight: 500;
  }
  .mui-combobox__option--highlighted {
    background: var(--mui-bg-input);
  }
  .mui-combobox__check {
    display: none;
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    color: var(--mui-accent);
    font-size: .75rem;
    line-height: 1rem;
    text-align: center;
  }
  .mui-combobox__option--selected .mui-combobox__check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .mui-combobox__option-label {
    flex: 1;
  }
  .mui-combobox__empty {
    padding: 2rem 1rem;
    text-align: center;
    color: var(--mui-text-muted);
    font-size: .875rem;
  }
  .mui-combobox__empty[hidden] {
    display: none;
  }
  .mui-combobox__hidden {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    width: 0;
    height: 0;
  }
  .mui-combobox__chips {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .25rem;
    flex: 1;
    min-width: 0;
  }
  .mui-combobox__chip {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    background: var(--mui-bg-input);
    padding: .125rem .5rem;
    border-radius: 9999px;
    font-size: .75rem;
    line-height: 1.25;
  }
  .mui-combobox__chip-remove {
    cursor: pointer;
    opacity: .7;
    background: transparent;
    border: 0;
    padding: 0;
    font: inherit;
    color: inherit;
    line-height: 1;
  }
  .mui-combobox__chip-remove:hover {
    opacity: 1;
  }
  .mui-combobox__group {
    display: block;
  }
  .mui-combobox__group+.mui-combobox__group {
    margin-top: .25rem;
  }
  .mui-combobox__group-label {
    padding: .5rem .75rem .25rem;
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--mui-text-muted);
  }
  .mui-combobox__clear {
    background: transparent;
    border: 0;
    cursor: pointer;
    opacity: .6;
    padding: 0 .125rem;
    font: inherit;
    color: inherit;
    line-height: 1;
  }
  .mui-combobox__clear:hover {
    opacity: 1;
  }
  .mui-combobox[aria-invalid=true] .mui-combobox__trigger,.mui-combobox__trigger[aria-invalid=true] {
    border-color: var(--mui-danger, #dc2626);
  }
  @media (max-width: 640px) {
    .mui-combobox {
      display: block;
      width: 100%;
    }
    .mui-combobox__trigger {
      min-width: 0;
      width: 100%;
    }
    .mui-combobox__dropdown {
      inset-inline-start: 0;
      inset-inline-end: 0;
      max-width: 100%;
    }
  }
  dialog.mui-command {
    border: none;
    border-radius: var(--mui-radius-lg);
    background: var(--mui-bg-card);
    color: var(--mui-text);
    padding: 0;
    box-shadow: var(--mui-shadow-lg);
    max-width: 32rem;
    width: 90vw;
    overflow: hidden;
    animation: mui-command-enter .15s cubic-bezier(.16,1,.3,1);
  }
  dialog.mui-command::backdrop {
    background: #000c;
    animation: mui-command-backdrop-enter .15s ease-out;
  }
  @keyframes mui-command-enter {
    0% {
      opacity: 0;
      transform: scale(.95) translateY(-8px);
    }
    to {
      opacity: 1;
      transform: scale(1) translateY(0);
    }
  }
  @keyframes mui-command-backdrop-enter {
    0% {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  .mui-command__search-wrap {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .75rem 1rem;
    border-bottom: 1px solid var(--mui-border);
  }
  .mui-command__search-icon {
    color: var(--mui-text-muted);
    font-size: 1rem;
    flex-shrink: 0;
  }
  .mui-command__search {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    color: var(--mui-text);
    font-family: inherit;
    font-size: .9375rem;
    line-height: 1.5;
    padding: 0;
  }
  .mui-command__search::placeholder {
    color: var(--mui-text-muted);
  }
  .mui-command__list {
    overflow-y: auto;
    max-height: 18rem;
    padding: .25rem;
  }
  .mui-command__group {
    padding: .125rem 0;
  }
  .mui-command__group+.mui-command__group {
    border-top: 1px solid var(--mui-border);
    margin-top: .25rem;
    padding-top: .375rem;
  }
  .mui-command__group-label {
    padding: .375rem .5rem .25rem;
    font-size: .6875rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--mui-text-muted);
    user-select: none;
  }
  .mui-command__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .5rem;
    border-radius: var(--mui-radius-sm);
    font-size: .875rem;
    cursor: pointer;
    transition: background var(--mui-transition);
  }
  .mui-command__item:hover,.mui-command__item--highlighted {
    background: var(--mui-bg-input);
  }
  .mui-command__item--disabled {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none;
  }
  .mui-command__item-label {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .mui-command__item .mui-kbd,.mui-command__shortcut {
    margin-inline-start: auto;
    flex-shrink: 0;
  }
  .mui-command__separator {
    height: 1px;
    background: var(--mui-border);
    margin: .25rem .5rem;
  }
  .mui-command__empty {
    padding: 2rem 1rem;
    text-align: center;
    color: var(--mui-text-muted);
    font-size: .875rem;
  }
  .mui-command__empty[hidden],.mui-command__item[data-hidden=true],.mui-command__group[data-hidden=true] {
    display: none;
  }
  @media (max-width: 640px) {
    dialog.mui-command {
      width: calc(100vw - 1.5rem);
      max-width: calc(100vw - 1.5rem);
    }
    .mui-command__search-wrap {
      padding: .625rem .875rem;
    }
    .mui-command__list {
      max-height: 60vh;
    }
    .mui-command__item {
      padding: .5rem .375rem;
    }
  }
  .mui-context-menu {
    position: relative;
  }
  .mui-context-menu__region {
    cursor: context-menu;
  }
  .mui-context-menu-demo {
    padding: 2rem 4rem;
    background: var(--mui-bg-input);
    border: 2px dashed var(--mui-border);
    border-radius: var(--mui-radius-md);
    text-align: center;
    font-size: .875rem;
    color: var(--mui-text-muted);
    -webkit-user-select: none;
    user-select: none;
    cursor: context-menu;
  }
  .mui-context-menu__content {
    position: fixed;
    min-width: 12rem;
    background: var(--mui-bg-card);
    border: 1px solid var(--mui-border);
    border-radius: var(--mui-radius-md);
    box-shadow: var(--mui-shadow-lg);
    padding: .25rem;
    z-index: 60;
  }
  .mui-context-menu__content[hidden] {
    display: none;
  }
  .mui-data-table {
    width: 100%;
  }
  .mui-data-table__toolbar {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
  }
  .mui-data-table__search {
    max-width: 16rem;
    height: 2rem;
    padding: .375rem .75rem;
    font-size: .8125rem;
    background: transparent;
    color: var(--mui-text);
    border: 1px solid var(--mui-border);
    border-radius: var(--mui-radius-md);
    font-family: inherit;
    transition: var(--mui-transition);
    box-sizing: border-box;
  }
  .mui-data-table__search::placeholder {
    color: var(--mui-text-subtle);
  }
  .mui-data-table__search:hover:not(:disabled) {
    border-color: var(--mui-border-hover);
  }
  .mui-data-table__search:focus-visible {
    outline: none;
    border-color: transparent;
    box-shadow: 0 0 0 2px var(--mui-bg),0 0 0 4px var(--mui-border-focus);
  }
  .mui-data-table__wrapper {
    position: relative;
    overflow: auto;
    width: 100%;
    border: 1px solid var(--mui-border);
    border-radius: var(--mui-radius-md);
  }
  .mui-data-table__th[data-sortable=true] {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
  }
  .mui-data-table__th[data-sortable=true]:hover {
    color: var(--mui-text);
  }
  .mui-data-table__sort-icon {
    display: inline-flex;
    align-items: center;
    margin-inline-start: .25rem;
    font-size: .6875rem;
    color: var(--mui-text-subtle);
    vertical-align: middle;
    opacity: 0;
    transition: opacity var(--mui-transition),color var(--mui-transition);
  }
  .mui-data-table__th[data-sortable=true]:hover .mui-data-table__sort-icon {
    opacity: .6;
    color: var(--mui-text-muted);
  }
  .mui-data-table__th[data-sort-dir=asc] .mui-data-table__sort-icon,.mui-data-table__th[data-sort-dir=desc] .mui-data-table__sort-icon {
    opacity: 1;
    color: var(--mui-text);
  }
  .mui-data-table__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .75rem .125rem 0;
    font-size: .8125rem;
  }
  .mui-data-table__info {
    color: var(--mui-text-muted);
  }
  .mui-data-table__pagination {
    display: flex;
    gap: .5rem;
  }
  .mui-data-table__page-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 2rem;
    padding: 0 .75rem;
    font-family: var(--mui-font-sans);
    font-size: .8125rem;
    font-weight: 500;
    color: var(--mui-text);
    background: transparent;
    border: 1px solid var(--mui-border);
    border-radius: var(--mui-radius-md);
    cursor: pointer;
    transition: background-color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1);
    -webkit-user-select: none;
    user-select: none;
    white-space: nowrap;
  }
  .mui-data-table__page-btn:hover:not(:disabled) {
    background: var(--mui-bg-input);
    border-color: var(--mui-border-hover);
  }
  .mui-data-table__page-btn:focus-visible {
    outline: 2px solid var(--mui-border-focus);
    outline-offset: 2px;
  }
  .mui-data-table__page-btn:disabled {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none;
  }
  @media (max-width: 640px) {
    .mui-data-table__toolbar {
      flex-direction: column;
      align-items: stretch;
      gap: .5rem;
    }
    .mui-data-table__search {
      max-width: 100%;
      width: 100%;
    }
    .mui-data-table__footer {
      flex-direction: column;
      align-items: stretch;
      gap: .625rem;
    }
    .mui-data-table__pagination {
      justify-content: space-between;
      width: 100%;
    }
    .mui-data-table__page-btn {
      flex: 1;
    }
  }
  .mui-date-picker {
    display: inline-block;
    position: relative;
  }
  .mui-date-picker__trigger,.mui-date-picker__trigger.mui-input {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    min-width: 14rem;
    height: 2.25rem;
    padding: 0 .75rem;
    background: transparent;
    color: var(--mui-text);
    border: 1px solid var(--mui-border-control);
    border-radius: var(--mui-radius-md);
    font-family: inherit;
    font-size: .875rem;
    line-height: 1.25;
    cursor: pointer;
    transition: var(--mui-transition);
    box-sizing: border-box;
    text-align: start;
  }
  .mui-date-picker__trigger:hover:not(:disabled) {
    border-color: var(--mui-border-hover);
  }
  .mui-date-picker__trigger:focus-visible {
    outline: none;
    border-color: transparent;
    box-shadow: 0 0 0 2px var(--mui-bg),0 0 0 4px var(--mui-border-focus);
  }
  .mui-date-picker__trigger:disabled {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none;
  }
  .mui-date-picker__value {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .mui-date-picker__value--placeholder {
    color: var(--mui-text-muted);
  }
  .mui-date-picker__icon {
    flex-shrink: 0;
    color: var(--mui-text-muted);
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .mui-date-picker__icon svg {
    width: 1rem;
    height: 1rem;
  }
  .mui-date-picker__dropdown {
    position: absolute;
    top: calc(100% + .25rem);
    inset-inline-start: 0;
    z-index: 50;
    background: var(--mui-bg-card);
    border: 1px solid var(--mui-border);
    border-radius: var(--mui-radius-lg);
    box-shadow: var(--mui-shadow-md);
    padding: .75rem;
    min-width: 16rem;
    animation: mui-dp-enter .15s cubic-bezier(.16,1,.3,1);
  }
  @keyframes mui-dp-enter {
    0% {
      opacity: 0;
      transform: translateY(-4px) scale(.98);
    }
    to {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }
  .mui-date-picker__dropdown[hidden] {
    display: none;
  }
  .mui-date-picker__calendar {
    width: 100%;
  }
  .mui-date-picker__cal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .5rem;
  }
  .mui-date-picker__cal-title {
    font-size: .875rem;
    font-weight: 500;
    user-select: none;
  }
  .mui-date-picker__nav-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    background: transparent;
    border: none;
    border-radius: var(--mui-radius-md);
    color: var(--mui-text-muted);
    font-size: 1rem;
    cursor: pointer;
    transition: var(--mui-transition);
    line-height: 1;
  }
  .mui-date-picker__nav-btn:hover {
    background: var(--mui-bg-input);
    color: var(--mui-text);
  }
  .mui-date-picker__nav-btn:active {
    background: var(--mui-border);
  }
  .mui-date-picker__nav-btn:focus-visible {
    outline: 2px solid var(--mui-border-focus);
    outline-offset: 2px;
  }
  .mui-date-picker__day-headers {
    display: grid;
    grid-template-columns: repeat(7,2rem);
    gap: .125rem;
    margin-bottom: .125rem;
    justify-content: center;
  }
  .mui-date-picker__day-header {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    font-size: .6875rem;
    font-weight: 500;
    color: var(--mui-text-muted);
    user-select: none;
  }
  .mui-date-picker__days {
    display: grid;
    grid-template-columns: repeat(7,2rem);
    gap: .125rem;
    justify-content: center;
  }
  .mui-date-picker__day {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    background: transparent;
    border: none;
    border-radius: var(--mui-radius-md);
    color: var(--mui-text);
    font-size: .8125rem;
    cursor: pointer;
    transition: var(--mui-transition);
    font-family: inherit;
    line-height: 1;
    padding: 0;
  }
  .mui-date-picker__day:hover:not(:disabled):not(.mui-date-picker__day--empty) {
    background: var(--mui-bg-input);
  }
  .mui-date-picker__day:active:not(:disabled):not(.mui-date-picker__day--empty) {
    background: var(--mui-border);
  }
  .mui-date-picker__day--empty {
    cursor: default;
    pointer-events: none;
  }
  .mui-date-picker__day--selected {
    background: var(--mui-accent) !important;
    color: var(--mui-accent-fg);
    font-weight: 600;
  }
  .mui-date-picker__day--selected:hover {
    background: var(--mui-accent-hover) !important;
  }
  .mui-date-picker__day--disabled {
    opacity: .35;
    cursor: not-allowed;
    pointer-events: none;
  }
  .mui-date-picker__day:focus-visible {
    outline: 2px solid var(--mui-border-focus);
    outline-offset: 1px;
    z-index: 1;
  }
  .mui-date-picker__hidden {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    width: 0;
    height: 0;
  }
  @media (max-width: 640px) {
    .mui-date-picker {
      display: block;
      width: 100%;
    }
    .mui-date-picker__trigger {
      min-width: 0;
      width: 100%;
    }
    .mui-date-picker__dropdown {
      min-width: 0;
      max-width: calc(100vw - 2rem);
      inset-inline-start: 0;
      inset-inline-end: auto;
    }
  }
  dialog.mui-dialog {
    border: none;
    border-radius: var(--mui-radius-lg);
    background: var(--mui-bg-card);
    color: var(--mui-text);
    padding: 0;
    box-shadow: var(--mui-shadow-lg);
    max-width: 32rem;
    width: 90vw;
    animation: mui-dialog-enter .15s cubic-bezier(.16,1,.3,1);
  }
  dialog.mui-dialog.mui-dialog--sm {
    max-width: 28rem;
  }
  .mui-dialog--sm .mui-dialog__header,.mui-dialog--sm .mui-dialog__body {
    padding: .75rem;
  }
  dialog.mui-dialog::backdrop {
    background: #000c;
    backdrop-filter: blur(4px);
    animation: mui-dialog-backdrop-enter .15s ease-out;
  }
  @keyframes mui-dialog-enter {
    0% {
      opacity: 0;
      transform: scale(.95) translateY(4px);
    }
    to {
      opacity: 1;
      transform: scale(1) translateY(0);
    }
  }
  @keyframes mui-dialog-backdrop-enter {
    0% {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  .mui-dialog__header {
    padding: 1.5rem 1.5rem 0;
    display: flex;
    flex-direction: column;
    gap: .375rem;
  }
  .mui-dialog__title {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -.01em;
  }
  .mui-dialog__close {
    position: absolute;
    top: 1rem;
    inset-inline-end: 1rem;
    background: transparent;
    border: none;
    color: var(--mui-text-muted);
    cursor: pointer;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--mui-radius-sm);
    font-size: 1rem;
    transition: opacity var(--mui-transition);
    opacity: .7;
    flex-shrink: 0;
  }
  .mui-dialog__close:hover {
    opacity: 1;
  }
  .mui-dialog__close:focus-visible {
    outline: 2px solid var(--mui-border-focus);
    outline-offset: 2px;
  }
  .mui-dialog__close:active {
    opacity: .5;
  }
  .mui-dialog__description {
    padding: .25rem 1.5rem 0;
    margin: 0;
    color: var(--mui-text-muted);
    font-size: .875rem;
    line-height: 1.5;
  }
  .mui-dialog__body {
    padding: 1rem 1.5rem;
  }
  .mui-dialog__body>*:last-child {
    margin-bottom: 0;
  }
  .mui-dialog__footer {
    display: flex;
    gap: .5rem;
    justify-content: flex-end;
    padding: 0 1.5rem 1.5rem;
  }
  @media (max-width: 640px) {
    dialog.mui-dialog {
      width: calc(100vw - 1.5rem);
      max-width: calc(100vw - 1.5rem);
    }
    .mui-dialog__header,.mui-dialog__description {
      padding-inline-start: 1rem;
      padding-inline-end: 1rem;
    }
    .mui-dialog__body {
      padding: .875rem 1rem;
    }
    .mui-dialog__footer {
      flex-direction: column-reverse;
      padding: 0 1rem 1rem;
    }
    .mui-dialog__footer>* {
      width: 100%;
    }
  }
  .mui-diff {
    border: 1px solid var(--mui-border);
    border-radius: var(--mui-radius-md);
    background: var(--mui-bg-card);
    overflow: hidden;
    font-family: var(--mui-font-mono);
    font-size: .8125rem;
  }
  .mui-diff__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .375rem .625rem;
    border-bottom: 1px solid var(--mui-border);
    background: var(--mui-bg);
    font-size: .75rem;
  }
  .mui-diff__file {
    color: var(--mui-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .mui-diff__stats {
    display: inline-flex;
    gap: .5rem;
  }
  .mui-diff__added {
    color: var(--mui-success);
    font-weight: 600;
  }
  .mui-diff__removed {
    color: var(--mui-danger);
    font-weight: 600;
  }
  .mui-diff__body {
    line-height: 1.5;
    overflow-x: auto;
  }
  .mui-diff__line {
    display: grid;
    grid-template-columns: auto auto auto 1fr;
    align-items: start;
    padding: 0 .375rem;
    column-gap: .5rem;
    min-height: 1.5rem;
  }
  .mui-diff__line--add {
    background: var(--mui-success);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--mui-success) 10%,transparent);
    }
  }
  .mui-diff__line--remove {
    background: var(--mui-danger);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--mui-danger) 10%,transparent);
    }
  }
  .mui-diff__line--hunk {
    background: var(--mui-bg-input);
    color: var(--mui-text-muted);
    font-weight: 500;
    grid-template-columns: 1fr;
    padding: .25rem .625rem;
  }
  .mui-diff__lineno {
    display: inline-block;
    min-width: 2.25rem;
    color: var(--mui-text-muted);
    text-align: right;
    user-select: none;
    font-size: .75rem;
  }
  .mui-diff__sigil {
    color: var(--mui-text-muted);
    width: 1ch;
  }
  .mui-diff__line--add .mui-diff__sigil {
    color: var(--mui-success);
  }
  .mui-diff__line--remove .mui-diff__sigil {
    color: var(--mui-danger);
  }
  .mui-diff__text {
    color: var(--mui-text);
    white-space: pre;
  }
  .mui-diff__line--hunk .mui-diff__text {
    font-style: normal;
    color: var(--mui-text-muted);
  }
  .mui-docs {
    margin-top: 2.5rem;
    padding-top: 2rem;
    border-top: 1px solid var(--mui-border);
    max-width: 48rem;
    font-size: .9375rem;
    line-height: 1.65;
    color: var(--mui-text);
  }
  .mui-docs h1 {
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0 0 .5rem;
  }
  .mui-docs h1+p {
    color: var(--mui-text-muted);
    font-size: 1.0625rem;
    margin-top: 0;
  }
  .mui-docs h2 {
    font-size: 1.125rem;
    font-weight: 600;
    margin: 2rem 0 .5rem;
    padding-bottom: .375rem;
    border-bottom: 1px solid var(--mui-border);
  }
  .mui-docs h3 {
    font-size: .9375rem;
    font-weight: 600;
    margin: 1.5rem 0 .5rem;
    color: var(--mui-text);
  }
  .mui-docs p {
    margin: 0 0 .75rem;
  }
  .mui-docs code {
    font-family: var(--mui-font-mono);
    font-size: .875em;
    background: var(--mui-bg-input);
    padding: .125rem .375rem;
    border-radius: .25rem;
    border: 1px solid var(--mui-border);
    color: var(--mui-accent);
  }
  .mui-docs pre {
    margin: .75rem 0 1.25rem;
    padding: 1rem;
    background: var(--mui-bg-input);
    border: 1px solid var(--mui-border);
    border-radius: var(--mui-radius-md);
    overflow-x: auto;
    font-size: .8125rem;
    line-height: 1.55;
  }
  .mui-docs pre code {
    background: transparent;
    border: 0;
    padding: 0;
    color: var(--mui-text);
    font-size: inherit;
  }
  .mui-docs table {
    width: 100%;
    border-collapse: collapse;
    margin: .5rem 0 1.25rem;
    font-size: .875rem;
  }
  .mui-docs th,.mui-docs td {
    padding: .5rem .75rem;
    text-align: left;
    border-bottom: 1px solid var(--mui-border);
    vertical-align: top;
  }
  .mui-docs th {
    font-weight: 600;
    color: var(--mui-text);
    background: var(--mui-bg-input);
    border-top: 1px solid var(--mui-border);
  }
  .mui-docs td code,.mui-docs th code {
    font-size: .8125em;
  }
  .mui-docs ul,.mui-docs ol {
    margin: 0 0 .75rem;
    padding-left: 1.5rem;
  }
  .mui-docs li {
    margin: .25rem 0;
  }
  .mui-docs a {
    color: var(--mui-accent);
    text-decoration: underline;
    text-underline-offset: 2px;
  }
  .mui-docs a:hover {
    text-decoration-thickness: 2px;
  }
  .mui-docs blockquote {
    margin: .75rem 0;
    padding: .5rem 1rem;
    border-left: 3px solid var(--mui-border);
    color: var(--mui-text-muted);
    background: var(--mui-bg-input);
    border-radius: 0 var(--mui-radius-md) var(--mui-radius-md) 0;
  }
  .mui-docs hr {
    border: 0;
    border-top: 1px solid var(--mui-border);
    margin: 2rem 0;
  }
  body[data-drawer-scaling] main {
    transform: scale(.97);
    transform-origin: top center;
    transition: transform .2s ease;
  }
  dialog.mui-drawer {
    margin: 0;
    padding: 0;
    border: none;
    background: var(--mui-bg-card);
    color: var(--mui-text);
    box-shadow: var(--mui-shadow-lg);
    max-width: 24rem;
    width: 85vw;
    height: 100vh;
    max-height: 100vh;
    overflow: hidden;
  }
  dialog.mui-drawer[open] {
    display: flex;
    flex-direction: column;
  }
  dialog.mui-drawer::backdrop {
    background: #000c;
    backdrop-filter: blur(4px);
    animation: mui-drawer-backdrop-enter .15s ease-out;
  }
  @keyframes mui-drawer-backdrop-enter {
    0% {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  dialog.mui-drawer--right {
    margin-inline-start: auto;
    margin-inline-end: 0;
    margin-top: 0;
    margin-bottom: 0;
    position: fixed;
    inset-inline-end: 0;
    top: 0;
    bottom: 0;
    border-radius: var(--mui-radius-lg) 0 0 var(--mui-radius-lg);
    animation: mui-drawer-slide-right .2s cubic-bezier(.16,1,.3,1);
  }
  @keyframes mui-drawer-slide-right {
    0% {
      transform: translate(100%);
    }
    to {
      transform: translate(0);
    }
  }
  :dir(rtl) dialog.mui-drawer--right {
    animation-name: mui-drawer-slide-left;
  }
  dialog.mui-drawer--left {
    margin-inline-end: auto;
    margin-inline-start: 0;
    margin-top: 0;
    margin-bottom: 0;
    position: fixed;
    inset-inline-start: 0;
    top: 0;
    bottom: 0;
    border-radius: 0 var(--mui-radius-lg) var(--mui-radius-lg) 0;
    animation: mui-drawer-slide-left .2s cubic-bezier(.16,1,.3,1);
  }
  @keyframes mui-drawer-slide-left {
    0% {
      transform: translate(-100%);
    }
    to {
      transform: translate(0);
    }
  }
  :dir(rtl) dialog.mui-drawer--left {
    animation-name: mui-drawer-slide-right;
  }
  dialog.mui-drawer--top {
    width: 100vw;
    max-width: 100vw;
    height: auto;
    max-height: 50vh;
    margin-bottom: auto;
    margin-inline-start: 0;
    margin-inline-end: 0;
    margin-top: 0;
    position: fixed;
    top: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    border-radius: 0 0 var(--mui-radius-lg) var(--mui-radius-lg);
    animation: mui-drawer-slide-top .2s cubic-bezier(.16,1,.3,1);
  }
  @keyframes mui-drawer-slide-top {
    0% {
      transform: translateY(-100%);
    }
    to {
      transform: translateY(0);
    }
  }
  dialog.mui-drawer--bottom {
    width: 100vw;
    max-width: 100vw;
    height: auto;
    max-height: 85vh;
    margin-top: auto;
    margin-inline-start: 0;
    margin-inline-end: 0;
    margin-bottom: 0;
    position: fixed;
    bottom: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    border-radius: var(--mui-radius-lg) var(--mui-radius-lg) 0 0;
    animation: mui-drawer-slide-bottom .2s cubic-bezier(.16,1,.3,1);
  }
  @keyframes mui-drawer-slide-bottom {
    0% {
      transform: translateY(100%);
    }
    to {
      transform: translateY(0);
    }
  }
  .mui-drawer__handle {
    display: flex;
    justify-content: center;
    padding: .75rem 0 0;
  }
  .mui-drawer__handle-bar {
    width: 2.5rem;
    height: .25rem;
    border-radius: 9999px;
    background: var(--mui-text-muted);
    opacity: .4;
  }
  .mui-drawer__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem 1.5rem 0;
  }
  .mui-drawer__title {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -.01em;
  }
  .mui-drawer__close {
    background: transparent;
    border: 1px solid var(--mui-border);
    color: var(--mui-text);
    cursor: pointer;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--mui-radius-sm);
    font-size: 1.125rem;
    line-height: 1;
    transition: background var(--mui-transition),border-color var(--mui-transition);
    flex-shrink: 0;
  }
  .mui-drawer__close:hover {
    background: var(--mui-bg-input);
    border-color: var(--mui-border-hover, var(--mui-border));
  }
  .mui-drawer__close:focus-visible {
    outline: 2px solid var(--mui-border-focus);
    outline-offset: 2px;
  }
  .mui-drawer__close:active {
    opacity: .7;
  }
  .mui-drawer__description {
    padding: .25rem 1.5rem 0;
    margin: 0;
    color: var(--mui-text-muted);
    font-size: .875rem;
    line-height: 1.5;
  }
  .mui-drawer__body {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
  }
  .mui-drawer__body>*:last-child {
    margin-bottom: 0;
  }
  .mui-drawer__footer {
    padding: 1.5rem;
    border-top: 1px solid var(--mui-border);
    display: flex;
    gap: .75rem;
    justify-content: flex-end;
    flex-shrink: 0;
  }
  @media (max-width: 640px) {
    dialog.mui-drawer--right,dialog.mui-drawer--left {
      width: 100vw;
      max-width: 100vw;
      border-radius: 0;
    }
    .mui-drawer__header,.mui-drawer__description {
      padding-inline-start: 1rem;
      padding-inline-end: 1rem;
    }
    .mui-drawer__body {
      padding: 1rem;
    }
    .mui-drawer__footer {
      padding: 1rem;
      flex-direction: column-reverse;
    }
    .mui-drawer__footer>* {
      width: 100%;
    }
  }
  .mui-empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 3rem 2rem;
  }
  .mui-empty-state__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .mui-empty-state__icon {
    font-size: 3rem;
    margin-bottom: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mui-text-subtle);
    opacity: .6;
    line-height: 1;
  }
  .mui-empty-state__icon--default {
    width: 4rem;
    height: 4rem;
  }
  .mui-empty-state__icon--icon {
    width: 2rem;
    height: 2rem;
    font-size: 1.75rem;
  }
  .mui-empty-state__title {
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 .5rem;
    color: var(--mui-text);
  }
  .mui-empty-state__description {
    font-size: .875rem;
    line-height: 1.5;
    color: var(--mui-text-muted);
    margin: 0;
    max-width: 20rem;
  }
  .mui-empty-state__content {
    margin-top: 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .75rem;
  }
  .mui-empty-state__action {
    margin-top: 1.5rem;
  }
  .mui-field {
    display: flex;
    flex-direction: column;
    gap: .375rem;
    max-width: 24rem;
  }
  .mui-field--horizontal {
    display: grid;
    grid-template-columns: minmax(8rem,auto) 1fr;
    gap: .5rem;
    align-items: start;
    max-width: 36rem;
  }
  .mui-field--responsive {
    display: flex;
    flex-direction: column;
    gap: .375rem;
  }
  @media (min-width: 640px) {
    .mui-field--responsive {
      display: grid;
      grid-template-columns: minmax(8rem,auto) 1fr;
      gap: .5rem;
      align-items: start;
      max-width: 36rem;
    }
  }
  .mui-field__label {
    font-size: .875rem;
    font-weight: 500;
    color: var(--mui-text);
  }
  .mui-field__required {
    color: var(--mui-danger-text);
    margin-inline-start: .25rem;
  }
  .mui-field__description {
    font-size: .75rem;
    color: var(--mui-text-muted);
    margin: .25rem 0 0;
  }
  .mui-field__error {
    font-size: .75rem;
    font-weight: 500;
    color: var(--mui-danger-text, var(--mui-danger));
    margin: .25rem 0 0;
  }
  .mui-field--invalid .mui-field__label {
    color: var(--mui-text);
  }
  .mui-field__content {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    min-width: 0;
  }
  .mui-field__separator {
    border: 0;
    border-top: 1px solid var(--mui-border);
    margin: .5rem 0;
  }
  .mui-field__title {
    margin: 0;
    font-size: .875rem;
    font-weight: 600;
    color: var(--mui-text);
  }
  .mui-field__legend {
    font-weight: 500;
    font-size: .875rem;
    color: var(--mui-text);
  }
  .mui-field-group {
    display: flex;
    flex-direction: column;
    gap: .75rem;
  }
  .mui-fieldset {
    border: 1px solid var(--mui-border);
    border-radius: var(--mui-radius-md);
    padding: 1rem 1.25rem 1.25rem;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: .75rem;
  }
  .mui-fieldset__legend {
    padding: 0 .25rem;
    font-size: .875rem;
    font-weight: 500;
    color: var(--mui-text);
  }
  .mui-fieldset[disabled] {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none;
  }
  .mui-fieldset[disabled] .mui-fieldset__legend {
    color: var(--mui-text-subtle);
  }
  .mui-form {
    margin: 0;
  }
  .mui-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(var(--mui-grid-min, 14rem),1fr));
    gap: var(--mui-space-md);
    min-width: 0;
  }
  .mui-grid--min-sm {
    --mui-grid-min: 10rem;
  }
  .mui-grid--min-lg {
    --mui-grid-min: 18rem;
  }
  .mui-grid--min-xl {
    --mui-grid-min: 24rem;
  }
  .mui-grid--cols-1 {
    grid-template-columns: repeat(1,minmax(0,1fr));
  }
  .mui-grid--cols-2 {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .mui-grid--cols-3 {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
  .mui-grid--cols-4 {
    grid-template-columns: repeat(4,minmax(0,1fr));
  }
  .mui-grid--cols-5 {
    grid-template-columns: repeat(5,minmax(0,1fr));
  }
  .mui-grid--cols-6 {
    grid-template-columns: repeat(6,minmax(0,1fr));
  }
  .mui-grid--cols-12 {
    grid-template-columns: repeat(12,minmax(0,1fr));
  }
  @media (max-width: 40rem) {
    .mui-grid--collapse {
      grid-template-columns: minmax(0,1fr);
    }
  }
  .mui-grid--gap-none {
    gap: 0;
  }
  .mui-grid--gap-xs {
    gap: var(--mui-space-xs);
  }
  .mui-grid--gap-sm {
    gap: var(--mui-space-sm);
  }
  .mui-grid--gap-lg {
    gap: var(--mui-space-lg);
  }
  .mui-grid--gap-xl {
    gap: var(--mui-space-xl);
  }
  .mui-grid--gap-xxl {
    gap: var(--mui-space-xxl);
  }
  .mui-grid--p-xs {
    padding: var(--mui-space-xs);
  }
  .mui-grid--p-sm {
    padding: var(--mui-space-sm);
  }
  .mui-grid--p-md {
    padding: var(--mui-space-md);
  }
  .mui-grid--p-lg {
    padding: var(--mui-space-lg);
  }
  .mui-grid--p-xl {
    padding: var(--mui-space-xl);
  }
  .mui-grid--p-xxl {
    padding: var(--mui-space-xxl);
  }
  .mui-grid--align-start {
    align-items: start;
  }
  .mui-grid--align-center {
    align-items: center;
  }
  .mui-grid--align-end {
    align-items: end;
  }
  .mui-grid--align-baseline {
    align-items: baseline;
  }
  .mui-hover-card {
    display: inline-block;
    position: relative;
  }
  .mui-hover-card__trigger {
    display: inline-flex;
    cursor: pointer;
    transition: var(--mui-transition);
  }
  .mui-hover-card__trigger:focus-visible {
    outline: 2px solid var(--mui-border-focus);
    outline-offset: 2px;
  }
  .mui-hover-card__content {
    position: absolute;
    background: var(--mui-bg-card);
    color: var(--mui-text);
    padding: 1rem;
    border-radius: var(--mui-radius-md);
    border: 1px solid var(--mui-border);
    width: 16rem;
    box-shadow: var(--mui-shadow-md);
    outline: none;
    z-index: 50;
    opacity: 0;
    pointer-events: none;
    transform-origin: var(--mui-hover-card-origin, left top);
    transform: var(--mui-hover-card-translate, none) scale(.95);
    transition: opacity var(--mui-transition),transform var(--mui-transition);
  }
  .mui-hover-card__content[data-visible=true] {
    opacity: 1;
    pointer-events: auto;
    transform: var(--mui-hover-card-translate, none) scale(1);
  }
  .mui-hover-card__content[hidden] {
    display: none;
  }
  .mui-hover-card__content--bottom {
    top: calc(100% + .375rem);
    --mui-hover-card-origin: center top;
  }
  .mui-hover-card__content--top {
    bottom: calc(100% + .375rem);
    --mui-hover-card-origin: center bottom;
  }
  .mui-hover-card__content--right {
    inset-inline-start: calc(100% + .375rem);
    top: 0;
    --mui-hover-card-origin: left center;
  }
  .mui-hover-card__content--left {
    inset-inline-end: calc(100% + .375rem);
    top: 0;
    --mui-hover-card-origin: right center;
  }
  .mui-hover-card__content--align-start {
    inset-inline-start: 0;
  }
  .mui-hover-card__content--align-center {
    inset-inline-start: 50%;
    --mui-hover-card-translate: translateX(-50%);
  }
  .mui-hover-card__content--align-end {
    inset-inline-end: 0;
    inset-inline-start: auto;
  }
  .mui-hover-card__content--right.mui-hover-card__content--align-start,.mui-hover-card__content--left.mui-hover-card__content--align-start {
    top: 0;
    inset-inline-start: calc(100% + .375rem);
  }
  .mui-hover-card__content--left.mui-hover-card__content--align-start {
    inset-inline-start: auto;
    inset-inline-end: calc(100% + .375rem);
  }
  .mui-hover-card__content--right.mui-hover-card__content--align-center,.mui-hover-card__content--left.mui-hover-card__content--align-center {
    top: 50%;
    --mui-hover-card-translate: translateY(-50%);
    inset-inline-start: calc(100% + .375rem);
  }
  .mui-hover-card__content--left.mui-hover-card__content--align-center {
    inset-inline-start: auto;
    inset-inline-end: calc(100% + .375rem);
  }
  .mui-hover-card__content--right.mui-hover-card__content--align-end,.mui-hover-card__content--left.mui-hover-card__content--align-end {
    top: auto;
    bottom: 0;
    inset-inline-start: calc(100% + .375rem);
    inset-inline-end: auto;
  }
  .mui-hover-card__content--left.mui-hover-card__content--align-end {
    inset-inline-start: auto;
    inset-inline-end: calc(100% + .375rem);
  }
  .mui-hover-card__user {
    display: flex;
    flex-direction: column;
    gap: .75rem;
  }
  .mui-hover-card__user-header {
    display: flex;
    gap: .75rem;
    align-items: flex-start;
  }
  .mui-hover-card__user-info {
    flex: 1;
    min-width: 0;
  }
  .mui-hover-card__user-name {
    margin: 0;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25;
  }
  .mui-hover-card__user-handle {
    margin: 0;
    font-size: .75rem;
    color: var(--mui-text-muted);
    line-height: 1.25;
  }
  .mui-hover-card__user-bio {
    margin: 0;
    font-size: .8125rem;
    line-height: 1.5;
    color: var(--mui-text-muted);
  }
  .mui-input-group {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    width: 100%;
    border: 1px solid var(--mui-border-control);
    border-radius: var(--mui-radius-md);
    overflow: hidden;
    background: transparent;
    transition: border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);
  }
  .mui-input-group:hover:not(:focus-within) {
    border-color: var(--mui-border-hover);
  }
  .mui-input-group:focus-within {
    border-color: transparent;
    box-shadow: 0 0 0 2px var(--mui-bg),0 0 0 4px var(--mui-border-focus);
  }
  .mui-input-group__prefix,.mui-input-group__suffix {
    display: flex;
    align-items: center;
    padding: 0 .75rem;
    color: var(--mui-text-muted);
    font-family: var(--mui-font-sans);
    font-size: .875rem;
    background: var(--mui-bg-input);
    white-space: nowrap;
    user-select: none;
  }
  .mui-input-group__prefix {
    border-inline-end: 1px solid var(--mui-border);
  }
  .mui-input-group__suffix {
    border-inline-start: 1px solid var(--mui-border);
  }
  .mui-input-group>input,.mui-input-group>.mui-input {
    border: none;
    outline: none;
    background: transparent;
    flex: 1;
    min-width: 0;
    font-family: inherit;
    font-size: .875rem;
    color: var(--mui-text);
    padding: .5rem .75rem;
    height: 2.25rem;
    box-sizing: border-box;
  }
  .mui-input-group>input::placeholder,.mui-input-group>.mui-input::placeholder {
    color: var(--mui-text-muted);
  }
  .mui-input-group>input:focus,.mui-input-group>.mui-input:focus {
    outline: none;
    box-shadow: none;
  }
  .mui-input-group__suffix>button,.mui-input-group__prefix>button {
    background: transparent;
    border: none;
    color: var(--mui-text-muted);
    font-size: .875rem;
    font-weight: 500;
    cursor: pointer;
    padding: 0 .25rem;
    transition: color .15s cubic-bezier(.4,0,.2,1);
  }
  .mui-input-group__suffix>button:hover,.mui-input-group__prefix>button:hover {
    color: var(--mui-text);
  }
  .mui-input-group__addon {
    display: flex;
    align-items: center;
    padding: 0 .75rem;
    color: var(--mui-text-muted);
    font-family: var(--mui-font-sans);
    font-size: .875rem;
    background: var(--mui-bg-input);
    white-space: nowrap;
    user-select: none;
  }
  .mui-input-group__addon--inline-start {
    order: -1;
    border-inline-end: 1px solid var(--mui-border);
  }
  .mui-input-group__addon--inline-end {
    order: 99;
    border-inline-start: 1px solid var(--mui-border);
  }
  .mui-input-group__addon--block-start {
    order: -2;
    flex-basis: 100%;
    border-block-end: 1px solid var(--mui-border);
    justify-content: flex-start;
    padding: .5rem .75rem;
    background: transparent;
  }
  .mui-input-group__addon--block-end {
    order: 100;
    flex-basis: 100%;
    border-block-start: 1px solid var(--mui-border);
    justify-content: flex-start;
    padding: .5rem .75rem;
    background: transparent;
    white-space: normal;
  }
  .mui-input-group__text {
    font-size: .875rem;
    color: var(--mui-text-muted);
    line-height: 1;
  }
  .mui-input-group__control,.mui-input-group>[data-slot=input-group-control] {
    display: flex;
    flex: 1;
    min-width: 0;
  }
  .mui-input-group__control>.mui-input,.mui-input-group__control>.mui-textarea,.mui-input-group>[data-slot=input-group-control]>.mui-input,.mui-input-group>[data-slot=input-group-control]>.mui-textarea {
    border: none;
    outline: none;
    background: transparent;
    flex: 1;
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
  }
  .mui-input-group__control>.mui-input:focus,.mui-input-group__control>.mui-textarea:focus,.mui-input-group>[data-slot=input-group-control]>.mui-input:focus,.mui-input-group>[data-slot=input-group-control]>.mui-textarea:focus {
    outline: none;
    box-shadow: none;
  }
  .mui-input-group__addon--inline-end>.mui-btn,.mui-input-group__addon--inline-start>.mui-btn {
    margin: .25rem;
  }
  .mui-input-otp {
    display: inline-flex;
    align-items: center;
    gap: .375rem;
  }
  .mui-input-otp__slot {
    width: 2.5rem;
    height: 2.75rem;
    text-align: center;
    font-size: 1.25rem;
    font-weight: 500;
    font-family: var(--mui-font-mono);
    color: var(--mui-text);
    background: transparent;
    border: 1px solid var(--mui-border-control);
    border-radius: var(--mui-radius-md);
    caret-color: var(--mui-accent);
    transition: border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);
  }
  .mui-input-otp__slot::placeholder {
    color: var(--mui-text-muted);
    opacity: .4;
  }
  .mui-input-otp__slot:hover:not(:disabled):not(:focus) {
    border-color: var(--mui-border-hover);
  }
  .mui-input-otp__slot:focus-visible {
    outline: none;
    border-color: transparent;
    box-shadow: 0 0 0 2px var(--mui-bg),0 0 0 4px var(--mui-border-focus);
  }
  .mui-input-otp__slot:not(:placeholder-shown) {
    font-weight: 600;
  }
  .mui-input-otp__slot:disabled {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none;
  }
  .mui-input-otp__separator {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 .125rem;
  }
  .mui-input-otp__separator-dash {
    width: .625rem;
    height: 2px;
    background: var(--mui-border);
    border-radius: 1px;
  }
  .mui-input-otp__value {
    display: none;
  }
  .mui-input {
    display: block;
    width: 100%;
    height: 2.25rem;
    background: transparent;
    color: var(--mui-text);
    border: 1px solid var(--mui-border-control);
    border-radius: var(--mui-radius-md);
    padding: .5rem .75rem;
    font-family: inherit;
    font-size: .875rem;
    line-height: 1.25;
    transition: var(--mui-transition);
    box-sizing: border-box;
  }
  .mui-input::placeholder {
    color: var(--mui-text-muted);
  }
  .mui-input:hover:not(:disabled):not([readonly]) {
    border-color: var(--mui-border-hover);
  }
  .mui-input:focus-visible {
    outline: none;
    border-color: var(--mui-border-focus);
    box-shadow: 0 0 0 3px var(--mui-border-focus);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 3px color-mix(in srgb,var(--mui-border-focus) 25%,transparent);
    }
  }
  .mui-input[aria-invalid=true] {
    border-color: var(--mui-danger);
  }
  .mui-input[aria-invalid=true]:focus-visible {
    border-color: var(--mui-danger);
    box-shadow: 0 0 0 3px var(--mui-danger);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 3px color-mix(in srgb,var(--mui-danger) 25%,transparent);
    }
  }
  .mui-input:disabled {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none;
  }
  .mui-input[readonly] {
    background: var(--mui-bg-card);
    cursor: default;
  }
  .mui-input--file {
    padding: .375rem .5rem;
    height: auto;
    line-height: 1.4;
    cursor: pointer;
  }
  .mui-input--file::file-selector-button {
    margin-right: .75rem;
    padding: .25rem .625rem;
    background: var(--mui-bg-card);
    color: var(--mui-text);
    border: 1px solid var(--mui-border-control);
    border-radius: var(--mui-radius-sm);
    font: inherit;
    cursor: pointer;
    transition: var(--mui-transition);
  }
  .mui-input--file:hover:not(:disabled)::file-selector-button {
    border-color: var(--mui-border-hover);
  }
  .mui-item-group {
    display: flex;
    flex-direction: column;
    gap: .25rem;
  }
  .mui-item {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    padding: .75rem;
    border-radius: var(--mui-radius-md);
    background: transparent;
    color: var(--mui-text);
    flex-wrap: wrap;
  }
  .mui-item--outline {
    border: 1px solid var(--mui-border);
    background: var(--mui-bg-card);
  }
  .mui-item--muted {
    background: var(--mui-bg-input);
  }
  .mui-item--sm {
    padding: .5rem;
    gap: .5rem;
  }
  .mui-item--xs {
    padding: .25rem .5rem;
    gap: .375rem;
    font-size: .875rem;
  }
  .mui-item__media {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mui-text-muted);
  }
  .mui-item__media--default {
    min-width: 2rem;
    min-height: 2rem;
  }
  .mui-item__media--icon {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1.125rem;
    line-height: 1;
  }
  .mui-item__media--image {
    width: 3rem;
    height: 3rem;
    border-radius: var(--mui-radius-md);
    overflow: hidden;
    background: var(--mui-bg-input);
  }
  .mui-item__media--image>* {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .mui-item__content {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: .125rem;
    min-width: 0;
  }
  .mui-item__title {
    margin: 0;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.35;
    color: var(--mui-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .mui-item__description {
    margin: 0;
    font-size: .8125rem;
    line-height: 1.4;
    color: var(--mui-text-muted);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .mui-item__actions {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-left: auto;
  }
  .mui-item__header,.mui-item__footer {
    flex-basis: 100%;
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .75rem;
    color: var(--mui-text-muted);
  }
  .mui-item__header {
    margin-bottom: .125rem;
  }
  .mui-item__footer {
    margin-top: .125rem;
  }
  .mui-item__separator {
    border: 0;
    border-top: 1px solid var(--mui-border);
    margin: .25rem 0;
    width: 100%;
  }
  .mui-item--xs .mui-item__title {
    font-size: .8125rem;
  }
  .mui-item--xs .mui-item__description {
    font-size: .75rem;
  }
  .mui-item--outline:hover {
    border-color: var(--mui-border-hover);
  }
  .mui-item__status {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
  }
  .mui-item__dot {
    display: block;
    width: .5rem;
    height: .5rem;
    border-radius: var(--mui-radius-full);
    background: var(--mui-text-subtle);
  }
  .mui-item__dot--ok {
    background: var(--mui-success-text);
  }
  .mui-item__dot--warn {
    background: var(--mui-warning-text);
  }
  .mui-item__dot--down {
    background: var(--mui-danger-text);
  }
  .mui-item__dot--unknown {
    background: var(--mui-text-subtle);
  }
  .mui-item--tone-ok {
    background: var(--mui-success);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--mui-success) 6%,transparent);
    }
  }
  .mui-item--tone-warn {
    background: var(--mui-warning);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--mui-warning) 8%,transparent);
    }
  }
  .mui-item--tone-down {
    background: var(--mui-danger);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--mui-danger) 9%,transparent);
    }
  }
  .mui-item--tone-unknown {
    opacity: .65;
  }
  .mui-kbd-container {
    display: inline-flex;
    align-items: center;
    gap: .125rem;
  }
  .mui-kbd {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 1.25rem;
    min-width: 1.25rem;
    padding: 0 .3125rem;
    font-family: var(--mui-font-mono);
    font-size: .6875rem;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
    color: var(--mui-text-muted);
    background-color: var(--mui-bg);
    border: 1px solid var(--mui-border);
    border-bottom-width: 2px;
    border-radius: var(--mui-radius-sm);
    box-shadow: 0 1px 1px #0000001a;
    user-select: none;
    pointer-events: none;
  }
  .mui-kbd-separator {
    color: var(--mui-text-subtle);
    font-size: .625rem;
    margin: 0 .0625rem;
    user-select: none;
  }
  .mui-label {
    display: inline-block;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1;
    color: var(--mui-text);
    cursor: default;
  }
  .mui-label[for] {
    cursor: pointer;
  }
  .mui-label--disabled {
    opacity: .5;
    cursor: not-allowed;
  }
  .mui-label__required {
    color: var(--mui-danger-text);
    margin-inline-start: .125rem;
    font-weight: 500;
  }
  .mui-menu {
    display: inline-block;
    position: relative;
  }
  .mui-menu__trigger {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: .375rem;
  }
  .mui-menu__chevron {
    font-size: .75rem;
    line-height: 1;
    color: var(--mui-text-muted);
    transition: transform .15s cubic-bezier(.4,0,.2,1);
  }
  .mui-menu__trigger[aria-expanded=true] .mui-menu__chevron {
    transform: rotate(180deg);
  }
  .mui-menu__content {
    position: absolute;
    top: calc(100% + .25rem);
    inset-inline-start: 0;
    min-width: 12rem;
    background: var(--mui-bg-card);
    border: 1px solid var(--mui-border);
    border-radius: var(--mui-radius-md);
    box-shadow: var(--mui-shadow-lg);
    padding: .25rem;
    z-index: 50;
  }
  .mui-menu__content[hidden] {
    display: none;
  }
  .mui-menu__label {
    padding: .375rem .5rem;
    font-size: .75rem;
    font-weight: 600;
    color: var(--mui-text);
    -webkit-user-select: none;
    user-select: none;
  }
  .mui-menu__item {
    display: flex;
    align-items: center;
    gap: .5rem;
    width: 100%;
    padding: .375rem .5rem;
    background: transparent;
    color: var(--mui-text);
    border: none;
    font-family: inherit;
    font-size: .875rem;
    line-height: 1.25rem;
    cursor: pointer;
    text-align: start;
    border-radius: var(--mui-radius-sm);
    transition: background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1);
  }
  .mui-menu__item:hover:not(:disabled) {
    background: var(--mui-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--mui-accent) 12%,transparent);
    }
    color: var(--mui-text);
  }
  .mui-menu__item:focus-visible {
    background: var(--mui-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--mui-accent) 12%,transparent);
    }
    outline: none;
  }
  .mui-menu__item--danger {
    color: var(--mui-danger-text);
  }
  .mui-menu__item--danger:hover:not(:disabled) {
    background: var(--mui-danger);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--mui-danger) 12%,transparent);
    }
    color: var(--mui-danger-text);
  }
  .mui-menu__item--danger:focus-visible {
    background: var(--mui-danger);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--mui-danger) 12%,transparent);
    }
  }
  .mui-menu__shortcut {
    margin-inline-start: auto;
    font-size: .75rem;
    font-family: var(--mui-font-mono, ui-monospace, monospace);
    color: var(--mui-text-muted);
    letter-spacing: .04em;
    pointer-events: none;
  }
  .mui-menu__item:disabled {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none;
  }
  .mui-menu__separator {
    height: 1px;
    background: var(--mui-border);
    margin: .25rem -.25rem;
  }
  .mui-menu__sub-indicator {
    margin-inline-start: auto;
    font-size: .75rem;
    color: var(--mui-text-muted);
    line-height: 1;
  }
  .mui-menu__checkbox-indicator {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    font-size: .75rem;
    line-height: 1;
    color: var(--mui-text);
  }
  .mui-menu__item[aria-checked=true] .mui-menu__checkbox-indicator:before {
    content: "\2713";
  }
  .mui-menu__radio-group {
    display: flex;
    flex-direction: column;
  }
  .mui-menu__radio-indicator {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    line-height: 1;
  }
  .mui-menu__item[aria-checked=true] .mui-menu__radio-indicator:before {
    content: "";
    width: .375rem;
    height: .375rem;
    border-radius: 9999px;
    background: currentColor;
  }
  .mui-menu__group {
    display: flex;
    flex-direction: column;
  }
  .mui-menu__sub-wrapper {
    position: relative;
  }
  .mui-menu__sub-trigger:after {
    content: "\203a";
    margin-inline-start: auto;
    padding-inline-start: .75rem;
    color: var(--mui-text-muted);
    font-size: .875rem;
    line-height: 1;
  }
  .mui-menu__sub {
    position: absolute;
    top: -.25rem;
    inset-inline-start: 100%;
    min-width: 12rem;
    background: var(--mui-bg-card);
    border: 1px solid var(--mui-border);
    border-radius: var(--mui-radius-md);
    box-shadow: var(--mui-shadow-lg);
    padding: .25rem;
    z-index: 51;
  }
  .mui-menu__sub[hidden] {
    display: none;
  }
  .mui-menu__sub-wrapper:hover>.mui-menu__sub,.mui-menu__sub-wrapper:focus-within>.mui-menu__sub,.mui-menu__sub-trigger[aria-expanded=true]+.mui-menu__sub {
    display: block;
  }
  [data-side=inline-end] .mui-menu__sub {
    inset-inline-start: auto;
    inset-inline-end: 100%;
  }
  .mui-menubar {
    display: inline-flex;
    align-items: center;
    background: var(--mui-bg-card);
    border: 1px solid var(--mui-border);
    border-radius: var(--mui-radius-md);
    padding: .25rem;
    gap: .125rem;
  }
  .mui-menubar__menu {
    position: relative;
  }
  .mui-menubar__trigger {
    display: inline-flex;
    align-items: center;
    padding: .375rem .5rem;
    background: transparent;
    border: none;
    font-family: inherit;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25rem;
    color: var(--mui-text);
    cursor: pointer;
    border-radius: var(--mui-radius-sm);
    -webkit-user-select: none;
    user-select: none;
    transition: background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1);
  }
  .mui-menubar__trigger:hover,.mui-menubar__trigger:focus-visible {
    background: var(--mui-bg-input);
    color: var(--mui-text);
    outline: none;
  }
  .mui-menubar__trigger[aria-expanded=true] {
    background: var(--mui-bg-input);
    color: var(--mui-text);
  }
  .mui-menubar__content {
    position: absolute;
    top: calc(100% + .25rem);
    inset-inline-start: 0;
    min-width: 12rem;
    background: var(--mui-bg-card);
    border: 1px solid var(--mui-border);
    border-radius: var(--mui-radius-md);
    box-shadow: var(--mui-shadow-lg);
    padding: .25rem;
    z-index: 50;
  }
  .mui-menubar__content[hidden] {
    display: none;
  }
  @media (max-width: 640px) {
    .mui-menubar {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      max-width: 100%;
    }
    .mui-menubar__content {
      min-width: 12rem;
      max-width: calc(100vw - 2rem);
    }
  }
  .mui-message {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .75rem;
    padding: .625rem .75rem;
    align-items: flex-start;
  }
  .mui-message__avatar {
    width: 2rem;
    height: 2rem;
    border-radius: var(--mui-radius-full);
    background: var(--mui-accent);
    color: var(--mui-accent-fg);
    font-size: .75rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 0 0 2px var(--mui-bg);
    transition: box-shadow .2s ease,transform .2s ease;
  }
  .mui-message__avatar--live {
    animation: mui-avatar-pulse 1.2s ease-in-out infinite;
  }
  @keyframes mui-avatar-pulse {
    0%,to {
      box-shadow: 0 0 0 2px var(--mui-bg),0 0 0 4px var(--mui-accent);
    }
    50% {
      box-shadow: 0 0 0 2px var(--mui-bg),0 0 0 8px #e8a07a26;
    }
  }
  .mui-message__body-wrap {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .25rem;
  }
  .mui-message__header {
    display: flex;
    align-items: baseline;
    gap: .5rem;
    font-size: .8125rem;
  }
  .mui-message__author {
    font-weight: 600;
    color: var(--mui-text);
  }
  .mui-message__timestamp {
    color: var(--mui-text-muted);
    font-size: .75rem;
  }
  .mui-message__body {
    font-size: .875rem;
    color: var(--mui-text);
    line-height: 1.55;
    word-wrap: break-word;
  }
  .mui-message__body p {
    margin: 0 0 .5rem;
  }
  .mui-message__body p:last-child {
    margin-bottom: 0;
  }
  .mui-message__body code {
    font-family: var(--mui-font-mono);
    font-size: .8125rem;
    padding: .125rem .3125rem;
    background: var(--mui-bg-input);
    border-radius: var(--mui-radius-sm);
  }
  .mui-message__footer {
    margin-top: .375rem;
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
  }
  .mui-message--user .mui-message__avatar {
    background: var(--mui-violet);
    color: var(--mui-violet-fg);
  }
  .mui-message--assistant .mui-message__avatar {
    background: var(--mui-accent);
    color: var(--mui-accent-fg);
  }
  .mui-message--system {
    opacity: .75;
  }
  .mui-message--system .mui-message__avatar {
    background: var(--mui-bg-input);
    color: var(--mui-text-muted);
    font-size: .625rem;
  }
  .mui-message--system .mui-message__body {
    font-size: .8125rem;
    color: var(--mui-text-muted);
    font-style: italic;
  }
  @media (prefers-reduced-motion: reduce) {
    .mui-message__avatar--live {
      animation: none;
    }
  }
  .mui-meter {
    width: 100%;
  }
  .mui-meter__track {
    width: 100%;
    height: .625rem;
    background: var(--mui-bg-input);
    border-radius: var(--mui-radius-full);
    overflow: hidden;
  }
  .mui-meter__bar {
    height: 100%;
    border-radius: var(--mui-radius-full);
    transition: width .4s cubic-bezier(.4,0,.2,1);
  }
  .mui-meter__bar--optimum {
    background: var(--mui-success);
  }
  .mui-meter__bar--suboptimum {
    background: var(--mui-warning);
  }
  .mui-meter__bar--danger {
    background: var(--mui-danger);
  }
  .mui-native-select {
    position: relative;
    display: inline-flex;
    width: 100%;
  }
  .mui-native-select__select {
    appearance: none;
    -webkit-appearance: none;
    display: block;
    width: 100%;
    height: 2.25rem;
    padding: .5rem 2.25rem .5rem .75rem;
    background: transparent;
    color: var(--mui-text);
    border: 1px solid var(--mui-border-control);
    border-radius: var(--mui-radius-md);
    font-family: inherit;
    font-size: .875rem;
    line-height: 1.25;
    cursor: pointer;
    transition: border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);
    box-sizing: border-box;
  }
  .mui-native-select__select:hover:not(:disabled) {
    border-color: var(--mui-border-hover);
  }
  .mui-native-select__select:focus-visible {
    outline: none;
    border-color: transparent;
    box-shadow: 0 0 0 2px var(--mui-bg),0 0 0 4px var(--mui-border-focus);
  }
  .mui-native-select__select:disabled {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none;
  }
  .mui-native-select__select:invalid,.mui-native-select__select option[value=""][disabled] {
    color: var(--mui-text-muted);
  }
  .mui-native-select__chevron {
    position: absolute;
    inset-inline-end: .75rem;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    height: 1rem;
    color: var(--mui-text-muted);
    pointer-events: none;
    opacity: .7;
  }
  .mui-nav-menu {
    position: relative;
  }
  .mui-nav-menu__list {
    display: inline-flex;
    align-items: center;
    gap: .125rem;
    list-style: none;
    margin: 0;
    padding: .25rem;
    background: var(--mui-bg-card);
    border: 1px solid var(--mui-border);
    border-radius: var(--mui-radius-md);
  }
  .mui-nav-menu--vertical {
    display: inline-flex;
    flex-direction: column;
    align-items: stretch;
  }
  .mui-nav-menu__indicator {
    display: inline-block;
    margin-left: .25rem;
    font-size: .75rem;
    color: var(--mui-text-muted);
    line-height: 1;
  }
  .mui-nav-menu__popover {
    position: absolute;
    top: calc(100% + .5rem);
    inset-inline-start: 0;
    z-index: 50;
  }
  .mui-nav-menu__popover[hidden] {
    display: none;
  }
  .mui-nav-menu__link {
    display: inline-flex;
    align-items: center;
    padding: .375rem .75rem;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25rem;
    color: var(--mui-text-muted);
    text-decoration: none;
    border-radius: var(--mui-radius-sm);
    transition: background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1);
  }
  .mui-nav-menu__link:hover,.mui-nav-menu__link:focus-visible {
    background: var(--mui-bg-input);
    color: var(--mui-text);
    outline: none;
  }
  .mui-nav-menu__item {
    position: relative;
  }
  .mui-nav-menu__trigger {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    padding: .375rem .75rem;
    background: transparent;
    border: none;
    font-family: inherit;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25rem;
    color: var(--mui-text-muted);
    cursor: pointer;
    border-radius: var(--mui-radius-sm);
    -webkit-user-select: none;
    user-select: none;
    transition: background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1);
  }
  .mui-nav-menu__trigger:hover,.mui-nav-menu__trigger:focus-visible {
    background: var(--mui-bg-input);
    color: var(--mui-text);
    outline: none;
    opacity: .9;
  }
  .mui-nav-menu__trigger[aria-expanded=true] {
    background: var(--mui-bg-input);
    color: var(--mui-text);
  }
  .mui-nav-menu__content {
    position: absolute;
    top: calc(100% + .5rem);
    inset-inline-start: 0;
    min-width: 16rem;
    width: max-content;
    max-width: 36rem;
    background: var(--mui-bg-card);
    border: 1px solid var(--mui-border);
    border-radius: var(--mui-radius-lg);
    box-shadow: 0 4px 6px -1px #0000001a,0 10px 22px -2px #00000026,0 0 0 1px #0000000d;
    padding: .75rem;
    z-index: 50;
    animation: mui-nav-menu-in .2s cubic-bezier(.16,1,.3,1);
    transform-origin: top center;
  }
  .mui-nav-menu__content[hidden] {
    display: none;
  }
  @keyframes mui-nav-menu-in {
    0% {
      opacity: 0;
      transform: translateY(-6px) scale(.97);
    }
    to {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }
  .mui-nav-menu__sub-list {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(14rem,1fr));
    gap: .25rem;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .mui-nav-menu__sub-link {
    display: block;
    padding: .625rem .75rem;
    border-radius: var(--mui-radius-sm);
    text-decoration: none;
    color: inherit;
    transition: background-color .15s cubic-bezier(.4,0,.2,1);
  }
  .mui-nav-menu__sub-link:hover,.mui-nav-menu__sub-link:focus-visible {
    background: var(--mui-bg-input);
    outline: none;
  }
  .mui-nav-menu__sub-title {
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem;
    color: var(--mui-text);
    letter-spacing: -.01em;
  }
  .mui-nav-menu__sub-desc {
    font-size: .8125rem;
    line-height: 1.375rem;
    color: var(--mui-text-muted);
    margin-top: .25rem;
  }
  @media (max-width: 640px) {
    .mui-nav-menu__list {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      max-width: 100%;
    }
    .mui-nav-menu__content {
      min-width: 0;
      width: calc(100vw - 2rem);
      max-width: calc(100vw - 2rem);
      inset-inline-start: 0;
    }
    .mui-nav-menu__sub-list {
      grid-template-columns: 1fr;
    }
  }
  .mui-number-field {
    display: inline-flex;
    align-items: stretch;
    align-self: flex-start;
    width: fit-content;
    border: 1px solid var(--mui-border-control);
    border-radius: var(--mui-radius-md);
    overflow: hidden;
    background: transparent;
    transition: border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);
  }
  .mui-number-field:focus-within {
    outline: none;
    border-color: transparent;
    box-shadow: 0 0 0 2px var(--mui-bg),0 0 0 4px var(--mui-border-focus);
  }
  .mui-number-field[aria-disabled=true] {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none;
  }
  .mui-number-field__btn {
    background: transparent;
    border: none;
    color: var(--mui-text-muted);
    width: 2rem;
    padding: 0;
    font-size: .875rem;
    line-height: 1;
    cursor: pointer;
    transition: background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .mui-number-field__btn:hover:not(:disabled) {
    background: var(--mui-bg-input);
    color: var(--mui-text);
  }
  .mui-number-field__btn:active:not(:disabled) {
    background: var(--mui-border);
  }
  .mui-number-field__btn:disabled {
    cursor: not-allowed;
    color: var(--mui-text-subtle);
  }
  .mui-number-field__btn--decrement {
    border-inline-end: 1px solid var(--mui-border);
  }
  .mui-number-field__btn--increment {
    border-inline-start: 1px solid var(--mui-border);
  }
  .mui-number-field__input {
    border: none;
    background: transparent;
    color: var(--mui-text);
    padding: 0 .25rem;
    font-size: .875rem;
    font-family: inherit;
    width: 3.5rem;
    height: 2rem;
    text-align: center;
    -moz-appearance: textfield;
    box-sizing: border-box;
  }
  .mui-number-field__input::-webkit-inner-spin-button,.mui-number-field__input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .mui-number-field__input:focus {
    outline: none;
  }
  a.mui-pagination__btn,a.mui-pagination__page {
    text-decoration: none;
  }
  .mui-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .25rem;
    width: 100%;
  }
  .mui-pagination__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    height: 2.25rem;
    padding: 0 .75rem;
    font-family: var(--mui-font-sans);
    font-size: .875rem;
    font-weight: 500;
    color: var(--mui-text);
    background: transparent;
    border: 1px solid var(--mui-border);
    border-radius: var(--mui-radius-md);
    cursor: pointer;
    transition: background-color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1);
    -webkit-user-select: none;
    user-select: none;
    white-space: nowrap;
  }
  .mui-pagination__btn:hover:not(:disabled) {
    background: var(--mui-bg-input);
    border-color: var(--mui-border-hover);
  }
  .mui-pagination__btn:focus-visible {
    outline: 2px solid var(--mui-border-focus);
    outline-offset: 2px;
  }
  .mui-pagination__btn:disabled {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none;
  }
  .mui-pagination__btn-icon {
    display: inline-flex;
    align-items: center;
    width: 1rem;
    height: 1rem;
  }
  .mui-pagination__btn-icon svg {
    width: 1rem;
    height: 1rem;
  }
  .mui-pagination__pages {
    display: flex;
    align-items: center;
    gap: .25rem;
  }
  .mui-pagination__page {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    font-family: var(--mui-font-sans);
    font-size: .875rem;
    font-weight: 500;
    color: var(--mui-text);
    background: transparent;
    border: 1px solid transparent;
    border-radius: var(--mui-radius-md);
    cursor: pointer;
    transition: background-color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1);
    -webkit-user-select: none;
    user-select: none;
  }
  .mui-pagination__page:hover:not([aria-current=page]) {
    background: var(--mui-bg-input);
    border-color: var(--mui-border);
  }
  .mui-pagination__page:focus-visible {
    outline: 2px solid var(--mui-border-focus);
    outline-offset: 2px;
  }
  .mui-pagination__page[aria-current=page] {
    background: var(--mui-accent);
    border-color: var(--mui-accent);
    color: var(--mui-accent-fg);
    cursor: default;
  }
  .mui-pagination__ellipsis {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.25rem;
    height: 2.25rem;
    font-size: .875rem;
    color: var(--mui-text-muted);
    letter-spacing: .1em;
    user-select: none;
  }
  @media (max-width: 640px) {
    .mui-pagination {
      gap: .5rem;
      flex-wrap: wrap;
      justify-content: space-between;
    }
    .mui-pagination__pages {
      flex: 1;
      justify-content: center;
      gap: .125rem;
      overflow: hidden;
    }
    .mui-pagination__pages .mui-pagination__page:not([aria-current=page]),.mui-pagination__pages .mui-pagination__ellipsis {
      display: none;
    }
    .mui-pagination__page[aria-current=page] {
      min-width: 3.5rem;
    }
  }
  .mui-popover {
    display: inline-block;
    position: relative;
  }
  .mui-popover__trigger {
    cursor: pointer;
    transition: var(--mui-transition);
  }
  .mui-popover__trigger:focus-visible {
    outline: 2px solid var(--mui-border-focus);
    outline-offset: 2px;
  }
  .mui-popover__content {
    position: absolute;
    background: var(--mui-bg-card);
    color: var(--mui-text);
    border: 1px solid var(--mui-border);
    border-radius: var(--mui-radius-md);
    box-shadow: var(--mui-shadow-md);
    padding: 1rem;
    width: 18rem;
    z-index: 50;
    outline: none;
    opacity: 0;
    pointer-events: none;
    transform-origin: var(--mui-popover-origin, center top);
    transform: var(--mui-popover-translate, none) scale(.95);
    transition: opacity var(--mui-transition),transform var(--mui-transition);
  }
  .mui-popover__content[data-visible=true],.mui-popover__content[data-state=open] {
    opacity: 1;
    pointer-events: auto;
    transform: var(--mui-popover-translate, none) scale(1);
  }
  .mui-popover__content[hidden] {
    display: none;
  }
  .mui-popover__content--bottom-center {
    top: calc(100% + .375rem);
    inset-inline-start: 50%;
    --mui-popover-translate: translateX(-50%);
    --mui-popover-origin: center top;
  }
  .mui-popover__content--bottom-start {
    top: calc(100% + .375rem);
    inset-inline-start: 0;
    --mui-popover-origin: left top;
  }
  .mui-popover__content--bottom-end {
    top: calc(100% + .375rem);
    inset-inline-end: 0;
    --mui-popover-origin: right top;
  }
  .mui-popover__content--top-center {
    bottom: calc(100% + .375rem);
    inset-inline-start: 50%;
    --mui-popover-translate: translateX(-50%);
    --mui-popover-origin: center bottom;
  }
  .mui-popover__content--top-start {
    bottom: calc(100% + .375rem);
    inset-inline-start: 0;
    --mui-popover-origin: left bottom;
  }
  .mui-popover__content--top-end {
    bottom: calc(100% + .375rem);
    inset-inline-end: 0;
    --mui-popover-origin: right bottom;
  }
  .mui-popover__content--right-center {
    inset-inline-start: calc(100% + .375rem);
    top: 50%;
    --mui-popover-translate: translateY(-50%);
    --mui-popover-origin: left center;
  }
  .mui-popover__content--right-start {
    inset-inline-start: calc(100% + .375rem);
    top: 0;
    --mui-popover-origin: left top;
  }
  .mui-popover__content--right-end {
    inset-inline-start: calc(100% + .375rem);
    bottom: 0;
    --mui-popover-origin: left bottom;
  }
  .mui-popover__content--left-center {
    inset-inline-end: calc(100% + .375rem);
    top: 50%;
    --mui-popover-translate: translateY(-50%);
    --mui-popover-origin: right center;
  }
  .mui-popover__content--left-start {
    inset-inline-end: calc(100% + .375rem);
    top: 0;
    --mui-popover-origin: right top;
  }
  .mui-popover__content--left-end {
    inset-inline-end: calc(100% + .375rem);
    bottom: 0;
    --mui-popover-origin: right bottom;
  }
  .mui-popover__header {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    margin-bottom: .75rem;
  }
  .mui-popover__title {
    font-size: .95rem;
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
    color: var(--mui-text);
  }
  .mui-popover__description {
    font-size: .8125rem;
    line-height: 1.4;
    margin: 0;
    color: var(--mui-text-muted, var(--mui-text));
  }
  .mui-progress {
    width: 100%;
    height: .625rem;
    background-color: var(--mui-bg-input);
    border-radius: var(--mui-radius-full);
    overflow: hidden;
    position: relative;
  }
  .mui-progress__bar {
    height: 100%;
    background-color: var(--mui-accent);
    border-radius: var(--mui-radius-full);
    transition: width .4s cubic-bezier(.4,0,.2,1);
  }
  .mui-progress--indeterminate .mui-progress__bar {
    width: 40%;
    animation: mui-progress-slide 1.8s cubic-bezier(.65,0,.35,1) infinite;
  }
  @keyframes mui-progress-slide {
    0% {
      transform: translate(-100%);
    }
    50% {
      transform: translate(125%);
    }
    to {
      transform: translate(250%);
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .mui-progress--indeterminate .mui-progress__bar {
      animation-duration: 4s;
    }
  }
  .mui-radio-group {
    border: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: .5rem;
  }
  .mui-radio-group--vertical {
    flex-direction: column;
  }
  .mui-radio-group--horizontal {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem;
  }
  .mui-radio-group--comfortable {
    gap: 1rem;
  }
  .mui-radio-group--comfortable.mui-radio-group--horizontal {
    gap: 1.5rem;
  }
  .mui-radio-group--compact {
    gap: .25rem;
  }
  .mui-radio-group--compact.mui-radio-group--horizontal {
    gap: .75rem;
  }
  .mui-radio-group__legend {
    font-size: .875rem;
    font-weight: 500;
    color: var(--mui-text);
    margin-bottom: .75rem;
  }
  .mui-radio__input:checked+.mui-radio__indicator {
    border-color: var(--mui-accent);
  }
  .mui-radio__input:checked+.mui-radio__indicator:after {
    content: "";
    display: block;
    width: .5rem;
    height: .5rem;
    background: var(--mui-accent);
    border-radius: var(--mui-radius-full);
  }
  .mui-radio:has(.mui-radio__input:disabled) {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none;
  }
  .mui-radio {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    cursor: pointer;
    user-select: none;
  }
  .mui-radio__input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
  }
  .mui-radio__indicator {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    border: 1px solid var(--mui-border-control);
    border-radius: var(--mui-radius-full);
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--mui-transition);
    margin-top: .125rem;
    box-shadow: 0 1px 2px #0000000d;
  }
  .mui-radio__input:checked+.mui-radio__indicator {
    background: transparent;
    border-color: var(--mui-accent);
    border-width: 1px;
  }
  .mui-radio__input:checked+.mui-radio__indicator:after {
    content: "";
    display: block;
    width: .5rem;
    height: .5rem;
    border-radius: var(--mui-radius-full);
    background: var(--mui-accent);
  }
  .mui-radio__input:focus-visible+.mui-radio__indicator {
    outline: 2px solid var(--mui-border-focus);
    outline-offset: 2px;
  }
  .mui-radio--disabled {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none;
  }
  .mui-radio--disabled .mui-radio__indicator {
    cursor: not-allowed;
  }
  .mui-radio__label {
    color: var(--mui-text);
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25;
  }
  .mui-radio__description {
    color: var(--mui-text-muted);
    font-size: .8125rem;
    line-height: 1.4;
    margin-top: .125rem;
  }
  .mui-radio__text {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  .mui-resizable {
    display: flex;
    width: 100%;
    overflow: hidden;
    border: 1px solid var(--mui-border);
    border-radius: var(--mui-radius-md);
    background: var(--mui-bg-card);
  }
  .mui-resizable--horizontal {
    flex-direction: row;
    min-height: 12rem;
  }
  .mui-resizable--vertical {
    flex-direction: column;
    min-height: 20rem;
  }
  .mui-resizable__panel {
    overflow: auto;
    min-width: 0;
    min-height: 0;
  }
  .mui-resizable__handle {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    -webkit-user-select: none;
    user-select: none;
    transition: background-color .15s cubic-bezier(.4,0,.2,1);
  }
  .mui-resizable--horizontal>.mui-resizable__handle {
    width: 8px;
    cursor: col-resize;
  }
  .mui-resizable--vertical>.mui-resizable__handle {
    height: 8px;
    cursor: row-resize;
  }
  .mui-resizable__handle:hover,.mui-resizable__handle:focus-visible {
    background: var(--mui-bg-input);
    outline: none;
  }
  .mui-resizable__handle:active {
    background: var(--mui-border-focus);
  }
  .mui-resizable__handle-bar {
    border-radius: var(--mui-radius-sm);
    background: var(--mui-border);
    transition: background-color .15s cubic-bezier(.4,0,.2,1);
    position: relative;
  }
  .mui-resizable--horizontal .mui-resizable__handle-bar {
    width: 4px;
    height: 2rem;
    background: transparent;
    background-image: radial-gradient(circle,var(--mui-text-muted) 1px,transparent 1px);
    background-size: 4px 4px;
    background-position: center;
  }
  .mui-resizable--vertical .mui-resizable__handle-bar {
    height: 4px;
    width: 2rem;
    background: transparent;
    background-image: radial-gradient(circle,var(--mui-text-muted) 1px,transparent 1px);
    background-size: 4px 4px;
    background-position: center;
  }
  .mui-resizable--horizontal>.mui-resizable__handle:hover .mui-resizable__handle-bar,.mui-resizable--horizontal>.mui-resizable__handle:focus-visible .mui-resizable__handle-bar {
    background-image: radial-gradient(circle,var(--mui-text) 1px,transparent 1px);
  }
  .mui-resizable--vertical>.mui-resizable__handle:hover .mui-resizable__handle-bar,.mui-resizable--vertical>.mui-resizable__handle:focus-visible .mui-resizable__handle-bar {
    background-image: radial-gradient(circle,var(--mui-text) 1px,transparent 1px);
  }
  .mui-resizable__handle:active .mui-resizable__handle-bar {
    background-image: radial-gradient(circle,var(--mui-accent) 1px,transparent 1px);
  }
  .mui-resizable[data-dragging] {
    cursor: col-resize;
  }
  .mui-resizable--vertical[data-dragging] {
    cursor: row-resize;
  }
  .mui-resizable[data-dragging] .mui-resizable__panel {
    pointer-events: none;
  }
  .mui-resizable__demo-content {
    padding: 1rem;
  }
  .mui-resizable__demo-content h4 {
    margin: 0 0 .5rem;
    font-size: .875rem;
    font-weight: 600;
    color: var(--mui-text);
  }
  .mui-resizable__demo-content p {
    margin: 0;
    font-size: .8125rem;
    color: var(--mui-text-muted);
    line-height: 1.5;
  }
  .mui-resizable__demo-nav {
    list-style: none;
    margin: .75rem 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: .125rem;
  }
  .mui-resizable__demo-nav li a {
    display: block;
    padding: .375rem .625rem;
    font-size: .8125rem;
    color: var(--mui-text-muted);
    text-decoration: none;
    border-radius: var(--mui-radius-sm);
    transition: background-color .15s ease,color .15s ease;
  }
  .mui-resizable__demo-nav li a:hover {
    background: var(--mui-bg-input);
    color: var(--mui-text);
  }
  .mui-resizable__demo-nav li a.active {
    background: var(--mui-accent);
    color: var(--mui-accent-fg);
  }
  .mui-scroll-area {
    position: relative;
    overflow: hidden;
  }
  .mui-scroll-area__viewport {
    overflow-y: scroll;
    height: 100%;
    max-height: inherit;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .mui-scroll-area__viewport::-webkit-scrollbar {
    display: none;
  }
  .mui-scroll-area__scrollbar {
    position: absolute;
    top: 0;
    inset-inline-end: 0;
    width: .375rem;
    height: 100%;
    opacity: 0;
    transition: opacity var(--mui-transition);
    pointer-events: none;
    padding: .25rem 0;
  }
  .mui-scroll-area:hover .mui-scroll-area__scrollbar,.mui-scroll-area__scrollbar--visible {
    opacity: 1;
    pointer-events: auto;
  }
  .mui-scroll-area__thumb {
    position: absolute;
    width: 100%;
    background: var(--mui-text-subtle);
    border-radius: var(--mui-radius-full);
    min-height: 1rem;
    cursor: grab;
    transition: background var(--mui-transition);
  }
  .mui-scroll-area__thumb:hover {
    background: var(--mui-text-muted);
  }
  .mui-scroll-area__thumb:active {
    background: var(--mui-text-muted);
    cursor: grabbing;
  }
  .mui-scroll-area__demo-item {
    padding: .5rem;
    border-bottom: 1px solid var(--mui-border);
    margin: 0;
    font-size: .875rem;
  }
  .mui-select {
    display: inline-block;
    position: relative;
  }
  .mui-select__trigger {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    min-width: 10rem;
    height: 2.25rem;
    padding: 0 .75rem;
    background: transparent;
    color: var(--mui-text);
    border: 1px solid var(--mui-border-control);
    border-radius: var(--mui-radius-md);
    font-family: inherit;
    font-size: .875rem;
    line-height: 1.25;
    cursor: pointer;
    transition: var(--mui-transition);
    box-sizing: border-box;
  }
  .mui-select__trigger:hover:not(:disabled) {
    border-color: var(--mui-border-hover);
  }
  .mui-select__trigger:focus-visible {
    outline: none;
    border-color: transparent;
    box-shadow: 0 0 0 2px var(--mui-bg),0 0 0 4px var(--mui-border-focus);
  }
  .mui-select__trigger:disabled {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none;
  }
  .mui-select__value {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .mui-select__chevron {
    font-size: .625rem;
    color: var(--mui-text-muted);
    transition: transform var(--mui-transition);
    flex-shrink: 0;
  }
  .mui-select__trigger[aria-expanded=true] .mui-select__chevron {
    transform: rotate(180deg);
  }
  .mui-select__dropdown {
    position: absolute;
    top: calc(100% + .25rem);
    inset-inline-start: 0;
    min-width: 100%;
    background: var(--mui-bg-card);
    border: 1px solid var(--mui-border);
    border-radius: var(--mui-radius-md);
    box-shadow: var(--mui-shadow-md);
    overflow-y: auto;
    max-height: 15rem;
    z-index: 50;
    padding: .25rem;
  }
  .mui-select__dropdown[hidden] {
    display: none;
  }
  .mui-select__option {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .375rem .5rem;
    cursor: pointer;
    border-radius: var(--mui-radius-sm);
    font-size: .875rem;
    transition: var(--mui-transition);
    position: relative;
  }
  .mui-select__option:hover {
    background: var(--mui-bg-input);
  }
  .mui-select__option--selected {
    font-weight: 500;
  }
  .mui-select__check {
    display: none;
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    color: var(--mui-accent);
    font-size: .75rem;
    line-height: 1rem;
    text-align: center;
  }
  .mui-select__option--selected .mui-select__check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .mui-select__option-label {
    flex: 1;
  }
  .mui-select__option--highlighted {
    background: var(--mui-bg-input);
  }
  .mui-select__option[aria-disabled=true] {
    opacity: .5;
    cursor: not-allowed;
  }
  .mui-select__hidden {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    width: 0;
    height: 0;
  }
  .mui-select__trigger.mui-select--sm {
    height: 1.75rem;
    font-size: .75rem;
    padding: 0 .5rem;
  }
  .mui-select__trigger[aria-invalid=true] {
    border-color: var(--mui-danger);
  }
  .mui-select__group-label {
    padding: .25rem .5rem;
    font-size: .75rem;
    color: var(--mui-text-muted);
    text-transform: uppercase;
    letter-spacing: .05em;
    font-weight: 500;
  }
  .mui-select__scroll-up,.mui-select__scroll-down {
    display: flex;
    justify-content: center;
    padding: .25rem;
    cursor: default;
    color: var(--mui-text-muted);
    font-size: .625rem;
  }
  .mui-select__separator {
    height: 1px;
    background: var(--mui-border);
    margin: .25rem 0;
  }
  .mui-separator {
    background: var(--mui-border);
    flex-shrink: 0;
  }
  .mui-separator--horizontal {
    height: 1px;
    width: 100%;
    margin: 0;
  }
  .mui-separator--vertical {
    width: 1px;
    align-self: stretch;
    min-height: 1rem;
    display: inline-block;
  }
  dialog.mui-sheet {
    margin: 0;
    padding: 0;
    border: none;
    background: var(--mui-bg-card);
    color: var(--mui-text);
    box-shadow: var(--mui-shadow-lg);
    max-width: 24rem;
    width: 85vw;
    height: 100vh;
    max-height: 100vh;
    overflow: hidden;
    transition: transform .3s ease;
  }
  dialog.mui-sheet[open] {
    display: flex;
    flex-direction: column;
  }
  dialog.mui-sheet::backdrop {
    background: #000c;
    backdrop-filter: blur(4px);
  }
  dialog.mui-sheet--right {
    margin-inline-start: auto;
    margin-inline-end: 0;
    margin-top: 0;
    margin-bottom: 0;
    position: fixed;
    inset-inline-end: 0;
    top: 0;
    bottom: 0;
    border-radius: var(--mui-radius-lg) 0 0 var(--mui-radius-lg);
  }
  dialog.mui-sheet--left {
    margin-inline-end: auto;
    margin-inline-start: 0;
    margin-top: 0;
    margin-bottom: 0;
    position: fixed;
    inset-inline-start: 0;
    top: 0;
    bottom: 0;
    border-radius: 0 var(--mui-radius-lg) var(--mui-radius-lg) 0;
  }
  dialog.mui-sheet--top {
    width: 100vw;
    max-width: 100vw;
    height: auto;
    max-height: 50vh;
    margin-bottom: auto;
    margin-inline-start: 0;
    margin-inline-end: 0;
    margin-top: 0;
    position: fixed;
    top: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    border-radius: 0 0 var(--mui-radius-lg) var(--mui-radius-lg);
  }
  dialog.mui-sheet--bottom {
    width: 100vw;
    max-width: 100vw;
    height: auto;
    max-height: 85vh;
    margin-top: auto;
    margin-inline-start: 0;
    margin-inline-end: 0;
    margin-bottom: 0;
    position: fixed;
    bottom: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    border-radius: var(--mui-radius-lg) var(--mui-radius-lg) 0 0;
  }
  .mui-sheet__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem 1.5rem 0;
  }
  .mui-sheet__title {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -.01em;
  }
  .mui-sheet__close {
    background: transparent;
    border: 1px solid var(--mui-border);
    color: var(--mui-text);
    cursor: pointer;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--mui-radius-sm);
    font-size: 1.125rem;
    line-height: 1;
    transition: background var(--mui-transition),border-color var(--mui-transition);
    flex-shrink: 0;
  }
  .mui-sheet__close:hover {
    background: var(--mui-bg-input);
    border-color: var(--mui-border-hover, var(--mui-border));
  }
  .mui-sheet__close:focus-visible {
    outline: 2px solid var(--mui-border-focus);
    outline-offset: 2px;
  }
  .mui-sheet__close:active {
    opacity: .7;
  }
  .mui-sheet__description {
    padding: .25rem 1.5rem 0;
    margin: 0;
    color: var(--mui-text-muted);
    font-size: .875rem;
    line-height: 1.5;
  }
  .mui-sheet__body {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
  }
  .mui-sheet__body>*:last-child {
    margin-bottom: 0;
  }
  .mui-sheet__footer {
    padding: 1.5rem;
    border-top: 1px solid var(--mui-border);
    display: flex;
    gap: .75rem;
    justify-content: flex-end;
    flex-shrink: 0;
  }
  @media (max-width: 640px) {
    dialog.mui-sheet--right,dialog.mui-sheet--left {
      width: 100vw;
      max-width: 100vw;
      border-radius: 0;
    }
    .mui-sheet__header,.mui-sheet__description {
      padding-inline-start: 1rem;
      padding-inline-end: 1rem;
    }
    .mui-sheet__body {
      padding: 1rem;
    }
    .mui-sheet__footer {
      padding: 1rem;
      flex-direction: column-reverse;
    }
    .mui-sheet__footer>* {
      width: 100%;
    }
  }
  .mui-sidebar-provider {
    display: flex;
    min-height: 100dvh;
    width: 100%;
    background: var(--mui-bg);
    color: var(--mui-text);
  }
  .mui-sidebar {
    display: flex;
    flex-direction: column;
    width: var(--mui-sidebar-w, 16rem);
    height: 100dvh;
    flex-shrink: 0;
    position: relative;
    border-right: 1px solid var(--mui-border);
    background: var(--mui-bg-card);
    color: var(--mui-text);
    transition: width .2s ease,transform .2s ease,margin .2s ease;
    overflow: hidden;
  }
  .mui-sidebar[data-side=right] {
    border-right: 0;
    border-left: 1px solid var(--mui-border);
    order: 2;
  }
  .mui-sidebar[data-variant=floating] {
    margin: .5rem;
    height: calc(100dvh - 1rem);
    border-radius: var(--mui-radius-lg);
    border: 1px solid var(--mui-border);
    box-shadow: var(--mui-shadow-md);
  }
  .mui-sidebar[data-variant=inset] {
    margin: .25rem;
    height: calc(100dvh - .5rem);
    border-radius: var(--mui-radius-lg);
    border: 1px solid var(--mui-border);
  }
  .mui-sidebar[data-state=collapsed][data-collapsible=offcanvas] {
    transform: translate(-100%);
    width: 0;
    border-right-width: 0;
    border-left-width: 0;
  }
  .mui-sidebar[data-side=right][data-state=collapsed][data-collapsible=offcanvas] {
    transform: translate(100%);
  }
  .mui-sidebar[data-state=collapsed][data-collapsible=icon] {
    width: 3rem;
  }
  .mui-sidebar[data-state=collapsed][data-collapsible=icon] .mui-sidebar__group-label,.mui-sidebar[data-state=collapsed][data-collapsible=icon] .mui-sidebar__brand-name,.mui-sidebar[data-state=collapsed][data-collapsible=icon] .mui-sidebar__user-name,.mui-sidebar[data-state=collapsed][data-collapsible=icon] .mui-sidebar__menu-badge,.mui-sidebar[data-state=collapsed][data-collapsible=icon] .mui-sidebar__menu-button>span:not([aria-hidden=true]) {
    display: none;
  }
  .mui-sidebar[data-state=collapsed][data-collapsible=icon] .mui-sidebar__menu-button {
    justify-content: center;
    padding-inline: .5rem;
  }
  .mui-sidebar[data-collapsible=none] {
    transform: none !important;
    width: var(--mui-sidebar-w, 16rem) !important;
  }
  .mui-sidebar__header {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .5rem .75rem;
    border-bottom: 1px solid var(--mui-border);
    height: 3rem;
    box-sizing: border-box;
    flex-shrink: 0;
  }
  .mui-sidebar__brand {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-weight: 600;
    font-size: .9375rem;
  }
  .mui-sidebar__brand-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: var(--mui-radius-md);
    background: var(--mui-accent);
    color: var(--mui-accent-fg);
    font-weight: 700;
    font-size: .875rem;
    flex-shrink: 0;
  }
  .mui-sidebar__content {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: .5rem;
    display: flex;
    flex-direction: column;
    gap: .75rem;
  }
  .mui-sidebar__footer {
    padding: .5rem .75rem;
    border-top: 1px solid var(--mui-border);
    display: flex;
    align-items: center;
    gap: .5rem;
  }
  .mui-sidebar__user {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .875rem;
    color: var(--mui-text);
  }
  .mui-sidebar__user-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: var(--mui-radius-full);
    background: var(--mui-bg-input);
    color: var(--mui-text);
    font-size: .75rem;
    font-weight: 600;
    flex-shrink: 0;
  }
  .mui-sidebar__group {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    position: relative;
  }
  .mui-sidebar__group-label {
    padding: .25rem .5rem;
    color: var(--mui-text-muted);
    font-size: .6875rem;
    text-transform: uppercase;
    letter-spacing: .05em;
    font-weight: 600;
  }
  .mui-sidebar__group-action {
    position: absolute;
    top: .125rem;
    inset-inline-end: .25rem;
    width: 1.5rem;
    height: 1.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: transparent;
    color: var(--mui-text-muted);
    border-radius: var(--mui-radius-sm);
    cursor: pointer;
    transition: var(--mui-transition);
  }
  .mui-sidebar__group-action:hover {
    background: var(--mui-bg-input);
    color: var(--mui-text);
  }
  .mui-sidebar__group-content {
    display: flex;
    flex-direction: column;
  }
  .mui-sidebar__menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: .125rem;
  }
  .mui-sidebar__menu-item {
    position: relative;
    display: flex;
    align-items: center;
  }
  .mui-sidebar__menu-button {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .5rem .625rem;
    border-radius: var(--mui-radius-md);
    border: none;
    background: transparent;
    color: var(--mui-text);
    font: inherit;
    font-size: .875rem;
    text-align: start;
    cursor: pointer;
    transition: var(--mui-transition);
    min-height: 2rem;
    width: 100%;
  }
  .mui-sidebar__menu-button:hover {
    background: var(--mui-bg-input);
  }
  .mui-sidebar__menu-button[aria-current=page],.mui-sidebar__menu-button[data-active=true] {
    background: var(--mui-bg-input);
    color: var(--mui-text);
    font-weight: 500;
  }
  .mui-sidebar__menu-action {
    position: absolute;
    inset-inline-end: .25rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.5rem;
    height: 1.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: transparent;
    color: var(--mui-text-muted);
    border-radius: var(--mui-radius-sm);
    cursor: pointer;
    opacity: 0;
    transition: var(--mui-transition);
  }
  .mui-sidebar__menu-item:hover .mui-sidebar__menu-action {
    opacity: 1;
  }
  .mui-sidebar__menu-badge {
    margin-inline-start: auto;
    padding: 0 .375rem;
    min-width: 1.25rem;
    height: 1.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .6875rem;
    font-weight: 600;
    border-radius: var(--mui-radius-full);
    background: var(--mui-bg-input);
    color: var(--mui-text-muted);
  }
  .mui-sidebar__menu-sub {
    list-style: none;
    margin: .125rem 0 .125rem .5rem;
    padding: 0 0 0 .5rem;
    border-inline-start: 1px solid var(--mui-border);
    display: flex;
    flex-direction: column;
    gap: .125rem;
  }
  .mui-sidebar__menu-sub-item {
    display: flex;
    align-items: center;
  }
  .mui-sidebar__menu-sub-item>.mui-sidebar__menu-button {
    font-size: .8125rem;
    padding-block: .375rem;
  }
  .mui-sidebar__menu-skeleton {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .5rem .625rem;
    width: 100%;
  }
  .mui-sidebar__menu-skeleton-icon {
    width: 1rem;
    height: 1rem;
    border-radius: var(--mui-radius-sm);
    background: var(--mui-bg-input);
    flex-shrink: 0;
  }
  .mui-sidebar__menu-skeleton-text {
    flex: 1 1 auto;
    height: .75rem;
    border-radius: var(--mui-radius-sm);
    background: var(--mui-bg-input);
  }
  .mui-sidebar__trigger {
    display: inline-flex;
    align-items: center;
    gap: .375rem;
  }
  .mui-sidebar__trigger-icon {
    font-size: 1rem;
    line-height: 1;
  }
  .mui-sidebar__rail {
    position: absolute;
    top: 0;
    bottom: 0;
    inset-inline-end: 0;
    width: 4px;
    border: none;
    background: transparent;
    cursor: col-resize;
    transition: background .15s ease;
    padding: 0;
  }
  .mui-sidebar__rail:hover,.mui-sidebar__rail:focus-visible {
    background: var(--mui-border-hover);
  }
  .mui-sidebar[data-side=right] .mui-sidebar__rail {
    inset-inline-end: auto;
    inset-inline-start: 0;
  }
  .mui-sidebar-inset {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-width: 0;
    background: var(--mui-bg);
  }
  .mui-sidebar-inset__bar {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .5rem .75rem;
    border-bottom: 1px solid var(--mui-border);
    height: 3rem;
    box-sizing: border-box;
    flex-shrink: 0;
  }
  .mui-sidebar-inset__title {
    font-weight: 600;
    font-size: .9375rem;
  }
  .mui-sidebar-inset__body {
    flex: 1 1 auto;
    padding: 1rem;
    overflow-y: auto;
  }
  .mui-sidebar-showcase {
    height: 480px;
    border: 1px solid var(--mui-border);
    border-radius: var(--mui-radius-md);
    overflow: hidden;
    background: var(--mui-bg-card);
  }
  .mui-sidebar-showcase .mui-sidebar-provider {
    min-height: 0;
    height: 100%;
  }
  .mui-sidebar-showcase .mui-sidebar {
    height: 100%;
  }
  .mui-sidebar-showcase .mui-sidebar-inset {
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .mui-sidebar__menu-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    font-size: .9375rem;
    line-height: 1;
    color: var(--mui-text-muted);
    opacity: .9;
  }
  .mui-sidebar__menu-button:hover .mui-sidebar__menu-icon,.mui-sidebar__menu-button[aria-current=page] .mui-sidebar__menu-icon {
    color: var(--mui-text);
    opacity: 1;
  }
  .mui-sidebar-demo__stats {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: .75rem;
    margin-bottom: 1rem;
  }
  .mui-sidebar-demo__stat {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    padding: .75rem;
    border: 1px solid var(--mui-border);
    border-radius: var(--mui-radius-md);
    background: var(--mui-bg);
  }
  .mui-sidebar-demo__stat-label {
    font-size: .75rem;
    color: var(--mui-text-muted);
    text-transform: uppercase;
    letter-spacing: .04em;
  }
  .mui-sidebar-demo__stat-value {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--mui-text);
  }
  .mui-sidebar-demo__note {
    font-size: .8125rem;
    color: var(--mui-text-muted);
    line-height: 1.5;
    margin: 0;
  }
  @keyframes mui-skeleton-pulse {
    0%,to {
      opacity: 1;
    }
    50% {
      opacity: .4;
    }
  }
  .mui-skeleton {
    display: block;
    background-color: var(--mui-border);
    animation: mui-skeleton-pulse 2s cubic-bezier(.4,0,.6,1) infinite;
  }
  .mui-skeleton--text {
    height: .875rem;
    width: 100%;
    border-radius: var(--mui-radius-sm);
  }
  .mui-skeleton--circle {
    border-radius: var(--mui-radius-full);
  }
  .mui-skeleton--rect {
    border-radius: var(--mui-radius-md);
  }
  .mui-skeleton-card {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    padding: 1rem;
    border: 1px solid var(--mui-border);
    border-radius: var(--mui-radius-lg);
    background: var(--mui-bg-card);
  }
  .mui-skeleton-card__header {
    display: flex;
    align-items: center;
    gap: .75rem;
  }
  .mui-skeleton-card__body {
    display: flex;
    flex-direction: column;
    gap: .5rem;
  }
  .mui-skeleton-card__footer {
    display: flex;
    gap: .5rem;
    padding-top: .25rem;
  }
  @media (prefers-reduced-motion: reduce) {
    .mui-skeleton {
      animation: none;
    }
  }
  .mui-slider {
    display: flex;
    align-items: center;
    gap: .75rem;
    width: 100%;
    position: relative;
  }
  .mui-slider__track {
    flex: 1;
    height: .5rem;
    background: var(--mui-bg-input);
    border-radius: var(--mui-radius-full);
    position: relative;
    cursor: pointer;
  }
  .mui-slider__fill {
    height: 100%;
    background: var(--mui-accent);
    border-radius: var(--mui-radius-full);
    position: absolute;
    inset-inline-start: 0;
    top: 0;
    transition: width var(--mui-transition);
  }
  .mui-slider__thumb {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: var(--mui-radius-full);
    background: var(--mui-text);
    border: 2px solid var(--mui-accent);
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    cursor: grab;
    transition: left var(--mui-transition),box-shadow var(--mui-transition);
    box-shadow: 0 1px 3px #0003,0 1px 2px #0000001f;
  }
  .mui-slider__thumb:hover {
    box-shadow: 0 0 0 4px var(--mui-accent),0 1px 3px #0003;
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 4px color-mix(in srgb,var(--mui-accent) 20%,transparent),0 1px 3px #0003;
    }
  }
  .mui-slider__thumb:focus-visible {
    outline: 2px solid var(--mui-border-focus);
    outline-offset: 2px;
    box-shadow: 0 0 0 4px var(--mui-accent),0 1px 3px #0003;
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 4px color-mix(in srgb,var(--mui-accent) 20%,transparent),0 1px 3px #0003;
    }
  }
  .mui-slider__thumb:active {
    cursor: grabbing;
    transform: translate(-50%,-50%) scale(1.1);
  }
  .mui-slider__thumb[aria-disabled=true] {
    cursor: not-allowed;
    opacity: .5;
    pointer-events: none;
  }
  .mui-slider__native {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    pointer-events: none;
  }
  .mui-slider__value {
    font-size: .8125rem;
    color: var(--mui-text-muted);
    min-width: 2.5rem;
    font-family: var(--mui-font-mono);
    text-align: end;
    font-variant-numeric: tabular-nums;
  }
  .mui-slider[data-disabled=true] .mui-slider__track {
    opacity: .5;
    cursor: not-allowed;
  }
  .mui-slider[data-disabled=true] .mui-slider__value {
    opacity: .5;
  }
  .mui-slider[data-dragging] .mui-slider__thumb,.mui-slider[data-dragging] .mui-slider__fill {
    transition: none;
  }
  .mui-slider--vertical {
    flex-direction: column;
    width: auto;
    height: 8rem;
  }
  .mui-slider--vertical .mui-slider__track {
    width: .5rem;
    height: 100%;
    flex: 1;
  }
  .mui-slider--vertical .mui-slider__fill {
    width: 100%;
    height: 0;
    inset-inline-start: 0;
    bottom: 0;
    top: auto;
    transition: height var(--mui-transition);
  }
  .mui-slider--vertical .mui-slider__thumb {
    top: auto;
    inset-inline-start: 50%;
    transform: translate(-50%,50%);
    transition: bottom var(--mui-transition),box-shadow var(--mui-transition);
  }
  .mui-slider--vertical .mui-slider__thumb:active {
    transform: translate(-50%,50%) scale(1.1);
  }
  .mui-slider--vertical[data-dragging] .mui-slider__fill {
    transition: none;
  }
  .mui-sonner {
    position: fixed;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    padding: 1rem;
    z-index: 50;
    pointer-events: none;
    max-width: calc(100vw - 2rem);
  }
  .mui-sonner>.mui-toast {
    pointer-events: auto;
  }
  .mui-sonner[data-position=top-left] {
    top: 0;
    left: 0;
    flex-direction: column;
  }
  .mui-sonner[data-position=top-center] {
    top: 0;
    left: 50%;
    transform: translate(-50%);
    align-items: center;
    flex-direction: column;
  }
  .mui-sonner[data-position=top-right] {
    top: 0;
    right: 0;
    flex-direction: column;
  }
  .mui-sonner[data-position=bottom-left] {
    bottom: 0;
    left: 0;
    flex-direction: column-reverse;
  }
  .mui-sonner[data-position=bottom-center] {
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    align-items: center;
    flex-direction: column-reverse;
  }
  .mui-sonner[data-position=bottom-right] {
    bottom: 0;
    right: 0;
    flex-direction: column-reverse;
  }
  @keyframes mui-spin {
    0% {
      transform: rotate(0);
    }
    to {
      transform: rotate(360deg);
    }
  }
  .mui-spinner {
    display: inline-block;
    border-radius: var(--mui-radius-full);
    border: 2px solid transparent;
    border-top-color: var(--mui-text);
    animation: mui-spin .75s linear infinite;
  }
  .mui-spinner--sm {
    width: 1rem;
    height: 1rem;
    border-width: 1.5px;
  }
  .mui-spinner--md {
    width: 1.5rem;
    height: 1.5rem;
    border-width: 2px;
  }
  .mui-spinner--lg {
    width: 2.5rem;
    height: 2.5rem;
    border-width: 2.5px;
  }
  @media (prefers-reduced-motion: reduce) {
    .mui-spinner {
      animation-duration: 2.4s;
    }
  }
  .mui-stack {
    display: flex;
    flex-direction: column;
    gap: var(--mui-space-md);
    min-width: 0;
  }
  .mui-stack--horizontal {
    flex-direction: row;
  }
  .mui-stack--wrap {
    flex-wrap: wrap;
  }
  .mui-stack--gap-none {
    gap: 0;
  }
  .mui-stack--gap-xs {
    gap: var(--mui-space-xs);
  }
  .mui-stack--gap-sm {
    gap: var(--mui-space-sm);
  }
  .mui-stack--gap-lg {
    gap: var(--mui-space-lg);
  }
  .mui-stack--gap-xl {
    gap: var(--mui-space-xl);
  }
  .mui-stack--gap-xxl {
    gap: var(--mui-space-xxl);
  }
  .mui-stack--p-xs {
    padding: var(--mui-space-xs);
  }
  .mui-stack--p-sm {
    padding: var(--mui-space-sm);
  }
  .mui-stack--p-md {
    padding: var(--mui-space-md);
  }
  .mui-stack--p-lg {
    padding: var(--mui-space-lg);
  }
  .mui-stack--p-xl {
    padding: var(--mui-space-xl);
  }
  .mui-stack--p-xxl {
    padding: var(--mui-space-xxl);
  }
  .mui-stack--align-start {
    align-items: flex-start;
  }
  .mui-stack--align-center {
    align-items: center;
  }
  .mui-stack--align-end {
    align-items: flex-end;
  }
  .mui-stack--align-baseline {
    align-items: baseline;
  }
  .mui-stack--justify-center {
    justify-content: center;
  }
  .mui-stack--justify-end {
    justify-content: flex-end;
  }
  .mui-stack--justify-between {
    justify-content: space-between;
  }
  .mui-stack--justify-around {
    justify-content: space-around;
  }
  .mui-stack--justify-evenly {
    justify-content: space-evenly;
  }
  .mui-streaming {
    display: inline-flex;
    align-items: center;
    gap: .375rem;
    vertical-align: middle;
  }
  .mui-streaming__label {
    font-size: .75rem;
    color: var(--mui-text-muted);
  }
  .mui-streaming__cursor {
    display: inline-block;
    width: .5rem;
    height: .95em;
    background: var(--mui-accent);
    vertical-align: text-bottom;
    margin-left: .125rem;
    animation: mui-cursor-blink 1s steps(2) infinite;
  }
  @keyframes mui-cursor-blink {
    0%,49% {
      opacity: 1;
    }
    50%,to {
      opacity: 0;
    }
  }
  .mui-streaming__dots {
    display: inline-flex;
    gap: .1875rem;
  }
  .mui-streaming__dots span {
    width: .375rem;
    height: .375rem;
    border-radius: 50%;
    background: var(--mui-accent);
    animation: mui-dot-pulse 1.2s ease-in-out infinite;
  }
  .mui-streaming__dots span:nth-child(1) {
    animation-delay: 0s;
  }
  .mui-streaming__dots span:nth-child(2) {
    animation-delay: .15s;
  }
  .mui-streaming__dots span:nth-child(3) {
    animation-delay: .3s;
  }
  @keyframes mui-dot-pulse {
    0%,80%,to {
      opacity: .3;
      transform: scale(.8);
    }
    40% {
      opacity: 1;
      transform: scale(1);
    }
  }
  .mui-streaming__pulse {
    position: relative;
    width: .625rem;
    height: .625rem;
    border-radius: 50%;
    background: var(--mui-success);
    box-shadow: 0 0 var(--mui-success);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 color-mix(in srgb,var(--mui-success) 60%,transparent);
    }
    animation: mui-pulse-ring 1.4s ease-out infinite;
  }
  @keyframes mui-pulse-ring {
    0% {
      box-shadow: 0 0 color-mix(in srgb,var(--mui-success) 60%,transparent);
    }
    70% {
      box-shadow: 0 0 0 6px transparent;
    }
    to {
      box-shadow: 0 0 0 0 transparent;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .mui-streaming__cursor,.mui-streaming__dots span,.mui-streaming__pulse {
      animation: none;
    }
  }
  .mui-switch-wrap {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
  }
  .mui-switch {
    width: 2.75rem;
    height: 1.5rem;
    border: 1px solid var(--mui-border-control);
    border-radius: var(--mui-radius-full);
    background: var(--mui-bg-input);
    position: relative;
    cursor: pointer;
    padding: 0;
    transition: background-color var(--mui-transition);
  }
  .mui-switch--sm {
    width: 2rem;
    height: 1.125rem;
  }
  .mui-switch--sm .mui-switch__thumb {
    width: .875rem;
    height: .875rem;
    top: .125rem;
    inset-inline-start: .125rem;
  }
  .mui-switch--sm[aria-checked=true] .mui-switch__thumb {
    transform: translate(.875rem);
  }
  :dir(rtl) .mui-switch--sm[aria-checked=true] .mui-switch__thumb {
    transform: translate(-.875rem);
  }
  .mui-switch[aria-checked=true] {
    border-color: var(--mui-accent);
    background: var(--mui-accent);
  }
  .mui-switch__thumb {
    position: absolute;
    top: .125rem;
    inset-inline-start: .125rem;
    width: 1.25rem;
    height: 1.25rem;
    background: #fff;
    border-radius: var(--mui-radius-full);
    transition: transform var(--mui-transition);
    display: block;
    box-shadow: 0 1px 3px #0003;
  }
  .mui-switch[aria-checked=true] .mui-switch__thumb {
    transform: translate(1.25rem);
  }
  :dir(rtl) .mui-switch[aria-checked=true] .mui-switch__thumb {
    transform: translate(-1.25rem);
  }
  .mui-switch:disabled,.mui-switch[disabled] {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none;
  }
  .mui-switch:focus-visible {
    outline: none;
    box-shadow: 0 0 0 2px var(--mui-bg),0 0 0 4px var(--mui-border-focus);
  }
  .mui-switch[aria-checked=true]:focus-visible {
    box-shadow: 0 0 0 2px var(--mui-bg),0 0 0 4px var(--mui-border-focus);
  }
  .mui-switch__label {
    color: var(--mui-text);
    font-size: .875rem;
    cursor: pointer;
    user-select: none;
  }
  .mui-switch__value {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    width: 0;
    height: 0;
  }
  .mui-table-wrapper {
    position: relative;
    overflow: auto;
    width: 100%;
  }
  .mui-table-wrapper:focus-visible {
    outline: 2px solid var(--mui-border-focus);
    outline-offset: 2px;
  }
  .mui-table {
    width: 100%;
    border-collapse: collapse;
    font-size: .875rem;
    caption-side: bottom;
  }
  .mui-table__caption {
    padding: .75rem 0;
    color: var(--mui-text-muted);
    font-size: .875rem;
    text-align: start;
  }
  .mui-table__th {
    text-align: start;
    font-weight: 500;
    padding: .75rem 1rem;
    border-bottom: 1px solid var(--mui-border);
    color: var(--mui-text-muted);
    font-size: .875rem;
    white-space: nowrap;
    height: 2.5rem;
  }
  .mui-table__td {
    padding: .75rem 1rem;
    color: var(--mui-text);
    vertical-align: middle;
  }
  .mui-table__row {
    border-bottom: 1px solid var(--mui-border);
    transition: background-color var(--mui-transition);
  }
  .mui-table tbody tr:last-child {
    border-bottom: none;
  }
  .mui-table tbody tr:last-child .mui-table__row {
    border-bottom: none;
  }
  .mui-table--striped tbody tr:nth-child(2n) {
    background-color: var(--mui-bg-input);
  }
  .mui-table--hoverable tbody tr:hover {
    background-color: var(--mui-bg-input);
  }
  .mui-table--compact .mui-table__th {
    padding: .375rem .75rem;
    height: 2rem;
  }
  .mui-table--compact .mui-table__td {
    padding: .375rem .75rem;
  }
  @media (max-width: 45rem) {
    .mui-table [data-hide-sm] {
      display: none;
    }
  }
  .mui-tabs {
    display: flex;
    flex-direction: column;
  }
  .mui-tabs__list {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    background: var(--mui-bg-input);
    border-radius: var(--mui-radius-md);
    padding: .25rem;
  }
  .mui-tabs__trigger {
    background: transparent;
    color: var(--mui-text-muted);
    border: none;
    padding: .375rem .75rem;
    font-family: inherit;
    font-size: .875rem;
    font-weight: 500;
    cursor: pointer;
    transition: var(--mui-transition);
    border-radius: var(--mui-radius-sm);
    white-space: nowrap;
  }
  .mui-tabs__trigger:hover {
    color: var(--mui-text);
  }
  .mui-tabs__trigger[aria-selected=true] {
    background: var(--mui-bg-card);
    color: var(--mui-text);
    box-shadow: var(--mui-shadow-sm);
  }
  .mui-tabs__trigger:focus-visible {
    outline: 2px solid var(--mui-border-focus);
    outline-offset: 2px;
  }
  .mui-tabs__trigger[aria-disabled=true],.mui-tabs__trigger:disabled {
    opacity: .5;
    pointer-events: none;
    cursor: not-allowed;
  }
  .mui-tabs__panel {
    padding: 1rem 0 0;
    color: var(--mui-text);
  }
  .mui-tabs__panel[hidden] {
    display: none;
  }
  .mui-tabs--vertical {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    align-items: flex-start;
  }
  .mui-tabs--vertical .mui-tabs__list {
    flex-direction: column;
    align-items: stretch;
    gap: .25rem;
    border-right: 1px solid var(--mui-border);
    padding-right: .5rem;
    border-radius: var(--mui-radius-md) 0 0 var(--mui-radius-md);
  }
  .mui-tabs--vertical .mui-tabs__trigger {
    text-align: left;
    justify-content: flex-start;
  }
  .mui-tabs--vertical .mui-tabs__panels {
    flex: 1;
    min-width: 0;
  }
  .mui-tabs__list--line {
    background: transparent;
    padding: 0;
    border-radius: 0;
    border-bottom: 1px solid var(--mui-border);
    gap: 0;
  }
  .mui-tabs__list--line .mui-tabs__trigger {
    border-radius: 0;
    padding: .5rem .875rem;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
  }
  .mui-tabs__list--line .mui-tabs__trigger[aria-selected=true] {
    background: transparent;
    border-bottom: 2px solid var(--mui-accent, var(--mui-text));
    border-radius: 0;
    box-shadow: none;
    color: var(--mui-text);
  }
  .mui-tabs--vertical .mui-tabs__list--line {
    border-bottom: none;
    border-right: 1px solid var(--mui-border);
  }
  .mui-tabs--vertical .mui-tabs__list--line .mui-tabs__trigger {
    border-bottom: none;
    border-right: 2px solid transparent;
    margin-bottom: 0;
    margin-right: -1px;
  }
  .mui-tabs--vertical .mui-tabs__list--line .mui-tabs__trigger[aria-selected=true] {
    border-right: 2px solid var(--mui-accent, var(--mui-text));
    border-bottom: none;
  }
  @media (max-width: 640px) {
    .mui-tabs__list {
      max-width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: thin;
    }
    .mui-tabs__list::-webkit-scrollbar {
      height: 0;
    }
  }
  .mui-textarea {
    display: block;
    width: 100%;
    background: transparent;
    color: var(--mui-text);
    border: 1px solid var(--mui-border-control);
    border-radius: var(--mui-radius-md);
    padding: .5rem .75rem;
    font-family: inherit;
    font-size: .875rem;
    line-height: 1.5;
    transition: var(--mui-transition);
    min-height: calc(1rem + 4.5em);
    box-sizing: border-box;
  }
  .mui-textarea::placeholder {
    color: var(--mui-text-muted);
  }
  .mui-textarea:hover:not(:disabled):not([readonly]) {
    border-color: var(--mui-border-hover);
  }
  .mui-textarea:focus-visible {
    outline: none;
    border-color: transparent;
    box-shadow: 0 0 0 2px var(--mui-bg),0 0 0 4px var(--mui-border-focus);
  }
  .mui-textarea[aria-invalid=true] {
    border-color: var(--mui-danger);
  }
  .mui-textarea[aria-invalid=true]:focus-visible {
    box-shadow: 0 0 0 2px var(--mui-bg),0 0 0 4px var(--mui-danger);
  }
  .mui-textarea:disabled {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none;
  }
  .mui-textarea[readonly] {
    background: var(--mui-bg-card);
    cursor: default;
  }
  .mui-textarea--resize-none {
    resize: none;
  }
  .mui-textarea--resize-vertical {
    resize: vertical;
  }
  .mui-textarea--resize-horizontal {
    resize: horizontal;
  }
  .mui-textarea--resize-both {
    resize: both;
  }
  .mui-toast-viewport {
    position: fixed;
    bottom: 1rem;
    inset-inline-end: 1rem;
    display: flex;
    flex-direction: column-reverse;
    gap: .5rem;
    z-index: 90;
    max-width: calc(100vw - 2rem);
    pointer-events: none;
  }
  .mui-toast {
    pointer-events: auto;
    background: var(--mui-bg-card);
    border: 1px solid var(--mui-border);
    border-radius: var(--mui-radius-lg);
    padding: .875rem 2.5rem .875rem 1rem;
    box-shadow: var(--mui-shadow-lg);
    min-width: 20rem;
    max-width: 24rem;
    position: relative;
    animation: mui-toast-enter .25s cubic-bezier(.16,1,.3,1);
  }
  .mui-toast__title {
    display: flex;
    align-items: center;
    gap: .5rem;
    color: var(--mui-text);
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25;
  }
  .mui-toast__title:before {
    content: "";
    flex-shrink: 0;
    width: .5rem;
    height: .5rem;
    border-radius: var(--mui-radius-full);
    background: var(--mui-accent);
  }
  .mui-toast--info .mui-toast__title:before {
    background: var(--mui-accent);
  }
  .mui-toast--success .mui-toast__title:before {
    background: var(--mui-success);
  }
  .mui-toast--warning .mui-toast__title:before {
    background: var(--mui-warning);
  }
  .mui-toast--danger .mui-toast__title:before {
    background: var(--mui-danger);
  }
  .mui-toast__description {
    color: var(--mui-text-muted);
    font-size: .8125rem;
    line-height: 1.5;
    margin-top: .25rem;
    padding-inline-start: 1rem;
  }
  .mui-toast__close {
    position: absolute;
    top: .625rem;
    inset-inline-end: .625rem;
    background: transparent;
    border: none;
    color: var(--mui-text-subtle);
    cursor: pointer;
    width: 1.25rem;
    height: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--mui-radius-sm);
    font-size: .875rem;
    line-height: 1;
    transition: background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1);
    opacity: 0;
  }
  .mui-toast:hover .mui-toast__close {
    opacity: 1;
  }
  .mui-toast__close:hover {
    background-color: var(--mui-bg-input);
    color: var(--mui-text);
  }
  .mui-toast__close:focus-visible {
    outline: 2px solid var(--mui-border-focus);
    outline-offset: 2px;
    opacity: 1;
  }
  .mui-toast__action {
    margin-top: .5rem;
    background: transparent;
    color: var(--mui-text);
    border: 1px solid var(--mui-border);
    border-radius: var(--mui-radius-sm);
    padding: .25rem .625rem;
    font-size: .8125rem;
    font-weight: 500;
    cursor: pointer;
    transition: background-color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1);
  }
  .mui-toast__action:hover {
    background: var(--mui-bg-input);
    border-color: var(--mui-border-hover);
  }
  .mui-toast__action:focus-visible {
    outline: 2px solid var(--mui-border-focus);
    outline-offset: 2px;
  }
  .mui-toast--exit {
    animation: mui-toast-exit .2s cubic-bezier(.4,0,1,1) forwards;
  }
  @keyframes mui-toast-enter {
    0% {
      opacity: 0;
      transform: translate(100%);
    }
    to {
      opacity: 1;
      transform: translate(0);
    }
  }
  @keyframes mui-toast-exit {
    0% {
      opacity: 1;
      transform: translate(0);
    }
    to {
      opacity: 0;
      transform: translate(100%);
    }
  }
  @keyframes mui-toast-enter-rtl {
    0% {
      opacity: 0;
      transform: translate(-100%);
    }
    to {
      opacity: 1;
      transform: translate(0);
    }
  }
  @keyframes mui-toast-exit-rtl {
    0% {
      opacity: 1;
      transform: translate(0);
    }
    to {
      opacity: 0;
      transform: translate(-100%);
    }
  }
  :dir(rtl) .mui-toast {
    animation-name: mui-toast-enter-rtl;
  }
  :dir(rtl) .mui-toast[data-state=exit] {
    animation-name: mui-toast-exit-rtl;
  }
  .mui-toggle-group {
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--mui-border-control);
    border-radius: var(--mui-radius-md);
    overflow: hidden;
    background: var(--mui-bg-input);
    padding: 1px;
    gap: 0;
  }
  .mui-toggle-group--md .mui-toggle-group__item {
    height: calc(2.25rem - 4px);
    padding: 0 .75rem;
    font-size: .875rem;
    min-width: 2rem;
  }
  .mui-toggle-group--sm .mui-toggle-group__item {
    height: calc(2rem - 4px);
    padding: 0 .625rem;
    font-size: .75rem;
    min-width: 1.75rem;
  }
  .mui-toggle-group__item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .375rem;
    background: transparent;
    color: var(--mui-text-muted);
    border: none;
    border-radius: calc(var(--mui-radius-md) - 2px);
    font-family: inherit;
    font-weight: 500;
    cursor: pointer;
    transition: background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);
    -webkit-user-select: none;
    user-select: none;
  }
  .mui-toggle-group__item:hover:not(:disabled) {
    background: var(--mui-bg-card);
    color: var(--mui-text);
  }
  .mui-toggle-group__item[aria-pressed=true] {
    background: var(--mui-bg-card);
    color: var(--mui-text);
    box-shadow: var(--mui-shadow-sm);
  }
  .mui-toggle-group__item:focus-visible {
    outline: 2px solid var(--mui-border-focus);
    outline-offset: -2px;
    z-index: 1;
  }
  .mui-toggle-group__item:disabled,.mui-toggle-group[data-disabled=true] .mui-toggle-group__item {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none;
  }
  .mui-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    background: transparent;
    color: var(--mui-text-muted);
    border: 1px solid transparent;
    border-radius: var(--mui-radius-md);
    font-family: inherit;
    font-weight: 500;
    cursor: pointer;
    transition: background-color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1);
    -webkit-user-select: none;
    user-select: none;
  }
  .mui-toggle--md {
    height: 2.25rem;
    padding: 0 .75rem;
    font-size: .875rem;
    min-width: 2.25rem;
  }
  .mui-toggle--sm {
    height: 2rem;
    padding: 0 .625rem;
    font-size: .75rem;
    min-width: 2rem;
  }
  .mui-toggle--lg {
    height: 2.5rem;
    padding: 0 1rem;
    font-size: 1rem;
    min-width: 2.5rem;
  }
  .mui-toggle:hover:not(:disabled) {
    background: var(--mui-bg-input);
    color: var(--mui-text);
  }
  .mui-toggle[aria-pressed=true] {
    background: var(--mui-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--mui-accent) 12%,transparent);
    }
    color: var(--mui-accent);
  }
  .mui-toggle[aria-pressed=true]:hover:not(:disabled) {
    background: var(--mui-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--mui-accent) 18%,transparent);
    }
    color: var(--mui-accent);
  }
  .mui-toggle--outline {
    border-color: var(--mui-border-control);
    background: transparent;
  }
  .mui-toggle--outline:hover:not(:disabled) {
    background: var(--mui-bg-input);
    border-color: var(--mui-border-hover);
    color: var(--mui-text);
  }
  .mui-toggle--outline[aria-pressed=true] {
    background: var(--mui-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--mui-accent) 12%,transparent);
    }
    border-color: var(--mui-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb,var(--mui-accent) 30%,transparent);
    }
    color: var(--mui-accent);
  }
  .mui-toggle--outline[aria-pressed=true]:hover:not(:disabled) {
    background: var(--mui-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--mui-accent) 18%,transparent);
    }
    border-color: var(--mui-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb,var(--mui-accent) 40%,transparent);
    }
    color: var(--mui-accent);
  }
  .mui-toggle:focus-visible {
    outline: 2px solid var(--mui-border-focus);
    outline-offset: 2px;
  }
  .mui-toggle:disabled {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none;
  }
  .mui-tool-call {
    --mui-tool-accent: var(--mui-text-muted);
    border: 1px solid var(--mui-border);
    border-radius: var(--mui-radius-md);
    background: var(--mui-bg-card);
    overflow: hidden;
    font-size: .8125rem;
  }
  .mui-tool-call__trigger {
    display: flex;
    align-items: center;
    gap: .5rem;
    width: 100%;
    padding: .375rem .625rem;
    background: transparent;
    border: 0;
    color: var(--mui-text);
    cursor: pointer;
    text-align: left;
    font: inherit;
  }
  .mui-tool-call__trigger:hover {
    background: var(--mui-bg-input);
  }
  .mui-tool-call__glyph {
    font-family: var(--mui-font-mono);
    font-size: .875rem;
    color: var(--mui-tool-accent);
    width: 1rem;
    text-align: center;
    flex: none;
  }
  .mui-tool-call__name {
    font-family: var(--mui-font-mono);
    font-size: .75rem;
    font-weight: 500;
    color: var(--mui-text);
    flex: none;
  }
  .mui-tool-call__summary {
    flex: 1 1 auto;
    min-width: 0;
    font-family: var(--mui-font-mono);
    font-size: .75rem;
    color: var(--mui-text-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .mui-tool-call__status {
    flex: none;
    font-size: .6875rem;
    font-weight: 500;
    padding: .125rem .4375rem;
    border-radius: var(--mui-radius-sm);
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,currentColor 14%,transparent);
    }
  }
  .mui-tool-call__status--success {
    color: var(--mui-success-text);
  }
  .mui-tool-call__status--running {
    color: var(--mui-warning-text);
    animation: mui-tool-pulse 1.4s ease-in-out infinite;
  }
  .mui-tool-call__status--error {
    color: var(--mui-danger-text);
  }
  .mui-tool-call__status--pending {
    color: var(--mui-text-muted);
  }
  @keyframes mui-tool-pulse {
    0%,to {
      opacity: 1;
    }
    50% {
      opacity: .45;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .mui-tool-call__status--running {
      animation: none;
    }
    .mui-tool-call__chevron {
      transition: none;
    }
  }
  .mui-tool-call__chevron {
    flex: none;
    font-size: .75rem;
    color: var(--mui-text-muted);
    transition: transform .15s ease;
  }
  .mui-tool-call__trigger[aria-expanded=true] .mui-tool-call__chevron {
    transform: rotate(180deg);
  }
  .mui-tool-call__body {
    padding: .5rem .75rem .625rem;
    border-top: 1px solid var(--mui-border);
    background: var(--mui-bg);
    display: flex;
    flex-direction: column;
    gap: .5rem;
  }
  .mui-tool-call__body[hidden] {
    display: none;
  }
  .mui-tool-call__section-label {
    font-size: .6875rem;
    color: var(--mui-text-subtle);
    margin-bottom: .1875rem;
  }
  .mui-tool-call__section-body pre {
    margin: 0;
    padding: .5rem .625rem;
    background: var(--mui-bg-input);
    border-radius: var(--mui-radius-sm);
    font-family: var(--mui-font-mono);
    font-size: .75rem;
    line-height: 1.55;
    color: var(--mui-text);
    white-space: pre-wrap;
    word-break: break-word;
  }
  .mui-tool-call--edit {
    --mui-tool-accent: var(--mui-accent-text);
  }
  .mui-tool-call--write {
    --mui-tool-accent: var(--mui-success-text);
  }
  .mui-tool-call--read {
    --mui-tool-accent: var(--mui-info-text);
  }
  .mui-tool-call--bash {
    --mui-tool-accent: var(--mui-warning-text);
  }
  .mui-tool-call--grep,.mui-tool-call--glob,.mui-tool-call--search {
    --mui-tool-accent: var(--mui-violet-text);
  }
  .mui-tool-call--task,.mui-tool-call--agent {
    --mui-tool-accent: var(--mui-rose-text);
  }
  .mui-tool-call--custom {
    --mui-tool-accent: var(--mui-text-muted);
  }
  .mui-tooltip {
    display: inline-block;
    position: relative;
  }
  .mui-tooltip__trigger {
    display: inline-flex;
  }
  .mui-tooltip__content {
    position: absolute;
    background: var(--mui-text);
    color: var(--mui-bg);
    padding: .375rem .75rem;
    border-radius: var(--mui-radius-md);
    font-size: .75rem;
    line-height: 1rem;
    width: fit-content;
    max-width: 16rem;
    white-space: normal;
    text-wrap: balance;
    pointer-events: none;
    z-index: 50;
    opacity: 0;
    transform-origin: var(--mui-tooltip-origin, center);
    transform: var(--mui-tooltip-translate) scale(.95);
    transition: opacity var(--mui-transition),transform var(--mui-transition);
  }
  .mui-tooltip__content[data-visible=true] {
    opacity: 1;
    transform: var(--mui-tooltip-translate) scale(1);
  }
  .mui-tooltip__content--top {
    bottom: calc(100% + .375rem);
    inset-inline-start: 50%;
    --mui-tooltip-translate: translateX(-50%);
    --mui-tooltip-origin: center bottom;
  }
  .mui-tooltip__content--bottom {
    top: calc(100% + .375rem);
    inset-inline-start: 50%;
    --mui-tooltip-translate: translateX(-50%);
    --mui-tooltip-origin: center top;
  }
  .mui-tooltip__content--left {
    inset-inline-end: calc(100% + .375rem);
    top: 50%;
    --mui-tooltip-translate: translateY(-50%);
    --mui-tooltip-origin: right center;
  }
  .mui-tooltip__content--right {
    inset-inline-start: calc(100% + .375rem);
    top: 50%;
    --mui-tooltip-translate: translateY(-50%);
    --mui-tooltip-origin: left center;
  }
  .mui-tooltip__content[hidden] {
    display: none;
  }
  .mui-tooltip__content--top.mui-tooltip__content--align-start,.mui-tooltip__content--bottom.mui-tooltip__content--align-start {
    inset-inline-start: 0;
    --mui-tooltip-translate: translateX(0);
  }
  .mui-tooltip__content--left.mui-tooltip__content--align-start,.mui-tooltip__content--right.mui-tooltip__content--align-start {
    top: 0;
    --mui-tooltip-translate: translateY(0);
  }
  .mui-tooltip__content--top.mui-tooltip__content--align-center,.mui-tooltip__content--bottom.mui-tooltip__content--align-center {
    inset-inline-start: 50%;
    --mui-tooltip-translate: translateX(-50%);
  }
  .mui-tooltip__content--left.mui-tooltip__content--align-center,.mui-tooltip__content--right.mui-tooltip__content--align-center {
    top: 50%;
    --mui-tooltip-translate: translateY(-50%);
  }
  .mui-tooltip__content--top.mui-tooltip__content--align-end,.mui-tooltip__content--bottom.mui-tooltip__content--align-end {
    inset-inline-start: auto;
    inset-inline-end: 0;
    --mui-tooltip-translate: translateX(0);
  }
  .mui-tooltip__content--left.mui-tooltip__content--align-end,.mui-tooltip__content--right.mui-tooltip__content--align-end {
    top: auto;
    bottom: 0;
    --mui-tooltip-translate: translateY(0);
  }
  .mui-h1 {
    font-size: 2.25rem;
    font-weight: 800;
    letter-spacing: -.025em;
    margin: 0;
    line-height: 1.1;
    color: var(--mui-text);
  }
  .mui-h2 {
    font-size: 1.875rem;
    font-weight: 700;
    letter-spacing: -.025em;
    margin: 0;
    line-height: 1.2;
    color: var(--mui-text);
  }
  .mui-h3 {
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: -.01em;
    margin: 0;
    line-height: 1.3;
    color: var(--mui-text);
  }
  .mui-h4 {
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0;
    line-height: 1.4;
    color: var(--mui-text);
  }
  .mui-p {
    font-size: 1rem;
    line-height: 1.75;
    color: var(--mui-text);
    margin: 0;
  }
  .mui-lead {
    font-size: 1.25rem;
    font-weight: 400;
    color: var(--mui-text-muted);
    margin: 0;
    line-height: 1.6;
  }
  .mui-muted {
    font-size: .875rem;
    color: var(--mui-text-muted);
  }
  .mui-code {
    font-family: var(--mui-font-mono);
    font-size: .875em;
    background-color: var(--mui-bg-input);
    border: 1px solid var(--mui-border);
    padding: .125rem .375rem;
    border-radius: var(--mui-radius-sm);
    color: var(--mui-text);
    font-weight: 500;
  }
  .mui-blockquote {
    border-inline-start: 3px solid var(--mui-border);
    padding-inline-start: 1.25rem;
    font-style: italic;
    color: var(--mui-text-muted);
    margin: 0;
    line-height: 1.6;
  }
  .mui-typography-list {
    padding-left: 1.5rem;
    margin: .5rem 0;
    color: var(--mui-text);
  }
  .mui-typography-list--ul {
    list-style-type: disc;
  }
  .mui-typography-list--ol {
    list-style-type: decimal;
  }
  .mui-typography-list li {
    margin-top: .25rem;
  }
  .mui-typography-large {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--mui-text);
  }
  .mui-typography-small {
    font-size: .75rem;
    font-weight: 500;
    color: var(--mui-text);
  }
  .mui-typography-table-wrapper {
    overflow-x: auto;
    margin: .5rem 0;
  }
  .mui-eyebrow {
    margin: 0;
    font-size: .8125rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .05em;
    line-height: 1.4;
    color: var(--mui-text-muted);
  }
  .mui-prose {
    font-size: .875rem;
    line-height: 1.65;
    color: var(--mui-text);
  }
  .mui-prose>:first-child {
    margin-top: 0;
  }
  .mui-prose>:last-child {
    margin-bottom: 0;
  }
  .mui-prose h1,.mui-prose h4 {
    font-size: 1.0625rem;
    font-weight: 700;
    line-height: 1.35;
    margin: 1.25em 0 .5em;
    color: var(--mui-text);
  }
  .mui-prose h2,.mui-prose h5 {
    font-size: .9375rem;
    font-weight: 600;
    line-height: 1.4;
    margin: 1.15em 0 .4em;
    color: var(--mui-text);
  }
  .mui-prose h3,.mui-prose h6 {
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.45;
    margin: 1.1em 0 .35em;
    color: var(--mui-text);
  }
  .mui-prose p,.mui-prose ul,.mui-prose ol {
    margin: 0 0 .75em;
  }
  .mui-prose ul,.mui-prose ol {
    padding-inline-start: 1.5rem;
  }
  .mui-prose li {
    margin-bottom: .25em;
  }
  .mui-prose a {
    color: var(--mui-accent-text);
    text-decoration: underline;
  }
  .mui-prose code {
    font-family: var(--mui-font-mono);
    font-size: .8125em;
    background: var(--mui-bg-input);
    border-radius: var(--mui-radius-sm);
    padding: .1em .35em;
  }
  .mui-prose pre {
    background: var(--mui-bg-input);
    border: 1px solid var(--mui-border);
    border-radius: var(--mui-radius-md);
    padding: .75rem;
    overflow-x: auto;
    margin: 0 0 .75em;
  }
  .mui-prose pre code {
    background: none;
    border-radius: 0;
    padding: 0;
    font-size: .8125rem;
  }
  .mui-prose blockquote {
    margin: 0 0 .75em;
    padding-inline-start: .75rem;
    border-inline-start: 2px solid var(--mui-border);
    color: var(--mui-text-muted);
  }
  .mui-text-muted {
    color: var(--mui-text-muted);
  }
  .mui-text-subtle {
    color: var(--mui-text-subtle);
  }
  .mui-visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
  }
  .mui-block {
    width: 100%;
    min-height: 100%;
  }
  .mui-block__frame {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 36rem;
    padding: 2rem 1rem;
    background: linear-gradient(180deg,var(--mui-bg),var(--mui-bg-card));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg,color-mix(in srgb,var(--mui-bg) 100%,transparent),color-mix(in srgb,var(--mui-bg-card) 60%,transparent));
    }
    border-radius: var(--mui-radius-lg);
    border: 1px solid var(--mui-border);
  }
  @media (max-width: 640px) {
    .mui-block__frame {
      padding: 1rem .5rem;
      min-height: 32rem;
    }
  }
  .mui-block--auth__frame {
    background: radial-gradient(ellipse at top,var(--mui-accent),transparent 60%),var(--mui-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background: radial-gradient(ellipse at top,color-mix(in srgb,var(--mui-accent) 8%,transparent),transparent 60%),var(--mui-bg);
    }
  }
  .mui-block--auth__card {
    width: 100%;
    max-width: 24rem;
    padding: 2rem;
    background: var(--mui-bg-card);
    border: 1px solid var(--mui-border);
    border-radius: var(--mui-radius-lg);
    box-shadow: var(--mui-shadow-lg);
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
  }
  @media (max-width: 640px) {
    .mui-block--auth__card {
      padding: 1.5rem;
      gap: 1rem;
    }
  }
  .mui-block--auth__logo {
    display: flex;
    justify-content: center;
    color: var(--mui-text);
    margin-bottom: .25rem;
  }
  .mui-block--auth__heading {
    font-size: 1.5rem;
    font-weight: 600;
    text-align: center;
    margin: 0;
    color: var(--mui-text);
    letter-spacing: -.01em;
  }
  .mui-block--auth__subheading {
    text-align: center;
    color: var(--mui-text-muted);
    font-size: .875rem;
    margin: 0 0 .25rem;
  }
  .mui-block--auth__error {
    margin-top: .25rem;
  }
  .mui-block--auth__oauth {
    display: flex;
    flex-direction: column;
    gap: .5rem;
  }
  .mui-block--auth__oauth-form {
    display: block;
    margin: 0;
  }
  .mui-block--auth__oauth-form .mui-btn {
    width: 100%;
    justify-content: center;
  }
  .mui-block--auth__divider {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: .75rem;
    color: var(--mui-text-muted);
    margin: .25rem 0;
  }
  .mui-block--auth__divider:before,.mui-block--auth__divider:after {
    content: "";
    flex: 1;
    height: 1px;
    background: var(--mui-border);
  }
  .mui-block--auth__divider-text {
    padding: 0 .75rem;
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: .06em;
    font-weight: 500;
  }
  .mui-block--auth__form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .mui-block--auth__field {
    display: flex;
    flex-direction: column;
    gap: .375rem;
  }
  .mui-block--auth__label-row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: .75rem;
  }
  .mui-block--auth__label {
    font-size: .875rem;
    font-weight: 500;
    color: var(--mui-text);
    cursor: pointer;
  }
  .mui-block--auth__forgot-link {
    font-size: .8125rem;
    color: var(--mui-accent-text);
    text-decoration: none;
    font-weight: 500;
  }
  .mui-block--auth__forgot-link:hover {
    text-decoration: underline;
    text-underline-offset: 2px;
  }
  .mui-block--auth__form .mui-input {
    width: 100%;
  }
  .mui-block--auth__form .mui-btn--primary {
    width: 100%;
    justify-content: center;
    margin-top: .25rem;
  }
  .mui-block--auth__footer {
    text-align: center;
    font-size: .875rem;
    color: var(--mui-text-muted);
    margin: .5rem 0 0;
  }
  .mui-block--auth__footer-link {
    color: var(--mui-accent-text);
    font-weight: 500;
    text-decoration: none;
  }
  .mui-block--auth__footer-link:hover {
    text-decoration: underline;
    text-underline-offset: 2px;
  }
  .mui-block--auth__hint {
    font-size: .75rem;
    color: var(--mui-text-muted);
    margin-top: .25rem;
  }
  .mui-block--auth__terms {
    display: flex;
    align-items: flex-start;
    gap: .625rem;
    margin-top: .25rem;
  }
  .mui-block--auth__terms-input {
    flex-shrink: 0;
    margin: .125rem 0 0;
    width: 1rem;
    height: 1rem;
    accent-color: var(--mui-accent);
    cursor: pointer;
  }
  .mui-block--auth__terms-label {
    font-size: .8125rem;
    color: var(--mui-text-muted);
    line-height: 1.5;
    cursor: pointer;
  }
  .mui-block--stats {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    width: 100%;
  }
  .mui-block--stats__header {
    display: flex;
    flex-direction: column;
    gap: .25rem;
  }
  .mui-block--stats__title {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--mui-text);
    margin: 0;
    letter-spacing: -.01em;
  }
  .mui-block--stats__subtitle {
    font-size: .875rem;
    color: var(--mui-text-muted);
    margin: 0;
  }
  .mui-block--stats__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(14rem,1fr));
    gap: 1rem;
  }
  .mui-block--stats__card {
    display: flex;
    flex-direction: column;
    gap: .375rem;
  }
  .mui-block--stats__label {
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--mui-text-muted);
    margin: 0;
  }
  .mui-block--stats__value {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--mui-text);
    margin: 0;
    letter-spacing: -.02em;
    font-variant-numeric: tabular-nums;
  }
  .mui-block--stats__delta-row {
    display: flex;
    align-items: baseline;
    gap: .5rem;
    margin: 0;
    font-size: .8125rem;
  }
  .mui-block--stats__delta {
    font-weight: 500;
    font-variant-numeric: tabular-nums;
  }
  .mui-block--stats__delta--up {
    color: var(--mui-success-text);
  }
  .mui-block--stats__delta--down {
    color: var(--mui-danger-text);
  }
  .mui-block--stats__hint {
    color: var(--mui-text-muted);
  }
  .mui-block--stats__activity-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
  }
  .mui-block--stats__activity-item {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .625rem 0;
    border-bottom: 1px solid var(--mui-border);
  }
  .mui-block--stats__activity-item:last-child {
    border-bottom: none;
  }
  .mui-block--stats__activity-avatar {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: var(--mui-radius-full);
    background: var(--mui-bg-input);
    color: var(--mui-text-muted);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .6875rem;
    font-weight: 600;
    letter-spacing: .02em;
    flex-shrink: 0;
  }
  .mui-block--stats__activity-text {
    flex: 1;
    font-size: .875rem;
    color: var(--mui-text);
    min-width: 0;
  }
  .mui-block--stats__activity-actor {
    font-weight: 500;
  }
  .mui-block--stats__activity-time {
    font-size: .75rem;
    color: var(--mui-text-subtle);
    flex-shrink: 0;
    font-variant-numeric: tabular-nums;
  }
  @media (max-width: 640px) {
    .mui-block--stats__grid {
      grid-template-columns: 1fr;
    }
    .mui-block--stats__activity-time {
      display: none;
    }
  }
  .mui-block--data {
    width: 100%;
  }
  .mui-block--data__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: .25rem 0 1rem;
    border-bottom: 1px solid var(--mui-border);
    margin-bottom: 1rem;
  }
  .mui-block--data__title {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--mui-text);
    letter-spacing: -.01em;
  }
  .mui-block--data__subtitle {
    margin: .25rem 0 0;
    font-size: .875rem;
    color: var(--mui-text-muted);
  }
  .mui-block--data__filters {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    align-items: stretch;
    margin-bottom: 1rem;
  }
  .mui-block--data__search {
    flex: 1;
    min-width: 14rem;
  }
  .mui-block--data__search .mui-input {
    width: 100%;
  }
  .mui-block--data__filter {
    min-width: 10rem;
  }
  .mui-block--data__filter .mui-native-select,.mui-block--data__filter .mui-native-select__root {
    width: 100%;
  }
  .mui-block--data__bulk {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .625rem .875rem;
    background: var(--mui-bg-input);
    border: 1px solid var(--mui-border);
    border-radius: var(--mui-radius-md);
    margin-bottom: 1rem;
    font-size: .875rem;
    color: var(--mui-text-muted);
  }
  .mui-block--data__bulk-label {
    white-space: nowrap;
  }
  .mui-block--data__bulk .mui-native-select,.mui-block--data__bulk .mui-native-select__root {
    flex: 1;
    min-width: 0;
    max-width: 14rem;
  }
  @media (max-width: 640px) {
    .mui-block--data__bulk {
      flex-wrap: wrap;
    }
  }
  .mui-block--data__table-wrap {
    overflow-x: auto;
    border: 1px solid var(--mui-border);
    border-radius: var(--mui-radius-md);
    background: var(--mui-bg);
  }
  .mui-block--data__table {
    width: 100%;
    border-collapse: collapse;
    font-size: .875rem;
  }
  .mui-block--data__table th {
    text-align: start;
    padding: .75rem;
    font-weight: 500;
    font-size: .6875rem;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--mui-text-muted);
    background: var(--mui-bg-card);
    border-bottom: 1px solid var(--mui-border);
    white-space: nowrap;
  }
  .mui-block--data__table td {
    padding: .875rem .75rem;
    border-bottom: 1px solid var(--mui-border);
    vertical-align: middle;
    color: var(--mui-text);
  }
  .mui-block--data__table tbody tr:last-child td {
    border-bottom: none;
  }
  .mui-block--data__table tbody tr:hover {
    background: var(--mui-bg-card);
  }
  .mui-block--data__select-col {
    width: 1%;
    padding-inline-start: .875rem;
    padding-inline-end: .5rem;
  }
  .mui-block--data__select-col input[type=checkbox] {
    margin: 0;
    accent-color: var(--mui-accent);
    cursor: pointer;
  }
  .mui-block--data__stacked {
    display: flex;
    flex-direction: column;
    line-height: 1.25;
    min-width: 10rem;
  }
  .mui-block--data__stacked-primary {
    font-weight: 500;
    color: var(--mui-text);
  }
  .mui-block--data__stacked-secondary {
    color: var(--mui-text-muted);
    font-size: .8125rem;
  }
  .mui-block--data__row-link {
    color: inherit;
    text-decoration: none;
  }
  .mui-block--data__row-link:hover {
    color: var(--mui-accent-text);
  }
  .mui-block--data__actions-col {
    width: 1%;
    white-space: nowrap;
    text-align: end;
    padding-inline-end: .875rem;
  }
  .mui-block--data__row-action {
    color: var(--mui-text-muted);
    text-decoration: none;
    font-size: .8125rem;
    font-weight: 500;
  }
  .mui-block--data__row-action:hover {
    color: var(--mui-accent-text);
  }
  .mui-block--data__empty td {
    text-align: center;
    padding: 2rem 1rem;
    color: var(--mui-text-muted);
  }
  .mui-block--data__pagination-summary {
    margin: .75rem 0 0;
    font-size: .8125rem;
    color: var(--mui-text-muted);
    text-align: end;
  }
  .mui-block--pricing {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    width: 100%;
    padding: 1rem 0;
  }
  .mui-block--pricing__header {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    max-width: 36rem;
    margin: 0 auto;
  }
  .mui-block--pricing__heading {
    font-size: 1.875rem;
    font-weight: 700;
    color: var(--mui-text);
    margin: 0;
    letter-spacing: -.02em;
  }
  .mui-block--pricing__subheading {
    font-size: 1rem;
    color: var(--mui-text-muted);
    margin: 0;
    line-height: 1.5;
  }
  .mui-block--pricing__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(14rem,1fr));
    gap: 1rem;
    align-items: stretch;
  }
  .mui-block--pricing__tier {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.75rem 1.5rem;
    background: var(--mui-bg-card);
    border: 1px solid var(--mui-border);
    border-radius: var(--mui-radius-lg);
    transition: transform var(--mui-transition),box-shadow var(--mui-transition);
  }
  .mui-block--pricing__tier--highlighted {
    border-color: var(--mui-accent);
    box-shadow: 0 0 0 1px var(--mui-accent),0 20px 40px -24px var(--mui-accent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 1px var(--mui-accent),0 20px 40px -24px color-mix(in srgb,var(--mui-accent) 40%,transparent);
    }
    transform: translateY(-4px);
    background: linear-gradient(180deg,var(--mui-accent),var(--mui-bg-card));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg,color-mix(in srgb,var(--mui-accent) 4%,var(--mui-bg-card)),var(--mui-bg-card));
    }
  }
  .mui-block--pricing__tier-badge {
    position: absolute;
    top: -.625rem;
    inset-inline-start: 50%;
    transform: translate(-50%);
  }
  .mui-block--pricing__tier-name {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--mui-text);
    margin: 0;
  }
  .mui-block--pricing__tier-tagline {
    font-size: .875rem;
    color: var(--mui-text-muted);
    margin: 0;
    line-height: 1.5;
    min-height: 2.6em;
  }
  .mui-block--pricing__tier-price {
    display: flex;
    align-items: baseline;
    gap: .25rem;
    padding: .5rem 0;
    border-top: 1px solid var(--mui-border);
    border-bottom: 1px solid var(--mui-border);
    font-variant-numeric: tabular-nums;
  }
  .mui-block--pricing__tier-price-amount {
    font-size: 2.25rem;
    font-weight: 700;
    color: var(--mui-text);
    letter-spacing: -.02em;
    line-height: 1;
  }
  .mui-block--pricing__tier-price-period {
    font-size: .875rem;
    color: var(--mui-text-muted);
  }
  .mui-block--pricing__tier-features {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: .625rem;
    flex: 1;
  }
  .mui-block--pricing__tier-features li {
    display: flex;
    align-items: flex-start;
    gap: .625rem;
    font-size: .875rem;
    color: var(--mui-text);
    line-height: 1.5;
  }
  .mui-block--pricing__tier-check {
    color: var(--mui-success-text);
    flex-shrink: 0;
    margin-top: .1875rem;
  }
  .mui-block--pricing__tier-cta-link {
    width: 100%;
  }
  .mui-block--pricing__tier-cta,.mui-block--pricing__tier-cta form {
    margin: 0;
    width: 100%;
  }
  .mui-block--pricing__tier-cta .mui-btn {
    width: 100%;
    justify-content: center;
  }
  .mui-block--pricing__fine-print {
    text-align: center;
    font-size: .8125rem;
    color: var(--mui-text-muted);
    max-width: 42rem;
    margin: 0 auto;
  }
  .mui-block--settings {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    width: 100%;
  }
  .mui-block--settings__notice {
    padding: .75rem 1rem;
    border-radius: var(--mui-radius-md);
    font-size: .875rem;
    border: 1px solid transparent;
  }
  .mui-block--settings__notice--success {
    background: var(--mui-success);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--mui-success) 12%,transparent);
    }
    border-color: var(--mui-success);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb,var(--mui-success) 30%,transparent);
    }
    color: var(--mui-success-text);
  }
  .mui-block--settings__notice--danger {
    background: var(--mui-danger);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--mui-danger) 12%,transparent);
    }
    border-color: var(--mui-danger);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb,var(--mui-danger) 30%,transparent);
    }
    color: var(--mui-danger-text);
  }
  .mui-block--settings__form {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
  }
  .mui-block--settings__field {
    display: flex;
    flex-direction: column;
    gap: .375rem;
  }
  .mui-block--settings__label {
    font-size: .875rem;
    font-weight: 500;
    color: var(--mui-text);
  }
  .mui-block--settings__hint {
    font-size: .75rem;
    color: var(--mui-text-muted);
  }
  .mui-block--settings__actions {
    display: flex;
    gap: .5rem;
    justify-content: flex-end;
    margin-top: .25rem;
  }
  .mui-block--settings__avatar-row {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: .5rem 0;
    margin-bottom: .25rem;
  }
  .mui-block--settings__avatar {
    width: 4rem;
    height: 4rem;
    border-radius: var(--mui-radius-full);
    background: linear-gradient(135deg,var(--mui-accent),var(--mui-accent-hover));
    color: var(--mui-accent-fg);
    font-size: 1.125rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    letter-spacing: .03em;
    flex-shrink: 0;
  }
  .mui-block--settings__avatar-actions {
    display: flex;
    gap: .5rem;
  }
  .mui-block--settings__avatar-actions form {
    margin: 0;
  }
  .mui-block--settings__danger .mui-card {
    border-color: var(--mui-danger);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb,var(--mui-danger) 35%,var(--mui-border));
    }
    background: var(--mui-danger);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--mui-danger) 4%,var(--mui-bg-card));
    }
  }
  .mui-block--team__invite {
    display: grid;
    grid-template-columns: minmax(0,2fr) minmax(0,1fr) auto;
    gap: .5rem;
    align-items: stretch;
    margin-bottom: 1rem;
  }
  .mui-block--team__invite .mui-input,.mui-block--team__invite .mui-native-select__root,.mui-block--team__invite .mui-native-select {
    width: 100%;
  }
  @media (max-width: 640px) {
    .mui-block--team__invite {
      grid-template-columns: 1fr;
    }
  }
  .mui-block--team__table-wrap {
    overflow-x: auto;
    border-top: 1px solid var(--mui-border);
    margin: 0 -1.25rem -1.25rem;
    padding: 0 1.25rem 1.25rem;
  }
  .mui-block--team__table {
    width: 100%;
    border-collapse: collapse;
    font-size: .875rem;
  }
  .mui-block--team__table th {
    text-align: start;
    font-weight: 500;
    color: var(--mui-text-muted);
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    padding: .625rem .75rem;
    border-bottom: 1px solid var(--mui-border);
  }
  .mui-block--team__table td {
    padding: .75rem;
    border-bottom: 1px solid var(--mui-border);
    vertical-align: middle;
  }
  .mui-block--team__table tr:last-child td {
    border-bottom: none;
  }
  .mui-block--team__member {
    display: flex;
    align-items: center;
    gap: .75rem;
  }
  .mui-block--team__avatar {
    width: 2rem;
    height: 2rem;
    border-radius: var(--mui-radius-full);
    background: var(--mui-bg-input);
    color: var(--mui-text-muted);
    font-size: .75rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .mui-block--team__member-text {
    display: flex;
    flex-direction: column;
    line-height: 1.25;
    min-width: 0;
  }
  .mui-block--team__member-name {
    color: var(--mui-text);
    font-weight: 500;
  }
  .mui-block--team__member-email {
    color: var(--mui-text-muted);
    font-size: .8125rem;
  }
  .mui-block--team__role-static {
    color: var(--mui-text-muted);
    font-size: .875rem;
  }
  .mui-block--team__role-form {
    margin: 0;
    max-width: 10rem;
  }
  .mui-block--team__last-active {
    color: var(--mui-text-muted);
    font-size: .8125rem;
    white-space: nowrap;
  }
  .mui-block--team__actions-col,.mui-block--team__row-actions {
    text-align: end;
    width: 1%;
    white-space: nowrap;
  }
  .mui-block--billing__plan {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
  }
  .mui-block--billing__plan-name {
    display: flex;
    align-items: baseline;
    gap: 1rem;
    flex-wrap: wrap;
  }
  .mui-block--billing__plan-name h3 {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--mui-text);
    letter-spacing: -.01em;
  }
  .mui-block--billing__plan-price {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--mui-text);
    font-variant-numeric: tabular-nums;
  }
  .mui-block--billing__plan-period {
    color: var(--mui-text-muted);
    font-weight: 400;
    font-size: .875rem;
  }
  .mui-block--billing__meta {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(12rem,1fr));
    gap: 1rem;
    padding: 1rem 0;
    border-top: 1px solid var(--mui-border);
    border-bottom: 1px solid var(--mui-border);
  }
  .mui-block--billing__meta-item {
    display: flex;
    flex-direction: column;
    gap: .25rem;
  }
  .mui-block--billing__meta-label {
    font-size: .75rem;
    color: var(--mui-text-muted);
    text-transform: uppercase;
    letter-spacing: .04em;
    font-weight: 500;
  }
  .mui-block--billing__meta-value {
    font-size: .9375rem;
    font-weight: 500;
    color: var(--mui-text);
    font-variant-numeric: tabular-nums;
  }
  .mui-block--billing__meta-bar {
    height: 4px;
    background: var(--mui-bg-input);
    border-radius: var(--mui-radius-full);
    overflow: hidden;
    margin-top: .25rem;
  }
  .mui-block--billing__meta-bar-fill {
    height: 100%;
    background: var(--mui-accent);
  }
  .mui-block--billing__actions {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
  }
  .mui-block--billing__actions form {
    margin: 0;
  }
  .mui-block--billing__payment {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
  }
  .mui-block--billing__card {
    display: flex;
    flex-direction: column;
    gap: .25rem;
  }
  .mui-block--billing__card-brand {
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--mui-text-muted);
    font-weight: 600;
  }
  .mui-block--billing__card-number {
    font-family: var(--mui-font-mono);
    font-size: 1rem;
    color: var(--mui-text);
    letter-spacing: .05em;
  }
  .mui-block--billing__card-expiry {
    font-size: .8125rem;
    color: var(--mui-text-muted);
  }
  .mui-block--billing__payment-update form {
    margin: 0;
  }
  .mui-block--billing__download {
    color: var(--mui-accent-text);
    text-decoration: none;
    font-weight: 500;
    font-size: .875rem;
  }
  .mui-block--billing__download:hover {
    text-decoration: underline;
    text-underline-offset: 2px;
  }
  .mui-block--auth__otp-wrap {
    display: flex;
    justify-content: center;
    padding: .5rem 0;
  }
  .mui-block--shell {
    display: grid;
    grid-template-columns: 16rem 1fr;
    min-height: 40rem;
    background: var(--mui-bg);
    border: 1px solid var(--mui-border);
    border-radius: var(--mui-radius-lg);
    overflow: hidden;
    isolation: isolate;
  }
  .mui-block--shell__sidebar {
    display: flex;
    flex-direction: column;
    background: var(--mui-bg-card);
    border-inline-end: 1px solid var(--mui-border);
    min-width: 0;
  }
  .mui-block--shell__brand {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: 1rem 1.125rem;
    border-bottom: 1px solid var(--mui-border);
    color: var(--mui-text);
    font-size: .9375rem;
    flex-shrink: 0;
  }
  .mui-block--shell__brand-mark {
    display: inline-flex;
    color: var(--mui-accent-text);
    flex-shrink: 0;
  }
  .mui-block--shell__brand-name {
    font-weight: 600;
    letter-spacing: -.01em;
  }
  .mui-block--shell__nav {
    flex: 1;
    padding: .75rem .5rem;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    scrollbar-width: thin;
    scrollbar-color: var(--mui-border) transparent;
  }
  .mui-block--shell__nav::-webkit-scrollbar {
    width: 6px;
  }
  .mui-block--shell__nav::-webkit-scrollbar-thumb {
    background: var(--mui-border);
    border-radius: 3px;
  }
  .mui-block--shell__nav-group {
    display: flex;
    flex-direction: column;
    gap: .125rem;
  }
  .mui-block--shell__nav-group-label {
    font-size: .6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--mui-text-subtle);
    padding: 0 .75rem;
    margin-bottom: .25rem;
  }
  .mui-block--shell__nav-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: .0625rem;
  }
  .mui-block--shell__nav-item {
    display: flex;
    align-items: center;
    gap: .625rem;
    padding: .4375rem .75rem;
    font-size: .875rem;
    color: var(--mui-text-muted);
    text-decoration: none;
    border-radius: var(--mui-radius-md);
    transition: background-color var(--mui-transition),color var(--mui-transition);
    min-width: 0;
  }
  .mui-block--shell__nav-item:hover {
    background: var(--mui-bg-input);
    color: var(--mui-text);
  }
  .mui-block--shell__nav-item--active {
    background: var(--mui-bg-input);
    color: var(--mui-text);
    font-weight: 500;
  }
  .mui-block--shell__nav-icon {
    display: inline-flex;
    flex-shrink: 0;
    color: inherit;
    opacity: .85;
  }
  .mui-block--shell__nav-item--active .mui-block--shell__nav-icon {
    color: var(--mui-accent-text);
    opacity: 1;
  }
  .mui-block--shell__nav-label {
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .mui-block--shell__nav-badge {
    font-size: .6875rem;
    font-weight: 500;
    padding: .0625rem .4375rem;
    background: var(--mui-bg);
    border: 1px solid var(--mui-border);
    border-radius: var(--mui-radius-full);
    color: var(--mui-text-muted);
    flex-shrink: 0;
    font-variant-numeric: tabular-nums;
  }
  .mui-block--shell__user {
    display: flex;
    align-items: center;
    gap: .625rem;
    padding: .75rem .875rem;
    border-top: 1px solid var(--mui-border);
    text-decoration: none;
    color: var(--mui-text);
    transition: background-color var(--mui-transition);
    flex-shrink: 0;
  }
  .mui-block--shell__user:hover {
    background: var(--mui-bg-input);
  }
  .mui-block--shell__user-avatar {
    width: 2rem;
    height: 2rem;
    border-radius: var(--mui-radius-full);
    background: linear-gradient(135deg,var(--mui-accent),var(--mui-accent-hover));
    color: var(--mui-accent-fg);
    font-size: .75rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    letter-spacing: .02em;
  }
  .mui-block--shell__user-text {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    line-height: 1.25;
  }
  .mui-block--shell__user-name {
    font-size: .8125rem;
    font-weight: 500;
    color: var(--mui-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .mui-block--shell__user-email {
    font-size: .75rem;
    color: var(--mui-text-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .mui-block--shell__user-caret {
    color: var(--mui-text-subtle);
    flex-shrink: 0;
  }
  .mui-block--shell__main {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
  }
  .mui-block--shell__topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .875rem 1.5rem;
    border-bottom: 1px solid var(--mui-border);
    background: var(--mui-bg);
    flex-shrink: 0;
  }
  .mui-block--shell__topbar-title {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--mui-text);
    letter-spacing: -.01em;
  }
  .mui-block--shell__topbar-actions {
    display: flex;
    align-items: center;
    gap: .5rem;
  }
  .mui-block--shell__content {
    flex: 1;
    padding: 1.5rem;
    overflow-y: auto;
    background: var(--mui-bg);
  }
  @media (max-width: 768px) {
    .mui-block--shell {
      grid-template-columns: 1fr;
      grid-template-rows: auto 1fr;
    }
    .mui-block--shell__sidebar {
      flex-direction: row;
      align-items: center;
      gap: .5rem;
      border-inline-end: none;
      border-bottom: 1px solid var(--mui-border);
      padding: .5rem .75rem;
      overflow-x: auto;
    }
    .mui-block--shell__brand {
      padding: 0;
      border-bottom: none;
      flex-shrink: 0;
    }
    .mui-block--shell__nav {
      flex: 1;
      flex-direction: row;
      padding: 0;
      gap: .25rem;
      overflow-x: auto;
      overflow-y: hidden;
    }
    .mui-block--shell__nav-group {
      flex-direction: row;
      gap: .125rem;
    }
    .mui-block--shell__nav-group-label {
      display: none;
    }
    .mui-block--shell__nav-list {
      flex-direction: row;
    }
    .mui-block--shell__nav-item {
      padding: .375rem .625rem;
      white-space: nowrap;
    }
    .mui-block--shell__nav-label {
      display: none;
    }
    .mui-block--shell__user {
      border-top: none;
      padding: 0;
      gap: 0;
      flex-shrink: 0;
    }
    .mui-block--shell__user-text,.mui-block--shell__user-caret {
      display: none;
    }
    .mui-block--shell__topbar {
      padding: .75rem 1rem;
    }
    .mui-block--shell__content {
      padding: 1rem;
    }
  }
  :root,[data-theme=dark] {
    --mui-bg: #0a0a0b;
    --mui-bg-card: #111113;
    --mui-bg-overlay: rgba(0, 0, 0, .8);
    --mui-bg-input: #18181b;
    --mui-border: #27272a;
    --mui-border-hover: #3f3f46;
    --mui-border-control: #71717a;
    --mui-border-focus: #60a5fa;
    --mui-ring: 0 0 0 2px var(--mui-border-focus);
    --mui-text: #fafafa;
    --mui-text-muted: #a1a1aa;
    --mui-text-subtle: #8e8e93;
    --mui-accent: #2563eb;
    --mui-accent-hover: #3b82f6;
    --mui-accent-fg: #ffffff;
    --mui-success: #15803d;
    --mui-warning: #a16207;
    --mui-danger: #dc2626;
    --mui-info: #1d4ed8;
    --mui-violet: #6d28d9;
    --mui-rose: #be123c;
    --mui-accent-text: #60a5fa;
    --mui-success-text: #4ade80;
    --mui-warning-text: #fbbf24;
    --mui-danger-text: #f87171;
    --mui-info-text: #60a5fa;
    --mui-violet-text: #c4b5fd;
    --mui-rose-text: #fda4af;
    --mui-success-fg: #fff;
    --mui-warning-fg: #fff;
    --mui-danger-fg: #fff;
    --mui-info-fg: #fff;
    --mui-violet-fg: #fff;
    --mui-rose-fg: #fff;
    --mui-radius-sm: calc(.5rem - 2px);
    --mui-radius-md: .5rem;
    --mui-radius-lg: .75rem;
    --mui-radius-full: 9999px;
    --mui-sidebar-w: 16rem;
    --mui-space-xs: .25rem;
    --mui-space-sm: .5rem;
    --mui-space-md: .75rem;
    --mui-space-lg: 1rem;
    --mui-space-xl: 1.5rem;
    --mui-space-xxl: 2rem;
    --mui-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
    --mui-font-mono: "SF Mono", "JetBrains Mono", Monaco, Menlo, monospace;
    --mui-shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --mui-shadow-md: 0 4px 6px rgba(0, 0, 0, .3);
    --mui-shadow-lg: 0 10px 15px rgba(0, 0, 0, .3);
    --mui-transition: .15s cubic-bezier(.4, 0, .2, 1);
  }
  [data-theme=light] {
    --mui-bg: #ffffff;
    --mui-bg-card: #f9fafb;
    --mui-bg-overlay: rgba(0, 0, 0, .4);
    --mui-bg-input: #f4f4f5;
    --mui-border: #e4e4e7;
    --mui-border-hover: #d4d4d8;
    --mui-border-control: #71717a;
    --mui-border-focus: #2563eb;
    --mui-ring: 0 0 0 2px var(--mui-border-focus);
    --mui-text: #09090b;
    --mui-text-muted: #71717a;
    --mui-text-subtle: #a1a1aa;
    --mui-accent: #2563eb;
    --mui-accent-hover: #3b82f6;
    --mui-accent-fg: #ffffff;
    --mui-success: #15803d;
    --mui-warning: #a16207;
    --mui-danger: #b91c1c;
    --mui-info: #1d4ed8;
    --mui-violet: #6d28d9;
    --mui-rose: #be123c;
    --mui-accent-text: #1d4ed8;
    --mui-success-text: #15803d;
    --mui-warning-text: #a16207;
    --mui-danger-text: #b91c1c;
    --mui-info-text: #1d4ed8;
    --mui-violet-text: #6d28d9;
    --mui-rose-text: #be123c;
    --mui-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);
    --mui-shadow-md: 0 4px 6px rgba(0, 0, 0, .07);
    --mui-shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);
  }
  * {
    box-sizing: border-box;
  }
  body {
    margin: 0;
    background: var(--mui-bg);
    color: var(--mui-text);
    font-family: var(--mui-font-sans);
    line-height: 1.5;
  }
  .mui-showcase__header {
    padding: var(--mui-space-xxl) 2rem 1rem;
    border-bottom: 1px solid var(--mui-border);
  }
  .mui-showcase__header h1 {
    margin: 0 0 .25rem;
    font-size: 1.75rem;
  }
  .mui-showcase {
    display: grid;
    gap: 2rem;
    padding: 2rem;
    max-width: 1100px;
  }
  .mui-showcase section {
    padding: 1.5rem;
    background: var(--mui-bg-card);
    border: 1px solid var(--mui-border);
    border-radius: var(--mui-radius-lg);
  }
  .mui-showcase section h2 {
    margin: 0 0 1rem;
    font-size: 1.125rem;
  }
  .mui-placeholder {
    color: var(--mui-text-subtle);
    font-family: var(--mui-font-mono);
    font-size: .875rem;
    margin: 0;
  }
  .mui-showcase__grid {
    display: grid;
    gap: 1rem;
  }
  .mui-showcase__row {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    align-items: center;
  }
  .mui-showcase__column {
    display: flex;
    flex-direction: column;
    gap: .75rem;
  }
  .mui-showcase__label {
    color: var(--mui-text-muted);
    font-family: var(--mui-font-mono);
    font-size: .6875rem;
    text-transform: uppercase;
    letter-spacing: .05em;
    min-width: 5.5rem;
  }
  .mui-showcase__caption {
    color: var(--mui-text-muted);
    font-size: .8125rem;
    margin: 0 0 .5rem;
  }
  .mui-showcase__nav {
    padding: 1.5rem;
    background: var(--mui-bg-card);
    border: 1px solid var(--mui-border);
    border-radius: var(--mui-radius-lg);
  }
  .mui-showcase__nav h2 {
    margin: 0 0 1rem;
    font-size: 1.125rem;
  }
  .mui-showcase__nav-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(10rem,1fr));
    gap: .5rem;
  }
  .mui-showcase__nav-link {
    display: block;
    padding: .5rem .75rem;
    background: var(--mui-bg-input);
    color: var(--mui-text);
    text-decoration: none;
    border-radius: var(--mui-radius-md);
    font-size: .875rem;
    transition: var(--mui-transition);
    border: 1px solid transparent;
  }
  .mui-showcase__nav-link:hover {
    background: var(--mui-bg-overlay);
    border-color: var(--mui-border);
  }
  .mui-showcase__breadcrumb {
    display: flex;
    align-items: center;
    gap: .25rem;
    font-size: .875rem;
    color: var(--mui-text-muted);
  }
  .mui-showcase__breadcrumb a {
    color: var(--mui-text-subtle);
    text-decoration: none;
  }
  .mui-showcase__breadcrumb a:hover {
    color: var(--mui-text);
    text-decoration: underline;
  }
  .mui-showcase__component-nav {
    display: flex;
    gap: .25rem;
    overflow-x: auto;
    padding: .5rem 0;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
  }
  .mui-showcase__component-nav-link {
    white-space: nowrap;
    padding: .25rem .625rem;
    font-size: .8125rem;
    color: var(--mui-text-muted);
    text-decoration: none;
    border-radius: var(--mui-radius-sm);
    transition: var(--mui-transition);
  }
  .mui-showcase__component-nav-link:hover {
    color: var(--mui-text);
    background: var(--mui-bg-input);
  }
  .mui-showcase__component-nav-link--active {
    color: var(--mui-text);
    background: var(--mui-bg-card);
    font-weight: 500;
  }
  .mui-showcase__back {
    padding-top: .5rem;
  }
  .mui-showcase__code-section {
    margin-top: 1.5rem;
    border-top: 1px solid var(--mui-border);
    padding-top: 1.5rem;
  }
  .mui-showcase__code-title {
    font-size: .875rem;
    font-weight: 600;
    margin: 0 0 .75rem;
  }
  .mui-showcase__code {
    background: var(--mui-bg-input);
    border: 1px solid var(--mui-border);
    border-radius: var(--mui-radius-md);
    padding: 1rem;
    overflow-x: auto;
    font-family: var(--mui-font-mono);
    font-size: .8125rem;
    line-height: 1.5;
    margin: 0;
    color: var(--mui-text);
    white-space: pre;
  }
  .mui-showcase__code code {
    background: none;
    padding: 0;
    border: none;
    font: inherit;
    color: inherit;
  }
  *:focus {
    outline: none;
  }
  *:focus-visible {
    outline: 2px solid var(--mui-border-focus);
    outline-offset: 2px;
  }
}
@font-face {
  font-family: "Archivo Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  font-stretch: 62% 125%;
  src: url("/assets/fonts/archivo-latin-wdth-normal.woff2") format("woff2-variations");
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("/assets/fonts/ibm-plex-mono-latin-400-normal.woff2") format("woff2");
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url("/assets/fonts/ibm-plex-mono-latin-600-normal.woff2") format("woff2");
}
:root, [data-theme="light"] {
  --paper: #eceeea;
  --sheet: #ffffff;
  --field: #f6f7f4;
  --ink: #191c19;
  --graphite: #5c625c;
  --pencil: #666c65;
  --rule: #d3d7d0;
  --rule-firm: #848a83;
  --survey: #14504a;
  --survey-lift: #1c6a62;
  --survey-ink: #ffffff;
  --standing: #191c19;
  --rising: #8a5a12;
  --historic: #6f6678;
  --void: #666c65;
  --water: #35688c;
  --woodland: #4a6b3a;
  --growth: #2d6a4a;
  --fault: #9b2c2c;
  --shadow-md: 0 1px 0 rgb(25 28 25 / 0.04), 0 2px 6px rgb(25 28 25 / 0.06);
  --shadow-lg: 0 1px 0 rgb(25 28 25 / 0.06), 0 8px 24px rgb(25 28 25 / 0.1);
}
[data-theme="dark"] {
  --paper: #121513;
  --sheet: #1a1e1b;
  --field: #20241f;
  --ink: #e8ebe6;
  --graphite: #a2a9a0;
  --pencil: #8a9188;
  --rule: #2b302c;
  --rule-firm: #767d74;
  --survey: #8fcfc2;
  --survey-lift: #b0e0d5;
  --survey-ink: #0c1614;
  --standing: #e8ebe6;
  --rising: #d9a85f;
  --historic: #a99db4;
  --void: #8a9188;
  --water: #7fb0d4;
  --woodland: #9dbd85;
  --growth: #7fd1a4;
  --fault: #ec9494;
  --shadow-md: 0 1px 0 rgb(0 0 0 / 0.4), 0 2px 6px rgb(0 0 0 / 0.45);
  --shadow-lg: 0 1px 0 rgb(0 0 0 / 0.5), 0 8px 24px rgb(0 0 0 / 0.55);
}
@layer base {
  html {
    color-scheme: light;
  }
  [data-theme="dark"] {
    color-scheme: dark;
  }
  body {
    background-color: var(--paper);
    color: var(--ink);
    font-family: var(--font-sans);
    font-size: var(--text-base);
    line-height: 1.55;
    -webkit-font-smoothing: antialiased;
  }
  :focus-visible {
    outline: 2px solid var(--survey);
    outline-offset: 2px;
    border-radius: var(--radius-xs);
  }
  ::selection {
    background-color: var(--survey);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--survey) 18%, transparent);
    }
  }
  @media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
      scroll-behavior: auto !important;
    }
  }
}
:root, [data-theme="light"], [data-theme="dark"] {
  --mui-bg: var(--paper);
  --mui-bg-card: var(--sheet);
  --mui-bg-input: var(--field);
  --mui-bg-overlay: var(--ink);
  @supports (color: color-mix(in lab, red, red)) {
    --mui-bg-overlay: color-mix(in oklab, var(--ink) 55%, transparent);
  }
  --mui-border: var(--rule);
  --mui-border-hover: var(--rule-firm);
  --mui-border-control: var(--rule-firm);
  --mui-border-focus: var(--survey);
  --mui-ring: 0 0 0 2px var(--mui-border-focus);
  --mui-text: var(--ink);
  --mui-text-muted: var(--graphite);
  --mui-text-subtle: var(--pencil);
  --mui-accent: var(--survey);
  --mui-accent-hover: var(--survey-lift);
  --mui-accent-fg: var(--survey-ink);
  --mui-success: var(--growth);
  --mui-warning: var(--rising);
  --mui-danger: var(--fault);
  --mui-info: var(--survey);
  --mui-violet: var(--historic);
  --mui-rose: var(--fault);
  --mui-success-fg: var(--sheet);
  --mui-warning-fg: var(--sheet);
  --mui-danger-fg: var(--sheet);
  --mui-info-fg: var(--survey-ink);
  --mui-violet-fg: var(--sheet);
  --mui-rose-fg: var(--sheet);
  --mui-accent-text: var(--survey);
  --mui-success-text: var(--growth);
  --mui-warning-text: var(--rising);
  --mui-danger-text: var(--fault);
  --mui-info-text: var(--survey);
  --mui-violet-text: var(--historic);
  --mui-rose-text: var(--fault);
  --mui-radius-sm: var(--radius-sm);
  --mui-radius-md: var(--radius-md);
  --mui-radius-lg: var(--radius-lg);
  --mui-radius-full: 9999px;
  --mui-space-xs: 0.25rem;
  --mui-space-sm: 0.5rem;
  --mui-space-md: 0.75rem;
  --mui-space-lg: 1rem;
  --mui-space-xl: 1.5rem;
  --mui-space-xxl: 2rem;
  --mui-sidebar-w: 15rem;
  --mui-font-sans: var(--font-sans);
  --mui-font-mono: var(--font-mono);
  --mui-shadow-sm: none;
  --mui-shadow-md: var(--shadow-md);
  --mui-shadow-lg: var(--shadow-lg);
  --mui-transition: 120ms cubic-bezier(0.2, 0, 0, 1);
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-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-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@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-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-content: "";
    }
  }
}