/* =====================================================================
   UtcPack.Blazor.AlignUI — single entry stylesheet (generated).
   Built by tailwind/bundle.mjs — edit the sources under wwwroot/css/, not this file.
     <link href="_content/UtcPack.Blazor.AlignUI/alignui.css" rel="stylesheet" />
   ===================================================================== */

/* ---------- Self-hosted typefaces (css/fonts.css) ---------- */
/* =====================================================================
   UtcPack.Blazor.AlignUI — self-hosted typefaces.

   Shipped with the package rather than pulled from fonts.googleapis.com so
   that installing the design system is a single step and needs no network
   at render time. That matters for two consumers in particular: apps behind
   a corporate perimeter that cannot reach Google's CDN, and anything
   installed via MCP, where a manual "now add these font links" step would
   silently degrade to a system sans.

   Google Sans is OFL / open source (fonts.google.com/specimen/Google+Sans).
   One variable file per subset covers weights 400-700, ~89 KB for the four
   subsets below — latin + latin-ext + cyrillic + cyrillic-ext, which is what
   Russian and Uzbek copy needs.
   ===================================================================== */

/* cyrillic-ext */
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(./fonts/google-sans-cyrillic-ext.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(./fonts/google-sans-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(./fonts/google-sans-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, 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;
}

/* latin */
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(./fonts/google-sans-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}/* Inter — cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(./fonts/inter-cyrillic-ext.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* Inter — cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(./fonts/inter-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* Inter — latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(./fonts/inter-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, 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;
}

/* Inter — latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(./fonts/inter-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Geist — cyrillic-ext */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(./fonts/geist-cyrillic-ext.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* Geist — cyrillic */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(./fonts/geist-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* Geist — latin-ext */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(./fonts/geist-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, 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;
}

/* Geist — latin */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(./fonts/geist-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ---------- AlignUI's exact Tailwind output (css/alignui.tw.css) ---------- */
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:hsl(var(--blue-500)/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:hsl(var(--blue-500)/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }:where([data-alignui]) *,:where([data-alignui]) :after,:where([data-alignui]) :before{box-sizing:border-box;border-width:0;border-style:solid;border-color:hsl(var(--stroke-soft-200,220 17% 90%))}:where([data-alignui]) :after,:where([data-alignui]) :before{--tw-content:""}:where([data-alignui]) button,:where([data-alignui]) input,:where([data-alignui]) optgroup,:where([data-alignui]) select,:where([data-alignui]) textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}:where([data-alignui]) button,:where([data-alignui]) select{text-transform:none}:where([data-alignui]) [type=button],:where([data-alignui]) [type=reset],:where([data-alignui]) [type=submit],:where([data-alignui]) button{-webkit-appearance:button;background-color:transparent;background-image:none;cursor:pointer}:where([data-alignui]) :disabled{cursor:default}:where([data-alignui]) :is(img,svg,video,canvas,audio,iframe,embed,object){display:block;vertical-align:middle}:where([data-alignui]) :is(img,video){max-width:100%;height:auto}:root{--neutral-950:221.54 31.71% 8.04%;--neutral-900:226.15 21.31% 11.96%;--neutral-800:227.14 17.07% 16.08%;--neutral-700:221.25 15.69% 20%;--neutral-600:222 10.87% 36.08%;--neutral-500:221.05 7.76% 48.04%;--neutral-400:220 11.48% 64.12%;--neutral-300:218.57 15.22% 81.96%;--neutral-200:220 17.65% 90%;--neutral-100:210 30% 96.08%;--neutral-50:216 33.33% 97.06%;--neutral-0:0 0% 100%;--neutral-alpha-24:220 11.48% 64.12%/24%;--neutral-alpha-16:220 11.48% 64.12%/16%;--neutral-alpha-10:220 11.48% 64.12%/10%;--blue-950:228.14 70.49% 23.92%;--blue-900:228 70.55% 31.96%;--blue-800:228.17 69.61% 40%;--blue-700:228.07 69.8% 48.04%;--blue-600:228 80.36% 56.08%;--blue-500:227.94 100% 60%;--blue-400:222.12 100% 70.39%;--blue-300:219.81 100% 79.61%;--blue-200:220 100% 87.65%;--blue-100:221.43 100% 91.76%;--blue-50:222 100% 96.08%;--blue-alpha-24:227.93 100% 63.92%/24%;--blue-alpha-16:227.93 100% 63.92%/16%;--blue-alpha-10:227.93 100% 63.92%/10%;--orange-950:23.72 70.49% 23.92%;--orange-900:24 70.55% 31.96%;--orange-800:24.08 69.61% 40%;--orange-700:23.86 69.8% 48.04%;--orange-600:24 80.36% 56.08%;--orange-500:24.13 100% 63.92%;--orange-400:23.84 100% 70.39%;--orange-300:24.23 100% 79.61%;--orange-200:23.81 100% 87.65%;--orange-100:24.29 100% 91.76%;--orange-50:24 100% 96.08%;--orange-alpha-24:24.13 100% 63.92%/24%;--orange-alpha-16:24.13 100% 63.92%/16%;--orange-alpha-10:24.13 100% 63.92%/10%;--red-950:355.12 70.49% 23.92%;--red-900:354.78 70.55% 31.96%;--red-800:354.93 69.61% 40%;--red-700:355.09 69.8% 48.04%;--red-600:355 80.36% 56.08%;--red-500:354.8 96.08% 60%;--red-400:354.83 100% 70.39%;--red-300:354.81 100% 79.61%;--red-200:355.24 100% 87.65%;--red-100:355.71 100% 91.76%;--red-50:357 100% 96.08%;--red-alpha-24:354.8 96.08% 60%/24%;--red-alpha-16:354.8 96.08% 60%/16%;--red-alpha-10:354.8 96.08% 60%/10%;--green-950:148.47 72.84% 15.88%;--green-900:148.46 63.93% 23.92%;--green-800:147.69 63.64% 28.04%;--green-700:148.21 71.78% 31.96%;--green-600:147.95 71.57% 40%;--green-500:148.15 72.32% 43.92%;--green-400:147.78 72.32% 56.08%;--green-300:147.96 72.03% 71.96%;--green-200:148.24 71.83% 86.08%;--green-100:154.88 84.31% 90%;--green-50:147.69 72.22% 92.94%;--green-alpha-24:148.15 72.32% 43.92%/24%;--green-alpha-16:148.15 72.32% 43.92%/16%;--green-alpha-10:148.15 72.32% 43.92%/10%;--yellow-950:42.16 60.66% 23.92%;--yellow-900:41.71 64.42% 31.96%;--yellow-800:42 63.73% 40%;--yellow-700:42.04 64.08% 48.04%;--yellow-600:41.85 80.39% 50%;--yellow-500:41.94 92.31% 54.12%;--yellow-400:42.12 100% 70.39%;--yellow-300:42.12 100% 79.61%;--yellow-200:41.9 100% 87.65%;--yellow-100:41.18 100% 90%;--yellow-50:43.9 100% 91.96%;--yellow-alpha-24:41.93 95.65% 63.92%/24%;--yellow-alpha-16:41.93 95.65% 63.92%/16%;--yellow-alpha-10:41.93 95.65% 63.92%/10%;--purple-950:257.8 63.64% 28.04%;--purple-900:258.29 64.42% 31.96%;--purple-800:258 63.73% 40%;--purple-700:257.96 64.08% 48.04%;--purple-600:255.93 72.32% 56.08%;--purple-500:255.93 88.04% 63.92%;--purple-400:252.18 88.08% 70.39%;--purple-300:249.81 100% 79.61%;--purple-200:249.52 100% 87.65%;--purple-100:250 100% 91.76%;--purple-50:252 100% 96.08%;--purple-alpha-24:255.93 83.51% 61.96%/24%;--purple-alpha-16:255.93 83.51% 61.96%/16%;--purple-alpha-10:255.93 83.51% 61.96%/10%;--sky-950:200.23 70.49% 23.92%;--sky-900:199.83 70.55% 31.96%;--sky-800:199.86 69.61% 40%;--sky-700:200 69.8% 48.04%;--sky-600:200 80.36% 56.08%;--sky-500:199.89 100% 63.92%;--sky-400:199.87 100% 70.39%;--sky-300:200.19 100% 79.61%;--sky-200:200 100% 87.65%;--sky-100:200 100% 91.76%;--sky-50:201 100% 96.08%;--sky-alpha-24:199.89 100% 63.92%/24%;--sky-alpha-16:199.89 100% 63.92%/16%;--sky-alpha-10:199.89 100% 63.92%/10%;--pink-950:330 70.49% 23.92%;--pink-900:329.74 70.55% 31.96%;--pink-800:330 69.61% 40%;--pink-700:330.18 69.8% 48.04%;--pink-600:330 80.36% 56.08%;--pink-500:330 95.65% 63.92%;--pink-400:330.2 100% 70.39%;--pink-300:330 100% 79.61%;--pink-200:330.48 100% 87.65%;--pink-100:330 100% 91.76%;--pink-50:333 100% 96.08%;--pink-alpha-24:330 95.65% 63.92%/24%;--pink-alpha-16:330 95.65% 63.92%/16%;--pink-alpha-10:330 95.65% 63.92%/10%;--teal-950:171.86 72.84% 15.88%;--teal-900:172.31 63.93% 23.92%;--teal-800:172.09 63.64% 28.04%;--teal-700:172.31 71.78% 31.96%;--teal-600:172.19 71.57% 40%;--teal-500:171.86 72.24% 48.04%;--teal-400:172.08 70.67% 55.88%;--teal-300:171.84 72.03% 71.96%;--teal-200:171.76 71.83% 86.08%;--teal-100:171.63 84.31% 90%;--teal-50:172.17 74.19% 93.92%;--teal-alpha-24:171.86 72.24% 48.04%/24%;--teal-alpha-16:171.86 72.24% 48.04%/16%;--teal-alpha-10:171.86 72.24% 48.04%/10%;--white-alpha-24:0 0% 100%/24%;--white-alpha-16:0 0% 100%/16%;--white-alpha-10:0 0% 100%/10%;--black-alpha-24:0 0% 0%/24%;--black-alpha-16:0 0% 0%/16%;--black-alpha-10:0 0% 0%/10%;--overlay:221.25 15.69% 20%/24%;--social-apple:0 0% 0%;--social-twitter:0 0% 0.39%;--social-github:212.73 13.25% 16.27%;--social-notion:210 11.76% 13.33%;--social-tidal:0 0% 0%;--social-amazon:210 14.52% 24.31%;--social-zendesk:46.67 25.71% 6.86%;--primary-dark:var(--blue-800);--primary-darker:var(--blue-700);--primary-base:var(--blue-500);--primary-light:var(--blue-100);--primary-lighter:var(--blue-50);--primary-alpha-24:var(--blue-alpha-24);--primary-alpha-16:var(--blue-alpha-16);--primary-alpha-10:var(--blue-alpha-10);--primary-on:var(--static-white);--static-black:var(--neutral-950);--static-white:var(--neutral-0);--bg-strong-950:var(--neutral-950);--bg-surface-800:var(--neutral-800);--bg-sub-300:var(--neutral-300);--bg-soft-200:var(--neutral-200);--bg-weak-50:var(--neutral-50);--bg-weak-25:0 0% 96.86%;--bg-white-0:var(--neutral-0);--text-strong-950:var(--neutral-950);--text-sub-600:var(--neutral-600);--text-soft-400:var(--neutral-400);--text-disabled-300:var(--neutral-300);--text-white-0:var(--neutral-0);--stroke-strong-950:var(--neutral-950);--stroke-sub-300:var(--neutral-300);--stroke-soft-200:var(--neutral-200);--stroke-white-0:var(--neutral-0);--faded-dark:var(--neutral-800);--faded-base:var(--neutral-500);--faded-light:var(--neutral-200);--faded-lighter:var(--neutral-100);--information-dark:var(--blue-950);--information-base:var(--blue-500);--information-light:var(--blue-200);--information-lighter:var(--blue-50);--warning-dark:var(--orange-950);--warning-base:var(--orange-500);--warning-light:var(--orange-200);--warning-lighter:var(--orange-50);--error-dark:var(--red-950);--error-base:var(--red-500);--error-light:var(--red-200);--error-lighter:var(--red-50);--success-dark:var(--green-950);--success-base:var(--green-500);--success-light:var(--green-200);--success-lighter:var(--green-50);--away-dark:var(--yellow-950);--away-base:var(--yellow-500);--away-light:var(--yellow-200);--away-lighter:var(--yellow-50);--feature-dark:var(--purple-950);--feature-base:var(--purple-500);--feature-light:var(--purple-200);--feature-lighter:var(--purple-50);--verified-dark:var(--sky-950);--verified-base:var(--sky-500);--verified-light:var(--sky-200);--verified-lighter:var(--sky-50);--highlighted-dark:var(--pink-950);--highlighted-base:var(--pink-500);--highlighted-light:var(--pink-200);--highlighted-lighter:var(--pink-50);--stable-dark:var(--teal-950);--stable-base:var(--teal-500);--stable-light:var(--teal-200);--stable-lighter:var(--teal-50)}.dark{--primary-dark:var(--blue-600);--primary-darker:var(--blue-500);--primary-base:var(--blue-400);--primary-light:var(--blue-alpha-16);--primary-lighter:var(--blue-alpha-10);--primary-on:var(--neutral-950);--bg-strong-950:var(--neutral-0);--bg-surface-800:var(--neutral-200);--bg-sub-300:var(--neutral-600);--bg-soft-200:var(--neutral-700);--bg-weak-50:var(--neutral-900);--bg-weak-25:0 0% 10.98%;--bg-white-0:var(--neutral-950);--text-strong-950:var(--neutral-0);--text-sub-600:var(--neutral-400);--text-soft-400:var(--neutral-500);--text-disabled-300:var(--neutral-600);--text-white-0:var(--neutral-950);--stroke-strong-950:var(--neutral-600);--stroke-sub-300:var(--neutral-600);--stroke-soft-200:var(--neutral-700);--stroke-white-0:var(--neutral-950);--faded-dark:var(--neutral-300);--faded-base:var(--neutral-500);--faded-light:var(--neutral-alpha-24);--faded-lighter:var(--neutral-alpha-16);--information-dark:var(--blue-400);--information-base:var(--blue-500);--information-light:var(--blue-alpha-24);--information-lighter:var(--blue-alpha-16);--warning-dark:var(--orange-400);--warning-base:var(--orange-600);--warning-light:var(--orange-alpha-24);--warning-lighter:var(--orange-alpha-16);--error-dark:var(--red-400);--error-base:var(--red-600);--error-light:var(--red-alpha-24);--error-lighter:var(--red-alpha-16);--success-dark:var(--green-400);--success-base:var(--green-600);--success-light:var(--green-alpha-24);--success-lighter:var(--green-alpha-16);--away-dark:var(--yellow-400);--away-base:var(--yellow-600);--away-light:var(--yellow-alpha-24);--away-lighter:var(--yellow-alpha-16);--feature-dark:var(--purple-400);--feature-base:var(--purple-500);--feature-light:var(--purple-alpha-24);--feature-lighter:var(--purple-alpha-16);--verified-dark:var(--sky-400);--verified-base:var(--sky-600);--verified-light:var(--sky-alpha-24);--verified-lighter:var(--sky-alpha-16);--highlighted-dark:var(--pink-400);--highlighted-base:var(--pink-600);--highlighted-light:var(--pink-alpha-24);--highlighted-lighter:var(--pink-alpha-16);--stable-dark:var(--teal-400);--stable-base:var(--teal-600);--stable-light:var(--teal-alpha-24);--stable-lighter:var(--teal-alpha-16);--overlay:221.25 15.69% 20%/56%;--social-apple:0 0% 100%;--social-twitter:0 0% 100%;--social-github:0 0% 100%;--social-notion:0 0% 100%;--social-tidal:0 0% 100%;--social-amazon:0 0% 100%;--social-zendesk:0 0% 100%}:root{--illustration-white-0:var(--neutral-0);--illustration-weak-100:var(--neutral-100);--illustration-soft-200:var(--neutral-200);--illustration-sub-300:var(--neutral-300);--illustration-strong-400:var(--neutral-400)}.dark{--illustration-white-0:var(--neutral-950);--illustration-weak-100:var(--neutral-900);--illustration-soft-200:var(--neutral-800);--illustration-sub-300:var(--neutral-700);--illustration-strong-400:var(--neutral-600)}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-x-1{left:.25rem;right:.25rem}.inset-x-8{left:2rem;right:2rem}.inset-y-1{top:.25rem;bottom:.25rem}.inset-y-4{top:1rem;bottom:1rem}.-bottom-px{bottom:-1px}.-left-5{left:-1.25rem}.-right-1{right:-.25rem}.-right-1\.5{right:-.375rem}.-right-2{right:-.5rem}.-top-2{top:-.5rem}.-top-3{top:-.75rem}.bottom-0{bottom:0}.bottom-1\.5{bottom:.375rem}.bottom-3{bottom:.75rem}.bottom-full{bottom:100%}.left-0{left:0}.left-1\.5{left:.375rem}.left-1\/2{left:50%}.left-3{left:.75rem}.left-4{left:1rem}.left-full{left:100%}.right-0{right:0}.right-1\.5{right:.375rem}.right-2{right:.5rem}.right-2\.5{right:.625rem}.right-3{right:.75rem}.right-4{right:1rem}.right-5{right:1.25rem}.right-\[-1\.25rem\]{right:-1.25rem}.right-full{right:100%}.top-0{top:0}.top-1\/2{top:50%}.top-3{top:.75rem}.top-4{top:1rem}.top-5{top:1.25rem}.top-\[84px\]{top:84px}.top-full{top:100%}.isolate{isolation:isolate}.-z-10{z-index:-10}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.z-\[39\]{z-index:39}.z-\[60\]{z-index:60}.z-\[65\]{z-index:65}.z-\[69\]{z-index:69}.z-\[70\]{z-index:70}.z-\[80\]{z-index:80}.z-\[90\]{z-index:90}.col-span-1{grid-column:span 1/span 1}.col-span-10{grid-column:span 10/span 10}.col-span-11{grid-column:span 11/span 11}.col-span-12{grid-column:span 12/span 12}.col-span-13{grid-column:span 13/span 13}.col-span-14{grid-column:span 14/span 14}.col-span-15{grid-column:span 15/span 15}.col-span-16{grid-column:span 16/span 16}.col-span-17{grid-column:span 17/span 17}.col-span-18{grid-column:span 18/span 18}.col-span-19{grid-column:span 19/span 19}.col-span-2{grid-column:span 2/span 2}.col-span-20{grid-column:span 20/span 20}.col-span-21{grid-column:span 21/span 21}.col-span-22{grid-column:span 22/span 22}.col-span-23{grid-column:span 23/span 23}.col-span-24{grid-column:span 24/span 24}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-5{grid-column:span 5/span 5}.col-span-6{grid-column:span 6/span 6}.col-span-7{grid-column:span 7/span 7}.col-span-8{grid-column:span 8/span 8}.col-span-9{grid-column:span 9/span 9}.col-span-full{grid-column:1/-1}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.col-start-3{grid-column-start:3}.col-end-4{grid-column-end:4}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.row-start-2{grid-row-start:2}.-m-3\.5{margin:-.875rem}.m-0{margin:0}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.-mx-1\.5{margin-left:-.375rem;margin-right:-.375rem}.-mx-2{margin-left:-.5rem;margin-right:-.5rem}.-mx-4{margin-left:-1rem;margin-right:-1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-0\.5{margin-top:.125rem;margin-bottom:.125rem}.my-\[0\.1875rem\]{margin-top:.1875rem;margin-bottom:.1875rem}.-ml-0\.5{margin-left:-.125rem}.-ml-1\.5{margin-left:-.375rem}.-mr-1{margin-right:-.25rem}.-mt-0\.5{margin-top:-.125rem}.-mt-1{margin-top:-.25rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-\[0\.375rem\]{margin-bottom:.375rem}.ml-0\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.ml-\[1\.375rem\]{margin-left:1.375rem}.ml-\[5px\]{margin-left:5px}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-1\.5{margin-right:.375rem}.mr-2{margin-right:.5rem}.mt-0{margin-top:0}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-11{margin-top:2.75rem}.mt-2{margin-top:.5rem}.mt-2\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-8{margin-top:2rem}.mt-\[18px\]{margin-top:18px}.mt-auto{margin-top:auto}.box-border{box-sizing:border-box}.box-content{box-sizing:content-box}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.grid{display:grid}.contents{display:contents}.\!hidden{display:none!important}.hidden{display:none}.aspect-\[16\/10\]{aspect-ratio:16/10}.aspect-\[4\/3\]{aspect-ratio:4/3}.size-1{width:.25rem;height:.25rem}.size-1\.5{width:.375rem;height:.375rem}.size-10{width:2.5rem;height:2.5rem}.size-12{width:3rem;height:3rem}.size-14{width:3.5rem;height:3.5rem}.size-16{width:4rem;height:4rem}.size-2{width:.5rem;height:.5rem}.size-2\.5{width:.625rem;height:.625rem}.size-20{width:5rem;height:5rem}.size-3{width:.75rem;height:.75rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-7{width:1.75rem;height:1.75rem}.size-8{width:2rem;height:2rem}.size-9{width:2.25rem;height:2.25rem}.size-\[11px\]{width:11px;height:11px}.size-\[18px\]{width:18px;height:18px}.size-\[68px\]{width:68px;height:68px}.size-\[72px\]{width:72px;height:72px}.size-full{width:100%;height:100%}.\!h-auto{height:auto!important}.h-0{height:0}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-24{height:6rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[140px\]{height:140px}.h-\[156px\]{height:156px}.h-\[42px\]{height:42px}.h-\[60px\]{height:60px}.h-\[82px\]{height:82px}.h-\[90px\]{height:90px}.h-\[calc\(100vh-4\.5rem\)\]{height:calc(100vh - 4.5rem)}.h-\[calc\(100vh-5\.5rem\)\]{height:calc(100vh - 5.5rem)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-64{max-height:16rem}.max-h-\[30rem\]{max-height:30rem}.max-h-\[90vh\]{max-height:90vh}.max-h-\[var\(--radix-select-content-available-height\2c 196px\)\]{max-height:var(--radix-select-content-available-height,196px)}.max-h-full{max-height:100%}.max-h-min{max-height:-moz-min-content;max-height:min-content}.\!min-h-6{min-height:1.5rem!important}.min-h-0{min-height:0}.min-h-10{min-height:2.5rem}.min-h-11{min-height:2.75rem}.min-h-16{min-height:4rem}.min-h-24{min-height:6rem}.min-h-28{min-height:7rem}.min-h-32{min-height:8rem}.min-h-48{min-height:12rem}.min-h-5{min-height:1.25rem}.min-h-8{min-height:2rem}.min-h-9{min-height:2.25rem}.min-h-\[58px\]{min-height:58px}.min-h-\[82px\]{min-height:82px}.min-h-\[88px\]{min-height:88px}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-0{width:0}.w-1{width:.25rem}.w-10{width:2.5rem}.w-2{width:.5rem}.w-2\/3{width:66.666667%}.w-3{width:.75rem}.w-4{width:1rem}.w-40{width:10rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-96{width:24rem}.w-\[172px\]{width:172px}.w-\[180px\]{width:180px}.w-\[200px\]{width:200px}.w-\[208px\]{width:208px}.w-\[232px\]{width:232px}.w-\[258px\]{width:258px}.w-\[264px\]{width:264px}.w-\[272px\]{width:272px}.w-\[300px\]{width:300px}.w-\[360px\]{width:360px}.w-\[80px\]{width:80px}.w-\[calc\(100\%\+theme\(space\.7\)\)\]{width:calc(100% + 1.75rem)}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.w-px{width:1px}.min-w-0{min-width:0}.min-w-10{min-width:2.5rem}.min-w-24{min-width:6rem}.min-w-36{min-width:9rem}.min-w-4{min-width:1rem}.min-w-48{min-width:12rem}.min-w-5{min-width:1.25rem}.min-w-8{min-width:2rem}.min-w-80{min-width:20rem}.min-w-\[12rem\]{min-width:12rem}.min-w-\[156px\]{min-width:156px}.min-w-\[172px\]{min-width:172px}.min-w-\[190px\]{min-width:190px}.min-w-\[192px\]{min-width:192px}.min-w-\[196px\]{min-width:196px}.min-w-\[212px\]{min-width:212px}.min-w-\[272px\]{min-width:272px}.min-w-\[280px\]{min-width:280px}.min-w-\[min\(var\(--radix-select-trigger-width\)\2c var\(--radix-select-content-available-width\2c 100vw\)\)\]{min-width:min(var(--radix-select-trigger-width),var(--radix-select-content-available-width,100vw))}.min-w-full{min-width:100%}.\!max-w-\[336px\]{max-width:336px!important}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-80{max-width:20rem}.max-w-\[1104px\]{max-width:1104px}.max-w-\[1200px\]{max-width:1200px}.max-w-\[1360px\]{max-width:1360px}.max-w-\[320px\]{max-width:320px}.max-w-\[352px\]{max-width:352px}.max-w-\[392px\]{max-width:392px}.max-w-\[400px\]{max-width:400px}.max-w-\[440px\]{max-width:440px}.max-w-\[446px\]{max-width:446px}.max-w-\[480px\]{max-width:480px}.max-w-\[720px\]{max-width:720px}.max-w-\[780px\]{max-width:780px}.max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem)}.max-w-\[max\(100\%\2c 320px\)\]{max-width:max(100%,320px)}.max-w-\[var\(--radix-select-content-available-width\2c calc\(100vw-24px\)\)\]{max-width:var(--radix-select-content-available-width,calc(100vw - 24px))}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.border-separate{border-collapse:separate}.border-spacing-0{--tw-border-spacing-x:0px;--tw-border-spacing-y:0px;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.origin-bottom-right{transform-origin:bottom right}.origin-left{transform-origin:left}.origin-top-right{transform-origin:top right}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-0\.5{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-0\.5{--tw-translate-y:-0.125rem}.-translate-y-1{--tw-translate-y:-0.25rem}.-translate-y-1,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-\[calc\(50\%\+1px\)\]{--tw-translate-y:calc(-50% + -1px)}.-translate-y-\[calc\(50\%\+1px\)\],.translate-x-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1\/2{--tw-translate-x:50%}.translate-y-1\/2{--tw-translate-y:50%}.translate-y-1\/2,.translate-y-\[calc\(50\%\+1px\)\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[calc\(50\%\+1px\)\]{--tw-translate-y:calc(50% + 1px)}.-rotate-45{--tw-rotate:-45deg}.-rotate-45,.-rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate:-90deg}.-rotate-\[135deg\]{--tw-rotate:-135deg}.-rotate-\[135deg\],.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.rotate-45{--tw-rotate:45deg}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate:90deg}.rotate-\[135deg\]{--tw-rotate:135deg}.rotate-\[135deg\],.scale-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-0{--tw-scale-x:0;--tw-scale-y:0}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-50{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-50{--tw-scale-x:.5;--tw-scale-y:.5}.scale-75{--tw-scale-x:.75;--tw-scale-y:.75}.scale-75,.scale-\[\.3125\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[\.3125\]{--tw-scale-x:.3125;--tw-scale-y:.3125}.scale-\[\.375\]{--tw-scale-x:.375;--tw-scale-y:.375}.scale-\[\.375\],.scale-\[\.5625\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[\.5625\]{--tw-scale-x:.5625;--tw-scale-y:.5625}.scale-\[\.625\]{--tw-scale-x:.625;--tw-scale-y:.625}.scale-\[\.625\],.scale-\[\.875\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[\.875\]{--tw-scale-x:.875;--tw-scale-y:.875}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes accordion-down{0%{height:0;opacity:0}to{height:var(--radix-accordion-content-height);opacity:1}}.animate-accordion-down{animation:accordion-down .2s ease-out}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-s-resize{cursor:s-resize}.cursor-text{cursor:text}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize-y{resize:vertical}.resize{resize:both}.scroll-py-2{scroll-padding-top:.5rem;scroll-padding-bottom:.5rem}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.auto-cols-auto{grid-auto-columns:auto}.auto-cols-fr{grid-auto-columns:minmax(0,1fr)}.auto-cols-max{grid-auto-columns:max-content}.grid-flow-row{grid-auto-flow:row}.grid-flow-col{grid-auto-flow:column}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-13{grid-template-columns:repeat(13,minmax(0,1fr))}.grid-cols-14{grid-template-columns:repeat(14,minmax(0,1fr))}.grid-cols-15{grid-template-columns:repeat(15,minmax(0,1fr))}.grid-cols-16{grid-template-columns:repeat(16,minmax(0,1fr))}.grid-cols-17{grid-template-columns:repeat(17,minmax(0,1fr))}.grid-cols-18{grid-template-columns:repeat(18,minmax(0,1fr))}.grid-cols-19{grid-template-columns:repeat(19,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-20{grid-template-columns:repeat(20,minmax(0,1fr))}.grid-cols-21{grid-template-columns:repeat(21,minmax(0,1fr))}.grid-cols-22{grid-template-columns:repeat(22,minmax(0,1fr))}.grid-cols-23{grid-template-columns:repeat(23,minmax(0,1fr))}.grid-cols-24{grid-template-columns:repeat(24,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-cols-\[18px_1fr\]{grid-template-columns:18px 1fr}.grid-cols-\[1fr\2c auto\2c 1fr\]{grid-template-columns:1fr auto 1fr}.grid-cols-\[1fr_1\.25fr\]{grid-template-columns:1fr 1.25fr}.grid-cols-\[auto\2c 1fr\]{grid-template-columns:auto 1fr}.grid-cols-\[auto\2c minmax\(0\2c 1fr\)\]{grid-template-columns:auto minmax(0,1fr)}.grid-cols-\[minmax\(0\2c 1fr\)\]{grid-template-columns:minmax(0,1fr)}.grid-cols-\[repeat\(auto-fill\2c minmax\(344px\2c 1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(344px,1fr))}.grid-rows-\[0fr\]{grid-template-rows:0fr}.grid-rows-\[1fr\]{grid-template-rows:1fr}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-start{place-items:start}.place-items-end{place-items:end}.place-items-center{place-items:center}.content-start{align-content:flex-start}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-\[5px\]{gap:5px}.gap-px{gap:1px}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-x-7{-moz-column-gap:1.75rem;column-gap:1.75rem}.gap-y-5{row-gap:1.25rem}.gap-y-8{row-gap:2rem}.-space-x-0\.5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(-.125rem*var(--tw-space-x-reverse));margin-left:calc(-.125rem*(1 - var(--tw-space-x-reverse)))}.-space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(-.25rem*var(--tw-space-x-reverse));margin-left:calc(-.25rem*(1 - var(--tw-space-x-reverse)))}.-space-x-1\.5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(-.375rem*var(--tw-space-x-reverse));margin-left:calc(-.375rem*(1 - var(--tw-space-x-reverse)))}.-space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(-.75rem*var(--tw-space-x-reverse));margin-left:calc(-.75rem*(1 - var(--tw-space-x-reverse)))}.-space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(-1rem*var(--tw-space-x-reverse));margin-left:calc(-1rem*(1 - var(--tw-space-x-reverse)))}.-space-x-\[1\.5px\]>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(-1.5px*var(--tw-space-x-reverse));margin-left:calc(-1.5px*(1 - var(--tw-space-x-reverse)))}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.125rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem*var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.625rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-3\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.875rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.875rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.space-y-7>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.75rem*var(--tw-space-y-reverse))}.divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-right-width:calc(1px*var(--tw-divide-x-reverse));border-left-width:calc(1px*(1 - var(--tw-divide-x-reverse)))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.divide-stroke-soft-200>:not([hidden])~:not([hidden]){border-color:hsl(var(--stroke-soft-200))}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overscroll-contain{overscroll-behavior:contain}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.\!rounded-none{border-radius:0!important}.rounded{border-radius:.25rem}.rounded-10{border-radius:.625rem}.rounded-20{border-radius:1.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-b-10{border-bottom-right-radius:.625rem;border-bottom-left-radius:.625rem}.rounded-l-md{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.rounded-r-full{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.rounded-t-10{border-top-left-radius:.625rem;border-top-right-radius:.625rem}.rounded-bl-\[3px\]{border-bottom-left-radius:3px}.rounded-bl-sm{border-bottom-left-radius:.125rem}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-4{border-width:4px}.border-\[3px\]{border-width:3px}.border-\[5px\]{border-width:5px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-t-0{border-top-width:0}.border-dashed{border-style:dashed}.border-away-base{border-color:hsl(var(--away-base))}.border-away-dark{border-color:hsl(var(--away-dark))}.border-away-light{border-color:hsl(var(--away-light))}.border-away-lighter{border-color:hsl(var(--away-lighter))}.border-bg-soft-200{border-color:hsl(var(--bg-soft-200))}.border-bg-white-0{border-color:hsl(var(--bg-white-0))}.border-error-base{border-color:hsl(var(--error-base))}.border-error-dark{border-color:hsl(var(--error-dark))}.border-error-light{border-color:hsl(var(--error-light))}.border-error-lighter{border-color:hsl(var(--error-lighter))}.border-faded-base{border-color:hsl(var(--faded-base))}.border-faded-dark{border-color:hsl(var(--faded-dark))}.border-faded-light{border-color:hsl(var(--faded-light))}.border-faded-lighter{border-color:hsl(var(--faded-lighter))}.border-feature-base{border-color:hsl(var(--feature-base))}.border-feature-dark{border-color:hsl(var(--feature-dark))}.border-feature-light{border-color:hsl(var(--feature-light))}.border-feature-lighter{border-color:hsl(var(--feature-lighter))}.border-highlighted-base{border-color:hsl(var(--highlighted-base))}.border-highlighted-dark{border-color:hsl(var(--highlighted-dark))}.border-highlighted-light{border-color:hsl(var(--highlighted-light))}.border-highlighted-lighter{border-color:hsl(var(--highlighted-lighter))}.border-information-base{border-color:hsl(var(--information-base))}.border-information-dark{border-color:hsl(var(--information-dark))}.border-information-light{border-color:hsl(var(--information-light))}.border-information-lighter{border-color:hsl(var(--information-lighter))}.border-primary-base{border-color:hsl(var(--primary-base))}.border-stable-base{border-color:hsl(var(--stable-base))}.border-stable-dark{border-color:hsl(var(--stable-dark))}.border-stable-light{border-color:hsl(var(--stable-light))}.border-stable-lighter{border-color:hsl(var(--stable-lighter))}.border-stroke-soft-200{border-color:hsl(var(--stroke-soft-200))}.border-stroke-strong-950{border-color:hsl(var(--stroke-strong-950))}.border-stroke-sub-300{border-color:hsl(var(--stroke-sub-300))}.border-stroke-white-0{border-color:hsl(var(--stroke-white-0))}.border-success-base{border-color:hsl(var(--success-base))}.border-success-dark{border-color:hsl(var(--success-dark))}.border-success-light{border-color:hsl(var(--success-light))}.border-success-lighter{border-color:hsl(var(--success-lighter))}.border-verified-base{border-color:hsl(var(--verified-base))}.border-verified-dark{border-color:hsl(var(--verified-dark))}.border-verified-light{border-color:hsl(var(--verified-light))}.border-verified-lighter{border-color:hsl(var(--verified-lighter))}.border-warning-base{border-color:hsl(var(--warning-base))}.border-warning-dark{border-color:hsl(var(--warning-dark))}.border-warning-light{border-color:hsl(var(--warning-light))}.border-warning-lighter{border-color:hsl(var(--warning-lighter))}.border-t-primary-base{border-top-color:hsl(var(--primary-base))}.\!bg-transparent{background-color:transparent!important}.bg-\[hsl\(0_0\%_9\.02\%\)\]{--tw-bg-opacity:1;background-color:hsl(0 0% 9.02%/var(--tw-bg-opacity,1))}.bg-\[hsl\(221\.54_31\.71\%_8\.04\%\)\]{--tw-bg-opacity:1;background-color:hsl(221.54 31.71% 8.04%/var(--tw-bg-opacity,1))}.bg-away-base{background-color:hsl(var(--away-base))}.bg-away-dark{background-color:hsl(var(--away-dark))}.bg-away-light{background-color:hsl(var(--away-light))}.bg-away-lighter{background-color:hsl(var(--away-lighter))}.bg-bg-soft-200{background-color:hsl(var(--bg-soft-200))}.bg-bg-strong-950{background-color:hsl(var(--bg-strong-950))}.bg-bg-weak-50{background-color:hsl(var(--bg-weak-50))}.bg-bg-weak-50\/70{background-color:hsl(var(--bg-weak-50)/.7)}.bg-bg-white-0{background-color:hsl(var(--bg-white-0))}.bg-bg-white-0\/80{background-color:hsl(var(--bg-white-0)/.8)}.bg-black\/70{background-color:rgba(0,0,0,.7)}.bg-blue-200{background-color:hsl(var(--blue-200))}.bg-current{background-color:currentColor}.bg-error-base{background-color:hsl(var(--error-base))}.bg-error-dark{background-color:hsl(var(--error-dark))}.bg-error-light{background-color:hsl(var(--error-light))}.bg-error-lighter{background-color:hsl(var(--error-lighter))}.bg-faded-base{background-color:hsl(var(--faded-base))}.bg-faded-dark{background-color:hsl(var(--faded-dark))}.bg-faded-light{background-color:hsl(var(--faded-light))}.bg-faded-lighter{background-color:hsl(var(--faded-lighter))}.bg-feature-base{background-color:hsl(var(--feature-base))}.bg-feature-dark{background-color:hsl(var(--feature-dark))}.bg-feature-light{background-color:hsl(var(--feature-light))}.bg-feature-lighter{background-color:hsl(var(--feature-lighter))}.bg-green-200{background-color:hsl(var(--green-200))}.bg-highlighted-base{background-color:hsl(var(--highlighted-base))}.bg-highlighted-dark{background-color:hsl(var(--highlighted-dark))}.bg-highlighted-light{background-color:hsl(var(--highlighted-light))}.bg-highlighted-lighter{background-color:hsl(var(--highlighted-lighter))}.bg-information-base{background-color:hsl(var(--information-base))}.bg-information-dark{background-color:hsl(var(--information-dark))}.bg-information-light{background-color:hsl(var(--information-light))}.bg-information-lighter{background-color:hsl(var(--information-lighter))}.bg-overlay{background-color:hsl(var(--overlay))}.bg-pink-500{background-color:hsl(var(--pink-500))}.bg-primary-alpha-10{background-color:hsl(var(--primary-alpha-10))}.bg-primary-alpha-16{background-color:hsl(var(--primary-alpha-16))}.bg-primary-base{background-color:hsl(var(--primary-base))}.bg-primary-light{background-color:hsl(var(--primary-light))}.bg-primary-lighter{background-color:hsl(var(--primary-lighter))}.bg-purple-200{background-color:hsl(var(--purple-200))}.bg-purple-500{background-color:hsl(var(--purple-500))}.bg-red-200{background-color:hsl(var(--red-200))}.bg-red-500{background-color:hsl(var(--red-500))}.bg-red-alpha-10{background-color:hsl(var(--red-alpha-10))}.bg-sky-200{background-color:hsl(var(--sky-200))}.bg-sky-500{background-color:hsl(var(--sky-500))}.bg-stable-base{background-color:hsl(var(--stable-base))}.bg-stable-dark{background-color:hsl(var(--stable-dark))}.bg-stable-light{background-color:hsl(var(--stable-light))}.bg-stable-lighter{background-color:hsl(var(--stable-lighter))}.bg-static-white{background-color:hsl(var(--static-white))}.bg-stroke-soft-200{background-color:hsl(var(--stroke-soft-200))}.bg-success-base{background-color:hsl(var(--success-base))}.bg-success-dark{background-color:hsl(var(--success-dark))}.bg-success-light{background-color:hsl(var(--success-light))}.bg-success-lighter{background-color:hsl(var(--success-lighter))}.bg-transparent{background-color:transparent}.bg-verified-base{background-color:hsl(var(--verified-base))}.bg-verified-dark{background-color:hsl(var(--verified-dark))}.bg-verified-light{background-color:hsl(var(--verified-light))}.bg-verified-lighter{background-color:hsl(var(--verified-lighter))}.bg-warning-base{background-color:hsl(var(--warning-base))}.bg-warning-dark{background-color:hsl(var(--warning-dark))}.bg-warning-light{background-color:hsl(var(--warning-light))}.bg-warning-lighter{background-color:hsl(var(--warning-lighter))}.bg-yellow-200{background-color:hsl(var(--yellow-200))}.bg-none{background-image:none}.fill-bg-soft-200{fill:hsl(var(--bg-soft-200))}.fill-bg-white-0{fill:hsl(var(--bg-white-0))}.fill-current{fill:currentColor}.fill-none{fill:none}.fill-text-strong-950{fill:hsl(var(--text-strong-950))}.fill-text-sub-600{fill:hsl(var(--text-sub-600))}.stroke-bg-soft-200{stroke:hsl(var(--bg-soft-200))}.stroke-bg-weak-50{stroke:hsl(var(--bg-weak-50))}.stroke-error-base{stroke:hsl(var(--error-base))}.stroke-information-base{stroke:hsl(var(--information-base))}.stroke-primary-base{stroke:hsl(var(--primary-base))}.stroke-static-white{stroke:hsl(var(--static-white))}.stroke-stroke-sub-300{stroke:hsl(var(--stroke-sub-300))}.stroke-success-base{stroke:hsl(var(--success-base))}.stroke-text-soft-400{stroke:hsl(var(--text-soft-400))}.stroke-warning-base{stroke:hsl(var(--warning-base))}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-\[3px\]{padding:3px}.p-px{padding:1px}.\!px-0{padding-left:0!important;padding-right:0!important}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.px-\[0\.3125rem\]{padding-left:.3125rem;padding-right:.3125rem}.px-\[3px\]{padding-left:3px;padding-right:3px}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-7{padding-top:1.75rem;padding-bottom:1.75rem}.py-px{padding-top:1px;padding-bottom:1px}.pb-0\.5{padding-bottom:.125rem}.pb-1{padding-bottom:.25rem}.pb-1\.5{padding-bottom:.375rem}.pb-2{padding-bottom:.5rem}.pb-2\.5{padding-bottom:.625rem}.pb-20{padding-bottom:5rem}.pb-3{padding-bottom:.75rem}.pb-3\.5{padding-bottom:.875rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pb-\[18px\]{padding-bottom:18px}.pl-0{padding-left:0}.pl-1\.5{padding-left:.375rem}.pl-2{padding-left:.5rem}.pl-2\.5{padding-left:.625rem}.pl-3{padding-left:.75rem}.pl-5{padding-left:1.25rem}.pl-\[1\.125rem\]{padding-left:1.125rem}.pr-0{padding-right:0}.pr-1{padding-right:.25rem}.pr-1\.5{padding-right:.375rem}.pr-14{padding-right:3.5rem}.pr-16{padding-right:4rem}.pr-2{padding-right:.5rem}.pr-2\.5{padding-right:.625rem}.pr-9{padding-right:2.25rem}.pr-\[34px\]{padding-right:34px}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-1\.5{padding-top:.375rem}.pt-10{padding-top:2.5rem}.pt-2\.5{padding-top:.625rem}.pt-20{padding-top:5rem}.pt-3\.5{padding-top:.875rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.text-\[0\.5625rem\]{font-size:.5625rem}.text-\[0\.625rem\]{font-size:.625rem}.text-\[0\.6875rem\]{font-size:.6875rem}.text-\[0\.9375rem\]{font-size:.9375rem}.text-\[11px\]{font-size:11px}.text-\[20px\]{font-size:20px}.text-\[3px\]{font-size:3px}.text-\[5px\]{font-size:5px}.text-label-lg{font-size:1.125rem;letter-spacing:-.015em}.text-label-lg,.text-label-md{line-height:1.5rem;font-weight:500}.text-label-md{font-size:1rem;letter-spacing:-.011em}.text-label-sm{font-size:.875rem;line-height:1.25rem;letter-spacing:-.006em;font-weight:500}.text-label-xs{font-size:.75rem;line-height:1rem;letter-spacing:0;font-weight:500}.text-paragraph-md{font-size:1rem;line-height:1.5rem;letter-spacing:-.011em;font-weight:400}.text-paragraph-sm{font-size:.875rem;line-height:1.25rem;letter-spacing:-.006em;font-weight:400}.text-paragraph-xs{font-size:.75rem;line-height:1rem;letter-spacing:0;font-weight:400}.text-subheading-2xs{font-size:.6875rem;line-height:.75rem;letter-spacing:.02em;font-weight:500}.text-subheading-xs{font-size:.75rem;line-height:1rem;letter-spacing:.04em;font-weight:500}.text-title-h2{font-size:3rem;line-height:3.5rem}.text-title-h2,.text-title-h3{letter-spacing:-.01em;font-weight:500}.text-title-h3{font-size:2.5rem;line-height:3rem}.text-title-h4{font-size:2rem;line-height:2.5rem;letter-spacing:-.005em;font-weight:500}.text-title-h5{font-size:1.5rem;line-height:2rem}.text-title-h5,.text-title-h6{letter-spacing:0;font-weight:500}.text-title-h6{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.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)}.leading-\[1\.1\]{line-height:1.1}.leading-none{line-height:1}.leading-tight{line-height:1.25}.tracking-\[0\.01em\]{letter-spacing:.01em}.tracking-\[0\.02em\]{letter-spacing:.02em}.tracking-\[0\.06em\]{letter-spacing:.06em}.tracking-wide{letter-spacing:.025em}.\!text-primary-base{color:hsl(var(--primary-base))!important}.\!text-text-disabled-300{color:hsl(var(--text-disabled-300))!important}.text-\[\2026\]{color:…}.text-away-base{color:hsl(var(--away-base))}.text-away-dark{color:hsl(var(--away-dark))}.text-away-light{color:hsl(var(--away-light))}.text-away-lighter{color:hsl(var(--away-lighter))}.text-blue-500{color:hsl(var(--blue-500))}.text-blue-800{color:hsl(var(--blue-800))}.text-blue-950{color:hsl(var(--blue-950))}.text-current{color:currentColor}.text-error-base{color:hsl(var(--error-base))}.text-error-dark{color:hsl(var(--error-dark))}.text-error-light{color:hsl(var(--error-light))}.text-error-lighter{color:hsl(var(--error-lighter))}.text-faded-base{color:hsl(var(--faded-base))}.text-faded-dark{color:hsl(var(--faded-dark))}.text-faded-light{color:hsl(var(--faded-light))}.text-faded-lighter{color:hsl(var(--faded-lighter))}.text-feature-base{color:hsl(var(--feature-base))}.text-feature-dark{color:hsl(var(--feature-dark))}.text-feature-light{color:hsl(var(--feature-light))}.text-feature-lighter{color:hsl(var(--feature-lighter))}.text-green-500{color:hsl(var(--green-500))}.text-green-950{color:hsl(var(--green-950))}.text-highlighted-base{color:hsl(var(--highlighted-base))}.text-highlighted-dark{color:hsl(var(--highlighted-dark))}.text-highlighted-light{color:hsl(var(--highlighted-light))}.text-highlighted-lighter{color:hsl(var(--highlighted-lighter))}.text-information-base{color:hsl(var(--information-base))}.text-information-dark{color:hsl(var(--information-dark))}.text-information-light{color:hsl(var(--information-light))}.text-information-lighter{color:hsl(var(--information-lighter))}.text-orange-500{color:hsl(var(--orange-500))}.text-primary-base{color:hsl(var(--primary-base))}.text-primary-on{color:hsl(var(--primary-on))}.text-purple-500{color:hsl(var(--purple-500))}.text-purple-950{color:hsl(var(--purple-950))}.text-red-500{color:hsl(var(--red-500))}.text-red-950{color:hsl(var(--red-950))}.text-sky-950{color:hsl(var(--sky-950))}.text-social-apple{color:hsl(var(--social-apple))}.text-stable-base{color:hsl(var(--stable-base))}.text-stable-dark{color:hsl(var(--stable-dark))}.text-stable-light{color:hsl(var(--stable-light))}.text-stable-lighter{color:hsl(var(--stable-lighter))}.text-static-black{color:hsl(var(--static-black))}.text-static-white{color:hsl(var(--static-white))}.text-stroke-sub-300{color:hsl(var(--stroke-sub-300))}.text-success-base{color:hsl(var(--success-base))}.text-success-dark{color:hsl(var(--success-dark))}.text-success-light{color:hsl(var(--success-light))}.text-success-lighter{color:hsl(var(--success-lighter))}.text-text-disabled-300{color:hsl(var(--text-disabled-300))}.text-text-soft-400{color:hsl(var(--text-soft-400))}.text-text-strong-950{color:hsl(var(--text-strong-950))}.text-text-sub-600{color:hsl(var(--text-sub-600))}.text-text-white-0{color:hsl(var(--text-white-0))}.text-verified-base{color:hsl(var(--verified-base))}.text-verified-dark{color:hsl(var(--verified-dark))}.text-verified-light{color:hsl(var(--verified-light))}.text-verified-lighter{color:hsl(var(--verified-lighter))}.text-warning-base{color:hsl(var(--warning-base))}.text-warning-dark{color:hsl(var(--warning-dark))}.text-warning-light{color:hsl(var(--warning-light))}.text-warning-lighter{color:hsl(var(--warning-lighter))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-yellow-500{color:hsl(var(--yellow-500))}.text-yellow-950{color:hsl(var(--yellow-950))}.underline{text-decoration-line:underline}.no-underline{text-decoration-line:none}.decoration-current{text-decoration-color:currentColor}.decoration-transparent{text-decoration-color:transparent}.underline-offset-\[3px\]{text-underline-offset:3px}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-15{opacity:.15}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-\[\.48\]{opacity:.48}.opacity-\[\.72\]{opacity:.72}.shadow-fancy-buttons-error{--tw-shadow:0 1px 2px 0 #0e121b3d,0 0 0 1px hsl(var(--error-base));--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color),0 0 0 1px var(--tw-shadow-color)}.shadow-fancy-buttons-error,.shadow-fancy-buttons-neutral{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-fancy-buttons-neutral{--tw-shadow:0 1px 2px 0 #1b1c1d7a,0 0 0 1px #242628;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color),0 0 0 1px var(--tw-shadow-color)}.shadow-fancy-buttons-primary{--tw-shadow:0 1px 2px 0 #0e121b3d,0 0 0 1px hsl(var(--primary-base));--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color),0 0 0 1px var(--tw-shadow-color)}.shadow-fancy-buttons-primary,.shadow-fancy-buttons-stroke{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-fancy-buttons-stroke{--tw-shadow:0 1px 3px 0 #0e121b1f,0 0 0 1px hsl(var(--stroke-soft-200));--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 0 0 1px var(--tw-shadow-color)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.shadow-none,.shadow-regular-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-regular-md{--tw-shadow:0 16px 32px -12px #0e121b1a;--tw-shadow-colored:0 16px 32px -12px var(--tw-shadow-color)}.shadow-regular-sm{--tw-shadow:0 2px 4px #1b1c1d0a;--tw-shadow-colored:0 2px 4px var(--tw-shadow-color)}.shadow-regular-sm,.shadow-regular-xs{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-regular-xs{--tw-shadow:0 1px 2px 0 #0a0d1408;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-toggle-switch{--tw-shadow:0 6px 10px 0 #0e121b0f,0 2px 4px 0 #0e121b08;--tw-shadow-colored:0 6px 10px 0 var(--tw-shadow-color),0 2px 4px 0 var(--tw-shadow-color)}.shadow-toggle-switch,.shadow-tooltip{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-tooltip{--tw-shadow:0 12px 24px 0 #0e121b0f,0 1px 2px 0 #0e121b08;--tw-shadow-colored:0 12px 24px 0 var(--tw-shadow-color),0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring,.ring-0{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-1,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-inset{--tw-ring-inset:inset}.ring-away-base{--tw-ring-color:hsl(var(--away-base))}.ring-away-dark{--tw-ring-color:hsl(var(--away-dark))}.ring-away-light{--tw-ring-color:hsl(var(--away-light))}.ring-away-lighter{--tw-ring-color:hsl(var(--away-lighter))}.ring-bg-white-0{--tw-ring-color:hsl(var(--bg-white-0))}.ring-current{--tw-ring-color:currentColor}.ring-error-base{--tw-ring-color:hsl(var(--error-base))}.ring-error-dark{--tw-ring-color:hsl(var(--error-dark))}.ring-error-light{--tw-ring-color:hsl(var(--error-light))}.ring-error-lighter{--tw-ring-color:hsl(var(--error-lighter))}.ring-faded-base{--tw-ring-color:hsl(var(--faded-base))}.ring-faded-dark{--tw-ring-color:hsl(var(--faded-dark))}.ring-faded-light{--tw-ring-color:hsl(var(--faded-light))}.ring-faded-lighter{--tw-ring-color:hsl(var(--faded-lighter))}.ring-feature-base{--tw-ring-color:hsl(var(--feature-base))}.ring-feature-dark{--tw-ring-color:hsl(var(--feature-dark))}.ring-feature-light{--tw-ring-color:hsl(var(--feature-light))}.ring-feature-lighter{--tw-ring-color:hsl(var(--feature-lighter))}.ring-highlighted-base{--tw-ring-color:hsl(var(--highlighted-base))}.ring-highlighted-dark{--tw-ring-color:hsl(var(--highlighted-dark))}.ring-highlighted-light{--tw-ring-color:hsl(var(--highlighted-light))}.ring-highlighted-lighter{--tw-ring-color:hsl(var(--highlighted-lighter))}.ring-information-base{--tw-ring-color:hsl(var(--information-base))}.ring-information-dark{--tw-ring-color:hsl(var(--information-dark))}.ring-information-light{--tw-ring-color:hsl(var(--information-light))}.ring-information-lighter{--tw-ring-color:hsl(var(--information-lighter))}.ring-primary-alpha-16{--tw-ring-color:hsl(var(--primary-alpha-16))}.ring-primary-base{--tw-ring-color:hsl(var(--primary-base))}.ring-stable-base{--tw-ring-color:hsl(var(--stable-base))}.ring-stable-dark{--tw-ring-color:hsl(var(--stable-dark))}.ring-stable-light{--tw-ring-color:hsl(var(--stable-light))}.ring-stable-lighter{--tw-ring-color:hsl(var(--stable-lighter))}.ring-stroke-soft-200{--tw-ring-color:hsl(var(--stroke-soft-200))}.ring-success-base{--tw-ring-color:hsl(var(--success-base))}.ring-success-dark{--tw-ring-color:hsl(var(--success-dark))}.ring-success-light{--tw-ring-color:hsl(var(--success-light))}.ring-success-lighter{--tw-ring-color:hsl(var(--success-lighter))}.ring-transparent{--tw-ring-color:transparent}.ring-verified-base{--tw-ring-color:hsl(var(--verified-base))}.ring-verified-dark{--tw-ring-color:hsl(var(--verified-dark))}.ring-verified-light{--tw-ring-color:hsl(var(--verified-light))}.ring-verified-lighter{--tw-ring-color:hsl(var(--verified-lighter))}.ring-warning-base{--tw-ring-color:hsl(var(--warning-base))}.ring-warning-dark{--tw-ring-color:hsl(var(--warning-dark))}.ring-warning-light{--tw-ring-color:hsl(var(--warning-light))}.ring-warning-lighter{--tw-ring-color:hsl(var(--warning-lighter))}.drop-shadow-\[0_2px_4px_\#1b1c1d0a\]{--tw-drop-shadow:drop-shadow(0 2px 4px #1b1c1d0a)}.drop-shadow-\[0_2px_4px_\#1b1c1d0a\],.drop-shadow-xl{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-xl{--tw-drop-shadow:drop-shadow(0 20px 13px rgba(0,0,0,.03)) drop-shadow(0 8px 5px rgba(0,0,0,.08))}.invert{--tw-invert:invert(100%)}.filter,.invert{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)}.backdrop-blur,.backdrop-blur-\[10px\]{-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-\[10px\]{--tw-backdrop-blur:blur(10px)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-md,.backdrop-blur-sm{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px);-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,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[background-color\2c color\2c opacity\2c transform\]{transition-property:background-color,color,opacity,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[grid-template-rows\2c opacity\2c transform\2c visibility\]{transition-property:grid-template-rows,opacity,transform,visibility;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[top\2c height\]{transition-property:top,height;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[width\2c transform\2c background-color\]{transition-property:width,transform,background-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition-transform{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-linear{transition-timing-function:linear}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.animate-in{animation-name:enter;animation-duration:.15s;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.fade-in,.fade-in-0{--tw-enter-opacity:0}.zoom-in-95{--tw-enter-scale:.95}.slide-in-from-bottom-full{--tw-enter-translate-y:100%}.slide-in-from-top-full{--tw-enter-translate-y:-100%}.duration-150{animation-duration:.15s}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.ease-linear{animation-timing-function:linear}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.running{animation-play-state:running}.\[--item-height\:2\.5rem\]{--item-height:2.5rem}.\[animation-duration\:400ms\]{animation-duration:.4s}.\[background-image\:var\(--au-range-fill\)\]{background-image:var(--au-range-fill)}.\[clip-path\:polygon\(0_100\%\2c 0_0\2c 100\%_100\%\)\]{clip-path:polygon(0 100%,0 0,100% 100%)}.\[font-family\:\'Google_Sans\'\2c ui-sans-serif\2c system-ui\]{font-family:Google Sans,ui-sans-serif,system-ui}.\[font-family\:Geist\2c ui-sans-serif\2c system-ui\]{font-family:Geist,ui-sans-serif,system-ui}.\[font-family\:Inter\2c ui-sans-serif\2c system-ui\]{font-family:Inter,ui-sans-serif,system-ui}.\[grid-area\:1\/1\]{grid-area:1/1}.\[grid-column\:1\/-1\]{grid-column:1/-1}.\[scrollbar-color\:hsl\(var\(--stroke-soft-200\)\)_transparent\]{scrollbar-color:hsl(var(--stroke-soft-200)) transparent}.\[scrollbar-width\:thin\]{scrollbar-width:thin}.\[transition-timing-function\:cubic-bezier\(0\.65\2c 0\2c 0\.35\2c 1\)\]{transition-timing-function:cubic-bezier(.65,0,.35,1)}.remixicon path{transform:scale(.8996);transform-origin:center}.selection\:bg-none ::-moz-selection{background-image:none}.selection\:bg-none ::selection{background-image:none}.selection\:bg-none::-moz-selection{background-image:none}.selection\:bg-none::selection{background-image:none}.placeholder\:select-none::-moz-placeholder{-moz-user-select:none;user-select:none}.placeholder\:select-none::placeholder{-webkit-user-select:none;-moz-user-select:none;user-select:none}.placeholder\:text-text-disabled-300::-moz-placeholder{color:hsl(var(--text-disabled-300))}.placeholder\:text-text-disabled-300::placeholder{color:hsl(var(--text-disabled-300))}.placeholder\:text-text-soft-400::-moz-placeholder{color:hsl(var(--text-soft-400))}.placeholder\:text-text-soft-400::placeholder{color:hsl(var(--text-soft-400))}.placeholder\:transition::-moz-placeholder{-moz-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.placeholder\:transition::placeholder{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.placeholder\:duration-200::-moz-placeholder{transition-duration:.2s}.placeholder\:duration-200::placeholder{transition-duration:.2s}.placeholder\:ease-out::-moz-placeholder{transition-timing-function:cubic-bezier(0,0,.2,1)}.placeholder\:ease-out::placeholder{transition-timing-function:cubic-bezier(0,0,.2,1)}.placeholder\:duration-200::-moz-placeholder{animation-duration:.2s}.placeholder\:duration-200::placeholder{animation-duration:.2s}.placeholder\:ease-out::-moz-placeholder{animation-timing-function:cubic-bezier(0,0,.2,1)}.placeholder\:ease-out::placeholder{animation-timing-function:cubic-bezier(0,0,.2,1)}.placeholder\:\[transition\:inherit\]::-moz-placeholder{-moz-transition:inherit;transition:inherit}.placeholder\:\[transition\:inherit\]::placeholder{transition:inherit}.before\:pointer-events-none:before{content:var(--tw-content);pointer-events:none}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:inset-0:before{content:var(--tw-content);inset:0}.before\:inset-x-0:before{content:var(--tw-content);left:0;right:0}.before\:inset-y-0:before{content:var(--tw-content);top:0;bottom:0}.before\:-right-2:before{content:var(--tw-content);right:-.5rem}.before\:bottom-0:before{content:var(--tw-content);bottom:0}.before\:bottom-\[calc\(var\(--item-height\)\/2\)\]:before{content:var(--tw-content);bottom:calc(var(--item-height)/2)}.before\:left-0:before{content:var(--tw-content);left:0}.before\:left-1\/2:before{content:var(--tw-content);left:50%}.before\:left-\[-1\.125rem\]:before{content:var(--tw-content);left:-1.125rem}.before\:top-0:before{content:var(--tw-content);top:0}.before\:top-1\/2:before{content:var(--tw-content);top:50%}.before\:z-10:before{content:var(--tw-content);z-index:10}.before\:hidden:before{content:var(--tw-content);display:none}.before\:size-1:before{content:var(--tw-content);width:.25rem;height:.25rem}.before\:size-1\.5:before{content:var(--tw-content);width:.375rem;height:.375rem}.before\:h-5:before{content:var(--tw-content);height:1.25rem}.before\:h-full:before{content:var(--tw-content);height:100%}.before\:h-px:before{content:var(--tw-content);height:1px}.before\:w-2:before{content:var(--tw-content);width:.5rem}.before\:w-3:before{content:var(--tw-content);width:.75rem}.before\:w-\[1\.125rem\]:before{content:var(--tw-content);width:1.125rem}.before\:w-full:before{content:var(--tw-content);width:100%}.before\:w-px:before{content:var(--tw-content);width:1px}.before\:flex-1:before{content:var(--tw-content);flex:1 1 0%}.before\:origin-left:before{content:var(--tw-content);transform-origin:left}.before\:origin-top:before{content:var(--tw-content);transform-origin:top}.before\:-translate-x-1\/2:before{--tw-translate-x:-50%}.before\:-translate-x-1\/2:before,.before\:-translate-y-1\/2:before{content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.before\:-translate-y-1\/2:before{--tw-translate-y:-50%}.before\:scale-x-\[\.82\]:before{--tw-scale-x:.82}.before\:scale-x-\[\.82\]:before,.before\:scale-y-\[\.82\]:before{content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.before\:scale-y-\[\.82\]:before{--tw-scale-y:.82}.before\:rounded-10:before{content:var(--tw-content);border-radius:.625rem}.before\:rounded-\[inherit\]:before{content:var(--tw-content);border-radius:inherit}.before\:rounded-full:before{content:var(--tw-content);border-radius:9999px}.before\:rounded-bl-\[0\.625rem\]:before{content:var(--tw-content);border-bottom-left-radius:.625rem}.before\:border-b:before{content:var(--tw-content);border-bottom-width:1px}.before\:border-l:before{content:var(--tw-content);border-left-width:1px}.before\:border-stroke-soft-200:before{content:var(--tw-content);border-color:hsl(var(--stroke-soft-200))}.before\:bg-current:before{content:var(--tw-content);background-color:currentColor}.before\:bg-primary-alpha-10:before{content:var(--tw-content);background-color:hsl(var(--primary-alpha-10))}.before\:bg-static-white:before{content:var(--tw-content);background-color:hsl(var(--static-white))}.before\:bg-stroke-soft-200:before{content:var(--tw-content);background-color:hsl(var(--stroke-soft-200))}.before\:bg-gradient-to-b:before{content:var(--tw-content);background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.before\:from-neutral-500:before{content:var(--tw-content);--tw-gradient-from:hsl(var(--neutral-500)) var(--tw-gradient-from-position);--tw-gradient-to:hsl(var(--neutral-500)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.before\:from-static-white\/\[\.12\]:before{content:var(--tw-content);--tw-gradient-from:hsl(var(--static-white)/.12) var(--tw-gradient-from-position);--tw-gradient-to:hsl(var(--static-white)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.before\:to-transparent:before{content:var(--tw-content);--tw-gradient-to:transparent var(--tw-gradient-to-position)}.before\:p-px:before{content:var(--tw-content);padding:1px}.before\:opacity-0:before{content:var(--tw-content);opacity:0}.before\:opacity-10:before{content:var(--tw-content);opacity:.1}.before\:ring-1:before{content:var(--tw-content);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.before\:ring-inset:before{content:var(--tw-content);--tw-ring-inset:inset}.before\:ring-error-base:before{content:var(--tw-content);--tw-ring-color:hsl(var(--error-base))}.before\:ring-stroke-soft-200:before{content:var(--tw-content);--tw-ring-color:hsl(var(--stroke-soft-200))}.before\:transition:before{content:var(--tw-content);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.before\:transition-\[opacity\2c transform\]:before{content:var(--tw-content);transition-property:opacity,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.before\:duration-200:before{transition-duration:.2s}.before\:duration-300:before{transition-duration:.3s}.before\:ease-out:before{transition-timing-function:cubic-bezier(0,0,.2,1)}.before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}.before\:duration-200:before{content:var(--tw-content);animation-duration:.2s}.before\:duration-300:before{content:var(--tw-content);animation-duration:.3s}.before\:ease-out:before{content:var(--tw-content);animation-timing-function:cubic-bezier(0,0,.2,1)}.before\:\[mask-clip\:content-box\2c border-box\]:before{content:var(--tw-content);-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box}.before\:\[mask-composite\:exclude\]:before{content:var(--tw-content);-webkit-mask-composite:xor;mask-composite:exclude}.before\:\[mask-image\:linear-gradient\(\#fff_0_0\)\2c linear-gradient\(\#fff_0_0\)\]:before{content:var(--tw-content);-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0)}.before\:\[mask\:--mask\]:before{content:var(--tw-content);-webkit-mask:var(--mask);mask:var(--mask)}.after\:pointer-events-none:after{content:var(--tw-content);pointer-events:none}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-0:after{content:var(--tw-content);inset:0}.after\:inset-y-0:after{content:var(--tw-content);top:0;bottom:0}.after\:-bottom-px:after{content:var(--tw-content);bottom:-1px}.after\:left-0:after{content:var(--tw-content);left:0}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:right-0:after{content:var(--tw-content);right:0}.after\:h-0\.5:after{content:var(--tw-content);height:.125rem}.after\:h-px:after{content:var(--tw-content);height:1px}.after\:w-3:after{content:var(--tw-content);width:.75rem}.after\:w-full:after{content:var(--tw-content);width:100%}.after\:flex-1:after{content:var(--tw-content);flex:1 1 0%}.after\:-translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\:rounded-\[inherit\]:after{content:var(--tw-content);border-radius:inherit}.after\:rounded-full:after{content:var(--tw-content);border-radius:9999px}.after\:bg-primary-base:after{content:var(--tw-content);background-color:hsl(var(--primary-base))}.after\:bg-stroke-soft-200:after{content:var(--tw-content);background-color:hsl(var(--stroke-soft-200))}.after\:bg-gradient-to-b:after{content:var(--tw-content);background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.after\:from-neutral-500:after{content:var(--tw-content);--tw-gradient-from:hsl(var(--neutral-500)) var(--tw-gradient-from-position);--tw-gradient-to:hsl(var(--neutral-500)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.after\:from-static-white:after{content:var(--tw-content);--tw-gradient-from:hsl(var(--static-white)) var(--tw-gradient-from-position);--tw-gradient-to:hsl(var(--static-white)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.after\:to-transparent:after{content:var(--tw-content);--tw-gradient-to:transparent var(--tw-gradient-to-position)}.after\:p-px:after{content:var(--tw-content);padding:1px}.after\:opacity-\[\.16\]:after{content:var(--tw-content);opacity:.16}.after\:shadow-switch-thumb:after{content:var(--tw-content);--tw-shadow:0 4px 8px 0 #1b1c1d0f,0 2px 4px 0 #0e121b14;--tw-shadow-colored:0 4px 8px 0 var(--tw-shadow-color),0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.after\:transition:after{content:var(--tw-content);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.after\:duration-200:after{transition-duration:.2s}.after\:ease-out:after{transition-timing-function:cubic-bezier(0,0,.2,1)}.after\:duration-200:after{content:var(--tw-content);animation-duration:.2s}.after\:ease-out:after{content:var(--tw-content);animation-timing-function:cubic-bezier(0,0,.2,1)}.after\:mask-exclude:after{content:var(--tw-content);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.first\:hidden:first-child{display:none}.first\:rounded-l-lg:first-child{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.first\:rounded-l-md:first-child{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.first\:rounded-l-xl:first-child{border-top-left-radius:.75rem;border-bottom-left-radius:.75rem}.last\:rounded-r-lg:last-child{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.last\:rounded-r-md:last-child{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.last\:rounded-r-xl:last-child{border-top-right-radius:.75rem;border-bottom-right-radius:.75rem}.last\:border-b-0:last-child{border-bottom-width:0}.last\:border-r-0:last-child{border-right-width:0}.focus-within\:bg-bg-weak-50:focus-within{background-color:hsl(var(--bg-weak-50))}.focus-within\:shadow-button-error-focus:focus-within{--tw-shadow:0 0 0 2px hsl(var(--bg-white-0)),0 0 0 4px hsl(var(--red-alpha-10));--tw-shadow-colored:0 0 0 2px var(--tw-shadow-color),0 0 0 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus-within\:shadow-button-important-focus:focus-within{--tw-shadow:0 0 0 2px hsl(var(--bg-white-0)),0 0 0 4px hsl(var(--neutral-alpha-16));--tw-shadow-colored:0 0 0 2px var(--tw-shadow-color),0 0 0 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus-within\:ring-error-base:focus-within{--tw-ring-color:hsl(var(--error-base))}.focus-within\:ring-stroke-strong-950:focus-within{--tw-ring-color:hsl(var(--stroke-strong-950))}.focus-within\:ring-transparent:focus-within{--tw-ring-color:transparent}.hover\:border-stroke-strong-950:hover{border-color:hsl(var(--stroke-strong-950))}.hover\:border-transparent:hover{border-color:transparent}.hover\:bg-bg-surface-800:hover{background-color:hsl(var(--bg-surface-800))}.hover\:bg-bg-weak-50:hover{background-color:hsl(var(--bg-weak-50))}.hover\:bg-bg-white-0:hover{background-color:hsl(var(--bg-white-0))}.hover\:bg-error-dark:hover{background-color:hsl(var(--error-dark))}.hover\:bg-primary-alpha-10:hover{background-color:hsl(var(--primary-alpha-10))}.hover\:bg-primary-darker:hover{background-color:hsl(var(--primary-darker))}.hover\:bg-red-700:hover{background-color:hsl(var(--red-700))}.hover\:bg-red-alpha-10:hover{background-color:hsl(var(--red-alpha-10))}.hover\:bg-transparent:hover{background-color:transparent}.hover\:text-error-base:hover{color:hsl(var(--error-base))}.hover\:text-primary-base:hover{color:hsl(var(--primary-base))}.hover\:text-primary-darker:hover{color:hsl(var(--primary-darker))}.hover\:text-red-700:hover{color:hsl(var(--red-700))}.hover\:text-text-strong-950:hover{color:hsl(var(--text-strong-950))}.hover\:text-text-sub-600:hover{color:hsl(var(--text-sub-600))}.hover\:decoration-current:hover{text-decoration-color:currentColor}.hover\:shadow-none:hover{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.hover\:shadow-none:hover,.hover\:shadow-regular-md:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-regular-md:hover{--tw-shadow:0 16px 32px -12px #0e121b1a;--tw-shadow-colored:0 16px 32px -12px var(--tw-shadow-color)}.hover\:shadow-regular-xs:hover{--tw-shadow:0 1px 2px 0 #0a0d1408;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:outline-0:hover{outline-width:0}.hover\:ring-1:hover{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.hover\:ring-inset:hover{--tw-ring-inset:inset}.hover\:ring-error-base:hover{--tw-ring-color:hsl(var(--error-base))}.hover\:ring-primary-base:hover{--tw-ring-color:hsl(var(--primary-base))}.hover\:ring-stroke-soft-200:hover{--tw-ring-color:hsl(var(--stroke-soft-200))}.hover\:ring-transparent:hover{--tw-ring-color:transparent}.hover\:brightness-90:hover{--tw-brightness:brightness(.9);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)}.hover\:before\:ring-error-base:hover:before{content:var(--tw-content);--tw-ring-color:hsl(var(--error-base))}.hover\:after\:opacity-\[\.24\]:hover:after{content:var(--tw-content);opacity:.24}.focus\:bg-bg-weak-50:focus{background-color:hsl(var(--bg-weak-50))}.focus\:text-text-strong-950:focus{color:hsl(var(--text-strong-950))}.focus\:shadow-button-error-focus:focus{--tw-shadow:0 0 0 2px hsl(var(--bg-white-0)),0 0 0 4px hsl(var(--red-alpha-10));--tw-shadow-colored:0 0 0 2px var(--tw-shadow-color),0 0 0 4px var(--tw-shadow-color)}.focus\:shadow-button-error-focus:focus,.focus\:shadow-button-important-focus:focus{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:shadow-button-important-focus:focus{--tw-shadow:0 0 0 2px hsl(var(--bg-white-0)),0 0 0 4px hsl(var(--neutral-alpha-16));--tw-shadow-colored:0 0 0 2px var(--tw-shadow-color),0 0 0 4px var(--tw-shadow-color)}.focus\:shadow-none:focus{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:outline-0:focus{outline-width:0}.focus\:ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-error-base:focus{--tw-ring-color:hsl(var(--error-base))}.focus\:ring-stroke-strong-950:focus{--tw-ring-color:hsl(var(--stroke-strong-950))}.focus\:placeholder\:text-text-sub-600:focus::-moz-placeholder{color:hsl(var(--text-sub-600))}.focus\:placeholder\:text-text-sub-600:focus::placeholder{color:hsl(var(--text-sub-600))}.focus-visible\:border-transparent:focus-visible{border-color:transparent}.focus-visible\:bg-bg-strong-950:focus-visible{background-color:hsl(var(--bg-strong-950))}.focus-visible\:bg-bg-weak-50:focus-visible{background-color:hsl(var(--bg-weak-50))}.focus-visible\:bg-bg-white-0:focus-visible{background-color:hsl(var(--bg-white-0))}.focus-visible\:text-text-strong-950:focus-visible{color:hsl(var(--text-strong-950))}.focus-visible\:text-text-white-0:focus-visible{color:hsl(var(--text-white-0))}.focus-visible\:underline:focus-visible{text-decoration-line:underline}.focus-visible\:shadow-button-error-focus:focus-visible{--tw-shadow:0 0 0 2px hsl(var(--bg-white-0)),0 0 0 4px hsl(var(--red-alpha-10));--tw-shadow-colored:0 0 0 2px var(--tw-shadow-color),0 0 0 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus-visible\:shadow-button-important-focus:focus-visible{--tw-shadow:0 0 0 2px hsl(var(--bg-white-0)),0 0 0 4px hsl(var(--neutral-alpha-16));--tw-shadow-colored:0 0 0 2px var(--tw-shadow-color),0 0 0 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus-visible\:shadow-button-primary-focus:focus-visible{--tw-shadow:0 0 0 2px hsl(var(--bg-white-0)),0 0 0 4px hsl(var(--primary-alpha-10));--tw-shadow-colored:0 0 0 2px var(--tw-shadow-color),0 0 0 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus-visible\:shadow-none:focus-visible{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-error-base:focus-visible{--tw-ring-color:hsl(var(--error-base))}.focus-visible\:ring-primary-base:focus-visible{--tw-ring-color:hsl(var(--primary-base))}.focus-visible\:ring-stroke-strong-950:focus-visible{--tw-ring-color:hsl(var(--stroke-strong-950))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.focus-visible\:ring-offset-bg-white-0:focus-visible{--tw-ring-offset-color:hsl(var(--bg-white-0))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-transparent:disabled{border-color:transparent}.disabled\:bg-bg-weak-50:disabled{background-color:hsl(var(--bg-weak-50))}.disabled\:bg-transparent:disabled{background-color:transparent}.disabled\:bg-none:disabled{background-image:none}.disabled\:text-text-disabled-300:disabled{color:hsl(var(--text-disabled-300))}.disabled\:no-underline:disabled{text-decoration-line:none}.disabled\:opacity-60:disabled{opacity:.6}.disabled\:shadow-none:disabled{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.disabled\:ring-transparent:disabled{--tw-ring-color:transparent}.disabled\:placeholder\:text-text-disabled-300:disabled::-moz-placeholder{color:hsl(var(--text-disabled-300))}.disabled\:placeholder\:text-text-disabled-300:disabled::placeholder{color:hsl(var(--text-disabled-300))}.disabled\:after\:hidden:disabled:after,.disabled\:before\:hidden:disabled:before{content:var(--tw-content);display:none}.group\/row:hover .group-hover\/row\:bg-bg-weak-50{background-color:hsl(var(--bg-weak-50))}.group\/switch:hover .group-hover\/switch\:bg-bg-sub-300{background-color:hsl(var(--bg-sub-300))}.group\/checkbox:hover .group-hover\/checkbox\:fill-bg-sub-300,.group\/radio:hover .group-hover\/radio\:fill-bg-sub-300{fill:hsl(var(--bg-sub-300))}.group\/radio:hover .group-hover\/radio\:stroke-primary-darker{stroke:hsl(var(--primary-darker))}.group\/accordion:hover .group-hover\/accordion\:text-text-sub-600,.group\/dismiss-button:hover .group-hover\/dismiss-button\:text-text-sub-600,.group\/tag:hover .group-hover\/tag\:text-text-sub-600{color:hsl(var(--text-sub-600))}.group\/trigger:hover .group-hover\/trigger\:text-text-strong-950{color:hsl(var(--text-strong-950))}.group:hover .group-hover\:text-text-sub-600,.group\/trigger:hover .group-hover\/trigger\:text-text-sub-600{color:hsl(var(--text-sub-600))}.group\/cmd-input:hover .group-hover\/cmd-input\:placeholder\:text-text-sub-600::-moz-placeholder{color:hsl(var(--text-sub-600))}.group\/cmd-input:hover .group-hover\/cmd-input\:placeholder\:text-text-sub-600::placeholder{color:hsl(var(--text-sub-600))}.group\/input-wrapper:hover .group-hover\/input-wrapper\:placeholder\:text-text-sub-600::-moz-placeholder{color:hsl(var(--text-sub-600))}.group\/input-wrapper:hover .group-hover\/input-wrapper\:placeholder\:text-text-sub-600::placeholder{color:hsl(var(--text-sub-600))}.group\/textarea:hover .group-hover\/textarea\:placeholder\:text-text-sub-600::-moz-placeholder{color:hsl(var(--text-sub-600))}.group\/textarea:hover .group-hover\/textarea\:placeholder\:text-text-sub-600::placeholder{color:hsl(var(--text-sub-600))}.group\/checkbox:focus .group-focus\/checkbox\:fill-primary-base,.group\/radio:focus .group-focus\/radio\:fill-primary-base{fill:hsl(var(--primary-base))}.group\/radio:focus .group-focus\/radio\:stroke-primary-dark{stroke:hsl(var(--primary-dark))}.group\/dismiss-button:focus .group-focus\/dismiss-button\:text-text-sub-600{color:hsl(var(--text-sub-600))}.group\/trigger:focus .group-focus\/trigger\:text-text-strong-950{color:hsl(var(--text-strong-950))}.group\/switch:focus .group-focus\/switch\:outline-none{outline:2px solid transparent;outline-offset:2px}.group\/switch:focus-visible .group-focus-visible\/switch\:bg-bg-sub-300{background-color:hsl(var(--bg-sub-300))}.group\/switch:active .group-active\/switch\:scale-\[\.833\]{--tw-scale-x:.833;--tw-scale-y:.833;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group\/switch:active .group-active\/switch\:bg-bg-soft-200{background-color:hsl(var(--bg-soft-200))}.group\/checkbox:disabled .group-disabled\/checkbox\:hidden,.group\/radio:disabled .group-disabled\/radio\:hidden{display:none}.group\/checkbox:disabled .group-disabled\/checkbox\:fill-bg-soft-200,.group\/radio:disabled .group-disabled\/radio\:fill-bg-soft-200{fill:hsl(var(--bg-soft-200))}.group\/radio:disabled .group-disabled\/radio\:stroke-bg-soft-200{stroke:hsl(var(--bg-soft-200))}.group:disabled .group-disabled\:text-text-disabled-300,.group\/trigger:disabled .group-disabled\/trigger\:text-text-disabled-300{color:hsl(var(--text-disabled-300))}.peer\/trigger:hover~.peer-hover\/trigger\:text-text-sub-600{color:hsl(var(--text-sub-600))}.peer\/trigger:focus~.peer-focus\/trigger\:text-text-strong-950{color:hsl(var(--text-strong-950))}.peer:focus-visible~.peer-focus-visible\:rounded-md{border-radius:.375rem}.peer:focus-visible~.peer-focus-visible\:bg-bg-weak-50{background-color:hsl(var(--bg-weak-50))}.peer:focus-visible~.peer-focus-visible\:ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.peer:focus-visible~.peer-focus-visible\:ring-primary-base{--tw-ring-color:hsl(var(--primary-base))}.peer\/trigger:disabled~.peer-disabled\/trigger\:text-text-disabled-300{color:hsl(var(--text-disabled-300))}.has-\[\[disabled\]\]\:pointer-events-none:has([disabled]){pointer-events:none}.has-\[input\:disabled\]\:pointer-events-none:has(input:disabled){pointer-events:none}.has-\[\>svg\:first-child\]\:grid-cols-\[auto\2c minmax\(0\2c 1fr\)\]:has(>svg:first-child){grid-template-columns:auto minmax(0,1fr)}.has-\[\>\.dot\]\:gap-1\.5:has(>.dot){gap:.375rem}.has-\[\>\.dot\]\:gap-2:has(>.dot){gap:.5rem}.has-\[\:focus-visible\]\:bg-bg-weak-50:has(:focus-visible){background-color:hsl(var(--bg-weak-50))}.has-\[\[disabled\]\]\:bg-bg-weak-50:has([disabled]){background-color:hsl(var(--bg-weak-50))}.has-\[input\:disabled\]\:bg-bg-weak-50:has(input:disabled){background-color:hsl(var(--bg-weak-50))}.has-\[\[data-state\=checked\]\]\:shadow-none:has([data-state=checked]){--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.has-\[input\:disabled\]\:shadow-none:has(input:disabled){--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.has-\[input\:focus\]\:shadow-button-error-focus:has(input:focus){--tw-shadow:0 0 0 2px hsl(var(--bg-white-0)),0 0 0 4px hsl(var(--red-alpha-10));--tw-shadow-colored:0 0 0 2px var(--tw-shadow-color),0 0 0 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.has-\[input\:focus\]\:shadow-button-important-focus:has(input:focus){--tw-shadow:0 0 0 2px hsl(var(--bg-white-0)),0 0 0 4px hsl(var(--neutral-alpha-16));--tw-shadow-colored:0 0 0 2px var(--tw-shadow-color),0 0 0 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.has-\[\:focus-visible\]\:ring-transparent:has(:focus-visible){--tw-ring-color:transparent}.has-\[\[data-state\=checked\]\]\:ring-primary-base:has([data-state=checked]){--tw-ring-color:hsl(var(--primary-base))}.has-\[\[disabled\]\]\:ring-transparent:has([disabled]){--tw-ring-color:transparent}.has-\[input\:disabled\]\:before\:ring-transparent:has(input:disabled):before{content:var(--tw-content);--tw-ring-color:transparent}.has-\[input\:focus\]\:before\:ring-error-base:has(input:focus):before{content:var(--tw-content);--tw-ring-color:hsl(var(--error-base))}.has-\[input\:focus\]\:before\:ring-stroke-strong-950:has(input:focus):before{content:var(--tw-content);--tw-ring-color:hsl(var(--stroke-strong-950))}.group:has(input:disabled) .group-has-\[input\:disabled\]\:bg-bg-weak-50{background-color:hsl(var(--bg-weak-50))}.group:has(input:disabled) .group-has-\[input\:disabled\]\:bg-transparent{background-color:transparent}.group:has(:-moz-placeholder-shown) .group\/input-wrapper:has(input:focus) .group-has-\[\:-moz-placeholder-shown\]\:group-has-\[input\:focus\]\/input-wrapper\:text-text-sub-600{color:hsl(var(--text-sub-600))}.group:has(:placeholder-shown) .group\/input-wrapper:has(input:focus) .group-has-\[\:placeholder-shown\]\:group-has-\[input\:focus\]\/input-wrapper\:text-text-sub-600{color:hsl(var(--text-sub-600))}.group:has(:-moz-placeholder-shown):has(input:focus) .group-has-\[\:-moz-placeholder-shown\]\:group-has-\[input\:focus\]\:text-text-sub-600{color:hsl(var(--text-sub-600))}.group:has(:placeholder-shown):has(input:focus) .group-has-\[\:placeholder-shown\]\:group-has-\[input\:focus\]\:text-text-sub-600{color:hsl(var(--text-sub-600))}.group:has(:-moz-placeholder-shown) .group-has-\[\:-moz-placeholder-shown\]\:text-text-soft-400{color:hsl(var(--text-soft-400))}.group:has(:placeholder-shown) .group-has-\[\:placeholder-shown\]\:text-text-soft-400{color:hsl(var(--text-soft-400))}.group:has([data-disabled]) .group-has-\[\[data-disabled\]\]\:text-text-disabled-300{color:hsl(var(--text-disabled-300))}.group\/textarea:has([disabled]) .group-has-\[\[disabled\]\]\/textarea\:text-text-disabled-300{color:hsl(var(--text-disabled-300))}.group\/input-wrapper:has(input:disabled) .group-has-\[input\:disabled\]\/input-wrapper\:text-text-disabled-300{color:hsl(var(--text-disabled-300))}.group:has(input:disabled) .group-has-\[input\:disabled\]\:text-text-disabled-300{color:hsl(var(--text-disabled-300))}.group\/tab-list:has([data-state=active]) .group-has-\[\[data-state\=active\]\]\/tab-list\:opacity-100{opacity:1}.group:has(input:focus) .group-has-\[input\:focus\]\:placeholder\:text-text-sub-600::-moz-placeholder{color:hsl(var(--text-sub-600))}.group:has(input:focus) .group-has-\[input\:focus\]\:placeholder\:text-text-sub-600::placeholder{color:hsl(var(--text-sub-600))}.group:has(:-moz-placeholder-shown) .group\/input-wrapper:hover .group-has-\[\:-moz-placeholder-shown\]\:group-hover\/input-wrapper\:text-text-sub-600{color:hsl(var(--text-sub-600))}.group:has(:placeholder-shown) .group\/input-wrapper:hover .group-has-\[\:placeholder-shown\]\:group-hover\/input-wrapper\:text-text-sub-600{color:hsl(var(--text-sub-600))}.aria-disabled\:text-text-disabled-300[aria-disabled=true]{color:hsl(var(--text-disabled-300))}.aria-\[selected\]\:bg-primary-base[aria-selected]{background-color:hsl(var(--primary-base))}.aria-\[selected\]\:\!text-static-white[aria-selected]{color:hsl(var(--static-white))!important}.aria-\[selected\]\:text-static-white[aria-selected]{color:hsl(var(--static-white))}.aria-\[selected\]\:focus-visible\:bg-primary-base:focus-visible[aria-selected]{background-color:hsl(var(--primary-base))}.aria-\[selected\]\:focus-visible\:text-static-white:focus-visible[aria-selected]{color:hsl(var(--static-white))}.group[aria-disabled=true] .group-aria-disabled\:text-text-disabled-300{color:hsl(var(--text-disabled-300))}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[side\=bottom\]\:origin-top[data-side=bottom]{transform-origin:top}.data-\[side\=left\]\:origin-right[data-side=left]{transform-origin:right}.data-\[side\=right\]\:origin-left[data-side=right]{transform-origin:left}.data-\[side\=top\]\:origin-bottom[data-side=top]{transform-origin:bottom}.data-\[state\=checked\]\:translate-x-3[data-state=checked]{--tw-translate-x:0.75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[highlighted\]\:bg-bg-weak-50[data-highlighted],.data-\[selected\=true\]\:bg-bg-weak-50[data-selected=true],.data-\[state\=active\]\:bg-bg-weak-50[data-state=active],.data-\[state\=on\]\:bg-bg-weak-50[data-state=on],.data-\[state\=open\]\:bg-bg-weak-50[data-state=open]{background-color:hsl(var(--bg-weak-50))}.data-\[disabled\]\:text-text-disabled-300[data-disabled]{color:hsl(var(--text-disabled-300))}.data-\[placeholder\]\:text-text-sub-600[data-placeholder]{color:hsl(var(--text-sub-600))}.data-\[state\=active\]\:text-text-strong-950[data-state=active],.data-\[state\=on\]\:text-text-strong-950[data-state=on],.data-\[state\=open\]\:text-text-strong-950[data-state=open]{color:hsl(var(--text-strong-950))}.data-\[state\=open\]\:ring-transparent[data-state=open]{--tw-ring-color:transparent}.data-\[state\=closed\]\:duration-200[data-state=closed],.data-\[state\=open\]\:duration-200[data-state=open]{transition-duration:.2s}.data-\[state\=closed\]\:ease-in[data-state=closed]{transition-timing-function:cubic-bezier(.4,0,1,1)}.data-\[state\=open\]\:ease-out[data-state=open]{transition-timing-function:cubic-bezier(0,0,.2,1)}.data-\[state\=open\]\:animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:fade-out-80[data-state=closed]{--tw-exit-opacity:0.8}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-0.5rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:0.5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-0.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:0.5rem}.data-\[state\=closed\]\:slide-out-to-left-full[data-state=closed]{--tw-exit-translate-x:-100%}.data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=open\]\:slide-in-from-left-full[data-state=open]{--tw-enter-translate-x:-100%}.data-\[state\=open\]\:slide-in-from-right-full[data-state=open]{--tw-enter-translate-x:100%}.data-\[state\=closed\]\:duration-200[data-state=closed],.data-\[state\=open\]\:duration-200[data-state=open]{animation-duration:.2s}.data-\[state\=closed\]\:ease-in[data-state=closed]{animation-timing-function:cubic-bezier(.4,0,1,1)}.data-\[state\=open\]\:ease-out[data-state=open]{animation-timing-function:cubic-bezier(0,0,.2,1)}.data-\[state\=closed\]\:fill-mode-forwards[data-state=closed]{animation-fill-mode:forwards}.data-\[placeholder\]\:focus\:text-text-strong-950:focus[data-placeholder]{color:hsl(var(--text-strong-950))}.data-\[placeholder\]\:disabled\:text-text-disabled-300:disabled[data-placeholder]{color:hsl(var(--text-disabled-300))}.group:hover .group-hover\:data-\[state\=checked\]\/switch\:bg-primary-darker[data-state=checked]{background-color:hsl(var(--primary-darker))}.group:active .group-active\:data-\[state\=checked\]\/switch\:bg-primary-base[data-state=checked]{background-color:hsl(var(--primary-base))}.group[data-state=closed] .group-data-\[state\=closed\]\:pointer-events-none{pointer-events:none}.group[data-state=open] .group-data-\[state\=open\]\:visible,.group\/checkbox[data-state=indeterminate] .group-data-\[state\=indeterminate\]\/checkbox\:visible{visibility:visible}.group\/checkbox[data-state=indeterminate] .group-data-\[state\=indeterminate\]\/checkbox\:invisible{visibility:hidden}.group[data-state=open] .group-data-\[state\=open\]\:translate-y-0{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-state=open] .group-data-\[state\=open\]\:rotate-180,.group\/trigger[data-state=open] .group-data-\[state\=open\]\/trigger\:rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group\/tab-item[data-state=active] .group-data-\[state\=active\]\/tab-item\:scale-100{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-state=open] .group-data-\[state\=open\]\:grid-rows-\[1fr\]{grid-template-rows:1fr}.group\/swatch-item[data-selected=true] .group-data-\[selected\=true\]\/swatch-item\:border-2{border-width:2px}.group\/switch[data-state=checked] .group-data-\[state\=checked\]\/switch\:bg-primary-base{background-color:hsl(var(--primary-base))}.group[data-state=open] .group-data-\[state\=open\]\:bg-primary-alpha-10{background-color:hsl(var(--primary-alpha-10))}.group\/checkbox[data-state=checked] .group-data-\[state\=checked\]\/checkbox\:fill-primary-base{fill:hsl(var(--primary-base))}.group\/radio[data-state=checked] .group-data-\[state\=checked\]\/radio\:fill-bg-white-0{fill:hsl(var(--bg-white-0))}.group\/checkbox[data-state=indeterminate] .group-data-\[state\=indeterminate\]\/checkbox\:fill-primary-base{fill:hsl(var(--primary-base))}.group\/item[data-disabled] .group-data-\[disabled\]\/item\:text-text-disabled-300{color:hsl(var(--text-disabled-300))}.group\/trigger[data-placeholder] .group-data-\[placeholder\]\/trigger\:text-text-soft-400{color:hsl(var(--text-soft-400))}.group\/tab-item[data-state=active] .group-data-\[state\=active\]\/tab-item\:text-primary-base{color:hsl(var(--primary-base))}.group\/trigger[data-state=open] .group-data-\[state\=open\]\/trigger\:text-text-strong-950{color:hsl(var(--text-strong-950))}.group\/trigger[data-state=open] .group-data-\[state\=open\]\/trigger\:text-text-sub-600{color:hsl(var(--text-sub-600))}.group[data-state=open] .group-data-\[state\=open\]\:text-primary-base{color:hsl(var(--primary-base))}.group\/toast[data-expanded=false][data-front=false] .group-data-\[expanded\=false\]\/toast\:group-data-\[front\=false\]\/toast\:opacity-0{opacity:0}.group\/tab-item[data-state=active] .group-data-\[state\=active\]\/tab-item\:opacity-100{opacity:1}.group\/checkbox[data-state=checked] .group-data-\[state\=checked\]\/checkbox\:opacity-0{opacity:0}.group\/checkbox[data-state=checked] .group-data-\[state\=checked\]\/checkbox\:opacity-100{opacity:1}.group\/checkbox[data-state=indeterminate] .group-data-\[state\=indeterminate\]\/checkbox\:opacity-0{opacity:0}.group[data-state=open] .group-data-\[state\=open\]\:opacity-100,.group\/checkbox[data-state=indeterminate] .group-data-\[state\=indeterminate\]\/checkbox\:opacity-100{opacity:1}.group\/swatch-item[data-selected=true] .group-data-\[selected\=true\]\/swatch-item\:ring-\[1\.5px\]{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1.5px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.group[data-state=open] .group-data-\[state\=open\]\:before\:scale-x-100:before{--tw-scale-x:1}.group[data-state=open] .group-data-\[state\=open\]\:before\:scale-x-100:before,.group[data-state=open] .group-data-\[state\=open\]\:before\:scale-y-100:before{content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-state=open] .group-data-\[state\=open\]\:before\:scale-y-100:before{--tw-scale-y:1}.group[data-state=open] .group-data-\[state\=open\]\:before\:opacity-100:before{content:var(--tw-content);opacity:1}.group\/checkbox:hover[data-state=checked] .group-hover\/checkbox\:group-data-\[state\=checked\]\/checkbox\:fill-primary-darker,.group\/checkbox:hover[data-state=indeterminate] .group-hover\/checkbox\:group-data-\[state\=indeterminate\]\/checkbox\:fill-primary-darker{fill:hsl(var(--primary-darker))}.group\/trigger[data-placeholder] .group:hover .group-data-\[placeholder\]\/trigger\:group-hover\:text-text-sub-600{color:hsl(var(--text-sub-600))}.group\/checkbox:focus[data-state=checked] .group-focus\/checkbox\:group-data-\[state\=checked\]\/checkbox\:fill-primary-dark,.group\/checkbox:focus[data-state=indeterminate] .group-focus\/checkbox\:group-data-\[state\=indeterminate\]\/checkbox\:fill-primary-dark{fill:hsl(var(--primary-dark))}.group\/trigger[data-placeholder]:focus .group-data-\[placeholder\]\/trigger\:group-focus\/trigger\:text-text-strong-950{color:hsl(var(--text-strong-950))}.group\/checkbox:disabled[data-state=checked] .group-disabled\/checkbox\:group-data-\[state\=checked\]\/checkbox\:fill-bg-soft-200,.group\/checkbox:disabled[data-state=indeterminate] .group-disabled\/checkbox\:group-data-\[state\=indeterminate\]\/checkbox\:fill-bg-soft-200{fill:hsl(var(--bg-soft-200))}.group\/trigger[data-placeholder]:disabled .group-data-\[placeholder\]\/trigger\:group-disabled\/trigger\:text-text-disabled-300{color:hsl(var(--text-disabled-300))}.dark\:bg-bg-surface-800:is(.dark *){background-color:hsl(var(--bg-surface-800))}.dark\:text-static-white:is(.dark *){color:hsl(var(--static-white))}@media (max-width:1080px){.max-\[1080px\]\:hidden{display:none}.max-\[1080px\]\:px-6{padding-left:1.5rem;padding-right:1.5rem}.max-\[1080px\]\:pt-6{padding-top:1.5rem}.max-\[1080px\]\:pt-8{padding-top:2rem}}@media (max-width:900px){.max-\[900px\]\:fixed{position:fixed}.max-\[900px\]\:inset-y-0{top:0;bottom:0}.max-\[900px\]\:left-0{left:0}.max-\[900px\]\:z-\[70\]{z-index:70}.max-\[900px\]\:inline-flex{display:inline-flex}.max-\[900px\]\:hidden{display:none}.max-\[900px\]\:min-w-0{min-width:0}.max-\[900px\]\:flex-1{flex:1 1 0%}.max-\[900px\]\:-translate-x-full{--tw-translate-x:-100%}.max-\[900px\]\:-translate-x-full,.max-\[900px\]\:translate-x-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.max-\[900px\]\:translate-x-0{--tw-translate-x:0px}.max-\[900px\]\:gap-2{gap:.5rem}.max-\[900px\]\:px-4{padding-left:1rem;padding-right:1rem}.max-\[900px\]\:px-5{padding-left:1.25rem;padding-right:1.25rem}.max-\[900px\]\:pb-16{padding-bottom:4rem}.max-\[900px\]\:pt-5{padding-top:1.25rem}.max-\[900px\]\:pt-6{padding-top:1.5rem}.max-\[900px\]\:shadow-regular-md{--tw-shadow:0 16px 32px -12px #0e121b1a;--tw-shadow-colored:0 16px 32px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}@media (max-width:640px){.max-\[640px\]\:hidden{display:none}}@media (max-width:639px){.data-\[state\=closed\]\:max-\[639px\]\:slide-out-to-top-full[data-state=closed]{--tw-exit-translate-y:-100%}.data-\[state\=open\]\:max-\[639px\]\:slide-in-from-top-full[data-state=open]{--tw-enter-translate-y:-100%}}@media (min-width:560px){.min-\[560px\]\:flex-none{flex:none}.min-\[560px\]\:flex-nowrap{flex-wrap:nowrap}}@media (min-width:640px){.sm\:col-span-1{grid-column:span 1/span 1}.sm\:col-span-10{grid-column:span 10/span 10}.sm\:col-span-11{grid-column:span 11/span 11}.sm\:col-span-12{grid-column:span 12/span 12}.sm\:col-span-13{grid-column:span 13/span 13}.sm\:col-span-14{grid-column:span 14/span 14}.sm\:col-span-15{grid-column:span 15/span 15}.sm\:col-span-16{grid-column:span 16/span 16}.sm\:col-span-17{grid-column:span 17/span 17}.sm\:col-span-18{grid-column:span 18/span 18}.sm\:col-span-19{grid-column:span 19/span 19}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:col-span-20{grid-column:span 20/span 20}.sm\:col-span-21{grid-column:span 21/span 21}.sm\:col-span-22{grid-column:span 22/span 22}.sm\:col-span-23{grid-column:span 23/span 23}.sm\:col-span-24{grid-column:span 24/span 24}.sm\:col-span-3{grid-column:span 3/span 3}.sm\:col-span-4{grid-column:span 4/span 4}.sm\:col-span-5{grid-column:span 5/span 5}.sm\:col-span-6{grid-column:span 6/span 6}.sm\:col-span-7{grid-column:span 7/span 7}.sm\:col-span-8{grid-column:span 8/span 8}.sm\:col-span-9{grid-column:span 9/span 9}.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.sm\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.sm\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.sm\:grid-cols-13{grid-template-columns:repeat(13,minmax(0,1fr))}.sm\:grid-cols-14{grid-template-columns:repeat(14,minmax(0,1fr))}.sm\:grid-cols-15{grid-template-columns:repeat(15,minmax(0,1fr))}.sm\:grid-cols-16{grid-template-columns:repeat(16,minmax(0,1fr))}.sm\:grid-cols-17{grid-template-columns:repeat(17,minmax(0,1fr))}.sm\:grid-cols-18{grid-template-columns:repeat(18,minmax(0,1fr))}.sm\:grid-cols-19{grid-template-columns:repeat(19,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-20{grid-template-columns:repeat(20,minmax(0,1fr))}.sm\:grid-cols-21{grid-template-columns:repeat(21,minmax(0,1fr))}.sm\:grid-cols-22{grid-template-columns:repeat(22,minmax(0,1fr))}.sm\:grid-cols-23{grid-template-columns:repeat(23,minmax(0,1fr))}.sm\:grid-cols-24{grid-template-columns:repeat(24,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\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.sm\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.sm\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.sm\:grid-cols-\[minmax\(8rem\2c 10rem\)_minmax\(0\2c 1fr\)\]{grid-template-columns:minmax(8rem,10rem) minmax(0,1fr)}.sm\:flex-row{flex-direction:row}.sm\:items-start{align-items:flex-start}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-4{gap:1rem}.data-\[state\=closed\]\:sm\:slide-out-to-right-full[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=open\]\:sm\:slide-in-from-right-full[data-state=open]{--tw-enter-translate-x:100%}}@media (min-width:768px){.md\:col-span-1{grid-column:span 1/span 1}.md\:col-span-10{grid-column:span 10/span 10}.md\:col-span-11{grid-column:span 11/span 11}.md\:col-span-12{grid-column:span 12/span 12}.md\:col-span-13{grid-column:span 13/span 13}.md\:col-span-14{grid-column:span 14/span 14}.md\:col-span-15{grid-column:span 15/span 15}.md\:col-span-16{grid-column:span 16/span 16}.md\:col-span-17{grid-column:span 17/span 17}.md\:col-span-18{grid-column:span 18/span 18}.md\:col-span-19{grid-column:span 19/span 19}.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-20{grid-column:span 20/span 20}.md\:col-span-21{grid-column:span 21/span 21}.md\:col-span-22{grid-column:span 22/span 22}.md\:col-span-23{grid-column:span 23/span 23}.md\:col-span-24{grid-column:span 24/span 24}.md\:col-span-3{grid-column:span 3/span 3}.md\:col-span-4{grid-column:span 4/span 4}.md\:col-span-5{grid-column:span 5/span 5}.md\:col-span-6{grid-column:span 6/span 6}.md\:col-span-7{grid-column:span 7/span 7}.md\:col-span-8{grid-column:span 8/span 8}.md\:col-span-9{grid-column:span 9/span 9}.md\:col-start-auto{grid-column-start:auto}.md\:row-start-auto{grid-row-start:auto}.md\:mx-0{margin-left:0;margin-right:0}.md\:block{display:block}.md\:grid{display:grid}.md\:h-12{height:3rem}.md\:w-\[300px\]{width:300px}.md\:w-auto{width:auto}.md\:translate-x-1\.5{--tw-translate-x:0.375rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.md\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-13{grid-template-columns:repeat(13,minmax(0,1fr))}.md\:grid-cols-14{grid-template-columns:repeat(14,minmax(0,1fr))}.md\:grid-cols-15{grid-template-columns:repeat(15,minmax(0,1fr))}.md\:grid-cols-16{grid-template-columns:repeat(16,minmax(0,1fr))}.md\:grid-cols-17{grid-template-columns:repeat(17,minmax(0,1fr))}.md\:grid-cols-18{grid-template-columns:repeat(18,minmax(0,1fr))}.md\:grid-cols-19{grid-template-columns:repeat(19,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-20{grid-template-columns:repeat(20,minmax(0,1fr))}.md\:grid-cols-21{grid-template-columns:repeat(21,minmax(0,1fr))}.md\:grid-cols-22{grid-template-columns:repeat(22,minmax(0,1fr))}.md\:grid-cols-23{grid-template-columns:repeat(23,minmax(0,1fr))}.md\:grid-cols-24{grid-template-columns:repeat(24,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-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.md\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.md\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:gap-3{gap:.75rem}.md\:px-0{padding-left:0;padding-right:0}.md\:py-8{padding-top:2rem;padding-bottom:2rem}}@media (min-width:901px){.min-\[901px\]\:hidden{display:none}}@media (min-width:1024px){.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-10{grid-column:span 10/span 10}.lg\:col-span-11{grid-column:span 11/span 11}.lg\:col-span-12{grid-column:span 12/span 12}.lg\:col-span-13{grid-column:span 13/span 13}.lg\:col-span-14{grid-column:span 14/span 14}.lg\:col-span-15{grid-column:span 15/span 15}.lg\:col-span-16{grid-column:span 16/span 16}.lg\:col-span-17{grid-column:span 17/span 17}.lg\:col-span-18{grid-column:span 18/span 18}.lg\:col-span-19{grid-column:span 19/span 19}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-20{grid-column:span 20/span 20}.lg\:col-span-21{grid-column:span 21/span 21}.lg\:col-span-22{grid-column:span 22/span 22}.lg\:col-span-23{grid-column:span 23/span 23}.lg\:col-span-24{grid-column:span 24/span 24}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:col-span-9{grid-column:span 9/span 9}.lg\:mx-0{margin-left:0;margin-right:0}.lg\:mt-0{margin-top:0}.lg\:mt-4{margin-top:1rem}.lg\:mt-5{margin-top:1.25rem}.lg\:mt-6{margin-top:1.5rem}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:size-16{width:4rem;height:4rem}.lg\:size-24{width:6rem;height:6rem}.lg\:size-8{width:2rem;height:2rem}.lg\:w-80{width:20rem}.lg\:w-full{width:100%}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.lg\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-13{grid-template-columns:repeat(13,minmax(0,1fr))}.lg\:grid-cols-14{grid-template-columns:repeat(14,minmax(0,1fr))}.lg\:grid-cols-15{grid-template-columns:repeat(15,minmax(0,1fr))}.lg\:grid-cols-16{grid-template-columns:repeat(16,minmax(0,1fr))}.lg\:grid-cols-17{grid-template-columns:repeat(17,minmax(0,1fr))}.lg\:grid-cols-18{grid-template-columns:repeat(18,minmax(0,1fr))}.lg\:grid-cols-19{grid-template-columns:repeat(19,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-20{grid-template-columns:repeat(20,minmax(0,1fr))}.lg\:grid-cols-21{grid-template-columns:repeat(21,minmax(0,1fr))}.lg\:grid-cols-22{grid-template-columns:repeat(22,minmax(0,1fr))}.lg\:grid-cols-23{grid-template-columns:repeat(23,minmax(0,1fr))}.lg\:grid-cols-24{grid-template-columns:repeat(24,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-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.lg\:grid-cols-\[auto\2c minmax\(0\2c 1fr\)\]{grid-template-columns:auto minmax(0,1fr)}.lg\:grid-cols-\[minmax\(0\2c 608fr\)\2c minmax\(0\2c 832fr\)\]{grid-template-columns:minmax(0,608fr) minmax(0,832fr)}.lg\:flex-row{flex-direction:row}.lg\:flex-wrap{flex-wrap:wrap}.lg\:items-center{align-items:center}.lg\:gap-3{gap:.75rem}.lg\:gap-3\.5{gap:.875rem}.lg\:gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.lg\:divide-y-0>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(0px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(0px*var(--tw-divide-y-reverse))}.lg\:p-3{padding:.75rem}.lg\:px-0{padding-left:0;padding-right:0}.lg\:px-11{padding-left:2.75rem;padding-right:2.75rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-0{padding-top:0;padding-bottom:0}.lg\:py-24{padding-top:6rem;padding-bottom:6rem}.lg\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.lg\:pb-0{padding-bottom:0}.lg\:pb-6{padding-bottom:1.5rem}.lg\:pt-1{padding-top:.25rem}.lg\:pt-4{padding-top:1rem}.lg\:pt-5{padding-top:1.25rem}.lg\:text-label-lg{font-size:1.125rem;letter-spacing:-.015em;font-weight:500}.lg\:text-label-lg,.lg\:text-paragraph-md{line-height:1.5rem}.lg\:text-paragraph-md{font-size:1rem;letter-spacing:-.011em;font-weight:400}.lg\:text-title-h5{font-size:1.5rem;line-height:2rem;letter-spacing:0;font-weight:500}}@media (min-width:1280px){.xl\:col-span-1{grid-column:span 1/span 1}.xl\:col-span-10{grid-column:span 10/span 10}.xl\:col-span-11{grid-column:span 11/span 11}.xl\:col-span-12{grid-column:span 12/span 12}.xl\:col-span-13{grid-column:span 13/span 13}.xl\:col-span-14{grid-column:span 14/span 14}.xl\:col-span-15{grid-column:span 15/span 15}.xl\:col-span-16{grid-column:span 16/span 16}.xl\:col-span-17{grid-column:span 17/span 17}.xl\:col-span-18{grid-column:span 18/span 18}.xl\:col-span-19{grid-column:span 19/span 19}.xl\:col-span-2{grid-column:span 2/span 2}.xl\:col-span-20{grid-column:span 20/span 20}.xl\:col-span-21{grid-column:span 21/span 21}.xl\:col-span-22{grid-column:span 22/span 22}.xl\:col-span-23{grid-column:span 23/span 23}.xl\:col-span-24{grid-column:span 24/span 24}.xl\:col-span-3{grid-column:span 3/span 3}.xl\:col-span-4{grid-column:span 4/span 4}.xl\:col-span-5{grid-column:span 5/span 5}.xl\:col-span-6{grid-column:span 6/span 6}.xl\:col-span-7{grid-column:span 7/span 7}.xl\:col-span-8{grid-column:span 8/span 8}.xl\:col-span-9{grid-column:span 9/span 9}.xl\:max-w-\[352px\]{max-width:352px}.xl\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.xl\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.xl\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.xl\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.xl\:grid-cols-13{grid-template-columns:repeat(13,minmax(0,1fr))}.xl\:grid-cols-14{grid-template-columns:repeat(14,minmax(0,1fr))}.xl\:grid-cols-15{grid-template-columns:repeat(15,minmax(0,1fr))}.xl\:grid-cols-16{grid-template-columns:repeat(16,minmax(0,1fr))}.xl\:grid-cols-17{grid-template-columns:repeat(17,minmax(0,1fr))}.xl\:grid-cols-18{grid-template-columns:repeat(18,minmax(0,1fr))}.xl\:grid-cols-19{grid-template-columns:repeat(19,minmax(0,1fr))}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-20{grid-template-columns:repeat(20,minmax(0,1fr))}.xl\:grid-cols-21{grid-template-columns:repeat(21,minmax(0,1fr))}.xl\:grid-cols-22{grid-template-columns:repeat(22,minmax(0,1fr))}.xl\:grid-cols-23{grid-template-columns:repeat(23,minmax(0,1fr))}.xl\:grid-cols-24{grid-template-columns:repeat(24,minmax(0,1fr))}.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-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.xl\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.xl\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.xl\:grid-cols-\[1fr_minmax\(0\2c 352px\)_1fr\]{grid-template-columns:1fr minmax(0,352px) 1fr}.xl\:grid-cols-\[608px\2c minmax\(0\2c 1fr\)\]{grid-template-columns:608px minmax(0,1fr)}}@media (min-width:1440px){.min-\[1440px\]\:grid-cols-\[minmax\(0\2c 608fr\)\2c minmax\(0\2c 832fr\)\]{grid-template-columns:minmax(0,608fr) minmax(0,832fr)}}@media (min-width:1536px){.\32xl\:col-span-1{grid-column:span 1/span 1}.\32xl\:col-span-10{grid-column:span 10/span 10}.\32xl\:col-span-11{grid-column:span 11/span 11}.\32xl\:col-span-12{grid-column:span 12/span 12}.\32xl\:col-span-13{grid-column:span 13/span 13}.\32xl\:col-span-14{grid-column:span 14/span 14}.\32xl\:col-span-15{grid-column:span 15/span 15}.\32xl\:col-span-16{grid-column:span 16/span 16}.\32xl\:col-span-17{grid-column:span 17/span 17}.\32xl\:col-span-18{grid-column:span 18/span 18}.\32xl\:col-span-19{grid-column:span 19/span 19}.\32xl\:col-span-2{grid-column:span 2/span 2}.\32xl\:col-span-20{grid-column:span 20/span 20}.\32xl\:col-span-21{grid-column:span 21/span 21}.\32xl\:col-span-22{grid-column:span 22/span 22}.\32xl\:col-span-23{grid-column:span 23/span 23}.\32xl\:col-span-24{grid-column:span 24/span 24}.\32xl\:col-span-3{grid-column:span 3/span 3}.\32xl\:col-span-4{grid-column:span 4/span 4}.\32xl\:col-span-5{grid-column:span 5/span 5}.\32xl\:col-span-6{grid-column:span 6/span 6}.\32xl\:col-span-7{grid-column:span 7/span 7}.\32xl\:col-span-8{grid-column:span 8/span 8}.\32xl\:col-span-9{grid-column:span 9/span 9}.\32xl\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.\32xl\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.\32xl\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.\32xl\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.\32xl\:grid-cols-13{grid-template-columns:repeat(13,minmax(0,1fr))}.\32xl\:grid-cols-14{grid-template-columns:repeat(14,minmax(0,1fr))}.\32xl\:grid-cols-15{grid-template-columns:repeat(15,minmax(0,1fr))}.\32xl\:grid-cols-16{grid-template-columns:repeat(16,minmax(0,1fr))}.\32xl\:grid-cols-17{grid-template-columns:repeat(17,minmax(0,1fr))}.\32xl\:grid-cols-18{grid-template-columns:repeat(18,minmax(0,1fr))}.\32xl\:grid-cols-19{grid-template-columns:repeat(19,minmax(0,1fr))}.\32xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.\32xl\:grid-cols-20{grid-template-columns:repeat(20,minmax(0,1fr))}.\32xl\:grid-cols-21{grid-template-columns:repeat(21,minmax(0,1fr))}.\32xl\:grid-cols-22{grid-template-columns:repeat(22,minmax(0,1fr))}.\32xl\:grid-cols-23{grid-template-columns:repeat(23,minmax(0,1fr))}.\32xl\:grid-cols-24{grid-template-columns:repeat(24,minmax(0,1fr))}.\32xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.\32xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.\32xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.\32xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.\32xl\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.\32xl\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.\32xl\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}}.\[\&\:\:-moz-range-progress\]\:h-1\.5::-moz-range-progress{height:.375rem}.\[\&\:\:-moz-range-progress\]\:rounded-full::-moz-range-progress{border-radius:9999px}.\[\&\:\:-moz-range-progress\]\:bg-primary-base::-moz-range-progress{background-color:hsl(var(--primary-base))}.\[\&\:\:-moz-range-thumb\]\:pointer-events-auto::-moz-range-thumb{pointer-events:auto}.\[\&\:\:-moz-range-thumb\]\:size-4::-moz-range-thumb{width:1rem;height:1rem}.\[\&\:\:-moz-range-thumb\]\:shrink-0::-moz-range-thumb{flex-shrink:0}.\[\&\:\:-moz-range-thumb\]\:cursor-pointer::-moz-range-thumb{cursor:pointer}.\[\&\:\:-moz-range-thumb\]\:rounded-full::-moz-range-thumb{border-radius:9999px}.\[\&\:\:-moz-range-thumb\]\:border-0::-moz-range-thumb{border-width:0}.\[\&\:\:-moz-range-thumb\]\:bg-static-white::-moz-range-thumb{background-color:hsl(var(--static-white))}.\[\&\:\:-moz-range-thumb\]\:shadow-toggle-switch::-moz-range-thumb{--tw-shadow:0 6px 10px 0 #0e121b0f,0 2px 4px 0 #0e121b08;--tw-shadow-colored:0 6px 10px 0 var(--tw-shadow-color),0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.\[\&\:\:-moz-range-thumb\]\:outline-none::-moz-range-thumb{outline:2px solid transparent;outline-offset:2px}.\[\&\:\:-moz-range-thumb\]\:\[background-image\:var\(--au-slider-thumb\)\]::-moz-range-thumb{background-image:var(--au-slider-thumb)}.\[\&\:\:-moz-range-track\]\:h-1\.5::-moz-range-track{height:.375rem}.\[\&\:\:-moz-range-track\]\:w-full::-moz-range-track{width:100%}.\[\&\:\:-moz-range-track\]\:rounded-full::-moz-range-track{border-radius:9999px}.\[\&\:\:-moz-range-track\]\:bg-bg-soft-200::-moz-range-track{background-color:hsl(var(--bg-soft-200))}.\[\&\:\:-moz-range-track\]\:bg-transparent::-moz-range-track{background-color:transparent}.\[\&\:\:-webkit-slider-runnable-track\]\:relative::-webkit-slider-runnable-track{position:relative}.\[\&\:\:-webkit-slider-runnable-track\]\:h-1\.5::-webkit-slider-runnable-track{height:.375rem}.\[\&\:\:-webkit-slider-runnable-track\]\:w-full::-webkit-slider-runnable-track{width:100%}.\[\&\:\:-webkit-slider-runnable-track\]\:rounded-full::-webkit-slider-runnable-track{border-radius:9999px}.\[\&\:\:-webkit-slider-runnable-track\]\:bg-bg-soft-200::-webkit-slider-runnable-track{background-color:hsl(var(--bg-soft-200))}.\[\&\:\:-webkit-slider-runnable-track\]\:bg-transparent::-webkit-slider-runnable-track{background-color:transparent}.\[\&\:\:-webkit-slider-runnable-track\]\:\[background-image\:var\(--au-slider-fill\)\]::-webkit-slider-runnable-track{background-image:var(--au-slider-fill)}.\[\&\:\:-webkit-slider-thumb\]\:pointer-events-auto::-webkit-slider-thumb{pointer-events:auto}.\[\&\:\:-webkit-slider-thumb\]\:block::-webkit-slider-thumb{display:block}.\[\&\:\:-webkit-slider-thumb\]\:size-4::-webkit-slider-thumb{width:1rem;height:1rem}.\[\&\:\:-webkit-slider-thumb\]\:shrink-0::-webkit-slider-thumb{flex-shrink:0}.\[\&\:\:-webkit-slider-thumb\]\:cursor-pointer::-webkit-slider-thumb{cursor:pointer}.\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb{-webkit-appearance:none;appearance:none}.\[\&\:\:-webkit-slider-thumb\]\:rounded-full::-webkit-slider-thumb{border-radius:9999px}.\[\&\:\:-webkit-slider-thumb\]\:bg-static-white::-webkit-slider-thumb{background-color:hsl(var(--static-white))}.\[\&\:\:-webkit-slider-thumb\]\:shadow-toggle-switch::-webkit-slider-thumb{--tw-shadow:0 6px 10px 0 #0e121b0f,0 2px 4px 0 #0e121b08;--tw-shadow-colored:0 6px 10px 0 var(--tw-shadow-color),0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.\[\&\:\:-webkit-slider-thumb\]\:outline-none::-webkit-slider-thumb{outline:2px solid transparent;outline-offset:2px}.\[\&\:\:-webkit-slider-thumb\]\:\[background-image\:var\(--au-slider-thumb\)\]::-webkit-slider-thumb{background-image:var(--au-slider-thumb)}.\[\&\:\:-webkit-slider-thumb\]\:\[margin-top\:-5px\]::-webkit-slider-thumb{margin-top:-5px}.\[\&\:has\(\.day-range-end\)\:not\(\:first-child\)\]\:before\:\!block:has(.day-range-end):not(:first-child):before{content:var(--tw-content);display:block!important}.\[\&\:has\(\.day-range-end\)\]\:before\:left-0:has(.day-range-end):before{content:var(--tw-content);left:0}.\[\&\:has\(\.day-range-end\)\]\:before\:right-auto:has(.day-range-end):before{content:var(--tw-content);right:auto}.\[\&\:has\(\.day-range-middle\)\]\:bg-primary-alpha-10:has(.day-range-middle){background-color:hsl(var(--primary-alpha-10))}.\[\&\:has\(\.day-range-middle\)\]\:before\:block:has(.day-range-middle):before{content:var(--tw-content);display:block}.last\:\[\&\:has\(\.day-range-middle\)\]\:before\:hidden:has(.day-range-middle):last-child:before{content:var(--tw-content);display:none}.\[\&\:has\(\.day-range-start\)\]\:before\:block:has(.day-range-start):before{content:var(--tw-content);display:block}.\[\&\:has\(\.day-range-start\)\]\:before\:w-3:has(.day-range-start):before{content:var(--tw-content);width:.75rem}.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-lg:has([aria-selected]):first-child{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-lg:has([aria-selected]):last-child{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.hover\:\[\&\:not\(\&\:has\(input\:focus\)\)\:has\(\>\:only-child\)\]\:before\:ring-error-base:not(.hover\:\[\&\:not\(\&\:has\(input\:focus\)\)\:has\(\>\:only-child\)\]\:before\:ring-error-base:has(input:focus)):has(>:only-child):hover:before:before{content:var(--tw-content);--tw-ring-color:hsl(var(--error-base))}.hover\:\[\&\:not\(\&\:has\(input\:focus\)\)\]\:bg-bg-weak-50:not(.hover\:\[\&\:not\(\&\:has\(input\:focus\)\)\]\:bg-bg-weak-50:has(input:focus)):hover{background-color:hsl(var(--bg-weak-50))}.\[\&\:not\(\.remixicon\)\]\:opacity-\[\.48\]:not(.remixicon),.group\/trigger:disabled .group-disabled\/trigger\:\[\&\:not\(\.remixicon\)\]\:opacity-\[\.48\]:not(.remixicon){opacity:.48}.hover\:\[\&\:not\(\:focus\)\]\:bg-bg-weak-50:not(:focus):hover{background-color:hsl(var(--bg-weak-50))}.hover\:\[\&\:not\(\:focus\)\]\:ring-transparent:not(:focus):hover{--tw-ring-color:transparent}.hover\:\[\&\:not\(\:focus-within\)\]\:bg-bg-weak-50:not(:focus-within):hover{background-color:hsl(var(--bg-weak-50))}.hover\:\[\&\:not\(\:focus-within\)\]\:ring-transparent:not(:focus-within):hover{--tw-ring-color:transparent}.\[\&\:not\(\:has\(\+_\*_\[type\=button\]\)\)\]\:before\:hidden:not(:has(+* [type=button])):before{content:var(--tw-content);display:none}.\[\&\:not\(\:has\(\+_\*_button\)\)\]\:rounded-r-lg:not(:has(+* button)){border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.\[\&\:not\(\:has\(button\)\)\+\:has\(\.day-range-middle\)\]\:rounded-l-lg:not(:has(button))+:has(.day-range-middle){border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.hover\:\[\&\:not\(\:has\(input\:focus\)\)\:has\(\>\:only-child\)\]\:before\:ring-transparent:not(:has(input:focus)):has(>:only-child):hover:before{content:var(--tw-content);--tw-ring-color:transparent}.\[\&\>\*\:first-child_\.step-sep\]\:hidden>:first-child .step-sep{display:none}.\[\&\>\*\]\:flex-1>*{flex:1 1 0%}.\[\&\>\*\]\:ring-2>*{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.\[\&\>\*\]\:ring-stroke-white-0>*{--tw-ring-color:hsl(var(--stroke-white-0))}.\[\&\>img\]\:size-full>img{width:100%;height:100%}.\[\&\>img\]\:object-cover>img{-o-object-fit:cover;object-fit:cover}.\[\&\>path\]\:\[stroke-dasharray\:var\(--total-length\)\]>path{stroke-dasharray:var(--total-length)}.\[\&\>path\]\:\[stroke-dashoffset\:var\(--total-length\)\]>path{stroke-dashoffset:var(--total-length)}.group\/checkbox[data-state=checked] .group-data-\[state\=checked\]\/checkbox\:\[\&\>path\]\:\[stroke-dashoffset\:0\]>path,.group\/checkbox[data-state=indeterminate] .group-data-\[state\=indeterminate\]\/checkbox\:\[\&\>path\]\:\[stroke-dashoffset\:0\]>path{stroke-dashoffset:0}.\[\&\>span\:first-child\]\:bg-primary-alpha-10>span:first-child{background-color:hsl(var(--primary-alpha-10))}.\[\&\>span\:first-child\]\:text-primary-base>span:first-child{color:hsl(var(--primary-base))}.\[\&\>span\:first-child\]\:ring-primary-alpha-16>span:first-child{--tw-ring-color:hsl(var(--primary-alpha-16))}.group[data-state=open] .\[\&\>span\:last-child\]\:group-data-\[state\=open\]\:text-primary-base>span:last-child{color:hsl(var(--primary-base))}.\[\&\>svg\]\:block>svg{display:block}.\[\&\>svg\]\:size-5>svg{width:1.25rem;height:1.25rem}.\[\&\>svg\]\:size-6>svg{width:1.5rem;height:1.5rem}.\[\&\>svg\]\:size-\[18px\]>svg{width:18px;height:18px}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:text-text-soft-400>svg{color:hsl(var(--text-soft-400))}.\[\&\>svg\]\:text-text-sub-600>svg{color:hsl(var(--text-sub-600))}.\[\&\>table\]\:min-w-\[1040px\]>table{min-width:1040px}.\[\&_caption\]\:px-3 caption{padding-left:.75rem;padding-right:.75rem}.\[\&_caption\]\:py-2 caption{padding-top:.5rem;padding-bottom:.5rem}.\[\&_caption\]\:text-left caption{text-align:left}.\[\&_caption\]\:text-paragraph-xs caption{font-size:.75rem;line-height:1rem;letter-spacing:0;font-weight:400}.\[\&_caption\]\:text-text-sub-600 caption{color:hsl(var(--text-sub-600))}.\[\&_input\]\:text-center input{text-align:center}.\[\&_path\]\:transition-all path{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.\[\&_path\]\:duration-300 path{transition-duration:.3s}.\[\&_path\]\:ease-out path{transition-timing-function:cubic-bezier(0,0,.2,1)}.\[\&_path\]\:duration-300 path{animation-duration:.3s}.\[\&_path\]\:ease-out path{animation-timing-function:cubic-bezier(0,0,.2,1)}.\[\&_strong\]\:font-semibold strong{font-weight:600}.\[\&_svg\]\:opacity-0 svg{opacity:0}.\[\&_tbody_td\:first-child\]\:rounded-l-xl tbody td:first-child{border-top-left-radius:.75rem;border-bottom-left-radius:.75rem}.\[\&_tbody_td\:last-child\]\:rounded-r-xl tbody td:last-child{border-top-right-radius:.75rem;border-bottom-right-radius:.75rem}.\[\&_tbody_td\]\:h-12 tbody td{height:3rem}.\[\&_tbody_td\]\:h-16 tbody td{height:4rem}.\[\&_tbody_td\]\:px-3 tbody td{padding-left:.75rem;padding-right:.75rem}.\[\&_tbody_td\]\:text-paragraph-sm tbody td{font-size:.875rem;line-height:1.25rem;letter-spacing:-.006em;font-weight:400}.\[\&_tbody_td\]\:text-text-strong-950 tbody td{color:hsl(var(--text-strong-950))}.\[\&_tbody_td\]\:transition tbody td{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.\[\&_tbody_td\]\:duration-200 tbody td{transition-duration:.2s}.\[\&_tbody_td\]\:ease-out tbody td{transition-timing-function:cubic-bezier(0,0,.2,1)}.\[\&_tbody_td\]\:duration-200 tbody td{animation-duration:.2s}.\[\&_tbody_td\]\:ease-out tbody td{animation-timing-function:cubic-bezier(0,0,.2,1)}.\[\&_tbody_tr\:hover_td\]\:bg-bg-weak-50 tbody tr:hover td{background-color:hsl(var(--bg-weak-50))}.\[\&_thead_th\:first-child\]\:rounded-l-lg thead th:first-child{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.\[\&_thead_th\:last-child\]\:rounded-r-lg thead th:last-child{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.\[\&_thead_th\]\:bg-bg-weak-50 thead th{background-color:hsl(var(--bg-weak-50))}.\[\&_thead_th\]\:px-3 thead th{padding-left:.75rem;padding-right:.75rem}.\[\&_thead_th\]\:py-2 thead th{padding-top:.5rem;padding-bottom:.5rem}.\[\&_thead_th\]\:text-left thead th{text-align:left}.\[\&_thead_th\]\:text-paragraph-sm thead th{font-size:.875rem;line-height:1.25rem;letter-spacing:-.006em;font-weight:400}.\[\&_thead_th\]\:text-text-sub-600 thead th{color:hsl(var(--text-sub-600))}@@media (min-height:901px){.\[\@\@media_\(min-height\:901px\)\]\:justify-center{justify-content:center}}

/* ---------- Design tokens (--au-* mirror) (css/tokens.css) ---------- */
/* =====================================================================
   UtcPack.Blazor.AlignUI — Design Tokens
   Faithful port of the AlignUI design system token layer.
   Colors are stored as HSL channel triplets so they compose with
   hsl(var(--token)) and alpha tokens carry their own "/ NN%".
   ===================================================================== */

:root {
  /* ---------- Neutral ---------- */
  --au-neutral-950: 221.54 31.71% 8.04%;
  --au-neutral-900: 226.15 21.31% 11.96%;
  --au-neutral-800: 227.14 17.07% 16.08%;
  --au-neutral-700: 221.25 15.69% 20%;
  --au-neutral-600: 222 10.87% 36.08%;
  --au-neutral-500: 221.05 7.76% 48.04%;
  --au-neutral-400: 220 11.48% 64.12%;
  --au-neutral-300: 218.57 15.22% 81.96%;
  --au-neutral-200: 220 17.65% 90%;
  --au-neutral-100: 210 30% 96.08%;
  --au-neutral-50: 216 33.33% 97.06%;
  --au-neutral-0: 0 0% 100%;
  --au-neutral-alpha-24: 220 11.48% 64.12% / 24%;
  --au-neutral-alpha-16: 220 11.48% 64.12% / 16%;
  --au-neutral-alpha-10: 220 11.48% 64.12% / 10%;

  /* ---------- Blue ---------- */
  --au-blue-950: 228.14 70.49% 23.92%;
  --au-blue-900: 228 70.55% 31.96%;
  --au-blue-800: 228.17 69.61% 40%;
  --au-blue-700: 228.07 69.8% 48.04%;
  --au-blue-600: 228 80.36% 56.08%;
  --au-blue-500: 227.94 100% 60%;
  --au-blue-400: 222.12 100% 70.39%;
  --au-blue-300: 219.81 100% 79.61%;
  --au-blue-200: 220 100% 87.65%;
  --au-blue-100: 221.43 100% 91.76%;
  --au-blue-50: 222 100% 96.08%;
  --au-blue-alpha-24: 227.93 100% 63.92% / 24%;
  --au-blue-alpha-16: 227.93 100% 63.92% / 16%;
  --au-blue-alpha-10: 227.93 100% 63.92% / 10%;

  /* ---------- Orange ---------- */
  --au-orange-950: 23.72 70.49% 23.92%;
  --au-orange-900: 24 70.55% 31.96%;
  --au-orange-800: 24.08 69.61% 40%;
  --au-orange-700: 23.86 69.8% 48.04%;
  --au-orange-600: 24 80.36% 56.08%;
  --au-orange-500: 24.13 100% 63.92%;
  --au-orange-400: 23.84 100% 70.39%;
  --au-orange-300: 24.23 100% 79.61%;
  --au-orange-200: 23.81 100% 87.65%;
  --au-orange-100: 24.29 100% 91.76%;
  --au-orange-50: 24 100% 96.08%;
  --au-orange-alpha-24: 24.13 100% 63.92% / 24%;
  --au-orange-alpha-16: 24.13 100% 63.92% / 16%;
  --au-orange-alpha-10: 24.13 100% 63.92% / 10%;

  /* ---------- Red ---------- */
  --au-red-950: 355.12 70.49% 23.92%;
  --au-red-900: 354.78 70.55% 31.96%;
  --au-red-800: 354.93 69.61% 40%;
  --au-red-700: 355.09 69.8% 48.04%;
  --au-red-600: 355 80.36% 56.08%;
  --au-red-500: 354.8 96.08% 60%;
  --au-red-400: 354.83 100% 70.39%;
  --au-red-300: 354.81 100% 79.61%;
  --au-red-200: 355.24 100% 87.65%;
  --au-red-100: 355.71 100% 91.76%;
  --au-red-50: 357 100% 96.08%;
  --au-red-alpha-24: 354.8 96.08% 60% / 24%;
  --au-red-alpha-16: 354.8 96.08% 60% / 16%;
  --au-red-alpha-10: 354.8 96.08% 60% / 10%;

  /* ---------- Green ---------- */
  --au-green-950: 148.47 72.84% 15.88%;
  --au-green-900: 148.46 63.93% 23.92%;
  --au-green-800: 147.69 63.64% 28.04%;
  --au-green-700: 148.21 71.78% 31.96%;
  --au-green-600: 147.95 71.57% 40%;
  --au-green-500: 148.15 72.32% 43.92%;
  --au-green-400: 147.78 72.32% 56.08%;
  --au-green-300: 147.96 72.03% 71.96%;
  --au-green-200: 148.24 71.83% 86.08%;
  --au-green-100: 154.88 84.31% 90%;
  --au-green-50: 147.69 72.22% 92.94%;
  --au-green-alpha-24: 148.15 72.32% 43.92% / 24%;
  --au-green-alpha-16: 148.15 72.32% 43.92% / 16%;
  --au-green-alpha-10: 148.15 72.32% 43.92% / 10%;

  /* ---------- Yellow ---------- */
  --au-yellow-950: 42.16 60.66% 23.92%;
  --au-yellow-900: 41.71 64.42% 31.96%;
  --au-yellow-800: 42 63.73% 40%;
  --au-yellow-700: 42.04 64.08% 48.04%;
  --au-yellow-600: 41.85 80.39% 50%;
  --au-yellow-500: 41.94 92.31% 54.12%;
  --au-yellow-400: 42.12 100% 70.39%;
  --au-yellow-300: 42.12 100% 79.61%;
  --au-yellow-200: 41.9 100% 87.65%;
  --au-yellow-100: 41.18 100% 90%;
  --au-yellow-50: 43.9 100% 91.96%;
  --au-yellow-alpha-24: 41.93 95.65% 63.92% / 24%;
  --au-yellow-alpha-16: 41.93 95.65% 63.92% / 16%;
  --au-yellow-alpha-10: 41.93 95.65% 63.92% / 10%;

  /* ---------- Purple ---------- */
  --au-purple-950: 257.8 63.64% 28.04%;
  --au-purple-900: 258.29 64.42% 31.96%;
  --au-purple-800: 258 63.73% 40%;
  --au-purple-700: 257.96 64.08% 48.04%;
  --au-purple-600: 255.93 72.32% 56.08%;
  --au-purple-500: 255.93 88.04% 63.92%;
  --au-purple-400: 252.18 88.08% 70.39%;
  --au-purple-300: 249.81 100% 79.61%;
  --au-purple-200: 249.52 100% 87.65%;
  --au-purple-100: 250 100% 91.76%;
  --au-purple-50: 252 100% 96.08%;
  --au-purple-alpha-24: 255.93 83.51% 61.96% / 24%;
  --au-purple-alpha-16: 255.93 83.51% 61.96% / 16%;
  --au-purple-alpha-10: 255.93 83.51% 61.96% / 10%;

  /* ---------- Sky ---------- */
  --au-sky-950: 200.23 70.49% 23.92%;
  --au-sky-900: 199.83 70.55% 31.96%;
  --au-sky-800: 199.86 69.61% 40%;
  --au-sky-700: 200 69.8% 48.04%;
  --au-sky-600: 200 80.36% 56.08%;
  --au-sky-500: 199.89 100% 63.92%;
  --au-sky-400: 199.87 100% 70.39%;
  --au-sky-300: 200.19 100% 79.61%;
  --au-sky-200: 200 100% 87.65%;
  --au-sky-100: 200 100% 91.76%;
  --au-sky-50: 201 100% 96.08%;
  --au-sky-alpha-24: 199.89 100% 63.92% / 24%;
  --au-sky-alpha-16: 199.89 100% 63.92% / 16%;
  --au-sky-alpha-10: 199.89 100% 63.92% / 10%;

  /* ---------- Pink ---------- */
  --au-pink-950: 330 70.49% 23.92%;
  --au-pink-900: 329.74 70.55% 31.96%;
  --au-pink-800: 330 69.61% 40%;
  --au-pink-700: 330.18 69.8% 48.04%;
  --au-pink-600: 330 80.36% 56.08%;
  --au-pink-500: 330 95.65% 63.92%;
  --au-pink-400: 330.2 100% 70.39%;
  --au-pink-300: 330 100% 79.61%;
  --au-pink-200: 330.48 100% 87.65%;
  --au-pink-100: 330 100% 91.76%;
  --au-pink-50: 333 100% 96.08%;
  --au-pink-alpha-24: 330 95.65% 63.92% / 24%;
  --au-pink-alpha-16: 330 95.65% 63.92% / 16%;
  --au-pink-alpha-10: 330 95.65% 63.92% / 10%;

  /* ---------- Teal ---------- */
  --au-teal-950: 171.86 72.84% 15.88%;
  --au-teal-900: 172.31 63.93% 23.92%;
  --au-teal-800: 172.09 63.64% 28.04%;
  --au-teal-700: 172.31 71.78% 31.96%;
  --au-teal-600: 172.19 71.57% 40%;
  --au-teal-500: 171.86 72.24% 48.04%;
  --au-teal-400: 172.08 70.67% 55.88%;
  --au-teal-300: 171.84 72.03% 71.96%;
  --au-teal-200: 171.76 71.83% 86.08%;
  --au-teal-100: 171.63 84.31% 90%;
  --au-teal-50: 172.17 74.19% 93.94%;
  --au-teal-alpha-24: 171.86 72.24% 48.04% / 24%;
  --au-teal-alpha-16: 171.86 72.24% 48.04% / 16%;
  --au-teal-alpha-10: 171.86 72.24% 48.04% / 10%;

  /* ---------- White / Black alphas ---------- */
  --au-white-alpha-24: 0 0% 100% / 24%;
  --au-white-alpha-16: 0 0% 100% / 16%;
  --au-white-alpha-10: 0 0% 100% / 10%;
  --au-black-alpha-24: 0 0% 0% / 24%;
  --au-black-alpha-16: 0 0% 0% / 16%;
  --au-black-alpha-10: 0 0% 0% / 10%;

  --au-overlay: 221.25 15.69% 20% / 24%;

  /* ---------- Social ---------- */
  --au-social-apple: 0 0% 0%;
  --au-social-twitter: 0 0% 0.39%;
  --au-social-github: 212.73 13.25% 16.27%;
  --au-social-notion: 210 11.76% 13.33%;
  --au-social-tidal: 0 0% 0%;
  --au-social-amazon: 210 14.52% 24.31%;
  --au-social-zendesk: 46.67 25.71% 6.86%;

  /* ---------- Primary (themeable accent) ----------
     Blue is AlignUI's own default: primary-base is blue-500 in the reference. The
     accent stays switchable at runtime via the theme panel's preset picker. */
  --au-primary-dark: var(--au-blue-800);
  --au-primary-darker: var(--au-blue-700);
  --au-primary-base: var(--au-blue-500);
  --au-primary-light: var(--au-blue-100);
  --au-primary-lighter: var(--au-blue-50);
  --au-primary-alpha-24: var(--au-blue-alpha-24);
  --au-primary-alpha-16: var(--au-blue-alpha-16);
  --au-primary-alpha-10: var(--au-blue-alpha-10);
  --au-primary-on: var(--au-static-white);

  /* ---------- Static (never inverts with theme) ---------- */
  --au-static-black: var(--au-neutral-950);
  --au-static-white: var(--au-neutral-0);

  /* ---------- Semantic: background ---------- */
  --au-bg-strong-950: var(--au-neutral-950);
  --au-bg-surface-800: var(--au-neutral-800);
  --au-bg-sub-300: var(--au-neutral-300);
  --au-bg-soft-200: var(--au-neutral-200);
  --au-bg-weak-50: var(--au-neutral-50);
  /* Deliberately a flat gray rather than a ramp step: the original defines it as a literal
     (rgb 247 247 247 / 28 28 28) so it stays hue-neutral when the neutral ramp switches
     between gray and slate. Do not point this at --au-neutral-*. */
  --au-bg-weak-25: 0 0% 96.86%;
  --au-bg-white-0: var(--au-neutral-0);

  /* ---------- Semantic: text ---------- */
  --au-text-strong-950: var(--au-neutral-950);
  --au-text-sub-600: var(--au-neutral-600);
  --au-text-soft-400: var(--au-neutral-400);
  --au-text-disabled-300: var(--au-neutral-300);
  --au-text-white-0: var(--au-neutral-0);

  /* ---------- Semantic: stroke ---------- */
  --au-stroke-strong-950: var(--au-neutral-950);
  --au-stroke-sub-300: var(--au-neutral-300);
  --au-stroke-soft-200: var(--au-neutral-200);
  --au-stroke-white-0: var(--au-neutral-0);

  /* ---------- State colors ---------- */
  --au-faded-dark: var(--au-neutral-800);
  --au-faded-base: var(--au-neutral-500);
  --au-faded-light: var(--au-neutral-200);
  --au-faded-lighter: var(--au-neutral-100);

  --au-information-dark: var(--au-blue-950);
  --au-information-base: var(--au-blue-500);
  --au-information-light: var(--au-blue-200);
  --au-information-lighter: var(--au-blue-50);

  --au-warning-dark: var(--au-orange-950);
  --au-warning-base: var(--au-orange-500);
  --au-warning-light: var(--au-orange-200);
  --au-warning-lighter: var(--au-orange-50);

  --au-error-dark: var(--au-red-950);
  --au-error-base: var(--au-red-500);
  --au-error-light: var(--au-red-200);
  --au-error-lighter: var(--au-red-50);

  --au-success-dark: var(--au-green-950);
  --au-success-base: var(--au-green-500);
  --au-success-light: var(--au-green-200);
  --au-success-lighter: var(--au-green-50);

  --au-away-dark: var(--au-yellow-950);
  --au-away-base: var(--au-yellow-500);
  --au-away-light: var(--au-yellow-200);
  --au-away-lighter: var(--au-yellow-50);

  --au-feature-dark: var(--au-purple-950);
  --au-feature-base: var(--au-purple-500);
  --au-feature-light: var(--au-purple-200);
  --au-feature-lighter: var(--au-purple-50);

  --au-verified-dark: var(--au-sky-950);
  --au-verified-base: var(--au-sky-500);
  --au-verified-light: var(--au-sky-200);
  --au-verified-lighter: var(--au-sky-50);

  --au-highlighted-dark: var(--au-pink-950);
  --au-highlighted-base: var(--au-pink-500);
  --au-highlighted-light: var(--au-pink-200);
  --au-highlighted-lighter: var(--au-pink-50);

  --au-stable-dark: var(--au-teal-950);
  --au-stable-base: var(--au-teal-500);
  --au-stable-light: var(--au-teal-200);
  --au-stable-lighter: var(--au-teal-50);

  /* ---------- Shadows ---------- */
  --au-shadow-regular-xs: 0 1px 2px 0 #0a0d1408;
  --au-shadow-regular-sm: 0 2px 4px #1b1c1d0a;
  --au-shadow-regular-md: 0 16px 32px -12px #0e121b1a;
  --au-shadow-button-primary-focus: 0 0 0 2px hsl(var(--au-bg-white-0)), 0 0 0 4px hsl(var(--au-primary-alpha-10));
  --au-shadow-button-important-focus: 0 0 0 2px hsl(var(--au-bg-white-0)), 0 0 0 4px hsl(var(--au-neutral-alpha-16));
  --au-shadow-button-error-focus: 0 0 0 2px hsl(var(--au-bg-white-0)), 0 0 0 4px hsl(var(--au-red-alpha-10));
  --au-shadow-fancy-neutral: 0 1px 2px 0 #1b1c1d7a, 0 0 0 1px #242628;
  --au-shadow-fancy-primary: 0 1px 2px 0 #0e121b3d, 0 0 0 1px hsl(var(--au-primary-base));
  --au-shadow-fancy-error: 0 1px 2px 0 #0e121b3d, 0 0 0 1px hsl(var(--au-error-base));
  --au-shadow-fancy-stroke: 0 1px 3px 0 #0e121b1f, 0 0 0 1px hsl(var(--au-stroke-soft-200));
  --au-shadow-toggle-switch: 0 6px 10px 0 #0e121b0f, 0 2px 4px 0 #0e121b08;
  --au-shadow-switch-thumb: 0 4px 8px 0 #1b1c1d0f, 0 2px 4px 0 #0e121b14;
  --au-shadow-tooltip: 0 12px 24px 0 #0e121b0f, 0 1px 2px 0 #0e121b08;

  /* ---------- Radii ---------- */
  --au-radius-10: 0.625rem;
  --au-radius-20: 1.25rem;

  /* ---------- Font ---------- */
  /* Google Sans is the system default and ships with the package (see css/fonts.css).
     Inter stays next in the stack: it is also self-hosted-ready and matches the metrics
     closely, so a missing subset degrades to a near-identical face rather than to a
     system sans with different vertical rhythm. */
  --au-font-sans: 'Google Sans', 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto,
    Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
}

/* =====================================================================
   Dark theme — only the semantic layers invert.
   ===================================================================== */
.dark,
[data-color-scheme="dark"] {
  /* The accent lightens in dark mode: blue-500 on a near-black surface measures 3.67:1,
     below the 4.5 text threshold, so the logo and active nav links read as dimmed. blue-400
     measures 6.54:1. Lightening the fill means white can no longer sit on it (2.86:1), hence
     --au-primary-on: the foreground that belongs on a primary fill, white on light and near-black
     on dark, where it also measures 6.54:1. */
  --au-primary-dark: var(--au-blue-600);
  --au-primary-darker: var(--au-blue-500);
  --au-primary-base: var(--au-blue-400);
  --au-primary-light: var(--au-blue-alpha-16);
  --au-primary-lighter: var(--au-blue-alpha-10);
  --au-primary-on: var(--au-neutral-950);

  --au-bg-strong-950: var(--au-neutral-0);
  --au-bg-surface-800: var(--au-neutral-200);
  --au-bg-sub-300: var(--au-neutral-600);
  --au-bg-soft-200: var(--au-neutral-700);
  --au-bg-weak-50: var(--au-neutral-900);
  --au-bg-weak-25: 0 0% 10.98%;
  --au-bg-white-0: var(--au-neutral-950);

  --au-text-strong-950: var(--au-neutral-0);
  --au-text-sub-600: var(--au-neutral-400);
  --au-text-soft-400: var(--au-neutral-500);
  --au-text-disabled-300: var(--au-neutral-600);
  --au-text-white-0: var(--au-neutral-950);

  /* Keep focus/open/active outlines visible without turning them into a white halo. */
  --au-stroke-strong-950: var(--au-neutral-600);
  --au-stroke-sub-300: var(--au-neutral-600);
  --au-stroke-soft-200: var(--au-neutral-700);
  --au-stroke-white-0: var(--au-neutral-950);

  --au-faded-dark: var(--au-neutral-300);
  --au-faded-base: var(--au-neutral-500);
  --au-faded-light: var(--au-neutral-alpha-24);
  --au-faded-lighter: var(--au-neutral-alpha-16);

  --au-information-dark: var(--au-blue-400);
  --au-information-base: var(--au-blue-500);
  --au-information-light: var(--au-blue-alpha-24);
  --au-information-lighter: var(--au-blue-alpha-16);

  --au-warning-dark: var(--au-orange-400);
  --au-warning-base: var(--au-orange-600);
  --au-warning-light: var(--au-orange-alpha-24);
  --au-warning-lighter: var(--au-orange-alpha-16);

  --au-error-dark: var(--au-red-400);
  --au-error-base: var(--au-red-600);
  --au-error-light: var(--au-red-alpha-24);
  --au-error-lighter: var(--au-red-alpha-16);

  --au-success-dark: var(--au-green-400);
  --au-success-base: var(--au-green-600);
  --au-success-light: var(--au-green-alpha-24);
  --au-success-lighter: var(--au-green-alpha-16);

  --au-away-dark: var(--au-yellow-400);
  --au-away-base: var(--au-yellow-600);
  --au-away-light: var(--au-yellow-alpha-24);
  --au-away-lighter: var(--au-yellow-alpha-16);

  --au-feature-dark: var(--au-purple-400);
  --au-feature-base: var(--au-purple-500);
  --au-feature-light: var(--au-purple-alpha-24);
  --au-feature-lighter: var(--au-purple-alpha-16);

  --au-verified-dark: var(--au-sky-400);
  --au-verified-base: var(--au-sky-600);
  --au-verified-light: var(--au-sky-alpha-24);
  --au-verified-lighter: var(--au-sky-alpha-16);

  --au-highlighted-dark: var(--au-pink-400);
  --au-highlighted-base: var(--au-pink-600);
  --au-highlighted-light: var(--au-pink-alpha-24);
  --au-highlighted-lighter: var(--au-pink-alpha-16);

  --au-stable-dark: var(--au-teal-400);
  --au-stable-base: var(--au-teal-600);
  --au-stable-light: var(--au-teal-alpha-24);
  --au-stable-lighter: var(--au-teal-alpha-16);

  --au-overlay: 221.25 15.69% 20% / 56%;

  --au-social-apple: 0 0% 100%;
  --au-social-twitter: 0 0% 100%;
  --au-social-github: 0 0% 100%;
  --au-social-notion: 0 0% 100%;
  --au-social-tidal: 0 0% 100%;
  --au-social-amazon: 0 0% 100%;
  --au-social-zendesk: 0 0% 100%;
}


/* ---------- Base layer (css/base.css) ---------- */
/* =====================================================================
   UtcPack.Blazor.AlignUI — Base layer
   Minimal reset (scoped to AlignUI surfaces) + the AlignUI type scale.
   ===================================================================== */

[data-alignui] {
  font-family: var(--au-font-sans);
  color: hsl(var(--au-text-strong-950));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* Wrapped in :where() so the whole selector has zero specificity. Written plainly it
   ties with Tailwind's own box-sizing utilities and — being imported after them —
   silently won, which quietly broke every `box-content` in the kit (an avatar's
   status ring, for one, collapsed to a fraction of its size). */
:where([data-alignui]) :where(*, *::before, *::after) {
  box-sizing: border-box;
}

/* AlignUI is embedded into hosts that may intentionally omit Tailwind's full
   preflight. Keep semantic content inside the kit independent from browser
   default margins without resetting the surrounding application. */
:where([data-alignui]) :where(h1, h2, h3, h4, h5, h6, p, figure) {
  margin: 0;
}

/* ---------- Surface helpers ---------- */
.au-bg-canvas { background-color: hsl(var(--au-bg-weak-50)); }
.au-bg-surface { background-color: hsl(var(--au-bg-white-0)); }

/* ---------- Typography scale ---------- */
/* Titles */
.au-text-title-h1 { font-size: 3.5rem;   line-height: 4rem;    letter-spacing: -0.01em;  font-weight: 500; }
.au-text-title-h2 { font-size: 3rem;     line-height: 3.5rem;  letter-spacing: -0.01em;  font-weight: 500; }
.au-text-title-h3 { font-size: 2.5rem;   line-height: 3rem;    letter-spacing: -0.01em;  font-weight: 500; }
.au-text-title-h4 { font-size: 2rem;     line-height: 2.5rem;  letter-spacing: -0.005em; font-weight: 500; }
.au-text-title-h5 { font-size: 1.5rem;   line-height: 2rem;    letter-spacing: 0;        font-weight: 500; }
.au-text-title-h6 { font-size: 1.25rem;  line-height: 1.75rem; letter-spacing: 0;        font-weight: 500; }

/* Labels (medium weight) */
.au-text-label-xl { font-size: 1.5rem;   line-height: 2rem;    letter-spacing: -0.015em; font-weight: 500; }
.au-text-label-lg { font-size: 1.125rem; line-height: 1.5rem;  letter-spacing: -0.015em; font-weight: 500; }
.au-text-label-md { font-size: 1rem;     line-height: 1.5rem;  letter-spacing: -0.011em; font-weight: 500; }
.au-text-label-sm { font-size: 0.875rem; line-height: 1.25rem; letter-spacing: -0.006em; font-weight: 500; }
.au-text-label-xs { font-size: 0.75rem;  line-height: 1rem;    letter-spacing: 0;        font-weight: 500; }

/* Paragraphs (regular weight) */
.au-text-paragraph-xl { font-size: 1.5rem;   line-height: 2rem;    letter-spacing: -0.015em; font-weight: 400; }
.au-text-paragraph-lg { font-size: 1.125rem; line-height: 1.5rem;  letter-spacing: -0.015em; font-weight: 400; }
.au-text-paragraph-md { font-size: 1rem;     line-height: 1.5rem;  letter-spacing: -0.011em; font-weight: 400; }
.au-text-paragraph-sm { font-size: 0.875rem; line-height: 1.25rem; letter-spacing: -0.006em; font-weight: 400; }
.au-text-paragraph-xs { font-size: 0.75rem;  line-height: 1rem;    letter-spacing: 0;        font-weight: 400; }

/* Subheadings (uppercase, tracked) */
.au-text-subheading-md  { font-size: 1rem;      line-height: 1.5rem;  letter-spacing: 0.06em; font-weight: 500; }
.au-text-subheading-sm  { font-size: 0.875rem;  line-height: 1.25rem; letter-spacing: 0.06em; font-weight: 500; }
.au-text-subheading-xs  { font-size: 0.75rem;   line-height: 1rem;    letter-spacing: 0.04em; font-weight: 500; }
.au-text-subheading-2xs { font-size: 0.6875rem; line-height: 0.75rem; letter-spacing: 0.02em; font-weight: 500; }

/* Documentation (long-form prose — looser leading than the label/paragraph pair) */
.au-text-doc-label     { font-size: 1.125rem; line-height: 2rem; letter-spacing: -0.015em; font-weight: 500; }
.au-text-doc-paragraph { font-size: 1.125rem; line-height: 2rem; letter-spacing: -0.015em; font-weight: 400; }

/* ---------- Text color helpers ---------- */
.au-text-strong { color: hsl(var(--au-text-strong-950)); }
.au-text-sub    { color: hsl(var(--au-text-sub-600)); }
.au-text-soft   { color: hsl(var(--au-text-soft-400)); }
.au-text-disabled { color: hsl(var(--au-text-disabled-300)); }

/* ---------- Scrollbars ---------- */
/* Overflow is everywhere in an admin surface — a sidebar, a scrolling table body, a
   dialog — and the platform default undoes the restraint of everything above it.

   Scoped like the rest of this file, so embedding one AlignUI panel in someone else's
   page does not restyle their scrollbars. Both selector forms are needed: the element
   that scrolls is sometimes the marked element itself (a nav), sometimes a descendant
   of it (a table body inside a card).

   Firefox reads the two standard properties and ignores the pseudo-elements; WebKit and
   Blink are the other way round. The thumb is drawn inset via a transparent border and
   background-clip, which is what gives it room to breathe without a visible track.

   Not wrapped in :where() the way the reset above is. Zero specificity is what makes the
   reset safe to lose to a utility; here it would lose to a host's own `html, body *`
   scrollbar rule, and nothing in the kit competes for these properties. */
[data-alignui],
[data-alignui] * {
  scrollbar-width: thin;
  scrollbar-color: hsl(var(--au-bg-soft-200)) transparent;
}

[data-alignui]::-webkit-scrollbar,
[data-alignui] ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

[data-alignui]::-webkit-scrollbar-track,
[data-alignui] ::-webkit-scrollbar-track,
[data-alignui]::-webkit-scrollbar-corner,
[data-alignui] ::-webkit-scrollbar-corner {
  background: transparent;
}

[data-alignui]::-webkit-scrollbar-thumb,
[data-alignui] ::-webkit-scrollbar-thumb {
  background-color: hsl(var(--au-bg-soft-200));
  background-clip: content-box;
  border: 3px solid transparent;
  border-radius: 9999px;
}

[data-alignui]::-webkit-scrollbar-thumb:hover,
[data-alignui] ::-webkit-scrollbar-thumb:hover {
  background-color: hsl(var(--au-bg-sub-300));
}


/* ---------- Component styles (css/components.css) ---------- */
/* =====================================================================
   UtcPack.Blazor.AlignUI — Component styles
   Hand-translated from the AlignUI (tailwind-variants) source into plain
   token-driven CSS. Class scheme: .au-{component} root + .au-{c}--{modifier}.
   ===================================================================== */

/* =====================================================================
   Button
   ===================================================================== */
.au-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  border: 0;
  cursor: pointer;
  outline: none;
  text-decoration: none;
  font-family: inherit;
  /* text-label-sm */
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: -0.006em;
  font-weight: 500;
  transition: background-color .2s ease-out, color .2s ease-out, box-shadow .2s ease-out;
}
.au-btn__icon {
  display: flex;
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
}
.au-btn__icon svg { width: 1.25rem; height: 1.25rem; }

.au-btn:disabled,
.au-btn[aria-disabled='true'] {
  pointer-events: none;
  background-color: hsl(var(--au-bg-weak-50)) !important;
  color: hsl(var(--au-text-disabled-300)) !important;
  box-shadow: none !important;
}

/* sizes */
.au-btn--md  { height: 2.5rem;  gap: 0.75rem;  border-radius: var(--au-radius-10); padding: 0 0.875rem; }
.au-btn--sm  { height: 2.25rem; gap: 0.75rem;  border-radius: 0.5rem;              padding: 0 0.75rem; }
.au-btn--xs  { height: 2rem;    gap: 0.625rem; border-radius: 0.5rem;              padding: 0 0.625rem; }
.au-btn--xxs { height: 1.75rem; gap: 0.625rem; border-radius: 0.5rem;              padding: 0 0.5rem; }
.au-btn--md .au-btn__icon,
.au-btn--sm .au-btn__icon,
.au-btn--xs .au-btn__icon,
.au-btn--xxs .au-btn__icon { margin-left: -0.25rem; margin-right: -0.25rem; }

/* full width */
.au-btn--block { width: 100%; }

/* ---- variant=primary ---- */
.au-btn--primary-filled {
  background-color: hsl(var(--au-primary-base));
  color: hsl(var(--au-static-white));
}
.au-btn--primary-filled:hover { background-color: hsl(var(--au-primary-darker)); }
.au-btn--primary-filled:focus-visible { box-shadow: var(--au-shadow-button-primary-focus); }

.au-btn--primary-stroke {
  background-color: hsl(var(--au-bg-white-0));
  color: hsl(var(--au-primary-base));
  box-shadow: inset 0 0 0 1px hsl(var(--au-primary-base));
}
.au-btn--primary-stroke:hover { background-color: hsl(var(--au-primary-alpha-10)); box-shadow: inset 0 0 0 1px transparent; }
.au-btn--primary-stroke:focus-visible { box-shadow: var(--au-shadow-button-primary-focus); }

.au-btn--primary-lighter {
  background-color: hsl(var(--au-primary-alpha-10));
  color: hsl(var(--au-primary-base));
}
.au-btn--primary-lighter:hover { background-color: hsl(var(--au-bg-white-0)); box-shadow: inset 0 0 0 1px hsl(var(--au-primary-base)); }
.au-btn--primary-lighter:focus-visible { background-color: hsl(var(--au-bg-white-0)); box-shadow: var(--au-shadow-button-primary-focus); }

.au-btn--primary-ghost {
  background-color: transparent;
  color: hsl(var(--au-primary-base));
}
.au-btn--primary-ghost:hover { background-color: hsl(var(--au-primary-alpha-10)); }
.au-btn--primary-ghost:focus-visible { background-color: hsl(var(--au-bg-white-0)); box-shadow: var(--au-shadow-button-primary-focus); }

/* ---- variant=neutral ---- */
.au-btn--neutral-filled {
  background-color: hsl(var(--au-bg-strong-950));
  color: hsl(var(--au-text-white-0));
}
.au-btn--neutral-filled:hover { background-color: hsl(var(--au-bg-surface-800)); }
.au-btn--neutral-filled:focus-visible { box-shadow: var(--au-shadow-button-important-focus); }

.au-btn--neutral-stroke {
  background-color: hsl(var(--au-bg-white-0));
  color: hsl(var(--au-text-sub-600));
  box-shadow: var(--au-shadow-regular-xs), inset 0 0 0 1px hsl(var(--au-stroke-soft-200));
}
.au-btn--neutral-stroke:hover { background-color: hsl(var(--au-bg-weak-50)); color: hsl(var(--au-text-strong-950)); box-shadow: inset 0 0 0 1px transparent; }
.au-btn--neutral-stroke:focus-visible { color: hsl(var(--au-text-strong-950)); box-shadow: var(--au-shadow-button-important-focus), inset 0 0 0 1px hsl(var(--au-stroke-strong-950)); }

.au-btn--neutral-lighter {
  background-color: hsl(var(--au-bg-weak-50));
  color: hsl(var(--au-text-sub-600));
}
.au-btn--neutral-lighter:hover { background-color: hsl(var(--au-bg-white-0)); color: hsl(var(--au-text-strong-950)); box-shadow: var(--au-shadow-regular-xs), inset 0 0 0 1px hsl(var(--au-stroke-soft-200)); }
.au-btn--neutral-lighter:focus-visible { background-color: hsl(var(--au-bg-white-0)); color: hsl(var(--au-text-strong-950)); box-shadow: var(--au-shadow-button-important-focus), inset 0 0 0 1px hsl(var(--au-stroke-strong-950)); }

.au-btn--neutral-ghost {
  background-color: transparent;
  color: hsl(var(--au-text-sub-600));
}
.au-btn--neutral-ghost:hover { background-color: hsl(var(--au-bg-weak-50)); color: hsl(var(--au-text-strong-950)); }
.au-btn--neutral-ghost:focus-visible { background-color: hsl(var(--au-bg-white-0)); color: hsl(var(--au-text-strong-950)); box-shadow: var(--au-shadow-button-important-focus), inset 0 0 0 1px hsl(var(--au-stroke-strong-950)); }

/* ---- variant=error ---- */
.au-btn--error-filled {
  background-color: hsl(var(--au-error-base));
  color: hsl(var(--au-static-white));
}
.au-btn--error-filled:hover { background-color: hsl(var(--au-red-700)); }
.au-btn--error-filled:focus-visible { box-shadow: var(--au-shadow-button-error-focus); }

.au-btn--error-stroke {
  background-color: hsl(var(--au-bg-white-0));
  color: hsl(var(--au-error-base));
  box-shadow: inset 0 0 0 1px hsl(var(--au-error-base));
}
.au-btn--error-stroke:hover { background-color: hsl(var(--au-red-alpha-10)); box-shadow: inset 0 0 0 1px transparent; }
.au-btn--error-stroke:focus-visible { box-shadow: var(--au-shadow-button-error-focus); }

.au-btn--error-lighter {
  background-color: hsl(var(--au-red-alpha-10));
  color: hsl(var(--au-error-base));
}
.au-btn--error-lighter:hover { background-color: hsl(var(--au-bg-white-0)); box-shadow: inset 0 0 0 1px hsl(var(--au-error-base)); }
.au-btn--error-lighter:focus-visible { background-color: hsl(var(--au-bg-white-0)); box-shadow: var(--au-shadow-button-error-focus); }

.au-btn--error-ghost {
  background-color: transparent;
  color: hsl(var(--au-error-base));
}
.au-btn--error-ghost:hover { background-color: hsl(var(--au-red-alpha-10)); }
.au-btn--error-ghost:focus-visible { background-color: hsl(var(--au-bg-white-0)); box-shadow: var(--au-shadow-button-error-focus); }

/* =====================================================================
   Color helper variables — set by per-component color/status classes and
   consumed by shared variant rules (filled / light / lighter / stroke).
   Each maps a name onto a 4-stop AlignUI state ramp.
   ===================================================================== */
.au-c-gray   { --auc-base: var(--au-faded-base);       --auc-light: var(--au-faded-light);       --auc-lighter: var(--au-faded-lighter);       --auc-dark: var(--au-faded-dark); }
.au-c-blue   { --auc-base: var(--au-information-base);  --auc-light: var(--au-information-light);  --auc-lighter: var(--au-information-lighter);  --auc-dark: var(--au-information-dark); }
.au-c-orange { --auc-base: var(--au-warning-base);      --auc-light: var(--au-warning-light);      --auc-lighter: var(--au-warning-lighter);      --auc-dark: var(--au-warning-dark); }
.au-c-red    { --auc-base: var(--au-error-base);        --auc-light: var(--au-error-light);        --auc-lighter: var(--au-error-lighter);        --auc-dark: var(--au-error-dark); }
.au-c-green  { --auc-base: var(--au-success-base);      --auc-light: var(--au-success-light);      --auc-lighter: var(--au-success-lighter);      --auc-dark: var(--au-success-dark); }
.au-c-yellow { --auc-base: var(--au-away-base);         --auc-light: var(--au-away-light);         --auc-lighter: var(--au-away-lighter);         --auc-dark: var(--au-away-dark); }
.au-c-purple { --auc-base: var(--au-feature-base);      --auc-light: var(--au-feature-light);      --auc-lighter: var(--au-feature-lighter);      --auc-dark: var(--au-feature-dark); }
.au-c-sky    { --auc-base: var(--au-verified-base);     --auc-light: var(--au-verified-light);     --auc-lighter: var(--au-verified-lighter);     --auc-dark: var(--au-verified-dark); }
.au-c-pink   { --auc-base: var(--au-highlighted-base);  --auc-light: var(--au-highlighted-light);  --auc-lighter: var(--au-highlighted-lighter);  --auc-dark: var(--au-highlighted-dark); }
.au-c-teal   { --auc-base: var(--au-stable-base);       --auc-light: var(--au-stable-light);       --auc-lighter: var(--au-stable-lighter);       --auc-dark: var(--au-stable-dark); }

/* =====================================================================
   Badge
   ===================================================================== */
.au-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  line-height: 1;
  white-space: nowrap;
  transition: background-color .2s ease-out, color .2s ease-out, box-shadow .2s ease-out;
}
.au-badge__icon { flex-shrink: 0; }
.au-badge__dot { display: flex; align-items: center; justify-content: center; }
.au-badge__dot::before { content: ''; width: .25rem; height: .25rem; border-radius: 9999px; background: currentColor; }
.au-badge--sm  { height: 1rem;    gap: .375rem; padding: 0 .5rem; font-size: .6875rem; line-height: .75rem; letter-spacing: .02em; font-weight: 500; text-transform: uppercase; }
.au-badge--md  { height: 1.25rem; gap: .375rem; padding: 0 .5rem; font-size: .75rem;   line-height: 1rem;  font-weight: 500; }
.au-badge--sm .au-badge__icon { width: .75rem; height: .75rem; margin: 0 -.25rem; }
.au-badge--md .au-badge__icon { width: 1rem; height: 1rem; margin: 0 -.25rem; }
.au-badge--filled  { background: hsl(var(--auc-base)); color: hsl(var(--au-static-white)); }
.au-badge--light   { background: hsl(var(--auc-light)); color: hsl(var(--auc-dark)); }
.au-badge--lighter { background: hsl(var(--auc-lighter)); color: hsl(var(--auc-base)); }
.au-badge--stroke  { background: transparent; color: hsl(var(--auc-base)); box-shadow: inset 0 0 0 1px currentColor; }

/* =====================================================================
   Tag
   ===================================================================== */
.au-tag {
  display: inline-flex;
  height: 1.5rem;
  align-items: center;
  gap: .5rem;
  border-radius: .375rem;
  padding: 0 .5rem;
  color: hsl(var(--au-text-sub-600));
  font-size: .75rem; line-height: 1rem; font-weight: 500;
  transition: background-color .2s ease-out, box-shadow .2s ease-out;
}
.au-tag--stroke { background: hsl(var(--au-bg-white-0)); box-shadow: inset 0 0 0 1px hsl(var(--au-stroke-soft-200)); }
.au-tag--stroke:hover { background: hsl(var(--au-bg-weak-50)); box-shadow: inset 0 0 0 1px transparent; }
.au-tag--gray { background: hsl(var(--au-bg-weak-50)); box-shadow: inset 0 0 0 1px transparent; }
.au-tag--gray:hover { background: hsl(var(--au-bg-white-0)); box-shadow: inset 0 0 0 1px hsl(var(--au-stroke-soft-200)); }
.au-tag__icon { width: 1rem; height: 1rem; margin: 0 -.25rem 0 -.25rem; flex-shrink: 0; color: hsl(var(--au-text-soft-400)); }
.au-tag:hover .au-tag__icon { color: hsl(var(--au-text-sub-600)); }
.au-tag__dismiss {
  margin: 0 -.25rem 0 -.375rem; width: 1rem; height: 1rem; flex-shrink: 0;
  display: inline-flex; align-items: center; justify-content: center;
  border: 0; background: transparent; cursor: pointer; padding: 0;
  color: hsl(var(--au-text-soft-400)); transition: color .2s ease-out;
}
.au-tag__dismiss:hover { color: hsl(var(--au-text-sub-600)); }
.au-tag--disabled { pointer-events: none; background: hsl(var(--au-bg-weak-50)); color: hsl(var(--au-text-disabled-300)); box-shadow: inset 0 0 0 1px transparent; }

/* =====================================================================
   Status Badge
   ===================================================================== */
.au-status-badge {
  display: inline-flex; height: 1.5rem; align-items: center; justify-content: center;
  gap: .375rem; white-space: nowrap; border-radius: .375rem; padding: 0 .5rem;
  font-size: .75rem; line-height: 1rem; font-weight: 500;
}
.au-status-badge__dot { display: flex; align-items: center; justify-content: center; margin: 0 -.25rem; width: 1rem; height: 1rem; }
.au-status-badge__dot::before { content: ''; width: .375rem; height: .375rem; border-radius: 9999px; background: currentColor; }
.au-status-badge__icon { margin: 0 -.25rem; width: 1rem; height: 1rem; }
.au-status-badge--stroke { background: hsl(var(--au-bg-white-0)); color: hsl(var(--au-text-sub-600)); box-shadow: inset 0 0 0 1px hsl(var(--au-stroke-soft-200)); }
.au-status-badge--stroke .au-status-badge__dot,
.au-status-badge--stroke .au-status-badge__icon { color: hsl(var(--auc-base)); }
.au-status-badge--light { background: hsl(var(--auc-lighter)); color: hsl(var(--auc-base)); }

/* =====================================================================
   Avatar
   ===================================================================== */
.au-avatar {
  position: relative; display: inline-flex; align-items: center; justify-content: center;
  flex-shrink: 0; border-radius: 9999px; overflow: hidden; font-weight: 500;
  background: hsl(var(--auc-light, var(--au-bg-weak-50))); color: hsl(var(--auc-dark, var(--au-text-sub-600)));
}
.au-avatar > img { width: 100%; height: 100%; object-fit: cover; }
.au-avatar--80 { width: 5rem;   height: 5rem;   font-size: 1.5rem; }
.au-avatar--72 { width: 4.5rem; height: 4.5rem; font-size: 1.5rem; }
.au-avatar--56 { width: 3.5rem; height: 3.5rem; font-size: 1.25rem; }
.au-avatar--48 { width: 3rem;   height: 3rem;   font-size: 1.125rem; }
.au-avatar--40 { width: 2.5rem; height: 2.5rem; font-size: 1rem; }
.au-avatar--32 { width: 2rem;   height: 2rem;   font-size: .875rem; }
.au-avatar--24 { width: 1.5rem; height: 1.5rem; font-size: .75rem; }
/* indicator wrapper sits beside the avatar so it isn't clipped */
.au-avatar-wrap { position: relative; display: inline-flex; }
.au-avatar-wrap .au-avatar-status {
  position: absolute; right: 0; bottom: 0; border-radius: 9999px;
  box-shadow: 0 0 0 2px hsl(var(--au-bg-white-0));
  width: 28%; height: 28%; min-width: .5rem; min-height: .5rem;
}
.au-avatar-status--online  { background: hsl(var(--au-success-base)); }
.au-avatar-status--offline { background: hsl(var(--au-faded-base)); }
.au-avatar-status--busy    { background: hsl(var(--au-error-base)); }
.au-avatar-status--away    { background: hsl(var(--au-away-base)); }
.au-avatar-group { display: inline-flex; align-items: center; }
.au-avatar-group > * { box-shadow: 0 0 0 2px hsl(var(--au-bg-white-0)); border-radius: 9999px; }
.au-avatar-group > * + * { margin-left: -.5rem; }

/* =====================================================================
   Divider
   ===================================================================== */
.au-divider { position: relative; display: flex; width: 100%; align-items: center; color: hsl(var(--au-text-soft-400)); }
.au-divider--line { height: 0; }
.au-divider--line::before { content: ''; position: absolute; left: 0; top: 50%; height: 1px; width: 100%; transform: translateY(-50%); background: hsl(var(--au-stroke-soft-200)); }
.au-divider--text { gap: .625rem; font-size: .75rem; line-height: 1rem; letter-spacing: .04em; font-weight: 500; text-transform: uppercase; }
.au-divider--text::before, .au-divider--text::after { content: ''; height: 1px; flex: 1; background: hsl(var(--au-stroke-soft-200)); }
.au-divider--solid-text { justify-content: center; background: hsl(var(--au-bg-weak-50)); padding: .375rem 1.25rem; text-transform: uppercase; font-size: .75rem; line-height: 1rem; letter-spacing: .06em; font-weight: 500; }
.au-divider--vertical { width: 0; height: auto; align-self: stretch; min-height: 1rem; }
.au-divider--vertical::before { content: ''; width: 1px; height: 100%; background: hsl(var(--au-stroke-soft-200)); }

/* =====================================================================
   Label / Hint / Kbd
   ===================================================================== */
.au-label { display: inline-flex; align-items: center; gap: 1px; cursor: pointer; color: hsl(var(--au-text-strong-950)); font-size: .875rem; line-height: 1.25rem; letter-spacing: -.006em; font-weight: 500; }
.au-label--disabled { color: hsl(var(--au-text-disabled-300)); cursor: default; }
.au-label__asterisk { color: hsl(var(--au-primary-base)); }
.au-label--disabled .au-label__asterisk { color: hsl(var(--au-text-disabled-300)); }
.au-label__sub { color: hsl(var(--au-text-sub-600)); font-weight: 400; }

.au-hint { display: flex; align-items: center; gap: .25rem; color: hsl(var(--au-text-sub-600)); font-size: .75rem; line-height: 1rem; font-weight: 400; }
.au-hint__icon { width: 1rem; height: 1rem; flex-shrink: 0; color: hsl(var(--au-text-soft-400)); }
.au-hint--error { color: hsl(var(--au-error-base)); }
.au-hint--error .au-hint__icon { color: hsl(var(--au-error-base)); }
.au-hint--disabled { color: hsl(var(--au-text-disabled-300)); }
.au-hint--disabled .au-hint__icon { color: hsl(var(--au-text-disabled-300)); }

.au-kbd { display: inline-flex; height: 1.25rem; align-items: center; gap: .125rem; white-space: nowrap; border-radius: .25rem; background: hsl(var(--au-bg-white-0)); padding: 0 .375rem; color: hsl(var(--au-text-soft-400)); font-size: .75rem; line-height: 1rem; letter-spacing: .06em; font-weight: 500; box-shadow: inset 0 0 0 1px hsl(var(--au-stroke-soft-200)); }

/* =====================================================================
   Input / Textarea
   ===================================================================== */
.au-input {
  position: relative; display: flex; width: 100%; overflow: hidden;
  background: hsl(var(--au-bg-white-0)); color: hsl(var(--au-text-strong-950));
  box-shadow: var(--au-shadow-regular-xs);
  transition: box-shadow .2s ease-out;
}
.au-input::before { content: ''; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 1px hsl(var(--au-stroke-soft-200)); pointer-events: none; transition: box-shadow .2s ease-out; }
.au-input:hover { box-shadow: none; }
.au-input:focus-within { box-shadow: var(--au-shadow-button-important-focus); }
.au-input:focus-within::before { box-shadow: inset 0 0 0 1px hsl(var(--au-stroke-strong-950)); }
.au-input--md { border-radius: var(--au-radius-10); }
.au-input--sm, .au-input--xs { border-radius: .5rem; }
.au-input__wrapper { display: flex; width: 100%; align-items: center; cursor: text; background: transparent; }
.au-input--md .au-input__wrapper { gap: .5rem; padding: 0 .75rem; }
.au-input--sm .au-input__wrapper { gap: .5rem; padding: 0 .625rem; }
.au-input--xs .au-input__wrapper { gap: .375rem; padding: 0 .5rem; }
.au-input__field { width: 100%; border: 0; background: transparent; outline: none; color: hsl(var(--au-text-strong-950)); font-size: .875rem; line-height: 1.25rem; font-weight: 400; font-family: inherit; }
.au-input--md .au-input__field { height: 2.5rem; }
.au-input--sm .au-input__field { height: 2.25rem; }
.au-input--xs .au-input__field { height: 2rem; }
.au-input__field::placeholder { color: hsl(var(--au-text-soft-400)); }
.au-input__field:disabled { color: hsl(var(--au-text-disabled-300)); }
.au-input__icon { display: flex; width: 1.25rem; height: 1.25rem; flex-shrink: 0; align-items: center; justify-content: center; color: hsl(var(--au-text-sub-600)); }
.au-input__affix { display: flex; align-items: center; flex-shrink: 0; color: hsl(var(--au-text-sub-600)); font-size: .875rem; }
.au-input--error::before { box-shadow: inset 0 0 0 1px hsl(var(--au-error-base)); }
.au-input--error:focus-within { box-shadow: var(--au-shadow-button-error-focus); }
.au-input--error:focus-within::before { box-shadow: inset 0 0 0 1px hsl(var(--au-error-base)); }
.au-input--disabled { box-shadow: none; }
.au-input--disabled .au-input__wrapper { pointer-events: none; background: hsl(var(--au-bg-weak-50)); }

.au-textarea {
  position: relative; display: block; width: 100%; border-radius: var(--au-radius-10);
  background: hsl(var(--au-bg-white-0)); box-shadow: var(--au-shadow-regular-xs);
  transition: box-shadow .2s ease-out;
}
.au-textarea::before { content: ''; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 1px hsl(var(--au-stroke-soft-200)); pointer-events: none; transition: box-shadow .2s ease-out; }
.au-textarea:focus-within { box-shadow: var(--au-shadow-button-important-focus); }
.au-textarea:focus-within::before { box-shadow: inset 0 0 0 1px hsl(var(--au-stroke-strong-950)); }
.au-textarea__field { width: 100%; min-height: 5rem; resize: vertical; border: 0; background: transparent; outline: none; padding: .625rem .75rem; color: hsl(var(--au-text-strong-950)); font-size: .875rem; line-height: 1.25rem; font-family: inherit; }
.au-textarea__field::placeholder { color: hsl(var(--au-text-soft-400)); }
.au-textarea--error::before { box-shadow: inset 0 0 0 1px hsl(var(--au-error-base)); }

/* native select styled like an input */
.au-select { appearance: none; -webkit-appearance: none; background-image: none; cursor: pointer; }

/* =====================================================================
   Checkbox / Radio
   ===================================================================== */
.au-checkbox, .au-radio { display: inline-flex; align-items: center; gap: .5rem; cursor: pointer; color: hsl(var(--au-text-strong-950)); font-size: .875rem; line-height: 1.25rem; font-weight: 500; }
.au-checkbox > input, .au-radio > input { position: absolute; opacity: 0; width: 0; height: 0; }
.au-checkbox__box, .au-radio__box {
  position: relative; width: 1.25rem; height: 1.25rem; flex-shrink: 0;
  background: hsl(var(--au-bg-soft-200)); transition: background-color .2s ease-out, box-shadow .2s ease-out;
}
.au-checkbox__box { border-radius: .375rem; }
.au-radio__box { border-radius: 9999px; }
.au-checkbox__box::after, .au-radio__box::after { content: ''; position: absolute; inset: 1.5px; background: hsl(var(--au-bg-white-0)); transition: opacity .2s ease-out, inset .2s ease-out; }
.au-checkbox__box::after { border-radius: .26rem; }
.au-radio__box::after { border-radius: 9999px; }
.au-checkbox:hover .au-checkbox__box, .au-radio:hover .au-radio__box { background: hsl(var(--au-bg-sub-300)); }
.au-checkbox__mark { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: hsl(var(--au-static-white)); opacity: 0; transition: opacity .2s ease-out; }
.au-checkbox > input:checked ~ .au-checkbox__box { background: hsl(var(--au-primary-base)); }
.au-checkbox > input:checked ~ .au-checkbox__box::after { opacity: 0; }
.au-checkbox > input:checked ~ .au-checkbox__box .au-checkbox__mark,
.au-checkbox > input:indeterminate ~ .au-checkbox__box .au-checkbox__mark { opacity: 1; }
.au-checkbox > input:checked ~ .au-checkbox__box,
.au-checkbox > input:indeterminate ~ .au-checkbox__box { background: hsl(var(--au-primary-base)); }
.au-checkbox:hover > input:checked ~ .au-checkbox__box { background: hsl(var(--au-primary-darker)); }
.au-radio > input:checked ~ .au-radio__box { background: hsl(var(--au-primary-base)); }
.au-radio > input:checked ~ .au-radio__box::after { inset: 4px; background: hsl(var(--au-bg-white-0)); }
.au-radio:hover > input:checked ~ .au-radio__box { background: hsl(var(--au-primary-darker)); }
.au-checkbox > input:disabled ~ .au-checkbox__box,
.au-radio > input:disabled ~ .au-radio__box { background: hsl(var(--au-bg-soft-200)) !important; box-shadow: inset 0 0 0 1px hsl(var(--au-stroke-soft-200)); }
.au-checkbox--disabled, .au-radio--disabled { pointer-events: none; color: hsl(var(--au-text-disabled-300)); }
.au-checkbox--indet .au-checkbox__box { background: hsl(var(--au-primary-base)); }
.au-checkbox--indet .au-checkbox__box::after { opacity: 0; }
.au-checkbox--indet .au-checkbox__mark { opacity: 1; }

/* =====================================================================
   Switch
   ===================================================================== */
.au-switch { display: inline-flex; align-items: center; width: 2rem; height: 1.25rem; padding: .125rem; cursor: pointer; flex-shrink: 0; }
.au-switch > input { position: absolute; opacity: 0; width: 0; height: 0; }
.au-switch__track { display: flex; align-items: center; width: 1.75rem; height: 1rem; border-radius: 9999px; background: hsl(var(--au-bg-soft-200)); padding: .125rem; transition: background-color .2s ease-out; }
.au-switch__thumb { width: .75rem; height: .75rem; border-radius: 9999px; background: hsl(var(--au-static-white)); box-shadow: var(--au-shadow-switch-thumb); transition: transform .2s ease-out; }
.au-switch:hover .au-switch__track { background: hsl(var(--au-bg-sub-300)); }
.au-switch > input:checked ~ .au-switch__track { background: hsl(var(--au-primary-base)); }
.au-switch:hover > input:checked ~ .au-switch__track { background: hsl(var(--au-primary-darker)); }
.au-switch > input:checked ~ .au-switch__track .au-switch__thumb { transform: translateX(.75rem); }
.au-switch > input:disabled ~ .au-switch__track { background: hsl(var(--au-bg-white-0)); box-shadow: inset 0 0 0 1px hsl(var(--au-stroke-soft-200)); }
.au-switch--disabled { pointer-events: none; }

/* =====================================================================
   Alert
   ===================================================================== */
.au-alert { display: flex; width: 100%; gap: .5rem; border-radius: var(--au-radius-10); }
.au-alert--sm { padding: .625rem .75rem .625rem .625rem; }
.au-alert--xs { padding: .5rem; }
.au-alert__icon { width: 1.25rem; height: 1.25rem; flex-shrink: 0; }
.au-alert__body { display: flex; flex-direction: column; gap: .125rem; flex: 1; }
.au-alert__title { font-size: .875rem; line-height: 1.25rem; letter-spacing: -.006em; font-weight: 500; }
.au-alert__desc { font-size: .875rem; line-height: 1.25rem; font-weight: 400; }
.au-alert__close { margin-left: auto; border: 0; background: transparent; cursor: pointer; padding: 0; color: inherit; opacity: .72; width: 1.25rem; height: 1.25rem; display: inline-flex; align-items: center; justify-content: center; }
.au-alert__close:hover { opacity: 1; }
.au-alert--filled  { background: hsl(var(--auc-base)); color: hsl(var(--au-static-white)); }
.au-alert--filled .au-alert__desc { opacity: .9; }
.au-alert--light   { background: hsl(var(--auc-light)); color: hsl(var(--auc-dark)); }
.au-alert--light .au-alert__icon { color: hsl(var(--auc-dark)); }
.au-alert--lighter { background: hsl(var(--auc-lighter)); color: hsl(var(--au-text-strong-950)); }
.au-alert--lighter .au-alert__icon { color: hsl(var(--auc-base)); }
.au-alert--lighter .au-alert__desc { color: hsl(var(--au-text-sub-600)); }
.au-alert--stroke  { background: hsl(var(--au-bg-white-0)); color: hsl(var(--au-text-strong-950)); box-shadow: var(--au-shadow-regular-xs), inset 0 0 0 1px hsl(var(--au-stroke-soft-200)); }
.au-alert--stroke .au-alert__icon { color: hsl(var(--auc-base)); }
.au-alert--stroke .au-alert__desc { color: hsl(var(--au-text-sub-600)); }

/* =====================================================================
   Tooltip (CSS-only, hover/focus driven)
   ===================================================================== */
.au-tooltip { position: relative; display: inline-flex; }
.au-tooltip__content {
  position: absolute; z-index: 50; pointer-events: none; white-space: nowrap;
  background: hsl(var(--au-bg-strong-950)); color: hsl(var(--au-text-white-0));
  padding: .25rem .5rem; border-radius: .375rem; box-shadow: var(--au-shadow-tooltip);
  font-size: .75rem; line-height: 1rem; font-weight: 500;
  opacity: 0; transition: opacity .15s ease-out; visibility: hidden;
}
.au-tooltip:hover .au-tooltip__content,
.au-tooltip:focus-within .au-tooltip__content { opacity: 1; visibility: visible; }
.au-tooltip__content--top    { bottom: 100%; left: 50%; transform: translateX(-50%); margin-bottom: .5rem; }
.au-tooltip__content--bottom { top: 100%; left: 50%; transform: translateX(-50%); margin-top: .5rem; }
.au-tooltip__content--left   { right: 100%; top: 50%; transform: translateY(-50%); margin-right: .5rem; }
.au-tooltip__content--right  { left: 100%; top: 50%; transform: translateY(-50%); margin-left: .5rem; }

/* =====================================================================
   Progress Bar
   ===================================================================== */
.au-progress { width: 100%; border-radius: 9999px; background: hsl(var(--au-bg-soft-200)); overflow: hidden; }
.au-progress--md  { height: .375rem; }
.au-progress--sm  { height: .25rem; }
.au-progress--xs  { height: .1875rem; }
.au-progress__fill { height: 100%; border-radius: 9999px; background: hsl(var(--auc-base, var(--au-primary-base))); transition: width .3s ease-out; }

/* =====================================================================
   Link Button
   ===================================================================== */
.au-link-btn { display: inline-flex; align-items: center; gap: .25rem; border: 0; background: transparent; cursor: pointer; padding: 0; font-family: inherit; font-weight: 500; transition: color .2s ease-out; text-decoration: none; }
.au-link-btn--md { font-size: .875rem; line-height: 1.25rem; }
.au-link-btn--sm { font-size: .75rem; line-height: 1rem; }
.au-link-btn__icon { width: 1.25rem; height: 1.25rem; flex-shrink: 0; }
.au-link-btn--gray   { color: hsl(var(--au-text-sub-600)); }
.au-link-btn--gray:hover { color: hsl(var(--au-text-strong-950)); }
.au-link-btn--primary { color: hsl(var(--au-primary-base)); }
.au-link-btn--primary:hover { color: hsl(var(--au-primary-darker)); }
.au-link-btn--error  { color: hsl(var(--au-error-base)); }
.au-link-btn--error:hover { color: hsl(var(--au-red-700)); }
.au-link-btn:disabled { color: hsl(var(--au-text-disabled-300)); pointer-events: none; }
.au-link-btn:hover { text-decoration: underline; text-underline-offset: 2px; }

/* =====================================================================
   Compact Button (icon-only)
   ===================================================================== */
.au-compact-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; border: 0; cursor: pointer; outline: none; background: transparent; transition: all .2s ease-out; }
.au-compact-btn--lg { width: 1.5rem; height: 1.5rem; }
.au-compact-btn--lg .au-compact-btn__icon { width: 1.25rem; height: 1.25rem; }
.au-compact-btn--md { width: 1.25rem; height: 1.25rem; }
.au-compact-btn--md .au-compact-btn__icon { width: 1.125rem; height: 1.125rem; }
.au-compact-btn--square { border-radius: .375rem; }
.au-compact-btn--round { border-radius: 9999px; }
.au-compact-btn--stroke { background: hsl(var(--au-bg-white-0)); color: hsl(var(--au-text-sub-600)); box-shadow: var(--au-shadow-regular-xs), inset 0 0 0 1px hsl(var(--au-stroke-soft-200)); }
.au-compact-btn--stroke:hover { background: hsl(var(--au-bg-weak-50)); color: hsl(var(--au-text-strong-950)); box-shadow: inset 0 0 0 1px transparent; }
.au-compact-btn--ghost { color: hsl(var(--au-text-sub-600)); }
.au-compact-btn--ghost:hover { background: hsl(var(--au-bg-weak-50)); color: hsl(var(--au-text-strong-950)); }
.au-compact-btn--white { background: hsl(var(--au-bg-white-0)); color: hsl(var(--au-text-sub-600)); box-shadow: var(--au-shadow-regular-xs); }
.au-compact-btn--white:hover { background: hsl(var(--au-bg-weak-50)); color: hsl(var(--au-text-strong-950)); }
.au-compact-btn:disabled { pointer-events: none; background: transparent; color: hsl(var(--au-text-disabled-300)); box-shadow: none; }

/* =====================================================================
   Fancy Button
   ===================================================================== */
.au-fancy-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: .625rem; white-space: nowrap; border: 0; cursor: pointer; outline: none; border-radius: var(--au-radius-10); height: 2.5rem; padding: 0 .875rem; font-family: inherit; font-size: .875rem; line-height: 1.25rem; letter-spacing: -.006em; font-weight: 500; transition: all .2s ease-out; }
.au-fancy-btn::before { content: ''; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(180deg, hsl(var(--au-white-alpha-16)), transparent); pointer-events: none; }
.au-fancy-btn__icon { width: 1.25rem; height: 1.25rem; flex-shrink: 0; margin: 0 -.25rem; }
.au-fancy-btn--neutral { background: hsl(var(--au-bg-strong-950)); color: hsl(var(--au-text-white-0)); box-shadow: var(--au-shadow-fancy-neutral); }
.au-fancy-btn--primary { background: hsl(var(--au-primary-base)); color: hsl(var(--au-static-white)); box-shadow: var(--au-shadow-fancy-primary); }
.au-fancy-btn--destructive { background: hsl(var(--au-error-base)); color: hsl(var(--au-static-white)); box-shadow: var(--au-shadow-fancy-error); }
.au-fancy-btn--basic { background: hsl(var(--au-bg-white-0)); color: hsl(var(--au-text-sub-600)); box-shadow: var(--au-shadow-fancy-stroke); }
.au-fancy-btn--basic::before { background: none; }
.au-fancy-btn:hover { filter: brightness(.96); }
.au-fancy-btn--basic:hover { filter: none; background: hsl(var(--au-bg-weak-50)); }
.au-fancy-btn:disabled { pointer-events: none; background: hsl(var(--au-bg-weak-50)); color: hsl(var(--au-text-disabled-300)); box-shadow: none; }
.au-fancy-btn:disabled::before { background: none; }

/* =====================================================================
   Button Group (segmented)
   ===================================================================== */
.au-btn-group { display: inline-flex; background: hsl(var(--au-bg-white-0)); border-radius: var(--au-radius-10); box-shadow: var(--au-shadow-regular-xs), inset 0 0 0 1px hsl(var(--au-stroke-soft-200)); overflow: hidden; }
.au-btn-group > button { border: 0; background: transparent; cursor: pointer; font-family: inherit; height: 2.25rem; padding: 0 .75rem; display: inline-flex; align-items: center; gap: .5rem; color: hsl(var(--au-text-sub-600)); font-size: .875rem; font-weight: 500; transition: all .2s ease-out; }
.au-btn-group > button + button { box-shadow: inset 1px 0 0 0 hsl(var(--au-stroke-soft-200)); }
.au-btn-group > button:hover { background: hsl(var(--au-bg-weak-50)); color: hsl(var(--au-text-strong-950)); }
.au-btn-group > button.au-active { background: hsl(var(--au-bg-weak-50)); color: hsl(var(--au-text-strong-950)); }

/* =====================================================================
   Card / Surface
   ===================================================================== */
.au-card { background: hsl(var(--au-bg-white-0)); border-radius: var(--au-radius-20); box-shadow: var(--au-shadow-regular-xs), inset 0 0 0 1px hsl(var(--au-stroke-soft-200)); padding: 1.25rem; }
.au-card--flat { box-shadow: inset 0 0 0 1px hsl(var(--au-stroke-soft-200)); }

/* =====================================================================
   Loading / Spinner
   ===================================================================== */
.au-spinner { display: inline-block; width: 1.25rem; height: 1.25rem; border-radius: 9999px; border: 2px solid hsl(var(--au-bg-soft-200)); border-top-color: hsl(var(--au-primary-base)); animation: au-spin .6s linear infinite; }
.au-spinner--sm { width: 1rem; height: 1rem; border-width: 2px; }
.au-spinner--lg { width: 2rem; height: 2rem; border-width: 3px; }
@keyframes au-spin { to { transform: rotate(360deg); } }

/* =====================================================================
   Select (native, styled to match Input)
   ===================================================================== */
.au-select { position: relative; display: flex; width: 100%; }
.au-select__native {
  appearance: none; -webkit-appearance: none; width: 100%; height: 2.5rem;
  padding: 0 2.25rem 0 .75rem; border: 0; border-radius: var(--au-radius-10);
  background: hsl(var(--au-bg-white-0)); color: hsl(var(--au-text-strong-950));
  font-family: inherit; font-size: .875rem; cursor: pointer; outline: none;
  box-shadow: var(--au-shadow-regular-xs), inset 0 0 0 1px hsl(var(--au-stroke-soft-200));
  transition: box-shadow .2s ease-out, background-color .2s ease-out;
}
.au-select__native:hover { background: hsl(var(--au-bg-weak-50)); box-shadow: inset 0 0 0 1px transparent; }
.au-select__native:focus { box-shadow: var(--au-shadow-button-important-focus), inset 0 0 0 1px hsl(var(--au-stroke-strong-950)); }
.au-select__native:disabled { background: hsl(var(--au-bg-weak-50)); color: hsl(var(--au-text-disabled-300)); box-shadow: none; pointer-events: none; }
.au-select--sm .au-select__native { height: 2.25rem; border-radius: .5rem; }
.au-select--xs .au-select__native { height: 2rem; border-radius: .5rem; }
.au-select__chevron { position: absolute; right: .75rem; top: 50%; transform: translateY(-50%); width: 1.25rem; height: 1.25rem; color: hsl(var(--au-text-sub-600)); pointer-events: none; }
.au-select--error .au-select__native { box-shadow: inset 0 0 0 1px hsl(var(--au-error-base)); }

/* =====================================================================
   Segmented Control
   ===================================================================== */
.au-segmented { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: .25rem; width: 100%; border-radius: var(--au-radius-10); background: hsl(var(--au-bg-weak-50)); padding: .25rem; }
.au-segmented__item { position: relative; height: 1.75rem; border: 0; background: transparent; cursor: pointer; border-radius: .375rem; padding: 0 .5rem; font-family: inherit; font-size: .875rem; font-weight: 500; color: hsl(var(--au-text-soft-400)); display: inline-flex; align-items: center; justify-content: center; gap: .375rem; transition: color .2s ease-out, background-color .2s ease-out, box-shadow .2s ease-out; }
.au-segmented__item:hover { color: hsl(var(--au-text-sub-600)); }
.au-segmented__item.au-active { background: hsl(var(--au-bg-white-0)); color: hsl(var(--au-text-strong-950)); box-shadow: var(--au-shadow-toggle-switch); }

/* =====================================================================
   Tabs (horizontal underline)
   ===================================================================== */
.au-tabs { width: 100%; }
.au-tabs__list { position: relative; display: flex; align-items: center; gap: 1.5rem; height: 3rem; border-top: 1px solid hsl(var(--au-stroke-soft-200)); border-bottom: 1px solid hsl(var(--au-stroke-soft-200)); overflow-x: auto; }
.au-tabs__trigger { position: relative; height: 3rem; border: 0; background: transparent; cursor: pointer; font-family: inherit; font-size: .875rem; font-weight: 500; color: hsl(var(--au-text-sub-600)); display: inline-flex; align-items: center; gap: .375rem; white-space: nowrap; transition: color .2s ease-out; }
.au-tabs__trigger:hover { color: hsl(var(--au-text-strong-950)); }
.au-tabs__trigger.au-active { color: hsl(var(--au-text-strong-950)); }
.au-tabs__trigger.au-active::after { content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: hsl(var(--au-primary-base)); }
.au-tabs__icon { width: 1.25rem; height: 1.25rem; }
.au-tabs__trigger.au-active .au-tabs__icon { color: hsl(var(--au-primary-base)); }
.au-tabs__panel { padding-top: 1.25rem; }

/* =====================================================================
   Modal / Dialog
   ===================================================================== */
.au-modal-overlay { position: fixed; inset: 0; z-index: 60; display: flex; align-items: center; justify-content: center; padding: 1rem; background: hsl(var(--au-overlay)); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); animation: au-fade-in .2s ease-out; }
.au-modal { position: relative; width: 100%; max-width: 400px; border-radius: var(--au-radius-20); background: hsl(var(--au-bg-white-0)); box-shadow: var(--au-shadow-regular-md); animation: au-zoom-in .2s ease-out; }
.au-modal__header { display: flex; gap: .75rem; align-items: flex-start; padding: 1rem 1.5rem; border-bottom: 1px solid hsl(var(--au-stroke-soft-200)); }
.au-modal__header-icon { width: 2.5rem; height: 2.5rem; flex-shrink: 0; display: grid; place-items: center; border-radius: 9999px; background: hsl(var(--au-bg-weak-50)); color: hsl(var(--au-text-sub-600)); }
.au-modal__header-text { display: flex; flex-direction: column; gap: .125rem; }
.au-modal__title { font-size: 1rem; line-height: 1.5rem; letter-spacing: -.011em; font-weight: 500; color: hsl(var(--au-text-strong-950)); }
.au-modal__desc { font-size: .875rem; line-height: 1.25rem; color: hsl(var(--au-text-sub-600)); }
.au-modal__close { position: absolute; right: 1rem; top: 1rem; }
.au-modal__body { padding: 1.25rem 1.5rem; font-size: .875rem; color: hsl(var(--au-text-sub-600)); }
.au-modal__footer { display: flex; gap: .75rem; justify-content: flex-end; padding: 1rem 1.5rem; border-top: 1px solid hsl(var(--au-stroke-soft-200)); }
.au-modal__footer > * { flex: 1; }
@keyframes au-fade-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes au-zoom-in { from { opacity: 0; transform: scale(.95); } to { opacity: 1; transform: scale(1); } }

/* =====================================================================
   Pagination
   ===================================================================== */
.au-pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .5rem; }
.au-pagination__item, .au-pagination__nav {
  display: inline-flex; align-items: center; justify-content: center; height: 2rem;
  border: 0; cursor: pointer; font-family: inherit; font-size: .875rem; font-weight: 500;
  color: hsl(var(--au-text-sub-600)); background: transparent;
  box-shadow: inset 0 0 0 1px hsl(var(--au-stroke-soft-200)); transition: all .2s ease-out;
}
.au-pagination__item { min-width: 2rem; padding: 0 .375rem; border-radius: .5rem; }
.au-pagination__nav { width: 2rem; border-radius: .5rem; }
.au-pagination--rounded .au-pagination__item, .au-pagination--rounded .au-pagination__nav { border-radius: 9999px; }
.au-pagination__item:hover, .au-pagination__nav:hover { background: hsl(var(--au-bg-weak-50)); box-shadow: inset 0 0 0 1px transparent; }
.au-pagination__item.au-active { background: hsl(var(--au-bg-strong-950)); color: hsl(var(--au-text-white-0)); box-shadow: none; }
.au-pagination__ellipsis { display: inline-flex; align-items: center; justify-content: center; height: 2rem; min-width: 2rem; color: hsl(var(--au-text-soft-400)); }
.au-pagination__nav:disabled { color: hsl(var(--au-text-disabled-300)); pointer-events: none; }
.au-pagination__nav svg { width: 1.25rem; height: 1.25rem; }

/* =====================================================================
   Progress Circle (SVG)
   ===================================================================== */
.au-progress-circle { position: relative; display: inline-flex; align-items: center; justify-content: center; }
.au-progress-circle__track { stroke: hsl(var(--au-bg-soft-200)); }
.au-progress-circle__fill { stroke: hsl(var(--auc-base, var(--au-primary-base))); stroke-linecap: round; transition: stroke-dashoffset .3s ease-out; }
.au-progress-circle__label { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-weight: 500; color: hsl(var(--au-text-strong-950)); }

/* =====================================================================
   Dot Stepper
   ===================================================================== */
.au-dot-stepper { display: inline-flex; flex-wrap: wrap; gap: .625rem; align-items: center; }
.au-dot-stepper--xs { gap: .375rem; }
.au-dot-stepper__dot { width: .5rem; height: .5rem; border-radius: 9999px; background: hsl(var(--au-bg-soft-200)); border: 0; padding: 0; cursor: pointer; transition: background-color .2s ease-out; }
.au-dot-stepper--xs .au-dot-stepper__dot { width: .25rem; height: .25rem; }
.au-dot-stepper__dot.au-active { background: hsl(var(--au-primary-base)); }

/* =====================================================================
   Horizontal Stepper
   ===================================================================== */
.au-stepper { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 1rem; }
.au-stepper__item { display: flex; align-items: center; gap: .5rem; font-size: .875rem; line-height: 1.25rem; color: hsl(var(--au-text-soft-400)); }
.au-stepper__indicator { display: flex; width: 1.25rem; height: 1.25rem; flex-shrink: 0; align-items: center; justify-content: center; border-radius: 9999px; font-size: .75rem; font-weight: 500; background: hsl(var(--au-bg-soft-200)); color: hsl(var(--au-text-sub-600)); }
.au-stepper__sep { width: 1.25rem; height: 1.25rem; color: hsl(var(--au-text-soft-400)); }
.au-stepper__item--completed { color: hsl(var(--au-text-strong-950)); }
.au-stepper__item--completed .au-stepper__indicator { background: hsl(var(--au-success-base)); color: hsl(var(--au-static-white)); }
.au-stepper__item--active { color: hsl(var(--au-text-strong-950)); }
.au-stepper__item--active .au-stepper__indicator { background: hsl(var(--au-primary-base)); color: hsl(var(--au-static-white)); }
.au-stepper__wrap { display: inline-flex; align-items: center; gap: 1rem; }
.au-stepper__wrap:first-child .au-stepper__sep { display: none; }

/* =====================================================================
   Digit / OTP input
   ===================================================================== */
.au-otp { display: inline-flex; align-items: center; gap: .625rem; }
.au-otp__slot {
  height: 4rem; width: 3rem; min-width: 0; border-radius: var(--au-radius-10);
  background: hsl(var(--au-bg-white-0)); text-align: center;
  font-size: 1.5rem; line-height: 2rem; font-weight: 500; font-family: inherit;
  color: hsl(var(--au-text-strong-950)); border: 0; outline: none;
  box-shadow: var(--au-shadow-regular-xs), inset 0 0 0 1px hsl(var(--au-stroke-soft-200));
  transition: box-shadow .2s ease-out, background-color .2s ease-out;
}
.au-otp__slot:hover { background: hsl(var(--au-bg-weak-50)); box-shadow: inset 0 0 0 1px transparent; }
.au-otp__slot:focus { box-shadow: var(--au-shadow-button-important-focus), inset 0 0 0 1px hsl(var(--au-stroke-strong-950)); }
.au-otp--error .au-otp__slot { box-shadow: inset 0 0 0 1px hsl(var(--au-error-base)); }

/* =====================================================================
   Social Button
   ===================================================================== */
.au-social-btn { position: relative; display: inline-flex; height: 2.5rem; align-items: center; justify-content: center; gap: .875rem; white-space: nowrap; border-radius: var(--au-radius-10); padding: 0 1rem; border: 0; cursor: pointer; font-family: inherit; font-size: .875rem; font-weight: 500; transition: filter .2s ease-out, background-color .2s ease-out, box-shadow .2s ease-out; overflow: hidden; }
.au-social-btn__icon { position: relative; z-index: 1; width: 1.25rem; height: 1.25rem; flex-shrink: 0; margin: 0 -.375rem; }
.au-social-btn--filled { color: #fff; }
.au-social-btn--filled:hover { filter: brightness(.92); }
.au-social-btn--stroke { background: hsl(var(--au-bg-white-0)); color: hsl(var(--au-text-strong-950)); box-shadow: var(--au-shadow-regular-xs), inset 0 0 0 1px hsl(var(--au-stroke-soft-200)); }
.au-social-btn--stroke:hover { background: hsl(var(--au-bg-weak-50)); box-shadow: inset 0 0 0 1px transparent; }

/* =====================================================================
   Breadcrumb
   ===================================================================== */
.au-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.au-breadcrumb__item { display: inline-flex; align-items: center; gap: .25rem; color: hsl(var(--au-text-soft-400)); font-size: .75rem; line-height: 1rem; font-weight: 500; text-decoration: none; transition: color .2s ease-out; }
.au-breadcrumb__item:hover { color: hsl(var(--au-text-sub-600)); }
.au-breadcrumb__item--active { color: hsl(var(--au-text-strong-950)); pointer-events: none; }
.au-breadcrumb__sep { color: hsl(var(--au-text-soft-400)); font-size: .75rem; user-select: none; }
.au-breadcrumb__icon { width: 1rem; height: 1rem; }
.au-breadcrumb__wrap { display: inline-flex; align-items: center; gap: .5rem; }
.au-breadcrumb__wrap:first-child .au-breadcrumb__sep { display: none; }

/* =====================================================================
   Accordion
   ===================================================================== */
.au-accordion { display: flex; flex-direction: column; width: 100%; }
.au-accordion--card .au-accordion__item { border: 1px solid hsl(var(--au-stroke-soft-200)); border-radius: var(--au-radius-10); margin-bottom: .75rem; padding: 0 1rem; }
.au-accordion__item { border-bottom: 1px solid hsl(var(--au-stroke-soft-200)); }
.au-accordion--card .au-accordion__item { border-bottom: 1px solid hsl(var(--au-stroke-soft-200)); }
.au-accordion__trigger { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: 1rem 0; border: 0; background: transparent; cursor: pointer; font-family: inherit; font-size: .875rem; font-weight: 500; color: hsl(var(--au-text-strong-950)); text-align: left; }
.au-accordion__chevron { width: 1.25rem; height: 1.25rem; flex-shrink: 0; color: hsl(var(--au-text-soft-400)); transition: transform .2s ease-out; }
.au-accordion__item.au-open .au-accordion__chevron { transform: rotate(180deg); }
.au-accordion__content { overflow: hidden; max-height: 0; transition: max-height .28s ease; }
.au-accordion__item.au-open .au-accordion__content { max-height: 600px; }
.au-accordion__content-inner { padding: 0 0 1rem; font-size: .875rem; line-height: 1.5rem; color: hsl(var(--au-text-sub-600)); }

/* =====================================================================
   Slider
   ===================================================================== */
.au-slider { width: 100%; appearance: none; -webkit-appearance: none; height: .375rem; border-radius: 9999px; outline: none; cursor: pointer; background: hsl(var(--au-bg-soft-200)); }
.au-slider-fill { background: linear-gradient(to right, hsl(var(--au-primary-base)) 0 var(--au-pct, 50%), hsl(var(--au-bg-soft-200)) var(--au-pct, 50%) 100%); }
.au-slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 1.125rem; height: 1.125rem; border-radius: 9999px; background: hsl(var(--au-bg-white-0)); box-shadow: var(--au-shadow-switch-thumb), inset 0 0 0 1px hsl(var(--au-stroke-soft-200)); cursor: grab; }
.au-slider::-webkit-slider-thumb:active { cursor: grabbing; }
.au-slider::-moz-range-thumb { width: 1.125rem; height: 1.125rem; border-radius: 9999px; background: hsl(var(--au-bg-white-0)); box-shadow: var(--au-shadow-switch-thumb); border: 1px solid hsl(var(--au-stroke-soft-200)); cursor: grab; }

/* =====================================================================
   Rating
   ===================================================================== */
.au-rating { display: inline-flex; align-items: center; gap: .25rem; }
.au-rating__star { width: 1.25rem; height: 1.25rem; border: 0; background: none; padding: 0; cursor: pointer; color: hsl(var(--au-bg-soft-200)); transition: color .15s ease-out; display: inline-flex; }
.au-rating__star.au-on { color: hsl(var(--au-away-base)); }
.au-rating--readonly .au-rating__star { cursor: default; }

/* =====================================================================
   Notification (toast-style card)
   ===================================================================== */
.au-notification { display: flex; gap: .75rem; width: 100%; max-width: 24rem; padding: .875rem 1rem; border-radius: var(--au-radius-10); background: hsl(var(--au-bg-white-0)); box-shadow: var(--au-shadow-regular-md), inset 0 0 0 1px hsl(var(--au-stroke-soft-200)); }
.au-notification__icon { width: 1.25rem; height: 1.25rem; flex-shrink: 0; color: hsl(var(--auc-base, var(--au-primary-base))); }
.au-notification__body { display: flex; flex-direction: column; gap: .125rem; flex: 1; }
.au-notification__title { font-size: .875rem; line-height: 1.25rem; font-weight: 500; color: hsl(var(--au-text-strong-950)); }
.au-notification__desc { font-size: .875rem; line-height: 1.25rem; color: hsl(var(--au-text-sub-600)); }
.au-notification__close { margin-left: auto; border: 0; background: transparent; cursor: pointer; padding: 0; color: hsl(var(--au-text-soft-400)); width: 1.25rem; height: 1.25rem; display: inline-flex; align-items: center; justify-content: center; }
.au-notification__close:hover { color: hsl(var(--au-text-sub-600)); }

/* =====================================================================
   Dropdown / Menu
   ===================================================================== */
.au-dropdown { position: relative; display: inline-flex; }
.au-dropdown__backdrop { position: fixed; inset: 0; z-index: 39; }
.au-dropdown__menu { position: absolute; z-index: 40; min-width: 14rem; top: calc(100% + .375rem); left: 0; background: hsl(var(--au-bg-white-0)); border-radius: var(--au-radius-10); box-shadow: var(--au-shadow-regular-md), inset 0 0 0 1px hsl(var(--au-stroke-soft-200)); padding: .375rem; display: flex; flex-direction: column; gap: .0625rem; animation: au-fade-in .12s ease-out; }
.au-dropdown__menu--end { left: auto; right: 0; }
.au-dropdown__label { padding: .375rem .625rem; font-size: .6875rem; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; color: hsl(var(--au-text-soft-400)); }
.au-dropdown__item { display: flex; align-items: center; gap: .5rem; padding: .5rem .625rem; border-radius: .5rem; border: 0; background: transparent; cursor: pointer; font-family: inherit; font-size: .875rem; font-weight: 500; color: hsl(var(--au-text-sub-600)); text-align: left; width: 100%; transition: background-color .15s ease, color .15s ease; }
.au-dropdown__item:hover { background: hsl(var(--au-bg-weak-50)); color: hsl(var(--au-text-strong-950)); }
.au-dropdown__item svg { width: 1.25rem; height: 1.25rem; flex-shrink: 0; }
.au-dropdown__separator { height: 1px; background: hsl(var(--au-stroke-soft-200)); margin: .375rem 0; }

/* =====================================================================
   Table
   ===================================================================== */
.au-table-wrap { width: 100%; overflow-x: auto; }
.au-table { width: 100%; border-collapse: separate; border-spacing: 0; }
.au-table thead th {
  background: hsl(var(--au-bg-weak-50)); padding: .5rem .75rem; text-align: left;
  font-size: .875rem; line-height: 1.25rem; font-weight: 400; color: hsl(var(--au-text-sub-600));
  white-space: nowrap;
}
.au-table thead th:first-child { border-top-left-radius: .5rem; border-bottom-left-radius: .5rem; }
.au-table thead th:last-child { border-top-right-radius: .5rem; border-bottom-right-radius: .5rem; }
.au-table__th-inner { display: inline-flex; align-items: center; gap: .25rem; }
.au-table__sort { border: 0; background: none; padding: 0; cursor: pointer; color: inherit; font: inherit; display: inline-flex; align-items: center; gap: .25rem; }
.au-table__sort svg { width: 1rem; height: 1rem; color: hsl(var(--au-text-soft-400)); }
.au-table tbody::before { content: ''; display: table-row; height: .5rem; }
.au-table tbody td {
  height: 4rem; padding: 0 .75rem; font-size: .875rem; line-height: 1.25rem;
  color: hsl(var(--au-text-strong-950)); border-bottom: 1px solid hsl(var(--au-stroke-soft-200));
  transition: background-color .2s ease-out; vertical-align: middle;
}
.au-table tbody tr:hover td { background: hsl(var(--au-bg-weak-50)); }
.au-table tbody tr:hover td:first-child { border-top-left-radius: .75rem; border-bottom-left-radius: .75rem; }
.au-table tbody tr:hover td:last-child { border-top-right-radius: .75rem; border-bottom-right-radius: .75rem; }
.au-table--no-hover tbody tr:hover td { background: transparent; }

/* =====================================================================
   Toasts (stacked, service-driven)
   ===================================================================== */
.au-toast-container { position: fixed; z-index: 80; display: flex; flex-direction: column; gap: .75rem; padding: 1.25rem; pointer-events: none; max-width: 100%; }
.au-toast-container--bottom-right { right: 0; bottom: 0; align-items: flex-end; }
.au-toast-container--bottom-left { left: 0; bottom: 0; align-items: flex-start; }
.au-toast-container--top-right { right: 0; top: 0; align-items: flex-end; }
.au-toast-container--top-left { left: 0; top: 0; align-items: flex-start; }
.au-toast-container--top-center { left: 50%; top: 0; transform: translateX(-50%); align-items: center; }
.au-toast { pointer-events: auto; animation: au-toast-in .25s cubic-bezier(0.4, 0, 0.2, 1); }
@keyframes au-toast-in { from { opacity: 0; transform: translateY(10px) scale(.98); } to { opacity: 1; transform: none; } }

/* =====================================================================
   Command Menu (Cmd/Ctrl-K search palette)
   ===================================================================== */
.au-cmd-overlay { position: fixed; inset: 0; z-index: 70; display: flex; align-items: flex-start; justify-content: center; padding: 14vh 1rem 1rem; background: hsl(var(--au-overlay)); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); animation: au-fade-in .15s ease-out; }
.au-cmd { width: 100%; max-width: 600px; max-height: 72vh; display: flex; flex-direction: column; overflow: hidden; border-radius: 1rem; background: hsl(var(--au-bg-white-0)); box-shadow: var(--au-shadow-regular-md); animation: au-zoom-in .15s ease-out; }
.au-cmd__search { display: flex; align-items: center; gap: .75rem; height: 3.5rem; padding: 0 1.25rem; border-bottom: 1px solid hsl(var(--au-stroke-soft-200)); flex-shrink: 0; }
.au-cmd__search-icon { width: 1.25rem; height: 1.25rem; color: hsl(var(--au-text-soft-400)); flex-shrink: 0; }
.au-cmd__input { flex: 1; border: 0; background: transparent; outline: none; font-family: inherit; font-size: .875rem; color: hsl(var(--au-text-strong-950)); }
.au-cmd__input::placeholder { color: hsl(var(--au-text-soft-400)); }
.au-cmd__list { overflow-y: auto; padding: .5rem; }
.au-cmd__group-label { padding: .5rem .75rem .25rem; font-size: .75rem; font-weight: 500; color: hsl(var(--au-text-sub-600)); }
.au-cmd__item { display: flex; align-items: center; gap: .75rem; width: 100%; border: 0; background: transparent; cursor: pointer; text-align: left; padding: .625rem .75rem; border-radius: var(--au-radius-10); font-family: inherit; font-size: .875rem; color: hsl(var(--au-text-strong-950)); }
.au-cmd__item.au-active, .au-cmd__item:hover { background: hsl(var(--au-bg-weak-50)); }
.au-cmd__item-icon { width: 1.25rem; height: 1.25rem; color: hsl(var(--au-text-sub-600)); flex-shrink: 0; display: inline-flex; }
.au-cmd__item-desc { margin-left: auto; font-size: .75rem; color: hsl(var(--au-text-soft-400)); }
.au-cmd__empty { padding: 2.5rem 1rem; text-align: center; color: hsl(var(--au-text-soft-400)); font-size: .875rem; }
.au-cmd__footer { display: flex; align-items: center; gap: 1rem; padding: .625rem 1.25rem; border-top: 1px solid hsl(var(--au-stroke-soft-200)); font-size: .75rem; color: hsl(var(--au-text-soft-400)); flex-shrink: 0; }
.au-cmd__footer .au-kbd { height: 1.25rem; }

/* =====================================================================
   Popover
   ===================================================================== */
.au-popover { position: relative; display: inline-flex; }
.au-popover__backdrop { position: fixed; inset: 0; z-index: 39; }
.au-popover__content { position: absolute; z-index: 40; width: max-content; max-width: 20rem; border-radius: 1rem; background: hsl(var(--au-bg-white-0)); padding: 1.25rem; box-shadow: var(--au-shadow-regular-md), inset 0 0 0 1px hsl(var(--au-stroke-soft-200)); top: calc(100% + .75rem); left: 50%; transform: translateX(-50%); animation: au-fade-in .12s ease-out; }
.au-popover__content--start { left: 0; transform: none; }
.au-popover__content--end { left: auto; right: 0; transform: none; }

/* =====================================================================
   Drawer
   ===================================================================== */
.au-drawer-overlay { position: fixed; inset: 0; z-index: 65; background: hsl(var(--au-overlay)); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); animation: au-fade-in .2s ease-out; }
.au-drawer { position: fixed; z-index: 66; top: 0; bottom: 0; width: 100%; max-width: 24rem; background: hsl(var(--au-bg-white-0)); box-shadow: var(--au-shadow-regular-md); display: flex; flex-direction: column; }
.au-drawer--right { right: 0; animation: au-slide-left .28s cubic-bezier(0.32, 0.72, 0, 1); }
.au-drawer--left { left: 0; animation: au-slide-right .28s cubic-bezier(0.32, 0.72, 0, 1); }
@keyframes au-slide-left { from { transform: translateX(100%); } to { transform: none; } }
@keyframes au-slide-right { from { transform: translateX(-100%); } to { transform: none; } }
.au-drawer__header { display: flex; align-items: flex-start; gap: .75rem; padding: 1.25rem 1.5rem; border-bottom: 1px solid hsl(var(--au-stroke-soft-200)); }
.au-drawer__header-text { display: flex; flex-direction: column; gap: .125rem; }
.au-drawer__title { font-size: 1rem; line-height: 1.5rem; font-weight: 500; color: hsl(var(--au-text-strong-950)); }
.au-drawer__desc { font-size: .875rem; line-height: 1.25rem; color: hsl(var(--au-text-sub-600)); }
.au-drawer__close { margin-left: auto; }
.au-drawer__body { flex: 1; overflow-y: auto; padding: 1.5rem; font-size: .875rem; color: hsl(var(--au-text-sub-600)); }
.au-drawer__footer { display: flex; gap: .75rem; padding: 1.25rem 1.5rem; border-top: 1px solid hsl(var(--au-stroke-soft-200)); }
.au-drawer__footer > * { flex: 1; }

/* =====================================================================
   Banner
   ===================================================================== */
.au-banner { display: flex; align-items: center; gap: .75rem; width: 100%; padding: .625rem 1rem; font-size: .875rem; line-height: 1.25rem; }
.au-banner__icon { width: 1.25rem; height: 1.25rem; flex-shrink: 0; }
.au-banner__content { flex: 1; }
.au-banner__close { margin-left: auto; border: 0; background: transparent; cursor: pointer; padding: 0; color: inherit; opacity: .72; width: 1.25rem; height: 1.25rem; display: inline-flex; align-items: center; justify-content: center; }
.au-banner__close:hover { opacity: 1; }
.au-banner--filled { background: hsl(var(--auc-base)); color: hsl(var(--au-static-white)); }
.au-banner--light { background: hsl(var(--auc-light)); color: hsl(var(--auc-dark)); }
.au-banner--lighter { background: hsl(var(--auc-lighter)); color: hsl(var(--au-text-strong-950)); }
.au-banner--lighter .au-banner__icon { color: hsl(var(--auc-base)); }
.au-banner--stroke { background: hsl(var(--au-bg-white-0)); color: hsl(var(--au-text-strong-950)); box-shadow: inset 0 -1px 0 hsl(var(--au-stroke-soft-200)); }
.au-banner--stroke .au-banner__icon { color: hsl(var(--auc-base)); }

/* =====================================================================
   Avatar Group Compact
   ===================================================================== */
.au-avatar-group-compact { display: inline-flex; align-items: center; gap: .5rem; padding: .1875rem .5rem .1875rem .25rem; border-radius: 9999px; background: hsl(var(--au-bg-white-0)); box-shadow: var(--au-shadow-regular-xs), inset 0 0 0 1px hsl(var(--au-stroke-soft-200)); }
.au-avatar-group-compact__avatars { display: inline-flex; }
.au-avatar-group-compact__avatars > * { box-shadow: 0 0 0 2px hsl(var(--au-bg-white-0)); border-radius: 9999px; }
.au-avatar-group-compact__avatars > * + * { margin-left: -.5rem; }
.au-avatar-group-compact__count { font-size: .75rem; font-weight: 500; color: hsl(var(--au-text-sub-600)); }

/* =====================================================================
   Tab Menu Vertical
   ===================================================================== */
.au-tabs-v { display: flex; gap: 1.5rem; width: 100%; }
.au-tabs-v__list { display: flex; flex-direction: column; gap: .5rem; min-width: 12rem; }
.au-tabs-v__trigger { display: flex; align-items: center; gap: .5rem; width: 100%; padding: .5rem; border-radius: .5rem; border: 0; background: transparent; cursor: pointer; font-family: inherit; font-size: .875rem; font-weight: 500; color: hsl(var(--au-text-sub-600)); text-align: left; transition: background-color .2s ease-out, color .2s ease-out; }
.au-tabs-v__trigger:hover { background: hsl(var(--au-bg-weak-50)); }
.au-tabs-v__trigger.au-active { background: hsl(var(--au-bg-weak-50)); color: hsl(var(--au-text-strong-950)); }
.au-tabs-v__icon { width: 1.25rem; height: 1.25rem; }
.au-tabs-v__panel { flex: 1; min-width: 0; }

/* =====================================================================
   Vertical Stepper
   ===================================================================== */
.au-vstepper { display: flex; flex-direction: column; }
.au-vstepper__item { display: flex; gap: .75rem; }
.au-vstepper__rail { display: flex; flex-direction: column; align-items: center; }
.au-vstepper__indicator { width: 1.5rem; height: 1.5rem; border-radius: 9999px; display: flex; align-items: center; justify-content: center; font-size: .75rem; font-weight: 500; background: hsl(var(--au-bg-soft-200)); color: hsl(var(--au-text-sub-600)); flex-shrink: 0; }
.au-vstepper__line { width: 2px; flex: 1; min-height: 1.5rem; background: hsl(var(--au-stroke-soft-200)); margin: .25rem 0; }
.au-vstepper__item:last-child .au-vstepper__line { display: none; }
.au-vstepper__content { padding-bottom: 1.5rem; }
.au-vstepper__title { font-size: .875rem; line-height: 1.25rem; font-weight: 500; color: hsl(var(--au-text-strong-950)); }
.au-vstepper__desc { font-size: .875rem; line-height: 1.25rem; color: hsl(var(--au-text-sub-600)); }
.au-vstepper__item--completed .au-vstepper__indicator { background: hsl(var(--au-success-base)); color: hsl(var(--au-static-white)); }
.au-vstepper__item--completed .au-vstepper__line { background: hsl(var(--au-success-base)); }
.au-vstepper__item--active .au-vstepper__indicator { background: hsl(var(--au-primary-base)); color: hsl(var(--au-static-white)); }

/* =====================================================================
   File Upload (dropzone)
   ===================================================================== */
.au-upload { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .5rem; width: 100%; padding: 2rem 1rem; text-align: center; border-radius: var(--au-radius-10); border: 1px dashed hsl(var(--au-stroke-sub-300)); background: hsl(var(--au-bg-white-0)); cursor: pointer; transition: background-color .2s ease-out, border-color .2s ease-out; }
.au-upload:hover, .au-upload--drag { background: hsl(var(--au-bg-weak-50)); border-color: hsl(var(--au-primary-base)); }
.au-upload input[type='file'] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.au-upload__icon-wrap { width: 2.5rem; height: 2.5rem; border-radius: 9999px; display: grid; place-items: center; background: hsl(var(--au-bg-white-0)); box-shadow: var(--au-shadow-regular-xs), inset 0 0 0 1px hsl(var(--au-stroke-soft-200)); color: hsl(var(--au-text-sub-600)); margin-bottom: .25rem; }
.au-upload__title { font-size: .875rem; font-weight: 500; color: hsl(var(--au-text-strong-950)); }
.au-upload__browse { color: hsl(var(--au-primary-base)); }
.au-upload__hint { font-size: .75rem; color: hsl(var(--au-text-soft-400)); }
.au-upload-file { display: flex; align-items: center; gap: .75rem; width: 100%; padding: .75rem; border-radius: var(--au-radius-10); box-shadow: inset 0 0 0 1px hsl(var(--au-stroke-soft-200)); margin-top: .75rem; }
.au-upload-file__icon { width: 2.25rem; height: 2.25rem; border-radius: .5rem; display: grid; place-items: center; background: hsl(var(--au-bg-weak-50)); color: hsl(var(--au-text-sub-600)); flex-shrink: 0; }
.au-upload-file__name { font-size: .875rem; font-weight: 500; color: hsl(var(--au-text-strong-950)); }
.au-upload-file__size { font-size: .75rem; color: hsl(var(--au-text-soft-400)); }
.au-upload-file__remove { margin-left: auto; border: 0; background: transparent; cursor: pointer; color: hsl(var(--au-text-soft-400)); display: inline-flex; }
.au-upload-file__remove:hover { color: hsl(var(--au-error-base)); }

/* =====================================================================
   Date Picker (calendar)
   ===================================================================== */
.au-calendar { width: 18rem; padding: 1rem; border-radius: var(--au-radius-20); background: hsl(var(--au-bg-white-0)); box-shadow: var(--au-shadow-regular-md), inset 0 0 0 1px hsl(var(--au-stroke-soft-200)); }
.au-calendar__header { display: flex; align-items: center; justify-content: space-between; margin-bottom: .75rem; }
.au-calendar__title { font-size: .875rem; font-weight: 500; color: hsl(var(--au-text-strong-950)); }
.au-calendar__nav { width: 1.75rem; height: 1.75rem; border-radius: .5rem; border: 0; background: transparent; cursor: pointer; color: hsl(var(--au-text-sub-600)); display: inline-flex; align-items: center; justify-content: center; box-shadow: inset 0 0 0 1px hsl(var(--au-stroke-soft-200)); transition: background-color .15s ease; }
.au-calendar__nav:hover { background: hsl(var(--au-bg-weak-50)); }
.au-calendar__nav svg { width: 1.125rem; height: 1.125rem; }
.au-calendar__grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: .125rem; }
.au-calendar__dow { text-align: center; font-size: .6875rem; font-weight: 500; color: hsl(var(--au-text-soft-400)); padding: .25rem 0; }
.au-calendar__day { aspect-ratio: 1; display: flex; align-items: center; justify-content: center; border: 0; background: transparent; cursor: pointer; border-radius: .5rem; font-family: inherit; font-size: .8125rem; color: hsl(var(--au-text-strong-950)); transition: background-color .15s ease; }
.au-calendar__day:hover { background: hsl(var(--au-bg-weak-50)); }
.au-calendar__day--muted { color: hsl(var(--au-text-disabled-300)); }
.au-calendar__day--today { box-shadow: inset 0 0 0 1px hsl(var(--au-stroke-sub-300)); }
.au-calendar__day--selected { background: hsl(var(--au-primary-base)); color: hsl(var(--au-static-white)); }
.au-calendar__day--selected:hover { background: hsl(var(--au-primary-darker)); }

/* =====================================================================
   Color Picker (palette)
   ===================================================================== */
.au-colorpicker { display: inline-flex; flex-wrap: wrap; gap: .5rem; }
.au-colorpicker__swatch { width: 1.75rem; height: 1.75rem; border-radius: 9999px; border: 0; cursor: pointer; box-shadow: inset 0 0 0 1px hsl(var(--au-black-alpha-10)); transition: transform .1s ease; }
.au-colorpicker__swatch:hover { transform: scale(1.12); }
.au-colorpicker__swatch.au-active { box-shadow: 0 0 0 2px hsl(var(--au-bg-white-0)), 0 0 0 4px hsl(var(--au-primary-base)); }

/* =====================================================================
   Date range (extends calendar)
   ===================================================================== */
.au-calendar--range .au-calendar__grid { gap: 2px 0; }
.au-calendar__day--in-range { background: hsl(var(--au-primary-alpha-10)); border-radius: 0; }
.au-calendar__day--range-start { background: hsl(var(--au-primary-base)); color: hsl(var(--au-static-white)); border-radius: .5rem 0 0 .5rem; }
.au-calendar__day--range-end { background: hsl(var(--au-primary-base)); color: hsl(var(--au-static-white)); border-radius: 0 .5rem .5rem 0; }
.au-calendar__day--range-start.au-calendar__day--range-end { border-radius: .5rem; }
.au-calendar__day--range-start:hover, .au-calendar__day--range-end:hover { background: hsl(var(--au-primary-darker)); }

/* =====================================================================
   Time Picker
   ===================================================================== */
.au-timepicker { position: relative; display: inline-block; }
.au-time-menu { position: absolute; z-index: 40; top: calc(100% + .5rem); left: 0; width: 10rem; max-height: 16rem; overflow-y: auto; background: hsl(var(--au-bg-white-0)); border-radius: var(--au-radius-10); box-shadow: var(--au-shadow-regular-md), inset 0 0 0 1px hsl(var(--au-stroke-soft-200)); padding: .375rem; }
.au-time-option { display: block; width: 100%; text-align: left; border: 0; background: transparent; cursor: pointer; padding: .5rem .625rem; border-radius: .5rem; font-family: inherit; font-size: .875rem; color: hsl(var(--au-text-strong-950)); }
.au-time-option:hover { background: hsl(var(--au-bg-weak-50)); }
.au-time-option.au-active { background: hsl(var(--au-primary-alpha-10)); color: hsl(var(--au-primary-base)); font-weight: 500; }

/* =====================================================================
   Notification inbox (bell + feed)
   ===================================================================== */
.au-notif { position: relative; display: inline-flex; }
.au-notif__dot { position: absolute; right: 0; top: 0; width: .5rem; height: .5rem; border-radius: 9999px; background: hsl(var(--au-primary-base)); box-shadow: 0 0 0 2px hsl(var(--au-bg-white-0)); pointer-events: none; }
.au-notif__backdrop { position: fixed; inset: 0; z-index: 39; }
.au-notif-panel { position: absolute; z-index: 40; top: calc(100% + .5rem); right: 0; width: 24rem; max-width: calc(100vw - 2rem); max-height: 30rem; overflow: hidden; display: flex; flex-direction: column; background: hsl(var(--au-bg-white-0)); border-radius: var(--au-radius-20); box-shadow: var(--au-shadow-regular-md), inset 0 0 0 1px hsl(var(--au-stroke-soft-200)); animation: au-fade-in .12s ease-out; }
.au-notif-panel__header { display: flex; align-items: center; justify-content: space-between; padding: .875rem 1.25rem; border-bottom: 1px solid hsl(var(--au-stroke-soft-200)); flex-shrink: 0; }
.au-notif-panel__title { font-size: 1rem; line-height: 1.5rem; font-weight: 500; color: hsl(var(--au-text-strong-950)); }
.au-notif-panel__list { overflow-y: auto; padding: .5rem; }
.au-notif-panel__footer { padding: .625rem; border-top: 1px solid hsl(var(--au-stroke-soft-200)); text-align: center; flex-shrink: 0; }
.au-notif-item { display: flex; align-items: flex-start; gap: .75rem; padding: .75rem; border-radius: .5rem; cursor: pointer; transition: background-color .15s ease; text-align: left; width: 100%; border: 0; background: transparent; font-family: inherit; }
.au-notif-item:hover { background: hsl(var(--au-bg-weak-50)); }
.au-notif-item__icon { width: 2.25rem; height: 2.25rem; border-radius: 9999px; display: grid; place-items: center; background: hsl(var(--au-bg-white-0)); box-shadow: var(--au-shadow-regular-xs), inset 0 0 0 1px hsl(var(--au-stroke-soft-200)); color: hsl(var(--au-text-sub-600)); flex-shrink: 0; overflow: hidden; }
.au-notif-item__icon img { width: 100%; height: 100%; object-fit: cover; }
.au-notif-item__body { flex: 1; min-width: 0; }
.au-notif-item__title { font-size: .875rem; font-weight: 500; color: hsl(var(--au-text-strong-950)); }
.au-notif-item__title strong { font-weight: 600; }
.au-notif-item__desc { font-size: .875rem; line-height: 1.25rem; color: hsl(var(--au-text-sub-600)); }
.au-notif-item__time { font-size: .75rem; color: hsl(var(--au-text-soft-400)); margin-top: .25rem; display: block; }
.au-notif-item__unread { width: .375rem; height: .375rem; border-radius: 9999px; background: hsl(var(--au-primary-base)); flex-shrink: 0; margin-top: .5rem; }

/* == COMPONENTS-END == */