.learner-status-widget[data-v-ecef173f] {
  /* Match the visual rhythm of other topbar icon buttons (~36px tall). */
  height: 2rem;
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity 0.15s ease;
}
.fade-enter-from,
.fade-leave-to {
    opacity: 0;
}

.fact-stat[data-v-1e5d2160] {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto auto;
    grid-template-areas:
        'icon  label'
        'icon  value'
        'icon  sub';
    column-gap: 0.9rem;
    row-gap: 0.1rem;
    padding: 0.9rem 1rem;
    border-radius: 14px;
    background: var(--az-card-bg, var(--aw-surface-0));
    border: 1px solid var(--az-card-border, rgba(148, 163, 184, 0.18));
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 8px 24px -14px rgba(15, 23, 42, 0.12);
    overflow: hidden;
    transition:
        transform 0.22s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.22s ease,
        border-color 0.22s ease;
}
.fact-stat[data-v-1e5d2160]::before {
    content: '';
    position: absolute;
    top: -40%;
    right: -25%;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    opacity: 0.18;
    filter: blur(2px);
    pointer-events: none;
    background: radial-gradient(
        circle at center,
        var(--fact-glow, var(--aw-primary-500)),
        transparent 65%
    );
}
.fact-stat[data-v-1e5d2160]::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: linear-gradient(
        180deg,
        var(--fact-accent, var(--aw-primary-500)),
        color-mix(in srgb, var(--fact-accent, var(--aw-primary-500)) 50%, transparent)
    );
}
.fact-stat[data-v-1e5d2160]:hover {
    transform: translateY(-2px);
    box-shadow:
        0 2px 4px rgba(15, 23, 42, 0.06),
        0 20px 40px -18px color-mix(in srgb, var(--fact-accent, var(--aw-primary-500)) 40%, transparent);
    border-color: color-mix(in srgb, var(--fact-accent, var(--aw-primary-500)) 28%, var(--az-card-border));
}
.fact-stat__icon[data-v-1e5d2160] {
    grid-area: icon;
    align-self: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 10px;
    background: color-mix(in srgb, var(--fact-accent, var(--aw-primary-500)) 14%, transparent);
    color: var(--fact-accent, var(--aw-primary-500));
    font-size: 1.4rem;
}
.fact-stat__label[data-v-1e5d2160] {
    grid-area: label;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: var(--aw-text-muted, #64748b);
    line-height: 1.1;
    margin-bottom: 0.2rem;
}
.fact-stat__value[data-v-1e5d2160] {
    grid-area: value;
    display: inline-flex;
    align-items: baseline;
    gap: 0.15rem;
    font-family: 'Bricolage Grotesque', 'Geist', sans-serif;
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1.05;
    color: var(--fact-accent, var(--aw-surface-900));
}
.fact-stat__unit[data-v-1e5d2160] {
    font-size: 1rem;
    font-weight: 600;
    opacity: 0.7;
    margin-left: 0.1rem;
}
.fact-stat__sub[data-v-1e5d2160] {
    grid-area: sub;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    margin-top: 0.25rem;
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--aw-text-muted, #64748b);
}

/* Accent palette per variant */
.fact-stat--primary[data-v-1e5d2160] { --fact-accent: var(--aw-primary-500, #06b6d4); --fact-glow: #06b6d4;
}
.fact-stat--info[data-v-1e5d2160]    { --fact-accent: #3b82f6;                       --fact-glow: #3b82f6;
}
.fact-stat--success[data-v-1e5d2160] { --fact-accent: #10b981;                       --fact-glow: #10b981;
}
.fact-stat--warning[data-v-1e5d2160] { --fact-accent: #f59e0b;                       --fact-glow: #f59e0b;
}
.fact-stat--danger[data-v-1e5d2160]  { --fact-accent: #ef4444;                       --fact-glow: #ef4444;
}
.fact-stat--violet[data-v-1e5d2160]  { --fact-accent: #8b5cf6;                       --fact-glow: #8b5cf6;
}
.fact-stat--neutral[data-v-1e5d2160] { --fact-accent: #64748b;                       --fact-glow: #64748b;
}
.dark .fact-stat[data-v-1e5d2160] {
    background: var(--az-card-bg, #111a2e);
    border-color: var(--az-card-border, rgba(148, 163, 184, 0.12));
}
.dark .fact-stat__value[data-v-1e5d2160] {
    color: var(--fact-accent, var(--aw-surface-0));
}

/* The tree lives in a fixed 16rem sidebar, so every pixel the chrome takes
   comes straight out of the category name. Trim the row padding, the toggle
   button and the row gaps so the density matches the "All" button above.
   TODO(ui#10): AwTree hard-codes the per-level indent inline (1.25rem per
   level) with no token; PrimeVue's tree here was set to 0.625rem, so deep
   labels get ~0.6rem less room per level until ui exposes an indent token. */
[data-v-ecdc7911] .academy-cat-tree .aw-tree__list {
  padding: 0;
}
[data-v-ecdc7911] .academy-cat-tree .aw-tree__node {
  gap: 0.125rem;
  padding-block: 0.25rem;
  padding-inline-end: 0.375rem;
  border-radius: 0.375rem;
}
[data-v-ecdc7911] .academy-cat-tree .aw-tree__node + .aw-tree__node {
  margin-top: 0.125rem;
}
[data-v-ecdc7911] .academy-cat-tree .aw-tree__toggler {
  width: 1.25rem;
  height: 1.25rem;
}

.cal-wrap[data-v-03e33a32] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.cal-scroll[data-v-03e33a32] {
    overflow-x: auto;
    padding-bottom: 0.25rem;
}
.cal-grid[data-v-03e33a32] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: max-content;
}
.cal-months[data-v-03e33a32] {
    display: flex;
    gap: 0.15rem;
    margin-left: 2.1rem;
}
.cal-month[data-v-03e33a32] {
    width: 0.95rem;
    font-size: 0.62rem;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: var(--aw-surface-500);
    white-space: nowrap;
}
.cal-body[data-v-03e33a32] {
    display: flex;
    align-items: flex-start;
    gap: 0.3rem;
}
.cal-weekdays[data-v-03e33a32] {
    display: grid;
    grid-template-rows: repeat(7, 0.95rem);
    gap: 0.15rem;
    font-size: 0.6rem;
    color: var(--aw-surface-500);
    width: 1.75rem;
    text-align: right;
}
.cal-wd[data-v-03e33a32] {
    line-height: 0.95rem;
}
.cal-cells[data-v-03e33a32] {
    display: flex;
    gap: 0.15rem;
}
.cal-col[data-v-03e33a32] {
    display: grid;
    grid-template-rows: repeat(7, 0.95rem);
    gap: 0.15rem;
}
.cal-cell[data-v-03e33a32] {
    width: 0.95rem;
    height: 0.95rem;
    border-radius: 2px;
    cursor: pointer;
    outline: 1px solid transparent;
    transition: outline-color 0.1s ease;
}
.cal-cell--zero[data-v-03e33a32] {
    background: var(--aw-surface-200);
}
.dark .cal-cell--zero[data-v-03e33a32] {
    background: var(--aw-surface-700);
}
.cal-cell[data-v-03e33a32]:hover {
    outline-color: rgba(15, 23, 42, 0.4);
}
.dark .cal-cell[data-v-03e33a32]:hover {
    outline-color: rgba(241, 245, 249, 0.6);
}
.cal-cell--empty[data-v-03e33a32] {
    background: transparent !important;
    cursor: default;
    outline: none;
}
.cal-legend[data-v-03e33a32] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.7rem;
    color: var(--aw-surface-500);
    padding-left: 2.1rem;
}
.cal-legend-cell[data-v-03e33a32] {
    width: 0.7rem;
    height: 0.7rem;
    cursor: default;
}
/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@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-space-x-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-divide-x-reverse: 0;
      --tw-divide-y-reverse: 0;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --color-red-50: oklch(97.1% .013 17.38);
    --color-red-100: oklch(93.6% .032 17.717);
    --color-red-200: oklch(88.5% .062 18.334);
    --color-red-300: oklch(80.8% .114 19.571);
    --color-red-400: oklch(70.4% .191 22.216);
    --color-red-500: oklch(63.7% .237 25.331);
    --color-red-600: oklch(57.7% .245 27.325);
    --color-red-700: oklch(50.5% .213 27.518);
    --color-red-800: oklch(44.4% .177 26.899);
    --color-red-900: oklch(39.6% .141 25.723);
    --color-red-950: oklch(25.8% .092 26.042);
    --color-orange-100: oklch(95.4% .038 75.164);
    --color-orange-200: oklch(90.1% .076 70.697);
    --color-orange-300: oklch(83.7% .128 66.29);
    --color-orange-400: oklch(75% .183 55.934);
    --color-orange-500: oklch(70.5% .213 47.604);
    --color-orange-800: oklch(47% .157 37.304);
    --color-orange-900: oklch(40.8% .123 38.172);
    --color-orange-950: oklch(26.6% .079 36.259);
    --color-amber-50: oklch(98.7% .022 95.277);
    --color-amber-100: oklch(96.2% .059 95.617);
    --color-amber-200: oklch(92.4% .12 95.746);
    --color-amber-300: oklch(87.9% .169 91.605);
    --color-amber-400: oklch(82.8% .189 84.429);
    --color-amber-500: oklch(76.9% .188 70.08);
    --color-amber-600: oklch(66.6% .179 58.318);
    --color-amber-700: oklch(55.5% .163 48.998);
    --color-amber-800: oklch(47.3% .137 46.201);
    --color-amber-900: oklch(41.4% .112 45.904);
    --color-amber-950: oklch(27.9% .077 45.635);
    --color-yellow-50: oklch(98.7% .026 102.212);
    --color-yellow-100: oklch(97.3% .071 103.193);
    --color-yellow-200: oklch(94.5% .129 101.54);
    --color-yellow-300: oklch(90.5% .182 98.111);
    --color-yellow-400: oklch(85.2% .199 91.936);
    --color-yellow-500: oklch(79.5% .184 86.047);
    --color-yellow-800: oklch(47.6% .114 61.907);
    --color-yellow-900: oklch(42.1% .095 57.708);
    --color-lime-100: oklch(96.7% .067 122.328);
    --color-lime-200: oklch(93.8% .127 124.321);
    --color-lime-900: oklch(40.5% .101 131.063);
    --color-green-50: oklch(98.2% .018 155.826);
    --color-green-200: oklch(92.5% .084 155.995);
    --color-green-400: oklch(79.2% .209 151.711);
    --color-green-500: oklch(72.3% .219 149.579);
    --color-green-700: oklch(52.7% .154 150.069);
    --color-green-800: oklch(44.8% .119 151.328);
    --color-green-900: oklch(39.3% .095 152.535);
    --color-emerald-50: oklch(97.9% .021 166.113);
    --color-emerald-100: oklch(95% .052 163.051);
    --color-emerald-200: oklch(90.5% .093 164.15);
    --color-emerald-300: oklch(84.5% .143 164.978);
    --color-emerald-400: oklch(76.5% .177 163.223);
    --color-emerald-500: oklch(69.6% .17 162.48);
    --color-emerald-600: oklch(59.6% .145 163.225);
    --color-emerald-700: oklch(50.8% .118 165.612);
    --color-emerald-800: oklch(43.2% .095 166.913);
    --color-emerald-900: oklch(37.8% .077 168.94);
    --color-emerald-950: oklch(26.2% .051 172.552);
    --color-teal-100: oklch(95.3% .051 180.801);
    --color-teal-200: oklch(91% .096 180.426);
    --color-teal-300: oklch(85.5% .138 181.071);
    --color-teal-500: oklch(70.4% .14 182.503);
    --color-teal-700: oklch(51.1% .096 186.391);
    --color-teal-800: oklch(43.7% .078 188.216);
    --color-teal-900: oklch(38.6% .063 188.416);
    --color-cyan-100: oklch(95.6% .045 203.388);
    --color-cyan-200: oklch(91.7% .08 205.041);
    --color-cyan-400: oklch(78.9% .154 211.53);
    --color-cyan-500: oklch(71.5% .143 215.221);
    --color-cyan-600: oklch(60.9% .126 221.723);
    --color-cyan-700: oklch(52% .105 223.128);
    --color-cyan-900: oklch(39.8% .07 227.392);
    --color-sky-50: oklch(97.7% .013 236.62);
    --color-sky-100: oklch(95.1% .026 236.824);
    --color-sky-200: oklch(90.1% .058 230.902);
    --color-sky-300: oklch(82.8% .111 230.318);
    --color-sky-400: oklch(74.6% .16 232.661);
    --color-sky-500: oklch(68.5% .169 237.323);
    --color-sky-600: oklch(58.8% .158 241.966);
    --color-sky-700: oklch(50% .134 242.749);
    --color-sky-800: oklch(44.3% .11 240.79);
    --color-sky-900: oklch(39.1% .09 240.876);
    --color-sky-950: oklch(29.3% .066 243.157);
    --color-blue-50: oklch(97% .014 254.604);
    --color-blue-100: oklch(93.2% .032 255.585);
    --color-blue-200: oklch(88.2% .059 254.128);
    --color-blue-400: oklch(70.7% .165 254.624);
    --color-blue-500: oklch(62.3% .214 259.815);
    --color-blue-600: oklch(54.6% .245 262.881);
    --color-blue-700: oklch(48.8% .243 264.376);
    --color-blue-800: oklch(42.4% .199 265.638);
    --color-blue-900: oklch(37.9% .146 265.522);
    --color-blue-950: oklch(28.2% .091 267.935);
    --color-indigo-100: oklch(93% .034 272.788);
    --color-indigo-200: oklch(87% .065 274.039);
    --color-indigo-500: oklch(58.5% .233 277.117);
    --color-indigo-700: oklch(45.7% .24 277.023);
    --color-indigo-800: oklch(39.8% .195 277.366);
    --color-indigo-900: oklch(35.9% .144 278.697);
    --color-violet-50: oklch(96.9% .016 293.756);
    --color-violet-100: oklch(94.3% .029 294.588);
    --color-violet-200: oklch(89.4% .057 293.283);
    --color-violet-300: oklch(81.1% .111 293.571);
    --color-violet-400: oklch(70.2% .183 293.541);
    --color-violet-500: oklch(60.6% .25 292.717);
    --color-violet-700: oklch(49.1% .27 292.581);
    --color-violet-800: oklch(43.2% .232 292.759);
    --color-violet-900: oklch(38% .189 293.745);
    --color-violet-950: oklch(28.3% .141 291.089);
    --color-purple-100: oklch(94.6% .033 307.174);
    --color-purple-200: oklch(90.2% .063 306.703);
    --color-purple-900: oklch(38.1% .176 304.987);
    --color-fuchsia-100: oklch(95.2% .037 318.852);
    --color-fuchsia-200: oklch(90.3% .076 319.62);
    --color-fuchsia-500: oklch(66.7% .295 322.15);
    --color-fuchsia-800: oklch(45.2% .211 324.591);
    --color-fuchsia-900: oklch(40.1% .17 325.612);
    --color-pink-100: oklch(94.8% .028 342.258);
    --color-pink-200: oklch(89.9% .061 343.231);
    --color-pink-400: oklch(71.8% .202 349.761);
    --color-pink-500: oklch(65.6% .241 354.308);
    --color-pink-800: oklch(45.9% .187 3.815);
    --color-pink-900: oklch(40.8% .153 2.432);
    --color-rose-50: oklch(96.9% .015 12.422);
    --color-rose-100: oklch(94.1% .03 12.58);
    --color-rose-200: oklch(89.2% .058 10.001);
    --color-rose-300: oklch(81% .117 11.638);
    --color-rose-400: oklch(71.2% .194 13.428);
    --color-rose-500: oklch(64.5% .246 16.439);
    --color-rose-600: oklch(58.6% .253 17.585);
    --color-rose-700: oklch(51.4% .222 16.935);
    --color-rose-800: oklch(45.5% .188 13.697);
    --color-rose-900: oklch(41% .159 10.272);
    --color-rose-950: oklch(27.1% .105 12.094);
    --color-slate-100: oklch(96.8% .007 247.896);
    --color-slate-200: oklch(92.9% .013 255.508);
    --color-slate-300: oklch(86.9% .022 252.894);
    --color-slate-400: oklch(70.4% .04 256.788);
    --color-slate-500: oklch(55.4% .046 257.417);
    --color-slate-600: oklch(44.6% .043 257.281);
    --color-slate-700: oklch(37.2% .044 257.287);
    --color-slate-800: oklch(27.9% .041 260.031);
    --color-gray-100: oklch(96.7% .003 264.542);
    --color-gray-200: oklch(92.8% .006 264.531);
    --color-gray-300: oklch(87.2% .01 258.338);
    --color-gray-400: oklch(70.7% .022 261.325);
    --color-gray-500: oklch(55.1% .027 264.364);
    --color-gray-600: oklch(44.6% .03 256.802);
    --color-gray-700: oklch(37.3% .034 259.733);
    --color-gray-800: oklch(27.8% .033 256.848);
    --color-gray-900: oklch(21% .034 264.665);
    --color-neutral-900: oklch(20.5% 0 0);
    --color-stone-100: oklch(97% .001 106.424);
    --color-stone-200: oklch(92.3% .003 48.717);
    --color-stone-700: oklch(37.4% .01 67.558);
    --color-stone-900: oklch(21.6% .006 56.043);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1/.75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25/.875);
    --text-base: 1rem;
    --text-base--line-height: 1.5;
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75/1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75/1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2/1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: 1.2;
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5/2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --text-8xl: 6rem;
    --text-8xl--line-height: 1;
    --text-9xl: 8rem;
    --text-9xl--line-height: 1;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-tight: -.025em;
    --tracking-wide: .025em;
    --tracking-wider: .05em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --radius-sm: .25rem;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --radius-2xl: 1rem;
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4,0,.2,1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4,0,.6,1)infinite;
    --blur-sm: 8px;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4,0,.2,1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-primary-50: var(--aw-primary-50);
    --color-primary-950: var(--aw-primary-950);
  }
}

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

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

  html {
    font-family: var(--aw-font-sans);
    font-size: var(--aw-font-root-size);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizelegibility;
    font-feature-settings: "cv11", "ss01", "ss03";
  }

  body {
    color: var(--aw-body-text);
    letter-spacing: -.005em;
  }

  h1, h2, h3, h4, h5 {
    font-family: var(--aw-font-display);
    letter-spacing: -.02em;
    font-optical-sizing: auto;
    font-weight: 600;
  }

  code, pre, kbd, samp {
    font-family: var(--aw-font-mono);
  }

  :focus-visible {
    outline: none;
  }

  button:focus-visible, a:focus-visible, [role="button"]:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible {
    box-shadow: var(--aw-focus-ring);
    border-radius: var(--aw-radius-md);
    transition: box-shadow var(--aw-duration) ease;
  }

  * {
    scrollbar-width: thin;
    scrollbar-color: var(--aw-scrollbar-thumb) transparent;
  }

  ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }

  ::-webkit-scrollbar-track {
    background: none;
  }

  ::-webkit-scrollbar-thumb {
    background-color: var(--aw-scrollbar-thumb);
    border-radius: var(--aw-radius-pill);
    background-clip: padding-box;
    border: 3px solid #0000;
    transition: background-color .15s;
  }

  ::-webkit-scrollbar-thumb:hover {
    background-color: var(--aw-scrollbar-thumb-hover);
    background-clip: padding-box;
  }

  @media (prefers-reduced-motion: reduce) {
    *, :before, :after {
      transition-duration: .001ms !important;
      animation-duration: .001ms !important;
      animation-delay: 0s !important;
    }
  }

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

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

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

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

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

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

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

  b, strong {
    font-weight: bolder;
  }

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

  small {
    font-size: 80%;
  }

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

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

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

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

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

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

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

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

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

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

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

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

  ::placeholder {
    opacity: 1;
  }

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

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

  textarea {
    resize: vertical;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  body {
    background-color: var(--az-canvas);
    background-image: var(--az-canvas-tint);
    background-attachment: fixed;
  }
}

@layer components {
  .aw-ai-loader {
    --aw-ai-loader-size: 18px;
    color: var(--aw-text-muted);
    font-size: var(--aw-font-size-sm);
    align-items: center;
    gap: .5rem;
    line-height: 1.25;
    display: inline-flex;
  }

  .aw-ai-loader--sm {
    --aw-ai-loader-size: 14px;
    gap: .375rem;
    font-size: .8125rem;
  }

  .aw-ai-loader--lg {
    --aw-ai-loader-size: 28px;
    font-size: var(--aw-font-size);
    gap: .75rem;
  }

  .aw-ai-loader__glyph {
    width: var(--aw-ai-loader-size);
    height: var(--aw-ai-loader-size);
    color: var(--aw-primary);
    flex-shrink: 0;
    display: inline-grid;
    position: relative;
  }

  .aw-ai-loader__label {
    color: var(--aw-text);
  }

  .aw-ai-loader__elapsed {
    font-variant-numeric: tabular-nums;
    color: var(--aw-text-muted);
  }

  .aw-ai-loader--grid .aw-ai-loader__glyph {
    grid-template-rows: repeat(3, 1fr);
    grid-template-columns: repeat(3, 1fr);
    gap: 2px;
  }

  .aw-ai-loader__cell {
    opacity: .18;
    animation: aw-ai-loader-shimmer 1.2s var(--aw-ease) infinite;
    background: currentColor;
    border-radius: 2px;
  }

  @keyframes aw-ai-loader-shimmer {
    0%, to {
      opacity: .18;
      transform: scale(.85);
    }

    35% {
      opacity: 1;
      transform: scale(1);
    }
  }

  .aw-ai-loader--dots .aw-ai-loader__glyph {
    width: calc(var(--aw-ai-loader-size) * 1.4);
    justify-content: space-between;
    align-items: center;
    display: inline-flex;
  }

  .aw-ai-loader__dot {
    width: calc(var(--aw-ai-loader-size) * .28);
    height: calc(var(--aw-ai-loader-size) * .28);
    animation: aw-ai-loader-bounce 1s var(--aw-ease) infinite;
    background: currentColor;
    border-radius: 50%;
  }

  @keyframes aw-ai-loader-bounce {
    0%, 80%, to {
      opacity: .3;
      transform: translateY(0);
    }

    40% {
      opacity: 1;
      transform: translateY(-35%);
    }
  }

  .aw-ai-loader__ring {
    border: 2px solid;
    position: absolute;
    inset: 0;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-ai-loader__ring {
      border: 2px solid color-mix(in srgb,currentColor 22%,transparent);
    }
  }

  .aw-ai-loader__ring {
    border-radius: 50%;
  }

  .aw-ai-loader__satellite {
    animation: 1.1s linear infinite aw-ai-loader-orbit;
    position: absolute;
    inset: 0;
  }

  .aw-ai-loader__satellite:after {
    content: "";
    width: calc(var(--aw-ai-loader-size) * .3);
    height: calc(var(--aw-ai-loader-size) * .3);
    margin-left: calc(var(--aw-ai-loader-size) * -.15);
    background: currentColor;
    border-radius: 50%;
    position: absolute;
    top: -1px;
    left: 50%;
  }

  @keyframes aw-ai-loader-orbit {
    to {
      transform: rotate(360deg);
    }
  }

  .aw-ai-loader__disc {
    animation: aw-ai-loader-pulse 1.4s var(--aw-ease) infinite;
    background: currentColor;
    border-radius: 50%;
    position: absolute;
    inset: 15%;
  }

  .aw-ai-loader__disc:after {
    content: "";
    border-radius: 50%;
    position: absolute;
    inset: 0;
    box-shadow: 0 0;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-ai-loader__disc:after {
      box-shadow: 0 0 color-mix(in srgb,currentColor 45%,transparent);
    }
  }

  .aw-ai-loader__disc:after {
    animation: aw-ai-loader-ripple 1.4s var(--aw-ease) infinite;
  }

  @keyframes aw-ai-loader-pulse {
    0%, to {
      opacity: .7;
      transform: scale(.7);
    }

    50% {
      opacity: 1;
      transform: scale(1);
    }
  }

  @keyframes aw-ai-loader-ripple {
    to {
      box-shadow: 0 0 0 calc(var(--aw-ai-loader-size) * .3) transparent;
    }
  }

  .aw-ai-loader--idle .aw-ai-loader__glyph *, .aw-ai-loader--idle .aw-ai-loader__glyph :after {
    animation-play-state: paused;
  }

  .aw-ai-loader--still .aw-ai-loader__glyph *, .aw-ai-loader--still .aw-ai-loader__glyph :after {
    animation: none !important;
  }

  .aw-ai-loader--still .aw-ai-loader__cell, .aw-ai-loader--still .aw-ai-loader__dot {
    opacity: .55;
  }

  .aw-ai-loader--still .aw-ai-loader__glyph {
    animation: 2.4s ease-in-out infinite aw-ai-loader-dim;
  }

  .aw-ai-loader--still.aw-ai-loader--idle .aw-ai-loader__glyph, .aw-ai-loader--still.aw-ai-loader--off .aw-ai-loader__glyph {
    animation: none;
  }

  @keyframes aw-ai-loader-dim {
    50% {
      opacity: .55;
    }
  }

  .aw-ai-glyph {
    vertical-align: -.125em;
    flex-shrink: 0;
    display: inline-block;
  }

  .aw-ai-glyph--spin {
    animation: .8s linear infinite aw-ai-spin;
  }

  @keyframes aw-ai-spin {
    to {
      transform: rotate(360deg);
    }
  }

  .aw-ai-glyph--spin.aw-ai-glyph--slow {
    animation-duration: 2.4s;
  }

  .aw-thinking {
    font-size: var(--aw-font-size-sm);
    color: var(--aw-text);
  }

  .aw-thinking__header {
    border: 1px solid var(--aw-content-border);
    border-radius: var(--aw-radius-pill);
    background: var(--aw-content-bg);
    max-width: 100%;
    min-height: 30px;
    color: var(--aw-text-muted);
    font: inherit;
    cursor: pointer;
    transition: background var(--aw-duration-fast) var(--aw-ease),color var(--aw-duration-fast) var(--aw-ease);
    align-items: center;
    gap: .5rem;
    padding: .25rem .625rem;
    display: inline-flex;
  }

  .aw-thinking__header:hover {
    background: var(--aw-content-hover-bg);
    color: var(--aw-text);
  }

  .aw-thinking--active .aw-thinking__header {
    color: var(--aw-text);
  }

  .aw-thinking__spark {
    color: var(--aw-primary);
  }

  .aw-thinking__summary {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .aw-thinking--active .aw-thinking__summary {
    background: linear-gradient(90deg,var(--aw-text) 0%,var(--aw-text) 40%,var(--aw-text-muted) 50%,var(--aw-text) 60%,var(--aw-text) 100%);
    color: #0000;
    background-size: 250% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    animation: 2.2s linear infinite aw-thinking-sheen;
  }

  @keyframes aw-thinking-sheen {
    0% {
      background-position: 100% 0;
    }

    to {
      background-position: -150% 0;
    }
  }

  .aw-thinking__elapsed, .aw-thinking__count, .aw-thinking__duration {
    color: var(--aw-text-muted);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
  }

  .aw-thinking__count:before {
    content: "·";
    margin-right: .5rem;
  }

  .aw-thinking__chevron {
    transition: transform var(--aw-duration) var(--aw-ease);
  }

  .aw-thinking--open .aw-thinking__chevron {
    transform: rotate(180deg);
  }

  .aw-thinking__body {
    max-width: 44rem;
    margin-top: .5rem;
    padding-left: .375rem;
  }

  .aw-thinking__steps {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .aw-thinking__step {
    gap: .625rem;
    padding-bottom: .375rem;
    display: flex;
    position: relative;
  }

  .aw-thinking__step:not(:last-child):before {
    content: "";
    background: var(--aw-content-border);
    width: 1px;
    position: absolute;
    top: 1.5rem;
    bottom: 0;
    left: .6875rem;
  }

  .aw-thinking__rail {
    background: var(--aw-secondary-soft-bg);
    width: 1.375rem;
    height: 1.375rem;
    color: var(--aw-text-muted);
    border-radius: 50%;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    font-size: .75rem;
    display: inline-flex;
  }

  .aw-thinking__step--running .aw-thinking__rail {
    background: var(--aw-highlight-bg);
    color: var(--aw-highlight-text);
  }

  .aw-thinking__step--error .aw-thinking__rail {
    background: var(--aw-danger-soft-bg);
    color: var(--aw-danger-soft-text);
  }

  .aw-thinking__main {
    flex: 1;
    min-width: 0;
  }

  .aw-thinking__line {
    border-radius: var(--aw-radius-xs);
    width: 100%;
    min-height: 1.375rem;
    color: inherit;
    font: inherit;
    text-align: left;
    background: none;
    border: 0;
    align-items: center;
    gap: .5rem;
    padding: 0 .25rem;
    display: flex;
  }

  .aw-thinking__line--toggle {
    cursor: pointer;
  }

  .aw-thinking__line--toggle:hover {
    background: var(--aw-content-hover-bg);
  }

  .aw-thinking__label {
    overflow-wrap: anywhere;
    flex: 0 auto;
    min-width: 0;
  }

  .aw-thinking__step--pending .aw-thinking__label {
    color: var(--aw-text-muted);
  }

  .aw-thinking__status {
    color: var(--aw-text-muted);
    display: inline-flex;
  }

  .aw-thinking__step--done .aw-thinking__status {
    color: var(--aw-success);
  }

  .aw-thinking__step--error .aw-thinking__status {
    color: var(--aw-danger);
  }

  .aw-thinking__step-chevron {
    color: var(--aw-text-muted);
    transition: transform var(--aw-duration) var(--aw-ease);
  }

  .aw-thinking__line[aria-expanded="true"] .aw-thinking__step-chevron {
    transform: rotate(90deg);
  }

  .aw-thinking__detail {
    border-left: 2px solid var(--aw-content-border);
    color: var(--aw-text-muted);
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    margin: .25rem 0 .25rem .25rem;
    padding: .5rem .625rem;
  }

  @media (pointer: coarse) {
    .aw-thinking__header, .aw-thinking__line--toggle {
      min-height: 44px;
    }
  }

  .aw-thinking--still.aw-thinking--active .aw-thinking__summary {
    color: var(--aw-text);
    background: none;
    animation: none;
  }

  .aw-thinking--still .aw-thinking__chevron, .aw-thinking--still .aw-thinking__step-chevron {
    transition: none;
  }

  .aw-icon {
    vertical-align: -.125em;
    flex-shrink: 0;
    display: inline-block;
  }

  .aw-icon--spin {
    animation: .8s linear infinite aw-spin;
  }

  @keyframes aw-spin {
    to {
      transform: rotate(360deg);
    }
  }

  .aw-menu {
    box-sizing: border-box;
    min-width: 12.5rem;
    color: var(--aw-text);
    background: var(--aw-overlay-bg);
    border: 1px solid var(--aw-overlay-border);
    border-radius: var(--aw-radius-lg);
    font-size: var(--aw-font-size);
  }

  .aw-menu--overlay {
    max-width: calc(100vw - 1rem);
  }

  .aw-menu__list:focus-visible {
    outline: none;
  }

  .aw-menu__item {
    padding: 0;
  }

  .aw-menu__action {
    min-width: 0;
    color: inherit;
    cursor: inherit;
    flex: auto;
    align-items: center;
    gap: .625rem;
    padding: .5rem .75rem;
    text-decoration: none;
    display: flex;
  }

  .aw-menu__icon {
    text-align: center;
    width: 1.125rem;
    color: var(--aw-text-muted);
    flex-shrink: 0;
    font-size: 1.1rem;
  }

  .aw-option--focused .aw-menu__icon {
    color: inherit;
  }

  .aw-menu__label {
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: auto;
    min-width: 0;
    overflow: hidden;
  }

  .aw-menu__submenu-icon {
    color: var(--aw-text-muted);
    flex-shrink: 0;
    margin-inline-start: auto;
    font-size: 1.25em;
  }

  .aw-menu__item--open {
    background: var(--aw-option-hover-bg);
    color: var(--aw-option-hover-text);
  }

  .aw-menu__back {
    border-bottom: 1px solid var(--aw-content-border);
    border-radius: var(--aw-radius-sm) var(--aw-radius-sm) 0 0;
    margin-bottom: .25rem;
    font-weight: 600;
  }

  .aw-menu__back-icon {
    font-size: 1.25em;
  }

  .aw-menu__drill {
    animation: aw-menu-drill var(--aw-duration) var(--aw-ease);
  }

  @keyframes aw-menu-drill {
    0% {
      opacity: 0;
      transform: translate(.75rem);
    }

    to {
      opacity: 1;
      transform: none;
    }
  }

  .aw-menu__badge {
    border-radius: var(--aw-radius-pill);
    min-width: 1.25rem;
    height: 1.25rem;
    color: var(--aw-surface-0);
    background: var(--aw-danger);
    justify-content: center;
    align-items: center;
    margin-inline-start: auto;
    padding: 0 .375rem;
    font-size: .75rem;
    font-weight: 600;
    display: inline-flex;
  }

  .aw-menu__badge + .aw-menu__submenu-icon {
    margin-inline-start: 0;
  }

  .aw-menu__badge--info {
    background: var(--aw-info);
  }

  .aw-menu__badge--success {
    background: var(--aw-success);
  }

  .aw-menu__badge--warn {
    background: var(--aw-warn);
  }

  .aw-menu__badge--primary {
    background: var(--aw-primary);
  }

  .aw-menu__badge--secondary, .aw-menu__badge--contrast, .aw-menu__badge--help {
    background: var(--aw-contrast-bg);
    color: var(--aw-contrast-text);
  }

  .dark .aw-menu__badge:not(.aw-menu__badge--secondary, .aw-menu__badge--contrast, .aw-menu__badge--help) {
    color: var(--aw-surface-950);
  }

  .aw-menu__separator {
    border-top: 1px solid var(--aw-content-border);
    height: 0;
    margin: .25rem .5rem;
    list-style: none;
  }

  .aw-menu__submenu-label:not(:first-child) {
    margin-top: .25rem;
  }

  .aw-menu__start, .aw-menu__end {
    padding: .25rem;
  }

  @media (pointer: coarse) {
    .aw-menu__action {
      min-height: 44px;
    }
  }

  .aw-popover {
    outline: none;
    max-width: calc(100vw - 1rem);
  }

  .aw-popover__content {
    min-height: 0;
    padding: .875rem 1rem;
    overflow: auto;
  }

  .aw-popover__content--flush {
    padding: 0;
  }

  .aw-stream {
    min-width: 0;
    color: var(--aw-text);
    flex-direction: column;
    gap: .625rem;
    line-height: 1.6;
    display: flex;
  }

  .aw-stream__body {
    overflow-wrap: anywhere;
    min-width: 0;
  }

  .aw-stream__text {
    white-space: pre-wrap;
    margin: 0;
  }

  .aw-stream__html pre, .aw-stream__html table {
    max-width: 100%;
    display: block;
    overflow-x: auto;
  }

  .aw-stream__html pre {
    overflow-wrap: normal;
  }

  .aw-stream__html img {
    max-width: 100%;
    height: auto;
  }

  .aw-stream__html > :first-child {
    margin-top: 0;
  }

  .aw-stream__html > :last-child {
    margin-bottom: 0;
  }

  .aw-stream--caret .aw-stream__text:after, .aw-stream--caret .aw-stream__html > :last-child:after, .aw-stream--caret .aw-stream__body > :not(.aw-stream__html, .aw-stream__text):last-child:after {
    content: "";
    background: var(--aw-primary);
    vertical-align: -.2em;
    border-radius: 1px;
    width: .5em;
    height: 1.1em;
    margin-left: .125em;
    animation: 1s step-end infinite aw-stream-caret;
    display: inline-block;
  }

  @keyframes aw-stream-caret {
    50% {
      opacity: 0;
    }
  }

  .aw-cite {
    border-radius: var(--aw-radius-pill);
    background: var(--aw-secondary-soft-bg);
    min-width: 1.25rem;
    height: 1.125rem;
    color: var(--aw-text-muted);
    font: inherit;
    vertical-align: .15em;
    cursor: pointer;
    transition: background var(--aw-duration-fast) var(--aw-ease),color var(--aw-duration-fast) var(--aw-ease);
    border: 0;
    justify-content: center;
    align-items: center;
    margin: 0 .125rem;
    padding: 0 .3rem;
    font-size: .6875rem;
    font-weight: 600;
    line-height: 1;
    display: inline-flex;
  }

  .aw-cite:hover, .aw-cite[aria-expanded="true"] {
    background: var(--aw-highlight-bg);
    color: var(--aw-highlight-text);
  }

  .aw-stream__bar {
    display: flex;
  }

  .aw-stream__stop, .aw-ai-pill {
    border: 1px solid var(--aw-content-border);
    border-radius: var(--aw-radius-pill);
    background: var(--aw-content-bg);
    min-height: 30px;
    color: var(--aw-text);
    font: inherit;
    font-size: var(--aw-font-size-sm);
    text-align: left;
    cursor: pointer;
    transition: background var(--aw-duration-fast) var(--aw-ease),border-color var(--aw-duration-fast) var(--aw-ease);
    align-items: center;
    gap: .375rem;
    padding: .25rem .75rem;
    line-height: 1.3;
    display: inline-flex;
  }

  .aw-stream__stop:hover, .aw-ai-pill:hover {
    background: var(--aw-content-hover-bg);
    border-color: var(--aw-field-border-hover);
  }

  .aw-ai-pill--primary {
    background: var(--aw-primary);
    color: var(--aw-primary-contrast);
    border-color: #0000;
  }

  .aw-ai-pill--primary:hover {
    background: var(--aw-primary-hover);
    border-color: #0000;
  }

  .aw-ai-pill .aw-ai-glyph {
    color: var(--aw-text-muted);
  }

  .aw-stream__sources-toggle {
    border: 1px solid var(--aw-content-border);
    border-radius: var(--aw-radius-pill);
    background: var(--aw-content-bg);
    min-height: 30px;
    color: var(--aw-text-muted);
    font: inherit;
    font-size: var(--aw-font-size-sm);
    cursor: pointer;
    align-items: center;
    gap: .5rem;
    padding: .125rem .625rem .125rem .25rem;
    display: inline-flex;
  }

  .aw-stream__sources-toggle:hover {
    color: var(--aw-text);
    background: var(--aw-content-hover-bg);
  }

  .aw-stream__chevron {
    transition: transform var(--aw-duration) var(--aw-ease);
  }

  .aw-stream__sources-toggle[aria-expanded="true"] .aw-stream__chevron {
    transform: rotate(180deg);
  }

  .aw-stream__favicons {
    display: inline-flex;
  }

  .aw-stream__favicons .aw-source-mark + .aw-source-mark {
    margin-left: -.375rem;
  }

  .aw-source-mark {
    border: 1.5px solid var(--aw-content-bg);
    background: var(--aw-secondary-soft-bg);
    width: 1.25rem;
    height: 1.25rem;
    color: var(--aw-text-muted);
    border-radius: 50%;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    font-size: .625rem;
    font-weight: 700;
    display: inline-flex;
    overflow: hidden;
  }

  .aw-source-mark img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .aw-stream__source-list {
    grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
    gap: .5rem;
    margin: .5rem 0 0;
    padding: 0;
    list-style: none;
    display: grid;
  }

  .aw-source-card {
    border: 1px solid var(--aw-content-border);
    border-radius: var(--aw-radius-md);
    background: var(--aw-content-bg);
    height: 100%;
    min-height: 44px;
    color: var(--aw-text);
    font-size: var(--aw-font-size-sm);
    align-items: center;
    gap: .5rem;
    padding: .5rem .625rem;
    text-decoration: none;
    display: flex;
  }

  a.aw-source-card:hover {
    background: var(--aw-content-hover-bg);
  }

  .aw-source-card__num {
    color: var(--aw-text-muted);
    font-variant-numeric: tabular-nums;
    font-size: .75rem;
  }

  .aw-source-card__text {
    flex-direction: column;
    min-width: 0;
    display: flex;
  }

  .aw-source-card__title {
    color: var(--aw-text-strong);
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.3;
    overflow: hidden;
  }

  .aw-source-card__domain {
    color: var(--aw-text-muted);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .75rem;
    overflow: hidden;
  }

  .aw-stream__actions {
    flex-wrap: wrap;
    align-items: center;
    gap: .125rem;
    margin-left: -.375rem;
    display: flex;
  }

  .aw-ai-action {
    border-radius: var(--aw-radius-sm);
    width: 30px;
    height: 30px;
    color: var(--aw-text-muted);
    cursor: pointer;
    transition: background var(--aw-duration-fast) var(--aw-ease),color var(--aw-duration-fast) var(--aw-ease);
    background: none;
    border: 0;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: inline-flex;
  }

  .aw-ai-action:hover {
    background: var(--aw-content-hover-bg);
    color: var(--aw-text);
  }

  .aw-ai-action--on {
    color: var(--aw-primary);
  }

  .aw-ai-action:disabled {
    cursor: default;
    opacity: .5;
  }

  .aw-stream__thanks {
    color: var(--aw-text-muted);
    margin-left: .375rem;
    font-size: .8125rem;
  }

  .aw-stream__comment {
    flex-direction: column;
    gap: .375rem;
    max-width: 32rem;
    display: flex;
  }

  .aw-stream__comment-label {
    color: var(--aw-text-muted);
    font-size: var(--aw-font-size-sm);
  }

  .aw-stream__comment-input {
    width: 100%;
    font: inherit;
    resize: vertical;
    padding: .5rem .75rem;
  }

  .aw-stream__comment-actions {
    justify-content: flex-end;
    gap: .5rem;
    display: flex;
  }

  .aw-stream__follow-ups {
    flex-wrap: wrap;
    gap: .375rem;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
  }

  .aw-cite-card {
    width: min(20rem, 100vw - 32px);
    font-size: var(--aw-font-size-sm);
    flex-direction: column;
    gap: .375rem;
    padding: .75rem .875rem;
    display: flex;
  }

  .aw-cite-card__head {
    color: var(--aw-text-muted);
    align-items: center;
    gap: .5rem;
    font-size: .75rem;
    display: flex;
  }

  .aw-cite-card__title {
    color: var(--aw-text-strong);
    align-items: baseline;
    gap: .375rem;
    font-weight: 600;
    line-height: 1.35;
    text-decoration: none;
    display: inline-flex;
  }

  a.aw-cite-card__title:hover {
    text-decoration: underline;
  }

  .aw-cite-card__snippet {
    color: var(--aw-text);
    margin: 0;
    line-height: 1.5;
  }

  @media (pointer: coarse) {
    .aw-ai-action {
      width: 44px;
      height: 44px;
    }

    .aw-stream__stop, .aw-ai-pill, .aw-stream__sources-toggle {
      min-height: 44px;
    }

    .aw-cite {
      position: relative;
    }

    .aw-cite:before {
      content: "";
      position: absolute;
      inset: -13px -8px;
    }
  }

  .aw-stream--still.aw-stream--caret .aw-stream__text:after, .aw-stream--still.aw-stream--caret .aw-stream__html > :last-child:after, .aw-stream--still.aw-stream--caret .aw-stream__body > :not(.aw-stream__html, .aw-stream__text):last-child:after {
    opacity: .6;
    animation: none;
  }

  .aw-stream--still .aw-stream__chevron {
    transition: none;
  }

  .aw-button {
    --aw-btn-bg: transparent;
    --aw-btn-bg-hover: transparent;
    --aw-btn-fg: var(--aw-text);
    --aw-btn-border: transparent;
    --aw-btn-accent: var(--aw-primary);
    --aw-btn-accent-hover: var(--aw-primary-hover);
    --aw-btn-height: var(--aw-field-height);
    box-sizing: border-box;
    min-height: var(--aw-btn-height);
    font: inherit;
    font-size: var(--aw-font-size);
    letter-spacing: -.005em;
    white-space: nowrap;
    color: var(--aw-btn-fg);
    background: var(--aw-btn-bg);
    border: 1px solid var(--aw-btn-border);
    border-radius: var(--aw-radius-md);
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: middle;
    transition: transform var(--aw-duration) var(--aw-ease),box-shadow var(--aw-duration) ease,background-color var(--aw-duration) ease,border-color var(--aw-duration) ease,color var(--aw-duration) ease;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    padding: 0 1rem;
    font-weight: 500;
    line-height: 1.25;
    text-decoration: none;
    display: inline-flex;
    position: relative;
    overflow: hidden;
  }

  .aw-button:focus-visible {
    box-shadow: var(--aw-focus-ring);
    outline: none;
  }

  .aw-button--sm {
    --aw-btn-height: var(--aw-field-height-sm);
    font-size: var(--aw-font-size-sm);
    gap: .375rem;
    padding: 0 .75rem;
  }

  .aw-button--lg {
    --aw-btn-height: var(--aw-field-height-lg);
    font-size: var(--aw-font-size-lg);
    padding: 0 1.25rem;
  }

  .aw-button--icon-only {
    width: var(--aw-btn-height);
    padding: 0;
  }

  .aw-button--rounded {
    border-radius: var(--aw-radius-pill);
  }

  .aw-button--fluid {
    width: 100%;
    display: flex;
  }

  .aw-button--vertical .aw-button__content {
    flex-direction: column;
  }

  .aw-button--vertical {
    padding-block: .5rem;
  }

  .aw-button--primary {
    --aw-btn-accent: var(--aw-primary);
    --aw-btn-accent-hover: var(--aw-primary-hover);
    --aw-btn-on-accent: var(--aw-primary-contrast);
  }

  .aw-button--success {
    --aw-btn-accent: var(--aw-success);
    --aw-btn-accent-hover: var(--aw-success-hover);
    --aw-btn-on-accent: var(--aw-surface-0);
  }

  .aw-button--info {
    --aw-btn-accent: var(--aw-info);
    --aw-btn-accent-hover: var(--aw-info-hover);
    --aw-btn-on-accent: var(--aw-surface-0);
  }

  .aw-button--warn {
    --aw-btn-accent: var(--aw-warn);
    --aw-btn-accent-hover: var(--aw-warn-hover);
    --aw-btn-on-accent: var(--aw-surface-0);
  }

  .aw-button--danger {
    --aw-btn-accent: var(--aw-danger);
    --aw-btn-accent-hover: var(--aw-danger-hover);
    --aw-btn-on-accent: var(--aw-surface-0);
  }

  .aw-button--help {
    --aw-btn-accent: var(--aw-help);
    --aw-btn-accent-hover: var(--aw-help-hover);
    --aw-btn-on-accent: var(--aw-surface-0);
  }

  .aw-button--secondary {
    --aw-btn-accent: var(--aw-secondary-text);
    --aw-btn-accent-hover: var(--aw-text);
    --aw-btn-on-accent: var(--aw-secondary-text);
  }

  .aw-button--contrast {
    --aw-btn-accent: var(--aw-contrast-bg);
    --aw-btn-accent-hover: var(--aw-contrast-hover-bg);
    --aw-btn-on-accent: var(--aw-contrast-text);
  }

  .dark .aw-button--success, .dark .aw-button--info, .dark .aw-button--warn, .dark .aw-button--danger, .dark .aw-button--help {
    --aw-btn-on-accent: var(--aw-surface-950);
  }

  .aw-button--filled {
    --aw-btn-bg: var(--aw-btn-accent);
    --aw-btn-fg: var(--aw-btn-on-accent);
  }

  .aw-button--filled:hover:not(.aw-button--disabled) {
    --aw-btn-bg: var(--aw-btn-accent-hover);
    transform: translateY(-1px);
  }

  .aw-button--filled:active:not(.aw-button--disabled) {
    transition-duration: 80ms;
    transform: scale(.97);
  }

  .aw-button--filled.aw-button--secondary {
    --aw-btn-bg: var(--aw-secondary-bg);
    --aw-btn-fg: var(--aw-secondary-text);
  }

  .aw-button--filled.aw-button--secondary:hover:not(.aw-button--disabled) {
    --aw-btn-bg: var(--aw-secondary-hover-bg);
    --aw-btn-fg: var(--aw-text);
  }

  .aw-button--filled.aw-button--primary {
    background: var(--aw-primary-gradient);
    box-shadow: var(--aw-primary-glow);
    color: var(--aw-surface-0);
  }

  .aw-button--filled.aw-button--primary:hover:not(.aw-button--disabled) {
    background: var(--aw-primary-gradient-hover);
    box-shadow: var(--aw-primary-glow-hover);
  }

  .aw-button--filled.aw-button--primary:after {
    content: "";
    background: linear-gradient(120deg,transparent 25%,var(--aw-surface-0) 50%,transparent 75%);
    position: absolute;
    inset: 0;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-button--filled.aw-button--primary:after {
      background: linear-gradient(120deg,transparent 25%,color-mix(in srgb,var(--aw-surface-0) 22%,transparent) 50%,transparent 75%);
    }
  }

  .aw-button--filled.aw-button--primary:after {
    pointer-events: none;
    border-radius: inherit;
    transition: background-position .7s var(--aw-ease);
    background-position: 150% 0;
    background-size: 220% 100%;
  }

  .aw-button--filled.aw-button--primary:hover:not(.aw-button--disabled):after {
    background-position: -50% 0;
  }

  .aw-button--filled.aw-button--primary:focus-visible {
    box-shadow: var(--aw-focus-ring);
  }

  .aw-button--outlined {
    --aw-btn-fg: var(--aw-btn-accent);
    --aw-btn-border: var(--aw-btn-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-button--outlined {
      --aw-btn-border: color-mix(in srgb, var(--aw-btn-accent) 45%, transparent);
    }
  }

  .aw-button--outlined:hover:not(.aw-button--disabled) {
    --aw-btn-bg: var(--aw-btn-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-button--outlined:hover:not(.aw-button--disabled) {
      --aw-btn-bg: color-mix(in srgb, var(--aw-btn-accent) 8%, transparent);
    }
  }

  .aw-button--outlined:hover:not(.aw-button--disabled) {
    --aw-btn-border: var(--aw-btn-accent);
  }

  .aw-button--outlined.aw-button--secondary {
    --aw-btn-border: var(--aw-field-border);
  }

  .aw-button--text {
    --aw-btn-fg: var(--aw-btn-accent);
  }

  .aw-button--text:hover:not(.aw-button--disabled) {
    --aw-btn-bg: var(--aw-btn-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-button--text:hover:not(.aw-button--disabled) {
      --aw-btn-bg: color-mix(in srgb, var(--aw-btn-accent) 10%, transparent);
    }
  }

  .aw-button--text:active:not(.aw-button--disabled) {
    --aw-btn-bg: var(--aw-btn-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-button--text:active:not(.aw-button--disabled) {
      --aw-btn-bg: color-mix(in srgb, var(--aw-btn-accent) 16%, transparent);
    }
  }

  .aw-button--text.aw-button--secondary {
    --aw-btn-fg: var(--aw-text-muted);
  }

  .aw-button--text.aw-button--secondary:hover:not(.aw-button--disabled) {
    --aw-btn-fg: var(--aw-text);
    --aw-btn-bg: var(--aw-content-hover-bg);
  }

  .aw-button--link {
    --aw-btn-fg: var(--aw-primary);
    padding-inline: .25rem;
  }

  .aw-button--link:hover:not(.aw-button--disabled) .aw-button__label {
    text-underline-offset: 3px;
    text-decoration: underline;
  }

  .aw-button--disabled {
    cursor: not-allowed;
    opacity: .55;
    box-shadow: none !important;
    transform: none !important;
  }

  .aw-button--loading {
    cursor: progress;
    opacity: .85;
  }

  .aw-button--loading .aw-button__content {
    visibility: hidden;
  }

  .aw-button__spinner {
    justify-content: center;
    align-items: center;
    font-size: 1.1em;
    display: flex;
    position: absolute;
    inset: 0;
  }

  .aw-button__content {
    justify-content: center;
    align-items: center;
    gap: inherit;
    min-width: 0;
    display: inline-flex;
  }

  .aw-button__content--icon-right > .aw-button__label, .aw-button__content--icon-bottom > .aw-button__label {
    order: -1;
  }

  .aw-button__label {
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .aw-button__icon {
    font-size: 1.15em;
    line-height: 1;
  }

  .aw-button__badge {
    border-radius: var(--aw-radius-pill);
    background: var(--aw-contrast-bg);
    min-width: 1.25rem;
    height: 1.25rem;
    color: var(--aw-contrast-text);
    justify-content: center;
    align-items: center;
    padding: 0 .375rem;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1;
    display: inline-flex;
  }

  .aw-button__badge--primary {
    background: var(--aw-primary);
    color: var(--aw-primary-contrast);
  }

  .aw-button__badge--secondary {
    background: var(--aw-secondary-bg);
    color: var(--aw-secondary-text);
  }

  .aw-button__badge--success {
    background: var(--aw-success);
    color: var(--aw-surface-0);
  }

  .aw-button__badge--info {
    background: var(--aw-info);
    color: var(--aw-surface-0);
  }

  .aw-button__badge--warn {
    background: var(--aw-warn);
    color: var(--aw-surface-0);
  }

  .aw-button__badge--danger {
    background: var(--aw-danger);
    color: var(--aw-surface-0);
  }

  .aw-button__badge--help {
    background: var(--aw-help);
    color: var(--aw-surface-0);
  }

  .aw-button--filled:not(.aw-button--secondary) .aw-button__badge--auto {
    background: var(--aw-surface-0);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-button--filled:not(.aw-button--secondary) .aw-button__badge--auto {
      background: color-mix(in srgb,var(--aw-surface-0) 90%,transparent);
    }
  }

  .aw-button--filled:not(.aw-button--secondary) .aw-button__badge--auto {
    color: var(--aw-surface-900);
  }

  @media (hover: none) {
    .aw-button:hover {
      transform: none !important;
    }
  }

  .aw-copy-button-root {
    vertical-align: middle;
    display: inline-flex;
    position: relative;
  }

  .aw-copy-button__glyph {
    flex-shrink: 0;
    width: 1em;
    height: 1em;
  }

  .aw-copy-button__icon {
    font-size: 1.05em;
  }

  .aw-code-block {
    border: 1px solid var(--aw-content-border);
    border-radius: var(--aw-radius-lg);
    background: var(--aw-surface-50);
    min-width: 0;
    color: var(--aw-text);
    margin: 0;
    overflow: hidden;
  }

  .aw-code-block--flush {
    border: 0;
    border-radius: 0;
  }

  .aw-code-block__header {
    border-bottom: 1px solid var(--aw-content-border);
    background: var(--aw-surface-100);
    min-height: 2.25rem;
    font-size: var(--aw-font-size-sm);
    align-items: center;
    gap: .5rem;
    padding: .25rem .375rem .25rem .75rem;
    display: flex;
  }

  .aw-code-block__title {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    color: var(--aw-text-strong);
    flex: auto;
    font-weight: 600;
    overflow: hidden;
  }

  .aw-code-block__language {
    font-family: var(--aw-font-mono);
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--aw-text-muted);
    flex-shrink: 0;
    font-size: .6875rem;
  }

  .aw-code-block__actions {
    flex-shrink: 0;
    align-items: center;
    gap: .125rem;
    display: inline-flex;
  }

  .aw-code-block__actions .aw-button.aw-button--icon-only {
    --aw-btn-height: 1.75rem;
    font-size: .8125rem;
  }

  .aw-code-block__glyph {
    width: 1em;
    height: 1em;
  }

  .aw-code-block__body {
    overflow: auto;
  }

  .aw-code-block__pre {
    font-family: var(--aw-font-mono);
    tab-size: 4;
    white-space: pre;
    color: inherit;
    background: none;
    margin: 0;
    padding: .75rem 1rem;
    font-size: .8125rem;
    line-height: 1.6;
    display: flex;
  }

  .aw-code-block__pre:focus-visible {
    box-shadow: inset var(--aw-focus-ring-tight);
    outline: none;
  }

  .aw-code-block__code {
    min-width: 0;
    font: inherit;
    color: inherit;
    background: none;
    flex: auto;
  }

  .aw-code-block--wrap .aw-code-block__pre {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
  }

  .aw-code-block__code--rows {
    display: block;
  }

  .aw-code-block__line {
    counter-increment: aw-code-line;
    padding-left: 3.25em;
    display: block;
    position: relative;
  }

  .aw-code-block__line:before {
    content: counter(aw-code-line);
    text-align: right;
    width: 2.25em;
    color: var(--aw-text-muted);
    opacity: .7;
    -webkit-user-select: none;
    user-select: none;
    position: absolute;
    left: 0;
  }

  .aw-code-block__gutter {
    text-align: right;
    min-width: 2.25em;
    color: var(--aw-text-muted);
    opacity: .7;
    -webkit-user-select: none;
    user-select: none;
    flex-direction: column;
    flex-shrink: 0;
    margin-right: 1em;
    display: flex;
  }

  .dark .aw-code-block {
    background: var(--aw-surface-950);
  }

  .dark .aw-code-block__header {
    background: var(--aw-surface-900);
  }

  .aw-tool-calls {
    font-size: var(--aw-font-size-sm);
    color: var(--aw-text);
    flex-direction: column;
    gap: .5rem;
    display: flex;
  }

  .aw-tool-calls__summary {
    border-radius: var(--aw-radius-sm);
    min-height: 28px;
    color: var(--aw-text-muted);
    font: inherit;
    cursor: pointer;
    background: none;
    border: 0;
    align-self: flex-start;
    align-items: center;
    gap: .375rem;
    padding: .125rem .375rem;
    display: inline-flex;
  }

  .aw-tool-calls__summary:hover {
    background: var(--aw-content-hover-bg);
    color: var(--aw-text);
  }

  .aw-tool-calls__failed {
    color: var(--aw-danger);
  }

  .aw-tool-calls__chevron {
    transition: transform var(--aw-duration) var(--aw-ease);
  }

  .aw-tool-calls__summary[aria-expanded="true"] .aw-tool-calls__chevron {
    transform: rotate(180deg);
  }

  .aw-tool-calls__chips {
    flex-wrap: wrap;
    gap: .375rem;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
  }

  .aw-tool-chip {
    border: 1px solid var(--aw-content-border);
    border-radius: var(--aw-radius-pill);
    background: var(--aw-secondary-soft-bg);
    max-width: 22rem;
    min-height: 28px;
    color: var(--aw-text);
    font: inherit;
    cursor: pointer;
    transition: background var(--aw-duration-fast) var(--aw-ease),border-color var(--aw-duration-fast) var(--aw-ease);
    align-items: center;
    gap: .375rem;
    padding: .1875rem .625rem;
    font-size: .8125rem;
    display: inline-flex;
  }

  .aw-tool-chip:hover {
    background: var(--aw-secondary-hover-bg);
  }

  .aw-tool-chip--selected {
    border-color: var(--aw-primary);
    background: var(--aw-highlight-bg);
    color: var(--aw-highlight-text);
  }

  .aw-tool-chip--running {
    border-style: dashed;
  }

  .aw-tool-chip--pending {
    color: var(--aw-text-muted);
  }

  .aw-tool-chip--error {
    border-color: var(--aw-danger-soft-border);
    background: var(--aw-danger-soft-bg);
    color: var(--aw-danger-soft-text);
  }

  .aw-tool-chip__icon {
    color: var(--aw-text-muted);
    flex-shrink: 0;
  }

  .aw-tool-chip--selected .aw-tool-chip__icon, .aw-tool-chip--error .aw-tool-chip__icon {
    color: inherit;
  }

  .aw-tool-chip__label {
    white-space: nowrap;
  }

  .aw-tool-chip__detail {
    min-width: 0;
    color: var(--aw-text-muted);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .aw-tool-chip__duration {
    color: var(--aw-text-muted);
    font-variant-numeric: tabular-nums;
  }

  .aw-tool-calls__detail {
    flex-direction: column;
    gap: .5rem;
    display: flex;
  }

  .aw-tool-calls__error {
    border: 1px solid var(--aw-danger-soft-border);
    border-radius: var(--aw-radius-sm);
    background: var(--aw-danger-soft-bg);
    color: var(--aw-danger-soft-text);
    align-items: flex-start;
    gap: .375rem;
    margin: 0;
    padding: .5rem .625rem;
    display: flex;
  }

  .aw-tool-calls__empty {
    color: var(--aw-text-muted);
    margin: 0;
  }

  @media (pointer: coarse) {
    .aw-tool-chip, .aw-tool-calls__summary {
      min-height: 44px;
    }
  }

  .aw-tool-calls--still .aw-tool-calls__chevron {
    transition: none;
  }

  .aw-avatar {
    --aw-avatar-size: 2rem;
    box-sizing: border-box;
    width: var(--aw-avatar-size);
    height: var(--aw-avatar-size);
    border-radius: var(--aw-radius-lg);
    background: var(--aw-content-border);
    color: var(--aw-text);
    vertical-align: middle;
    -webkit-user-select: none;
    user-select: none;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    line-height: 1;
    display: inline-flex;
    overflow: hidden;
  }

  .aw-avatar--circle {
    border-radius: 50%;
  }

  .aw-avatar--lg {
    --aw-avatar-size: 3rem;
    font-size: 1.5rem;
  }

  .aw-avatar--xl {
    --aw-avatar-size: 4rem;
    font-size: 2rem;
  }

  .aw-avatar--image {
    background: none;
  }

  .aw-avatar__image {
    object-fit: cover;
    border-radius: inherit;
    width: 100%;
    height: 100%;
  }

  .aw-avatar__label {
    font-size: calc(var(--aw-avatar-size) * .36);
    font-variant-numeric: tabular-nums;
    letter-spacing: .05em;
    white-space: nowrap;
    font-weight: 600;
  }

  .aw-avatar--lg .aw-avatar__label, .aw-avatar--xl .aw-avatar__label {
    letter-spacing: .08em;
  }

  .aw-avatar--count {
    background: linear-gradient(var(--aw-highlight-bg),var(--aw-highlight-bg)),var(--aw-card-bg);
    color: var(--aw-highlight-text);
  }

  .aw-avatar--count .aw-avatar__label {
    font-size: calc(var(--aw-avatar-size) * .34);
    letter-spacing: 0;
  }

  .aw-avatar__icon {
    font-size: 1em;
  }

  .aw-relative-time {
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
  }

  .aw-chat-msg {
    min-width: 0;
    color: var(--aw-text);
    font-size: var(--aw-font-size-sm);
    gap: .75rem;
    display: flex;
  }

  .aw-chat-msg--user {
    justify-content: flex-end;
  }

  .aw-chat-msg--system {
    justify-content: center;
  }

  .aw-chat-msg__system {
    border-radius: var(--aw-radius-pill);
    background: var(--aw-secondary-soft-bg);
    max-width: 36rem;
    color: var(--aw-text-muted);
    text-align: center;
    margin: 0;
    padding: .25rem .75rem;
    font-size: .8125rem;
  }

  .aw-chat-msg__avatar {
    flex-shrink: 0;
  }

  .aw-chat-msg__bot {
    background: var(--aw-highlight-bg);
    width: 2rem;
    height: 2rem;
    color: var(--aw-highlight-text);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    display: inline-flex;
  }

  .aw-chat-msg__main {
    flex-direction: column;
    flex: 1;
    gap: .375rem;
    min-width: 0;
    display: flex;
  }

  .aw-chat-msg--user .aw-chat-msg__main {
    flex: 0 auto;
    align-items: flex-end;
    max-width: min(36rem, 85%);
  }

  .aw-chat-msg__meta {
    align-items: baseline;
    gap: .5rem;
    min-height: 2rem;
    line-height: 2rem;
    display: flex;
  }

  .aw-chat-msg__author {
    color: var(--aw-text-strong);
    font-weight: 600;
  }

  .aw-chat-msg__time {
    color: var(--aw-text-muted);
    font-size: .75rem;
  }

  .aw-chat-msg__bubble {
    border-radius: var(--aw-radius-lg) var(--aw-radius-lg) var(--aw-radius-xs) var(--aw-radius-lg);
    background: var(--aw-highlight-bg);
    color: var(--aw-text-strong);
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    padding: .625rem .875rem;
    line-height: 1.55;
  }

  .aw-chat-msg--error .aw-chat-msg__bubble {
    outline: 1px solid var(--aw-danger-soft-border);
  }

  .aw-chat-msg__user-actions {
    opacity: 0;
    transition: opacity var(--aw-duration-fast) var(--aw-ease);
    align-items: center;
    gap: .125rem;
    display: flex;
  }

  .aw-chat-msg--user:hover .aw-chat-msg__user-actions, .aw-chat-msg--user:focus-within .aw-chat-msg__user-actions, .aw-chat-msg--error .aw-chat-msg__user-actions {
    opacity: 1;
  }

  .aw-chat-msg__user-actions .aw-chat-msg__time {
    margin-right: .25rem;
  }

  .aw-chat-msg__editor {
    flex-direction: column;
    gap: .5rem;
    width: min(36rem, 85vw);
    display: flex;
  }

  .aw-chat-msg__editor-input {
    width: 100%;
    font: inherit;
    resize: none;
    padding: .625rem .75rem;
    line-height: 1.5;
  }

  .aw-chat-msg__editor-actions {
    justify-content: flex-end;
    gap: .5rem;
    display: flex;
  }

  .aw-chat-msg__attachments {
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .375rem;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
  }

  .aw-chat-attachment {
    border: 1px solid var(--aw-content-border);
    border-radius: var(--aw-radius-md);
    background: var(--aw-content-bg);
    max-width: 16rem;
    min-height: 36px;
    color: var(--aw-text);
    font: inherit;
    cursor: pointer;
    align-items: center;
    gap: .5rem;
    padding: .25rem .625rem .25rem .25rem;
    font-size: .8125rem;
    text-decoration: none;
    display: inline-flex;
  }

  .aw-chat-attachment:hover {
    background: var(--aw-content-hover-bg);
  }

  .aw-chat-attachment__thumb {
    border-radius: var(--aw-radius-xs);
    object-fit: cover;
    width: 28px;
    height: 28px;
  }

  .aw-chat-attachment__icon {
    color: var(--aw-text-muted);
    margin-left: .25rem;
  }

  .aw-chat-attachment__name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .aw-chat-attachment__size {
    color: var(--aw-text-muted);
    white-space: nowrap;
  }

  .aw-chat-msg__parts {
    flex-direction: column;
    align-items: stretch;
    gap: .625rem;
    min-width: 0;
    display: flex;
  }

  .aw-chat-msg__parts > .aw-ai-loader, .aw-chat-msg__parts > .aw-thinking {
    align-self: flex-start;
  }

  .aw-chat-msg__error {
    border: 1px solid var(--aw-danger-soft-border);
    border-radius: var(--aw-radius-md);
    background: var(--aw-danger-soft-bg);
    color: var(--aw-danger-soft-text);
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    margin: 0;
    padding: .5rem .75rem;
    display: flex;
  }

  .aw-chat-msg__stopped {
    color: var(--aw-text-muted);
    margin: 0;
    font-size: .75rem;
    font-style: italic;
  }

  @media (pointer: coarse) {
    .aw-chat-msg__user-actions {
      opacity: 1;
    }
  }

  @media (hover: none) {
    .aw-chat-msg__user-actions {
      opacity: 1;
    }
  }

  .aw-chat-thread {
    flex-direction: column;
    flex: 1;
    min-height: 0;
    display: flex;
    position: relative;
  }

  .aw-chat-thread__scroller {
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    outline: none;
    flex: 1;
    min-height: 0;
    overflow-y: auto;
  }

  .aw-chat-thread__scroller:focus-visible {
    box-shadow: inset var(--aw-focus-ring-tight);
  }

  .aw-chat-thread__content {
    flex-direction: column;
    gap: 1.25rem;
    max-width: 52rem;
    margin: 0 auto;
    padding: 1rem;
    display: flex;
  }

  .aw-chat-thread__sentinel {
    height: 1px;
    margin-bottom: -1px;
  }

  .aw-chat-thread__row {
    content-visibility: auto;
    contain-intrinsic-size: auto 120px;
  }

  .aw-chat-thread__row--live {
    content-visibility: visible;
  }

  .aw-chat-thread__older {
    justify-content: center;
    display: flex;
  }

  .aw-chat-thread__older-loading {
    color: var(--aw-text-muted);
    font-size: var(--aw-font-size-sm);
    align-items: center;
    gap: .5rem;
    display: inline-flex;
  }

  .aw-chat-thread__empty:empty {
    display: none;
  }

  .aw-chat-thread__day {
    color: var(--aw-text-muted);
    align-items: center;
    gap: .75rem;
    font-size: .75rem;
    font-weight: 600;
    display: flex;
  }

  .aw-chat-thread__day:before, .aw-chat-thread__day:after {
    content: "";
    background: var(--aw-content-border);
    flex: 1;
    height: 1px;
  }

  .aw-chat-thread__jump {
    z-index: 1;
    border: 1px solid var(--aw-overlay-border);
    border-radius: var(--aw-radius-pill);
    background: var(--aw-overlay-bg);
    min-height: 32px;
    box-shadow: var(--aw-overlay-shadow);
    color: var(--aw-text);
    font: inherit;
    font-size: var(--aw-font-size-sm);
    cursor: pointer;
    align-items: center;
    gap: .375rem;
    padding: .25rem .875rem;
    display: inline-flex;
    position: absolute;
    bottom: .75rem;
    left: 50%;
    transform: translate(-50%);
  }

  .aw-chat-thread__jump:hover {
    background: var(--aw-content-hover-bg);
  }

  .aw-chat-thread__unseen {
    border-radius: var(--aw-radius-pill);
    background: var(--aw-primary);
    min-width: 1.25rem;
    color: var(--aw-primary-contrast);
    text-align: center;
    padding: 0 .375rem;
    font-size: .6875rem;
    font-weight: 700;
    line-height: 1.25rem;
  }

  .aw-chat-thread-jump-enter-active, .aw-chat-thread-jump-leave-active {
    transition: opacity var(--aw-duration) var(--aw-ease),transform var(--aw-duration) var(--aw-ease);
  }

  .aw-chat-thread-jump-enter-from, .aw-chat-thread-jump-leave-to {
    opacity: 0;
    transform: translate(-50%, 8px);
  }

  @media (pointer: coarse) {
    .aw-chat-thread__jump {
      min-height: 44px;
    }
  }

  @media (max-width: 639px) {
    .aw-chat-thread__content {
      gap: 1rem;
      padding: .75rem;
    }
  }

  .aw-chat-thread--still .aw-chat-thread-jump-enter-active, .aw-chat-thread--still .aw-chat-thread-jump-leave-active {
    transition: none;
  }

  .aw-filter-input {
    flex: auto;
  }

  .aw-checkbox-box {
    box-sizing: border-box;
    border: 1px solid var(--aw-field-border);
    border-radius: var(--aw-radius-xs);
    background: var(--aw-field-bg);
    width: 1.125rem;
    height: 1.125rem;
    color: var(--aw-primary-contrast);
    transition: background-color var(--aw-duration-fast) ease,border-color var(--aw-duration-fast) ease;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .aw-checkbox-box .aw-icon {
    stroke-width: 3px;
  }

  .aw-checkbox-box--checked {
    background: var(--aw-primary);
    border-color: var(--aw-primary);
  }

  .aw-checkbox-box--disabled {
    opacity: .6;
  }

  .aw-selection-list {
    box-sizing: border-box;
    min-height: 0;
  }

  .aw-selection-list--small .aw-option {
    font-size: var(--aw-font-size-sm);
    padding: .375rem .625rem;
  }

  .aw-selection-list--large .aw-option {
    font-size: var(--aw-font-size-lg);
    padding: .625rem .875rem;
  }

  .aw-selection-list--virtual .aw-option, .aw-selection-list--virtual .aw-option-group {
    box-sizing: border-box;
    height: var(--aw-option-row);
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .aw-selection-list--virtual .aw-option-group {
    align-items: flex-end;
    padding-bottom: .25rem;
    display: flex;
  }

  .aw-selection-list__spacer {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .aw-selection-list__content {
    flex: auto;
    align-items: center;
    gap: .5rem;
    min-width: 0;
    display: flex;
  }

  .aw-selection-list__label {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    overflow: hidden;
  }

  .aw-selection-list__check {
    width: 1rem;
    color: var(--aw-primary);
    flex-shrink: 0;
    display: inline-flex;
  }

  .aw-option--selected .aw-selection-list__check {
    color: inherit;
  }

  .aw-dropdown {
    cursor: pointer;
    text-align: left;
    padding-right: .625rem;
    position: relative;
  }

  .aw-dropdown.aw-field--disabled {
    cursor: not-allowed;
  }

  .aw-dropdown__value {
    min-width: 0;
    color: inherit;
    font: inherit;
    line-height: inherit;
    text-align: left;
    cursor: inherit;
    background: none;
    border: 0;
    outline: none;
    flex: auto;
    align-self: stretch;
    align-items: center;
    gap: .375rem;
    margin: 0;
    padding: 0;
    display: flex;
    box-shadow: none !important;
  }

  .aw-dropdown__label, .aw-dropdown__placeholder {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    overflow: hidden;
  }

  .aw-dropdown__placeholder {
    color: var(--aw-field-placeholder);
  }

  .aw-field--disabled .aw-dropdown__placeholder, .aw-field--disabled .aw-dropdown__label {
    color: var(--aw-text-disabled);
  }

  .aw-dropdown__chips {
    flex-wrap: wrap;
    align-items: center;
    gap: .25rem;
    min-width: 0;
    padding: .25rem 0;
    display: flex;
  }

  .aw-dropdown__chevron {
    transition: transform var(--aw-duration) var(--aw-ease);
  }

  .aw-field--focus .aw-dropdown__chevron {
    transform: rotate(180deg);
  }

  .aw-dropdown__chevron--loading {
    transform: none !important;
  }

  .aw-dropdown-panel {
    max-width: min(36rem, 100vw - 16px);
  }

  .aw-dropdown-panel > .aw-option-list {
    flex: auto;
  }

  .aw-dropdown-panel__header {
    align-items: center;
    gap: .5rem;
    padding: .5rem .5rem .25rem;
    display: flex;
  }

  .aw-dropdown-panel__toggle-all {
    border-radius: var(--aw-radius-xs);
    cursor: pointer;
    background: none;
    border: 0;
    align-items: center;
    padding: .25rem;
    display: inline-flex;
  }

  .aw-dropdown-panel__toggle-all:focus-visible {
    box-shadow: var(--aw-focus-ring-tight);
    outline: none;
  }

  .aw-dropdown-panel__summary {
    color: var(--aw-text-muted);
    padding: .25rem .75rem 0;
    font-size: .75rem;
  }

  .aw-voice-input {
    --aw-voice-size: var(--aw-field-height);
    flex-wrap: wrap;
    align-items: center;
    gap: .25rem .375rem;
    display: inline-flex;
    position: relative;
  }

  .aw-voice-input--sm {
    --aw-voice-size: var(--aw-field-height-sm);
  }

  .aw-voice-input--lg {
    --aw-voice-size: var(--aw-field-height-lg);
  }

  .aw-voice-input--wrap {
    align-items: flex-start;
    display: flex;
  }

  .aw-voice-input--wrap > :first-child {
    flex: 12rem;
    min-width: 0;
  }

  .aw-voice-input__anchor {
    display: inline-flex;
    position: relative;
  }

  .aw-voice-input__button {
    width: var(--aw-voice-size);
    height: var(--aw-voice-size);
    border: 1px solid var(--aw-field-border);
    border-radius: var(--aw-radius-pill);
    background: var(--aw-field-bg);
    color: var(--aw-text-muted);
    cursor: pointer;
    transition: background var(--aw-duration) var(--aw-ease),color var(--aw-duration) var(--aw-ease),border-color var(--aw-duration) var(--aw-ease);
    justify-content: center;
    align-items: center;
    padding: 0;
    display: inline-flex;
    position: relative;
  }

  .aw-voice-input__button:hover:not(.aw-voice-input__button--inactive) {
    border-color: var(--aw-field-border-hover);
    color: var(--aw-text);
  }

  .aw-voice-input__button--listening, .aw-voice-input__button--listening:hover:not(.aw-voice-input__button--inactive) {
    border-color: var(--aw-danger);
    background: var(--aw-danger);
    color: var(--aw-primary-contrast);
  }

  .aw-voice-input__button--inactive {
    opacity: .55;
    cursor: not-allowed;
  }

  .aw-voice-input__button--pulse:after {
    content: "";
    border-radius: inherit;
    box-shadow: 0 0 var(--aw-danger);
    position: absolute;
    inset: -1px;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-voice-input__button--pulse:after {
      box-shadow: 0 0 color-mix(in srgb,var(--aw-danger) 45%,transparent);
    }
  }

  .aw-voice-input__button--pulse:after {
    animation: aw-voice-pulse 1.4s var(--aw-ease) infinite;
    pointer-events: none;
  }

  @keyframes aw-voice-pulse {
    to {
      box-shadow: 0 0 0 10px color-mix(in srgb,var(--aw-danger) 0%,transparent);
    }
  }

  .aw-voice-input__glyph {
    width: 1.1em;
    height: 1.1em;
  }

  @media (pointer: coarse) {
    .aw-voice-input__button:before {
      content: "";
      inset: min(0px,calc((var(--aw-voice-size) - 44px) / 2));
      position: absolute;
    }
  }

  .aw-voice-input__preview {
    z-index: var(--aw-z-overlay);
    border: 1px solid var(--aw-overlay-border);
    border-radius: var(--aw-radius-md);
    background: var(--aw-overlay-bg);
    width: max-content;
    max-width: min(20rem, 100vw - 2rem);
    box-shadow: var(--aw-overlay-shadow);
    color: var(--aw-text-muted);
    font-size: var(--aw-font-size-sm);
    pointer-events: none;
    padding: .375rem .625rem;
    font-style: italic;
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
  }

  .aw-voice-input__status--error {
    color: var(--aw-danger);
    font-size: var(--aw-font-size-sm);
    flex-basis: 100%;
  }

  .aw-prompt {
    --aw-prompt-radius: var(--aw-radius-xl);
    border: 1px solid var(--aw-field-border);
    border-radius: var(--aw-prompt-radius);
    background: var(--aw-field-bg);
    box-shadow: var(--aw-card-shadow);
    color: var(--aw-field-text);
    transition: border-color var(--aw-duration-fast) var(--aw-ease),box-shadow var(--aw-duration-fast) var(--aw-ease);
    flex-direction: column;
    gap: .25rem;
    padding: .5rem .5rem .375rem;
    display: flex;
    position: relative;
  }

  .aw-prompt:hover {
    border-color: var(--aw-field-border-hover);
  }

  .aw-prompt--focus {
    border-color: var(--aw-field-border-focus);
    box-shadow: var(--aw-focus-ring);
  }

  .aw-prompt--invalid {
    border-color: var(--aw-field-border-invalid);
  }

  .aw-prompt--disabled {
    background: var(--aw-field-disabled-bg);
    opacity: .7;
  }

  .aw-prompt--dragging {
    border-style: dashed;
    border-color: var(--aw-primary);
    background: var(--aw-highlight-bg);
  }

  .aw-prompt--pill {
    --aw-prompt-radius: 1.75rem;
    padding-left: .875rem;
    padding-right: .5rem;
  }

  .aw-prompt--sticky {
    bottom: var(--aw-prompt-keyboard, 0px);
    z-index: var(--aw-z-sticky);
    margin-bottom: env(safe-area-inset-bottom, 0px);
    position: sticky;
  }

  .aw-prompt__chips {
    flex-wrap: wrap;
    gap: .375rem;
    margin: 0;
    padding: .125rem .25rem .25rem;
    list-style: none;
    display: flex;
  }

  .aw-prompt-chip {
    border-radius: var(--aw-radius-pill);
    background: var(--aw-highlight-bg);
    max-width: 16rem;
    min-height: 26px;
    color: var(--aw-highlight-text);
    align-items: center;
    gap: .375rem;
    padding: 0 .125rem 0 .5rem;
    font-size: .8125rem;
    display: inline-flex;
  }

  .aw-prompt-chip--file {
    border: 1px solid var(--aw-content-border);
    border-radius: var(--aw-radius-md);
    background: var(--aw-content-bg);
    color: var(--aw-text);
  }

  .aw-prompt-chip__thumb {
    border-radius: var(--aw-radius-xs);
    object-fit: cover;
    width: 22px;
    height: 22px;
    margin-left: -.25rem;
  }

  .aw-prompt-chip__label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .aw-prompt-chip__size {
    color: var(--aw-text-muted);
    white-space: nowrap;
  }

  .aw-prompt-chip__remove {
    width: 22px;
    height: 22px;
    color: inherit;
    cursor: pointer;
    opacity: .7;
    background: none;
    border: 0;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: inline-flex;
  }

  .aw-prompt-chip__remove:hover {
    opacity: 1;
    background: currentColor;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-prompt-chip__remove:hover {
      background: color-mix(in srgb,currentColor 12%,transparent);
    }
  }

  .aw-prompt__input {
    width: 100%;
    min-height: 2.25rem;
    color: var(--aw-field-text);
    font: inherit;
    font-size: var(--aw-font-size);
    resize: none;
    background: none;
    border: 0;
    outline: none;
    margin: 0;
    padding: .5rem .375rem;
    line-height: 1.4;
    display: block;
    overflow-y: hidden;
    box-shadow: none !important;
  }

  .aw-prompt__input::placeholder {
    color: var(--aw-field-placeholder);
  }

  .aw-prompt__toolbar {
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
    display: flex;
  }

  .aw-prompt__tools, .aw-prompt__end {
    align-items: center;
    gap: .25rem;
    min-width: 0;
    display: flex;
  }

  .aw-prompt__end {
    flex-shrink: 0;
  }

  .aw-prompt__tool {
    border-radius: var(--aw-radius-pill);
    width: 32px;
    height: 32px;
    color: var(--aw-text-muted);
    cursor: pointer;
    background: none;
    border: 0;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: 1.05rem;
    display: inline-flex;
  }

  .aw-prompt__tool:hover:not(:disabled) {
    background: var(--aw-content-hover-bg);
    color: var(--aw-text);
  }

  .aw-prompt__tool:disabled {
    cursor: default;
    opacity: .5;
  }

  .aw-prompt__file {
    display: none;
  }

  .aw-prompt__model {
    max-width: 12rem;
  }

  .aw-prompt__hint {
    color: var(--aw-text-muted);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    font-size: .75rem;
  }

  .aw-prompt__hint--over {
    color: var(--aw-danger);
  }

  .aw-prompt__send {
    background: var(--aw-primary);
    width: 34px;
    height: 34px;
    color: var(--aw-primary-contrast);
    cursor: pointer;
    transition: background var(--aw-duration-fast) var(--aw-ease),opacity var(--aw-duration-fast) var(--aw-ease);
    border: 0;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: 1.05rem;
    display: inline-flex;
  }

  .aw-prompt__send:hover:not(:disabled) {
    background: var(--aw-primary-hover);
  }

  .aw-prompt__send:disabled {
    background: var(--aw-secondary-bg);
    color: var(--aw-text-disabled);
    cursor: default;
  }

  .aw-prompt__send--stop {
    background: var(--aw-contrast-bg);
    color: var(--aw-contrast-text);
    font-size: .85rem;
  }

  .aw-prompt__send--stop:hover {
    background: var(--aw-contrast-hover-bg) !important;
  }

  .aw-prompt-picker {
    min-width: 16rem;
    max-height: 18rem;
    font-size: var(--aw-font-size-sm);
  }

  .aw-prompt-picker__option {
    align-items: flex-start;
  }

  .aw-prompt-picker__option > .aw-ai-glyph, .aw-prompt-picker__option > i {
    color: var(--aw-text-muted);
    margin-top: .15rem;
  }

  .aw-prompt-picker__text {
    flex-direction: column;
    min-width: 0;
    display: flex;
  }

  .aw-prompt-picker__label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .aw-prompt-picker__desc {
    color: var(--aw-text-muted);
    font-size: .75rem;
  }

  @media (pointer: coarse) {
    .aw-prompt__tool, .aw-prompt__send {
      width: 44px;
      height: 44px;
    }

    .aw-prompt-chip__remove {
      position: relative;
    }

    .aw-prompt-chip__remove:before {
      content: "";
      position: absolute;
      inset: -11px;
    }

    .aw-prompt-picker__option {
      min-height: 44px;
    }
  }

  @media (max-width: 639px) {
    .aw-prompt__model {
      max-width: 8.5rem;
    }

    .aw-prompt__hint {
      display: none;
    }
  }

  .aw-tabs {
    flex-direction: column;
    min-width: 0;
    display: flex;
  }

  .aw-tab {
    box-sizing: border-box;
    font: inherit;
    font-size: var(--aw-font-size);
    white-space: nowrap;
    color: var(--aw-text-muted);
    border-radius: var(--aw-radius-sm) var(--aw-radius-sm) 0 0;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    transition: color var(--aw-duration) ease,background-color var(--aw-duration) ease;
    background: none;
    border: 0;
    flex-shrink: 0;
    align-items: center;
    gap: .5rem;
    padding: 1rem 1.125rem;
    font-weight: 600;
    line-height: 1.25;
    text-decoration: none;
    display: inline-flex;
    position: relative;
  }

  .aw-tab:after {
    content: "";
    background: var(--aw-primary);
    opacity: 0;
    height: 2px;
    transition: transform var(--aw-duration-slow) var(--aw-ease),opacity var(--aw-duration) ease;
    border-radius: 2px 2px 0 0;
    position: absolute;
    bottom: 0;
    left: .5rem;
    right: .5rem;
    transform: scaleX(0);
  }

  .aw-tab:hover:not(.aw-tab--disabled):not(.aw-tab--active) {
    color: var(--aw-text-strong);
    background: var(--aw-content-hover-bg);
  }

  .aw-tab:focus-visible {
    box-shadow: inset var(--aw-focus-ring-tight);
    outline: none;
  }

  .aw-tab--active {
    color: var(--aw-primary);
  }

  .aw-tab--active:after {
    opacity: 1;
    transform: scaleX(1);
  }

  .aw-tab--disabled {
    color: var(--aw-text-disabled);
    cursor: not-allowed;
  }

  .aw-tab__icon {
    font-size: 1.15em;
    line-height: 1;
  }

  .aw-tab__badge {
    border-radius: var(--aw-radius-pill);
    background: var(--aw-secondary-bg);
    min-width: 1.25rem;
    height: 1.25rem;
    color: var(--aw-secondary-text);
    justify-content: center;
    align-items: center;
    padding: 0 .375rem;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1;
    display: inline-flex;
  }

  .aw-tab--active .aw-tab__badge {
    background: var(--aw-highlight-bg);
    color: var(--aw-highlight-text);
  }

  .aw-tablist {
    border-bottom: 1px solid var(--aw-content-border);
    flex-shrink: 0;
    min-width: 0;
    display: flex;
    position: relative;
  }

  .aw-tablist__content {
    overscroll-behavior-x: contain;
    flex: auto;
    gap: .125rem;
    min-width: 0;
    margin-bottom: -1px;
    display: flex;
    overflow: auto hidden;
    scrollbar-width: none !important;
  }

  .aw-tablist__content::-webkit-scrollbar {
    display: none;
  }

  .aw-tablist__nav {
    z-index: 1;
    width: 2.25rem;
    color: var(--aw-text-muted);
    cursor: pointer;
    transition: color var(--aw-duration) ease;
    border: 0;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: 1rem;
    display: inline-flex;
    position: absolute;
    top: 0;
    bottom: 1px;
  }

  .aw-tablist__nav .aw-icon {
    font-size: 1.5em;
  }

  .aw-tablist__nav:hover {
    color: var(--aw-text-strong);
  }

  .aw-tablist__nav--back {
    background: linear-gradient(90deg,var(--aw-content-bg) 60%,transparent);
    justify-content: flex-start;
    left: 0;
  }

  .aw-tablist__nav--forward {
    background: linear-gradient(270deg,var(--aw-content-bg) 60%,transparent);
    justify-content: flex-end;
    right: 0;
  }

  .aw-tabpanel:focus-visible {
    box-shadow: var(--aw-focus-ring-tight);
    border-radius: var(--aw-radius-sm);
    outline: none;
  }

  .aw-tabpanels {
    min-width: 0;
    padding-top: 1rem;
  }

  .aw-chat-panel {
    background: var(--aw-content-bg);
    height: 100%;
    min-height: 0;
    color: var(--aw-text);
    flex-direction: column;
    display: flex;
  }

  .aw-chat-panel__header {
    border-bottom: 1px solid var(--aw-content-border);
    align-items: center;
    gap: .5rem;
    min-height: 2.75rem;
    padding: .375rem .75rem;
    display: flex;
  }

  .aw-chat-panel__header > :first-child:not(.aw-chat-panel__new) {
    flex: 1;
    min-width: 0;
  }

  .aw-chat-panel__new {
    flex-shrink: 0;
    margin-left: auto;
  }

  .aw-chat-panel__tabs {
    flex-direction: column;
    flex: 1;
    min-height: 0;
    display: flex;
  }

  .aw-chat-panel__strip {
    align-items: center;
    gap: .25rem;
    padding-right: .5rem;
    display: flex;
  }

  .aw-chat-panel__tablist {
    flex: 1;
    min-width: 0;
  }

  .aw-chat-panel__panels {
    flex-direction: column;
    flex: 1;
    min-height: 0;
    display: flex;
  }

  .aw-chat-panel__tabs .aw-tabpanels {
    padding: 0;
  }

  .aw-chat-panel__panel {
    flex-direction: column;
    flex: 1;
    min-height: 0;
    padding: 0;
    display: flex;
  }

  .aw-chat-panel__panel[hidden] {
    display: none;
  }

  .aw-chat-panel__composer {
    box-sizing: border-box;
    width: 100%;
    max-width: 52rem;
    margin: 0 auto;
    padding: 0 1rem 1rem;
  }

  .aw-chat-panel__empty {
    text-align: center;
    flex-direction: column;
    align-items: center;
    gap: .5rem;
    padding: 3rem 0 1rem;
    display: flex;
  }

  .aw-chat-panel__empty-mark {
    background: var(--aw-highlight-bg);
    width: 3rem;
    height: 3rem;
    color: var(--aw-highlight-text);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
    display: inline-flex;
  }

  .aw-chat-panel__empty-title {
    color: var(--aw-text-strong);
    font-family: var(--aw-font-display);
    margin: .5rem 0 0;
    font-size: 1.375rem;
    font-weight: 600;
  }

  .aw-chat-panel__empty-text {
    max-width: 32rem;
    color: var(--aw-text-muted);
    font-size: var(--aw-font-size-sm);
    margin: 0;
  }

  .aw-chat-panel__starters {
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
    gap: .5rem;
    width: 100%;
    max-width: 40rem;
    margin: 1rem 0 0;
    padding: 0;
    list-style: none;
    display: grid;
  }

  .aw-chat-starter {
    border: 1px solid var(--aw-content-border);
    border-radius: var(--aw-radius-lg);
    background: var(--aw-content-bg);
    width: 100%;
    height: 100%;
    min-height: 44px;
    color: var(--aw-text);
    font: inherit;
    font-size: var(--aw-font-size-sm);
    text-align: left;
    cursor: pointer;
    transition: background var(--aw-duration-fast) var(--aw-ease),border-color var(--aw-duration-fast) var(--aw-ease);
    align-items: flex-start;
    gap: .625rem;
    padding: .75rem .875rem;
    display: flex;
  }

  .aw-chat-starter:hover:not(:disabled) {
    border-color: var(--aw-field-border-hover);
    background: var(--aw-content-hover-bg);
  }

  .aw-chat-starter:disabled {
    cursor: default;
    opacity: .6;
  }

  .aw-chat-starter > i {
    color: var(--aw-primary);
    margin-top: .125rem;
    font-size: 1.125rem;
  }

  .aw-chat-starter__text {
    flex-direction: column;
    gap: .125rem;
    display: flex;
  }

  .aw-chat-starter__label {
    color: var(--aw-text-strong);
    font-weight: 500;
  }

  .aw-chat-starter__desc {
    color: var(--aw-text-muted);
    font-size: .8125rem;
  }

  @media (max-width: 639px) {
    .aw-chat-panel__composer {
      padding: 0 .5rem .5rem;
    }

    .aw-chat-panel__empty {
      padding-top: 1.5rem;
    }
  }

  .aw-ai-badge {
    border-radius: var(--aw-radius-pill);
    font: inherit;
    white-space: nowrap;
    color: var(--aw-help-soft-text);
    background: var(--aw-help-soft-bg);
    border: 1px solid #0000;
    border-color: var(--aw-help-soft-border);
    vertical-align: middle;
    align-items: center;
    gap: .3rem;
    padding: .125rem .5rem;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem;
    display: inline-flex;
    position: relative;
  }

  .aw-ai-badge--interactive {
    cursor: help;
  }

  .aw-ai-badge--sm {
    padding: 0 .4rem;
    font-size: .6875rem;
  }

  .aw-ai-badge--outline {
    background: none;
  }

  .aw-ai-badge--plain, .aw-ai-badge--icon {
    background: none;
    border-color: #0000;
    padding-inline: .125rem;
  }

  .aw-ai-badge--icon {
    padding: .125rem;
  }

  .aw-ai-badge__icon {
    width: .95em;
    height: .95em;
  }

  @media (pointer: coarse) {
    .aw-ai-badge--interactive:after {
      content: "";
      width: max(100%, 44px);
      height: max(100%, 44px);
      position: absolute;
      inset: 50% auto auto 50%;
      transform: translate(-50%, -50%);
    }
  }

  .aw-ai-badge__tip {
    border-radius: var(--aw-radius-sm);
    background: var(--aw-contrast-bg);
    max-width: min(18rem, 100vw - 16px);
    color: var(--aw-contrast-text);
    box-shadow: var(--aw-overlay-shadow);
    pointer-events: none;
    padding: .5rem .65rem;
    font-size: .75rem;
    line-height: 1.1rem;
  }

  .aw-ai-badge__tip-text, .aw-ai-badge__tip-model {
    margin: 0;
  }

  .aw-ai-badge__tip-model {
    opacity: .75;
    font-family: var(--aw-font-mono);
    margin-top: .25rem;
    font-size: .6875rem;
  }

  .aw-confidence {
    --aw-confidence-color: var(--aw-text-muted);
    --aw-confidence-empty: var(--aw-surface-200);
    color: var(--aw-text);
    white-space: nowrap;
    align-items: center;
    gap: .4rem;
    font-size: .75rem;
    line-height: 1rem;
    display: inline-flex;
  }

  .dark .aw-confidence {
    --aw-confidence-empty: var(--aw-surface-700);
  }

  .aw-confidence--high {
    --aw-confidence-color: var(--aw-success);
  }

  .aw-confidence--medium {
    --aw-confidence-color: var(--aw-info);
  }

  .aw-confidence--low {
    --aw-confidence-color: var(--aw-warn);
  }

  .aw-confidence--sm {
    gap: .3rem;
    font-size: .6875rem;
  }

  .aw-confidence__track {
    gap: 2px;
    display: inline-flex;
  }

  .aw-confidence__segment {
    border-radius: var(--aw-radius-pill);
    background: var(--aw-confidence-empty);
    width: .9rem;
    height: .4rem;
  }

  .aw-confidence--sm .aw-confidence__segment {
    width: .65rem;
    height: .3rem;
  }

  .aw-confidence__segment--on {
    background: var(--aw-confidence-color);
  }

  .aw-confidence--none .aw-confidence__segment {
    box-shadow: inset 0 0 0 1px var(--aw-confidence-empty);
    background: none;
  }

  .aw-confidence__text {
    align-items: baseline;
    gap: .3rem;
    display: inline-flex;
  }

  .aw-confidence__band {
    color: var(--aw-text-strong);
    font-weight: 600;
  }

  .aw-confidence--none .aw-confidence__band {
    color: var(--aw-text-muted);
    font-weight: 500;
  }

  .aw-confidence__value {
    font-variant-numeric: tabular-nums;
    color: var(--aw-text-muted);
  }

  .aw-checkbox {
    --aw-check-size: 1.25rem;
    width: var(--aw-check-size);
    height: var(--aw-check-size);
    vertical-align: middle;
    flex-shrink: 0;
    display: inline-flex;
    position: relative;
  }

  .aw-checkbox--sm {
    --aw-check-size: 1rem;
  }

  .aw-checkbox--lg {
    --aw-check-size: 1.5rem;
  }

  .aw-checkbox__input {
    opacity: 0;
    cursor: pointer;
    z-index: 1;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    inset: 0;
  }

  .aw-checkbox__input:disabled {
    cursor: not-allowed;
  }

  .aw-checkbox__box {
    box-sizing: border-box;
    border: 1px solid var(--aw-field-border);
    border-radius: var(--aw-radius-xs);
    background: var(--aw-field-bg);
    width: 100%;
    height: 100%;
    color: var(--aw-primary-contrast);
    box-shadow: var(--aw-field-shadow);
    transition: background-color var(--aw-duration) ease,border-color var(--aw-duration) ease,box-shadow var(--aw-duration) ease;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .aw-checkbox__icon {
    stroke-width: 2.5px;
    width: 90%;
    height: 90%;
  }

  .aw-checkbox:hover:not(.aw-checkbox--disabled) .aw-checkbox__box {
    border-color: var(--aw-field-border-hover);
  }

  .aw-checkbox--checked .aw-checkbox__box, .aw-checkbox--indeterminate .aw-checkbox__box {
    background: var(--aw-primary);
    border-color: var(--aw-primary);
  }

  .aw-checkbox--checked:hover:not(.aw-checkbox--disabled) .aw-checkbox__box, .aw-checkbox--indeterminate:hover:not(.aw-checkbox--disabled) .aw-checkbox__box {
    background: var(--aw-primary-hover);
    border-color: var(--aw-primary-hover);
  }

  .aw-checkbox__input:focus-visible + .aw-checkbox__box {
    box-shadow: var(--aw-focus-ring-tight);
  }

  .aw-checkbox--invalid .aw-checkbox__box {
    border-color: var(--aw-field-border-invalid);
  }

  .aw-checkbox--disabled .aw-checkbox__box {
    background: var(--aw-field-disabled-bg);
    border-color: var(--aw-field-border);
    color: var(--aw-text-disabled);
    box-shadow: none;
  }

  .aw-approval {
    border: 1px solid var(--aw-help-soft-border);
    border-radius: var(--aw-radius-lg);
    background: var(--aw-card-bg);
    box-shadow: var(--aw-card-shadow);
    color: var(--aw-text);
    font-size: var(--aw-font-size-sm);
    flex-direction: column;
    gap: .75rem;
    padding: .875rem 1rem;
    display: flex;
  }

  .aw-approval--locked {
    border-color: var(--aw-content-border);
    box-shadow: none;
  }

  .aw-approval__header {
    align-items: flex-start;
    gap: .625rem;
    display: flex;
  }

  .aw-approval__mark {
    border-radius: var(--aw-radius-sm);
    background: var(--aw-help-soft-bg);
    width: 1.75rem;
    height: 1.75rem;
    color: var(--aw-help-soft-text);
    flex-shrink: 0;
    place-items: center;
    display: inline-grid;
  }

  .aw-approval__heading {
    flex: 1;
    min-width: 0;
  }

  .aw-approval__title {
    font-size: var(--aw-font-size);
    color: var(--aw-text-strong);
    margin: 0;
    font-weight: 600;
    line-height: 1.4;
  }

  .aw-approval__context {
    color: var(--aw-text-muted);
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    margin-top: .25rem;
  }

  .aw-approval__pager {
    border-radius: var(--aw-radius-pill);
    background: var(--aw-secondary-soft-bg);
    color: var(--aw-secondary-soft-text);
    font-variant-numeric: tabular-nums;
    flex-shrink: 0;
    padding: .125rem .5rem;
    font-size: .75rem;
  }

  .aw-approval__question {
    flex-direction: column;
    gap: .5rem;
    display: flex;
  }

  .aw-approval__question-title {
    color: var(--aw-text-strong);
    outline: none;
    margin: 0;
    font-weight: 600;
  }

  .aw-approval__required {
    color: var(--aw-text-muted);
    font-weight: 400;
  }

  .aw-approval__question-context {
    color: var(--aw-text-muted);
    margin: 0;
  }

  .aw-approval__options {
    flex-direction: column;
    gap: .375rem;
    display: flex;
  }

  .aw-approval__option {
    border: 1px solid var(--aw-content-border);
    border-radius: var(--aw-radius-md);
    cursor: pointer;
    min-height: 2.5rem;
    transition: border-color var(--aw-duration-fast) var(--aw-ease),background-color var(--aw-duration-fast) var(--aw-ease);
    align-items: center;
    gap: .625rem;
    padding: .4rem .625rem;
    display: flex;
    position: relative;
  }

  .aw-approval__option:hover {
    background: var(--aw-option-hover-bg);
  }

  .aw-approval__option--selected, .aw-approval__option--selected:hover {
    border-color: var(--aw-primary);
    background: var(--aw-highlight-bg);
  }

  .aw-approval__option--disabled {
    cursor: not-allowed;
    opacity: .55;
  }

  .aw-approval__option:has(.aw-approval__input:focus-visible) {
    box-shadow: var(--aw-focus-ring-tight);
  }

  @media (pointer: coarse) {
    .aw-approval__option {
      min-height: 44px;
    }

    .aw-approval__key {
      display: none;
    }
  }

  .aw-approval__input {
    opacity: 0;
    pointer-events: none;
    width: 1px;
    height: 1px;
    position: absolute;
  }

  .aw-approval__control {
    border: 1.5px solid var(--aw-field-border);
    background: var(--aw-field-bg);
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
  }

  .aw-approval__control--single {
    border-radius: 50%;
  }

  .aw-approval__control--multiple {
    border-radius: var(--aw-radius-xs);
  }

  .aw-approval__option--selected .aw-approval__control {
    border-color: var(--aw-primary);
    background: var(--aw-primary);
  }

  .aw-approval__option--selected .aw-approval__control--single {
    box-shadow: inset 0 0 0 3px var(--aw-field-bg);
  }

  .aw-approval__option--selected .aw-approval__control--multiple {
    background: center / .7rem no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E"),var(--aw-primary);
  }

  .aw-approval__option-icon {
    color: var(--aw-text-muted);
  }

  .aw-approval__option-text {
    flex-direction: column;
    flex: 1;
    min-width: 0;
    display: flex;
  }

  .aw-approval__option-label {
    color: var(--aw-text-strong);
    font-weight: 500;
  }

  .aw-approval__option-desc {
    color: var(--aw-text-muted);
    font-size: .75rem;
  }

  .aw-approval__key {
    border: 1px solid var(--aw-content-border);
    border-radius: var(--aw-radius-xs);
    min-width: 1.25rem;
    font-family: var(--aw-font-mono);
    text-align: center;
    color: var(--aw-text-muted);
    border-bottom-width: 2px;
    padding: 0 .3rem;
    font-size: .6875rem;
    line-height: 1.1rem;
  }

  .aw-approval__other {
    flex-direction: column;
    gap: .25rem;
    display: flex;
  }

  .aw-approval__other-label {
    color: var(--aw-text-muted);
    font-size: .75rem;
  }

  .aw-approval__textarea {
    resize: vertical;
    width: 100%;
    min-height: 3.5rem;
    font: inherit;
    padding: .45rem .65rem;
  }

  .aw-approval__remember {
    cursor: pointer;
    min-height: 2rem;
    color: var(--aw-text);
    align-items: center;
    gap: .5rem;
    display: inline-flex;
  }

  .aw-approval__footer {
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    display: flex;
  }

  .aw-approval__spacer {
    flex: 1;
  }

  .aw-approval__countdown {
    font-variant-numeric: tabular-nums;
    color: var(--aw-warn-soft-text);
    font-size: .75rem;
  }

  @media (max-width: 479px) {
    .aw-approval__footer .aw-button {
      flex: auto;
    }

    .aw-approval__countdown {
      flex-basis: 100%;
    }

    .aw-approval__spacer {
      display: none;
    }
  }

  .aw-approval__summary {
    flex-direction: column;
    gap: .5rem;
    display: flex;
  }

  .aw-approval__outcome {
    margin: 0;
    font-weight: 600;
  }

  .aw-approval__outcome--approve {
    color: var(--aw-success-soft-text);
  }

  .aw-approval__outcome--reject, .aw-approval__outcome--timeout {
    color: var(--aw-danger-soft-text);
  }

  .aw-approval__picks {
    grid-template-columns: minmax(0, auto) minmax(0, 1fr);
    gap: .25rem .75rem;
    margin: 0;
    display: grid;
  }

  .aw-approval__picks dt {
    color: var(--aw-text-muted);
  }

  .aw-approval__picks dd {
    color: var(--aw-text-strong);
    overflow-wrap: anywhere;
    margin: 0;
  }

  .aw-agent-tasks {
    font-size: var(--aw-font-size-sm);
    color: var(--aw-text);
    flex-direction: column;
    gap: .5rem;
    display: flex;
  }

  .aw-agent-tasks__header {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
    gap: .25rem .75rem;
    display: flex;
  }

  .aw-agent-tasks__title {
    color: var(--aw-text-strong);
    font-weight: 600;
  }

  .aw-agent-tasks__summary {
    color: var(--aw-text-muted);
    font-variant-numeric: tabular-nums;
    font-size: .75rem;
  }

  .aw-agent-tasks__list {
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
  }

  .aw-agent-tasks__list--capsule {
    border: 1px solid var(--aw-content-border);
    border-radius: var(--aw-radius-lg);
    background: var(--aw-card-bg);
    padding: .375rem;
  }

  .aw-agent-task__row {
    padding: .375rem .375rem .375rem calc(.375rem + var(--aw-agent-task-depth, 0) * 1.25rem);
    border-radius: var(--aw-radius-sm);
    align-items: flex-start;
    gap: .5rem;
    display: flex;
  }

  .aw-agent-task__row:hover {
    background: var(--aw-option-hover-bg);
  }

  .aw-agent-task__toggle, .aw-agent-task__toggle-spacer {
    flex-shrink: 0;
    place-items: center;
    width: 1.25rem;
    height: 1.25rem;
    display: inline-grid;
  }

  .aw-agent-task__toggle, .aw-agent-task__action {
    border-radius: var(--aw-radius-xs);
    color: var(--aw-text-muted);
    cursor: pointer;
    background: none;
    border: 0;
    padding: 0;
    position: relative;
  }

  .aw-agent-task__toggle:hover, .aw-agent-task__action:hover {
    color: var(--aw-text-strong);
    background: var(--aw-secondary-hover-bg);
  }

  .aw-agent-task__status {
    width: 1.25rem;
    height: 1.25rem;
    color: var(--aw-text-muted);
    flex-shrink: 0;
    place-items: center;
    display: inline-grid;
  }

  .aw-agent-task--running > .aw-agent-task__row .aw-agent-task__status {
    color: var(--aw-primary);
  }

  .aw-agent-task--completed > .aw-agent-task__row .aw-agent-task__status {
    color: var(--aw-success);
  }

  .aw-agent-task--failed > .aw-agent-task__row .aw-agent-task__status {
    color: var(--aw-danger);
  }

  .aw-agent-task--needs-input > .aw-agent-task__row .aw-agent-task__status {
    color: var(--aw-warn);
  }

  .aw-agent-task__body {
    flex-direction: column;
    flex: 1;
    gap: .125rem;
    min-width: 0;
    line-height: 1.25rem;
    display: flex;
  }

  .aw-agent-task__label {
    color: var(--aw-text-strong);
    overflow-wrap: anywhere;
  }

  .aw-agent-task--queued > .aw-agent-task__row .aw-agent-task__label, .aw-agent-task--cancelled > .aw-agent-task__row .aw-agent-task__label {
    color: var(--aw-text-muted);
  }

  .aw-agent-task--cancelled > .aw-agent-task__row .aw-agent-task__label {
    text-decoration: line-through;
  }

  .aw-agent-task__detail {
    color: var(--aw-text-muted);
    overflow-wrap: anywhere;
    font-size: .75rem;
  }

  .aw-agent-task--failed > .aw-agent-task__row .aw-agent-task__detail {
    color: var(--aw-danger-soft-text);
  }

  .aw-agent-task--needs-input > .aw-agent-task__row .aw-agent-task__detail {
    color: var(--aw-warn-soft-text);
  }

  .aw-agent-task__bar, .aw-agent-tasks__capsule-bar {
    border-radius: var(--aw-radius-pill);
    background: var(--aw-secondary-bg);
    height: 3px;
    margin-top: .25rem;
    display: block;
    overflow: hidden;
  }

  .aw-agent-task__bar-fill, .aw-agent-tasks__capsule-fill {
    background: var(--aw-primary);
    border-radius: inherit;
    height: 100%;
    transition: width var(--aw-duration) var(--aw-ease);
    display: block;
  }

  .aw-agent-tasks--still .aw-agent-task__bar-fill, .aw-agent-tasks--still .aw-agent-tasks__capsule-fill {
    transition: none;
  }

  .aw-agent-task__progress, .aw-agent-task__duration {
    font-variant-numeric: tabular-nums;
    color: var(--aw-text-muted);
    flex-shrink: 0;
    font-size: .75rem;
    line-height: 1.25rem;
  }

  .aw-agent-task__actions {
    flex-shrink: 0;
    gap: .125rem;
    display: inline-flex;
  }

  .aw-agent-task__action {
    place-items: center;
    width: 1.5rem;
    height: 1.5rem;
    display: inline-grid;
  }

  @media (pointer: coarse) {
    .aw-agent-task__action:after, .aw-agent-task__toggle:after {
      content: "";
      width: 44px;
      height: 44px;
      position: absolute;
      inset: 50% auto auto 50%;
      transform: translate(-50%, -50%);
    }

    .aw-agent-task__row {
      align-items: center;
      min-height: 44px;
    }
  }

  .aw-agent-tasks__capsule {
    max-width: 100%;
    min-height: var(--aw-field-height-sm);
    border: 1px solid var(--aw-content-border);
    border-radius: var(--aw-radius-pill);
    background: var(--aw-card-bg);
    color: var(--aw-text);
    font: inherit;
    cursor: pointer;
    align-self: flex-start;
    align-items: center;
    gap: .5rem;
    padding: .25rem .75rem;
    display: inline-flex;
    position: relative;
    overflow: hidden;
  }

  @media (pointer: coarse) {
    .aw-agent-tasks__capsule {
      min-height: 44px;
    }
  }

  .aw-agent-tasks__capsule:hover {
    background: var(--aw-content-hover-bg);
  }

  .aw-agent-tasks__capsule-status {
    color: var(--aw-text-muted);
    place-items: center;
    display: inline-grid;
  }

  .aw-agent-tasks__capsule--running .aw-agent-tasks__capsule-status {
    color: var(--aw-primary);
  }

  .aw-agent-tasks__capsule--completed .aw-agent-tasks__capsule-status {
    color: var(--aw-success);
  }

  .aw-agent-tasks__capsule--failed .aw-agent-tasks__capsule-status {
    color: var(--aw-danger);
  }

  .aw-agent-tasks__capsule--needs-input {
    border-color: var(--aw-warn-soft-border);
    background: var(--aw-warn-soft-bg);
  }

  .aw-agent-tasks__capsule--needs-input .aw-agent-tasks__capsule-status {
    color: var(--aw-warn);
  }

  .aw-agent-tasks__capsule-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    color: var(--aw-text-strong);
    overflow: hidden;
  }

  .aw-agent-tasks__capsule-count {
    font-variant-numeric: tabular-nums;
    color: var(--aw-text-muted);
    font-size: .75rem;
  }

  .aw-agent-tasks__capsule-bar {
    background: none;
    border-radius: 0;
    height: 2px;
    margin: 0;
    position: absolute;
    inset: auto 0 0;
  }

  .aw-agent-tasks__capsule-chevron {
    color: var(--aw-text-muted);
  }

  .aw-reco {
    border: 1px solid var(--aw-card-border);
    border-radius: var(--aw-radius-xl);
    background: var(--aw-card-bg);
    box-shadow: var(--aw-card-shadow);
    color: var(--aw-text);
    font-size: var(--aw-font-size-sm);
    flex-direction: column;
    gap: .625rem;
    padding: .875rem 1rem;
    display: flex;
  }

  .aw-reco--review {
    border-color: var(--aw-warn-soft-border);
  }

  .aw-reco--dismissed {
    opacity: .75;
    box-shadow: none;
  }

  .aw-reco__header {
    align-items: flex-start;
    gap: .625rem;
    display: flex;
  }

  .aw-reco__icon {
    border-radius: var(--aw-radius-sm);
    background: var(--aw-highlight-bg);
    width: 1.75rem;
    height: 1.75rem;
    color: var(--aw-highlight-text);
    flex-shrink: 0;
    place-items: center;
    display: inline-grid;
  }

  .aw-reco__heading {
    flex-direction: column;
    flex: 1;
    gap: .3rem;
    min-width: 0;
    display: flex;
  }

  .aw-reco__title {
    font-size: var(--aw-font-size);
    color: var(--aw-text-strong);
    overflow-wrap: anywhere;
    margin: 0;
    font-weight: 600;
    line-height: 1.4;
  }

  .aw-reco__meta {
    flex-wrap: wrap;
    align-items: center;
    gap: .375rem .625rem;
    display: flex;
  }

  .aw-reco__badge {
    border-radius: var(--aw-radius-pill);
    border: 1px solid;
    align-items: center;
    gap: .25rem;
    padding: 0 .45rem;
    font-size: .6875rem;
    font-weight: 600;
    line-height: 1.1rem;
    display: inline-flex;
  }

  .aw-reco__badge--review {
    background: var(--aw-warn-soft-bg);
    color: var(--aw-warn-soft-text);
    border-color: var(--aw-warn-soft-border);
  }

  .aw-reco__badge--nosignal {
    background: var(--aw-secondary-soft-bg);
    color: var(--aw-secondary-soft-text);
    border-color: var(--aw-secondary-soft-border);
    border-style: dashed;
  }

  .aw-reco__rationale {
    overflow-wrap: anywhere;
    white-space: pre-line;
    line-height: 1.5;
  }

  .aw-reco__alts-toggle {
    border-radius: var(--aw-radius-xs);
    min-height: 1.75rem;
    color: var(--aw-primary);
    font: inherit;
    cursor: pointer;
    background: none;
    border: 0;
    align-items: center;
    gap: .25rem;
    padding: 0 .25rem;
    font-weight: 500;
    display: inline-flex;
  }

  @media (pointer: coarse) {
    .aw-reco__alts-toggle {
      min-height: 44px;
    }
  }

  .aw-reco__alts-list {
    flex-direction: column;
    gap: .375rem;
    margin: .25rem 0 0;
    padding: 0;
    list-style: none;
    display: flex;
  }

  .aw-reco__alt {
    border: 1px solid var(--aw-content-border);
    border-radius: var(--aw-radius-md);
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem .75rem;
    padding: .5rem .625rem;
    display: flex;
  }

  .aw-reco__alt-body {
    flex-direction: column;
    flex: 12rem;
    min-width: 0;
    display: flex;
  }

  .aw-reco__alt-title {
    color: var(--aw-text-strong);
    font-weight: 500;
  }

  .aw-reco__alt-rationale {
    color: var(--aw-text-muted);
    font-size: .75rem;
  }

  .aw-reco__footer {
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    display: flex;
  }

  .aw-reco__spacer {
    flex: 1;
  }

  .aw-reco__state {
    align-items: center;
    gap: .3rem;
    font-weight: 600;
    display: inline-flex;
  }

  .aw-reco--accepted .aw-reco__state {
    color: var(--aw-success-soft-text);
  }

  .aw-reco--dismissed .aw-reco__state {
    color: var(--aw-text-muted);
  }

  .aw-context {
    font-size: var(--aw-font-size-sm);
    color: var(--aw-text);
    flex-direction: column;
    gap: .75rem;
    display: flex;
  }

  .aw-context__toolbar {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
    display: flex;
  }

  .aw-context__filters {
    gap: .375rem;
    max-width: 100%;
    padding-block: 2px;
    display: flex;
    overflow-x: auto;
    scrollbar-width: none !important;
  }

  .aw-context__chip {
    min-height: var(--aw-field-height-sm);
    border: 1px solid var(--aw-content-border);
    border-radius: var(--aw-radius-pill);
    background: var(--aw-card-bg);
    color: var(--aw-text);
    font: inherit;
    cursor: pointer;
    flex-shrink: 0;
    align-items: center;
    gap: .3rem;
    padding: 0 .65rem;
    font-size: .8125rem;
    display: inline-flex;
  }

  @media (pointer: coarse) {
    .aw-context__chip {
      min-height: 44px;
    }
  }

  .aw-context__chip:hover {
    background: var(--aw-content-hover-bg);
  }

  .aw-context__chip--on, .aw-context__chip--on:hover {
    border-color: var(--aw-primary);
    background: var(--aw-highlight-bg);
    color: var(--aw-highlight-text);
  }

  .aw-context__chip-count {
    border-radius: var(--aw-radius-pill);
    background: var(--aw-secondary-soft-bg);
    color: var(--aw-secondary-soft-text);
    font-variant-numeric: tabular-nums;
    padding: 0 .35rem;
    font-size: .6875rem;
  }

  .aw-context__included {
    color: var(--aw-text-muted);
    font-size: .75rem;
  }

  .aw-context__list {
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 17rem), 1fr));
    gap: .625rem;
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
  }

  .aw-context__card {
    border: 1px solid var(--aw-content-border);
    border-radius: var(--aw-radius-lg);
    background: var(--aw-card-bg);
    min-width: 0;
    transition: opacity var(--aw-duration) var(--aw-ease);
    flex-direction: column;
    gap: .375rem;
    padding: .75rem;
    display: flex;
  }

  .aw-context__card--excluded {
    background: none;
    border-style: dashed;
  }

  .aw-context__card--excluded .aw-context__excerpt, .aw-context__card--excluded .aw-context__title {
    color: var(--aw-text-muted);
  }

  .aw-context__head {
    align-items: flex-start;
    gap: .5rem;
    display: flex;
  }

  .aw-context__type {
    border-radius: var(--aw-radius-sm);
    background: var(--aw-secondary-soft-bg);
    width: 1.5rem;
    height: 1.5rem;
    color: var(--aw-secondary-soft-text);
    flex-shrink: 0;
    place-items: center;
    display: inline-grid;
  }

  .aw-context__card--pdf .aw-context__type {
    background: var(--aw-danger-soft-bg);
    color: var(--aw-danger-soft-text);
  }

  .aw-context__card--csv .aw-context__type {
    background: var(--aw-success-soft-bg);
    color: var(--aw-success-soft-text);
  }

  .aw-context__card--url .aw-context__type {
    background: var(--aw-info-soft-bg);
    color: var(--aw-info-soft-text);
  }

  .aw-context__card--memory .aw-context__type {
    background: var(--aw-help-soft-bg);
    color: var(--aw-help-soft-text);
  }

  .aw-context__card--code .aw-context__type {
    background: var(--aw-highlight-bg);
    color: var(--aw-highlight-text);
  }

  .aw-context__title {
    min-width: 0;
    color: var(--aw-text-strong);
    overflow-wrap: anywhere;
    flex: 1;
    font-weight: 600;
    line-height: 1.5rem;
  }

  .aw-context__include {
    align-items: center;
    min-height: 1.5rem;
    display: inline-flex;
  }

  .aw-context__meta {
    color: var(--aw-text-muted);
    font-variant-numeric: tabular-nums;
    flex-wrap: wrap;
    gap: .25rem .75rem;
    font-size: .75rem;
    display: flex;
  }

  .aw-context__score {
    align-items: center;
    gap: .35rem;
    display: inline-flex;
  }

  .aw-context__score-bar {
    border-radius: var(--aw-radius-pill);
    background: var(--aw-secondary-bg);
    width: 2.5rem;
    height: 4px;
    display: inline-block;
    overflow: hidden;
  }

  .aw-context__score-bar > span {
    background: var(--aw-primary);
    height: 100%;
    display: block;
  }

  .aw-context__excerpt {
    white-space: pre-line;
    overflow-wrap: anywhere;
    line-height: 1.45;
  }

  .aw-context__excerpt--clamped {
    -webkit-line-clamp: var(--aw-context-lines, 3);
    line-clamp: var(--aw-context-lines, 3);
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .aw-context__more {
    border-radius: var(--aw-radius-xs);
    min-height: 1.5rem;
    color: var(--aw-primary);
    font: inherit;
    cursor: pointer;
    background: none;
    border: 0;
    align-self: flex-start;
    padding: 0 .125rem;
    font-size: .75rem;
    font-weight: 500;
  }

  @media (pointer: coarse) {
    .aw-context__more {
      min-height: 44px;
    }
  }

  .aw-context__source {
    border-top: 1px solid var(--aw-content-border);
    color: var(--aw-text-muted);
    min-width: 0;
    margin-top: auto;
    padding-top: .25rem;
    font-size: .75rem;
  }

  .aw-context__source-link {
    max-width: 100%;
    color: var(--aw-primary);
    align-items: center;
    gap: .25rem;
    text-decoration: none;
    display: inline-flex;
  }

  .aw-context__source-link:hover {
    text-decoration: underline;
  }

  .aw-context__source-link:focus-visible {
    box-shadow: var(--aw-focus-ring-tight);
    border-radius: var(--aw-radius-xs);
    outline: none;
  }

  .aw-context__source-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .aw-context__empty {
    color: var(--aw-text-muted);
    margin: 0;
  }

  .aw-ai-diff {
    font-size: var(--aw-font-size-sm);
    color: var(--aw-text);
    flex-direction: column;
    gap: .5rem;
    min-width: 0;
    display: flex;
  }

  .aw-ai-diff__toolbar {
    flex-wrap: wrap;
    align-items: center;
    gap: .375rem;
    display: flex;
  }

  .aw-ai-diff__summary {
    font-variant-numeric: tabular-nums;
    color: var(--aw-text-muted);
  }

  .aw-ai-diff__spacer {
    flex: 1;
  }

  .aw-ai-diff__filter {
    min-height: var(--aw-field-height-sm);
    cursor: pointer;
    align-items: center;
    gap: .35rem;
    padding-inline: .25rem;
    font-size: .8125rem;
    display: inline-flex;
  }

  .aw-ai-diff__filter-input {
    accent-color: var(--aw-primary);
    width: 1rem;
    height: 1rem;
  }

  @media (pointer: coarse) {
    .aw-ai-diff__filter {
      min-height: 44px;
    }
  }

  .aw-ai-diff__scroll {
    border: 1px solid var(--aw-content-border);
    border-radius: var(--aw-radius-lg);
    background: var(--aw-card-bg);
    overscroll-behavior: contain;
    overflow: auto;
  }

  .aw-ai-diff__table {
    border-collapse: separate;
    border-spacing: 0;
    width: max-content;
    min-width: 100%;
  }

  .aw-ai-diff__caption {
    text-align: left;
    color: var(--aw-text-strong);
    padding: .5rem .75rem;
    font-weight: 600;
  }

  .aw-ai-diff__th {
    z-index: 1;
    border-bottom: 1px solid var(--aw-content-border);
    background: var(--aw-surface-50);
    color: var(--aw-text-muted);
    text-align: left;
    white-space: nowrap;
    padding: .5rem .625rem;
    font-size: .75rem;
    font-weight: 600;
    position: sticky;
    top: 0;
  }

  .dark .aw-ai-diff__th {
    background: var(--aw-surface-900);
  }

  .aw-ai-diff__th--right, .aw-ai-diff__cell--right {
    text-align: right;
  }

  .aw-ai-diff__th--marker {
    width: 1.5rem;
    padding-inline: 0;
  }

  .aw-ai-diff__th--actions {
    width: 4.5rem;
  }

  .aw-ai-diff__row {
    content-visibility: auto;
    contain-intrinsic-size: auto 2.25rem;
  }

  .aw-ai-diff__row > td {
    border-bottom: 1px solid var(--aw-content-border);
    vertical-align: top;
  }

  .aw-ai-diff__row:last-child > td {
    border-bottom: 0;
  }

  .aw-ai-diff__row--added > td {
    background: var(--aw-success-soft-bg);
  }

  .aw-ai-diff__row--removed > td {
    background: var(--aw-danger-soft-bg);
  }

  .aw-ai-diff__row--added.aw-ai-diff__row--rejected > td, .aw-ai-diff__row--removed.aw-ai-diff__row--rejected > td {
    opacity: .6;
    background: none;
  }

  .aw-ai-diff__row--removed.aw-ai-diff__row--accepted > td {
    opacity: .6;
  }

  .aw-ai-diff__marker {
    width: 1.5rem;
    font-family: var(--aw-font-mono);
    color: var(--aw-text-muted);
    padding: .45rem 0 .45rem .5rem;
    font-weight: 700;
  }

  .aw-ai-diff__row--added .aw-ai-diff__marker {
    color: var(--aw-success-soft-text);
  }

  .aw-ai-diff__row--removed .aw-ai-diff__marker {
    color: var(--aw-danger-soft-text);
  }

  .aw-ai-diff__row--modified .aw-ai-diff__marker {
    color: var(--aw-warn-soft-text);
  }

  .aw-ai-diff__cell {
    overflow-wrap: break-word;
    outline: none;
    min-width: 5rem;
    max-width: 22rem;
    padding: .45rem .625rem;
    line-height: 1.35rem;
  }

  .aw-ai-diff__cell[tabindex]:focus-visible {
    box-shadow: inset 0 0 0 2px var(--aw-primary);
    border-radius: var(--aw-radius-xs);
  }

  .aw-ai-diff__cell--changed {
    background: var(--aw-warn-soft-bg);
  }

  .aw-ai-diff__cell--accepted {
    background: var(--aw-success-soft-bg);
  }

  .aw-ai-diff__cell--rejected {
    background: none;
  }

  .aw-ai-diff__cell--changed {
    display: table-cell;
  }

  .aw-ai-diff__value {
    display: inline;
  }

  .aw-ai-diff__del {
    color: var(--aw-danger-soft-text);
    background: var(--aw-danger-soft-border);
    text-decoration: line-through;
    text-decoration-thickness: 1px;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-ai-diff__del {
      background: color-mix(in srgb,var(--aw-danger-soft-border) 45%,transparent);
    }
  }

  .aw-ai-diff__del {
    border-radius: 2px;
  }

  .aw-ai-diff__ins {
    color: var(--aw-success-soft-text);
    background: var(--aw-success-soft-border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-ai-diff__ins {
      background: color-mix(in srgb,var(--aw-success-soft-border) 55%,transparent);
    }
  }

  .aw-ai-diff__ins {
    text-underline-offset: 3px;
    border-radius: 2px;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  .aw-ai-diff__row--added .aw-ai-diff__ins, .aw-ai-diff__row--removed .aw-ai-diff__del, .aw-ai-diff__cell--accepted .aw-ai-diff__ins {
    background: none;
  }

  .aw-ai-diff__arrow {
    color: var(--aw-text-muted);
    vertical-align: -.15em;
    margin-inline: .2rem;
  }

  .aw-ai-diff__cell-actions {
    vertical-align: middle;
    gap: .125rem;
    margin-inline-start: .375rem;
    display: inline-flex;
  }

  .aw-ai-diff__row-actions {
    white-space: nowrap;
    text-align: right;
    padding: .3rem .5rem;
  }

  .aw-ai-diff__mini {
    border: 1px solid var(--aw-content-border);
    border-radius: var(--aw-radius-xs);
    background: var(--aw-card-bg);
    width: 1.375rem;
    height: 1.375rem;
    color: var(--aw-text-muted);
    cursor: pointer;
    place-items: center;
    padding: 0;
    font-size: .75rem;
    display: inline-grid;
    position: relative;
  }

  .aw-ai-diff__mini:hover {
    color: var(--aw-text-strong);
  }

  .aw-ai-diff__mini--accept[aria-pressed="true"] {
    border-color: var(--aw-success);
    background: var(--aw-success);
    color: var(--aw-primary-contrast);
  }

  .aw-ai-diff__mini--reject[aria-pressed="true"] {
    border-color: var(--aw-danger);
    background: var(--aw-danger);
    color: var(--aw-primary-contrast);
  }

  @media (pointer: coarse) {
    .aw-ai-diff__mini:after {
      content: "";
      width: 44px;
      height: 44px;
      position: absolute;
      inset: 50% auto auto 50%;
      transform: translate(-50%, -50%);
    }

    .aw-ai-diff__mini {
      width: 1.75rem;
      height: 1.75rem;
    }
  }

  .aw-ai-diff__empty {
    text-align: center;
    color: var(--aw-text-muted);
    padding: 1rem;
  }

  .aw-selection-actions {
    border: 1px solid var(--aw-overlay-border);
    border-radius: var(--aw-radius-lg);
    background: var(--aw-overlay-bg);
    max-width: calc(100vw - 16px);
    box-shadow: var(--aw-overlay-shadow);
    color: var(--aw-text);
    font-size: var(--aw-font-size-sm);
    -webkit-user-select: none;
    user-select: none;
    touch-action: manipulation;
    align-items: center;
    gap: .125rem;
    padding: .25rem;
    display: flex;
    overflow-x: auto;
    scrollbar-width: none !important;
  }

  .aw-selection-actions__mark {
    color: var(--aw-help);
    place-items: center;
    padding-inline: .375rem .25rem;
    display: inline-grid;
  }

  .aw-selection-actions__btn {
    border-radius: var(--aw-radius-sm);
    min-height: 1.875rem;
    color: var(--aw-text-strong);
    font: inherit;
    white-space: nowrap;
    cursor: pointer;
    background: none;
    border: 0;
    flex-shrink: 0;
    align-items: center;
    gap: .25rem;
    padding: 0 .6rem;
    display: inline-flex;
  }

  .aw-selection-actions__btn:hover {
    background: var(--aw-option-hover-bg);
  }

  .aw-selection-actions__caret {
    color: var(--aw-text-muted);
  }

  .aw-selection-actions__back {
    color: var(--aw-text-muted);
    padding-inline: .4rem;
  }

  .aw-selection-actions--touch .aw-selection-actions__btn {
    min-height: 44px;
    padding-inline: .75rem;
  }

  .aw-selection-actions--sheet {
    max-width: none;
    top: auto !important;
    left: 8px !important;
    right: 8px !important;
    bottom: calc(8px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .aw-tone--neutral {
    --aw-tone-solid: var(--aw-surface-400);
    --aw-tone-strong: var(--aw-text-strong);
    --aw-tone-soft-bg: var(--aw-secondary-soft-bg);
    --aw-tone-soft-text: var(--aw-secondary-soft-text);
    --aw-tone-soft-border: var(--aw-secondary-soft-border);
  }

  .aw-tone--primary {
    --aw-tone-solid: var(--aw-primary);
    --aw-tone-strong: var(--aw-primary);
    --aw-tone-soft-bg: var(--aw-primary-50);
    --aw-tone-soft-text: var(--aw-primary-700);
    --aw-tone-soft-border: var(--aw-primary-200);
  }

  .aw-tone--success {
    --aw-tone-solid: var(--aw-success);
    --aw-tone-strong: var(--aw-success);
    --aw-tone-soft-bg: var(--aw-success-soft-bg);
    --aw-tone-soft-text: var(--aw-success-soft-text);
    --aw-tone-soft-border: var(--aw-success-soft-border);
  }

  .aw-tone--info {
    --aw-tone-solid: var(--aw-info);
    --aw-tone-strong: var(--aw-info);
    --aw-tone-soft-bg: var(--aw-info-soft-bg);
    --aw-tone-soft-text: var(--aw-info-soft-text);
    --aw-tone-soft-border: var(--aw-info-soft-border);
  }

  .aw-tone--warn {
    --aw-tone-solid: var(--aw-warn);
    --aw-tone-strong: var(--aw-warn);
    --aw-tone-soft-bg: var(--aw-warn-soft-bg);
    --aw-tone-soft-text: var(--aw-warn-soft-text);
    --aw-tone-soft-border: var(--aw-warn-soft-border);
  }

  .aw-tone--danger {
    --aw-tone-solid: var(--aw-danger);
    --aw-tone-strong: var(--aw-danger);
    --aw-tone-soft-bg: var(--aw-danger-soft-bg);
    --aw-tone-soft-text: var(--aw-danger-soft-text);
    --aw-tone-soft-border: var(--aw-danger-soft-border);
  }

  .aw-tone--help {
    --aw-tone-solid: var(--aw-help);
    --aw-tone-strong: var(--aw-help);
    --aw-tone-soft-bg: var(--aw-help-soft-bg);
    --aw-tone-soft-text: var(--aw-help-soft-text);
    --aw-tone-soft-border: var(--aw-help-soft-border);
  }

  .dark .aw-tone--neutral {
    --aw-tone-solid: var(--aw-surface-500);
  }

  .dark .aw-tone--primary {
    --aw-tone-soft-bg: var(--aw-primary-950);
    --aw-tone-soft-text: var(--aw-primary-200);
    --aw-tone-soft-border: var(--aw-primary-800);
  }

  .aw-delta {
    white-space: nowrap;
    color: var(--aw-text-muted);
    align-items: center;
    gap: .25rem;
    font-size: .75rem;
    line-height: 1rem;
    display: inline-flex;
  }

  .aw-delta--sm {
    font-size: .6875rem;
  }

  .aw-delta--good {
    color: var(--aw-success);
  }

  .aw-delta--bad {
    color: var(--aw-danger);
  }

  .aw-delta__icon {
    flex-shrink: 0;
    width: .875em;
    height: .875em;
  }

  .aw-delta__value, .aw-delta__percent {
    font-variant-numeric: tabular-nums;
  }

  .aw-delta__value {
    font-weight: 600;
  }

  .aw-delta__sep {
    color: var(--aw-text-disabled);
  }

  .aw-delta__caption {
    color: var(--aw-text-disabled);
    margin-left: .125rem;
    font-size: .6875rem;
  }

  .aw-sparkline {
    flex-shrink: 0;
    display: block;
    overflow: visible;
  }

  .aw-sparkline--toned {
    color: var(--aw-tone-solid);
  }

  .aw-sparkline--fluid {
    width: 100%;
  }

  .aw-sparkline__area {
    fill: currentColor;
    fill-opacity: .12;
    stroke: none;
  }

  .aw-sparkline__line {
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
  }

  .aw-sparkline__target {
    stroke: currentColor;
    stroke-opacity: .45;
    stroke-width: 1px;
    stroke-dasharray: 3 3;
    vector-effect: non-scaling-stroke;
  }

  .aw-sparkline__marker {
    stroke: currentColor;
    stroke-opacity: .2;
    stroke-width: 1px;
    vector-effect: non-scaling-stroke;
  }

  .aw-sparkline__last {
    fill: currentColor;
  }

  .aw-sparkline__extreme {
    fill: var(--aw-card-bg);
    stroke: currentColor;
    stroke-width: 1.25px;
  }

  .aw-insights {
    border: 1px solid var(--aw-card-border);
    border-radius: var(--aw-radius-xl);
    background: var(--aw-card-bg);
    box-shadow: var(--aw-card-shadow);
    color: var(--aw-text);
    font-size: var(--aw-font-size-sm);
    flex-direction: column;
    gap: .625rem;
    min-width: 0;
    padding: .875rem 1rem;
    display: flex;
  }

  .aw-insights__header {
    min-height: var(--aw-field-height-sm);
    align-items: center;
    gap: .4rem;
    display: flex;
  }

  .aw-insights__mark {
    color: var(--aw-help);
    place-items: center;
    display: inline-grid;
  }

  .aw-insights__title {
    color: var(--aw-text-strong);
    font-weight: 600;
  }

  .aw-insights__count {
    border-radius: var(--aw-radius-pill);
    background: var(--aw-secondary-soft-bg);
    color: var(--aw-secondary-soft-text);
    font-variant-numeric: tabular-nums;
    padding: 0 .4rem;
    font-size: .6875rem;
  }

  .aw-insights__spacer {
    flex: 1;
  }

  .aw-insights__pager {
    font-variant-numeric: tabular-nums;
    color: var(--aw-text-muted);
    font-size: .75rem;
  }

  .aw-insights__card {
    touch-action: pan-y;
    animation: aw-insights-in var(--aw-duration-slow) var(--aw-ease);
    flex-direction: column;
    gap: .625rem;
    display: flex;
  }

  @keyframes aw-insights-in {
    0% {
      opacity: 0;
      transform: translate(6px);
    }
  }

  .aw-insights--still .aw-insights__card {
    animation: none;
  }

  .aw-insights__headline {
    font-size: var(--aw-font-size);
    color: var(--aw-text-strong);
    overflow-wrap: anywhere;
    margin: 0;
    line-height: 1.5;
  }

  .aw-insights__mention {
    border-radius: var(--aw-radius-xs);
    background: var(--aw-highlight-bg);
    color: var(--aw-highlight-text);
    font: inherit;
    cursor: pointer;
    border: 0;
    padding: 0 .3rem;
    font-weight: 600;
    text-decoration: none;
    display: inline;
  }

  .aw-insights__mention:hover {
    background: var(--aw-highlight-focus-bg);
  }

  .aw-insights__mention:focus-visible {
    box-shadow: var(--aw-focus-ring-tight);
    outline: none;
  }

  .aw-insights__value {
    font-variant-numeric: tabular-nums;
    color: var(--aw-text-strong);
    font-weight: 700;
  }

  .aw-insights__chart {
    flex-direction: column;
    gap: .25rem;
    display: flex;
  }

  .aw-insights__chart-head {
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
    min-height: 1rem;
    display: flex;
  }

  .aw-insights__readout {
    font-variant-numeric: tabular-nums;
    color: var(--aw-text-muted);
    font-size: .75rem;
  }

  .aw-insights__scrub {
    border-radius: var(--aw-radius-sm);
    color: var(--aw-primary);
    cursor: crosshair;
    touch-action: none;
    padding-block: 2px;
    position: relative;
  }

  .aw-insights__cursor {
    pointer-events: none;
    width: 100%;
    height: calc(100% - 4px);
    position: absolute;
    inset: 2px 0;
    overflow: visible;
  }

  .aw-insights__cursor-line {
    stroke: var(--aw-text-muted);
    stroke-width: 1px;
    stroke-dasharray: 2 2;
    vector-effect: non-scaling-stroke;
  }

  .aw-insights__cursor-dot {
    border: 2px solid var(--aw-card-bg);
    background: var(--aw-primary);
    pointer-events: none;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 -4px;
    position: absolute;
    transform: translateY(2px);
  }

  .aw-insights__follow-up {
    max-width: 100%;
    min-height: var(--aw-field-height-sm);
    border: 1px solid var(--aw-help-soft-border);
    border-radius: var(--aw-radius-pill);
    background: var(--aw-help-soft-bg);
    color: var(--aw-help-soft-text);
    font: inherit;
    text-align: left;
    cursor: pointer;
    align-self: flex-start;
    align-items: center;
    gap: .35rem;
    padding: .25rem .75rem;
    display: inline-flex;
  }

  .aw-insights__follow-up:hover {
    border-color: var(--aw-help);
  }

  @media (pointer: coarse) {
    .aw-insights__follow-up {
      min-height: 44px;
    }
  }

  .aw-insights__follow-up-icon {
    flex-shrink: 0;
  }

  .aw-insights__dots {
    justify-content: center;
    gap: .3rem;
    display: flex;
  }

  .aw-insights__dot {
    background: var(--aw-surface-300);
    border-radius: 50%;
    width: .375rem;
    height: .375rem;
  }

  .dark .aw-insights__dot {
    background: var(--aw-surface-600);
  }

  .aw-insights__dot--on, .dark .aw-insights__dot--on {
    border-radius: var(--aw-radius-pill);
    background: var(--aw-primary);
    width: 1rem;
  }

  .aw-insights__empty {
    color: var(--aw-text-muted);
    margin: 0;
  }

  .aw-field {
    box-sizing: border-box;
    min-height: var(--aw-field-height);
    padding: 0 var(--aw-field-padding-x);
    font: inherit;
    font-size: var(--aw-font-size);
    color: var(--aw-field-text);
    background: var(--aw-field-bg);
    border: 1px solid var(--aw-field-border);
    border-radius: var(--aw-radius-md);
    box-shadow: var(--aw-field-shadow);
    transition: border-color var(--aw-duration) ease,box-shadow var(--aw-duration) ease,background-color var(--aw-duration) ease;
    outline: none;
    align-items: center;
    gap: .5rem;
    min-width: 0;
    line-height: 1.25;
    display: inline-flex;
  }

  .aw-field:hover:not(.aw-field--disabled):not(:focus-within) {
    border-color: var(--aw-field-border-hover);
  }

  .aw-field:focus-within, .aw-field.aw-field--focus {
    border-color: var(--aw-field-border-focus);
    box-shadow: 0 0 0 3px var(--aw-primary-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-field:focus-within, .aw-field.aw-field--focus {
      box-shadow: 0 0 0 3px color-mix(in srgb,var(--aw-primary-500) 18%,transparent);
    }
  }

  .aw-field--sm {
    min-height: var(--aw-field-height-sm);
    padding: 0 var(--aw-field-padding-x-sm);
    font-size: var(--aw-font-size-sm);
  }

  .aw-field--lg {
    min-height: var(--aw-field-height-lg);
    padding: 0 var(--aw-field-padding-x-lg);
    font-size: var(--aw-font-size-lg);
  }

  .aw-field--fluid {
    width: 100%;
    display: flex;
  }

  .aw-field--filled {
    background: var(--aw-field-filled-bg);
  }

  .aw-field--invalid, .aw-field--invalid:hover:not(:focus-within) {
    border-color: var(--aw-field-border-invalid);
  }

  .aw-field--invalid:focus-within {
    box-shadow: 0 0 0 3px var(--aw-danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-field--invalid:focus-within {
      box-shadow: 0 0 0 3px color-mix(in srgb,var(--aw-danger) 18%,transparent);
    }
  }

  .aw-field--disabled {
    background: var(--aw-field-disabled-bg);
    color: var(--aw-text-muted);
    cursor: not-allowed;
    opacity: 1;
  }

  .aw-field--readonly {
    background: var(--aw-field-filled-bg);
  }

  .aw-field__input {
    width: 100%;
    min-width: 0;
    color: inherit;
    font: inherit;
    line-height: inherit;
    background: none;
    border: 0;
    outline: none;
    flex: auto;
    align-self: stretch;
    margin: 0;
    padding: 0;
    box-shadow: none !important;
  }

  input.aw-field:focus-visible, textarea.aw-field:focus-visible {
    box-shadow: 0 0 0 3px var(--aw-primary-500) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    input.aw-field:focus-visible, textarea.aw-field:focus-visible {
      box-shadow: 0 0 0 3px color-mix(in srgb,var(--aw-primary-500) 18%,transparent) !important;
    }
  }

  input.aw-field.aw-field--invalid:focus-visible, textarea.aw-field.aw-field--invalid:focus-visible {
    box-shadow: 0 0 0 3px var(--aw-danger) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    input.aw-field.aw-field--invalid:focus-visible, textarea.aw-field.aw-field--invalid:focus-visible {
      box-shadow: 0 0 0 3px color-mix(in srgb,var(--aw-danger) 18%,transparent) !important;
    }
  }

  .aw-field__input::placeholder {
    color: var(--aw-field-placeholder);
    opacity: 1;
  }

  .aw-field__input:disabled {
    cursor: not-allowed;
  }

  .aw-field__icon {
    color: var(--aw-field-icon);
    flex-shrink: 0;
    align-items: center;
    display: inline-flex;
  }

  .aw-field__clear {
    color: var(--aw-field-icon);
    border-radius: var(--aw-radius-xs);
    cursor: pointer;
    background: none;
    border: 0;
    justify-content: center;
    align-items: center;
    padding: .125rem;
    display: inline-flex;
  }

  .aw-field__clear:hover {
    color: var(--aw-text);
  }

  .aw-overlay {
    box-sizing: border-box;
    background: var(--aw-overlay-bg);
    color: var(--aw-text);
    border: 1px solid var(--aw-overlay-border);
    border-radius: var(--aw-radius-lg);
    box-shadow: var(--aw-overlay-shadow);
    font-size: var(--aw-font-size);
    animation: aw-overlay-in var(--aw-duration) var(--aw-ease);
    flex-direction: column;
    display: flex;
    overflow: hidden;
  }

  @keyframes aw-overlay-in {
    0% {
      opacity: 0;
      transform: translateY(-4px) scale(.98);
    }
  }

  .aw-option-list {
    outline: none;
    margin: 0;
    padding: .25rem;
    list-style: none;
    overflow-y: auto;
  }

  .aw-option {
    border-radius: var(--aw-radius-sm);
    cursor: pointer;
    color: var(--aw-text);
    -webkit-user-select: none;
    user-select: none;
    text-overflow: ellipsis;
    align-items: center;
    gap: .5rem;
    padding: .5rem .75rem;
    display: flex;
    overflow: hidden;
  }

  .aw-option + .aw-option {
    margin-top: 2px;
  }

  .aw-option--focused {
    background: var(--aw-option-hover-bg);
    color: var(--aw-option-hover-text);
  }

  .aw-option--selected {
    background: var(--aw-highlight-bg);
    color: var(--aw-highlight-text);
  }

  .aw-option--selected.aw-option--focused {
    background: var(--aw-highlight-focus-bg);
  }

  .aw-option--disabled {
    opacity: .5;
    cursor: not-allowed;
  }

  .aw-option-group {
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--aw-text-muted);
    padding: .5rem .75rem .25rem;
    font-size: .75rem;
    font-weight: 600;
  }

  .aw-option-empty {
    color: var(--aw-text-muted);
    padding: .75rem;
  }

  [data-aw-sheet] {
    padding-bottom: env(safe-area-inset-bottom, 0px);
    overscroll-behavior: contain;
    transition: transform var(--aw-duration) var(--aw-ease);
    animation: aw-sheet-in var(--aw-duration-slow) var(--aw-ease);
    top: auto !important;
    left: 0 !important;
    right: 0 !important;
    bottom: var(--aw-sheet-keyboard, 0px) !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    max-height: min(85dvh,calc(var(--aw-sheet-viewport, 100dvh) - 1.5rem)) !important;
    border-radius: var(--aw-radius-xl) var(--aw-radius-xl) 0 0 !important;
    transform: translateY(var(--aw-sheet-drag, 0px)) !important;
    border-width: 1px 0 0 !important;
    margin: 0 !important;
    position: fixed !important;
  }

  [data-aw-sheet][data-aw-sheet-dragging] {
    transition: none;
  }

  [data-aw-sheet] .aw-option-list {
    overscroll-behavior: contain;
    flex: auto;
    min-height: 0;
    max-height: none !important;
  }

  @keyframes aw-sheet-in {
    0% {
      transform: translateY(100%);
    }
  }

  .aw-sheet__handle {
    cursor: grab;
    outline: none;
    flex: none;
    height: 28px;
    position: relative;
    touch-action: none !important;
  }

  .aw-sheet__handle:before {
    content: "";
    border-radius: var(--aw-radius-pill);
    background: var(--aw-surface-300);
    width: 2.5rem;
    height: .3125rem;
    margin-left: -1.25rem;
    position: absolute;
    top: .5rem;
    left: 50%;
  }

  .dark .aw-sheet__handle:before {
    background: var(--aw-surface-600);
  }

  .aw-sheet-backdrop {
    background: var(--aw-mask-bg);
    animation: aw-sheet-backdrop-in var(--aw-duration) ease;
    touch-action: none;
    position: fixed;
    inset: 0;
  }

  .aw-sheet-backdrop[data-closing] {
    opacity: 0;
    transition: opacity var(--aw-duration) ease;
  }

  @keyframes aw-sheet-backdrop-in {
    0% {
      opacity: 0;
    }
  }

  [data-aw-sheet][data-aw-sheet-still], .aw-sheet-backdrop[data-aw-sheet-still] {
    transition: none;
    animation: none;
  }

  @media (prefers-reduced-motion: reduce) {
    [data-aw-sheet], .aw-sheet-backdrop {
      transition: none;
      animation: none;
    }
  }

  .aw-field, .aw-option, [class^="aw-"] button, button[class^="aw-"], a[class^="aw-"], [class^="aw-"][role="button"], [class^="aw-"][role="tab"], [class^="aw-"][role="option"], [class^="aw-"][role="switch"], [class^="aw-"][role="checkbox"], [class^="aw-"][role="radio"], [class^="aw-"][role="treeitem"], [class^="aw-"][role="menuitem"] {
    touch-action: manipulation;
  }

  @media (pointer: coarse) {
    .aw-field__input, input.aw-field, textarea.aw-field, .aw-field input, .aw-field textarea {
      font-size: max(16px, 1em) !important;
    }

    .aw-field {
      min-height: max(var(--aw-field-height),44px);
    }

    .aw-field.aw-field--sm {
      min-height: 40px;
    }

    .aw-option {
      min-height: 44px;
    }

    .aw-option + .aw-option {
      margin-top: 0;
    }

    .aw-button.aw-button {
      overflow: visible;
    }

    .aw-tree__node {
      min-height: 44px;
    }

    .aw-checkbox__input.aw-checkbox__input, .aw-radio__input.aw-radio__input, .aw-toggle-switch__input.aw-toggle-switch__input {
      width: auto;
      height: auto;
      inset: min(0px, 50% - 22px);
    }

    .aw-touch-target, .aw-field__clear, .aw-chip__remove, .aw-selection-chip__remove, .aw-dialog__header-button, .aw-drawer__close, .aw-toast__close, .aw-message__close, .aw-paginator__nav, .aw-tree__toggler, .aw-datepicker__nav, .aw-datepicker__title-btn, .aw-datepicker__trigger, .aw-datepicker__spin-btn, .aw-panel__toggle, .aw-selectbutton__option, .aw-togglebutton, .aw-datatable__sort-button, .aw-stat-tile__help {
      position: relative;
    }

    .aw-touch-target:after, .aw-field__clear:after, .aw-chip__remove:after, .aw-selection-chip__remove:after, .aw-dialog__header-button:after, .aw-drawer__close:after, .aw-toast__close:after, .aw-message__close:after, .aw-paginator__nav:after, .aw-tree__toggler:after, .aw-datepicker__nav:after, .aw-datepicker__title-btn:after, .aw-datepicker__trigger:after, .aw-datepicker__spin-btn:after, .aw-tablist__nav:after, .aw-panel__toggle:after, .aw-selectbutton__option:after, .aw-togglebutton:after, .aw-datatable__sort-button:after, .aw-stat-tile__help:after, .aw-button:before {
      content: "";
      position: absolute;
      inset: min(0px, 50% - 22px);
    }
  }

  .aw-focusable:focus-visible {
    box-shadow: var(--aw-focus-ring-tight);
    outline: none;
  }

  .aw-sr-only {
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .aw-togglebutton {
    --aw-tb-track: var(--aw-surface-100);
    --aw-tb-face: var(--aw-surface-0);
    --aw-tb-fg: var(--aw-surface-500);
    --aw-tb-fg-hover: var(--aw-surface-700);
    --aw-tb-fg-checked: var(--aw-surface-900);
    --aw-tb-height: var(--aw-field-height);
    box-sizing: border-box;
    min-height: var(--aw-tb-height);
    font: inherit;
    font-size: var(--aw-font-size);
    color: var(--aw-tb-fg);
    background: var(--aw-tb-track);
    border: 1px solid var(--aw-tb-track);
    border-radius: var(--aw-radius-md);
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: middle;
    transition: color var(--aw-duration) ease,border-color var(--aw-duration) ease,box-shadow var(--aw-duration) ease;
    align-items: stretch;
    margin: 0;
    padding: 3px;
    font-weight: 500;
    line-height: 1.25;
    display: inline-flex;
  }

  .dark .aw-togglebutton {
    --aw-tb-track: var(--aw-surface-950);
    --aw-tb-face: var(--aw-surface-800);
    --aw-tb-fg: var(--aw-surface-400);
    --aw-tb-fg-hover: var(--aw-surface-300);
    --aw-tb-fg-checked: var(--aw-surface-0);
    border-color: var(--aw-surface-800);
  }

  .aw-togglebutton:focus-visible {
    box-shadow: var(--aw-focus-ring);
    outline: none;
  }

  .aw-togglebutton:not(:disabled):not(.aw-togglebutton--checked):hover {
    color: var(--aw-tb-fg-hover);
  }

  .aw-togglebutton--sm {
    --aw-tb-height: var(--aw-field-height-sm);
    font-size: var(--aw-font-size-sm);
  }

  .aw-togglebutton--lg {
    --aw-tb-height: var(--aw-field-height-lg);
    font-size: var(--aw-font-size-lg);
  }

  .aw-togglebutton--fluid {
    width: 100%;
    display: flex;
  }

  .aw-togglebutton--checked {
    color: var(--aw-tb-fg-checked);
  }

  .aw-togglebutton--invalid {
    border-color: var(--aw-field-border-invalid);
  }

  .aw-togglebutton--readonly {
    cursor: default;
  }

  .aw-togglebutton:disabled {
    cursor: not-allowed;
    color: var(--aw-text-disabled);
    background: var(--aw-field-disabled-bg);
    border-color: var(--aw-field-disabled-bg);
  }

  .aw-togglebutton__content {
    border-radius: calc(var(--aw-radius-md) - 3px);
    transition: background-color var(--aw-duration) ease,box-shadow var(--aw-duration) ease;
    flex: auto;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    padding: 0 .75rem;
    display: inline-flex;
  }

  .aw-togglebutton--sm .aw-togglebutton__content {
    gap: .375rem;
    padding: 0 .625rem;
  }

  .aw-togglebutton__content--icon-right > .aw-togglebutton__label {
    order: -1;
  }

  .aw-togglebutton--checked .aw-togglebutton__content {
    background: var(--aw-tb-face);
    box-shadow: 0 1px 2px #0f172a0f, 0 1px 3px #0f172a14;
  }

  .aw-togglebutton:disabled .aw-togglebutton__content {
    box-shadow: none;
    background: none;
  }

  .aw-togglebutton--checked:disabled .aw-togglebutton__content {
    background: var(--aw-tb-track);
  }

  .aw-togglebutton__icon {
    font-size: 1.1em;
    line-height: 1;
  }

  .aw-togglebutton__label {
    white-space: nowrap;
  }

  .aw-selectbutton {
    --aw-sb-track: var(--aw-surface-100);
    --aw-sb-face: var(--aw-surface-0);
    --aw-sb-fg: var(--aw-surface-500);
    --aw-sb-fg-hover: var(--aw-surface-700);
    --aw-sb-fg-checked: var(--aw-surface-900);
    --aw-sb-height: var(--aw-field-height);
    box-sizing: border-box;
    min-height: var(--aw-sb-height);
    font-size: var(--aw-font-size);
    background: var(--aw-sb-track);
    border: 1px solid var(--aw-sb-track);
    border-radius: var(--aw-radius-md);
    vertical-align: middle;
    align-items: stretch;
    gap: 2px;
    width: fit-content;
    max-width: 100%;
    padding: 3px;
    display: inline-flex;
  }

  .dark .aw-selectbutton {
    --aw-sb-track: var(--aw-surface-950);
    --aw-sb-face: var(--aw-surface-800);
    --aw-sb-fg: var(--aw-surface-400);
    --aw-sb-fg-hover: var(--aw-surface-300);
    --aw-sb-fg-checked: var(--aw-surface-0);
    border-color: var(--aw-surface-800);
  }

  .aw-selectbutton--sm {
    --aw-sb-height: var(--aw-field-height-sm);
    font-size: var(--aw-font-size-sm);
  }

  .aw-selectbutton--lg {
    --aw-sb-height: var(--aw-field-height-lg);
    font-size: var(--aw-font-size-lg);
  }

  .aw-selectbutton--fluid {
    width: 100%;
    display: flex;
  }

  .aw-selectbutton--fluid > .aw-selectbutton__option {
    flex: 1 1 0;
  }

  .aw-selectbutton--invalid {
    border-color: var(--aw-field-border-invalid);
  }

  .aw-selectbutton--disabled {
    background: var(--aw-field-disabled-bg);
    border-color: var(--aw-field-disabled-bg);
  }

  .aw-selectbutton__option {
    box-sizing: border-box;
    min-height: calc(var(--aw-sb-height) - 8px);
    font: inherit;
    white-space: nowrap;
    color: var(--aw-sb-fg);
    border-radius: calc(var(--aw-radius-md) - 3px);
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    transition: color var(--aw-duration) ease,background-color var(--aw-duration) ease,box-shadow var(--aw-duration) ease;
    background: none;
    border: 0;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    margin: 0;
    padding: 0 .75rem;
    font-weight: 500;
    line-height: 1.25;
    display: inline-flex;
  }

  .aw-selectbutton--sm > .aw-selectbutton__option {
    gap: .375rem;
    padding: 0 .625rem;
  }

  .aw-selectbutton__option:not(:disabled):not(.aw-selectbutton__option--selected):hover {
    color: var(--aw-sb-fg-hover);
  }

  .aw-selectbutton__option:focus-visible {
    box-shadow: var(--aw-focus-ring-tight);
    outline: none;
    position: relative;
  }

  .aw-selectbutton__option--selected {
    color: var(--aw-sb-fg-checked);
    background: var(--aw-sb-face);
    box-shadow: 0 1px 2px #0f172a0f, 0 1px 3px #0f172a14;
  }

  .aw-selectbutton__option--selected:focus-visible {
    box-shadow: var(--aw-focus-ring-tight),0 1px 3px #0f172a14;
  }

  .aw-selectbutton__option:disabled {
    cursor: not-allowed;
    color: var(--aw-text-disabled);
  }

  .aw-selectbutton__option--selected:disabled {
    background: var(--aw-sb-face);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-selectbutton__option--selected:disabled {
      background: color-mix(in srgb,var(--aw-sb-face) 60%,transparent);
    }
  }

  .aw-selectbutton__option--selected:disabled {
    box-shadow: none;
  }

  .aw-badge {
    --aw-badge-bg: var(--aw-primary);
    --aw-badge-fg: var(--aw-primary-contrast);
    --aw-badge-size: 1.5rem;
    box-sizing: border-box;
    min-width: var(--aw-badge-size);
    height: var(--aw-badge-size);
    border-radius: var(--aw-radius-pill);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    background: var(--aw-badge-bg);
    color: var(--aw-badge-fg);
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    padding: 0 .5rem;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1;
    display: inline-flex;
  }

  .aw-badge--circle {
    padding: 0;
  }

  .aw-badge--sm {
    --aw-badge-size: 1.25rem;
    font-size: .625rem;
  }

  .aw-badge--lg {
    --aw-badge-size: 1.75rem;
    font-size: .875rem;
  }

  .aw-badge--xl {
    --aw-badge-size: 2rem;
    font-size: 1rem;
  }

  .aw-badge--dot {
    width: .5rem;
    min-width: .5rem;
    height: .5rem;
    padding: 0;
  }

  .aw-badge--secondary {
    --aw-badge-bg: var(--aw-secondary-bg);
    --aw-badge-fg: var(--aw-secondary-text);
  }

  .aw-badge--success {
    --aw-badge-bg: var(--aw-success);
    --aw-badge-fg: var(--aw-surface-0);
  }

  .aw-badge--info {
    --aw-badge-bg: var(--aw-info);
    --aw-badge-fg: var(--aw-surface-0);
  }

  .aw-badge--warn {
    --aw-badge-bg: var(--aw-warn);
    --aw-badge-fg: var(--aw-surface-0);
  }

  .aw-badge--danger {
    --aw-badge-bg: var(--aw-danger);
    --aw-badge-fg: var(--aw-surface-0);
  }

  .aw-badge--help {
    --aw-badge-bg: var(--aw-help);
    --aw-badge-fg: var(--aw-surface-0);
  }

  .aw-badge--contrast {
    --aw-badge-bg: var(--aw-contrast-bg);
    --aw-badge-fg: var(--aw-contrast-text);
  }

  .dark .aw-badge--success, .dark .aw-badge--info, .dark .aw-badge--warn, .dark .aw-badge--danger, .dark .aw-badge--help {
    --aw-badge-fg: var(--aw-surface-950);
  }

  .aw-tag {
    --aw-tag-bg: var(--aw-highlight-bg);
    --aw-tag-fg: var(--aw-highlight-text);
    --aw-tag-ring: var(--aw-primary-200);
    box-sizing: border-box;
    border-radius: var(--aw-radius-lg);
    white-space: nowrap;
    vertical-align: middle;
    background: var(--aw-tag-bg);
    color: var(--aw-tag-fg);
    box-shadow: inset 0 0 0 1px var(--aw-tag-ring);
    justify-content: center;
    align-items: center;
    gap: .25rem;
    padding: .25rem .5rem;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.5;
    display: inline-flex;
  }

  .aw-tag--rounded {
    border-radius: var(--aw-radius-pill);
  }

  .aw-tag__icon {
    font-size: .75rem;
    line-height: 1;
  }

  .aw-tag__label {
    text-overflow: ellipsis;
    min-width: 0;
    overflow: hidden;
  }

  .aw-tag--secondary {
    --aw-tag-bg: var(--aw-secondary-soft-bg);
    --aw-tag-fg: var(--aw-secondary-soft-text);
    --aw-tag-ring: var(--aw-secondary-soft-border);
  }

  .aw-tag--success {
    --aw-tag-bg: var(--aw-success-soft-bg);
    --aw-tag-fg: var(--aw-success-soft-text);
    --aw-tag-ring: var(--aw-success-soft-border);
  }

  .aw-tag--info {
    --aw-tag-bg: var(--aw-info-soft-bg);
    --aw-tag-fg: var(--aw-info-soft-text);
    --aw-tag-ring: var(--aw-info-soft-border);
  }

  .aw-tag--warn {
    --aw-tag-bg: var(--aw-warn-soft-bg);
    --aw-tag-fg: var(--aw-warn-soft-text);
    --aw-tag-ring: var(--aw-warn-soft-border);
  }

  .aw-tag--danger {
    --aw-tag-bg: var(--aw-danger-soft-bg);
    --aw-tag-fg: var(--aw-danger-soft-text);
    --aw-tag-ring: var(--aw-danger-soft-border);
  }

  .aw-tag--help {
    --aw-tag-bg: var(--aw-help-soft-bg);
    --aw-tag-fg: var(--aw-help-soft-text);
    --aw-tag-ring: var(--aw-help-soft-border);
  }

  .aw-tag--contrast {
    --aw-tag-bg: var(--aw-contrast-bg);
    --aw-tag-fg: var(--aw-contrast-text);
    --aw-tag-ring: var(--aw-contrast-bg);
  }

  .dark .aw-tag--primary {
    --aw-tag-bg: var(--aw-primary-950);
    --aw-tag-fg: var(--aw-primary-300);
    --aw-tag-ring: var(--aw-primary-900);
  }

  .aw-chip {
    box-sizing: border-box;
    background: var(--aw-secondary-bg);
    color: var(--aw-surface-800);
    font-size: var(--aw-font-size);
    vertical-align: middle;
    border-radius: 16px;
    align-items: center;
    gap: .5rem;
    max-width: 100%;
    padding: .5rem .75rem;
    line-height: 1.5;
    display: inline-flex;
  }

  .dark .aw-chip {
    background: var(--aw-surface-800);
    color: var(--aw-surface-0);
  }

  .aw-chip--image {
    padding-block: .25rem;
    padding-inline-start: .25rem;
  }

  .aw-chip--removable {
    padding-inline-end: .5rem;
  }

  .aw-chip__image {
    object-fit: cover;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    margin-block: -.25rem;
  }

  .aw-chip__icon {
    font-size: 1rem;
    line-height: 1;
  }

  .aw-chip__label {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    overflow: hidden;
  }

  .aw-chip__remove {
    width: 1.25rem;
    height: 1.25rem;
    color: inherit;
    cursor: pointer;
    transition: background-color var(--aw-duration) ease;
    background: none;
    border: 0;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: .875rem;
    display: inline-flex;
  }

  .aw-chip__remove:hover {
    background: currentColor;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-chip__remove:hover {
      background: color-mix(in srgb,currentColor 12%,transparent);
    }
  }

  .aw-chip__remove:focus-visible {
    box-shadow: var(--aw-focus-ring-tight);
    outline: none;
  }

  .aw-progress-spinner {
    box-sizing: border-box;
    vertical-align: middle;
    flex-shrink: 0;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    display: inline-block;
    position: relative;
  }

  .aw-progress-spinner__svg {
    transform-origin: center;
    width: 100%;
    height: 100%;
    animation: 2s linear infinite aw-progress-spinner-rotate;
    position: absolute;
    inset: 0;
  }

  .aw-progress-spinner__circle {
    stroke: var(--aw-spinner-color, var(--aw-primary));
    stroke-dasharray: 89 200;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    animation: 1.5s ease-in-out infinite aw-progress-spinner-dash;
  }

  @keyframes aw-progress-spinner-rotate {
    to {
      transform: rotate(360deg);
    }
  }

  @keyframes aw-progress-spinner-dash {
    0% {
      stroke-dasharray: 1 200;
      stroke-dashoffset: 0;
    }

    50% {
      stroke-dasharray: 89 200;
      stroke-dashoffset: -35px;
    }

    to {
      stroke-dasharray: 89 200;
      stroke-dashoffset: -124px;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .aw-progress-spinner__svg {
      animation-duration: 4s !important;
    }

    .aw-progress-spinner__circle {
      stroke-dasharray: 60 200;
      animation: none;
    }
  }

  .aw-progressbar {
    --aw-progressbar-value-bg: var(--aw-primary);
    --aw-progressbar-value-fg: var(--aw-primary-contrast);
    --aw-progressbar-transition: width 1s ease-in-out;
    box-sizing: border-box;
    border-radius: var(--aw-radius-lg);
    background: var(--aw-content-border);
    height: 1.25rem;
    position: relative;
    overflow: hidden;
  }

  .aw-progressbar__value {
    box-sizing: border-box;
    border-radius: inherit;
    background: var(--aw-progressbar-value-bg);
    min-width: 0;
    height: 100%;
    transition: var(--aw-progressbar-transition);
    justify-content: center;
    align-items: center;
    display: flex;
    overflow: hidden;
  }

  .aw-progressbar__label {
    color: var(--aw-progressbar-value-fg);
    white-space: nowrap;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1;
  }

  .aw-progressbar--secondary {
    --aw-progressbar-value-bg: var(--aw-surface-500);
    --aw-progressbar-value-fg: var(--aw-surface-0);
  }

  .aw-progressbar--success {
    --aw-progressbar-value-bg: var(--aw-success);
    --aw-progressbar-value-fg: var(--aw-surface-0);
  }

  .aw-progressbar--info {
    --aw-progressbar-value-bg: var(--aw-info);
    --aw-progressbar-value-fg: var(--aw-surface-0);
  }

  .aw-progressbar--warn {
    --aw-progressbar-value-bg: var(--aw-warn);
    --aw-progressbar-value-fg: var(--aw-surface-0);
  }

  .aw-progressbar--danger {
    --aw-progressbar-value-bg: var(--aw-danger);
    --aw-progressbar-value-fg: var(--aw-surface-0);
  }

  .aw-progressbar--help {
    --aw-progressbar-value-bg: var(--aw-help);
    --aw-progressbar-value-fg: var(--aw-surface-0);
  }

  .aw-progressbar--contrast {
    --aw-progressbar-value-bg: var(--aw-contrast-bg);
    --aw-progressbar-value-fg: var(--aw-contrast-text);
  }

  .dark .aw-progressbar--success, .dark .aw-progressbar--info, .dark .aw-progressbar--warn, .dark .aw-progressbar--danger, .dark .aw-progressbar--help {
    --aw-progressbar-value-fg: var(--aw-surface-950);
  }

  .aw-progressbar__value--indeterminate {
    width: 40%;
    animation: aw-progressbar-indeterminate 1.6s var(--aw-ease) infinite;
    transition: none;
    position: absolute;
    inset: 0 auto 0 0;
  }

  @keyframes aw-progressbar-indeterminate {
    0% {
      width: 40%;
      left: -40%;
    }

    60% {
      width: 30%;
      left: 70%;
    }

    to {
      width: 10%;
      left: 100%;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .aw-progressbar__value--indeterminate {
      opacity: .45;
      width: 100%;
      animation: none;
      left: 0;
    }
  }

  .aw-skeleton {
    box-sizing: border-box;
    border-radius: var(--aw-radius-lg);
    background: var(--aw-skeleton-bg, var(--aw-surface-200));
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
  }

  .dark .aw-skeleton {
    background: var(--aw-skeleton-bg, var(--aw-surface-800));
  }

  .aw-skeleton--circle {
    border-radius: 50%;
  }

  .aw-skeleton--wave:after {
    content: "";
    background: linear-gradient(90deg,transparent,var(--aw-surface-0),transparent);
    position: absolute;
    inset: 0;
    transform: translate(-100%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-skeleton--wave:after {
      background: linear-gradient(90deg,transparent,color-mix(in srgb,var(--aw-surface-0) 40%,transparent),transparent);
    }
  }

  .aw-skeleton--wave:after {
    animation: 1.2s infinite aw-skeleton-wave;
  }

  .dark .aw-skeleton--wave:after {
    background: linear-gradient(90deg,transparent,var(--aw-surface-0),transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark .aw-skeleton--wave:after {
      background: linear-gradient(90deg,transparent,color-mix(in srgb,var(--aw-surface-0) 5%,transparent),transparent);
    }
  }

  @keyframes aw-skeleton-wave {
    0% {
      transform: translate(-100%);
    }

    to {
      transform: translate(100%);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .aw-skeleton--wave:after {
      animation: none;
      display: none;
    }
  }

  .aw-message {
    --aw-message-bg: var(--aw-info-soft-bg);
    --aw-message-fg: var(--aw-info-soft-text);
    --aw-message-border: var(--aw-info-soft-border);
    --aw-message-accent: var(--aw-info);
    box-sizing: border-box;
    border-radius: var(--aw-radius-lg);
    color: var(--aw-message-fg);
    font-size: var(--aw-font-size);
    border: 1px solid #0000;
    font-weight: 500;
    line-height: 1.5;
  }

  .aw-message__content {
    align-items: center;
    gap: .5rem;
    padding: .5rem .75rem;
    display: flex;
  }

  .aw-message__text {
    overflow-wrap: anywhere;
    flex: auto;
    min-width: 0;
  }

  .aw-message__icon {
    flex-shrink: 0;
    font-size: 1.125rem;
    line-height: 1;
  }

  .aw-message__close {
    width: 1.75rem;
    height: 1.75rem;
    color: inherit;
    cursor: pointer;
    transition: background-color var(--aw-duration) ease;
    background: none;
    border: 0;
    border-radius: 50%;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    margin: -.25rem -.375rem -.25rem 0;
    padding: 0;
    font-size: 1rem;
    display: inline-flex;
  }

  .aw-message__close:hover {
    background: currentColor;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-message__close:hover {
      background: color-mix(in srgb,currentColor 12%,transparent);
    }
  }

  .aw-message__close:focus-visible {
    box-shadow: 0 0 0 2px var(--aw-message-accent);
    outline: none;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-message__close:focus-visible {
      box-shadow: 0 0 0 2px color-mix(in srgb,var(--aw-message-accent) 60%,transparent);
    }
  }

  .aw-message--sm {
    font-size: var(--aw-font-size-sm);
  }

  .aw-message--sm .aw-message__content {
    padding: .375rem .625rem;
  }

  .aw-message--sm .aw-message__icon {
    font-size: 1rem;
  }

  .aw-message--sm .aw-message__close {
    width: 1.5rem;
    height: 1.5rem;
    font-size: .875rem;
  }

  .aw-message--lg {
    font-size: var(--aw-font-size-lg);
  }

  .aw-message--lg .aw-message__content {
    padding: .625rem .875rem;
  }

  .aw-message--lg .aw-message__icon {
    font-size: 1.25rem;
  }

  .aw-message--filled {
    background: var(--aw-message-bg);
    border-color: var(--aw-message-border);
    box-shadow: 0 4px 8px var(--aw-message-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-message--filled {
      box-shadow: 0 4px 8px color-mix(in srgb,var(--aw-message-accent) 4%,transparent);
    }
  }

  .aw-message--outlined {
    border-color: var(--aw-message-accent);
    background: none;
  }

  .aw-message--simple {
    background: none;
    border: 0;
    border-radius: 0;
  }

  .aw-message--simple .aw-message__content {
    padding: 0;
  }

  .aw-message--success {
    --aw-message-bg: var(--aw-success-soft-bg);
    --aw-message-fg: var(--aw-success-soft-text);
    --aw-message-border: var(--aw-success-soft-border);
    --aw-message-accent: var(--aw-success);
  }

  .aw-message--warn {
    --aw-message-bg: var(--aw-warn-soft-bg);
    --aw-message-fg: var(--aw-warn-soft-text);
    --aw-message-border: var(--aw-warn-soft-border);
    --aw-message-accent: var(--aw-warn);
  }

  .aw-message--danger {
    --aw-message-bg: var(--aw-danger-soft-bg);
    --aw-message-fg: var(--aw-danger-soft-text);
    --aw-message-border: var(--aw-danger-soft-border);
    --aw-message-accent: var(--aw-danger);
  }

  .aw-message--help {
    --aw-message-bg: var(--aw-help-soft-bg);
    --aw-message-fg: var(--aw-help-soft-text);
    --aw-message-border: var(--aw-help-soft-border);
    --aw-message-accent: var(--aw-help);
  }

  .aw-message--primary {
    --aw-message-bg: var(--aw-primary-50);
    --aw-message-fg: var(--aw-primary-700);
    --aw-message-border: var(--aw-primary-200);
    --aw-message-accent: var(--aw-primary);
  }

  .dark .aw-message--primary {
    --aw-message-bg: var(--aw-primary-950);
    --aw-message-fg: var(--aw-primary-300);
    --aw-message-border: var(--aw-primary-900);
  }

  .aw-message--secondary {
    --aw-message-bg: var(--aw-secondary-soft-bg);
    --aw-message-fg: var(--aw-secondary-soft-text);
    --aw-message-border: var(--aw-secondary-soft-border);
    --aw-message-accent: var(--aw-text-muted);
  }

  .aw-message--contrast {
    --aw-message-bg: var(--aw-contrast-bg);
    --aw-message-fg: var(--aw-contrast-text);
    --aw-message-border: var(--aw-contrast-bg);
    --aw-message-accent: var(--aw-contrast-bg);
  }

  .aw-message--contrast.aw-message--outlined, .aw-message--contrast.aw-message--simple {
    --aw-message-fg: var(--aw-text-strong);
  }

  .aw-divider {
    --aw-divider-color: var(--aw-content-border);
    --aw-divider-style: solid;
    box-sizing: border-box;
    color: var(--aw-text-muted);
    font-size: var(--aw-font-size-sm);
    align-items: center;
    display: flex;
  }

  .aw-divider--dashed {
    --aw-divider-style: dashed;
  }

  .aw-divider--dotted {
    --aw-divider-style: dotted;
  }

  .aw-divider:before, .aw-divider:after {
    content: "";
    flex: 1 1 0;
  }

  .aw-divider--horizontal {
    width: 100%;
    margin: 1rem 0;
  }

  .aw-divider--horizontal:before, .aw-divider--horizontal:after {
    border-top: 1px var(--aw-divider-style) var(--aw-divider-color);
  }

  .aw-divider--vertical {
    flex-direction: column;
    align-self: stretch;
    min-height: 100%;
    margin: 0 1rem;
  }

  .aw-divider--vertical:before, .aw-divider--vertical:after {
    border-left: 1px var(--aw-divider-style) var(--aw-divider-color);
  }

  .aw-divider:not(.aw-divider--content):after {
    display: none;
  }

  .aw-divider__content {
    flex: none;
    line-height: 1.25;
  }

  .aw-divider--horizontal .aw-divider__content {
    padding: 0 .5rem;
  }

  .aw-divider--vertical .aw-divider__content {
    padding: .5rem 0;
  }

  .aw-divider--content.aw-divider--align-start:before, .aw-divider--content.aw-divider--align-end:after {
    flex: 0 0 1rem;
  }

  .aw-avatar-group {
    align-items: center;
    display: inline-flex;
  }

  .aw-avatar-group > .aw-avatar {
    border: 2px solid var(--aw-avatar-group-ring, var(--aw-card-bg));
  }

  .aw-avatar-group > .aw-avatar + .aw-avatar {
    margin-inline-start: calc(var(--aw-avatar-size) * -.18);
  }

  .aw-input-text.aw-field {
    vertical-align: middle;
    width: auto;
    padding-block: 0;
    display: inline-block;
  }

  .aw-input-text.aw-field--fluid {
    width: 100%;
    display: block;
  }

  .aw-input-text.aw-field::placeholder {
    color: var(--aw-field-placeholder);
    opacity: 1;
  }

  .aw-input-text.aw-field:disabled {
    cursor: not-allowed;
  }

  .aw-textarea.aw-field {
    resize: vertical;
    vertical-align: top;
    min-height: calc(var(--aw-field-height) + .25rem);
    padding-block: .5rem;
    line-height: 1.5;
    display: inline-block;
  }

  .aw-textarea.aw-field--fluid {
    width: 100%;
    display: block;
  }

  .aw-textarea.aw-field--sm {
    padding-block: .375rem;
  }

  .aw-textarea::placeholder {
    color: var(--aw-field-placeholder);
    opacity: 1;
  }

  .aw-textarea--auto-resize {
    resize: none;
    overflow: hidden;
  }

  .aw-textarea-wrap {
    vertical-align: top;
    flex-direction: column;
    gap: .25rem;
    display: inline-flex;
  }

  .aw-textarea-wrap--fluid {
    width: 100%;
    display: flex;
  }

  .aw-textarea__counter {
    color: var(--aw-text-muted);
    font-variant-numeric: tabular-nums;
    align-self: flex-end;
    font-size: .75rem;
  }

  .aw-textarea__counter--full {
    color: var(--aw-danger);
  }

  .aw-icon-field {
    vertical-align: middle;
    min-width: 0;
    display: inline-flex;
    position: relative;
  }

  .aw-icon-field--fluid {
    width: 100%;
    display: flex;
  }

  .aw-icon-field__box {
    cursor: text;
    flex: auto;
    width: 100%;
    display: flex;
  }

  .aw-icon-field__box.aw-field--disabled {
    cursor: not-allowed;
  }

  .aw-icon-field--icon-left .aw-input-icon {
    order: -1;
  }

  .aw-icon-field--icon-right .aw-input-icon {
    order: 1;
  }

  .aw-input-icon {
    justify-content: center;
    font-size: 1.125em;
    line-height: 1;
  }

  .aw-input-icon--clickable {
    cursor: pointer;
    border-radius: var(--aw-radius-xs);
  }

  .aw-input-icon--clickable:hover {
    color: var(--aw-text);
  }

  .aw-input-icon--clickable:focus-visible {
    outline: none;
    box-shadow: var(--aw-focus-ring-tight) !important;
  }

  .aw-input-group {
    align-items: stretch;
    width: 100%;
    min-width: 0;
    display: flex;
  }

  .aw-input-group > * {
    flex: none;
    position: relative;
  }

  .aw-input-group > :is(.aw-field, .aw-icon-field, .aw-input-number, .aw-password, .aw-input-mask) {
    flex: auto;
    width: 1%;
    min-width: 0;
  }

  .aw-input-group > :is(.aw-icon-field, .aw-input-number, .aw-password) > .aw-field, .aw-input-group > .aw-input-number > .aw-field {
    width: 100%;
  }

  .aw-input-group > * + * {
    margin-inline-start: -1px;
  }

  .aw-input-group > :not(:first-child), .aw-input-group > :not(:first-child) :is(.aw-field, .aw-button, .aw-input-number__button) {
    border-start-start-radius: 0;
    border-end-start-radius: 0;
  }

  .aw-input-group > :not(:last-child), .aw-input-group > :not(:last-child) :is(.aw-field, .aw-button, .aw-input-number__button) {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
  }

  .aw-input-group > :is(:focus-within, :focus-visible, :hover) {
    z-index: 1;
  }

  .aw-input-group > :focus-within {
    z-index: 2;
  }

  .aw-input-group-addon {
    box-sizing: border-box;
    min-width: var(--aw-field-height);
    min-height: var(--aw-field-height);
    font-size: var(--aw-font-size);
    white-space: nowrap;
    color: var(--aw-field-icon);
    background: var(--aw-field-filled-bg);
    border: 1px solid var(--aw-field-border);
    border-radius: var(--aw-radius-md);
    justify-content: center;
    align-items: center;
    padding: 0 .625rem;
    line-height: 1.25;
    display: inline-flex;
  }

  .aw-input-group:has(.aw-field--sm) > .aw-input-group-addon {
    min-width: var(--aw-field-height-sm);
    min-height: var(--aw-field-height-sm);
    font-size: var(--aw-font-size-sm);
    padding: 0 .5rem;
  }

  .aw-input-group:has(.aw-field--lg) > .aw-input-group-addon {
    min-width: var(--aw-field-height-lg);
    min-height: var(--aw-field-height-lg);
  }

  .aw-float-label {
    --aw-float-label-x: calc(var(--aw-field-padding-x) + 1px);
    --aw-float-label-bg: var(--aw-field-bg);
    display: block;
    position: relative;
  }

  .aw-float-label:has(.aw-field--sm) {
    --aw-float-label-x: calc(var(--aw-field-padding-x-sm) + 1px);
  }

  .aw-float-label:has(.aw-field--lg) {
    --aw-float-label-x: calc(var(--aw-field-padding-x-lg) + 1px);
  }

  .aw-float-label:has(.aw-field--filled, .aw-field--readonly) {
    --aw-float-label-bg: var(--aw-field-filled-bg);
  }

  .aw-float-label:has(.aw-field--disabled) {
    --aw-float-label-bg: var(--aw-field-disabled-bg);
  }

  .aw-float-label:has(.aw-icon-field__box > .aw-input-icon:first-child) {
    --aw-float-label-x: calc(var(--aw-field-padding-x) + 1.125em + .5rem + 1px);
  }

  .aw-float-label > label {
    top: 50%;
    left: var(--aw-float-label-x);
    max-width: calc(100% - 2 * var(--aw-float-label-x));
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--aw-font-size);
    color: var(--aw-field-placeholder);
    pointer-events: none;
    transition: top var(--aw-duration) var(--aw-ease),transform var(--aw-duration) var(--aw-ease),font-size var(--aw-duration) var(--aw-ease),color var(--aw-duration) ease,padding var(--aw-duration) ease;
    z-index: 1;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    overflow: hidden;
    transform: translateY(-50%);
  }

  .aw-float-label:has(.aw-field--sm) > label {
    font-size: var(--aw-font-size-sm);
  }

  .aw-float-label:has(textarea) > label {
    top: calc(.5rem + 1px + .375em);
    transform: none;
  }

  .aw-float-label:not(:focus-within) ::placeholder {
    color: #0000 !important;
  }

  .aw-float-label:has(.aw-field:focus-within, .aw-field.aw-field--focus, .aw-field[data-aw-filled]) > label {
    color: var(--aw-text-muted);
    font-size: .75rem;
  }

  .aw-float-label:has(.aw-field:focus-within, .aw-field.aw-field--focus) > label {
    color: var(--aw-primary);
  }

  .aw-float-label:has(.aw-field--invalid) > label {
    color: var(--aw-danger);
  }

  .aw-float-label--over:has(.aw-field:focus-within, .aw-field.aw-field--focus, .aw-field[data-aw-filled]) > label {
    top: -1.25rem;
    left: 0;
    transform: none;
  }

  .aw-float-label--on:has(.aw-field:focus-within, .aw-field.aw-field--focus, .aw-field[data-aw-filled]) > label {
    top: 0;
    left: calc(var(--aw-float-label-x) - .25rem);
    background: linear-gradient(to bottom,transparent 50%,var(--aw-float-label-bg) 50%);
    border-radius: var(--aw-radius-xs);
    padding: .125rem .25rem;
    transform: translateY(-50%);
  }

  .aw-float-label--in .aw-field {
    min-height: calc(var(--aw-field-height) + .875rem);
    align-items: flex-end;
    padding-top: 1.125rem;
    padding-bottom: .25rem;
  }

  .aw-float-label--in:has(.aw-field:focus-within, .aw-field.aw-field--focus, .aw-field[data-aw-filled]) > label {
    top: .5rem;
    transform: none;
  }

  .aw-input-number {
    vertical-align: middle;
    align-items: stretch;
    min-width: 0;
    display: inline-flex;
    position: relative;
  }

  .aw-input-number--fluid {
    width: 100%;
    display: flex;
  }

  .aw-input-number__box {
    flex: auto;
    min-width: 0;
  }

  .aw-input-number:not(.aw-input-number--fluid) .aw-input-number__box {
    width: auto;
  }

  .aw-input-number__input {
    font-variant-numeric: tabular-nums;
  }

  .aw-input-number:not(.aw-input-number--fluid) .aw-input-number__input {
    width: 10rem;
  }

  .aw-input-number--horizontal .aw-input-number__input {
    text-align: center;
  }

  .aw-input-number__button {
    font: inherit;
    color: var(--aw-field-icon);
    cursor: pointer;
    transition: background-color var(--aw-duration-fast) ease,color var(--aw-duration-fast) ease;
    touch-action: manipulation;
    -webkit-user-select: none;
    user-select: none;
    background: none;
    border: 0;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    display: inline-flex;
  }

  .aw-input-number__button:hover:not(:disabled) {
    color: var(--aw-text);
    background: var(--aw-content-hover-bg);
  }

  .aw-input-number__button:active:not(:disabled) {
    color: var(--aw-primary);
  }

  .aw-input-number__button:disabled {
    cursor: default;
    opacity: .45;
  }

  .aw-input-number--stacked .aw-input-number__box {
    padding-inline-end: 0;
  }

  .aw-input-number__spinner {
    border-inline-start: 1px solid var(--aw-field-border);
    flex-direction: column;
    align-self: stretch;
    margin-inline-start: .25rem;
    display: flex;
  }

  .aw-input-number__spinner .aw-input-number__button {
    flex: 50%;
    width: 1.75rem;
    font-size: .8125rem;
  }

  @media (pointer: coarse) {
    .aw-input-number__spinner .aw-input-number__button {
      width: 44px;
    }

    .aw-input-number--horizontal .aw-input-number__button {
      min-width: 44px;
    }
  }

  .aw-input-number__spinner .aw-input-number__button--increment {
    border-start-end-radius: calc(var(--aw-radius-md) - 1px);
  }

  .aw-input-number__spinner .aw-input-number__button--decrement {
    border-end-end-radius: calc(var(--aw-radius-md) - 1px);
  }

  .aw-input-number--sm .aw-input-number__spinner .aw-input-number__button {
    width: 1.5rem;
    font-size: .75rem;
  }

  .aw-input-number--horizontal > .aw-input-number__button {
    box-sizing: border-box;
    width: var(--aw-field-height);
    border: 1px solid var(--aw-field-border);
    background: var(--aw-field-bg);
    font-size: .875rem;
  }

  .aw-input-number--horizontal.aw-input-number--sm > .aw-input-number__button {
    width: var(--aw-field-height-sm);
  }

  .aw-input-number--horizontal.aw-input-number--lg > .aw-input-number__button {
    width: var(--aw-field-height-lg);
  }

  .aw-input-number--horizontal > .aw-input-number__button:hover:not(:disabled) {
    background: var(--aw-content-hover-bg);
  }

  .aw-input-number--horizontal > .aw-input-number__button--decrement {
    border-radius: var(--aw-radius-md) 0 0 var(--aw-radius-md);
    margin-inline-end: -1px;
  }

  .aw-input-number--horizontal > .aw-input-number__button--increment {
    border-radius: 0 var(--aw-radius-md) var(--aw-radius-md) 0;
    margin-inline-start: -1px;
  }

  .aw-input-number--horizontal > .aw-input-number__box {
    border-radius: 0;
    position: relative;
  }

  .aw-input-number--horizontal > .aw-input-number__box:focus-within {
    z-index: 1;
  }

  .aw-input-number--horizontal.aw-input-number--disabled > .aw-input-number__button {
    background: var(--aw-field-disabled-bg);
  }

  .aw-password {
    vertical-align: middle;
    min-width: 0;
    display: inline-flex;
  }

  .aw-password--fluid {
    width: 100%;
    display: flex;
  }

  .aw-password__box {
    flex: auto;
  }

  .aw-password:not(.aw-password--fluid) .aw-password__box {
    width: auto;
  }

  .aw-password:not(.aw-password--fluid) .aw-password__input {
    width: 12rem;
  }

  .aw-password__input::-ms-reveal {
    display: none;
  }

  .aw-password__toggle:focus-visible {
    outline: none;
    box-shadow: var(--aw-focus-ring-tight) !important;
  }

  .aw-password__panel {
    gap: .5rem;
    padding: .75rem;
  }

  .aw-password__meter {
    grid-template-columns: repeat(3, 1fr);
    gap: .25rem;
    display: grid;
  }

  .aw-password__segment {
    border-radius: var(--aw-radius-pill);
    background: var(--aw-content-border);
    height: .375rem;
    transition: background-color var(--aw-duration) ease;
  }

  .aw-password__meter--weak .aw-password__segment--on {
    background: var(--aw-danger);
  }

  .aw-password__meter--medium .aw-password__segment--on {
    background: var(--aw-warn);
  }

  .aw-password__meter--strong .aw-password__segment--on {
    background: var(--aw-success);
  }

  .aw-password__label {
    font-size: var(--aw-font-size-sm);
    color: var(--aw-text-muted);
  }

  .aw-input-mask.aw-field {
    vertical-align: middle;
    font-variant-numeric: tabular-nums;
    display: inline-block;
  }

  .aw-input-mask.aw-field--fluid {
    width: 100%;
    display: block;
  }

  .aw-input-mask::placeholder {
    color: var(--aw-field-placeholder);
    opacity: 1;
  }

  .aw-radio {
    --aw-radio-size: 1.25rem;
    width: var(--aw-radio-size);
    height: var(--aw-radio-size);
    vertical-align: middle;
    flex-shrink: 0;
    display: inline-flex;
    position: relative;
  }

  .aw-radio--sm {
    --aw-radio-size: 1rem;
  }

  .aw-radio--lg {
    --aw-radio-size: 1.5rem;
  }

  .aw-radio__input {
    opacity: 0;
    cursor: pointer;
    z-index: 1;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    inset: 0;
  }

  .aw-radio__input:disabled {
    cursor: not-allowed;
  }

  .aw-radio__box {
    box-sizing: border-box;
    border: 1px solid var(--aw-field-border);
    background: var(--aw-field-bg);
    width: 100%;
    height: 100%;
    box-shadow: var(--aw-field-shadow);
    transition: background-color var(--aw-duration) ease,border-color var(--aw-duration) ease,box-shadow var(--aw-duration) ease;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .aw-radio__dot {
    background: var(--aw-primary-contrast);
    width: 50%;
    height: 50%;
    transition: transform var(--aw-duration) var(--aw-ease);
    border-radius: 50%;
    transform: scale(0);
  }

  .aw-radio:hover:not(.aw-radio--disabled) .aw-radio__box {
    border-color: var(--aw-field-border-hover);
  }

  .aw-radio--checked .aw-radio__box {
    background: var(--aw-primary);
    border-color: var(--aw-primary);
  }

  .aw-radio--checked .aw-radio__dot {
    transform: scale(1);
  }

  .aw-radio--checked:hover:not(.aw-radio--disabled) .aw-radio__box {
    background: var(--aw-primary-hover);
    border-color: var(--aw-primary-hover);
  }

  .aw-radio__input:focus-visible + .aw-radio__box {
    box-shadow: var(--aw-focus-ring-tight);
  }

  .aw-radio--invalid .aw-radio__box {
    border-color: var(--aw-field-border-invalid);
  }

  .aw-radio--disabled .aw-radio__box {
    background: var(--aw-field-disabled-bg);
    border-color: var(--aw-field-border);
    box-shadow: none;
  }

  .aw-radio--disabled .aw-radio__dot {
    background: var(--aw-text-disabled);
  }

  .aw-toggle-switch {
    --aw-switch-width: 2.5rem;
    --aw-switch-height: 1.5rem;
    --aw-switch-gap: .25rem;
    --aw-switch-handle: calc(var(--aw-switch-height) - 2 * var(--aw-switch-gap));
    width: var(--aw-switch-width);
    height: var(--aw-switch-height);
    vertical-align: middle;
    flex-shrink: 0;
    display: inline-flex;
    position: relative;
  }

  .aw-toggle-switch__input {
    opacity: 0;
    cursor: pointer;
    z-index: 1;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    inset: 0;
  }

  .aw-toggle-switch__input:disabled {
    cursor: not-allowed;
  }

  .aw-toggle-switch__track {
    box-sizing: border-box;
    border-radius: var(--aw-radius-pill);
    background: var(--aw-field-border);
    width: 100%;
    height: 100%;
    transition: background-color var(--aw-duration) ease,box-shadow var(--aw-duration) ease;
    border: 1px solid #0000;
    position: relative;
  }

  .aw-toggle-switch__handle {
    top: 50%;
    left: calc(var(--aw-switch-gap) - 1px);
    width: var(--aw-switch-handle);
    height: var(--aw-switch-handle);
    border-radius: var(--aw-radius-pill);
    background: var(--aw-surface-0);
    transition: left var(--aw-duration) var(--aw-ease),width var(--aw-duration-fast) ease,background-color var(--aw-duration) ease;
    position: absolute;
    transform: translateY(-50%);
    box-shadow: 0 1px 2px #0f172a33;
  }

  .aw-toggle-switch:hover:not(.aw-toggle-switch--disabled) .aw-toggle-switch__track {
    background: var(--aw-field-border-hover);
  }

  .aw-toggle-switch--checked .aw-toggle-switch__track, .aw-toggle-switch--checked:hover:not(.aw-toggle-switch--disabled) .aw-toggle-switch__track {
    background: var(--aw-primary);
  }

  .aw-toggle-switch--checked:hover:not(.aw-toggle-switch--disabled) .aw-toggle-switch__track {
    background: var(--aw-primary-hover);
  }

  .aw-toggle-switch--checked .aw-toggle-switch__handle {
    left: calc(100% - var(--aw-switch-handle) - var(--aw-switch-gap) + 1px);
  }

  .aw-toggle-switch:not(.aw-toggle-switch--disabled) .aw-toggle-switch__input:active + .aw-toggle-switch__track .aw-toggle-switch__handle {
    width: calc(var(--aw-switch-handle) + .25rem);
  }

  .aw-toggle-switch--checked:not(.aw-toggle-switch--disabled) .aw-toggle-switch__input:active + .aw-toggle-switch__track .aw-toggle-switch__handle {
    left: calc(100% - var(--aw-switch-handle) - .25rem - var(--aw-switch-gap) + 1px);
  }

  .aw-toggle-switch__input:focus-visible + .aw-toggle-switch__track {
    box-shadow: var(--aw-focus-ring-tight);
  }

  .aw-toggle-switch--invalid .aw-toggle-switch__track {
    border-color: var(--aw-field-border-invalid);
  }

  .aw-toggle-switch--disabled {
    opacity: .55;
  }

  .dark .aw-toggle-switch__handle {
    background: var(--aw-surface-400);
  }

  .dark .aw-toggle-switch--checked .aw-toggle-switch__handle {
    background: var(--aw-surface-900);
  }

  .aw-slider {
    --aw-slider-thickness: 3px;
    --aw-slider-thumb: 1.25rem;
    padding: calc((var(--aw-slider-thumb) - var(--aw-slider-thickness)) / 2) calc(var(--aw-slider-thumb) / 2);
    touch-action: pan-y;
    -webkit-user-select: none;
    user-select: none;
    display: block;
    position: relative;
  }

  .aw-slider--vertical {
    touch-action: pan-x;
    height: 10rem;
    padding: calc(var(--aw-slider-thumb) / 2) calc((var(--aw-slider-thumb) - var(--aw-slider-thickness)) / 2);
    display: inline-block;
  }

  .aw-slider__track {
    height: var(--aw-slider-thickness);
    border-radius: var(--aw-radius-pill);
    background: var(--aw-content-border);
    cursor: pointer;
    position: relative;
  }

  .aw-slider__track:before {
    content: "";
    position: absolute;
    inset: -.625rem 0;
  }

  .aw-slider--vertical .aw-slider__track {
    width: var(--aw-slider-thickness);
    height: 100%;
  }

  .aw-slider--vertical .aw-slider__track:before {
    inset: 0 -.625rem;
  }

  .aw-slider__range {
    border-radius: inherit;
    background: var(--aw-primary);
    position: absolute;
    top: 0;
    bottom: 0;
  }

  .aw-slider--vertical .aw-slider__range {
    top: auto;
    left: 0;
    right: 0;
  }

  .aw-slider__thumb {
    box-sizing: border-box;
    width: var(--aw-slider-thumb);
    height: var(--aw-slider-thumb);
    margin-inline-start: calc(var(--aw-slider-thumb) / -2);
    margin-top: calc(var(--aw-slider-thumb) / -2);
    background: var(--aw-content-border);
    cursor: grab;
    transition: box-shadow var(--aw-duration) ease;
    border-radius: 50%;
    outline: none;
    position: absolute;
    top: 50%;
  }

  .aw-slider--vertical .aw-slider__thumb {
    margin-inline-start: 0;
    margin-left: calc(var(--aw-slider-thumb) / -2);
    margin-top: 0;
    margin-bottom: calc(var(--aw-slider-thumb) / -2);
    top: auto;
    left: 50%;
  }

  .aw-slider__thumb:before {
    content: "";
    background: var(--aw-field-bg);
    transition: inset var(--aw-duration) var(--aw-ease);
    border-radius: 50%;
    position: absolute;
    inset: 2px;
    box-shadow: 0 .5px #00000014, 0 1px 1px #00000024;
  }

  .aw-slider__thumb:after {
    content: "";
    border-radius: 50%;
    position: absolute;
    inset: -.5rem;
  }

  .aw-slider__thumb:hover:before, .aw-slider__thumb--active:before {
    inset: 3px;
  }

  @media (pointer: coarse) {
    .aw-slider__thumb:after {
      inset: min(-.5rem, 50% - 22px);
    }
  }

  .aw-slider__thumb--active {
    cursor: grabbing;
  }

  .aw-slider__thumb:focus-visible {
    box-shadow: var(--aw-focus-ring-tight);
  }

  .aw-slider--invalid .aw-slider__range, .aw-slider--invalid .aw-slider__thumb {
    background: var(--aw-danger);
  }

  .aw-slider--disabled {
    opacity: .55;
  }

  .aw-slider--disabled .aw-slider__track, .aw-slider--disabled .aw-slider__thumb {
    cursor: not-allowed;
  }

  .aw-slider--dragging .aw-slider__range, .aw-slider--dragging .aw-slider__thumb {
    transition: none;
  }

  .aw-color-panel {
    box-sizing: border-box;
    flex-direction: column;
    gap: .75rem;
    width: 13rem;
    padding: .75rem;
    display: flex;
  }

  .aw-color-panel--disabled {
    opacity: .55;
    pointer-events: none;
  }

  .aw-color-panel__area {
    border-radius: var(--aw-radius-sm);
    cursor: crosshair;
    touch-action: none;
    background-image: linear-gradient(to top, #000, #0000), linear-gradient(to right, #fff, #0000);
    outline: none;
    height: 9rem;
    position: relative;
  }

  .aw-color-panel__area:focus-visible, .aw-color-panel__hue:focus-visible {
    box-shadow: var(--aw-focus-ring-tight);
  }

  .aw-color-panel__area-thumb, .aw-color-panel__hue-thumb {
    pointer-events: none;
    border: 2px solid #fff;
    border-radius: 50%;
    width: .875rem;
    height: .875rem;
    position: absolute;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 0 1px #0000004d, 0 1px 3px #00000059;
  }

  .aw-color-panel__hue {
    border-radius: var(--aw-radius-pill);
    cursor: pointer;
    touch-action: none;
    background: linear-gradient(to right, red, #ff0, #0f0, #0ff, #00f, #f0f, red);
    outline: none;
    height: .75rem;
    position: relative;
  }

  .aw-color-panel__hue-thumb {
    width: 1rem;
    height: 1rem;
    top: 50%;
  }

  .aw-color-panel__footer {
    align-items: center;
    gap: .5rem;
    display: flex;
  }

  .aw-color-panel__preview {
    width: var(--aw-field-height-sm);
    height: var(--aw-field-height-sm);
    border-radius: var(--aw-radius-sm);
    flex: none;
    box-shadow: inset 0 0 0 1px #0000001f;
  }

  .aw-color-panel__hex {
    font-family: var(--aw-font-mono);
    flex: auto;
    gap: .125rem;
  }

  .aw-color-panel__hash {
    color: var(--aw-text-muted);
  }

  .aw-color-picker {
    vertical-align: middle;
    display: inline-flex;
  }

  .aw-color-picker--inline {
    border: 1px solid var(--aw-content-border);
    border-radius: var(--aw-radius-lg);
    background: var(--aw-overlay-bg);
  }

  .aw-color-picker--inline.aw-color-picker--invalid {
    border-color: var(--aw-field-border-invalid);
  }

  .aw-color-picker__trigger {
    width: var(--aw-field-height);
    height: var(--aw-field-height);
    cursor: pointer;
    padding: 4px;
  }

  .aw-color-picker__trigger.aw-field--sm {
    width: var(--aw-field-height-sm);
    height: var(--aw-field-height-sm);
    padding: 3px;
  }

  .aw-color-picker__trigger.aw-field--lg {
    width: var(--aw-field-height-lg);
    height: var(--aw-field-height-lg);
  }

  .aw-color-picker__trigger:focus-visible {
    border-color: var(--aw-field-border-focus);
    box-shadow: 0 0 0 3px var(--aw-primary-500) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-color-picker__trigger:focus-visible {
      box-shadow: 0 0 0 3px color-mix(in srgb,var(--aw-primary-500) 18%,transparent) !important;
    }
  }

  .aw-color-picker__swatch {
    border-radius: calc(var(--aw-radius-md) - 4px);
    width: 100%;
    height: 100%;
    display: block;
    box-shadow: inset 0 0 0 1px #0000001a;
  }

  .aw-color-picker--disabled .aw-color-picker__swatch {
    opacity: .5;
  }

  .aw-selection-chip {
    border-radius: var(--aw-radius-sm);
    background: var(--aw-surface-100);
    min-width: 0;
    max-width: 100%;
    color: var(--aw-text-strong);
    align-items: center;
    gap: .25rem;
    padding: .125rem .5rem;
    font-size: .875em;
    line-height: 1.4;
    display: inline-flex;
  }

  .dark .aw-selection-chip {
    background: var(--aw-surface-800);
  }

  .aw-selection-chip__label {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    overflow: hidden;
  }

  .aw-selection-chip__remove {
    border-radius: var(--aw-radius-pill);
    color: var(--aw-text-muted);
    cursor: pointer;
    background: none;
    border: 0;
    align-items: center;
    margin-right: -.125rem;
    padding: 0;
    display: inline-flex;
  }

  .aw-selection-chip__remove:hover {
    color: var(--aw-text);
  }

  .aw-multiselect--chip {
    min-height: var(--aw-field-height);
    height: auto;
  }

  .aw-multiselect--chip.aw-field--sm {
    min-height: var(--aw-field-height-sm);
  }

  .aw-multiselect--chip.aw-field--lg {
    min-height: var(--aw-field-height-lg);
  }

  .aw-multiselect-panel__count {
    color: var(--aw-text-muted);
    flex: auto;
    font-size: .8125rem;
  }

  .aw-autocomplete {
    cursor: text;
  }

  .aw-autocomplete--multiple {
    flex-wrap: wrap;
    gap: .25rem;
    padding-top: .25rem;
    padding-bottom: .25rem;
  }

  .aw-autocomplete--multiple .aw-autocomplete__input {
    width: auto;
    min-height: calc(var(--aw-field-height) - .5rem - 2px);
    flex: 1 0 6rem;
  }

  .aw-field--sm.aw-autocomplete--multiple .aw-autocomplete__input {
    min-height: calc(var(--aw-field-height-sm) - .5rem - 2px);
  }

  .aw-autocomplete__dropdown {
    margin-right: calc(var(--aw-field-padding-x) * -.5);
  }

  .aw-listbox {
    box-sizing: border-box;
    background: var(--aw-field-bg);
    min-width: 0;
    color: var(--aw-text);
    border: 1px solid var(--aw-field-border);
    border-radius: var(--aw-radius-md);
    box-shadow: var(--aw-field-shadow);
    font-size: var(--aw-font-size);
    flex-direction: column;
    display: flex;
    overflow: hidden;
  }

  .aw-listbox--invalid {
    border-color: var(--aw-field-border-invalid);
  }

  .aw-listbox--disabled {
    background: var(--aw-field-disabled-bg);
    opacity: .7;
    pointer-events: none;
  }

  .aw-listbox__header {
    padding: .5rem .5rem .25rem;
    display: flex;
  }

  .aw-listbox__list:focus-visible {
    box-shadow: inset 0 0 0 2px var(--aw-primary-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-listbox__list:focus-visible {
      box-shadow: inset 0 0 0 2px color-mix(in srgb,var(--aw-primary-500) 35%,transparent);
    }
  }

  .aw-tree {
    min-width: 0;
    min-height: 0;
    color: var(--aw-text);
    font-size: var(--aw-font-size);
    flex-direction: column;
    display: flex;
    position: relative;
  }

  .aw-tree__filter {
    padding: 0 0 .5rem;
    display: flex;
  }

  .aw-tree__list {
    border-radius: var(--aw-radius-sm);
    min-height: 0;
    margin: 0;
    padding: .125rem;
    list-style: none;
    overflow-y: auto;
  }

  .aw-tree__spacer {
    list-style: none;
  }

  .aw-tree__node {
    border-radius: var(--aw-radius-sm);
    cursor: default;
    -webkit-user-select: none;
    user-select: none;
    align-items: center;
    gap: .375rem;
    min-width: 0;
    padding: .3125rem .5rem;
    display: flex;
  }

  .aw-tree__node + .aw-tree__node {
    margin-top: 1px;
  }

  .aw-tree__node--selectable {
    cursor: pointer;
  }

  .aw-tree__node:hover:not(.aw-tree__node--selected) {
    background: var(--aw-option-hover-bg);
    color: var(--aw-option-hover-text);
  }

  .aw-tree__list:focus-visible .aw-tree__node--focused {
    box-shadow: inset 0 0 0 2px var(--aw-primary-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-tree__list:focus-visible .aw-tree__node--focused {
      box-shadow: inset 0 0 0 2px color-mix(in srgb,var(--aw-primary-500) 45%,transparent);
    }
  }

  .aw-tree__node--focused:not(.aw-tree__node--selected) {
    background: var(--aw-option-hover-bg);
  }

  .aw-tree__node--selected {
    background: var(--aw-highlight-bg);
    color: var(--aw-highlight-text);
  }

  .aw-tree__list--virtual .aw-tree__node {
    box-sizing: border-box;
    height: var(--aw-tree-row);
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .aw-tree__toggler {
    border-radius: var(--aw-radius-pill);
    width: 1.5rem;
    height: 1.5rem;
    color: var(--aw-text-muted);
    cursor: pointer;
    transition: transform var(--aw-duration) var(--aw-ease);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .aw-tree__toggler:hover {
    background: var(--aw-content-hover-bg);
    color: var(--aw-text);
  }

  .aw-tree__toggler--expanded {
    transform: rotate(90deg);
  }

  .aw-tree__toggler--leaf {
    visibility: hidden;
  }

  .aw-tree__icon {
    color: var(--aw-text-muted);
    flex-shrink: 0;
  }

  .aw-tree__node--selected .aw-tree__icon {
    color: inherit;
  }

  .aw-tree__label {
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: auto;
    align-items: center;
    gap: .5rem;
    min-width: 0;
    display: flex;
    overflow: hidden;
  }

  .aw-tree--disabled {
    opacity: .6;
    pointer-events: none;
  }

  .aw-tree__loading {
    color: var(--aw-primary);
    background: var(--aw-content-bg);
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-tree__loading {
      background: color-mix(in srgb,var(--aw-content-bg) 60%,transparent);
    }
  }

  .aw-treeselect-panel__tree {
    flex: auto;
    padding: .5rem;
  }

  .aw-datepicker {
    vertical-align: middle;
    max-width: 100%;
    display: inline-flex;
    position: relative;
  }

  .aw-datepicker--fluid {
    width: 100%;
    display: flex;
  }

  .aw-datepicker__field {
    flex: auto;
  }

  .aw-datepicker__input-icon {
    cursor: pointer;
  }

  .aw-field--disabled .aw-datepicker__input-icon {
    cursor: not-allowed;
  }

  .aw-datepicker__field--button {
    padding-right: 0;
    overflow: hidden;
  }

  .aw-datepicker__trigger {
    border: 0;
    border-left: 1px solid var(--aw-field-border);
    background: var(--aw-secondary-bg);
    min-width: 2.5rem;
    color: var(--aw-secondary-text);
    font: inherit;
    cursor: pointer;
    transition: background-color var(--aw-duration) ease;
    flex-shrink: 0;
    justify-content: center;
    align-self: stretch;
    align-items: center;
    margin: 0;
    padding: 0 .65rem;
    display: inline-flex;
  }

  .aw-datepicker__trigger:hover:not(:disabled) {
    background: var(--aw-secondary-hover-bg);
    color: var(--aw-text);
  }

  .aw-datepicker__trigger:disabled {
    cursor: not-allowed;
    opacity: .6;
  }

  .aw-field--sm .aw-datepicker__trigger {
    min-width: 2.25rem;
    padding: 0 .5rem;
  }

  .aw-datepicker__panel {
    box-sizing: border-box;
    width: 18.5rem;
    max-width: calc(100vw - 16px);
    font-size: var(--aw-font-size);
    color: var(--aw-text);
    padding: .75rem;
    overflow: auto;
  }

  .aw-datepicker__panel[data-aw-sheet] {
    width: 100%;
    padding-inline: max(.75rem,env(safe-area-inset-left, 0px));
  }

  .aw-datepicker__panel[data-aw-sheet] .aw-datepicker__day {
    width: 44px;
    height: 44px;
  }

  .aw-datepicker__panel--week {
    width: 20.75rem;
  }

  .aw-datepicker__panel--inline {
    background: var(--aw-content-bg);
    border: 1px solid var(--aw-content-border);
    border-radius: var(--aw-radius-lg);
    flex-direction: column;
    max-width: 100%;
    display: inline-flex;
  }

  .aw-datepicker__panel--disabled {
    opacity: .6;
  }

  .aw-datepicker__header {
    border-bottom: 1px solid var(--aw-content-border);
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
    margin-bottom: .5rem;
    padding: 0 0 .5rem;
    display: flex;
  }

  .aw-datepicker__title {
    align-items: center;
    gap: .25rem;
    font-weight: 600;
    display: flex;
  }

  .aw-datepicker__title-text {
    padding: .25rem .5rem;
  }

  .aw-datepicker__nav, .aw-datepicker__title-btn {
    color: var(--aw-text);
    font: inherit;
    cursor: pointer;
    transition: background-color var(--aw-duration) ease,color var(--aw-duration) ease;
    background: none;
    border: 0;
    justify-content: center;
    align-items: center;
    margin: 0;
    display: inline-flex;
  }

  .aw-datepicker__nav {
    border-radius: var(--aw-radius-pill);
    width: 2rem;
    height: 2rem;
    color: var(--aw-text-muted);
    padding: 0;
  }

  .aw-datepicker__title-btn {
    border-radius: var(--aw-radius-sm);
    padding: .25rem .5rem;
    font-weight: 600;
  }

  .aw-datepicker__nav:hover:not(:disabled), .aw-datepicker__title-btn:hover {
    background: var(--aw-option-hover-bg);
    color: var(--aw-option-hover-text);
  }

  .aw-datepicker__title-btn:hover {
    color: var(--aw-primary);
  }

  .aw-datepicker__nav:disabled {
    opacity: .4;
    cursor: not-allowed;
  }

  .aw-datepicker__grid {
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    width: 100%;
    font-size: var(--aw-font-size-sm);
    outline: none;
  }

  .aw-datepicker__weekday, .aw-datepicker__weekheader {
    color: var(--aw-text-strong);
    text-align: center;
    padding: .25rem 0;
    font-weight: 600;
  }

  .aw-datepicker__weekheader, .aw-datepicker__weeknum {
    width: 2.25rem;
    color: var(--aw-text-muted);
    text-align: center;
    font-size: .75rem;
    font-weight: 500;
  }

  .aw-datepicker__weeknum {
    border-right: 1px solid var(--aw-content-border);
  }

  .aw-datepicker__cell {
    text-align: center;
    cursor: pointer;
    outline: none;
    padding: 2px 0;
  }

  .aw-datepicker__day {
    border-radius: var(--aw-radius-pill);
    width: 2rem;
    height: 2rem;
    color: var(--aw-text);
    transition: background-color var(--aw-duration-fast) ease,color var(--aw-duration-fast) ease,box-shadow var(--aw-duration-fast) ease;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    position: relative;
  }

  .aw-datepicker__cell--wide .aw-datepicker__day {
    border-radius: var(--aw-radius-md);
    width: 100%;
    max-width: 5rem;
    height: 2.5rem;
  }

  .aw-datepicker__grid--months .aw-datepicker__cell, .aw-datepicker__grid--years .aw-datepicker__cell {
    padding: .25rem;
  }

  .aw-datepicker__cell:hover:not(.aw-datepicker__cell--disabled):not(.aw-datepicker__cell--selected) .aw-datepicker__day {
    background: var(--aw-option-hover-bg);
    color: var(--aw-option-hover-text);
  }

  .aw-datepicker__cell:focus-visible .aw-datepicker__day {
    box-shadow: var(--aw-focus-ring-tight);
  }

  .aw-datepicker__cell--other .aw-datepicker__day {
    color: var(--aw-text-disabled);
  }

  .aw-datepicker__cell--today .aw-datepicker__day {
    color: var(--aw-primary);
    font-weight: 700;
  }

  .aw-datepicker__cell--today .aw-datepicker__day:after {
    content: "";
    border-radius: var(--aw-radius-pill);
    background: currentColor;
    width: 4px;
    height: 4px;
    margin-left: -2px;
    position: absolute;
    bottom: .2rem;
    left: 50%;
  }

  .aw-datepicker__cell--disabled {
    cursor: default;
  }

  .aw-datepicker__cell--disabled .aw-datepicker__day {
    color: var(--aw-text-disabled);
    opacity: .55;
    text-decoration: line-through;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-datepicker__cell--disabled .aw-datepicker__day {
      -webkit-text-decoration-color: color-mix(in srgb,currentColor 50%,transparent);
      -webkit-text-decoration-color: color-mix(in srgb,currentColor 50%,transparent);
      text-decoration-color: color-mix(in srgb,currentColor 50%,transparent);
    }
  }

  .aw-datepicker__cell--other.aw-datepicker__cell--disabled .aw-datepicker__day {
    text-decoration: none;
  }

  .aw-datepicker__cell--in-range {
    background: var(--aw-highlight-bg);
  }

  .aw-datepicker__cell--in-range .aw-datepicker__day {
    color: var(--aw-highlight-text);
  }

  .aw-datepicker__cell--range-start {
    background: linear-gradient(to right,transparent 50%,var(--aw-highlight-bg) 50%);
  }

  .aw-datepicker__cell--range-end {
    background: linear-gradient(to left,transparent 50%,var(--aw-highlight-bg) 50%);
  }

  .aw-datepicker__cell--preview {
    background-color: #0000;
    background-image: none;
  }

  .aw-datepicker__cell--preview:not(.aw-datepicker__cell--selected) .aw-datepicker__day {
    background: var(--aw-highlight-bg);
    border-radius: var(--aw-radius-xs);
  }

  .aw-datepicker__cell--preview.aw-datepicker__cell--range-end:not(.aw-datepicker__cell--selected) .aw-datepicker__day {
    box-shadow: inset 0 0 0 1px var(--aw-primary);
    border-radius: var(--aw-radius-pill);
  }

  .aw-datepicker__cell--selected .aw-datepicker__day {
    background: var(--aw-primary);
    color: var(--aw-primary-contrast);
  }

  .aw-datepicker__cell--selected.aw-datepicker__cell--today .aw-datepicker__day {
    color: var(--aw-primary-contrast);
  }

  .aw-datepicker__cell--selected:hover .aw-datepicker__day {
    background: var(--aw-primary-hover);
  }

  .aw-datepicker__time {
    border-top: 1px solid var(--aw-content-border);
    justify-content: center;
    align-items: center;
    gap: .5rem;
    margin-top: .5rem;
    padding-top: .5rem;
    display: flex;
  }

  .aw-datepicker__time--only {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
  }

  .aw-datepicker__panel:has(.aw-datepicker__time--only) {
    width: auto;
  }

  .aw-datepicker__spinner {
    flex-direction: column;
    align-items: center;
    gap: .125rem;
    display: flex;
  }

  .aw-datepicker__spin-btn {
    border-radius: var(--aw-radius-pill);
    width: 2rem;
    height: 1.75rem;
    color: var(--aw-text-muted);
    cursor: pointer;
    background: none;
    border: 0;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: inline-flex;
  }

  .aw-datepicker__spin-btn:hover:not(:disabled) {
    background: var(--aw-option-hover-bg);
    color: var(--aw-option-hover-text);
  }

  .aw-datepicker__spin-btn:disabled {
    cursor: not-allowed;
    opacity: .5;
  }

  .aw-datepicker__spin-value {
    border-radius: var(--aw-radius-sm);
    font-variant-numeric: tabular-nums;
    text-align: center;
    cursor: default;
    min-width: 2.5rem;
    padding: .25rem .375rem;
    font-weight: 600;
  }

  .aw-datepicker__spin-value:focus {
    background: var(--aw-highlight-bg);
    color: var(--aw-highlight-text);
    outline: none;
  }

  .aw-datepicker__time-sep {
    color: var(--aw-text-muted);
    font-weight: 600;
  }

  .aw-datepicker__footer {
    border-top: 1px solid var(--aw-content-border);
    margin-top: .5rem;
    padding-top: .5rem;
  }

  .aw-datepicker__buttonbar {
    border-top: 1px solid var(--aw-content-border);
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
    margin-top: .5rem;
    padding-top: .5rem;
    display: flex;
  }

  .aw-paginator__icon {
    font-size: 1.5em;
  }

  .aw-paginator {
    background: var(--aw-content-bg);
    color: var(--aw-text-muted);
    font-size: var(--aw-font-size-sm);
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: .25rem;
    padding: .5rem 1rem;
    display: flex;
  }

  .aw-paginator--spread .aw-paginator__report {
    margin-inline-end: auto;
  }

  .aw-paginator--spread .aw-paginator__rpp {
    margin-inline-start: auto;
  }

  .aw-paginator__report {
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
    color: var(--aw-text-muted);
    padding: 0 .5rem;
  }

  .aw-paginator__pages {
    align-items: center;
    gap: .125rem;
    display: inline-flex;
  }

  .aw-paginator .aw-paginator__nav {
    --aw-btn-height: 2.5rem;
    min-width: 2.5rem;
    font-size: var(--aw-font-size-sm);
    font-variant-numeric: tabular-nums;
    border-radius: var(--aw-radius-pill);
    padding: 0 .5rem;
  }

  .aw-paginator .aw-paginator__page--current, .aw-paginator .aw-paginator__page--current:hover:not(.aw-button--disabled) {
    --aw-btn-bg: var(--aw-highlight-focus-bg);
    --aw-btn-fg: var(--aw-highlight-text);
    font-weight: 600;
  }

  .aw-paginator__rpp {
    align-items: center;
    padding-inline-start: .5rem;
    display: inline-flex;
  }

  .aw-paginator__select {
    font-variant-numeric: tabular-nums;
  }

  .aw-paginator__start, .aw-paginator__end {
    align-items: center;
    gap: .5rem;
    display: inline-flex;
  }

  .aw-paginator__start {
    margin-inline-end: auto;
  }

  .aw-paginator__end {
    margin-inline-start: auto;
  }

  @media (max-width: 640px) {
    .aw-paginator--spread .aw-paginator__report {
      text-align: center;
      flex-basis: 100%;
      margin: 0 0 .25rem;
    }

    .aw-paginator--spread .aw-paginator__rpp {
      margin-inline-start: .25rem;
    }
  }

  .aw-datatable {
    --aw-dt-cell-py: .75rem;
    --aw-dt-cell-px: 1rem;
    --aw-dt-border: var(--aw-content-border);
    --aw-dt-bg: var(--aw-content-bg);
    --aw-dt-striped-bg: var(--aw-surface-50);
    --aw-dt-group-bg: var(--aw-surface-50);
    --aw-dt-skeleton-a: var(--aw-surface-100);
    --aw-dt-skeleton-b: var(--aw-surface-200);
    box-sizing: border-box;
    min-width: 0;
    color: var(--aw-text);
    position: relative;
  }

  .dark .aw-datatable {
    --aw-dt-striped-bg: var(--aw-surface-950);
    --aw-dt-group-bg: var(--aw-surface-800);
    --aw-dt-skeleton-a: var(--aw-surface-800);
    --aw-dt-skeleton-b: var(--aw-surface-700);
  }

  .aw-datatable--sm {
    --aw-dt-cell-py: .375rem;
    --aw-dt-cell-px: .5rem;
  }

  .aw-datatable--lg {
    --aw-dt-cell-py: .9375rem;
    --aw-dt-cell-px: 1.25rem;
  }

  .aw-datatable--compact {
    --aw-dt-cell-py: .35rem;
  }

  .aw-datatable--compact .aw-datatable__tbody > tr > td {
    font-size: .82rem;
  }

  .aw-datatable__wrapper {
    position: relative;
  }

  .aw-datatable--scrollable > .aw-datatable__wrapper {
    overflow: auto;
  }

  .aw-datatable__wrapper--scroll-x {
    overflow-x: auto;
  }

  .aw-datatable--flex {
    flex-direction: column;
    height: 100%;
    min-height: 0;
    display: flex;
  }

  .aw-datatable--flex > .aw-datatable__wrapper {
    flex: auto;
    min-height: 0;
  }

  .aw-datatable__table {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
  }

  .aw-datatable__thead {
    z-index: 2;
    position: sticky;
    top: 0;
  }

  .aw-datatable__header-cell {
    padding: var(--aw-dt-cell-py) var(--aw-dt-cell-px);
    text-align: start;
    vertical-align: middle;
    color: var(--aw-text);
    background: var(--aw-dt-bg);
    border-bottom: 1px solid var(--aw-dt-border);
    white-space: nowrap;
    transition: background-color var(--aw-duration) ease;
    font-weight: 600;
  }

  .aw-datatable__header-cell--sortable:hover {
    background: var(--aw-content-hover-bg);
  }

  .aw-datatable__column-title {
    align-items: center;
    gap: .5rem;
    display: inline-flex;
  }

  .aw-datatable__sort-button {
    color: inherit;
    font: inherit;
    text-align: inherit;
    cursor: pointer;
    border-radius: var(--aw-radius-xs);
    background: none;
    border: 0;
    align-items: center;
    gap: .5rem;
    margin: 0;
    padding: 0;
    display: inline-flex;
  }

  .aw-datatable__sort-button:focus-visible {
    box-shadow: var(--aw-focus-ring-tight);
    outline: none;
  }

  .aw-datatable__sort-icon {
    color: var(--aw-text-muted);
    transition: color var(--aw-duration) ease;
    align-items: center;
    font-size: .875rem;
    display: inline-flex;
    position: relative;
  }

  .aw-datatable__header-cell--sortable:hover .aw-datatable__sort-icon {
    color: var(--aw-text);
  }

  .aw-datatable__header-cell--sorted .aw-datatable__sort-icon, .aw-datatable__header-cell--sorted:hover .aw-datatable__sort-icon {
    color: var(--aw-primary);
  }

  .aw-datatable__sort-badge {
    border-radius: var(--aw-radius-pill);
    background: var(--aw-highlight-bg);
    min-width: .9rem;
    height: .9rem;
    color: var(--aw-highlight-text);
    text-align: center;
    padding: 0 .2rem;
    font-size: .625rem;
    line-height: .9rem;
    position: absolute;
    top: -.45rem;
    right: -.6rem;
  }

  .aw-datatable__progress-row > th {
    border: 0;
    height: 0;
    padding: 0;
    position: relative;
  }

  .aw-datatable__progress {
    background: var(--aw-primary);
    height: 2px;
    position: absolute;
    top: -2px;
    left: 0;
    right: 0;
    overflow: hidden;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-datatable__progress {
      background: color-mix(in srgb,var(--aw-primary) 18%,transparent);
    }
  }

  .aw-datatable__progress:after {
    content: "";
    background: var(--aw-primary);
    border-radius: var(--aw-radius-pill);
    width: 35%;
    animation: aw-datatable-progress 1.1s var(--aw-ease) infinite;
    position: absolute;
    top: 0;
    bottom: 0;
  }

  @keyframes aw-datatable-progress {
    0% {
      left: -35%;
    }

    to {
      left: 100%;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .aw-datatable__progress:after {
      animation-duration: 3s;
    }
  }

  .aw-datatable__row {
    --aw-dt-row-bg: transparent;
    color: var(--aw-text);
  }

  .aw-datatable__tbody > tr > td {
    padding: var(--aw-dt-cell-py) var(--aw-dt-cell-px);
    vertical-align: middle;
    border-bottom: 1px solid var(--aw-dt-border);
    background: linear-gradient(var(--aw-dt-row-bg, transparent),var(--aw-dt-row-bg, transparent)),var(--aw-dt-bg);
    transition: background-color var(--aw-duration-fast) ease;
  }

  .aw-datatable--striped .aw-datatable__row--odd {
    --aw-dt-row-bg: var(--aw-dt-striped-bg);
  }

  .aw-datatable--hoverable .aw-datatable__row:hover {
    --aw-dt-row-bg: var(--aw-content-hover-bg);
  }

  .aw-datatable .aw-datatable__row--selected, .aw-datatable--hoverable .aw-datatable__row--selected:hover {
    --aw-dt-row-bg: var(--aw-highlight-bg);
    color: var(--aw-highlight-text);
  }

  .aw-datatable--interactive .aw-datatable__row {
    cursor: pointer;
  }

  .aw-datatable__row:focus-visible, .aw-datatable__row:has(.aw-datatable__row-link:focus-visible) {
    outline: 2px solid var(--aw-primary-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-datatable__row:focus-visible, .aw-datatable__row:has(.aw-datatable__row-link:focus-visible) {
      outline: 2px solid color-mix(in srgb,var(--aw-primary-500) 65%,transparent);
    }
  }

  .aw-datatable__row:focus-visible, .aw-datatable__row:has(.aw-datatable__row-link:focus-visible) {
    outline-offset: -2px;
  }

  .aw-datatable__row-link {
    clip-path: inset(50%);
    white-space: nowrap;
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
  }

  .aw-datatable__row-link:focus {
    outline: none;
  }

  .aw-datatable__selection-cell {
    white-space: nowrap;
    width: 1%;
  }

  .aw-datatable__check {
    vertical-align: middle;
  }

  .aw-datatable .aw-datatable__toggler {
    --aw-btn-height: 1.75rem;
    vertical-align: middle;
    flex-shrink: 0;
    width: 1.75rem;
  }

  .aw-datatable__toggler .aw-icon {
    transition: transform var(--aw-duration) var(--aw-ease);
    font-size: 1.125rem;
  }

  .aw-datatable__toggler--open .aw-icon {
    transform: rotate(90deg);
  }

  .aw-datatable__expander-cell {
    white-space: nowrap;
  }

  .aw-datatable__reorder-cell {
    white-space: nowrap;
    width: 1%;
  }

  .aw-datatable__reorder-handle {
    border-radius: var(--aw-radius-xs);
    width: 1.75rem;
    height: 1.75rem;
    color: var(--aw-text-muted);
    font: inherit;
    vertical-align: middle;
    cursor: grab;
    touch-action: none;
    transition: color var(--aw-duration) ease;
    background: none;
    border: 0;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: inline-flex;
  }

  .aw-datatable__reorder-handle:hover:not(:disabled) {
    color: var(--aw-text);
  }

  .aw-datatable__reorder-handle:focus-visible {
    box-shadow: var(--aw-focus-ring-tight);
    outline: none;
  }

  .aw-datatable__reorder-handle:disabled {
    cursor: default;
    opacity: .4;
  }

  .aw-datatable__reorder-handle--grabbed {
    color: var(--aw-primary);
  }

  .aw-datatable--dragging, .aw-datatable--dragging .aw-datatable__row, .aw-datatable--dragging .aw-datatable__reorder-handle {
    cursor: grabbing;
  }

  .aw-datatable .aw-datatable__row--grabbed {
    --aw-dt-row-bg: var(--aw-highlight-focus-bg);
  }

  .aw-datatable__row--dragging > td {
    opacity: .4;
  }

  .aw-datatable__tbody > tr.aw-datatable__row--drop-before > td {
    box-shadow: inset 0 2px 0 var(--aw-primary);
  }

  .aw-datatable__tbody > tr.aw-datatable__row--drop-after > td {
    box-shadow: inset 0 -2px 0 var(--aw-primary);
  }

  .aw-datatable__ghost {
    background: var(--aw-dt-bg);
    color: var(--aw-text);
    border-radius: var(--aw-radius-xs);
  }

  .aw-datatable__ghost > td {
    padding: var(--aw-dt-cell-py) var(--aw-dt-cell-px);
    vertical-align: middle;
    background: var(--aw-dt-bg);
  }

  @media (pointer: coarse) {
    .aw-datatable__reorder-handle {
      width: 44px;
      height: 44px;
      margin: -.5rem 0;
    }
  }

  .aw-datatable__tbody > tr.aw-datatable__group-header > td {
    --aw-dt-row-bg: var(--aw-dt-group-bg);
    font-weight: 600;
  }

  .aw-datatable__tbody > tr.aw-datatable__row-expansion > td {
    padding: var(--aw-dt-cell-py) var(--aw-dt-cell-px);
  }

  .aw-datatable__skeleton {
    border-radius: var(--aw-radius-sm);
    background: linear-gradient(90deg,var(--aw-dt-skeleton-a) 25%,var(--aw-dt-skeleton-b) 50%,var(--aw-dt-skeleton-a) 75%);
    background-size: 200% 100%;
    max-width: 100%;
    height: .875rem;
    animation: 1.4s ease-in-out infinite aw-datatable-shimmer;
    display: block;
  }

  @keyframes aw-datatable-shimmer {
    0% {
      background-position: 150% 0;
    }

    to {
      background-position: -50% 0;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .aw-datatable__skeleton {
      animation: none;
    }
  }

  .aw-datatable__empty-message {
    color: var(--aw-text-muted);
  }

  .aw-datatable__empty {
    text-align: center;
    padding: 2.25rem 1rem;
  }

  .aw-datatable__empty-icon {
    color: var(--aw-text-disabled);
    margin-bottom: .75rem;
    font-size: 2.25rem;
    line-height: 1;
    display: block;
  }

  .aw-datatable__empty-title {
    color: var(--aw-text);
    margin: 0;
    font-weight: 500;
  }

  .aw-datatable__empty-description {
    max-width: 28rem;
    font-size: var(--aw-font-size-sm);
    color: var(--aw-text-muted);
    margin: .25rem auto 0;
  }

  .aw-datatable__empty-action {
    justify-content: center;
    margin-top: 1rem;
    display: flex;
  }

  .aw-datatable__footer-cell {
    padding: var(--aw-dt-cell-py) var(--aw-dt-cell-px);
    background: var(--aw-dt-bg);
    border-bottom: 1px solid var(--aw-dt-border);
    font-weight: 600;
  }

  .aw-datatable__header, .aw-datatable__footer {
    background: var(--aw-dt-bg);
    border-bottom: 1px solid var(--aw-dt-border);
    padding: .75rem 1rem;
  }

  .aw-datatable__footer {
    border-bottom: 0;
  }

  .aw-datatable__cell--frozen {
    z-index: 1;
    position: sticky;
  }

  .aw-datatable__thead .aw-datatable__cell--frozen {
    z-index: 3;
  }

  .aw-datatable__tfoot .aw-datatable__cell--frozen {
    background: var(--aw-dt-bg);
  }

  .aw-datatable--gridlines .aw-datatable__header-cell, .aw-datatable--gridlines .aw-datatable__tbody > tr > td, .aw-datatable--gridlines .aw-datatable__footer-cell {
    border-right: 1px solid var(--aw-dt-border);
  }

  .aw-datatable--gridlines .aw-datatable__thead > tr:first-child > th {
    border-top: 1px solid var(--aw-dt-border);
  }

  .aw-datatable--gridlines .aw-datatable__table tr > :first-child {
    border-left: 1px solid var(--aw-dt-border);
  }

  .aw-treetable__node {
    align-items: center;
    gap: .25rem;
    min-width: 0;
    max-width: 100%;
    display: inline-flex;
  }

  .aw-treetable__indent {
    width: calc(var(--aw-tt-level, 0) * 1.25rem);
    flex-shrink: 0;
    display: inline-block;
  }

  .aw-treetable__toggler-spacer {
    flex-shrink: 0;
    width: 1.75rem;
    display: inline-block;
  }

  .aw-treetable__node-content {
    min-width: 0;
  }

  .aw-dialog__header-button .aw-icon {
    font-size: 1.5rem;
  }

  .aw-dialog__header-button .aw-dialog__maximize-icon {
    font-size: 1.125rem;
  }

  .aw-dialog-mask {
    padding: 1rem;
    padding-bottom: calc(1rem + var(--aw-keyboard-inset, 0px));
    box-sizing: border-box;
    pointer-events: none;
    justify-content: center;
    align-items: center;
    display: flex;
    position: fixed;
    inset: 0;
  }

  .aw-dialog-mask--modal {
    pointer-events: auto;
    background: var(--aw-mask-bg);
    -webkit-backdrop-filter: blur(2px);
  }

  .aw-dialog-mask--top {
    align-items: flex-start;
  }

  .aw-dialog-mask--bottom {
    align-items: flex-end;
  }

  .aw-dialog-mask--left {
    justify-content: flex-start;
  }

  .aw-dialog-mask--right {
    justify-content: flex-end;
  }

  .aw-dialog-mask--topleft {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .aw-dialog-mask--topright {
    justify-content: flex-end;
    align-items: flex-start;
  }

  .aw-dialog-mask--bottomleft {
    justify-content: flex-start;
    align-items: flex-end;
  }

  .aw-dialog-mask--bottomright {
    justify-content: flex-end;
    align-items: flex-end;
  }

  .aw-dialog {
    pointer-events: auto;
    box-sizing: border-box;
    max-width: calc(100vw - 2rem);
    max-height: calc(100dvh - 2rem - var(--aw-keyboard-inset, 0px));
    background: var(--aw-overlay-bg);
    color: var(--aw-text);
    border: 1px solid var(--aw-overlay-border);
    border-radius: var(--aw-radius-lg);
    box-shadow: var(--aw-overlay-shadow);
    font-size: var(--aw-font-size);
    outline: none;
    flex-direction: column;
    display: flex;
  }

  .aw-dialog--maximized {
    border-radius: 0;
    max-width: none;
    height: 100dvh;
    max-height: none;
    width: 100vw !important;
    translate: none !important;
  }

  .aw-dialog-mask:has(.aw-dialog--maximized) {
    padding: 0;
  }

  .aw-dialog-mask--fullscreen {
    justify-content: stretch;
    align-items: stretch;
    padding: 0;
  }

  .aw-dialog--fullscreen {
    height: calc(100dvh - var(--aw-keyboard-inset, 0px));
    border: 0;
    border-radius: 0;
    max-width: none;
    max-height: none;
    width: 100vw !important;
    translate: none !important;
  }

  .aw-dialog--fullscreen .aw-dialog__header {
    padding-top: max(1.125rem,env(safe-area-inset-top, 0px));
  }

  .aw-dialog--fullscreen .aw-dialog__footer, .aw-dialog--fullscreen:not(:has(.aw-dialog__footer)) .aw-dialog__content {
    padding-bottom: max(1.125rem,env(safe-area-inset-bottom, 0px));
  }

  .aw-dialog__header {
    flex-shrink: 0;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    padding: 1.125rem 1.25rem .75rem;
    display: flex;
  }

  .aw-dialog--draggable .aw-dialog__header {
    cursor: move;
  }

  .aw-dialog__title {
    min-width: 0;
    font-family: var(--aw-font-display);
    letter-spacing: -.01em;
    color: var(--aw-text-strong);
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.3;
  }

  .aw-dialog__header-actions {
    flex-shrink: 0;
    align-items: center;
    gap: .25rem;
    margin-inline-end: -.375rem;
    display: flex;
  }

  .aw-dialog__content {
    flex: auto;
    min-height: 0;
    padding: 0 1.25rem 1.25rem;
    overflow-y: auto;
  }

  .aw-dialog__footer {
    border-top: 1px solid var(--aw-content-border);
    flex-wrap: wrap;
    flex-shrink: 0;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
    padding: .875rem 1.25rem 1.125rem;
    display: flex;
  }

  .aw-dialog:not(:has(.aw-dialog__footer)) .aw-dialog__content {
    padding-bottom: 1.25rem;
  }

  @media (max-width: 639.98px) {
    .aw-dialog-mask--center {
      padding: max(.5rem,env(safe-area-inset-top, 0px)) 0 var(--aw-keyboard-inset, 0px);
      align-items: flex-end;
    }

    .aw-dialog-mask--center .aw-dialog:not(.aw-dialog--maximized, .aw-dialog--fullscreen) {
      max-width: 100%;
      max-height: calc(100dvh - max(.5rem,env(safe-area-inset-top, 0px)) - var(--aw-keyboard-inset, 0px));
      border-radius: var(--aw-radius-xl) var(--aw-radius-xl) 0 0;
      border-width: 1px 0 0;
      width: 100% !important;
      translate: none !important;
    }

    .aw-dialog:not(.aw-dialog--maximized) .aw-dialog__footer, .aw-dialog:not(.aw-dialog--maximized):not(:has(.aw-dialog__footer)) .aw-dialog__content {
      padding-bottom: max(1.125rem,env(safe-area-inset-bottom, 0px));
    }
  }

  .aw-dialog-enter-active, .aw-dialog-leave-active {
    transition: background-color var(--aw-duration-slow) ease,opacity var(--aw-duration-slow) ease;
  }

  .aw-dialog-enter-active .aw-dialog, .aw-dialog-leave-active .aw-dialog {
    transition: transform var(--aw-duration-slow) var(--aw-ease),opacity var(--aw-duration-slow) var(--aw-ease);
  }

  .aw-dialog-enter-from, .aw-dialog-leave-to {
    opacity: 0;
  }

  .aw-dialog-enter-from .aw-dialog, .aw-dialog-leave-to .aw-dialog {
    opacity: 0;
    transform: translateY(8px) scale(.97);
  }

  .aw-dialog-mask--top.aw-dialog-enter-from .aw-dialog, .aw-dialog-mask--top.aw-dialog-leave-to .aw-dialog {
    transform: translateY(-16px);
  }

  .aw-dialog-mask--bottom.aw-dialog-enter-from .aw-dialog, .aw-dialog-mask--bottom.aw-dialog-leave-to .aw-dialog {
    transform: translateY(16px);
  }

  .aw-dialog-mask--left.aw-dialog-enter-from .aw-dialog, .aw-dialog-mask--left.aw-dialog-leave-to .aw-dialog {
    transform: translate(-16px);
  }

  .aw-dialog-mask--right.aw-dialog-enter-from .aw-dialog, .aw-dialog-mask--right.aw-dialog-leave-to .aw-dialog {
    transform: translate(16px);
  }

  .aw-dialog-mask--still {
    --aw-duration-fast: .001ms;
    --aw-duration: .001ms;
    --aw-duration-slow: .001ms;
  }

  .aw-drawer-mask {
    pointer-events: none;
    display: flex;
    position: fixed;
    inset: 0;
    overflow: hidden;
  }

  .aw-drawer-mask--modal {
    pointer-events: auto;
    background: var(--aw-mask-bg);
    -webkit-backdrop-filter: blur(2px);
  }

  .aw-drawer-mask--left {
    justify-content: flex-start;
  }

  .aw-drawer-mask--right {
    justify-content: flex-end;
  }

  .aw-drawer-mask--top {
    align-items: flex-start;
  }

  .aw-drawer-mask--bottom {
    align-items: flex-end;
  }

  .aw-drawer {
    pointer-events: auto;
    box-sizing: border-box;
    background: var(--aw-overlay-bg);
    color: var(--aw-text);
    border: 0 solid var(--aw-overlay-border);
    box-shadow: var(--aw-overlay-shadow);
    font-size: var(--aw-font-size);
    outline: none;
    flex-direction: column;
    display: flex;
  }

  .aw-drawer--left, .aw-drawer--right {
    width: 20rem;
    max-width: 100vw;
    height: 100%;
  }

  .aw-drawer--left {
    border-right-width: 1px;
  }

  .aw-drawer--right {
    border-left-width: 1px;
  }

  .aw-drawer--top, .aw-drawer--bottom {
    width: 100%;
    height: 10rem;
    max-height: calc(100dvh - var(--aw-keyboard-inset, 0px));
  }

  .aw-drawer--bottom {
    margin-bottom: var(--aw-keyboard-inset, 0px);
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }

  .aw-drawer--left {
    padding-left: env(safe-area-inset-left, 0px);
  }

  .aw-drawer--right {
    padding-right: env(safe-area-inset-right, 0px);
  }

  .aw-drawer--left, .aw-drawer--right, .aw-drawer--full {
    padding-top: env(safe-area-inset-top, 0px);
  }

  .aw-drawer--top {
    border-bottom-width: 1px;
  }

  .aw-drawer--bottom {
    border-top-width: 1px;
  }

  .aw-drawer--full {
    width: 100%;
    height: 100%;
  }

  .aw-drawer__header {
    flex-shrink: 0;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    padding: 1.125rem 1.25rem;
    display: flex;
  }

  .aw-drawer__title {
    min-width: 0;
    font-family: var(--aw-font-display);
    letter-spacing: -.01em;
    color: var(--aw-text-strong);
    font-size: 1.2rem;
    font-weight: 600;
  }

  .aw-drawer__close .aw-icon {
    font-size: 1.5rem;
  }

  .aw-drawer__close {
    flex-shrink: 0;
    margin-inline-end: -.375rem;
  }

  .aw-drawer__content {
    flex: auto;
    min-height: 0;
    padding: 0 1.25rem 1.25rem;
    overflow-y: auto;
  }

  .aw-drawer__footer {
    padding: .875rem 1.25rem max(.875rem,env(safe-area-inset-bottom, 0px));
    border-top: 1px solid var(--aw-content-border);
    flex-shrink: 0;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
    display: flex;
  }

  .aw-drawer-enter-active, .aw-drawer-leave-active {
    transition: opacity var(--aw-duration-slow) ease;
  }

  .aw-drawer-enter-active .aw-drawer, .aw-drawer-leave-active .aw-drawer {
    transition: transform var(--aw-duration-slow) var(--aw-ease);
  }

  .aw-drawer-enter-from, .aw-drawer-leave-to {
    opacity: 0;
  }

  .aw-drawer-enter-from .aw-drawer--left, .aw-drawer-leave-to .aw-drawer--left {
    transform: translate(-100%);
  }

  .aw-drawer-enter-from .aw-drawer--right, .aw-drawer-leave-to .aw-drawer--right {
    transform: translate(100%);
  }

  .aw-drawer-enter-from .aw-drawer--top, .aw-drawer-leave-to .aw-drawer--top {
    transform: translateY(-100%);
  }

  .aw-drawer-enter-from .aw-drawer--bottom, .aw-drawer-leave-to .aw-drawer--bottom {
    transform: translateY(100%);
  }

  .aw-drawer-enter-from .aw-drawer--full, .aw-drawer-leave-to .aw-drawer--full {
    transform: scale(.98);
  }

  .aw-drawer-mask--still {
    --aw-duration-fast: .001ms;
    --aw-duration: .001ms;
    --aw-duration-slow: .001ms;
  }

  .aw-confirm-dialog {
    width: 28rem;
  }

  .aw-confirm-dialog__body {
    align-items: flex-start;
    gap: .875rem;
    display: flex;
  }

  .aw-confirm-dialog__icon {
    border-radius: var(--aw-radius-pill);
    border: 1px solid #0000;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.35rem;
    display: inline-flex;
  }

  .aw-confirm-dialog__icon--info {
    background: var(--aw-info-soft-bg);
    color: var(--aw-info-soft-text);
    border-color: var(--aw-info-soft-border);
  }

  .aw-confirm-dialog__icon--danger {
    background: var(--aw-danger-soft-bg);
    color: var(--aw-danger-soft-text);
    border-color: var(--aw-danger-soft-border);
  }

  .aw-confirm-dialog__icon--warn {
    background: var(--aw-warn-soft-bg);
    color: var(--aw-warn-soft-text);
    border-color: var(--aw-warn-soft-border);
  }

  .aw-confirm-dialog__icon--success {
    background: var(--aw-success-soft-bg);
    color: var(--aw-success-soft-text);
    border-color: var(--aw-success-soft-border);
  }

  .aw-confirm-dialog__message {
    white-space: pre-line;
    margin: 0;
    padding-top: .5rem;
    line-height: 1.5;
  }

  .aw-confirm-dialog .aw-dialog__footer {
    border-top: 0;
    padding-top: .25rem;
  }

  .aw-toast {
    z-index: var(--aw-z-toast, 1200);
    pointer-events: none;
    --aw-toast-offset: 1.25rem;
    width: 25rem;
    max-width: calc(100vw - 1.5rem);
    position: fixed;
  }

  .aw-toast--top-right {
    top: calc(var(--aw-toast-offset-top, var(--aw-toast-offset)) + env(safe-area-inset-top, 0px));
    right: var(--aw-toast-offset);
  }

  .aw-toast--top-left {
    top: calc(var(--aw-toast-offset-top, var(--aw-toast-offset)) + env(safe-area-inset-top, 0px));
    left: var(--aw-toast-offset);
  }

  .aw-toast--top-center {
    top: calc(var(--aw-toast-offset-top, var(--aw-toast-offset)) + env(safe-area-inset-top, 0px));
    left: 50%;
    transform: translate(-50%);
  }

  .aw-toast--bottom-right {
    bottom: calc(var(--aw-toast-offset) + env(safe-area-inset-bottom, 0px));
    right: var(--aw-toast-offset);
  }

  .aw-toast--bottom-left {
    bottom: calc(var(--aw-toast-offset) + env(safe-area-inset-bottom, 0px));
    left: var(--aw-toast-offset);
  }

  .aw-toast--bottom-center {
    bottom: calc(var(--aw-toast-offset) + env(safe-area-inset-bottom, 0px));
    left: 50%;
    transform: translate(-50%);
  }

  .aw-toast--center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  @media (max-width: 640px) {
    .aw-toast {
      --aw-toast-offset: .75rem;
      width: auto;
      max-width: none;
      left: .75rem;
      right: .75rem;
      transform: none;
    }
  }

  .aw-toast__stack {
    flex-direction: column;
    gap: .625rem;
    display: flex;
  }

  .aw-toast__message {
    --aw-toast-accent: var(--aw-info);
    pointer-events: auto;
    color: var(--aw-text);
    background: var(--aw-overlay-bg);
    align-items: flex-start;
    gap: .75rem;
    padding: .875rem .75rem .875rem 1rem;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-toast__message {
      background: color-mix(in srgb,var(--aw-overlay-bg) 92%,transparent);
    }
  }

  .aw-toast__message {
    -webkit-backdrop-filter: blur(12px) saturate(140%);
    border: 1px solid var(--aw-overlay-border);
    border-radius: var(--aw-radius-lg);
    box-shadow: var(--aw-overlay-shadow);
    touch-action: pan-y;
    transition: transform var(--aw-duration) var(--aw-ease),opacity var(--aw-duration) ease;
  }

  .aw-toast__message:before {
    content: "";
    background: var(--aw-toast-accent);
    width: 3px;
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
  }

  .aw-toast__message--success {
    --aw-toast-accent: var(--aw-success);
  }

  .aw-toast__message--warn {
    --aw-toast-accent: var(--aw-warn);
  }

  .aw-toast__message--error {
    --aw-toast-accent: var(--aw-danger);
  }

  .aw-toast__message--secondary {
    --aw-toast-accent: var(--aw-secondary-text);
  }

  .aw-toast__message--contrast {
    --aw-toast-accent: var(--aw-contrast-bg);
    background: var(--aw-contrast-bg);
    color: var(--aw-contrast-text);
    border-color: var(--aw-contrast-bg);
  }

  .aw-toast__icon {
    color: var(--aw-toast-accent);
    flex-shrink: 0;
    padding-top: .0625rem;
    font-size: 1.25rem;
    display: inline-flex;
  }

  .aw-toast__text {
    overflow-wrap: anywhere;
    flex: auto;
    min-width: 0;
  }

  .aw-toast__summary {
    color: var(--aw-text-strong);
    font-weight: 600;
    line-height: 1.35;
  }

  .aw-toast__message--contrast .aw-toast__summary {
    color: inherit;
  }

  .aw-toast__detail {
    font-size: var(--aw-font-size-sm);
    color: var(--aw-text-muted);
    margin-top: .125rem;
    line-height: 1.45;
  }

  .aw-toast__message--contrast .aw-toast__detail {
    color: inherit;
    opacity: .8;
  }

  .aw-toast__close .aw-icon {
    font-size: 1.5rem;
  }

  .aw-toast__close {
    flex-shrink: 0;
    margin: -.25rem -.125rem -.25rem 0;
  }

  .aw-toast__progress {
    background: var(--aw-toast-accent);
    opacity: .45;
    transform-origin: 0;
    inset-inline: 0;
    height: 2px;
    animation-name: aw-toast-life;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    position: absolute;
    bottom: 0;
  }

  .aw-toast--paused .aw-toast__progress {
    animation-play-state: paused;
  }

  @keyframes aw-toast-life {
    0% {
      transform: scaleX(1);
    }

    to {
      transform: scaleX(0);
    }
  }

  .aw-toast-enter-active, .aw-toast-leave-active {
    transition: transform var(--aw-duration-slow) var(--aw-ease),opacity var(--aw-duration-slow) ease;
  }

  .aw-toast-move {
    transition: transform var(--aw-duration-slow) var(--aw-ease);
  }

  .aw-toast-leave-active {
    position: absolute;
    inset-inline: 0;
  }

  .aw-toast-enter-from {
    opacity: 0;
    transform: translateY(-8px) scale(.97);
  }

  .aw-toast--bottom-right .aw-toast-enter-from, .aw-toast--bottom-left .aw-toast-enter-from, .aw-toast--bottom-center .aw-toast-enter-from {
    transform: translateY(8px) scale(.97);
  }

  .aw-toast-leave-to {
    opacity: 0;
    transform: translate(24px);
  }

  .aw-toast--still {
    --aw-duration-fast: .001ms;
    --aw-duration: .001ms;
    --aw-duration-slow: .001ms;
  }

  .aw-splitbutton__chevron {
    font-size: 1.5em;
  }

  .aw-splitbutton {
    vertical-align: middle;
    border-radius: var(--aw-radius-md);
    align-items: stretch;
    display: inline-flex;
  }

  .aw-splitbutton > .aw-splitbutton__main {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
  }

  .aw-splitbutton > .aw-splitbutton__toggle {
    border-start-start-radius: 0;
    border-end-start-radius: 0;
    width: auto;
    padding-inline: .5rem;
  }

  .aw-splitbutton:not(.aw-splitbutton--outlined):not(.aw-splitbutton--text) > .aw-splitbutton__toggle {
    box-shadow: inset 1px 0;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-splitbutton:not(.aw-splitbutton--outlined):not(.aw-splitbutton--text) > .aw-splitbutton__toggle {
      box-shadow: inset 1px 0 color-mix(in srgb,currentColor 22%,transparent);
    }
  }

  .aw-splitbutton--outlined > .aw-splitbutton__toggle {
    margin-inline-start: -1px;
  }

  .aw-splitbutton > .aw-button:hover, .aw-splitbutton > .aw-button:focus-visible {
    z-index: 1;
    transform: none;
  }

  .aw-splitbutton--text > .aw-splitbutton__toggle {
    padding-inline: .375rem;
  }

  .aw-card {
    box-sizing: border-box;
    min-width: 0;
    color: var(--aw-text);
    background: var(--aw-card-bg);
    border: 1px solid var(--aw-card-border);
    border-radius: var(--aw-radius-xl);
    box-shadow: var(--aw-card-shadow);
    transition: box-shadow var(--aw-duration-slow) var(--aw-ease),border-color var(--aw-duration-slow) ease;
    flex-direction: column;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .aw-card:before {
    content: "";
    background: linear-gradient(90deg,transparent,var(--aw-primary-400),var(--aw-primary-600),transparent);
    opacity: 0;
    pointer-events: none;
    height: 3px;
    transition: opacity .3s;
    position: absolute;
    inset: 0 0 auto;
  }

  .aw-card:hover {
    box-shadow: var(--aw-card-shadow-hover);
    border-color: var(--aw-primary-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-card:hover {
      border-color: color-mix(in srgb,var(--aw-primary-500) 30%,var(--aw-card-border));
    }
  }

  .aw-card:hover:before {
    opacity: 1;
  }

  .aw-card__body {
    flex-direction: column;
    flex: auto;
    gap: .75rem;
    min-width: 0;
    padding: 1.25rem 1.25rem 1rem;
    display: flex;
  }

  .aw-card__caption {
    flex-direction: column;
    gap: .25rem;
    display: flex;
  }

  .aw-card__title {
    font-family: var(--aw-font-display);
    letter-spacing: -.01em;
    color: var(--aw-text-strong);
    align-items: center;
    gap: .75rem;
    margin: 0;
    font-size: 1.05rem;
    font-weight: 600;
    line-height: 1.3;
    display: flex;
  }

  .aw-card__title > i:first-child {
    border-radius: var(--aw-radius-md);
    background: linear-gradient(135deg,var(--aw-primary-500),var(--aw-primary-500));
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 2.25rem;
    height: 2.25rem;
    display: inline-flex;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-card__title > i:first-child {
      background: linear-gradient(135deg,color-mix(in srgb,var(--aw-primary-500) 14%,transparent),color-mix(in srgb,var(--aw-primary-500) 4%,transparent));
    }
  }

  .aw-card__title > i:first-child {
    color: var(--aw-primary-600);
    box-shadow: inset 0 0 0 1px var(--aw-primary-500);
    font-size: 1.15rem;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-card__title > i:first-child {
      box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--aw-primary-500) 20%,transparent);
    }
  }

  .dark .aw-card__title > i:first-child {
    background: linear-gradient(135deg,var(--aw-primary-400),var(--aw-primary-400));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark .aw-card__title > i:first-child {
      background: linear-gradient(135deg,color-mix(in srgb,var(--aw-primary-400) 18%,transparent),color-mix(in srgb,var(--aw-primary-400) 4%,transparent));
    }
  }

  .dark .aw-card__title > i:first-child {
    color: var(--aw-primary-300);
    box-shadow: inset 0 0 0 1px var(--aw-primary-400);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark .aw-card__title > i:first-child {
      box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--aw-primary-400) 25%,transparent);
    }
  }

  .aw-card__subtitle {
    font-size: var(--aw-font-size-sm);
    color: var(--aw-text-muted);
  }

  .aw-card__content {
    min-width: 0;
  }

  .aw-card__footer {
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    padding-top: .25rem;
    display: flex;
  }

  @media (max-width: 640px) {
    .aw-card {
      border-radius: calc(var(--aw-radius-xl) - 2px);
    }

    .aw-card__body {
      padding: 1rem;
    }

    .aw-card__title {
      font-size: 1rem;
    }

    .aw-card__title > i:first-child {
      width: 2rem;
      height: 2rem;
      font-size: 1.05rem;
    }
  }

  @media (hover: none) {
    .aw-card:hover {
      box-shadow: var(--aw-card-shadow);
      border-color: var(--aw-card-border);
    }

    .aw-card:hover:before {
      opacity: 0;
    }
  }

  .aw-panel {
    box-sizing: border-box;
    min-width: 0;
    color: var(--aw-text);
    background: var(--aw-content-bg);
    border: 1px solid var(--aw-content-border);
    border-radius: var(--aw-radius-lg);
  }

  .aw-panel__header {
    border-radius: var(--aw-radius-lg) var(--aw-radius-lg) 0 0;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    min-height: 3rem;
    padding: .5rem .75rem .5rem 1.125rem;
    display: flex;
  }

  .aw-panel--toggleable .aw-panel__header {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
  }

  .aw-panel--toggleable .aw-panel__header:hover {
    background: var(--aw-content-hover-bg);
  }

  .aw-panel--collapsed .aw-panel__header {
    border-radius: var(--aw-radius-lg);
  }

  .aw-panel__title {
    min-width: 0;
    color: var(--aw-text-strong);
    flex: auto;
    font-weight: 600;
  }

  .aw-panel__icons {
    flex-shrink: 0;
    align-items: center;
    gap: .25rem;
    display: inline-flex;
  }

  .aw-panel__toggle {
    border-radius: var(--aw-radius-pill);
    width: 2rem;
    height: 2rem;
    color: var(--aw-text-muted);
    cursor: pointer;
    transition: background-color var(--aw-duration) ease,color var(--aw-duration) ease;
    background: none;
    border: 0;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: 1rem;
    display: inline-flex;
  }

  .aw-panel__toggle:hover {
    background: var(--aw-secondary-bg);
    color: var(--aw-text-strong);
  }

  .aw-panel__toggle:focus-visible {
    box-shadow: var(--aw-focus-ring-tight);
    outline: none;
  }

  .aw-panel__toggle .aw-icon {
    transition: transform var(--aw-duration) var(--aw-ease);
    font-size: 1.5em;
  }

  .aw-panel--collapsed .aw-panel__toggle .aw-icon {
    transform: rotate(-90deg);
  }

  .aw-panel__collapse {
    transition: grid-template-rows var(--aw-duration-slow) var(--aw-ease);
    grid-template-rows: 1fr;
    display: grid;
  }

  .aw-panel--collapsed .aw-panel__collapse {
    grid-template-rows: 0fr;
  }

  .aw-panel__region {
    min-height: 0;
  }

  .aw-panel__region--clip {
    overflow: hidden;
  }

  .aw-panel--collapsed .aw-panel__region {
    visibility: hidden;
    transition: visibility 0s var(--aw-duration-slow);
  }

  .aw-panel__content, .aw-panel__footer {
    padding: 0 1.125rem 1.125rem;
  }

  .aw-accordion {
    border: 1px solid var(--aw-content-border);
    border-radius: var(--aw-radius-lg);
    background: var(--aw-content-bg);
    flex-direction: column;
    min-width: 0;
    display: flex;
    overflow: clip;
  }

  .aw-accordion-panel + .aw-accordion-panel {
    border-top: 1px solid var(--aw-content-border);
  }

  .aw-accordion-header {
    box-sizing: border-box;
    width: 100%;
    font: inherit;
    text-align: left;
    color: var(--aw-text-strong);
    cursor: pointer;
    transition: background-color var(--aw-duration) ease;
    background: none;
    border: 0;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    padding: .875rem 1.125rem;
    font-weight: 600;
    display: flex;
  }

  .aw-accordion-header:hover:not(:disabled) {
    background: var(--aw-content-hover-bg);
  }

  .aw-accordion-header:focus-visible {
    box-shadow: inset var(--aw-focus-ring-tight);
    outline: none;
  }

  .aw-accordion-header:disabled {
    color: var(--aw-text-disabled);
    cursor: not-allowed;
  }

  .aw-accordion-header__label {
    flex: auto;
    min-width: 0;
  }

  .aw-accordion-header__icon {
    color: var(--aw-text-muted);
    transition: transform var(--aw-duration) var(--aw-ease);
    font-size: 1.5em;
  }

  .aw-accordion-panel--open .aw-accordion-header__icon {
    transform: rotate(180deg);
  }

  .aw-accordion-content {
    transition: grid-template-rows var(--aw-duration-slow) var(--aw-ease);
    grid-template-rows: 1fr;
    display: grid;
  }

  .aw-accordion-content--closed {
    grid-template-rows: 0fr;
  }

  .aw-accordion-content__region {
    min-height: 0;
  }

  .aw-accordion-content__region--clip {
    overflow: hidden;
  }

  .aw-accordion-content--closed .aw-accordion-content__region {
    visibility: hidden;
    transition: visibility 0s var(--aw-duration-slow);
  }

  .aw-accordion-content__body {
    color: var(--aw-text);
    padding: 0 1.125rem 1rem;
  }

  .aw-stepper {
    flex-direction: column;
    min-width: 0;
    display: flex;
  }

  .aw-steplist {
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem 0;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
  }

  .aw-step {
    flex: auto;
    align-items: center;
    min-width: 0;
    display: flex;
  }

  .aw-step:first-child {
    flex: none;
  }

  .aw-step__separator {
    background: var(--aw-content-border);
    min-width: 1.5rem;
    height: 2px;
    transition: background-color var(--aw-duration) ease;
    border-radius: 2px;
    flex: 1.5rem;
    margin: 0 .5rem;
  }

  .aw-step--active .aw-step__separator, .aw-step--completed .aw-step__separator {
    background: var(--aw-primary);
  }

  .aw-step__header {
    font: inherit;
    font-size: var(--aw-font-size-sm);
    color: var(--aw-text-muted);
    border-radius: var(--aw-radius-md);
    cursor: pointer;
    transition: background-color var(--aw-duration) ease;
    background: none;
    border: 0;
    flex-shrink: 0;
    align-items: center;
    gap: .625rem;
    padding: .375rem .5rem;
    font-weight: 500;
    display: inline-flex;
  }

  .aw-step:not(.aw-step--locked) .aw-step__header:hover {
    background: var(--aw-content-hover-bg);
  }

  .aw-step__header:focus-visible {
    box-shadow: var(--aw-focus-ring-tight);
    outline: none;
  }

  .aw-step--locked .aw-step__header {
    cursor: default;
  }

  .aw-step--disabled .aw-step__header {
    opacity: .55;
    cursor: not-allowed;
  }

  .aw-step__number {
    border-radius: var(--aw-radius-pill);
    width: 2rem;
    height: 2rem;
    color: var(--aw-text-muted);
    background: var(--aw-content-bg);
    border: 2px solid var(--aw-content-border);
    transition: background-color var(--aw-duration) ease,border-color var(--aw-duration) ease,color var(--aw-duration) ease;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    display: inline-flex;
  }

  .aw-step--completed .aw-step__number {
    color: var(--aw-primary);
    border-color: var(--aw-primary);
  }

  .aw-step--active .aw-step__number {
    color: var(--aw-primary-contrast);
    background: var(--aw-primary);
    border-color: var(--aw-primary);
  }

  .aw-step--active .aw-step__title {
    color: var(--aw-text-strong);
    font-weight: 600;
  }

  .aw-step--completed .aw-step__title {
    color: var(--aw-text);
  }

  .aw-steppanels {
    min-width: 0;
    padding-top: 1rem;
  }

  .aw-timeline {
    flex-direction: column;
    min-width: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
  }

  .aw-timeline__event {
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas: "separator content";
    column-gap: 1rem;
    min-height: 5rem;
    display: grid;
  }

  .aw-timeline__event--flipped {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "content separator";
  }

  .aw-timeline__event--flipped .aw-timeline__content {
    text-align: right;
  }

  .aw-timeline--opposite .aw-timeline__event {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    grid-template-areas: "opposite separator content";
  }

  .aw-timeline--opposite .aw-timeline__event--flipped {
    grid-template-areas: "content separator opposite";
  }

  .aw-timeline--opposite .aw-timeline__opposite {
    text-align: right;
  }

  .aw-timeline--opposite .aw-timeline__event--flipped .aw-timeline__opposite {
    text-align: left;
  }

  .aw-timeline__opposite {
    color: var(--aw-text-muted);
    font-size: var(--aw-font-size-sm);
    grid-area: opposite;
  }

  .aw-timeline__separator {
    flex-direction: column;
    grid-area: separator;
    align-items: center;
    display: flex;
  }

  .aw-timeline__content {
    grid-area: content;
    min-width: 0;
  }

  .aw-timeline__marker {
    box-sizing: border-box;
    border-radius: var(--aw-radius-pill);
    border: 2px solid var(--aw-primary);
    background: var(--aw-content-bg);
    width: 1rem;
    height: 1rem;
    box-shadow: 0 0 0 4px var(--aw-primary-500);
    flex-shrink: 0;
    margin-top: .125rem;
    display: block;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-timeline__marker {
      box-shadow: 0 0 0 4px color-mix(in srgb,var(--aw-primary-500) 12%,transparent);
    }
  }

  .aw-timeline__event--active .aw-timeline__marker {
    background: var(--aw-primary);
    box-shadow: 0 0 0 5px var(--aw-primary-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-timeline__event--active .aw-timeline__marker {
      box-shadow: 0 0 0 5px color-mix(in srgb,var(--aw-primary-500) 28%,transparent);
    }
  }

  .aw-timeline__connector {
    background: var(--aw-content-border);
    border-radius: 2px;
    flex: auto;
    width: 2px;
    margin: .25rem 0;
    display: block;
  }

  .aw-timeline--horizontal {
    grid-auto-flow: column;
    grid-auto-columns: minmax(var(--aw-timeline-item-width, 10rem),1fr);
    scroll-snap-type: x proximity;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    border-radius: var(--aw-radius-sm);
    outline: none;
    grid-template-rows: auto auto auto;
    padding: .375rem .25rem;
    scroll-padding-inline: .25rem;
    display: grid;
    overflow: auto hidden;
  }

  .aw-timeline--horizontal:focus-visible {
    box-shadow: var(--aw-focus-ring-tight);
  }

  .aw-timeline--horizontal .aw-timeline__event {
    grid-row: 1 / -1;
    grid-template-rows: subgrid;
    scroll-snap-align: start;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: none;
    column-gap: 0;
    min-height: 0;
    display: grid;
  }

  .aw-timeline--horizontal .aw-timeline__opposite, .aw-timeline--horizontal .aw-timeline__separator, .aw-timeline--horizontal .aw-timeline__content {
    text-align: start;
    grid-area: auto / 1;
    padding-inline-end: 1rem;
  }

  .aw-timeline--horizontal .aw-timeline__separator {
    flex-direction: row;
    grid-row: 2;
    padding-inline-end: 0;
  }

  .aw-timeline--horizontal .aw-timeline__opposite {
    grid-row: 1;
    align-self: end;
    padding-bottom: .5rem;
  }

  .aw-timeline--horizontal .aw-timeline__content {
    grid-row: 3;
    align-self: start;
    padding-top: .5rem;
  }

  .aw-timeline--horizontal .aw-timeline__event--flipped .aw-timeline__opposite {
    grid-row: 3;
    align-self: start;
    padding-top: .5rem;
    padding-bottom: 0;
  }

  .aw-timeline--horizontal .aw-timeline__event--flipped .aw-timeline__content {
    grid-row: 1;
    align-self: end;
    padding-top: 0;
    padding-bottom: .5rem;
  }

  .aw-timeline--horizontal .aw-timeline__marker {
    margin-top: 0;
  }

  .aw-timeline--horizontal .aw-timeline__connector {
    width: auto;
    height: 2px;
    margin: 0 .25rem;
  }

  .aw-file-upload__remove-icon {
    font-size: 1.5em;
  }

  .aw-file-upload {
    min-width: 0;
    color: var(--aw-text);
    flex-direction: column;
    gap: .5rem;
    display: flex;
  }

  .aw-file-upload--basic {
    display: inline-flex;
  }

  .aw-file-upload__input {
    display: none;
  }

  .aw-file-upload__row {
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    display: inline-flex;
  }

  .aw-file-upload__name {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    max-width: 20rem;
    font-size: var(--aw-font-size-sm);
    color: var(--aw-text-muted);
    overflow: hidden;
  }

  .aw-file-upload__zone {
    box-sizing: border-box;
    text-align: center;
    border: 2px dashed var(--aw-field-border);
    border-radius: var(--aw-radius-lg);
    background: var(--aw-field-filled-bg);
    transition: border-color var(--aw-duration) ease,background-color var(--aw-duration) ease;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .625rem;
    padding: 1.5rem 1rem;
    display: flex;
  }

  .aw-file-upload--invalid .aw-file-upload__zone {
    border-color: var(--aw-field-border-invalid);
  }

  .aw-file-upload--dragging .aw-file-upload__zone {
    border-color: var(--aw-primary);
    background: var(--aw-highlight-bg);
  }

  .aw-file-upload--disabled .aw-file-upload__zone {
    opacity: .6;
    cursor: not-allowed;
  }

  .aw-file-upload__zone-icon {
    border-radius: var(--aw-radius-pill);
    width: 2.75rem;
    height: 2.75rem;
    color: var(--aw-primary);
    background: var(--aw-primary-500);
    justify-content: center;
    align-items: center;
    font-size: 1.35rem;
    display: inline-flex;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-file-upload__zone-icon {
      background: color-mix(in srgb,var(--aw-primary-500) 12%,transparent);
    }
  }

  .aw-file-upload__hint {
    font-size: var(--aw-font-size-sm);
    color: var(--aw-text-muted);
  }

  .aw-file-upload__files, .aw-file-upload__messages {
    flex-direction: column;
    gap: .25rem;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
  }

  .aw-file-upload__file {
    border: 1px solid var(--aw-content-border);
    border-radius: var(--aw-radius-md);
    background: var(--aw-content-bg);
    font-size: var(--aw-font-size-sm);
    align-items: center;
    gap: .625rem;
    padding: .375rem .375rem .375rem .75rem;
    display: flex;
  }

  .aw-file-upload__file-icon {
    color: var(--aw-text-muted);
  }

  .aw-file-upload__file-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    color: var(--aw-text-strong);
    flex: auto;
    overflow: hidden;
  }

  .aw-file-upload__file-size {
    color: var(--aw-text-muted);
    font-variant-numeric: tabular-nums;
    flex-shrink: 0;
  }

  .aw-file-upload__remove {
    border-radius: var(--aw-radius-pill);
    width: 1.75rem;
    height: 1.75rem;
    color: var(--aw-text-muted);
    cursor: pointer;
    background: none;
    border: 0;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: inline-flex;
  }

  .aw-file-upload__remove:hover:not(:disabled) {
    background: var(--aw-danger-soft-bg);
    color: var(--aw-danger);
  }

  .aw-file-upload__remove:focus-visible {
    box-shadow: var(--aw-focus-ring-tight);
    outline: none;
  }

  .aw-file-upload__actions {
    gap: .5rem;
    display: flex;
  }

  .aw-file-upload__message {
    font-size: var(--aw-font-size-sm);
    color: var(--aw-danger-soft-text);
    align-items: flex-start;
    gap: .375rem;
    display: flex;
  }

  .aw-file-upload__message .aw-icon {
    margin-top: .15em;
  }

  .aw-virtual-list {
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    overflow-anchor: none;
    outline: none;
    min-height: 0;
    position: relative;
    overflow: hidden auto;
  }

  .aw-virtual-list:focus-visible {
    box-shadow: var(--aw-focus-ring-tight);
  }

  .aw-virtual-list--horizontal {
    overscroll-behavior-x: contain;
    overscroll-behavior-y: auto;
    overflow: auto hidden;
  }

  .aw-virtual-list--both {
    overflow: auto;
  }

  .aw-virtual-list__spacer {
    width: 100%;
    position: relative;
  }

  .aw-virtual-list--horizontal .aw-virtual-list__spacer {
    height: 100%;
  }

  .aw-virtual-list__item {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
  }

  .aw-virtual-list--horizontal .aw-virtual-list__item {
    left: auto;
    right: auto;
    inset-inline-start: 0;
    bottom: 0;
  }

  .aw-virtual-list__row {
    box-sizing: border-box;
    top: 0;
    position: absolute;
    inset-inline-start: 0;
  }

  .aw-virtual-list__cell {
    box-sizing: border-box;
    top: 0;
    height: 100%;
    position: absolute;
    inset-inline-start: 0;
    overflow: hidden;
  }

  .aw-virtual-list__header {
    z-index: 2;
    box-sizing: border-box;
    background: var(--aw-content-bg);
    position: sticky;
    top: 0;
  }

  .aw-virtual-list__row-header, .aw-virtual-list__corner {
    z-index: 1;
    box-sizing: border-box;
    background: var(--aw-content-bg);
    height: 100%;
    position: sticky;
    inset-inline-start: 0;
    overflow: hidden;
  }

  .aw-virtual-list__empty {
    color: var(--aw-text-muted);
    text-align: center;
    padding: 1rem;
  }

  .aw-contextmenu__anchor {
    pointer-events: none;
    width: 0;
    height: 0;
    position: fixed;
  }

  .aw-contextmenu-target {
    -webkit-touch-callout: none;
  }

  .aw-contextmenu-pressing, .aw-contextmenu-pressing > td {
    -webkit-user-select: none;
    user-select: none;
    animation: .5s linear forwards aw-contextmenu-press;
  }

  @keyframes aw-contextmenu-press {
    0%, 30% {
      box-shadow: inset 0 0 0 100vmax #0000;
    }

    to {
      box-shadow: inset 0 0 0 100vmax color-mix(in srgb,var(--aw-primary) 16%,transparent);
    }
  }

  .aw-menubar {
    box-sizing: border-box;
    color: var(--aw-text);
    background: var(--aw-content-bg);
    border: 1px solid var(--aw-content-border);
    border-radius: var(--aw-radius-md);
    font-size: var(--aw-font-size);
    align-items: center;
    gap: .5rem;
    padding: .25rem .5rem;
    display: flex;
  }

  .aw-menubar__start, .aw-menubar__end {
    flex-shrink: 0;
    align-items: center;
    gap: .5rem;
    display: flex;
  }

  .aw-menubar__end {
    margin-inline-start: auto;
  }

  .aw-menubar__list {
    flex: auto;
    align-items: center;
    gap: .125rem;
    min-width: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
  }

  .aw-menubar__item {
    display: flex;
  }

  .aw-menubar__action {
    border-radius: var(--aw-radius-sm);
    color: inherit;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    transition: background-color var(--aw-duration-fast) var(--aw-ease);
    align-items: center;
    gap: .5rem;
    padding: .5rem .75rem;
    text-decoration: none;
    display: inline-flex;
  }

  .aw-menubar__action:hover, .aw-menubar__item--open > .aw-menubar__action {
    background: var(--aw-option-hover-bg);
    color: var(--aw-option-hover-text);
  }

  .aw-menubar__item--disabled > .aw-menubar__action {
    opacity: .5;
    cursor: not-allowed;
  }

  .aw-menubar__icon {
    color: var(--aw-text-muted);
    font-size: 1.1rem;
  }

  .aw-menubar__chevron {
    color: var(--aw-text-muted);
    font-size: 1.25em;
  }

  .aw-menubar__separator {
    border-inline-start: 1px solid var(--aw-content-border);
    align-self: stretch;
    width: 0;
    margin: .25rem;
  }

  .aw-menubar__button {
    border-radius: var(--aw-radius-md);
    width: 2.5rem;
    height: 2.5rem;
    color: inherit;
    cursor: pointer;
    background: none;
    border: 0;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: inline-flex;
  }

  .aw-menubar__button:hover {
    background: var(--aw-option-hover-bg);
  }

  .aw-menubar__burger {
    width: 1.375rem;
    height: 1.375rem;
  }

  .aw-menubar__sheet {
    min-width: 0;
    max-width: none;
    right: .5rem;
    left: .5rem !important;
  }

  @media (pointer: coarse) {
    .aw-menubar__action, .aw-menubar__button {
      min-width: 44px;
      min-height: 44px;
    }
  }

  .aw-breadcrumb {
    min-width: 0;
    font-size: var(--aw-font-size-sm);
    color: var(--aw-text-muted);
  }

  .aw-breadcrumb__list {
    flex-wrap: nowrap;
    align-items: center;
    column-gap: .375rem;
    min-width: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    position: relative;
  }

  .aw-breadcrumb__item, .aw-breadcrumb__ellipsis {
    flex-shrink: 0;
    align-items: center;
    gap: .375rem;
    min-width: 0;
    display: flex;
  }

  .aw-breadcrumb--wrap .aw-breadcrumb__list {
    flex-wrap: wrap;
    row-gap: .25rem;
  }

  .aw-breadcrumb__item > * {
    min-width: 0;
  }

  .aw-breadcrumb--measuring .aw-breadcrumb__list {
    overflow: hidden;
  }

  .aw-breadcrumb--measuring .aw-breadcrumb__item {
    flex-shrink: 0 !important;
  }

  .aw-breadcrumb__item--current {
    flex-shrink: 1;
  }

  .aw-breadcrumb__separator {
    color: var(--aw-surface-300);
    flex-shrink: 0;
    font-size: .75rem;
    display: inline-flex;
  }

  .dark .aw-breadcrumb__separator {
    color: var(--aw-surface-600);
  }

  .aw-breadcrumb__action {
    border-radius: var(--aw-radius-xs);
    min-width: 0;
    max-width: 14rem;
    color: inherit;
    font: inherit;
    background: none;
    border: 0;
    align-items: center;
    gap: .25rem;
    padding: 0;
    text-decoration: none;
    display: inline-flex;
  }

  .aw-breadcrumb__link {
    cursor: pointer;
    transition: color var(--aw-duration-fast) var(--aw-ease);
  }

  .aw-breadcrumb__link:hover {
    color: var(--aw-primary-600);
  }

  .dark .aw-breadcrumb__link:hover {
    color: var(--aw-primary-400);
  }

  .aw-breadcrumb__action--disabled {
    opacity: .6;
  }

  .aw-breadcrumb__current {
    max-width: 16rem;
    color: var(--aw-text-strong);
    font-weight: 500;
  }

  .aw-breadcrumb__icon {
    opacity: .7;
    flex-shrink: 0;
    font-size: .875rem;
  }

  .aw-breadcrumb__label {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    overflow: hidden;
  }

  .aw-breadcrumb__more {
    border-radius: var(--aw-radius-xs);
    width: 1.5rem;
    height: 1.25rem;
    color: inherit;
    cursor: pointer;
    background: none;
    border: 0;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: inline-flex;
  }

  .aw-breadcrumb__more:hover {
    background: var(--aw-option-hover-bg);
    color: var(--aw-option-hover-text);
  }

  .aw-breadcrumb__more-glyph {
    font-size: 1.25em;
    transform: rotate(90deg);
  }

  .aw-breadcrumb__probe {
    visibility: hidden;
    pointer-events: none;
    position: absolute;
  }

  @media (pointer: coarse) {
    .aw-breadcrumb__link, .aw-breadcrumb__more {
      position: relative;
    }

    .aw-breadcrumb__link:after, .aw-breadcrumb__more:after {
      content: "";
      height: 2.75rem;
      position: absolute;
      top: 50%;
      left: -.25rem;
      right: -.25rem;
      transform: translateY(-50%);
    }
  }

  .aw-toolbar {
    box-sizing: border-box;
    min-width: 0;
    color: var(--aw-text);
    background: var(--aw-content-bg);
    border: 1px solid var(--aw-content-border);
    border-radius: var(--aw-radius-md);
    align-items: center;
    column-gap: .5rem;
    padding: .5rem .75rem;
    display: flex;
    position: relative;
  }

  .aw-toolbar--sticky {
    z-index: var(--aw-z-sticky);
    position: sticky;
  }

  .aw-toolbar__start, .aw-toolbar__end, .aw-toolbar__end-slot, .aw-toolbar__actions, .aw-toolbar__center-inner {
    align-items: center;
    gap: .5rem;
    min-width: 0;
    display: flex;
  }

  .aw-toolbar__start, .aw-toolbar__end {
    flex: none;
  }

  .aw-toolbar__actions {
    gap: .25rem;
  }

  .aw-toolbar__end-slot:empty {
    display: none;
  }

  .aw-toolbar__center {
    flex: auto;
    justify-content: center;
    min-width: 0;
    display: flex;
  }

  .aw-toolbar__center-inner {
    flex: none;
  }

  .aw-toolbar__more-glyph {
    font-size: 1.5em;
  }

  .aw-toolbar__measure {
    visibility: hidden;
    pointer-events: none;
    white-space: nowrap;
    gap: .25rem;
    width: max-content;
    height: 0;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
  }

  .aw-splitter-panel {
    box-sizing: border-box;
    min-width: 0;
    min-height: 0;
    position: relative;
    overflow: auto;
  }

  .aw-splitter-panel--collapsed {
    visibility: hidden;
    overflow: hidden;
  }

  .aw-splitter-panel > .aw-splitter {
    border: 0;
    border-radius: 0;
    width: 100%;
    height: 100%;
  }

  .aw-splitter {
    box-sizing: border-box;
    min-width: 0;
    min-height: 0;
    color: var(--aw-text);
    background: var(--aw-content-bg);
    border: 1px solid var(--aw-content-border);
    border-radius: var(--aw-radius-lg);
    display: flex;
    overflow: hidden;
  }

  .aw-splitter--horizontal {
    flex-direction: row;
  }

  .aw-splitter--vertical {
    flex-direction: column;
  }

  .aw-splitter--resizing {
    -webkit-user-select: none;
    user-select: none;
  }

  .aw-splitter--horizontal.aw-splitter--resizing {
    cursor: col-resize;
  }

  .aw-splitter--vertical.aw-splitter--resizing {
    cursor: row-resize;
  }

  .aw-splitter__gutter {
    z-index: 1;
    background: var(--aw-content-hover-bg);
    touch-action: none;
    -webkit-user-select: none;
    user-select: none;
    transition: background-color var(--aw-duration) ease;
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }

  .aw-splitter--horizontal > .aw-splitter__gutter {
    cursor: col-resize;
  }

  .aw-splitter--vertical > .aw-splitter__gutter {
    cursor: row-resize;
  }

  .aw-splitter__gutter:hover, .aw-splitter__gutter--active {
    background: var(--aw-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-splitter__gutter:hover, .aw-splitter__gutter--active {
      background: color-mix(in srgb,var(--aw-primary) 18%,var(--aw-content-hover-bg));
    }
  }

  .aw-splitter__gutter:focus-visible {
    box-shadow: var(--aw-focus-ring-tight);
    outline: none;
  }

  .aw-splitter__handle {
    border-radius: var(--aw-radius-pill);
    background: var(--aw-surface-300);
    transition: background-color var(--aw-duration) ease;
    display: block;
  }

  .dark .aw-splitter__handle {
    background: var(--aw-surface-600);
  }

  .aw-splitter--horizontal > .aw-splitter__gutter > .aw-splitter__handle {
    width: 100%;
    height: 1.5rem;
  }

  .aw-splitter--vertical > .aw-splitter__gutter > .aw-splitter__handle {
    width: 1.5rem;
    height: 100%;
  }

  .aw-splitter__gutter:hover > .aw-splitter__handle, .aw-splitter__gutter:focus-visible > .aw-splitter__handle, .aw-splitter__gutter--active > .aw-splitter__handle {
    background: var(--aw-primary);
  }

  @media (pointer: coarse) {
    .aw-splitter__gutter:before {
      content: "";
      position: absolute;
    }

    .aw-splitter--horizontal > .aw-splitter__gutter:before {
      inset: 0 -10px;
    }

    .aw-splitter--vertical > .aw-splitter__gutter:before {
      inset: -10px 0;
    }

    .aw-splitter--horizontal > .aw-splitter__gutter > .aw-splitter__handle {
      height: 44px;
    }

    .aw-splitter--vertical > .aw-splitter__gutter > .aw-splitter__handle {
      width: 44px;
    }
  }

  .aw-splitter--stacked {
    flex-direction: column;
  }

  .aw-splitter--stacked > .aw-splitter-panel {
    flex: none;
    overflow: visible;
  }

  .aw-splitter--stacked > .aw-splitter-panel + .aw-splitter-panel {
    border-top: 1px solid var(--aw-content-border);
  }

  .aw-scroll-panel {
    --aw-scroll-thumb: var(--aw-surface-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-scroll-panel {
      --aw-scroll-thumb: color-mix(in srgb, var(--aw-surface-500) 45%, transparent);
    }
  }

  .aw-scroll-panel {
    --aw-scroll-thumb-hover: var(--aw-surface-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-scroll-panel {
      --aw-scroll-thumb-hover: color-mix(in srgb, var(--aw-surface-500) 70%, transparent);
    }
  }

  .aw-scroll-panel {
    --aw-scroll-shadow: var(--aw-surface-900);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-scroll-panel {
      --aw-scroll-shadow: color-mix(in srgb, var(--aw-surface-900) 14%, transparent);
    }
  }

  .aw-scroll-panel {
    box-sizing: border-box;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .dark .aw-scroll-panel {
    --aw-scroll-thumb: var(--aw-surface-400);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark .aw-scroll-panel {
      --aw-scroll-thumb: color-mix(in srgb, var(--aw-surface-400) 40%, transparent);
    }
  }

  .dark .aw-scroll-panel {
    --aw-scroll-thumb-hover: var(--aw-surface-300);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark .aw-scroll-panel {
      --aw-scroll-thumb-hover: color-mix(in srgb, var(--aw-surface-300) 60%, transparent);
    }
  }

  .dark .aw-scroll-panel {
    --aw-scroll-shadow: #00000073;
  }

  .aw-scroll-panel__viewport {
    box-sizing: border-box;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-color: var(--aw-scroll-thumb) transparent;
    border-radius: inherit;
    flex: auto;
    min-width: 0;
    min-height: 0;
    overflow: auto;
    scrollbar-width: thin !important;
  }

  .aw-scroll-panel__viewport:focus-visible {
    box-shadow: inset var(--aw-focus-ring-tight);
    outline: none;
  }

  .aw-scroll-panel__viewport::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }

  .aw-scroll-panel__viewport::-webkit-scrollbar-track {
    background: none;
  }

  .aw-scroll-panel__viewport::-webkit-scrollbar-thumb {
    border-radius: var(--aw-radius-pill);
    background: var(--aw-scroll-thumb);
    background-clip: padding-box;
    border: 2px solid #0000;
  }

  .aw-scroll-panel__viewport::-webkit-scrollbar-thumb:hover {
    background: var(--aw-scroll-thumb-hover);
    background-clip: padding-box;
  }

  .aw-scroll-panel__viewport::-webkit-scrollbar-corner {
    background: none;
  }

  .aw-scroll-panel__content {
    min-width: min-content;
  }

  .aw-scroll-panel__shadow {
    pointer-events: none;
    opacity: 0;
    transition: opacity var(--aw-duration) ease;
    position: absolute;
  }

  .aw-scroll-panel__shadow--top, .aw-scroll-panel__shadow--bottom {
    height: 12px;
    left: 0;
    right: 0;
  }

  .aw-scroll-panel__shadow--left, .aw-scroll-panel__shadow--right {
    width: 12px;
    top: 0;
    bottom: 0;
  }

  .aw-scroll-panel__shadow--top {
    background: linear-gradient(to bottom,var(--aw-scroll-shadow),transparent);
    top: 0;
  }

  .aw-scroll-panel__shadow--bottom {
    background: linear-gradient(to top,var(--aw-scroll-shadow),transparent);
    bottom: 0;
  }

  .aw-scroll-panel__shadow--left {
    background: linear-gradient(to right,var(--aw-scroll-shadow),transparent);
    left: 0;
  }

  .aw-scroll-panel__shadow--right {
    background: linear-gradient(to left,var(--aw-scroll-shadow),transparent);
    right: 0;
  }

  .aw-scroll-panel--more-top > .aw-scroll-panel__shadow--top, .aw-scroll-panel--more-bottom > .aw-scroll-panel__shadow--bottom, .aw-scroll-panel--more-left > .aw-scroll-panel__shadow--left, .aw-scroll-panel--more-right > .aw-scroll-panel__shadow--right {
    opacity: 1;
  }

  .aw-lightbox {
    background: var(--aw-surface-950);
    flex-direction: column;
    display: flex;
    position: fixed;
    inset: 0;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-lightbox {
      background: color-mix(in srgb,var(--aw-surface-950) 94%,transparent);
    }
  }

  .aw-lightbox {
    color: var(--aw-surface-0);
    overscroll-behavior: contain;
    outline: none;
  }

  .aw-lightbox__toolbar {
    z-index: 2;
    padding: .5rem max(.75rem,env(safe-area-inset-right)) .5rem max(.75rem,env(safe-area-inset-left));
    padding-top: max(.5rem,env(safe-area-inset-top));
    align-items: center;
    gap: .25rem;
    display: flex;
    position: relative;
  }

  .aw-lightbox__counter {
    font-size: var(--aw-font-size-sm);
    font-variant-numeric: tabular-nums;
    opacity: .85;
  }

  .aw-lightbox__spacer {
    flex: auto;
  }

  .aw-lightbox__button, .aw-lightbox__nav {
    border-radius: var(--aw-radius-pill);
    background: var(--aw-surface-0);
    border: 0;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    display: inline-flex;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-lightbox__button, .aw-lightbox__nav {
      background: color-mix(in srgb,var(--aw-surface-0) 8%,transparent);
    }
  }

  .aw-lightbox__button, .aw-lightbox__nav {
    color: inherit;
    cursor: pointer;
    transition: background-color var(--aw-duration) ease;
    font-size: 1.25rem;
    text-decoration: none;
  }

  .aw-lightbox__button:hover:not(:disabled), .aw-lightbox__nav:hover:not(:disabled) {
    background: var(--aw-surface-0);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-lightbox__button:hover:not(:disabled), .aw-lightbox__nav:hover:not(:disabled) {
      background: color-mix(in srgb,var(--aw-surface-0) 20%,transparent);
    }
  }

  .aw-lightbox__button:focus-visible, .aw-lightbox__nav:focus-visible {
    box-shadow: 0 0 0 2px var(--aw-surface-0),0 0 0 4px var(--aw-primary-400);
    outline: none;
  }

  .aw-lightbox__button:disabled, .aw-lightbox__nav:disabled {
    opacity: .35;
    cursor: default;
  }

  .aw-lightbox__stage {
    touch-action: none;
    -webkit-user-select: none;
    user-select: none;
    flex: auto;
    justify-content: center;
    align-items: center;
    min-height: 0;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .aw-lightbox__image {
    object-fit: contain;
    transform-origin: center;
    max-width: calc(100% - 2rem);
    max-height: calc(100% - 2rem);
    transition: transform var(--aw-duration-slow) var(--aw-ease);
    -webkit-user-drag: none;
    -webkit-user-select: none;
    user-select: none;
  }

  .aw-lightbox__image--hidden {
    visibility: hidden;
  }

  .aw-lightbox__status {
    pointer-events: none;
    font-size: var(--aw-font-size-sm);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .75rem;
    display: flex;
    position: absolute;
    inset: 0;
  }

  .aw-lightbox__nav {
    z-index: 2;
    width: 3rem;
    height: 3rem;
    margin-top: -1.5rem;
    font-size: 1.75rem;
    position: absolute;
    top: 50%;
  }

  .aw-lightbox__nav--prev {
    left: max(.75rem,env(safe-area-inset-left));
  }

  .aw-lightbox__nav--next {
    right: max(.75rem,env(safe-area-inset-right));
  }

  @media (pointer: coarse) {
    .aw-lightbox__button {
      width: 44px;
      height: 44px;
    }
  }

  @media (max-width: 639.98px) {
    .aw-lightbox__toolbar {
      gap: .125rem;
    }

    .aw-lightbox__nav {
      top: auto;
      bottom: max(1rem,env(safe-area-inset-bottom));
      margin-top: 0;
    }
  }

  .aw-lightbox-enter-active, .aw-lightbox-leave-active {
    transition: opacity var(--aw-duration) ease;
  }

  .aw-lightbox-enter-from, .aw-lightbox-leave-to {
    opacity: 0;
  }

  .aw-lightbox--still {
    --aw-duration-fast: .001ms;
    --aw-duration: .001ms;
    --aw-duration-slow: .001ms;
  }

  .aw-image {
    box-sizing: border-box;
    vertical-align: middle;
    border-radius: var(--aw-radius-md);
    max-width: 100%;
    display: inline-block;
    position: relative;
    overflow: hidden;
  }

  .aw-image--loading:not(.aw-image--box) {
    min-width: 3rem;
    min-height: 3rem;
  }

  .aw-image__frame {
    border-radius: inherit;
    width: 100%;
    height: 100%;
    color: inherit;
    font: inherit;
    background: none;
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
  }

  button.aw-image__frame {
    cursor: zoom-in;
    position: relative;
  }

  button.aw-image__frame:focus-visible {
    box-shadow: inset var(--aw-focus-ring-tight);
    outline: none;
  }

  .aw-image__img {
    border-radius: inherit;
    max-width: 100%;
    height: auto;
    display: block;
  }

  .aw-image--box .aw-image__img {
    width: 100%;
    height: 100%;
  }

  .aw-image--loading .aw-image__img {
    opacity: 0;
  }

  .aw-image__img {
    transition: opacity var(--aw-duration) ease;
  }

  .aw-image__placeholder, .aw-image__fallback {
    border-radius: inherit;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0;
  }

  .aw-image--error {
    min-width: 3rem;
    min-height: 3rem;
  }

  .aw-image__fallback {
    color: var(--aw-text-muted);
    background: var(--aw-content-hover-bg);
  }

  .aw-image__indicator {
    color: #fff;
    opacity: 0;
    transition: opacity var(--aw-duration) ease;
    pointer-events: none;
    background: #02061773;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0;
  }

  button.aw-image__frame:hover .aw-image__indicator, button.aw-image__frame:focus-visible .aw-image__indicator {
    opacity: 1;
  }

  @media (hover: none) {
    .aw-image__indicator {
      border-radius: var(--aw-radius-pill);
      opacity: 1;
      width: 2rem;
      height: 2rem;
      font-size: .75rem;
      inset: auto .375rem .375rem auto;
    }
  }

  .aw-orderlist {
    box-sizing: border-box;
    min-width: 0;
    color: var(--aw-text);
    gap: .5rem;
    display: flex;
  }

  .aw-orderlist__controls {
    flex-direction: column;
    justify-content: center;
    gap: .375rem;
    display: flex;
  }

  .aw-orderlist__control {
    border: 1px solid var(--aw-content-border);
    border-radius: var(--aw-radius-md);
    background: var(--aw-content-bg);
    width: 2.25rem;
    height: 2.25rem;
    color: var(--aw-text);
    cursor: pointer;
    transition: background-color var(--aw-duration) ease,color var(--aw-duration) ease;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: 1.125rem;
    display: inline-flex;
  }

  .aw-orderlist__control:hover:not(:disabled) {
    background: var(--aw-content-hover-bg);
    color: var(--aw-text-strong);
  }

  .aw-orderlist__control:focus-visible {
    box-shadow: var(--aw-focus-ring-tight);
    outline: none;
  }

  .aw-orderlist__control:disabled {
    color: var(--aw-text-disabled);
    cursor: default;
  }

  .aw-orderlist__main {
    border: 1px solid var(--aw-content-border);
    border-radius: var(--aw-radius-lg);
    background: var(--aw-content-bg);
    flex-direction: column;
    flex: auto;
    min-width: 0;
    display: flex;
    overflow: hidden;
  }

  .aw-orderlist__header {
    color: var(--aw-text-strong);
    border-bottom: 1px solid var(--aw-content-border);
    padding: .75rem 1rem;
    font-weight: 600;
  }

  .aw-orderlist__list {
    overscroll-behavior: contain;
    outline: none;
    margin: 0;
    padding: .25rem;
    list-style: none;
    overflow: auto;
  }

  .aw-orderlist__list:focus-visible {
    box-shadow: inset var(--aw-focus-ring-tight);
  }

  .aw-orderlist__item {
    border-radius: var(--aw-radius-sm);
    cursor: grab;
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    min-height: 2.5rem;
    transition: background-color var(--aw-duration-fast) ease;
    align-items: center;
    gap: .5rem;
    padding: .375rem .75rem .375rem .25rem;
    display: flex;
    position: relative;
  }

  .aw-orderlist__item:hover {
    background: var(--aw-option-hover-bg);
    color: var(--aw-option-hover-text);
  }

  .aw-orderlist__item--selected, .aw-orderlist__item--selected:hover {
    background: var(--aw-highlight-bg);
    color: var(--aw-highlight-text);
  }

  .aw-orderlist__list:focus-visible .aw-orderlist__item--focused {
    box-shadow: inset 0 0 0 2px var(--aw-primary);
  }

  .aw-orderlist__item--grabbed {
    background: var(--aw-highlight-focus-bg);
    box-shadow: var(--aw-overlay-shadow);
  }

  .aw-orderlist__list:focus-visible .aw-orderlist__item--grabbed {
    box-shadow: inset 0 0 0 2px var(--aw-primary),var(--aw-overlay-shadow);
  }

  .aw-orderlist__item--dragging {
    opacity: .4;
  }

  .aw-orderlist__item--drop-before:before, .aw-orderlist__item--drop-after:after {
    content: "";
    background: var(--aw-primary);
    pointer-events: none;
    border-radius: 2px;
    height: 2px;
    position: absolute;
    left: .25rem;
    right: .25rem;
  }

  .aw-orderlist__item--drop-before:before {
    top: -1px;
  }

  .aw-orderlist__item--drop-after:after {
    bottom: -1px;
  }

  .aw-orderlist__handle {
    width: 1.5rem;
    height: 1.75rem;
    color: var(--aw-text-muted);
    touch-action: none;
    cursor: grab;
    flex: none;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .aw-orderlist--dragging, .aw-orderlist--dragging .aw-orderlist__item {
    cursor: grabbing;
  }

  .aw-orderlist__label {
    flex: auto;
    min-width: 0;
  }

  .aw-orderlist__empty {
    color: var(--aw-text-muted);
    padding: .75rem;
  }

  .aw-orderlist--disabled {
    opacity: .6;
  }

  .aw-orderlist--disabled .aw-orderlist__item, .aw-orderlist--disabled .aw-orderlist__handle {
    cursor: default;
  }

  @media (pointer: coarse) {
    .aw-orderlist__control {
      width: 44px;
      height: 44px;
    }

    .aw-orderlist__item {
      min-height: 44px;
    }

    .aw-orderlist__handle {
      width: 44px;
      height: 44px;
      margin: -.375rem 0 -.375rem -.25rem;
    }
  }

  @media (max-width: 639.98px) {
    .aw-orderlist {
      flex-direction: column;
    }

    .aw-orderlist__controls {
      flex-direction: row;
      justify-content: flex-start;
    }
  }

  .aw-input-otp {
    --aw-input-otp-box: var(--aw-field-height);
    vertical-align: middle;
    align-items: center;
    gap: .5rem;
    max-width: 100%;
    display: inline-flex;
  }

  .aw-input-otp--sm {
    --aw-input-otp-box: var(--aw-field-height-sm);
    gap: .375rem;
  }

  .aw-input-otp--lg {
    --aw-input-otp-box: var(--aw-field-height-lg);
  }

  .aw-input-otp--fluid {
    width: 100%;
    display: flex;
  }

  .aw-input-otp__box.aw-field {
    width: var(--aw-input-otp-box);
    min-width: 0;
    height: var(--aw-input-otp-box);
    text-align: center;
    font-variant-numeric: tabular-nums;
    caret-color: #0000;
    flex: 0 auto;
    padding: 0;
    font-size: 1.125em;
  }

  .aw-input-otp--fluid .aw-input-otp__box.aw-field {
    flex: 1 1 0;
    max-width: 4rem;
  }

  .aw-input-otp__box.aw-field:disabled {
    cursor: not-allowed;
  }

  @media (pointer: coarse) {
    .aw-input-otp {
      --aw-input-otp-box: max(44px, var(--aw-field-height-lg));
    }
  }

  .aw-input-chips {
    vertical-align: middle;
    flex-direction: column;
    gap: .25rem;
    min-width: 12rem;
    max-width: 100%;
    display: inline-flex;
  }

  .aw-input-chips--fluid {
    width: 100%;
    display: flex;
  }

  .aw-input-chips__field {
    cursor: text;
    flex-wrap: wrap;
    gap: .25rem;
    max-width: 100%;
    padding-block: .1875rem;
  }

  .aw-input-chips__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: contents;
  }

  .aw-input-chips__input {
    width: auto;
    min-height: calc(var(--aw-field-height) - .375rem - 2px);
    flex: 1 0 6rem;
  }

  .aw-field--sm .aw-input-chips__input {
    min-height: calc(var(--aw-field-height-sm) - .375rem - 2px);
  }

  .aw-field--lg .aw-input-chips__input {
    min-height: calc(var(--aw-field-height-lg) - .375rem - 2px);
  }

  .aw-input-chips__chip {
    border-radius: var(--aw-radius-sm);
    background: var(--aw-surface-100);
    min-width: 0;
    max-width: 100%;
    color: var(--aw-text-strong);
    cursor: default;
    touch-action: manipulation;
    transition: background-color var(--aw-duration) ease,box-shadow var(--aw-duration) ease;
    outline: none;
    align-items: center;
    gap: .125rem;
    padding: .125rem .25rem .125rem .5rem;
    font-size: .875em;
    line-height: 1.4;
    display: inline-flex;
    position: relative;
  }

  .dark .aw-input-chips__chip {
    background: var(--aw-surface-800);
  }

  .aw-input-chips__chip:focus-visible, .aw-input-chips__chip:focus {
    box-shadow: var(--aw-focus-ring-tight);
    background: var(--aw-highlight-bg);
    color: var(--aw-highlight-text);
  }

  .aw-input-chips__chip--editing {
    background: var(--aw-field-bg);
    box-shadow: inset 0 0 0 1px var(--aw-field-border-focus);
    padding: .125rem .375rem;
  }

  .aw-input-chips__chip--editing:focus-within {
    background: var(--aw-field-bg);
    color: var(--aw-field-text);
  }

  .aw-input-chips__chip--flash {
    animation: .9s aw-input-chips-flash;
  }

  @keyframes aw-input-chips-flash {
    0%, 60% {
      background: var(--aw-highlight-bg);
      box-shadow: 0 0 0 2px var(--aw-primary);
    }
  }

  .aw-input-chips__label {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    overflow: hidden;
  }

  .aw-input-chips__edit {
    min-width: 2ch;
    max-width: 100%;
    color: inherit;
    font: inherit;
    field-sizing: content;
    background: none;
    border: 0;
    outline: none;
    margin: 0;
    padding: 0;
    box-shadow: none !important;
  }

  .aw-input-chips__remove {
    border-radius: var(--aw-radius-pill);
    color: var(--aw-text-muted);
    cursor: pointer;
    background: none;
    border: 0;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: inline-flex;
    position: relative;
  }

  .aw-input-chips__remove:hover {
    color: var(--aw-text);
  }

  .aw-input-chips__message {
    font-size: var(--aw-font-size-sm);
    color: var(--aw-danger);
    overflow-wrap: anywhere;
    margin: 0;
  }

  @media (pointer: coarse) {
    .aw-input-chips__remove {
      border-radius: var(--aw-radius-sm);
      margin-block: -.25rem;
      align-self: stretch;
      width: 36px;
      margin-right: -.25rem;
    }

    .aw-input-chips__remove:after {
      content: "";
      height: 44px;
      position: absolute;
      top: 50%;
      left: -4px;
      right: -4px;
      transform: translateY(-50%);
    }

    .aw-input-chips__chip {
      padding-block: .25rem;
    }
  }

  .aw-inplace {
    --aw-inplace-height: var(--aw-field-height);
    --aw-inplace-padding-x: var(--aw-field-padding-x);
    max-width: 100%;
    min-height: var(--aw-inplace-height);
    vertical-align: middle;
    align-items: center;
    display: inline-flex;
  }

  .aw-inplace--sm {
    --aw-inplace-height: var(--aw-field-height-sm);
    --aw-inplace-padding-x: var(--aw-field-padding-x-sm);
    font-size: var(--aw-font-size-sm);
  }

  .aw-inplace--lg {
    --aw-inplace-height: var(--aw-field-height-lg);
    --aw-inplace-padding-x: var(--aw-field-padding-x-lg);
    font-size: var(--aw-font-size-lg);
  }

  .aw-inplace--fluid {
    width: 100%;
    display: flex;
  }

  .aw-inplace__display {
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
    min-height: var(--aw-inplace-height);
    padding: 0 var(--aw-inplace-padding-x);
    border-radius: var(--aw-radius-md);
    color: var(--aw-text);
    cursor: pointer;
    touch-action: manipulation;
    transition: background-color var(--aw-duration) ease,border-color var(--aw-duration) ease;
    border: 1px solid #0000;
    outline: none;
    align-items: center;
    line-height: 1.25;
    display: inline-flex;
  }

  .aw-inplace--fluid .aw-inplace__display, .aw-inplace--fluid .aw-inplace__content {
    flex: auto;
  }

  .aw-inplace__display:hover {
    background: var(--aw-option-hover-bg);
  }

  .aw-inplace__display:focus-visible {
    border-color: var(--aw-field-border-focus);
    box-shadow: 0 0 0 3px var(--aw-primary-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-inplace__display:focus-visible {
      box-shadow: 0 0 0 3px color-mix(in srgb,var(--aw-primary-500) 18%,transparent);
    }
  }

  .aw-inplace--disabled .aw-inplace__display {
    color: var(--aw-text-muted);
    cursor: not-allowed;
  }

  .aw-inplace--disabled .aw-inplace__display:hover {
    background: none;
  }

  .aw-inplace__value {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    overflow: hidden;
  }

  .aw-inplace__value--empty {
    color: var(--aw-field-placeholder);
    font-style: italic;
  }

  .aw-inplace__content {
    min-width: 0;
    max-width: 100%;
    min-height: var(--aw-inplace-height);
    align-items: center;
    gap: .25rem;
    display: inline-flex;
    position: relative;
  }

  .aw-inplace__editor {
    flex: auto;
    align-items: center;
    min-width: 0;
    display: flex;
  }

  .aw-inplace__editor > * {
    flex: auto;
    min-width: 0;
  }

  .aw-inplace--saving .aw-inplace__editor {
    opacity: .7;
  }

  .aw-inplace--error .aw-inplace__editor .aw-field {
    border-color: var(--aw-field-border-invalid);
  }

  .aw-inplace__spinner {
    color: var(--aw-field-icon);
    display: inline-flex;
  }

  .aw-inplace__actions {
    flex-shrink: 0;
    gap: .25rem;
    display: inline-flex;
  }

  .aw-inplace__action {
    width: var(--aw-inplace-height);
    height: var(--aw-inplace-height);
    border: 1px solid var(--aw-field-border);
    border-radius: var(--aw-radius-md);
    background: var(--aw-field-bg);
    color: var(--aw-text);
    cursor: pointer;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: inline-flex;
    position: relative;
  }

  .aw-inplace__action:hover:not(:disabled) {
    border-color: var(--aw-field-border-hover);
    background: var(--aw-option-hover-bg);
  }

  .aw-inplace__action--commit {
    border-color: var(--aw-primary);
    background: var(--aw-primary);
    color: var(--aw-primary-contrast);
  }

  .aw-inplace__action--commit:hover:not(:disabled) {
    border-color: var(--aw-primary-hover);
    background: var(--aw-primary-hover);
  }

  .aw-inplace__action:disabled {
    opacity: .6;
    cursor: not-allowed;
  }

  @media (pointer: coarse) {
    .aw-inplace__display, .aw-inplace__action {
      min-height: 44px;
    }

    .aw-inplace__action {
      min-width: 44px;
    }
  }

  .aw-kbd {
    vertical-align: middle;
    color: var(--aw-text-muted);
    white-space: nowrap;
    box-shadow: none;
    background: none;
    border: 0;
    align-items: center;
    padding: 0;
    font-family: inherit;
    font-size: .75rem;
    line-height: 1;
    display: inline-flex;
  }

  .aw-kbd__keys, .aw-kbd__combo {
    align-items: center;
    gap: .1875rem;
    display: inline-flex;
  }

  .aw-kbd__keys {
    gap: .375rem;
  }

  .aw-kbd__key {
    box-sizing: border-box;
    min-width: 1.375rem;
    height: 1.375rem;
    font-family: inherit;
    font-size: inherit;
    color: var(--aw-text);
    background: var(--aw-content-bg);
    border: 1px solid var(--aw-content-border);
    border-radius: var(--aw-radius-sm);
    box-shadow: none;
    border-bottom-width: 2px;
    justify-content: center;
    align-items: center;
    padding: 0 .3125rem;
    font-weight: 500;
    display: inline-flex;
  }

  .aw-kbd--mac .aw-kbd__key {
    font-size: .8125rem;
  }

  .aw-kbd__sep, .aw-kbd__then {
    color: var(--aw-text-muted);
  }

  .aw-kbd--sm {
    font-size: .6875rem;
  }

  .aw-kbd--sm .aw-kbd__key {
    border-bottom-width: 1px;
    min-width: 1.125rem;
    height: 1.125rem;
    padding: 0 .25rem;
  }

  .aw-kbd--lg {
    font-size: .875rem;
  }

  .aw-kbd--lg .aw-kbd__key {
    min-width: 1.75rem;
    height: 1.75rem;
    padding: 0 .4375rem;
  }

  .aw-kbd--plain .aw-kbd__key {
    min-width: 0;
    height: auto;
    color: inherit;
    font-weight: inherit;
    background: none;
    border: 0;
    padding: 0;
  }

  .aw-kbd--plain .aw-kbd__combo {
    gap: 0;
  }

  .aw-shortcut-help {
    width: 40rem;
  }

  .aw-shortcut-help__groups {
    gap: 1.25rem;
    display: grid;
  }

  @media (min-width: 640px) {
    .aw-shortcut-help__groups {
      grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
      column-gap: 2rem;
    }
  }

  .aw-shortcut-help__heading {
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--aw-text-muted);
    margin: 0 0 .375rem;
    font-size: .75rem;
    font-weight: 600;
  }

  .aw-shortcut-help__list {
    margin: 0;
  }

  .aw-shortcut-help__row {
    border-bottom: 1px solid var(--aw-content-border);
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    min-height: 2.25rem;
    padding: .25rem 0;
    display: flex;
  }

  .aw-shortcut-help__row:last-child {
    border-bottom: 0;
  }

  .aw-shortcut-help__description {
    min-width: 0;
    color: var(--aw-text);
  }

  .aw-shortcut-help__keys {
    flex-wrap: wrap;
    flex-shrink: 0;
    justify-content: flex-end;
    align-items: center;
    gap: .375rem;
    margin: 0;
    display: inline-flex;
  }

  .aw-shortcut-help__or {
    color: var(--aw-text-muted);
    font-size: .75rem;
  }

  .aw-shortcut-help__empty {
    color: var(--aw-text-muted);
    margin: 0;
  }

  .aw-command-palette-trigger {
    box-sizing: border-box;
    height: var(--aw-field-height-sm);
    max-width: 100%;
    font: inherit;
    font-size: var(--aw-font-size-sm);
    color: var(--aw-text-muted);
    background: var(--aw-field-bg);
    border: 1px solid var(--aw-field-border);
    border-radius: var(--aw-radius-md);
    cursor: pointer;
    transition: border-color var(--aw-duration-fast) ease;
    align-items: center;
    gap: .5rem;
    padding: 0 .5rem 0 .625rem;
    display: inline-flex;
  }

  .aw-command-palette-trigger:hover {
    border-color: var(--aw-field-border-hover);
  }

  .aw-command-palette-trigger__icon {
    flex-shrink: 0;
    font-size: 1rem;
  }

  .aw-command-palette-trigger__label {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    overflow: hidden;
  }

  @media (max-width: 639.98px) {
    .aw-command-palette-trigger {
      justify-content: center;
      width: 44px;
      height: 44px;
      padding: 0;
    }

    .aw-command-palette-trigger__label, .aw-command-palette-trigger__kbd {
      display: none;
    }
  }

  @media (pointer: coarse) {
    .aw-command-palette-trigger {
      min-height: 44px;
    }

    .aw-command-palette-trigger__kbd {
      display: none;
    }
  }

  .aw-command-palette-mask {
    box-sizing: border-box;
    background: var(--aw-mask-bg);
    -webkit-backdrop-filter: blur(2px);
    justify-content: center;
    align-items: flex-start;
    padding: 12vh 1rem 1rem;
    display: flex;
    position: fixed;
    inset: 0;
  }

  .aw-command-palette {
    box-sizing: border-box;
    background: var(--aw-overlay-bg);
    width: 40rem;
    max-width: 100%;
    max-height: min(36rem, 76dvh);
    color: var(--aw-text);
    border: 1px solid var(--aw-overlay-border);
    border-radius: var(--aw-radius-lg);
    box-shadow: var(--aw-overlay-shadow);
    font-size: var(--aw-font-size);
    outline: none;
    flex-direction: column;
    display: flex;
    overflow: hidden;
  }

  .aw-command-palette__search {
    border-bottom: 1px solid var(--aw-content-border);
    flex-shrink: 0;
    align-items: center;
    gap: .5rem;
    min-height: 3.25rem;
    padding: 0 .75rem 0 1rem;
    display: flex;
  }

  .aw-command-palette__lead, .aw-command-palette__trail {
    flex-shrink: 0;
    align-items: center;
    gap: .5rem;
    min-width: 0;
    max-width: 45%;
    display: inline-flex;
  }

  .aw-command-palette__search-icon {
    color: var(--aw-text-muted);
    flex-shrink: 0;
    font-size: 1.125rem;
  }

  .aw-command-palette__crumb {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    font-size: var(--aw-font-size-sm);
    color: var(--aw-highlight-text);
    background: var(--aw-highlight-bg);
    border-radius: var(--aw-radius-sm);
    padding: .125rem .5rem;
    overflow: hidden;
  }

  .aw-command-palette__input {
    min-width: 0;
    height: 3rem;
    font: inherit;
    font-size: var(--aw-font-size-lg);
    color: var(--aw-field-text);
    background: none;
    border: 0;
    outline: none;
    flex: auto;
    padding: 0;
    box-shadow: none !important;
  }

  .aw-command-palette__input::placeholder {
    color: var(--aw-field-placeholder);
  }

  .aw-command-palette__spinner {
    color: var(--aw-text-muted);
    flex-shrink: 0;
  }

  .aw-command-palette__icon-button {
    box-sizing: border-box;
    width: 2rem;
    height: 2rem;
    color: var(--aw-text-muted);
    border-radius: var(--aw-radius-sm);
    cursor: pointer;
    background: none;
    border: 0;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: 1.125rem;
    display: inline-flex;
  }

  .aw-command-palette__icon-button:hover {
    color: var(--aw-text);
    background: var(--aw-content-hover-bg);
  }

  .aw-command-palette__close {
    display: none;
  }

  .aw-command-palette__results {
    overscroll-behavior: contain;
    flex: auto;
    min-height: 0;
    padding: .25rem .375rem .5rem;
    overflow-y: auto;
  }

  .aw-command-palette__list, .aw-command-palette__section {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .aw-command-palette__section {
    margin-top: .25rem;
  }

  .aw-command-palette__item {
    gap: .75rem;
    min-height: 2.5rem;
    padding: .375rem .75rem;
  }

  .aw-command-palette__item-icon {
    text-align: center;
    width: 1.25rem;
    color: var(--aw-text-muted);
    flex-shrink: 0;
    font-size: 1.125rem;
  }

  .aw-option--focused .aw-command-palette__item-icon {
    color: inherit;
  }

  .aw-command-palette__item-text {
    flex-direction: column;
    flex: auto;
    min-width: 0;
    display: flex;
  }

  .aw-command-palette__item-label, .aw-command-palette__item-description {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .aw-command-palette__item-description, .aw-command-palette__item-hint {
    font-size: var(--aw-font-size-sm);
    color: var(--aw-text-muted);
  }

  .aw-command-palette__item-hint {
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-shrink: 1;
    min-width: 0;
    max-width: 40%;
    overflow: hidden;
  }

  .aw-command-palette__item-kbd, .aw-command-palette__item-end {
    flex-shrink: 0;
  }

  .aw-command-palette__item-end {
    color: var(--aw-text-muted);
  }

  .aw-command-palette__match {
    color: var(--aw-primary);
    background: none;
    font-weight: 600;
  }

  .aw-command-palette__status {
    font-size: var(--aw-font-size-sm);
    color: var(--aw-text-muted);
    align-items: center;
    gap: .5rem;
    padding: .5rem .75rem;
    display: flex;
  }

  .aw-command-palette__status--error {
    color: var(--aw-danger-soft-text);
  }

  .aw-command-palette__empty {
    text-align: center;
    padding: 2rem 1rem;
  }

  .aw-command-palette__footer {
    font-size: var(--aw-font-size-sm);
    color: var(--aw-text-muted);
    border-top: 1px solid var(--aw-content-border);
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    gap: .375rem 1rem;
    padding: .5rem 1rem;
    display: flex;
  }

  .aw-command-palette__footer-hint {
    align-items: center;
    gap: .25rem;
    display: inline-flex;
  }

  @media (max-width: 639.98px) {
    .aw-command-palette-mask {
      align-items: stretch;
      padding: 0;
    }

    .aw-command-palette {
      border: 0;
      border-radius: 0;
      width: 100%;
      height: 100dvh;
      max-height: none;
    }

    .aw-command-palette__input {
      font-size: max(16px,var(--aw-font-size-lg));
    }

    .aw-command-palette__close {
      display: inline-flex;
    }

    .aw-command-palette__esc, .aw-command-palette__footer {
      display: none;
    }
  }

  @media (pointer: coarse) {
    .aw-command-palette__item {
      min-height: 44px;
    }

    .aw-command-palette__icon-button {
      width: 44px;
      height: 44px;
    }

    .aw-command-palette__close {
      display: inline-flex;
    }

    .aw-command-palette__esc, .aw-command-palette__footer, .aw-command-palette__item-kbd {
      display: none;
    }
  }

  .aw-command-palette-enter-active, .aw-command-palette-leave-active {
    transition: opacity var(--aw-duration) ease;
  }

  .aw-command-palette-enter-active .aw-command-palette, .aw-command-palette-leave-active .aw-command-palette {
    transition: transform var(--aw-duration) var(--aw-ease);
  }

  .aw-command-palette-enter-from, .aw-command-palette-leave-to {
    opacity: 0;
  }

  .aw-command-palette-enter-from .aw-command-palette, .aw-command-palette-leave-to .aw-command-palette {
    transform: translateY(-8px) scale(.98);
  }

  .aw-command-palette-mask--still {
    --aw-duration-fast: .001ms;
    --aw-duration: .001ms;
    --aw-duration-slow: .001ms;
  }

  .aw-period-nav {
    vertical-align: middle;
    max-width: 100%;
    font-size: var(--aw-font-size);
    color: var(--aw-field-text);
    display: inline-block;
  }

  .aw-period-nav__inner {
    flex-wrap: nowrap;
    align-items: center;
    gap: .5rem;
    display: flex;
  }

  .aw-period-nav__stepper {
    min-width: 0;
    height: var(--aw-field-height);
    background: var(--aw-field-bg);
    border: 1px solid var(--aw-field-border);
    border-radius: var(--aw-radius-md);
    box-shadow: var(--aw-field-shadow);
    align-items: stretch;
    display: inline-flex;
  }

  .aw-period-nav--sm .aw-period-nav__stepper {
    height: var(--aw-field-height-sm);
    font-size: var(--aw-font-size-sm);
  }

  .aw-period-nav--lg .aw-period-nav__stepper {
    height: var(--aw-field-height-lg);
    font-size: var(--aw-font-size-lg);
  }

  .aw-period-nav__step, .aw-period-nav__label, .aw-period-nav__quarter {
    font: inherit;
    color: inherit;
    cursor: pointer;
    touch-action: manipulation;
    transition: background-color var(--aw-duration-fast) ease;
    background: none;
    border: 0;
    justify-content: center;
    align-items: center;
    margin: 0;
    display: inline-flex;
    position: relative;
  }

  .aw-period-nav__step {
    width: var(--aw-field-height);
    color: var(--aw-field-icon);
    flex: none;
    padding: 0;
  }

  .aw-period-nav--sm .aw-period-nav__step {
    width: var(--aw-field-height-sm);
  }

  .aw-period-nav__stepper > .aw-period-nav__step:first-child {
    border-start-start-radius: calc(var(--aw-radius-md) - 1px);
    border-end-start-radius: calc(var(--aw-radius-md) - 1px);
  }

  .aw-period-nav__stepper > .aw-period-nav__step:last-child {
    border-start-end-radius: calc(var(--aw-radius-md) - 1px);
    border-end-end-radius: calc(var(--aw-radius-md) - 1px);
  }

  .aw-period-nav__label {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    border-inline: 1px solid var(--aw-field-border);
    flex: auto;
    gap: .375rem;
    min-width: 0;
    padding: 0 .625rem;
  }

  .aw-period-nav__prefix {
    color: var(--aw-text-strong);
    font-weight: 600;
  }

  .aw-period-nav__dot {
    color: var(--aw-text-muted);
  }

  .aw-period-nav__range, .aw-period-nav__short {
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .aw-period-nav__short {
    display: none;
  }

  .aw-period-nav__caret {
    color: var(--aw-field-icon);
    flex: none;
  }

  .aw-period-nav__step:hover:not(:disabled), .aw-period-nav__label:hover:not(:disabled), .aw-period-nav__quarter:hover:not(:disabled) {
    background: var(--aw-content-hover-bg);
    color: var(--aw-text);
  }

  .aw-period-nav__step:focus-visible, .aw-period-nav__label:focus-visible, .aw-period-nav__quarter:focus-visible {
    z-index: 1;
    box-shadow: var(--aw-focus-ring-tight);
    outline: none;
  }

  .aw-period-nav__step:disabled, .aw-period-nav__label:disabled, .aw-period-nav__quarter:disabled {
    cursor: default;
    opacity: .45;
  }

  .aw-period-nav--disabled .aw-period-nav__stepper {
    background: var(--aw-field-disabled-bg);
  }

  @media (max-width: 639px) {
    .aw-period-nav {
      display: block;
    }

    .aw-period-nav__inner {
      flex-wrap: wrap;
    }

    .aw-period-nav__units {
      flex: 1 0 100%;
    }

    .aw-period-nav__stepper {
      flex: auto;
    }

    .aw-period-nav__range {
      display: none;
    }

    .aw-period-nav__short {
      display: inline;
    }
  }

  @media (pointer: coarse) {
    .aw-period-nav__step:after, .aw-period-nav__quarter:after {
      content: "";
      width: max(100%, 44px);
      height: max(100%, 44px);
      position: absolute;
      inset: 50% auto auto 50%;
      transform: translate(-50%, -50%);
    }
  }

  .aw-period-nav__panel {
    padding: .5rem;
    overflow: auto;
  }

  .aw-period-nav__panel .aw-datepicker__panel--inline {
    box-shadow: none;
    border: 0;
  }

  .aw-period-nav__quarters {
    flex-direction: column;
    gap: .5rem;
    min-width: 16rem;
    display: flex;
  }

  .aw-period-nav__year {
    height: var(--aw-field-height);
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .aw-period-nav__year .aw-period-nav__step {
    border-radius: var(--aw-radius-md);
  }

  .aw-period-nav__year-label {
    color: var(--aw-text-strong);
    font-weight: 600;
  }

  .aw-period-nav__quarter-grid {
    grid-template-columns: 1fr 1fr;
    gap: .375rem;
    display: grid;
  }

  .aw-period-nav__quarter {
    border-radius: var(--aw-radius-md);
    border: 1px solid var(--aw-content-border);
    flex-direction: column;
    gap: .125rem;
    min-height: 3.5rem;
    padding: .5rem;
  }

  .aw-period-nav__quarter-name {
    font-weight: 600;
  }

  .aw-period-nav__quarter-months {
    font-size: var(--aw-font-size-sm);
    color: var(--aw-text-muted);
  }

  .aw-period-nav__quarter--today .aw-period-nav__quarter-name {
    color: var(--aw-primary);
  }

  .aw-period-nav__quarter--selected, .aw-period-nav__quarter--selected:hover:not(:disabled) {
    background: var(--aw-highlight-bg);
    color: var(--aw-highlight-text);
    border-color: #0000;
  }

  .aw-period-nav__quarter--selected .aw-period-nav__quarter-months {
    color: inherit;
  }

  @media (max-width: 639px) {
    .aw-period-nav__panel {
      border-radius: var(--aw-radius-lg) var(--aw-radius-lg) 0 0;
      padding-bottom: max(.5rem,env(safe-area-inset-bottom));
      justify-content: center;
      display: flex;
      max-width: none !important;
      max-height: 85vh !important;
      inset: auto 0 0 !important;
    }

    .aw-period-nav__panel > * {
      margin-inline: auto;
    }

    .aw-period-nav__quarters {
      width: 100%;
    }
  }

  .aw-duration-input {
    vertical-align: middle;
    align-items: stretch;
    min-width: 0;
    display: inline-flex;
  }

  .aw-duration-input--fluid {
    width: 100%;
    display: flex;
  }

  .aw-duration-input__box {
    flex: auto;
    min-width: 0;
  }

  .aw-duration-input__input {
    font-variant-numeric: tabular-nums;
  }

  .aw-duration-input:not(.aw-duration-input--fluid) .aw-duration-input__input {
    width: 8rem;
  }

  .aw-duration-input--buttons .aw-duration-input__input {
    text-align: center;
  }

  .aw-duration-input__button {
    box-sizing: border-box;
    width: var(--aw-field-height);
    font: inherit;
    color: var(--aw-field-icon);
    background: var(--aw-field-bg);
    border: 1px solid var(--aw-field-border);
    cursor: pointer;
    touch-action: manipulation;
    -webkit-user-select: none;
    user-select: none;
    transition: background-color var(--aw-duration-fast) ease,color var(--aw-duration-fast) ease;
    flex: none;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    font-size: .875rem;
    display: inline-flex;
    position: relative;
  }

  .aw-duration-input--sm .aw-duration-input__button {
    width: var(--aw-field-height-sm);
  }

  .aw-duration-input--lg .aw-duration-input__button {
    width: var(--aw-field-height-lg);
  }

  .aw-duration-input__button:hover:not(:disabled) {
    color: var(--aw-text);
    background: var(--aw-content-hover-bg);
  }

  .aw-duration-input__button:active:not(:disabled) {
    color: var(--aw-primary);
  }

  .aw-duration-input__button:disabled {
    cursor: default;
    opacity: .45;
  }

  .aw-duration-input--disabled .aw-duration-input__button {
    background: var(--aw-field-disabled-bg);
  }

  .aw-duration-input__button--decrement {
    border-radius: var(--aw-radius-md) 0 0 var(--aw-radius-md);
    margin-inline-end: -1px;
  }

  .aw-duration-input__button--increment {
    border-radius: 0 var(--aw-radius-md) var(--aw-radius-md) 0;
    margin-inline-start: -1px;
  }

  .aw-duration-input--buttons > .aw-duration-input__box {
    border-radius: 0;
    position: relative;
  }

  .aw-duration-input--buttons > .aw-duration-input__box:focus-within {
    z-index: 1;
  }

  @media (pointer: coarse) {
    .aw-duration-input__button:after {
      content: "";
      width: max(100%, 44px);
      height: max(100%, 44px);
      position: absolute;
      inset: 50% auto auto 50%;
      transform: translate(-50%, -50%);
    }
  }

  .aw-recurrence {
    min-width: 0;
    font-size: var(--aw-font-size);
    color: var(--aw-text);
    flex-direction: column;
    gap: .875rem;
    display: flex;
  }

  .aw-recurrence__row {
    grid-template-columns: 6.5rem minmax(0, 1fr);
    align-items: center;
    gap: .5rem .75rem;
    display: grid;
  }

  .aw-recurrence__row--top {
    align-items: start;
  }

  .aw-recurrence__row--top > .aw-recurrence__label {
    padding-top: calc((var(--aw-field-height) - 1.25rem) / 2);
  }

  .aw-recurrence__label {
    color: var(--aw-text-strong);
    font-weight: 500;
  }

  .aw-recurrence__controls, .aw-recurrence__option {
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    min-width: 0;
    display: flex;
  }

  .aw-recurrence__options {
    flex-direction: column;
    gap: .5rem;
    min-width: 0;
    display: flex;
  }

  .aw-recurrence__text {
    color: var(--aw-text);
  }

  .aw-recurrence__freq {
    min-width: 9rem;
  }

  .aw-recurrence__interval .aw-input-number__input, .aw-recurrence__count .aw-input-number__input {
    width: 3.25rem !important;
  }

  .aw-recurrence__day {
    min-width: 6rem;
  }

  .aw-recurrence__ordinal, .aw-recurrence__weekday, .aw-recurrence__month {
    min-width: 8rem;
  }

  .aw-recurrence__summary {
    border-radius: var(--aw-radius-md);
    background: var(--aw-content-hover-bg);
    border: 1px solid var(--aw-content-border);
    flex-direction: column;
    gap: .375rem;
    padding: .75rem;
    display: flex;
  }

  .aw-recurrence__sentence {
    color: var(--aw-text-strong);
    margin: 0;
    font-weight: 600;
  }

  .aw-recurrence__preview-title {
    font-size: var(--aw-font-size-sm);
    color: var(--aw-text-muted);
  }

  .aw-recurrence__preview {
    font-variant-numeric: tabular-nums;
    flex-wrap: wrap;
    gap: .25rem 1rem;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
  }

  .aw-recurrence__preview-empty {
    color: var(--aw-text-muted);
  }

  .aw-recurrence--disabled {
    color: var(--aw-text-disabled);
  }

  @media (max-width: 639px) {
    .aw-recurrence__row {
      grid-template-columns: minmax(0, 1fr);
      gap: .375rem;
    }

    .aw-recurrence__row--top > .aw-recurrence__label {
      padding-top: 0;
    }

    .aw-recurrence__weekdays {
      width: 100%;
    }
  }

  .aw-cron {
    min-width: 0;
    font-size: var(--aw-font-size);
    color: var(--aw-text);
    flex-direction: column;
    gap: .875rem;
    display: flex;
  }

  .aw-cron__raw {
    flex-direction: column;
    gap: .375rem;
    display: flex;
  }

  .aw-cron__label {
    color: var(--aw-text-strong);
    font-weight: 500;
  }

  .aw-cron__input {
    font-family: var(--aw-font-mono);
  }

  .aw-cron__strip {
    flex-wrap: wrap;
    gap: .375rem;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
  }

  .aw-cron__token {
    border: 1px solid var(--aw-content-border);
    border-radius: var(--aw-radius-sm);
    background: var(--aw-content-bg);
    flex-direction: column;
    align-items: center;
    min-width: 3.5rem;
    padding: .25rem .5rem;
    display: inline-flex;
  }

  .aw-cron__token-text {
    font-family: var(--aw-font-mono);
    color: var(--aw-text-strong);
    font-weight: 600;
  }

  .aw-cron__token-name {
    font-size: var(--aw-font-size-sm);
    color: var(--aw-text-muted);
  }

  .aw-cron__token--error {
    border-color: var(--aw-danger-soft-border);
    background: var(--aw-danger-soft-bg);
  }

  .aw-cron__token--error .aw-cron__token-text, .aw-cron__token--error .aw-cron__token-name {
    color: var(--aw-danger-soft-text);
  }

  .aw-cron__errors {
    font-size: var(--aw-font-size-sm);
    color: var(--aw-danger-soft-text);
    background: var(--aw-danger-soft-bg);
    border: 1px solid var(--aw-danger-soft-border);
    border-radius: var(--aw-radius-md);
    margin: 0;
    padding: .5rem .75rem;
    list-style: none;
  }

  .aw-cron__mode {
    align-self: flex-start;
  }

  .aw-cron__panel {
    flex-direction: column;
    gap: .625rem;
    display: flex;
  }

  .aw-cron__row {
    grid-template-columns: 7.5rem minmax(0, 1fr);
    align-items: center;
    gap: .5rem .75rem;
    display: grid;
  }

  .aw-cron__controls {
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    min-width: 0;
    display: flex;
  }

  .aw-cron__field--error > .aw-cron__label {
    color: var(--aw-danger-soft-text);
  }

  .aw-cron__field-mode {
    min-width: 8rem;
  }

  .aw-cron__values {
    min-width: 12rem;
    max-width: 100%;
  }

  .aw-cron__step .aw-input-number__input {
    width: 4.5rem !important;
  }

  .aw-cron__custom {
    font-family: var(--aw-font-mono);
    width: 10rem;
  }

  .aw-cron__time .aw-field__input {
    width: 5.5rem;
  }

  .aw-cron__hint {
    font-size: var(--aw-font-size-sm);
    color: var(--aw-text-muted);
    margin: 0;
  }

  .aw-cron__summary {
    border-radius: var(--aw-radius-md);
    background: var(--aw-content-hover-bg);
    border: 1px solid var(--aw-content-border);
    flex-direction: column;
    gap: .5rem;
    padding: .75rem;
    display: flex;
  }

  .aw-cron__sentence {
    color: var(--aw-text-strong);
    margin: 0;
    font-weight: 600;
  }

  .aw-cron__runs-head {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
    display: flex;
  }

  .aw-cron__runs-title {
    font-size: var(--aw-font-size-sm);
    color: var(--aw-text-muted);
  }

  .aw-cron__zone {
    min-width: 14rem;
    max-width: 100%;
  }

  .aw-cron__runs {
    font-variant-numeric: tabular-nums;
    flex-direction: column;
    gap: .125rem;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
  }

  .aw-cron__runs-empty {
    color: var(--aw-text-muted);
  }

  .aw-cron--disabled {
    color: var(--aw-text-disabled);
  }

  @media (max-width: 639px) {
    .aw-cron__row {
      grid-template-columns: minmax(0, 1fr);
      gap: .375rem;
    }

    .aw-cron__zone {
      width: 100%;
    }
  }

  .aw-kanban, .aw-sortable-ghost[data-aw-kanban-card], .aw-sortable-ghost[data-aw-kanban-column] {
    --aw-kanban-gap: .75rem;
    --aw-kanban-column-bg: var(--aw-content-hover-bg);
    --aw-kanban-card-bg: var(--aw-card-bg);
    --aw-kanban-collapsed-width: 2.75rem;
  }

  .aw-kanban {
    min-width: 0;
    min-height: 0;
    color: var(--aw-text);
    flex-direction: column;
    display: flex;
    container: aw-kanban / inline-size;
  }

  .dark .aw-kanban, .dark .aw-sortable-ghost[data-aw-kanban-card], .dark .aw-sortable-ghost[data-aw-kanban-column] {
    --aw-kanban-column-bg: var(--aw-surface-950);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark .aw-kanban, .dark .aw-sortable-ghost[data-aw-kanban-card], .dark .aw-sortable-ghost[data-aw-kanban-column] {
      --aw-kanban-column-bg: color-mix(in srgb, var(--aw-surface-950) 55%, transparent);
    }
  }

  .dark .aw-kanban, .dark .aw-sortable-ghost[data-aw-kanban-card], .dark .aw-sortable-ghost[data-aw-kanban-column] {
    --aw-kanban-card-bg: var(--aw-surface-800);
  }

  .aw-kanban__scroller {
    overscroll-behavior-x: contain;
    flex-direction: column;
    flex: auto;
    align-items: flex-start;
    min-height: 0;
    padding-bottom: .25rem;
    display: flex;
    position: relative;
    overflow: auto;
  }

  .aw-kanban__header-row, .aw-kanban__row {
    gap: var(--aw-kanban-gap);
    width: max-content;
    min-width: 100%;
    display: flex;
  }

  .aw-kanban__header-row {
    z-index: 2;
    background: none;
    flex: none;
    position: sticky;
    top: 0;
  }

  .aw-kanban--lanes .aw-kanban__header-row {
    background: var(--aw-canvas);
    padding-bottom: .5rem;
  }

  .aw-kanban__column-header {
    box-sizing: border-box;
    width: var(--aw-kanban-column-width);
    border-radius: var(--aw-radius-lg) var(--aw-radius-lg) 0 0;
    background: var(--aw-kanban-column-bg);
    border-top: 3px solid var(--aw-kanban-accent, transparent);
    scroll-snap-align: start;
    flex: none;
    align-items: center;
    gap: .375rem;
    min-height: 2.75rem;
    padding: .5rem .375rem .5rem .75rem;
    display: flex;
    position: relative;
  }

  .aw-kanban--lanes .aw-kanban__column-header {
    border-radius: var(--aw-radius-lg);
  }

  .aw-kanban__column-header--primary {
    --aw-kanban-accent: var(--aw-primary);
  }

  .aw-kanban__column-header--secondary {
    --aw-kanban-accent: var(--aw-surface-400);
  }

  .aw-kanban__column-header--success {
    --aw-kanban-accent: var(--aw-success);
  }

  .aw-kanban__column-header--info {
    --aw-kanban-accent: var(--aw-info);
  }

  .aw-kanban__column-header--warn {
    --aw-kanban-accent: var(--aw-warn);
  }

  .aw-kanban__column-header--danger {
    --aw-kanban-accent: var(--aw-danger);
  }

  .aw-kanban__column-header--help {
    --aw-kanban-accent: var(--aw-help);
  }

  .aw-kanban__column-header--collapsed {
    width: var(--aw-kanban-collapsed-width);
    justify-content: center;
    padding: .5rem 0;
  }

  .aw-kanban__column-header--collapsed .aw-kanban__collapse {
    margin-left: 0;
  }

  .aw-kanban__strip {
    cursor: pointer;
    flex-direction: column;
    align-items: center;
    gap: .5rem;
    padding: .25rem 0 .5rem;
    display: flex;
  }

  .aw-kanban__strip-title {
    writing-mode: vertical-rl;
    font-size: var(--aw-font-size-sm);
    color: var(--aw-text-strong);
    white-space: nowrap;
    font-weight: 600;
  }

  .aw-kanban__column-header--picked {
    box-shadow: var(--aw-focus-ring-tight);
  }

  .aw-kanban__column-header--dragging {
    opacity: .45;
  }

  .aw-kanban__column-header--drop-before:before, .aw-kanban__column-header--drop-after:after {
    content: "";
    border-radius: var(--aw-radius-pill);
    background: var(--aw-primary);
    width: 3px;
    position: absolute;
    top: .25rem;
    bottom: .25rem;
  }

  .aw-kanban__column-header--drop-before:before {
    left: calc(var(--aw-kanban-gap) / -2 - 1.5px);
  }

  .aw-kanban__column-header--drop-after:after {
    right: calc(var(--aw-kanban-gap) / -2 - 1.5px);
  }

  .aw-kanban__title {
    min-width: 0;
    font-size: var(--aw-font-size-sm);
    color: var(--aw-text-strong);
    align-items: center;
    gap: .375rem;
    font-weight: 600;
    display: inline-flex;
  }

  .aw-kanban__title-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .aw-kanban__title-icon {
    color: var(--aw-kanban-accent, var(--aw-text-muted));
  }

  .aw-kanban__count {
    box-sizing: border-box;
    border-radius: var(--aw-radius-pill);
    background: var(--aw-secondary-soft-bg);
    min-width: 1.5rem;
    height: 1.375rem;
    color: var(--aw-secondary-soft-text);
    border: 1px solid var(--aw-secondary-soft-border);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    flex: none;
    justify-content: center;
    align-items: center;
    gap: .25rem;
    padding: 0 .4375rem;
    font-size: .75rem;
    font-weight: 600;
    display: inline-flex;
  }

  .aw-kanban__count--at {
    background: var(--aw-warn-soft-bg);
    color: var(--aw-warn-soft-text);
    border-color: var(--aw-warn-soft-border);
  }

  .aw-kanban__count--over {
    background: var(--aw-danger-soft-bg);
    color: var(--aw-danger-soft-text);
    border-color: var(--aw-danger-soft-border);
  }

  .aw-kanban__count-icon {
    font-size: .8125rem;
  }

  .aw-kanban__meta {
    min-width: 0;
    color: var(--aw-text-muted);
    white-space: nowrap;
    align-items: center;
    gap: .25rem;
    font-size: .75rem;
    display: inline-flex;
  }

  .aw-kanban__grip, .aw-kanban__collapse {
    border-radius: var(--aw-radius-sm);
    width: 1.75rem;
    height: 1.75rem;
    color: var(--aw-text-muted);
    cursor: pointer;
    transition: background-color var(--aw-duration-fast) var(--aw-ease),color var(--aw-duration-fast) var(--aw-ease);
    background: none;
    border: 0;
    flex: none;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: inline-flex;
    position: relative;
  }

  .aw-kanban__collapse {
    margin-left: auto;
  }

  .aw-kanban__grip {
    cursor: grab;
    touch-action: none;
  }

  .aw-kanban__grip:hover, .aw-kanban__collapse:hover {
    background: var(--aw-secondary-hover-bg);
    color: var(--aw-text-strong);
  }

  .aw-kanban__grip:focus-visible, .aw-kanban__collapse:focus-visible, .aw-kanban__add:focus-visible, .aw-kanban__switch:focus-visible {
    box-shadow: var(--aw-focus-ring-tight);
    outline: none;
  }

  .aw-kanban__grip[aria-pressed="true"] {
    background: var(--aw-highlight-bg);
    color: var(--aw-highlight-text);
  }

  .aw-kanban__lane {
    flex-direction: column;
    flex: none;
    width: max-content;
    min-width: 100%;
    display: flex;
  }

  .aw-kanban__lane--solo {
    flex: auto;
    min-height: 0;
  }

  .aw-kanban__lane + .aw-kanban__lane {
    margin-top: .5rem;
  }

  .aw-kanban__lane-header {
    box-sizing: border-box;
    width: max-content;
    max-width: 100cqw;
    min-height: 2.25rem;
    font-size: var(--aw-font-size-sm);
    color: var(--aw-text-strong);
    align-items: center;
    gap: .375rem;
    padding: 0 .25rem;
    font-weight: 600;
    display: flex;
    position: sticky;
    left: 0;
  }

  .aw-kanban__collapse--lane {
    margin-left: 0;
  }

  .aw-kanban__lane-count {
    color: var(--aw-text-muted);
    font-variant-numeric: tabular-nums;
    font-size: .75rem;
    font-weight: 500;
  }

  .aw-kanban__row {
    flex: auto;
    min-height: 0;
  }

  .aw-kanban__cell {
    box-sizing: border-box;
    width: var(--aw-kanban-column-width);
    border-radius: 0 0 var(--aw-radius-lg) var(--aw-radius-lg);
    background: var(--aw-kanban-column-bg);
    flex-direction: column;
    flex: none;
    min-height: 4.5rem;
    padding: .25rem .5rem .5rem;
    display: flex;
  }

  .aw-kanban--lanes .aw-kanban__cell {
    border-radius: var(--aw-radius-lg);
    padding-top: .5rem;
  }

  .aw-kanban__cell--collapsed {
    width: var(--aw-kanban-collapsed-width);
    padding-left: .25rem;
    padding-right: .25rem;
  }

  .aw-kanban__list {
    border-radius: var(--aw-radius-md);
    min-height: 3rem;
    transition: background-color var(--aw-duration-fast) var(--aw-ease);
    flex-direction: column;
    flex: auto;
    gap: .5rem;
    margin: 0;
    padding: .125rem;
    list-style: none;
    display: flex;
  }

  .aw-kanban__lane--solo .aw-kanban__list {
    overscroll-behavior-y: contain;
    min-height: 0;
    overflow-y: auto;
  }

  .aw-kanban__lane--solo .aw-kanban__cell--empty .aw-kanban__list {
    min-height: 3rem;
  }

  .aw-kanban--dragging .aw-kanban__cell--empty .aw-kanban__list, .aw-kanban--dragging .aw-kanban__cell--collapsed .aw-kanban__list {
    outline: 2px dashed var(--aw-content-border);
    outline-offset: -2px;
  }

  .aw-kanban__list--target {
    background: var(--aw-highlight-bg);
  }

  .aw-kanban--dragging .aw-kanban__list--target {
    outline-color: var(--aw-primary);
  }

  .aw-kanban__empty {
    font-size: var(--aw-font-size-sm);
    color: var(--aw-text-muted);
    text-align: center;
    padding: .25rem .5rem .5rem;
  }

  .aw-kanban__card {
    box-sizing: border-box;
    border: 1px solid var(--aw-content-border);
    border-radius: var(--aw-radius-md);
    background: var(--aw-kanban-card-bg);
    box-shadow: var(--aw-card-shadow);
    color: var(--aw-text);
    cursor: grab;
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    touch-action: manipulation;
    transition: box-shadow var(--aw-duration-fast) var(--aw-ease),border-color var(--aw-duration-fast) var(--aw-ease),opacity var(--aw-duration-fast) var(--aw-ease),transform var(--aw-duration-fast) var(--aw-ease);
    flex: none;
    padding: .625rem .75rem;
    position: relative;
  }

  .aw-kanban__card:hover {
    border-color: var(--aw-field-border);
  }

  .aw-kanban__card:focus-visible {
    border-color: var(--aw-primary);
    box-shadow: var(--aw-focus-ring-tight),var(--aw-card-shadow);
    outline: none;
  }

  .aw-kanban--disabled .aw-kanban__card {
    cursor: default;
  }

  .aw-kanban__card--picked {
    border-color: var(--aw-primary);
    box-shadow: var(--aw-focus-ring-tight),var(--aw-overlay-shadow);
    transform: rotate(-1deg) scale(1.01);
  }

  .aw-kanban__card--dragging {
    opacity: .4;
    box-shadow: none;
    border-style: dashed;
  }

  .aw-kanban__card--pending {
    opacity: .75;
  }

  .aw-kanban__card--drop-before:before, .aw-kanban__card--drop-after:after {
    content: "";
    border-radius: var(--aw-radius-pill);
    background: var(--aw-primary);
    pointer-events: none;
    height: 3px;
    position: absolute;
    left: .25rem;
    right: .25rem;
  }

  .aw-kanban__card--drop-before:before {
    top: calc(-.25rem - 2.5px);
  }

  .aw-kanban__card--drop-after:after {
    bottom: calc(-.25rem - 2.5px);
  }

  .aw-kanban__pending {
    color: var(--aw-primary);
    animation: .8s linear infinite aw-kanban-spin;
    position: absolute;
    top: .375rem;
    right: .375rem;
  }

  @keyframes aw-kanban-spin {
    to {
      transform: rotate(360deg);
    }
  }

  .aw-kanban__card.aw-sortable-ghost {
    cursor: grabbing;
    border-color: var(--aw-primary);
    rotate: 2deg;
  }

  .aw-kanban--dragging, .aw-kanban--dragging .aw-kanban__card {
    cursor: grabbing;
  }

  .aw-kanban__footer {
    padding-top: .375rem;
  }

  .aw-kanban__add {
    border-radius: var(--aw-radius-md);
    width: 100%;
    min-height: 2rem;
    color: var(--aw-text-muted);
    font: inherit;
    font-size: var(--aw-font-size-sm);
    cursor: pointer;
    background: none;
    border: 0;
    align-items: center;
    gap: .375rem;
    padding: 0 .5rem;
    display: flex;
  }

  .aw-kanban__add:hover {
    background: var(--aw-secondary-hover-bg);
    color: var(--aw-text-strong);
  }

  .aw-kanban__switcher {
    gap: .375rem;
    margin-bottom: .5rem;
    display: none;
    overflow-x: auto;
    scrollbar-width: none !important;
  }

  .aw-kanban__switch {
    border: 1px solid var(--aw-content-border);
    border-radius: var(--aw-radius-pill);
    background: var(--aw-content-bg);
    min-height: 2.25rem;
    color: var(--aw-text);
    font: inherit;
    font-size: var(--aw-font-size-sm);
    cursor: pointer;
    flex: none;
    align-items: center;
    gap: .375rem;
    padding: 0 .75rem;
    display: inline-flex;
  }

  .aw-kanban__switch--active {
    border-color: var(--aw-primary);
    background: var(--aw-highlight-bg);
    color: var(--aw-highlight-text);
    font-weight: 600;
  }

  .aw-kanban__switch-count {
    font-variant-numeric: tabular-nums;
    color: var(--aw-text-muted);
    font-size: .75rem;
  }

  @container aw-kanban (max-width: 639px) {
    .aw-kanban__switcher {
      display: flex;
    }

    .aw-kanban__scroller {
      scroll-snap-type: x mandatory;
      padding-inline: .5rem;
      scroll-padding-inline: .5rem;
    }

    .aw-kanban--dragging .aw-kanban__scroller {
      scroll-snap-type: none;
    }

    .aw-kanban__scroller {
      --aw-kanban-column-width: calc(100cqw - 2.5rem);
      --aw-kanban-gap: .5rem;
    }
  }

  @media (pointer: coarse) {
    .aw-kanban__grip:after, .aw-kanban__collapse:after {
      content: "";
      width: 44px;
      height: 44px;
      position: absolute;
      inset: 50% auto auto 50%;
      transform: translate(-50%, -50%);
    }

    .aw-kanban__add, .aw-kanban__switch {
      min-height: 44px;
    }
  }

  .aw-kanban-card {
    min-width: 0;
    font-size: var(--aw-font-size-sm);
    color: var(--aw-text);
    flex-direction: column;
    gap: .375rem;
    line-height: 1.35;
    display: flex;
    position: relative;
  }

  .aw-kanban-card[class*="aw-kanban-card--"]:before {
    content: "";
    border-radius: var(--aw-radius-pill);
    background: var(--aw-kanban-card-accent);
    width: 3px;
    position: absolute;
    inset: .125rem auto .125rem calc(1px - .75rem);
  }

  .aw-kanban-card--primary {
    --aw-kanban-card-accent: var(--aw-primary);
  }

  .aw-kanban-card--secondary {
    --aw-kanban-card-accent: var(--aw-surface-400);
  }

  .aw-kanban-card--success {
    --aw-kanban-card-accent: var(--aw-success);
  }

  .aw-kanban-card--info {
    --aw-kanban-card-accent: var(--aw-info);
  }

  .aw-kanban-card--warn {
    --aw-kanban-card-accent: var(--aw-warn);
  }

  .aw-kanban-card--danger {
    --aw-kanban-card-accent: var(--aw-danger);
  }

  .aw-kanban-card--help {
    --aw-kanban-card-accent: var(--aw-help);
  }

  .aw-kanban-card__top {
    min-height: 1.25rem;
    color: var(--aw-text-muted);
    align-items: center;
    gap: .375rem;
    font-size: .75rem;
    display: flex;
  }

  .aw-kanban-card__icon {
    font-size: .9375rem;
  }

  .aw-kanban-card__code {
    font-family: var(--aw-font-mono);
    letter-spacing: .01em;
    white-space: nowrap;
  }

  .aw-kanban-card__actions {
    align-items: center;
    gap: .25rem;
    margin-left: auto;
    display: inline-flex;
  }

  .aw-kanban-card__title {
    color: var(--aw-text-strong);
    overflow-wrap: anywhere;
    font-weight: 500;
  }

  .aw-kanban-card__tags {
    flex-wrap: wrap;
    gap: .25rem;
    display: flex;
  }

  .aw-kanban-card__footer {
    color: var(--aw-text-muted);
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
    margin-top: .125rem;
    font-size: .75rem;
    display: flex;
  }

  .aw-number-ticker {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    justify-items: end;
    display: inline-grid;
    position: relative;
  }

  .aw-number-ticker__sizer, .aw-number-ticker__digits {
    grid-area: 1 / 1;
  }

  .aw-number-ticker__sizer {
    visibility: hidden;
  }

  .aw-celebrate {
    max-width: 100%;
    display: inline-block;
  }

  .aw-tilt-card {
    perspective: 900px;
    display: block;
  }

  .aw-tilt-card__inner {
    border-radius: var(--aw-tilt-radius, var(--aw-radius-xl));
    height: 100%;
    position: relative;
  }

  .aw-tilt-card--on > .aw-tilt-card__inner {
    transform: rotateX(var(--aw-tilt-x, 0deg)) rotateY(var(--aw-tilt-y, 0deg));
    transform-style: preserve-3d;
    transition: transform var(--aw-duration-slow) var(--aw-ease);
    will-change: transform;
  }

  .aw-tilt-card--active > .aw-tilt-card__inner {
    transform: rotateX(var(--aw-tilt-x, 0deg)) rotateY(var(--aw-tilt-y, 0deg)) scale(var(--aw-tilt-scale, 1));
    transition: transform 60ms linear;
  }

  .aw-tilt-card__sheen {
    border-radius: inherit;
    pointer-events: none;
    background: radial-gradient(circle at var(--aw-tilt-px, 50%) var(--aw-tilt-py, 50%),var(--aw-surface-0),transparent 55%);
    position: absolute;
    inset: 0;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-tilt-card__sheen {
      background: radial-gradient(circle at var(--aw-tilt-px, 50%) var(--aw-tilt-py, 50%),color-mix(in srgb,var(--aw-surface-0) 38%,transparent),transparent 55%);
    }
  }

  .aw-tilt-card__sheen {
    mix-blend-mode: soft-light;
    opacity: 0;
    transition: opacity var(--aw-duration-slow) var(--aw-ease);
  }

  .aw-tilt-card--active .aw-tilt-card__sheen {
    opacity: 1;
  }

  .dark .aw-tilt-card__sheen {
    mix-blend-mode: overlay;
    background: radial-gradient(circle at var(--aw-tilt-px, 50%) var(--aw-tilt-py, 50%),var(--aw-surface-0),transparent 55%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark .aw-tilt-card__sheen {
      background: radial-gradient(circle at var(--aw-tilt-px, 50%) var(--aw-tilt-py, 50%),color-mix(in srgb,var(--aw-surface-0) 16%,transparent),transparent 55%);
    }
  }

  .aw-paste-dropzone {
    flex-direction: column;
    gap: .5rem;
    display: flex;
  }

  .aw-paste-dropzone__zone {
    border: 1.5px dashed var(--aw-field-border);
    border-radius: var(--aw-radius-lg);
    background: var(--aw-field-filled-bg);
    color: var(--aw-text-muted);
    text-align: center;
    transition: border-color var(--aw-duration) var(--aw-ease),background var(--aw-duration) var(--aw-ease);
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: .5rem .75rem;
    padding: 1rem 1.25rem;
    display: flex;
    position: relative;
  }

  .aw-paste-dropzone__zone:focus-visible {
    border-color: var(--aw-primary);
  }

  .aw-paste-dropzone__zone--dragging {
    border-color: var(--aw-primary);
    background: var(--aw-highlight-bg);
    color: var(--aw-highlight-text);
  }

  .aw-paste-dropzone__zone--invalid {
    border-color: var(--aw-field-border-invalid);
  }

  .aw-paste-dropzone--disabled .aw-paste-dropzone__zone {
    opacity: .6;
    cursor: not-allowed;
  }

  .aw-paste-dropzone__icon {
    width: 1.25rem;
    height: 1.25rem;
  }

  .aw-paste-dropzone__label {
    font-size: var(--aw-font-size-sm);
  }

  .aw-paste-dropzone__input {
    display: none;
  }

  .aw-paste-dropzone__messages {
    color: var(--aw-danger);
    font-size: var(--aw-font-size-sm);
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .aw-paste-dropzone__list {
    flex-wrap: wrap;
    gap: .5rem;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
  }

  .aw-paste-dropzone__item {
    border: 1px solid var(--aw-content-border);
    border-radius: var(--aw-radius-md);
    background: var(--aw-content-bg);
    max-width: 100%;
    color: var(--aw-text);
    align-items: center;
    gap: .5rem;
    padding: .25rem .25rem .25rem .375rem;
    display: flex;
  }

  .aw-paste-dropzone__thumb {
    object-fit: cover;
    border-radius: var(--aw-radius-sm);
    width: 2.5rem;
    height: 2.5rem;
  }

  .aw-paste-dropzone__file-icon {
    width: 1.25rem;
    height: 1.25rem;
    color: var(--aw-text-muted);
    margin: 0 .25rem;
  }

  .aw-paste-dropzone__meta {
    min-width: 0;
    font-size: var(--aw-font-size-sm);
    flex-direction: column;
    line-height: 1.25;
    display: flex;
  }

  .aw-paste-dropzone__name {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 14rem;
    overflow: hidden;
  }

  .aw-paste-dropzone__size {
    color: var(--aw-text-muted);
    font-variant-numeric: tabular-nums;
    font-size: .75rem;
  }

  .aw-paste-dropzone__remove {
    border-radius: var(--aw-radius-sm);
    width: 1.75rem;
    height: 1.75rem;
    color: var(--aw-text-muted);
    cursor: pointer;
    background: none;
    border: 0;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: inline-flex;
    position: relative;
  }

  .aw-paste-dropzone__remove:hover:not(:disabled) {
    background: var(--aw-content-hover-bg);
    color: var(--aw-text);
  }

  @media (pointer: coarse) {
    .aw-paste-dropzone__remove:before {
      content: "";
      position: absolute;
      inset: -8px;
    }
  }

  .aw-paste-dropzone__page-overlay {
    z-index: var(--aw-z-modal);
    border: 3px dashed var(--aw-primary);
    background: var(--aw-canvas);
    justify-content: center;
    align-items: center;
    display: flex;
    position: fixed;
    inset: 0;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-paste-dropzone__page-overlay {
      background: color-mix(in srgb,var(--aw-canvas) 70%,transparent);
    }
  }

  .aw-paste-dropzone__page-overlay {
    pointer-events: none;
  }

  .aw-paste-dropzone__page-label {
    border-radius: var(--aw-radius-pill);
    background: var(--aw-primary);
    color: var(--aw-primary-contrast);
    align-items: center;
    gap: .5rem;
    padding: .75rem 1.25rem;
    font-weight: 600;
    display: inline-flex;
  }

  .aw-presence {
    --aw-presence-size: 2rem;
    align-items: center;
    gap: .5rem;
    min-width: 0;
    display: inline-flex;
  }

  .aw-presence--lg {
    --aw-presence-size: 3rem;
  }

  .aw-presence--xl {
    --aw-presence-size: 4rem;
  }

  .aw-presence__stack {
    border-radius: var(--aw-radius-pill);
    color: inherit;
    cursor: pointer;
    background: none;
    border: 0;
    align-items: center;
    padding: 2px;
    display: inline-flex;
    position: relative;
  }

  @media (pointer: coarse) {
    .aw-presence__stack {
      min-height: 44px;
    }
  }

  .aw-presence__item {
    flex-shrink: 0;
    display: inline-flex;
    position: relative;
  }

  .aw-presence__stack > .aw-presence__item + .aw-presence__item {
    margin-inline-start: calc(var(--aw-presence-size) * -.18);
  }

  .aw-presence__stack > .aw-presence__item > .aw-avatar {
    border: 2px solid var(--aw-avatar-group-ring, var(--aw-card-bg));
  }

  .aw-presence__item--away > .aw-avatar {
    filter: grayscale(.7);
    opacity: .7;
  }

  .aw-presence__dot {
    width: calc(var(--aw-presence-size) * .3);
    min-width: 10px;
    height: calc(var(--aw-presence-size) * .3);
    border: 2px solid var(--aw-avatar-group-ring, var(--aw-card-bg));
    background: var(--aw-success);
    box-sizing: border-box;
    border-radius: 50%;
    min-height: 10px;
    position: absolute;
    bottom: 0;
    right: 0;
  }

  .aw-presence__item--idle > .aw-presence__dot {
    background: var(--aw-warn);
  }

  .aw-presence__item--away > .aw-presence__dot {
    background: var(--aw-surface-400);
  }

  .aw-presence__item--more > .aw-presence__dot {
    display: none;
  }

  .aw-presence__activity {
    border: 1.5px solid var(--aw-avatar-group-ring, var(--aw-card-bg));
    border-radius: var(--aw-radius-pill);
    background: var(--aw-primary);
    height: 14px;
    color: var(--aw-primary-contrast);
    box-sizing: border-box;
    align-items: center;
    gap: 2px;
    padding: 0 4px;
    display: inline-flex;
    position: absolute;
    top: -4px;
    right: -6px;
  }

  .aw-presence__typing-dot {
    background: currentColor;
    border-radius: 50%;
    width: 3px;
    height: 3px;
  }

  .aw-presence--animate .aw-presence__typing-dot {
    animation: 1.2s ease-in-out infinite aw-presence-typing;
  }

  .aw-presence--animate .aw-presence__typing-dot:nth-child(2) {
    animation-delay: .15s;
  }

  .aw-presence--animate .aw-presence__typing-dot:nth-child(3) {
    animation-delay: .3s;
  }

  @keyframes aw-presence-typing {
    0%, 60%, to {
      opacity: .55;
      transform: translateY(0);
    }

    30% {
      opacity: 1;
      transform: translateY(-2px);
    }
  }

  .aw-presence__pencil {
    width: 9px;
    height: 9px;
  }

  .aw-presence__line {
    color: var(--aw-text-muted);
    font-size: var(--aw-font-size-sm);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .aw-presence__panel {
    min-width: 14rem;
    max-width: min(20rem, 100vw - 2rem);
  }

  .aw-presence__heading {
    color: var(--aw-text-muted);
    letter-spacing: .04em;
    text-transform: uppercase;
    margin: 0 0 .5rem;
    font-size: .75rem;
    font-weight: 600;
  }

  .aw-presence__list {
    flex-direction: column;
    gap: .5rem;
    max-height: 18rem;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    overflow-y: auto;
  }

  .aw-presence__row {
    --aw-presence-size: 2rem;
    align-items: center;
    gap: .625rem;
    display: flex;
  }

  .aw-presence__row .aw-presence__dot {
    border-color: var(--aw-overlay-bg);
  }

  .aw-presence__who {
    flex-direction: column;
    flex: 1;
    min-width: 0;
    line-height: 1.25;
    display: flex;
  }

  .aw-presence__name {
    color: var(--aw-text-strong);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
    overflow: hidden;
  }

  .aw-presence__meta {
    color: var(--aw-text-muted);
    font-size: .75rem;
  }

  .aw-org-card {
    box-sizing: border-box;
    border: 1px solid var(--aw-card-border);
    border-radius: var(--aw-radius-lg);
    background: var(--aw-card-bg);
    width: 100%;
    height: 100%;
    color: var(--aw-text);
    box-shadow: var(--aw-card-shadow);
    font-size: var(--aw-font-size-sm);
    text-align: start;
    transition: border-color var(--aw-duration-fast) var(--aw-ease),box-shadow var(--aw-duration-fast) var(--aw-ease);
    align-items: center;
    gap: .625rem;
    padding: .5rem .75rem;
    line-height: 1.3;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .aw-org-card--assistant {
    background: linear-gradient(var(--aw-content-hover-bg),var(--aw-content-hover-bg)),var(--aw-card-bg);
    border-style: solid;
  }

  .aw-org-card--vacant {
    border-style: dashed;
    border-color: var(--aw-surface-400);
    background: var(--aw-content-bg);
    box-shadow: none;
  }

  .aw-org-card--leave, .aw-org-card--inactive {
    color: var(--aw-text-muted);
  }

  .aw-org-card--inactive .aw-org-card__avatar {
    filter: grayscale();
    opacity: .7;
  }

  .aw-org-card--highlighted {
    border-color: var(--aw-warn);
    box-shadow: 0 0 0 3px var(--aw-warn-soft-bg);
  }

  .aw-org-card--selected {
    border-color: var(--aw-primary);
    box-shadow: 0 0 0 2px var(--aw-primary);
  }

  .aw-org-card__avatar {
    flex-shrink: 0;
  }

  .aw-org-card__avatar.aw-avatar {
    background: var(--aw-highlight-bg);
    color: var(--aw-highlight-text);
  }

  .aw-org-card__vacancy {
    border: 1px dashed var(--aw-surface-400);
    width: 3rem;
    height: 3rem;
    color: var(--aw-text-muted);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-size: 1.125rem;
    font-weight: 600;
    display: inline-flex;
  }

  .aw-org-card__text {
    flex-direction: column;
    flex: auto;
    min-width: 0;
    display: flex;
  }

  .aw-org-card__name, .aw-org-card__title, .aw-org-card__team {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .aw-org-card__name {
    color: var(--aw-text-strong);
    font-weight: 600;
    font-size: var(--aw-font-size);
  }

  .aw-org-card--vacant .aw-org-card__name, .aw-org-card--leave .aw-org-card__name {
    color: var(--aw-text-muted);
  }

  .aw-org-card__title {
    color: var(--aw-text);
  }

  .aw-org-card__team {
    color: var(--aw-text-muted);
  }

  .aw-org-card__status {
    border-radius: var(--aw-radius-pill);
    background: var(--aw-warn-soft-bg);
    color: var(--aw-warn-soft-text);
    margin-inline-end: .25rem;
    padding: 0 .375rem;
    font-size: .75em;
    font-weight: 600;
    line-height: 1.5;
    display: inline-block;
  }

  .aw-org-card--vacant .aw-org-card__status {
    background: var(--aw-secondary-soft-bg);
    color: var(--aw-secondary-soft-text);
  }

  .aw-org-card__count {
    border-radius: var(--aw-radius-pill);
    background: var(--aw-secondary-soft-bg);
    min-width: 1.25rem;
    color: var(--aw-secondary-soft-text);
    text-align: center;
    font-variant-numeric: tabular-nums;
    top: .375rem;
    padding: 0 .3125rem;
    font-size: .75em;
    font-weight: 600;
    line-height: 1.25rem;
    position: absolute;
    inset-inline-end: .5rem;
  }

  .aw-org-card--lite {
    box-shadow: none;
    justify-content: center;
    padding: .5rem;
  }

  .aw-org-card--lite .aw-org-card__name {
    text-align: center;
    font-size: 1.375rem;
  }

  .aw-org-chart {
    border: 1px solid var(--aw-content-border);
    border-radius: var(--aw-radius-lg);
    background: var(--aw-content-bg);
    height: 36rem;
    min-height: 0;
    color: var(--aw-text);
    font-size: var(--aw-font-size);
    flex-direction: column;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .aw-org-chart__toolbar {
    border-bottom: 1px solid var(--aw-content-border);
    flex-wrap: wrap;
    align-items: center;
    gap: .375rem;
    padding: .5rem;
    display: flex;
  }

  .aw-org-chart__search {
    flex: 0 18rem;
    align-items: center;
    gap: .25rem;
    min-width: 10rem;
    display: flex;
  }

  .aw-org-chart__match-count {
    color: var(--aw-text-muted);
    font-size: var(--aw-font-size-sm);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
  }

  .aw-org-chart__spacer {
    flex: auto;
  }

  .aw-org-chart__zoom {
    align-items: center;
    gap: .125rem;
    display: inline-flex;
  }

  .aw-org-chart__tool {
    min-width: 2rem;
    height: var(--aw-field-height-sm);
    border-radius: var(--aw-radius-md);
    color: var(--aw-text-muted);
    font: inherit;
    font-size: var(--aw-font-size-sm);
    cursor: pointer;
    background: none;
    border: 0;
    justify-content: center;
    align-items: center;
    padding: 0 .375rem;
    display: inline-flex;
    position: relative;
  }

  .aw-org-chart__tool:hover:not(:disabled) {
    background: var(--aw-content-hover-bg);
    color: var(--aw-text);
  }

  .aw-org-chart__tool:disabled {
    opacity: .5;
    cursor: default;
  }

  .aw-org-chart__tool--text {
    white-space: nowrap;
    padding: 0 .625rem;
  }

  .aw-org-chart__tool[aria-pressed="true"] {
    background: var(--aw-highlight-bg);
    color: var(--aw-highlight-text);
  }

  .aw-org-chart__percent {
    font-variant-numeric: tabular-nums;
    min-width: 3.25rem;
  }

  .aw-org-chart__breadcrumb {
    border-bottom: 1px solid var(--aw-content-border);
    padding: .375rem .75rem;
    overflow-x: auto;
    scrollbar-width: none !important;
  }

  .aw-org-chart__breadcrumb ol {
    white-space: nowrap;
    align-items: center;
    gap: .125rem;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
  }

  .aw-org-chart__breadcrumb li {
    align-items: center;
    gap: .125rem;
    display: inline-flex;
  }

  .aw-org-chart__crumb-sep {
    color: var(--aw-text-muted);
  }

  .aw-org-chart__crumb {
    border-radius: var(--aw-radius-sm);
    color: var(--aw-primary);
    font: inherit;
    font-size: var(--aw-font-size-sm);
    cursor: pointer;
    background: none;
    border: 0;
    padding: .125rem .375rem;
    position: relative;
  }

  .aw-org-chart__crumb:hover {
    background: var(--aw-content-hover-bg);
  }

  .aw-org-chart__crumb[aria-current] {
    color: var(--aw-text-strong);
    font-weight: 600;
  }

  .aw-org-chart__viewport {
    background: var(--aw-canvas);
    touch-action: none;
    cursor: grab;
    -webkit-user-select: none;
    user-select: none;
    outline: none;
    flex: auto;
    min-height: 0;
    position: relative;
    overflow: hidden;
  }

  .aw-org-chart__viewport:active {
    cursor: grabbing;
  }

  .aw-org-chart__viewport:focus-visible {
    box-shadow: inset 0 0 0 2px var(--aw-primary-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-org-chart__viewport:focus-visible {
      box-shadow: inset 0 0 0 2px color-mix(in srgb,var(--aw-primary-500) 45%,transparent);
    }
  }

  .aw-org-chart__world {
    transform-origin: 0 0;
    will-change: transform;
    position: absolute;
    top: 0;
    left: 0;
  }

  .aw-org-chart__edges {
    pointer-events: none;
    position: absolute;
    overflow: hidden;
  }

  .aw-org-chart__edge {
    fill: none;
    stroke: var(--aw-surface-400);
    stroke-width: 1.5px;
    vector-effect: non-scaling-stroke;
  }

  .dark .aw-org-chart__edge {
    stroke: var(--aw-surface-600);
  }

  .aw-org-chart__edge--active, .dark .aw-org-chart__edge--active {
    stroke: var(--aw-primary);
    stroke-width: 2px;
  }

  .aw-org-chart__dotted {
    fill: none;
    stroke: var(--aw-primary-400);
    stroke-width: 1.5px;
    stroke-dasharray: 5 4;
    vector-effect: non-scaling-stroke;
  }

  .aw-org-chart__dotted--far {
    stroke-dasharray: none;
    stroke-opacity: .55;
  }

  .aw-org-chart__block {
    fill: var(--aw-surface-300);
    stroke: none;
  }

  .dark .aw-org-chart__block {
    fill: var(--aw-surface-600);
  }

  .aw-org-chart__block--vacant, .dark .aw-org-chart__block--vacant {
    fill: #0000;
    stroke: var(--aw-surface-400);
    stroke-width: 1px;
    vector-effect: non-scaling-stroke;
  }

  .aw-org-chart__block--marked, .dark .aw-org-chart__block--marked {
    fill: var(--aw-warn);
  }

  .aw-org-chart__block--selected, .dark .aw-org-chart__block--selected {
    fill: var(--aw-primary);
  }

  .aw-org-chart__node {
    box-sizing: border-box;
    contain: layout style;
    position: absolute;
  }

  .aw-org-chart__node--selectable {
    cursor: pointer;
  }

  .aw-org-chart--searching .aw-org-chart__node:not(.aw-org-chart__node--match):not(.aw-org-chart__node--selected) {
    opacity: .45;
  }

  .aw-org-chart__toggle {
    box-sizing: border-box;
    border: 1px solid var(--aw-card-border);
    border-radius: var(--aw-radius-pill);
    background: var(--aw-card-bg);
    min-width: 1.75rem;
    height: 1.375rem;
    color: var(--aw-text-muted);
    font: inherit;
    font-variant-numeric: tabular-nums;
    cursor: pointer;
    z-index: 1;
    justify-content: center;
    align-items: center;
    padding: 0 .375rem;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1;
    display: inline-flex;
    position: absolute;
  }

  .aw-org-chart__toggle:hover {
    border-color: var(--aw-primary);
    color: var(--aw-primary);
  }

  .aw-org-chart__toggle--open {
    min-width: 1.375rem;
    padding: 0;
  }

  .aw-org-chart__focus-ring {
    box-sizing: content-box;
    border-radius: calc(var(--aw-radius-lg) + 4px);
    box-shadow: 0 0 0 3px var(--aw-primary-500);
    margin: -4px;
    padding: 4px;
    position: absolute;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-org-chart__focus-ring {
      box-shadow: 0 0 0 3px color-mix(in srgb,var(--aw-primary-500) 60%,transparent);
    }
  }

  .aw-org-chart__focus-ring {
    pointer-events: none;
  }

  .aw-org-chart__empty {
    color: var(--aw-text-muted);
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0;
  }

  .aw-org-chart__minimap {
    border: 1px solid var(--aw-content-border);
    border-radius: var(--aw-radius-md);
    background: var(--aw-overlay-bg);
    box-shadow: var(--aw-overlay-shadow);
    cursor: pointer;
    touch-action: none;
    position: absolute;
    bottom: .75rem;
    right: .75rem;
  }

  .aw-org-chart__mini-blocks {
    fill: var(--aw-surface-400);
  }

  .aw-org-chart__mini-view {
    fill: var(--aw-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-org-chart__mini-view {
      fill: color-mix(in srgb,var(--aw-primary) 12%,transparent);
    }
  }

  .aw-org-chart__mini-view {
    stroke: var(--aw-primary);
    stroke-width: 1.5px;
    vector-effect: non-scaling-stroke;
  }

  .aw-org-chart--narrow .aw-org-chart__search {
    flex: 100%;
    order: -1;
  }

  .aw-org-chart--narrow .aw-org-chart__spacer {
    display: none;
  }

  @media (pointer: coarse) {
    .aw-org-chart__tool, .aw-org-chart__crumb, .aw-org-chart__toggle {
      touch-action: manipulation;
    }

    .aw-org-chart__tool {
      min-width: 2.75rem;
      height: 2.75rem;
    }

    .aw-org-chart__crumb:before, .aw-org-chart__toggle:before {
      content: "";
      width: 44px;
      height: 44px;
      position: absolute;
      inset: 50% auto auto 50%;
      transform: translate(-50%, -50%);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .aw-org-chart__world {
      will-change: auto;
    }
  }

  .aw-sheet__editing {
    pointer-events: none;
    position: absolute;
    inset: 0;
    overflow: hidden;
  }

  .aw-sheet__ghosts {
    position: absolute;
    overflow: hidden;
  }

  .aw-sheet__ghost {
    box-sizing: border-box;
    color: var(--aw-text-muted);
    font-style: italic;
    line-height: calc(var(--aw-sheet-row-h) - 1px);
    white-space: nowrap;
    text-overflow: ellipsis;
    background: var(--aw-info-soft-bg);
    opacity: .85;
    padding: 0 .5rem;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
  }

  .aw-sheet__ghost--end {
    text-align: end;
  }

  .aw-sheet__ghost--center {
    text-align: center;
  }

  .aw-sheet__ghost-hint {
    border: 1px solid var(--aw-info-soft-border);
    border-radius: var(--aw-radius-sm);
    background: var(--aw-info-soft-bg);
    color: var(--aw-info-soft-text);
    font-size: var(--aw-font-size-sm);
    white-space: nowrap;
    box-shadow: var(--aw-overlay-shadow);
    padding: .125rem .5rem;
    position: absolute;
    bottom: .5rem;
    right: .5rem;
  }

  .aw-sheet__drop {
    background: var(--aw-primary);
    position: absolute;
    top: 0;
    left: 0;
  }

  .aw-sheet__drop--col {
    width: 3px;
  }

  .aw-sheet__drop--row {
    height: 3px;
  }

  .aw-sheet__notice {
    border: 1px solid var(--aw-warn-soft-border);
    border-radius: var(--aw-radius-md);
    background: var(--aw-warn-soft-bg);
    max-width: calc(100% - 2rem);
    color: var(--aw-warn-soft-text);
    font-size: var(--aw-font-size-sm);
    box-shadow: var(--aw-overlay-shadow);
    padding: .375rem .75rem;
    position: absolute;
    bottom: .75rem;
    left: 50%;
    transform: translate(-50%);
  }

  .aw-sheet__paste-options {
    flex-direction: column;
    gap: .625rem;
    display: flex;
  }

  .aw-sheet__paste-option {
    align-items: center;
    gap: .5rem;
    display: flex;
  }

  .aw-sheet__range--extra {
    background: var(--aw-sheet-selected-bg);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-sheet__range--extra {
      background: color-mix(in srgb,var(--aw-sheet-selected-bg) 45%,transparent);
    }
  }

  .aw-sheet__moving {
    box-sizing: border-box;
    border: 2px dashed var(--aw-primary);
    background: var(--aw-sheet-selected-bg);
    position: absolute;
    top: 0;
    left: 0;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-sheet__moving {
      background: color-mix(in srgb,var(--aw-sheet-selected-bg) 45%,transparent);
    }
  }

  .aw-sheet__cell--dirty-corner:before {
    content: "";
    border-style: solid;
    border-width: 7px 7px 0 0;
    border-color: var(--aw-warn) transparent transparent transparent;
    position: absolute;
    top: 0;
    left: 0;
  }

  .aw-sheet__cell--dirty-bg {
    background-color: var(--aw-warn-soft-bg);
  }

  .aw-sheet__cell--new-mark {
    background-color: var(--aw-success-soft-bg);
  }

  .aw-sheet__fmenu-body {
    flex-direction: column;
    gap: .5rem;
    width: 17rem;
    max-width: calc(100vw - 2rem);
    display: flex;
  }

  .aw-sheet__fmenu-title {
    color: var(--aw-text-strong);
    font-weight: 600;
  }

  .aw-sheet__fmenu-search {
    box-sizing: border-box;
    width: 100%;
  }

  .aw-sheet__fmenu-all, .aw-sheet__fmenu-item {
    align-items: center;
    gap: .5rem;
    display: flex;
  }

  .aw-sheet__fmenu-list {
    border: 1px solid var(--aw-content-border);
    border-radius: var(--aw-radius-sm);
    overflow: auto;
  }

  .aw-sheet__fmenu-item {
    box-sizing: border-box;
    padding: 0 .5rem;
    position: absolute;
    left: 0;
    right: 0;
  }

  .aw-sheet__fmenu-label {
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: auto;
    min-width: 0;
    overflow: hidden;
  }

  .aw-sheet__fmenu-count {
    color: var(--aw-text-muted);
    font-size: var(--aw-font-size-sm);
    font-variant-numeric: tabular-nums;
    flex: none;
  }

  .aw-sheet__fmenu-empty, .aw-sheet__fmenu-more {
    color: var(--aw-text-muted);
    font-size: var(--aw-font-size-sm);
    padding: .375rem .5rem;
  }

  .aw-sheet__fmenu-cond {
    border: 0;
    border-top: 1px solid var(--aw-content-border);
    flex-direction: column;
    gap: .375rem;
    margin: 0;
    padding: .5rem 0 0;
    display: flex;
  }

  .aw-sheet__fmenu-cond legend {
    color: var(--aw-text-muted);
    font-size: var(--aw-font-size-sm);
    padding: 0;
  }

  .aw-sheet__fmenu-values {
    align-items: center;
    gap: .375rem;
    display: flex;
  }

  .aw-sheet__fmenu-values .aw-field {
    flex: 1 1 0;
    min-width: 0;
  }

  .aw-sheet__fmenu-and {
    color: var(--aw-text-muted);
    font-size: var(--aw-font-size-sm);
  }

  .aw-sheet__fmenu-actions {
    align-items: center;
    gap: .25rem;
    display: flex;
  }

  .aw-sheet__fmenu-spacer {
    flex: auto;
  }

  .aw-sheet__band--filter {
    border-bottom: 1px solid var(--aw-sheet-border);
  }

  .aw-sheet__filter-corner {
    justify-content: center;
    align-items: center;
    padding: 0;
    display: flex;
  }

  .aw-sheet__filter-mark {
    opacity: .45;
  }

  .aw-sheet__filter-clear {
    border-radius: var(--aw-radius-xs);
    width: 1.25rem;
    height: 1.25rem;
    color: var(--aw-sheet-accent);
    cursor: pointer;
    background: none;
    border: 0;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: inline-flex;
  }

  .aw-sheet__filter-clear:hover {
    background: var(--aw-sheet-head-selected-bg);
  }

  .aw-sheet__filter-cell {
    box-sizing: border-box;
    border-right: 1px solid var(--aw-sheet-border);
    background: var(--aw-sheet-header-bg);
    flex: none;
    align-items: center;
    height: 100%;
    padding: 2px 3px;
    display: flex;
    overflow: hidden;
  }

  .aw-sheet__filter-input {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    height: 100%;
    font-size: var(--aw-font-size-sm);
    padding: 0 .375rem;
  }

  .aw-sheet__filter-input.aw-field--invalid {
    border-color: var(--aw-danger);
  }

  .aw-sheet__filter-cell .aw-field {
    min-height: 0;
  }

  .aw-sheet__filter-select {
    width: 100%;
    min-width: 0;
    height: 100%;
  }

  .aw-sheet__filter-bool {
    border: 1px solid var(--aw-field-border);
    border-radius: var(--aw-radius-sm);
    background: var(--aw-field-bg);
    width: 100%;
    height: 100%;
    color: var(--aw-text-muted);
    font-size: var(--aw-font-size-sm);
    cursor: pointer;
    justify-content: center;
    align-items: center;
    gap: .25rem;
    padding: 0;
    display: inline-flex;
  }

  .aw-sheet__filter-bool--on {
    border-color: var(--aw-sheet-accent);
    color: var(--aw-text-strong);
  }

  .aw-sheet__filter-btn {
    border-radius: var(--aw-radius-xs);
    width: 1.125rem;
    height: 1.25rem;
    color: inherit;
    opacity: .45;
    cursor: pointer;
    background: none;
    border: 0;
    flex: none;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: none;
    position: relative;
  }

  .aw-sheet__hcell:hover .aw-sheet__filter-btn, .aw-sheet__filter-btn[aria-expanded="true"], .aw-sheet__filter-btn--active {
    display: inline-flex;
  }

  .aw-sheet__filter-btn:hover, .aw-sheet__filter-btn[aria-expanded="true"] {
    opacity: 1;
  }

  .aw-sheet__filter-btn--active {
    color: var(--aw-sheet-accent);
    opacity: 1;
  }

  @media (pointer: coarse) {
    .aw-sheet__filter-btn {
      display: inline-flex;
    }
  }

  .aw-sheet__find {
    z-index: 1;
    border: 1px solid var(--aw-overlay-border);
    border-radius: var(--aw-radius-md);
    background: var(--aw-overlay-bg);
    max-width: calc(100% - 1.5rem);
    box-shadow: var(--aw-overlay-shadow);
    pointer-events: auto;
    flex-direction: column;
    gap: .25rem;
    padding: .375rem;
    display: flex;
    position: absolute;
    top: .25rem;
    right: .75rem;
  }

  .aw-sheet__find-row {
    flex-wrap: wrap;
    align-items: center;
    gap: .25rem;
    display: flex;
  }

  .aw-sheet__find-input {
    flex: 10rem;
    min-width: 6rem;
  }

  .aw-sheet__find-count {
    min-width: 4rem;
    color: var(--aw-text-muted);
    font-size: var(--aw-font-size-sm);
    font-variant-numeric: tabular-nums;
    text-align: end;
    white-space: nowrap;
  }

  .aw-sheet__find-toggle {
    border-radius: var(--aw-radius-sm);
    min-width: 1.75rem;
    height: 1.75rem;
    color: var(--aw-text-muted);
    font-family: var(--aw-font-mono);
    font-size: var(--aw-font-size-sm);
    cursor: pointer;
    background: none;
    border: 1px solid #0000;
    justify-content: center;
    align-items: center;
    padding: 0 .25rem;
    display: inline-flex;
  }

  .aw-sheet__find-toggle:hover {
    background: var(--aw-content-hover-bg);
  }

  .aw-sheet__find-toggle[aria-pressed="true"] {
    border-color: var(--aw-sheet-accent);
    color: var(--aw-text-strong);
  }

  .aw-sheet__find-select {
    flex: 8rem;
  }

  .aw-sheet__cell--find {
    background-image: linear-gradient(var(--aw-warn-soft-bg),var(--aw-warn-soft-bg));
  }

  .aw-sheet__cell--find-current {
    background-image: linear-gradient(var(--aw-warn),var(--aw-warn));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-sheet__cell--find-current {
      background-image: linear-gradient(color-mix(in srgb,var(--aw-warn) 35%,transparent),color-mix(in srgb,var(--aw-warn) 35%,transparent));
    }
  }

  @media (pointer: coarse) {
    .aw-sheet__find-toggle {
      min-width: 44px;
      min-height: 44px;
    }
  }

  .aw-sheet__row--group, .aw-sheet__row--subtotal {
    --aw-sheet-group-bg: var(--aw-sheet-header-bg);
  }

  .aw-sheet__row--subtotal {
    --aw-sheet-group-bg: var(--aw-sheet-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-sheet__row--subtotal {
      --aw-sheet-group-bg: color-mix(in srgb, var(--aw-sheet-accent) 7%, var(--aw-content-bg));
    }
  }

  .aw-sheet__row--group .aw-sheet__cell, .aw-sheet__row--subtotal .aw-sheet__cell {
    background: var(--aw-sheet-group-bg);
    color: var(--aw-text-strong);
    font-weight: 600;
  }

  .aw-sheet__row--subtotal .aw-sheet__cell, .aw-sheet__row--subtotal .aw-sheet__gutter, .aw-sheet__row--subtotal .aw-sheet__group-box {
    box-shadow: inset 0 1px var(--aw-sheet-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-sheet__row--subtotal .aw-sheet__cell, .aw-sheet__row--subtotal .aw-sheet__gutter, .aw-sheet__row--subtotal .aw-sheet__group-box {
      box-shadow: inset 0 1px color-mix(in srgb,var(--aw-sheet-accent) 45%,transparent);
    }
  }

  .aw-sheet__row--subtotal .aw-sheet__gutter {
    background: var(--aw-sheet-group-bg);
  }

  .aw-sheet__row--group.aw-sheet__row--active .aw-sheet__cell, .aw-sheet__row--group.aw-sheet__row--active .aw-sheet__group-box {
    background-image: linear-gradient(var(--aw-sheet-selected-bg),var(--aw-sheet-selected-bg));
  }

  .aw-sheet__row--active .aw-sheet__group-box {
    height: calc(100% - 4px);
    top: 2px;
    left: 2px;
  }

  .aw-sheet__group-label {
    z-index: 3;
    flex: none;
    width: 0;
    height: 100%;
    position: sticky;
    overflow: visible;
  }

  .aw-sheet__group-box {
    box-sizing: border-box;
    background-color: var(--aw-sheet-group-bg, var(--aw-sheet-header-bg));
    height: calc(100% - 1px);
    color: var(--aw-text-strong);
    white-space: nowrap;
    pointer-events: none;
    align-items: center;
    gap: .375rem;
    padding-inline-end: .75rem;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
  }

  .aw-sheet__group-box--subtotal {
    color: var(--aw-text-strong);
    gap: .25rem;
  }

  .aw-sheet__group-subtotal-label {
    font-weight: 600;
  }

  .aw-sheet__group-toggle {
    border-radius: var(--aw-radius-xs);
    width: 1.25rem;
    height: 1.25rem;
    color: inherit;
    cursor: pointer;
    pointer-events: auto;
    background: none;
    border: 0;
    flex: none;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: inline-flex;
  }

  .aw-sheet__group-toggle:hover {
    background: var(--aw-sheet-head-selected-bg);
  }

  .aw-sheet__group-field {
    color: var(--aw-text-muted);
    font-weight: 500;
  }

  .aw-sheet__group-value {
    font-weight: 600;
  }

  .aw-sheet__group-count {
    color: var(--aw-text-muted);
    font-size: var(--aw-font-size-sm);
    font-variant-numeric: tabular-nums;
  }

  .aw-sheet__frow--totals .aw-sheet__fcell {
    border-top: 2px solid var(--aw-content-border);
  }

  .aw-sheet__total-kind {
    color: var(--aw-text-muted);
    font-size: var(--aw-font-size-sm);
    margin-inline-end: .375rem;
    font-weight: 500;
  }

  @media (pointer: coarse) {
    .aw-sheet__group-toggle {
      width: 44px;
      height: 44px;
      margin-block: -8px;
    }
  }

  .aw-sheet__fassist {
    min-width: 14rem;
    max-width: 26rem;
    font-size: var(--aw-font-size-sm);
    padding: .25rem;
    position: fixed;
  }

  .aw-sheet__fsig {
    font-family: var(--aw-font-mono);
    color: var(--aw-text-muted);
    padding: .25rem .5rem;
  }

  .aw-sheet__fsig-name {
    color: var(--aw-text);
  }

  .aw-sheet__fsig-arg--current {
    color: var(--aw-text-strong);
    font-weight: 700;
  }

  .aw-sheet__fnames {
    max-height: 16rem;
    overflow: auto;
  }

  .aw-sheet__fnames .aw-option {
    align-items: baseline;
    gap: .5rem;
    display: flex;
  }

  .aw-sheet__fname {
    font-family: var(--aw-font-mono);
    flex: none;
    font-weight: 600;
  }

  .aw-sheet__fdesc {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    color: var(--aw-text-muted);
    flex: auto;
    overflow: hidden;
  }

  .aw-sheet__cell--ferror {
    color: var(--aw-danger);
    font-weight: 600;
  }

  .aw-sheet__fletter {
    color: var(--aw-text-muted);
    font-size: .75em;
    font-weight: 500;
    font-family: var(--aw-font-mono);
    flex: none;
    margin-inline-start: .25rem;
  }

  .aw-sheet__fref, .aw-sheet__fref-pick {
    box-sizing: border-box;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
  }

  .aw-sheet__fref {
    --aw-sheet-fref: var(--aw-info);
    border: 2px solid var(--aw-sheet-fref);
    background: var(--aw-sheet-fref);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-sheet__fref {
      background: color-mix(in srgb,var(--aw-sheet-fref) 10%,transparent);
    }
  }

  .aw-sheet__fref--1 {
    --aw-sheet-fref: var(--aw-danger);
  }

  .aw-sheet__fref--2 {
    --aw-sheet-fref: var(--aw-help);
  }

  .aw-sheet__fref--3 {
    --aw-sheet-fref: var(--aw-success);
  }

  .aw-sheet__fref--4 {
    --aw-sheet-fref: var(--aw-warn);
  }

  .aw-sheet__fref--5 {
    --aw-sheet-fref: var(--aw-primary);
  }

  .aw-sheet__fref-pick {
    border: 2px dashed var(--aw-text-strong);
  }

  .aw-sheet__fbar {
    flex: 100%;
    align-items: center;
    gap: .375rem;
    min-width: 0;
    padding: .25rem .375rem;
    display: flex;
  }

  .aw-sheet__namebox {
    width: 7rem;
    font-family: var(--aw-font-mono);
    flex: 0 0 7rem;
  }

  .aw-sheet__fx {
    color: var(--aw-text-muted);
    flex: none;
    padding-inline: .125rem;
    font-style: italic;
    font-weight: 600;
  }

  .aw-sheet__fbar-input {
    min-width: 0;
    font-family: var(--aw-font-mono);
    flex: auto;
  }

  .aw-sheet__fbar-error {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 40%;
    color: var(--aw-danger);
    font-size: var(--aw-font-size-sm);
    flex: 0 auto;
    overflow: hidden;
  }

  .aw-sheet, .aw-sheet-print, .aw-sheet__cf-dialog {
    --aw-sheet-cf-success: var(--aw-success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-sheet, .aw-sheet-print, .aw-sheet__cf-dialog {
      --aw-sheet-cf-success: color-mix(in srgb, var(--aw-success) 26%, var(--aw-content-bg));
    }
  }

  .aw-sheet, .aw-sheet-print, .aw-sheet__cf-dialog {
    --aw-sheet-cf-warn: var(--aw-warn);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-sheet, .aw-sheet-print, .aw-sheet__cf-dialog {
      --aw-sheet-cf-warn: color-mix(in srgb, var(--aw-warn) 26%, var(--aw-content-bg));
    }
  }

  .aw-sheet, .aw-sheet-print, .aw-sheet__cf-dialog {
    --aw-sheet-cf-danger: var(--aw-danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-sheet, .aw-sheet-print, .aw-sheet__cf-dialog {
      --aw-sheet-cf-danger: color-mix(in srgb, var(--aw-danger) 26%, var(--aw-content-bg));
    }
  }

  .aw-sheet, .aw-sheet-print, .aw-sheet__cf-dialog {
    --aw-sheet-cf-info: var(--aw-info);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-sheet, .aw-sheet-print, .aw-sheet__cf-dialog {
      --aw-sheet-cf-info: color-mix(in srgb, var(--aw-info) 26%, var(--aw-content-bg));
    }
  }

  .aw-sheet, .aw-sheet-print, .aw-sheet__cf-dialog {
    --aw-sheet-cf-accent: var(--aw-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-sheet, .aw-sheet-print, .aw-sheet__cf-dialog {
      --aw-sheet-cf-accent: color-mix(in srgb, var(--aw-primary) 26%, var(--aw-content-bg));
    }
  }

  .aw-sheet, .aw-sheet-print, .aw-sheet__cf-dialog {
    --aw-sheet-cf-bar-success: var(--aw-success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-sheet, .aw-sheet-print, .aw-sheet__cf-dialog {
      --aw-sheet-cf-bar-success: color-mix(in srgb, var(--aw-success) 45%, transparent);
    }
  }

  .aw-sheet, .aw-sheet-print, .aw-sheet__cf-dialog {
    --aw-sheet-cf-bar-warn: var(--aw-warn);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-sheet, .aw-sheet-print, .aw-sheet__cf-dialog {
      --aw-sheet-cf-bar-warn: color-mix(in srgb, var(--aw-warn) 45%, transparent);
    }
  }

  .aw-sheet, .aw-sheet-print, .aw-sheet__cf-dialog {
    --aw-sheet-cf-bar-danger: var(--aw-danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-sheet, .aw-sheet-print, .aw-sheet__cf-dialog {
      --aw-sheet-cf-bar-danger: color-mix(in srgb, var(--aw-danger) 45%, transparent);
    }
  }

  .aw-sheet, .aw-sheet-print, .aw-sheet__cf-dialog {
    --aw-sheet-cf-bar-info: var(--aw-info);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-sheet, .aw-sheet-print, .aw-sheet__cf-dialog {
      --aw-sheet-cf-bar-info: color-mix(in srgb, var(--aw-info) 45%, transparent);
    }
  }

  .aw-sheet, .aw-sheet-print, .aw-sheet__cf-dialog {
    --aw-sheet-cf-bar-accent: var(--aw-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-sheet, .aw-sheet-print, .aw-sheet__cf-dialog {
      --aw-sheet-cf-bar-accent: color-mix(in srgb, var(--aw-primary) 45%, transparent);
    }
  }

  .aw-sheet, .aw-sheet-print, .aw-sheet__cf-dialog {
    --aw-sheet-cf-text-success: var(--aw-success-soft-text);
    --aw-sheet-cf-text-warn: var(--aw-warn-soft-text);
    --aw-sheet-cf-text-danger: var(--aw-danger-soft-text);
    --aw-sheet-cf-text-info: var(--aw-info-soft-text);
    --aw-sheet-cf-text-accent: var(--aw-primary);
  }

  .aw-sheet__cf.aw-sheet__cf--bg-success {
    background-color: var(--aw-sheet-cf-success);
  }

  .aw-sheet__cf.aw-sheet__cf--bg-warn {
    background-color: var(--aw-sheet-cf-warn);
  }

  .aw-sheet__cf.aw-sheet__cf--bg-danger {
    background-color: var(--aw-sheet-cf-danger);
  }

  .aw-sheet__cf.aw-sheet__cf--bg-info {
    background-color: var(--aw-sheet-cf-info);
  }

  .aw-sheet__cf.aw-sheet__cf--bg-accent {
    background-color: var(--aw-sheet-cf-accent);
  }

  .aw-sheet__cf.aw-sheet__cf--fg-success {
    color: var(--aw-sheet-cf-text-success);
  }

  .aw-sheet__cf.aw-sheet__cf--fg-warn {
    color: var(--aw-sheet-cf-text-warn);
  }

  .aw-sheet__cf.aw-sheet__cf--fg-danger {
    color: var(--aw-sheet-cf-text-danger);
  }

  .aw-sheet__cf.aw-sheet__cf--fg-info {
    color: var(--aw-sheet-cf-text-info);
  }

  .aw-sheet__cf.aw-sheet__cf--fg-accent {
    color: var(--aw-sheet-cf-text-accent);
  }

  .aw-sheet__cf.aw-sheet__cf--bold {
    font-weight: 700;
  }

  .aw-sheet__cf-bar {
    z-index: -1;
    border-radius: var(--aw-radius-xs);
    pointer-events: none;
    position: absolute;
    top: 3px;
    bottom: 3px;
  }

  .aw-sheet__cf-axis {
    z-index: -1;
    border-left: 1px dashed var(--aw-text-muted);
    width: 0;
    position: absolute;
    top: 0;
    bottom: 0;
  }

  .aw-sheet-print td {
    z-index: 0;
    position: relative;
  }

  .aw-sheet__cf-icon {
    vertical-align: -.125em;
    margin-inline-end: .25rem;
    display: inline-block;
  }

  .aw-sheet__cf-icon--flat {
    transform: rotate(90deg);
  }

  .aw-sheet__cf-dot {
    vertical-align: 0;
    background: currentColor;
    border-radius: 50%;
    width: .75em;
    height: .75em;
  }

  .aw-sheet__cf-tone--success {
    color: var(--aw-success);
  }

  .aw-sheet__cf-tone--warn {
    color: var(--aw-warn);
  }

  .aw-sheet__cf-tone--danger {
    color: var(--aw-danger);
  }

  .aw-sheet__cf-tone--info {
    color: var(--aw-info);
  }

  .aw-sheet__cf-tone--accent {
    color: var(--aw-primary);
  }

  .aw-sheet__hgroups, .aw-sheet__xrows {
    flex-direction: column;
    flex: none;
    display: flex;
  }

  .aw-sheet__hgroup-row {
    flex: none;
    position: relative;
  }

  .aw-sheet__hgroup-frozen {
    background: var(--aw-sheet-header-bg);
  }

  .aw-sheet__hgroup {
    box-sizing: border-box;
    border-right: 1px solid var(--aw-sheet-border);
    border-bottom: 1px solid var(--aw-sheet-border);
    background: var(--aw-sheet-header-bg);
    height: 100%;
    color: var(--aw-sheet-header-text);
    cursor: pointer;
    font-weight: 600;
    position: absolute;
    top: 0;
    left: 0;
  }

  .aw-sheet__hgroup--empty {
    cursor: default;
  }

  .aw-sheet__hgroup:not(.aw-sheet__hgroup--empty):hover {
    background: var(--aw-sheet-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-sheet__hgroup:not(.aw-sheet__hgroup--empty):hover {
      background: color-mix(in srgb,var(--aw-sheet-accent) 8%,var(--aw-sheet-header-bg));
    }
  }

  .aw-sheet__hgroup--selected {
    background: var(--aw-sheet-head-selected-bg);
  }

  .aw-sheet__hgroup-label {
    box-sizing: border-box;
    align-items: center;
    gap: .25rem;
    max-width: 100%;
    height: 100%;
    padding: 0 .5rem;
    display: inline-flex;
    position: sticky;
    left: 0;
    overflow: hidden;
  }

  .aw-sheet__hgroup-text {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .aw-sheet__hgroup-toggle {
    border: 1px solid var(--aw-sheet-border);
    border-radius: var(--aw-radius-xs);
    background: var(--aw-content-bg);
    width: 1.25rem;
    height: 1.25rem;
    color: var(--aw-text-muted);
    cursor: pointer;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: inline-flex;
  }

  .aw-sheet__hgroup-toggle:hover {
    color: var(--aw-text);
  }

  .aw-sheet__xrow {
    box-sizing: border-box;
    flex: none;
    display: flex;
    position: relative;
  }

  .aw-sheet__xcell {
    box-sizing: border-box;
    border-right: 1px solid var(--aw-sheet-border);
    border-bottom: 1px solid var(--aw-sheet-border);
    background: var(--aw-sheet-accent);
    flex: none;
    height: 100%;
    padding: 0 .5rem;
    overflow: hidden;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-sheet__xcell {
      background: color-mix(in srgb,var(--aw-sheet-accent) 6%,var(--aw-content-bg));
    }
  }

  .aw-sheet__xcell {
    color: var(--aw-text-strong);
    font-style: italic;
    line-height: calc(var(--aw-sheet-row-h) - 1px);
    white-space: nowrap;
    text-overflow: ellipsis;
    font-variant-numeric: tabular-nums;
  }

  .aw-sheet__xrow:last-child .aw-sheet__xcell, .aw-sheet__xrow:last-child .aw-sheet__xgutter {
    border-bottom: 2px solid var(--aw-sheet-border);
  }

  .aw-sheet__drop {
    border: 2px dashed var(--aw-sheet-accent);
    background: var(--aw-sheet-accent);
    place-items: center;
    display: grid;
    position: absolute;
    inset: 0;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-sheet__drop {
      background: color-mix(in srgb,var(--aw-sheet-accent) 10%,transparent);
    }
  }

  .aw-sheet__drop-box, .aw-sheet__job {
    border: 1px solid var(--aw-sheet-border);
    border-radius: var(--aw-radius-md);
    background: var(--aw-content-bg);
    color: var(--aw-text);
    box-shadow: var(--aw-overlay-shadow);
    align-items: center;
    gap: .5rem;
    padding: .5rem .75rem;
    display: inline-flex;
  }

  .aw-sheet__job {
    pointer-events: auto;
    position: absolute;
    bottom: .75rem;
    right: .75rem;
  }

  .aw-sheet__job-bar {
    width: 8rem;
  }

  .aw-sheet__cf-body {
    flex-wrap: wrap;
    gap: 1rem;
    display: flex;
  }

  .aw-sheet__cf-side {
    flex-direction: column;
    flex: 18rem;
    gap: .5rem;
    min-width: 0;
    display: flex;
  }

  .aw-sheet__cf-editor {
    flex-direction: column;
    flex: 2 22rem;
    gap: .625rem;
    min-width: 0;
    display: flex;
  }

  .aw-sheet__cf-list {
    border: 1px solid var(--aw-content-border);
    border-radius: var(--aw-radius-md);
    max-height: 22rem;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: auto;
  }

  .aw-sheet__cf-item {
    border-bottom: 1px solid var(--aw-content-border);
    cursor: pointer;
    align-items: center;
    gap: .5rem;
    padding: .375rem .5rem;
    display: flex;
  }

  .aw-sheet__cf-item:last-child {
    border-bottom: 0;
  }

  .aw-sheet__cf-item--selected {
    background: var(--aw-highlight-bg);
    color: var(--aw-highlight-text);
  }

  .aw-sheet__cf-item--off .aw-sheet__cf-summary {
    color: var(--aw-text-muted);
    text-decoration: line-through;
  }

  .aw-sheet__cf-swatch {
    border: 1px solid var(--aw-content-border);
    border-radius: var(--aw-radius-xs);
    background-color: var(--aw-content-bg);
    width: 2.25rem;
    height: 1.5rem;
    font-size: var(--aw-font-size-sm);
    flex: none;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .aw-sheet__cf-summary {
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: auto;
    min-width: 0;
    overflow: hidden;
  }

  .aw-sheet__cf-tools {
    flex: none;
    display: inline-flex;
  }

  .aw-sheet__cf-tool {
    border-radius: var(--aw-radius-xs);
    width: 1.5rem;
    height: 1.5rem;
    color: var(--aw-text-muted);
    cursor: pointer;
    background: none;
    border: 0;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: inline-flex;
  }

  .aw-sheet__cf-tool:hover:not(:disabled) {
    background: var(--aw-surface-100);
    color: var(--aw-text);
  }

  .dark .aw-sheet__cf-tool:hover:not(:disabled) {
    background: var(--aw-surface-700);
  }

  .aw-sheet__cf-tool:disabled {
    opacity: .4;
    cursor: default;
  }

  .aw-sheet__cf-empty {
    color: var(--aw-text-muted);
    padding: .75rem;
  }

  .aw-sheet__cf-add {
    align-self: flex-start;
  }

  .aw-sheet__cf-row {
    flex-wrap: wrap;
    align-items: flex-end;
    gap: .5rem .75rem;
    display: flex;
  }

  .aw-sheet__cf-field {
    min-width: 0;
    font-size: var(--aw-font-size-sm);
    color: var(--aw-text-muted);
    flex-direction: column;
    flex: 10rem;
    gap: .25rem;
    display: flex;
  }

  .aw-sheet__cf-editor > .aw-sheet__cf-field {
    flex: none;
  }

  .aw-sheet__cf-field--narrow {
    flex: 0 6rem;
  }

  .aw-sheet__cf-check {
    min-height: 2rem;
    font-size: var(--aw-font-size-sm);
    align-items: center;
    gap: .375rem;
    display: inline-flex;
  }

  .aw-sheet__cf-group {
    border: 1px solid var(--aw-content-border);
    border-radius: var(--aw-radius-md);
    margin: 0;
    padding: .5rem .75rem .75rem;
  }

  .aw-sheet__cf-group legend {
    font-size: var(--aw-font-size-sm);
    color: var(--aw-text-muted);
    padding: 0 .25rem;
  }

  .aw-sheet__cf-note {
    font-size: var(--aw-font-size-sm);
    color: var(--aw-text-muted);
    margin: 0;
  }

  .aw-sheet__csv-body {
    flex-direction: column;
    gap: .75rem;
    display: flex;
  }

  .aw-sheet__csv-scroll {
    border: 1px solid var(--aw-content-border);
    border-radius: var(--aw-radius-md);
    max-height: 20rem;
    overflow: auto;
  }

  .aw-sheet__csv-table {
    border-collapse: collapse;
    font-size: var(--aw-font-size-sm);
  }

  .aw-sheet__csv-table th, .aw-sheet__csv-table td {
    border-right: 1px solid var(--aw-content-border);
    border-bottom: 1px solid var(--aw-content-border);
    text-align: start;
    vertical-align: top;
    white-space: nowrap;
    text-overflow: ellipsis;
    min-width: 9rem;
    max-width: 16rem;
    padding: .25rem .5rem;
    overflow: hidden;
  }

  .aw-sheet__csv-table th {
    z-index: 1;
    background: var(--aw-surface-50);
    position: sticky;
    top: 0;
  }

  .dark .aw-sheet__csv-table th {
    background: var(--aw-surface-800);
  }

  .aw-sheet__csv-head {
    text-overflow: ellipsis;
    margin-bottom: .25rem;
    font-weight: 600;
    overflow: hidden;
  }

  .aw-sheet__csv-invalid {
    box-shadow: inset 0 0 0 1px var(--aw-danger);
    color: var(--aw-danger-soft-text);
  }

  .aw-sheet__csv-skipped {
    color: var(--aw-text-muted);
  }

  .aw-sheet__csv-errors {
    border: 1px solid var(--aw-danger-soft-border);
    border-radius: var(--aw-radius-md);
    background: var(--aw-danger-soft-bg);
    max-height: 10rem;
    color: var(--aw-danger-soft-text);
    font-size: var(--aw-font-size-sm);
    padding: .5rem .75rem;
    overflow: auto;
  }

  .aw-sheet__csv-errors p, .aw-sheet__csv-errors ul {
    margin: 0;
  }

  .aw-sheet__csv-errors ul {
    padding-inline-start: 1.25rem;
  }

  .aw-sheet-print {
    --aw-content-bg: var(--aw-surface-0);
    background: var(--aw-surface-0);
    color: var(--aw-surface-900);
    display: none;
  }

  @media print {
    html.aw-sheet-printing body > :not(.aw-sheet-print) {
      display: none !important;
    }

    html.aw-sheet-printing .aw-sheet-print {
      -webkit-print-color-adjust: exact;
      print-color-adjust: exact;
      font-size: 9pt;
      display: block;
    }
  }

  .aw-sheet-print__title {
    margin: 0 0 .5rem;
    font-size: 14pt;
  }

  .aw-sheet-print__warning {
    border: 1px solid var(--aw-warn-soft-border);
    background: var(--aw-warn-soft-bg);
    color: var(--aw-warn-soft-text);
    margin: 0 0 .5rem;
    padding: .25rem .5rem;
  }

  .aw-sheet-print__table {
    border-collapse: collapse;
    width: 100%;
  }

  .aw-sheet-print__table thead {
    display: table-header-group;
  }

  .aw-sheet-print__table tr {
    break-inside: avoid;
    page-break-inside: avoid;
  }

  .aw-sheet-print__table th, .aw-sheet-print__table td {
    border: .5pt solid var(--aw-surface-300);
    text-align: start;
    vertical-align: top;
    padding: 2pt 4pt;
  }

  .aw-sheet-print__table th {
    background: var(--aw-surface-100);
    font-weight: 600;
  }

  .aw-sheet-print__table .aw-sheet-print__end {
    text-align: end;
    font-variant-numeric: tabular-nums;
  }

  .aw-sheet-print__table .aw-sheet-print__center {
    text-align: center;
  }

  .aw-sheet__server-progress {
    z-index: 6;
    background: var(--aw-primary-glow, transparent);
    height: 2px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
  }

  .aw-sheet__server-progress:after {
    content: "";
    background: var(--aw-primary);
    width: 30%;
    animation: 1.1s ease-in-out infinite aw-sheet-progress;
    position: absolute;
    inset: 0 auto 0 0;
  }

  @keyframes aw-sheet-progress {
    0% {
      transform: translate(-100%);
    }

    to {
      transform: translate(340%);
    }
  }

  .aw-sheet__hloading {
    color: var(--aw-text-muted);
    flex: none;
    align-items: center;
    font-size: .75rem;
    display: inline-flex;
  }

  .aw-sheet__gutter--state {
    position: relative;
  }

  .aw-sheet__row-status {
    width: 14px;
    height: 14px;
    color: var(--aw-text-muted);
    pointer-events: auto;
    background: none;
    border: 0;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    display: inline-flex;
    position: absolute;
    top: 50%;
    left: 2px;
    transform: translateY(-50%);
  }

  .aw-sheet__row-status-btn {
    cursor: pointer;
  }

  .aw-sheet__row-status--dirty, .aw-sheet__row-status--saving {
    color: var(--aw-warn);
  }

  .aw-sheet__row-status--new, .aw-sheet__row-status--saved {
    color: var(--aw-success);
  }

  .aw-sheet__row-status--error, .aw-sheet__row-status--deleted {
    color: var(--aw-danger);
  }

  .aw-sheet__row-status--conflict {
    color: var(--aw-warn-soft-text);
  }

  .aw-sheet__gutter--error, .aw-sheet__gutter--conflict {
    box-shadow: inset 2px 0 0 var(--aw-danger);
  }

  .aw-sheet__cell--deleted {
    color: var(--aw-text-muted);
    background-color: var(--aw-danger-soft-bg);
    text-decoration: line-through;
  }

  .aw-sheet__server-error {
    border-top: 6px solid var(--aw-danger);
    pointer-events: auto;
    border-right: 6px solid #0000;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
  }

  .aw-sheet__savebar {
    flex-wrap: wrap;
    flex: 100%;
    align-items: center;
    gap: .5rem;
    min-width: 0;
    display: flex;
  }

  .aw-sheet__savebar-count {
    color: var(--aw-text);
    font-size: var(--aw-font-size-sm);
  }

  .aw-sheet__savebar-state {
    color: var(--aw-text-muted);
    font-size: var(--aw-font-size-sm);
    align-items: center;
    gap: .25rem;
    display: inline-flex;
  }

  .aw-sheet__savebar-state--warn {
    color: var(--aw-warn-soft-text);
  }

  .aw-sheet__savebar-state--danger {
    color: var(--aw-danger-soft-text);
  }

  .aw-sheet__savebar-spacer {
    flex: auto;
  }

  .aw-sheet__server-count {
    color: var(--aw-text-muted);
    font-size: var(--aw-font-size-sm);
    font-variant-numeric: tabular-nums;
    margin-inline-start: auto;
  }

  .aw-sheet__conflict-text {
    color: var(--aw-text);
    margin: 0 0 .75rem;
  }

  .aw-sheet__conflict-diff {
    border-collapse: collapse;
    width: 100%;
    font-size: var(--aw-font-size-sm);
  }

  .aw-sheet__conflict-diff th, .aw-sheet__conflict-diff td {
    border-bottom: 1px solid var(--aw-content-border);
    color: var(--aw-text);
    text-align: start;
    padding: .25rem .5rem;
  }

  .aw-sheet__conflict-diff thead th {
    color: var(--aw-text-muted);
    font-weight: 600;
  }

  .aw-sheet {
    --aw-sheet-border: var(--aw-content-border);
    --aw-sheet-header-bg: var(--aw-surface-50);
    --aw-sheet-header-text: var(--aw-text);
    --aw-sheet-selected-bg: var(--aw-highlight-bg);
    --aw-sheet-head-selected-bg: var(--aw-primary-100);
    --aw-sheet-accent: var(--aw-primary);
    box-sizing: border-box;
    border: 1px solid var(--aw-sheet-border);
    border-radius: var(--aw-radius-md);
    background: var(--aw-content-bg);
    height: 420px;
    min-height: 0;
    color: var(--aw-text);
    font-size: var(--aw-font-size);
    flex-direction: column;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .dark .aw-sheet {
    --aw-sheet-header-bg: var(--aw-surface-800);
    --aw-sheet-head-selected-bg: var(--aw-primary-400);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark .aw-sheet {
      --aw-sheet-head-selected-bg: color-mix(in srgb, var(--aw-primary-400) 28%, var(--aw-surface-800));
    }
  }

  .aw-sheet--sm {
    font-size: var(--aw-font-size-sm);
  }

  .aw-sheet--lg {
    font-size: var(--aw-font-size-lg);
  }

  .aw-sheet__scroller {
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    overflow-anchor: none;
    -webkit-user-select: none;
    user-select: none;
    outline: none;
    flex: auto;
    min-height: 0;
    position: relative;
    overflow: auto;
  }

  .aw-sheet__scroller:focus-visible {
    box-shadow: inset 0 0 0 2px var(--aw-field-border-focus);
  }

  .aw-sheet__clip {
    opacity: 0;
    pointer-events: none;
    resize: none;
    border: 0;
    width: 1px;
    height: 1px;
    padding: 0;
    position: fixed;
    top: 0;
    left: 0;
  }

  .aw-sheet__content {
    z-index: 0;
    position: relative;
  }

  .aw-sheet__body {
    flex-direction: column;
    flex: auto;
    min-height: 0;
    display: flex;
    position: relative;
  }

  .aw-sheet__content {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .aw-sheet__top {
    z-index: 4;
    flex: none;
    position: sticky;
    top: 0;
  }

  .aw-sheet__header, .aw-sheet__band, .aw-sheet__frow {
    box-sizing: border-box;
    display: flex;
    position: relative;
  }

  .aw-sheet__band {
    background: var(--aw-sheet-header-bg);
  }

  .aw-sheet__pinned {
    box-shadow: 0 2px 4px var(--aw-text);
    position: relative;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-sheet__pinned {
      box-shadow: 0 2px 4px color-mix(in srgb,var(--aw-text) 10%,transparent);
    }
  }

  .aw-sheet__layer--pinned {
    z-index: 3;
  }

  .aw-sheet__spacer {
    flex: auto;
  }

  .aw-sheet__footer-rows {
    z-index: 4;
    flex: none;
    position: sticky;
    bottom: 0;
  }

  .aw-sheet__fcell {
    box-sizing: border-box;
    border-top: 1px solid var(--aw-sheet-border);
    border-right: 1px solid var(--aw-sheet-border);
    background: var(--aw-sheet-header-bg);
    height: 100%;
    color: var(--aw-text-strong);
    font-weight: 600;
    line-height: calc(var(--aw-sheet-row-h) - 1px);
    white-space: nowrap;
    text-overflow: ellipsis;
    font-variant-numeric: tabular-nums;
    flex: none;
    padding: 0 .5rem;
    overflow: hidden;
  }

  .aw-sheet__frow .aw-sheet__gutter {
    border-top: 1px solid var(--aw-sheet-border);
    border-bottom: 0;
  }

  .aw-sheet__toolbar, .aw-sheet__footer {
    background: var(--aw-content-bg);
    flex-wrap: wrap;
    flex: none;
    align-items: center;
    gap: .5rem;
    padding: .375rem .5rem;
    display: flex;
  }

  .aw-sheet__toolbar {
    border-bottom: 1px solid var(--aw-sheet-border);
  }

  .aw-sheet__footer {
    border-top: 1px solid var(--aw-sheet-border);
  }

  .aw-sheet__overlay {
    z-index: 6;
    pointer-events: none;
    position: absolute;
    inset: 0;
  }

  .aw-sheet__loading {
    z-index: 7;
    background: var(--aw-content-bg);
    place-items: center;
    display: grid;
    position: absolute;
    inset: 0;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-sheet__loading {
      background: color-mix(in srgb,var(--aw-content-bg) 60%,transparent);
    }
  }

  .aw-sheet__loading-box {
    border: 1px solid var(--aw-sheet-border);
    border-radius: var(--aw-radius-md);
    background: var(--aw-content-bg);
    color: var(--aw-text-muted);
    box-shadow: var(--aw-overlay-shadow);
    align-items: center;
    gap: .5rem;
    padding: .5rem .75rem;
    display: inline-flex;
  }

  .aw-sheet__row {
    box-sizing: border-box;
    display: flex;
    position: absolute;
    left: 0;
  }

  .aw-sheet__sticky {
    z-index: 2;
    flex: none;
    height: 100%;
    display: flex;
    position: sticky;
    left: 0;
  }

  .aw-sheet__pad {
    flex: none;
  }

  .aw-sheet__cell, .aw-sheet__gutter, .aw-sheet__hcell, .aw-sheet__corner {
    box-sizing: border-box;
    border-right: 1px solid var(--aw-sheet-border);
    border-bottom: 1px solid var(--aw-sheet-border);
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: none;
    height: 100%;
    overflow: hidden;
  }

  .aw-sheet__cell {
    contain: strict;
    line-height: calc(var(--aw-sheet-row-h) - 1px);
    background: var(--aw-content-bg);
    color: var(--aw-text);
    padding: 0 .5rem;
    position: relative;
  }

  .aw-sheet__cell--wrap {
    white-space: normal;
    overflow-wrap: anywhere;
    text-overflow: clip;
    padding-block: .3125rem;
    line-height: 1.35;
  }

  .aw-sheet__cell--end {
    text-align: end;
    font-variant-numeric: tabular-nums;
  }

  .aw-sheet__cell--center {
    text-align: center;
  }

  .aw-sheet__cell--selected {
    background-image: linear-gradient(var(--aw-sheet-selected-bg),var(--aw-sheet-selected-bg));
  }

  .aw-sheet__cell--readonly {
    color: var(--aw-text-muted);
  }

  .aw-sheet__cell--invalid {
    box-shadow: inset 0 0 0 1px var(--aw-danger);
  }

  .aw-sheet__cell--invalid:after {
    content: "";
    border-style: solid;
    border-width: 0 7px 7px 0;
    border-color: transparent var(--aw-danger) transparent transparent;
    position: absolute;
    top: 0;
    right: 0;
  }

  .aw-sheet__gutter, .aw-sheet__corner {
    background: var(--aw-sheet-header-bg);
    color: var(--aw-text-muted);
    font-size: var(--aw-font-size-sm);
    line-height: calc(var(--aw-sheet-row-h) - 1px);
    text-align: end;
    font-variant-numeric: tabular-nums;
    padding: 0 .5rem;
  }

  .aw-sheet__gutter {
    position: relative;
  }

  .aw-sheet__row-resize {
    z-index: 1;
    cursor: row-resize;
    touch-action: none;
    height: 5px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .aw-sheet__row-resize:hover {
    background: var(--aw-sheet-accent);
  }

  .aw-sheet__special {
    box-sizing: border-box;
    border-bottom: 1px solid var(--aw-sheet-border);
    background: var(--aw-sheet-header-bg);
    height: 100%;
    color: var(--aw-text-strong);
    font-weight: 600;
    line-height: calc(var(--aw-sheet-row-h) - 1px);
    white-space: nowrap;
    flex: auto;
    overflow: hidden;
  }

  .aw-sheet__placeholder {
    box-sizing: border-box;
    border-bottom: 1px solid var(--aw-sheet-border);
    background: var(--aw-content-bg);
    flex: auto;
    align-items: center;
    height: 100%;
    padding: 0 .5rem;
    display: flex;
  }

  .aw-sheet__skeleton {
    border-radius: var(--aw-radius-xs);
    background: var(--aw-surface-200);
    width: min(40%, 24rem);
    height: .625em;
    display: inline-block;
  }

  .dark .aw-sheet__skeleton {
    background: var(--aw-surface-700);
  }

  .aw-sheet__corner {
    cursor: cell;
    line-height: var(--aw-sheet-header-h);
    position: relative;
  }

  .aw-sheet__corner:after {
    content: "";
    border-style: solid;
    border-width: 0 0 8px 8px;
    border-color: transparent transparent var(--aw-text-disabled) transparent;
    position: absolute;
    bottom: 3px;
    right: 3px;
  }

  .aw-sheet__gutter--in-range, .aw-sheet__hcell--in-range {
    background: var(--aw-sheet-head-selected-bg);
    color: var(--aw-text-strong);
  }

  .aw-sheet__gutter--selected, .aw-sheet__hcell--selected {
    background: var(--aw-sheet-accent);
    color: var(--aw-primary-contrast);
  }

  .aw-sheet__hcell {
    background: var(--aw-sheet-header-bg);
    color: var(--aw-sheet-header-text);
    cursor: default;
    align-items: center;
    gap: .25rem;
    padding: 0 .25rem 0 .5rem;
    font-weight: 600;
    display: flex;
    position: relative;
  }

  .aw-sheet__hcell--end {
    flex-direction: row;
  }

  .aw-sheet__hcell--end .aw-sheet__hlabel {
    text-align: end;
  }

  .aw-sheet__hcell--center .aw-sheet__hlabel {
    text-align: center;
  }

  .aw-sheet__hlabel {
    text-overflow: ellipsis;
    flex: auto;
    min-width: 0;
    overflow: hidden;
  }

  .aw-sheet__sort {
    border-radius: var(--aw-radius-xs);
    width: 1.25rem;
    height: 1.25rem;
    color: inherit;
    opacity: .45;
    cursor: pointer;
    background: none;
    border: 0;
    flex: none;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: inline-flex;
    position: relative;
  }

  .aw-sheet__hmenu {
    border-radius: var(--aw-radius-xs);
    width: 1.125rem;
    height: 1.25rem;
    color: inherit;
    opacity: .45;
    cursor: pointer;
    background: none;
    border: 0;
    flex: none;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: none;
    position: relative;
  }

  .aw-sheet__hcell:hover .aw-sheet__hmenu, .aw-sheet__hmenu[aria-expanded="true"] {
    display: inline-flex;
  }

  .aw-sheet__hmenu:hover, .aw-sheet__hmenu[aria-expanded="true"] {
    opacity: 1;
  }

  .aw-sheet__chooser-list {
    max-height: 20rem;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: auto;
  }

  .aw-sheet__chooser-item {
    align-items: center;
    gap: .5rem;
    padding: .25rem 0;
    display: flex;
  }

  .aw-sheet__sort:hover, .aw-sheet__hcell--sorted .aw-sheet__sort {
    opacity: 1;
  }

  .aw-sheet__hcell--sorted .aw-sheet__sort {
    color: var(--aw-sheet-accent);
  }

  .aw-sheet__hcell--selected .aw-sheet__sort {
    color: inherit;
  }

  .aw-sheet__resize {
    z-index: 1;
    cursor: col-resize;
    touch-action: none;
    width: 6px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
  }

  .aw-sheet__resize:hover {
    background: var(--aw-sheet-accent);
  }

  .aw-sheet__layer {
    z-index: 1;
    pointer-events: none;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
  }

  .aw-sheet__layer--frozen {
    z-index: 3;
    position: sticky;
    top: auto;
  }

  .aw-sheet__range, .aw-sheet__active, .aw-sheet__copied, .aw-sheet__fill-preview, .aw-sheet__fill-handle, .aw-sheet__editor, .aw-sheet__bubble {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
  }

  .aw-sheet__range {
    border: 1px solid var(--aw-sheet-accent);
  }

  .aw-sheet__range--open-right {
    border-right: 0;
  }

  .aw-sheet__range--open-left {
    border-left: 0;
  }

  .aw-sheet__range.aw-sheet__box--open-top {
    border-top: 0;
  }

  .aw-sheet__range.aw-sheet__box--open-bottom {
    border-bottom: 0;
  }

  .aw-sheet__active {
    border: 2px solid var(--aw-sheet-accent);
  }

  .aw-sheet__active.aw-sheet__range--open-right {
    border-right: 0;
  }

  .aw-sheet__active.aw-sheet__range--open-left {
    border-left: 0;
  }

  .aw-sheet__copied {
    border: 2px dashed var(--aw-sheet-accent);
  }

  .aw-sheet__fill-preview {
    border: 1px dashed var(--aw-text-muted);
  }

  .aw-sheet__fill-handle {
    border: 1px solid var(--aw-content-bg);
    background: var(--aw-sheet-accent);
    cursor: crosshair;
    pointer-events: auto;
    touch-action: none;
    width: 7px;
    height: 7px;
    margin: 0;
  }

  .aw-sheet__fill-handle:after {
    content: "";
    position: absolute;
    inset: -4px;
  }

  .aw-sheet__editor {
    z-index: 5;
    border: 2px solid var(--aw-sheet-accent);
    background: var(--aw-field-bg);
    box-shadow: var(--aw-overlay-shadow);
    pointer-events: auto;
    display: flex;
  }

  .aw-sheet__editor--invalid {
    border-color: var(--aw-danger);
  }

  .aw-sheet__editor > * {
    flex: auto;
    min-width: 0;
  }

  .aw-sheet__editor-input {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    height: 100%;
    color: var(--aw-field-text);
    font: inherit;
    -webkit-user-select: text;
    user-select: text;
    background: none;
    border: 0;
    outline: none;
    margin: 0;
    padding: 0 calc(.5rem - 2px);
  }

  .aw-sheet__editor-input:focus-visible {
    outline: none;
    box-shadow: none !important;
  }

  .aw-sheet__editor-input--end {
    text-align: end;
  }

  .aw-sheet__editor-select {
    border: 0;
    border-radius: 0;
  }

  .aw-sheet__picker-btn {
    box-sizing: border-box;
    border-radius: var(--aw-radius-xs);
    background: var(--aw-content-bg);
    color: var(--aw-text-muted);
    cursor: pointer;
    pointer-events: auto;
    border: 0;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    display: inline-flex;
    position: absolute;
    top: 0;
    left: 0;
  }

  .aw-sheet__picker-btn:hover {
    background: var(--aw-secondary-hover-bg);
    color: var(--aw-text);
  }

  .aw-sheet__picker .aw-datepicker__panel--inline {
    background: none;
    border: 0;
    border-radius: 0;
  }

  .aw-sheet__picker--time .aw-datepicker__panel--inline {
    width: auto;
  }

  .aw-sheet__picker[data-aw-sheet] .aw-datepicker, .aw-sheet__picker[data-aw-sheet] .aw-datepicker__panel--inline {
    width: 100%;
  }

  .aw-sheet__picker[data-aw-sheet] .aw-datepicker__day {
    width: 44px;
    height: 44px;
  }

  .aw-sheet__chip {
    box-sizing: border-box;
    border: 1px solid var(--aw-secondary-soft-border);
    border-radius: var(--aw-radius-sm);
    background: var(--aw-secondary-soft-bg);
    max-width: 100%;
    color: var(--aw-text);
    font-size: var(--aw-font-size-sm);
    text-overflow: ellipsis;
    vertical-align: middle;
    margin-inline-end: .25rem;
    padding: 0 .375rem;
    line-height: 1.4;
    display: inline-block;
    overflow: hidden;
  }

  .aw-sheet__stars {
    vertical-align: middle;
    line-height: 1;
    display: inline-flex;
  }

  .aw-sheet__star {
    color: var(--aw-text-disabled);
    cursor: pointer;
    padding: 0 1px;
    position: relative;
  }

  .aw-sheet__star--on {
    color: var(--aw-warn);
  }

  .aw-sheet--locked .aw-sheet__star, .aw-sheet__cell--readonly .aw-sheet__star {
    cursor: default;
  }

  .aw-sheet__swatch {
    box-sizing: border-box;
    border: 1px solid var(--aw-content-border);
    border-radius: var(--aw-radius-xs);
    vertical-align: middle;
    width: .875rem;
    height: .875rem;
    margin-inline-end: .375rem;
    display: inline-block;
  }

  .aw-sheet__bubble {
    z-index: 6;
    border: 1px solid var(--aw-danger-soft-border);
    border-radius: var(--aw-radius-sm);
    background: var(--aw-danger-soft-bg);
    width: max-content;
    max-width: 20rem;
    color: var(--aw-danger-soft-text);
    font-size: var(--aw-font-size-sm);
    white-space: normal;
    pointer-events: none;
    box-shadow: var(--aw-overlay-shadow);
    padding: .25rem .5rem;
  }

  .aw-sheet__layer--edit {
    z-index: 5;
  }

  .aw-sheet__layer--pinned-edit {
    position: sticky;
    top: 0;
  }

  .aw-sheet__layer--pinned-edit:not(.aw-sheet__layer--frozen) {
    left: auto;
  }

  .aw-sheet__check {
    box-sizing: border-box;
    vertical-align: middle;
    border: 1px solid var(--aw-field-border);
    border-radius: var(--aw-radius-xs);
    background: var(--aw-field-bg);
    width: 1rem;
    height: 1rem;
    color: var(--aw-primary-contrast);
    cursor: pointer;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    position: relative;
  }

  .aw-sheet__check--on {
    border-color: var(--aw-sheet-accent);
    background: var(--aw-sheet-accent);
  }

  .aw-sheet--locked .aw-sheet__check, .aw-sheet__cell--readonly .aw-sheet__check {
    cursor: default;
    opacity: .7;
  }

  .aw-sheet__link {
    color: var(--aw-sheet-accent);
    text-decoration: underline;
  }

  .aw-sheet__empty {
    color: var(--aw-text-muted);
    padding: 1rem;
    position: sticky;
    left: 0;
  }

  .aw-sheet__status {
    border-top: 1px solid var(--aw-sheet-border);
    background: var(--aw-sheet-header-bg);
    min-height: 1.75rem;
    color: var(--aw-text-muted);
    font-size: var(--aw-font-size-sm);
    font-variant-numeric: tabular-nums;
    flex-wrap: wrap;
    flex: none;
    justify-content: flex-end;
    align-items: center;
    gap: .25rem 1rem;
    padding: .125rem .75rem;
    display: flex;
  }

  .aw-sheet__status-error {
    color: var(--aw-danger);
    margin-inline-end: auto;
  }

  .aw-sheet__stat-label {
    margin-inline-end: .25rem;
  }

  .aw-sheet__stat-value {
    color: var(--aw-text);
  }

  @media (pointer: coarse) {
    .aw-sheet__editor-input {
      font-size: 16px;
    }

    .aw-sheet__fill-handle {
      width: 11px;
      height: 11px;
    }

    .aw-sheet__fill-handle:after {
      inset: -16.5px;
    }

    .aw-sheet__resize {
      width: 12px;
      right: -6px;
    }

    .aw-sheet__resize:after {
      content: "";
      width: 44px;
      position: absolute;
      top: 0;
      bottom: 0;
      left: -16px;
    }

    .aw-sheet__star {
      padding: 0 3px;
    }

    .aw-sheet__hmenu {
      display: inline-flex;
    }

    .aw-sheet__row-resize {
      height: 12px;
      bottom: 0;
    }

    .aw-sheet__sort:after, .aw-sheet__hmenu:after, .aw-sheet__check:after {
      content: "";
      position: absolute;
      inset: calc(.625rem - 22px);
    }
  }

  .aw-surface-card {
    --aw-surface-card-pad: 1.25rem;
    --aw-surface-card-divider: var(--aw-surface-200);
    box-sizing: border-box;
    border-radius: var(--aw-radius-xl);
    min-width: 0;
    color: var(--aw-text);
    flex-direction: column;
    display: flex;
    overflow: hidden;
  }

  .dark .aw-surface-card {
    --aw-surface-card-divider: var(--aw-surface-800);
  }

  .aw-surface-card--dense {
    --aw-surface-card-pad: 1rem;
  }

  .aw-surface-card--default {
    background: var(--aw-card-bg);
    border: 1px solid var(--aw-card-border);
    box-shadow: var(--aw-card-shadow);
  }

  .aw-surface-card--tinted {
    background: var(--aw-surface-50);
    border: 1px solid var(--aw-surface-200);
  }

  .dark .aw-surface-card--tinted {
    background: var(--aw-surface-800);
    border-color: var(--aw-surface-700);
    --aw-surface-card-divider: var(--aw-surface-700);
  }

  .aw-surface-card--dashed {
    border: 1px dashed var(--aw-surface-300);
    background: none;
  }

  .dark .aw-surface-card--dashed {
    border-color: var(--aw-surface-700);
  }

  .aw-surface-card__header {
    min-height: 1.5rem;
    padding: .75rem var(--aw-surface-card-pad);
    border-bottom: 1px solid var(--aw-surface-card-divider);
    align-items: center;
    gap: .5rem;
    display: flex;
  }

  .aw-surface-card__icon {
    color: var(--aw-primary);
    flex-shrink: 0;
    font-size: 1rem;
  }

  .aw-surface-card__heading {
    min-width: 0;
  }

  .aw-surface-card__title {
    font-size: var(--aw-font-size-sm);
    color: var(--aw-text);
    align-items: center;
    gap: .5rem;
    margin: 0;
    font-weight: 600;
    line-height: 1.25rem;
    display: flex;
  }

  .aw-surface-card__count {
    color: var(--aw-text-disabled);
    font-size: .75rem;
    font-weight: 400;
  }

  .aw-surface-card__subtitle {
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--aw-text-muted);
    margin: .125rem 0 0;
    font-size: .75rem;
    line-height: 1rem;
    overflow: hidden;
  }

  .aw-surface-card__actions {
    flex-shrink: 0;
    align-items: center;
    gap: .5rem;
    margin-left: auto;
    display: flex;
  }

  .aw-surface-card__body {
    min-width: 0;
    padding: var(--aw-surface-card-pad);
    flex: auto;
  }

  .aw-surface-card__body--flush {
    padding: 0;
  }

  .aw-surface-card__footer {
    padding: .625rem var(--aw-surface-card-pad);
    border-top: 1px solid var(--aw-surface-card-divider);
    background: var(--aw-surface-50);
  }

  .dark .aw-surface-card__footer {
    background: var(--aw-surface-950);
  }

  .aw-stat-tile {
    --aw-stat-tile-pad: .9rem 1rem;
    --aw-stat-tile-icon: 2.5rem;
    --aw-stat-tile-value: 1.75rem;
    box-sizing: border-box;
    min-width: 0;
    padding: var(--aw-stat-tile-pad);
    border: 1px solid var(--aw-card-border);
    background: var(--aw-card-bg);
    box-shadow: var(--aw-card-shadow);
    color: var(--aw-text);
    transition: transform var(--aw-duration) var(--aw-ease),box-shadow var(--aw-duration) ease,border-color var(--aw-duration) ease;
    border-radius: 14px;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas: "icon label"
                         "icon value"
                         "icon delta"
                         "icon spark"
                         "icon sub";
    align-content: start;
    gap: .1rem .9rem;
    text-decoration: none;
    display: grid;
    position: relative;
    overflow: hidden;
  }

  .aw-stat-tile--no-icon {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "label"
                         "value"
                         "delta"
                         "spark"
                         "sub";
  }

  .aw-stat-tile--compact {
    --aw-stat-tile-pad: .625rem .75rem;
    --aw-stat-tile-icon: 2rem;
    --aw-stat-tile-value: 1.25rem;
    column-gap: .65rem;
  }

  .aw-stat-tile:before {
    content: "";
    background: radial-gradient(circle at center,var(--aw-tone-solid),transparent 65%);
    opacity: .16;
    pointer-events: none;
    border-radius: 50%;
    width: 160px;
    height: 160px;
    position: absolute;
    top: -40%;
    right: -25%;
  }

  .dark .aw-stat-tile:before {
    opacity: .1;
  }

  .aw-stat-tile:after {
    content: "";
    background: var(--aw-tone-solid);
    width: 3px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
  }

  .aw-stat-tile--interactive {
    cursor: pointer;
  }

  .aw-stat-tile--interactive:hover {
    box-shadow: var(--aw-card-shadow-hover);
    border-color: var(--aw-tone-soft-border);
    transform: translateY(-2px);
  }

  .aw-stat-tile--interactive:focus-visible {
    box-shadow: var(--aw-focus-ring);
    outline: none;
  }

  .aw-stat-tile--active {
    border-color: var(--aw-tone-solid);
    box-shadow: 0 0 0 1px var(--aw-tone-solid),var(--aw-card-shadow);
  }

  .aw-stat-tile__icon {
    width: var(--aw-stat-tile-icon);
    height: var(--aw-stat-tile-icon);
    border-radius: var(--aw-radius-md);
    background: var(--aw-tone-soft-bg);
    color: var(--aw-tone-solid);
    font-size: calc(var(--aw-stat-tile-icon) * .56);
    grid-area: icon;
    justify-content: center;
    align-self: center;
    align-items: center;
    display: inline-flex;
  }

  .aw-stat-tile__label {
    letter-spacing: .09em;
    text-transform: uppercase;
    min-width: 0;
    color: var(--aw-text-muted);
    grid-area: label;
    align-items: center;
    gap: .35rem;
    margin-bottom: .2rem;
    font-size: .68rem;
    font-weight: 700;
    line-height: 1.1;
    display: flex;
  }

  .aw-stat-tile__label-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    overflow: hidden;
  }

  .aw-stat-tile__help {
    color: var(--aw-tone-solid);
    cursor: help;
    border-radius: var(--aw-radius-pill);
    flex-shrink: 0;
    font-size: .9rem;
    display: inline-flex;
  }

  .aw-stat-tile__help-bubble {
    z-index: 2;
    font-size: var(--aw-font-size-sm);
    color: var(--aw-contrast-text);
    background: var(--aw-contrast-bg);
    border-radius: var(--aw-radius-sm);
    box-shadow: var(--aw-overlay-shadow);
    white-space: normal;
    inset-inline: .5rem;
    margin-top: .25rem;
    padding: .5rem .625rem;
    font-weight: 400;
    line-height: 1.4;
    position: absolute;
    top: 100%;
  }

  .aw-stat-tile__help:focus-visible {
    box-shadow: var(--aw-focus-ring-tight);
    outline: none;
  }

  .aw-stat-tile__value {
    min-width: 0;
    font-family: var(--aw-font-display);
    font-size: var(--aw-stat-tile-value);
    letter-spacing: -.03em;
    color: var(--aw-tone-strong);
    grid-area: value;
    align-items: baseline;
    gap: .15rem;
    font-weight: 700;
    line-height: 1.05;
    display: inline-flex;
  }

  .aw-stat-tile--plain-value .aw-stat-tile__value {
    color: var(--aw-text-strong);
  }

  .aw-stat-tile__number {
    font-variant-numeric: tabular-nums;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .aw-stat-tile__unit {
    opacity: .75;
    margin-left: .1rem;
    font-size: .57em;
    font-weight: 600;
  }

  .aw-stat-tile__delta {
    grid-area: delta;
    margin-top: .2rem;
  }

  .aw-stat-tile__spark {
    color: var(--aw-tone-solid);
    grid-area: spark;
    margin-top: .4rem;
    line-height: 0;
  }

  .aw-stat-tile__sub {
    min-width: 0;
    color: var(--aw-text-muted);
    grid-area: sub;
    align-items: center;
    gap: .3rem;
    margin-top: .25rem;
    font-size: .72rem;
    font-weight: 600;
    display: inline-flex;
  }

  .aw-stat-tile__subtext {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .aw-stat-tile__skeleton {
    border-radius: var(--aw-radius-xs);
    background: var(--aw-surface-200);
    animation: 1.4s ease-in-out infinite aw-stat-tile-pulse;
    display: block;
  }

  .dark .aw-stat-tile__skeleton {
    background: var(--aw-surface-700);
  }

  .aw-stat-tile__skeleton--value {
    width: 5rem;
    height: calc(var(--aw-stat-tile-value) * .85);
    margin-block: .1em;
  }

  .aw-stat-tile__skeleton--sub {
    width: 7rem;
    height: .7rem;
  }

  @keyframes aw-stat-tile-pulse {
    50% {
      opacity: .5;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .aw-stat-tile__skeleton {
      animation: none;
    }

    .aw-stat-tile--interactive:hover {
      transform: none;
    }
  }

  .aw-progress-ring {
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    position: relative;
  }

  .aw-progress-ring__svg {
    display: block;
    position: absolute;
    inset: 0;
  }

  .aw-progress-ring__track {
    fill: none;
    stroke: var(--aw-surface-200);
  }

  .dark .aw-progress-ring__track {
    stroke: var(--aw-surface-700);
  }

  .aw-progress-ring__bar {
    fill: none;
    stroke: var(--aw-tone-solid);
    stroke-linecap: round;
    transition: stroke-dashoffset var(--aw-duration-slow) var(--aw-ease);
  }

  .aw-progress-ring__center {
    font-variant-numeric: tabular-nums;
    color: var(--aw-text-strong);
    text-align: center;
    flex-direction: column;
    align-items: center;
    font-weight: 700;
    line-height: 1.1;
    display: flex;
    position: relative;
  }

  .aw-meter {
    --aw-meter-height: 6px;
    --aw-meter-track: var(--aw-surface-200);
    --aw-meter-hatch: var(--aw-surface-900);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-meter {
      --aw-meter-hatch: color-mix(in srgb, var(--aw-surface-900) 30%, transparent);
    }
  }

  .aw-meter {
    flex-direction: column;
    gap: .25rem;
    min-width: 0;
    display: flex;
  }

  .dark .aw-meter {
    --aw-meter-track: var(--aw-surface-700);
    --aw-meter-hatch: var(--aw-surface-50);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark .aw-meter {
      --aw-meter-hatch: color-mix(in srgb, var(--aw-surface-50) 35%, transparent);
    }
  }

  .aw-meter--xs {
    --aw-meter-height: 4px;
  }

  .aw-meter--md {
    --aw-meter-height: 8px;
  }

  .aw-meter--lg {
    --aw-meter-height: 10px;
  }

  .aw-meter__header {
    justify-content: space-between;
    align-items: baseline;
    gap: .5rem;
    font-size: .75rem;
    line-height: 1rem;
    display: flex;
  }

  .aw-meter__label {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    color: var(--aw-text-muted);
    overflow: hidden;
  }

  .aw-meter__detail {
    font-variant-numeric: tabular-nums;
    color: var(--aw-text);
    flex-shrink: 0;
  }

  .aw-meter--md .aw-meter__header, .aw-meter--lg .aw-meter__header {
    font-size: .875rem;
    line-height: 1.25rem;
  }

  .aw-meter--md .aw-meter__label, .aw-meter--lg .aw-meter__label {
    color: var(--aw-text-strong);
    font-weight: 500;
  }

  .aw-meter__track {
    width: 100%;
    height: var(--aw-meter-height);
    border-radius: var(--aw-radius-pill);
    background: var(--aw-meter-track);
    display: flex;
    overflow: hidden;
  }

  .aw-meter__track--stacked {
    gap: 2px;
  }

  .aw-meter__fill, .aw-meter__segment {
    background: var(--aw-tone-solid);
    height: 100%;
    transition: width var(--aw-duration-slow) var(--aw-ease);
    display: block;
  }

  .aw-meter__fill {
    border-radius: inherit;
  }

  .aw-meter__segment {
    min-width: .25rem;
  }

  .aw-meter__segment--missing {
    background-color: var(--aw-meter-track);
    background-image: repeating-linear-gradient(45deg,var(--aw-meter-hatch) 0,var(--aw-meter-hatch) 3px,transparent 3px,transparent 7px);
    flex: 0 0 1.5rem;
  }

  .aw-meter__legend {
    color: var(--aw-text);
    flex-wrap: wrap;
    gap: .25rem .75rem;
    margin: .125rem 0 0;
    padding: 0;
    font-size: .75rem;
    line-height: 1rem;
    list-style: none;
    display: flex;
  }

  .aw-meter__legend--compact {
    gap: .125rem .625rem;
    font-size: .6875rem;
  }

  .aw-meter__legend-item {
    align-items: center;
    gap: .25rem;
    display: inline-flex;
  }

  .aw-meter__swatch {
    border-radius: var(--aw-radius-pill);
    background: var(--aw-tone-solid);
    flex: 0 0 .5rem;
    width: .5rem;
    height: .5rem;
  }

  .aw-meter__legend--compact .aw-meter__swatch {
    flex-basis: .375rem;
    width: .375rem;
    height: .375rem;
  }

  .aw-meter__legend-value {
    font-variant-numeric: tabular-nums;
    color: var(--aw-text-strong);
    font-weight: 600;
  }

  .aw-meter__legend-value--missing {
    color: var(--aw-text-disabled);
    font-style: italic;
    font-weight: 400;
  }

  .aw-pill {
    border-radius: var(--aw-radius-pill);
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid #0000;
    align-items: center;
    gap: .375rem;
    max-width: 100%;
    padding: .125rem .5rem;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.25rem;
    display: inline-flex;
  }

  .aw-pill--sm {
    gap: .25rem;
    padding: 0 .375rem;
    font-size: .6875rem;
    line-height: 1.125rem;
  }

  .aw-pill--lg {
    font-size: var(--aw-font-size-sm);
    padding: .25rem .75rem;
  }

  .aw-pill--square {
    border-radius: var(--aw-radius-sm);
  }

  .aw-pill--soft {
    background: var(--aw-tone-soft-bg);
    color: var(--aw-tone-soft-text);
  }

  .aw-pill--solid {
    background: var(--aw-tone-solid);
    color: var(--aw-surface-0);
  }

  .dark .aw-pill--solid {
    color: var(--aw-surface-950);
  }

  .aw-pill--solid.aw-tone--neutral {
    background: var(--aw-secondary-bg);
    color: var(--aw-secondary-text);
  }

  .aw-pill--outline {
    border-color: var(--aw-tone-soft-border);
    color: var(--aw-tone-soft-text);
    background: none;
  }

  .aw-pill--plain {
    color: var(--aw-text);
    background: none;
    padding-inline: 0;
  }

  .aw-pill__label {
    text-overflow: ellipsis;
    min-width: 0;
    overflow: hidden;
  }

  .aw-pill__icon {
    font-size: 1.1em;
    line-height: 1;
  }

  .aw-pill__dot {
    border-radius: var(--aw-radius-pill);
    background: var(--aw-tone-solid);
    flex-shrink: 0;
    width: .375rem;
    height: .375rem;
    position: relative;
  }

  .aw-pill--lg .aw-pill__dot {
    width: .5rem;
    height: .5rem;
  }

  .aw-pill--solid .aw-pill__dot {
    background: currentColor;
  }

  .aw-pill__dot--pulse:after {
    content: "";
    border-radius: inherit;
    background: inherit;
    animation: aw-pill-pulse 1.4s var(--aw-ease) infinite;
    position: absolute;
    inset: 0;
  }

  @keyframes aw-pill-pulse {
    0% {
      opacity: .7;
      transform: scale(1);
    }

    to {
      opacity: 0;
      transform: scale(2.6);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .aw-pill__dot--pulse:after {
      animation: none;
    }
  }

  .aw-section-label {
    align-items: center;
    gap: .75rem;
    min-width: 0;
    display: flex;
  }

  .aw-section-label__text {
    min-width: 0;
  }

  .aw-section-label__title {
    letter-spacing: .05em;
    text-transform: uppercase;
    color: var(--aw-text-muted);
    align-items: center;
    gap: .5rem;
    margin: 0;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem;
    display: flex;
  }

  .aw-section-label__icon {
    color: var(--aw-text-disabled);
    font-size: .875rem;
  }

  .aw-section-label__count {
    letter-spacing: normal;
    color: var(--aw-text-disabled);
    font-weight: 400;
  }

  .aw-section-label__hint {
    color: var(--aw-text-disabled);
    margin: .25rem 0 0;
    font-size: .75rem;
    line-height: 1rem;
  }

  .aw-section-label__rule {
    background: var(--aw-surface-200);
    flex: auto;
    height: 1px;
  }

  .dark .aw-section-label__rule {
    background: var(--aw-surface-800);
  }

  .aw-section-label:not(.aw-section-label--rule) .aw-section-label__actions {
    margin-left: auto;
  }

  .aw-section-label__actions {
    flex-shrink: 0;
    align-items: center;
    gap: .5rem;
    display: flex;
  }

  .aw-kv {
    --aw-kv-columns: 1;
    --aw-kv-label-width: auto;
    --aw-kv-row-gap: .625rem;
    --aw-kv-divider: var(--aw-surface-200);
    grid-template-columns: repeat(var(--aw-kv-columns),minmax(0,1fr));
    gap: var(--aw-kv-row-gap) 1.5rem;
    font-size: var(--aw-font-size-sm);
    margin: 0;
    line-height: 1.25rem;
    display: grid;
  }

  .dark .aw-kv {
    --aw-kv-divider: var(--aw-surface-800);
  }

  .aw-kv--dense {
    --aw-kv-row-gap: .25rem;
  }

  @media (max-width: 640px) {
    .aw-kv--multi {
      grid-template-columns: minmax(0, 1fr);
    }
  }

  .aw-kv__item {
    flex-direction: column;
    gap: .125rem;
    min-width: 0;
    display: flex;
  }

  .aw-kv--inline:not(.aw-kv--multi) {
    grid-template-columns: var(--aw-kv-label-width) minmax(0,1fr);
    column-gap: 1rem;
  }

  .aw-kv--inline:not(.aw-kv--multi) .aw-kv__item {
    display: contents;
  }

  .aw-kv--inline.aw-kv--multi .aw-kv__item {
    grid-template-columns: var(--aw-kv-label-width) minmax(0,1fr);
    align-items: baseline;
    column-gap: 1rem;
    display: grid;
  }

  .aw-kv--divided .aw-kv__item, .aw-kv--divided.aw-kv--inline:not(.aw-kv--multi) .aw-kv__item > * {
    padding-bottom: var(--aw-kv-row-gap);
    border-bottom: 1px solid var(--aw-kv-divider);
  }

  .aw-kv--divided.aw-kv--inline:not(.aw-kv--multi) .aw-kv__item, .aw-kv--divided .aw-kv__item:last-child, .aw-kv--divided.aw-kv--inline:not(.aw-kv--multi) .aw-kv__item:last-child > * {
    border-bottom: 0;
    padding-bottom: 0;
  }

  .aw-kv__label {
    min-width: 0;
    color: var(--aw-text-muted);
    margin: 0;
  }

  .aw-kv--stacked .aw-kv__label, .aw-kv--grid .aw-kv__label {
    font-size: .75rem;
    line-height: 1rem;
  }

  .aw-kv__value {
    min-width: 0;
    color: var(--aw-text-strong);
    overflow-wrap: anywhere;
    flex-wrap: wrap;
    align-items: baseline;
    gap: .125rem .375rem;
    margin: 0;
    display: flex;
  }

  .aw-kv--end .aw-kv__value {
    text-align: right;
    justify-content: flex-end;
  }

  .aw-kv__content {
    min-width: 0;
  }

  .aw-kv__value--mono .aw-kv__content {
    font-family: var(--aw-font-mono);
    font-size: .8125rem;
  }

  .aw-kv__placeholder {
    color: var(--aw-text-disabled);
  }

  .aw-kv__actions {
    align-items: center;
    gap: .25rem;
    display: inline-flex;
  }

  .aw-kv__hint {
    color: var(--aw-text-muted);
    flex-basis: 100%;
    font-size: .75rem;
    line-height: 1rem;
  }

  .aw-loading-block {
    --aw-loading-size: 2rem;
    box-sizing: border-box;
    width: 100%;
    color: var(--aw-text-muted);
    font-size: var(--aw-font-size-sm);
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .75rem;
    line-height: 1.4;
    display: flex;
  }

  .aw-loading-block--sm {
    --aw-loading-size: 1.25rem;
  }

  .aw-loading-block--lg {
    --aw-loading-size: 2.5rem;
  }

  .aw-loading-block--pad-none {
    padding-block: 0;
  }

  .aw-loading-block--pad-sm {
    padding-block: 1rem;
  }

  .aw-loading-block--pad-md {
    padding-block: 2.5rem;
  }

  .aw-loading-block--pad-lg {
    padding-block: 4rem;
  }

  .aw-loading-block--inline {
    --aw-loading-size: 1.25rem;
    flex-direction: row;
    gap: .5rem;
    width: auto;
    padding: 0;
    display: inline-flex;
  }

  .aw-loading-block--inline.aw-loading-block--md {
    --aw-loading-size: 1.5rem;
  }

  .aw-loading-block--inline.aw-loading-block--lg {
    --aw-loading-size: 2rem;
  }

  .aw-loading-block__spinner {
    width: var(--aw-loading-size);
    height: var(--aw-loading-size);
    flex-shrink: 0;
    animation: .8s linear infinite aw-loading-block-spin;
  }

  .aw-loading-block__track {
    stroke: var(--aw-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-loading-block__track {
      stroke: color-mix(in srgb,var(--aw-primary) 18%,transparent);
    }
  }

  .aw-loading-block__track {
    stroke-width: 2.5px;
  }

  .aw-loading-block__arc {
    stroke: var(--aw-primary);
    stroke-width: 2.5px;
    stroke-linecap: round;
    stroke-dasharray: 18 60;
  }

  .aw-loading-block__label {
    min-width: 0;
  }

  @keyframes aw-loading-block-spin {
    to {
      transform: rotate(360deg);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .aw-loading-block__spinner {
      animation-duration: 2.4s;
    }
  }

  .aw-copyable-value {
    vertical-align: middle;
    max-width: 100%;
    font-family: var(--aw-font-mono);
    color: var(--aw-text-muted);
    align-items: center;
    gap: .125rem;
    font-size: .75rem;
    line-height: 1.4;
    display: inline-flex;
  }

  .aw-copyable-value--normal {
    font-size: var(--aw-font-size-sm);
  }

  .aw-copyable-value--boxed {
    border: 1px solid var(--aw-field-border);
    border-radius: var(--aw-radius-md);
    background: var(--aw-field-filled-bg);
    color: var(--aw-text);
    gap: .25rem;
    padding: .125rem .125rem .125rem .625rem;
  }

  .aw-copyable-value__text {
    -webkit-user-select: all;
    user-select: all;
    overflow-wrap: anywhere;
    min-width: 0;
  }

  .aw-copyable-value--truncate .aw-copyable-value__text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .aw-copyable-value--boxed .aw-copyable-value__text {
    flex: auto;
  }

  .aw-copyable-value__text--masked {
    -webkit-user-select: none;
    user-select: none;
    letter-spacing: .1em;
  }

  .aw-copyable-value__text--empty {
    -webkit-user-select: none;
    user-select: none;
  }

  .aw-copyable-value__prefix {
    opacity: .75;
  }

  .aw-copyable-value .aw-button.aw-button--icon-only {
    --aw-btn-height: 1.5rem;
    font-size: .8125rem;
  }

  .aw-copyable-value--boxed .aw-button.aw-button--icon-only {
    --aw-btn-height: 1.75rem;
  }

  .aw-copyable-value__icon {
    font-size: 1em;
  }

  .aw-code {
    border-radius: var(--aw-radius-xs);
    background: var(--aw-surface-200);
    color: var(--aw-surface-900);
    font-family: var(--aw-font-mono);
    white-space: nowrap;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    padding: .0625rem .25rem;
    font-size: .75rem;
    line-height: 1.4;
    display: inline;
  }

  .aw-code--sm {
    font-size: var(--aw-font-size-sm);
  }

  .aw-code--inherit {
    font-size: .9em;
  }

  .aw-code--wrap {
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .dark .aw-code {
    background: var(--aw-surface-700);
    color: var(--aw-surface-0);
  }

  .aw-bulk-action-bar-host--sticky {
    z-index: var(--aw-z-sticky);
    position: sticky;
    bottom: 0;
  }

  .aw-bulk-action-bar {
    box-sizing: border-box;
    border: 1px solid var(--aw-primary-200);
    border-radius: var(--aw-radius-lg);
    background: var(--aw-highlight-bg);
    color: var(--aw-text-strong);
    font-size: var(--aw-font-size-sm);
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem 1rem;
    padding: .5rem .75rem .5rem 1rem;
    display: flex;
  }

  .aw-bulk-action-bar--sticky {
    box-shadow: var(--aw-overlay-shadow);
    background: var(--aw-overlay-bg);
    border-color: var(--aw-overlay-border);
    margin-block: .5rem;
  }

  .aw-bulk-action-bar__summary {
    flex-wrap: wrap;
    align-items: center;
    gap: .25rem .75rem;
    min-width: 0;
    display: flex;
  }

  .aw-bulk-action-bar__count {
    font-variant-numeric: tabular-nums;
    font-weight: 600;
  }

  .aw-bulk-action-bar__eligible {
    color: var(--aw-text-muted);
    font-size: .8125rem;
  }

  .aw-bulk-action-bar__actions {
    flex-wrap: wrap;
    align-items: center;
    gap: .375rem;
    margin-inline-start: auto;
    display: flex;
  }

  .dark .aw-bulk-action-bar {
    border-color: var(--aw-primary-800);
  }

  .dark .aw-bulk-action-bar--sticky {
    border-color: var(--aw-overlay-border);
  }

  .aw-bulk-action-bar-enter-active, .aw-bulk-action-bar-leave-active {
    transition: transform var(--aw-duration-slow) var(--aw-ease),opacity var(--aw-duration) var(--aw-ease);
  }

  .aw-bulk-action-bar-enter-from, .aw-bulk-action-bar-leave-to {
    opacity: 0;
    transform: translateY(.75rem);
  }

  @media (max-width: 639.98px) {
    .aw-bulk-action-bar--sticky {
      z-index: var(--aw-z-sticky);
      border-radius: var(--aw-radius-lg) var(--aw-radius-lg) 0 0;
      padding-bottom: calc(.5rem + env(safe-area-inset-bottom, 0px));
      border-inline: 0;
      inset-inline: 0;
      border-bottom: 0;
      margin: 0;
      position: fixed;
      bottom: 0;
    }

    .aw-bulk-action-bar--sticky .aw-bulk-action-bar__actions {
      width: 100%;
      margin-inline-start: 0;
    }

    .aw-bulk-action-bar-enter-from.aw-bulk-action-bar--sticky, .aw-bulk-action-bar-leave-to.aw-bulk-action-bar--sticky {
      transform: translateY(100%);
    }
  }

  @media (pointer: coarse) {
    .aw-bulk-action-bar__link {
      min-height: 44px;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .aw-bulk-action-bar-enter-from, .aw-bulk-action-bar-leave-to, .aw-bulk-action-bar-enter-from.aw-bulk-action-bar--sticky, .aw-bulk-action-bar-leave-to.aw-bulk-action-bar--sticky {
      transform: none;
    }
  }

  .aw-wizard-dialog__content {
    flex-direction: column;
    gap: 1.25rem;
    display: flex;
  }

  .aw-wizard-dialog__stepper {
    flex-shrink: 0;
  }

  .aw-wizard-dialog__body {
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
    display: flex;
  }

  .aw-wizard-dialog__intro {
    flex-direction: column;
    gap: .25rem;
    display: flex;
  }

  .aw-wizard-dialog__counter {
    color: var(--aw-text-muted);
    letter-spacing: .04em;
    text-transform: uppercase;
    font-size: .75rem;
    font-weight: 600;
  }

  .aw-wizard-dialog__heading {
    color: var(--aw-text-strong);
    font-size: var(--aw-font-size);
    border-radius: var(--aw-radius-xs);
    outline: none;
    margin: 0;
    font-weight: 600;
  }

  .aw-wizard-dialog__heading:focus-visible {
    box-shadow: var(--aw-focus-ring-tight);
  }

  .aw-wizard-dialog__description {
    color: var(--aw-text-muted);
    font-size: var(--aw-font-size-sm);
    margin: 0;
    line-height: 1.5;
  }

  .aw-wizard-dialog__summary {
    border: 1px solid var(--aw-content-border);
    border-radius: var(--aw-radius-md);
    font-size: var(--aw-font-size-sm);
    flex-direction: column;
    margin: 0;
    display: flex;
  }

  .aw-wizard-dialog__summary-row {
    grid-template-columns: minmax(0, 10rem) minmax(0, 1fr) auto;
    align-items: center;
    gap: .75rem;
    padding: .5rem .75rem;
    display: grid;
  }

  .aw-wizard-dialog__summary-row + .aw-wizard-dialog__summary-row {
    border-top: 1px solid var(--aw-content-border);
  }

  .aw-wizard-dialog__summary-label {
    color: var(--aw-text-muted);
    font-weight: 500;
  }

  .aw-wizard-dialog__summary-text, .aw-wizard-dialog__summary-edit {
    color: var(--aw-text);
    min-width: 0;
    margin: 0;
  }

  .aw-wizard-dialog__footer {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
    width: 100%;
    display: flex;
  }

  .aw-wizard-dialog__footer-start, .aw-wizard-dialog__footer-end {
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    display: flex;
  }

  .aw-wizard-dialog__footer-end {
    margin-inline-start: auto;
  }

  @media (max-width: 639.98px) {
    .aw-wizard-dialog .aw-step:not(.aw-step--active) .aw-step__title {
      display: none;
    }

    .aw-wizard-dialog .aw-steplist {
      flex-wrap: nowrap;
    }

    .aw-wizard-dialog .aw-step__separator {
      min-width: .5rem;
      margin: 0 .25rem;
    }

    .aw-wizard-dialog__summary-row {
      grid-template-columns: minmax(0, 1fr) auto;
    }

    .aw-wizard-dialog__summary-text {
      grid-area: 2 / 1 / auto / -1;
    }
  }

  @media (pointer: coarse) {
    .aw-wizard-dialog__footer .aw-button {
      min-height: 44px;
    }
  }

  .aw-export-menu {
    vertical-align: middle;
    display: inline-flex;
  }

  .aw-export-menu__icon {
    width: 1em;
    height: 1em;
  }

  .aw-export-menu__spinner {
    animation: .8s linear infinite aw-export-menu-spin;
  }

  @keyframes aw-export-menu-spin {
    to {
      transform: rotate(360deg);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .aw-export-menu__spinner {
      animation-duration: 2.4s;
    }
  }

  .aw-permission-gate {
    box-sizing: border-box;
    border: 1px dashed var(--aw-content-border);
    border-radius: var(--aw-radius-xl);
    color: var(--aw-text);
    font-size: var(--aw-font-size-sm);
    text-align: center;
    flex-direction: column;
    align-items: center;
    gap: .625rem;
    padding: 2rem 1.25rem;
    display: flex;
  }

  .aw-permission-gate__badge {
    border-radius: var(--aw-radius-pill);
    background: var(--aw-secondary-bg);
    width: 2.75rem;
    height: 2.75rem;
    color: var(--aw-text-muted);
    justify-content: center;
    align-items: center;
    font-size: 1.375rem;
    display: inline-flex;
  }

  .aw-permission-gate__text {
    flex-direction: column;
    gap: .25rem;
    max-width: 30rem;
    display: flex;
  }

  .aw-permission-gate__title {
    color: var(--aw-text-strong);
    font-weight: 600;
  }

  .aw-permission-gate__lead {
    color: var(--aw-text-muted);
    line-height: 1.5;
  }

  .aw-permission-gate--compact {
    border-radius: var(--aw-radius-md);
    text-align: start;
    border-style: solid;
    flex-direction: row;
    align-items: flex-start;
    gap: .5rem;
    padding: .5rem .75rem;
  }

  .aw-permission-gate--compact .aw-permission-gate__badge {
    background: none;
    width: auto;
    height: auto;
    margin-top: .125rem;
    font-size: 1rem;
  }

  .aw-error-state {
    box-sizing: border-box;
    text-align: center;
    color: var(--aw-text);
    font-size: var(--aw-font-size-sm);
    flex-direction: column;
    align-items: center;
    gap: .75rem;
    display: flex;
  }

  .aw-error-state__badge {
    border-radius: var(--aw-radius-pill);
    background: var(--aw-warn-soft-bg);
    width: 3rem;
    height: 3rem;
    color: var(--aw-warn-soft-text);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
    display: inline-flex;
  }

  .aw-error-state__body {
    flex-direction: column;
    align-items: center;
    gap: .25rem;
    min-width: 0;
    max-width: 32rem;
    display: flex;
  }

  .aw-error-state__title {
    color: var(--aw-text-strong);
    font-weight: 600;
    font-size: var(--aw-font-size);
    margin: 0;
  }

  .aw-error-state__lead {
    color: var(--aw-text-muted);
    margin: 0;
    line-height: 1.5;
  }

  .aw-error-state__actions {
    flex-wrap: wrap;
    justify-content: center;
    gap: .5rem;
    display: flex;
  }

  .aw-error-state__retry-icon {
    width: 1em;
    height: 1em;
  }

  .aw-error-state__details {
    text-align: start;
    width: 100%;
    margin-top: .5rem;
  }

  .aw-error-state__summary {
    cursor: pointer;
    border-radius: var(--aw-radius-xs);
    min-height: 1.75rem;
    color: var(--aw-text-muted);
    align-items: center;
    gap: .25rem;
    font-size: .8125rem;
    font-weight: 500;
    list-style: none;
    display: inline-flex;
  }

  .aw-error-state__summary::-webkit-details-marker {
    display: none;
  }

  .aw-error-state__summary:hover {
    color: var(--aw-text);
  }

  .aw-error-state__summary:focus-visible {
    box-shadow: var(--aw-focus-ring-tight);
    outline: none;
  }

  .aw-error-state__chevron {
    transition: transform var(--aw-duration) var(--aw-ease);
  }

  .aw-error-state__details[open] .aw-error-state__chevron {
    transform: rotate(90deg);
  }

  .aw-error-state__details-box {
    border-radius: var(--aw-radius-sm);
    background: var(--aw-secondary-bg);
    align-items: flex-start;
    gap: .5rem;
    margin-top: .375rem;
    padding: .625rem;
    display: flex;
  }

  .aw-error-state__pre {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    min-width: 0;
    max-height: 14rem;
    font-family: var(--aw-font-mono);
    color: var(--aw-text);
    flex: 1;
    margin: 0;
    font-size: .75rem;
    line-height: 1.5;
    overflow: auto;
  }

  .aw-error-state--card {
    border: 1px solid var(--aw-warn-soft-border);
    border-radius: var(--aw-radius-xl);
    background: var(--aw-warn-soft-bg);
    padding: 2rem 1.25rem;
  }

  .aw-error-state--card .aw-error-state__badge, .aw-error-state--card .aw-error-state__details-box {
    background: var(--aw-content-bg);
  }

  .aw-error-state--page {
    justify-content: center;
    min-height: min(60vh, 32rem);
    padding: 3rem 1rem;
  }

  .aw-error-state--page .aw-error-state__badge {
    width: 4rem;
    height: 4rem;
    font-size: 2rem;
  }

  .aw-error-state--page .aw-error-state__title {
    font-family: var(--aw-font-display);
    font-size: 1.375rem;
  }

  .aw-error-state--inline {
    border: 1px solid var(--aw-warn-soft-border);
    border-radius: var(--aw-radius-md);
    background: var(--aw-warn-soft-bg);
    text-align: start;
    flex-flow: wrap;
    align-items: center;
    gap: .5rem .75rem;
    padding: .625rem .75rem;
  }

  .aw-error-state--inline .aw-error-state__badge {
    background: none;
    width: auto;
    height: auto;
    font-size: 1.25rem;
  }

  .aw-error-state--inline .aw-error-state__body {
    flex: 14rem;
    align-items: flex-start;
    gap: 0;
    max-width: none;
  }

  .aw-error-state--inline .aw-error-state__title {
    font-size: var(--aw-font-size-sm);
  }

  .aw-error-state--inline .aw-error-state__actions {
    justify-content: flex-end;
  }

  @media (pointer: coarse) {
    .aw-error-state__summary {
      min-height: 44px;
    }
  }

  .aw-settings-section {
    box-sizing: border-box;
    color: var(--aw-text);
    font-size: var(--aw-font-size-sm);
    flex-direction: column;
    gap: 1rem;
    padding-block: 1.5rem;
    display: flex;
    container-type: inline-size;
  }

  .aw-settings-section + .aw-settings-section {
    border-top: 1px solid var(--aw-content-border);
  }

  .aw-settings-section__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
    display: grid;
  }

  @container (min-width: 48rem) {
    .aw-settings-section__grid {
      grid-template-columns: minmax(0, 18rem) minmax(0, 1fr);
      gap: 2.5rem;
    }

    .aw-settings-section__footer {
      margin-inline-start: 20.5rem;
    }
  }

  .aw-settings-section__intro {
    flex-direction: column;
    gap: .375rem;
    min-width: 0;
    display: flex;
  }

  .aw-settings-section__title {
    color: var(--aw-text-strong);
    font-size: var(--aw-font-size);
    flex-wrap: wrap;
    align-items: center;
    gap: .25rem .625rem;
    margin: 0;
    font-weight: 600;
    line-height: 1.4;
    display: flex;
  }

  .aw-settings-section__dirty {
    color: var(--aw-warn-soft-text);
    align-items: center;
    gap: .375rem;
    font-size: .75rem;
    font-weight: 500;
    display: inline-flex;
  }

  .aw-settings-section__dot {
    border-radius: var(--aw-radius-pill);
    background: var(--aw-warn);
    width: .5rem;
    height: .5rem;
  }

  .aw-settings-section__description {
    color: var(--aw-text-muted);
    margin: 0;
    line-height: 1.5;
  }

  .aw-settings-section__controls {
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
    display: flex;
  }

  .aw-settings-section__footer {
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .5rem;
    display: flex;
  }

  @media (pointer: coarse) {
    .aw-settings-section__footer .aw-button {
      min-height: 44px;
    }
  }

  .aw-form-grid {
    box-sizing: border-box;
    border: 0;
    align-items: start;
    min-width: 0;
    margin: 0;
    padding: 0;
    display: grid;
  }

  .aw-form-grid--gap-sm {
    gap: .75rem;
  }

  .aw-form-grid--gap-md {
    gap: 1rem 1.25rem;
  }

  .aw-form-grid--gap-lg {
    gap: 1.5rem;
  }

  .aw-form-grid__legend {
    float: left;
    width: 100%;
    color: var(--aw-text-strong);
    font-size: var(--aw-font-size);
    grid-column: 1 / -1;
    margin: 0 0 .25rem;
    padding: 0;
    font-weight: 600;
  }

  .aw-form-field {
    flex-direction: column;
    gap: .375rem;
    display: flex;
  }

  .aw-form-field__label {
    font-size: var(--aw-font-size-sm);
    color: var(--aw-text);
    font-weight: 500;
    line-height: 1.25rem;
  }

  .aw-form-field__required {
    color: var(--aw-danger);
    margin-left: .125rem;
  }

  .aw-form-field__help {
    color: var(--aw-text-muted);
  }

  .aw-form-grid-field {
    min-width: 0;
  }

  .aw-form-grid-field__hint {
    color: var(--aw-text-muted);
    font-size: .8125rem;
    line-height: 1.4;
  }

  .aw-form-grid-field__error {
    color: var(--aw-danger-soft-text);
    font-size: .8125rem;
    line-height: 1.4;
  }

  .aw-attachment-list {
    min-width: 0;
    color: var(--aw-text);
    font-size: var(--aw-font-size-sm);
    flex-direction: column;
    gap: .75rem;
    display: flex;
  }

  .aw-attachment-list__items {
    border: 1px solid var(--aw-content-border);
    border-radius: var(--aw-radius-md);
    background: var(--aw-content-bg);
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
  }

  .aw-attachment-list__item {
    align-items: center;
    gap: .75rem;
    min-width: 0;
    padding: .5rem .5rem .5rem .625rem;
    display: flex;
  }

  .aw-attachment-list__item + .aw-attachment-list__item {
    border-top: 1px solid var(--aw-content-border);
  }

  .aw-attachment-list__item--failed {
    background: var(--aw-danger-soft-bg);
  }

  .aw-attachment-list__thumb {
    border-radius: var(--aw-radius-sm);
    --aw-attachment-tone: var(--aw-text-muted);
    --aw-attachment-tone-bg: var(--aw-secondary-bg);
    background: var(--aw-attachment-tone-bg);
    width: 2.5rem;
    height: 2.5rem;
    color: var(--aw-attachment-tone);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    position: relative;
    overflow: hidden;
  }

  .aw-attachment-list__thumb--pdf {
    --aw-attachment-tone: var(--aw-danger-soft-text);
    --aw-attachment-tone-bg: var(--aw-danger-soft-bg);
  }

  .aw-attachment-list__thumb--sheet {
    --aw-attachment-tone: var(--aw-success-soft-text);
    --aw-attachment-tone-bg: var(--aw-success-soft-bg);
  }

  .aw-attachment-list__thumb--doc {
    --aw-attachment-tone: var(--aw-info-soft-text);
    --aw-attachment-tone-bg: var(--aw-info-soft-bg);
  }

  .aw-attachment-list__thumb--archive {
    --aw-attachment-tone: var(--aw-warn-soft-text);
    --aw-attachment-tone-bg: var(--aw-warn-soft-bg);
  }

  .aw-attachment-list__thumb--code, .aw-attachment-list__thumb--media {
    --aw-attachment-tone: var(--aw-help-soft-text);
    --aw-attachment-tone-bg: var(--aw-help-soft-bg);
  }

  .aw-attachment-list__img {
    border-radius: inherit;
    width: 100%;
    height: 100%;
  }

  .aw-attachment-list__file-icon {
    font-size: 1.375rem;
  }

  .aw-attachment-list__ext {
    background: var(--aw-attachment-tone);
    color: var(--aw-attachment-tone-bg);
    letter-spacing: .02em;
    border-radius: 3px;
    padding: 0 .1875rem;
    font-size: .5625rem;
    font-weight: 700;
    line-height: 1.3;
    position: absolute;
    bottom: .1875rem;
    left: 50%;
    translate: -50%;
  }

  .aw-attachment-list__main {
    flex-direction: column;
    flex: auto;
    gap: .125rem;
    min-width: 0;
    display: flex;
  }

  .aw-attachment-list__name {
    color: var(--aw-text-strong);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
    overflow: hidden;
  }

  a.aw-attachment-list__name {
    border-radius: var(--aw-radius-xs);
    text-decoration: none;
  }

  a.aw-attachment-list__name:hover {
    text-decoration: underline;
  }

  a.aw-attachment-list__name:focus-visible {
    box-shadow: var(--aw-focus-ring-tight);
    outline: none;
  }

  .aw-attachment-list__meta {
    color: var(--aw-text-muted);
    flex-wrap: wrap;
    gap: 0 .5rem;
    font-size: .75rem;
    display: flex;
  }

  .aw-attachment-list__meta > * + :before {
    content: "·";
    margin-inline-end: .5rem;
  }

  .aw-attachment-list__meta--error {
    color: var(--aw-danger-soft-text);
  }

  .aw-attachment-list__progress {
    align-items: center;
    gap: .5rem;
    display: flex;
  }

  .aw-attachment-list__progress .aw-progressbar {
    flex: 1;
    height: .375rem;
  }

  .aw-attachment-list__actions {
    flex-shrink: 0;
    align-items: center;
    gap: .125rem;
    display: flex;
  }

  .aw-attachment-list__glyph {
    width: 1.05em;
    height: 1.05em;
  }

  .aw-attachment-list__empty {
    border: 1px dashed var(--aw-content-border);
    border-radius: var(--aw-radius-md);
    color: var(--aw-text-muted);
    text-align: center;
    flex-direction: column;
    align-items: center;
    gap: .375rem;
    padding: 1.25rem 1rem;
    display: flex;
  }

  .aw-attachment-list__empty-icon {
    font-size: 1.5rem;
  }

  @media (pointer: coarse) {
    .aw-attachment-list__action {
      min-width: 44px;
      min-height: 44px;
    }
  }

  @media (max-width: 639.98px) {
    .aw-attachment-list__item {
      flex-wrap: wrap;
    }

    .aw-attachment-list__item--pending .aw-attachment-list__actions {
      justify-content: flex-end;
      width: 100%;
    }
  }

  .aw-activity-feed {
    --aw-activity-lead: 2rem;
    --aw-activity-gap: .875rem;
    min-width: 0;
    color: var(--aw-text);
    font-size: var(--aw-font-size-sm);
    flex-direction: column;
    gap: 1rem;
    display: flex;
  }

  .aw-activity-feed--dense {
    --aw-activity-lead: 1.5rem;
    --aw-activity-gap: .5rem;
  }

  .aw-activity-feed__filters {
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    display: flex;
  }

  .aw-activity-feed__day {
    flex-direction: column;
    gap: .5rem;
    display: flex;
  }

  .aw-activity-feed__heading {
    z-index: 1;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--aw-text-muted);
    background: var(--aw-activity-heading-bg, var(--aw-card-bg));
    margin: 0;
    padding: .25rem 0;
    font-size: .75rem;
    font-weight: 600;
    position: sticky;
    top: 0;
  }

  .aw-activity-feed__list {
    gap: var(--aw-activity-gap);
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
  }

  .aw-activity-feed__item {
    align-items: flex-start;
    gap: .75rem;
    min-width: 0;
    display: flex;
    position: relative;
  }

  .aw-activity-feed__item:not(:last-child):before {
    content: "";
    top: calc(var(--aw-activity-lead) + .25rem);
    bottom: calc(-1 * var(--aw-activity-gap) + .25rem);
    left: calc(var(--aw-activity-lead) / 2 - 1px);
    background: var(--aw-surface-200);
    border-radius: 1px;
    width: 2px;
    position: absolute;
  }

  .dark .aw-activity-feed__item:not(:last-child):before {
    background: var(--aw-surface-700);
  }

  .aw-activity-feed__item--skeleton:before {
    display: none;
  }

  .aw-activity-feed__lead {
    width: var(--aw-activity-lead);
    height: var(--aw-activity-lead);
    flex-shrink: 0;
    position: relative;
  }

  .aw-activity-feed__avatar.aw-avatar {
    width: var(--aw-activity-lead);
    height: var(--aw-activity-lead);
  }

  .aw-activity-feed--dense .aw-activity-feed__avatar.aw-avatar {
    font-size: .625rem;
  }

  .aw-activity-feed__bubble, .aw-activity-feed__badge {
    border-radius: var(--aw-radius-pill);
    background: var(--aw-tone-soft-bg);
    color: var(--aw-tone-soft-text);
    box-shadow: 0 0 0 1px var(--aw-tone-soft-border);
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .aw-activity-feed__bubble {
    width: 100%;
    height: 100%;
    font-size: calc(var(--aw-activity-lead) * .5);
  }

  .aw-activity-feed__badge {
    width: 1rem;
    height: 1rem;
    box-shadow: 0 0 0 2px var(--aw-card-bg);
    font-size: .625rem;
    position: absolute;
    bottom: -.3125rem;
    right: -.4375rem;
  }

  .aw-activity-feed__badge--pulse {
    animation: aw-activity-pulse 1.6s var(--aw-ease) infinite;
  }

  @keyframes aw-activity-pulse {
    50% {
      opacity: .55;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .aw-activity-feed__badge--pulse {
      animation: none;
    }
  }

  .aw-activity-feed__body {
    flex-direction: column;
    flex: auto;
    gap: .25rem;
    min-width: 0;
    padding-top: .125rem;
    display: flex;
  }

  .aw-activity-feed__text {
    overflow-wrap: anywhere;
    color: var(--aw-text);
    margin: 0;
    line-height: 1.4;
  }

  .aw-activity-feed__actor {
    color: var(--aw-text-strong);
    font-weight: 600;
  }

  .aw-activity-feed__meta {
    color: var(--aw-text-muted);
    flex-wrap: wrap;
    align-items: center;
    gap: .25rem .5rem;
    font-size: .75rem;
    display: flex;
  }

  .aw-activity-feed__state {
    color: var(--aw-text-muted);
    text-align: center;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    margin: 0;
    padding: 1.5rem .5rem;
    display: flex;
  }

  .aw-activity-feed__state--error {
    color: var(--aw-danger);
  }

  .aw-activity-feed__more {
    justify-content: center;
    display: flex;
  }

  .aw-audit-trail {
    min-width: 0;
    color: var(--aw-text);
    font-size: var(--aw-font-size-sm);
    flex-direction: column;
    gap: .75rem;
    display: flex;
    container-type: inline-size;
  }

  .aw-audit-trail__state {
    color: var(--aw-text-muted);
    text-align: center;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    margin: 0;
    padding: 1.5rem .5rem;
    display: flex;
  }

  .aw-audit-trail__state--error {
    color: var(--aw-danger);
  }

  .aw-audit-trail__avatar.aw-avatar {
    flex-shrink: 0;
    width: 1.5rem;
    height: 1.5rem;
    font-size: .625rem;
  }

  .aw-audit-trail__actor {
    color: var(--aw-text-strong);
    font-weight: 600;
  }

  .aw-audit-trail__action {
    color: var(--aw-text);
  }

  .aw-audit-trail__time {
    color: var(--aw-text-muted);
    font-size: .75rem;
  }

  .aw-audit-trail__note {
    color: var(--aw-text-muted);
    overflow-wrap: anywhere;
    margin: 0;
    font-style: italic;
  }

  .aw-audit-trail__timeline {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .aw-audit-trail__entry {
    flex-direction: column;
    gap: .375rem;
    padding: 0 0 1.25rem 1.5rem;
    display: flex;
    position: relative;
  }

  .aw-audit-trail__entry:not(:last-child):before {
    content: "";
    background: var(--aw-surface-200);
    width: 2px;
    position: absolute;
    top: .875rem;
    bottom: 0;
    left: .3125rem;
  }

  .dark .aw-audit-trail__entry:not(:last-child):before {
    background: var(--aw-surface-700);
  }

  .aw-audit-trail__dot {
    border-radius: var(--aw-radius-pill);
    background: var(--aw-tone-solid);
    width: .75rem;
    height: .75rem;
    box-shadow: 0 0 0 3px var(--aw-tone-soft-bg);
    position: absolute;
    top: .3125rem;
    left: 0;
  }

  .aw-audit-trail__head {
    flex-wrap: wrap;
    align-items: center;
    gap: .25rem .5rem;
    min-height: 1.5rem;
    display: flex;
  }

  .aw-audit-trail__head .aw-audit-trail__time {
    margin-left: auto;
  }

  .aw-audit-trail__changes {
    border-radius: var(--aw-radius-md);
    background: var(--aw-surface-50);
    border: 1px solid var(--aw-surface-200);
    grid-template-columns: minmax(6rem, max-content) minmax(0, 1fr);
    gap: .375rem 1rem;
    margin: 0;
    padding: .5rem .75rem;
    display: grid;
  }

  .dark .aw-audit-trail__changes {
    background: var(--aw-surface-800);
    border-color: var(--aw-surface-700);
  }

  .aw-audit-trail__change {
    display: contents;
  }

  .aw-audit-trail__field {
    color: var(--aw-text-muted);
    overflow-wrap: anywhere;
    font-weight: 500;
  }

  .aw-audit-trail__values {
    flex-wrap: wrap;
    align-items: baseline;
    gap: .25rem .5rem;
    min-width: 0;
    margin: 0;
    display: flex;
  }

  .aw-audit-trail__from, .aw-audit-trail__to {
    min-width: 0;
    max-width: 100%;
  }

  .aw-audit-trail__arrow {
    color: var(--aw-text-disabled);
  }

  @container (max-width: 40rem) {
    .aw-audit-trail__changes {
      grid-template-columns: minmax(0, 1fr);
      gap: .125rem;
    }

    .aw-audit-trail__values {
      flex-direction: column;
      gap: .125rem;
      margin-bottom: .375rem;
    }

    .aw-audit-trail__arrow {
      display: none;
    }

    .aw-audit-trail__to:before {
      content: "→ ";
      color: var(--aw-text-disabled);
    }
  }

  .aw-audit-trail__scroll {
    overflow-x: auto;
  }

  .aw-audit-trail__table {
    border-collapse: collapse;
    width: 100%;
  }

  .aw-audit-trail__table th, .aw-audit-trail__table td {
    border-bottom: 1px solid var(--aw-surface-200);
    text-align: left;
    vertical-align: top;
    padding: .5rem .75rem;
  }

  .dark .aw-audit-trail__table th, .dark .aw-audit-trail__table td {
    border-color: var(--aw-surface-700);
  }

  .aw-audit-trail__table thead th {
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--aw-text-muted);
    white-space: nowrap;
    font-size: .75rem;
    font-weight: 600;
  }

  .aw-audit-trail__group {
    border-left: 3px solid var(--aw-tone-solid);
  }

  .aw-audit-trail__cell-when {
    white-space: nowrap;
    font-weight: 400;
  }

  .aw-audit-trail__absolute {
    color: var(--aw-text);
    display: block;
  }

  .aw-audit-trail__cell-by {
    min-width: 9rem;
  }

  .aw-audit-trail__who, .aw-audit-trail__action-line {
    flex-wrap: wrap;
    align-items: center;
    gap: .375rem;
    display: flex;
  }

  .aw-audit-trail__action-line {
    margin-top: .25rem;
  }

  .aw-audit-trail__cell-by .aw-audit-trail__note {
    margin-top: .25rem;
    display: block;
  }

  .aw-audit-trail__no-changes {
    color: var(--aw-text-disabled);
  }

  @container (max-width: 40rem) {
    .aw-audit-trail__table thead {
      clip: rect(0,0,0,0);
      width: 1px;
      height: 1px;
      position: absolute;
      overflow: hidden;
    }

    .aw-audit-trail__table, .aw-audit-trail__table tbody, .aw-audit-trail__table tr, .aw-audit-trail__table th, .aw-audit-trail__table td {
      display: block;
    }

    .aw-audit-trail__group {
      border: 1px solid var(--aw-surface-200);
      border-left: 3px solid var(--aw-tone-solid);
      border-radius: var(--aw-radius-md);
      margin-bottom: .75rem;
    }

    .dark .aw-audit-trail__group {
      border-color: var(--aw-surface-700);
      border-left-color: var(--aw-tone-solid);
    }

    .aw-audit-trail__table th, .aw-audit-trail__table td {
      border-bottom: 0;
      padding: .25rem .75rem;
    }

    .aw-audit-trail__table tr + tr {
      border-top: 1px dashed var(--aw-surface-200);
    }

    .dark .aw-audit-trail__table tr + tr {
      border-color: var(--aw-surface-700);
    }

    .aw-audit-trail__table td[data-label]:before, .aw-audit-trail__table th[data-label]:before {
      content: attr(data-label);
      letter-spacing: .04em;
      text-transform: uppercase;
      color: var(--aw-text-muted);
      font-size: .6875rem;
      font-weight: 600;
      display: block;
    }
  }

  .aw-audit-value {
    flex-direction: column;
    align-items: flex-start;
    gap: .125rem;
    min-width: 0;
    max-width: 100%;
    display: inline-flex;
  }

  .aw-audit-value--empty {
    color: var(--aw-text-disabled);
  }

  .aw-audit-value__text {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
  }

  .aw-audit-value--mono .aw-audit-value__text {
    font-family: var(--aw-font-mono);
    font-size: .8125rem;
  }

  .aw-audit-value__text--clamped {
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .aw-audit-value__del {
    border-radius: var(--aw-radius-xs);
    background: var(--aw-danger-soft-bg);
    color: var(--aw-danger-soft-text);
    text-decoration: line-through;
  }

  .aw-audit-value__ins {
    border-radius: var(--aw-radius-xs);
    background: var(--aw-success-soft-bg);
    color: var(--aw-success-soft-text);
    text-decoration: none;
  }

  .aw-audit-value__toggle {
    font: inherit;
    color: var(--aw-primary);
    cursor: pointer;
    background: none;
    border: 0;
    padding: 0;
    font-size: .75rem;
    font-weight: 600;
    position: relative;
  }

  .aw-audit-value__toggle:focus-visible {
    border-radius: var(--aw-radius-xs);
    box-shadow: var(--aw-focus-ring);
    outline: none;
  }

  @media (pointer: coarse) {
    .aw-audit-value__toggle:after {
      content: "";
      width: max(100%, 2.75rem);
      height: 2.75rem;
      position: absolute;
      inset: 50% auto auto 50%;
      transform: translate(-50%, -50%);
    }
  }

  .aw-comment-composer {
    flex-direction: column;
    gap: .5rem;
    min-width: 0;
    display: flex;
  }

  .aw-comment-composer__bar {
    align-items: center;
    gap: .5rem;
    display: flex;
  }

  .aw-comment-composer__extra {
    flex-wrap: wrap;
    flex: auto;
    align-items: center;
    gap: .5rem;
    min-width: 0;
    display: flex;
  }

  .aw-comment-composer__hint {
    color: var(--aw-text-muted);
    font-size: .75rem;
  }

  @media (pointer: coarse) {
    .aw-comment-composer__hint {
      display: none;
    }
  }

  .aw-comment-composer__suggestions {
    max-height: 16rem;
    overflow-y: auto;
  }

  .aw-comment-composer__option {
    min-height: 2.5rem;
  }

  @media (pointer: coarse) {
    .aw-comment-composer__option {
      min-height: 2.75rem;
    }
  }

  .aw-comment-composer__option-avatar.aw-avatar {
    flex-shrink: 0;
    width: 1.5rem;
    height: 1.5rem;
    font-size: .625rem;
  }

  .aw-comment-composer__option-text {
    flex-direction: column;
    min-width: 0;
    line-height: 1.25;
    display: flex;
  }

  .aw-comment-composer__option-text small {
    color: var(--aw-text-muted);
    font-size: .75rem;
  }

  .aw-comment-thread {
    min-width: 0;
    color: var(--aw-text);
    font-size: var(--aw-font-size-sm);
    flex-direction: column;
    gap: 1rem;
    display: flex;
  }

  .aw-comment-thread__list {
    flex-direction: column;
    gap: .875rem;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
  }

  .aw-comment-thread__list--replies {
    gap: .75rem;
    margin-top: .75rem;
  }

  .aw-comment-thread__reply {
    list-style: none;
  }

  .aw-comment-thread__state {
    color: var(--aw-text-muted);
    text-align: center;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    margin: 0;
    padding: 1.25rem .5rem;
    display: flex;
  }

  .aw-comment-thread__state--error {
    color: var(--aw-danger);
  }

  .aw-comment {
    align-items: flex-start;
    gap: .625rem;
    min-width: 0;
    display: flex;
  }

  .aw-comment__avatar.aw-avatar {
    flex-shrink: 0;
  }

  .aw-comment--reply > .aw-comment__avatar.aw-avatar {
    width: 1.5rem;
    height: 1.5rem;
    font-size: .625rem;
  }

  .aw-comment__main {
    flex: auto;
    min-width: 0;
  }

  .aw-comment__bubble {
    border-radius: var(--aw-radius-lg);
    background: var(--aw-surface-100);
    padding: .5rem .75rem;
  }

  .dark .aw-comment__bubble {
    background: var(--aw-surface-800);
  }

  .aw-comment--pending .aw-comment__bubble {
    opacity: .65;
  }

  .aw-comment--failed .aw-comment__bubble {
    background: var(--aw-danger-soft-bg);
    box-shadow: inset 0 0 0 1px var(--aw-danger-soft-border);
  }

  .aw-comment__head {
    flex-wrap: wrap;
    align-items: baseline;
    gap: .25rem .5rem;
    margin-bottom: .125rem;
    display: flex;
  }

  .aw-comment__author {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    color: var(--aw-text-strong);
    font-weight: 600;
    overflow: hidden;
  }

  .aw-comment__time, .aw-comment__edited {
    color: var(--aw-text-muted);
    font-size: .75rem;
  }

  .aw-comment__body {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    color: var(--aw-text);
    margin: 0;
    line-height: 1.5;
  }

  .aw-comment__body--deleted {
    color: var(--aw-text-muted);
    font-style: italic;
  }

  .aw-comment__link {
    color: var(--aw-primary);
    text-underline-offset: 2px;
    text-decoration: underline;
  }

  .aw-comment__mention {
    border-radius: var(--aw-radius-xs);
    background: var(--aw-primary-50);
    color: var(--aw-primary-700);
    padding: 0 .125rem;
    font-weight: 500;
  }

  .dark .aw-comment__mention {
    background: var(--aw-primary-950);
    color: var(--aw-primary-200);
  }

  .aw-comment__code {
    border-radius: var(--aw-radius-xs);
    font-family: var(--aw-font-mono);
    background: var(--aw-surface-200);
    color: var(--aw-text-strong);
    padding: 0 .25rem;
    font-size: .85em;
  }

  .dark .aw-comment__code {
    background: var(--aw-surface-700);
  }

  .aw-comment__editor {
    margin-top: .25rem;
  }

  .aw-comment__error {
    color: var(--aw-danger);
    margin: .25rem 0 0;
    font-size: .75rem;
  }

  .aw-comment__actions, .aw-comment__status {
    color: var(--aw-text-muted);
    flex-wrap: wrap;
    align-items: center;
    gap: .25rem .75rem;
    margin-top: .25rem;
    padding-left: .75rem;
    font-size: .75rem;
    display: flex;
  }

  .aw-comment__failed {
    color: var(--aw-danger);
  }

  .aw-comment__action {
    font: inherit;
    color: var(--aw-text-muted);
    cursor: pointer;
    background: none;
    border: 0;
    padding: 0;
    font-weight: 600;
    position: relative;
  }

  .aw-comment__action:hover:not(:disabled) {
    color: var(--aw-primary);
    text-decoration: underline;
  }

  .aw-comment__action:focus-visible {
    border-radius: var(--aw-radius-xs);
    box-shadow: var(--aw-focus-ring);
    outline: none;
  }

  .aw-comment__action:disabled {
    opacity: .5;
    cursor: default;
  }

  .aw-comment__action--danger:hover:not(:disabled) {
    color: var(--aw-danger);
  }

  @media (pointer: coarse) {
    .aw-comment__actions, .aw-comment__status {
      gap: .25rem 1.25rem;
    }

    .aw-comment__action:after {
      content: "";
      width: max(100%, 2.75rem);
      height: 2.75rem;
      position: absolute;
      inset: 50% auto auto 50%;
      transform: translate(-50%, -50%);
    }
  }

  .aw-chart-card {
    --aw-chart-card-pad: 1.25rem;
    --aw-chart-card-divider: var(--aw-surface-200);
    box-sizing: border-box;
    border-radius: var(--aw-radius-xl);
    background: var(--aw-card-bg);
    border: 1px solid var(--aw-card-border);
    min-width: 0;
    box-shadow: var(--aw-card-shadow);
    color: var(--aw-text);
    flex-direction: column;
    display: flex;
  }

  .dark .aw-chart-card {
    --aw-chart-card-divider: var(--aw-surface-800);
  }

  .aw-chart-card--fullscreen {
    padding-bottom: env(safe-area-inset-bottom);
    border: 0;
    border-radius: 0;
    position: fixed;
    inset: 0;
  }

  .aw-chart-card--fullscreen .aw-chart-card__figure, .aw-chart-card--fullscreen .aw-chart-card__chart {
    flex: auto;
    min-height: 0;
  }

  .aw-chart-card__header {
    padding: .75rem var(--aw-chart-card-pad);
    border-bottom: 1px solid var(--aw-chart-card-divider);
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    display: flex;
  }

  .aw-chart-card__icon {
    color: var(--aw-primary);
    flex-shrink: 0;
    font-size: 1rem;
  }

  .aw-chart-card__heading {
    flex: 10rem;
    min-width: 0;
  }

  .aw-chart-card__title {
    font-size: var(--aw-font-size-sm);
    color: var(--aw-text);
    margin: 0;
    font-weight: 600;
    line-height: 1.25rem;
  }

  .aw-chart-card__subtitle {
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--aw-text-muted);
    margin: .125rem 0 0;
    font-size: .75rem;
    line-height: 1rem;
    overflow: hidden;
  }

  .aw-chart-card__toolbar {
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
    margin-left: auto;
    display: flex;
  }

  .aw-chart-card__tool {
    border-radius: var(--aw-radius-md);
    width: 2rem;
    height: 2rem;
    color: var(--aw-text-muted);
    cursor: pointer;
    transition: background var(--aw-duration-fast) var(--aw-ease);
    background: none;
    border: 0;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: inline-flex;
    position: relative;
  }

  .aw-chart-card__tool:hover {
    background: var(--aw-content-hover-bg);
    color: var(--aw-text);
  }

  .aw-chart-card__tool:focus-visible {
    box-shadow: var(--aw-focus-ring);
    outline: none;
  }

  @media (pointer: coarse) {
    .aw-chart-card__tool:after {
      content: "";
      width: 2.75rem;
      height: 2.75rem;
      position: absolute;
      inset: 50% auto auto 50%;
      transform: translate(-50%, -50%);
    }
  }

  .aw-chart-card__figure {
    padding: var(--aw-chart-card-pad);
    flex-direction: column;
    gap: .75rem;
    min-width: 0;
    margin: 0;
    display: flex;
  }

  .aw-chart-card__chart {
    flex-direction: column;
    min-width: 0;
    display: flex;
    position: relative;
  }

  .aw-chart-card__chart > * {
    flex: auto;
    min-height: 0;
  }

  .aw-chart-card__skeleton {
    border-bottom: 1px solid var(--aw-chart-card-divider);
    align-items: flex-end;
    gap: .5rem;
    height: 100%;
    padding-top: 1rem;
    display: flex;
  }

  .aw-chart-card__skeleton .aw-chart-card__bar {
    flex: 1 1 0;
  }

  .aw-chart-card__state {
    border: 1px dashed var(--aw-surface-300);
    border-radius: var(--aw-radius-lg);
    height: 100%;
    font-size: var(--aw-font-size-sm);
    color: var(--aw-text-muted);
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    padding: 1rem;
    display: flex;
  }

  .dark .aw-chart-card__state {
    border-color: var(--aw-surface-700);
  }

  .aw-chart-card__state--error {
    color: var(--aw-danger);
  }

  .aw-chart-card__legend {
    color: var(--aw-text-muted);
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem 1rem;
    font-size: .75rem;
    display: flex;
  }

  .aw-chart-card__summary {
    color: var(--aw-text-muted);
    font-size: .75rem;
  }

  .aw-chart-card__footer {
    padding: .625rem var(--aw-chart-card-pad);
    border-top: 1px solid var(--aw-chart-card-divider);
    color: var(--aw-text-muted);
    background: var(--aw-surface-50);
    border-radius: 0 0 var(--aw-radius-xl) var(--aw-radius-xl);
    font-size: .75rem;
  }

  .dark .aw-chart-card__footer {
    background: var(--aw-surface-950);
  }

  .aw-chart-card--fullscreen .aw-chart-card__footer {
    border-radius: 0;
  }

  @media (max-width: 639px) {
    .aw-chart-card {
      --aw-chart-card-pad: 1rem;
    }
  }

  .aw-person {
    border-radius: var(--aw-radius-md);
    color: var(--aw-text);
    font: inherit;
    font-size: var(--aw-font-size-sm);
    text-align: start;
    transition: background-color var(--aw-duration) var(--aw-ease);
    background: none;
    border: 0;
    align-items: center;
    gap: .5rem;
    padding: .5rem;
    line-height: 1.25rem;
    text-decoration: none;
    display: inline-flex;
  }

  .aw-person--bordered {
    border: 1px solid var(--aw-content-border);
  }

  .aw-person--interactive {
    cursor: pointer;
  }

  .aw-person--interactive:hover {
    background: var(--aw-content-hover-bg);
  }

  .aw-person--interactive:focus-visible {
    box-shadow: var(--aw-focus-ring-tight);
    outline: none;
  }

  .aw-person__avatar.aw-avatar {
    --aw-avatar-size: 2.5rem;
  }

  .aw-person__initials.aw-avatar {
    background: var(--aw-surface-500);
    color: var(--aw-surface-0);
    letter-spacing: .1em;
  }

  .dark .aw-person__initials.aw-avatar {
    background: var(--aw-surface-600);
  }

  .aw-person__text {
    flex-direction: column;
    min-width: 0;
    display: flex;
  }

  .aw-person__name {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
    overflow: hidden;
  }

  .aw-person__info {
    color: var(--aw-text-muted);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .75rem;
    line-height: 1rem;
    overflow: hidden;
  }

  .aw-person-select {
    min-width: 0;
  }

  .aw-person-select__option {
    align-items: center;
    gap: .5rem;
    min-width: 0;
    display: flex;
  }

  .aw-person-select__option-avatar.aw-avatar {
    --aw-avatar-size: 2.5rem;
    letter-spacing: .1em;
  }

  .aw-person-select__option-text {
    min-width: 0;
  }

  .aw-person-select__option-name {
    font-weight: 600;
  }

  .aw-person-select__option-info {
    color: var(--aw-text-muted);
    font-size: .75rem;
    line-height: 1rem;
  }

  .aw-person-select__value {
    align-items: center;
    min-width: 0;
    margin-right: .5rem;
    display: flex;
  }

  .aw-person-select__value--multiple {
    flex-wrap: wrap;
    row-gap: .25rem;
    margin-right: 0;
  }

  .aw-person-select__value-item {
    align-items: center;
    gap: .5rem;
    min-width: 0;
    margin-right: .5rem;
    display: inline-flex;
  }

  .aw-person-select__value-avatar.aw-avatar {
    --aw-avatar-size: 1.75rem;
    letter-spacing: .1em;
    font-size: .75rem;
  }

  .aw-person-select__value-name {
    font-size: var(--aw-font-size-sm);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
    overflow: hidden;
  }

  .aw-person-select__avatar.aw-avatar {
    background: var(--aw-surface-500);
    color: var(--aw-surface-0);
  }

  .dark .aw-person-select__avatar.aw-avatar {
    background: var(--aw-surface-600);
  }

  .aw-localizations__header {
    justify-content: space-between;
    align-items: center;
    margin-bottom: .75rem;
    display: flex;
  }

  .aw-localizations__title {
    color: var(--aw-text-strong);
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
  }

  .aw-localizations__rows {
    flex-direction: column;
    gap: .75rem;
    display: flex;
  }

  .aw-localizations__row {
    border: 1px solid var(--aw-content-border);
    border-radius: var(--aw-radius-lg);
    background: var(--aw-content-bg);
    transition: border-color var(--aw-duration) var(--aw-ease);
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem;
    display: flex;
    box-shadow: 0 1px 2px #0f172a0d;
  }

  .aw-localizations__row:hover {
    border-color: var(--aw-surface-300);
  }

  .dark .aw-localizations__row:hover {
    border-color: var(--aw-surface-600);
  }

  .aw-localizations__locale {
    flex-shrink: 0;
    width: 6rem;
  }

  .aw-localizations__editor {
    flex: 1;
    min-width: 0;
  }

  .aw-localizations__field {
    flex-direction: column;
    gap: .5rem;
    display: flex;
  }

  .aw-localizations__label {
    font-size: var(--aw-font-size-sm);
    color: var(--aw-text);
    font-weight: 500;
    line-height: 1.25rem;
  }

  .aw-localizations__remove {
    flex-shrink: 0;
  }

  .aw-localizations__add {
    margin-top: 1rem;
  }

  .aw-back-header {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    display: flex;
  }

  .aw-back-header__main {
    align-items: center;
    gap: .75rem;
    min-width: 0;
    display: flex;
  }

  .aw-back-header__titles {
    min-width: 0;
  }

  .aw-back-header__title {
    color: var(--aw-text-strong);
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2rem;
    overflow: hidden;
  }

  .aw-back-header__subtitle {
    font-size: var(--aw-font-size-sm);
    color: var(--aw-text-muted);
    margin: .25rem 0 0;
    line-height: 1.25rem;
  }

  .aw-back-header__actions {
    flex-shrink: 0;
    align-items: center;
    gap: .5rem;
    display: flex;
  }

  .aw-filter-bar {
    border: 1px solid var(--aw-content-border);
    border-radius: var(--aw-radius-lg);
    background: var(--aw-content-bg);
    box-shadow: 0 1px 2px #0f172a0d;
  }

  .aw-filter-bar__grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: start;
    gap: .75rem 1rem;
    padding: .75rem 1rem;
    display: grid;
  }

  @media (min-width: 640px) {
    .aw-filter-bar__grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 1024px) {
    .aw-filter-bar__grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 1280px) {
    .aw-filter-bar__grid {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  .aw-filter-bar__footer {
    border-top: 1px solid var(--aw-content-border);
    border-radius: 0 0 var(--aw-radius-lg) var(--aw-radius-lg);
    background: var(--aw-surface-50);
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
    padding: .625rem 1rem;
    display: flex;
  }

  .dark .aw-filter-bar__footer {
    background: var(--aw-surface-950);
  }

  .aw-filter-bar__caption {
    color: var(--aw-text-muted);
    align-items: center;
    gap: .375rem;
    font-size: .75rem;
    line-height: 1rem;
    display: flex;
  }

  .aw-filter-bar__actions {
    align-items: center;
    gap: .5rem;
    display: flex;
  }

  .aw-form-dialog__footer {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .aw-form-dialog__footer-group {
    align-items: center;
    gap: .5rem;
    display: flex;
  }

  .aw-tabbed-page__icon {
    margin-right: .5rem;
  }

  .aw-action-column {
    justify-content: flex-end;
    align-items: center;
    gap: .25rem;
    display: flex;
  }

  .aw-card-section {
    border: 1px solid var(--aw-content-border);
    border-radius: var(--aw-radius-lg);
    background: var(--aw-content-bg);
    overflow: hidden;
    box-shadow: 0 1px 2px #0f172a0d;
  }

  .aw-card-section__header {
    border-bottom: 1px solid var(--aw-content-border);
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    padding: .75rem 1rem;
    display: flex;
  }

  .aw-card-section__heading {
    align-items: center;
    gap: .5rem;
    min-width: 0;
    display: flex;
  }

  .aw-card-section__icon {
    color: var(--aw-primary);
    font-size: 1.125rem;
  }

  .aw-card-section__title {
    color: var(--aw-text-strong);
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
    overflow: hidden;
  }

  .aw-card-section__actions {
    flex-shrink: 0;
    align-items: center;
    gap: .5rem;
    display: flex;
  }

  .aw-card-section__body {
    padding: 1rem;
  }

  .aw-card-section__body--flush {
    padding: 0;
  }

  .aw-card-section__footer {
    border-top: 1px solid var(--aw-content-border);
    background: var(--aw-surface-50);
    padding: .625rem 1rem;
  }

  .dark .aw-card-section__footer {
    background: var(--aw-surface-950);
  }

  .aw-widget {
    --mx: 50%;
    --my: 50%;
    --aw-widget-accent: var(--aw-primary-500);
    border: 1px solid var(--aw-card-border);
    background: var(--aw-card-bg);
    border-radius: 14px;
    transition: box-shadow .22s, border-color .22s;
    position: relative;
    overflow: hidden;
    box-shadow: 0 1px 2px #0f172a0a, 0 8px 24px -14px #0f172a1f;
  }

  .aw-widget:before {
    content: "";
    pointer-events: none;
    background: radial-gradient(260px circle at var(--mx) var(--my),var(--aw-widget-accent),transparent 70%);
    position: absolute;
    inset: 0;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-widget:before {
      background: radial-gradient(260px circle at var(--mx) var(--my),color-mix(in srgb,var(--aw-widget-accent) 12%,transparent),transparent 70%);
    }
  }

  .aw-widget:before {
    opacity: .65;
    transition: opacity .2s;
  }

  .aw-widget:after {
    content: "";
    background: linear-gradient(90deg,transparent,var(--aw-widget-accent),transparent);
    height: 2px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-widget:after {
      background: linear-gradient(90deg,transparent,color-mix(in srgb,var(--aw-widget-accent) 70%,transparent),transparent);
    }
  }

  .aw-widget--info {
    --aw-widget-accent: var(--aw-info);
  }

  .aw-widget--success {
    --aw-widget-accent: var(--aw-success);
  }

  .aw-widget--warning {
    --aw-widget-accent: var(--aw-warn);
  }

  .aw-widget--danger {
    --aw-widget-accent: var(--aw-danger);
  }

  .aw-widget--violet {
    --aw-widget-accent: var(--aw-help);
  }

  .aw-widget--neutral {
    --aw-widget-accent: var(--aw-surface-500);
  }

  .aw-widget__header {
    border-bottom: 1px solid var(--aw-content-border);
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    padding: .625rem 1rem;
    display: flex;
  }

  .aw-widget__heading {
    align-items: center;
    gap: .5rem;
    min-width: 0;
    display: flex;
  }

  .aw-widget__icon {
    color: var(--aw-widget-accent);
    font-size: 1.05rem;
  }

  .aw-widget__title {
    font-size: var(--aw-font-size-sm);
    color: var(--aw-text-strong);
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
    font-weight: 600;
    line-height: 1.25rem;
    overflow: hidden;
  }

  .aw-widget__actions {
    flex-shrink: 0;
    align-items: center;
    gap: .25rem;
    display: flex;
  }

  .aw-widget__main {
    position: relative;
  }

  .aw-widget__main--scroll {
    overflow: auto;
  }

  .aw-widget__loading {
    z-index: 10;
    background: var(--aw-card-bg);
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aw-widget__loading {
      background: color-mix(in srgb,var(--aw-card-bg) 60%,transparent);
    }
  }

  .aw-widget__error {
    font-size: var(--aw-font-size-sm);
    color: var(--aw-danger);
    padding: 1rem;
    line-height: 1.25rem;
  }

  .aw-widget__error-icon {
    margin-right: .25rem;
  }

  .aw-widget__body {
    padding: 1rem;
  }

  .aw-widget__footer {
    border-top: 1px solid var(--aw-content-border);
    color: var(--aw-text-muted);
    padding: .5rem 1rem;
    font-size: .75rem;
    line-height: 1rem;
  }

  .aw-alert-banner {
    --aw-alert-banner-bg: var(--aw-info-soft-bg);
    --aw-alert-banner-border: var(--aw-info-soft-border);
    --aw-alert-banner-icon: var(--aw-info);
    border: 1px solid var(--aw-alert-banner-border);
    border-radius: var(--aw-radius-lg);
    background: var(--aw-alert-banner-bg);
    color: var(--aw-text);
    align-items: flex-start;
    gap: .75rem;
    padding: .75rem 1rem;
    display: flex;
    box-shadow: 0 1px 2px #0f172a0d;
  }

  .aw-alert-banner--success {
    --aw-alert-banner-bg: var(--aw-success-soft-bg);
    --aw-alert-banner-border: var(--aw-success-soft-border);
    --aw-alert-banner-icon: var(--aw-success);
  }

  .aw-alert-banner--warn {
    --aw-alert-banner-bg: var(--aw-warn-soft-bg);
    --aw-alert-banner-border: var(--aw-warn-soft-border);
    --aw-alert-banner-icon: var(--aw-warn);
  }

  .aw-alert-banner--danger {
    --aw-alert-banner-bg: var(--aw-danger-soft-bg);
    --aw-alert-banner-border: var(--aw-danger-soft-border);
    --aw-alert-banner-icon: var(--aw-danger);
  }

  .aw-alert-banner__icon {
    color: var(--aw-alert-banner-icon);
    flex-shrink: 0;
    margin-top: .125rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .aw-alert-banner__body {
    min-width: 0;
    font-size: var(--aw-font-size-sm);
    flex: auto;
    line-height: 1.25rem;
  }

  .aw-alert-banner__title {
    color: var(--aw-text-strong);
    font-weight: 600;
  }

  .aw-alert-banner__actions {
    align-items: center;
    gap: .5rem;
    margin-top: .5rem;
    display: flex;
  }

  .aw-alert-banner__close {
    flex-shrink: 0;
  }

  .aw-progress-stat {
    flex-direction: column;
    gap: .375rem;
    display: flex;
  }

  .aw-progress-stat__head {
    font-size: var(--aw-font-size-sm);
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    line-height: 1.25rem;
    display: flex;
  }

  .aw-progress-stat__label {
    color: var(--aw-text);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
    overflow: hidden;
  }

  .aw-progress-stat__value {
    color: var(--aw-text-muted);
    font-variant-numeric: tabular-nums;
    flex-shrink: 0;
  }

  .aw-progress-stat__bar.aw-progressbar {
    height: .6rem;
  }

  .aw-progress-stat--sm .aw-progress-stat__bar.aw-progressbar {
    height: .4rem;
  }

  .aw-skeleton-row {
    flex-direction: column;
    gap: .5rem;
    display: flex;
  }

  .aw-skeleton-row__row {
    align-items: center;
    gap: .75rem;
    padding: .5rem;
    display: flex;
  }

  .aw-skeleton-row__row > .aw-skeleton.aw-skeleton {
    flex-shrink: 1;
    min-width: 0;
  }

  .aw-skeleton-row__sr-only {
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .aw-saved-views {
    align-items: center;
    gap: .25rem;
    display: inline-flex;
  }

  .aw-popover__content.aw-saved-views__content {
    padding: .25rem;
  }

  .aw-saved-views__panel {
    flex-direction: column;
    min-width: 14rem;
    max-width: 22rem;
    display: flex;
  }

  .aw-saved-views__item {
    border-radius: var(--aw-radius-sm);
    min-width: 0;
    color: var(--aw-text);
    font: inherit;
    font-size: var(--aw-font-size-sm);
    text-align: start;
    cursor: pointer;
    background: none;
    border: 0;
    flex: auto;
    align-items: center;
    gap: .5rem;
    padding: .5rem .75rem;
    line-height: 1.25rem;
    display: flex;
  }

  .aw-saved-views__item:hover {
    background: var(--aw-option-hover-bg);
    color: var(--aw-option-hover-text);
  }

  .aw-saved-views__item:focus-visible, .aw-saved-views__delete:focus-visible {
    box-shadow: var(--aw-focus-ring-tight);
    outline: none;
  }

  .aw-saved-views__section {
    border-top: 1px solid var(--aw-overlay-border);
    max-height: 18rem;
    margin-top: .25rem;
    padding-top: .25rem;
    overflow-y: auto;
  }

  .aw-saved-views__heading {
    letter-spacing: .025em;
    text-transform: uppercase;
    color: var(--aw-text-muted);
    padding: .375rem .75rem .125rem;
    font-size: 11px;
  }

  .aw-saved-views__list {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .aw-saved-views__row {
    align-items: center;
    gap: .25rem;
    display: flex;
  }

  .aw-saved-views__apply {
    padding-block: .375rem;
  }

  .aw-saved-views__view-icon {
    color: var(--aw-text-disabled);
  }

  .aw-saved-views__apply:hover .aw-saved-views__view-icon, .aw-saved-views__apply:focus-visible .aw-saved-views__view-icon {
    color: var(--aw-primary);
  }

  .aw-saved-views__name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .aw-saved-views__delete {
    border-radius: var(--aw-radius-sm);
    width: 1.75rem;
    height: 1.75rem;
    color: var(--aw-danger);
    cursor: pointer;
    opacity: 0;
    transition: opacity var(--aw-duration) var(--aw-ease);
    background: none;
    border: 0;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    font-size: .75rem;
    display: inline-flex;
  }

  .aw-saved-views__row:hover .aw-saved-views__delete, .aw-saved-views__row:focus-within .aw-saved-views__delete, .aw-saved-views__delete:focus-visible {
    opacity: 1;
  }

  @media (hover: none), (pointer: coarse) {
    .aw-saved-views__delete {
      opacity: 1;
      position: relative;
    }

    .aw-saved-views__delete:after {
      content: "";
      position: absolute;
      inset: min(0px, 50% - 22px);
    }
  }

  .aw-saved-views__delete:hover {
    background: var(--aw-danger-soft-bg);
  }

  .aw-saved-views__empty {
    color: var(--aw-text-muted);
    padding: .5rem .75rem;
    font-size: .75rem;
    line-height: 1rem;
  }

  .aw-saved-views__form {
    flex-direction: column;
    gap: .5rem;
    display: flex;
  }

  .aw-saved-views__form-label {
    letter-spacing: .025em;
    text-transform: uppercase;
    color: var(--aw-text-muted);
    font-size: .75rem;
    line-height: 1rem;
  }

  .hs-shell {
    flex-direction: column;
    min-height: 100vh;
    display: flex;
  }

  .hs-shell-content {
    flex: 1;
    display: flex;
  }

  .hs-main {
    flex: 1;
    overflow: auto;
  }

  .hs-topbar {
    background: var(--az-topbar-gradient);
    color: #fff;
    height: 4rem;
    box-shadow: var(--az-topbar-shadow);
    align-items: center;
    padding: 0 1rem;
    display: flex;
    position: relative;
  }

  .hs-topbar:after {
    content: "";
    background: linear-gradient(90deg,transparent,var(--aw-primary-400),transparent);
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }

  @supports (color: color-mix(in lab,red,red)) {
    .hs-topbar:after {
      background: linear-gradient(90deg,transparent,color-mix(in srgb,var(--aw-primary-400)50%,transparent),transparent);
    }
  }

  .hs-sidebar {
    -webkit-backdrop-filter: saturate(140%) blur(12px);
    border-right: 1px solid var(--az-card-border);
    background-color: #ffffffb8;
    flex-direction: column;
    width: 16rem;
    transition: all .3s cubic-bezier(.22, 1, .36, 1);
    display: flex;
  }

  .dark .hs-sidebar {
    background-color: #111a2eb8;
    border-color: #94a3b814;
  }

  .hs-sidebar.collapsed {
    width: 4rem;
  }

  .hs-footer {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border-top: 1px solid var(--az-card-border);
    background-color: #fffc;
    align-items: center;
    height: 3rem;
    padding: 0 1rem;
    display: flex;
  }

  .dark .hs-footer {
    background-color: #111a2eb3;
    border-color: #94a3b814;
  }

  .hs-right-panel {
    background-color: var(--az-card-bg);
    border-left: 1px solid var(--az-card-border);
    flex-direction: column;
    width: 20rem;
    transition: all .3s cubic-bezier(.22, 1, .36, 1);
    display: flex;
  }

  .hs-button {
    padding-inline: calc(var(--spacing)*4);
    padding-block: calc(var(--spacing)*2);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .2s;
    border-radius: 10px;
    transition-duration: .2s;
  }

  .hs-button:focus {
    --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);
    --tw-outline-style: none;
    outline-style: none;
  }

  .hs-button {
    --tw-ring-color: var(--aw-primary-500);
  }

  .hs-button-primary {
    background: linear-gradient(135deg,var(--aw-primary-500),var(--aw-primary-700));
    color: #fff;
    box-shadow: 0 4px 14px -4px var(--aw-primary-500);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .hs-button-primary {
      box-shadow: 0 4px 14px -4px color-mix(in srgb,var(--aw-primary-500)45%,transparent);
    }
  }

  .hs-button-primary:hover {
    box-shadow: 0 8px 22px -6px var(--aw-primary-500);
    transform: translateY(-1px);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .hs-button-primary:hover {
      box-shadow: 0 8px 22px -6px color-mix(in srgb,var(--aw-primary-500)60%,transparent);
    }
  }

  .hs-button-secondary {
    background-color: var(--color-slate-200);
    color: var(--color-slate-700);
  }

  @media (hover: hover) {
    .hs-button-secondary:hover {
      background-color: var(--color-slate-300);
    }
  }

  .dark .hs-button-secondary {
    background-color: var(--color-slate-700);
    color: var(--color-slate-200);
  }

  @media (hover: hover) {
    .dark .hs-button-secondary:hover {
      background-color: var(--color-slate-600);
    }
  }

  .hs-card {
    background-color: var(--az-card-bg);
    border: 1px solid var(--az-card-border);
    box-shadow: var(--az-card-shadow);
    border-radius: 16px;
    padding: 1.25rem;
    transition: transform .25s cubic-bezier(.22, 1, .36, 1), box-shadow .25s cubic-bezier(.22, 1, .36, 1);
  }

  .hs-card:hover {
    box-shadow: var(--az-card-shadow-hover);
  }

  .hs-loading-bar {
    background: linear-gradient(90deg,var(--aw-primary-400),var(--aw-primary-600),var(--aw-primary-400));
    z-index: 50;
    background-size: 200% 100%;
    height: 2px;
    animation: 1.8s cubic-bezier(.4, 0, .2, 1) infinite az-loading;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
  }

  .academy-card {
    border-radius: var(--radius-lg);
    background-color: var(--aw-surface-0);
    padding: calc(var(--spacing) * 6);
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .academy-card:is(.dark, .dark *) {
    background-color: var(--aw-surface-800);
  }

  .academy-header {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--aw-surface-900);
  }

  .academy-header:is(.dark, .dark *) {
    color: var(--aw-surface-50);
  }

  .academy-text {
    color: var(--aw-surface-600);
  }

  .academy-text:is(.dark, .dark *) {
    color: var(--aw-surface-300);
  }
}

@layer utilities {
  .\!absolute {
    position: absolute !important;
  }

  .\!top-1\/2 {
    top: 50% !important;
  }

  .-top-5 {
    top: calc(var(--spacing) * -5);
  }

  .top-1\/2 {
    top: 50%;
  }

  .top-3 {
    top: calc(var(--spacing) * 3);
  }

  .\!right-1 {
    right: calc(var(--spacing) * 1) !important;
  }

  .-right-3 {
    right: calc(var(--spacing) * -3);
  }

  .-right-4 {
    right: calc(var(--spacing) * -4);
  }

  .right-3 {
    right: calc(var(--spacing) * 3);
  }

  .right-4 {
    right: calc(var(--spacing) * 4);
  }

  .right-full {
    right: 100%;
  }

  .-bottom-4 {
    bottom: calc(var(--spacing) * -4);
  }

  .-bottom-6 {
    bottom: calc(var(--spacing) * -6);
  }

  .-left-\[1\.05rem\] {
    left: -1.05rem;
  }

  .left-3 {
    left: calc(var(--spacing) * 3);
  }

  .left-4 {
    left: calc(var(--spacing) * 4);
  }

  .left-\[1\.0625rem\] {
    left: 1.0625rem;
  }

  .left-full {
    left: 100%;
  }

  .z-30 {
    z-index: 30;
  }

  .z-40 {
    z-index: 40;
  }

  .z-\[1\] {
    z-index: 1;
  }

  .z-\[1000\] {
    z-index: 1000;
  }

  .col-span-1 {
    grid-column: span 1 / span 1;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .m-0 {
    margin: calc(var(--spacing) * 0);
  }

  .m-4 {
    margin: calc(var(--spacing) * 4);
  }

  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }

  .-mx-2 {
    margin-inline: calc(var(--spacing) * -2);
  }

  .mx-0\.5 {
    margin-inline: calc(var(--spacing) * .5);
  }

  .mx-1 {
    margin-inline: calc(var(--spacing) * 1);
  }

  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }

  .-my-0\.5 {
    margin-block: calc(var(--spacing) * -.5);
  }

  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }

  .prose {
    color: var(--tw-prose-body);
    max-width: 65ch;
  }

  .prose :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
  }

  .prose :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-lead);
    margin-top: 1.2em;
    margin-bottom: 1.2em;
    font-size: 1.25em;
    line-height: 1.6;
  }

  .prose :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-links);
    font-weight: 500;
    text-decoration: underline;
  }

  .prose :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-bold);
    font-weight: 600;
  }

  .prose :where(a strong):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(blockquote strong):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(thead th strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
  }

  .prose :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-inline-start: 1.625em;
    list-style-type: decimal;
  }

  .prose :where(ol[type="A"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-alpha;
  }

  .prose :where(ol[type="a"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-alpha;
  }

  .prose :where(ol[type="A" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-alpha;
  }

  .prose :where(ol[type="a" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-alpha;
  }

  .prose :where(ol[type="I"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-roman;
  }

  .prose :where(ol[type="i"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-roman;
  }

  .prose :where(ol[type="I" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-roman;
  }

  .prose :where(ol[type="i" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-roman;
  }

  .prose :where(ol[type="1"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: decimal;
  }

  .prose :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-inline-start: 1.625em;
    list-style-type: disc;
  }

  .prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
    color: var(--tw-prose-counters);
    font-weight: 400;
  }

  .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
    color: var(--tw-prose-bullets);
  }

  .prose :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    margin-top: 1.25em;
    font-weight: 600;
  }

  .prose :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-color: var(--tw-prose-hr);
    border-top-width: 1px;
    margin-top: 3em;
    margin-bottom: 3em;
  }

  .prose :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-quotes);
    border-inline-start-width: .25rem;
    border-inline-start-color: var(--tw-prose-quote-borders);
    quotes: "“""”""‘""’";
    margin-top: 1.6em;
    margin-bottom: 1.6em;
    padding-inline-start: 1em;
    font-style: italic;
    font-weight: 500;
  }

  .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):before {
    content: open-quote;
  }

  .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
    content: close-quote;
  }

  .prose :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    margin-top: 0;
    margin-bottom: .888889em;
    font-size: 2.25em;
    font-weight: 800;
    line-height: 1.11111;
  }

  .prose :where(h1 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-weight: 900;
  }

  .prose :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    margin-top: 2em;
    margin-bottom: 1em;
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.33333;
  }

  .prose :where(h2 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-weight: 800;
  }

  .prose :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    margin-top: 1.6em;
    margin-bottom: .6em;
    font-size: 1.25em;
    font-weight: 600;
    line-height: 1.6;
  }

  .prose :where(h3 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-weight: 700;
  }

  .prose :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    margin-top: 1.5em;
    margin-bottom: .5em;
    font-weight: 600;
    line-height: 1.5;
  }

  .prose :where(h4 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-weight: 700;
  }

  .prose :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .prose :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
    display: block;
  }

  .prose :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .prose :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-kbd);
    box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
    padding-top: .1875em;
    padding-inline-end: .375em;
    padding-bottom: .1875em;
    border-radius: .3125rem;
    padding-inline-start: .375em;
    font-family: inherit;
    font-size: .875em;
    font-weight: 500;
  }

  .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-code);
    font-size: .875em;
    font-weight: 600;
  }

  .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)):before, .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
    content: "`";
  }

  .prose :where(a code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h1 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
  }

  .prose :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-size: .875em;
  }

  .prose :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-size: .9em;
  }

  .prose :where(h4 code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(blockquote code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(thead th code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
  }

  .prose :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-pre-code);
    background-color: var(--tw-prose-pre-bg);
    padding-top: .857143em;
    padding-inline-end: 1.14286em;
    padding-bottom: .857143em;
    border-radius: .375rem;
    margin-top: 1.71429em;
    margin-bottom: 1.71429em;
    padding-inline-start: 1.14286em;
    font-size: .875em;
    font-weight: 400;
    line-height: 1.71429;
    overflow-x: auto;
  }

  .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-weight: inherit;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    background-color: #0000;
    border-width: 0;
    border-radius: 0;
    padding: 0;
  }

  .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)):before, .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
    content: none;
  }

  .prose :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    table-layout: auto;
    width: 100%;
    margin-top: 2em;
    margin-bottom: 2em;
    font-size: .875em;
    line-height: 1.71429;
  }

  .prose :where(thead):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-th-borders);
  }

  .prose :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    vertical-align: bottom;
    padding-inline-end: .571429em;
    padding-bottom: .571429em;
    padding-inline-start: .571429em;
    font-weight: 600;
  }

  .prose :where(tbody tr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-td-borders);
  }

  .prose :where(tbody tr:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-bottom-width: 0;
  }

  .prose :where(tbody td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    vertical-align: baseline;
  }

  .prose :where(tfoot):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-top-width: 1px;
    border-top-color: var(--tw-prose-th-borders);
  }

  .prose :where(tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    vertical-align: top;
  }

  .prose :where(th, td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    text-align: start;
  }

  .prose :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
  }

  .prose :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-captions);
    margin-top: .857143em;
    font-size: .875em;
    line-height: 1.42857;
  }

  .prose {
    --tw-prose-body: oklch(37.3% .034 259.733);
    --tw-prose-headings: oklch(21% .034 264.665);
    --tw-prose-lead: oklch(44.6% .03 256.802);
    --tw-prose-links: oklch(21% .034 264.665);
    --tw-prose-bold: oklch(21% .034 264.665);
    --tw-prose-counters: oklch(55.1% .027 264.364);
    --tw-prose-bullets: oklch(87.2% .01 258.338);
    --tw-prose-hr: oklch(92.8% .006 264.531);
    --tw-prose-quotes: oklch(21% .034 264.665);
    --tw-prose-quote-borders: oklch(92.8% .006 264.531);
    --tw-prose-captions: oklch(55.1% .027 264.364);
    --tw-prose-kbd: oklch(21% .034 264.665);
    --tw-prose-kbd-shadows: oklab(21% -.00316127 -.0338527 / .1);
    --tw-prose-code: oklch(21% .034 264.665);
    --tw-prose-pre-code: oklch(92.8% .006 264.531);
    --tw-prose-pre-bg: oklch(27.8% .033 256.848);
    --tw-prose-th-borders: oklch(87.2% .01 258.338);
    --tw-prose-td-borders: oklch(92.8% .006 264.531);
    --tw-prose-invert-body: oklch(87.2% .01 258.338);
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: oklch(70.7% .022 261.325);
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: oklch(70.7% .022 261.325);
    --tw-prose-invert-bullets: oklch(44.6% .03 256.802);
    --tw-prose-invert-hr: oklch(37.3% .034 259.733);
    --tw-prose-invert-quotes: oklch(96.7% .003 264.542);
    --tw-prose-invert-quote-borders: oklch(37.3% .034 259.733);
    --tw-prose-invert-captions: oklch(70.7% .022 261.325);
    --tw-prose-invert-kbd: #fff;
    --tw-prose-invert-kbd-shadows: #ffffff1a;
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: oklch(87.2% .01 258.338);
    --tw-prose-invert-pre-bg: #00000080;
    --tw-prose-invert-th-borders: oklch(44.6% .03 256.802);
    --tw-prose-invert-td-borders: oklch(37.3% .034 259.733);
    font-size: 1rem;
    line-height: 1.75;
  }

  .prose :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
  }

  .prose :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .5em;
    margin-bottom: .5em;
  }

  .prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: .375em;
  }

  .prose :where(.prose > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .75em;
    margin-bottom: .75em;
  }

  .prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
  }

  .prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 1.25em;
  }

  .prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
  }

  .prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 1.25em;
  }

  .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .75em;
    margin-bottom: .75em;
  }

  .prose :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
  }

  .prose :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .5em;
    padding-inline-start: 1.625em;
  }

  .prose :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
  }

  .prose :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: 0;
  }

  .prose :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-end: 0;
  }

  .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-top: .571429em;
    padding-inline-end: .571429em;
    padding-bottom: .571429em;
    padding-inline-start: .571429em;
  }

  .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: 0;
  }

  .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-end: 0;
  }

  .prose :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .prose :where(.prose > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
  }

  .prose :where(.prose > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 0;
  }

  .-mt-1 {
    margin-top: calc(var(--spacing) * -1);
  }

  .-mt-2 {
    margin-top: calc(var(--spacing) * -2);
  }

  .-mt-3 {
    margin-top: calc(var(--spacing) * -3);
  }

  .mt-2\.5 {
    margin-top: calc(var(--spacing) * 2.5);
  }

  .mt-3\.5 {
    margin-top: calc(var(--spacing) * 3.5);
  }

  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }

  .mt-7 {
    margin-top: calc(var(--spacing) * 7);
  }

  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }

  .mt-auto {
    margin-top: auto;
  }

  .-mr-1 {
    margin-right: calc(var(--spacing) * -1);
  }

  .mr-1\.5 {
    margin-right: calc(var(--spacing) * 1.5);
  }

  .-mb-px {
    margin-bottom: -1px;
  }

  .mb-0\.5 {
    margin-bottom: calc(var(--spacing) * .5);
  }

  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }

  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }

  .-ml-3 {
    margin-left: calc(var(--spacing) * -3);
  }

  .-ml-px {
    margin-left: -1px;
  }

  .ml-0\.5 {
    margin-left: calc(var(--spacing) * .5);
  }

  .ml-3 {
    margin-left: calc(var(--spacing) * 3);
  }

  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }

  .ml-8 {
    margin-left: calc(var(--spacing) * 8);
  }

  .ml-12 {
    margin-left: calc(var(--spacing) * 12);
  }

  .line-clamp-1 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-3 {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .table-row {
    display: table-row;
  }

  .aspect-square {
    aspect-ratio: 1;
  }

  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }

  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }

  .size-12 {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
  }

  .size-14 {
    width: calc(var(--spacing) * 14);
    height: calc(var(--spacing) * 14);
  }

  .\!h-6 {
    height: calc(var(--spacing) * 6) !important;
  }

  .\!h-7 {
    height: calc(var(--spacing) * 7) !important;
  }

  .h-0\.5 {
    height: calc(var(--spacing) * .5);
  }

  .h-1 {
    height: calc(var(--spacing) * 1);
  }

  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }

  .h-3 {
    height: calc(var(--spacing) * 3);
  }

  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }

  .h-4 {
    height: calc(var(--spacing) * 4);
  }

  .h-7 {
    height: calc(var(--spacing) * 7);
  }

  .h-8 {
    height: calc(var(--spacing) * 8);
  }

  .h-9 {
    height: calc(var(--spacing) * 9);
  }

  .h-14 {
    height: calc(var(--spacing) * 14);
  }

  .h-20 {
    height: calc(var(--spacing) * 20);
  }

  .h-24 {
    height: calc(var(--spacing) * 24);
  }

  .h-28 {
    height: calc(var(--spacing) * 28);
  }

  .h-36 {
    height: calc(var(--spacing) * 36);
  }

  .h-48 {
    height: calc(var(--spacing) * 48);
  }

  .h-\[24rem\] {
    height: 24rem;
  }

  .h-\[52px\] {
    height: 52px;
  }

  .h-\[70vh\] {
    height: 70vh;
  }

  .h-\[calc\(100vh-6rem\)\] {
    height: calc(100vh - 6rem);
  }

  .h-\[calc\(100vh-7rem\)\] {
    height: calc(100vh - 7rem);
  }

  .h-\[calc\(100vh-16rem\)\] {
    height: calc(100vh - 16rem);
  }

  .h-\[calc\(100vh-18rem\)\] {
    height: calc(100vh - 18rem);
  }

  .h-\[min\(90vh\,720px\)\] {
    height: min(90vh, 720px);
  }

  .h-auto {
    height: auto;
  }

  .h-fit {
    height: fit-content;
  }

  .max-h-32 {
    max-height: calc(var(--spacing) * 32);
  }

  .max-h-48 {
    max-height: calc(var(--spacing) * 48);
  }

  .max-h-60 {
    max-height: calc(var(--spacing) * 60);
  }

  .max-h-64 {
    max-height: calc(var(--spacing) * 64);
  }

  .max-h-96 {
    max-height: calc(var(--spacing) * 96);
  }

  .max-h-\[28rem\] {
    max-height: 28rem;
  }

  .max-h-\[32rem\] {
    max-height: 32rem;
  }

  .max-h-\[36rem\] {
    max-height: 36rem;
  }

  .max-h-\[60vh\] {
    max-height: 60vh;
  }

  .max-h-\[calc\(100vh-16rem\)\] {
    max-height: calc(100vh - 16rem);
  }

  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }

  .min-h-32 {
    min-height: calc(var(--spacing) * 32);
  }

  .min-h-\[2\.75rem\] {
    min-height: 2.75rem;
  }

  .min-h-\[2rem\] {
    min-height: 2rem;
  }

  .min-h-\[3rem\] {
    min-height: 3rem;
  }

  .min-h-\[6rem\] {
    min-height: 6rem;
  }

  .min-h-\[16rem\] {
    min-height: 16rem;
  }

  .min-h-\[18rem\] {
    min-height: 18rem;
  }

  .min-h-\[24rem\] {
    min-height: 24rem;
  }

  .min-h-\[50vh\] {
    min-height: 50vh;
  }

  .min-h-\[60vh\] {
    min-height: 60vh;
  }

  .min-h-\[calc\(100vh-7rem\)\] {
    min-height: calc(100vh - 7rem);
  }

  .\!w-6 {
    width: calc(var(--spacing) * 6) !important;
  }

  .\!w-7 {
    width: calc(var(--spacing) * 7) !important;
  }

  .w-1\/2 {
    width: 50%;
  }

  .w-1\/3 {
    width: 33.3333%;
  }

  .w-2\/3 {
    width: 66.6667%;
  }

  .w-3\/4 {
    width: 75%;
  }

  .w-4 {
    width: calc(var(--spacing) * 4);
  }

  .w-5\/6 {
    width: 83.3333%;
  }

  .w-7 {
    width: calc(var(--spacing) * 7);
  }

  .w-9 {
    width: calc(var(--spacing) * 9);
  }

  .w-20 {
    width: calc(var(--spacing) * 20);
  }

  .w-24 {
    width: calc(var(--spacing) * 24);
  }

  .w-28 {
    width: calc(var(--spacing) * 28);
  }

  .w-32 {
    width: calc(var(--spacing) * 32);
  }

  .w-36 {
    width: calc(var(--spacing) * 36);
  }

  .w-40 {
    width: calc(var(--spacing) * 40);
  }

  .w-44 {
    width: calc(var(--spacing) * 44);
  }

  .w-48 {
    width: calc(var(--spacing) * 48);
  }

  .w-56 {
    width: calc(var(--spacing) * 56);
  }

  .w-80 {
    width: calc(var(--spacing) * 80);
  }

  .w-\[min\(96vw\,1100px\)\] {
    width: min(96vw, 1100px);
  }

  .w-fit {
    width: fit-content;
  }

  .w-px {
    width: 1px;
  }

  .max-w-2xl {
    max-width: var(--container-2xl);
  }

  .max-w-3xl {
    max-width: var(--container-3xl);
  }

  .max-w-4xl {
    max-width: var(--container-4xl);
  }

  .max-w-5xl {
    max-width: var(--container-5xl);
  }

  .max-w-7xl {
    max-width: var(--container-7xl);
  }

  .max-w-\[8rem\] {
    max-width: 8rem;
  }

  .max-w-\[10rem\] {
    max-width: 10rem;
  }

  .max-w-\[12rem\] {
    max-width: 12rem;
  }

  .max-w-\[16rem\] {
    max-width: 16rem;
  }

  .max-w-\[24ch\] {
    max-width: 24ch;
  }

  .max-w-\[36ch\] {
    max-width: 36ch;
  }

  .max-w-\[60\%\] {
    max-width: 60%;
  }

  .max-w-\[70\%\] {
    max-width: 70%;
  }

  .max-w-full {
    max-width: 100%;
  }

  .max-w-lg {
    max-width: var(--container-lg);
  }

  .max-w-none {
    max-width: none;
  }

  .max-w-sm {
    max-width: var(--container-sm);
  }

  .max-w-xl {
    max-width: var(--container-xl);
  }

  .max-w-xs {
    max-width: var(--container-xs);
  }

  .\!min-w-\[10ch\] {
    min-width: 10ch !important;
  }

  .min-w-52 {
    min-width: calc(var(--spacing) * 52);
  }

  .min-w-64 {
    min-width: calc(var(--spacing) * 64);
  }

  .min-w-\[1\.5rem\] {
    min-width: 1.5rem;
  }

  .min-w-\[6rem\] {
    min-width: 6rem;
  }

  .min-w-\[8rem\] {
    min-width: 8rem;
  }

  .min-w-\[10rem\] {
    min-width: 10rem;
  }

  .min-w-\[12rem\] {
    min-width: 12rem;
  }

  .min-w-\[14rem\] {
    min-width: 14rem;
  }

  .min-w-\[20rem\] {
    min-width: 20rem;
  }

  .min-w-\[24rem\] {
    min-width: 24rem;
  }

  .min-w-\[220px\] {
    min-width: 220px;
  }

  .min-w-\[240px\] {
    min-width: 240px;
  }

  .min-w-full {
    min-width: 100%;
  }

  .grow {
    flex-grow: 1;
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-0 {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-12 {
    --tw-translate-x: calc(var(--spacing) * 12);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .\!-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }

  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .scale-110 {
    --tw-scale-x: 110%;
    --tw-scale-y: 110%;
    --tw-scale-z: 110%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .animate-spin {
    animation: var(--animate-spin);
  }

  .cursor-crosshair {
    cursor: crosshair;
  }

  .cursor-default {
    cursor: default;
  }

  .cursor-grab {
    cursor: grab;
  }

  .cursor-help {
    cursor: help;
  }

  .cursor-move {
    cursor: move;
  }

  .cursor-not-allowed {
    cursor: not-allowed;
  }

  .cursor-text {
    cursor: text;
  }

  .list-disc {
    list-style-type: disc;
  }

  .list-none {
    list-style-type: none;
  }

  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .grid-cols-\[1fr_auto_1fr_auto\] {
    grid-template-columns: 1fr auto 1fr auto;
  }

  .grid-cols-\[10rem_1fr\] {
    grid-template-columns: 10rem 1fr;
  }

  .grid-cols-\[12rem_1fr_4rem\] {
    grid-template-columns: 12rem 1fr 4rem;
  }

  .flex-row {
    flex-direction: row;
  }

  .place-items-center {
    place-items: center;
  }

  .items-end {
    align-items: flex-end;
  }

  .items-stretch {
    align-items: stretch;
  }

  .gap-0\.5 {
    gap: calc(var(--spacing) * .5);
  }

  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }

  .gap-\[2px\] {
    gap: 2px;
  }

  :where(.space-y-0\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-2\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
  }

  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }

  .gap-y-3 {
    row-gap: calc(var(--spacing) * 3);
  }

  :where(.divide-x > :not(:last-child)) {
    --tw-divide-x-reverse: 0;
    border-inline-style: var(--tw-border-style);
    border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
    border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  }

  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }

  :where(.divide-surface-100 > :not(:last-child)) {
    border-color: var(--aw-surface-100);
  }

  :where(.divide-surface-200 > :not(:last-child)), :where(.divide-surface-200\/70 > :not(:last-child)) {
    border-color: var(--aw-surface-200);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where(.divide-surface-200\/70 > :not(:last-child)) {
      border-color: color-mix(in oklab, var(--aw-surface-200) 70%, transparent);
    }
  }

  .self-end {
    align-self: flex-end;
  }

  .self-start {
    align-self: flex-start;
  }

  .rounded-sm {
    border-radius: var(--radius-sm);
  }

  .rounded-t {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
  }

  .rounded-t-lg {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg);
  }

  .rounded-t-sm {
    border-top-left-radius: var(--radius-sm);
    border-top-right-radius: var(--radius-sm);
  }

  .rounded-r-lg {
    border-top-right-radius: var(--radius-lg);
    border-bottom-right-radius: var(--radius-lg);
  }

  .rounded-b-xl {
    border-bottom-right-radius: var(--radius-xl);
    border-bottom-left-radius: var(--radius-xl);
  }

  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }

  .\!border-l-4 {
    border-left-style: var(--tw-border-style) !important;
    border-left-width: 4px !important;
  }

  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }

  .border-l-4 {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }

  .\!border-transparent {
    border-color: #0000 !important;
  }

  .\!border-white\/40 {
    border-color: #fff6 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!border-white\/40 {
      border-color: color-mix(in oklab, var(--color-white) 40%, transparent) !important;
    }
  }

  .border-amber-200 {
    border-color: var(--color-amber-200);
  }

  .border-amber-200\/40 {
    border-color: #fee68566;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-200\/40 {
      border-color: color-mix(in oklab, var(--color-amber-200) 40%, transparent);
    }
  }

  .border-amber-300 {
    border-color: var(--color-amber-300);
  }

  .border-amber-400 {
    border-color: var(--color-amber-400);
  }

  .border-blue-400 {
    border-color: var(--color-blue-400);
  }

  .border-emerald-200 {
    border-color: var(--color-emerald-200);
  }

  .border-emerald-300 {
    border-color: var(--color-emerald-300);
  }

  .border-emerald-400 {
    border-color: var(--color-emerald-400);
  }

  .border-emerald-500 {
    border-color: var(--color-emerald-500);
  }

  .border-emerald-700 {
    border-color: var(--color-emerald-700);
  }

  .border-pink-400 {
    border-color: var(--color-pink-400);
  }

  .border-primary-200 {
    border-color: var(--aw-primary-200);
  }

  .border-primary-300 {
    border-color: var(--aw-primary-300);
  }

  .border-primary-400, .border-primary-400\/60 {
    border-color: var(--aw-primary-400);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary-400\/60 {
      border-color: color-mix(in oklab, var(--aw-primary-400) 60%, transparent);
    }
  }

  .border-primary-600 {
    border-color: var(--aw-primary-600);
  }

  .border-red-300 {
    border-color: var(--color-red-300);
  }

  .border-rose-200 {
    border-color: var(--color-rose-200);
  }

  .border-rose-300 {
    border-color: var(--color-rose-300);
  }

  .border-rose-400 {
    border-color: var(--color-rose-400);
  }

  .border-rose-500 {
    border-color: var(--color-rose-500);
  }

  .border-sky-200 {
    border-color: var(--color-sky-200);
  }

  .border-sky-300 {
    border-color: var(--color-sky-300);
  }

  .border-sky-400 {
    border-color: var(--color-sky-400);
  }

  .border-sky-500 {
    border-color: var(--color-sky-500);
  }

  .border-surface-100 {
    border-color: var(--aw-surface-100);
  }

  .border-surface-200\/70 {
    border-color: var(--aw-surface-200);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-surface-200\/70 {
      border-color: color-mix(in oklab, var(--aw-surface-200) 70%, transparent);
    }
  }

  .border-surface-200\/80 {
    border-color: var(--aw-surface-200);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-surface-200\/80 {
      border-color: color-mix(in oklab, var(--aw-surface-200) 80%, transparent);
    }
  }

  .border-surface-400 {
    border-color: var(--aw-surface-400);
  }

  .border-transparent {
    border-color: #0000;
  }

  .border-violet-200 {
    border-color: var(--color-violet-200);
  }

  .border-violet-300 {
    border-color: var(--color-violet-300);
  }

  .border-white\/20 {
    border-color: #fff3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/20 {
      border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }

  .border-white\/30 {
    border-color: #ffffff4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/30 {
      border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }

  .border-yellow-400 {
    border-color: var(--color-yellow-400);
  }

  .\!border-l-amber-400 {
    border-left-color: var(--color-amber-400) !important;
  }

  .\!border-l-amber-400\/50 {
    border-left-color: #fcbb0080 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!border-l-amber-400\/50 {
      border-left-color: color-mix(in oklab, var(--color-amber-400) 50%, transparent) !important;
    }
  }

  .\!border-l-amber-500 {
    border-left-color: var(--color-amber-500) !important;
  }

  .\!border-l-emerald-500 {
    border-left-color: var(--color-emerald-500) !important;
  }

  .\!bg-white\/15 {
    background-color: #ffffff26 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-white\/15 {
      background-color: color-mix(in oklab, var(--color-white) 15%, transparent) !important;
    }
  }

  .\!bg-white\/95 {
    background-color: #fffffff2 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-white\/95 {
      background-color: color-mix(in oklab, var(--color-white) 95%, transparent) !important;
    }
  }

  .bg-amber-50\/20 {
    background-color: #fffbeb33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-50\/20 {
      background-color: color-mix(in oklab, var(--color-amber-50) 20%, transparent);
    }
  }

  .bg-amber-50\/30 {
    background-color: #fffbeb4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-50\/30 {
      background-color: color-mix(in oklab, var(--color-amber-50) 30%, transparent);
    }
  }

  .bg-amber-50\/40 {
    background-color: #fffbeb66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-50\/40 {
      background-color: color-mix(in oklab, var(--color-amber-50) 40%, transparent);
    }
  }

  .bg-amber-50\/60 {
    background-color: #fffbeb99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-50\/60 {
      background-color: color-mix(in oklab, var(--color-amber-50) 60%, transparent);
    }
  }

  .bg-amber-100 {
    background-color: var(--color-amber-100);
  }

  .bg-amber-200 {
    background-color: var(--color-amber-200);
  }

  .bg-amber-400 {
    background-color: var(--color-amber-400);
  }

  .bg-amber-400\/20 {
    background-color: #fcbb0033;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-400\/20 {
      background-color: color-mix(in oklab, var(--color-amber-400) 20%, transparent);
    }
  }

  .bg-amber-500 {
    background-color: var(--color-amber-500);
  }

  .bg-amber-500\/30 {
    background-color: #f99c004d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-500\/30 {
      background-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent);
    }
  }

  .bg-black {
    background-color: var(--color-black);
  }

  .bg-black\/50 {
    background-color: #00000080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/50 {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }

  .bg-black\/60 {
    background-color: #0009;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/60 {
      background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
  }

  .bg-blue-100 {
    background-color: var(--color-blue-100);
  }

  .bg-blue-400\/70 {
    background-color: #54a2ffb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-400\/70 {
      background-color: color-mix(in oklab, var(--color-blue-400) 70%, transparent);
    }
  }

  .bg-current {
    background-color: currentColor;
  }

  .bg-cyan-100 {
    background-color: var(--color-cyan-100);
  }

  .bg-emerald-50 {
    background-color: var(--color-emerald-50);
  }

  .bg-emerald-50\/40 {
    background-color: #ecfdf566;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-50\/40 {
      background-color: color-mix(in oklab, var(--color-emerald-50) 40%, transparent);
    }
  }

  .bg-emerald-50\/60 {
    background-color: #ecfdf599;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-50\/60 {
      background-color: color-mix(in oklab, var(--color-emerald-50) 60%, transparent);
    }
  }

  .bg-emerald-100 {
    background-color: var(--color-emerald-100);
  }

  .bg-emerald-400\/70 {
    background-color: #00d294b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-400\/70 {
      background-color: color-mix(in oklab, var(--color-emerald-400) 70%, transparent);
    }
  }

  .bg-emerald-500 {
    background-color: var(--color-emerald-500);
  }

  .bg-emerald-500\/15 {
    background-color: #00bb7f26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-500\/15 {
      background-color: color-mix(in oklab, var(--color-emerald-500) 15%, transparent);
    }
  }

  .bg-emerald-500\/30 {
    background-color: #00bb7f4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-500\/30 {
      background-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
    }
  }

  .bg-emerald-600 {
    background-color: var(--color-emerald-600);
  }

  .bg-fuchsia-100 {
    background-color: var(--color-fuchsia-100);
  }

  .bg-indigo-100 {
    background-color: var(--color-indigo-100);
  }

  .bg-lime-100 {
    background-color: var(--color-lime-100);
  }

  .bg-orange-100 {
    background-color: var(--color-orange-100);
  }

  .bg-pink-100 {
    background-color: var(--color-pink-100);
  }

  .bg-pink-400\/70 {
    background-color: #fb64b6b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-pink-400\/70 {
      background-color: color-mix(in oklab, var(--color-pink-400) 70%, transparent);
    }
  }

  .bg-primary-50\/40 {
    background-color: var(--aw-primary-50);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary-50\/40 {
      background-color: color-mix(in oklab, var(--aw-primary-50) 40%, transparent);
    }
  }

  .bg-primary-100 {
    background-color: var(--aw-primary-100);
  }

  .bg-primary-400 {
    background-color: var(--aw-primary-400);
  }

  .bg-primary-500, .bg-primary-500\/20 {
    background-color: var(--aw-primary-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary-500\/20 {
      background-color: color-mix(in oklab, var(--aw-primary-500) 20%, transparent);
    }
  }

  .bg-primary-500\/70 {
    background-color: var(--aw-primary-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary-500\/70 {
      background-color: color-mix(in oklab, var(--aw-primary-500) 70%, transparent);
    }
  }

  .bg-primary-600 {
    background-color: var(--aw-primary-600);
  }

  .bg-purple-100 {
    background-color: var(--color-purple-100);
  }

  .bg-red-50\/40 {
    background-color: #fef2f266;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-50\/40 {
      background-color: color-mix(in oklab, var(--color-red-50) 40%, transparent);
    }
  }

  .bg-red-100 {
    background-color: var(--color-red-100);
  }

  .bg-red-500\/30 {
    background-color: #fb2c364d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-500\/30 {
      background-color: color-mix(in oklab, var(--color-red-500) 30%, transparent);
    }
  }

  .bg-rose-50 {
    background-color: var(--color-rose-50);
  }

  .bg-rose-100 {
    background-color: var(--color-rose-100);
  }

  .bg-rose-500 {
    background-color: var(--color-rose-500);
  }

  .bg-rose-500\/15 {
    background-color: #ff235726;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-rose-500\/15 {
      background-color: color-mix(in oklab, var(--color-rose-500) 15%, transparent);
    }
  }

  .bg-sky-50 {
    background-color: var(--color-sky-50);
  }

  .bg-sky-100 {
    background-color: var(--color-sky-100);
  }

  .bg-sky-400\/10 {
    background-color: #00bcfe1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-sky-400\/10 {
      background-color: color-mix(in oklab, var(--color-sky-400) 10%, transparent);
    }
  }

  .bg-sky-500 {
    background-color: var(--color-sky-500);
  }

  .bg-slate-100 {
    background-color: var(--color-slate-100);
  }

  .bg-stone-200 {
    background-color: var(--color-stone-200);
  }

  .bg-surface-50, .bg-surface-50\/60 {
    background-color: var(--aw-surface-50);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-50\/60 {
      background-color: color-mix(in oklab, var(--aw-surface-50) 60%, transparent);
    }
  }

  .bg-surface-50\/95 {
    background-color: var(--aw-surface-50);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-50\/95 {
      background-color: color-mix(in oklab, var(--aw-surface-50) 95%, transparent);
    }
  }

  .bg-surface-300 {
    background-color: var(--aw-surface-300);
  }

  .bg-surface-400 {
    background-color: var(--aw-surface-400);
  }

  .bg-surface-900, .bg-surface-900\/30 {
    background-color: var(--aw-surface-900);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-900\/30 {
      background-color: color-mix(in oklab, var(--aw-surface-900) 30%, transparent);
    }
  }

  .bg-teal-100 {
    background-color: var(--color-teal-100);
  }

  .bg-violet-50\/30 {
    background-color: #f5f3ff4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-violet-50\/30 {
      background-color: color-mix(in oklab, var(--color-violet-50) 30%, transparent);
    }
  }

  .bg-violet-100 {
    background-color: var(--color-violet-100);
  }

  .bg-white\/15 {
    background-color: #ffffff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/15 {
      background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }

  .bg-white\/20 {
    background-color: #fff3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/20 {
      background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }

  .bg-white\/25 {
    background-color: #ffffff40;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/25 {
      background-color: color-mix(in oklab, var(--color-white) 25%, transparent);
    }
  }

  .bg-white\/80 {
    background-color: #fffc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/80 {
      background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }

  .bg-white\/95 {
    background-color: #fffffff2;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/95 {
      background-color: color-mix(in oklab, var(--color-white) 95%, transparent);
    }
  }

  .bg-yellow-100 {
    background-color: var(--color-yellow-100);
  }

  .bg-yellow-300\/70 {
    background-color: #ffe02ab3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-yellow-300\/70 {
      background-color: color-mix(in oklab, var(--color-yellow-300) 70%, transparent);
    }
  }

  .bg-gradient-to-br {
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-\[radial-gradient\(circle_at_top_left\,rgba\(255\,255\,255\,0\.35\)\,transparent_55\%\)\] {
    background-image: radial-gradient(circle at 0 0, #ffffff59, #0000 55%);
  }

  .bg-\[radial-gradient\(circle_at_top_right\,rgba\(255\,255\,255\,0\.18\)\,transparent_60\%\)\] {
    background-image: radial-gradient(circle at 100% 0, #ffffff2e, #0000 60%);
  }

  .from-amber-300 {
    --tw-gradient-from: var(--color-amber-300);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-amber-400 {
    --tw-gradient-from: var(--color-amber-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-cyan-400 {
    --tw-gradient-from: var(--color-cyan-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-cyan-500 {
    --tw-gradient-from: var(--color-cyan-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-emerald-50 {
    --tw-gradient-from: var(--color-emerald-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-emerald-400 {
    --tw-gradient-from: var(--color-emerald-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-emerald-500\/60 {
    --tw-gradient-from: #00bb7f99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-emerald-500\/60 {
      --tw-gradient-from: color-mix(in oklab, var(--color-emerald-500) 60%, transparent);
    }
  }

  .from-emerald-500\/60 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-primary-500 {
    --tw-gradient-from: var(--aw-primary-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-rose-50 {
    --tw-gradient-from: var(--color-rose-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-rose-400 {
    --tw-gradient-from: var(--color-rose-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-sky-400 {
    --tw-gradient-from: var(--color-sky-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-surface-100 {
    --tw-gradient-from: var(--aw-surface-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-violet-400 {
    --tw-gradient-from: var(--color-violet-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .via-violet-500 {
    --tw-gradient-via: var(--color-violet-500);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .to-amber-500 {
    --tw-gradient-to: var(--color-amber-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-blue-500 {
    --tw-gradient-to: var(--color-blue-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-blue-600 {
    --tw-gradient-to: var(--color-blue-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-emerald-100 {
    --tw-gradient-to: var(--color-emerald-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-fuchsia-500 {
    --tw-gradient-to: var(--color-fuchsia-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-indigo-500 {
    --tw-gradient-to: var(--color-indigo-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-orange-500 {
    --tw-gradient-to: var(--color-orange-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-pink-500 {
    --tw-gradient-to: var(--color-pink-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-primary-700 {
    --tw-gradient-to: var(--aw-primary-700);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-rose-100 {
    --tw-gradient-to: var(--color-rose-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-surface-200 {
    --tw-gradient-to: var(--aw-surface-200);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-teal-500 {
    --tw-gradient-to: var(--color-teal-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-teal-500\/60 {
    --tw-gradient-to: #00baa799;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-teal-500\/60 {
      --tw-gradient-to: color-mix(in oklab, var(--color-teal-500) 60%, transparent);
    }
  }

  .to-teal-500\/60 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-violet-500 {
    --tw-gradient-to: var(--color-violet-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-white {
    --tw-gradient-to: var(--color-white);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .fill-emerald-200 {
    fill: var(--color-emerald-200);
  }

  .fill-emerald-400 {
    fill: var(--color-emerald-400);
  }

  .fill-emerald-600 {
    fill: var(--color-emerald-600);
  }

  .fill-surface-200 {
    fill: var(--aw-surface-200);
  }

  .object-contain {
    object-fit: contain;
  }

  .object-fill {
    object-fit: fill;
  }

  .p-0\.5 {
    padding: calc(var(--spacing) * .5);
  }

  .p-1 {
    padding: calc(var(--spacing) * 1);
  }

  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .p-8 {
    padding: calc(var(--spacing) * 8);
  }

  .p-10 {
    padding: calc(var(--spacing) * 10);
  }

  .px-0\.5 {
    padding-inline: calc(var(--spacing) * .5);
  }

  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }

  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }

  .\!py-0\.5 {
    padding-block: calc(var(--spacing) * .5) !important;
  }

  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }

  .py-14 {
    padding-block: calc(var(--spacing) * 14);
  }

  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }

  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }

  .pt-0\.5 {
    padding-top: calc(var(--spacing) * .5);
  }

  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }

  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }

  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }

  .\!pr-9 {
    padding-right: calc(var(--spacing) * 9) !important;
  }

  .pr-1 {
    padding-right: calc(var(--spacing) * 1);
  }

  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .\!pl-9 {
    padding-left: calc(var(--spacing) * 9) !important;
  }

  .pl-0 {
    padding-left: calc(var(--spacing) * 0);
  }

  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }

  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }

  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }

  .pl-7 {
    padding-left: calc(var(--spacing) * 7);
  }

  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }

  .pl-12 {
    padding-left: calc(var(--spacing) * 12);
  }

  .pl-\[calc\(theme\(spacing\.3\)-2px\)\] {
    padding-left: calc(.75rem - 2px);
  }

  .align-baseline {
    vertical-align: baseline;
  }

  .align-bottom {
    vertical-align: bottom;
  }

  .align-middle {
    vertical-align: middle;
  }

  .font-sans {
    font-family: var(--font-sans);
  }

  .\!text-sm {
    font-size: var(--text-sm) !important;
    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
  }

  .\!text-\[10px\] {
    font-size: 10px !important;
  }

  .text-\[6rem\] {
    font-size: 6rem;
  }

  .text-\[7rem\] {
    font-size: 7rem;
  }

  .text-\[9px\] {
    font-size: 9px;
  }

  .text-\[9rem\] {
    font-size: 9rem;
  }

  .text-\[10px\] {
    font-size: 10px;
  }

  .text-\[11px\] {
    font-size: 11px;
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }

  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }

  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }

  .whitespace-pre-line {
    white-space: pre-line;
  }

  .\!text-primary-700 {
    color: var(--aw-primary-700) !important;
  }

  .\!text-white {
    color: var(--color-white) !important;
  }

  .text-amber-100 {
    color: var(--color-amber-100);
  }

  .text-amber-600 {
    color: var(--color-amber-600);
  }

  .text-amber-700 {
    color: var(--color-amber-700);
  }

  .text-amber-700\/80 {
    color: #b75000cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-amber-700\/80 {
      color: color-mix(in oklab, var(--color-amber-700) 80%, transparent);
    }
  }

  .text-amber-800\/90 {
    color: #953d00e6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-amber-800\/90 {
      color: color-mix(in oklab, var(--color-amber-800) 90%, transparent);
    }
  }

  .text-amber-900 {
    color: var(--color-amber-900);
  }

  .text-amber-950 {
    color: var(--color-amber-950);
  }

  .text-blue-700 {
    color: var(--color-blue-700);
  }

  .text-blue-900 {
    color: var(--color-blue-900);
  }

  .text-cyan-900 {
    color: var(--color-cyan-900);
  }

  .text-emerald-600 {
    color: var(--color-emerald-600);
  }

  .text-emerald-700 {
    color: var(--color-emerald-700);
  }

  .text-emerald-700\/80 {
    color: #007956cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-emerald-700\/80 {
      color: color-mix(in oklab, var(--color-emerald-700) 80%, transparent);
    }
  }

  .text-emerald-800 {
    color: var(--color-emerald-800);
  }

  .text-emerald-900 {
    color: var(--color-emerald-900);
  }

  .text-emerald-950 {
    color: var(--color-emerald-950);
  }

  .text-fuchsia-900 {
    color: var(--color-fuchsia-900);
  }

  .text-indigo-700 {
    color: var(--color-indigo-700);
  }

  .text-indigo-800 {
    color: var(--color-indigo-800);
  }

  .text-indigo-900 {
    color: var(--color-indigo-900);
  }

  .text-lime-900 {
    color: var(--color-lime-900);
  }

  .text-orange-400 {
    color: var(--color-orange-400);
  }

  .text-orange-800 {
    color: var(--color-orange-800);
  }

  .text-orange-900 {
    color: var(--color-orange-900);
  }

  .text-pink-900 {
    color: var(--color-pink-900);
  }

  .text-primary-800 {
    color: var(--aw-primary-800);
  }

  .text-primary-900 {
    color: var(--aw-primary-900);
  }

  .text-purple-900 {
    color: var(--color-purple-900);
  }

  .text-red-700 {
    color: var(--color-red-700);
  }

  .text-red-800 {
    color: var(--color-red-800);
  }

  .text-red-900 {
    color: var(--color-red-900);
  }

  .text-rose-500 {
    color: var(--color-rose-500);
  }

  .text-rose-600 {
    color: var(--color-rose-600);
  }

  .text-rose-700 {
    color: var(--color-rose-700);
  }

  .text-rose-700\/80 {
    color: #c20039cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-rose-700\/80 {
      color: color-mix(in oklab, var(--color-rose-700) 80%, transparent);
    }
  }

  .text-rose-800 {
    color: var(--color-rose-800);
  }

  .text-rose-900 {
    color: var(--color-rose-900);
  }

  .text-sky-500 {
    color: var(--color-sky-500);
  }

  .text-sky-600 {
    color: var(--color-sky-600);
  }

  .text-sky-700 {
    color: var(--color-sky-700);
  }

  .text-sky-800 {
    color: var(--color-sky-800);
  }

  .text-sky-900 {
    color: var(--color-sky-900);
  }

  .text-slate-400 {
    color: var(--color-slate-400);
  }

  .text-slate-700 {
    color: var(--color-slate-700);
  }

  .text-stone-900 {
    color: var(--color-stone-900);
  }

  .text-surface-0 {
    color: var(--aw-surface-0);
  }

  .text-teal-700 {
    color: var(--color-teal-700);
  }

  .text-teal-900 {
    color: var(--color-teal-900);
  }

  .text-violet-700 {
    color: var(--color-violet-700);
  }

  .text-violet-800 {
    color: var(--color-violet-800);
  }

  .text-violet-900 {
    color: var(--color-violet-900);
  }

  .text-white\/10 {
    color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/10 {
      color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .text-white\/50 {
    color: #ffffff80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/50 {
      color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }

  .text-white\/70 {
    color: #ffffffb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/70 {
      color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }

  .text-white\/80 {
    color: #fffc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/80 {
      color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }

  .text-white\/85 {
    color: #ffffffd9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/85 {
      color: color-mix(in oklab, var(--color-white) 85%, transparent);
    }
  }

  .text-white\/90 {
    color: #ffffffe6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/90 {
      color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }

  .text-white\/95 {
    color: #fffffff2;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/95 {
      color: color-mix(in oklab, var(--color-white) 95%, transparent);
    }
  }

  .text-yellow-900 {
    color: var(--color-yellow-900);
  }

  .lowercase {
    text-transform: lowercase;
  }

  .italic {
    font-style: italic;
  }

  .not-italic {
    font-style: normal;
  }

  .no-underline {
    text-decoration-line: none;
  }

  .accent-primary-600 {
    accent-color: var(--aw-primary-600);
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-80 {
    opacity: .8;
  }

  .opacity-90 {
    opacity: .9;
  }

  .opacity-100 {
    opacity: 1;
  }

  .\!shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring, .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-4 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-amber-300 {
    --tw-ring-color: var(--color-amber-300);
  }

  .ring-amber-400 {
    --tw-ring-color: var(--color-amber-400);
  }

  .ring-emerald-400 {
    --tw-ring-color: var(--color-emerald-400);
  }

  .ring-orange-300 {
    --tw-ring-color: var(--color-orange-300);
  }

  .ring-primary-200 {
    --tw-ring-color: var(--aw-primary-200);
  }

  .ring-primary-300 {
    --tw-ring-color: var(--aw-primary-300);
  }

  .ring-primary-400 {
    --tw-ring-color: var(--aw-primary-400);
  }

  .ring-primary-500 {
    --tw-ring-color: var(--aw-primary-500);
  }

  .ring-primary-700 {
    --tw-ring-color: var(--aw-primary-700);
  }

  .ring-slate-300 {
    --tw-ring-color: var(--color-slate-300);
  }

  .ring-surface-300 {
    --tw-ring-color: var(--aw-surface-300);
  }

  .ring-white {
    --tw-ring-color: var(--color-white);
  }

  .ring-white\/80 {
    --tw-ring-color: #fffc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-white\/80 {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }

  .ring-offset-1 {
    --tw-ring-offset-width: 1px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .ring-offset-white {
    --tw-ring-offset-color: var(--color-white);
  }

  .outline-2 {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .outline-primary-400 {
    outline-color: var(--aw-primary-400);
  }

  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .blur-sm {
    --tw-blur: blur(var(--blur-sm));
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .transition-\[width\] {
    transition-property: width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .duration-150 {
    --tw-duration: .15s;
    transition-duration: .15s;
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .duration-500 {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  .prose-slate {
    --tw-prose-body: oklch(37.2% .044 257.287);
    --tw-prose-headings: oklch(20.8% .042 265.755);
    --tw-prose-lead: oklch(44.6% .043 257.281);
    --tw-prose-links: oklch(20.8% .042 265.755);
    --tw-prose-bold: oklch(20.8% .042 265.755);
    --tw-prose-counters: oklch(55.4% .046 257.417);
    --tw-prose-bullets: oklch(86.9% .022 252.894);
    --tw-prose-hr: oklch(92.9% .013 255.508);
    --tw-prose-quotes: oklch(20.8% .042 265.755);
    --tw-prose-quote-borders: oklch(92.9% .013 255.508);
    --tw-prose-captions: oklch(55.4% .046 257.417);
    --tw-prose-kbd: oklch(20.8% .042 265.755);
    --tw-prose-kbd-shadows: oklab(20.8% -.00310889 -.0418848 / .1);
    --tw-prose-code: oklch(20.8% .042 265.755);
    --tw-prose-pre-code: oklch(92.9% .013 255.508);
    --tw-prose-pre-bg: oklch(27.9% .041 260.031);
    --tw-prose-th-borders: oklch(86.9% .022 252.894);
    --tw-prose-td-borders: oklch(92.9% .013 255.508);
    --tw-prose-invert-body: oklch(86.9% .022 252.894);
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: oklch(70.4% .04 256.788);
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: oklch(70.4% .04 256.788);
    --tw-prose-invert-bullets: oklch(44.6% .043 257.281);
    --tw-prose-invert-hr: oklch(37.2% .044 257.287);
    --tw-prose-invert-quotes: oklch(96.8% .007 247.896);
    --tw-prose-invert-quote-borders: oklch(37.2% .044 257.287);
    --tw-prose-invert-captions: oklch(70.4% .04 256.788);
    --tw-prose-invert-kbd: #fff;
    --tw-prose-invert-kbd-shadows: #ffffff1a;
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: oklch(86.9% .022 252.894);
    --tw-prose-invert-pre-bg: #00000080;
    --tw-prose-invert-th-borders: oklch(44.6% .043 257.281);
    --tw-prose-invert-td-borders: oklch(37.2% .044 257.287);
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .select-all {
    -webkit-user-select: all;
    user-select: all;
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  .\[--aw-dt-row-bg\:var\(--color-primary-50\)\] {
    --aw-dt-row-bg: var(--color-primary-50);
  }

  @media (hover: hover) {
    .group-hover\:translate-x-0\.5:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * .5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:gap-2:is(:where(.group):hover *) {
      gap: calc(var(--spacing) * 2);
    }

    .group-hover\:bg-primary-700:is(:where(.group):hover *) {
      background-color: var(--aw-primary-700);
    }

    .group-hover\:text-primary-600:is(:where(.group):hover *) {
      color: var(--aw-primary-600);
    }

    .group-hover\:text-white\/15:is(:where(.group):hover *) {
      color: #ffffff26;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:text-white\/15:is(:where(.group):hover *) {
        color: color-mix(in oklab, var(--color-white) 15%, transparent);
      }
    }

    .group-hover\:underline:is(:where(.group):hover *) {
      text-decoration-line: underline;
    }

    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1;
    }
  }

  .placeholder\:text-surface-400::placeholder {
    color: var(--aw-surface-400);
  }

  .read-only\:opacity-80:read-only {
    opacity: .8;
  }

  .focus-within\:opacity-100:focus-within {
    opacity: 1;
  }

  @media (hover: hover) {
    .hover\:-translate-y-0\.5:hover {
      --tw-translate-y: calc(var(--spacing) * -.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .hover\:-translate-y-1:hover {
      --tw-translate-y: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .hover\:scale-110:hover {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .hover\:gap-2:hover {
      gap: calc(var(--spacing) * 2);
    }

    .hover\:border-amber-500:hover {
      border-color: var(--color-amber-500);
    }

    .hover\:border-emerald-400:hover {
      border-color: var(--color-emerald-400);
    }

    .hover\:border-primary-300:hover {
      border-color: var(--aw-primary-300);
    }

    .hover\:border-primary-400:hover {
      border-color: var(--aw-primary-400);
    }

    .hover\:border-primary-500:hover {
      border-color: var(--aw-primary-500);
    }

    .hover\:\!bg-white:hover {
      background-color: var(--color-white) !important;
    }

    .hover\:\!bg-white\/25:hover {
      background-color: #ffffff40 !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:\!bg-white\/25:hover {
        background-color: color-mix(in oklab, var(--color-white) 25%, transparent) !important;
      }
    }

    .hover\:bg-amber-100:hover {
      background-color: var(--color-amber-100);
    }

    .hover\:bg-amber-100\/60:hover {
      background-color: #fef3c699;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-amber-100\/60:hover {
        background-color: color-mix(in oklab, var(--color-amber-100) 60%, transparent);
      }
    }

    .hover\:bg-amber-200:hover {
      background-color: var(--color-amber-200);
    }

    .hover\:bg-black\/10:hover {
      background-color: #0000001a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-black\/10:hover {
        background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
      }
    }

    .hover\:bg-emerald-500\/45:hover {
      background-color: #00bb7f73;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-emerald-500\/45:hover {
        background-color: color-mix(in oklab, var(--color-emerald-500) 45%, transparent);
      }
    }

    .hover\:bg-primary-50:hover, .hover\:bg-primary-50\/40:hover {
      background-color: var(--aw-primary-50);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary-50\/40:hover {
        background-color: color-mix(in oklab, var(--aw-primary-50) 40%, transparent);
      }
    }

    .hover\:bg-primary-100:hover {
      background-color: var(--aw-primary-100);
    }

    .hover\:bg-primary-700:hover {
      background-color: var(--aw-primary-700);
    }

    .hover\:bg-red-500\/45:hover {
      background-color: #fb2c3673;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-red-500\/45:hover {
        background-color: color-mix(in oklab, var(--color-red-500) 45%, transparent);
      }
    }

    .hover\:bg-surface-50:hover {
      background-color: var(--aw-surface-50);
    }

    .hover\:bg-surface-100:hover {
      background-color: var(--aw-surface-100);
    }

    .hover\:bg-surface-200:hover {
      background-color: var(--aw-surface-200);
    }

    .hover\:bg-white\/30:hover {
      background-color: #ffffff4d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/30:hover {
        background-color: color-mix(in oklab, var(--color-white) 30%, transparent);
      }
    }

    .hover\:bg-white\/35:hover {
      background-color: #ffffff59;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/35:hover {
        background-color: color-mix(in oklab, var(--color-white) 35%, transparent);
      }
    }

    .hover\:bg-white\/90:hover {
      background-color: #ffffffe6;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/90:hover {
        background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
      }
    }

    .hover\:text-primary-600:hover {
      color: var(--aw-primary-600);
    }

    .hover\:text-red-500:hover {
      color: var(--color-red-500);
    }

    .hover\:text-rose-600:hover {
      color: var(--color-rose-600);
    }

    .hover\:text-surface-700:hover {
      color: var(--aw-surface-700);
    }

    .hover\:text-surface-800:hover {
      color: var(--aw-surface-800);
    }

    .hover\:text-surface-900:hover {
      color: var(--aw-surface-900);
    }

    .hover\:underline:hover {
      text-decoration-line: underline;
    }

    .hover\:opacity-100:hover {
      opacity: 1;
    }

    .hover\:shadow-lg:hover {
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:shadow-md:hover {
      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:shadow-sm:hover {
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:shadow-xl:hover {
      --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:brightness-95:hover {
      --tw-brightness: brightness(95%);
      filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
    }
  }

  .focus\:ring-2:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-amber-400:focus {
    --tw-ring-color: var(--color-amber-400);
  }

  .focus\:ring-emerald-300:focus {
    --tw-ring-color: var(--color-emerald-300);
  }

  .focus\:ring-primary-300:focus {
    --tw-ring-color: var(--aw-primary-300);
  }

  .focus\:ring-primary-400:focus {
    --tw-ring-color: var(--aw-primary-400);
  }

  .focus\:ring-white\/60:focus {
    --tw-ring-color: #fff9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:ring-white\/60:focus {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }

  .focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-primary-400:focus-visible {
    --tw-ring-color: var(--aw-primary-400);
  }

  .focus-visible\:ring-primary-500:focus-visible {
    --tw-ring-color: var(--aw-primary-500);
  }

  .focus-visible\:ring-white\/70:focus-visible {
    --tw-ring-color: #ffffffb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-white\/70:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }

  .focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  .active\:cursor-grabbing:active {
    cursor: grabbing;
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }

  .disabled\:opacity-30:disabled {
    opacity: .3;
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  .disabled\:opacity-60:disabled {
    opacity: .6;
  }

  @media not all and (min-width: 64rem) {
    .max-lg\:hidden {
      display: none;
    }
  }

  @media not all and (min-width: 48rem) {
    .max-md\:w-full {
      width: 100%;
    }
  }

  @media (min-width: 40rem) {
    .sm\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .sm\:flex {
      display: flex;
    }

    .sm\:inline {
      display: inline;
    }

    .sm\:inline-flex {
      display: inline-flex;
    }

    .sm\:h-24 {
      height: calc(var(--spacing) * 24);
    }

    .sm\:\!w-72 {
      width: calc(var(--spacing) * 72) !important;
    }

    .sm\:w-24 {
      width: calc(var(--spacing) * 24);
    }

    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .sm\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .sm\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .sm\:flex-row {
      flex-direction: row;
    }

    .sm\:items-center {
      align-items: center;
    }

    .sm\:justify-between {
      justify-content: space-between;
    }

    .sm\:justify-end {
      justify-content: flex-end;
    }

    .sm\:p-8 {
      padding: calc(var(--spacing) * 8);
    }

    .sm\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }

    .sm\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }

    .sm\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }

    .sm\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }

    .sm\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }

  @media (min-width: 48rem) {
    .md\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .md\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .md\:block {
      display: block;
    }

    .md\:inline-block {
      display: inline-block;
    }

    .md\:inline-flex {
      display: inline-flex;
    }

    .md\:h-32 {
      height: calc(var(--spacing) * 32);
    }

    .md\:h-auto {
      height: auto;
    }

    .md\:w-40 {
      width: calc(var(--spacing) * 40);
    }

    .md\:w-56 {
      width: calc(var(--spacing) * 56);
    }

    .md\:w-96 {
      width: calc(var(--spacing) * 96);
    }

    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .md\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .md\:grid-cols-\[1fr_20rem\] {
      grid-template-columns: 1fr 20rem;
    }

    .md\:grid-cols-\[1fr_auto_1fr_auto\] {
      grid-template-columns: 1fr auto 1fr auto;
    }

    .md\:grid-cols-\[10rem_1fr_auto\] {
      grid-template-columns: 10rem 1fr auto;
    }

    .md\:grid-cols-\[12rem_1fr\] {
      grid-template-columns: 12rem 1fr;
    }

    .md\:flex-row {
      flex-direction: row;
    }

    .md\:items-center {
      align-items: center;
    }

    .md\:self-center {
      align-self: center;
    }

    .md\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }

    .md\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }

  @media (min-width: 64rem) {
    .lg\:col-span-1 {
      grid-column: span 1 / span 1;
    }

    .lg\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .lg\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .lg\:hidden {
      display: none;
    }

    .lg\:w-80 {
      width: calc(var(--spacing) * 80);
    }

    .lg\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .lg\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .lg\:grid-cols-\[16rem_1fr\] {
      grid-template-columns: 16rem 1fr;
    }

    .lg\:grid-cols-\[17\.5rem_1fr\] {
      grid-template-columns: 17.5rem 1fr;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_18rem\] {
      grid-template-columns: minmax(0, 1fr) 18rem;
    }

    .lg\:flex-row {
      flex-direction: row;
    }

    .lg\:items-start {
      align-items: flex-start;
    }
  }

  @media (min-width: 80rem) {
    .xl\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .xl\:\!hidden {
      display: none !important;
    }

    .xl\:flex {
      display: flex;
    }

    .xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .xl\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }

  @media (min-width: 96rem) {
    .\32 xl\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }

  :where(.dark\:divide-surface-700:is(.dark, .dark *) > :not(:last-child)), :where(.dark\:divide-surface-700\/70:is(.dark, .dark *) > :not(:last-child)) {
    border-color: var(--aw-surface-700);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where(.dark\:divide-surface-700\/70:is(.dark, .dark *) > :not(:last-child)) {
      border-color: color-mix(in oklab, var(--aw-surface-700) 70%, transparent);
    }
  }

  :where(.dark\:divide-surface-800:is(.dark, .dark *) > :not(:last-child)) {
    border-color: var(--aw-surface-800);
  }

  .dark\:border-amber-500:is(.dark, .dark *) {
    border-color: var(--color-amber-500);
  }

  .dark\:border-amber-600:is(.dark, .dark *) {
    border-color: var(--color-amber-600);
  }

  .dark\:border-amber-700:is(.dark, .dark *) {
    border-color: var(--color-amber-700);
  }

  .dark\:border-amber-800:is(.dark, .dark *) {
    border-color: var(--color-amber-800);
  }

  .dark\:border-amber-900:is(.dark, .dark *) {
    border-color: var(--color-amber-900);
  }

  .dark\:border-emerald-400:is(.dark, .dark *) {
    border-color: var(--color-emerald-400);
  }

  .dark\:border-emerald-600:is(.dark, .dark *) {
    border-color: var(--color-emerald-600);
  }

  .dark\:border-emerald-700:is(.dark, .dark *) {
    border-color: var(--color-emerald-700);
  }

  .dark\:border-emerald-800:is(.dark, .dark *) {
    border-color: var(--color-emerald-800);
  }

  .dark\:border-emerald-900:is(.dark, .dark *) {
    border-color: var(--color-emerald-900);
  }

  .dark\:border-emerald-900\/40:is(.dark, .dark *) {
    border-color: #004e3b66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-emerald-900\/40:is(.dark, .dark *) {
      border-color: color-mix(in oklab, var(--color-emerald-900) 40%, transparent);
    }
  }

  .dark\:border-primary-500:is(.dark, .dark *), .dark\:border-primary-500\/60:is(.dark, .dark *) {
    border-color: var(--aw-primary-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-primary-500\/60:is(.dark, .dark *) {
      border-color: color-mix(in oklab, var(--aw-primary-500) 60%, transparent);
    }
  }

  .dark\:border-primary-600:is(.dark, .dark *) {
    border-color: var(--aw-primary-600);
  }

  .dark\:border-primary-700:is(.dark, .dark *) {
    border-color: var(--aw-primary-700);
  }

  .dark\:border-primary-800:is(.dark, .dark *) {
    border-color: var(--aw-primary-800);
  }

  .dark\:border-red-900:is(.dark, .dark *) {
    border-color: var(--color-red-900);
  }

  .dark\:border-rose-400:is(.dark, .dark *) {
    border-color: var(--color-rose-400);
  }

  .dark\:border-rose-500:is(.dark, .dark *) {
    border-color: var(--color-rose-500);
  }

  .dark\:border-rose-700:is(.dark, .dark *) {
    border-color: var(--color-rose-700);
  }

  .dark\:border-rose-800:is(.dark, .dark *) {
    border-color: var(--color-rose-800);
  }

  .dark\:border-sky-600:is(.dark, .dark *) {
    border-color: var(--color-sky-600);
  }

  .dark\:border-sky-800:is(.dark, .dark *) {
    border-color: var(--color-sky-800);
  }

  .dark\:border-sky-900:is(.dark, .dark *) {
    border-color: var(--color-sky-900);
  }

  .dark\:border-surface-500:is(.dark, .dark *) {
    border-color: var(--aw-surface-500);
  }

  .dark\:border-surface-700:is(.dark, .dark *), .dark\:border-surface-700\/70:is(.dark, .dark *) {
    border-color: var(--aw-surface-700);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-surface-700\/70:is(.dark, .dark *) {
      border-color: color-mix(in oklab, var(--aw-surface-700) 70%, transparent);
    }
  }

  .dark\:border-surface-800:is(.dark, .dark *) {
    border-color: var(--aw-surface-800);
  }

  .dark\:border-violet-800:is(.dark, .dark *) {
    border-color: var(--color-violet-800);
  }

  .dark\:\!border-l-amber-500:is(.dark, .dark *) {
    border-left-color: var(--color-amber-500) !important;
  }

  .dark\:\!border-l-amber-600\/50:is(.dark, .dark *) {
    border-left-color: #dd740080 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:\!border-l-amber-600\/50:is(.dark, .dark *) {
      border-left-color: color-mix(in oklab, var(--color-amber-600) 50%, transparent) !important;
    }
  }

  .dark\:\!bg-surface-900\/90:is(.dark, .dark *) {
    background-color: var(--aw-surface-900) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:\!bg-surface-900\/90:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--aw-surface-900) 90%, transparent) !important;
    }
  }

  .dark\:bg-amber-400:is(.dark, .dark *) {
    background-color: var(--color-amber-400);
  }

  .dark\:bg-amber-500\/40:is(.dark, .dark *) {
    background-color: #f99c0066;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-amber-500\/40:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-amber-500) 40%, transparent);
    }
  }

  .dark\:bg-amber-900:is(.dark, .dark *) {
    background-color: var(--color-amber-900);
  }

  .dark\:bg-amber-900\/5:is(.dark, .dark *) {
    background-color: #7b33060d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-amber-900\/5:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-amber-900) 5%, transparent);
    }
  }

  .dark\:bg-amber-900\/10:is(.dark, .dark *) {
    background-color: #7b33061a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-amber-900\/10:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-amber-900) 10%, transparent);
    }
  }

  .dark\:bg-amber-900\/20:is(.dark, .dark *) {
    background-color: #7b330633;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-amber-900\/20:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-amber-900) 20%, transparent);
    }
  }

  .dark\:bg-amber-900\/30:is(.dark, .dark *) {
    background-color: #7b33064d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-amber-900\/30:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-amber-900) 30%, transparent);
    }
  }

  .dark\:bg-amber-900\/40:is(.dark, .dark *) {
    background-color: #7b330666;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-amber-900\/40:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-amber-900) 40%, transparent);
    }
  }

  .dark\:bg-amber-900\/50:is(.dark, .dark *) {
    background-color: #7b330680;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-amber-900\/50:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-amber-900) 50%, transparent);
    }
  }

  .dark\:bg-amber-900\/60:is(.dark, .dark *) {
    background-color: #7b330699;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-amber-900\/60:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-amber-900) 60%, transparent);
    }
  }

  .dark\:bg-amber-950\/20:is(.dark, .dark *) {
    background-color: #46190133;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-amber-950\/20:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-amber-950) 20%, transparent);
    }
  }

  .dark\:bg-amber-950\/30:is(.dark, .dark *) {
    background-color: #4619014d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-amber-950\/30:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-amber-950) 30%, transparent);
    }
  }

  .dark\:bg-amber-950\/40:is(.dark, .dark *) {
    background-color: #46190166;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-amber-950\/40:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-amber-950) 40%, transparent);
    }
  }

  .dark\:bg-amber-950\/50:is(.dark, .dark *) {
    background-color: #46190180;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-amber-950\/50:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-amber-950) 50%, transparent);
    }
  }

  .dark\:bg-amber-950\/60:is(.dark, .dark *) {
    background-color: #46190199;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-amber-950\/60:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-amber-950) 60%, transparent);
    }
  }

  .dark\:bg-black\/50:is(.dark, .dark *) {
    background-color: #00000080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-black\/50:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }

  .dark\:bg-blue-500\/40:is(.dark, .dark *) {
    background-color: #3080ff66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-blue-500\/40:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-blue-500) 40%, transparent);
    }
  }

  .dark\:bg-blue-900:is(.dark, .dark *) {
    background-color: var(--color-blue-900);
  }

  .dark\:bg-blue-900\/40:is(.dark, .dark *) {
    background-color: #1c398e66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-blue-900\/40:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-blue-900) 40%, transparent);
    }
  }

  .dark\:bg-cyan-900\/40:is(.dark, .dark *) {
    background-color: #104e6466;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-cyan-900\/40:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-cyan-900) 40%, transparent);
    }
  }

  .dark\:bg-emerald-400:is(.dark, .dark *) {
    background-color: var(--color-emerald-400);
  }

  .dark\:bg-emerald-400\/20:is(.dark, .dark *) {
    background-color: #00d29433;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-emerald-400\/20:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-emerald-400) 20%, transparent);
    }
  }

  .dark\:bg-emerald-500\/40:is(.dark, .dark *) {
    background-color: #00bb7f66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-emerald-500\/40:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-emerald-500) 40%, transparent);
    }
  }

  .dark\:bg-emerald-900:is(.dark, .dark *) {
    background-color: var(--color-emerald-900);
  }

  .dark\:bg-emerald-900\/30:is(.dark, .dark *) {
    background-color: #004e3b4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-emerald-900\/30:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-emerald-900) 30%, transparent);
    }
  }

  .dark\:bg-emerald-900\/40:is(.dark, .dark *) {
    background-color: #004e3b66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-emerald-900\/40:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-emerald-900) 40%, transparent);
    }
  }

  .dark\:bg-emerald-900\/50:is(.dark, .dark *) {
    background-color: #004e3b80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-emerald-900\/50:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-emerald-900) 50%, transparent);
    }
  }

  .dark\:bg-emerald-900\/60:is(.dark, .dark *) {
    background-color: #004e3b99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-emerald-900\/60:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-emerald-900) 60%, transparent);
    }
  }

  .dark\:bg-emerald-950:is(.dark, .dark *) {
    background-color: var(--color-emerald-950);
  }

  .dark\:bg-emerald-950\/30:is(.dark, .dark *) {
    background-color: #002c224d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-emerald-950\/30:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-emerald-950) 30%, transparent);
    }
  }

  .dark\:bg-emerald-950\/40:is(.dark, .dark *) {
    background-color: #002c2266;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-emerald-950\/40:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-emerald-950) 40%, transparent);
    }
  }

  .dark\:bg-fuchsia-900\/40:is(.dark, .dark *) {
    background-color: #72137866;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-fuchsia-900\/40:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-fuchsia-900) 40%, transparent);
    }
  }

  .dark\:bg-indigo-900:is(.dark, .dark *) {
    background-color: var(--color-indigo-900);
  }

  .dark\:bg-indigo-900\/40:is(.dark, .dark *) {
    background-color: #312c8566;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-indigo-900\/40:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-indigo-900) 40%, transparent);
    }
  }

  .dark\:bg-indigo-900\/50:is(.dark, .dark *) {
    background-color: #312c8580;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-indigo-900\/50:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-indigo-900) 50%, transparent);
    }
  }

  .dark\:bg-lime-900\/40:is(.dark, .dark *) {
    background-color: #35530e66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-lime-900\/40:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-lime-900) 40%, transparent);
    }
  }

  .dark\:bg-orange-900\/40:is(.dark, .dark *) {
    background-color: #7e2a0c66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-orange-900\/40:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-orange-900) 40%, transparent);
    }
  }

  .dark\:bg-orange-950\/50:is(.dark, .dark *) {
    background-color: #44130680;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-orange-950\/50:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-orange-950) 50%, transparent);
    }
  }

  .dark\:bg-pink-500\/40:is(.dark, .dark *) {
    background-color: #f6339a66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-pink-500\/40:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-pink-500) 40%, transparent);
    }
  }

  .dark\:bg-pink-900\/40:is(.dark, .dark *) {
    background-color: #86104366;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-pink-900\/40:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-pink-900) 40%, transparent);
    }
  }

  .dark\:bg-primary-400:is(.dark, .dark *), .dark\:bg-primary-400\/30:is(.dark, .dark *) {
    background-color: var(--aw-primary-400);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-primary-400\/30:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--aw-primary-400) 30%, transparent);
    }
  }

  .dark\:bg-primary-400\/70:is(.dark, .dark *) {
    background-color: var(--aw-primary-400);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-primary-400\/70:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--aw-primary-400) 70%, transparent);
    }
  }

  .dark\:bg-primary-500:is(.dark, .dark *), .dark\:bg-primary-500\/80:is(.dark, .dark *) {
    background-color: var(--aw-primary-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-primary-500\/80:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--aw-primary-500) 80%, transparent);
    }
  }

  .dark\:bg-primary-900:is(.dark, .dark *), .dark\:bg-primary-900\/20:is(.dark, .dark *) {
    background-color: var(--aw-primary-900);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-primary-900\/20:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--aw-primary-900) 20%, transparent);
    }
  }

  .dark\:bg-primary-900\/30:is(.dark, .dark *) {
    background-color: var(--aw-primary-900);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-primary-900\/30:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--aw-primary-900) 30%, transparent);
    }
  }

  .dark\:bg-primary-900\/40:is(.dark, .dark *) {
    background-color: var(--aw-primary-900);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-primary-900\/40:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--aw-primary-900) 40%, transparent);
    }
  }

  .dark\:bg-primary-950:is(.dark, .dark *), .dark\:bg-primary-950\/30:is(.dark, .dark *) {
    background-color: var(--aw-primary-950);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-primary-950\/30:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--aw-primary-950) 30%, transparent);
    }
  }

  .dark\:bg-primary-950\/40:is(.dark, .dark *) {
    background-color: var(--aw-primary-950);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-primary-950\/40:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--aw-primary-950) 40%, transparent);
    }
  }

  .dark\:bg-purple-900\/40:is(.dark, .dark *) {
    background-color: #59168b66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-purple-900\/40:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-purple-900) 40%, transparent);
    }
  }

  .dark\:bg-red-900\/30:is(.dark, .dark *) {
    background-color: #82181a4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-red-900\/30:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-red-900) 30%, transparent);
    }
  }

  .dark\:bg-red-900\/50:is(.dark, .dark *) {
    background-color: #82181a80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-red-900\/50:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-red-900) 50%, transparent);
    }
  }

  .dark\:bg-red-950\/20:is(.dark, .dark *) {
    background-color: #46080933;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-red-950\/20:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-red-950) 20%, transparent);
    }
  }

  .dark\:bg-red-950\/60:is(.dark, .dark *) {
    background-color: #46080999;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-red-950\/60:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-red-950) 60%, transparent);
    }
  }

  .dark\:bg-rose-400\/20:is(.dark, .dark *) {
    background-color: #ff667f33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-rose-400\/20:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-rose-400) 20%, transparent);
    }
  }

  .dark\:bg-rose-900\/30:is(.dark, .dark *) {
    background-color: #8b08364d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-rose-900\/30:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-rose-900) 30%, transparent);
    }
  }

  .dark\:bg-rose-900\/40:is(.dark, .dark *) {
    background-color: #8b083666;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-rose-900\/40:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-rose-900) 40%, transparent);
    }
  }

  .dark\:bg-rose-950\/30:is(.dark, .dark *) {
    background-color: #4d02184d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-rose-950\/30:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-rose-950) 30%, transparent);
    }
  }

  .dark\:bg-rose-950\/40:is(.dark, .dark *) {
    background-color: #4d021866;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-rose-950\/40:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-rose-950) 40%, transparent);
    }
  }

  .dark\:bg-sky-400\/15:is(.dark, .dark *) {
    background-color: #00bcfe26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-sky-400\/15:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-sky-400) 15%, transparent);
    }
  }

  .dark\:bg-sky-900:is(.dark, .dark *) {
    background-color: var(--color-sky-900);
  }

  .dark\:bg-sky-900\/30:is(.dark, .dark *) {
    background-color: #024a704d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-sky-900\/30:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-sky-900) 30%, transparent);
    }
  }

  .dark\:bg-sky-900\/40:is(.dark, .dark *) {
    background-color: #024a7066;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-sky-900\/40:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-sky-900) 40%, transparent);
    }
  }

  .dark\:bg-sky-950:is(.dark, .dark *) {
    background-color: var(--color-sky-950);
  }

  .dark\:bg-sky-950\/60:is(.dark, .dark *) {
    background-color: #052f4a99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-sky-950\/60:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-sky-950) 60%, transparent);
    }
  }

  .dark\:bg-slate-800:is(.dark, .dark *) {
    background-color: var(--color-slate-800);
  }

  .dark\:bg-stone-700:is(.dark, .dark *) {
    background-color: var(--color-stone-700);
  }

  .dark\:bg-surface-0:is(.dark, .dark *) {
    background-color: var(--aw-surface-0);
  }

  .dark\:bg-surface-500:is(.dark, .dark *) {
    background-color: var(--aw-surface-500);
  }

  .dark\:bg-surface-600:is(.dark, .dark *) {
    background-color: var(--aw-surface-600);
  }

  .dark\:bg-surface-800:is(.dark, .dark *), .dark\:bg-surface-800\/40:is(.dark, .dark *) {
    background-color: var(--aw-surface-800);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-surface-800\/40:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--aw-surface-800) 40%, transparent);
    }
  }

  .dark\:bg-surface-800\/50:is(.dark, .dark *) {
    background-color: var(--aw-surface-800);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-surface-800\/50:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--aw-surface-800) 50%, transparent);
    }
  }

  .dark\:bg-surface-800\/60:is(.dark, .dark *) {
    background-color: var(--aw-surface-800);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-surface-800\/60:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--aw-surface-800) 60%, transparent);
    }
  }

  .dark\:bg-surface-900:is(.dark, .dark *), .dark\:bg-surface-900\/95:is(.dark, .dark *) {
    background-color: var(--aw-surface-900);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-surface-900\/95:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--aw-surface-900) 95%, transparent);
    }
  }

  .dark\:bg-surface-950:is(.dark, .dark *), .dark\:bg-surface-950\/40:is(.dark, .dark *) {
    background-color: var(--aw-surface-950);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-surface-950\/40:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--aw-surface-950) 40%, transparent);
    }
  }

  .dark\:bg-surface-950\/95:is(.dark, .dark *) {
    background-color: var(--aw-surface-950);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-surface-950\/95:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--aw-surface-950) 95%, transparent);
    }
  }

  .dark\:bg-teal-900\/40:is(.dark, .dark *) {
    background-color: #0b4f4a66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-teal-900\/40:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-teal-900) 40%, transparent);
    }
  }

  .dark\:bg-violet-900:is(.dark, .dark *) {
    background-color: var(--color-violet-900);
  }

  .dark\:bg-violet-900\/10:is(.dark, .dark *) {
    background-color: #4d179a1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-violet-900\/10:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-violet-900) 10%, transparent);
    }
  }

  .dark\:bg-violet-900\/40:is(.dark, .dark *) {
    background-color: #4d179a66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-violet-900\/40:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-violet-900) 40%, transparent);
    }
  }

  .dark\:bg-violet-950\/60:is(.dark, .dark *) {
    background-color: #2f0d6899;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-violet-950\/60:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-violet-950) 60%, transparent);
    }
  }

  .dark\:bg-yellow-500\/40:is(.dark, .dark *) {
    background-color: #edb20066;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-yellow-500\/40:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-yellow-500) 40%, transparent);
    }
  }

  .dark\:bg-yellow-900\/40:is(.dark, .dark *) {
    background-color: #733e0a66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-yellow-900\/40:is(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-yellow-900) 40%, transparent);
    }
  }

  .dark\:from-amber-500:is(.dark, .dark *) {
    --tw-gradient-from: var(--color-amber-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .dark\:from-amber-700:is(.dark, .dark *) {
    --tw-gradient-from: var(--color-amber-700);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .dark\:from-cyan-700:is(.dark, .dark *) {
    --tw-gradient-from: var(--color-cyan-700);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .dark\:from-emerald-700:is(.dark, .dark *) {
    --tw-gradient-from: var(--color-emerald-700);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .dark\:from-emerald-700\/40:is(.dark, .dark *) {
    --tw-gradient-from: #00795666;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:from-emerald-700\/40:is(.dark, .dark *) {
      --tw-gradient-from: color-mix(in oklab, var(--color-emerald-700) 40%, transparent);
    }
  }

  .dark\:from-emerald-700\/40:is(.dark, .dark *) {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .dark\:from-emerald-950\/30:is(.dark, .dark *) {
    --tw-gradient-from: #002c224d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:from-emerald-950\/30:is(.dark, .dark *) {
      --tw-gradient-from: color-mix(in oklab, var(--color-emerald-950) 30%, transparent);
    }
  }

  .dark\:from-emerald-950\/30:is(.dark, .dark *) {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .dark\:from-emerald-950\/40:is(.dark, .dark *) {
    --tw-gradient-from: #002c2266;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:from-emerald-950\/40:is(.dark, .dark *) {
      --tw-gradient-from: color-mix(in oklab, var(--color-emerald-950) 40%, transparent);
    }
  }

  .dark\:from-emerald-950\/40:is(.dark, .dark *) {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .dark\:from-primary-700:is(.dark, .dark *) {
    --tw-gradient-from: var(--aw-primary-700);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .dark\:from-rose-700:is(.dark, .dark *) {
    --tw-gradient-from: var(--color-rose-700);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .dark\:from-rose-950\/40:is(.dark, .dark *) {
    --tw-gradient-from: #4d021866;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:from-rose-950\/40:is(.dark, .dark *) {
      --tw-gradient-from: color-mix(in oklab, var(--color-rose-950) 40%, transparent);
    }
  }

  .dark\:from-rose-950\/40:is(.dark, .dark *) {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .dark\:from-sky-700:is(.dark, .dark *) {
    --tw-gradient-from: var(--color-sky-700);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .dark\:from-surface-800:is(.dark, .dark *) {
    --tw-gradient-from: var(--aw-surface-800);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .dark\:from-violet-700:is(.dark, .dark *) {
    --tw-gradient-from: var(--color-violet-700);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .dark\:via-violet-800:is(.dark, .dark *) {
    --tw-gradient-via: var(--color-violet-800);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .dark\:to-amber-700:is(.dark, .dark *) {
    --tw-gradient-to: var(--color-amber-700);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .dark\:to-blue-800:is(.dark, .dark *) {
    --tw-gradient-to: var(--color-blue-800);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .dark\:to-emerald-900\/30:is(.dark, .dark *) {
    --tw-gradient-to: #004e3b4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:to-emerald-900\/30:is(.dark, .dark *) {
      --tw-gradient-to: color-mix(in oklab, var(--color-emerald-900) 30%, transparent);
    }
  }

  .dark\:to-emerald-900\/30:is(.dark, .dark *) {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .dark\:to-fuchsia-800:is(.dark, .dark *) {
    --tw-gradient-to: var(--color-fuchsia-800);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .dark\:to-indigo-800:is(.dark, .dark *) {
    --tw-gradient-to: var(--color-indigo-800);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .dark\:to-orange-800:is(.dark, .dark *) {
    --tw-gradient-to: var(--color-orange-800);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .dark\:to-pink-800:is(.dark, .dark *) {
    --tw-gradient-to: var(--color-pink-800);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .dark\:to-primary-900:is(.dark, .dark *) {
    --tw-gradient-to: var(--aw-primary-900);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .dark\:to-rose-900\/30:is(.dark, .dark *) {
    --tw-gradient-to: #8b08364d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:to-rose-900\/30:is(.dark, .dark *) {
      --tw-gradient-to: color-mix(in oklab, var(--color-rose-900) 30%, transparent);
    }
  }

  .dark\:to-rose-900\/30:is(.dark, .dark *) {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .dark\:to-teal-700\/40:is(.dark, .dark *) {
    --tw-gradient-to: #00776e66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:to-teal-700\/40:is(.dark, .dark *) {
      --tw-gradient-to: color-mix(in oklab, var(--color-teal-700) 40%, transparent);
    }
  }

  .dark\:to-teal-700\/40:is(.dark, .dark *) {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .dark\:to-teal-800:is(.dark, .dark *) {
    --tw-gradient-to: var(--color-teal-800);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .dark\:fill-emerald-500:is(.dark, .dark *) {
    fill: var(--color-emerald-500);
  }

  .dark\:fill-emerald-700:is(.dark, .dark *) {
    fill: var(--color-emerald-700);
  }

  .dark\:fill-emerald-900:is(.dark, .dark *) {
    fill: var(--color-emerald-900);
  }

  .dark\:fill-surface-700:is(.dark, .dark *) {
    fill: var(--aw-surface-700);
  }

  .dark\:\!text-primary-300:is(.dark, .dark *) {
    color: var(--aw-primary-300) !important;
  }

  .dark\:text-amber-50:is(.dark, .dark *) {
    color: var(--color-amber-50);
  }

  .dark\:text-amber-100:is(.dark, .dark *) {
    color: var(--color-amber-100);
  }

  .dark\:text-amber-200\/80:is(.dark, .dark *) {
    color: #fee685cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-amber-200\/80:is(.dark, .dark *) {
      color: color-mix(in oklab, var(--color-amber-200) 80%, transparent);
    }
  }

  .dark\:text-amber-300:is(.dark, .dark *) {
    color: var(--color-amber-300);
  }

  .dark\:text-amber-300\/80:is(.dark, .dark *) {
    color: #ffd236cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-amber-300\/80:is(.dark, .dark *) {
      color: color-mix(in oklab, var(--color-amber-300) 80%, transparent);
    }
  }

  .dark\:text-blue-200:is(.dark, .dark *) {
    color: var(--color-blue-200);
  }

  .dark\:text-cyan-200:is(.dark, .dark *) {
    color: var(--color-cyan-200);
  }

  .dark\:text-emerald-50:is(.dark, .dark *) {
    color: var(--color-emerald-50);
  }

  .dark\:text-emerald-100:is(.dark, .dark *) {
    color: var(--color-emerald-100);
  }

  .dark\:text-emerald-200:is(.dark, .dark *) {
    color: var(--color-emerald-200);
  }

  .dark\:text-emerald-200\/80:is(.dark, .dark *) {
    color: #a4f4cfcc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-emerald-200\/80:is(.dark, .dark *) {
      color: color-mix(in oklab, var(--color-emerald-200) 80%, transparent);
    }
  }

  .dark\:text-emerald-300:is(.dark, .dark *) {
    color: var(--color-emerald-300);
  }

  .dark\:text-emerald-300\/80:is(.dark, .dark *) {
    color: #5ee9b5cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-emerald-300\/80:is(.dark, .dark *) {
      color: color-mix(in oklab, var(--color-emerald-300) 80%, transparent);
    }
  }

  .dark\:text-fuchsia-200:is(.dark, .dark *) {
    color: var(--color-fuchsia-200);
  }

  .dark\:text-indigo-100:is(.dark, .dark *) {
    color: var(--color-indigo-100);
  }

  .dark\:text-indigo-200:is(.dark, .dark *) {
    color: var(--color-indigo-200);
  }

  .dark\:text-lime-200:is(.dark, .dark *) {
    color: var(--color-lime-200);
  }

  .dark\:text-orange-200:is(.dark, .dark *) {
    color: var(--color-orange-200);
  }

  .dark\:text-pink-200:is(.dark, .dark *) {
    color: var(--color-pink-200);
  }

  .dark\:text-primary-100:is(.dark, .dark *) {
    color: var(--aw-primary-100);
  }

  .dark\:text-purple-200:is(.dark, .dark *) {
    color: var(--color-purple-200);
  }

  .dark\:text-red-100:is(.dark, .dark *) {
    color: var(--color-red-100);
  }

  .dark\:text-red-200:is(.dark, .dark *) {
    color: var(--color-red-200);
  }

  .dark\:text-rose-50:is(.dark, .dark *) {
    color: var(--color-rose-50);
  }

  .dark\:text-rose-100:is(.dark, .dark *) {
    color: var(--color-rose-100);
  }

  .dark\:text-rose-200:is(.dark, .dark *) {
    color: var(--color-rose-200);
  }

  .dark\:text-rose-200\/80:is(.dark, .dark *) {
    color: #ffccd3cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-rose-200\/80:is(.dark, .dark *) {
      color: color-mix(in oklab, var(--color-rose-200) 80%, transparent);
    }
  }

  .dark\:text-rose-300:is(.dark, .dark *) {
    color: var(--color-rose-300);
  }

  .dark\:text-rose-300\/80:is(.dark, .dark *) {
    color: #ffa2aecc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-rose-300\/80:is(.dark, .dark *) {
      color: color-mix(in oklab, var(--color-rose-300) 80%, transparent);
    }
  }

  .dark\:text-rose-400:is(.dark, .dark *) {
    color: var(--color-rose-400);
  }

  .dark\:text-sky-200:is(.dark, .dark *) {
    color: var(--color-sky-200);
  }

  .dark\:text-sky-300:is(.dark, .dark *) {
    color: var(--color-sky-300);
  }

  .dark\:text-sky-400:is(.dark, .dark *) {
    color: var(--color-sky-400);
  }

  .dark\:text-slate-200:is(.dark, .dark *) {
    color: var(--color-slate-200);
  }

  .dark\:text-stone-100:is(.dark, .dark *) {
    color: var(--color-stone-100);
  }

  .dark\:text-surface-600:is(.dark, .dark *) {
    color: var(--aw-surface-600);
  }

  .dark\:text-surface-900:is(.dark, .dark *) {
    color: var(--aw-surface-900);
  }

  .dark\:text-teal-200:is(.dark, .dark *) {
    color: var(--color-teal-200);
  }

  .dark\:text-teal-300:is(.dark, .dark *) {
    color: var(--color-teal-300);
  }

  .dark\:text-violet-200:is(.dark, .dark *) {
    color: var(--color-violet-200);
  }

  .dark\:text-violet-300:is(.dark, .dark *) {
    color: var(--color-violet-300);
  }

  .dark\:text-yellow-200:is(.dark, .dark *) {
    color: var(--color-yellow-200);
  }

  .dark\:accent-primary-400:is(.dark, .dark *) {
    accent-color: var(--aw-primary-400);
  }

  .dark\:ring-amber-500:is(.dark, .dark *) {
    --tw-ring-color: var(--color-amber-500);
  }

  .dark\:ring-amber-500\/60:is(.dark, .dark *) {
    --tw-ring-color: #f99c0099;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:ring-amber-500\/60:is(.dark, .dark *) {
      --tw-ring-color: color-mix(in oklab, var(--color-amber-500) 60%, transparent);
    }
  }

  .dark\:ring-emerald-500:is(.dark, .dark *) {
    --tw-ring-color: var(--color-emerald-500);
  }

  .dark\:ring-orange-500\/60:is(.dark, .dark *) {
    --tw-ring-color: #fe6e0099;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:ring-orange-500\/60:is(.dark, .dark *) {
      --tw-ring-color: color-mix(in oklab, var(--color-orange-500) 60%, transparent);
    }
  }

  .dark\:ring-primary-400:is(.dark, .dark *) {
    --tw-ring-color: var(--aw-primary-400);
  }

  .dark\:ring-primary-700:is(.dark, .dark *) {
    --tw-ring-color: var(--aw-primary-700);
  }

  .dark\:ring-primary-900\/40:is(.dark, .dark *) {
    --tw-ring-color: var(--aw-primary-900);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:ring-primary-900\/40:is(.dark, .dark *) {
      --tw-ring-color: color-mix(in oklab, var(--aw-primary-900) 40%, transparent);
    }
  }

  .dark\:ring-slate-500\/60:is(.dark, .dark *) {
    --tw-ring-color: #62748e99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:ring-slate-500\/60:is(.dark, .dark *) {
      --tw-ring-color: color-mix(in oklab, var(--color-slate-500) 60%, transparent);
    }
  }

  .dark\:ring-surface-600:is(.dark, .dark *) {
    --tw-ring-color: var(--aw-surface-600);
  }

  .dark\:ring-surface-900:is(.dark, .dark *), .dark\:ring-surface-900\/80:is(.dark, .dark *) {
    --tw-ring-color: var(--aw-surface-900);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:ring-surface-900\/80:is(.dark, .dark *) {
      --tw-ring-color: color-mix(in oklab, var(--aw-surface-900) 80%, transparent);
    }
  }

  .dark\:ring-offset-surface-900:is(.dark, .dark *) {
    --tw-ring-offset-color: var(--aw-surface-900);
  }

  .dark\:outline-primary-500:is(.dark, .dark *) {
    outline-color: var(--aw-primary-500);
  }

  .dark\:prose-invert:is(.dark, .dark *) {
    --tw-prose-body: var(--tw-prose-invert-body);
    --tw-prose-headings: var(--tw-prose-invert-headings);
    --tw-prose-lead: var(--tw-prose-invert-lead);
    --tw-prose-links: var(--tw-prose-invert-links);
    --tw-prose-bold: var(--tw-prose-invert-bold);
    --tw-prose-counters: var(--tw-prose-invert-counters);
    --tw-prose-bullets: var(--tw-prose-invert-bullets);
    --tw-prose-hr: var(--tw-prose-invert-hr);
    --tw-prose-quotes: var(--tw-prose-invert-quotes);
    --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
    --tw-prose-captions: var(--tw-prose-invert-captions);
    --tw-prose-kbd: var(--tw-prose-invert-kbd);
    --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows);
    --tw-prose-code: var(--tw-prose-invert-code);
    --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
    --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
    --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
    --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
  }

  .dark\:\[--aw-dt-row-bg\:var\(--color-primary-950\)\]:is(.dark, .dark *) {
    --aw-dt-row-bg: var(--color-primary-950);
  }

  @media (hover: hover) {
    .dark\:group-hover\:bg-primary-400:is(.dark, .dark *):is(:where(.group):hover *) {
      background-color: var(--aw-primary-400);
    }

    .dark\:group-hover\:text-primary-400:is(.dark, .dark *):is(:where(.group):hover *) {
      color: var(--aw-primary-400);
    }
  }

  .dark\:placeholder\:text-surface-500:is(.dark, .dark *)::placeholder {
    color: var(--aw-surface-500);
  }

  @media (hover: hover) {
    .dark\:hover\:border-amber-400:is(.dark, .dark *):hover {
      border-color: var(--color-amber-400);
    }

    .dark\:hover\:border-emerald-600:is(.dark, .dark *):hover {
      border-color: var(--color-emerald-600);
    }

    .dark\:hover\:border-emerald-700:is(.dark, .dark *):hover {
      border-color: var(--color-emerald-700);
    }

    .dark\:hover\:border-primary-400:is(.dark, .dark *):hover {
      border-color: var(--aw-primary-400);
    }

    .dark\:hover\:border-primary-500:is(.dark, .dark *):hover {
      border-color: var(--aw-primary-500);
    }

    .dark\:hover\:border-primary-700:is(.dark, .dark *):hover {
      border-color: var(--aw-primary-700);
    }

    .dark\:hover\:\!bg-surface-900:is(.dark, .dark *):hover {
      background-color: var(--aw-surface-900) !important;
    }

    .dark\:hover\:bg-amber-900\/30:is(.dark, .dark *):hover {
      background-color: #7b33064d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-amber-900\/30:is(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--color-amber-900) 30%, transparent);
      }
    }

    .dark\:hover\:bg-amber-900\/50:is(.dark, .dark *):hover {
      background-color: #7b330680;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-amber-900\/50:is(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--color-amber-900) 50%, transparent);
      }
    }

    .dark\:hover\:bg-amber-900\/60:is(.dark, .dark *):hover {
      background-color: #7b330699;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-amber-900\/60:is(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--color-amber-900) 60%, transparent);
      }
    }

    .dark\:hover\:bg-primary-400:is(.dark, .dark *):hover {
      background-color: var(--aw-primary-400);
    }

    .dark\:hover\:bg-primary-900\/40:is(.dark, .dark *):hover {
      background-color: var(--aw-primary-900);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-primary-900\/40:is(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--aw-primary-900) 40%, transparent);
      }
    }

    .dark\:hover\:bg-primary-900\/50:is(.dark, .dark *):hover {
      background-color: var(--aw-primary-900);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-primary-900\/50:is(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--aw-primary-900) 50%, transparent);
      }
    }

    .dark\:hover\:bg-primary-950\/30:is(.dark, .dark *):hover {
      background-color: var(--aw-primary-950);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-primary-950\/30:is(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--aw-primary-950) 30%, transparent);
      }
    }

    .dark\:hover\:bg-primary-950\/40:is(.dark, .dark *):hover {
      background-color: var(--aw-primary-950);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-primary-950\/40:is(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--aw-primary-950) 40%, transparent);
      }
    }

    .dark\:hover\:bg-surface-600:is(.dark, .dark *):hover {
      background-color: var(--aw-surface-600);
    }

    .dark\:hover\:bg-surface-700:is(.dark, .dark *):hover, .dark\:hover\:bg-surface-700\/60:is(.dark, .dark *):hover {
      background-color: var(--aw-surface-700);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-surface-700\/60:is(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--aw-surface-700) 60%, transparent);
      }
    }

    .dark\:hover\:bg-surface-800:is(.dark, .dark *):hover, .dark\:hover\:bg-surface-800\/40:is(.dark, .dark *):hover {
      background-color: var(--aw-surface-800);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-surface-800\/40:is(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--aw-surface-800) 40%, transparent);
      }
    }

    .dark\:hover\:bg-surface-800\/50:is(.dark, .dark *):hover {
      background-color: var(--aw-surface-800);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-surface-800\/50:is(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--aw-surface-800) 50%, transparent);
      }
    }

    .dark\:hover\:bg-surface-800\/60:is(.dark, .dark *):hover {
      background-color: var(--aw-surface-800);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-surface-800\/60:is(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--aw-surface-800) 60%, transparent);
      }
    }

    .dark\:hover\:bg-white\/10:is(.dark, .dark *):hover {
      background-color: #ffffff1a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-white\/10:is(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }

    .dark\:hover\:text-primary-300:is(.dark, .dark *):hover {
      color: var(--aw-primary-300);
    }

    .dark\:hover\:text-primary-400:is(.dark, .dark *):hover {
      color: var(--aw-primary-400);
    }

    .dark\:hover\:text-rose-300:is(.dark, .dark *):hover {
      color: var(--color-rose-300);
    }

    .dark\:hover\:text-surface-0:is(.dark, .dark *):hover {
      color: var(--aw-surface-0);
    }

    .dark\:hover\:text-surface-100:is(.dark, .dark *):hover {
      color: var(--aw-surface-100);
    }

    .dark\:hover\:text-surface-200:is(.dark, .dark *):hover {
      color: var(--aw-surface-200);
    }

    .dark\:hover\:brightness-110:is(.dark, .dark *):hover {
      --tw-brightness: brightness(110%);
      filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
    }
  }

  .dark\:focus\:ring-amber-500:is(.dark, .dark *):focus {
    --tw-ring-color: var(--color-amber-500);
  }

  .dark\:focus\:ring-emerald-700:is(.dark, .dark *):focus {
    --tw-ring-color: var(--color-emerald-700);
  }

  .dark\:focus\:ring-primary-700:is(.dark, .dark *):focus {
    --tw-ring-color: var(--aw-primary-700);
  }

  .dark\:focus-visible\:ring-primary-400:is(.dark, .dark *):focus-visible {
    --tw-ring-color: var(--aw-primary-400);
  }

  .dark\:focus-visible\:ring-primary-500:is(.dark, .dark *):focus-visible {
    --tw-ring-color: var(--aw-primary-500);
  }

  .pointer-events-none {
    pointer-events: none;
  }

  .collapse {
    visibility: collapse;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .inset-0 {
    inset: calc(var(--spacing)*0);
  }

  .inset-y-0 {
    inset-block: calc(var(--spacing)*0);
  }

  .-top-0\.5 {
    top: calc(var(--spacing)*-.5);
  }

  .-top-1 {
    top: calc(var(--spacing)*-1);
  }

  .top-0 {
    top: calc(var(--spacing)*0);
  }

  .top-1 {
    top: calc(var(--spacing)*1);
  }

  .top-2 {
    top: calc(var(--spacing)*2);
  }

  .-right-0\.5 {
    right: calc(var(--spacing)*-.5);
  }

  .-right-1 {
    right: calc(var(--spacing)*-1);
  }

  .right-0 {
    right: calc(var(--spacing)*0);
  }

  .right-1 {
    right: calc(var(--spacing)*1);
  }

  .right-2 {
    right: calc(var(--spacing)*2);
  }

  .bottom-0 {
    bottom: calc(var(--spacing)*0);
  }

  .bottom-2 {
    bottom: calc(var(--spacing)*2);
  }

  .left-0 {
    left: calc(var(--spacing)*0);
  }

  .left-2 {
    left: calc(var(--spacing)*2);
  }

  .z-10 {
    z-index: 10;
  }

  .z-20 {
    z-index: 20;
  }

  .z-50 {
    z-index: 50;
  }

  .z-\[999999\] {
    z-index: 999999;
  }

  .z-\[1000000\] {
    z-index: 1000000;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .mx-auto {
    margin-inline: auto;
  }

  .my-3 {
    margin-block: calc(var(--spacing)*3);
  }

  .mt-0\.5 {
    margin-top: calc(var(--spacing)*.5);
  }

  .mt-1 {
    margin-top: calc(var(--spacing)*1);
  }

  .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-6 {
    margin-top: calc(var(--spacing)*6);
  }

  .mt-8 {
    margin-top: calc(var(--spacing)*8);
  }

  .mt-12 {
    margin-top: calc(var(--spacing)*12);
  }

  .mt-16 {
    margin-top: calc(var(--spacing)*16);
  }

  .mr-1 {
    margin-right: calc(var(--spacing)*1);
  }

  .mr-2 {
    margin-right: calc(var(--spacing)*2);
  }

  .mr-3 {
    margin-right: calc(var(--spacing)*3);
  }

  .mb-1 {
    margin-bottom: calc(var(--spacing)*1);
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing)*2);
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing)*3);
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing)*4);
  }

  .mb-6 {
    margin-bottom: calc(var(--spacing)*6);
  }

  .ml-1 {
    margin-left: calc(var(--spacing)*1);
  }

  .ml-2 {
    margin-left: calc(var(--spacing)*2);
  }

  .ml-6 {
    margin-left: calc(var(--spacing)*6);
  }

  .ml-auto {
    margin-left: auto;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-block {
    display: inline-block;
  }

  .inline-flex {
    display: inline-flex;
  }

  .table {
    display: table;
  }

  .h-2 {
    height: calc(var(--spacing)*2);
  }

  .h-2\.5 {
    height: calc(var(--spacing)*2.5);
  }

  .h-5 {
    height: calc(var(--spacing)*5);
  }

  .h-6 {
    height: calc(var(--spacing)*6);
  }

  .h-10 {
    height: calc(var(--spacing)*10);
  }

  .h-12 {
    height: calc(var(--spacing)*12);
  }

  .h-16 {
    height: calc(var(--spacing)*16);
  }

  .h-full {
    height: 100%;
  }

  .h-screen {
    height: 100vh;
  }

  .max-h-80 {
    max-height: calc(var(--spacing)*80);
  }

  .max-h-\[70vh\] {
    max-height: 70vh;
  }

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

  .min-h-screen {
    min-height: 100vh;
  }

  .w-2 {
    width: calc(var(--spacing)*2);
  }

  .w-2\.5 {
    width: calc(var(--spacing)*2.5);
  }

  .w-5 {
    width: calc(var(--spacing)*5);
  }

  .w-6 {
    width: calc(var(--spacing)*6);
  }

  .w-8 {
    width: calc(var(--spacing)*8);
  }

  .w-10 {
    width: calc(var(--spacing)*10);
  }

  .w-12 {
    width: calc(var(--spacing)*12);
  }

  .w-14 {
    width: calc(var(--spacing)*14);
  }

  .w-16 {
    width: calc(var(--spacing)*16);
  }

  .w-64 {
    width: calc(var(--spacing)*64);
  }

  .w-96 {
    width: calc(var(--spacing)*96);
  }

  .w-full {
    width: 100%;
  }

  .max-w-6xl {
    max-width: var(--container-6xl);
  }

  .max-w-md {
    max-width: var(--container-md);
  }

  .min-w-0 {
    min-width: calc(var(--spacing)*0);
  }

  .min-w-5 {
    min-width: calc(var(--spacing)*5);
  }

  .flex-1 {
    flex: 1;
  }

  .flex-shrink {
    flex-shrink: 1;
  }

  .flex-shrink-0 {
    flex-shrink: 0;
  }

  .shrink {
    flex-shrink: 1;
  }

  .shrink-0 {
    flex-shrink: 0;
  }

  .flex-grow, .grow {
    flex-grow: 1;
  }

  .rotate-180 {
    rotate: 180deg;
  }

  .transform {
    transform: var(--tw-rotate-x, )var(--tw-rotate-y, )var(--tw-rotate-z, )var(--tw-skew-x, )var(--tw-skew-y, );
  }

  .animate-pulse {
    animation: var(--animate-pulse);
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .resize {
    resize: both;
  }

  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .items-baseline {
    align-items: baseline;
  }

  .items-center {
    align-items: center;
  }

  .items-start {
    align-items: flex-start;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .justify-end {
    justify-content: flex-end;
  }

  .justify-start {
    justify-content: flex-start;
  }

  .gap-1 {
    gap: calc(var(--spacing)*1);
  }

  .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-5 {
    gap: calc(var(--spacing)*5);
  }

  .gap-6 {
    gap: calc(var(--spacing)*6);
  }

  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing)*1)*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)));
  }

  :where(.space-y-6 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)));
  }

  .gap-x-3 {
    column-gap: calc(var(--spacing)*3);
  }

  :where(.space-x-1 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing)*1)*var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-x-reverse)));
  }

  .gap-y-1 {
    row-gap: calc(var(--spacing)*1);
  }

  .self-center {
    align-self: center;
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-visible {
    overflow: visible;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .overflow-x-hidden {
    overflow-x: hidden;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .overflow-y-hidden {
    overflow-y: hidden;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-lg {
    border-radius: var(--radius-lg);
  }

  .rounded-md {
    border-radius: var(--radius-md);
  }

  .rounded-xl {
    border-radius: var(--radius-xl);
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .border-none {
    --tw-border-style: none;
    border-style: none;
  }

  .border-blue-200 {
    border-color: var(--color-blue-200);
  }

  .border-cyan-600 {
    border-color: var(--color-cyan-600);
  }

  .border-gray-100 {
    border-color: var(--color-gray-100);
  }

  .border-gray-200 {
    border-color: var(--color-gray-200);
  }

  .border-green-200 {
    border-color: var(--color-green-200);
  }

  .border-primary-500 {
    border-color: var(--aw-primary-500);
  }

  .border-red-200 {
    border-color: var(--color-red-200);
  }

  .border-surface-200 {
    border-color: var(--aw-surface-200);
  }

  .border-surface-300 {
    border-color: var(--aw-surface-300);
  }

  .border-surface-700 {
    border-color: var(--aw-surface-700);
  }

  .border-yellow-200 {
    border-color: var(--color-yellow-200);
  }

  .bg-amber-50 {
    background-color: var(--color-amber-50);
  }

  .bg-amber-700 {
    background-color: var(--color-amber-700);
  }

  .bg-blue-50 {
    background-color: var(--color-blue-50);
  }

  .bg-blue-600 {
    background-color: var(--color-blue-600);
  }

  .bg-cyan-600 {
    background-color: var(--color-cyan-600);
  }

  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }

  .bg-green-50 {
    background-color: var(--color-green-50);
  }

  .bg-green-700 {
    background-color: var(--color-green-700);
  }

  .bg-neutral-900 {
    background-color: var(--color-neutral-900);
  }

  .bg-neutral-900\/50 {
    background-color: #17171780;
  }

  @supports (color: color-mix(in lab,red,red)) {
    .bg-neutral-900\/50 {
      background-color: color-mix(in oklab,var(--color-neutral-900)50%,transparent);
    }
  }

  .bg-primary-50 {
    background-color: var(--aw-primary-50);
  }

  .bg-primary-500\/20 {
    background-color: var(--aw-primary-500);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .bg-primary-500\/20 {
      background-color: color-mix(in oklab,var(--aw-primary-500)20%,transparent);
    }
  }

  .bg-red-50 {
    background-color: var(--color-red-50);
  }

  .bg-red-500 {
    background-color: var(--color-red-500);
  }

  .bg-red-600 {
    background-color: var(--color-red-600);
  }

  .bg-surface-0 {
    background-color: var(--aw-surface-0);
  }

  .bg-surface-50, .bg-surface-50\/60 {
    background-color: var(--aw-surface-50);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .bg-surface-50\/60 {
      background-color: color-mix(in oklab,var(--aw-surface-50)60%,transparent);
    }
  }

  .bg-surface-100 {
    background-color: var(--aw-surface-100);
  }

  .bg-surface-200 {
    background-color: var(--aw-surface-200);
  }

  .bg-surface-900, .bg-surface-900\/70 {
    background-color: var(--aw-surface-900);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .bg-surface-900\/70 {
      background-color: color-mix(in oklab,var(--aw-surface-900)70%,transparent);
    }
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .bg-yellow-50 {
    background-color: var(--color-yellow-50);
  }

  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .from-surface-0 {
    --tw-gradient-from: var(--aw-surface-0);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
  }

  .via-surface-50 {
    --tw-gradient-via: var(--aw-surface-50);
    --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .to-surface-0 {
    --tw-gradient-to: var(--aw-surface-0);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
  }

  .object-cover {
    object-fit: cover;
  }

  .\!p-0 {
    padding: calc(var(--spacing)*0) !important;
  }

  .p-0 {
    padding: calc(var(--spacing)*0);
  }

  .p-2 {
    padding: calc(var(--spacing)*2);
  }

  .p-3 {
    padding: calc(var(--spacing)*3);
  }

  .p-4 {
    padding: calc(var(--spacing)*4);
  }

  .p-5 {
    padding: calc(var(--spacing)*5);
  }

  .px-1\.5 {
    padding-inline: calc(var(--spacing)*1.5);
  }

  .px-2 {
    padding-inline: calc(var(--spacing)*2);
  }

  .px-3 {
    padding-inline: calc(var(--spacing)*3);
  }

  .px-4 {
    padding-inline: calc(var(--spacing)*4);
  }

  .px-5 {
    padding-inline: calc(var(--spacing)*5);
  }

  .px-6 {
    padding-inline: calc(var(--spacing)*6);
  }

  .px-8 {
    padding-inline: calc(var(--spacing)*8);
  }

  .py-0 {
    padding-block: calc(var(--spacing)*0);
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing)*.5);
  }

  .py-1 {
    padding-block: calc(var(--spacing)*1);
  }

  .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-4 {
    padding-block: calc(var(--spacing)*4);
  }

  .py-5 {
    padding-block: calc(var(--spacing)*5);
  }

  .py-6 {
    padding-block: calc(var(--spacing)*6);
  }

  .py-8 {
    padding-block: calc(var(--spacing)*8);
  }

  .py-10 {
    padding-block: calc(var(--spacing)*10);
  }

  .pt-3 {
    padding-top: calc(var(--spacing)*3);
  }

  .pt-4 {
    padding-top: calc(var(--spacing)*4);
  }

  .pt-8 {
    padding-top: calc(var(--spacing)*8);
  }

  .pt-16 {
    padding-top: calc(var(--spacing)*16);
  }

  .pr-2 {
    padding-right: calc(var(--spacing)*2);
  }

  .pr-3 {
    padding-right: calc(var(--spacing)*3);
  }

  .pb-2 {
    padding-bottom: calc(var(--spacing)*2);
  }

  .pb-4 {
    padding-bottom: calc(var(--spacing)*4);
  }

  .pl-2 {
    padding-left: calc(var(--spacing)*2);
  }

  .text-center {
    text-align: center;
  }

  .text-left {
    text-align: left;
  }

  .text-right {
    text-align: right;
  }

  .align-top {
    vertical-align: top;
  }

  .font-mono {
    font-family: var(--font-mono);
  }

  .\!text-xs {
    font-size: var(--text-xs) !important;
    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
  }

  .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-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }

  .text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }

  .text-6xl {
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--line-height));
  }

  .text-8xl {
    font-size: var(--text-8xl);
    line-height: var(--tw-leading, var(--text-8xl--line-height));
  }

  .text-9xl {
    font-size: var(--text-9xl);
    line-height: var(--tw-leading, var(--text-9xl--line-height));
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--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));
  }

  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .tracking-\[0\.3em\] {
    --tw-tracking: .3em;
    letter-spacing: .3em;
  }

  .tracking-\[0\.4em\] {
    --tw-tracking: .4em;
    letter-spacing: .4em;
  }

  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }

  .break-words {
    overflow-wrap: break-word;
  }

  .break-all {
    word-break: break-all;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .text-amber-500 {
    color: var(--color-amber-500);
  }

  .text-amber-800 {
    color: var(--color-amber-800);
  }

  .text-blue-500 {
    color: var(--color-blue-500);
  }

  .text-emerald-500 {
    color: var(--color-emerald-500);
  }

  .text-gray-400 {
    color: var(--color-gray-400);
  }

  .text-gray-500 {
    color: var(--color-gray-500);
  }

  .text-gray-900 {
    color: var(--color-gray-900);
  }

  .text-green-400 {
    color: var(--color-green-400);
  }

  .text-green-500 {
    color: var(--color-green-500);
  }

  .text-primary-500 {
    color: var(--aw-primary-500);
  }

  .text-primary-600 {
    color: var(--aw-primary-600);
  }

  .text-primary-700 {
    color: var(--aw-primary-700);
  }

  .text-red-400 {
    color: var(--color-red-400);
  }

  .text-red-500 {
    color: var(--color-red-500);
  }

  .text-red-600 {
    color: var(--color-red-600);
  }

  .text-surface-100 {
    color: var(--aw-surface-100);
  }

  .text-surface-300 {
    color: var(--aw-surface-300);
  }

  .text-surface-400 {
    color: var(--aw-surface-400);
  }

  .text-surface-500 {
    color: var(--aw-surface-500);
  }

  .text-surface-600 {
    color: var(--aw-surface-600);
  }

  .text-surface-700 {
    color: var(--aw-surface-700);
  }

  .text-surface-800 {
    color: var(--aw-surface-800);
  }

  .text-surface-900 {
    color: var(--aw-surface-900);
  }

  .text-white {
    color: var(--color-white);
  }

  .text-yellow-500 {
    color: var(--color-yellow-500);
  }

  .uppercase {
    text-transform: uppercase;
  }

  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, );
  }

  .underline {
    text-decoration-line: underline;
  }

  .underline-offset-2 {
    text-underline-offset: 2px;
  }

  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-20 {
    opacity: .2;
  }

  .opacity-40 {
    opacity: .4;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-70 {
    opacity: .7;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
  }

  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
  }

  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a),0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
  }

  .ring {
    --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
  }

  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
  }

  .ring-cyan-600 {
    --tw-ring-color: var(--color-cyan-600);
  }

  .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, );
  }

  .backdrop-blur-\[1px\] {
    --tw-backdrop-blur: blur(1px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-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));
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .\[shell\:moduleMenu\.label\] {
    shell: moduleMenu.label;
  }

  .\[shell\:navigation\.mainLabel\] {
    shell: navigation.mainLabel;
  }

  .\[shell\:navigation\.skipToContent\] {
    shell: navigation.skipToContent;
  }

  .\[shell\:navigation\.toggleMainMenu\] {
    shell: navigation.toggleMainMenu;
  }

  .\[shell\:navigation\.topbar\] {
    shell: navigation.topbar;
  }

  .\[shell\:notifications\.dismiss\] {
    shell: notifications.dismiss;
  }

  .\[shell\:userMenu\.notifications\] {
    shell: userMenu.notifications;
  }

  @media (hover: hover) {
    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1;
    }

    .hover\:overflow-y-auto:hover {
      overflow-y: auto;
    }

    .hover\:border-primary-400:hover {
      border-color: var(--aw-primary-400);
    }

    .hover\:bg-primary-50:hover {
      background-color: var(--aw-primary-50);
    }

    .hover\:bg-surface-100:hover {
      background-color: var(--aw-surface-100);
    }

    .hover\:text-gray-600:hover {
      color: var(--color-gray-600);
    }

    .hover\:text-gray-700:hover {
      color: var(--color-gray-700);
    }

    .hover\:text-primary-600:hover {
      color: var(--aw-primary-600);
    }

    .hover\:text-primary-700:hover {
      color: var(--aw-primary-700);
    }

    .hover\:underline:hover {
      text-decoration-line: underline;
    }

    .hover\:opacity-90:hover {
      opacity: .9;
    }
  }

  .focus\:opacity-100:focus {
    opacity: 1;
  }

  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .focus-visible\:opacity-100:focus-visible {
    opacity: 1;
  }

  @media (min-width: 40rem) {
    .sm\:ml-auto {
      margin-left: auto;
    }

    .sm\:h-9 {
      height: calc(var(--spacing)*9);
    }

    .sm\:max-h-\[60vh\] {
      max-height: 60vh;
    }

    .sm\:max-w-sm {
      max-width: var(--container-sm);
    }

    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sm\:flex-row {
      flex-direction: row;
    }

    .sm\:items-center {
      align-items: center;
    }

    .sm\:px-4 {
      padding-inline: calc(var(--spacing)*4);
    }
  }

  @media (min-width: 48rem) {
    .md\:flex {
      display: flex;
    }

    .md\:hidden {
      display: none;
    }

    .md\:max-h-\[50vh\] {
      max-height: 50vh;
    }

    .md\:flex-row {
      flex-direction: row;
    }
  }

  @media (min-width: 64rem) {
    .lg\:static {
      position: static;
    }

    .lg\:mt-0 {
      margin-top: calc(var(--spacing)*0);
    }

    .lg\:hidden {
      display: none;
    }

    .lg\:max-h-\[40vh\] {
      max-height: 40vh;
    }

    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  .dark\:border-blue-800:is(.dark, .dark *) {
    border-color: var(--color-blue-800);
  }

  .dark\:border-gray-600:is(.dark, .dark *) {
    border-color: var(--color-gray-600);
  }

  .dark\:border-gray-700:is(.dark, .dark *) {
    border-color: var(--color-gray-700);
  }

  .dark\:border-gray-800:is(.dark, .dark *) {
    border-color: var(--color-gray-800);
  }

  .dark\:border-green-800:is(.dark, .dark *) {
    border-color: var(--color-green-800);
  }

  .dark\:border-primary-400:is(.dark, .dark *) {
    border-color: var(--aw-primary-400);
  }

  .dark\:border-red-800:is(.dark, .dark *) {
    border-color: var(--color-red-800);
  }

  .dark\:border-surface-600:is(.dark, .dark *) {
    border-color: var(--aw-surface-600);
  }

  .dark\:border-surface-700:is(.dark, .dark *) {
    border-color: var(--aw-surface-700);
  }

  .dark\:border-yellow-800:is(.dark, .dark *) {
    border-color: var(--color-yellow-800);
  }

  .dark\:bg-amber-700:is(.dark, .dark *) {
    background-color: var(--color-amber-700);
  }

  .dark\:bg-amber-950:is(.dark, .dark *) {
    background-color: var(--color-amber-950);
  }

  .dark\:bg-blue-600:is(.dark, .dark *) {
    background-color: var(--color-blue-600);
  }

  .dark\:bg-blue-900\/20:is(.dark, .dark *) {
    background-color: #1c398e33;
  }

  @supports (color: color-mix(in lab,red,red)) {
    .dark\:bg-blue-900\/20:is(.dark, .dark *) {
      background-color: color-mix(in oklab,var(--color-blue-900)20%,transparent);
    }
  }

  .dark\:bg-blue-950:is(.dark, .dark *) {
    background-color: var(--color-blue-950);
  }

  .dark\:bg-cyan-400:is(.dark, .dark *) {
    background-color: var(--color-cyan-400);
  }

  .dark\:bg-gray-800:is(.dark, .dark *) {
    background-color: var(--color-gray-800);
  }

  .dark\:bg-gray-900:is(.dark, .dark *) {
    background-color: var(--color-gray-900);
  }

  .dark\:bg-green-700:is(.dark, .dark *) {
    background-color: var(--color-green-700);
  }

  .dark\:bg-green-900\/20:is(.dark, .dark *) {
    background-color: #0d542b33;
  }

  @supports (color: color-mix(in lab,red,red)) {
    .dark\:bg-green-900\/20:is(.dark, .dark *) {
      background-color: color-mix(in oklab,var(--color-green-900)20%,transparent);
    }
  }

  .dark\:bg-primary-950:is(.dark, .dark *), .dark\:bg-primary-950\/30:is(.dark, .dark *) {
    background-color: var(--aw-primary-950);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .dark\:bg-primary-950\/30:is(.dark, .dark *) {
      background-color: color-mix(in oklab,var(--aw-primary-950)30%,transparent);
    }
  }

  .dark\:bg-red-500:is(.dark, .dark *) {
    background-color: var(--color-red-500);
  }

  .dark\:bg-red-600:is(.dark, .dark *) {
    background-color: var(--color-red-600);
  }

  .dark\:bg-red-900\/20:is(.dark, .dark *) {
    background-color: #82181a33;
  }

  @supports (color: color-mix(in lab,red,red)) {
    .dark\:bg-red-900\/20:is(.dark, .dark *) {
      background-color: color-mix(in oklab,var(--color-red-900)20%,transparent);
    }
  }

  .dark\:bg-red-950:is(.dark, .dark *) {
    background-color: var(--color-red-950);
  }

  .dark\:bg-surface-700:is(.dark, .dark *) {
    background-color: var(--aw-surface-700);
  }

  .dark\:bg-surface-800:is(.dark, .dark *) {
    background-color: var(--aw-surface-800);
  }

  .dark\:bg-surface-900:is(.dark, .dark *) {
    background-color: var(--aw-surface-900);
  }

  .dark\:bg-surface-950:is(.dark, .dark *), .dark\:bg-surface-950\/60:is(.dark, .dark *) {
    background-color: var(--aw-surface-950);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .dark\:bg-surface-950\/60:is(.dark, .dark *) {
      background-color: color-mix(in oklab,var(--aw-surface-950)60%,transparent);
    }
  }

  .dark\:bg-yellow-900\/20:is(.dark, .dark *) {
    background-color: #733e0a33;
  }

  @supports (color: color-mix(in lab,red,red)) {
    .dark\:bg-yellow-900\/20:is(.dark, .dark *) {
      background-color: color-mix(in oklab,var(--color-yellow-900)20%,transparent);
    }
  }

  .dark\:from-surface-900:is(.dark, .dark *) {
    --tw-gradient-from: var(--aw-surface-900);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
  }

  .dark\:via-surface-800:is(.dark, .dark *) {
    --tw-gradient-via: var(--aw-surface-800);
    --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .dark\:to-surface-900:is(.dark, .dark *) {
    --tw-gradient-to: var(--aw-surface-900);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
  }

  .dark\:text-amber-200:is(.dark, .dark *) {
    color: var(--color-amber-200);
  }

  .dark\:text-amber-400:is(.dark, .dark *) {
    color: var(--color-amber-400);
  }

  .dark\:text-blue-400:is(.dark, .dark *) {
    color: var(--color-blue-400);
  }

  .dark\:text-emerald-400:is(.dark, .dark *) {
    color: var(--color-emerald-400);
  }

  .dark\:text-gray-300:is(.dark, .dark *) {
    color: var(--color-gray-300);
  }

  .dark\:text-gray-400:is(.dark, .dark *) {
    color: var(--color-gray-400);
  }

  .dark\:text-green-400:is(.dark, .dark *) {
    color: var(--color-green-400);
  }

  .dark\:text-primary-200:is(.dark, .dark *) {
    color: var(--aw-primary-200);
  }

  .dark\:text-primary-300:is(.dark, .dark *) {
    color: var(--aw-primary-300);
  }

  .dark\:text-primary-400:is(.dark, .dark *) {
    color: var(--aw-primary-400);
  }

  .dark\:text-red-300:is(.dark, .dark *) {
    color: var(--color-red-300);
  }

  .dark\:text-red-400:is(.dark, .dark *) {
    color: var(--color-red-400);
  }

  .dark\:text-surface-0:is(.dark, .dark *) {
    color: var(--aw-surface-0);
  }

  .dark\:text-surface-100:is(.dark, .dark *) {
    color: var(--aw-surface-100);
  }

  .dark\:text-surface-200:is(.dark, .dark *) {
    color: var(--aw-surface-200);
  }

  .dark\:text-surface-300:is(.dark, .dark *) {
    color: var(--aw-surface-300);
  }

  .dark\:text-surface-400:is(.dark, .dark *) {
    color: var(--aw-surface-400);
  }

  .dark\:text-surface-500:is(.dark, .dark *) {
    color: var(--aw-surface-500);
  }

  .dark\:text-white:is(.dark, .dark *) {
    color: var(--color-white);
  }

  .dark\:text-yellow-400:is(.dark, .dark *) {
    color: var(--color-yellow-400);
  }

  .dark\:ring-gray-900:is(.dark, .dark *) {
    --tw-ring-color: var(--color-gray-900);
  }

  @media (hover: hover) {
    .dark\:hover\:border-primary-500:is(.dark, .dark *):hover {
      border-color: var(--aw-primary-500);
    }

    .dark\:hover\:bg-primary-950\/30:is(.dark, .dark *):hover {
      background-color: var(--aw-primary-950);
    }

    @supports (color: color-mix(in lab,red,red)) {
      .dark\:hover\:bg-primary-950\/30:is(.dark, .dark *):hover {
        background-color: color-mix(in oklab,var(--aw-primary-950)30%,transparent);
      }
    }

    .dark\:hover\:bg-surface-800:is(.dark, .dark *):hover {
      background-color: var(--aw-surface-800);
    }

    .dark\:hover\:text-gray-200:is(.dark, .dark *):hover {
      color: var(--color-gray-200);
    }

    .dark\:hover\:text-primary-200:is(.dark, .dark *):hover {
      color: var(--aw-primary-200);
    }

    .dark\:hover\:text-primary-300:is(.dark, .dark *):hover {
      color: var(--aw-primary-300);
    }
  }

  .scrollbar-thin {
    scrollbar-width: thin;
  }

  .scrollbar-hide {
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .scrollbar-hide::-webkit-scrollbar {
    display: none;
  }

  .az-canvas-bg {
    background-color: var(--az-canvas);
    background-image: var(--az-canvas-tint);
    color: var(--aw-surface-800);
  }

  .dark .az-canvas-bg {
    color: var(--aw-surface-100);
  }

  .az-glass {
    -webkit-backdrop-filter: saturate(140%) blur(14px);
    background-color: #ffffffb3;
  }

  .dark .az-glass {
    background-color: #111a2e99;
  }

  .az-gradient-text {
    background: linear-gradient(100deg,var(--aw-primary-700)0%,var(--aw-primary-400)100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
  }
}

:root:root {
  --aw-primary-50: #ecfeff;
  --aw-primary-100: #cffafe;
  --aw-primary-200: #a5f3fc;
  --aw-primary-300: #67e8f9;
  --aw-primary-400: #22d3ee;
  --aw-primary-500: #06b6d4;
  --aw-primary-600: #0891b2;
  --aw-primary-700: #0e7490;
  --aw-primary-800: #155e75;
  --aw-primary-900: #164e63;
  --aw-primary-950: #083344;
  --aw-surface-0: #fff;
  --aw-surface-50: #f8fafc;
  --aw-surface-100: #f1f5f9;
  --aw-surface-200: #e2e8f0;
  --aw-surface-300: #cbd5e1;
  --aw-surface-400: #94a3b8;
  --aw-surface-500: #64748b;
  --aw-surface-600: #475569;
  --aw-surface-700: #334155;
  --aw-surface-800: #1e293b;
  --aw-surface-900: #0f172a;
  --aw-surface-950: #020617;
  --aw-primary: var(--aw-primary-700);
  --aw-primary-hover: var(--aw-primary-800);
  --aw-primary-active: var(--aw-primary-900);
  --aw-primary-contrast: #fff;
  --aw-primary-gradient: linear-gradient(135deg, var(--aw-primary-700), var(--aw-primary-800));
  --aw-primary-gradient-hover: linear-gradient(135deg, var(--aw-primary-800), var(--aw-primary-900));
  --aw-primary-glow: 0 4px 14px -6px var(--aw-primary-500);
}

@supports (color: color-mix(in lab, red, red)) {
  :root:root {
    --aw-primary-glow: 0 4px 14px -6px color-mix(in srgb, var(--aw-primary-500) 55%, transparent);
  }
}

:root:root {
  --aw-primary-glow-hover: 0 8px 22px -6px var(--aw-primary-500);
}

@supports (color: color-mix(in lab, red, red)) {
  :root:root {
    --aw-primary-glow-hover: 0 8px 22px -6px color-mix(in srgb, var(--aw-primary-500) 60%, transparent);
  }
}

:root:root {
  --aw-text: var(--aw-surface-700);
  --aw-text-strong: var(--aw-surface-900);
  --aw-text-muted: var(--aw-surface-500);
  --aw-text-disabled: var(--aw-surface-400);
  --aw-canvas: #f4f6fb;
  --aw-content-bg: #fff;
  --aw-content-border: var(--aw-surface-200);
  --aw-content-hover-bg: var(--aw-surface-100);
  --aw-overlay-bg: #fff;
  --aw-overlay-border: var(--aw-surface-200);
  --aw-overlay-shadow: 0 12px 32px -8px #0f172a2e, 0 4px 10px -4px #0f172a14;
  --aw-mask-bg: #0f172a73;
  --aw-card-bg: #fff;
  --aw-card-border: #0f172a0f;
  --aw-card-shadow: 0 1px 2px #0f172a0a, 0 8px 24px -12px #0f172a14;
  --aw-card-shadow-hover: 0 2px 4px #0f172a0d,
        0 20px 45px -18px var(--aw-primary-600);
}

@supports (color: color-mix(in lab, red, red)) {
  :root:root {
    --aw-card-shadow-hover: 0 2px 4px #0f172a0d,
        0 20px 45px -18px color-mix(in srgb, var(--aw-primary-600) 25%, transparent);
  }
}

:root:root {
  --aw-field-bg: #fff;
  --aw-field-disabled-bg: var(--aw-surface-100);
  --aw-field-filled-bg: var(--aw-surface-50);
  --aw-field-border: var(--aw-surface-300);
  --aw-field-border-hover: var(--aw-surface-400);
  --aw-field-border-focus: var(--aw-primary);
  --aw-field-border-invalid: #f87171;
  --aw-field-text: var(--aw-surface-700);
  --aw-field-placeholder: var(--aw-surface-500);
  --aw-field-icon: var(--aw-surface-400);
  --aw-field-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 #1212170d;
  --aw-highlight-bg: var(--aw-primary-50);
  --aw-highlight-text: var(--aw-primary-700);
  --aw-highlight-focus-bg: var(--aw-primary-100);
  --aw-option-hover-bg: var(--aw-surface-100);
  --aw-option-hover-text: var(--aw-surface-800);
  --aw-success: #15803d;
  --aw-success-hover: #166534;
  --aw-success-soft-bg: #f0fdf4;
  --aw-success-soft-text: #15803d;
  --aw-success-soft-border: #bbf7d0;
  --aw-info: #0369a1;
  --aw-info-hover: #075985;
  --aw-info-soft-bg: #f0f9ff;
  --aw-info-soft-text: #0369a1;
  --aw-info-soft-border: #bae6fd;
  --aw-warn: #c2410c;
  --aw-warn-hover: #9a3412;
  --aw-warn-soft-bg: #fff7ed;
  --aw-warn-soft-text: #c2410c;
  --aw-warn-soft-border: #fed7aa;
  --aw-danger: #b91c1c;
  --aw-danger-hover: #991b1b;
  --aw-danger-soft-bg: #fef2f2;
  --aw-danger-soft-text: #b91c1c;
  --aw-danger-soft-border: #fecaca;
  --aw-help: #7e22ce;
  --aw-help-hover: #6b21a8;
  --aw-help-soft-bg: #faf5ff;
  --aw-help-soft-text: #7e22ce;
  --aw-help-soft-border: #e9d5ff;
  --aw-secondary-bg: var(--aw-surface-100);
  --aw-secondary-hover-bg: var(--aw-surface-200);
  --aw-secondary-text: var(--aw-surface-600);
  --aw-secondary-soft-bg: var(--aw-surface-100);
  --aw-secondary-soft-text: var(--aw-surface-600);
  --aw-secondary-soft-border: var(--aw-surface-200);
  --aw-contrast-bg: var(--aw-surface-950);
  --aw-contrast-hover-bg: var(--aw-surface-800);
  --aw-contrast-text: var(--aw-surface-0);
  --aw-radius-xs: 4px;
  --aw-radius-sm: 6px;
  --aw-radius-md: 10px;
  --aw-radius-lg: 12px;
  --aw-radius-xl: 16px;
  --aw-radius-pill: 999px;
  --aw-field-height-sm: 30.88px;
  --aw-field-height: 35px;
  --aw-field-height-lg: 40px;
  --aw-field-padding-x-sm: .625rem;
  --aw-field-padding-x: .75rem;
  --aw-field-padding-x-lg: .875rem;
  --aw-font-size-sm: .875rem;
  --aw-font-size: 1rem;
  --aw-font-size-lg: 1.125rem;
  --aw-focus-ring: 0 0 0 2px var(--aw-canvas), 0 0 0 4px var(--aw-primary-500),
        0 0 0 8px var(--aw-primary-500);
}

@supports (color: color-mix(in lab, red, red)) {
  :root:root {
    --aw-focus-ring: 0 0 0 2px var(--aw-canvas), 0 0 0 4px color-mix(in srgb, var(--aw-primary-500) 65%, transparent),
        0 0 0 8px color-mix(in srgb, var(--aw-primary-500) 15%, transparent);
  }
}

:root:root {
  --aw-focus-ring-tight: 0 0 0 2px var(--aw-primary-500);
}

@supports (color: color-mix(in lab, red, red)) {
  :root:root {
    --aw-focus-ring-tight: 0 0 0 2px color-mix(in srgb, var(--aw-primary-500) 55%, transparent);
  }
}

:root:root {
  --aw-ease: cubic-bezier(.22, 1, .36, 1);
  --aw-duration-fast: .12s;
  --aw-duration: .18s;
  --aw-duration-slow: .28s;
  --aw-z-sticky: 30;
  --aw-z-overlay: 1000;
  --aw-z-modal: 1100;
  --aw-z-toast: 1200;
  --aw-z-tooltip: 1300;
  --aw-font-mono: "Geist Mono Variable", "Geist Mono", ui-monospace, "Cascadia Code", monospace;
  --aw-font-display: "Bricolage Grotesque Variable", "Bricolage Grotesque", "Geist Variable", "Geist", ui-sans-serif, system-ui, sans-serif;
  --aw-accent-default-50: #ecfeff;
  --aw-accent-default-100: #cffafe;
  --aw-accent-default-200: #a5f3fc;
  --aw-accent-default-300: #67e8f9;
  --aw-accent-default-400: #22d3ee;
  --aw-accent-default-500: #06b6d4;
  --aw-accent-default-600: #0891b2;
  --aw-accent-default-700: #0e7490;
  --aw-accent-default-800: #155e75;
  --aw-accent-default-900: #164e63;
  --aw-accent-default-950: #083344;
  --aw-accent-deep: #0b3a4a;
  --aw-accent-deep-dark: #0e3a4a;
  --aw-accent-shadow: #065f70;
  --aw-canvas-tint: radial-gradient(1200px 600px at 100% -10%, var(--aw-primary-500), transparent 60%),
        radial-gradient(900px 500px at -10% 110%, var(--aw-primary-700), transparent 60%);
}

@supports (color: color-mix(in lab, red, red)) {
  :root:root {
    --aw-canvas-tint: radial-gradient(1200px 600px at 100% -10%, color-mix(in srgb, var(--aw-primary-500) 8%, transparent), transparent 60%),
        radial-gradient(900px 500px at -10% 110%, color-mix(in srgb, var(--aw-primary-700) 7%, transparent), transparent 60%);
  }
}

:root:root {
  --aw-body-text: var(--aw-surface-800);
  --aw-font-sans: "Geist Variable", "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --aw-font-root-size: 14px;
  --aw-scrollbar-thumb: #94a3b873;
  --aw-scrollbar-thumb-hover: #64748ba6;
  --aw-tooltip-dark-bg: #0f172a;
  --aw-tooltip-dark-text: #f1f5f9;
  --aw-tooltip-dark-border: #94a3b833;
  --aw-tooltip-dark-shadow: 0 20px 35px -12px #00000073, 0 8px 14px -8px #0000004d;
  --aw-tooltip-bg: #fff;
  --aw-tooltip-text: #0f172a;
  --aw-tooltip-border: #0f172a14;
  --aw-tooltip-shadow: 0 20px 35px -12px #0f172a2e, 0 8px 14px -8px #0f172a1a;
}

:root[data-accent]:not([data-accent="default"]), [data-accent]:not([data-accent="default"]) {
  --aw-accent-deep: var(--aw-primary-900);
}

@supports (color: color-mix(in lab, red, red)) {
  :root[data-accent]:not([data-accent="default"]), [data-accent]:not([data-accent="default"]) {
    --aw-accent-deep: color-mix(in srgb, var(--aw-primary-900) 35%, var(--aw-primary-950));
  }
}

:root[data-accent]:not([data-accent="default"]), [data-accent]:not([data-accent="default"]) {
  --aw-accent-deep-dark: var(--aw-primary-900);
}

@supports (color: color-mix(in lab, red, red)) {
  :root[data-accent]:not([data-accent="default"]), [data-accent]:not([data-accent="default"]) {
    --aw-accent-deep-dark: color-mix(in srgb, var(--aw-primary-900) 45%, var(--aw-primary-950));
  }
}

:root[data-accent]:not([data-accent="default"]), [data-accent]:not([data-accent="default"]) {
  --aw-accent-shadow: var(--aw-primary-800);
}

@supports (color: color-mix(in lab, red, red)) {
  :root[data-accent]:not([data-accent="default"]), [data-accent]:not([data-accent="default"]) {
    --aw-accent-shadow: color-mix(in srgb, var(--aw-primary-800) 70%, var(--aw-primary-950));
  }
}

:root[data-accent="blue"], [data-accent="blue"] {
  --aw-primary-50: #eff6ff;
  --aw-primary-100: #dbeafe;
  --aw-primary-200: #bfdbfe;
  --aw-primary-300: #93c5fd;
  --aw-primary-400: #60a5fa;
  --aw-primary-500: #3b82f6;
  --aw-primary-600: #2563eb;
  --aw-primary-700: #1d4ed8;
  --aw-primary-800: #1e40af;
  --aw-primary-900: #1e3a8a;
  --aw-primary-950: #172554;
}

:root[data-accent="indigo"], [data-accent="indigo"] {
  --aw-primary-50: #eef2ff;
  --aw-primary-100: #e0e7ff;
  --aw-primary-200: #c7d2fe;
  --aw-primary-300: #a5b4fc;
  --aw-primary-400: #818cf8;
  --aw-primary-500: #6366f1;
  --aw-primary-600: #4f46e5;
  --aw-primary-700: #4338ca;
  --aw-primary-800: #3730a3;
  --aw-primary-900: #312e81;
  --aw-primary-950: #1e1b4b;
}

:root[data-accent="violet"], [data-accent="violet"] {
  --aw-primary-50: #f5f3ff;
  --aw-primary-100: #ede9fe;
  --aw-primary-200: #ddd6fe;
  --aw-primary-300: #c4b5fd;
  --aw-primary-400: #a78bfa;
  --aw-primary-500: #8b5cf6;
  --aw-primary-600: #7c3aed;
  --aw-primary-700: #6d28d9;
  --aw-primary-800: #5b21b6;
  --aw-primary-900: #4c1d95;
  --aw-primary-950: #2e1065;
}

:root[data-accent="emerald"], [data-accent="emerald"] {
  --aw-primary-50: #ecfdf5;
  --aw-primary-100: #d1fae5;
  --aw-primary-200: #a7f3d0;
  --aw-primary-300: #6ee7b7;
  --aw-primary-400: #34d399;
  --aw-primary-500: #10b981;
  --aw-primary-600: #059669;
  --aw-primary-700: #047857;
  --aw-primary-800: #065f46;
  --aw-primary-900: #064e3b;
  --aw-primary-950: #022c22;
}

:root[data-accent="amber"], [data-accent="amber"] {
  --aw-primary-50: #fffbeb;
  --aw-primary-100: #fef3c7;
  --aw-primary-200: #fde68a;
  --aw-primary-300: #fcd34d;
  --aw-primary-400: #fbbf24;
  --aw-primary-500: #f59e0b;
  --aw-primary-600: #d97706;
  --aw-primary-700: #b45309;
  --aw-primary-800: #92400e;
  --aw-primary-900: #78350f;
  --aw-primary-950: #451a03;
}

:root[data-accent="rose"], [data-accent="rose"] {
  --aw-primary-50: #fff1f2;
  --aw-primary-100: #ffe4e6;
  --aw-primary-200: #fecdd3;
  --aw-primary-300: #fda4af;
  --aw-primary-400: #fb7185;
  --aw-primary-500: #f43f5e;
  --aw-primary-600: #e11d48;
  --aw-primary-700: #be123c;
  --aw-primary-800: #9f1239;
  --aw-primary-900: #881337;
  --aw-primary-950: #4c0519;
}

:root[data-accent="graphite"], [data-accent="graphite"] {
  --aw-primary-50: #fafafa;
  --aw-primary-100: #f4f4f5;
  --aw-primary-200: #e4e4e7;
  --aw-primary-300: #d4d4d8;
  --aw-primary-400: #a1a1aa;
  --aw-primary-500: #71717a;
  --aw-primary-600: #52525b;
  --aw-primary-700: #3f3f46;
  --aw-primary-800: #27272a;
  --aw-primary-900: #18181b;
  --aw-primary-950: #09090b;
}

:root.dark, :root .dark {
  --aw-primary: var(--aw-primary-400);
  --aw-primary-hover: var(--aw-primary-300);
  --aw-primary-active: var(--aw-primary-200);
  --aw-primary-contrast: var(--aw-surface-900);
  --aw-primary-glow: 0 4px 14px -6px var(--aw-primary-400);
}

@supports (color: color-mix(in lab, red, red)) {
  :root.dark, :root .dark {
    --aw-primary-glow: 0 4px 14px -6px color-mix(in srgb, var(--aw-primary-400) 45%, transparent);
  }
}

:root.dark, :root .dark {
  --aw-primary-glow-hover: 0 8px 22px -6px var(--aw-primary-400);
}

@supports (color: color-mix(in lab, red, red)) {
  :root.dark, :root .dark {
    --aw-primary-glow-hover: 0 8px 22px -6px color-mix(in srgb, var(--aw-primary-400) 55%, transparent);
  }
}

:root.dark, :root .dark {
  --aw-text: var(--aw-surface-0);
  --aw-text-strong: var(--aw-surface-0);
  --aw-text-muted: var(--aw-surface-400);
  --aw-text-disabled: var(--aw-surface-500);
  --aw-canvas: #0b1220;
  --aw-content-bg: #111a2e;
  --aw-content-border: var(--aw-surface-700);
  --aw-content-hover-bg: var(--aw-surface-800);
  --aw-overlay-bg: var(--aw-surface-900);
  --aw-overlay-border: var(--aw-surface-700);
  --aw-overlay-shadow: 0 16px 40px -10px #0009, 0 4px 12px -4px #0006;
  --aw-mask-bg: #020617a6;
  --aw-card-bg: #111a2e;
  --aw-card-border: #94a3b81a;
  --aw-card-shadow: 0 1px 2px #0000004d, 0 8px 24px -12px #00000080;
  --aw-card-shadow-hover: 0 2px 4px #0006,
        0 20px 45px -18px var(--aw-primary-400);
}

@supports (color: color-mix(in lab, red, red)) {
  :root.dark, :root .dark {
    --aw-card-shadow-hover: 0 2px 4px #0006,
        0 20px 45px -18px color-mix(in srgb, var(--aw-primary-400) 30%, transparent);
  }
}

:root.dark, :root .dark {
  --aw-field-bg: var(--aw-surface-950);
  --aw-field-disabled-bg: var(--aw-surface-800);
  --aw-field-filled-bg: var(--aw-surface-800);
  --aw-field-border: var(--aw-surface-600);
  --aw-field-border-hover: var(--aw-surface-500);
  --aw-field-border-invalid: #f87171;
  --aw-field-text: var(--aw-surface-0);
  --aw-field-placeholder: var(--aw-surface-400);
  --aw-field-icon: var(--aw-surface-400);
  --aw-field-shadow: 0 0 #0000;
  --aw-highlight-bg: var(--aw-primary-400);
}

@supports (color: color-mix(in lab, red, red)) {
  :root.dark, :root .dark {
    --aw-highlight-bg: color-mix(in srgb, var(--aw-primary-400) 16%, transparent);
  }
}

:root.dark, :root .dark {
  --aw-highlight-text: #ffffffde;
  --aw-highlight-focus-bg: var(--aw-primary-400);
}

@supports (color: color-mix(in lab, red, red)) {
  :root.dark, :root .dark {
    --aw-highlight-focus-bg: color-mix(in srgb, var(--aw-primary-400) 24%, transparent);
  }
}

:root.dark, :root .dark {
  --aw-option-hover-bg: var(--aw-surface-800);
}

@supports (color: color-mix(in lab, red, red)) {
  :root.dark, :root .dark {
    --aw-option-hover-bg: color-mix(in oklab, var(--aw-surface-800) 70%, transparent);
  }
}

:root.dark, :root .dark {
  --aw-option-hover-text: var(--aw-surface-0);
  --aw-success: #4ade80;
  --aw-success-hover: #86efac;
  --aw-success-soft-bg: #052e16;
  --aw-success-soft-text: #86efac;
  --aw-success-soft-border: #14532d;
  --aw-info: #38bdf8;
  --aw-info-hover: #7dd3fc;
  --aw-info-soft-bg: #082f49;
  --aw-info-soft-text: #7dd3fc;
  --aw-info-soft-border: #0c4a6e;
  --aw-warn: #fb923c;
  --aw-warn-hover: #fdba74;
  --aw-warn-soft-bg: #431407;
  --aw-warn-soft-text: #fdba74;
  --aw-warn-soft-border: #7c2d12;
  --aw-danger: #f87171;
  --aw-danger-hover: #fca5a5;
  --aw-danger-soft-bg: #450a0a;
  --aw-danger-soft-text: #fca5a5;
  --aw-danger-soft-border: #7f1d1d;
  --aw-help: #c084fc;
  --aw-help-hover: #d8b4fe;
  --aw-help-soft-bg: #3b0764;
  --aw-help-soft-text: #d8b4fe;
  --aw-help-soft-border: #581c87;
  --aw-secondary-bg: var(--aw-surface-800);
  --aw-secondary-hover-bg: var(--aw-surface-700);
  --aw-secondary-text: var(--aw-surface-300);
  --aw-secondary-soft-bg: var(--aw-surface-800);
  --aw-secondary-soft-text: var(--aw-surface-300);
  --aw-secondary-soft-border: var(--aw-surface-700);
  --aw-contrast-bg: var(--aw-surface-0);
  --aw-contrast-hover-bg: var(--aw-surface-100);
  --aw-contrast-text: var(--aw-surface-950);
  --aw-canvas-tint: radial-gradient(1200px 600px at 100% -10%, var(--aw-primary-400), transparent 60%),
        radial-gradient(900px 500px at -10% 110%, var(--aw-primary-700), transparent 60%);
}

@supports (color: color-mix(in lab, red, red)) {
  :root.dark, :root .dark {
    --aw-canvas-tint: radial-gradient(1200px 600px at 100% -10%, color-mix(in srgb, var(--aw-primary-400) 10%, transparent), transparent 60%),
        radial-gradient(900px 500px at -10% 110%, color-mix(in srgb, var(--aw-primary-700) 12%, transparent), transparent 60%);
  }
}

:root.dark, :root .dark {
  --aw-body-text: var(--aw-surface-100);
  --aw-scrollbar-thumb: #64748b8c;
  --aw-scrollbar-thumb-hover: #94a3b8bf;
  --aw-tooltip-bg: var(--aw-tooltip-dark-bg);
  --aw-tooltip-text: var(--aw-tooltip-dark-text);
  --aw-tooltip-border: var(--aw-tooltip-dark-border);
  --aw-tooltip-shadow: var(--aw-tooltip-dark-shadow);
}

@media (prefers-reduced-motion: reduce) {
  :root:root {
    --aw-duration-fast: .001ms;
    --aw-duration: .001ms;
    --aw-duration-slow: .001ms;
  }
}

@font-face {
  font-family: Geist Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2") format("woff2-variations");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Geist Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2") format("woff2-variations");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Geist Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2") format("woff2-variations");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Geist Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2") format("woff2-variations");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Geist Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("/assets/geist-latin-wght-normal-BgDaEnEv.woff2") format("woff2-variations");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Geist Mono Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("/assets/geist-mono-cyrillic-ext-wght-normal-X_5orZeX.woff2") format("woff2-variations");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Geist Mono Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("/assets/geist-mono-cyrillic-wght-normal-DiZS0aHC.woff2") format("woff2-variations");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Geist Mono Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("/assets/geist-mono-symbols2-wght-normal-CO5SzqOn.woff2") format("woff2-variations");
  unicode-range: U+2000-2001, U+2004-2008, U+200A, U+23B8-23BD, U+2500-259F;
}

@font-face {
  font-family: Geist Mono Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("/assets/geist-mono-vietnamese-wght-normal-DadHysG0.woff2") format("woff2-variations");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Geist Mono Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("/assets/geist-mono-latin-ext-wght-normal-Bwz-egvJ.woff2") format("woff2-variations");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Geist Mono Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("/assets/geist-mono-latin-wght-normal-XN7g48iV.woff2") format("woff2-variations");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Bricolage Grotesque Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url("/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2") format("woff2-variations");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Bricolage Grotesque Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url("/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2") format("woff2-variations");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Bricolage Grotesque Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url("/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2") format("woff2-variations");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root [data-tippy-root] {
  max-width: calc(100vw - 10px);
  z-index: var(--aw-z-tooltip, 1300) !important;
}

:where(:root) .tippy-box, :root .tippy-box:not(#aw-tippy):is(:not([data-theme]), [data-theme^="awazira"]) {
  --aw-tippy-bg: var(--aw-tooltip-dark-bg, var(--aw-surface-900));
  --aw-tippy-text: var(--aw-tooltip-dark-text, var(--aw-surface-100));
  --aw-tippy-border: var(--aw-tooltip-dark-border, var(--aw-surface-400));
}

@supports (color: color-mix(in lab, red, red)) {
  :where(:root) .tippy-box, :root .tippy-box:not(#aw-tippy):is(:not([data-theme]), [data-theme^="awazira"]) {
    --aw-tippy-border: var(--aw-tooltip-dark-border, color-mix(in srgb, var(--aw-surface-400) 20%, transparent));
  }
}

:where(:root) .tippy-box, :root .tippy-box:not(#aw-tippy):is(:not([data-theme]), [data-theme^="awazira"]) {
  --aw-tippy-shadow: var(--aw-tooltip-dark-shadow, 0 20px 35px -12px #00000073,
        0 8px 14px -8px #0000004d);
  background-color: var(--aw-tippy-bg);
  color: var(--aw-tippy-text);
  border: 1px solid var(--aw-tippy-border);
  border-radius: var(--aw-radius-md, 10px);
  box-shadow: var(--aw-tippy-shadow);
  letter-spacing: -.005em;
  white-space: normal;
  transition-property: transform, visibility, opacity;
  transition-timing-function: var(--aw-ease, ease);
  background-clip: padding-box;
  outline: 0;
  font-family: inherit;
  font-size: .8125rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
}

:root .tippy-content {
  z-index: 1;
  padding: .5rem .75rem;
  position: relative;
}

:root .tippy-box:not(#aw-tippy):is(:not([data-theme]), [data-theme~="awazira"]) {
  --aw-tippy-bg: var(--aw-tooltip-bg, var(--aw-overlay-bg));
  --aw-tippy-text: var(--aw-tooltip-text, var(--aw-text-strong));
  --aw-tippy-border: var(--aw-tooltip-border, var(--aw-overlay-border));
  --aw-tippy-shadow: var(--aw-tooltip-shadow, var(--aw-overlay-shadow));
}

:root .tippy-box:not(#aw-tippy)[data-theme~="awazira-contrast"] {
  --aw-tippy-bg: var(--aw-contrast-bg);
  --aw-tippy-text: var(--aw-contrast-text);
  --aw-tippy-border: var(--aw-contrast-text);
}

@supports (color: color-mix(in lab, red, red)) {
  :root .tippy-box:not(#aw-tippy)[data-theme~="awazira-contrast"] {
    --aw-tippy-border: color-mix(in srgb, var(--aw-contrast-text) 14%, transparent);
  }
}

:root .tippy-box:not(#aw-tippy)[data-theme~="awazira-contrast"] {
  --aw-tippy-shadow: var(--aw-overlay-shadow);
}

:root .tippy-box:not(#aw-tippy)[data-theme~="awazira-danger"] {
  --aw-tippy-bg: var(--aw-danger-soft-bg);
  --aw-tippy-text: var(--aw-danger-soft-text);
  --aw-tippy-border: var(--aw-danger-soft-border);
}

:root .tippy-box:not(#aw-tippy)[data-theme~="awazira-warn"] {
  --aw-tippy-bg: var(--aw-warn-soft-bg);
  --aw-tippy-text: var(--aw-warn-soft-text);
  --aw-tippy-border: var(--aw-warn-soft-border);
}

:root .tippy-box:not(#aw-tippy)[data-theme~="awazira-success"] {
  --aw-tippy-bg: var(--aw-success-soft-bg);
  --aw-tippy-text: var(--aw-success-soft-text);
  --aw-tippy-border: var(--aw-success-soft-border);
}

:root .tippy-box:not(#aw-tippy)[data-theme~="awazira-info"] {
  --aw-tippy-bg: var(--aw-info-soft-bg);
  --aw-tippy-text: var(--aw-info-soft-text);
  --aw-tippy-border: var(--aw-info-soft-border);
}

:root .tippy-box:not(#aw-tippy):is([data-theme~="awazira-danger"], [data-theme~="awazira-warn"], [data-theme~="awazira-success"], [data-theme~="awazira-info"]) {
  --aw-tippy-shadow: var(--aw-overlay-shadow);
}

:root .tippy-box:not(#aw-tippy)[data-theme~="awazira-card"] {
  --aw-tippy-bg: var(--aw-overlay-bg);
  --aw-tippy-text: var(--aw-text);
  --aw-tippy-border: var(--aw-overlay-border);
  --aw-tippy-shadow: var(--aw-overlay-shadow);
  border-radius: var(--aw-radius-lg, 12px);
  font-size: var(--aw-font-size-sm, .875rem);
  letter-spacing: normal;
  font-weight: 400;
}

:root .tippy-box:not(#aw-tippy)[data-theme~="awazira-card"] > .tippy-content {
  padding: .75rem 1rem;
}

:root .tippy-box:not(#aw-tippy)[data-theme~="awazira-card"] > .tippy-content:has( > .aw-tippy-card) {
  padding: 0;
}

.aw-tippy-card {
  border-radius: inherit;
  flex-direction: column;
  min-width: 12rem;
  max-width: min(24rem, 100vw - 2rem);
  display: flex;
  overflow: hidden;
}

.aw-tippy-card__header {
  border-bottom: 1px solid var(--aw-content-border);
  flex-direction: column;
  gap: .125rem;
  padding: .75rem 1rem;
  display: flex;
}

.aw-tippy-card__title {
  color: var(--aw-text-strong);
  font-weight: 600;
  line-height: 1.3;
}

.aw-tippy-card__subtitle {
  color: var(--aw-text-muted);
  font-size: .75rem;
}

.aw-tippy-card__body {
  flex-direction: column;
  gap: .5rem;
  padding: .75rem 1rem;
  line-height: 1.5;
  display: flex;
}

.aw-tippy-card__footer {
  border-top: 1px solid var(--aw-content-border);
  background: var(--aw-content-hover-bg);
  justify-content: flex-end;
  gap: .5rem;
  padding: .625rem 1rem;
  display: flex;
}

:root .tippy-arrow {
  width: 16px;
  height: 16px;
  color: var(--aw-tippy-bg);
}

:where(:root) .tippy-box > .tippy-arrow:before, :root .tippy-box:not(#aw-tippy):is(:not([data-theme]), [data-theme^="awazira"]) > .tippy-arrow:before, :where(:root) .tippy-box > .tippy-arrow:after, :root .tippy-box:not(#aw-tippy):is(:not([data-theme]), [data-theme^="awazira"]) > .tippy-arrow:after {
  content: "";
  border-style: solid;
  border-color: #0000;
  position: absolute;
}

:where(:root) .tippy-box > .tippy-arrow:after, :root .tippy-box:not(#aw-tippy):is(:not([data-theme]), [data-theme^="awazira"]) > .tippy-arrow:after {
  z-index: -1;
}

:where(:root) .tippy-box[data-placement^="top"] > .tippy-arrow, :root .tippy-box:not(#aw-tippy):is(:not([data-theme]), [data-theme^="awazira"])[data-placement^="top"] > .tippy-arrow {
  bottom: 0;
}

:where(:root) .tippy-box[data-placement^="top"] > .tippy-arrow:before, :root .tippy-box:not(#aw-tippy):is(:not([data-theme]), [data-theme^="awazira"])[data-placement^="top"] > .tippy-arrow:before {
  border-width: 8px 8px 0;
  border-top-color: var(--aw-tippy-bg);
  transform-origin: top;
  bottom: -7px;
  left: 0;
}

:where(:root) .tippy-box[data-placement^="top"] > .tippy-arrow:after, :root .tippy-box:not(#aw-tippy):is(:not([data-theme]), [data-theme^="awazira"])[data-placement^="top"] > .tippy-arrow:after {
  border-width: 7px 7px 0;
  border-top-color: var(--aw-tippy-border);
  top: 17px;
  left: 1px;
}

:where(:root) .tippy-box[data-placement^="bottom"] > .tippy-arrow, :root .tippy-box:not(#aw-tippy):is(:not([data-theme]), [data-theme^="awazira"])[data-placement^="bottom"] > .tippy-arrow {
  top: 0;
}

:where(:root) .tippy-box[data-placement^="bottom"] > .tippy-arrow:before, :root .tippy-box:not(#aw-tippy):is(:not([data-theme]), [data-theme^="awazira"])[data-placement^="bottom"] > .tippy-arrow:before {
  border-width: 0 8px 8px;
  border-bottom-color: var(--aw-tippy-bg);
  transform-origin: bottom;
  top: -7px;
  left: 0;
}

:where(:root) .tippy-box[data-placement^="bottom"] > .tippy-arrow:after, :root .tippy-box:not(#aw-tippy):is(:not([data-theme]), [data-theme^="awazira"])[data-placement^="bottom"] > .tippy-arrow:after {
  border-width: 0 7px 7px;
  border-bottom-color: var(--aw-tippy-border);
  bottom: 17px;
  left: 1px;
}

:where(:root) .tippy-box[data-placement^="left"] > .tippy-arrow, :root .tippy-box:not(#aw-tippy):is(:not([data-theme]), [data-theme^="awazira"])[data-placement^="left"] > .tippy-arrow {
  right: 0;
}

:where(:root) .tippy-box[data-placement^="left"] > .tippy-arrow:before, :root .tippy-box:not(#aw-tippy):is(:not([data-theme]), [data-theme^="awazira"])[data-placement^="left"] > .tippy-arrow:before {
  border-width: 8px 0 8px 8px;
  border-left-color: var(--aw-tippy-bg);
  transform-origin: 0;
  right: -7px;
}

:where(:root) .tippy-box[data-placement^="left"] > .tippy-arrow:after, :root .tippy-box:not(#aw-tippy):is(:not([data-theme]), [data-theme^="awazira"])[data-placement^="left"] > .tippy-arrow:after {
  border-width: 7px 0 7px 7px;
  border-left-color: var(--aw-tippy-border);
  top: 1px;
  left: 17px;
}

:where(:root) .tippy-box[data-placement^="right"] > .tippy-arrow, :root .tippy-box:not(#aw-tippy):is(:not([data-theme]), [data-theme^="awazira"])[data-placement^="right"] > .tippy-arrow {
  left: 0;
}

:where(:root) .tippy-box[data-placement^="right"] > .tippy-arrow:before, :root .tippy-box:not(#aw-tippy):is(:not([data-theme]), [data-theme^="awazira"])[data-placement^="right"] > .tippy-arrow:before {
  border-width: 8px 8px 8px 0;
  border-right-color: var(--aw-tippy-bg);
  transform-origin: 100%;
  left: -7px;
}

:where(:root) .tippy-box[data-placement^="right"] > .tippy-arrow:after, :root .tippy-box:not(#aw-tippy):is(:not([data-theme]), [data-theme^="awazira"])[data-placement^="right"] > .tippy-arrow:after {
  border-width: 7px 7px 7px 0;
  border-right-color: var(--aw-tippy-border);
  top: 1px;
  right: 17px;
}

:where(:root) .tippy-box[data-animation="fade"][data-state="hidden"], :root .tippy-box:not(#aw-tippy):is(:not([data-theme]), [data-theme^="awazira"])[data-animation="fade"][data-state="hidden"], :where(:root) .tippy-box:is([data-animation="shift-away"], [data-animation="shift-away-subtle"])[data-state="hidden"], :root .tippy-box:not(#aw-tippy):is(:not([data-theme]), [data-theme^="awazira"]):is([data-animation="shift-away"], [data-animation="shift-away-subtle"])[data-state="hidden"] {
  opacity: 0;
}

:where(:root) .tippy-box[data-animation="shift-away"][data-state="hidden"][data-placement^="top"], :root .tippy-box:not(#aw-tippy):is(:not([data-theme]), [data-theme^="awazira"])[data-animation="shift-away"][data-state="hidden"][data-placement^="top"] {
  transform: translateY(10px);
}

:where(:root) .tippy-box[data-animation="shift-away"][data-state="hidden"][data-placement^="bottom"], :root .tippy-box:not(#aw-tippy):is(:not([data-theme]), [data-theme^="awazira"])[data-animation="shift-away"][data-state="hidden"][data-placement^="bottom"] {
  transform: translateY(-10px);
}

:where(:root) .tippy-box[data-animation="shift-away"][data-state="hidden"][data-placement^="left"], :root .tippy-box:not(#aw-tippy):is(:not([data-theme]), [data-theme^="awazira"])[data-animation="shift-away"][data-state="hidden"][data-placement^="left"] {
  transform: translateX(10px);
}

:where(:root) .tippy-box[data-animation="shift-away"][data-state="hidden"][data-placement^="right"], :root .tippy-box:not(#aw-tippy):is(:not([data-theme]), [data-theme^="awazira"])[data-animation="shift-away"][data-state="hidden"][data-placement^="right"] {
  transform: translateX(-10px);
}

:where(:root) .tippy-box[data-animation="shift-away-subtle"][data-state="hidden"][data-placement^="top"], :root .tippy-box:not(#aw-tippy):is(:not([data-theme]), [data-theme^="awazira"])[data-animation="shift-away-subtle"][data-state="hidden"][data-placement^="top"] {
  transform: translateY(5px);
}

:where(:root) .tippy-box[data-animation="shift-away-subtle"][data-state="hidden"][data-placement^="bottom"], :root .tippy-box:not(#aw-tippy):is(:not([data-theme]), [data-theme^="awazira"])[data-animation="shift-away-subtle"][data-state="hidden"][data-placement^="bottom"] {
  transform: translateY(-5px);
}

:where(:root) .tippy-box[data-animation="shift-away-subtle"][data-state="hidden"][data-placement^="left"], :root .tippy-box:not(#aw-tippy):is(:not([data-theme]), [data-theme^="awazira"])[data-animation="shift-away-subtle"][data-state="hidden"][data-placement^="left"] {
  transform: translateX(5px);
}

:where(:root) .tippy-box[data-animation="shift-away-subtle"][data-state="hidden"][data-placement^="right"], :root .tippy-box:not(#aw-tippy):is(:not([data-theme]), [data-theme^="awazira"])[data-animation="shift-away-subtle"][data-state="hidden"][data-placement^="right"] {
  transform: translateX(-5px);
}

@media (prefers-reduced-motion: reduce) {
  :where(:root) .tippy-box, :root .tippy-box:not(#aw-tippy):is(:not([data-theme]), [data-theme^="awazira"]) {
    transition-duration: .001ms !important;
    transform: none !important;
  }
}

:root {
  --aw-primary-50: #ecfeff;
  --aw-primary-100: #cffafe;
  --aw-primary-200: #a5f3fc;
  --aw-primary-300: #67e8f9;
  --aw-primary-400: #22d3ee;
  --aw-primary-500: #06b6d4;
  --aw-primary-600: #0891b2;
  --aw-primary-700: #0e7490;
  --aw-primary-800: #155e75;
  --aw-primary-900: #164e63;
  --aw-primary-950: #083344;
  --aw-surface-0: #fff;
  --aw-surface-50: #f8fafc;
  --aw-surface-100: #f1f5f9;
  --aw-surface-200: #e2e8f0;
  --aw-surface-300: #cbd5e1;
  --aw-surface-400: #94a3b8;
  --aw-surface-500: #64748b;
  --aw-surface-600: #475569;
  --aw-surface-700: #334155;
  --aw-surface-800: #1e293b;
  --aw-surface-900: #0f172a;
  --aw-surface-950: #020617;
  --aw-primary: var(--aw-primary-700);
  --aw-primary-hover: var(--aw-primary-800);
  --aw-primary-active: var(--aw-primary-900);
  --aw-primary-contrast: #fff;
  --aw-primary-gradient: linear-gradient(135deg, var(--aw-primary-700), var(--aw-primary-800));
  --aw-primary-gradient-hover: linear-gradient(135deg, var(--aw-primary-800), var(--aw-primary-900));
  --aw-primary-glow: 0 4px 14px -6px var(--aw-primary-500);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --aw-primary-glow: 0 4px 14px -6px color-mix(in srgb, var(--aw-primary-500) 55%, transparent);
  }
}

:root {
  --aw-primary-glow-hover: 0 8px 22px -6px var(--aw-primary-500);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --aw-primary-glow-hover: 0 8px 22px -6px color-mix(in srgb, var(--aw-primary-500) 60%, transparent);
  }
}

:root {
  --aw-text: var(--aw-surface-700);
  --aw-text-strong: var(--aw-surface-900);
  --aw-text-muted: var(--aw-surface-500);
  --aw-text-disabled: var(--aw-surface-400);
  --aw-canvas: var(--az-canvas, #f4f6fb);
  --aw-content-bg: var(--az-card-bg, #fff);
  --aw-content-border: var(--aw-surface-200);
  --aw-content-hover-bg: var(--aw-surface-100);
  --aw-overlay-bg: #fff;
  --aw-overlay-border: var(--aw-surface-200);
  --aw-overlay-shadow: 0 12px 32px -8px #0f172a2e, 0 4px 10px -4px #0f172a14;
  --aw-mask-bg: #0f172a73;
  --aw-card-bg: var(--az-card-bg, #fff);
  --aw-card-border: var(--az-card-border, #0f172a0f);
  --aw-card-shadow: var(--az-card-shadow, 0 1px 2px #0f172a0a, 0 8px 24px -12px #0f172a14);
  --aw-card-shadow-hover: var(--az-card-shadow-hover, 0 2px 4px #0f172a0d, 0 20px 45px -18px var(--aw-primary-600));
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --aw-card-shadow-hover: var(--az-card-shadow-hover, 0 2px 4px #0f172a0d, 0 20px 45px -18px color-mix(in srgb, var(--aw-primary-600) 25%, transparent));
  }
}

:root {
  --aw-field-bg: #fff;
  --aw-field-disabled-bg: var(--aw-surface-100);
  --aw-field-filled-bg: var(--aw-surface-50);
  --aw-field-border: var(--aw-surface-300);
  --aw-field-border-hover: var(--aw-surface-400);
  --aw-field-border-focus: var(--aw-primary);
  --aw-field-border-invalid: #f87171;
  --aw-field-text: var(--aw-surface-700);
  --aw-field-placeholder: var(--aw-surface-500);
  --aw-field-icon: var(--aw-surface-400);
  --aw-field-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 #1212170d;
  --aw-highlight-bg: var(--aw-primary-50);
  --aw-highlight-text: var(--aw-primary-700);
  --aw-highlight-focus-bg: var(--aw-primary-100);
  --aw-option-hover-bg: var(--aw-surface-100);
  --aw-option-hover-text: var(--aw-surface-800);
  --aw-success: #15803d;
  --aw-success-hover: #166534;
  --aw-success-soft-bg: #f0fdf4;
  --aw-success-soft-text: #15803d;
  --aw-success-soft-border: #bbf7d0;
  --aw-info: #0369a1;
  --aw-info-hover: #075985;
  --aw-info-soft-bg: #f0f9ff;
  --aw-info-soft-text: #0369a1;
  --aw-info-soft-border: #bae6fd;
  --aw-warn: #c2410c;
  --aw-warn-hover: #9a3412;
  --aw-warn-soft-bg: #fff7ed;
  --aw-warn-soft-text: #c2410c;
  --aw-warn-soft-border: #fed7aa;
  --aw-danger: #b91c1c;
  --aw-danger-hover: #991b1b;
  --aw-danger-soft-bg: #fef2f2;
  --aw-danger-soft-text: #b91c1c;
  --aw-danger-soft-border: #fecaca;
  --aw-help: #7e22ce;
  --aw-help-hover: #6b21a8;
  --aw-help-soft-bg: #faf5ff;
  --aw-help-soft-text: #7e22ce;
  --aw-help-soft-border: #e9d5ff;
  --aw-secondary-bg: var(--aw-surface-100);
  --aw-secondary-hover-bg: var(--aw-surface-200);
  --aw-secondary-text: var(--aw-surface-600);
  --aw-secondary-soft-bg: var(--aw-surface-100);
  --aw-secondary-soft-text: var(--aw-surface-600);
  --aw-secondary-soft-border: var(--aw-surface-200);
  --aw-contrast-bg: var(--aw-surface-950);
  --aw-contrast-hover-bg: var(--aw-surface-800);
  --aw-contrast-text: var(--aw-surface-0);
  --aw-radius-xs: 4px;
  --aw-radius-sm: 6px;
  --aw-radius-md: 10px;
  --aw-radius-lg: 12px;
  --aw-radius-xl: 16px;
  --aw-radius-pill: 999px;
  --aw-field-height-sm: 30.88px;
  --aw-field-height: 35px;
  --aw-field-height-lg: 40px;
  --aw-field-padding-x-sm: .625rem;
  --aw-field-padding-x: .75rem;
  --aw-field-padding-x-lg: .875rem;
  --aw-font-size-sm: .875rem;
  --aw-font-size: 1rem;
  --aw-font-size-lg: 1.125rem;
  --aw-focus-ring: 0 0 0 2px var(--aw-canvas), 0 0 0 4px var(--aw-primary-500), 0 0 0 8px var(--aw-primary-500);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --aw-focus-ring: 0 0 0 2px var(--aw-canvas), 0 0 0 4px color-mix(in srgb, var(--aw-primary-500) 65%, transparent), 0 0 0 8px color-mix(in srgb, var(--aw-primary-500) 15%, transparent);
  }
}

:root {
  --aw-focus-ring-tight: 0 0 0 2px var(--aw-primary-500);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --aw-focus-ring-tight: 0 0 0 2px color-mix(in srgb, var(--aw-primary-500) 55%, transparent);
  }
}

:root {
  --aw-ease: cubic-bezier(.22, 1, .36, 1);
  --aw-duration-fast: .12s;
  --aw-duration: .18s;
  --aw-duration-slow: .28s;
  --aw-z-sticky: 30;
  --aw-z-overlay: 1000;
  --aw-z-modal: 1100;
  --aw-z-toast: 1200;
  --aw-z-tooltip: 1300;
  --aw-font-mono: "Geist Mono Variable", "Geist Mono", ui-monospace, "Cascadia Code", monospace;
  --aw-font-display: "Bricolage Grotesque Variable", "Bricolage Grotesque", "Geist Variable", "Geist", ui-sans-serif, system-ui, sans-serif;
}

.dark {
  --aw-primary: var(--aw-primary-400);
  --aw-primary-hover: var(--aw-primary-300);
  --aw-primary-active: var(--aw-primary-200);
  --aw-primary-contrast: var(--aw-surface-900);
  --aw-primary-glow: 0 4px 14px -6px var(--aw-primary-400);
}

@supports (color: color-mix(in lab, red, red)) {
  .dark {
    --aw-primary-glow: 0 4px 14px -6px color-mix(in srgb, var(--aw-primary-400) 45%, transparent);
  }
}

.dark {
  --aw-primary-glow-hover: 0 8px 22px -6px var(--aw-primary-400);
}

@supports (color: color-mix(in lab, red, red)) {
  .dark {
    --aw-primary-glow-hover: 0 8px 22px -6px color-mix(in srgb, var(--aw-primary-400) 55%, transparent);
  }
}

.dark {
  --aw-text: var(--aw-surface-0);
  --aw-text-strong: var(--aw-surface-0);
  --aw-text-muted: var(--aw-surface-400);
  --aw-text-disabled: var(--aw-surface-500);
  --aw-canvas: var(--az-canvas, #0b1220);
  --aw-content-bg: var(--az-card-bg, #111a2e);
  --aw-content-border: var(--aw-surface-700);
  --aw-content-hover-bg: var(--aw-surface-800);
  --aw-overlay-bg: var(--aw-surface-900);
  --aw-overlay-border: var(--aw-surface-700);
  --aw-overlay-shadow: 0 16px 40px -10px #0009, 0 4px 12px -4px #0006;
  --aw-mask-bg: #020617a6;
  --aw-card-bg: var(--az-card-bg, #111a2e);
  --aw-card-border: var(--az-card-border, #94a3b81a);
  --aw-card-shadow: var(--az-card-shadow, 0 1px 2px #0000004d, 0 8px 24px -12px #00000080);
  --aw-card-shadow-hover: var(--az-card-shadow-hover, 0 2px 4px #0006, 0 20px 45px -18px var(--aw-primary-400));
}

@supports (color: color-mix(in lab, red, red)) {
  .dark {
    --aw-card-shadow-hover: var(--az-card-shadow-hover, 0 2px 4px #0006, 0 20px 45px -18px color-mix(in srgb, var(--aw-primary-400) 30%, transparent));
  }
}

.dark {
  --aw-field-bg: var(--aw-surface-950);
  --aw-field-disabled-bg: var(--aw-surface-800);
  --aw-field-filled-bg: var(--aw-surface-800);
  --aw-field-border: var(--aw-surface-600);
  --aw-field-border-hover: var(--aw-surface-500);
  --aw-field-border-invalid: #f87171;
  --aw-field-text: var(--aw-surface-0);
  --aw-field-placeholder: var(--aw-surface-400);
  --aw-field-icon: var(--aw-surface-400);
  --aw-field-shadow: 0 0 #0000;
  --aw-highlight-bg: var(--aw-primary-400);
}

@supports (color: color-mix(in lab, red, red)) {
  .dark {
    --aw-highlight-bg: color-mix(in srgb, var(--aw-primary-400) 16%, transparent);
  }
}

.dark {
  --aw-highlight-text: #ffffffde;
  --aw-highlight-focus-bg: var(--aw-primary-400);
}

@supports (color: color-mix(in lab, red, red)) {
  .dark {
    --aw-highlight-focus-bg: color-mix(in srgb, var(--aw-primary-400) 24%, transparent);
  }
}

.dark {
  --aw-option-hover-bg: var(--aw-surface-800);
}

@supports (color: color-mix(in lab, red, red)) {
  .dark {
    --aw-option-hover-bg: color-mix(in oklab, var(--aw-surface-800) 70%, transparent);
  }
}

.dark {
  --aw-option-hover-text: var(--aw-surface-0);
  --aw-success: #4ade80;
  --aw-success-hover: #86efac;
  --aw-success-soft-bg: #052e16;
  --aw-success-soft-text: #86efac;
  --aw-success-soft-border: #14532d;
  --aw-info: #38bdf8;
  --aw-info-hover: #7dd3fc;
  --aw-info-soft-bg: #082f49;
  --aw-info-soft-text: #7dd3fc;
  --aw-info-soft-border: #0c4a6e;
  --aw-warn: #fb923c;
  --aw-warn-hover: #fdba74;
  --aw-warn-soft-bg: #431407;
  --aw-warn-soft-text: #fdba74;
  --aw-warn-soft-border: #7c2d12;
  --aw-danger: #f87171;
  --aw-danger-hover: #fca5a5;
  --aw-danger-soft-bg: #450a0a;
  --aw-danger-soft-text: #fca5a5;
  --aw-danger-soft-border: #7f1d1d;
  --aw-help: #c084fc;
  --aw-help-hover: #d8b4fe;
  --aw-help-soft-bg: #3b0764;
  --aw-help-soft-text: #d8b4fe;
  --aw-help-soft-border: #581c87;
  --aw-secondary-bg: var(--aw-surface-800);
  --aw-secondary-hover-bg: var(--aw-surface-700);
  --aw-secondary-text: var(--aw-surface-300);
  --aw-secondary-soft-bg: var(--aw-surface-800);
  --aw-secondary-soft-text: var(--aw-surface-300);
  --aw-secondary-soft-border: var(--aw-surface-700);
  --aw-contrast-bg: var(--aw-surface-0);
  --aw-contrast-hover-bg: var(--aw-surface-100);
  --aw-contrast-text: var(--aw-surface-950);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --aw-duration-fast: .001ms;
    --aw-duration: .001ms;
    --aw-duration-slow: .001ms;
  }
}

.aw-loading-overlay[data-v-26cdeb34] {
  background: var(--aw-content-bg);
  position: absolute;
  inset: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .aw-loading-overlay[data-v-26cdeb34] {
    background: color-mix(in srgb,var(--aw-content-bg) 70%,transparent);
  }
}

.aw-loading-overlay[data-v-26cdeb34] {
  z-index: 1000;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  justify-content: center;
  align-items: center;
  display: flex;
}

.dark .aw-loading-overlay {
  background: var(--aw-content-bg);
}

@supports (color: color-mix(in lab, red, red)) {
  .dark .aw-loading-overlay {
    background: color-mix(in srgb,var(--aw-content-bg) 70%,transparent);
  }
}

.aw-loading-spinner[data-v-26cdeb34] {
  border: 2.5px solid var(--aw-primary-500);
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
}

@supports (color: color-mix(in lab, red, red)) {
  .aw-loading-spinner[data-v-26cdeb34] {
    border: 2.5px solid color-mix(in srgb,var(--aw-primary-500) 20%,transparent);
  }
}

.aw-loading-spinner[data-v-26cdeb34] {
  border-top-color: var(--aw-primary-500);
  animation: .8s linear infinite aw-loading-spin-26cdeb34;
}

@media (prefers-reduced-motion: reduce) {
  .aw-loading-spinner[data-v-26cdeb34] {
    animation-duration: 3s;
  }
}

@keyframes aw-loading-spin-26cdeb34 {
  to {
    transform: rotate(360deg);
  }
}

.aw-sr-only[data-v-26cdeb34] {
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.aw-stat[data-v-b10145a4] {
  background: var(--aw-card-bg);
  border: 1px solid var(--aw-card-border);
  border-radius: 14px;
  grid-template: "icon label"
                 "icon value"
                 "icon sub"
                 / auto 1fr;
  gap: .1rem .9rem;
  padding: .9rem 1rem;
  transition: transform .22s cubic-bezier(.22, 1, .36, 1), box-shadow .22s, border-color .22s;
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 2px #0f172a0a, 0 8px 24px -14px #0f172a1f;
}

.aw-stat[data-v-b10145a4]:before {
  content: "";
  opacity: .18;
  filter: blur(2px);
  pointer-events: none;
  background: radial-gradient(circle at center,var(--aw-glow, var(--aw-primary-500)),transparent 65%);
  border-radius: 50%;
  width: 160px;
  height: 160px;
  position: absolute;
  top: -40%;
  right: -25%;
}

.aw-stat[data-v-b10145a4]:after {
  content: "";
  background: linear-gradient(180deg,var(--aw-accent, var(--aw-primary-500)),var(--aw-accent, var(--aw-primary-500)));
  width: 3px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .aw-stat[data-v-b10145a4]:after {
    background: linear-gradient(180deg,var(--aw-accent, var(--aw-primary-500)),color-mix(in srgb,var(--aw-accent, var(--aw-primary-500)) 50%,transparent));
  }
}

.aw-stat[data-v-b10145a4]:hover {
  box-shadow: 0 2px 4px #0f172a0f,0 20px 40px -18px var(--aw-accent, var(--aw-primary-500));
  transform: translateY(-2px);
}

@supports (color: color-mix(in lab, red, red)) {
  .aw-stat[data-v-b10145a4]:hover {
    box-shadow: 0 2px 4px #0f172a0f,0 20px 40px -18px color-mix(in srgb,var(--aw-accent, var(--aw-primary-500)) 40%,transparent);
  }
}

.aw-stat[data-v-b10145a4]:hover {
  border-color: var(--aw-accent, var(--aw-primary-500));
}

@supports (color: color-mix(in lab, red, red)) {
  .aw-stat[data-v-b10145a4]:hover {
    border-color: color-mix(in srgb,var(--aw-accent, var(--aw-primary-500)) 28%,var(--aw-card-border));
  }
}

.aw-stat__icon[data-v-b10145a4] {
  background: var(--aw-accent, var(--aw-primary-500));
  border-radius: 10px;
  grid-area: icon;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: inline-flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .aw-stat__icon[data-v-b10145a4] {
    background: color-mix(in srgb,var(--aw-accent, var(--aw-primary-500)) 14%,transparent);
  }
}

.aw-stat__icon[data-v-b10145a4] {
  color: var(--aw-accent, var(--aw-primary-500));
  flex-shrink: 0;
  font-size: 1.4rem;
}

.aw-stat__icon--placeholder[data-v-b10145a4] {
  opacity: .55;
}

.aw-stat__label[data-v-b10145a4] {
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--aw-text-muted);
  grid-area: label;
  margin-bottom: .2rem;
  font-size: .68rem;
  font-weight: 700;
  line-height: 1.1;
}

.aw-stat__value[data-v-b10145a4] {
  letter-spacing: -.03em;
  color: var(--aw-accent, var(--aw-surface-900));
  grid-area: value;
  align-items: baseline;
  gap: .15rem;
  font-family: Bricolage Grotesque, Geist, sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.05;
  display: inline-flex;
}

.aw-stat__unit[data-v-b10145a4] {
  opacity: .7;
  margin-left: .1rem;
  font-size: 1rem;
  font-weight: 600;
}

.aw-stat__sub[data-v-b10145a4] {
  color: var(--aw-text-muted);
  grid-area: sub;
  align-items: center;
  gap: .3rem;
  margin-top: .25rem;
  font-size: .72rem;
  font-weight: 600;
  display: inline-flex;
}

.aw-stat--primary[data-v-b10145a4] {
  --aw-accent: var(--aw-primary-500);
  --aw-glow: #06b6d4;
}

.aw-stat--info[data-v-b10145a4] {
  --aw-accent: #3b82f6;
  --aw-glow: #3b82f6;
}

.aw-stat--success[data-v-b10145a4] {
  --aw-accent: #10b981;
  --aw-glow: #10b981;
}

.aw-stat--warning[data-v-b10145a4] {
  --aw-accent: #f59e0b;
  --aw-glow: #f59e0b;
}

.aw-stat--danger[data-v-b10145a4] {
  --aw-accent: #ef4444;
  --aw-glow: #ef4444;
}

.aw-stat--violet[data-v-b10145a4] {
  --aw-accent: #8b5cf6;
  --aw-glow: #8b5cf6;
}

.aw-stat--neutral[data-v-b10145a4] {
  --aw-accent: #64748b;
  --aw-glow: #64748b;
}

.dark .aw-stat {
  background: var(--aw-card-bg);
  border-color: var(--aw-card-border);
}

.dark .aw-stat__value {
  color: var(--aw-accent, var(--aw-surface-0));
}

.aw-filter-bar--sticky {
  z-index: var(--aw-z-sticky, 30);
  position: sticky;
  top: .5rem;
}

@media (max-width: 639.98px) {
  .aw-filter-bar--sticky {
    position: static;
  }
}

@media print {
  .aw-filter-bar {
    display: none;
  }
}

.filter-field {
  flex-direction: column;
  gap: .35rem;
  min-width: 0;
  display: flex;
}

.filter-field > label {
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--aw-text-muted, #64748b);
  margin: 0;
  font-size: .7rem;
  font-weight: 600;
  line-height: 1;
}

.filter-field > :not(label):not(.aw-toggle-switch):not(.aw-checkbox):not(.aw-radio) {
  width: 100%;
}

.filter-field > :is(.aw-toggle-switch, .aw-checkbox, .aw-radio) {
  align-self: flex-start;
  margin-block: .25rem;
}

.aw-fact-stat[data-v-9c25047f] {
  background: var(--aw-card-bg);
  border: 1px solid var(--aw-card-border);
  border-radius: 14px;
  grid-template: "icon label"
                 "icon value"
                 "icon sub"
                 / auto 1fr;
  gap: .1rem .9rem;
  padding: .9rem 1rem;
  transition: transform .22s cubic-bezier(.22, 1, .36, 1), box-shadow .22s, border-color .22s;
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 2px #0f172a0a, 0 8px 24px -14px #0f172a1f;
}

.aw-fact-stat[data-v-9c25047f]:before {
  content: "";
  opacity: .18;
  filter: blur(2px);
  pointer-events: none;
  background: radial-gradient(circle at center,var(--fact-glow, var(--aw-primary-500)),transparent 65%);
  border-radius: 50%;
  width: 160px;
  height: 160px;
  position: absolute;
  top: -40%;
  right: -25%;
}

.aw-fact-stat[data-v-9c25047f]:after {
  content: "";
  background: linear-gradient(180deg,var(--fact-accent, var(--aw-primary-500)),var(--fact-accent, var(--aw-primary-500)));
  width: 3px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .aw-fact-stat[data-v-9c25047f]:after {
    background: linear-gradient(180deg,var(--fact-accent, var(--aw-primary-500)),color-mix(in srgb,var(--fact-accent, var(--aw-primary-500)) 50%,transparent));
  }
}

.aw-fact-stat[data-v-9c25047f]:hover {
  box-shadow: 0 2px 4px #0f172a0f,0 20px 40px -18px var(--fact-accent, var(--aw-primary-500));
  transform: translateY(-2px);
}

@supports (color: color-mix(in lab, red, red)) {
  .aw-fact-stat[data-v-9c25047f]:hover {
    box-shadow: 0 2px 4px #0f172a0f,0 20px 40px -18px color-mix(in srgb,var(--fact-accent, var(--aw-primary-500)) 40%,transparent);
  }
}

.aw-fact-stat[data-v-9c25047f]:hover {
  border-color: var(--fact-accent, var(--aw-primary-500));
}

@supports (color: color-mix(in lab, red, red)) {
  .aw-fact-stat[data-v-9c25047f]:hover {
    border-color: color-mix(in srgb,var(--fact-accent, var(--aw-primary-500)) 28%,var(--aw-card-border));
  }
}

.aw-fact-stat__icon[data-v-9c25047f] {
  background: var(--fact-accent, var(--aw-primary-500));
  border-radius: 10px;
  grid-area: icon;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: inline-flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .aw-fact-stat__icon[data-v-9c25047f] {
    background: color-mix(in srgb,var(--fact-accent, var(--aw-primary-500)) 14%,transparent);
  }
}

.aw-fact-stat__icon[data-v-9c25047f] {
  color: var(--fact-accent, var(--aw-primary-500));
  font-size: 1.4rem;
}

.aw-fact-stat__label[data-v-9c25047f] {
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--aw-text-muted);
  grid-area: label;
  margin-bottom: .2rem;
  font-size: .68rem;
  font-weight: 700;
  line-height: 1.1;
}

.aw-fact-stat__value[data-v-9c25047f] {
  letter-spacing: -.03em;
  color: var(--fact-accent, var(--aw-surface-900));
  grid-area: value;
  align-items: baseline;
  gap: .15rem;
  font-family: Bricolage Grotesque, Geist, sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.05;
  display: inline-flex;
}

.aw-fact-stat__unit[data-v-9c25047f] {
  opacity: .7;
  margin-left: .1rem;
  font-size: 1rem;
  font-weight: 600;
}

.aw-fact-stat__sub[data-v-9c25047f] {
  color: var(--aw-text-muted);
  grid-area: sub;
  align-items: center;
  gap: .3rem;
  margin-top: .25rem;
  font-size: .72rem;
  font-weight: 600;
  display: inline-flex;
}

.aw-fact-stat--primary[data-v-9c25047f] {
  --fact-accent: var(--aw-primary-500);
  --fact-glow: #06b6d4;
}

.aw-fact-stat--info[data-v-9c25047f] {
  --fact-accent: #3b82f6;
  --fact-glow: #3b82f6;
}

.aw-fact-stat--success[data-v-9c25047f] {
  --fact-accent: #10b981;
  --fact-glow: #10b981;
}

.aw-fact-stat--warning[data-v-9c25047f] {
  --fact-accent: #f59e0b;
  --fact-glow: #f59e0b;
}

.aw-fact-stat--danger[data-v-9c25047f] {
  --fact-accent: #ef4444;
  --fact-glow: #ef4444;
}

.aw-fact-stat--violet[data-v-9c25047f] {
  --fact-accent: #8b5cf6;
  --fact-glow: #8b5cf6;
}

.aw-fact-stat--neutral[data-v-9c25047f] {
  --fact-accent: #64748b;
  --fact-glow: #64748b;
}

.dark .aw-fact-stat {
  background: var(--aw-card-bg);
  border-color: var(--aw-card-border);
}

.dark .aw-fact-stat__value {
  color: var(--fact-accent, var(--aw-surface-0));
}

@media (hover: none) {
  .aw-saved-views__delete {
    opacity: 1;
  }
}

.aw-confirmation-dialog[data-v-718909bb] {
  padding: .5rem 0;
}

.aw-confirmation-dialog__content[data-v-718909bb] {
  margin: 0 0 1.5rem;
}

.aw-confirmation-dialog__actions[data-v-718909bb] {
  justify-content: flex-end;
  gap: .5rem;
  display: flex;
}

.aw-otp-dialog[data-v-bf407177] {
  padding: .5rem 0;
}

:root {
  --az-accent-default-50: var(--aw-accent-default-50);
  --az-accent-default-100: var(--aw-accent-default-100);
  --az-accent-default-200: var(--aw-accent-default-200);
  --az-accent-default-300: var(--aw-accent-default-300);
  --az-accent-default-400: var(--aw-accent-default-400);
  --az-accent-default-500: var(--aw-accent-default-500);
  --az-accent-default-600: var(--aw-accent-default-600);
  --az-accent-default-700: var(--aw-accent-default-700);
  --az-accent-default-800: var(--aw-accent-default-800);
  --az-accent-default-900: var(--aw-accent-default-900);
  --az-accent-default-950: var(--aw-accent-default-950);
  --az-accent-deep: var(--aw-accent-deep);
  --az-accent-deep-dark: var(--aw-accent-deep-dark);
  --az-accent-shadow: var(--aw-accent-shadow);
  --az-canvas: var(--aw-canvas);
  --az-canvas-tint: var(--aw-canvas-tint);
  --az-card-bg: var(--aw-card-bg);
  --az-card-border: var(--aw-card-border);
  --az-card-shadow: var(--aw-card-shadow);
  --az-card-shadow-hover: var(--aw-card-shadow-hover);
  --az-topbar-gradient: linear-gradient(110deg,var(--aw-accent-deep)0%,var(--aw-primary-700)45%,var(--aw-primary-600)100%);
  --az-topbar-shadow: 0 8px 30px -12px var(--aw-accent-shadow),0 2px 8px -2px #082f4926;
}

@supports (color: color-mix(in lab,red,red)) {
  :root {
    --az-topbar-shadow: 0 8px 30px -12px color-mix(in srgb,var(--aw-accent-shadow)40%,transparent),0 2px 8px -2px #082f4926;
  }
}

.dark {
  --az-topbar-gradient: linear-gradient(110deg,var(--aw-surface-950)0%,#0c1a2e 50%,var(--aw-accent-deep-dark)100%);
  --az-topbar-shadow: 0 8px 30px -12px #0009,0 0 0 1px var(--aw-primary-400);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark {
    --az-topbar-shadow: 0 8px 30px -12px #0009,0 0 0 1px color-mix(in srgb,var(--aw-primary-400)8%,transparent);
  }
}

.bg-hs-content {
  background-color: var(--az-card-bg);
}

.hs-content-panel {
  background-color: var(--az-card-bg);
  border: 1px solid var(--az-card-border);
  box-shadow: var(--az-card-shadow);
  border-radius: 14px;
  padding: 1.25rem;
}

.dark .bg-hs-content, .dark .hs-content-panel {
  background-color: var(--az-card-bg);
}

main h1, .home-view h1, .sample-header {
  background: linear-gradient(100deg,var(--aw-surface-900)0%,var(--aw-primary-700)60%,var(--aw-primary-500)100%);
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
}

.dark main h1, .dark .home-view h1, .dark .sample-header {
  background: linear-gradient(100deg,var(--aw-surface-50)0%,var(--aw-primary-300)60%,var(--aw-primary-400)100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

@keyframes az-loading {
  0% {
    background-position: 200% 0;
    transform: translate(-100%);
  }

  50% {
    transform: translate(0);
  }

  to {
    background-position: -200% 0;
    transform: translate(100%);
  }
}

nav.bg-cyan-600 {
  box-shadow: var(--az-topbar-shadow);
  -webkit-backdrop-filter: saturate(140%);
  backdrop-filter: saturate(140%);
  position: fixed;
  background: var(--az-topbar-gradient) !important;
  border-bottom: none !important;
}

nav.bg-cyan-600:after {
  content: "";
  pointer-events: none;
  background: linear-gradient(90deg,transparent,var(--aw-primary-400),transparent);
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

@supports (color: color-mix(in lab,red,red)) {
  nav.bg-cyan-600:after {
    background: linear-gradient(90deg,transparent,color-mix(in srgb,var(--aw-primary-400)55%,transparent),transparent);
  }
}

.dark nav.bg-cyan-600 {
  background: var(--az-topbar-gradient) !important;
}

nav.bg-cyan-600 span.text-xl {
  letter-spacing: -.01em;
  background: linear-gradient(100deg,#fff 0%,var(--aw-primary-200)100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Bricolage Grotesque Variable, Bricolage Grotesque, Geist Variable, Geist, sans-serif;
  font-weight: 600;
}

nav.bg-cyan-600 .aw-avatar {
  font-weight: 600;
  box-shadow: 0 0 0 2px #ffffff2e, 0 2px 8px #00000040;
  color: #fff !important;
  background: linear-gradient(135deg, #ffffff40, #ffffff1a) !important;
}

nav.bg-cyan-600 .bg-white\/20 {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  letter-spacing: .08em;
  text-transform: uppercase;
  border: 1px solid #ffffff2e;
  border-radius: 999px;
  font-size: .7rem;
  font-weight: 600;
  background: #ffffff1f !important;
}

nav.bg-cyan-600 .bg-red-500 {
  box-shadow: 0 0 0 2px #ffffff26, 0 2px 6px #f43f5e80;
  background: linear-gradient(135deg, #f43f5e, #e11d48) !important;
}

.hs-left-menu {
  padding: .5rem;
}

.hs-menu-item {
  margin: .125rem .25rem;
  font-weight: 500;
  position: relative;
  border-radius: 10px !important;
  padding: .625rem .875rem !important;
  text-decoration: none !important;
}

.hs-menu-item:hover, .hs-menu-item:focus-visible {
  text-decoration: none !important;
}

.hs-menu-item:before {
  content: "";
  background: none;
  border-radius: 3px;
  width: 3px;
  transition: background .2s, top .2s, bottom .2s;
  position: absolute;
  top: 20%;
  bottom: 20%;
  left: 0;
}

@supports (color: color-mix(in lab,red,red)) {
  .hs-menu-item:hover {
    background-color: color-mix(in srgb,var(--aw-primary-500)7%,transparent) !important;
  }
}

.hs-menu-item:hover {
  color: var(--aw-primary-700);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark .hs-menu-item:hover {
    background-color: color-mix(in srgb,var(--aw-primary-400)12%,transparent) !important;
  }
}

.dark .hs-menu-item:hover, .dark .hs-menu-item:hover .hs-menu-icon {
  color: var(--aw-primary-300);
}

.hs-menu-item-active {
  background: linear-gradient(90deg,var(--aw-primary-500),var(--aw-primary-500)) !important;
}

@supports (color: color-mix(in lab,red,red)) {
  .hs-menu-item-active {
    background: linear-gradient(90deg,color-mix(in srgb,var(--aw-primary-500)14%,transparent),color-mix(in srgb,var(--aw-primary-500)4%,transparent)) !important;
  }
}

.hs-menu-item-active {
  box-shadow: inset 0 0 0 1px var(--aw-primary-500);
  color: var(--aw-primary-800) !important;
  border-radius: 10px !important;
  margin: .125rem .25rem !important;
}

@supports (color: color-mix(in lab,red,red)) {
  .hs-menu-item-active {
    box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--aw-primary-500)20%,transparent);
  }
}

.hs-menu-item-active:before {
  background: linear-gradient(180deg,var(--aw-primary-400),var(--aw-primary-600));
  top: 15%;
  bottom: 15%;
}

.hs-menu-item-active .hs-menu-icon {
  color: var(--aw-primary-600) !important;
}

.dark .hs-menu-item-active {
  background: linear-gradient(90deg,var(--aw-primary-400),var(--aw-primary-400)) !important;
}

@supports (color: color-mix(in lab,red,red)) {
  .dark .hs-menu-item-active {
    background: linear-gradient(90deg,color-mix(in srgb,var(--aw-primary-400)18%,transparent),color-mix(in srgb,var(--aw-primary-400)4%,transparent)) !important;
  }
}

.dark .hs-menu-item-active {
  box-shadow: inset 0 0 0 1px var(--aw-primary-400);
  color: var(--aw-primary-200) !important;
}

@supports (color: color-mix(in lab,red,red)) {
  .dark .hs-menu-item-active {
    box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--aw-primary-400)25%,transparent);
  }
}

.dark .hs-menu-item-active .hs-menu-icon {
  color: var(--aw-primary-300) !important;
}

.hs-menu-chevron {
  transition: transform .25s cubic-bezier(.22, 1, .36, 1);
}

.hs-submenu {
  border-left: 1px dashed var(--aw-surface-200);
  margin-left: 1.25rem;
  padding-left: .25rem;
}

.dark .hs-submenu {
  border-left-color: #94a3b82e;
}

.hs-submenu-item {
  font-size: .8125rem;
  padding-left: 1.25rem !important;
}

.hs-menu-badge {
  box-shadow: 0 2px 6px -2px var(--aw-primary-500);
  background: linear-gradient(135deg,var(--aw-primary-500),var(--aw-primary-700)) !important;
}

@supports (color: color-mix(in lab,red,red)) {
  .hs-menu-badge {
    box-shadow: 0 2px 6px -2px color-mix(in srgb,var(--aw-primary-500)50%,transparent);
  }
}

.hs-menu-badge {
  letter-spacing: .02em;
}

.route-fade-enter-active, .route-fade-leave-active {
  transition: opacity .35s cubic-bezier(.22, 1, .36, 1), transform .35s cubic-bezier(.22, 1, .36, 1);
}

.route-fade-enter-from {
  opacity: 0;
  transform: translateY(6px);
}

.route-fade-leave-to {
  opacity: 0;
  transform: translateY(-4px);
}

body:before {
  content: "";
  pointer-events: none;
  z-index: 0;
  opacity: .035;
  mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.5 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  position: fixed;
  inset: 0;
}

.dark body:before {
  opacity: .06;
  mix-blend-mode: soft-light;
}

.az-stagger > * {
  opacity: 0;
  animation: .5s cubic-bezier(.22, 1, .36, 1) forwards az-stagger-in;
  transform: translateY(8px);
}

.az-stagger > :first-child {
  animation-delay: 30ms;
}

.az-stagger > :nth-child(2) {
  animation-delay: 80ms;
}

.az-stagger > :nth-child(3) {
  animation-delay: .13s;
}

.az-stagger > :nth-child(4) {
  animation-delay: .18s;
}

.az-stagger > :nth-child(5) {
  animation-delay: .23s;
}

.az-stagger > :nth-child(6) {
  animation-delay: .28s;
}

.az-stagger > :nth-child(7) {
  animation-delay: .33s;
}

.az-stagger > :nth-child(8) {
  animation-delay: .38s;
}

.az-stagger > :nth-child(n+9) {
  animation-delay: .42s;
}

@keyframes az-stagger-in {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

main .grid {
  animation: none;
}

main .grid > .aw-card, main .grid > .sample-card, main .grid > .hs-card {
  opacity: 0;
  animation: .5s cubic-bezier(.22, 1, .36, 1) forwards az-stagger-in;
  transform: translateY(8px);
}

main .grid > :first-child {
  animation-delay: 30ms;
}

main .grid > :nth-child(2) {
  animation-delay: 80ms;
}

main .grid > :nth-child(3) {
  animation-delay: .13s;
}

main .grid > :nth-child(4) {
  animation-delay: .18s;
}

main .grid > :nth-child(5) {
  animation-delay: .23s;
}

main .grid > :nth-child(6) {
  animation-delay: .28s;
}

main .grid > :nth-child(7) {
  animation-delay: .33s;
}

main .grid > :nth-child(8) {
  animation-delay: .38s;
}

.az-divider {
  color: var(--aw-text-muted);
  letter-spacing: .14em;
  text-transform: uppercase;
  align-items: center;
  gap: .75rem;
  margin: 1.5rem 0 1rem;
  font-size: .7rem;
  font-weight: 600;
  display: flex;
}

.az-divider:before, .az-divider:after {
  content: "";
  background: linear-gradient(90deg,transparent,var(--aw-surface-400),transparent);
  flex: 1;
  height: 1px;
}

@supports (color: color-mix(in lab,red,red)) {
  .az-divider:before, .az-divider:after {
    background: linear-gradient(90deg,transparent,color-mix(in srgb,var(--aw-surface-400)55%,transparent),transparent);
  }
}

.dark .az-divider:before, .dark .az-divider:after {
  background: linear-gradient(90deg, #0000, #94a3b84d, #0000);
}

.az-stat {
  background-color: var(--az-card-bg);
  border: 1px solid var(--az-card-border);
  box-shadow: var(--az-card-shadow);
  border-radius: 16px;
  padding: 1.25rem 1.25rem 1.1rem;
  transition: box-shadow .28s cubic-bezier(.22, 1, .36, 1), border-color .28s;
  position: relative;
  overflow: hidden;
}

.az-stat:hover {
  box-shadow: var(--az-card-shadow-hover);
  border-color: var(--aw-primary-500);
}

@supports (color: color-mix(in lab,red,red)) {
  .az-stat:hover {
    border-color: color-mix(in srgb,var(--aw-primary-500)30%,var(--az-card-border));
  }
}

.az-stat:before {
  content: "";
  background: radial-gradient(circle at center,var(--aw-primary-500),transparent 65%);
  width: 180px;
  height: 180px;
  position: absolute;
  top: -40%;
  right: -20%;
}

@supports (color: color-mix(in lab,red,red)) {
  .az-stat:before {
    background: radial-gradient(circle at center,color-mix(in srgb,var(--aw-primary-500)22%,transparent),transparent 65%);
  }
}

.az-stat:before {
  pointer-events: none;
}

.az-stat-label {
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--aw-text-muted);
  margin-bottom: .35rem;
  font-size: .72rem;
  font-weight: 600;
}

.az-stat-value {
  letter-spacing: -.03em;
  color: var(--aw-surface-900);
  font-variant-numeric: tabular-nums;
  font-family: Bricolage Grotesque Variable, Bricolage Grotesque, Geist Variable, Geist, sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.05;
}

.dark .az-stat-value {
  color: var(--aw-surface-0);
}

.az-stat-delta {
  border-radius: 999px;
  align-items: center;
  gap: .25rem;
  margin-top: .5rem;
  padding: .175rem .5rem;
  font-size: .78rem;
  font-weight: 600;
  display: inline-flex;
}

.az-stat-delta.up {
  color: #047857;
  background: #10b9811f;
}

.az-stat-delta.down {
  color: #b91c1c;
  background: #ef44441f;
}

.dark .az-stat-delta.up {
  color: #6ee7b7;
  background: #10b9812e;
}

.dark .az-stat-delta.down {
  color: #fca5a5;
  background: #ef444433;
}

aside > div.flex.flex-col.flex-shrink-0 {
  background: linear-gradient(180deg,var(--aw-surface-100),var(--aw-surface-50)) !important;
}

@supports (color: color-mix(in lab,red,red)) {
  aside > div.flex.flex-col.flex-shrink-0 {
    background: linear-gradient(180deg,color-mix(in srgb,var(--aw-surface-100)60%,transparent),color-mix(in srgb,var(--aw-surface-50)40%,transparent)) !important;
  }
}

aside > div.flex.flex-col.flex-shrink-0 {
  position: relative;
  border-right: 1px solid #0000 !important;
  padding-top: .75rem !important;
}

.dark aside > div.flex.flex-col.flex-shrink-0 {
  background: linear-gradient(#0f172a66, #0b1220a6) !important;
}

aside > div.flex.flex-col.flex-shrink-0:after {
  content: "";
  background: linear-gradient(180deg,transparent,var(--aw-primary-500)15%,var(--az-card-border)50%,var(--aw-primary-500)85%,transparent);
  width: 1px;
  position: absolute;
  top: 1rem;
  bottom: 1rem;
  right: 0;
}

@supports (color: color-mix(in lab,red,red)) {
  aside > div.flex.flex-col.flex-shrink-0:after {
    background: linear-gradient(180deg,transparent,color-mix(in srgb,var(--aw-primary-500)35%,transparent)15%,var(--az-card-border)50%,color-mix(in srgb,var(--aw-primary-500)25%,transparent)85%,transparent);
  }
}

aside > div.flex.flex-col.flex-shrink-0:after {
  pointer-events: none;
}

aside > div.flex.flex-col.flex-shrink-0 .hs-menu-item, aside > div.flex.flex-col.flex-shrink-0 button {
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  border-radius: 12px !important;
  margin: .2rem auto !important;
  padding: 0 !important;
  transition: all .22s cubic-bezier(.22, 1, .36, 1) !important;
}

aside > div.flex.flex-col.flex-shrink-0 .hs-menu-item:hover, aside > div.flex.flex-col.flex-shrink-0 button:hover {
  background: var(--aw-primary-500) !important;
}

@supports (color: color-mix(in lab,red,red)) {
  aside > div.flex.flex-col.flex-shrink-0 .hs-menu-item:hover, aside > div.flex.flex-col.flex-shrink-0 button:hover {
    background: color-mix(in srgb,var(--aw-primary-500)10%,transparent) !important;
  }
}

aside > div.flex.flex-col.flex-shrink-0 .hs-menu-item:hover, aside > div.flex.flex-col.flex-shrink-0 button:hover {
  transform: scale(1.06);
}

aside > div.flex.flex-col.flex-shrink-0 .hs-menu-item-active, aside > div.flex.flex-col.flex-shrink-0 button.active {
  box-shadow: 0 0 0 1px #ffffff14,0 6px 20px -6px var(--aw-primary-500),inset 0 1px #fff3;
  background: linear-gradient(135deg,var(--aw-primary-500),var(--aw-primary-700)) !important;
  color: #fff !important;
}

@supports (color: color-mix(in lab,red,red)) {
  aside > div.flex.flex-col.flex-shrink-0 .hs-menu-item-active, aside > div.flex.flex-col.flex-shrink-0 button.active {
    box-shadow: 0 0 0 1px #ffffff14,0 6px 20px -6px color-mix(in srgb,var(--aw-primary-500)75%,transparent),inset 0 1px #fff3;
  }
}

aside > div.flex.flex-col.flex-shrink-0 .hs-menu-item-active, aside > div.flex.flex-col.flex-shrink-0 button.active {
  margin: .2rem auto !important;
}

aside > div.flex.flex-col.flex-shrink-0 .hs-menu-item-active:before, aside > div.flex.flex-col.flex-shrink-0 button.active:before {
  display: none;
}

aside > div.flex.flex-col.flex-shrink-0 .hs-menu-item-active i, aside > div.flex.flex-col.flex-shrink-0 button.active i {
  text-shadow: 0 1px 2px #0003;
  color: #fff !important;
}

.hs-main-nav {
  position: relative;
  padding: .5rem .25rem !important;
}

.hs-menu-item:after {
  content: "";
  border-radius: inherit;
  background: linear-gradient(90deg,var(--aw-primary-500),transparent 70%);
  position: absolute;
  inset: 0;
}

@supports (color: color-mix(in lab,red,red)) {
  .hs-menu-item:after {
    background: linear-gradient(90deg,color-mix(in srgb,var(--aw-primary-500)14%,transparent),transparent 70%);
  }
}

.hs-menu-item:after {
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s, transform .25s cubic-bezier(.22, 1, .36, 1);
  transform: translate(-8px);
}

.hs-menu-item:hover:after {
  opacity: 1;
  transform: translate(0);
}

.hs-menu-item-active:after {
  display: none;
}

.hs-menu-item-active:before {
  box-shadow: 0 0 12px var(--aw-primary-500),0 0 4px var(--aw-primary-400);
  width: 4px !important;
}

@supports (color: color-mix(in lab,red,red)) {
  .hs-menu-item-active:before {
    box-shadow: 0 0 12px color-mix(in srgb,var(--aw-primary-500)55%,transparent),0 0 4px color-mix(in srgb,var(--aw-primary-400)55%,transparent);
  }
}

.hs-menu-item-active:before {
  top: 22% !important;
  bottom: 22% !important;
}

.hs-menu-chevron {
  opacity: .6;
  transition: transform .3s cubic-bezier(.34, 1.56, .64, 1), color .2s;
}

.hs-menu-item:hover .hs-menu-chevron {
  opacity: 1;
  color: var(--aw-primary-500);
}

.hs-menu-item-expanded .hs-menu-chevron {
  color: var(--aw-primary-500);
  opacity: 1;
}

.hs-menu-category:has(.hs-menu-item-active) > .hs-menu-item-category:not(.hs-menu-item-expanded) {
  position: relative;
}

.hs-menu-category:has(.hs-menu-item-active) > .hs-menu-item-category:not(.hs-menu-item-expanded):after {
  content: "";
  background: var(--aw-primary-500);
  width: 6px;
  height: 6px;
  box-shadow: 0 0 8px var(--aw-primary-500);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
}

@supports (color: color-mix(in lab,red,red)) {
  .hs-menu-category:has(.hs-menu-item-active) > .hs-menu-item-category:not(.hs-menu-item-expanded):after {
    box-shadow: 0 0 8px color-mix(in srgb,var(--aw-primary-500)60%,transparent);
  }
}

.hs-menu-category:has(.hs-menu-item-active) > .hs-menu-item-category:not(.hs-menu-item-expanded):after {
  opacity: 0;
  pointer-events: none;
  animation: .3s ease-out .1s forwards az-menu-dot-in;
}

@keyframes az-menu-dot-in {
  to {
    opacity: 1;
  }
}

.hs-submenu {
  margin: .25rem 0 .35rem 1.5rem;
  padding-left: .5rem;
  position: relative;
  border-left: none !important;
}

.hs-submenu:before {
  content: "";
  background: linear-gradient(180deg,var(--aw-primary-500),var(--az-card-border),transparent);
  width: 1px;
  position: absolute;
  top: .25rem;
  bottom: .25rem;
  left: 0;
}

@supports (color: color-mix(in lab,red,red)) {
  .hs-submenu:before {
    background: linear-gradient(180deg,color-mix(in srgb,var(--aw-primary-500)35%,transparent),var(--az-card-border),transparent);
  }
}

.hs-submenu-item {
  opacity: .92;
  padding-left: 1rem !important;
  font-size: .8125rem !important;
}

.hs-submenu-item:hover {
  opacity: 1;
}

.az-workspace-header {
  background: linear-gradient(135deg,var(--aw-primary-500),var(--aw-primary-500));
  border-radius: 12px;
  align-items: center;
  gap: .625rem;
  margin: .5rem .5rem .75rem;
  padding: .625rem .75rem;
  display: flex;
}

@supports (color: color-mix(in lab,red,red)) {
  .az-workspace-header {
    background: linear-gradient(135deg,color-mix(in srgb,var(--aw-primary-500)12%,transparent),color-mix(in srgb,var(--aw-primary-500)3%,transparent));
  }
}

.az-workspace-header {
  border: 1px solid var(--aw-primary-500);
}

@supports (color: color-mix(in lab,red,red)) {
  .az-workspace-header {
    border: 1px solid color-mix(in srgb,var(--aw-primary-500)18%,transparent);
  }
}

.az-workspace-header .az-workspace-mark {
  color: #fff;
  background: linear-gradient(135deg,var(--aw-primary-500),var(--aw-primary-700));
  width: 2rem;
  height: 2rem;
  box-shadow: 0 2px 8px -2px var(--aw-primary-500);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  font-family: Bricolage Grotesque Variable, Bricolage Grotesque, sans-serif;
  font-size: .9rem;
  font-weight: 700;
  display: flex;
}

@supports (color: color-mix(in lab,red,red)) {
  .az-workspace-header .az-workspace-mark {
    box-shadow: 0 2px 8px -2px color-mix(in srgb,var(--aw-primary-500)60%,transparent);
  }
}

.az-workspace-header .az-workspace-mark {
  letter-spacing: -.02em;
}

.az-workspace-header .az-workspace-text {
  flex-direction: column;
  min-width: 0;
  line-height: 1.1;
  display: flex;
}

.az-workspace-header .az-workspace-name {
  color: var(--aw-text);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: .875rem;
  font-weight: 600;
  overflow: hidden;
}

.az-workspace-header .az-workspace-role {
  color: var(--aw-text-muted);
  letter-spacing: .05em;
  text-transform: uppercase;
  margin-top: .125rem;
  font-size: .7rem;
}

.az-menu-section-label {
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--aw-text-muted);
  padding: .75rem 1rem .35rem;
  font-size: .68rem;
  font-weight: 600;
}

.az-menu-footer {
  border: 1px solid var(--az-card-border);
  background: var(--aw-surface-100);
  border-radius: 12px;
  margin: auto .5rem .5rem;
  padding: .625rem;
}

@supports (color: color-mix(in lab,red,red)) {
  .az-menu-footer {
    background: color-mix(in srgb,var(--aw-surface-100)60%,transparent);
  }
}

.az-menu-footer {
  cursor: pointer;
  align-items: center;
  gap: .625rem;
  transition: background .2s, border-color .2s;
  display: flex;
}

.dark .az-menu-footer {
  background: #0f172a73;
}

.az-menu-footer:hover {
  background: var(--aw-primary-500);
}

@supports (color: color-mix(in lab,red,red)) {
  .az-menu-footer:hover {
    background: color-mix(in srgb,var(--aw-primary-500)6%,transparent);
  }
}

.az-menu-footer:hover {
  border-color: var(--aw-primary-500);
}

@supports (color: color-mix(in lab,red,red)) {
  .az-menu-footer:hover {
    border-color: color-mix(in srgb,var(--aw-primary-500)25%,var(--az-card-border));
  }
}

@media (max-width: 640px) {
  main {
    padding: .75rem !important;
  }

  .aw-card .aw-card__body, .hs-card, .sample-card {
    padding: 1rem !important;
  }

  .aw-card, .hs-card, .sample-card {
    border-radius: 14px !important;
  }

  .aw-card .aw-card__title {
    font-size: 1rem !important;
  }

  .sample-header, main h1 {
    margin-bottom: 1rem !important;
    font-size: 1.5rem !important;
  }

  main .grid {
    gap: .875rem !important;
  }

  nav.bg-cyan-600 {
    padding-left: .75rem !important;
    padding-right: .5rem !important;
  }

  nav.bg-cyan-600 span.text-xl {
    text-overflow: ellipsis;
    max-width: calc(100vw - 140px);
    line-height: 1.2;
    display: inline-block;
    overflow: hidden;
    font-size: 1rem !important;
  }

  nav.bg-cyan-600 img {
    margin-right: .5rem !important;
  }

  .hs-menu-item {
    min-height: 44px;
    padding: .75rem .875rem !important;
    font-size: .9375rem !important;
  }

  .hs-menu-icon {
    font-size: 1.35rem !important;
  }

  .hs-right-panel {
    max-width: 360px;
    width: 100vw !important;
  }

  .hs-footer {
    font-size: .75rem;
    padding: 0 .75rem !important;
  }

  .home-view:before, .home-view:after {
    opacity: .5;
    filter: blur(30px);
  }

  .az-stat-value {
    font-size: 1.7rem;
  }
}

@media (hover: none) {
  .hs-menu-item:after {
    display: none;
  }

  .aw-card:hover, .hs-card:hover, .sample-card:hover {
    box-shadow: var(--az-card-shadow) !important;
    transform: none !important;
  }

  .hs-menu-item:active {
    background: var(--aw-primary-500) !important;
  }

  @supports (color: color-mix(in lab,red,red)) {
    .hs-menu-item:active {
      background: color-mix(in srgb,var(--aw-primary-500)14%,transparent) !important;
    }
  }
}

@media (max-width: 640px) {
  input, select, textarea {
    font-size: 16px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-view:before, .home-view:after {
    animation: none !important;
  }

  .az-stagger > *, main .grid > .aw-card, main .grid > .sample-card, main .grid > .hs-card {
    opacity: 1 !important;
    transform: none !important;
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

nav.bg-cyan-600 .aw-button.aw-button--text, nav.bg-cyan-600 .aw-button.aw-button--text:hover, nav.bg-cyan-600 .aw-button.aw-button--text:focus, nav.bg-cyan-600 .aw-button.aw-button--text:active {
  transform: none;
  color: #fff !important;
  background-color: #0000 !important;
}

nav.bg-cyan-600 .aw-button.aw-button--text:hover {
  background-color: #ffffff26 !important;
}

nav.bg-cyan-600 .aw-button.aw-button--text .aw-button__icon {
  font-size: 1.5rem;
  line-height: 1;
  color: #fff !important;
}

nav.bg-cyan-600 .aw-button.aw-button--text.aw-button--icon-only {
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50% !important;
  padding: 0 !important;
}

nav.bg-cyan-600 .aw-avatar {
  color: #fff;
  background-color: #fff3;
}

.hs-left-menu, .hs-left-menu nav {
  overflow-x: hidden;
}

.hs-tenant-selector {
  border-bottom: 1px solid var(--aw-content-border);
  margin-bottom: .25rem;
  padding: .125rem 0 .625rem;
}

.hs-tenant-caption {
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--aw-text-muted);
  padding: 0 1.125rem .375rem;
  font-size: .6875rem;
  font-weight: 600;
  display: block;
}

.hs-tenant-select.aw-select {
  background-color: var(--aw-surface-50);
  border: 1px solid var(--aw-content-border);
  width: auto;
  min-height: 2.5rem;
  box-shadow: none;
  border-radius: 10px;
  margin: 0 .25rem;
  padding: 0;
  transition: background-color .15s, border-color .15s;
  display: flex;
}

.dark .hs-tenant-select.aw-select {
  background-color: var(--aw-surface-800);
}

@supports (color: color-mix(in lab, red, red)) {
  .dark .hs-tenant-select.aw-select {
    background-color: color-mix(in srgb,var(--aw-surface-800) 70%,transparent);
  }
}

.hs-tenant-select.aw-select:hover {
  background-color: var(--aw-primary-500);
}

@supports (color: color-mix(in lab, red, red)) {
  .hs-tenant-select.aw-select:hover {
    background-color: color-mix(in srgb,var(--aw-primary-500) 7%,var(--aw-surface-50));
  }
}

.hs-tenant-select.aw-select:hover {
  border-color: var(--aw-primary-500);
}

@supports (color: color-mix(in lab, red, red)) {
  .hs-tenant-select.aw-select:hover {
    border-color: color-mix(in srgb,var(--aw-primary-500) 30%,var(--aw-content-border));
  }
}

.dark .hs-tenant-select.aw-select:hover {
  background-color: var(--aw-primary-400);
}

@supports (color: color-mix(in lab, red, red)) {
  .dark .hs-tenant-select.aw-select:hover {
    background-color: color-mix(in srgb,var(--aw-primary-400) 10%,var(--aw-surface-800));
  }
}

.dark .hs-tenant-select.aw-select:hover {
  border-color: var(--aw-primary-400);
}

@supports (color: color-mix(in lab, red, red)) {
  .dark .hs-tenant-select.aw-select:hover {
    border-color: color-mix(in srgb,var(--aw-primary-400) 35%,var(--aw-content-border));
  }
}

.hs-tenant-select.aw-select:not(.aw-field--disabled):has(:focus-visible), .hs-tenant-select.aw-select.aw-field--focus {
  border-color: var(--aw-primary);
  box-shadow: none;
  outline: none;
}

.hs-tenant-select .aw-dropdown__value {
  min-width: 0;
  color: var(--aw-text);
  align-items: center;
  padding: .5rem .25rem .5rem calc(.875rem - 1px);
  display: flex;
  box-shadow: none !important;
}

.hs-tenant-select .aw-dropdown__chevron {
  width: 2.25rem;
  color: var(--aw-text-muted);
  justify-content: center;
}

.hs-tenant-value, .hs-tenant-option {
  align-items: center;
  gap: .75rem;
  min-width: 0;
  display: flex;
}

.hs-tenant-icon, .hs-tenant-option-icon {
  text-align: center;
  width: 1.25rem;
  color: var(--aw-primary);
  flex-shrink: 0;
  font-size: 1.25rem;
}

.hs-tenant-option-icon {
  color: var(--aw-text-muted);
}

.hs-tenant-value .hs-tenant-name {
  color: var(--aw-text-strong, var(--aw-text));
  font-size: .875rem;
  font-weight: 600;
}

.hs-tenant-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.hs-tenant-overlay.aw-select-panel {
  border: 1px solid var(--aw-surface-200);
  border-radius: 10px;
  box-shadow: 0 10px 25px -5px #00000026;
}

.dark .hs-tenant-overlay.aw-select-panel {
  border-color: var(--aw-surface-700);
}

.hs-tenant-overlay .aw-option {
  border-radius: .375rem;
  margin: .125rem .25rem;
  padding: .5rem .875rem;
}

.hs-tenant-overlay .aw-option.aw-option--selected {
  background-color: var(--aw-primary);
  color: var(--aw-primary-contrast);
}

.hs-tenant-overlay .aw-option.aw-option--selected .hs-tenant-option-icon {
  color: var(--aw-primary-contrast);
}

.hs-tenant-overlay .aw-option.aw-option--disabled {
  cursor: not-allowed;
}

.hs-tenant-option-disabled {
  opacity: .55;
}

.hs-tenant-unavailable {
  white-space: nowrap;
  color: var(--aw-text-muted);
  margin-left: auto;
  padding-left: .5rem;
  font-size: .6875rem;
  font-style: italic;
  font-weight: 600;
}

.hs-menu-separator-item {
  padding: .5rem .75rem;
  list-style: none;
}

.hs-menu-separator {
  border: 0;
  border-top: 1px solid #00000014;
  margin: 0;
}

.dark .hs-menu-separator {
  border-top-color: #ffffff1a;
}

.hs-menu-item {
  color: var(--aw-text);
  cursor: pointer;
  text-align: left;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  font-size: .875rem;
  font-weight: 500;
  line-height: inherit;
  appearance: none;
  background: none;
  border: none;
  border-radius: 0;
  align-items: center;
  gap: .75rem;
  margin: 0;
  padding: .625rem 1rem;
  font-family: inherit;
  text-decoration: none;
  transition: all .15s;
  display: flex;
  overflow: hidden;
}

.hs-menu-item:hover {
  background-color: var(--aw-surface-100);
}

.dark .hs-menu-item:hover {
  background-color: var(--aw-surface-700);
}

.hs-menu-icon {
  text-align: center;
  width: 1.25rem;
  min-width: 1.25rem;
  color: var(--aw-text-muted);
  flex-shrink: 0;
  font-size: 1.25rem;
  transition: color .15s;
}

.hs-menu-item:hover .hs-menu-icon {
  color: var(--aw-primary);
}

.hs-menu-label {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.hs-menu-badge {
  background-color: var(--aw-primary);
  color: #fff;
  border-radius: 9999px;
  padding: .125rem .5rem;
  font-size: .75rem;
  font-weight: 600;
}

.hs-menu-chevron {
  color: var(--aw-text-muted);
  flex-shrink: 0;
  font-size: .875rem;
  transition: transform .2s;
}

.hs-menu-item-active {
  background-color: var(--aw-primary) !important;
  color: #fff !important;
  border-radius: 0 !important;
  margin: 0 !important;
}

.hs-menu-item-active .hs-menu-icon, .hs-menu-item-active .hs-menu-chevron {
  color: #fff !important;
}

.hs-submenu {
  border-left: none;
  margin-top: .25rem;
  padding-left: 0;
}

.hs-submenu-item {
  padding: .5rem 1rem .5rem 2.5rem;
  font-size: .8125rem;
}

.collapse-enter-active, .collapse-leave-active {
  transition: all .2s;
  overflow: hidden;
}

.collapse-enter-from, .collapse-leave-to {
  opacity: 0;
  max-height: 0;
}

.collapse-enter-to, .collapse-leave-from {
  opacity: 1;
  max-height: 500px;
}

.hs-left-menu nav {
  scrollbar-width: thin;
  scrollbar-color: var(--aw-surface-300) transparent;
}

.hs-left-menu nav::-webkit-scrollbar {
  width: 4px;
}

.hs-left-menu nav::-webkit-scrollbar-track {
  background: none;
}

.hs-left-menu nav::-webkit-scrollbar-thumb {
  background-color: var(--aw-surface-300);
  border-radius: 4px;
}

.dark .hs-left-menu nav {
  scrollbar-color: var(--aw-surface-600) transparent;
}

.dark .hs-left-menu nav::-webkit-scrollbar-thumb {
  background-color: var(--aw-surface-600);
}

.hs-module-menu {
  background: linear-gradient(#0000 0%, #00000005 100%);
}

.dark .hs-module-menu {
  background: linear-gradient(#0000 0%, #0000001a 100%);
}

.hs-module-item {
  transition: transform .15s;
  position: relative;
}

.hs-module-item:hover {
  transform: scale(1.05);
}

.hs-module-item:active {
  transform: scale(.95);
}

.hs-module-menu .hs-module-btn {
  aspect-ratio: 1;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  transition: all .2s;
  border-radius: 50% !important;
  width: 2.75rem !important;
  min-width: 2.75rem !important;
  max-width: 2.75rem !important;
  height: 2.75rem !important;
  padding: 0 !important;
  display: flex !important;
}

.hs-module-menu .hs-module-btn .aw-button__icon {
  font-size: 1.375rem;
}

.hs-module-menu .hs-module-btn:hover, .hs-module-menu .hs-module-btn:active {
  transform: none;
}

.hs-module-menu .hs-module-btn .hs-linked-app-icon {
  object-fit: contain;
  border-radius: 4px;
  width: 1.375rem;
  height: 1.375rem;
}

.hs-module-menu .hs-module-btn.aw-button--secondary.aw-button--text {
  color: var(--aw-text-muted);
}

.hs-module-menu .hs-module-btn.aw-button--secondary.aw-button--text:hover {
  color: var(--aw-text);
  background-color: #0000000f;
}

.dark .hs-module-menu .hs-module-btn.aw-button--secondary.aw-button--text:hover {
  background-color: #ffffff14;
}

.hs-module-active .hs-module-btn {
  background: var(--aw-primary);
  box-shadow: none;
}

.hs-module-active .hs-module-btn:hover {
  background: var(--aw-primary-600);
  box-shadow: none;
}

.hs-module-active .hs-module-btn:after {
  display: none;
}

.hs-module-active .hs-module-btn .aw-button__icon {
  color: #fff;
}

.hs-module-divider {
  --aw-divider-color: #0000001a;
  margin: 0;
}

.dark .hs-module-divider {
  --aw-divider-color: #ffffff1a;
}

.aw-accent-swatch[data-v-f10404f3] {
  border: 1px solid var(--aw-surface-200);
  cursor: pointer;
  background: none;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  gap: .375rem;
  padding: .5rem .25rem;
  transition: border-color .18s, background-color .18s;
  display: flex;
}

.dark {
  border-color: var(--aw-surface-700);
}

.aw-accent-swatch[data-v-f10404f3]:hover {
  border-color: var(--aw-primary-500);
}

@supports (color: color-mix(in lab, red, red)) {
  .aw-accent-swatch[data-v-f10404f3]:hover {
    border-color: color-mix(in srgb,var(--aw-primary-500) 45%,transparent);
  }
}

.aw-accent-swatch-active[data-v-f10404f3] {
  border-color: var(--aw-primary-500);
  background-color: var(--aw-primary-500);
}

@supports (color: color-mix(in lab, red, red)) {
  .aw-accent-swatch-active[data-v-f10404f3] {
    background-color: color-mix(in srgb,var(--aw-primary-500) 8%,transparent);
  }
}

.aw-accent-chip[data-v-f10404f3] {
  background: linear-gradient(135deg,var(--aw-primary-400),var(--aw-primary-700));
  border-radius: 8px;
  width: 1.75rem;
  height: 1.75rem;
  position: relative;
  box-shadow: inset 0 0 0 1px #00000014;
}

.aw-accent-chip-default[data-v-f10404f3] {
  background: linear-gradient(135deg,var(--az-accent-default-400),var(--az-accent-default-700));
}

.aw-accent-swatch-active .aw-accent-chip[data-v-f10404f3]:after {
  content: "";
  border: 2px solid #fff;
  border-width: 0 2px 2px 0;
  width: .4rem;
  height: .7rem;
  margin: auto;
  position: absolute;
  inset: 0;
  transform: translateY(-1px) rotate(45deg);
}

.aw-accent-name[data-v-f10404f3] {
  color: var(--aw-text-muted);
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  font-size: .7rem;
  line-height: 1;
  overflow: hidden;
}

.aw-accent-swatch-active .aw-accent-name[data-v-f10404f3] {
  color: var(--aw-text);
  font-weight: 600;
}

.hs-right-panel .aw-drawer__header {
  padding: 0;
}

.hs-right-panel .aw-drawer__title {
  font: inherit;
  letter-spacing: normal;
  color: inherit;
  flex: auto;
}

.hs-right-panel .aw-drawer__content {
  padding: 0;
}

.hs-terminal {
  resize: both;
  overflow: hidden;
}

.hs-terminal .aw-input-text {
  box-shadow: none;
  background: none;
  border: none;
}

.slide-up-enter-active[data-v-56d76b1e], .slide-up-leave-active[data-v-56d76b1e] {
  transition: transform .4s cubic-bezier(.4, 0, .2, 1), opacity .4s;
}

.slide-up-enter-from[data-v-56d76b1e], .slide-up-leave-to[data-v-56d76b1e] {
  opacity: 0;
  transform: translateY(100%);
}

.hs-skip-link[data-v-95a4a0e2] {
  z-index: 1000000;
  background: var(--aw-primary);
  color: #fff;
  border-radius: 0 0 .375rem;
  padding: .5rem 1rem;
  font-weight: 600;
  position: fixed;
  top: 0;
  left: 0;
  transform: translateY(-200%);
}

.hs-skip-link[data-v-95a4a0e2]:focus, .hs-skip-link[data-v-95a4a0e2]:focus-visible {
  transform: translateY(0);
}

.hs-main-region[data-v-95a4a0e2]:focus {
  outline: none;
}

.hs-main-region[data-v-95a4a0e2]:focus-visible {
  outline: 2px solid var(--aw-primary);
  outline-offset: -2px;
}

.fade-enter-active[data-v-95a4a0e2], .fade-leave-active[data-v-95a4a0e2] {
  transition: opacity .2s;
}

.fade-enter-from[data-v-95a4a0e2], .fade-leave-to[data-v-95a4a0e2] {
  opacity: 0;
}

.slide-enter-active[data-v-95a4a0e2], .slide-leave-active[data-v-95a4a0e2] {
  transition: transform .3s;
}

.slide-enter-from[data-v-95a4a0e2], .slide-leave-to[data-v-95a4a0e2] {
  transform: translate(-100%);
}

.route-fade-enter-active[data-v-95a4a0e2], .route-fade-leave-active[data-v-95a4a0e2] {
  transition: opacity .3s;
}

.route-fade-enter-from[data-v-95a4a0e2], .route-fade-leave-to[data-v-95a4a0e2] {
  opacity: 0;
}

.hs-content-panel {
  transition: box-shadow .2s;
}

.hs-content-panel:hover {
  box-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;
}

.dark .hs-content-panel:hover {
  box-shadow: 0 4px 6px -1px #0000004d, 0 2px 4px -1px #0003;
}

@keyframes float-7c8f9369 {
  0%, to {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-10px);
  }
}

.hs-not-found .la-ghost[data-v-7c8f9369] {
  animation: 3s ease-in-out infinite float-7c8f9369;
}

.az-article .math .katex, .az-article .math .katex * {
  color: inherit;
}

.az-article .math-block {
  margin-block: calc(var(--spacing) * 4);
  background-color: var(--aw-surface-50);
  padding: calc(var(--spacing) * 3);
  color: var(--aw-surface-900);
  border-radius: .25rem;
  overflow-x: auto;
}

.az-article .math-block:is(.dark, .dark *) {
  background-color: var(--aw-surface-900);
  color: var(--aw-surface-0);
}

.az-article .math-inline {
  color: var(--aw-surface-900);
}

.az-article .math-inline:is(.dark, .dark *) {
  color: var(--aw-surface-0);
}

.az-article .math .katex-error {
  color: var(--color-red-600);
}

.az-article .math .katex-error:is(.dark, .dark *) {
  color: var(--color-red-400);
}

.az-article table {
  margin-block: calc(var(--spacing) * 4);
  border-collapse: collapse;
  width: 100%;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}

.az-article thead {
  background-color: var(--aw-surface-100);
}

.az-article thead:is(.dark, .dark *) {
  background-color: var(--aw-surface-800);
}

.az-article th {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--aw-surface-300);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2);
  text-align: left;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--aw-surface-900);
}

.az-article th:is(.dark, .dark *) {
  border-color: var(--aw-surface-700);
  color: var(--aw-surface-0);
}

.az-article td {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--aw-surface-300);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2);
  vertical-align: top;
  color: var(--aw-surface-800);
}

.az-article td:is(.dark, .dark *) {
  border-color: var(--aw-surface-700);
  color: var(--aw-surface-100);
}

.az-article tbody tr:nth-child(2n) {
  background-color: var(--aw-surface-50);
}

@supports (color: color-mix(in lab, red, red)) {
  .az-article tbody tr:nth-child(2n) {
    background-color: color-mix(in oklab, var(--aw-surface-50) 60%, transparent);
  }
}

.az-article tbody tr:nth-child(2n):is(.dark, .dark *) {
  background-color: var(--aw-surface-900);
}

@supports (color: color-mix(in lab, red, red)) {
  .az-article tbody tr:nth-child(2n):is(.dark, .dark *) {
    background-color: color-mix(in oklab, var(--aw-surface-900) 40%, transparent);
  }
}

.az-article pre.shiki {
  margin-block: calc(var(--spacing) * 4);
  border-radius: var(--radius-md);
  padding: calc(var(--spacing) * 4);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
  background-color: revert;
  color: revert;
  overflow-x: auto;
}

.az-article pre.shiki code {
  color: inherit;
  font-weight: inherit;
  background: none;
  border-radius: 0;
  padding: 0;
}

.az-article pre.shiki code:before, .az-article pre.shiki code:after {
  content: none;
}

html.dark .az-article pre.shiki, html.dark .az-article pre.shiki span {
  color: var(--shiki-dark) !important;
  background-color: var(--shiki-dark-bg) !important;
  font-style: var(--shiki-dark-font-style) !important;
  font-weight: var(--shiki-dark-font-weight) !important;
  -webkit-text-decoration: var(--shiki-dark-text-decoration) !important;
  -webkit-text-decoration: var(--shiki-dark-text-decoration) !important;
  text-decoration: var(--shiki-dark-text-decoration) !important;
}

.az-article pre.az-code-fallback {
  margin-block: calc(var(--spacing) * 4);
  border-radius: var(--radius-md);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--aw-surface-200);
  background-color: var(--aw-surface-50);
  padding: calc(var(--spacing) * 4);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
  color: var(--aw-surface-900);
  overflow-x: auto;
}

.az-article pre.az-code-fallback:is(.dark, .dark *) {
  border-color: var(--aw-surface-700);
  background-color: var(--aw-surface-900);
  color: var(--aw-surface-100);
}

.az-article .az-embed {
  margin-block: calc(var(--spacing) * 4);
  border-radius: var(--radius-md);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--aw-surface-200);
  background-color: var(--aw-surface-50);
  overflow: hidden;
}

.az-article .az-embed:is(.dark, .dark *) {
  border-color: var(--aw-surface-700);
  background-color: var(--aw-surface-900);
}

.az-article .az-embed iframe {
  background: none;
  width: 100%;
  display: block;
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

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

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

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

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-divide-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-gradient-position {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-ordinal {
  syntax: "*";
  inherits: false
}

@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}