@newtil/materials 0.4.11 → 0.4.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +1 -1
- package/dist/spec.json +237 -3
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer reset, tokens, base, components;@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");:root{--_font-scale-1:0.75rem;--_font-scale-2:0.875rem;--_font-scale-3:1rem;--_font-scale-4:1.125rem;--_font-scale-5:1.25rem;--_font-scale-6:1.5rem;--_font-scale-7:2rem;--_font-scale-8:2.5rem;--_font-scale-9:3rem;--_hue-gray-50:#fafafa;--_hue-gray-100:#f5f5f5;--_hue-gray-200:#e5e5e5;--_hue-gray-300:#d4d4d4;--_hue-gray-400:#a3a3a3;--_hue-gray-500:#737373;--_hue-gray-600:#525252;--_hue-gray-700:#404040;--_hue-gray-800:#262626;--_hue-gray-900:#171717;--_hue-gray-950:#0a0a0a;--_hue-green-50:#f7fee7;--_hue-green-100:#ecfccb;--_hue-green-200:#d9f99d;--_hue-green-300:#bef264;--_hue-green-400:#a3e635;--_hue-green-500:#8cba35;--_hue-green-600:#65a30d;--_hue-green-700:#4d7c0f;--_hue-green-800:#3f6212;--_hue-green-900:#365314;--_hue-green-950:#1a2e05;--_hue-blue-50:#eff6ff;--_hue-blue-100:#dbeafe;--_hue-blue-200:#bfdbfe;--_hue-blue-300:#93c5fd;--_hue-blue-400:#60a5fa;--_hue-blue-500:#3b82f6;--_hue-blue-600:#2563eb;--_hue-blue-700:#1d4ed8;--_hue-blue-800:#1e40af;--_hue-blue-900:#1e3a8a;--_hue-blue-950:#172554;--_hue-red-50:#fef2f2;--_hue-red-100:#fee2e2;--_hue-red-200:#fecaca;--_hue-red-300:#fca5a5;--_hue-red-400:#f87171;--_hue-red-500:#ef4444;--_hue-red-600:#dc2626;--_hue-red-700:#b91c1c;--_hue-red-800:#991b1b;--_hue-red-900:#7f1d1d;--_hue-red-950:#450a0a;--_hue-amber-50:#fffbeb;--_hue-amber-100:#fef3c7;--_hue-amber-200:#fde68a;--_hue-amber-300:#fcd34d;--_hue-amber-400:#fbbf24;--_hue-amber-500:#f59e0b;--_hue-amber-600:#d97706;--_hue-amber-700:#b45309;--_hue-amber-800:#92400e;--_hue-amber-900:#78350f;--_hue-amber-950:#451a03;--_hue-emerald-50:#ecfdf5;--_hue-emerald-100:#d1fae5;--_hue-emerald-200:#a7f3d0;--_hue-emerald-300:#6ee7b7;--_hue-emerald-400:#34d399;--_hue-emerald-500:#10b981;--_hue-emerald-600:#059669;--_hue-emerald-700:#047857;--_hue-emerald-800:#065f46;--_hue-emerald-900:#064e3b;--_hue-emerald-950:#022c22;--_hue-white:#fff;--_hue-sky-50:#f0f9ff;--_hue-sky-100:#e0f2fe;--_hue-sky-200:#bae6fd;--_hue-sky-300:#7dd3fc;--_hue-sky-400:#38bdf8;--_hue-sky-500:#0ea5e9;--_hue-sky-600:#0284c7;--_hue-sky-700:#0369a1;--_hue-sky-800:#075985;--_hue-sky-900:#0c4a6e;--_hue-sky-950:#082f49;--_radius-scale-0:0;--_radius-scale-1:0.125rem;--_radius-scale-2:0.25rem;--_radius-scale-3:0.5rem;--_radius-scale-4:0.75rem;--_radius-scale-5:1rem;--_radius-scale-6:1.5rem;--_scale-0:0;--_scale-1:0.125rem;--_scale-2:0.25rem;--_scale-3:0.5rem;--_scale-4:0.75rem;--_scale-5:1rem;--_scale-6:1.25rem;--_scale-7:1.5rem;--_scale-8:2rem;--_scale-9:2.5rem;--_scale-10:3rem;--_scale-11:4rem;--_scale-12:5rem;--_scale-13:6rem;--_scale-14:8rem;--_shadow-elev-1:0 0.0625rem 0.125rem rgba(0,0,0,.05);--_shadow-elev-2:0 0.125rem 0.25rem rgba(0,0,0,.1);--_shadow-elev-3:0 0.25rem 0.5rem rgba(0,0,0,.12);--_shadow-elev-4:0 0.5rem 1rem rgba(0,0,0,.15);--_shadow-elev-5:0 1rem 2rem rgba(0,0,0,.2);--border-width-0:0;--border-width-1:0.0625rem;--border-width-2:0.125rem;--border-width-3:0.25rem;--border-width-4:0.5rem}:root,[data-theme=light]{--color-primary:var(--_hue-green-500);--color-primary-hover:var(--_hue-green-600);--color-primary-active:var(--_hue-green-700);--color-primary-subtle:var(--_hue-green-100);--color-on-primary:var(--_hue-gray-950);--color-secondary:var(--_hue-blue-500);--color-secondary-hover:var(--_hue-blue-600);--color-secondary-active:var(--_hue-blue-700);--color-secondary-subtle:var(--_hue-blue-100);--color-on-secondary:var(--_hue-white);--color-tertiary:var(--_hue-amber-500);--color-tertiary-hover:var(--_hue-amber-600);--color-tertiary-active:var(--_hue-amber-700);--color-tertiary-subtle:var(--_hue-amber-100);--color-on-tertiary:var(--_hue-gray-900);--color-surface:var(--_hue-white);--color-surface-1:var(--_hue-gray-50);--color-surface-2:var(--_hue-gray-100);--color-surface-3:var(--_hue-gray-200);--color-surface-4:var(--_hue-gray-300);--color-surface-inverse:var(--_hue-gray-900);--color-surface-hover:var(--_hue-gray-100);--color-surface-active:var(--_hue-gray-200);--color-surface-disabled:var(--_hue-gray-100);--color-text:var(--_hue-gray-900);--color-text-muted:var(--_hue-gray-600);--color-text-subtle:var(--_hue-gray-500);--color-text-inverse:var(--_hue-white);--color-text-disabled:var(--_hue-gray-400);--color-link:var(--_hue-blue-600);--color-link-hover:var(--_hue-blue-700);--color-border:var(--_hue-gray-200);--color-border-strong:var(--_hue-gray-400);--color-border-subtle:var(--_hue-gray-100);--color-code-bg:var(--_hue-gray-900);--color-code-fg:var(--_hue-gray-100);--color-code-border:var(--_hue-gray-800);--color-scrim:color-mix(in srgb,var(--_hue-gray-950) 32%,transparent);--color-success:var(--_hue-emerald-500);--color-success-hover:var(--_hue-emerald-600);--color-success-active:var(--_hue-emerald-700);--color-success-subtle:var(--_hue-emerald-100);--color-on-success:var(--_hue-gray-950);--color-warning:var(--_hue-amber-500);--color-warning-hover:var(--_hue-amber-600);--color-warning-active:var(--_hue-amber-700);--color-warning-subtle:var(--_hue-amber-100);--color-on-warning:var(--_hue-gray-900);--color-danger:var(--_hue-red-500);--color-danger-hover:var(--_hue-red-600);--color-danger-active:var(--_hue-red-700);--color-danger-subtle:var(--_hue-red-100);--color-on-danger:var(--_hue-white);--color-info:var(--_hue-sky-500);--color-info-hover:var(--_hue-sky-600);--color-info-active:var(--_hue-sky-700);--color-info-subtle:var(--_hue-sky-100);--color-on-info:var(--_hue-gray-950);--color-focus-ring:var(--_hue-blue-400);color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-primary:var(--_hue-green-400);--color-primary-hover:var(--_hue-green-300);--color-primary-active:var(--_hue-green-200);--color-primary-subtle:var(--_hue-green-900);--color-on-primary:var(--_hue-gray-950);--color-secondary:var(--_hue-blue-400);--color-secondary-hover:var(--_hue-blue-300);--color-secondary-active:var(--_hue-blue-200);--color-secondary-subtle:var(--_hue-blue-900);--color-on-secondary:var(--_hue-gray-950);--color-tertiary:var(--_hue-amber-400);--color-tertiary-hover:var(--_hue-amber-300);--color-tertiary-active:var(--_hue-amber-200);--color-tertiary-subtle:var(--_hue-amber-900);--color-on-tertiary:var(--_hue-gray-950);--color-surface:var(--_hue-gray-950);--color-surface-1:var(--_hue-gray-900);--color-surface-2:var(--_hue-gray-800);--color-surface-3:var(--_hue-gray-700);--color-surface-4:var(--_hue-gray-600);--color-surface-inverse:var(--_hue-gray-50);--color-surface-hover:var(--_hue-gray-800);--color-surface-active:var(--_hue-gray-700);--color-surface-disabled:var(--_hue-gray-800);--color-text:var(--_hue-gray-100);--color-text-muted:var(--_hue-gray-400);--color-text-subtle:var(--_hue-gray-500);--color-text-inverse:var(--_hue-gray-900);--color-text-disabled:var(--_hue-gray-600);--color-link:var(--_hue-blue-400);--color-link-hover:var(--_hue-blue-300);--color-border:var(--_hue-gray-800);--color-border-strong:var(--_hue-gray-600);--color-border-subtle:var(--_hue-gray-900);--color-code-bg:var(--_hue-gray-950);--color-code-fg:var(--_hue-gray-100);--color-code-border:var(--_hue-gray-800);--color-scrim:color-mix(in srgb,var(--_hue-gray-950) 60%,transparent);--color-success:var(--_hue-emerald-400);--color-success-hover:var(--_hue-emerald-300);--color-success-active:var(--_hue-emerald-200);--color-success-subtle:var(--_hue-emerald-900);--color-on-success:var(--_hue-gray-950);--color-warning:var(--_hue-amber-400);--color-warning-hover:var(--_hue-amber-300);--color-warning-active:var(--_hue-amber-200);--color-warning-subtle:var(--_hue-amber-900);--color-on-warning:var(--_hue-gray-950);--color-danger:var(--_hue-red-400);--color-danger-hover:var(--_hue-red-300);--color-danger-active:var(--_hue-red-200);--color-danger-subtle:var(--_hue-red-900);--color-on-danger:var(--_hue-gray-950);--color-info:var(--_hue-sky-400);--color-info-hover:var(--_hue-sky-300);--color-info-active:var(--_hue-sky-200);--color-info-subtle:var(--_hue-sky-900);--color-on-info:var(--_hue-gray-950);--color-focus-ring:var(--_hue-blue-300);color-scheme:dark}}[data-theme=dark]{--color-primary:var(--_hue-green-400);--color-primary-hover:var(--_hue-green-300);--color-primary-active:var(--_hue-green-200);--color-primary-subtle:var(--_hue-green-900);--color-on-primary:var(--_hue-gray-950);--color-secondary:var(--_hue-blue-400);--color-secondary-hover:var(--_hue-blue-300);--color-secondary-active:var(--_hue-blue-200);--color-secondary-subtle:var(--_hue-blue-900);--color-on-secondary:var(--_hue-gray-950);--color-tertiary:var(--_hue-amber-400);--color-tertiary-hover:var(--_hue-amber-300);--color-tertiary-active:var(--_hue-amber-200);--color-tertiary-subtle:var(--_hue-amber-900);--color-on-tertiary:var(--_hue-gray-950);--color-surface:var(--_hue-gray-950);--color-surface-1:var(--_hue-gray-900);--color-surface-2:var(--_hue-gray-800);--color-surface-3:var(--_hue-gray-700);--color-surface-4:var(--_hue-gray-600);--color-surface-inverse:var(--_hue-gray-50);--color-surface-hover:var(--_hue-gray-800);--color-surface-active:var(--_hue-gray-700);--color-surface-disabled:var(--_hue-gray-800);--color-text:var(--_hue-gray-100);--color-text-muted:var(--_hue-gray-400);--color-text-subtle:var(--_hue-gray-500);--color-text-inverse:var(--_hue-gray-900);--color-text-disabled:var(--_hue-gray-600);--color-link:var(--_hue-blue-400);--color-link-hover:var(--_hue-blue-300);--color-border:var(--_hue-gray-800);--color-border-strong:var(--_hue-gray-600);--color-border-subtle:var(--_hue-gray-900);--color-code-bg:var(--_hue-gray-950);--color-code-fg:var(--_hue-gray-100);--color-code-border:var(--_hue-gray-800);--color-scrim:color-mix(in srgb,var(--_hue-gray-950) 60%,transparent);--color-success:var(--_hue-emerald-400);--color-success-hover:var(--_hue-emerald-300);--color-success-active:var(--_hue-emerald-200);--color-success-subtle:var(--_hue-emerald-900);--color-on-success:var(--_hue-gray-950);--color-warning:var(--_hue-amber-400);--color-warning-hover:var(--_hue-amber-300);--color-warning-active:var(--_hue-amber-200);--color-warning-subtle:var(--_hue-amber-900);--color-on-warning:var(--_hue-gray-950);--color-danger:var(--_hue-red-400);--color-danger-hover:var(--_hue-red-300);--color-danger-active:var(--_hue-red-200);--color-danger-subtle:var(--_hue-red-900);--color-on-danger:var(--_hue-gray-950);--color-info:var(--_hue-sky-400);--color-info-hover:var(--_hue-sky-300);--color-info-active:var(--_hue-sky-200);--color-info-subtle:var(--_hue-sky-900);--color-on-info:var(--_hue-gray-950);--color-focus-ring:var(--_hue-blue-300);color-scheme:dark}:root{--opacity-0:0;--opacity-10:0.1;--opacity-20:0.2;--opacity-30:0.3;--opacity-40:0.4;--opacity-50:0.5;--opacity-60:0.6;--opacity-70:0.7;--opacity-80:0.8;--opacity-90:0.9;--opacity-100:1;--radius-0:var(--_radius-scale-0);--radius-1:var(--_radius-scale-1);--radius-2:var(--_radius-scale-2);--radius-3:var(--_radius-scale-3);--radius-4:var(--_radius-scale-4);--radius-5:var(--_radius-scale-5);--radius-6:var(--_radius-scale-6);--radius-full:9999px;--shadow-sm:var(--_shadow-elev-1);--shadow-md:var(--_shadow-elev-2);--shadow-lg:var(--_shadow-elev-3);--shadow-xl:var(--_shadow-elev-4);--shadow-2xl:var(--_shadow-elev-5);--space-0:var(--_scale-0);--space-1:var(--_scale-1);--space-2:var(--_scale-2);--space-3:var(--_scale-3);--space-4:var(--_scale-4);--space-5:var(--_scale-5);--space-6:var(--_scale-6);--space-7:var(--_scale-7);--space-8:var(--_scale-8);--space-9:var(--_scale-9);--space-10:var(--_scale-10);--space-11:var(--_scale-11);--space-12:var(--_scale-12);--space-13:var(--_scale-13);--space-14:var(--_scale-14);--duration-fast:150ms;--duration-normal:250ms;--duration-slow:400ms;--ease-linear:linear;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--font-size-caption:var(--_font-scale-1);--font-size-body-sm:var(--_font-scale-2);--font-size-body:var(--_font-scale-3);--font-size-body-lg:var(--_font-scale-4);--font-size-heading-sm:var(--_font-scale-5);--font-size-heading-md:var(--_font-scale-6);--font-size-heading-lg:var(--_font-scale-7);--font-size-heading-xl:var(--_font-scale-8);--font-size-display:var(--_font-scale-9);--font-family-sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Apple SD Gothic Neo","Malgun Gothic",sans-serif;--font-family-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-loose:1.75;--letter-spacing-tight:-0.02em;--letter-spacing-normal:0;--letter-spacing-wide:0.02em;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-fixed:250;--z-overlay:300;--z-modal:400;--z-popover:500;--z-toast:600;--z-tooltip:700}:root,[data-theme=dark],[data-theme=light]{--color-on-surface:var(--color-text);--color-on-surface-inverse:var(--color-text-inverse);--size-0:var(--space-0);--size-1:var(--space-1);--size-2:var(--space-2);--size-3:var(--space-3);--size-4:var(--space-4);--size-5:var(--space-5);--size-6:var(--space-6);--size-7:var(--space-7);--size-8:var(--space-8);--size-9:var(--space-9);--size-10:var(--space-10);--size-11:var(--space-11);--size-12:var(--space-12);--size-13:var(--space-13);--size-14:var(--space-14);--size-1-2:50%;--size-1-3:33.333333%;--size-2-3:66.666667%;--size-1-4:25%;--size-3-4:75%;--size-1-5:20%;--size-2-5:40%;--size-3-5:60%;--size-4-5:80%;--size-1-6:16.666667%;--size-5-6:83.333333%;--size-1-12:8.333333%;--size-5-12:41.666667%;--size-7-12:58.333333%;--size-11-12:91.666667%;--size-screen-w-25:25vw;--size-screen-w-50:50vw;--size-screen-w-75:75vw;--size-screen-w:100vw;--size-screen-h-25:25vh;--size-screen-h-50:50vh;--size-screen-h-75:75vh;--size-screen-h:100vh;--size-full:100%;--size-half:50%;--size-auto:auto;--font-size-xs:var(--font-size-caption);--font-size-sm:var(--font-size-body-sm);--font-size-md:var(--font-size-body);--font-size-lg:var(--font-size-body-lg);--font-size-xl:var(--font-size-heading-sm);--font-size-2xl:var(--font-size-heading-md);--font-size-3xl:var(--font-size-heading-lg);--font-size-4xl:var(--font-size-display);--shadow-none:none;--opacity-25:0.25;--opacity-75:0.75}@layer reset{:where([class*=" m3-"] *,[class^=m3-] *),:where([class*=" m3-"],[class^=m3-]),:where(body.reset *),:where(body.reset :after),:where(body.reset :before),:where(body.reset){border:0;font:inherit;margin:0;padding:0}:where([class*=" m3-"],[class^=m3-] *),:where([class*=" m3-"],[class^=m3-] :after),:where([class*=" m3-"],[class^=m3-] :before),:where(body.reset *),:where(body.reset :after),:where(body.reset :before),:where(body.reset){box-sizing:border-box}:where([class*=" m3-"] h1,[class^=m3-] h1),:where([class*=" m3-"] h2,[class^=m3-] h2),:where([class*=" m3-"] h3,[class^=m3-] h3),:where([class*=" m3-"] h4,[class^=m3-] h4),:where([class*=" m3-"] h5,[class^=m3-] h5),:where([class*=" m3-"] h6,[class^=m3-] h6),:where(body.reset h1),:where(body.reset h2),:where(body.reset h3),:where(body.reset h4),:where(body.reset h5),:where(body.reset h6){font-size:100%;font-weight:400;margin:0;padding:0}:where([class*=" m3-"],[class^=m3-] abbr),:where([class*=" m3-"],[class^=m3-] acronym),:where([class*=" m3-"],[class^=m3-] fieldset),:where([class*=" m3-"],[class^=m3-] img),:where(body.reset abbr),:where(body.reset acronym),:where(body.reset fieldset),:where(body.reset img){border:0}:where([class*=" m3-"],[class^=m3-] ol),:where([class*=" m3-"],[class^=m3-] ul),:where(body.reset ol),:where(body.reset ul){list-style:none;margin:0;padding:0}:where([class*=" m3-"],[class^=m3-] table),:where(body.reset table){border:0;border-collapse:separate;border-spacing:0}:where([class*=" m3-"],[class^=m3-] caption),:where([class*=" m3-"],[class^=m3-] td),:where([class*=" m3-"],[class^=m3-] th),:where(body.reset caption),:where(body.reset td),:where(body.reset th){font-weight:400;margin:0;padding:0;text-align:left}:where([class*=" m3-"],[class^=m3-] address),:where([class*=" m3-"],[class^=m3-] caption),:where([class*=" m3-"],[class^=m3-] cite),:where([class*=" m3-"],[class^=m3-] em),:where([class*=" m3-"],[class^=m3-] strong),:where(body.reset address),:where(body.reset caption),:where(body.reset cite),:where(body.reset em),:where(body.reset strong){font-style:normal;font-weight:400}:where([class*=" m3-"],[class^=m3-] ins),:where(body.reset ins){text-decoration:none}:where([class*=" m3-"],[class^=m3-] del),:where(body.reset del){text-decoration:line-through}:where([class*=" m3-"],[class^=m3-] blockquote),:where([class*=" m3-"],[class^=m3-] q),:where(body.reset blockquote),:where(body.reset q){margin:0;padding:0;quotes:"" ""}:where([class*=" m3-"],[class^=m3-] blockquote:after),:where([class*=" m3-"],[class^=m3-] blockquote:before),:where([class*=" m3-"],[class^=m3-] q:after),:where([class*=" m3-"],[class^=m3-] q:before),:where(body.reset blockquote:after),:where(body.reset blockquote:before),:where(body.reset q:after),:where(body.reset q:before){content:""}:where([class*=" m3-"] hr,[class^=m3-] hr),:where(body.reset hr){display:none}:where([class*=" m3-"],[class^=m3-] a),:where(body.reset a){color:inherit;text-decoration:none}:where([class*=" m3-"],[class^=m3-] input),:where(body.reset input),:where(body.reset select),:where(body.reset textarea){border:none;box-sizing:border-box;font:inherit;margin:0;padding:0}:where([class*=" m3-"],[class^=m3-] button:focus),:where([class*=" m3-"],[class^=m3-] input:focus),:where([class*=" m3-"],[class^=m3-] option:focus),:where([class*=" m3-"],[class^=m3-] select:focus),:where([class*=" m3-"],[class^=m3-] textarea:focus),:where(body.reset button:focus),:where(body.reset input:focus),:where(body.reset option:focus),:where(body.reset select:focus),:where(body.reset textarea:focus){outline:none}:where([class*=" m3-"],[class^=m3-] fieldset),:where([class*=" m3-"],[class^=m3-] label),:where([class*=" m3-"],[class^=m3-] legend),:where(body.reset fieldset),:where(body.reset label),:where(body.reset legend){border:0;margin:0;padding:0}:where([class*=" m3-"],[class^=m3-] input[type=checkbox]),:where(body.reset input[type=checkbox]){margin:0}:where([class*=" m3-"],[class^=m3-] button),:where(body.reset button){background-color:transparent;border:0;cursor:pointer;font:inherit;margin:0;padding:0}}[data-icon]:before{content:attr(data-icon)}.icon\:home:before{content:"\e88a"}.icon\:menu:before{content:"\e5d2"}.icon\:close:before{content:"\e5cd"}.icon\:arrow_back:before{content:"\e5c4"}.icon\:arrow_forward:before{content:"\e5c8"}.icon\:expand_more:before{content:"\e5cf"}.icon\:expand_less:before{content:"\e5ce"}.icon\:chevron_left:before{content:"\e5cb"}.icon\:chevron_right:before{content:"\e5cc"}.icon\:more_vert:before{content:"\e5d4"}.icon\:more_horiz:before{content:"\e5d3"}.icon\:refresh:before{content:"\e5d5"}.icon\:settings:before{content:"\e8b8"}.icon\:apps:before{content:"\e5c3"}.icon\:launch:before{content:"\e895"}.icon\:add:before{content:"\e145"}.icon\:remove:before{content:"\e15b"}.icon\:edit:before{content:"\e3c9"}.icon\:delete:before{content:"\e872"}.icon\:save:before{content:"\e161"}.icon\:check:before{content:"\e5ca"}.icon\:clear:before{content:"\e14c"}.icon\:cancel:before{content:"\e5c9"}.icon\:done:before{content:"\e876"}.icon\:search:before{content:"\e8b6"}.icon\:share:before{content:"\e80d"}.icon\:download:before{content:"\e2c4"}.icon\:upload:before{content:"\e2c6"}.icon\:copy:before{content:"\e14d"}.icon\:visibility:before{content:"\e8f4"}.icon\:visibility_off:before{content:"\e8f5"}.icon\:lock:before{content:"\e897"}.icon\:lock_open:before{content:"\e898"}.icon\:sync:before{content:"\e627"}.icon\:info:before{content:"\e88e"}.icon\:email:before{content:"\e0be"}.icon\:phone:before{content:"\e0cd"}.icon\:chat:before{content:"\e0b7"}.icon\:notifications:before{content:"\e7f4"}.icon\:send:before{content:"\e163"}.icon\:reply:before{content:"\e15e"}.icon\:help:before{content:"\e887"}.icon\:feedback:before{content:"\e87f"}.icon\:play_arrow:before{content:"\e037"}.icon\:pause:before{content:"\e034"}.icon\:stop:before{content:"\e047"}.icon\:volume_up:before{content:"\e050"}.icon\:volume_off:before{content:"\e04f"}.icon\:mic:before{content:"\e029"}.icon\:mic_off:before{content:"\e02b"}.icon\:folder:before{content:"\e2c7"}.icon\:folder_open:before{content:"\e2c8"}.icon\:attach_file:before{content:"\e226"}.icon\:cloud:before{content:"\e2bd"}.icon\:description:before{content:"\e873"}.icon\:person:before{content:"\e7fd"}.icon\:people:before{content:"\e7fb"}.icon\:favorite:before{content:"\e87d"}.icon\:star:before{content:"\e838"}.icon\:thumb_up:before{content:"\e8dc"}.m3-icon{--icon-size:1.5rem;--icon-family:"Material Symbols Outlined";--icon-fill:0;--icon-weight:400;--icon-grade:0;--icon-optical-size:24;--icon-hover-border-radius:50%;--icon-hover-scale:1.3;--icon-hover-inner-scale:0.8;color:var(--icon-color,inherit);overflow:hidden;transition:color var(--duration-fast) var(--ease-in-out);vertical-align:middle}.m3-icon,.m3-icon:before{align-items:center;display:inline-flex;height:var(--icon-size);justify-content:center;width:var(--icon-size)}.m3-icon:before{color:inherit;flex-shrink:0;font-family:var(--icon-family);font-size:var(--icon-size);font-variation-settings:"FILL" var(--icon-fill),"wght" var(--icon-weight),"GRAD" var(--icon-grade),"OPSZ" var(--icon-optical-size)}.m3-icon.icon-style\:outlined{--icon-family:"Material Symbols Outlined"}.m3-icon.icon-style\:rounded{--icon-family:"Material Symbols Rounded"}.m3-icon.icon-style\:sharp{--icon-family:"Material Symbols Sharp"}.m3-icon.icon-filled\:0{--icon-fill:0}.m3-icon.icon-filled\:1{--icon-fill:1}.m3-icon.icon-weight\:100{--icon-weight:100}.m3-icon.icon-weight\:200{--icon-weight:200}.m3-icon.icon-weight\:300{--icon-weight:300}.m3-icon.icon-weight\:400{--icon-weight:400}.m3-icon.icon-weight\:500{--icon-weight:500}.m3-icon.icon-weight\:600{--icon-weight:600}.m3-icon.icon-weight\:700{--icon-weight:700}.m3-icon.icon-grade\:low{--icon-grade:-25}.m3-icon.icon-grade\:normal{--icon-grade:0}.m3-icon.icon-grade\:high{--icon-grade:200}.m3-icon.icon-optical\:20{--icon-optical-size:20}.m3-icon.icon-optical\:24{--icon-optical-size:24}.m3-icon.icon-optical\:40{--icon-optical-size:40}.m3-icon.icon-optical\:48{--icon-optical-size:48}.m3-icon.icon-size\:xs{--icon-size:1rem;--icon-optical-size:20}.m3-icon.icon-size\:sm{--icon-size:1.25rem;--icon-optical-size:20}.m3-icon.icon-size\:md{--icon-size:1.5rem;--icon-optical-size:24}.m3-icon.icon-size\:lg{--icon-size:2.5rem;--icon-optical-size:40}.m3-icon.icon-size\:xl{--icon-size:3rem;--icon-optical-size:48}.m3-icon.icon-size\:1{--icon-size:1rem;--icon-optical-size:20}.m3-icon.icon-size\:2{--icon-size:1.25rem;--icon-optical-size:20}.m3-icon.icon-size\:3{--icon-size:1.5rem;--icon-optical-size:24}.m3-icon.icon-size\:4{--icon-size:2.5rem;--icon-optical-size:40}.m3-icon.icon-size\:5{--icon-size:3rem;--icon-optical-size:48}.m3-icon.icon-color\:primary{--icon-color:var(--color-primary)}.m3-icon.icon-color\:primary-hover{--icon-color:var(--color-primary-hover)}.m3-icon.icon-color\:primary-active{--icon-color:var(--color-primary-active)}.m3-icon.icon-color\:secondary{--icon-color:var(--color-secondary)}.m3-icon.icon-color\:secondary-hover{--icon-color:var(--color-secondary-hover)}.m3-icon.icon-color\:tertiary{--icon-color:var(--color-tertiary)}.m3-icon.icon-color\:tertiary-hover{--icon-color:var(--color-tertiary-hover)}.m3-icon.icon-color\:surface{--icon-color:var(--color-surface)}.m3-icon.icon-color\:on-surface,.m3-icon.icon-color\:text{--icon-color:var(--color-text)}.m3-icon.icon-color\:text-muted{--icon-color:var(--color-text-muted)}.m3-icon.icon-color\:text-subtle{--icon-color:var(--color-text-subtle)}.m3-icon.icon-color\:success{--icon-color:var(--color-success)}.m3-icon.icon-color\:warning{--icon-color:var(--color-warning)}.m3-icon.icon-color\:danger{--icon-color:var(--color-danger)}.m3-icon.icon-color\:white{--icon-color:#fff}.m3-icon.icon-color\:black{--icon-color:#000}.m3-icon.icon-hover:hover{border-radius:var(--icon-hover-border-radius);transform:scale(var(--icon-hover-scale))}.m3-icon.icon-hover:hover:before{transform:scale(var(--icon-hover-inner-scale))}@media (min-width:640px){.m3-icon.sm\:icon-size\:xs{--icon-size:1rem;--icon-optical-size:20}.m3-icon.sm\:icon-size\:sm{--icon-size:1.25rem;--icon-optical-size:20}.m3-icon.sm\:icon-size\:md{--icon-size:1.5rem;--icon-optical-size:24}.m3-icon.sm\:icon-size\:lg{--icon-size:2.5rem;--icon-optical-size:40}.m3-icon.sm\:icon-size\:xl{--icon-size:3rem;--icon-optical-size:48}}@media (min-width:768px){.m3-icon.md\:icon-size\:xs{--icon-size:1rem;--icon-optical-size:20}.m3-icon.md\:icon-size\:sm{--icon-size:1.25rem;--icon-optical-size:20}.m3-icon.md\:icon-size\:md{--icon-size:1.5rem;--icon-optical-size:24}.m3-icon.md\:icon-size\:lg{--icon-size:2.5rem;--icon-optical-size:40}.m3-icon.md\:icon-size\:xl{--icon-size:3rem;--icon-optical-size:48}}@media (min-width:1024px){.m3-icon.lg\:icon-size\:xs{--icon-size:1rem;--icon-optical-size:20}.m3-icon.lg\:icon-size\:sm{--icon-size:1.25rem;--icon-optical-size:20}.m3-icon.lg\:icon-size\:md{--icon-size:1.5rem;--icon-optical-size:24}.m3-icon.lg\:icon-size\:lg{--icon-size:2.5rem;--icon-optical-size:40}.m3-icon.lg\:icon-size\:xl{--icon-size:3rem;--icon-optical-size:48}}.m3-deco{--icon-size:1.5rem;--icon-family:"Material Symbols Outlined";--icon-fill:0;--icon-weight:400;--icon-grade:0;--icon-optical-size:24;--deco-gap:0.5rem;--deco-flex-direction:row;--deco-width:auto;--deco-height:auto;--deco-padding:0;--deco-border-radius:0;--deco-background-color:transparent;--deco-color:var(--color-primary);--deco-font-size:var(--font-size-body-sm);--deco-active-text-color:var(--color-on-primary);--deco-pill-height:2rem;--deco-pill-width:calc(var(--icon-size) + 2rem);--deco-pill-radius:1rem;--deco-pill-background:transparent;--deco-pill-color:inherit;background-color:var(--deco-background-color);border-radius:var(--deco-border-radius);color:var(--icon-color,inherit);cursor:pointer;flex-direction:var(--deco-flex-direction);font-size:var(--deco-font-size);gap:var(--deco-gap);height:var(--deco-height);padding:var(--deco-padding);text-align:center;text-decoration:none;transition:color var(--duration-fast) var(--ease-in-out),background-color var(--duration-fast) var(--ease-in-out);width:var(--deco-width)}.m3-deco,.m3-deco:before{align-items:center;display:inline-flex;justify-content:center}.m3-deco:before{background-color:var(--deco-pill-background);border-radius:var(--deco-pill-radius,0);color:var(--deco-pill-color);flex-shrink:0;font-family:var(--icon-family);font-size:var(--icon-size);font-variation-settings:"FILL" var(--icon-fill),"wght" var(--icon-weight),"GRAD" var(--icon-grade),"OPSZ" var(--icon-optical-size);height:var(--deco-pill-height,var(--icon-size));order:var(--deco-order,0);overflow:hidden;width:var(--deco-pill-width,var(--icon-size))}.m3-deco.deco-pos\:left:before,.m3-deco.deco-pos\:top:before{order:0}.m3-deco.deco-pos\:bottom:before,.m3-deco.deco-pos\:right:before{order:1}.m3-deco.deco-pos\:bottom,.m3-deco.deco-pos\:top{--deco-flex-direction:column;--deco-gap:0.25rem}.m3-deco.deco-pos\:left,.m3-deco.deco-pos\:right{--deco-flex-direction:row;--deco-gap:0.5rem}.m3-deco.deco-active{--icon-color:var(--deco-color)}.m3-deco.deco-active.deco-pos\:bottom,.m3-deco.deco-active.deco-pos\:top{--deco-pill-background:var(--deco-color);--deco-pill-color:var(--deco-active-text-color,var(--color-on-primary))}.m3-deco.deco-active.deco-pos\:bottom:hover,.m3-deco.deco-active.deco-pos\:top:hover{--deco-pill-background:color-mix(in srgb,var(--deco-color) 85%,transparent)}.m3-deco.deco-active.deco-pos\:bottom:active,.m3-deco.deco-active.deco-pos\:top:active{--deco-pill-background:color-mix(in srgb,var(--deco-color) 75%,transparent)}.m3-deco.deco-active.deco-pos\:left,.m3-deco.deco-active.deco-pos\:right{--deco-height:2.5rem;--deco-padding:0 0.75rem;--deco-border-radius:calc(var(--deco-height)/2);--deco-background-color:var(--deco-color);--icon-color:var(--deco-active-text-color,var(--color-on-primary));--deco-pill-background:transparent;--deco-pill-color:inherit}.m3-deco.deco-active.deco-pos\:left:hover,.m3-deco.deco-active.deco-pos\:right:hover{--deco-background-color:color-mix(in srgb,var(--deco-color) 85%,transparent)}.m3-deco.deco-active.deco-pos\:left:active,.m3-deco.deco-active.deco-pos\:right:active{--deco-background-color:color-mix(in srgb,var(--deco-color) 75%,transparent)}.m3-deco.deco-gap\:0{--deco-gap:0}.m3-deco.deco-gap\:1{--deco-gap:0.25rem}.m3-deco.deco-gap\:2{--deco-gap:0.5rem}.m3-deco.deco-gap\:3{--deco-gap:0.75rem}.m3-deco.deco-gap\:4{--deco-gap:1rem}.m3-deco.deco-gap\:5{--deco-gap:1.25rem}.m3-deco.deco-color\:primary{--deco-color:var(--color-primary);--icon-color:var(--color-primary)}.m3-deco.deco-color\:primary-hover{--deco-color:var(--color-primary-hover);--icon-color:var(--color-primary-hover)}.m3-deco.deco-color\:secondary{--deco-color:var(--color-secondary);--icon-color:var(--color-secondary)}.m3-deco.deco-color\:secondary-hover{--deco-color:var(--color-secondary-hover);--icon-color:var(--color-secondary-hover)}.m3-deco.deco-color\:tertiary{--deco-color:var(--color-tertiary);--icon-color:var(--color-tertiary)}.m3-deco.deco-color\:surface{--deco-color:var(--color-surface);--icon-color:var(--color-surface)}.m3-deco.deco-color\:on-surface,.m3-deco.deco-color\:text{--deco-color:var(--color-text);--icon-color:var(--color-text)}.m3-deco.deco-color\:text-muted{--deco-color:var(--color-text-muted);--icon-color:var(--color-text-muted)}.m3-deco.deco-color\:success{--deco-color:var(--color-success);--icon-color:var(--color-success)}.m3-deco.deco-color\:warning{--deco-color:var(--color-warning);--icon-color:var(--color-warning)}.m3-deco.deco-color\:danger{--deco-color:var(--color-danger);--icon-color:var(--color-danger)}.m3-deco.deco-size\:1{--icon-size:1rem;--icon-optical-size:20;--deco-gap:0.25rem;--deco-font-size:0.75rem;--deco-height:2rem;--deco-padding:0 0.5rem}.m3-deco.deco-size\:2{--icon-size:1.25rem;--icon-optical-size:20;--deco-gap:0.375rem;--deco-font-size:0.875rem;--deco-height:2.5rem;--deco-padding:0 0.75rem}.m3-deco.deco-size\:3{--icon-size:1.5rem;--icon-optical-size:24;--deco-gap:0.5rem;--deco-font-size:1rem;--deco-height:3rem;--deco-padding:0 1rem}.m3-deco.deco-size\:4{--icon-size:2.5rem;--icon-optical-size:40;--deco-gap:0.5rem;--deco-font-size:1.25rem;--deco-height:3.5rem;--deco-padding:0 1.25rem}.m3-deco.deco-size\:5{--icon-size:3rem;--icon-optical-size:48;--deco-gap:0.75rem;--deco-font-size:1.5rem;--deco-height:4rem;--deco-padding:0 1.5rem}.m3-deco.icon-filled\:0{--icon-fill:0}.m3-deco.icon-filled\:1{--icon-fill:1}@media (min-width:640px){.m3-deco.sm\:deco-size\:1{--icon-size:1rem;--icon-optical-size:20;--deco-gap:0.25rem;--deco-font-size:0.75rem;--deco-height:2rem;--deco-padding:0 0.5rem}.m3-deco.sm\:deco-size\:2{--icon-size:1.25rem;--icon-optical-size:20;--deco-gap:0.375rem;--deco-font-size:0.875rem;--deco-height:2.5rem;--deco-padding:0 0.75rem}.m3-deco.sm\:deco-size\:3{--icon-size:1.5rem;--icon-optical-size:24;--deco-gap:0.5rem;--deco-font-size:1rem;--deco-height:3rem;--deco-padding:0 1rem}.m3-deco.sm\:deco-size\:4{--icon-size:2.5rem;--icon-optical-size:40;--deco-gap:0.5rem;--deco-font-size:1.25rem;--deco-height:3.5rem;--deco-padding:0 1.25rem}.m3-deco.sm\:deco-size\:5{--icon-size:3rem;--icon-optical-size:48;--deco-gap:0.75rem;--deco-font-size:1.5rem;--deco-height:4rem;--deco-padding:0 1.5rem}.m3-deco.sm\:deco-pos\:bottom,.m3-deco.sm\:deco-pos\:top{--deco-flex-direction:column;--deco-gap:0.25rem}.m3-deco.sm\:deco-pos\:left,.m3-deco.sm\:deco-pos\:right{--deco-flex-direction:row;--deco-gap:0.5rem}}@media (min-width:768px){.m3-deco.md\:deco-size\:1{--icon-size:1rem;--icon-optical-size:20;--deco-gap:0.25rem;--deco-font-size:0.75rem;--deco-height:2rem;--deco-padding:0 0.5rem}.m3-deco.md\:deco-size\:2{--icon-size:1.25rem;--icon-optical-size:20;--deco-gap:0.375rem;--deco-font-size:0.875rem;--deco-height:2.5rem;--deco-padding:0 0.75rem}.m3-deco.md\:deco-size\:3{--icon-size:1.5rem;--icon-optical-size:24;--deco-gap:0.5rem;--deco-font-size:1rem;--deco-height:3rem;--deco-padding:0 1rem}.m3-deco.md\:deco-size\:4{--icon-size:2.5rem;--icon-optical-size:40;--deco-gap:0.5rem;--deco-font-size:1.25rem;--deco-height:3.5rem;--deco-padding:0 1.25rem}.m3-deco.md\:deco-size\:5{--icon-size:3rem;--icon-optical-size:48;--deco-gap:0.75rem;--deco-font-size:1.5rem;--deco-height:4rem;--deco-padding:0 1.5rem}.m3-deco.md\:deco-pos\:bottom,.m3-deco.md\:deco-pos\:top{--deco-flex-direction:column;--deco-gap:0.25rem}.m3-deco.md\:deco-pos\:left,.m3-deco.md\:deco-pos\:right{--deco-flex-direction:row;--deco-gap:0.5rem}}@media (min-width:1024px){.m3-deco.lg\:deco-size\:1{--icon-size:1rem;--icon-optical-size:20;--deco-gap:0.25rem;--deco-font-size:0.75rem;--deco-height:2rem;--deco-padding:0 0.5rem}.m3-deco.lg\:deco-size\:2{--icon-size:1.25rem;--icon-optical-size:20;--deco-gap:0.375rem;--deco-font-size:0.875rem;--deco-height:2.5rem;--deco-padding:0 0.75rem}.m3-deco.lg\:deco-size\:3{--icon-size:1.5rem;--icon-optical-size:24;--deco-gap:0.5rem;--deco-font-size:1rem;--deco-height:3rem;--deco-padding:0 1rem}.m3-deco.lg\:deco-size\:4{--icon-size:2.5rem;--icon-optical-size:40;--deco-gap:0.5rem;--deco-font-size:1.25rem;--deco-height:3.5rem;--deco-padding:0 1.25rem}.m3-deco.lg\:deco-size\:5{--icon-size:3rem;--icon-optical-size:48;--deco-gap:0.75rem;--deco-font-size:1.5rem;--deco-height:4rem;--deco-padding:0 1.5rem}.m3-deco.lg\:deco-pos\:bottom,.m3-deco.lg\:deco-pos\:top{--deco-flex-direction:column;--deco-gap:0.25rem}.m3-deco.lg\:deco-pos\:left,.m3-deco.lg\:deco-pos\:right{--deco-flex-direction:row;--deco-gap:0.5rem}}.m3-btn{--btn-font-size:0.875rem;--btn-font-weight:var(--font-weight-medium);--btn-line-height:1.25rem;--btn-letter-spacing:0.00625rem;--btn-height:2.5rem;--btn-height-xs:2rem;--btn-padding-xs:0 1rem;--btn-font-size-xs:0.75rem;--btn-height-sm:2.5rem;--btn-padding-sm:0 1.5rem;--btn-font-size-sm:0.875rem;--btn-height-md:3rem;--btn-padding-md:0 1.75rem;--btn-font-size-md:1rem;--btn-height-lg:3.5rem;--btn-padding-lg:0 2rem;--btn-font-size-lg:1.125rem;--btn-height-xl:4rem;--btn-padding-xl:0 2.5rem;--btn-font-size-xl:1.25rem;--btn-padding:0 1.5rem;--btn-gap:0.5rem;--btn-icon-size:1.125rem;--btn-accent:var(--color-primary);--btn-on-accent:var(--color-on-primary);--btn-color:var(--btn-on-accent);--btn-background-color:var(--btn-accent);--btn-background-image:none;--btn-box-shadow:none;--btn-elevation-hover:var(--shadow-sm);--btn-border-width:0;--btn-border-color:transparent;--btn-border-style:solid;--btn-border-radius:var(--radius-full);--btn-outline:none;--btn-outline-offset:0;--btn-state-hover-opacity:0.08;--btn-state-focus-opacity:0.12;--btn-state-pressed-opacity:0.12;--btn-state-layer-color:var(--btn-on-accent);-webkit-tap-highlight-color:transparent;align-items:center;background-color:var(--btn-background-color);background-image:var(--btn-background-image);border-color:var(--btn-border-color);border-radius:var(--btn-border-radius);border-style:var(--btn-border-style);border-width:var(--btn-border-width);box-shadow:var(--btn-box-shadow);color:var(--btn-color);cursor:pointer;display:inline-flex;font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);gap:var(--btn-gap);height:var(--btn-height);justify-content:center;letter-spacing:var(--btn-letter-spacing);line-height:var(--btn-line-height);outline:var(--btn-outline);outline-offset:var(--btn-outline-offset);overflow:hidden;padding:var(--btn-padding);position:relative;text-decoration:none;transition:background-color var(--duration-normal) var(--ease-in-out),box-shadow var(--duration-normal) var(--ease-in-out),border-color var(--duration-normal) var(--ease-in-out);white-space:nowrap;width:auto}.m3-btn.btn-state\:hover,.m3-btn:hover{--btn-background-image:linear-gradient(color-mix(in srgb,var(--btn-state-layer-color) calc(var(--btn-state-hover-opacity)*100%),transparent),color-mix(in srgb,var(--btn-state-layer-color) calc(var(--btn-state-hover-opacity)*100%),transparent));--btn-box-shadow:var(--btn-elevation-hover)}.m3-btn.btn-state\:active,.m3-btn:active{--btn-background-image:linear-gradient(color-mix(in srgb,var(--btn-state-layer-color) calc(var(--btn-state-pressed-opacity)*100%),transparent),color-mix(in srgb,var(--btn-state-layer-color) calc(var(--btn-state-pressed-opacity)*100%),transparent))}.m3-btn.btn-state\:focus,.m3-btn:focus-visible{--btn-outline:var(--border-width-2) solid var(--color-focus-ring);--btn-outline-offset:var(--space-1)}.m3-btn.btn-state\:disabled,.m3-btn:disabled{--btn-background-color:color-mix(in srgb,var(--color-text) 12%,transparent);--btn-color:color-mix(in srgb,var(--color-text) 38%,transparent);--btn-box-shadow:none;--btn-border-width:0;--btn-border-color:transparent;--btn-outline:none;cursor:not-allowed;pointer-events:none}.m3-btn.btn\:elevated{--btn-color:var(--btn-accent);--btn-background-color:var(--color-surface-1);--btn-box-shadow:var(--shadow-sm);--btn-elevation-hover:var(--shadow-md);--btn-state-layer-color:var(--btn-accent)}.m3-btn.btn\:elevated.btn-state\:disabled,.m3-btn.btn\:elevated:disabled{--btn-background-color:color-mix(in srgb,var(--color-text) 12%,transparent);--btn-color:color-mix(in srgb,var(--color-text) 38%,transparent);--btn-box-shadow:none}.m3-btn.btn\:tonal{--btn-color:var(--color-secondary);--btn-background-color:var(--color-secondary-subtle);--btn-elevation-hover:var(--shadow-sm);--btn-state-layer-color:var(--color-secondary)}.m3-btn.btn\:tonal.btn-state\:disabled,.m3-btn.btn\:tonal:disabled{--btn-background-color:color-mix(in srgb,var(--color-text) 12%,transparent);--btn-color:color-mix(in srgb,var(--color-text) 38%,transparent)}.m3-btn.btn\:outlined{--btn-color:var(--btn-accent);--btn-background-color:transparent;--btn-border-width:0.0625rem;--btn-border-color:var(--color-border);--btn-elevation-hover:none;--btn-state-layer-color:var(--btn-accent)}.m3-btn.btn\:outlined.btn-state\:hover,.m3-btn.btn\:outlined:hover{--btn-box-shadow:none}.m3-btn.btn\:outlined.btn-state\:focus,.m3-btn.btn\:outlined:focus-visible{--btn-border-color:var(--btn-accent)}.m3-btn.btn\:outlined.btn-state\:disabled,.m3-btn.btn\:outlined:disabled{--btn-background-color:transparent;--btn-color:color-mix(in srgb,var(--color-text) 38%,transparent);--btn-border-color:color-mix(in srgb,var(--color-text) 12%,transparent)}.m3-btn.btn\:text{--btn-color:var(--btn-accent);--btn-background-color:transparent;--btn-border-width:0;--btn-padding:0 0.75rem;--btn-elevation-hover:none;--btn-state-layer-color:var(--btn-accent)}.m3-btn.btn\:text.btn-state\:hover,.m3-btn.btn\:text:hover{--btn-box-shadow:none}.m3-btn.btn\:text.btn-state\:disabled,.m3-btn.btn\:text:disabled{--btn-background-color:transparent;--btn-color:color-mix(in srgb,var(--color-text) 38%,transparent)}.m3-btn.btn-color\:primary{--btn-accent:var(--color-primary);--btn-on-accent:var(--color-on-primary)}.m3-btn.btn-color\:secondary{--btn-accent:var(--color-secondary);--btn-on-accent:var(--color-on-secondary)}.m3-btn.btn-color\:tertiary{--btn-accent:var(--color-tertiary);--btn-on-accent:var(--color-on-tertiary)}.m3-btn.btn-color\:surface{--btn-accent:var(--color-surface);--btn-on-accent:var(--color-text)}.m3-btn.btn-color\:surface-1{--btn-accent:var(--color-surface-1);--btn-on-accent:var(--color-text)}.m3-btn.btn-color\:surface-inverse{--btn-accent:var(--color-surface-inverse);--btn-on-accent:var(--color-text-inverse)}.m3-btn.btn-color\:success{--btn-accent:var(--color-success);--btn-on-accent:var(--color-on-success)}.m3-btn.btn-color\:warning{--btn-accent:var(--color-warning);--btn-on-accent:var(--color-on-warning)}.m3-btn.btn-color\:danger{--btn-accent:var(--color-danger);--btn-on-accent:var(--color-on-danger)}.m3-btn.btn-size\:1,.m3-btn.btn-size\:xs{--btn-height:var(--btn-height-xs);--btn-padding:var(--btn-padding-xs);--btn-font-size:var(--btn-font-size-xs);--btn-icon-size:1rem}.m3-btn.btn-size\:2,.m3-btn.btn-size\:sm{--btn-height:var(--btn-height-sm);--btn-padding:var(--btn-padding-sm);--btn-font-size:var(--btn-font-size-sm)}.m3-btn.btn-size\:3,.m3-btn.btn-size\:md{--btn-height:var(--btn-height-md);--btn-padding:var(--btn-padding-md);--btn-font-size:var(--btn-font-size-md);--btn-font-weight:var(--font-weight-semibold)}.m3-btn.btn-size\:4,.m3-btn.btn-size\:lg{--btn-height:var(--btn-height-lg);--btn-padding:var(--btn-padding-lg);--btn-font-size:var(--btn-font-size-lg);--btn-font-weight:var(--font-weight-semibold)}.m3-btn.btn-size\:5,.m3-btn.btn-size\:xl{--btn-height:var(--btn-height-xl);--btn-padding:var(--btn-padding-xl);--btn-font-size:var(--btn-font-size-xl);--btn-font-weight:var(--font-weight-semibold)}.m3-btn.btn-shape\:square{--btn-border-radius:var(--radius-4)}.m3-btn.btn-shape\:square.btn-size\:1,.m3-btn.btn-shape\:square.btn-size\:xs{--btn-border-radius:var(--radius-3)}.m3-btn.btn-shape\:square.btn-size\:2,.m3-btn.btn-shape\:square.btn-size\:sm{--btn-border-radius:var(--radius-4)}.m3-btn.btn-shape\:square.btn-size\:3,.m3-btn.btn-shape\:square.btn-size\:md{--btn-border-radius:var(--radius-5)}.m3-btn.btn-shape\:square.btn-size\:4,.m3-btn.btn-shape\:square.btn-size\:5,.m3-btn.btn-shape\:square.btn-size\:lg,.m3-btn.btn-shape\:square.btn-size\:xl{--btn-border-radius:var(--radius-6)}.m3-btn.btn-icon\:leading{--btn-padding:0 1.5rem 0 1rem}.m3-btn.btn-icon\:leading .m3-icon,.m3-btn.btn-icon\:leading [class*=material-symbols]{font-size:var(--btn-icon-size);height:var(--btn-icon-size);width:var(--btn-icon-size)}.m3-btn.btn-icon\:trailing{--btn-padding:0 1rem 0 1.5rem}.m3-btn.btn-icon\:trailing .m3-icon,.m3-btn.btn-icon\:trailing [class*=material-symbols]{font-size:var(--btn-icon-size);height:var(--btn-icon-size);width:var(--btn-icon-size)}@media screen and (min-width:640px){.m3-btn.sm\:btn-size\:1,.m3-btn.sm\:btn-size\:xs{--btn-height:2rem;--btn-padding:0 1rem;--btn-font-size:0.75rem}.m3-btn.sm\:btn-size\:2,.m3-btn.sm\:btn-size\:sm{--btn-height:2.5rem;--btn-padding:0 1.5rem;--btn-font-size:0.875rem}.m3-btn.sm\:btn-size\:3,.m3-btn.sm\:btn-size\:md{--btn-height:3rem;--btn-padding:0 1.75rem;--btn-font-size:1rem}.m3-btn.sm\:btn-size\:4,.m3-btn.sm\:btn-size\:lg{--btn-height:3.5rem;--btn-padding:0 2rem;--btn-font-size:1.125rem}.m3-btn.sm\:btn-size\:5,.m3-btn.sm\:btn-size\:xl{--btn-height:4rem;--btn-padding:0 2.5rem;--btn-font-size:1.25rem}}@media screen and (min-width:768px){.m3-btn.md\:btn-size\:1,.m3-btn.md\:btn-size\:xs{--btn-height:2rem;--btn-padding:0 1rem;--btn-font-size:0.75rem}.m3-btn.md\:btn-size\:2,.m3-btn.md\:btn-size\:sm{--btn-height:2.5rem;--btn-padding:0 1.5rem;--btn-font-size:0.875rem}.m3-btn.md\:btn-size\:3,.m3-btn.md\:btn-size\:md{--btn-height:3rem;--btn-padding:0 1.75rem;--btn-font-size:1rem}.m3-btn.md\:btn-size\:4,.m3-btn.md\:btn-size\:lg{--btn-height:3.5rem;--btn-padding:0 2rem;--btn-font-size:1.125rem}.m3-btn.md\:btn-size\:5,.m3-btn.md\:btn-size\:xl{--btn-height:4rem;--btn-padding:0 2.5rem;--btn-font-size:1.25rem}}@media screen and (min-width:1024px){.m3-btn.lg\:btn-size\:1,.m3-btn.lg\:btn-size\:xs{--btn-height:2rem;--btn-padding:0 1rem;--btn-font-size:0.75rem}.m3-btn.lg\:btn-size\:2,.m3-btn.lg\:btn-size\:sm{--btn-height:2.5rem;--btn-padding:0 1.5rem;--btn-font-size:0.875rem}.m3-btn.lg\:btn-size\:3,.m3-btn.lg\:btn-size\:md{--btn-height:3rem;--btn-padding:0 1.75rem;--btn-font-size:1rem}.m3-btn.lg\:btn-size\:4,.m3-btn.lg\:btn-size\:lg{--btn-height:3.5rem;--btn-padding:0 2rem;--btn-font-size:1.125rem}.m3-btn.lg\:btn-size\:5,.m3-btn.lg\:btn-size\:xl{--btn-height:4rem;--btn-padding:0 2.5rem;--btn-font-size:1.25rem}}@media screen and (min-width:1280px){.m3-btn.xl\:btn-size\:1,.m3-btn.xl\:btn-size\:xs{--btn-height:2rem;--btn-padding:0 1rem;--btn-font-size:0.75rem}.m3-btn.xl\:btn-size\:2,.m3-btn.xl\:btn-size\:sm{--btn-height:2.5rem;--btn-padding:0 1.5rem;--btn-font-size:0.875rem}.m3-btn.xl\:btn-size\:3,.m3-btn.xl\:btn-size\:md{--btn-height:3rem;--btn-padding:0 1.75rem;--btn-font-size:1rem}.m3-btn.xl\:btn-size\:4,.m3-btn.xl\:btn-size\:lg{--btn-height:3.5rem;--btn-padding:0 2rem;--btn-font-size:1.125rem}.m3-btn.xl\:btn-size\:5,.m3-btn.xl\:btn-size\:xl{--btn-height:4rem;--btn-padding:0 2.5rem;--btn-font-size:1.25rem}}.m3-checkbox{--checkbox-display:inline-flex;--checkbox-align-items:center;--checkbox-padding:0.5rem;--checkbox-cursor:pointer;--checkbox-gap:0.75rem;--checkbox-size:1.125rem;--checkbox-border-radius:0.125rem;--checkbox-border-width:0.125rem;--checkbox-border-color:var(--color-text-muted);--checkbox-background:transparent;--checkbox-check-color:var(--color-on-primary);--checkbox-check-background:var(--color-primary);--checkbox-check-opacity:0;--checkbox-check-content:"\e5ca";--checkbox-check-font-size:1.125rem;--checkbox-state-size:2.5rem;--checkbox-state-color:var(--color-primary);--checkbox-state-opacity:0;--checkbox-label-size:0.875rem;--checkbox-label-color:var(--color-text);--checkbox-transition:all var(--duration-fast) var(--ease-in-out);align-items:var(--checkbox-align-items);color:var(--checkbox-label-color);cursor:var(--checkbox-cursor);display:var(--checkbox-display);font-size:var(--checkbox-label-size);gap:var(--checkbox-gap);padding:var(--checkbox-padding);transition:var(--checkbox-transition);user-select:none}.m3-checkbox input[type=checkbox]{appearance:none;background:var(--checkbox-background);border:var(--checkbox-border-width) solid var(--checkbox-border-color);border-radius:var(--checkbox-border-radius);box-sizing:border-box;cursor:inherit;flex-shrink:0;height:var(--checkbox-size);margin:0;position:relative;width:var(--checkbox-size)}.m3-checkbox input[type=checkbox]:after{align-items:center;background-color:var(--checkbox-check-background);border-radius:var(--checkbox-border-radius);color:var(--checkbox-check-color);content:var(--checkbox-check-content);display:flex;font-family:Material Symbols Outlined;font-size:var(--checkbox-check-font-size);font-weight:var(--font-weight-medium);inset:calc(var(--checkbox-border-width)*-1);justify-content:center;opacity:var(--checkbox-check-opacity);position:absolute;transition:var(--checkbox-transition)}.m3-checkbox input[type=checkbox]:before{background:var(--checkbox-state-color);border-radius:50%;content:"";height:var(--checkbox-state-size);left:50%;opacity:var(--checkbox-state-opacity);position:absolute;top:50%;transform:translate(-50%,-50%);transition:var(--checkbox-transition);width:var(--checkbox-state-size)}.m3-checkbox input[type=checkbox]:checked:after{--checkbox-check-opacity:1}.m3-checkbox input[type=checkbox]:not(:disabled):hover:before{--checkbox-state-opacity:0.08}.m3-checkbox input[type=checkbox]:not(:disabled):focus-visible:before{--checkbox-state-opacity:0.12}.m3-checkbox input[type=checkbox]:not(:disabled):active:before{--checkbox-state-opacity:0.12}.m3-checkbox input[type=checkbox]:disabled{--checkbox-border-color:color-mix(in srgb,var(--color-text) 38%,transparent);--checkbox-cursor:not-allowed}.m3-checkbox input[type=checkbox]:disabled:after{--checkbox-check-background:color-mix(in srgb,var(--color-text) 38%,transparent)}.m3-checkbox:has(input:disabled){--checkbox-label-color:color-mix(in srgb,var(--color-text) 38%,transparent);--checkbox-cursor:not-allowed}.m3-checkbox.checkbox-mode\:indeterminate input[type=checkbox]:after{--checkbox-check-content:"\f88a";--checkbox-check-opacity:1}.m3-checkbox.checkbox-color\:primary{--checkbox-check-background:var(--color-primary);--checkbox-state-color:var(--color-primary)}.m3-checkbox.checkbox-color\:secondary{--checkbox-check-background:var(--color-secondary);--checkbox-state-color:var(--color-secondary)}.m3-checkbox.checkbox-color\:tertiary{--checkbox-check-background:var(--color-tertiary);--checkbox-state-color:var(--color-tertiary)}.m3-checkbox.checkbox-color\:danger{--checkbox-check-background:var(--color-danger);--checkbox-state-color:var(--color-danger)}.m3-checkbox.checkbox-color\:success{--checkbox-check-background:var(--color-success);--checkbox-state-color:var(--color-success)}.m3-checkbox.checkbox-color\:warning{--checkbox-check-background:var(--color-warning);--checkbox-state-color:var(--color-warning)}.m3-checkbox.checkbox-state\:checked input[type=checkbox]:after{--checkbox-check-opacity:1}.m3-checkbox.checkbox-state\:hovered input[type=checkbox]:before{--checkbox-state-opacity:0.08}.m3-checkbox.checkbox-state\:focused input[type=checkbox]:before{--checkbox-state-opacity:0.12}.m3-checkbox.checkbox-state\:disabled input[type=checkbox]{--checkbox-border-color:color-mix(in srgb,var(--color-text) 38%,transparent)}.m3-radio{--radio-display:inline-flex;--radio-align-items:center;--radio-cursor:pointer;--radio-gap:0.75rem;--radio-size:1.25rem;--radio-touch-size:2.5rem;--radio-stroke-width:0.125rem;--radio-border-color:var(--color-text-muted);--radio-background:transparent;--radio-dot-size:0.625rem;--radio-dot-color:var(--color-primary);--radio-dot-opacity:0;--radio-selected-color:var(--color-primary);--radio-state-opacity:0;--radio-state-hover-opacity:0.08;--radio-state-pressed-opacity:0.12;--radio-state-size:0.625rem;--radio-label-size:0.875rem;--radio-label-color:var(--color-text);--radio-outline:none;--radio-outline-offset:0;--radio-box-shadow:none;--radio-transition:all 180ms var(--ease-in-out);align-items:var(--radio-align-items);cursor:var(--radio-cursor);display:var(--radio-display);gap:var(--radio-gap);user-select:none}.m3-radio input[type=radio]{appearance:none;background-color:var(--radio-background);border:none;cursor:var(--radio-cursor);height:var(--radio-touch-size);margin:0;position:relative;width:var(--radio-touch-size)}.m3-radio input[type=radio]:after,.m3-radio input[type=radio]:before{box-sizing:border-box;content:"";left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:var(--radio-transition)}.m3-radio input[type=radio]:before{background-color:var(--radio-background);border:var(--radio-stroke-width) solid var(--radio-border-color);border-radius:var(--radius-full);box-shadow:var(--radio-box-shadow);height:var(--radio-size);outline:var(--radio-outline);outline-offset:var(--radio-outline-offset);width:var(--radio-size)}.m3-radio input[type=radio]:after{background-color:var(--radio-dot-color);border-radius:var(--radius-full);height:var(--radio-dot-size);opacity:var(--radio-dot-opacity);width:var(--radio-dot-size)}.m3-radio input[type=radio]:checked:before{--radio-border-color:var(--radio-selected-color)}.m3-radio input[type=radio]:checked:after{--radio-dot-opacity:1}.m3-radio input[type=radio]:hover:before{--radio-box-shadow:0 0 0 var(--radio-state-size) color-mix(in srgb,var(--radio-border-color) calc(var(--radio-state-hover-opacity)*100%),transparent)}.m3-radio input[type=radio]:checked:hover:before{--radio-box-shadow:0 0 0 var(--radio-state-size) color-mix(in srgb,var(--radio-selected-color) calc(var(--radio-state-hover-opacity)*100%),transparent)}.m3-radio input[type=radio]:active:before{--radio-box-shadow:0 0 0 var(--radio-state-size) color-mix(in srgb,var(--radio-border-color) calc(var(--radio-state-pressed-opacity)*100%),transparent)}.m3-radio input[type=radio]:checked:active:before{--radio-box-shadow:0 0 0 var(--radio-state-size) color-mix(in srgb,var(--radio-selected-color) calc(var(--radio-state-pressed-opacity)*100%),transparent)}.m3-radio input[type=radio]:focus-visible:before{--radio-outline:var(--border-width-2) solid var(--color-focus-ring);--radio-outline-offset:0.25rem}.m3-radio input[type=radio]:disabled{--radio-cursor:not-allowed}.m3-radio input[type=radio]:disabled:before{--radio-border-color:color-mix(in srgb,var(--color-text) 38%,transparent);--radio-box-shadow:none}.m3-radio input[type=radio]:disabled:after{--radio-dot-color:color-mix(in srgb,var(--color-text) 38%,transparent)}.m3-radio .m3-radio-label{color:var(--radio-label-color);font-size:var(--radio-label-size)}.m3-radio.radio-color\:primary{--radio-selected-color:var(--color-primary);--radio-dot-color:var(--color-primary)}.m3-radio.radio-color\:secondary{--radio-selected-color:var(--color-secondary);--radio-dot-color:var(--color-secondary)}.m3-radio.radio-color\:tertiary{--radio-selected-color:var(--color-tertiary);--radio-dot-color:var(--color-tertiary)}.m3-radio.radio-color\:danger{--radio-selected-color:var(--color-danger);--radio-dot-color:var(--color-danger)}.m3-radio.radio-state\:hover input[type=radio]:before{--radio-box-shadow:0 0 0 var(--radio-state-size) color-mix(in srgb,var(--radio-border-color) calc(var(--radio-state-hover-opacity)*100%),transparent)}.m3-radio.radio-state\:hover input[type=radio]:checked:before{--radio-box-shadow:0 0 0 var(--radio-state-size) color-mix(in srgb,var(--radio-selected-color) calc(var(--radio-state-hover-opacity)*100%),transparent)}.m3-radio.radio-state\:active input[type=radio]:before{--radio-box-shadow:0 0 0 var(--radio-state-size) color-mix(in srgb,var(--radio-border-color) calc(var(--radio-state-pressed-opacity)*100%),transparent)}.m3-radio.radio-state\:focus input[type=radio]:before{--radio-outline:var(--border-width-2) solid var(--color-focus-ring);--radio-outline-offset:0.25rem}.m3-card{--card-background:var(--color-surface-1);--card-width:auto;--card-height:auto;--card-border:none;--card-border-radius:0.75rem;--card-box-shadow:var(--shadow-sm);--card-opacity:1;--card-color:var(--color-text);--card-text-decoration:none;--card-outline:none;--card-outline-offset:0;--card-transform:none;--card-cursor:default;--card-overflow:hidden;--card-flex-direction:column;--card-padding-x:1rem;--card-padding-y:1rem;--card-header-gap:1rem;--card-headline-size:1.5rem;--card-headline-weight:400;--card-headline-line-height:1.75rem;--card-headline-color:var(--color-text);--card-headline-margin:0;--card-subhead-size:0.875rem;--card-subhead-weight:500;--card-subhead-color:var(--color-text-muted);--card-subhead-margin:0.25rem 0 0;--card-supporting-size:0.875rem;--card-supporting-color:var(--color-text-muted);--card-supporting-line-height:1.25rem;--card-avatar-size:2.5rem;--card-avatar-radius:50%;--card-avatar-background:var(--color-primary-subtle);--card-avatar-color:var(--color-primary);--card-avatar-font-size:1rem;--card-avatar-font-weight:600;--card-media-height:auto;--card-media-object-fit:cover;--card-media-width:auto;--card-actions-gap:0.5rem;--card-actions-padding:0 var(--card-padding-x) var(--card-padding-y);--card-state-layer-color:var(--color-text);--card-state-hover-opacity:0;--card-state-focus-opacity:0;--card-state-pressed-opacity:0;--card-state-dragged-opacity:0;--card-elevation-hover:var(--shadow-sm);background-color:var(--card-background);background-image:none;border:var(--card-border);border-radius:var(--card-border-radius);box-shadow:var(--card-box-shadow);box-sizing:border-box;color:var(--card-color);cursor:var(--card-cursor);display:flex;flex-direction:var(--card-flex-direction);height:var(--card-height);opacity:var(--card-opacity);outline:var(--card-outline);outline-offset:var(--card-outline-offset);overflow:var(--card-overflow);position:relative;text-decoration:var(--card-text-decoration);transform:var(--card-transform);transition:box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out),background-image var(--duration-fast) var(--ease-in-out);width:var(--card-width)}.m3-card.card-state\:hovered,.m3-card:hover{--card-box-shadow:var(--card-elevation-hover);background-image:linear-gradient(color-mix(in srgb,var(--card-state-layer-color) calc(var(--card-state-hover-opacity)*100%),transparent),color-mix(in srgb,var(--card-state-layer-color) calc(var(--card-state-hover-opacity)*100%),transparent))}.m3-card.card-state\:focused,.m3-card:focus-visible{--card-outline:var(--border-width-2) solid var(--color-focus-ring);--card-outline-offset:var(--space-1);background-image:linear-gradient(color-mix(in srgb,var(--card-state-layer-color) calc(var(--card-state-focus-opacity)*100%),transparent),color-mix(in srgb,var(--card-state-layer-color) calc(var(--card-state-focus-opacity)*100%),transparent))}.m3-card.card-state\:pressed,.m3-card:active{background-image:linear-gradient(color-mix(in srgb,var(--card-state-layer-color) calc(var(--card-state-pressed-opacity)*100%),transparent),color-mix(in srgb,var(--card-state-layer-color) calc(var(--card-state-pressed-opacity)*100%),transparent))}.m3-card.card-state\:disabled{--card-opacity:0.38;--card-box-shadow:none;--card-cursor:not-allowed}.m3-card.card-state\:dragged{--card-box-shadow:var(--shadow-xl);--card-transform:scale(1.02);--card-cursor:grab;background-image:linear-gradient(color-mix(in srgb,var(--card-state-layer-color) calc(var(--card-state-dragged-opacity)*100%),transparent),color-mix(in srgb,var(--card-state-layer-color) calc(var(--card-state-dragged-opacity)*100%),transparent))}.m3-card.card\:elevated{--card-background:var(--color-surface-1);--card-box-shadow:var(--shadow-sm);--card-elevation-hover:var(--shadow-sm)}.m3-card.card\:filled{--card-background:var(--color-surface-2);--card-box-shadow:none;--card-elevation-hover:none}.m3-card.card\:outlined{--card-background:var(--color-surface);--card-box-shadow:none;--card-border:var(--border-width-1) solid var(--color-border);--card-elevation-hover:none}.m3-card.card\:outlined.card-state\:focused,.m3-card.card\:outlined:focus-visible{--card-border:var(--border-width-1) solid var(--color-text)}.m3-card.card\:outlined.card-state\:disabled{--card-border:var(--border-width-1) solid color-mix(in srgb,var(--color-border) 38%,transparent)}.m3-card.card-hover\:enabled{--card-state-hover-opacity:0.08;--card-state-focus-opacity:0.12;--card-state-pressed-opacity:0.12;--card-elevation-hover:var(--shadow-md);--card-cursor:pointer}.m3-card.card\:filled.card-hover\:enabled,.m3-card.card\:outlined.card-hover\:enabled{--card-elevation-hover:var(--shadow-sm)}.m3-card.card-clickable,.m3-card[onclick],a.m3-card{--card-state-hover-opacity:0.08;--card-state-focus-opacity:0.12;--card-state-pressed-opacity:0.12;--card-elevation-hover:var(--shadow-md);--card-cursor:pointer;--card-text-decoration:none;--card-color:inherit}.m3-card .card-media{flex-shrink:0;overflow:var(--card-overflow);width:var(--card-media-width)}.m3-card .card-media:first-child{border-radius:var(--card-border-radius) var(--card-border-radius) 0 0}.m3-card .card-media:last-child{border-radius:0 0 var(--card-border-radius) var(--card-border-radius)}.m3-card .card-media img,.m3-card .card-media video{display:block;height:var(--card-media-height);object-fit:var(--card-media-object-fit);width:100%}.m3-card.card-padding\:self{padding:var(--card-padding-y) var(--card-padding-x)}.m3-card.card-padding\:self .card-actions,.m3-card.card-padding\:self .card-content,.m3-card.card-padding\:self .card-header{padding:0}.m3-card .card-header{align-items:flex-start;display:flex;gap:var(--card-header-gap);padding:var(--card-padding-y) var(--card-padding-x)}.m3-card .card-avatar{align-items:center;background-color:var(--card-avatar-background);border-radius:var(--card-avatar-radius);color:var(--card-avatar-color);display:flex;flex-shrink:0;font-size:var(--card-avatar-font-size);font-weight:var(--card-avatar-font-weight);height:var(--card-avatar-size);justify-content:center;overflow:hidden;width:var(--card-avatar-size)}.m3-card .card-avatar img{height:100%;object-fit:cover;width:100%}.m3-card .card-titles{flex:1;min-width:0}.m3-card .card-headline{color:var(--card-headline-color);font-size:var(--card-headline-size);font-weight:var(--card-headline-weight);line-height:var(--card-headline-line-height);margin:var(--card-headline-margin)}.m3-card .card-subhead{color:var(--card-subhead-color);font-size:var(--card-subhead-size);font-weight:var(--card-subhead-weight);margin:var(--card-subhead-margin)}.m3-card .card-content{color:var(--card-supporting-color);font-size:var(--card-supporting-size);line-height:var(--card-supporting-line-height);padding:var(--card-padding-y) var(--card-padding-x)}.m3-card .card-header+.card-content{padding-top:0}.m3-card .card-actions{align-items:center;display:flex;gap:var(--card-actions-gap);padding:var(--card-actions-padding)}.m3-card .card-actions-end{display:flex;gap:var(--card-actions-gap);margin-left:auto}.m3-card.card-layout\:horizontal{--card-flex-direction:row;--card-media-width:40%}.m3-card.card-layout\:horizontal .card-media:first-child{border-radius:var(--card-border-radius) 0 0 var(--card-border-radius)}.m3-card.card-layout\:horizontal .card-media:last-child{border-radius:0 var(--card-border-radius) var(--card-border-radius) 0}.m3-card.card-size\:compact{--card-padding-x:0.75rem;--card-padding-y:0.75rem;--card-headline-size:1rem;--card-headline-line-height:1.5rem;--card-header-gap:0.75rem;--card-avatar-size:2rem;--card-avatar-font-size:0.75rem}.m3-card.card-size\:large{--card-padding-x:1.5rem;--card-padding-y:1.5rem;--card-headline-size:1.75rem;--card-headline-line-height:2.25rem;--card-header-gap:1.25rem;--card-avatar-size:3rem;--card-avatar-font-size:1.25rem}@media (min-width:640px){.m3-card.sm\:card\:elevated{--card-background:var(--color-surface-1);--card-box-shadow:var(--shadow-sm)}.m3-card.sm\:card\:filled{--card-background:var(--color-surface-2);--card-box-shadow:none}.m3-card.sm\:card\:outlined{--card-background:var(--color-surface);--card-box-shadow:none;--card-border:var(--border-width-1) solid var(--color-border)}.m3-card.sm\:card-layout\:horizontal{--card-flex-direction:row;--card-media-width:40%}.m3-card.sm\:card-size\:compact{--card-padding-x:0.75rem;--card-padding-y:0.75rem;--card-headline-size:1rem}.m3-card.sm\:card-size\:large{--card-padding-x:1.5rem;--card-padding-y:1.5rem;--card-headline-size:1.75rem}}@media (min-width:768px){.m3-card.md\:card\:elevated{--card-background:var(--color-surface-1);--card-box-shadow:var(--shadow-sm)}.m3-card.md\:card\:filled{--card-background:var(--color-surface-2);--card-box-shadow:none}.m3-card.md\:card\:outlined{--card-background:var(--color-surface);--card-box-shadow:none;--card-border:var(--border-width-1) solid var(--color-border)}.m3-card.md\:card-layout\:horizontal{--card-flex-direction:row;--card-media-width:40%}.m3-card.md\:card-size\:compact{--card-padding-x:0.75rem;--card-padding-y:0.75rem;--card-headline-size:1rem}.m3-card.md\:card-size\:large{--card-padding-x:1.5rem;--card-padding-y:1.5rem;--card-headline-size:1.75rem}}@media (min-width:1024px){.m3-card.lg\:card\:elevated{--card-background:var(--color-surface-1);--card-box-shadow:var(--shadow-sm)}.m3-card.lg\:card\:filled{--card-background:var(--color-surface-2);--card-box-shadow:none}.m3-card.lg\:card\:outlined{--card-background:var(--color-surface);--card-box-shadow:none;--card-border:var(--border-width-1) solid var(--color-border)}.m3-card.lg\:card-layout\:horizontal{--card-flex-direction:row;--card-media-width:40%}.m3-card.lg\:card-size\:compact{--card-padding-x:0.75rem;--card-padding-y:0.75rem;--card-headline-size:1rem}.m3-card.lg\:card-size\:large{--card-padding-x:1.5rem;--card-padding-y:1.5rem;--card-headline-size:1.75rem}}.m3-dialog{--dialog-background:var(--color-surface-2);--dialog-border-radius:1.75rem;--dialog-padding:1.5rem;--dialog-min-width:17.5rem;--dialog-max-width:35rem;--dialog-color:var(--color-text-muted);--dialog-border:none;--dialog-box-shadow:var(--shadow-lg);--dialog-scrim-color:var(--color-scrim);--dialog-z-index:var(--z-modal);--dialog-headline-color:var(--color-text);--dialog-headline-size:1.5rem;--dialog-headline-weight:var(--font-weight-regular);--dialog-headline-line-height:2rem;--dialog-headline-margin:0 0 1rem;--dialog-content-color:var(--color-text-muted);--dialog-content-size:0.875rem;--dialog-content-line-height:1.25rem;--dialog-content-margin:0 0 1.5rem;--dialog-actions-gap:0.5rem;--dialog-actions-justify:flex-end;--dialog-icon-margin:0 0 1rem;--dialog-icon-color:var(--color-primary);--dialog-icon-size:1.5rem;background:var(--dialog-background);border:var(--dialog-border);border-radius:var(--dialog-border-radius);box-shadow:0 0 0 100vmax var(--dialog-scrim-color),var(--dialog-box-shadow);box-sizing:border-box;color:var(--dialog-color);display:flex;flex-direction:column;height:fit-content;inset:0;margin:auto;max-width:var(--dialog-max-width);min-width:var(--dialog-min-width);padding:var(--dialog-padding);position:fixed;width:fit-content;z-index:var(--dialog-z-index)}.m3-dialog .dialog-headline{color:var(--dialog-headline-color);font-size:var(--dialog-headline-size);font-weight:var(--dialog-headline-weight);line-height:var(--dialog-headline-line-height);margin:var(--dialog-headline-margin)}.m3-dialog .dialog-content{color:var(--dialog-content-color);font-size:var(--dialog-content-size);line-height:var(--dialog-content-line-height);margin:var(--dialog-content-margin)}.m3-dialog .dialog-actions{display:flex;gap:var(--dialog-actions-gap);justify-content:var(--dialog-actions-justify)}.m3-dialog .dialog-icon{color:var(--dialog-icon-color);display:flex;font-size:var(--dialog-icon-size);justify-content:center;margin:var(--dialog-icon-margin)}.m3-dialog:not([open]):not(.dialog-open){display:none}.m3-dialog.dialog-open,.m3-dialog[open]{display:flex}.m3-switch{--switch-display:inline-flex;--switch-align-items:center;--switch-cursor:pointer;--switch-gap:0.75rem;--switch-track-width:3.25rem;--switch-track-height:2rem;--switch-track-radius:var(--radius-full);--switch-track-color:var(--color-surface-2);--switch-track-border:0.125rem solid var(--color-border-strong);--switch-track-color-checked:var(--color-primary);--switch-track-border-checked:0.125rem solid var(--color-primary);--switch-handle-size:1rem;--switch-handle-size-checked:1.5rem;--switch-handle-size-pressed:1.75rem;--switch-handle-radius:var(--radius-full);--switch-handle-color:var(--color-border-strong);--switch-handle-color-checked:var(--color-on-primary);--switch-handle-offset:0.375rem;--switch-handle-shadow:none;--switch-state-size:2.5rem;--switch-state-opacity:0;--switch-label-size:0.875rem;--switch-label-color:var(--color-text);--switch-transition:all var(--duration-fast) var(--ease-in-out);align-items:var(--switch-align-items);cursor:var(--switch-cursor);display:var(--switch-display);gap:var(--switch-gap);user-select:none}.m3-switch input[type=checkbox]{appearance:none;background-color:var(--switch-track-color);border:var(--switch-track-border);border-radius:var(--switch-track-radius);box-sizing:border-box;cursor:inherit;flex-shrink:0;height:var(--switch-track-height);margin:0;position:relative;transition:var(--switch-transition);width:var(--switch-track-width)}.m3-switch input[type=checkbox]:after{background-color:var(--switch-handle-color);border-radius:var(--switch-handle-radius);box-shadow:var(--switch-handle-shadow);height:var(--switch-handle-size);transform:translateY(-50%);width:var(--switch-handle-size)}.m3-switch input[type=checkbox]:after,.m3-switch input[type=checkbox]:before{content:"";left:var(--switch-handle-offset);position:absolute;top:50%;transition:var(--switch-transition)}.m3-switch input[type=checkbox]:before{background-color:var(--color-text);border-radius:var(--radius-full);height:var(--switch-state-size);opacity:var(--switch-state-opacity);transform:translate(calc((var(--switch-handle-size) - var(--switch-state-size))/2),-50%);width:var(--switch-state-size)}.m3-switch input[type=checkbox]:checked{--switch-track-color:var(--switch-track-color-checked);--switch-track-border:var(--switch-track-border-checked)}.m3-switch input[type=checkbox]:checked:after{--switch-handle-size:var(--switch-handle-size-checked);--switch-handle-color:var(--switch-handle-color-checked);left:calc(100% - var(--switch-handle-size-checked) - var(--switch-handle-offset))}.m3-switch input[type=checkbox]:checked:before{background-color:var(--color-primary);left:calc(100% - var(--switch-handle-size-checked) - var(--switch-handle-offset));transform:translate(calc((var(--switch-handle-size-checked) - var(--switch-state-size))/2),-50%)}.m3-switch input[type=checkbox]:not(:disabled):hover:before{--switch-state-opacity:0.08}.m3-switch input[type=checkbox]:not(:disabled):focus-visible:before{--switch-state-opacity:0.12}.m3-switch input[type=checkbox]:not(:disabled):active:after{--switch-handle-size:var(--switch-handle-size-pressed)}.m3-switch input[type=checkbox]:not(:disabled):active:before{--switch-state-opacity:0.12}.m3-switch input[type=checkbox]:disabled{--switch-track-color:color-mix(in srgb,var(--color-text) 12%,transparent);--switch-track-border:0.125rem solid color-mix(in srgb,var(--color-text) 12%,transparent);--switch-cursor:not-allowed}.m3-switch input[type=checkbox]:disabled:after{--switch-handle-color:color-mix(in srgb,var(--color-text) 38%,transparent)}.m3-switch input[type=checkbox]:disabled:checked{--switch-track-color:color-mix(in srgb,var(--color-text) 12%,transparent);--switch-track-border:none}.m3-switch input[type=checkbox]:disabled:checked:after{--switch-handle-color:var(--color-surface)}.m3-switch:has(input:disabled){--switch-cursor:not-allowed;--switch-label-color:color-mix(in srgb,var(--color-text) 38%,transparent)}.m3-switch .switch-label{color:var(--switch-label-color);font-size:var(--switch-label-size)}.m3-switch.switch-color\:primary{--switch-track-color-checked:var(--color-primary);--switch-track-border-checked:0.125rem solid var(--color-primary)}.m3-switch.switch-color\:secondary{--switch-track-color-checked:var(--color-secondary);--switch-track-border-checked:0.125rem solid var(--color-secondary)}.m3-switch.switch-color\:tertiary{--switch-track-color-checked:var(--color-tertiary);--switch-track-border-checked:0.125rem solid var(--color-tertiary)}.m3-switch.switch-color\:danger{--switch-track-color-checked:var(--color-danger);--switch-track-border-checked:0.125rem solid var(--color-danger)}.m3-switch.switch-color\:success{--switch-track-color-checked:var(--color-success);--switch-track-border-checked:0.125rem solid var(--color-success)}.m3-switch.switch-state\:checked input[type=checkbox]{--switch-track-color:var(--switch-track-color-checked);--switch-track-border:var(--switch-track-border-checked)}.m3-switch.switch-state\:checked input[type=checkbox]:after{--switch-handle-size:var(--switch-handle-size-checked);--switch-handle-color:var(--switch-handle-color-checked);left:calc(100% - var(--switch-handle-size-checked) - var(--switch-handle-offset))}.m3-switch.switch-state\:hovered input[type=checkbox]:before{--switch-state-opacity:0.08}.m3-switch.switch-state\:focused input[type=checkbox]:before{--switch-state-opacity:0.12}.m3-switch.switch-state\:disabled input[type=checkbox]{--switch-track-color:color-mix(in srgb,var(--color-text) 12%,transparent);--switch-cursor:not-allowed}.m3-text-field{--field-background:var(--color-surface-2);--field-border:none;--field-border-radius:0.25rem 0.25rem 0 0;--field-padding-x:1rem;--field-padding-top:0.5rem;--field-padding-bottom:0.5rem;--field-min-height:3.5rem;--field-width:100%;--field-cursor:text;--field-input-padding-top:1.5rem;--field-input-padding-left:var(--field-padding-x);--field-select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23737373' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");--field-select-arrow-size:1rem;--field-select-padding-right:2rem;--field-indicator-height:0.0625rem;--field-indicator-color:var(--color-text-muted);--field-indicator-height-focus:0.1875rem;--field-indicator-color-focus:var(--color-primary);--field-indicator-color-hover:var(--color-text);--field-outline-width:0.0625rem;--field-outline-color:var(--color-border-strong);--field-outline-width-focus:0.1875rem;--field-outline-color-focus:var(--color-primary);--field-font-size:1rem;--field-font-weight:400;--field-color:var(--color-text);--field-line-height:1.5rem;--field-placeholder-color:var(--color-text-muted);--field-caret-color:var(--color-primary);--field-label-size:1rem;--field-label-size-float:0.75rem;--field-label-color:var(--color-text-muted);--field-label-weight:inherit;--field-label-color-focus:var(--color-primary);--field-label-left:var(--field-padding-x);--field-label-background:transparent;--field-label-padding:0;--field-label-position:absolute;--field-label-top:50%;--field-label-transform:translateY(-50%);--field-label-focus-top:0.5rem;--field-label-focus-transform:translateY(0);--field-label-focus-size:var(--field-label-size-float);--field-label-display:block;--field-flex-direction:column;--field-justify-content:flex-start;--field-label-order:1;--field-input-order:0;--field-label-gap:0;--field-label-min-width:auto;--field-label-align-self:auto;--field-placeholder-opacity:0;--field-indicator-display:block;--field-input-box-background:transparent;--field-input-box-border:none;--field-input-box-border-radius:0;--field-input-box-min-height:auto;--field-supporting-size:0.75rem;--field-supporting-color:var(--color-text-muted);--field-supporting-padding:0.25rem var(--field-padding-x) 0;--field-icon-left:0.75rem;--field-error-color:var(--color-danger);--field-disabled-opacity:0.38;--field-transition:all var(--duration-fast) var(--ease-in-out);background-color:var(--field-background);border:var(--field-border);border-radius:var(--field-border-radius);cursor:var(--field-cursor);display:flex;flex-direction:var(--field-flex-direction);gap:var(--field-label-gap);justify-content:var(--field-justify-content);min-height:var(--field-min-height);position:relative;transition:var(--field-transition);width:var(--field-width)}.m3-text-field input,.m3-text-field select,.m3-text-field textarea{appearance:none;background:var(--field-input-box-background);border:var(--field-input-box-border);border-radius:var(--field-input-box-border-radius);box-sizing:border-box;caret-color:var(--field-caret-color);color:var(--field-color);font-family:inherit;font-size:var(--field-font-size);font-weight:var(--field-font-weight);line-height:var(--field-line-height);min-height:var(--field-input-box-min-height);order:var(--field-input-order);outline:none;padding:var(--field-input-padding-top) var(--field-padding-x) var(--field-padding-bottom);padding-left:var(--field-input-padding-left);transition:var(--field-transition);width:100%}.m3-text-field input::placeholder,.m3-text-field textarea::placeholder{color:var(--field-placeholder-color);opacity:var(--field-placeholder-opacity);transition:var(--field-transition)}.m3-text-field input:focus::placeholder,.m3-text-field textarea:focus::placeholder{opacity:1}.m3-text-field select{background-image:var(--field-select-arrow);background-position:right .625rem center;background-repeat:no-repeat;background-size:var(--field-select-arrow-size);cursor:pointer;padding-right:var(--field-select-padding-right)}.m3-text-field select:disabled{cursor:default}.m3-text-field .field-label,.m3-text-field label{align-self:var(--field-label-align-self);background-color:var(--field-label-background);color:var(--field-label-color);display:var(--field-label-display);font-size:var(--field-label-size);font-weight:var(--field-label-weight);left:var(--field-label-left);min-width:var(--field-label-min-width);order:var(--field-label-order);padding:var(--field-label-padding);pointer-events:none;position:var(--field-label-position);top:var(--field-label-top);transform:var(--field-label-transform);transform-origin:left top;transition:var(--field-transition)}.m3-text-field input:focus+label,.m3-text-field input:not(:placeholder-shown)+label,.m3-text-field textarea:focus+label,.m3-text-field textarea:not(:placeholder-shown)+label{font-size:var(--field-label-focus-size);top:var(--field-label-focus-top);transform:var(--field-label-focus-transform)}.m3-text-field input:focus+label,.m3-text-field textarea:focus+label{color:var(--field-label-color-focus)}.m3-text-field:after{background-color:var(--field-indicator-color);bottom:0;content:"";display:var(--field-indicator-display);height:var(--field-indicator-height);left:0;position:absolute;right:0;transition:var(--field-transition)}.m3-text-field:hover:after{--field-indicator-color:var(--field-indicator-color-hover)}.m3-text-field:focus-within:after{--field-indicator-height:var(--field-indicator-height-focus);--field-indicator-color:var(--field-indicator-color-focus)}.m3-text-field.field\:outlined{--field-background:transparent;--field-border:var(--field-outline-width) solid var(--field-outline-color);--field-border-radius:0.25rem;--field-indicator-height:0;--field-indicator-height-focus:0;--field-label-background:var(--color-surface);--field-label-padding:0 0.25rem}.m3-text-field.field\:outlined:hover{--field-outline-color:var(--color-text)}.m3-text-field.field\:outlined:focus-within{--field-outline-width:var(--field-outline-width-focus);--field-outline-color:var(--field-outline-color-focus)}.m3-text-field.field-state\:error:after{--field-indicator-color:var(--field-error-color)}.m3-text-field.field-state\:error input:focus+label,.m3-text-field.field-state\:error label{--field-label-color:var(--field-error-color);--field-label-color-focus:var(--field-error-color)}.m3-text-field.field-state\:error input{--field-caret-color:var(--field-error-color)}.m3-text-field.field\:outlined.field-state\:error{--field-outline-color:var(--field-error-color)}.m3-text-field.field\:outlined.field-state\:error:focus-within{--field-outline-color:var(--field-error-color)}.m3-text-field.field-state\:disabled{--field-cursor:not-allowed;opacity:var(--field-disabled-opacity);pointer-events:none}.m3-text-field.field-state\:disabled input,.m3-text-field.field-state\:disabled select,.m3-text-field.field-state\:disabled textarea{--field-color:color-mix(in srgb,var(--color-text) 38%,transparent)}.m3-text-field .field-supporting{color:var(--field-supporting-color);font-size:var(--field-supporting-size);order:2;padding:var(--field-supporting-padding)}.m3-text-field.field-state\:error .field-supporting{color:var(--field-error-color)}.m3-text-field.field-icon\:leading{--field-input-padding-left:3rem;--field-label-left:3rem;position:relative}.m3-text-field.field-icon\:leading .m3-icon{color:var(--field-label-color);left:var(--field-icon-left);position:absolute;top:50%;transform:translateY(-50%)}.m3-text-field.field-color\:primary{--field-indicator-color-focus:var(--color-primary);--field-outline-color-focus:var(--color-primary);--field-label-color-focus:var(--color-primary);--field-caret-color:var(--color-primary)}.m3-text-field.field-color\:secondary{--field-indicator-color-focus:var(--color-secondary);--field-outline-color-focus:var(--color-secondary);--field-label-color-focus:var(--color-secondary);--field-caret-color:var(--color-secondary)}.m3-text-field.field-color\:tertiary{--field-indicator-color-focus:var(--color-tertiary);--field-outline-color-focus:var(--color-tertiary);--field-label-color-focus:var(--color-tertiary);--field-caret-color:var(--color-tertiary)}.m3-text-field.field-size\:1,.m3-text-field.field-size\:xs{--field-min-height:2.5rem;--field-input-padding-top:0.875rem;--field-padding-bottom:0.25rem;--field-font-size:0.75rem;--field-line-height:1rem;--field-label-size:0.75rem;--field-label-size-float:0.625rem;--field-supporting-size:0.6875rem}.m3-text-field.field-size\:2,.m3-text-field.field-size\:sm{--field-min-height:3rem;--field-input-padding-top:1.125rem;--field-padding-bottom:0.375rem;--field-font-size:0.875rem;--field-line-height:1.25rem;--field-label-size:0.875rem;--field-label-size-float:0.6875rem}.m3-text-field.field-size\:3,.m3-text-field.field-size\:md{--field-min-height:3.5rem;--field-input-padding-top:1.5rem;--field-padding-bottom:0.5rem;--field-font-size:1rem;--field-line-height:1.5rem;--field-label-size:1rem;--field-label-size-float:0.75rem}.m3-text-field.field-size\:4,.m3-text-field.field-size\:lg{--field-min-height:4rem;--field-input-padding-top:1.75rem;--field-padding-bottom:0.625rem;--field-font-size:1.125rem;--field-line-height:1.75rem;--field-label-size:1.125rem;--field-label-size-float:0.8125rem}.m3-text-field.field-size\:5,.m3-text-field.field-size\:xl{--field-min-height:4.5rem;--field-input-padding-top:2rem;--field-padding-bottom:0.75rem;--field-font-size:1.25rem;--field-line-height:1.875rem;--field-label-size:1.25rem;--field-label-size-float:0.875rem}.m3-text-field.field-label\:bottom,.m3-text-field.field-label\:left,.m3-text-field.field-label\:right,.m3-text-field.field-label\:top{--field-background:transparent;--field-border:none;--field-min-height:auto;--field-label-gap:0.375rem;--field-input-box-background:var(--color-surface-2);--field-input-box-border:var(--field-outline-width) solid var(--field-outline-color);--field-input-box-border-radius:0.375rem;--field-input-box-min-height:2.5rem;--field-input-padding-top:var(--field-padding-top);--field-padding-bottom:var(--field-padding-top);--field-label-color:var(--color-text);--field-label-size:0.8125rem;--field-label-weight:var(--font-weight-medium);--field-label-position:static;--field-label-top:auto;--field-label-transform:none;--field-label-left:auto;--field-label-focus-top:auto;--field-label-focus-transform:none;--field-label-focus-size:var(--field-label-size);--field-placeholder-opacity:1;--field-indicator-display:none}.m3-text-field.field\:outlined.field-label\:bottom,.m3-text-field.field\:outlined.field-label\:left,.m3-text-field.field\:outlined.field-label\:right,.m3-text-field.field\:outlined.field-label\:top{--field-input-box-background:transparent}.m3-text-field.field-label\:top{--field-flex-direction:column;--field-label-order:0;--field-input-order:1}.m3-text-field.field-label\:bottom{--field-flex-direction:column;--field-label-order:1;--field-input-order:0}.m3-text-field.field-label\:left{--field-flex-direction:row;--field-label-order:0;--field-input-order:1;--field-label-align-self:center;--field-label-min-width:6rem;--field-label-gap:0.75rem}.m3-text-field.field-label\:right{--field-flex-direction:row;--field-label-order:1;--field-input-order:0;--field-label-align-self:center;--field-label-min-width:6rem;--field-label-gap:0.75rem}.m3-text-field.field-label\:none{--field-label-display:none;--field-placeholder-opacity:1;--field-input-padding-top:var(--field-padding-top);--field-padding-bottom:var(--field-padding-top);--field-justify-content:center;--field-input-box-min-height:auto}.m3-text-field.field-label\:bottom input:focus,.m3-text-field.field-label\:bottom select:focus,.m3-text-field.field-label\:bottom textarea:focus,.m3-text-field.field-label\:left input:focus,.m3-text-field.field-label\:left select:focus,.m3-text-field.field-label\:left textarea:focus,.m3-text-field.field-label\:right input:focus,.m3-text-field.field-label\:right select:focus,.m3-text-field.field-label\:right textarea:focus,.m3-text-field.field-label\:top input:focus,.m3-text-field.field-label\:top select:focus,.m3-text-field.field-label\:top textarea:focus{--field-input-box-border:var(--field-outline-width-focus) solid var(--field-outline-color-focus)}.m3-tabs{--tab-display:flex;--tab-background:var(--color-surface);--tab-border-bottom:0.0625rem solid var(--color-border-subtle);--tab-height:3rem;--tab-gap:0;--tab-overflow:auto;--tab-item-padding:0 1.5rem;--tab-item-color:var(--color-text-muted);--tab-item-color-active:var(--color-primary);--tab-item-font-size:0.875rem;--tab-item-font-weight:var(--font-weight-medium);--tab-item-cursor:pointer;--tab-item-background:transparent;--tab-item-white-space:nowrap;--tab-item-flex:0 0 auto;--tab-item-min-width:auto;--tab-item-gap:0.5rem;--tab-icon-size:1.5rem;--tab-indicator-height:0.1875rem;--tab-indicator-color:var(--color-primary);--tab-indicator-radius:0.1875rem 0.1875rem 0 0;--tab-state-hover-opacity:0.08;--tab-transition:all var(--duration-fast) var(--ease-in-out);background-color:var(--tab-background);border-bottom:var(--tab-border-bottom);display:var(--tab-display);gap:var(--tab-gap);height:var(--tab-height);overflow-x:var(--tab-overflow);scrollbar-width:none}.m3-tabs::-webkit-scrollbar{display:none}.m3-tabs .tab-item{align-items:center;background:var(--tab-item-background);border:none;color:var(--tab-item-color);cursor:var(--tab-item-cursor);display:flex;flex:var(--tab-item-flex);font-family:inherit;font-size:var(--tab-item-font-size);font-weight:var(--tab-item-font-weight);gap:var(--tab-item-gap);height:100%;justify-content:center;min-width:var(--tab-item-min-width);padding:var(--tab-item-padding);position:relative;text-decoration:none;transition:var(--tab-transition);white-space:var(--tab-item-white-space)}.m3-tabs .tab-item:after{background-color:var(--tab-indicator-color);border-radius:var(--tab-indicator-radius);bottom:0;content:"";height:0;left:0;position:absolute;right:0;transition:var(--tab-transition)}.m3-tabs .tab-item.tab-active{--tab-item-color:var(--tab-item-color-active)}.m3-tabs .tab-item.tab-active:after{height:var(--tab-indicator-height)}.m3-tabs .tab-item:hover{background-image:linear-gradient(color-mix(in srgb,var(--tab-item-color) calc(var(--tab-state-hover-opacity)*100%),transparent),color-mix(in srgb,var(--tab-item-color) calc(var(--tab-state-hover-opacity)*100%),transparent))}.m3-tabs .tab-item:disabled{--tab-item-color:color-mix(in srgb,var(--color-text) 38%,transparent);--tab-item-cursor:not-allowed}.m3-tabs.tabs\:full .tab-item{--tab-item-flex:1}.m3-tabs.tabs\:secondary .tab-item.tab-active:after{--tab-indicator-height:0.125rem;--tab-indicator-radius:0}.m3-tabs.tabs\:with-icon{--tab-height:4rem}.m3-tabs .tab-item .tab-icon{font-size:var(--tab-icon-size)}.m3-tabs.tab-color\:primary{--tab-item-color-active:var(--color-primary);--tab-indicator-color:var(--color-primary)}.m3-tabs.tab-color\:secondary{--tab-item-color-active:var(--color-secondary);--tab-indicator-color:var(--color-secondary)}.m3-tabs.tab-color\:tertiary{--tab-item-color-active:var(--color-tertiary);--tab-indicator-color:var(--color-tertiary)}.m3-list{--list-display:flex;--list-flex-direction:column;--list-background:transparent;--list-padding:0.5rem 0;--list-gap:0;--list-margin:0;--list-item-padding:0.5rem 1rem;--list-item-min-height:3rem;--list-item-color:var(--color-text);--list-item-font-size:1rem;--list-item-font-weight:400;--list-item-line-height:1.5rem;--list-item-cursor:default;--list-item-background:transparent;--list-item-gap:1rem;--list-item-border-radius:0;--list-secondary-size:0.875rem;--list-secondary-color:var(--color-text-muted);--list-secondary-line-height:1.25rem;--list-leading-size:1.5rem;--list-leading-color:var(--color-text-muted);--list-avatar-size:2.5rem;--list-divider-color:var(--color-border-subtle);--list-divider-width:0.0625rem;--list-divider-margin:0;--list-divider-margin-left:0;--list-divider-border:none;--list-avatar-background:var(--color-primary-subtle);--list-avatar-color:var(--color-primary);--list-avatar-font-weight:600;--list-avatar-font-size:0.875rem;--list-avatar-border-radius:50%;--list-state-hover-opacity:0.08;--list-transition:background-image var(--duration-fast) var(--ease-in-out);background-color:var(--list-background);display:var(--list-display);flex-direction:var(--list-flex-direction);gap:var(--list-gap);list-style:none;margin:var(--list-margin);padding:var(--list-padding)}.m3-list .list-item{align-items:center;background:var(--list-item-background);border-radius:var(--list-item-border-radius);color:var(--list-item-color);cursor:var(--list-item-cursor);display:flex;font-size:var(--list-item-font-size);font-weight:var(--list-item-font-weight);gap:var(--list-item-gap);line-height:var(--list-item-line-height);min-height:var(--list-item-min-height);padding:var(--list-item-padding);text-decoration:none;transition:var(--list-transition)}.m3-list .list-item.list-clickable,.m3-list a.list-item{--list-item-cursor:pointer}.m3-list .list-item.list-clickable:hover,.m3-list a.list-item:hover{background-image:linear-gradient(color-mix(in srgb,var(--color-text) calc(var(--list-state-hover-opacity)*100%),transparent),color-mix(in srgb,var(--color-text) calc(var(--list-state-hover-opacity)*100%),transparent))}.m3-list .list-item.list-active{--list-item-background:var(--color-primary-subtle);--list-item-color:var(--color-primary)}.m3-list .list-item.list-disabled{--list-item-color:color-mix(in srgb,var(--color-text) 38%,transparent);--list-item-cursor:not-allowed;pointer-events:none}.m3-list .list-item .list-content{flex:1;min-width:0}.m3-list .list-item .list-headline{color:var(--list-item-color);font-size:var(--list-item-font-size);font-weight:var(--list-item-font-weight);line-height:var(--list-item-line-height)}.m3-list .list-item .list-supporting{color:var(--list-secondary-color);font-size:var(--list-secondary-size);line-height:var(--list-secondary-line-height)}.m3-list .list-item .list-leading{color:var(--list-leading-color);flex-shrink:0;font-size:var(--list-leading-size)}.m3-list .list-item .list-trailing{color:var(--list-secondary-color);flex-shrink:0;font-size:var(--list-secondary-size)}.m3-list .list-item .list-avatar{align-items:center;background-color:var(--list-avatar-background);border-radius:var(--list-avatar-border-radius);color:var(--list-avatar-color);display:flex;flex-shrink:0;font-size:var(--list-avatar-font-size);font-weight:var(--list-avatar-font-weight);height:var(--list-avatar-size);justify-content:center;overflow:hidden;width:var(--list-avatar-size)}.m3-list .list-item .list-avatar img{height:100%;object-fit:cover;width:100%}.m3-list .list-divider{background-color:var(--list-divider-color);border:var(--list-divider-border);height:var(--list-divider-width);margin:var(--list-divider-margin);margin-left:var(--list-divider-margin-left)}.m3-list .list-divider.list-divider\:inset{--list-divider-margin-left:1rem}.m3-list .list-divider.list-divider\:full{--list-divider-margin-left:0}.m3-list.list-size\:compact{--list-item-padding:0.25rem 1rem;--list-item-min-height:2.5rem;--list-item-font-size:0.875rem}.m3-list.list-size\:large{--list-item-padding:0.75rem 1.5rem;--list-item-min-height:4rem;--list-item-font-size:1.125rem}.m3-top-app-bar{--bar-display:flex;--bar-align-items:center;--bar-background:var(--color-surface);--bar-height:4rem;--bar-padding:0 0.5rem;--bar-box-shadow:none;--bar-border-bottom:none;--bar-color:var(--color-text);--bar-position:static;--bar-top:auto;--bar-z-index:auto;--bar-title-size:1.375rem;--bar-title-weight:400;--bar-title-color:var(--color-text);--bar-title-padding:0 0.5rem;--bar-title-flex:1;--bar-title-overflow:hidden;--bar-title-white-space:nowrap;--bar-title-text-overflow:ellipsis;--bar-title-text-align:start;--bar-icon-size:3rem;--bar-icon-color:var(--color-text);--bar-icon-radius:50%;--bar-icon-background:transparent;--bar-icon-cursor:pointer;--bar-trailing-gap:0;--bar-state-hover-opacity:0.08;--bar-transition:box-shadow var(--duration-normal) var(--ease-out);align-items:var(--bar-align-items);background-color:var(--bar-background);border-bottom:var(--bar-border-bottom);box-shadow:var(--bar-box-shadow);box-sizing:border-box;color:var(--bar-color);display:var(--bar-display);height:var(--bar-height);padding:var(--bar-padding);position:var(--bar-position);top:var(--bar-top);transition:var(--bar-transition);z-index:var(--bar-z-index)}.m3-top-app-bar .bar-title{color:var(--bar-title-color);flex:var(--bar-title-flex);font-size:var(--bar-title-size);font-weight:var(--bar-title-weight);margin:0;overflow:var(--bar-title-overflow);padding:var(--bar-title-padding);text-align:var(--bar-title-text-align);text-overflow:var(--bar-title-text-overflow);white-space:var(--bar-title-white-space)}.m3-top-app-bar .bar-leading,.m3-top-app-bar .bar-trailing a:not([class*=m3-]),.m3-top-app-bar .bar-trailing button:not([class*=m3-]){align-items:center;background:var(--bar-icon-background);border:none;border-radius:var(--bar-icon-radius);color:var(--bar-icon-color);cursor:var(--bar-icon-cursor);display:flex;font-family:inherit;height:var(--bar-icon-size);justify-content:center;padding:0;transition:var(--bar-transition);width:var(--bar-icon-size)}.m3-top-app-bar .bar-leading:hover,.m3-top-app-bar .bar-trailing a:not([class*=m3-]):hover,.m3-top-app-bar .bar-trailing button:not([class*=m3-]):hover{background-image:linear-gradient(color-mix(in srgb,var(--bar-icon-color) calc(var(--bar-state-hover-opacity)*100%),transparent),color-mix(in srgb,var(--bar-icon-color) calc(var(--bar-state-hover-opacity)*100%),transparent))}.m3-top-app-bar .bar-trailing{align-items:center;display:flex;gap:var(--bar-trailing-gap)}.m3-top-app-bar.bar\:center{--bar-title-text-align:center}.m3-top-app-bar.bar\:fixed{--bar-position:sticky;--bar-top:0;--bar-z-index:var(--z-sticky)}.m3-top-app-bar.bar\:elevated{--bar-box-shadow:var(--shadow-sm)}.m3-top-app-bar.bar\:outlined{--bar-border-bottom:0.0625rem solid var(--color-border-subtle)}.m3-top-app-bar.bar-color\:primary{--bar-background:var(--color-primary);--bar-color:var(--color-on-primary);--bar-title-color:var(--color-on-primary);--bar-icon-color:var(--color-on-primary)}.m3-top-app-bar.bar-color\:surface{--bar-background:var(--color-surface);--bar-color:var(--color-text)}.m3-top-app-bar.bar-color\:surface-1{--bar-background:var(--color-surface-1)}.m3-badge{--badge-background:var(--color-danger);--badge-color:var(--color-on-danger);--badge-font-size:0.6875rem;--badge-font-weight:var(--font-weight-medium);--badge-min-width:1rem;--badge-height:1rem;--badge-padding:0 0.25rem;--badge-border-radius:var(--radius-full);--badge-position:absolute;--badge-top:-0.25rem;--badge-right:-0.25rem;align-items:center;background-color:var(--badge-background);border-radius:var(--badge-border-radius);box-sizing:border-box;color:var(--badge-color);display:inline-flex;font-size:var(--badge-font-size);font-weight:var(--badge-font-weight);height:var(--badge-height);justify-content:center;line-height:1;min-width:var(--badge-min-width);padding:var(--badge-padding);position:var(--badge-position);right:var(--badge-right);top:var(--badge-top)}.m3-badge.badge\:dot{--badge-min-width:0.375rem;--badge-height:0.375rem;--badge-padding:0;--badge-top:0;--badge-right:0}.m3-badge.badge\:inline{--badge-position:static;--badge-top:auto;--badge-right:auto}.m3-badge.badge-color\:primary{--badge-background:var(--color-primary);--badge-color:var(--color-on-primary)}.m3-badge.badge-color\:secondary{--badge-background:var(--color-secondary);--badge-color:var(--color-on-secondary)}.m3-badge.badge-color\:danger{--badge-background:var(--color-danger);--badge-color:var(--color-on-danger)}.m3-badge.badge-color\:success{--badge-background:var(--color-success);--badge-color:var(--color-on-success)}.m3-badge.badge-color\:warning{--badge-background:var(--color-warning);--badge-color:var(--color-on-warning)}.m3-badge.badge-color\:neutral{--badge-background:var(--color-surface-3);--badge-color:var(--color-text)}.m3-progress{--progress-height:0.25rem;--progress-width:100%;--progress-track-color:var(--color-primary-subtle);--progress-indicator-color:var(--color-primary);--progress-border-radius:var(--radius-full);--progress-value:0%;--progress-circular-size:3rem;--progress-circular-stroke:0.25rem;--progress-circular-border-radius:50%;background-color:var(--progress-track-color);height:var(--progress-height);overflow:hidden;position:relative;width:var(--progress-width)}.m3-progress,.m3-progress:after{border-radius:var(--progress-border-radius)}.m3-progress:after{background-color:var(--progress-indicator-color);content:"";height:100%;left:0;position:absolute;top:0;transition:width var(--duration-normal) var(--ease-out);width:var(--progress-value)}.m3-progress.progress\:indeterminate:after{animation:m3-progress-indeterminate 1.5s var(--ease-in-out) infinite;width:40%}@keyframes m3-progress-indeterminate{0%{left:-40%}to{left:100%}}.m3-progress.progress\:circular{--progress-width:var(--progress-circular-size);--progress-height:var(--progress-circular-size);animation:m3-progress-spin .8s linear infinite;background:transparent;border:var(--progress-circular-stroke) solid var(--progress-track-color);border-radius:var(--progress-circular-border-radius);border-top-color:var(--progress-indicator-color)}.m3-progress.progress\:circular:after{display:none}@keyframes m3-progress-spin{to{transform:rotate(1turn)}}.m3-progress.progress-color\:primary{--progress-indicator-color:var(--color-primary);--progress-track-color:var(--color-primary-subtle)}.m3-progress.progress-color\:secondary{--progress-indicator-color:var(--color-secondary);--progress-track-color:var(--color-secondary-subtle)}.m3-progress.progress-color\:tertiary{--progress-indicator-color:var(--color-tertiary);--progress-track-color:var(--color-tertiary-subtle)}.m3-progress.progress-color\:danger{--progress-indicator-color:var(--color-danger);--progress-track-color:var(--color-danger-subtle)}.m3-progress.progress-color\:success{--progress-indicator-color:var(--color-success);--progress-track-color:var(--color-success-subtle)}.m3-snackbar{--snackbar-background:var(--color-surface-inverse);--snackbar-color:var(--color-text-inverse);--snackbar-border-radius:0.25rem;--snackbar-padding:0 0.5rem 0 1rem;--snackbar-min-height:3rem;--snackbar-max-width:35rem;--snackbar-box-shadow:var(--shadow-md);--snackbar-z-index:var(--z-toast);--snackbar-bottom:1.5rem;--snackbar-left:50%;--snackbar-transform:translateX(-50%);--snackbar-gap:0.5rem;--snackbar-font-size:0.875rem;--snackbar-line-height:1.25rem;--snackbar-action-color:var(--color-primary-subtle);--snackbar-action-font-weight:var(--font-weight-medium);--snackbar-action-padding:0.5rem;--snackbar-action-border-radius:0.25rem;--snackbar-action-hover-opacity:0.08;--snackbar-close-padding:0.5rem;--snackbar-close-border-radius:50%;--snackbar-text-padding:0.875rem 0;align-items:center;background-color:var(--snackbar-background);border-radius:var(--snackbar-border-radius);bottom:var(--snackbar-bottom);box-shadow:var(--snackbar-box-shadow);box-sizing:border-box;color:var(--snackbar-color);display:none;gap:var(--snackbar-gap);left:var(--snackbar-left);max-width:var(--snackbar-max-width);min-height:var(--snackbar-min-height);padding:var(--snackbar-padding);position:fixed;transform:var(--snackbar-transform);z-index:var(--snackbar-z-index)}.m3-snackbar.snackbar-open{display:flex}.m3-snackbar .snackbar-text{flex:1;font-size:var(--snackbar-font-size);line-height:var(--snackbar-line-height);padding:var(--snackbar-text-padding)}.m3-snackbar .snackbar-action{background:transparent;border:none;border-radius:var(--snackbar-action-border-radius);color:var(--snackbar-action-color);cursor:pointer;font-family:inherit;font-size:var(--snackbar-font-size);font-weight:var(--snackbar-action-font-weight);padding:var(--snackbar-action-padding);white-space:nowrap}.m3-snackbar .snackbar-action:hover{background-image:linear-gradient(color-mix(in srgb,var(--snackbar-action-color) calc(var(--snackbar-action-hover-opacity)*100%),transparent),color-mix(in srgb,var(--snackbar-action-color) calc(var(--snackbar-action-hover-opacity)*100%),transparent))}.m3-snackbar .snackbar-close{align-items:center;background:transparent;border:none;border-radius:var(--snackbar-close-border-radius);color:var(--snackbar-color);cursor:pointer;display:flex;justify-content:center;padding:var(--snackbar-close-padding)}.m3-snackbar.snackbar-color\:success{--snackbar-background:var(--color-success);--snackbar-color:var(--color-on-success)}.m3-snackbar.snackbar-color\:danger{--snackbar-background:var(--color-danger);--snackbar-color:var(--color-on-danger)}.m3-snackbar.snackbar-color\:warning{--snackbar-background:var(--color-warning);--snackbar-color:var(--color-on-warning)}.m3-chip{--chip-display:inline-flex;--chip-align-items:center;--chip-height:2rem;--chip-padding:0 0.75rem;--chip-gap:0.5rem;--chip-border-radius:0.5rem;--chip-background:transparent;--chip-color:var(--color-text);--chip-border:0.0625rem solid var(--color-border);--chip-cursor:pointer;--chip-font-size:0.875rem;--chip-font-weight:var(--font-weight-medium);--chip-box-shadow:none;--chip-icon-size:1.125rem;--chip-close-radius:50%;--chip-close-background:transparent;--chip-state-hover-opacity:0.08;--chip-state-pressed-opacity:0.12;--chip-selected-background:var(--color-primary-subtle);--chip-selected-color:var(--color-primary);--chip-selected-border:0.0625rem solid transparent;--chip-transition:all var(--duration-fast) var(--ease-in-out);align-items:var(--chip-align-items);background-color:var(--chip-background);border:var(--chip-border);border-radius:var(--chip-border-radius);box-shadow:var(--chip-box-shadow);box-sizing:border-box;color:var(--chip-color);cursor:var(--chip-cursor);display:var(--chip-display);font-size:var(--chip-font-size);font-weight:var(--chip-font-weight);gap:var(--chip-gap);height:var(--chip-height);padding:var(--chip-padding);text-decoration:none;transition:var(--chip-transition);user-select:none;white-space:nowrap}.m3-chip:hover{background-image:linear-gradient(color-mix(in srgb,var(--chip-color) calc(var(--chip-state-hover-opacity)*100%),transparent),color-mix(in srgb,var(--chip-color) calc(var(--chip-state-hover-opacity)*100%),transparent))}.m3-chip:active{background-image:linear-gradient(color-mix(in srgb,var(--chip-color) calc(var(--chip-state-pressed-opacity)*100%),transparent),color-mix(in srgb,var(--chip-color) calc(var(--chip-state-pressed-opacity)*100%),transparent))}.m3-chip.chip-state\:disabled,.m3-chip:disabled{--chip-color:color-mix(in srgb,var(--color-text) 38%,transparent);--chip-border:0.0625rem solid color-mix(in srgb,var(--color-text) 12%,transparent);--chip-cursor:not-allowed}.m3-chip.chip\:selected{--chip-background:var(--chip-selected-background);--chip-color:var(--chip-selected-color);--chip-border:var(--chip-selected-border)}.m3-chip.chip\:elevated{--chip-border:none;--chip-background:var(--color-surface-1);--chip-box-shadow:var(--shadow-sm)}.m3-chip .chip-close,.m3-chip .chip-icon{font-size:var(--chip-icon-size);height:var(--chip-icon-size);width:var(--chip-icon-size)}.m3-chip .chip-close{align-items:center;background:var(--chip-close-background);border:none;border-radius:var(--chip-close-radius);color:inherit;cursor:pointer;display:flex;justify-content:center;padding:0}.m3-chip .chip-close:hover{background-color:color-mix(in srgb,var(--chip-color) calc(var(--chip-state-pressed-opacity)*100%),transparent)}.m3-chip.chip-color\:primary{--chip-selected-background:var(--color-primary-subtle);--chip-selected-color:var(--color-primary)}.m3-chip.chip-color\:secondary{--chip-selected-background:var(--color-secondary-subtle);--chip-selected-color:var(--color-secondary)}.m3-chip.chip-color\:danger{--chip-selected-background:var(--color-danger-subtle);--chip-selected-color:var(--color-danger)}.m3-chip.chip-color\:success{--chip-selected-background:var(--color-success-subtle);--chip-selected-color:var(--color-success)}.m3-chip.chip-color\:warning{--chip-selected-background:var(--color-warning-subtle);--chip-selected-color:var(--color-warning)}.m3-divider{--divider-color:var(--color-border);--divider-width:100%;--divider-thickness:0.0625rem;--divider-margin:0;--divider-inset-start:0;--divider-inset-end:0;--divider-height:auto;border:none;border-top:var(--divider-thickness) solid var(--divider-color);box-sizing:border-box;display:block;height:var(--divider-height);margin:var(--divider-margin);margin-inline-end:var(--divider-inset-end);margin-inline-start:var(--divider-inset-start);width:var(--divider-width)}.m3-divider.divider\:inset{--divider-inset-start:1rem;--divider-inset-end:1rem}.m3-divider.divider\:middle-inset{--divider-inset-start:1rem;--divider-inset-end:0}.m3-divider.divider\:vertical{--divider-width:auto;--divider-height:100%;--divider-thickness:0;align-self:stretch;border-inline-start-color:var(--divider-color);border-inline-start-style:solid;border-inline-start-width:.0625rem;border-top:none;display:inline-block}.m3-fab{--fab-size:3.5rem;--fab-padding:1rem;--fab-gap:0.75rem;--fab-icon-size:1.5rem;--fab-background:var(--color-surface-1);--fab-color:var(--color-primary);--fab-box-shadow:var(--shadow-lg);--fab-elevation-hover:var(--shadow-xl);--fab-border-radius:1rem;--fab-font-size:0.875rem;--fab-font-weight:var(--font-weight-medium);--fab-line-height:1.25rem;--fab-letter-spacing:0.00625rem;--fab-outline:none;--fab-outline-offset:0;--fab-state-layer-color:var(--color-primary);--fab-state-hover-opacity:0.08;--fab-state-focus-opacity:0.12;--fab-state-pressed-opacity:0.12;-webkit-tap-highlight-color:transparent;align-items:center;background-color:var(--fab-background);background-image:none;border:none;border-radius:var(--fab-border-radius);box-shadow:var(--fab-box-shadow);box-sizing:border-box;color:var(--fab-color);cursor:pointer;display:inline-flex;font-size:var(--fab-font-size);font-weight:var(--fab-font-weight);gap:var(--fab-gap);height:var(--fab-size);justify-content:center;letter-spacing:var(--fab-letter-spacing);line-height:var(--fab-line-height);min-width:var(--fab-size);outline:var(--fab-outline);outline-offset:var(--fab-outline-offset);overflow:hidden;padding:var(--fab-padding);position:relative;transition:box-shadow var(--duration-normal) var(--ease-in-out),background-image var(--duration-fast) var(--ease-in-out);white-space:nowrap}.m3-fab .m3-icon,.m3-fab [class*=material-symbols]{font-size:var(--fab-icon-size);height:var(--fab-icon-size);width:var(--fab-icon-size)}.m3-fab.fab-state\:hover,.m3-fab:hover{--fab-box-shadow:var(--fab-elevation-hover);background-image:linear-gradient(color-mix(in srgb,var(--fab-state-layer-color) calc(var(--fab-state-hover-opacity)*100%),transparent),color-mix(in srgb,var(--fab-state-layer-color) calc(var(--fab-state-hover-opacity)*100%),transparent))}.m3-fab.fab-state\:focus,.m3-fab:focus-visible{--fab-outline:var(--border-width-2) solid var(--color-focus-ring);--fab-outline-offset:var(--space-1);background-image:linear-gradient(color-mix(in srgb,var(--fab-state-layer-color) calc(var(--fab-state-focus-opacity)*100%),transparent),color-mix(in srgb,var(--fab-state-layer-color) calc(var(--fab-state-focus-opacity)*100%),transparent))}.m3-fab.fab-state\:active,.m3-fab:active{background-image:linear-gradient(color-mix(in srgb,var(--fab-state-layer-color) calc(var(--fab-state-pressed-opacity)*100%),transparent),color-mix(in srgb,var(--fab-state-layer-color) calc(var(--fab-state-pressed-opacity)*100%),transparent))}.m3-fab.fab-state\:disabled,.m3-fab:disabled{--fab-background:color-mix(in srgb,var(--color-text) 12%,transparent);--fab-color:color-mix(in srgb,var(--color-text) 38%,transparent);--fab-box-shadow:none;--fab-outline:none;cursor:not-allowed;pointer-events:none}.m3-fab.fab\:small{--fab-size:2.5rem;--fab-padding:0.5rem;--fab-border-radius:0.75rem;--fab-icon-size:1.5rem}.m3-fab.fab\:large{--fab-size:6rem;--fab-padding:1.875rem;--fab-border-radius:1.75rem;--fab-icon-size:2.25rem}.m3-fab.fab\:extended{--fab-size:3.5rem;--fab-padding:1rem 1.25rem;--fab-border-radius:1rem}.m3-fab.fab-color\:primary{--fab-background:var(--color-primary);--fab-color:var(--color-on-primary);--fab-state-layer-color:var(--color-on-primary)}.m3-fab.fab-color\:secondary{--fab-background:var(--color-secondary);--fab-color:var(--color-on-secondary);--fab-state-layer-color:var(--color-on-secondary)}.m3-fab.fab-color\:tertiary{--fab-background:var(--color-tertiary);--fab-color:var(--color-on-tertiary);--fab-state-layer-color:var(--color-on-tertiary)}.m3-fab.fab-color\:surface{--fab-background:var(--color-surface-1);--fab-color:var(--color-primary);--fab-state-layer-color:var(--color-primary)}.m3-icon-btn{--icon-btn-size:2.5rem;--icon-btn-touch-size:3rem;--icon-btn-icon-size:1.5rem;--icon-btn-background:transparent;--icon-btn-color:var(--color-text);--icon-btn-box-shadow:none;--icon-btn-border-width:0;--icon-btn-border-color:transparent;--icon-btn-border-style:solid;--icon-btn-border-radius:var(--radius-full);--icon-btn-outline:none;--icon-btn-outline-offset:0;--icon-btn-state-layer-color:var(--color-text);--icon-btn-state-hover-opacity:0.08;--icon-btn-state-focus-opacity:0.12;--icon-btn-state-pressed-opacity:0.12;-webkit-tap-highlight-color:transparent;align-items:center;background-color:var(--icon-btn-background);background-image:none;border-color:var(--icon-btn-border-color);border-radius:var(--icon-btn-border-radius);border-style:var(--icon-btn-border-style);border-width:var(--icon-btn-border-width);box-shadow:var(--icon-btn-box-shadow);box-sizing:border-box;color:var(--icon-btn-color);cursor:pointer;display:inline-flex;height:var(--icon-btn-size);justify-content:center;min-height:var(--icon-btn-touch-size);min-width:var(--icon-btn-touch-size);outline:var(--icon-btn-outline);outline-offset:var(--icon-btn-outline-offset);overflow:hidden;padding:0;position:relative;transition:background-color var(--duration-normal) var(--ease-in-out),box-shadow var(--duration-normal) var(--ease-in-out),border-color var(--duration-normal) var(--ease-in-out);width:var(--icon-btn-size)}.m3-icon-btn .m3-icon,.m3-icon-btn [class*=material-symbols]{font-size:var(--icon-btn-icon-size);height:var(--icon-btn-icon-size);width:var(--icon-btn-icon-size)}.m3-icon-btn.icon-btn-state\:hover,.m3-icon-btn:hover{background-image:linear-gradient(color-mix(in srgb,var(--icon-btn-state-layer-color) calc(var(--icon-btn-state-hover-opacity)*100%),transparent),color-mix(in srgb,var(--icon-btn-state-layer-color) calc(var(--icon-btn-state-hover-opacity)*100%),transparent))}.m3-icon-btn.icon-btn-state\:focus,.m3-icon-btn:focus-visible{--icon-btn-outline:var(--border-width-2) solid var(--color-focus-ring);--icon-btn-outline-offset:var(--space-1);background-image:linear-gradient(color-mix(in srgb,var(--icon-btn-state-layer-color) calc(var(--icon-btn-state-focus-opacity)*100%),transparent),color-mix(in srgb,var(--icon-btn-state-layer-color) calc(var(--icon-btn-state-focus-opacity)*100%),transparent))}.m3-icon-btn.icon-btn-state\:active,.m3-icon-btn:active{background-image:linear-gradient(color-mix(in srgb,var(--icon-btn-state-layer-color) calc(var(--icon-btn-state-pressed-opacity)*100%),transparent),color-mix(in srgb,var(--icon-btn-state-layer-color) calc(var(--icon-btn-state-pressed-opacity)*100%),transparent))}.m3-icon-btn.icon-btn-state\:disabled,.m3-icon-btn:disabled{--icon-btn-background:transparent;--icon-btn-color:color-mix(in srgb,var(--color-text) 38%,transparent);--icon-btn-box-shadow:none;--icon-btn-border-color:color-mix(in srgb,var(--color-text) 12%,transparent);--icon-btn-outline:none;cursor:not-allowed;pointer-events:none}.m3-icon-btn.icon-btn\:filled{--icon-btn-background:var(--color-primary);--icon-btn-color:var(--color-on-primary);--icon-btn-state-layer-color:var(--color-on-primary);&.icon-btn-state\:disabled,&:disabled{--icon-btn-background:color-mix(in srgb,var(--color-text) 12%,transparent);--icon-btn-color:color-mix(in srgb,var(--color-text) 38%,transparent)}}.m3-icon-btn.icon-btn\:tonal{--icon-btn-background:var(--color-secondary-subtle);--icon-btn-color:var(--color-secondary);--icon-btn-state-layer-color:var(--color-secondary);&.icon-btn-state\:disabled,&:disabled{--icon-btn-background:color-mix(in srgb,var(--color-text) 12%,transparent);--icon-btn-color:color-mix(in srgb,var(--color-text) 38%,transparent)}}.m3-icon-btn.icon-btn\:outlined{--icon-btn-background:transparent;--icon-btn-color:var(--color-text);--icon-btn-border-width:0.0625rem;--icon-btn-border-color:var(--color-border);--icon-btn-state-layer-color:var(--color-text);&.icon-btn-state\:disabled,&:disabled{--icon-btn-background:transparent;--icon-btn-color:color-mix(in srgb,var(--color-text) 38%,transparent);--icon-btn-border-color:color-mix(in srgb,var(--color-text) 12%,transparent)}}.m3-icon-btn.icon-btn-toggle\:unselected{--icon-btn-background:transparent;--icon-btn-color:var(--color-text);--icon-btn-state-layer-color:var(--color-text)}.m3-icon-btn.icon-btn-toggle\:selected{--icon-btn-background:transparent;--icon-btn-color:var(--color-primary);--icon-btn-state-layer-color:var(--color-primary)}.m3-icon-btn.icon-btn\:filled.icon-btn-toggle\:selected{--icon-btn-background:var(--color-primary);--icon-btn-color:var(--color-on-primary);--icon-btn-state-layer-color:var(--color-on-primary)}.m3-icon-btn.icon-btn\:filled.icon-btn-toggle\:unselected{--icon-btn-background:var(--color-surface-2);--icon-btn-color:var(--color-primary);--icon-btn-state-layer-color:var(--color-primary)}.m3-icon-btn.icon-btn\:tonal.icon-btn-toggle\:selected{--icon-btn-background:var(--color-secondary-subtle);--icon-btn-color:var(--color-secondary);--icon-btn-state-layer-color:var(--color-secondary)}.m3-icon-btn.icon-btn\:tonal.icon-btn-toggle\:unselected{--icon-btn-background:var(--color-surface-2);--icon-btn-color:var(--color-text);--icon-btn-state-layer-color:var(--color-text)}.m3-icon-btn.icon-btn\:outlined.icon-btn-toggle\:selected{--icon-btn-background:var(--color-surface-inverse);--icon-btn-color:var(--color-text-inverse);--icon-btn-border-width:0;--icon-btn-state-layer-color:var(--color-text-inverse)}.m3-icon-btn.icon-btn\:outlined.icon-btn-toggle\:unselected{--icon-btn-background:transparent;--icon-btn-color:var(--color-text);--icon-btn-border-width:0.0625rem;--icon-btn-border-color:var(--color-border);--icon-btn-state-layer-color:var(--color-text)}.m3-icon-btn:has(>.m3-badge){overflow:visible}.m3-icon-btn>.m3-badge{--badge-top:calc(50% - var(--icon-btn-icon-size)/2 - var(--badge-height)/2);--badge-right:calc(50% - var(--icon-btn-icon-size)/2 - var(--badge-min-width)/2)}.m3-menu{--menu-background:var(--color-surface);--menu-border-radius:0.25rem;--menu-box-shadow:var(--shadow-md);--menu-padding:0.5rem 0;--menu-min-width:7rem;--menu-max-width:17.5rem;--menu-z-index:var(--z-dropdown);--menu-border:none;--menu-color:var(--color-text);--menu-item-height:3rem;--menu-item-padding:0 0.75rem;--menu-item-color:var(--color-text);--menu-item-font-size:0.875rem;--menu-item-gap:0.75rem;--menu-item-border-radius:0;--menu-item-background:transparent;--menu-item-cursor:pointer;--menu-item-icon-color:var(--color-text);--menu-item-icon-size:1.5rem;--menu-divider-color:var(--color-border-subtle);--menu-divider-margin:0.5rem 0;--menu-divider-height:0.0625rem;--menu-state-hover-opacity:0.08;--menu-state-focus-opacity:0.12;--menu-state-layer-color:var(--color-text);--menu-item-disabled-opacity:0.38;--menu-item-disabled-cursor:default;--menu-transition:opacity var(--duration-fast) var(--ease-out);background-color:var(--menu-background);border:var(--menu-border);border-radius:var(--menu-border-radius);box-shadow:var(--menu-box-shadow);box-sizing:border-box;color:var(--menu-color);display:none;flex-direction:column;max-width:var(--menu-max-width);min-width:var(--menu-min-width);padding:var(--menu-padding);position:absolute;transition:var(--menu-transition);z-index:var(--menu-z-index)}.m3-menu.menu-open{display:flex}.m3-menu .menu-item{align-items:center;background:var(--menu-item-background);border:none;border-radius:var(--menu-item-border-radius);box-sizing:border-box;color:var(--menu-item-color);cursor:var(--menu-item-cursor);display:flex;font-family:inherit;font-size:var(--menu-item-font-size);gap:var(--menu-item-gap);height:var(--menu-item-height);padding:var(--menu-item-padding);position:relative;text-align:start;width:100%}.m3-menu .menu-item .m3-icon{color:var(--menu-item-icon-color);font-size:var(--menu-item-icon-size)}.m3-menu .menu-item .menu-label{flex:1}.m3-menu .menu-divider{background-color:var(--menu-divider-color);border:none;height:var(--menu-divider-height);margin:var(--menu-divider-margin)}.m3-menu .menu-item:not(.menu-item-disabled):hover{background-image:linear-gradient(color-mix(in srgb,var(--menu-state-layer-color) calc(var(--menu-state-hover-opacity)*100%),transparent),color-mix(in srgb,var(--menu-state-layer-color) calc(var(--menu-state-hover-opacity)*100%),transparent))}.m3-menu .menu-item:not(.menu-item-disabled):focus-visible{background-image:linear-gradient(color-mix(in srgb,var(--menu-state-layer-color) calc(var(--menu-state-focus-opacity)*100%),transparent),color-mix(in srgb,var(--menu-state-layer-color) calc(var(--menu-state-focus-opacity)*100%),transparent));outline:none}.m3-menu .menu-item.menu-item-disabled{--menu-item-color:var(--color-text);--menu-item-cursor:default;opacity:var(--menu-item-disabled-opacity);pointer-events:none}.m3-tooltip{--tooltip-background:var(--color-surface-inverse);--tooltip-color:var(--color-text-inverse);--tooltip-border-radius:var(--radius-2);--tooltip-padding:0.25rem 0.5rem;--tooltip-font-size:0.75rem;--tooltip-line-height:1rem;--tooltip-max-width:12.5rem;--tooltip-z-index:var(--z-tooltip,var(--z-toast));--tooltip-box-shadow:none;--tooltip-border:none;--tooltip-font-weight:var(--font-weight-medium,500);--tooltip-rich-background:var(--color-surface-2);--tooltip-rich-color:var(--color-text);--tooltip-rich-border-radius:var(--radius-3);--tooltip-rich-padding:0.75rem 1rem;--tooltip-rich-max-width:20rem;--tooltip-rich-box-shadow:var(--shadow-md);--tooltip-rich-font-size:0.875rem;--tooltip-rich-line-height:1.25rem;--tooltip-title-font-size:0.875rem;--tooltip-title-font-weight:var(--font-weight-medium,500);--tooltip-title-color:var(--color-text);--tooltip-title-margin:0 0 0.25rem;--tooltip-title-line-height:1.25rem;--tooltip-content-color:var(--color-text-muted);--tooltip-content-margin:0 0 0.5rem;--tooltip-actions-gap:0.5rem;--tooltip-actions-margin:0.5rem 0 0;background-color:var(--tooltip-background);border:var(--tooltip-border);border-radius:var(--tooltip-border-radius);box-shadow:var(--tooltip-box-shadow);box-sizing:border-box;color:var(--tooltip-color);font-size:var(--tooltip-font-size);font-weight:var(--tooltip-font-weight);line-height:var(--tooltip-line-height);max-width:var(--tooltip-max-width);padding:var(--tooltip-padding);position:absolute;z-index:var(--tooltip-z-index)}.m3-tooltip.tooltip\:rich{--tooltip-background:var(--tooltip-rich-background);--tooltip-color:var(--tooltip-rich-color);--tooltip-border-radius:var(--tooltip-rich-border-radius);--tooltip-padding:var(--tooltip-rich-padding);--tooltip-max-width:var(--tooltip-rich-max-width);--tooltip-box-shadow:var(--tooltip-rich-box-shadow);--tooltip-font-size:var(--tooltip-rich-font-size);--tooltip-line-height:var(--tooltip-rich-line-height)}.m3-tooltip .tooltip-title{color:var(--tooltip-title-color);font-size:var(--tooltip-title-font-size);font-weight:var(--tooltip-title-font-weight);line-height:var(--tooltip-title-line-height);margin:var(--tooltip-title-margin)}.m3-tooltip .tooltip-content{color:var(--tooltip-content-color);margin:var(--tooltip-content-margin)}.m3-tooltip .tooltip-actions{display:flex;gap:var(--tooltip-actions-gap);margin:var(--tooltip-actions-margin)}.m3-slider{--slider-width:100%;--slider-padding:0.5rem 0;--slider-track-height:0.25rem;--slider-track-color:var(--color-primary-subtle);--slider-track-active-color:var(--color-primary);--slider-track-border-radius:var(--radius-full);--slider-handle-size:1.25rem;--slider-handle-color:var(--color-primary);--slider-handle-border-radius:var(--radius-full);--slider-handle-shadow:var(--shadow-sm);--slider-handle-border:none;--slider-state-hover-opacity:0.08;--slider-state-focus-opacity:0.12;--slider-state-layer-color:var(--color-primary);--slider-state-layer-size:2.5rem;--slider-disabled-track-color:color-mix(in srgb,var(--color-text) 12%,transparent);--slider-disabled-active-color:color-mix(in srgb,var(--color-text) 38%,transparent);--slider-disabled-handle-color:color-mix(in srgb,var(--color-text) 38%,transparent);--slider-disabled-cursor:default;--slider-transition:box-shadow var(--duration-fast) var(--ease-in-out);--slider-tick-size:0.125rem;--slider-tick-color:var(--color-on-primary);--slider-tick-inactive-color:var(--color-primary-subtle);align-items:center;box-sizing:border-box;display:flex;padding:var(--slider-padding);width:var(--slider-width)}.m3-slider input[type=range]{appearance:none;background:var(--slider-track-color);border-radius:var(--slider-track-border-radius);cursor:pointer;height:var(--slider-track-height);margin:0;outline:none;width:100%}.m3-slider input[type=range]::-webkit-slider-thumb{appearance:none;background-color:var(--slider-handle-color);border:var(--slider-handle-border);border-radius:var(--slider-handle-border-radius);box-shadow:var(--slider-handle-shadow);height:var(--slider-handle-size);transition:var(--slider-transition);width:var(--slider-handle-size)}.m3-slider input[type=range]::-moz-range-thumb{background-color:var(--slider-handle-color);border:var(--slider-handle-border);border-radius:var(--slider-handle-border-radius);box-shadow:var(--slider-handle-shadow);height:var(--slider-handle-size);transition:var(--slider-transition);width:var(--slider-handle-size)}.m3-slider input[type=range]::-moz-range-progress{background-color:var(--slider-track-active-color);border-radius:var(--slider-track-border-radius);height:var(--slider-track-height)}.m3-slider input[type=range]:not(:disabled):hover::-webkit-slider-thumb{box-shadow:var(--slider-handle-shadow),0 0 0 calc(var(--slider-state-layer-size)/2 - var(--slider-handle-size)/2) color-mix(in srgb,var(--slider-state-layer-color) calc(var(--slider-state-hover-opacity)*100%),transparent)}.m3-slider input[type=range]:not(:disabled):hover::-moz-range-thumb{box-shadow:var(--slider-handle-shadow),0 0 0 calc(var(--slider-state-layer-size)/2 - var(--slider-handle-size)/2) color-mix(in srgb,var(--slider-state-layer-color) calc(var(--slider-state-hover-opacity)*100%),transparent)}.m3-slider input[type=range]:not(:disabled):focus-visible::-webkit-slider-thumb{box-shadow:var(--slider-handle-shadow),0 0 0 calc(var(--slider-state-layer-size)/2 - var(--slider-handle-size)/2) color-mix(in srgb,var(--slider-state-layer-color) calc(var(--slider-state-focus-opacity)*100%),transparent)}.m3-slider input[type=range]:not(:disabled):focus-visible::-moz-range-thumb{box-shadow:var(--slider-handle-shadow),0 0 0 calc(var(--slider-state-layer-size)/2 - var(--slider-handle-size)/2) color-mix(in srgb,var(--slider-state-layer-color) calc(var(--slider-state-focus-opacity)*100%),transparent)}.m3-slider input[type=range]:disabled{background:var(--slider-disabled-track-color);cursor:var(--slider-disabled-cursor)}.m3-slider input[type=range]:disabled::-webkit-slider-thumb{--slider-handle-color:var(--slider-disabled-handle-color);--slider-handle-shadow:none}.m3-slider input[type=range]:disabled::-moz-range-thumb{--slider-handle-color:var(--slider-disabled-handle-color);--slider-handle-shadow:none}.m3-slider input[type=range]:disabled::-moz-range-progress{background-color:var(--slider-disabled-active-color)}.m3-slider.slider-color\:primary{--slider-track-active-color:var(--color-primary);--slider-handle-color:var(--color-primary);--slider-state-layer-color:var(--color-primary);--slider-track-color:var(--color-primary-subtle)}.m3-slider.slider-color\:secondary{--slider-track-active-color:var(--color-secondary);--slider-handle-color:var(--color-secondary);--slider-state-layer-color:var(--color-secondary);--slider-track-color:var(--color-secondary-subtle)}.m3-slider.slider-color\:tertiary{--slider-track-active-color:var(--color-tertiary);--slider-handle-color:var(--color-tertiary);--slider-state-layer-color:var(--color-tertiary);--slider-track-color:var(--color-tertiary-subtle)}.m3-bottom-sheet{--sheet-background:var(--color-surface);--sheet-border-radius:1.75rem 1.75rem 0 0;--sheet-max-height:80vh;--sheet-z-index:var(--z-modal);--sheet-box-shadow:var(--shadow-lg);--sheet-padding:0;--sheet-border:none;--sheet-color:var(--color-text);--sheet-bottom:0;--sheet-left:0;--sheet-width:100%;--sheet-handle-width:2rem;--sheet-handle-height:0.25rem;--sheet-handle-color:var(--color-border);--sheet-handle-border-radius:var(--radius-full);--sheet-handle-margin:1rem auto 0;--sheet-headline-font-size:1rem;--sheet-headline-font-weight:var(--font-weight-medium,500);--sheet-headline-color:var(--color-text);--sheet-headline-line-height:1.5rem;--sheet-headline-margin:0 0 0.5rem;--sheet-content-padding:1rem 1.5rem 1.5rem;--sheet-content-color:var(--color-text-muted);--sheet-content-font-size:0.875rem;--sheet-content-line-height:1.25rem;--sheet-scrim-color:var(--color-scrim);--sheet-scrim-z-index:var(--z-overlay);--sheet-transition:transform var(--duration-normal) var(--ease-out);background-color:var(--sheet-background);border:var(--sheet-border);border-radius:var(--sheet-border-radius);bottom:var(--sheet-bottom);box-shadow:var(--sheet-box-shadow);box-sizing:border-box;color:var(--sheet-color);display:none;flex-direction:column;left:var(--sheet-left);max-height:var(--sheet-max-height);overflow:hidden;padding:var(--sheet-padding);position:fixed;transition:var(--sheet-transition);width:var(--sheet-width);z-index:var(--sheet-z-index)}.m3-bottom-sheet.sheet-open{display:flex}.m3-bottom-sheet .sheet-drag-handle{background-color:var(--sheet-handle-color);border-radius:var(--sheet-handle-border-radius);height:var(--sheet-handle-height);margin:var(--sheet-handle-margin);width:var(--sheet-handle-width)}.m3-bottom-sheet .sheet-content{color:var(--sheet-content-color);flex:1;font-size:var(--sheet-content-font-size);line-height:var(--sheet-content-line-height);overflow-y:auto;padding:var(--sheet-content-padding)}.m3-bottom-sheet .sheet-headline{color:var(--sheet-headline-color);font-size:var(--sheet-headline-font-size);font-weight:var(--sheet-headline-font-weight);line-height:var(--sheet-headline-line-height);margin:var(--sheet-headline-margin)}.m3-bottom-sheet.sheet\:modal{--sheet-box-shadow:0 0 0 100vmax var(--sheet-scrim-color),var(--shadow-lg);--sheet-z-index:var(--sheet-scrim-z-index)}.m3-nav-bar{--nav-bar-height:5rem;--nav-bar-background:var(--color-surface);--nav-bar-border-top:0.0625rem solid var(--color-border-subtle);--nav-bar-padding:0 0.5rem;--nav-bar-gap:0;--nav-bar-box-shadow:none;--nav-bar-color:var(--color-text);--nav-bar-position:static;--nav-bar-bottom:auto;--nav-bar-left:auto;--nav-bar-right:auto;--nav-bar-z-index:auto;--nav-bar-transition:box-shadow var(--duration-normal) var(--ease-out);align-items:center;background-color:var(--nav-bar-background);border-top:var(--nav-bar-border-top);bottom:var(--nav-bar-bottom);box-shadow:var(--nav-bar-box-shadow);box-sizing:border-box;color:var(--nav-bar-color);display:flex;gap:var(--nav-bar-gap);height:var(--nav-bar-height);justify-content:space-around;left:var(--nav-bar-left);padding:var(--nav-bar-padding);position:var(--nav-bar-position);right:var(--nav-bar-right);transition:var(--nav-bar-transition);z-index:var(--nav-bar-z-index)}.m3-nav-bar>.m3-deco{flex:1}.m3-nav-bar.nav-bar\:fixed{--nav-bar-position:fixed;--nav-bar-bottom:0;--nav-bar-left:0;--nav-bar-right:0;--nav-bar-z-index:var(--z-fixed)}.m3-nav-bar.nav-bar\:elevated{--nav-bar-border-top:none;--nav-bar-box-shadow:var(--shadow-md)}.m3-nav-bar.nav-bar-color\:surface-1{--nav-bar-background:var(--color-surface-1)}.m3-nav-bar.nav-bar-color\:surface-2{--nav-bar-background:var(--color-surface-2)}.m3-nav-rail{--rail-width:5rem;--rail-background:var(--color-surface);--rail-border-right:0.0625rem solid var(--color-border-subtle);--rail-padding:0.75rem 0;--rail-box-shadow:none;--rail-color:var(--color-text);--rail-position:static;--rail-top:auto;--rail-left:auto;--rail-bottom:auto;--rail-z-index:auto;--rail-header-padding:0.75rem 0 1rem;--rail-header-gap:0.75rem;--rail-items-gap:0.75rem;--rail-items-padding:0;--rail-transition:box-shadow var(--duration-normal) var(--ease-out);background-color:var(--rail-background);border-right:var(--rail-border-right);bottom:var(--rail-bottom);box-shadow:var(--rail-box-shadow);box-sizing:border-box;color:var(--rail-color);left:var(--rail-left);overflow-y:auto;padding:var(--rail-padding);position:var(--rail-position);top:var(--rail-top);transition:var(--rail-transition);width:var(--rail-width);z-index:var(--rail-z-index)}.m3-nav-rail,.m3-nav-rail .rail-header{align-items:center;display:flex;flex-direction:column}.m3-nav-rail .rail-header{flex-shrink:0;gap:var(--rail-header-gap);padding:var(--rail-header-padding)}.m3-nav-rail .rail-items{align-items:center;display:flex;flex:1;flex-direction:column;gap:var(--rail-items-gap);padding:var(--rail-items-padding)}.m3-nav-rail.rail\:fixed{--rail-position:fixed;--rail-top:0;--rail-left:0;--rail-bottom:0;--rail-z-index:var(--z-fixed)}.m3-nav-rail.rail\:elevated{--rail-border-right:none;--rail-box-shadow:var(--shadow-md)}.m3-nav-rail.rail-align\:center .rail-items{justify-content:center}.m3-nav-rail.rail-align\:end .rail-items{justify-content:flex-end}.m3-nav-rail.rail-color\:surface-1{--rail-background:var(--color-surface-1)}.m3-nav-rail.rail-color\:surface-2{--rail-background:var(--color-surface-2)}.m3-nav-drawer{--drawer-width:22.5rem;--drawer-background:var(--color-surface);--drawer-border-right:0.0625rem solid var(--color-border-subtle);--drawer-padding:0.75rem 0;--drawer-box-shadow:none;--drawer-color:var(--color-text);--drawer-z-index:var(--z-fixed);--drawer-headline-font-size:0.875rem;--drawer-headline-font-weight:600;--drawer-headline-color:var(--color-text-muted);--drawer-headline-padding:1rem 1.75rem 0.5rem;--drawer-headline-letter-spacing:0.0625rem;--drawer-content-padding:0 0.75rem;--drawer-content-gap:0.125rem;--drawer-item-height:3.5rem;--drawer-item-padding:0 1rem;--drawer-item-gap:0.75rem;--drawer-item-color:var(--color-text);--drawer-item-font-size:0.875rem;--drawer-item-font-weight:500;--drawer-item-line-height:1.25rem;--drawer-item-border-radius:var(--radius-full);--drawer-item-background:transparent;--drawer-item-cursor:pointer;--drawer-item-icon-size:1.5rem;--drawer-item-icon-color:var(--color-text-muted);--drawer-item-active-background:var(--color-primary-subtle);--drawer-item-active-color:var(--color-primary);--drawer-item-active-icon-color:var(--color-primary);--drawer-item-active-font-weight:700;--drawer-section-header-font-size:0.875rem;--drawer-section-header-font-weight:600;--drawer-section-header-color:var(--color-text-muted);--drawer-section-header-padding:1.125rem 1rem 0.5rem;--drawer-section-header-letter-spacing:0.0625rem;--drawer-state-hover-opacity:0.08;--drawer-scrim-background:var(--color-scrim);--drawer-transition:transform var(--duration-normal) var(--ease-out);background-color:var(--drawer-background);border-right:var(--drawer-border-right);box-shadow:var(--drawer-box-shadow);box-sizing:border-box;color:var(--drawer-color);display:flex;flex-direction:column;overflow-y:auto;padding:var(--drawer-padding);transition:var(--drawer-transition);width:var(--drawer-width);z-index:var(--drawer-z-index)}.m3-nav-drawer .drawer-header{flex-shrink:0}.m3-nav-drawer .drawer-headline{color:var(--drawer-headline-color);font-size:var(--drawer-headline-font-size);font-weight:var(--drawer-headline-font-weight);letter-spacing:var(--drawer-headline-letter-spacing);margin:0;padding:var(--drawer-headline-padding);text-transform:uppercase}.m3-nav-drawer .drawer-content{display:flex;flex:1;flex-direction:column;gap:var(--drawer-content-gap);padding:var(--drawer-content-padding)}.m3-nav-drawer .drawer-item{align-items:center;background-color:var(--drawer-item-background);border-radius:var(--drawer-item-border-radius);box-sizing:border-box;color:var(--drawer-item-color);cursor:var(--drawer-item-cursor);display:flex;flex-shrink:0;font-size:var(--drawer-item-font-size);font-weight:var(--drawer-item-font-weight);gap:var(--drawer-item-gap);height:var(--drawer-item-height);line-height:var(--drawer-item-line-height);padding:var(--drawer-item-padding);text-decoration:none}.m3-nav-drawer .drawer-item .m3-icon{color:var(--drawer-item-icon-color);flex-shrink:0;font-size:var(--drawer-item-icon-size)}.m3-nav-drawer .drawer-item .drawer-label{flex:1;min-width:0}.m3-nav-drawer .drawer-item:hover{background-image:linear-gradient(color-mix(in srgb,var(--drawer-item-color) calc(var(--drawer-state-hover-opacity)*100%),transparent),color-mix(in srgb,var(--drawer-item-color) calc(var(--drawer-state-hover-opacity)*100%),transparent))}.m3-nav-drawer .drawer-item.drawer-item-active{--drawer-item-background:var(--drawer-item-active-background);--drawer-item-color:var(--drawer-item-active-color);--drawer-item-icon-color:var(--drawer-item-active-icon-color);--drawer-item-font-weight:var(--drawer-item-active-font-weight)}.m3-nav-drawer .drawer-section-header{color:var(--drawer-section-header-color);display:block;font-size:var(--drawer-section-header-font-size);font-weight:var(--drawer-section-header-font-weight);letter-spacing:var(--drawer-section-header-letter-spacing);padding:var(--drawer-section-header-padding)}.m3-nav-drawer.drawer\:modal{--drawer-position:fixed;--drawer-box-shadow:var(--shadow-lg);--drawer-border-right:none;bottom:0;left:0;position:fixed;top:0}.m3-nav-drawer.drawer\:modal:before{background-color:var(--drawer-scrim-background);bottom:0;content:"";left:0;opacity:1;position:fixed;right:0;top:0;transition:opacity var(--duration-normal) var(--ease-out);z-index:-1}.m3-nav-drawer.drawer\:modal.drawer-closed{transform:translateX(-100%)}.m3-nav-drawer.drawer\:modal.drawer-closed:before{opacity:0;pointer-events:none}.m3-nav-drawer.drawer\:modal.drawer-open{transform:translateX(0)}.m3-layout{--layout-drawer-width:22.5rem;--layout-rail-width:5rem;--layout-bar-height:5rem;--layout-header-height:4rem;--layout-background:var(--color-surface);--layout-content-padding:1.5rem;--layout-transition:all var(--duration-normal) var(--ease-out);--layout-drawer-display:none;--layout-rail-display:none;--layout-bar-display:flex;--layout-main-margin-left:0;--layout-main-padding-bottom:var(--layout-bar-height);--layout-header-display:flex;--layout-header-menu-display:flex;background-color:var(--layout-background);box-sizing:border-box;display:flex;min-height:100vh;min-height:100dvh;position:relative}.m3-layout>.layout-drawer{display:var(--layout-drawer-display);width:var(--layout-drawer-width)}.m3-layout>.layout-drawer,.m3-layout>.layout-rail{bottom:0;flex-direction:column;left:0;position:fixed;top:0;z-index:var(--z-fixed)}.m3-layout>.layout-rail{align-items:center;display:var(--layout-rail-display);width:var(--layout-rail-width)}.m3-layout>.layout-main{display:flex;flex:1;flex-direction:column;margin-left:var(--layout-main-margin-left);min-height:100vh;min-height:100dvh;min-width:0;padding-bottom:var(--layout-main-padding-bottom);transition:var(--layout-transition)}.m3-layout .layout-header{display:var(--layout-header-display)}.m3-layout .layout-header .bar-leading{display:var(--layout-header-menu-display)}.m3-layout .layout-content{flex:1;overflow-y:auto;padding:var(--layout-content-padding)}.m3-layout>.layout-bar{display:var(--layout-bar-display)}@media (min-width:600px){.m3-layout{--layout-drawer-display:none;--layout-rail-display:flex;--layout-bar-display:none;--layout-main-margin-left:var(--layout-rail-width);--layout-main-padding-bottom:0}}@media (min-width:840px){.m3-layout{--layout-drawer-display:flex;--layout-rail-display:none;--layout-bar-display:none;--layout-main-margin-left:var(--layout-drawer-width);--layout-main-padding-bottom:0;--layout-header-menu-display:none}}.m3-layout.layout\:fixed-drawer{--layout-drawer-display:flex;--layout-rail-display:none;--layout-bar-display:none;--layout-main-margin-left:var(--layout-drawer-width);--layout-main-padding-bottom:0;--layout-header-menu-display:none}.m3-layout.layout\:no-header{--layout-header-display:none}.m3-form{--form-display:flex;--form-flex-direction:column;--form-gap:1.5rem;--form-width:100%;--form-header-gap:0.25rem;--form-headline-size:1.5rem;--form-headline-weight:600;--form-headline-color:var(--color-text);--form-headline-line-height:2rem;--form-headline-margin:0;--form-description-size:0.875rem;--form-description-color:var(--color-text-muted);--form-description-line-height:1.25rem;--form-description-margin:0;--form-fields-gap:1rem;--form-actions-gap:0.5rem;--form-actions-justify:flex-end;--form-actions-align:center;--form-message-padding:0.75rem 1rem;--form-message-border-radius:0.5rem;--form-message-font-size:0.875rem;--form-message-line-height:1.25rem;--form-message-background:var(--color-surface-2);--form-message-color:var(--color-text);box-sizing:border-box;display:var(--form-display);flex-direction:var(--form-flex-direction);gap:var(--form-gap);width:var(--form-width)}.m3-form .form-header{display:flex;flex-direction:column;gap:var(--form-header-gap)}.m3-form .form-headline{color:var(--form-headline-color);font-size:var(--form-headline-size);font-weight:var(--form-headline-weight);line-height:var(--form-headline-line-height);margin:var(--form-headline-margin)}.m3-form .form-description{color:var(--form-description-color);font-size:var(--form-description-size);line-height:var(--form-description-line-height);margin:var(--form-description-margin)}.m3-form .form-fields{display:flex;flex-direction:column;gap:var(--form-fields-gap)}.m3-form .form-actions{align-items:var(--form-actions-align);display:flex;gap:var(--form-actions-gap);justify-content:var(--form-actions-justify)}.m3-form .form-actions.form-actions\:start{--form-actions-justify:flex-start}.m3-form .form-actions.form-actions\:center{--form-actions-justify:center}.m3-form .form-actions.form-actions\:end{--form-actions-justify:flex-end}.m3-form .form-actions.form-actions\:between{--form-actions-justify:space-between}.m3-form .form-actions.form-actions\:stretch{--form-actions-justify:stretch}.m3-form .form-actions.form-actions\:stretch>*{flex:1}.m3-form .form-message{background-color:var(--form-message-background);border-radius:var(--form-message-border-radius);box-sizing:border-box;color:var(--form-message-color);font-size:var(--form-message-font-size);line-height:var(--form-message-line-height);padding:var(--form-message-padding)}.m3-form .form-message.form-message\:error{--form-message-background:color-mix(in srgb,var(--color-danger) 10%,transparent);--form-message-color:var(--color-danger)}.m3-form .form-message.form-message\:success{--form-message-background:color-mix(in srgb,var(--color-success) 10%,transparent);--form-message-color:var(--color-success)}.m3-form .form-message.form-message\:warning{--form-message-background:color-mix(in srgb,var(--color-warning) 10%,transparent);--form-message-color:var(--color-warning)}.m3-form .form-message.form-message\:info{--form-message-background:color-mix(in srgb,var(--color-primary) 10%,transparent);--form-message-color:var(--color-primary)}.m3-form.form\:loose{--form-gap:2rem;--form-fields-gap:1.5rem}.m3-form.form\:compact{--form-gap:1rem;--form-fields-gap:0.75rem}.m3-grid{--grid-cols:3;--grid-cols-md:2;--grid-cols-sm:1;--grid-gap:var(--space-6);--grid-min:16rem;display:grid;gap:var(--grid-gap);grid-template-columns:repeat(var(--grid-cols),minmax(0,1fr));list-style:none;margin:0;padding:0}.m3-grid>*{min-width:0}.m3-grid.grid-cols\:1{--grid-cols:1;--grid-cols-md:1}.m3-grid.grid-cols\:2{--grid-cols:2;--grid-cols-md:2}.m3-grid.grid-cols\:3{--grid-cols:3;--grid-cols-md:2}.m3-grid.grid-cols\:4{--grid-cols:4;--grid-cols-md:2}.m3-grid.grid-cols\:5{--grid-cols:5;--grid-cols-md:3}.m3-grid.grid-cols\:6{--grid-cols:6;--grid-cols-md:3}.m3-grid.grid-cols\:auto{grid-template-columns:repeat(auto-fill,minmax(var(--grid-min),1fr))}.m3-grid.grid-gap\:1{--grid-gap:var(--space-2)}.m3-grid.grid-gap\:2{--grid-gap:var(--space-3)}.m3-grid.grid-gap\:3{--grid-gap:var(--space-5)}.m3-grid.grid-gap\:4{--grid-gap:var(--space-6)}.m3-grid.grid-gap\:5{--grid-gap:var(--space-8)}@media (max-width:1024px){.m3-grid{grid-template-columns:repeat(var(--grid-cols-md),minmax(0,1fr))}.m3-grid.grid-cols\:auto{grid-template-columns:repeat(auto-fill,minmax(var(--grid-min),1fr))}.m3-grid.md\:grid-cols\:1{--grid-cols-md:1}.m3-grid.md\:grid-cols\:2{--grid-cols-md:2}.m3-grid.md\:grid-cols\:3{--grid-cols-md:3}.m3-grid.md\:grid-cols\:4{--grid-cols-md:4}}@media (max-width:640px){.m3-grid{grid-template-columns:repeat(var(--grid-cols-sm),minmax(0,1fr))}.m3-grid.grid-cols\:auto{grid-template-columns:repeat(auto-fill,minmax(min(var(--grid-min),100%),1fr))}.m3-grid.sm\:grid-cols\:1{--grid-cols-sm:1}.m3-grid.sm\:grid-cols\:2{--grid-cols-sm:2}.m3-grid.sm\:grid-cols\:3{--grid-cols-sm:3}}.m3-pager{--pager-gap:0.375rem;--pager-justify:center;--pager-margin:0;--pager-item-height:2.25rem;--pager-item-min-width:var(--pager-item-height);--pager-item-padding:0 0.75rem;--pager-item-font-size:0.875rem;--pager-item-font-weight:var(--font-weight-medium);--pager-item-border-radius:var(--radius-3);--pager-item-border-width:0.0625rem;--pager-item-border-color:var(--color-border);--pager-item-background:var(--color-surface);--pager-item-color:var(--color-text);--pager-item-hover-background:var(--color-surface-1);--pager-current-background:var(--color-text);--pager-current-color:var(--color-surface);--pager-current-border-color:var(--color-text);--pager-current-font-weight:var(--font-weight-bold);--pager-disabled-color:var(--color-text-subtle);--pager-disabled-opacity:1;--pager-transition:background-color var(--duration-fast) var(--ease-in-out),color var(--duration-fast) var(--ease-in-out);align-items:center;display:flex;flex-wrap:wrap;gap:var(--pager-gap);justify-content:var(--pager-justify);margin:var(--pager-margin)}.m3-pager .pager-item{align-items:center;background:var(--pager-item-background);border:var(--pager-item-border-width) solid var(--pager-item-border-color);border-radius:var(--pager-item-border-radius);box-sizing:border-box;color:var(--pager-item-color);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--pager-item-font-size);font-weight:var(--pager-item-font-weight);height:var(--pager-item-height);justify-content:center;line-height:1;min-width:var(--pager-item-min-width);padding:var(--pager-item-padding);text-decoration:none;transition:var(--pager-transition)}.m3-pager .pager-item:hover{background:var(--pager-item-hover-background)}.m3-pager .pager-item[aria-current=page]{background:var(--pager-current-background);border-color:var(--pager-current-border-color);color:var(--pager-current-color);cursor:default;font-weight:var(--pager-current-font-weight)}.m3-pager .pager-item:disabled,.m3-pager .pager-item[aria-disabled=true]{color:var(--pager-disabled-color);opacity:var(--pager-disabled-opacity);pointer-events:none}.m3-pager .pager-ellipsis{align-items:center;color:var(--pager-disabled-color);display:inline-flex;font-size:var(--pager-item-font-size);justify-content:center;min-width:var(--pager-item-min-width)}.m3-pager.pager\:text{--pager-item-border-color:transparent;--pager-item-background:transparent;--pager-current-border-color:transparent}.m3-pager.pager-align\:start{--pager-justify:flex-start}.m3-pager.pager-align\:center{--pager-justify:center}.m3-pager.pager-align\:end{--pager-justify:flex-end}.m3-pager.pager-size\:sm{--pager-item-height:2rem;--pager-item-font-size:0.8125rem;--pager-item-padding:0 0.625rem}.m3-pager.pager-size\:md{--pager-item-height:2.25rem;--pager-item-font-size:0.875rem;--pager-item-padding:0 0.75rem}.m3-pager.pager-size\:lg{--pager-item-height:2.5rem;--pager-item-font-size:0.875rem;--pager-item-padding:0 1rem}
|
|
1
|
+
@layer reset, tokens, base, components;@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");:root{--_font-scale-1:0.75rem;--_font-scale-2:0.875rem;--_font-scale-3:1rem;--_font-scale-4:1.125rem;--_font-scale-5:1.25rem;--_font-scale-6:1.5rem;--_font-scale-7:2rem;--_font-scale-8:2.5rem;--_font-scale-9:3rem;--_hue-gray-50:#fafafa;--_hue-gray-100:#f5f5f5;--_hue-gray-200:#e5e5e5;--_hue-gray-300:#d4d4d4;--_hue-gray-400:#a3a3a3;--_hue-gray-500:#737373;--_hue-gray-600:#525252;--_hue-gray-700:#404040;--_hue-gray-800:#262626;--_hue-gray-900:#171717;--_hue-gray-950:#0a0a0a;--_hue-green-50:#f7fee7;--_hue-green-100:#ecfccb;--_hue-green-200:#d9f99d;--_hue-green-300:#bef264;--_hue-green-400:#a3e635;--_hue-green-500:#8cba35;--_hue-green-600:#65a30d;--_hue-green-700:#4d7c0f;--_hue-green-800:#3f6212;--_hue-green-900:#365314;--_hue-green-950:#1a2e05;--_hue-blue-50:#eff6ff;--_hue-blue-100:#dbeafe;--_hue-blue-200:#bfdbfe;--_hue-blue-300:#93c5fd;--_hue-blue-400:#60a5fa;--_hue-blue-500:#3b82f6;--_hue-blue-600:#2563eb;--_hue-blue-700:#1d4ed8;--_hue-blue-800:#1e40af;--_hue-blue-900:#1e3a8a;--_hue-blue-950:#172554;--_hue-red-50:#fef2f2;--_hue-red-100:#fee2e2;--_hue-red-200:#fecaca;--_hue-red-300:#fca5a5;--_hue-red-400:#f87171;--_hue-red-500:#ef4444;--_hue-red-600:#dc2626;--_hue-red-700:#b91c1c;--_hue-red-800:#991b1b;--_hue-red-900:#7f1d1d;--_hue-red-950:#450a0a;--_hue-amber-50:#fffbeb;--_hue-amber-100:#fef3c7;--_hue-amber-200:#fde68a;--_hue-amber-300:#fcd34d;--_hue-amber-400:#fbbf24;--_hue-amber-500:#f59e0b;--_hue-amber-600:#d97706;--_hue-amber-700:#b45309;--_hue-amber-800:#92400e;--_hue-amber-900:#78350f;--_hue-amber-950:#451a03;--_hue-emerald-50:#ecfdf5;--_hue-emerald-100:#d1fae5;--_hue-emerald-200:#a7f3d0;--_hue-emerald-300:#6ee7b7;--_hue-emerald-400:#34d399;--_hue-emerald-500:#10b981;--_hue-emerald-600:#059669;--_hue-emerald-700:#047857;--_hue-emerald-800:#065f46;--_hue-emerald-900:#064e3b;--_hue-emerald-950:#022c22;--_hue-white:#fff;--_hue-sky-50:#f0f9ff;--_hue-sky-100:#e0f2fe;--_hue-sky-200:#bae6fd;--_hue-sky-300:#7dd3fc;--_hue-sky-400:#38bdf8;--_hue-sky-500:#0ea5e9;--_hue-sky-600:#0284c7;--_hue-sky-700:#0369a1;--_hue-sky-800:#075985;--_hue-sky-900:#0c4a6e;--_hue-sky-950:#082f49;--_radius-scale-0:0;--_radius-scale-1:0.125rem;--_radius-scale-2:0.25rem;--_radius-scale-3:0.5rem;--_radius-scale-4:0.75rem;--_radius-scale-5:1rem;--_radius-scale-6:1.5rem;--_scale-0:0;--_scale-1:0.125rem;--_scale-2:0.25rem;--_scale-3:0.5rem;--_scale-4:0.75rem;--_scale-5:1rem;--_scale-6:1.25rem;--_scale-7:1.5rem;--_scale-8:2rem;--_scale-9:2.5rem;--_scale-10:3rem;--_scale-11:4rem;--_scale-12:5rem;--_scale-13:6rem;--_scale-14:8rem;--_shadow-elev-1:0 0.0625rem 0.125rem rgba(0,0,0,.05);--_shadow-elev-2:0 0.125rem 0.25rem rgba(0,0,0,.1);--_shadow-elev-3:0 0.25rem 0.5rem rgba(0,0,0,.12);--_shadow-elev-4:0 0.5rem 1rem rgba(0,0,0,.15);--_shadow-elev-5:0 1rem 2rem rgba(0,0,0,.2);--border-width-0:0;--border-width-1:0.0625rem;--border-width-2:0.125rem;--border-width-3:0.25rem;--border-width-4:0.5rem}:root,[data-theme=light]{--color-primary:var(--_hue-green-500);--color-primary-hover:var(--_hue-green-600);--color-primary-active:var(--_hue-green-700);--color-primary-subtle:var(--_hue-green-100);--color-on-primary:var(--_hue-gray-950);--color-secondary:var(--_hue-blue-500);--color-secondary-hover:var(--_hue-blue-600);--color-secondary-active:var(--_hue-blue-700);--color-secondary-subtle:var(--_hue-blue-100);--color-on-secondary:var(--_hue-white);--color-tertiary:var(--_hue-amber-500);--color-tertiary-hover:var(--_hue-amber-600);--color-tertiary-active:var(--_hue-amber-700);--color-tertiary-subtle:var(--_hue-amber-100);--color-on-tertiary:var(--_hue-gray-900);--color-surface:var(--_hue-white);--color-surface-1:var(--_hue-gray-50);--color-surface-2:var(--_hue-gray-100);--color-surface-3:var(--_hue-gray-200);--color-surface-4:var(--_hue-gray-300);--color-surface-inverse:var(--_hue-gray-900);--color-surface-hover:var(--_hue-gray-100);--color-surface-active:var(--_hue-gray-200);--color-surface-disabled:var(--_hue-gray-100);--color-text:var(--_hue-gray-900);--color-text-muted:var(--_hue-gray-600);--color-text-subtle:var(--_hue-gray-500);--color-text-inverse:var(--_hue-white);--color-text-disabled:var(--_hue-gray-400);--color-link:var(--_hue-blue-600);--color-link-hover:var(--_hue-blue-700);--color-border:var(--_hue-gray-200);--color-border-strong:var(--_hue-gray-400);--color-border-subtle:var(--_hue-gray-100);--color-code-bg:var(--_hue-gray-900);--color-code-fg:var(--_hue-gray-100);--color-code-border:var(--_hue-gray-800);--color-scrim:color-mix(in srgb,var(--_hue-gray-950) 32%,transparent);--color-success:var(--_hue-emerald-500);--color-success-hover:var(--_hue-emerald-600);--color-success-active:var(--_hue-emerald-700);--color-success-subtle:var(--_hue-emerald-100);--color-on-success:var(--_hue-gray-950);--color-warning:var(--_hue-amber-500);--color-warning-hover:var(--_hue-amber-600);--color-warning-active:var(--_hue-amber-700);--color-warning-subtle:var(--_hue-amber-100);--color-on-warning:var(--_hue-gray-900);--color-danger:var(--_hue-red-500);--color-danger-hover:var(--_hue-red-600);--color-danger-active:var(--_hue-red-700);--color-danger-subtle:var(--_hue-red-100);--color-on-danger:var(--_hue-white);--color-info:var(--_hue-sky-500);--color-info-hover:var(--_hue-sky-600);--color-info-active:var(--_hue-sky-700);--color-info-subtle:var(--_hue-sky-100);--color-on-info:var(--_hue-gray-950);--color-focus-ring:var(--_hue-blue-400);color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-primary:var(--_hue-green-400);--color-primary-hover:var(--_hue-green-300);--color-primary-active:var(--_hue-green-200);--color-primary-subtle:var(--_hue-green-900);--color-on-primary:var(--_hue-gray-950);--color-secondary:var(--_hue-blue-400);--color-secondary-hover:var(--_hue-blue-300);--color-secondary-active:var(--_hue-blue-200);--color-secondary-subtle:var(--_hue-blue-900);--color-on-secondary:var(--_hue-gray-950);--color-tertiary:var(--_hue-amber-400);--color-tertiary-hover:var(--_hue-amber-300);--color-tertiary-active:var(--_hue-amber-200);--color-tertiary-subtle:var(--_hue-amber-900);--color-on-tertiary:var(--_hue-gray-950);--color-surface:var(--_hue-gray-950);--color-surface-1:var(--_hue-gray-900);--color-surface-2:var(--_hue-gray-800);--color-surface-3:var(--_hue-gray-700);--color-surface-4:var(--_hue-gray-600);--color-surface-inverse:var(--_hue-gray-50);--color-surface-hover:var(--_hue-gray-800);--color-surface-active:var(--_hue-gray-700);--color-surface-disabled:var(--_hue-gray-800);--color-text:var(--_hue-gray-100);--color-text-muted:var(--_hue-gray-400);--color-text-subtle:var(--_hue-gray-500);--color-text-inverse:var(--_hue-gray-900);--color-text-disabled:var(--_hue-gray-600);--color-link:var(--_hue-blue-400);--color-link-hover:var(--_hue-blue-300);--color-border:var(--_hue-gray-800);--color-border-strong:var(--_hue-gray-600);--color-border-subtle:var(--_hue-gray-900);--color-code-bg:var(--_hue-gray-950);--color-code-fg:var(--_hue-gray-100);--color-code-border:var(--_hue-gray-800);--color-scrim:color-mix(in srgb,var(--_hue-gray-950) 60%,transparent);--color-success:var(--_hue-emerald-400);--color-success-hover:var(--_hue-emerald-300);--color-success-active:var(--_hue-emerald-200);--color-success-subtle:var(--_hue-emerald-900);--color-on-success:var(--_hue-gray-950);--color-warning:var(--_hue-amber-400);--color-warning-hover:var(--_hue-amber-300);--color-warning-active:var(--_hue-amber-200);--color-warning-subtle:var(--_hue-amber-900);--color-on-warning:var(--_hue-gray-950);--color-danger:var(--_hue-red-400);--color-danger-hover:var(--_hue-red-300);--color-danger-active:var(--_hue-red-200);--color-danger-subtle:var(--_hue-red-900);--color-on-danger:var(--_hue-gray-950);--color-info:var(--_hue-sky-400);--color-info-hover:var(--_hue-sky-300);--color-info-active:var(--_hue-sky-200);--color-info-subtle:var(--_hue-sky-900);--color-on-info:var(--_hue-gray-950);--color-focus-ring:var(--_hue-blue-300);color-scheme:dark}}[data-theme=dark]{--color-primary:var(--_hue-green-400);--color-primary-hover:var(--_hue-green-300);--color-primary-active:var(--_hue-green-200);--color-primary-subtle:var(--_hue-green-900);--color-on-primary:var(--_hue-gray-950);--color-secondary:var(--_hue-blue-400);--color-secondary-hover:var(--_hue-blue-300);--color-secondary-active:var(--_hue-blue-200);--color-secondary-subtle:var(--_hue-blue-900);--color-on-secondary:var(--_hue-gray-950);--color-tertiary:var(--_hue-amber-400);--color-tertiary-hover:var(--_hue-amber-300);--color-tertiary-active:var(--_hue-amber-200);--color-tertiary-subtle:var(--_hue-amber-900);--color-on-tertiary:var(--_hue-gray-950);--color-surface:var(--_hue-gray-950);--color-surface-1:var(--_hue-gray-900);--color-surface-2:var(--_hue-gray-800);--color-surface-3:var(--_hue-gray-700);--color-surface-4:var(--_hue-gray-600);--color-surface-inverse:var(--_hue-gray-50);--color-surface-hover:var(--_hue-gray-800);--color-surface-active:var(--_hue-gray-700);--color-surface-disabled:var(--_hue-gray-800);--color-text:var(--_hue-gray-100);--color-text-muted:var(--_hue-gray-400);--color-text-subtle:var(--_hue-gray-500);--color-text-inverse:var(--_hue-gray-900);--color-text-disabled:var(--_hue-gray-600);--color-link:var(--_hue-blue-400);--color-link-hover:var(--_hue-blue-300);--color-border:var(--_hue-gray-800);--color-border-strong:var(--_hue-gray-600);--color-border-subtle:var(--_hue-gray-900);--color-code-bg:var(--_hue-gray-950);--color-code-fg:var(--_hue-gray-100);--color-code-border:var(--_hue-gray-800);--color-scrim:color-mix(in srgb,var(--_hue-gray-950) 60%,transparent);--color-success:var(--_hue-emerald-400);--color-success-hover:var(--_hue-emerald-300);--color-success-active:var(--_hue-emerald-200);--color-success-subtle:var(--_hue-emerald-900);--color-on-success:var(--_hue-gray-950);--color-warning:var(--_hue-amber-400);--color-warning-hover:var(--_hue-amber-300);--color-warning-active:var(--_hue-amber-200);--color-warning-subtle:var(--_hue-amber-900);--color-on-warning:var(--_hue-gray-950);--color-danger:var(--_hue-red-400);--color-danger-hover:var(--_hue-red-300);--color-danger-active:var(--_hue-red-200);--color-danger-subtle:var(--_hue-red-900);--color-on-danger:var(--_hue-gray-950);--color-info:var(--_hue-sky-400);--color-info-hover:var(--_hue-sky-300);--color-info-active:var(--_hue-sky-200);--color-info-subtle:var(--_hue-sky-900);--color-on-info:var(--_hue-gray-950);--color-focus-ring:var(--_hue-blue-300);color-scheme:dark}:root{--opacity-0:0;--opacity-10:0.1;--opacity-20:0.2;--opacity-30:0.3;--opacity-40:0.4;--opacity-50:0.5;--opacity-60:0.6;--opacity-70:0.7;--opacity-80:0.8;--opacity-90:0.9;--opacity-100:1;--radius-0:var(--_radius-scale-0);--radius-1:var(--_radius-scale-1);--radius-2:var(--_radius-scale-2);--radius-3:var(--_radius-scale-3);--radius-4:var(--_radius-scale-4);--radius-5:var(--_radius-scale-5);--radius-6:var(--_radius-scale-6);--radius-full:9999px;--shadow-sm:var(--_shadow-elev-1);--shadow-md:var(--_shadow-elev-2);--shadow-lg:var(--_shadow-elev-3);--shadow-xl:var(--_shadow-elev-4);--shadow-2xl:var(--_shadow-elev-5);--space-0:var(--_scale-0);--space-1:var(--_scale-1);--space-2:var(--_scale-2);--space-3:var(--_scale-3);--space-4:var(--_scale-4);--space-5:var(--_scale-5);--space-6:var(--_scale-6);--space-7:var(--_scale-7);--space-8:var(--_scale-8);--space-9:var(--_scale-9);--space-10:var(--_scale-10);--space-11:var(--_scale-11);--space-12:var(--_scale-12);--space-13:var(--_scale-13);--space-14:var(--_scale-14);--duration-fast:150ms;--duration-normal:250ms;--duration-slow:400ms;--ease-linear:linear;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--font-size-caption:var(--_font-scale-1);--font-size-body-sm:var(--_font-scale-2);--font-size-body:var(--_font-scale-3);--font-size-body-lg:var(--_font-scale-4);--font-size-heading-sm:var(--_font-scale-5);--font-size-heading-md:var(--_font-scale-6);--font-size-heading-lg:var(--_font-scale-7);--font-size-heading-xl:var(--_font-scale-8);--font-size-display:var(--_font-scale-9);--font-family-sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Apple SD Gothic Neo","Malgun Gothic",sans-serif;--font-family-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-loose:1.75;--letter-spacing-tight:-0.02em;--letter-spacing-normal:0;--letter-spacing-wide:0.02em;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-fixed:250;--z-overlay:300;--z-modal:400;--z-popover:500;--z-toast:600;--z-tooltip:700}:root,[data-theme=dark],[data-theme=light]{--color-on-surface:var(--color-text);--color-on-surface-inverse:var(--color-text-inverse);--size-0:var(--space-0);--size-1:var(--space-1);--size-2:var(--space-2);--size-3:var(--space-3);--size-4:var(--space-4);--size-5:var(--space-5);--size-6:var(--space-6);--size-7:var(--space-7);--size-8:var(--space-8);--size-9:var(--space-9);--size-10:var(--space-10);--size-11:var(--space-11);--size-12:var(--space-12);--size-13:var(--space-13);--size-14:var(--space-14);--size-1-2:50%;--size-1-3:33.333333%;--size-2-3:66.666667%;--size-1-4:25%;--size-3-4:75%;--size-1-5:20%;--size-2-5:40%;--size-3-5:60%;--size-4-5:80%;--size-1-6:16.666667%;--size-5-6:83.333333%;--size-1-12:8.333333%;--size-5-12:41.666667%;--size-7-12:58.333333%;--size-11-12:91.666667%;--size-screen-w-25:25vw;--size-screen-w-50:50vw;--size-screen-w-75:75vw;--size-screen-w:100vw;--size-screen-h-25:25vh;--size-screen-h-50:50vh;--size-screen-h-75:75vh;--size-screen-h:100vh;--size-full:100%;--size-half:50%;--size-auto:auto;--font-size-xs:var(--font-size-caption);--font-size-sm:var(--font-size-body-sm);--font-size-md:var(--font-size-body);--font-size-lg:var(--font-size-body-lg);--font-size-xl:var(--font-size-heading-sm);--font-size-2xl:var(--font-size-heading-md);--font-size-3xl:var(--font-size-heading-lg);--font-size-4xl:var(--font-size-display);--shadow-none:none;--opacity-25:0.25;--opacity-75:0.75}@layer reset{:where([class*=" m3-"] *,[class^=m3-] *),:where([class*=" m3-"],[class^=m3-]),:where(body.reset *),:where(body.reset :after),:where(body.reset :before),:where(body.reset){border:0;font:inherit;margin:0;padding:0}:where([class*=" m3-"],[class^=m3-] *),:where([class*=" m3-"],[class^=m3-] :after),:where([class*=" m3-"],[class^=m3-] :before),:where(body.reset *),:where(body.reset :after),:where(body.reset :before),:where(body.reset){box-sizing:border-box}:where([class*=" m3-"] h1,[class^=m3-] h1),:where([class*=" m3-"] h2,[class^=m3-] h2),:where([class*=" m3-"] h3,[class^=m3-] h3),:where([class*=" m3-"] h4,[class^=m3-] h4),:where([class*=" m3-"] h5,[class^=m3-] h5),:where([class*=" m3-"] h6,[class^=m3-] h6),:where(body.reset h1),:where(body.reset h2),:where(body.reset h3),:where(body.reset h4),:where(body.reset h5),:where(body.reset h6){font-size:100%;font-weight:400;margin:0;padding:0}:where([class*=" m3-"],[class^=m3-] abbr),:where([class*=" m3-"],[class^=m3-] acronym),:where([class*=" m3-"],[class^=m3-] fieldset),:where([class*=" m3-"],[class^=m3-] img),:where(body.reset abbr),:where(body.reset acronym),:where(body.reset fieldset),:where(body.reset img){border:0}:where([class*=" m3-"],[class^=m3-] ol),:where([class*=" m3-"],[class^=m3-] ul),:where(body.reset ol),:where(body.reset ul){list-style:none;margin:0;padding:0}:where([class*=" m3-"],[class^=m3-] table),:where(body.reset table){border:0;border-collapse:separate;border-spacing:0}:where([class*=" m3-"],[class^=m3-] caption),:where([class*=" m3-"],[class^=m3-] td),:where([class*=" m3-"],[class^=m3-] th),:where(body.reset caption),:where(body.reset td),:where(body.reset th){font-weight:400;margin:0;padding:0;text-align:left}:where([class*=" m3-"],[class^=m3-] address),:where([class*=" m3-"],[class^=m3-] caption),:where([class*=" m3-"],[class^=m3-] cite),:where([class*=" m3-"],[class^=m3-] em),:where([class*=" m3-"],[class^=m3-] strong),:where(body.reset address),:where(body.reset caption),:where(body.reset cite),:where(body.reset em),:where(body.reset strong){font-style:normal;font-weight:400}:where([class*=" m3-"],[class^=m3-] ins),:where(body.reset ins){text-decoration:none}:where([class*=" m3-"],[class^=m3-] del),:where(body.reset del){text-decoration:line-through}:where([class*=" m3-"],[class^=m3-] blockquote),:where([class*=" m3-"],[class^=m3-] q),:where(body.reset blockquote),:where(body.reset q){margin:0;padding:0;quotes:"" ""}:where([class*=" m3-"],[class^=m3-] blockquote:after),:where([class*=" m3-"],[class^=m3-] blockquote:before),:where([class*=" m3-"],[class^=m3-] q:after),:where([class*=" m3-"],[class^=m3-] q:before),:where(body.reset blockquote:after),:where(body.reset blockquote:before),:where(body.reset q:after),:where(body.reset q:before){content:""}:where([class*=" m3-"] hr,[class^=m3-] hr),:where(body.reset hr){display:none}:where([class*=" m3-"],[class^=m3-] a),:where(body.reset a){color:inherit;text-decoration:none}:where([class*=" m3-"],[class^=m3-] input),:where(body.reset input),:where(body.reset select),:where(body.reset textarea){border:none;box-sizing:border-box;font:inherit;margin:0;padding:0}:where([class*=" m3-"],[class^=m3-] button:focus),:where([class*=" m3-"],[class^=m3-] input:focus),:where([class*=" m3-"],[class^=m3-] option:focus),:where([class*=" m3-"],[class^=m3-] select:focus),:where([class*=" m3-"],[class^=m3-] textarea:focus),:where(body.reset button:focus),:where(body.reset input:focus),:where(body.reset option:focus),:where(body.reset select:focus),:where(body.reset textarea:focus){outline:none}:where([class*=" m3-"],[class^=m3-] fieldset),:where([class*=" m3-"],[class^=m3-] label),:where([class*=" m3-"],[class^=m3-] legend),:where(body.reset fieldset),:where(body.reset label),:where(body.reset legend){border:0;margin:0;padding:0}:where([class*=" m3-"],[class^=m3-] input[type=checkbox]),:where(body.reset input[type=checkbox]){margin:0}:where([class*=" m3-"],[class^=m3-] button),:where(body.reset button){background-color:transparent;border:0;cursor:pointer;font:inherit;margin:0;padding:0}}[data-icon]:before{content:attr(data-icon)}.icon\:home:before{content:"\e88a"}.icon\:menu:before{content:"\e5d2"}.icon\:close:before{content:"\e5cd"}.icon\:arrow_back:before{content:"\e5c4"}.icon\:arrow_forward:before{content:"\e5c8"}.icon\:expand_more:before{content:"\e5cf"}.icon\:expand_less:before{content:"\e5ce"}.icon\:chevron_left:before{content:"\e5cb"}.icon\:chevron_right:before{content:"\e5cc"}.icon\:more_vert:before{content:"\e5d4"}.icon\:more_horiz:before{content:"\e5d3"}.icon\:refresh:before{content:"\e5d5"}.icon\:settings:before{content:"\e8b8"}.icon\:apps:before{content:"\e5c3"}.icon\:launch:before{content:"\e895"}.icon\:add:before{content:"\e145"}.icon\:remove:before{content:"\e15b"}.icon\:edit:before{content:"\e3c9"}.icon\:delete:before{content:"\e872"}.icon\:save:before{content:"\e161"}.icon\:check:before{content:"\e5ca"}.icon\:clear:before{content:"\e14c"}.icon\:cancel:before{content:"\e5c9"}.icon\:done:before{content:"\e876"}.icon\:search:before{content:"\e8b6"}.icon\:share:before{content:"\e80d"}.icon\:download:before{content:"\e2c4"}.icon\:upload:before{content:"\e2c6"}.icon\:copy:before{content:"\e14d"}.icon\:visibility:before{content:"\e8f4"}.icon\:visibility_off:before{content:"\e8f5"}.icon\:lock:before{content:"\e897"}.icon\:lock_open:before{content:"\e898"}.icon\:sync:before{content:"\e627"}.icon\:info:before{content:"\e88e"}.icon\:email:before{content:"\e0be"}.icon\:phone:before{content:"\e0cd"}.icon\:chat:before{content:"\e0b7"}.icon\:notifications:before{content:"\e7f4"}.icon\:send:before{content:"\e163"}.icon\:reply:before{content:"\e15e"}.icon\:help:before{content:"\e887"}.icon\:feedback:before{content:"\e87f"}.icon\:play_arrow:before{content:"\e037"}.icon\:pause:before{content:"\e034"}.icon\:stop:before{content:"\e047"}.icon\:volume_up:before{content:"\e050"}.icon\:volume_off:before{content:"\e04f"}.icon\:mic:before{content:"\e029"}.icon\:mic_off:before{content:"\e02b"}.icon\:folder:before{content:"\e2c7"}.icon\:folder_open:before{content:"\e2c8"}.icon\:attach_file:before{content:"\e226"}.icon\:cloud:before{content:"\e2bd"}.icon\:description:before{content:"\e873"}.icon\:person:before{content:"\e7fd"}.icon\:people:before{content:"\e7fb"}.icon\:favorite:before{content:"\e87d"}.icon\:star:before{content:"\e838"}.icon\:thumb_up:before{content:"\e8dc"}.m3-icon{--icon-size:1.5rem;--icon-family:"Material Symbols Outlined";--icon-fill:0;--icon-weight:400;--icon-grade:0;--icon-optical-size:24;--icon-hover-border-radius:50%;--icon-hover-scale:1.3;--icon-hover-inner-scale:0.8;color:var(--icon-color,inherit);overflow:hidden;transition:color var(--duration-fast) var(--ease-in-out);vertical-align:middle}.m3-icon,.m3-icon:before{align-items:center;display:inline-flex;height:var(--icon-size);justify-content:center;width:var(--icon-size)}.m3-icon:before{color:inherit;flex-shrink:0;font-family:var(--icon-family);font-size:var(--icon-size);font-variation-settings:"FILL" var(--icon-fill),"wght" var(--icon-weight),"GRAD" var(--icon-grade),"OPSZ" var(--icon-optical-size)}.m3-icon.icon-style\:outlined{--icon-family:"Material Symbols Outlined"}.m3-icon.icon-style\:rounded{--icon-family:"Material Symbols Rounded"}.m3-icon.icon-style\:sharp{--icon-family:"Material Symbols Sharp"}.m3-icon.icon-filled\:0{--icon-fill:0}.m3-icon.icon-filled\:1{--icon-fill:1}.m3-icon.icon-weight\:100{--icon-weight:100}.m3-icon.icon-weight\:200{--icon-weight:200}.m3-icon.icon-weight\:300{--icon-weight:300}.m3-icon.icon-weight\:400{--icon-weight:400}.m3-icon.icon-weight\:500{--icon-weight:500}.m3-icon.icon-weight\:600{--icon-weight:600}.m3-icon.icon-weight\:700{--icon-weight:700}.m3-icon.icon-grade\:low{--icon-grade:-25}.m3-icon.icon-grade\:normal{--icon-grade:0}.m3-icon.icon-grade\:high{--icon-grade:200}.m3-icon.icon-optical\:20{--icon-optical-size:20}.m3-icon.icon-optical\:24{--icon-optical-size:24}.m3-icon.icon-optical\:40{--icon-optical-size:40}.m3-icon.icon-optical\:48{--icon-optical-size:48}.m3-icon.icon-size\:xs{--icon-size:1rem;--icon-optical-size:20}.m3-icon.icon-size\:sm{--icon-size:1.25rem;--icon-optical-size:20}.m3-icon.icon-size\:md{--icon-size:1.5rem;--icon-optical-size:24}.m3-icon.icon-size\:lg{--icon-size:2.5rem;--icon-optical-size:40}.m3-icon.icon-size\:xl{--icon-size:3rem;--icon-optical-size:48}.m3-icon.icon-size\:1{--icon-size:1rem;--icon-optical-size:20}.m3-icon.icon-size\:2{--icon-size:1.25rem;--icon-optical-size:20}.m3-icon.icon-size\:3{--icon-size:1.5rem;--icon-optical-size:24}.m3-icon.icon-size\:4{--icon-size:2.5rem;--icon-optical-size:40}.m3-icon.icon-size\:5{--icon-size:3rem;--icon-optical-size:48}.m3-icon.icon-color\:primary{--icon-color:var(--color-primary)}.m3-icon.icon-color\:primary-hover{--icon-color:var(--color-primary-hover)}.m3-icon.icon-color\:primary-active{--icon-color:var(--color-primary-active)}.m3-icon.icon-color\:secondary{--icon-color:var(--color-secondary)}.m3-icon.icon-color\:secondary-hover{--icon-color:var(--color-secondary-hover)}.m3-icon.icon-color\:tertiary{--icon-color:var(--color-tertiary)}.m3-icon.icon-color\:tertiary-hover{--icon-color:var(--color-tertiary-hover)}.m3-icon.icon-color\:surface{--icon-color:var(--color-surface)}.m3-icon.icon-color\:on-surface,.m3-icon.icon-color\:text{--icon-color:var(--color-text)}.m3-icon.icon-color\:text-muted{--icon-color:var(--color-text-muted)}.m3-icon.icon-color\:text-subtle{--icon-color:var(--color-text-subtle)}.m3-icon.icon-color\:success{--icon-color:var(--color-success)}.m3-icon.icon-color\:warning{--icon-color:var(--color-warning)}.m3-icon.icon-color\:danger{--icon-color:var(--color-danger)}.m3-icon.icon-color\:white{--icon-color:#fff}.m3-icon.icon-color\:black{--icon-color:#000}.m3-icon.icon-hover:hover{border-radius:var(--icon-hover-border-radius);transform:scale(var(--icon-hover-scale))}.m3-icon.icon-hover:hover:before{transform:scale(var(--icon-hover-inner-scale))}@media (min-width:640px){.m3-icon.sm\:icon-size\:xs{--icon-size:1rem;--icon-optical-size:20}.m3-icon.sm\:icon-size\:sm{--icon-size:1.25rem;--icon-optical-size:20}.m3-icon.sm\:icon-size\:md{--icon-size:1.5rem;--icon-optical-size:24}.m3-icon.sm\:icon-size\:lg{--icon-size:2.5rem;--icon-optical-size:40}.m3-icon.sm\:icon-size\:xl{--icon-size:3rem;--icon-optical-size:48}}@media (min-width:768px){.m3-icon.md\:icon-size\:xs{--icon-size:1rem;--icon-optical-size:20}.m3-icon.md\:icon-size\:sm{--icon-size:1.25rem;--icon-optical-size:20}.m3-icon.md\:icon-size\:md{--icon-size:1.5rem;--icon-optical-size:24}.m3-icon.md\:icon-size\:lg{--icon-size:2.5rem;--icon-optical-size:40}.m3-icon.md\:icon-size\:xl{--icon-size:3rem;--icon-optical-size:48}}@media (min-width:1024px){.m3-icon.lg\:icon-size\:xs{--icon-size:1rem;--icon-optical-size:20}.m3-icon.lg\:icon-size\:sm{--icon-size:1.25rem;--icon-optical-size:20}.m3-icon.lg\:icon-size\:md{--icon-size:1.5rem;--icon-optical-size:24}.m3-icon.lg\:icon-size\:lg{--icon-size:2.5rem;--icon-optical-size:40}.m3-icon.lg\:icon-size\:xl{--icon-size:3rem;--icon-optical-size:48}}.m3-deco{--icon-size:1.5rem;--icon-family:"Material Symbols Outlined";--icon-fill:0;--icon-weight:400;--icon-grade:0;--icon-optical-size:24;--deco-gap:0.5rem;--deco-flex-direction:row;--deco-width:auto;--deco-height:auto;--deco-padding:0;--deco-border-radius:0;--deco-background-color:transparent;--deco-color:var(--color-primary);--deco-font-size:var(--font-size-body-sm);--deco-active-text-color:var(--color-on-primary);--deco-pill-height:2rem;--deco-pill-width:calc(var(--icon-size) + 2rem);--deco-pill-radius:1rem;--deco-pill-background:transparent;--deco-pill-color:inherit;background-color:var(--deco-background-color);border-radius:var(--deco-border-radius);color:var(--icon-color,inherit);cursor:pointer;flex-direction:var(--deco-flex-direction);font-size:var(--deco-font-size);gap:var(--deco-gap);height:var(--deco-height);padding:var(--deco-padding);text-align:center;text-decoration:none;transition:color var(--duration-fast) var(--ease-in-out),background-color var(--duration-fast) var(--ease-in-out);width:var(--deco-width)}.m3-deco,.m3-deco:before{align-items:center;display:inline-flex;justify-content:center}.m3-deco:before{background-color:var(--deco-pill-background);border-radius:var(--deco-pill-radius,0);color:var(--deco-pill-color);flex-shrink:0;font-family:var(--icon-family);font-size:var(--icon-size);font-variation-settings:"FILL" var(--icon-fill),"wght" var(--icon-weight),"GRAD" var(--icon-grade),"OPSZ" var(--icon-optical-size);height:var(--deco-pill-height,var(--icon-size));order:var(--deco-order,0);overflow:hidden;width:var(--deco-pill-width,var(--icon-size))}.m3-deco.deco-pos\:left:before,.m3-deco.deco-pos\:top:before{order:0}.m3-deco.deco-pos\:bottom:before,.m3-deco.deco-pos\:right:before{order:1}.m3-deco.deco-pos\:bottom,.m3-deco.deco-pos\:top{--deco-flex-direction:column;--deco-gap:0.25rem}.m3-deco.deco-pos\:left,.m3-deco.deco-pos\:right{--deco-flex-direction:row;--deco-gap:0.5rem}.m3-deco.deco-active{--icon-color:var(--deco-color)}.m3-deco.deco-active.deco-pos\:bottom,.m3-deco.deco-active.deco-pos\:top{--deco-pill-background:var(--deco-color);--deco-pill-color:var(--deco-active-text-color,var(--color-on-primary))}.m3-deco.deco-active.deco-pos\:bottom:hover,.m3-deco.deco-active.deco-pos\:top:hover{--deco-pill-background:color-mix(in srgb,var(--deco-color) 85%,transparent)}.m3-deco.deco-active.deco-pos\:bottom:active,.m3-deco.deco-active.deco-pos\:top:active{--deco-pill-background:color-mix(in srgb,var(--deco-color) 75%,transparent)}.m3-deco.deco-active.deco-pos\:left,.m3-deco.deco-active.deco-pos\:right{--deco-height:2.5rem;--deco-padding:0 0.75rem;--deco-border-radius:calc(var(--deco-height)/2);--deco-background-color:var(--deco-color);--icon-color:var(--deco-active-text-color,var(--color-on-primary));--deco-pill-background:transparent;--deco-pill-color:inherit}.m3-deco.deco-active.deco-pos\:left:hover,.m3-deco.deco-active.deco-pos\:right:hover{--deco-background-color:color-mix(in srgb,var(--deco-color) 85%,transparent)}.m3-deco.deco-active.deco-pos\:left:active,.m3-deco.deco-active.deco-pos\:right:active{--deco-background-color:color-mix(in srgb,var(--deco-color) 75%,transparent)}.m3-deco.deco-gap\:0{--deco-gap:0}.m3-deco.deco-gap\:1{--deco-gap:0.25rem}.m3-deco.deco-gap\:2{--deco-gap:0.5rem}.m3-deco.deco-gap\:3{--deco-gap:0.75rem}.m3-deco.deco-gap\:4{--deco-gap:1rem}.m3-deco.deco-gap\:5{--deco-gap:1.25rem}.m3-deco.deco-color\:primary{--deco-color:var(--color-primary);--icon-color:var(--color-primary)}.m3-deco.deco-color\:primary-hover{--deco-color:var(--color-primary-hover);--icon-color:var(--color-primary-hover)}.m3-deco.deco-color\:secondary{--deco-color:var(--color-secondary);--icon-color:var(--color-secondary)}.m3-deco.deco-color\:secondary-hover{--deco-color:var(--color-secondary-hover);--icon-color:var(--color-secondary-hover)}.m3-deco.deco-color\:tertiary{--deco-color:var(--color-tertiary);--icon-color:var(--color-tertiary)}.m3-deco.deco-color\:surface{--deco-color:var(--color-surface);--icon-color:var(--color-surface)}.m3-deco.deco-color\:on-surface,.m3-deco.deco-color\:text{--deco-color:var(--color-text);--icon-color:var(--color-text)}.m3-deco.deco-color\:text-muted{--deco-color:var(--color-text-muted);--icon-color:var(--color-text-muted)}.m3-deco.deco-color\:success{--deco-color:var(--color-success);--icon-color:var(--color-success)}.m3-deco.deco-color\:warning{--deco-color:var(--color-warning);--icon-color:var(--color-warning)}.m3-deco.deco-color\:danger{--deco-color:var(--color-danger);--icon-color:var(--color-danger)}.m3-deco.deco-size\:1{--icon-size:1rem;--icon-optical-size:20;--deco-gap:0.25rem;--deco-font-size:0.75rem;--deco-height:2rem;--deco-padding:0 0.5rem}.m3-deco.deco-size\:2{--icon-size:1.25rem;--icon-optical-size:20;--deco-gap:0.375rem;--deco-font-size:0.875rem;--deco-height:2.5rem;--deco-padding:0 0.75rem}.m3-deco.deco-size\:3{--icon-size:1.5rem;--icon-optical-size:24;--deco-gap:0.5rem;--deco-font-size:1rem;--deco-height:3rem;--deco-padding:0 1rem}.m3-deco.deco-size\:4{--icon-size:2.5rem;--icon-optical-size:40;--deco-gap:0.5rem;--deco-font-size:1.25rem;--deco-height:3.5rem;--deco-padding:0 1.25rem}.m3-deco.deco-size\:5{--icon-size:3rem;--icon-optical-size:48;--deco-gap:0.75rem;--deco-font-size:1.5rem;--deco-height:4rem;--deco-padding:0 1.5rem}.m3-deco.icon-filled\:0{--icon-fill:0}.m3-deco.icon-filled\:1{--icon-fill:1}@media (min-width:640px){.m3-deco.sm\:deco-size\:1{--icon-size:1rem;--icon-optical-size:20;--deco-gap:0.25rem;--deco-font-size:0.75rem;--deco-height:2rem;--deco-padding:0 0.5rem}.m3-deco.sm\:deco-size\:2{--icon-size:1.25rem;--icon-optical-size:20;--deco-gap:0.375rem;--deco-font-size:0.875rem;--deco-height:2.5rem;--deco-padding:0 0.75rem}.m3-deco.sm\:deco-size\:3{--icon-size:1.5rem;--icon-optical-size:24;--deco-gap:0.5rem;--deco-font-size:1rem;--deco-height:3rem;--deco-padding:0 1rem}.m3-deco.sm\:deco-size\:4{--icon-size:2.5rem;--icon-optical-size:40;--deco-gap:0.5rem;--deco-font-size:1.25rem;--deco-height:3.5rem;--deco-padding:0 1.25rem}.m3-deco.sm\:deco-size\:5{--icon-size:3rem;--icon-optical-size:48;--deco-gap:0.75rem;--deco-font-size:1.5rem;--deco-height:4rem;--deco-padding:0 1.5rem}.m3-deco.sm\:deco-pos\:bottom,.m3-deco.sm\:deco-pos\:top{--deco-flex-direction:column;--deco-gap:0.25rem}.m3-deco.sm\:deco-pos\:left,.m3-deco.sm\:deco-pos\:right{--deco-flex-direction:row;--deco-gap:0.5rem}}@media (min-width:768px){.m3-deco.md\:deco-size\:1{--icon-size:1rem;--icon-optical-size:20;--deco-gap:0.25rem;--deco-font-size:0.75rem;--deco-height:2rem;--deco-padding:0 0.5rem}.m3-deco.md\:deco-size\:2{--icon-size:1.25rem;--icon-optical-size:20;--deco-gap:0.375rem;--deco-font-size:0.875rem;--deco-height:2.5rem;--deco-padding:0 0.75rem}.m3-deco.md\:deco-size\:3{--icon-size:1.5rem;--icon-optical-size:24;--deco-gap:0.5rem;--deco-font-size:1rem;--deco-height:3rem;--deco-padding:0 1rem}.m3-deco.md\:deco-size\:4{--icon-size:2.5rem;--icon-optical-size:40;--deco-gap:0.5rem;--deco-font-size:1.25rem;--deco-height:3.5rem;--deco-padding:0 1.25rem}.m3-deco.md\:deco-size\:5{--icon-size:3rem;--icon-optical-size:48;--deco-gap:0.75rem;--deco-font-size:1.5rem;--deco-height:4rem;--deco-padding:0 1.5rem}.m3-deco.md\:deco-pos\:bottom,.m3-deco.md\:deco-pos\:top{--deco-flex-direction:column;--deco-gap:0.25rem}.m3-deco.md\:deco-pos\:left,.m3-deco.md\:deco-pos\:right{--deco-flex-direction:row;--deco-gap:0.5rem}}@media (min-width:1024px){.m3-deco.lg\:deco-size\:1{--icon-size:1rem;--icon-optical-size:20;--deco-gap:0.25rem;--deco-font-size:0.75rem;--deco-height:2rem;--deco-padding:0 0.5rem}.m3-deco.lg\:deco-size\:2{--icon-size:1.25rem;--icon-optical-size:20;--deco-gap:0.375rem;--deco-font-size:0.875rem;--deco-height:2.5rem;--deco-padding:0 0.75rem}.m3-deco.lg\:deco-size\:3{--icon-size:1.5rem;--icon-optical-size:24;--deco-gap:0.5rem;--deco-font-size:1rem;--deco-height:3rem;--deco-padding:0 1rem}.m3-deco.lg\:deco-size\:4{--icon-size:2.5rem;--icon-optical-size:40;--deco-gap:0.5rem;--deco-font-size:1.25rem;--deco-height:3.5rem;--deco-padding:0 1.25rem}.m3-deco.lg\:deco-size\:5{--icon-size:3rem;--icon-optical-size:48;--deco-gap:0.75rem;--deco-font-size:1.5rem;--deco-height:4rem;--deco-padding:0 1.5rem}.m3-deco.lg\:deco-pos\:bottom,.m3-deco.lg\:deco-pos\:top{--deco-flex-direction:column;--deco-gap:0.25rem}.m3-deco.lg\:deco-pos\:left,.m3-deco.lg\:deco-pos\:right{--deco-flex-direction:row;--deco-gap:0.5rem}}.m3-btn{--btn-font-size:0.875rem;--btn-font-weight:var(--font-weight-medium);--btn-line-height:1.25rem;--btn-letter-spacing:0.00625rem;--btn-height:2.5rem;--btn-height-xs:2rem;--btn-padding-xs:0 1rem;--btn-font-size-xs:0.75rem;--btn-height-sm:2.5rem;--btn-padding-sm:0 1.5rem;--btn-font-size-sm:0.875rem;--btn-height-md:3rem;--btn-padding-md:0 1.75rem;--btn-font-size-md:1rem;--btn-height-lg:3.5rem;--btn-padding-lg:0 2rem;--btn-font-size-lg:1.125rem;--btn-height-xl:4rem;--btn-padding-xl:0 2.5rem;--btn-font-size-xl:1.25rem;--btn-padding:0 1.5rem;--btn-gap:0.5rem;--btn-icon-size:1.125rem;--btn-accent:var(--color-primary);--btn-on-accent:var(--color-on-primary);--btn-color:var(--btn-on-accent);--btn-background-color:var(--btn-accent);--btn-background-image:none;--btn-box-shadow:none;--btn-elevation-hover:var(--shadow-sm);--btn-border-width:0;--btn-border-color:transparent;--btn-border-style:solid;--btn-border-radius:var(--radius-full);--btn-outline:none;--btn-outline-offset:0;--btn-state-hover-opacity:0.08;--btn-state-focus-opacity:0.12;--btn-state-pressed-opacity:0.12;--btn-state-layer-color:var(--btn-on-accent);-webkit-tap-highlight-color:transparent;align-items:center;background-color:var(--btn-background-color);background-image:var(--btn-background-image);border-color:var(--btn-border-color);border-radius:var(--btn-border-radius);border-style:var(--btn-border-style);border-width:var(--btn-border-width);box-shadow:var(--btn-box-shadow);color:var(--btn-color);cursor:pointer;display:inline-flex;font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);gap:var(--btn-gap);height:var(--btn-height);justify-content:center;letter-spacing:var(--btn-letter-spacing);line-height:var(--btn-line-height);outline:var(--btn-outline);outline-offset:var(--btn-outline-offset);overflow:hidden;padding:var(--btn-padding);position:relative;text-decoration:none;transition:background-color var(--duration-normal) var(--ease-in-out),box-shadow var(--duration-normal) var(--ease-in-out),border-color var(--duration-normal) var(--ease-in-out);white-space:nowrap;width:auto}.m3-btn.btn-state\:hover,.m3-btn:hover{--btn-background-image:linear-gradient(color-mix(in srgb,var(--btn-state-layer-color) calc(var(--btn-state-hover-opacity)*100%),transparent),color-mix(in srgb,var(--btn-state-layer-color) calc(var(--btn-state-hover-opacity)*100%),transparent));--btn-box-shadow:var(--btn-elevation-hover)}.m3-btn.btn-state\:active,.m3-btn:active{--btn-background-image:linear-gradient(color-mix(in srgb,var(--btn-state-layer-color) calc(var(--btn-state-pressed-opacity)*100%),transparent),color-mix(in srgb,var(--btn-state-layer-color) calc(var(--btn-state-pressed-opacity)*100%),transparent))}.m3-btn.btn-state\:focus,.m3-btn:focus-visible{--btn-outline:var(--border-width-2) solid var(--color-focus-ring);--btn-outline-offset:var(--space-1)}.m3-btn.btn-state\:disabled,.m3-btn:disabled{--btn-background-color:color-mix(in srgb,var(--color-text) 12%,transparent);--btn-color:color-mix(in srgb,var(--color-text) 38%,transparent);--btn-box-shadow:none;--btn-border-width:0;--btn-border-color:transparent;--btn-outline:none;cursor:not-allowed;pointer-events:none}.m3-btn.btn\:elevated{--btn-color:var(--btn-accent);--btn-background-color:var(--color-surface-1);--btn-box-shadow:var(--shadow-sm);--btn-elevation-hover:var(--shadow-md);--btn-state-layer-color:var(--btn-accent)}.m3-btn.btn\:elevated.btn-state\:disabled,.m3-btn.btn\:elevated:disabled{--btn-background-color:color-mix(in srgb,var(--color-text) 12%,transparent);--btn-color:color-mix(in srgb,var(--color-text) 38%,transparent);--btn-box-shadow:none}.m3-btn.btn\:tonal{--btn-color:var(--color-secondary);--btn-background-color:var(--color-secondary-subtle);--btn-elevation-hover:var(--shadow-sm);--btn-state-layer-color:var(--color-secondary)}.m3-btn.btn\:tonal.btn-state\:disabled,.m3-btn.btn\:tonal:disabled{--btn-background-color:color-mix(in srgb,var(--color-text) 12%,transparent);--btn-color:color-mix(in srgb,var(--color-text) 38%,transparent)}.m3-btn.btn\:outlined{--btn-color:var(--btn-accent);--btn-background-color:transparent;--btn-border-width:0.0625rem;--btn-border-color:var(--color-border);--btn-elevation-hover:none;--btn-state-layer-color:var(--btn-accent)}.m3-btn.btn\:outlined.btn-state\:hover,.m3-btn.btn\:outlined:hover{--btn-box-shadow:none}.m3-btn.btn\:outlined.btn-state\:focus,.m3-btn.btn\:outlined:focus-visible{--btn-border-color:var(--btn-accent)}.m3-btn.btn\:outlined.btn-state\:disabled,.m3-btn.btn\:outlined:disabled{--btn-background-color:transparent;--btn-color:color-mix(in srgb,var(--color-text) 38%,transparent);--btn-border-color:color-mix(in srgb,var(--color-text) 12%,transparent)}.m3-btn.btn\:text{--btn-color:var(--btn-accent);--btn-background-color:transparent;--btn-border-width:0;--btn-padding:0 0.75rem;--btn-elevation-hover:none;--btn-state-layer-color:var(--btn-accent)}.m3-btn.btn\:text.btn-state\:hover,.m3-btn.btn\:text:hover{--btn-box-shadow:none}.m3-btn.btn\:text.btn-state\:disabled,.m3-btn.btn\:text:disabled{--btn-background-color:transparent;--btn-color:color-mix(in srgb,var(--color-text) 38%,transparent)}.m3-btn.btn-color\:primary{--btn-accent:var(--color-primary);--btn-on-accent:var(--color-on-primary)}.m3-btn.btn-color\:secondary{--btn-accent:var(--color-secondary);--btn-on-accent:var(--color-on-secondary)}.m3-btn.btn-color\:tertiary{--btn-accent:var(--color-tertiary);--btn-on-accent:var(--color-on-tertiary)}.m3-btn.btn-color\:surface{--btn-accent:var(--color-surface);--btn-on-accent:var(--color-text)}.m3-btn.btn-color\:surface-1{--btn-accent:var(--color-surface-1);--btn-on-accent:var(--color-text)}.m3-btn.btn-color\:surface-inverse{--btn-accent:var(--color-surface-inverse);--btn-on-accent:var(--color-text-inverse)}.m3-btn.btn-color\:success{--btn-accent:var(--color-success);--btn-on-accent:var(--color-on-success)}.m3-btn.btn-color\:warning{--btn-accent:var(--color-warning);--btn-on-accent:var(--color-on-warning)}.m3-btn.btn-color\:danger{--btn-accent:var(--color-danger);--btn-on-accent:var(--color-on-danger)}.m3-btn.btn-size\:1,.m3-btn.btn-size\:xs{--btn-height:var(--btn-height-xs);--btn-padding:var(--btn-padding-xs);--btn-font-size:var(--btn-font-size-xs);--btn-icon-size:1rem}.m3-btn.btn-size\:2,.m3-btn.btn-size\:sm{--btn-height:var(--btn-height-sm);--btn-padding:var(--btn-padding-sm);--btn-font-size:var(--btn-font-size-sm)}.m3-btn.btn-size\:3,.m3-btn.btn-size\:md{--btn-height:var(--btn-height-md);--btn-padding:var(--btn-padding-md);--btn-font-size:var(--btn-font-size-md);--btn-font-weight:var(--font-weight-semibold)}.m3-btn.btn-size\:4,.m3-btn.btn-size\:lg{--btn-height:var(--btn-height-lg);--btn-padding:var(--btn-padding-lg);--btn-font-size:var(--btn-font-size-lg);--btn-font-weight:var(--font-weight-semibold)}.m3-btn.btn-size\:5,.m3-btn.btn-size\:xl{--btn-height:var(--btn-height-xl);--btn-padding:var(--btn-padding-xl);--btn-font-size:var(--btn-font-size-xl);--btn-font-weight:var(--font-weight-semibold)}.m3-btn.btn-shape\:square{--btn-border-radius:var(--radius-4)}.m3-btn.btn-shape\:square.btn-size\:1,.m3-btn.btn-shape\:square.btn-size\:xs{--btn-border-radius:var(--radius-3)}.m3-btn.btn-shape\:square.btn-size\:2,.m3-btn.btn-shape\:square.btn-size\:sm{--btn-border-radius:var(--radius-4)}.m3-btn.btn-shape\:square.btn-size\:3,.m3-btn.btn-shape\:square.btn-size\:md{--btn-border-radius:var(--radius-5)}.m3-btn.btn-shape\:square.btn-size\:4,.m3-btn.btn-shape\:square.btn-size\:5,.m3-btn.btn-shape\:square.btn-size\:lg,.m3-btn.btn-shape\:square.btn-size\:xl{--btn-border-radius:var(--radius-6)}.m3-btn.btn-icon\:leading{--btn-padding:0 1.5rem 0 1rem}.m3-btn.btn-icon\:leading .m3-icon,.m3-btn.btn-icon\:leading [class*=material-symbols]{font-size:var(--btn-icon-size);height:var(--btn-icon-size);width:var(--btn-icon-size)}.m3-btn.btn-icon\:trailing{--btn-padding:0 1rem 0 1.5rem}.m3-btn.btn-icon\:trailing .m3-icon,.m3-btn.btn-icon\:trailing [class*=material-symbols]{font-size:var(--btn-icon-size);height:var(--btn-icon-size);width:var(--btn-icon-size)}@media screen and (min-width:640px){.m3-btn.sm\:btn-size\:1,.m3-btn.sm\:btn-size\:xs{--btn-height:2rem;--btn-padding:0 1rem;--btn-font-size:0.75rem}.m3-btn.sm\:btn-size\:2,.m3-btn.sm\:btn-size\:sm{--btn-height:2.5rem;--btn-padding:0 1.5rem;--btn-font-size:0.875rem}.m3-btn.sm\:btn-size\:3,.m3-btn.sm\:btn-size\:md{--btn-height:3rem;--btn-padding:0 1.75rem;--btn-font-size:1rem}.m3-btn.sm\:btn-size\:4,.m3-btn.sm\:btn-size\:lg{--btn-height:3.5rem;--btn-padding:0 2rem;--btn-font-size:1.125rem}.m3-btn.sm\:btn-size\:5,.m3-btn.sm\:btn-size\:xl{--btn-height:4rem;--btn-padding:0 2.5rem;--btn-font-size:1.25rem}}@media screen and (min-width:768px){.m3-btn.md\:btn-size\:1,.m3-btn.md\:btn-size\:xs{--btn-height:2rem;--btn-padding:0 1rem;--btn-font-size:0.75rem}.m3-btn.md\:btn-size\:2,.m3-btn.md\:btn-size\:sm{--btn-height:2.5rem;--btn-padding:0 1.5rem;--btn-font-size:0.875rem}.m3-btn.md\:btn-size\:3,.m3-btn.md\:btn-size\:md{--btn-height:3rem;--btn-padding:0 1.75rem;--btn-font-size:1rem}.m3-btn.md\:btn-size\:4,.m3-btn.md\:btn-size\:lg{--btn-height:3.5rem;--btn-padding:0 2rem;--btn-font-size:1.125rem}.m3-btn.md\:btn-size\:5,.m3-btn.md\:btn-size\:xl{--btn-height:4rem;--btn-padding:0 2.5rem;--btn-font-size:1.25rem}}@media screen and (min-width:1024px){.m3-btn.lg\:btn-size\:1,.m3-btn.lg\:btn-size\:xs{--btn-height:2rem;--btn-padding:0 1rem;--btn-font-size:0.75rem}.m3-btn.lg\:btn-size\:2,.m3-btn.lg\:btn-size\:sm{--btn-height:2.5rem;--btn-padding:0 1.5rem;--btn-font-size:0.875rem}.m3-btn.lg\:btn-size\:3,.m3-btn.lg\:btn-size\:md{--btn-height:3rem;--btn-padding:0 1.75rem;--btn-font-size:1rem}.m3-btn.lg\:btn-size\:4,.m3-btn.lg\:btn-size\:lg{--btn-height:3.5rem;--btn-padding:0 2rem;--btn-font-size:1.125rem}.m3-btn.lg\:btn-size\:5,.m3-btn.lg\:btn-size\:xl{--btn-height:4rem;--btn-padding:0 2.5rem;--btn-font-size:1.25rem}}@media screen and (min-width:1280px){.m3-btn.xl\:btn-size\:1,.m3-btn.xl\:btn-size\:xs{--btn-height:2rem;--btn-padding:0 1rem;--btn-font-size:0.75rem}.m3-btn.xl\:btn-size\:2,.m3-btn.xl\:btn-size\:sm{--btn-height:2.5rem;--btn-padding:0 1.5rem;--btn-font-size:0.875rem}.m3-btn.xl\:btn-size\:3,.m3-btn.xl\:btn-size\:md{--btn-height:3rem;--btn-padding:0 1.75rem;--btn-font-size:1rem}.m3-btn.xl\:btn-size\:4,.m3-btn.xl\:btn-size\:lg{--btn-height:3.5rem;--btn-padding:0 2rem;--btn-font-size:1.125rem}.m3-btn.xl\:btn-size\:5,.m3-btn.xl\:btn-size\:xl{--btn-height:4rem;--btn-padding:0 2.5rem;--btn-font-size:1.25rem}}.m3-checkbox{--checkbox-display:inline-flex;--checkbox-align-items:center;--checkbox-padding:0.5rem;--checkbox-cursor:pointer;--checkbox-gap:0.75rem;--checkbox-size:1.125rem;--checkbox-border-radius:0.125rem;--checkbox-border-width:0.125rem;--checkbox-border-color:var(--color-text-muted);--checkbox-background:transparent;--checkbox-check-color:var(--color-on-primary);--checkbox-check-background:var(--color-primary);--checkbox-check-opacity:0;--checkbox-check-content:"\e5ca";--checkbox-check-font-size:1.125rem;--checkbox-state-size:2.5rem;--checkbox-state-color:var(--color-primary);--checkbox-state-opacity:0;--checkbox-label-size:0.875rem;--checkbox-label-color:var(--color-text);--checkbox-transition:all var(--duration-fast) var(--ease-in-out);align-items:var(--checkbox-align-items);color:var(--checkbox-label-color);cursor:var(--checkbox-cursor);display:var(--checkbox-display);font-size:var(--checkbox-label-size);gap:var(--checkbox-gap);padding:var(--checkbox-padding);transition:var(--checkbox-transition);user-select:none}.m3-checkbox input[type=checkbox]{appearance:none;background:var(--checkbox-background);border:var(--checkbox-border-width) solid var(--checkbox-border-color);border-radius:var(--checkbox-border-radius);box-sizing:border-box;cursor:inherit;flex-shrink:0;height:var(--checkbox-size);margin:0;position:relative;width:var(--checkbox-size)}.m3-checkbox input[type=checkbox]:after{align-items:center;background-color:var(--checkbox-check-background);border-radius:var(--checkbox-border-radius);color:var(--checkbox-check-color);content:var(--checkbox-check-content);display:flex;font-family:Material Symbols Outlined;font-size:var(--checkbox-check-font-size);font-weight:var(--font-weight-medium);inset:calc(var(--checkbox-border-width)*-1);justify-content:center;opacity:var(--checkbox-check-opacity);position:absolute;transition:var(--checkbox-transition)}.m3-checkbox input[type=checkbox]:before{background:var(--checkbox-state-color);border-radius:50%;content:"";height:var(--checkbox-state-size);left:50%;opacity:var(--checkbox-state-opacity);position:absolute;top:50%;transform:translate(-50%,-50%);transition:var(--checkbox-transition);width:var(--checkbox-state-size)}.m3-checkbox input[type=checkbox]:checked:after{--checkbox-check-opacity:1}.m3-checkbox input[type=checkbox]:not(:disabled):hover:before{--checkbox-state-opacity:0.08}.m3-checkbox input[type=checkbox]:not(:disabled):focus-visible:before{--checkbox-state-opacity:0.12}.m3-checkbox input[type=checkbox]:not(:disabled):active:before{--checkbox-state-opacity:0.12}.m3-checkbox input[type=checkbox]:disabled{--checkbox-border-color:color-mix(in srgb,var(--color-text) 38%,transparent);--checkbox-cursor:not-allowed}.m3-checkbox input[type=checkbox]:disabled:after{--checkbox-check-background:color-mix(in srgb,var(--color-text) 38%,transparent)}.m3-checkbox:has(input:disabled){--checkbox-label-color:color-mix(in srgb,var(--color-text) 38%,transparent);--checkbox-cursor:not-allowed}.m3-checkbox.checkbox-mode\:indeterminate input[type=checkbox]:after{--checkbox-check-content:"\f88a";--checkbox-check-opacity:1}.m3-checkbox.checkbox-color\:primary{--checkbox-check-background:var(--color-primary);--checkbox-state-color:var(--color-primary)}.m3-checkbox.checkbox-color\:secondary{--checkbox-check-background:var(--color-secondary);--checkbox-state-color:var(--color-secondary)}.m3-checkbox.checkbox-color\:tertiary{--checkbox-check-background:var(--color-tertiary);--checkbox-state-color:var(--color-tertiary)}.m3-checkbox.checkbox-color\:danger{--checkbox-check-background:var(--color-danger);--checkbox-state-color:var(--color-danger)}.m3-checkbox.checkbox-color\:success{--checkbox-check-background:var(--color-success);--checkbox-state-color:var(--color-success)}.m3-checkbox.checkbox-color\:warning{--checkbox-check-background:var(--color-warning);--checkbox-state-color:var(--color-warning)}.m3-checkbox.checkbox-state\:checked input[type=checkbox]:after{--checkbox-check-opacity:1}.m3-checkbox.checkbox-state\:hovered input[type=checkbox]:before{--checkbox-state-opacity:0.08}.m3-checkbox.checkbox-state\:focused input[type=checkbox]:before{--checkbox-state-opacity:0.12}.m3-checkbox.checkbox-state\:disabled input[type=checkbox]{--checkbox-border-color:color-mix(in srgb,var(--color-text) 38%,transparent)}.m3-radio{--radio-display:inline-flex;--radio-align-items:center;--radio-cursor:pointer;--radio-gap:0.75rem;--radio-size:1.25rem;--radio-touch-size:2.5rem;--radio-stroke-width:0.125rem;--radio-border-color:var(--color-text-muted);--radio-background:transparent;--radio-dot-size:0.625rem;--radio-dot-color:var(--color-primary);--radio-dot-opacity:0;--radio-selected-color:var(--color-primary);--radio-state-opacity:0;--radio-state-hover-opacity:0.08;--radio-state-pressed-opacity:0.12;--radio-state-size:0.625rem;--radio-label-size:0.875rem;--radio-label-color:var(--color-text);--radio-outline:none;--radio-outline-offset:0;--radio-box-shadow:none;--radio-transition:all 180ms var(--ease-in-out);align-items:var(--radio-align-items);cursor:var(--radio-cursor);display:var(--radio-display);gap:var(--radio-gap);user-select:none}.m3-radio input[type=radio]{appearance:none;background-color:var(--radio-background);border:none;cursor:var(--radio-cursor);height:var(--radio-touch-size);margin:0;position:relative;width:var(--radio-touch-size)}.m3-radio input[type=radio]:after,.m3-radio input[type=radio]:before{box-sizing:border-box;content:"";left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:var(--radio-transition)}.m3-radio input[type=radio]:before{background-color:var(--radio-background);border:var(--radio-stroke-width) solid var(--radio-border-color);border-radius:var(--radius-full);box-shadow:var(--radio-box-shadow);height:var(--radio-size);outline:var(--radio-outline);outline-offset:var(--radio-outline-offset);width:var(--radio-size)}.m3-radio input[type=radio]:after{background-color:var(--radio-dot-color);border-radius:var(--radius-full);height:var(--radio-dot-size);opacity:var(--radio-dot-opacity);width:var(--radio-dot-size)}.m3-radio input[type=radio]:checked:before{--radio-border-color:var(--radio-selected-color)}.m3-radio input[type=radio]:checked:after{--radio-dot-opacity:1}.m3-radio input[type=radio]:hover:before{--radio-box-shadow:0 0 0 var(--radio-state-size) color-mix(in srgb,var(--radio-border-color) calc(var(--radio-state-hover-opacity)*100%),transparent)}.m3-radio input[type=radio]:checked:hover:before{--radio-box-shadow:0 0 0 var(--radio-state-size) color-mix(in srgb,var(--radio-selected-color) calc(var(--radio-state-hover-opacity)*100%),transparent)}.m3-radio input[type=radio]:active:before{--radio-box-shadow:0 0 0 var(--radio-state-size) color-mix(in srgb,var(--radio-border-color) calc(var(--radio-state-pressed-opacity)*100%),transparent)}.m3-radio input[type=radio]:checked:active:before{--radio-box-shadow:0 0 0 var(--radio-state-size) color-mix(in srgb,var(--radio-selected-color) calc(var(--radio-state-pressed-opacity)*100%),transparent)}.m3-radio input[type=radio]:focus-visible:before{--radio-outline:var(--border-width-2) solid var(--color-focus-ring);--radio-outline-offset:0.25rem}.m3-radio input[type=radio]:disabled{--radio-cursor:not-allowed}.m3-radio input[type=radio]:disabled:before{--radio-border-color:color-mix(in srgb,var(--color-text) 38%,transparent);--radio-box-shadow:none}.m3-radio input[type=radio]:disabled:after{--radio-dot-color:color-mix(in srgb,var(--color-text) 38%,transparent)}.m3-radio .m3-radio-label{color:var(--radio-label-color);font-size:var(--radio-label-size)}.m3-radio.radio-color\:primary{--radio-selected-color:var(--color-primary);--radio-dot-color:var(--color-primary)}.m3-radio.radio-color\:secondary{--radio-selected-color:var(--color-secondary);--radio-dot-color:var(--color-secondary)}.m3-radio.radio-color\:tertiary{--radio-selected-color:var(--color-tertiary);--radio-dot-color:var(--color-tertiary)}.m3-radio.radio-color\:danger{--radio-selected-color:var(--color-danger);--radio-dot-color:var(--color-danger)}.m3-radio.radio-state\:hover input[type=radio]:before{--radio-box-shadow:0 0 0 var(--radio-state-size) color-mix(in srgb,var(--radio-border-color) calc(var(--radio-state-hover-opacity)*100%),transparent)}.m3-radio.radio-state\:hover input[type=radio]:checked:before{--radio-box-shadow:0 0 0 var(--radio-state-size) color-mix(in srgb,var(--radio-selected-color) calc(var(--radio-state-hover-opacity)*100%),transparent)}.m3-radio.radio-state\:active input[type=radio]:before{--radio-box-shadow:0 0 0 var(--radio-state-size) color-mix(in srgb,var(--radio-border-color) calc(var(--radio-state-pressed-opacity)*100%),transparent)}.m3-radio.radio-state\:focus input[type=radio]:before{--radio-outline:var(--border-width-2) solid var(--color-focus-ring);--radio-outline-offset:0.25rem}.m3-card{--card-background:var(--color-surface-1);--card-width:auto;--card-height:auto;--card-border:none;--card-border-radius:0.75rem;--card-box-shadow:var(--shadow-sm);--card-opacity:1;--card-color:var(--color-text);--card-text-decoration:none;--card-outline:none;--card-outline-offset:0;--card-transform:none;--card-cursor:default;--card-overflow:hidden;--card-flex-direction:column;--card-padding-x:1rem;--card-padding-y:1rem;--card-header-gap:1rem;--card-headline-size:1.5rem;--card-headline-weight:400;--card-headline-line-height:1.75rem;--card-headline-color:var(--color-text);--card-headline-margin:0;--card-subhead-size:0.875rem;--card-subhead-weight:500;--card-subhead-color:var(--color-text-muted);--card-subhead-margin:0.25rem 0 0;--card-supporting-size:0.875rem;--card-supporting-color:var(--color-text-muted);--card-supporting-line-height:1.25rem;--card-avatar-size:2.5rem;--card-avatar-radius:50%;--card-avatar-background:var(--color-primary-subtle);--card-avatar-color:var(--color-primary);--card-avatar-font-size:1rem;--card-avatar-font-weight:600;--card-media-height:auto;--card-media-object-fit:cover;--card-media-width:auto;--card-media-ratio:auto;--card-media-badge-offset:var(--space-3);--card-actions-gap:0.5rem;--card-actions-padding:0 var(--card-padding-x) var(--card-padding-y);--card-state-layer-color:var(--color-text);--card-state-hover-opacity:0;--card-state-focus-opacity:0;--card-state-pressed-opacity:0;--card-state-dragged-opacity:0;--card-elevation-hover:var(--shadow-sm);background-color:var(--card-background);background-image:none;border:var(--card-border);border-radius:var(--card-border-radius);box-shadow:var(--card-box-shadow);box-sizing:border-box;color:var(--card-color);cursor:var(--card-cursor);display:flex;flex-direction:var(--card-flex-direction);height:var(--card-height);opacity:var(--card-opacity);outline:var(--card-outline);outline-offset:var(--card-outline-offset);overflow:var(--card-overflow);position:relative;text-decoration:var(--card-text-decoration);transform:var(--card-transform);transition:box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out),background-image var(--duration-fast) var(--ease-in-out);width:var(--card-width)}.m3-card.card-state\:hovered,.m3-card:hover{--card-box-shadow:var(--card-elevation-hover);background-image:linear-gradient(color-mix(in srgb,var(--card-state-layer-color) calc(var(--card-state-hover-opacity)*100%),transparent),color-mix(in srgb,var(--card-state-layer-color) calc(var(--card-state-hover-opacity)*100%),transparent))}.m3-card.card-state\:focused,.m3-card:focus-visible{--card-outline:var(--border-width-2) solid var(--color-focus-ring);--card-outline-offset:var(--space-1);background-image:linear-gradient(color-mix(in srgb,var(--card-state-layer-color) calc(var(--card-state-focus-opacity)*100%),transparent),color-mix(in srgb,var(--card-state-layer-color) calc(var(--card-state-focus-opacity)*100%),transparent))}.m3-card.card-state\:pressed,.m3-card:active{background-image:linear-gradient(color-mix(in srgb,var(--card-state-layer-color) calc(var(--card-state-pressed-opacity)*100%),transparent),color-mix(in srgb,var(--card-state-layer-color) calc(var(--card-state-pressed-opacity)*100%),transparent))}.m3-card.card-state\:disabled{--card-opacity:0.38;--card-box-shadow:none;--card-cursor:not-allowed}.m3-card.card-state\:dragged{--card-box-shadow:var(--shadow-xl);--card-transform:scale(1.02);--card-cursor:grab;background-image:linear-gradient(color-mix(in srgb,var(--card-state-layer-color) calc(var(--card-state-dragged-opacity)*100%),transparent),color-mix(in srgb,var(--card-state-layer-color) calc(var(--card-state-dragged-opacity)*100%),transparent))}.m3-card.card\:elevated{--card-background:var(--color-surface-1);--card-box-shadow:var(--shadow-sm);--card-elevation-hover:var(--shadow-sm)}.m3-card.card\:filled{--card-background:var(--color-surface-2);--card-box-shadow:none;--card-elevation-hover:none}.m3-card.card\:outlined{--card-background:var(--color-surface);--card-box-shadow:none;--card-border:var(--border-width-1) solid var(--color-border);--card-elevation-hover:none}.m3-card.card\:outlined.card-state\:focused,.m3-card.card\:outlined:focus-visible{--card-border:var(--border-width-1) solid var(--color-text)}.m3-card.card\:outlined.card-state\:disabled{--card-border:var(--border-width-1) solid color-mix(in srgb,var(--color-border) 38%,transparent)}.m3-card.card-hover\:enabled{--card-state-hover-opacity:0.08;--card-state-focus-opacity:0.12;--card-state-pressed-opacity:0.12;--card-elevation-hover:var(--shadow-md);--card-cursor:pointer}.m3-card.card\:filled.card-hover\:enabled,.m3-card.card\:outlined.card-hover\:enabled{--card-elevation-hover:var(--shadow-sm)}.m3-card.card-clickable,.m3-card[onclick],a.m3-card{--card-state-hover-opacity:0.08;--card-state-focus-opacity:0.12;--card-state-pressed-opacity:0.12;--card-elevation-hover:var(--shadow-md);--card-cursor:pointer;--card-text-decoration:none;--card-color:inherit}.m3-card .card-media{flex-shrink:0;overflow:var(--card-overflow);width:var(--card-media-width)}.m3-card .card-media:first-child{border-radius:var(--card-border-radius) var(--card-border-radius) 0 0}.m3-card .card-media.card-media\:square,.m3-card .card-media.card-media\:video,.m3-card .card-media.card-media\:wide{aspect-ratio:var(--card-media-ratio);position:relative}.m3-card .card-media.card-media\:square{--card-media-ratio:1/1}.m3-card .card-media.card-media\:video{--card-media-ratio:16/9}.m3-card .card-media.card-media\:wide{--card-media-ratio:2/1}.m3-card .card-media[class*="card-media:"]>img,.m3-card .card-media[class*="card-media:"]>video{height:100%;inset:0;object-fit:var(--card-media-object-fit);position:absolute;width:100%}.m3-card .card-media>.card-media-badge{left:var(--card-media-badge-offset);position:absolute;top:var(--card-media-badge-offset);z-index:1}.m3-card .card-media>.card-media-badge.card-media-badge\:end{left:auto;right:var(--card-media-badge-offset)}.m3-card .card-media:last-child{border-radius:0 0 var(--card-border-radius) var(--card-border-radius)}.m3-card .card-media img,.m3-card .card-media video{display:block;height:var(--card-media-height);object-fit:var(--card-media-object-fit);width:100%}.m3-card.card-padding\:self{padding:var(--card-padding-y) var(--card-padding-x)}.m3-card.card-padding\:self .card-actions,.m3-card.card-padding\:self .card-content,.m3-card.card-padding\:self .card-header{padding:0}.m3-card .card-header{align-items:flex-start;display:flex;gap:var(--card-header-gap);padding:var(--card-padding-y) var(--card-padding-x)}.m3-card .card-avatar{align-items:center;background-color:var(--card-avatar-background);border-radius:var(--card-avatar-radius);color:var(--card-avatar-color);display:flex;flex-shrink:0;font-size:var(--card-avatar-font-size);font-weight:var(--card-avatar-font-weight);height:var(--card-avatar-size);justify-content:center;overflow:hidden;width:var(--card-avatar-size)}.m3-card .card-avatar img{height:100%;object-fit:cover;width:100%}.m3-card .card-titles{flex:1;min-width:0}.m3-card .card-headline{color:var(--card-headline-color);font-size:var(--card-headline-size);font-weight:var(--card-headline-weight);line-height:var(--card-headline-line-height);margin:var(--card-headline-margin)}.m3-card .card-subhead{color:var(--card-subhead-color);font-size:var(--card-subhead-size);font-weight:var(--card-subhead-weight);margin:var(--card-subhead-margin)}.m3-card .card-content{color:var(--card-supporting-color);font-size:var(--card-supporting-size);line-height:var(--card-supporting-line-height);padding:var(--card-padding-y) var(--card-padding-x)}.m3-card .card-header+.card-content{padding-top:0}.m3-card .card-actions{align-items:center;display:flex;gap:var(--card-actions-gap);padding:var(--card-actions-padding)}.m3-card .card-actions-end{display:flex;gap:var(--card-actions-gap);margin-left:auto}.m3-card.card-layout\:horizontal{--card-flex-direction:row;--card-media-width:40%}.m3-card.card-layout\:horizontal .card-media:first-child{border-radius:var(--card-border-radius) 0 0 var(--card-border-radius)}.m3-card.card-layout\:horizontal .card-media:last-child{border-radius:0 var(--card-border-radius) var(--card-border-radius) 0}.m3-card.card-size\:compact{--card-padding-x:0.75rem;--card-padding-y:0.75rem;--card-headline-size:1rem;--card-headline-line-height:1.5rem;--card-header-gap:0.75rem;--card-avatar-size:2rem;--card-avatar-font-size:0.75rem}.m3-card.card-size\:large{--card-padding-x:1.5rem;--card-padding-y:1.5rem;--card-headline-size:1.75rem;--card-headline-line-height:2.25rem;--card-header-gap:1.25rem;--card-avatar-size:3rem;--card-avatar-font-size:1.25rem}@media (min-width:640px){.m3-card.sm\:card\:elevated{--card-background:var(--color-surface-1);--card-box-shadow:var(--shadow-sm)}.m3-card.sm\:card\:filled{--card-background:var(--color-surface-2);--card-box-shadow:none}.m3-card.sm\:card\:outlined{--card-background:var(--color-surface);--card-box-shadow:none;--card-border:var(--border-width-1) solid var(--color-border)}.m3-card.sm\:card-layout\:horizontal{--card-flex-direction:row;--card-media-width:40%}.m3-card.sm\:card-size\:compact{--card-padding-x:0.75rem;--card-padding-y:0.75rem;--card-headline-size:1rem}.m3-card.sm\:card-size\:large{--card-padding-x:1.5rem;--card-padding-y:1.5rem;--card-headline-size:1.75rem}}@media (min-width:768px){.m3-card.md\:card\:elevated{--card-background:var(--color-surface-1);--card-box-shadow:var(--shadow-sm)}.m3-card.md\:card\:filled{--card-background:var(--color-surface-2);--card-box-shadow:none}.m3-card.md\:card\:outlined{--card-background:var(--color-surface);--card-box-shadow:none;--card-border:var(--border-width-1) solid var(--color-border)}.m3-card.md\:card-layout\:horizontal{--card-flex-direction:row;--card-media-width:40%}.m3-card.md\:card-size\:compact{--card-padding-x:0.75rem;--card-padding-y:0.75rem;--card-headline-size:1rem}.m3-card.md\:card-size\:large{--card-padding-x:1.5rem;--card-padding-y:1.5rem;--card-headline-size:1.75rem}}@media (min-width:1024px){.m3-card.lg\:card\:elevated{--card-background:var(--color-surface-1);--card-box-shadow:var(--shadow-sm)}.m3-card.lg\:card\:filled{--card-background:var(--color-surface-2);--card-box-shadow:none}.m3-card.lg\:card\:outlined{--card-background:var(--color-surface);--card-box-shadow:none;--card-border:var(--border-width-1) solid var(--color-border)}.m3-card.lg\:card-layout\:horizontal{--card-flex-direction:row;--card-media-width:40%}.m3-card.lg\:card-size\:compact{--card-padding-x:0.75rem;--card-padding-y:0.75rem;--card-headline-size:1rem}.m3-card.lg\:card-size\:large{--card-padding-x:1.5rem;--card-padding-y:1.5rem;--card-headline-size:1.75rem}}.m3-dialog{--dialog-background:var(--color-surface-2);--dialog-border-radius:1.75rem;--dialog-padding:1.5rem;--dialog-min-width:17.5rem;--dialog-max-width:35rem;--dialog-color:var(--color-text-muted);--dialog-border:none;--dialog-box-shadow:var(--shadow-lg);--dialog-scrim-color:var(--color-scrim);--dialog-z-index:var(--z-modal);--dialog-headline-color:var(--color-text);--dialog-headline-size:1.5rem;--dialog-headline-weight:var(--font-weight-regular);--dialog-headline-line-height:2rem;--dialog-headline-margin:0 0 1rem;--dialog-content-color:var(--color-text-muted);--dialog-content-size:0.875rem;--dialog-content-line-height:1.25rem;--dialog-content-margin:0 0 1.5rem;--dialog-actions-gap:0.5rem;--dialog-actions-justify:flex-end;--dialog-icon-margin:0 0 1rem;--dialog-icon-color:var(--color-primary);--dialog-icon-size:1.5rem;background:var(--dialog-background);border:var(--dialog-border);border-radius:var(--dialog-border-radius);box-shadow:0 0 0 100vmax var(--dialog-scrim-color),var(--dialog-box-shadow);box-sizing:border-box;color:var(--dialog-color);display:flex;flex-direction:column;height:fit-content;inset:0;margin:auto;max-width:var(--dialog-max-width);min-width:var(--dialog-min-width);padding:var(--dialog-padding);position:fixed;width:fit-content;z-index:var(--dialog-z-index)}.m3-dialog .dialog-headline{color:var(--dialog-headline-color);font-size:var(--dialog-headline-size);font-weight:var(--dialog-headline-weight);line-height:var(--dialog-headline-line-height);margin:var(--dialog-headline-margin)}.m3-dialog .dialog-content{color:var(--dialog-content-color);font-size:var(--dialog-content-size);line-height:var(--dialog-content-line-height);margin:var(--dialog-content-margin)}.m3-dialog .dialog-actions{display:flex;gap:var(--dialog-actions-gap);justify-content:var(--dialog-actions-justify)}.m3-dialog .dialog-icon{color:var(--dialog-icon-color);display:flex;font-size:var(--dialog-icon-size);justify-content:center;margin:var(--dialog-icon-margin)}.m3-dialog:not([open]):not(.dialog-open){display:none}.m3-dialog.dialog-open,.m3-dialog[open]{display:flex}.m3-switch{--switch-display:inline-flex;--switch-align-items:center;--switch-cursor:pointer;--switch-gap:0.75rem;--switch-track-width:3.25rem;--switch-track-height:2rem;--switch-track-radius:var(--radius-full);--switch-track-color:var(--color-surface-2);--switch-track-border:0.125rem solid var(--color-border-strong);--switch-track-color-checked:var(--color-primary);--switch-track-border-checked:0.125rem solid var(--color-primary);--switch-handle-size:1rem;--switch-handle-size-checked:1.5rem;--switch-handle-size-pressed:1.75rem;--switch-handle-radius:var(--radius-full);--switch-handle-color:var(--color-border-strong);--switch-handle-color-checked:var(--color-on-primary);--switch-handle-offset:0.375rem;--switch-handle-shadow:none;--switch-state-size:2.5rem;--switch-state-opacity:0;--switch-label-size:0.875rem;--switch-label-color:var(--color-text);--switch-transition:all var(--duration-fast) var(--ease-in-out);align-items:var(--switch-align-items);cursor:var(--switch-cursor);display:var(--switch-display);gap:var(--switch-gap);user-select:none}.m3-switch input[type=checkbox]{appearance:none;background-color:var(--switch-track-color);border:var(--switch-track-border);border-radius:var(--switch-track-radius);box-sizing:border-box;cursor:inherit;flex-shrink:0;height:var(--switch-track-height);margin:0;position:relative;transition:var(--switch-transition);width:var(--switch-track-width)}.m3-switch input[type=checkbox]:after{background-color:var(--switch-handle-color);border-radius:var(--switch-handle-radius);box-shadow:var(--switch-handle-shadow);height:var(--switch-handle-size);transform:translateY(-50%);width:var(--switch-handle-size)}.m3-switch input[type=checkbox]:after,.m3-switch input[type=checkbox]:before{content:"";left:var(--switch-handle-offset);position:absolute;top:50%;transition:var(--switch-transition)}.m3-switch input[type=checkbox]:before{background-color:var(--color-text);border-radius:var(--radius-full);height:var(--switch-state-size);opacity:var(--switch-state-opacity);transform:translate(calc((var(--switch-handle-size) - var(--switch-state-size))/2),-50%);width:var(--switch-state-size)}.m3-switch input[type=checkbox]:checked{--switch-track-color:var(--switch-track-color-checked);--switch-track-border:var(--switch-track-border-checked)}.m3-switch input[type=checkbox]:checked:after{--switch-handle-size:var(--switch-handle-size-checked);--switch-handle-color:var(--switch-handle-color-checked);left:calc(100% - var(--switch-handle-size-checked) - var(--switch-handle-offset))}.m3-switch input[type=checkbox]:checked:before{background-color:var(--color-primary);left:calc(100% - var(--switch-handle-size-checked) - var(--switch-handle-offset));transform:translate(calc((var(--switch-handle-size-checked) - var(--switch-state-size))/2),-50%)}.m3-switch input[type=checkbox]:not(:disabled):hover:before{--switch-state-opacity:0.08}.m3-switch input[type=checkbox]:not(:disabled):focus-visible:before{--switch-state-opacity:0.12}.m3-switch input[type=checkbox]:not(:disabled):active:after{--switch-handle-size:var(--switch-handle-size-pressed)}.m3-switch input[type=checkbox]:not(:disabled):active:before{--switch-state-opacity:0.12}.m3-switch input[type=checkbox]:disabled{--switch-track-color:color-mix(in srgb,var(--color-text) 12%,transparent);--switch-track-border:0.125rem solid color-mix(in srgb,var(--color-text) 12%,transparent);--switch-cursor:not-allowed}.m3-switch input[type=checkbox]:disabled:after{--switch-handle-color:color-mix(in srgb,var(--color-text) 38%,transparent)}.m3-switch input[type=checkbox]:disabled:checked{--switch-track-color:color-mix(in srgb,var(--color-text) 12%,transparent);--switch-track-border:none}.m3-switch input[type=checkbox]:disabled:checked:after{--switch-handle-color:var(--color-surface)}.m3-switch:has(input:disabled){--switch-cursor:not-allowed;--switch-label-color:color-mix(in srgb,var(--color-text) 38%,transparent)}.m3-switch .switch-label{color:var(--switch-label-color);font-size:var(--switch-label-size)}.m3-switch.switch-color\:primary{--switch-track-color-checked:var(--color-primary);--switch-track-border-checked:0.125rem solid var(--color-primary)}.m3-switch.switch-color\:secondary{--switch-track-color-checked:var(--color-secondary);--switch-track-border-checked:0.125rem solid var(--color-secondary)}.m3-switch.switch-color\:tertiary{--switch-track-color-checked:var(--color-tertiary);--switch-track-border-checked:0.125rem solid var(--color-tertiary)}.m3-switch.switch-color\:danger{--switch-track-color-checked:var(--color-danger);--switch-track-border-checked:0.125rem solid var(--color-danger)}.m3-switch.switch-color\:success{--switch-track-color-checked:var(--color-success);--switch-track-border-checked:0.125rem solid var(--color-success)}.m3-switch.switch-state\:checked input[type=checkbox]{--switch-track-color:var(--switch-track-color-checked);--switch-track-border:var(--switch-track-border-checked)}.m3-switch.switch-state\:checked input[type=checkbox]:after{--switch-handle-size:var(--switch-handle-size-checked);--switch-handle-color:var(--switch-handle-color-checked);left:calc(100% - var(--switch-handle-size-checked) - var(--switch-handle-offset))}.m3-switch.switch-state\:hovered input[type=checkbox]:before{--switch-state-opacity:0.08}.m3-switch.switch-state\:focused input[type=checkbox]:before{--switch-state-opacity:0.12}.m3-switch.switch-state\:disabled input[type=checkbox]{--switch-track-color:color-mix(in srgb,var(--color-text) 12%,transparent);--switch-cursor:not-allowed}.m3-text-field{--field-background:var(--color-surface-2);--field-border:none;--field-border-radius:0.25rem 0.25rem 0 0;--field-padding-x:1rem;--field-padding-top:0.5rem;--field-padding-bottom:0.5rem;--field-min-height:3.5rem;--field-width:100%;--field-cursor:text;--field-input-padding-top:1.5rem;--field-input-padding-left:var(--field-padding-x);--field-select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23737373' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");--field-select-arrow-size:1rem;--field-select-padding-right:2rem;--field-indicator-height:0.0625rem;--field-indicator-color:var(--color-text-muted);--field-indicator-height-focus:0.1875rem;--field-indicator-color-focus:var(--color-primary);--field-indicator-color-hover:var(--color-text);--field-outline-width:0.0625rem;--field-outline-color:var(--color-border-strong);--field-outline-width-focus:0.1875rem;--field-outline-color-focus:var(--color-primary);--field-font-size:1rem;--field-font-weight:400;--field-color:var(--color-text);--field-line-height:1.5rem;--field-placeholder-color:var(--color-text-muted);--field-caret-color:var(--color-primary);--field-label-size:1rem;--field-label-size-float:0.75rem;--field-label-color:var(--color-text-muted);--field-label-weight:inherit;--field-label-color-focus:var(--color-primary);--field-label-left:var(--field-padding-x);--field-label-background:transparent;--field-label-padding:0;--field-label-position:absolute;--field-label-top:50%;--field-label-transform:translateY(-50%);--field-label-focus-top:0.5rem;--field-label-focus-transform:translateY(0);--field-label-focus-size:var(--field-label-size-float);--field-label-display:block;--field-flex-direction:column;--field-justify-content:flex-start;--field-label-order:1;--field-input-order:0;--field-label-gap:0;--field-label-min-width:auto;--field-label-align-self:auto;--field-placeholder-opacity:0;--field-indicator-display:block;--field-input-box-background:transparent;--field-input-box-border:none;--field-input-box-border-radius:0;--field-input-box-min-height:auto;--field-supporting-size:0.75rem;--field-supporting-color:var(--color-text-muted);--field-supporting-padding:0.25rem var(--field-padding-x) 0;--field-icon-left:0.75rem;--field-error-color:var(--color-danger);--field-disabled-opacity:0.38;--field-transition:all var(--duration-fast) var(--ease-in-out);background-color:var(--field-background);border:var(--field-border);border-radius:var(--field-border-radius);cursor:var(--field-cursor);display:flex;flex-direction:var(--field-flex-direction);gap:var(--field-label-gap);justify-content:var(--field-justify-content);min-height:var(--field-min-height);position:relative;transition:var(--field-transition);width:var(--field-width)}.m3-text-field input,.m3-text-field select,.m3-text-field textarea{appearance:none;background:var(--field-input-box-background);border:var(--field-input-box-border);border-radius:var(--field-input-box-border-radius);box-sizing:border-box;caret-color:var(--field-caret-color);color:var(--field-color);font-family:inherit;font-size:var(--field-font-size);font-weight:var(--field-font-weight);line-height:var(--field-line-height);min-height:var(--field-input-box-min-height);order:var(--field-input-order);outline:none;padding:var(--field-input-padding-top) var(--field-padding-x) var(--field-padding-bottom);padding-left:var(--field-input-padding-left);transition:var(--field-transition);width:100%}.m3-text-field input::placeholder,.m3-text-field textarea::placeholder{color:var(--field-placeholder-color);opacity:var(--field-placeholder-opacity);transition:var(--field-transition)}.m3-text-field input:focus::placeholder,.m3-text-field textarea:focus::placeholder{opacity:1}.m3-text-field select{background-image:var(--field-select-arrow);background-position:right .625rem center;background-repeat:no-repeat;background-size:var(--field-select-arrow-size);cursor:pointer;padding-right:var(--field-select-padding-right)}.m3-text-field select:disabled{cursor:default}.m3-text-field .field-label,.m3-text-field label{align-self:var(--field-label-align-self);background-color:var(--field-label-background);color:var(--field-label-color);display:var(--field-label-display);font-size:var(--field-label-size);font-weight:var(--field-label-weight);left:var(--field-label-left);min-width:var(--field-label-min-width);order:var(--field-label-order);padding:var(--field-label-padding);pointer-events:none;position:var(--field-label-position);top:var(--field-label-top);transform:var(--field-label-transform);transform-origin:left top;transition:var(--field-transition)}.m3-text-field input:focus+label,.m3-text-field input:not(:placeholder-shown)+label,.m3-text-field textarea:focus+label,.m3-text-field textarea:not(:placeholder-shown)+label{font-size:var(--field-label-focus-size);top:var(--field-label-focus-top);transform:var(--field-label-focus-transform)}.m3-text-field input:focus+label,.m3-text-field textarea:focus+label{color:var(--field-label-color-focus)}.m3-text-field:after{background-color:var(--field-indicator-color);bottom:0;content:"";display:var(--field-indicator-display);height:var(--field-indicator-height);left:0;position:absolute;right:0;transition:var(--field-transition)}.m3-text-field:hover:after{--field-indicator-color:var(--field-indicator-color-hover)}.m3-text-field:focus-within:after{--field-indicator-height:var(--field-indicator-height-focus);--field-indicator-color:var(--field-indicator-color-focus)}.m3-text-field.field\:outlined{--field-background:transparent;--field-border:var(--field-outline-width) solid var(--field-outline-color);--field-border-radius:0.25rem;--field-indicator-height:0;--field-indicator-height-focus:0;--field-label-background:var(--color-surface);--field-label-padding:0 0.25rem}.m3-text-field.field\:outlined:hover{--field-outline-color:var(--color-text)}.m3-text-field.field\:outlined:focus-within{--field-outline-width:var(--field-outline-width-focus);--field-outline-color:var(--field-outline-color-focus)}.m3-text-field.field-state\:error:after{--field-indicator-color:var(--field-error-color)}.m3-text-field.field-state\:error input:focus+label,.m3-text-field.field-state\:error label{--field-label-color:var(--field-error-color);--field-label-color-focus:var(--field-error-color)}.m3-text-field.field-state\:error input{--field-caret-color:var(--field-error-color)}.m3-text-field.field\:outlined.field-state\:error{--field-outline-color:var(--field-error-color)}.m3-text-field.field\:outlined.field-state\:error:focus-within{--field-outline-color:var(--field-error-color)}.m3-text-field.field-state\:disabled{--field-cursor:not-allowed;opacity:var(--field-disabled-opacity);pointer-events:none}.m3-text-field.field-state\:disabled input,.m3-text-field.field-state\:disabled select,.m3-text-field.field-state\:disabled textarea{--field-color:color-mix(in srgb,var(--color-text) 38%,transparent)}.m3-text-field .field-supporting{color:var(--field-supporting-color);font-size:var(--field-supporting-size);order:2;padding:var(--field-supporting-padding)}.m3-text-field.field-state\:error .field-supporting{color:var(--field-error-color)}.m3-text-field.field-icon\:leading{--field-input-padding-left:3rem;--field-label-left:3rem;position:relative}.m3-text-field.field-icon\:leading .m3-icon{color:var(--field-label-color);left:var(--field-icon-left);position:absolute;top:50%;transform:translateY(-50%)}.m3-text-field.field-color\:primary{--field-indicator-color-focus:var(--color-primary);--field-outline-color-focus:var(--color-primary);--field-label-color-focus:var(--color-primary);--field-caret-color:var(--color-primary)}.m3-text-field.field-color\:secondary{--field-indicator-color-focus:var(--color-secondary);--field-outline-color-focus:var(--color-secondary);--field-label-color-focus:var(--color-secondary);--field-caret-color:var(--color-secondary)}.m3-text-field.field-color\:tertiary{--field-indicator-color-focus:var(--color-tertiary);--field-outline-color-focus:var(--color-tertiary);--field-label-color-focus:var(--color-tertiary);--field-caret-color:var(--color-tertiary)}.m3-text-field.field-size\:1,.m3-text-field.field-size\:xs{--field-min-height:2.5rem;--field-input-padding-top:0.875rem;--field-padding-bottom:0.25rem;--field-font-size:0.75rem;--field-line-height:1rem;--field-label-size:0.75rem;--field-label-size-float:0.625rem;--field-supporting-size:0.6875rem}.m3-text-field.field-size\:2,.m3-text-field.field-size\:sm{--field-min-height:3rem;--field-input-padding-top:1.125rem;--field-padding-bottom:0.375rem;--field-font-size:0.875rem;--field-line-height:1.25rem;--field-label-size:0.875rem;--field-label-size-float:0.6875rem}.m3-text-field.field-size\:3,.m3-text-field.field-size\:md{--field-min-height:3.5rem;--field-input-padding-top:1.5rem;--field-padding-bottom:0.5rem;--field-font-size:1rem;--field-line-height:1.5rem;--field-label-size:1rem;--field-label-size-float:0.75rem}.m3-text-field.field-size\:4,.m3-text-field.field-size\:lg{--field-min-height:4rem;--field-input-padding-top:1.75rem;--field-padding-bottom:0.625rem;--field-font-size:1.125rem;--field-line-height:1.75rem;--field-label-size:1.125rem;--field-label-size-float:0.8125rem}.m3-text-field.field-size\:5,.m3-text-field.field-size\:xl{--field-min-height:4.5rem;--field-input-padding-top:2rem;--field-padding-bottom:0.75rem;--field-font-size:1.25rem;--field-line-height:1.875rem;--field-label-size:1.25rem;--field-label-size-float:0.875rem}.m3-text-field.field-label\:bottom,.m3-text-field.field-label\:left,.m3-text-field.field-label\:right,.m3-text-field.field-label\:top{--field-background:transparent;--field-border:none;--field-min-height:auto;--field-label-gap:0.375rem;--field-input-box-background:var(--color-surface-2);--field-input-box-border:var(--field-outline-width) solid var(--field-outline-color);--field-input-box-border-radius:0.375rem;--field-input-box-min-height:2.5rem;--field-input-padding-top:var(--field-padding-top);--field-padding-bottom:var(--field-padding-top);--field-label-color:var(--color-text);--field-label-size:0.8125rem;--field-label-weight:var(--font-weight-medium);--field-label-position:static;--field-label-top:auto;--field-label-transform:none;--field-label-left:auto;--field-label-focus-top:auto;--field-label-focus-transform:none;--field-label-focus-size:var(--field-label-size);--field-placeholder-opacity:1;--field-indicator-display:none}.m3-text-field.field\:outlined.field-label\:bottom,.m3-text-field.field\:outlined.field-label\:left,.m3-text-field.field\:outlined.field-label\:right,.m3-text-field.field\:outlined.field-label\:top{--field-input-box-background:transparent}.m3-text-field.field-label\:top{--field-flex-direction:column;--field-label-order:0;--field-input-order:1}.m3-text-field.field-label\:bottom{--field-flex-direction:column;--field-label-order:1;--field-input-order:0}.m3-text-field.field-label\:left{--field-flex-direction:row;--field-label-order:0;--field-input-order:1;--field-label-align-self:center;--field-label-min-width:6rem;--field-label-gap:0.75rem}.m3-text-field.field-label\:right{--field-flex-direction:row;--field-label-order:1;--field-input-order:0;--field-label-align-self:center;--field-label-min-width:6rem;--field-label-gap:0.75rem}.m3-text-field.field-label\:none{--field-label-display:none;--field-placeholder-opacity:1;--field-input-padding-top:var(--field-padding-top);--field-padding-bottom:var(--field-padding-top);--field-justify-content:center;--field-input-box-min-height:auto}.m3-text-field.field-label\:bottom input:focus,.m3-text-field.field-label\:bottom select:focus,.m3-text-field.field-label\:bottom textarea:focus,.m3-text-field.field-label\:left input:focus,.m3-text-field.field-label\:left select:focus,.m3-text-field.field-label\:left textarea:focus,.m3-text-field.field-label\:right input:focus,.m3-text-field.field-label\:right select:focus,.m3-text-field.field-label\:right textarea:focus,.m3-text-field.field-label\:top input:focus,.m3-text-field.field-label\:top select:focus,.m3-text-field.field-label\:top textarea:focus{--field-input-box-border:var(--field-outline-width-focus) solid var(--field-outline-color-focus)}.m3-tabs{--tab-display:flex;--tab-background:var(--color-surface);--tab-border-bottom:0.0625rem solid var(--color-border-subtle);--tab-height:3rem;--tab-gap:0;--tab-overflow:auto;--tab-item-padding:0 1.5rem;--tab-item-color:var(--color-text-muted);--tab-item-color-active:var(--color-primary);--tab-item-font-size:0.875rem;--tab-item-font-weight:var(--font-weight-medium);--tab-item-cursor:pointer;--tab-item-background:transparent;--tab-item-white-space:nowrap;--tab-item-flex:0 0 auto;--tab-item-min-width:auto;--tab-item-gap:0.5rem;--tab-icon-size:1.5rem;--tab-indicator-height:0.1875rem;--tab-indicator-color:var(--color-primary);--tab-indicator-radius:0.1875rem 0.1875rem 0 0;--tab-state-hover-opacity:0.08;--tab-transition:all var(--duration-fast) var(--ease-in-out);background-color:var(--tab-background);border-bottom:var(--tab-border-bottom);display:var(--tab-display);gap:var(--tab-gap);height:var(--tab-height);overflow-x:var(--tab-overflow);scrollbar-width:none}.m3-tabs::-webkit-scrollbar{display:none}.m3-tabs .tab-item{align-items:center;background:var(--tab-item-background);border:none;color:var(--tab-item-color);cursor:var(--tab-item-cursor);display:flex;flex:var(--tab-item-flex);font-family:inherit;font-size:var(--tab-item-font-size);font-weight:var(--tab-item-font-weight);gap:var(--tab-item-gap);height:100%;justify-content:center;min-width:var(--tab-item-min-width);padding:var(--tab-item-padding);position:relative;text-decoration:none;transition:var(--tab-transition);white-space:var(--tab-item-white-space)}.m3-tabs .tab-item:after{background-color:var(--tab-indicator-color);border-radius:var(--tab-indicator-radius);bottom:0;content:"";height:0;left:0;position:absolute;right:0;transition:var(--tab-transition)}.m3-tabs .tab-item.tab-active{--tab-item-color:var(--tab-item-color-active)}.m3-tabs .tab-item.tab-active:after{height:var(--tab-indicator-height)}.m3-tabs .tab-item:hover{background-image:linear-gradient(color-mix(in srgb,var(--tab-item-color) calc(var(--tab-state-hover-opacity)*100%),transparent),color-mix(in srgb,var(--tab-item-color) calc(var(--tab-state-hover-opacity)*100%),transparent))}.m3-tabs .tab-item:disabled{--tab-item-color:color-mix(in srgb,var(--color-text) 38%,transparent);--tab-item-cursor:not-allowed}.m3-tabs.tabs\:full .tab-item{--tab-item-flex:1}.m3-tabs.tabs\:secondary .tab-item.tab-active:after{--tab-indicator-height:0.125rem;--tab-indicator-radius:0}.m3-tabs.tabs\:with-icon{--tab-height:4rem}.m3-tabs .tab-item .tab-icon{font-size:var(--tab-icon-size)}.m3-tabs.tab-color\:primary{--tab-item-color-active:var(--color-primary);--tab-indicator-color:var(--color-primary)}.m3-tabs.tab-color\:secondary{--tab-item-color-active:var(--color-secondary);--tab-indicator-color:var(--color-secondary)}.m3-tabs.tab-color\:tertiary{--tab-item-color-active:var(--color-tertiary);--tab-indicator-color:var(--color-tertiary)}.m3-list{--list-display:flex;--list-flex-direction:column;--list-background:transparent;--list-padding:0.5rem 0;--list-gap:0;--list-margin:0;--list-item-padding:0.5rem 1rem;--list-item-min-height:3rem;--list-item-color:var(--color-text);--list-item-font-size:1rem;--list-item-font-weight:400;--list-item-line-height:1.5rem;--list-item-cursor:default;--list-item-background:transparent;--list-item-gap:1rem;--list-item-border-radius:0;--list-secondary-size:0.875rem;--list-secondary-color:var(--color-text-muted);--list-secondary-line-height:1.25rem;--list-leading-size:1.5rem;--list-leading-color:var(--color-text-muted);--list-avatar-size:2.5rem;--list-divider-color:var(--color-border-subtle);--list-divider-width:0.0625rem;--list-divider-margin:0;--list-divider-margin-left:0;--list-divider-border:none;--list-avatar-background:var(--color-primary-subtle);--list-avatar-color:var(--color-primary);--list-avatar-font-weight:600;--list-avatar-font-size:0.875rem;--list-avatar-border-radius:50%;--list-state-hover-opacity:0.08;--list-transition:background-image var(--duration-fast) var(--ease-in-out);background-color:var(--list-background);display:var(--list-display);flex-direction:var(--list-flex-direction);gap:var(--list-gap);list-style:none;margin:var(--list-margin);padding:var(--list-padding)}.m3-list .list-item{align-items:center;background:var(--list-item-background);border-radius:var(--list-item-border-radius);color:var(--list-item-color);cursor:var(--list-item-cursor);display:flex;font-size:var(--list-item-font-size);font-weight:var(--list-item-font-weight);gap:var(--list-item-gap);line-height:var(--list-item-line-height);min-height:var(--list-item-min-height);padding:var(--list-item-padding);text-decoration:none;transition:var(--list-transition)}.m3-list .list-item.list-clickable,.m3-list a.list-item{--list-item-cursor:pointer}.m3-list .list-item.list-clickable:hover,.m3-list a.list-item:hover{background-image:linear-gradient(color-mix(in srgb,var(--color-text) calc(var(--list-state-hover-opacity)*100%),transparent),color-mix(in srgb,var(--color-text) calc(var(--list-state-hover-opacity)*100%),transparent))}.m3-list .list-item.list-active{--list-item-background:var(--color-primary-subtle);--list-item-color:var(--color-primary)}.m3-list .list-item.list-disabled{--list-item-color:color-mix(in srgb,var(--color-text) 38%,transparent);--list-item-cursor:not-allowed;pointer-events:none}.m3-list .list-item .list-content{flex:1;min-width:0}.m3-list .list-item .list-headline{color:var(--list-item-color);font-size:var(--list-item-font-size);font-weight:var(--list-item-font-weight);line-height:var(--list-item-line-height)}.m3-list .list-item .list-supporting{color:var(--list-secondary-color);font-size:var(--list-secondary-size);line-height:var(--list-secondary-line-height)}.m3-list .list-item .list-leading{color:var(--list-leading-color);flex-shrink:0;font-size:var(--list-leading-size)}.m3-list .list-item .list-trailing{color:var(--list-secondary-color);flex-shrink:0;font-size:var(--list-secondary-size)}.m3-list .list-item .list-avatar{align-items:center;background-color:var(--list-avatar-background);border-radius:var(--list-avatar-border-radius);color:var(--list-avatar-color);display:flex;flex-shrink:0;font-size:var(--list-avatar-font-size);font-weight:var(--list-avatar-font-weight);height:var(--list-avatar-size);justify-content:center;overflow:hidden;width:var(--list-avatar-size)}.m3-list .list-item .list-avatar img{height:100%;object-fit:cover;width:100%}.m3-list .list-divider{background-color:var(--list-divider-color);border:var(--list-divider-border);height:var(--list-divider-width);margin:var(--list-divider-margin);margin-left:var(--list-divider-margin-left)}.m3-list .list-divider.list-divider\:inset{--list-divider-margin-left:1rem}.m3-list .list-divider.list-divider\:full{--list-divider-margin-left:0}.m3-list.list-size\:compact{--list-item-padding:0.25rem 1rem;--list-item-min-height:2.5rem;--list-item-font-size:0.875rem}.m3-list.list-size\:large{--list-item-padding:0.75rem 1.5rem;--list-item-min-height:4rem;--list-item-font-size:1.125rem}.m3-top-app-bar{--bar-display:flex;--bar-align-items:center;--bar-background:var(--color-surface);--bar-height:4rem;--bar-padding:0 0.5rem;--bar-box-shadow:none;--bar-border-bottom:none;--bar-color:var(--color-text);--bar-position:static;--bar-top:auto;--bar-z-index:auto;--bar-title-size:1.375rem;--bar-title-weight:400;--bar-title-color:var(--color-text);--bar-title-padding:0 0.5rem;--bar-title-flex:1;--bar-title-overflow:hidden;--bar-title-white-space:nowrap;--bar-title-text-overflow:ellipsis;--bar-title-text-align:start;--bar-icon-size:3rem;--bar-icon-color:var(--color-text);--bar-icon-radius:50%;--bar-icon-background:transparent;--bar-icon-cursor:pointer;--bar-trailing-gap:0;--bar-state-hover-opacity:0.08;--bar-transition:box-shadow var(--duration-normal) var(--ease-out);align-items:var(--bar-align-items);background-color:var(--bar-background);border-bottom:var(--bar-border-bottom);box-shadow:var(--bar-box-shadow);box-sizing:border-box;color:var(--bar-color);display:var(--bar-display);height:var(--bar-height);padding:var(--bar-padding);position:var(--bar-position);top:var(--bar-top);transition:var(--bar-transition);z-index:var(--bar-z-index)}.m3-top-app-bar .bar-title{color:var(--bar-title-color);flex:var(--bar-title-flex);font-size:var(--bar-title-size);font-weight:var(--bar-title-weight);margin:0;overflow:var(--bar-title-overflow);padding:var(--bar-title-padding);text-align:var(--bar-title-text-align);text-overflow:var(--bar-title-text-overflow);white-space:var(--bar-title-white-space)}.m3-top-app-bar .bar-leading,.m3-top-app-bar .bar-trailing a:not([class*=m3-]),.m3-top-app-bar .bar-trailing button:not([class*=m3-]){align-items:center;background:var(--bar-icon-background);border:none;border-radius:var(--bar-icon-radius);color:var(--bar-icon-color);cursor:var(--bar-icon-cursor);display:flex;font-family:inherit;height:var(--bar-icon-size);justify-content:center;padding:0;transition:var(--bar-transition);width:var(--bar-icon-size)}.m3-top-app-bar .bar-leading:hover,.m3-top-app-bar .bar-trailing a:not([class*=m3-]):hover,.m3-top-app-bar .bar-trailing button:not([class*=m3-]):hover{background-image:linear-gradient(color-mix(in srgb,var(--bar-icon-color) calc(var(--bar-state-hover-opacity)*100%),transparent),color-mix(in srgb,var(--bar-icon-color) calc(var(--bar-state-hover-opacity)*100%),transparent))}.m3-top-app-bar .bar-trailing{align-items:center;display:flex;gap:var(--bar-trailing-gap)}.m3-top-app-bar.bar\:center{--bar-title-text-align:center}.m3-top-app-bar.bar\:fixed{--bar-position:sticky;--bar-top:0;--bar-z-index:var(--z-sticky)}.m3-top-app-bar.bar\:elevated{--bar-box-shadow:var(--shadow-sm)}.m3-top-app-bar.bar\:outlined{--bar-border-bottom:0.0625rem solid var(--color-border-subtle)}.m3-top-app-bar.bar-color\:primary{--bar-background:var(--color-primary);--bar-color:var(--color-on-primary);--bar-title-color:var(--color-on-primary);--bar-icon-color:var(--color-on-primary)}.m3-top-app-bar.bar-color\:surface{--bar-background:var(--color-surface);--bar-color:var(--color-text)}.m3-top-app-bar.bar-color\:surface-1{--bar-background:var(--color-surface-1)}.m3-badge{--badge-background:var(--color-danger);--badge-color:var(--color-on-danger);--badge-font-size:0.6875rem;--badge-font-weight:var(--font-weight-medium);--badge-min-width:1rem;--badge-height:1rem;--badge-padding:0 0.25rem;--badge-border-radius:var(--radius-full);--badge-position:absolute;--badge-top:-0.25rem;--badge-right:-0.25rem;align-items:center;background-color:var(--badge-background);border-radius:var(--badge-border-radius);box-sizing:border-box;color:var(--badge-color);display:inline-flex;font-size:var(--badge-font-size);font-weight:var(--badge-font-weight);height:var(--badge-height);justify-content:center;line-height:1;min-width:var(--badge-min-width);padding:var(--badge-padding);position:var(--badge-position);right:var(--badge-right);top:var(--badge-top)}.m3-badge.badge\:dot{--badge-min-width:0.375rem;--badge-height:0.375rem;--badge-padding:0;--badge-top:0;--badge-right:0}.m3-badge.badge\:inline{--badge-position:static;--badge-top:auto;--badge-right:auto}.m3-badge.badge-color\:primary{--badge-background:var(--color-primary);--badge-color:var(--color-on-primary)}.m3-badge.badge-color\:secondary{--badge-background:var(--color-secondary);--badge-color:var(--color-on-secondary)}.m3-badge.badge-color\:danger{--badge-background:var(--color-danger);--badge-color:var(--color-on-danger)}.m3-badge.badge-color\:success{--badge-background:var(--color-success);--badge-color:var(--color-on-success)}.m3-badge.badge-color\:warning{--badge-background:var(--color-warning);--badge-color:var(--color-on-warning)}.m3-badge.badge-color\:neutral{--badge-background:var(--color-surface-3);--badge-color:var(--color-text)}.m3-progress{--progress-height:0.25rem;--progress-width:100%;--progress-track-color:var(--color-primary-subtle);--progress-indicator-color:var(--color-primary);--progress-border-radius:var(--radius-full);--progress-value:0%;--progress-circular-size:3rem;--progress-circular-stroke:0.25rem;--progress-circular-border-radius:50%;background-color:var(--progress-track-color);height:var(--progress-height);overflow:hidden;position:relative;width:var(--progress-width)}.m3-progress,.m3-progress:after{border-radius:var(--progress-border-radius)}.m3-progress:after{background-color:var(--progress-indicator-color);content:"";height:100%;left:0;position:absolute;top:0;transition:width var(--duration-normal) var(--ease-out);width:var(--progress-value)}.m3-progress.progress\:indeterminate:after{animation:m3-progress-indeterminate 1.5s var(--ease-in-out) infinite;width:40%}@keyframes m3-progress-indeterminate{0%{left:-40%}to{left:100%}}.m3-progress.progress\:circular{--progress-width:var(--progress-circular-size);--progress-height:var(--progress-circular-size);animation:m3-progress-spin .8s linear infinite;background:transparent;border:var(--progress-circular-stroke) solid var(--progress-track-color);border-radius:var(--progress-circular-border-radius);border-top-color:var(--progress-indicator-color)}.m3-progress.progress\:circular:after{display:none}@keyframes m3-progress-spin{to{transform:rotate(1turn)}}.m3-progress.progress-color\:primary{--progress-indicator-color:var(--color-primary);--progress-track-color:var(--color-primary-subtle)}.m3-progress.progress-color\:secondary{--progress-indicator-color:var(--color-secondary);--progress-track-color:var(--color-secondary-subtle)}.m3-progress.progress-color\:tertiary{--progress-indicator-color:var(--color-tertiary);--progress-track-color:var(--color-tertiary-subtle)}.m3-progress.progress-color\:danger{--progress-indicator-color:var(--color-danger);--progress-track-color:var(--color-danger-subtle)}.m3-progress.progress-color\:success{--progress-indicator-color:var(--color-success);--progress-track-color:var(--color-success-subtle)}.m3-snackbar{--snackbar-background:var(--color-surface-inverse);--snackbar-color:var(--color-text-inverse);--snackbar-border-radius:0.25rem;--snackbar-padding:0 0.5rem 0 1rem;--snackbar-min-height:3rem;--snackbar-max-width:35rem;--snackbar-box-shadow:var(--shadow-md);--snackbar-z-index:var(--z-toast);--snackbar-bottom:1.5rem;--snackbar-left:50%;--snackbar-transform:translateX(-50%);--snackbar-gap:0.5rem;--snackbar-font-size:0.875rem;--snackbar-line-height:1.25rem;--snackbar-action-color:var(--color-primary-subtle);--snackbar-action-font-weight:var(--font-weight-medium);--snackbar-action-padding:0.5rem;--snackbar-action-border-radius:0.25rem;--snackbar-action-hover-opacity:0.08;--snackbar-close-padding:0.5rem;--snackbar-close-border-radius:50%;--snackbar-text-padding:0.875rem 0;align-items:center;background-color:var(--snackbar-background);border-radius:var(--snackbar-border-radius);bottom:var(--snackbar-bottom);box-shadow:var(--snackbar-box-shadow);box-sizing:border-box;color:var(--snackbar-color);display:none;gap:var(--snackbar-gap);left:var(--snackbar-left);max-width:var(--snackbar-max-width);min-height:var(--snackbar-min-height);padding:var(--snackbar-padding);position:fixed;transform:var(--snackbar-transform);z-index:var(--snackbar-z-index)}.m3-snackbar.snackbar-open{display:flex}.m3-snackbar .snackbar-text{flex:1;font-size:var(--snackbar-font-size);line-height:var(--snackbar-line-height);padding:var(--snackbar-text-padding)}.m3-snackbar .snackbar-action{background:transparent;border:none;border-radius:var(--snackbar-action-border-radius);color:var(--snackbar-action-color);cursor:pointer;font-family:inherit;font-size:var(--snackbar-font-size);font-weight:var(--snackbar-action-font-weight);padding:var(--snackbar-action-padding);white-space:nowrap}.m3-snackbar .snackbar-action:hover{background-image:linear-gradient(color-mix(in srgb,var(--snackbar-action-color) calc(var(--snackbar-action-hover-opacity)*100%),transparent),color-mix(in srgb,var(--snackbar-action-color) calc(var(--snackbar-action-hover-opacity)*100%),transparent))}.m3-snackbar .snackbar-close{align-items:center;background:transparent;border:none;border-radius:var(--snackbar-close-border-radius);color:var(--snackbar-color);cursor:pointer;display:flex;justify-content:center;padding:var(--snackbar-close-padding)}.m3-snackbar.snackbar-color\:success{--snackbar-background:var(--color-success);--snackbar-color:var(--color-on-success)}.m3-snackbar.snackbar-color\:danger{--snackbar-background:var(--color-danger);--snackbar-color:var(--color-on-danger)}.m3-snackbar.snackbar-color\:warning{--snackbar-background:var(--color-warning);--snackbar-color:var(--color-on-warning)}.m3-chip{--chip-display:inline-flex;--chip-align-items:center;--chip-height:2rem;--chip-padding:0 0.75rem;--chip-gap:0.5rem;--chip-border-radius:0.5rem;--chip-background:transparent;--chip-color:var(--color-text);--chip-border:0.0625rem solid var(--color-border);--chip-cursor:pointer;--chip-font-size:0.875rem;--chip-font-weight:var(--font-weight-medium);--chip-box-shadow:none;--chip-icon-size:1.125rem;--chip-close-radius:50%;--chip-close-background:transparent;--chip-state-hover-opacity:0.08;--chip-state-pressed-opacity:0.12;--chip-selected-background:var(--color-primary-subtle);--chip-selected-color:var(--color-primary);--chip-selected-border:0.0625rem solid transparent;--chip-transition:all var(--duration-fast) var(--ease-in-out);align-items:var(--chip-align-items);background-color:var(--chip-background);border:var(--chip-border);border-radius:var(--chip-border-radius);box-shadow:var(--chip-box-shadow);box-sizing:border-box;color:var(--chip-color);cursor:var(--chip-cursor);display:var(--chip-display);font-size:var(--chip-font-size);font-weight:var(--chip-font-weight);gap:var(--chip-gap);height:var(--chip-height);padding:var(--chip-padding);text-decoration:none;transition:var(--chip-transition);user-select:none;white-space:nowrap}.m3-chip:hover{background-image:linear-gradient(color-mix(in srgb,var(--chip-color) calc(var(--chip-state-hover-opacity)*100%),transparent),color-mix(in srgb,var(--chip-color) calc(var(--chip-state-hover-opacity)*100%),transparent))}.m3-chip:active{background-image:linear-gradient(color-mix(in srgb,var(--chip-color) calc(var(--chip-state-pressed-opacity)*100%),transparent),color-mix(in srgb,var(--chip-color) calc(var(--chip-state-pressed-opacity)*100%),transparent))}.m3-chip.chip-state\:disabled,.m3-chip:disabled{--chip-color:color-mix(in srgb,var(--color-text) 38%,transparent);--chip-border:0.0625rem solid color-mix(in srgb,var(--color-text) 12%,transparent);--chip-cursor:not-allowed}.m3-chip.chip\:selected{--chip-background:var(--chip-selected-background);--chip-color:var(--chip-selected-color);--chip-border:var(--chip-selected-border)}.m3-chip.chip\:elevated{--chip-border:none;--chip-background:var(--color-surface-1);--chip-box-shadow:var(--shadow-sm)}.m3-chip .chip-close,.m3-chip .chip-icon{font-size:var(--chip-icon-size);height:var(--chip-icon-size);width:var(--chip-icon-size)}.m3-chip .chip-close{align-items:center;background:var(--chip-close-background);border:none;border-radius:var(--chip-close-radius);color:inherit;cursor:pointer;display:flex;justify-content:center;padding:0}.m3-chip .chip-close:hover{background-color:color-mix(in srgb,var(--chip-color) calc(var(--chip-state-pressed-opacity)*100%),transparent)}.m3-chip.chip-color\:primary{--chip-selected-background:var(--color-primary-subtle);--chip-selected-color:var(--color-primary)}.m3-chip.chip-color\:secondary{--chip-selected-background:var(--color-secondary-subtle);--chip-selected-color:var(--color-secondary)}.m3-chip.chip-color\:danger{--chip-selected-background:var(--color-danger-subtle);--chip-selected-color:var(--color-danger)}.m3-chip.chip-color\:success{--chip-selected-background:var(--color-success-subtle);--chip-selected-color:var(--color-success)}.m3-chip.chip-color\:warning{--chip-selected-background:var(--color-warning-subtle);--chip-selected-color:var(--color-warning)}.m3-divider{--divider-color:var(--color-border);--divider-width:100%;--divider-thickness:0.0625rem;--divider-margin:0;--divider-inset-start:0;--divider-inset-end:0;--divider-height:auto;border:none;border-top:var(--divider-thickness) solid var(--divider-color);box-sizing:border-box;display:block;height:var(--divider-height);margin:var(--divider-margin);margin-inline-end:var(--divider-inset-end);margin-inline-start:var(--divider-inset-start);width:var(--divider-width)}.m3-divider.divider\:inset{--divider-inset-start:1rem;--divider-inset-end:1rem}.m3-divider.divider\:middle-inset{--divider-inset-start:1rem;--divider-inset-end:0}.m3-divider.divider\:vertical{--divider-width:auto;--divider-height:100%;--divider-thickness:0;align-self:stretch;border-inline-start-color:var(--divider-color);border-inline-start-style:solid;border-inline-start-width:.0625rem;border-top:none;display:inline-block}.m3-fab{--fab-size:3.5rem;--fab-padding:1rem;--fab-gap:0.75rem;--fab-icon-size:1.5rem;--fab-background:var(--color-surface-1);--fab-color:var(--color-primary);--fab-box-shadow:var(--shadow-lg);--fab-elevation-hover:var(--shadow-xl);--fab-border-radius:1rem;--fab-font-size:0.875rem;--fab-font-weight:var(--font-weight-medium);--fab-line-height:1.25rem;--fab-letter-spacing:0.00625rem;--fab-outline:none;--fab-outline-offset:0;--fab-state-layer-color:var(--color-primary);--fab-state-hover-opacity:0.08;--fab-state-focus-opacity:0.12;--fab-state-pressed-opacity:0.12;-webkit-tap-highlight-color:transparent;align-items:center;background-color:var(--fab-background);background-image:none;border:none;border-radius:var(--fab-border-radius);box-shadow:var(--fab-box-shadow);box-sizing:border-box;color:var(--fab-color);cursor:pointer;display:inline-flex;font-size:var(--fab-font-size);font-weight:var(--fab-font-weight);gap:var(--fab-gap);height:var(--fab-size);justify-content:center;letter-spacing:var(--fab-letter-spacing);line-height:var(--fab-line-height);min-width:var(--fab-size);outline:var(--fab-outline);outline-offset:var(--fab-outline-offset);overflow:hidden;padding:var(--fab-padding);position:relative;transition:box-shadow var(--duration-normal) var(--ease-in-out),background-image var(--duration-fast) var(--ease-in-out);white-space:nowrap}.m3-fab .m3-icon,.m3-fab [class*=material-symbols]{font-size:var(--fab-icon-size);height:var(--fab-icon-size);width:var(--fab-icon-size)}.m3-fab.fab-state\:hover,.m3-fab:hover{--fab-box-shadow:var(--fab-elevation-hover);background-image:linear-gradient(color-mix(in srgb,var(--fab-state-layer-color) calc(var(--fab-state-hover-opacity)*100%),transparent),color-mix(in srgb,var(--fab-state-layer-color) calc(var(--fab-state-hover-opacity)*100%),transparent))}.m3-fab.fab-state\:focus,.m3-fab:focus-visible{--fab-outline:var(--border-width-2) solid var(--color-focus-ring);--fab-outline-offset:var(--space-1);background-image:linear-gradient(color-mix(in srgb,var(--fab-state-layer-color) calc(var(--fab-state-focus-opacity)*100%),transparent),color-mix(in srgb,var(--fab-state-layer-color) calc(var(--fab-state-focus-opacity)*100%),transparent))}.m3-fab.fab-state\:active,.m3-fab:active{background-image:linear-gradient(color-mix(in srgb,var(--fab-state-layer-color) calc(var(--fab-state-pressed-opacity)*100%),transparent),color-mix(in srgb,var(--fab-state-layer-color) calc(var(--fab-state-pressed-opacity)*100%),transparent))}.m3-fab.fab-state\:disabled,.m3-fab:disabled{--fab-background:color-mix(in srgb,var(--color-text) 12%,transparent);--fab-color:color-mix(in srgb,var(--color-text) 38%,transparent);--fab-box-shadow:none;--fab-outline:none;cursor:not-allowed;pointer-events:none}.m3-fab.fab\:small{--fab-size:2.5rem;--fab-padding:0.5rem;--fab-border-radius:0.75rem;--fab-icon-size:1.5rem}.m3-fab.fab\:large{--fab-size:6rem;--fab-padding:1.875rem;--fab-border-radius:1.75rem;--fab-icon-size:2.25rem}.m3-fab.fab\:extended{--fab-size:3.5rem;--fab-padding:1rem 1.25rem;--fab-border-radius:1rem}.m3-fab.fab-color\:primary{--fab-background:var(--color-primary);--fab-color:var(--color-on-primary);--fab-state-layer-color:var(--color-on-primary)}.m3-fab.fab-color\:secondary{--fab-background:var(--color-secondary);--fab-color:var(--color-on-secondary);--fab-state-layer-color:var(--color-on-secondary)}.m3-fab.fab-color\:tertiary{--fab-background:var(--color-tertiary);--fab-color:var(--color-on-tertiary);--fab-state-layer-color:var(--color-on-tertiary)}.m3-fab.fab-color\:surface{--fab-background:var(--color-surface-1);--fab-color:var(--color-primary);--fab-state-layer-color:var(--color-primary)}.m3-icon-btn{--icon-btn-size:2.5rem;--icon-btn-touch-size:3rem;--icon-btn-icon-size:1.5rem;--icon-btn-background:transparent;--icon-btn-color:var(--color-text);--icon-btn-box-shadow:none;--icon-btn-border-width:0;--icon-btn-border-color:transparent;--icon-btn-border-style:solid;--icon-btn-border-radius:var(--radius-full);--icon-btn-outline:none;--icon-btn-outline-offset:0;--icon-btn-state-layer-color:var(--color-text);--icon-btn-state-hover-opacity:0.08;--icon-btn-state-focus-opacity:0.12;--icon-btn-state-pressed-opacity:0.12;-webkit-tap-highlight-color:transparent;align-items:center;background-color:var(--icon-btn-background);background-image:none;border-color:var(--icon-btn-border-color);border-radius:var(--icon-btn-border-radius);border-style:var(--icon-btn-border-style);border-width:var(--icon-btn-border-width);box-shadow:var(--icon-btn-box-shadow);box-sizing:border-box;color:var(--icon-btn-color);cursor:pointer;display:inline-flex;height:var(--icon-btn-size);justify-content:center;min-height:var(--icon-btn-touch-size);min-width:var(--icon-btn-touch-size);outline:var(--icon-btn-outline);outline-offset:var(--icon-btn-outline-offset);overflow:hidden;padding:0;position:relative;transition:background-color var(--duration-normal) var(--ease-in-out),box-shadow var(--duration-normal) var(--ease-in-out),border-color var(--duration-normal) var(--ease-in-out);width:var(--icon-btn-size)}.m3-icon-btn .m3-icon,.m3-icon-btn [class*=material-symbols]{font-size:var(--icon-btn-icon-size);height:var(--icon-btn-icon-size);width:var(--icon-btn-icon-size)}.m3-icon-btn.icon-btn-state\:hover,.m3-icon-btn:hover{background-image:linear-gradient(color-mix(in srgb,var(--icon-btn-state-layer-color) calc(var(--icon-btn-state-hover-opacity)*100%),transparent),color-mix(in srgb,var(--icon-btn-state-layer-color) calc(var(--icon-btn-state-hover-opacity)*100%),transparent))}.m3-icon-btn.icon-btn-state\:focus,.m3-icon-btn:focus-visible{--icon-btn-outline:var(--border-width-2) solid var(--color-focus-ring);--icon-btn-outline-offset:var(--space-1);background-image:linear-gradient(color-mix(in srgb,var(--icon-btn-state-layer-color) calc(var(--icon-btn-state-focus-opacity)*100%),transparent),color-mix(in srgb,var(--icon-btn-state-layer-color) calc(var(--icon-btn-state-focus-opacity)*100%),transparent))}.m3-icon-btn.icon-btn-state\:active,.m3-icon-btn:active{background-image:linear-gradient(color-mix(in srgb,var(--icon-btn-state-layer-color) calc(var(--icon-btn-state-pressed-opacity)*100%),transparent),color-mix(in srgb,var(--icon-btn-state-layer-color) calc(var(--icon-btn-state-pressed-opacity)*100%),transparent))}.m3-icon-btn.icon-btn-state\:disabled,.m3-icon-btn:disabled{--icon-btn-background:transparent;--icon-btn-color:color-mix(in srgb,var(--color-text) 38%,transparent);--icon-btn-box-shadow:none;--icon-btn-border-color:color-mix(in srgb,var(--color-text) 12%,transparent);--icon-btn-outline:none;cursor:not-allowed;pointer-events:none}.m3-icon-btn.icon-btn\:filled{--icon-btn-background:var(--color-primary);--icon-btn-color:var(--color-on-primary);--icon-btn-state-layer-color:var(--color-on-primary);&.icon-btn-state\:disabled,&:disabled{--icon-btn-background:color-mix(in srgb,var(--color-text) 12%,transparent);--icon-btn-color:color-mix(in srgb,var(--color-text) 38%,transparent)}}.m3-icon-btn.icon-btn\:tonal{--icon-btn-background:var(--color-secondary-subtle);--icon-btn-color:var(--color-secondary);--icon-btn-state-layer-color:var(--color-secondary);&.icon-btn-state\:disabled,&:disabled{--icon-btn-background:color-mix(in srgb,var(--color-text) 12%,transparent);--icon-btn-color:color-mix(in srgb,var(--color-text) 38%,transparent)}}.m3-icon-btn.icon-btn\:outlined{--icon-btn-background:transparent;--icon-btn-color:var(--color-text);--icon-btn-border-width:0.0625rem;--icon-btn-border-color:var(--color-border);--icon-btn-state-layer-color:var(--color-text);&.icon-btn-state\:disabled,&:disabled{--icon-btn-background:transparent;--icon-btn-color:color-mix(in srgb,var(--color-text) 38%,transparent);--icon-btn-border-color:color-mix(in srgb,var(--color-text) 12%,transparent)}}.m3-icon-btn.icon-btn-toggle\:unselected{--icon-btn-background:transparent;--icon-btn-color:var(--color-text);--icon-btn-state-layer-color:var(--color-text)}.m3-icon-btn.icon-btn-toggle\:selected{--icon-btn-background:transparent;--icon-btn-color:var(--color-primary);--icon-btn-state-layer-color:var(--color-primary)}.m3-icon-btn.icon-btn\:filled.icon-btn-toggle\:selected{--icon-btn-background:var(--color-primary);--icon-btn-color:var(--color-on-primary);--icon-btn-state-layer-color:var(--color-on-primary)}.m3-icon-btn.icon-btn\:filled.icon-btn-toggle\:unselected{--icon-btn-background:var(--color-surface-2);--icon-btn-color:var(--color-primary);--icon-btn-state-layer-color:var(--color-primary)}.m3-icon-btn.icon-btn\:tonal.icon-btn-toggle\:selected{--icon-btn-background:var(--color-secondary-subtle);--icon-btn-color:var(--color-secondary);--icon-btn-state-layer-color:var(--color-secondary)}.m3-icon-btn.icon-btn\:tonal.icon-btn-toggle\:unselected{--icon-btn-background:var(--color-surface-2);--icon-btn-color:var(--color-text);--icon-btn-state-layer-color:var(--color-text)}.m3-icon-btn.icon-btn\:outlined.icon-btn-toggle\:selected{--icon-btn-background:var(--color-surface-inverse);--icon-btn-color:var(--color-text-inverse);--icon-btn-border-width:0;--icon-btn-state-layer-color:var(--color-text-inverse)}.m3-icon-btn.icon-btn\:outlined.icon-btn-toggle\:unselected{--icon-btn-background:transparent;--icon-btn-color:var(--color-text);--icon-btn-border-width:0.0625rem;--icon-btn-border-color:var(--color-border);--icon-btn-state-layer-color:var(--color-text)}.m3-icon-btn:has(>.m3-badge){overflow:visible}.m3-icon-btn>.m3-badge{--badge-top:calc(50% - var(--icon-btn-icon-size)/2 - var(--badge-height)/2);--badge-right:calc(50% - var(--icon-btn-icon-size)/2 - var(--badge-min-width)/2)}.m3-menu{--menu-background:var(--color-surface);--menu-border-radius:0.25rem;--menu-box-shadow:var(--shadow-md);--menu-padding:0.5rem 0;--menu-min-width:7rem;--menu-max-width:17.5rem;--menu-z-index:var(--z-dropdown);--menu-border:none;--menu-color:var(--color-text);--menu-item-height:3rem;--menu-item-padding:0 0.75rem;--menu-item-color:var(--color-text);--menu-item-font-size:0.875rem;--menu-item-gap:0.75rem;--menu-item-border-radius:0;--menu-item-background:transparent;--menu-item-cursor:pointer;--menu-item-icon-color:var(--color-text);--menu-item-icon-size:1.5rem;--menu-divider-color:var(--color-border-subtle);--menu-divider-margin:0.5rem 0;--menu-divider-height:0.0625rem;--menu-state-hover-opacity:0.08;--menu-state-focus-opacity:0.12;--menu-state-layer-color:var(--color-text);--menu-item-disabled-opacity:0.38;--menu-item-disabled-cursor:default;--menu-transition:opacity var(--duration-fast) var(--ease-out);background-color:var(--menu-background);border:var(--menu-border);border-radius:var(--menu-border-radius);box-shadow:var(--menu-box-shadow);box-sizing:border-box;color:var(--menu-color);display:none;flex-direction:column;max-width:var(--menu-max-width);min-width:var(--menu-min-width);padding:var(--menu-padding);position:absolute;transition:var(--menu-transition);z-index:var(--menu-z-index)}.m3-menu.menu-open{display:flex}.m3-menu .menu-item{align-items:center;background:var(--menu-item-background);border:none;border-radius:var(--menu-item-border-radius);box-sizing:border-box;color:var(--menu-item-color);cursor:var(--menu-item-cursor);display:flex;font-family:inherit;font-size:var(--menu-item-font-size);gap:var(--menu-item-gap);height:var(--menu-item-height);padding:var(--menu-item-padding);position:relative;text-align:start;width:100%}.m3-menu .menu-item .m3-icon{color:var(--menu-item-icon-color);font-size:var(--menu-item-icon-size)}.m3-menu .menu-item .menu-label{flex:1}.m3-menu .menu-divider{background-color:var(--menu-divider-color);border:none;height:var(--menu-divider-height);margin:var(--menu-divider-margin)}.m3-menu .menu-item:not(.menu-item-disabled):hover{background-image:linear-gradient(color-mix(in srgb,var(--menu-state-layer-color) calc(var(--menu-state-hover-opacity)*100%),transparent),color-mix(in srgb,var(--menu-state-layer-color) calc(var(--menu-state-hover-opacity)*100%),transparent))}.m3-menu .menu-item:not(.menu-item-disabled):focus-visible{background-image:linear-gradient(color-mix(in srgb,var(--menu-state-layer-color) calc(var(--menu-state-focus-opacity)*100%),transparent),color-mix(in srgb,var(--menu-state-layer-color) calc(var(--menu-state-focus-opacity)*100%),transparent));outline:none}.m3-menu .menu-item.menu-item-disabled{--menu-item-color:var(--color-text);--menu-item-cursor:default;opacity:var(--menu-item-disabled-opacity);pointer-events:none}.m3-tooltip{--tooltip-background:var(--color-surface-inverse);--tooltip-color:var(--color-text-inverse);--tooltip-border-radius:var(--radius-2);--tooltip-padding:0.25rem 0.5rem;--tooltip-font-size:0.75rem;--tooltip-line-height:1rem;--tooltip-max-width:12.5rem;--tooltip-z-index:var(--z-tooltip,var(--z-toast));--tooltip-box-shadow:none;--tooltip-border:none;--tooltip-font-weight:var(--font-weight-medium,500);--tooltip-rich-background:var(--color-surface-2);--tooltip-rich-color:var(--color-text);--tooltip-rich-border-radius:var(--radius-3);--tooltip-rich-padding:0.75rem 1rem;--tooltip-rich-max-width:20rem;--tooltip-rich-box-shadow:var(--shadow-md);--tooltip-rich-font-size:0.875rem;--tooltip-rich-line-height:1.25rem;--tooltip-title-font-size:0.875rem;--tooltip-title-font-weight:var(--font-weight-medium,500);--tooltip-title-color:var(--color-text);--tooltip-title-margin:0 0 0.25rem;--tooltip-title-line-height:1.25rem;--tooltip-content-color:var(--color-text-muted);--tooltip-content-margin:0 0 0.5rem;--tooltip-actions-gap:0.5rem;--tooltip-actions-margin:0.5rem 0 0;background-color:var(--tooltip-background);border:var(--tooltip-border);border-radius:var(--tooltip-border-radius);box-shadow:var(--tooltip-box-shadow);box-sizing:border-box;color:var(--tooltip-color);font-size:var(--tooltip-font-size);font-weight:var(--tooltip-font-weight);line-height:var(--tooltip-line-height);max-width:var(--tooltip-max-width);padding:var(--tooltip-padding);position:absolute;z-index:var(--tooltip-z-index)}.m3-tooltip.tooltip\:rich{--tooltip-background:var(--tooltip-rich-background);--tooltip-color:var(--tooltip-rich-color);--tooltip-border-radius:var(--tooltip-rich-border-radius);--tooltip-padding:var(--tooltip-rich-padding);--tooltip-max-width:var(--tooltip-rich-max-width);--tooltip-box-shadow:var(--tooltip-rich-box-shadow);--tooltip-font-size:var(--tooltip-rich-font-size);--tooltip-line-height:var(--tooltip-rich-line-height)}.m3-tooltip .tooltip-title{color:var(--tooltip-title-color);font-size:var(--tooltip-title-font-size);font-weight:var(--tooltip-title-font-weight);line-height:var(--tooltip-title-line-height);margin:var(--tooltip-title-margin)}.m3-tooltip .tooltip-content{color:var(--tooltip-content-color);margin:var(--tooltip-content-margin)}.m3-tooltip .tooltip-actions{display:flex;gap:var(--tooltip-actions-gap);margin:var(--tooltip-actions-margin)}.m3-slider{--slider-width:100%;--slider-padding:0.5rem 0;--slider-track-height:0.25rem;--slider-track-color:var(--color-primary-subtle);--slider-track-active-color:var(--color-primary);--slider-track-border-radius:var(--radius-full);--slider-handle-size:1.25rem;--slider-handle-color:var(--color-primary);--slider-handle-border-radius:var(--radius-full);--slider-handle-shadow:var(--shadow-sm);--slider-handle-border:none;--slider-state-hover-opacity:0.08;--slider-state-focus-opacity:0.12;--slider-state-layer-color:var(--color-primary);--slider-state-layer-size:2.5rem;--slider-disabled-track-color:color-mix(in srgb,var(--color-text) 12%,transparent);--slider-disabled-active-color:color-mix(in srgb,var(--color-text) 38%,transparent);--slider-disabled-handle-color:color-mix(in srgb,var(--color-text) 38%,transparent);--slider-disabled-cursor:default;--slider-transition:box-shadow var(--duration-fast) var(--ease-in-out);--slider-tick-size:0.125rem;--slider-tick-color:var(--color-on-primary);--slider-tick-inactive-color:var(--color-primary-subtle);align-items:center;box-sizing:border-box;display:flex;padding:var(--slider-padding);width:var(--slider-width)}.m3-slider input[type=range]{appearance:none;background:var(--slider-track-color);border-radius:var(--slider-track-border-radius);cursor:pointer;height:var(--slider-track-height);margin:0;outline:none;width:100%}.m3-slider input[type=range]::-webkit-slider-thumb{appearance:none;background-color:var(--slider-handle-color);border:var(--slider-handle-border);border-radius:var(--slider-handle-border-radius);box-shadow:var(--slider-handle-shadow);height:var(--slider-handle-size);transition:var(--slider-transition);width:var(--slider-handle-size)}.m3-slider input[type=range]::-moz-range-thumb{background-color:var(--slider-handle-color);border:var(--slider-handle-border);border-radius:var(--slider-handle-border-radius);box-shadow:var(--slider-handle-shadow);height:var(--slider-handle-size);transition:var(--slider-transition);width:var(--slider-handle-size)}.m3-slider input[type=range]::-moz-range-progress{background-color:var(--slider-track-active-color);border-radius:var(--slider-track-border-radius);height:var(--slider-track-height)}.m3-slider input[type=range]:not(:disabled):hover::-webkit-slider-thumb{box-shadow:var(--slider-handle-shadow),0 0 0 calc(var(--slider-state-layer-size)/2 - var(--slider-handle-size)/2) color-mix(in srgb,var(--slider-state-layer-color) calc(var(--slider-state-hover-opacity)*100%),transparent)}.m3-slider input[type=range]:not(:disabled):hover::-moz-range-thumb{box-shadow:var(--slider-handle-shadow),0 0 0 calc(var(--slider-state-layer-size)/2 - var(--slider-handle-size)/2) color-mix(in srgb,var(--slider-state-layer-color) calc(var(--slider-state-hover-opacity)*100%),transparent)}.m3-slider input[type=range]:not(:disabled):focus-visible::-webkit-slider-thumb{box-shadow:var(--slider-handle-shadow),0 0 0 calc(var(--slider-state-layer-size)/2 - var(--slider-handle-size)/2) color-mix(in srgb,var(--slider-state-layer-color) calc(var(--slider-state-focus-opacity)*100%),transparent)}.m3-slider input[type=range]:not(:disabled):focus-visible::-moz-range-thumb{box-shadow:var(--slider-handle-shadow),0 0 0 calc(var(--slider-state-layer-size)/2 - var(--slider-handle-size)/2) color-mix(in srgb,var(--slider-state-layer-color) calc(var(--slider-state-focus-opacity)*100%),transparent)}.m3-slider input[type=range]:disabled{background:var(--slider-disabled-track-color);cursor:var(--slider-disabled-cursor)}.m3-slider input[type=range]:disabled::-webkit-slider-thumb{--slider-handle-color:var(--slider-disabled-handle-color);--slider-handle-shadow:none}.m3-slider input[type=range]:disabled::-moz-range-thumb{--slider-handle-color:var(--slider-disabled-handle-color);--slider-handle-shadow:none}.m3-slider input[type=range]:disabled::-moz-range-progress{background-color:var(--slider-disabled-active-color)}.m3-slider.slider-color\:primary{--slider-track-active-color:var(--color-primary);--slider-handle-color:var(--color-primary);--slider-state-layer-color:var(--color-primary);--slider-track-color:var(--color-primary-subtle)}.m3-slider.slider-color\:secondary{--slider-track-active-color:var(--color-secondary);--slider-handle-color:var(--color-secondary);--slider-state-layer-color:var(--color-secondary);--slider-track-color:var(--color-secondary-subtle)}.m3-slider.slider-color\:tertiary{--slider-track-active-color:var(--color-tertiary);--slider-handle-color:var(--color-tertiary);--slider-state-layer-color:var(--color-tertiary);--slider-track-color:var(--color-tertiary-subtle)}.m3-bottom-sheet{--sheet-background:var(--color-surface);--sheet-border-radius:1.75rem 1.75rem 0 0;--sheet-max-height:80vh;--sheet-z-index:var(--z-modal);--sheet-box-shadow:var(--shadow-lg);--sheet-padding:0;--sheet-border:none;--sheet-color:var(--color-text);--sheet-bottom:0;--sheet-left:0;--sheet-width:100%;--sheet-handle-width:2rem;--sheet-handle-height:0.25rem;--sheet-handle-color:var(--color-border);--sheet-handle-border-radius:var(--radius-full);--sheet-handle-margin:1rem auto 0;--sheet-headline-font-size:1rem;--sheet-headline-font-weight:var(--font-weight-medium,500);--sheet-headline-color:var(--color-text);--sheet-headline-line-height:1.5rem;--sheet-headline-margin:0 0 0.5rem;--sheet-content-padding:1rem 1.5rem 1.5rem;--sheet-content-color:var(--color-text-muted);--sheet-content-font-size:0.875rem;--sheet-content-line-height:1.25rem;--sheet-scrim-color:var(--color-scrim);--sheet-scrim-z-index:var(--z-overlay);--sheet-transition:transform var(--duration-normal) var(--ease-out);background-color:var(--sheet-background);border:var(--sheet-border);border-radius:var(--sheet-border-radius);bottom:var(--sheet-bottom);box-shadow:var(--sheet-box-shadow);box-sizing:border-box;color:var(--sheet-color);display:none;flex-direction:column;left:var(--sheet-left);max-height:var(--sheet-max-height);overflow:hidden;padding:var(--sheet-padding);position:fixed;transition:var(--sheet-transition);width:var(--sheet-width);z-index:var(--sheet-z-index)}.m3-bottom-sheet.sheet-open{display:flex}.m3-bottom-sheet .sheet-drag-handle{background-color:var(--sheet-handle-color);border-radius:var(--sheet-handle-border-radius);height:var(--sheet-handle-height);margin:var(--sheet-handle-margin);width:var(--sheet-handle-width)}.m3-bottom-sheet .sheet-content{color:var(--sheet-content-color);flex:1;font-size:var(--sheet-content-font-size);line-height:var(--sheet-content-line-height);overflow-y:auto;padding:var(--sheet-content-padding)}.m3-bottom-sheet .sheet-headline{color:var(--sheet-headline-color);font-size:var(--sheet-headline-font-size);font-weight:var(--sheet-headline-font-weight);line-height:var(--sheet-headline-line-height);margin:var(--sheet-headline-margin)}.m3-bottom-sheet.sheet\:modal{--sheet-box-shadow:0 0 0 100vmax var(--sheet-scrim-color),var(--shadow-lg);--sheet-z-index:var(--sheet-scrim-z-index)}.m3-nav-bar{--nav-bar-height:5rem;--nav-bar-background:var(--color-surface);--nav-bar-border-top:0.0625rem solid var(--color-border-subtle);--nav-bar-padding:0 0.5rem;--nav-bar-gap:0;--nav-bar-box-shadow:none;--nav-bar-color:var(--color-text);--nav-bar-position:static;--nav-bar-bottom:auto;--nav-bar-left:auto;--nav-bar-right:auto;--nav-bar-z-index:auto;--nav-bar-transition:box-shadow var(--duration-normal) var(--ease-out);align-items:center;background-color:var(--nav-bar-background);border-top:var(--nav-bar-border-top);bottom:var(--nav-bar-bottom);box-shadow:var(--nav-bar-box-shadow);box-sizing:border-box;color:var(--nav-bar-color);display:flex;gap:var(--nav-bar-gap);height:var(--nav-bar-height);justify-content:space-around;left:var(--nav-bar-left);padding:var(--nav-bar-padding);position:var(--nav-bar-position);right:var(--nav-bar-right);transition:var(--nav-bar-transition);z-index:var(--nav-bar-z-index)}.m3-nav-bar>.m3-deco{flex:1}.m3-nav-bar.nav-bar\:fixed{--nav-bar-position:fixed;--nav-bar-bottom:0;--nav-bar-left:0;--nav-bar-right:0;--nav-bar-z-index:var(--z-fixed)}.m3-nav-bar.nav-bar\:elevated{--nav-bar-border-top:none;--nav-bar-box-shadow:var(--shadow-md)}.m3-nav-bar.nav-bar-color\:surface-1{--nav-bar-background:var(--color-surface-1)}.m3-nav-bar.nav-bar-color\:surface-2{--nav-bar-background:var(--color-surface-2)}.m3-nav-rail{--rail-width:5rem;--rail-background:var(--color-surface);--rail-border-right:0.0625rem solid var(--color-border-subtle);--rail-padding:0.75rem 0;--rail-box-shadow:none;--rail-color:var(--color-text);--rail-position:static;--rail-top:auto;--rail-left:auto;--rail-bottom:auto;--rail-z-index:auto;--rail-header-padding:0.75rem 0 1rem;--rail-header-gap:0.75rem;--rail-items-gap:0.75rem;--rail-items-padding:0;--rail-transition:box-shadow var(--duration-normal) var(--ease-out);background-color:var(--rail-background);border-right:var(--rail-border-right);bottom:var(--rail-bottom);box-shadow:var(--rail-box-shadow);box-sizing:border-box;color:var(--rail-color);left:var(--rail-left);overflow-y:auto;padding:var(--rail-padding);position:var(--rail-position);top:var(--rail-top);transition:var(--rail-transition);width:var(--rail-width);z-index:var(--rail-z-index)}.m3-nav-rail,.m3-nav-rail .rail-header{align-items:center;display:flex;flex-direction:column}.m3-nav-rail .rail-header{flex-shrink:0;gap:var(--rail-header-gap);padding:var(--rail-header-padding)}.m3-nav-rail .rail-items{align-items:center;display:flex;flex:1;flex-direction:column;gap:var(--rail-items-gap);padding:var(--rail-items-padding)}.m3-nav-rail.rail\:fixed{--rail-position:fixed;--rail-top:0;--rail-left:0;--rail-bottom:0;--rail-z-index:var(--z-fixed)}.m3-nav-rail.rail\:elevated{--rail-border-right:none;--rail-box-shadow:var(--shadow-md)}.m3-nav-rail.rail-align\:center .rail-items{justify-content:center}.m3-nav-rail.rail-align\:end .rail-items{justify-content:flex-end}.m3-nav-rail.rail-color\:surface-1{--rail-background:var(--color-surface-1)}.m3-nav-rail.rail-color\:surface-2{--rail-background:var(--color-surface-2)}.m3-nav-drawer{--drawer-width:22.5rem;--drawer-background:var(--color-surface);--drawer-border-right:0.0625rem solid var(--color-border-subtle);--drawer-padding:0.75rem 0;--drawer-box-shadow:none;--drawer-color:var(--color-text);--drawer-z-index:var(--z-fixed);--drawer-headline-font-size:0.875rem;--drawer-headline-font-weight:600;--drawer-headline-color:var(--color-text-muted);--drawer-headline-padding:1rem 1.75rem 0.5rem;--drawer-headline-letter-spacing:0.0625rem;--drawer-content-padding:0 0.75rem;--drawer-content-gap:0.125rem;--drawer-item-height:3.5rem;--drawer-item-padding:0 1rem;--drawer-item-gap:0.75rem;--drawer-item-color:var(--color-text);--drawer-item-font-size:0.875rem;--drawer-item-font-weight:500;--drawer-item-line-height:1.25rem;--drawer-item-border-radius:var(--radius-full);--drawer-item-background:transparent;--drawer-item-cursor:pointer;--drawer-item-icon-size:1.5rem;--drawer-item-icon-color:var(--color-text-muted);--drawer-item-active-background:var(--color-primary-subtle);--drawer-item-active-color:var(--color-primary);--drawer-item-active-icon-color:var(--color-primary);--drawer-item-active-font-weight:700;--drawer-section-header-font-size:0.875rem;--drawer-section-header-font-weight:600;--drawer-section-header-color:var(--color-text-muted);--drawer-section-header-padding:1.125rem 1rem 0.5rem;--drawer-section-header-letter-spacing:0.0625rem;--drawer-state-hover-opacity:0.08;--drawer-scrim-background:var(--color-scrim);--drawer-transition:transform var(--duration-normal) var(--ease-out);background-color:var(--drawer-background);border-right:var(--drawer-border-right);box-shadow:var(--drawer-box-shadow);box-sizing:border-box;color:var(--drawer-color);display:flex;flex-direction:column;overflow-y:auto;padding:var(--drawer-padding);transition:var(--drawer-transition);width:var(--drawer-width);z-index:var(--drawer-z-index)}.m3-nav-drawer .drawer-header{flex-shrink:0}.m3-nav-drawer .drawer-headline{color:var(--drawer-headline-color);font-size:var(--drawer-headline-font-size);font-weight:var(--drawer-headline-font-weight);letter-spacing:var(--drawer-headline-letter-spacing);margin:0;padding:var(--drawer-headline-padding);text-transform:uppercase}.m3-nav-drawer .drawer-content{display:flex;flex:1;flex-direction:column;gap:var(--drawer-content-gap);padding:var(--drawer-content-padding)}.m3-nav-drawer .drawer-item{align-items:center;background-color:var(--drawer-item-background);border-radius:var(--drawer-item-border-radius);box-sizing:border-box;color:var(--drawer-item-color);cursor:var(--drawer-item-cursor);display:flex;flex-shrink:0;font-size:var(--drawer-item-font-size);font-weight:var(--drawer-item-font-weight);gap:var(--drawer-item-gap);height:var(--drawer-item-height);line-height:var(--drawer-item-line-height);padding:var(--drawer-item-padding);text-decoration:none}.m3-nav-drawer .drawer-item .m3-icon{color:var(--drawer-item-icon-color);flex-shrink:0;font-size:var(--drawer-item-icon-size)}.m3-nav-drawer .drawer-item .drawer-label{flex:1;min-width:0}.m3-nav-drawer .drawer-item:hover{background-image:linear-gradient(color-mix(in srgb,var(--drawer-item-color) calc(var(--drawer-state-hover-opacity)*100%),transparent),color-mix(in srgb,var(--drawer-item-color) calc(var(--drawer-state-hover-opacity)*100%),transparent))}.m3-nav-drawer .drawer-item.drawer-item-active{--drawer-item-background:var(--drawer-item-active-background);--drawer-item-color:var(--drawer-item-active-color);--drawer-item-icon-color:var(--drawer-item-active-icon-color);--drawer-item-font-weight:var(--drawer-item-active-font-weight)}.m3-nav-drawer .drawer-section-header{color:var(--drawer-section-header-color);display:block;font-size:var(--drawer-section-header-font-size);font-weight:var(--drawer-section-header-font-weight);letter-spacing:var(--drawer-section-header-letter-spacing);padding:var(--drawer-section-header-padding)}.m3-nav-drawer.drawer\:modal{--drawer-position:fixed;--drawer-box-shadow:var(--shadow-lg);--drawer-border-right:none;bottom:0;left:0;position:fixed;top:0}.m3-nav-drawer.drawer\:modal:before{background-color:var(--drawer-scrim-background);bottom:0;content:"";left:0;opacity:1;position:fixed;right:0;top:0;transition:opacity var(--duration-normal) var(--ease-out);z-index:-1}.m3-nav-drawer.drawer\:modal.drawer-closed{transform:translateX(-100%)}.m3-nav-drawer.drawer\:modal.drawer-closed:before{opacity:0;pointer-events:none}.m3-nav-drawer.drawer\:modal.drawer-open{transform:translateX(0)}.m3-layout{--layout-drawer-width:22.5rem;--layout-rail-width:5rem;--layout-bar-height:5rem;--layout-header-height:4rem;--layout-background:var(--color-surface);--layout-content-padding:1.5rem;--layout-transition:all var(--duration-normal) var(--ease-out);--layout-drawer-display:none;--layout-rail-display:none;--layout-bar-display:flex;--layout-main-margin-left:0;--layout-main-padding-bottom:var(--layout-bar-height);--layout-header-display:flex;--layout-header-menu-display:flex;background-color:var(--layout-background);box-sizing:border-box;display:flex;min-height:100vh;min-height:100dvh;position:relative}.m3-layout>.layout-drawer{display:var(--layout-drawer-display);width:var(--layout-drawer-width)}.m3-layout>.layout-drawer,.m3-layout>.layout-rail{bottom:0;flex-direction:column;left:0;position:fixed;top:0;z-index:var(--z-fixed)}.m3-layout>.layout-rail{align-items:center;display:var(--layout-rail-display);width:var(--layout-rail-width)}.m3-layout>.layout-main{display:flex;flex:1;flex-direction:column;margin-left:var(--layout-main-margin-left);min-height:100vh;min-height:100dvh;min-width:0;padding-bottom:var(--layout-main-padding-bottom);transition:var(--layout-transition)}.m3-layout .layout-header{display:var(--layout-header-display)}.m3-layout .layout-header .bar-leading{display:var(--layout-header-menu-display)}.m3-layout .layout-content{flex:1;overflow-y:auto;padding:var(--layout-content-padding)}.m3-layout>.layout-bar{display:var(--layout-bar-display)}@media (min-width:600px){.m3-layout{--layout-drawer-display:none;--layout-rail-display:flex;--layout-bar-display:none;--layout-main-margin-left:var(--layout-rail-width);--layout-main-padding-bottom:0}}@media (min-width:840px){.m3-layout{--layout-drawer-display:flex;--layout-rail-display:none;--layout-bar-display:none;--layout-main-margin-left:var(--layout-drawer-width);--layout-main-padding-bottom:0;--layout-header-menu-display:none}}.m3-layout.layout\:fixed-drawer{--layout-drawer-display:flex;--layout-rail-display:none;--layout-bar-display:none;--layout-main-margin-left:var(--layout-drawer-width);--layout-main-padding-bottom:0;--layout-header-menu-display:none}.m3-layout.layout\:no-header{--layout-header-display:none}.m3-form{--form-display:flex;--form-flex-direction:column;--form-gap:1.5rem;--form-width:100%;--form-header-gap:0.25rem;--form-headline-size:1.5rem;--form-headline-weight:600;--form-headline-color:var(--color-text);--form-headline-line-height:2rem;--form-headline-margin:0;--form-description-size:0.875rem;--form-description-color:var(--color-text-muted);--form-description-line-height:1.25rem;--form-description-margin:0;--form-fields-gap:1rem;--form-actions-gap:0.5rem;--form-actions-justify:flex-end;--form-actions-align:center;--form-message-padding:0.75rem 1rem;--form-message-border-radius:0.5rem;--form-message-font-size:0.875rem;--form-message-line-height:1.25rem;--form-message-background:var(--color-surface-2);--form-message-color:var(--color-text);box-sizing:border-box;display:var(--form-display);flex-direction:var(--form-flex-direction);gap:var(--form-gap);width:var(--form-width)}.m3-form .form-header{display:flex;flex-direction:column;gap:var(--form-header-gap)}.m3-form .form-headline{color:var(--form-headline-color);font-size:var(--form-headline-size);font-weight:var(--form-headline-weight);line-height:var(--form-headline-line-height);margin:var(--form-headline-margin)}.m3-form .form-description{color:var(--form-description-color);font-size:var(--form-description-size);line-height:var(--form-description-line-height);margin:var(--form-description-margin)}.m3-form .form-fields{display:flex;flex-direction:column;gap:var(--form-fields-gap)}.m3-form .form-actions{align-items:var(--form-actions-align);display:flex;gap:var(--form-actions-gap);justify-content:var(--form-actions-justify)}.m3-form .form-actions.form-actions\:start{--form-actions-justify:flex-start}.m3-form .form-actions.form-actions\:center{--form-actions-justify:center}.m3-form .form-actions.form-actions\:end{--form-actions-justify:flex-end}.m3-form .form-actions.form-actions\:between{--form-actions-justify:space-between}.m3-form .form-actions.form-actions\:stretch{--form-actions-justify:stretch}.m3-form .form-actions.form-actions\:stretch>*{flex:1}.m3-form .form-message{background-color:var(--form-message-background);border-radius:var(--form-message-border-radius);box-sizing:border-box;color:var(--form-message-color);font-size:var(--form-message-font-size);line-height:var(--form-message-line-height);padding:var(--form-message-padding)}.m3-form .form-message.form-message\:error{--form-message-background:color-mix(in srgb,var(--color-danger) 10%,transparent);--form-message-color:var(--color-danger)}.m3-form .form-message.form-message\:success{--form-message-background:color-mix(in srgb,var(--color-success) 10%,transparent);--form-message-color:var(--color-success)}.m3-form .form-message.form-message\:warning{--form-message-background:color-mix(in srgb,var(--color-warning) 10%,transparent);--form-message-color:var(--color-warning)}.m3-form .form-message.form-message\:info{--form-message-background:color-mix(in srgb,var(--color-primary) 10%,transparent);--form-message-color:var(--color-primary)}.m3-form.form\:loose{--form-gap:2rem;--form-fields-gap:1.5rem}.m3-form.form\:compact{--form-gap:1rem;--form-fields-gap:0.75rem}.m3-site{--site-max-width:70rem;--site-gutter:var(--space-7);--site-background:var(--color-surface-1);--site-header-height:4rem;--site-header-background:var(--color-surface);--site-header-border:0.0625rem solid var(--color-border);--site-header-gap:var(--space-8);--site-logo-size:var(--font-size-heading-sm);--site-logo-weight:var(--font-weight-bold);--site-logo-color:var(--color-primary);--site-nav-gap:var(--space-6);--site-nav-size:var(--font-size-body-sm);--site-nav-color:var(--color-text-muted);--site-nav-color-active:var(--color-text);--site-nav-weight-active:var(--font-weight-semibold);--site-actions-gap:var(--space-3);--site-main-padding-top:var(--space-9);--site-main-padding-bottom:var(--space-11);--site-aside-width:12.5rem;--site-body-gap:var(--space-8);--site-aside-gap:var(--space-5);--site-footer-padding:var(--space-8) 0;--site-footer-border:0.0625rem solid var(--color-border);--site-footer-size:var(--font-size-body-sm);--site-footer-color:var(--color-text-muted);--site-footer-links-gap:var(--space-5);background:var(--site-background);color:var(--color-text);display:flex;flex-direction:column;min-height:100vh}.m3-site .site-container{box-sizing:border-box;margin:0 auto;max-width:var(--site-max-width);padding:0 var(--site-gutter);width:100%}.m3-site .site-header{background:var(--site-header-background);border-bottom:var(--site-header-border)}.m3-site .site-header-inner{align-items:center;display:flex;gap:var(--site-header-gap);height:var(--site-header-height)}.m3-site .site-logo{color:var(--site-logo-color);font-size:var(--site-logo-size);font-weight:var(--site-logo-weight);letter-spacing:-.02em;text-decoration:none}.m3-site .site-nav{align-items:center;display:flex;gap:var(--site-nav-gap)}.m3-site .site-nav>a{color:var(--site-nav-color);font-size:var(--site-nav-size);text-decoration:none;transition:color var(--duration-fast) var(--ease-in-out)}.m3-site .site-nav>a:hover,.m3-site .site-nav>a[aria-current=page]{color:var(--site-nav-color-active)}.m3-site .site-nav>a[aria-current=page]{font-weight:var(--site-nav-weight-active)}.m3-site .site-actions{align-items:center;display:flex;gap:var(--site-actions-gap);margin-left:auto}.m3-site .site-main{flex:1;padding-bottom:var(--site-main-padding-bottom);padding-top:var(--site-main-padding-top)}.m3-site .site-body{display:block}.m3-site .site-body.site-body\:aside,.m3-site .site-body.site-body\:aside-end{align-items:start;display:grid;gap:var(--site-body-gap)}.m3-site .site-body.site-body\:aside{grid-template-columns:var(--site-aside-width) minmax(0,1fr)}.m3-site .site-body.site-body\:aside-end{grid-template-columns:minmax(0,1fr) var(--site-aside-width)}.m3-site .site-body.site-body\:aside-end>.site-aside{order:2}.m3-site .site-aside{display:flex;flex-direction:column;gap:var(--site-aside-gap)}.m3-site .site-content{min-width:0}.m3-site .site-footer{border-top:var(--site-footer-border);color:var(--site-footer-color);font-size:var(--site-footer-size);padding:var(--site-footer-padding)}.m3-site .site-footer-inner{align-items:center;display:flex;flex-wrap:wrap;gap:var(--site-footer-links-gap);justify-content:space-between}.m3-site .site-copyright{margin:0}.m3-site .site-footer-links{display:flex;gap:var(--site-footer-links-gap)}.m3-site .site-footer-links>a{color:inherit;text-decoration:none}.m3-site .site-footer-links>a:hover{color:var(--color-text)}.m3-site.site-width\:narrow{--site-max-width:48rem}.m3-site.site-width\:default{--site-max-width:70rem}.m3-site.site-width\:wide{--site-max-width:90rem}@media (max-width:840px){.m3-site .site-body.site-body\:aside,.m3-site .site-body.site-body\:aside-end{grid-template-columns:minmax(0,1fr)}.m3-site .site-body.site-body\:aside-end>.site-aside{order:0}}@media (max-width:640px){.m3-site{--site-gutter:var(--space-5)}.m3-site .site-nav{display:none}}.m3-toolbar{--toolbar-gap:var(--space-3);--toolbar-margin:0 0 var(--space-5);--toolbar-padding:0;--toolbar-font-size:var(--font-size-body-sm);--toolbar-color:var(--color-text-muted);--toolbar-strong-color:var(--color-text);--toolbar-border-bottom:none;--toolbar-min-height:2.5rem;align-items:center;border-bottom:var(--toolbar-border-bottom);color:var(--toolbar-color);display:flex;flex-wrap:wrap;font-size:var(--toolbar-font-size);gap:var(--toolbar-gap);justify-content:space-between;margin:var(--toolbar-margin);min-height:var(--toolbar-min-height);padding:var(--toolbar-padding)}.m3-toolbar strong{color:var(--toolbar-strong-color);font-weight:var(--font-weight-bold)}.m3-toolbar .toolbar-end,.m3-toolbar .toolbar-start{align-items:center;display:flex;gap:var(--toolbar-gap)}.m3-toolbar .toolbar-end{margin-left:auto}.m3-toolbar.toolbar\:fill{justify-content:flex-start}.m3-toolbar.toolbar\:fill>.toolbar-grow{flex:1 1 auto;min-width:0}.m3-toolbar.toolbar\:card{--toolbar-margin:0;--toolbar-padding:var(--space-4) var(--space-5);--toolbar-border-bottom:0.0625rem solid var(--color-border)}.m3-grid{--grid-cols:3;--grid-cols-md:2;--grid-cols-sm:1;--grid-gap:var(--space-6);--grid-min:16rem;display:grid;gap:var(--grid-gap);grid-template-columns:repeat(var(--grid-cols),minmax(0,1fr));list-style:none;margin:0;padding:0}.m3-grid>*{min-width:0}.m3-grid.grid-cols\:1{--grid-cols:1;--grid-cols-md:1}.m3-grid.grid-cols\:2{--grid-cols:2;--grid-cols-md:2}.m3-grid.grid-cols\:3{--grid-cols:3;--grid-cols-md:2}.m3-grid.grid-cols\:4{--grid-cols:4;--grid-cols-md:2}.m3-grid.grid-cols\:5{--grid-cols:5;--grid-cols-md:3}.m3-grid.grid-cols\:6{--grid-cols:6;--grid-cols-md:3}.m3-grid.grid-cols\:auto{grid-template-columns:repeat(auto-fill,minmax(var(--grid-min),1fr))}.m3-grid.grid-gap\:1{--grid-gap:var(--space-2)}.m3-grid.grid-gap\:2{--grid-gap:var(--space-3)}.m3-grid.grid-gap\:3{--grid-gap:var(--space-5)}.m3-grid.grid-gap\:4{--grid-gap:var(--space-6)}.m3-grid.grid-gap\:5{--grid-gap:var(--space-8)}@media (max-width:1024px){.m3-grid{grid-template-columns:repeat(var(--grid-cols-md),minmax(0,1fr))}.m3-grid.grid-cols\:auto{grid-template-columns:repeat(auto-fill,minmax(var(--grid-min),1fr))}.m3-grid.md\:grid-cols\:1{--grid-cols-md:1}.m3-grid.md\:grid-cols\:2{--grid-cols-md:2}.m3-grid.md\:grid-cols\:3{--grid-cols-md:3}.m3-grid.md\:grid-cols\:4{--grid-cols-md:4}}@media (max-width:640px){.m3-grid{grid-template-columns:repeat(var(--grid-cols-sm),minmax(0,1fr))}.m3-grid.grid-cols\:auto{grid-template-columns:repeat(auto-fill,minmax(min(var(--grid-min),100%),1fr))}.m3-grid.sm\:grid-cols\:1{--grid-cols-sm:1}.m3-grid.sm\:grid-cols\:2{--grid-cols-sm:2}.m3-grid.sm\:grid-cols\:3{--grid-cols-sm:3}}.m3-pager{--pager-gap:0.375rem;--pager-justify:center;--pager-margin:0;--pager-item-height:2.25rem;--pager-item-min-width:var(--pager-item-height);--pager-item-padding:0 0.75rem;--pager-item-font-size:0.875rem;--pager-item-font-weight:var(--font-weight-medium);--pager-item-border-radius:var(--radius-3);--pager-item-border-width:0.0625rem;--pager-item-border-color:var(--color-border);--pager-item-background:var(--color-surface);--pager-item-color:var(--color-text);--pager-item-hover-background:var(--color-surface-1);--pager-current-background:var(--color-text);--pager-current-color:var(--color-surface);--pager-current-border-color:var(--color-text);--pager-current-font-weight:var(--font-weight-bold);--pager-disabled-color:var(--color-text-subtle);--pager-disabled-opacity:1;--pager-transition:background-color var(--duration-fast) var(--ease-in-out),color var(--duration-fast) var(--ease-in-out);align-items:center;display:flex;flex-wrap:wrap;gap:var(--pager-gap);justify-content:var(--pager-justify);margin:var(--pager-margin)}.m3-pager .pager-item{align-items:center;background:var(--pager-item-background);border:var(--pager-item-border-width) solid var(--pager-item-border-color);border-radius:var(--pager-item-border-radius);box-sizing:border-box;color:var(--pager-item-color);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--pager-item-font-size);font-weight:var(--pager-item-font-weight);height:var(--pager-item-height);justify-content:center;line-height:1;min-width:var(--pager-item-min-width);padding:var(--pager-item-padding);text-decoration:none;transition:var(--pager-transition)}.m3-pager .pager-item:hover{background:var(--pager-item-hover-background)}.m3-pager .pager-item[aria-current=page]{background:var(--pager-current-background);border-color:var(--pager-current-border-color);color:var(--pager-current-color);cursor:default;font-weight:var(--pager-current-font-weight)}.m3-pager .pager-item:disabled,.m3-pager .pager-item[aria-disabled=true]{color:var(--pager-disabled-color);opacity:var(--pager-disabled-opacity);pointer-events:none}.m3-pager .pager-ellipsis{align-items:center;color:var(--pager-disabled-color);display:inline-flex;font-size:var(--pager-item-font-size);justify-content:center;min-width:var(--pager-item-min-width)}.m3-pager.pager\:text{--pager-item-border-color:transparent;--pager-item-background:transparent;--pager-current-border-color:transparent}.m3-pager.pager-align\:start{--pager-justify:flex-start}.m3-pager.pager-align\:center{--pager-justify:center}.m3-pager.pager-align\:end{--pager-justify:flex-end}.m3-pager.pager-size\:sm{--pager-item-height:2rem;--pager-item-font-size:0.8125rem;--pager-item-padding:0 0.625rem}.m3-pager.pager-size\:md{--pager-item-height:2.25rem;--pager-item-font-size:0.875rem;--pager-item-padding:0 0.75rem}.m3-pager.pager-size\:lg{--pager-item-height:2.5rem;--pager-item-font-size:0.875rem;--pager-item-padding:0 1rem}
|
package/dist/spec.json
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "newtil-component-spec/1",
|
|
3
3
|
"package": "@newtil/materials",
|
|
4
|
-
"version": "0.4.
|
|
4
|
+
"version": "0.4.12",
|
|
5
5
|
"generatedAt": "2026-09-17",
|
|
6
6
|
"conventions": {
|
|
7
|
-
"option": "클래스 `그룹:값` — 예 `btn:outlined`, `btn-size:sm`. 값이 없는 옵션은 flags.",
|
|
7
|
+
"option": "클래스 `그룹:값` — 예 `btn:outlined`, `btn-size:sm`. 값이 없는 옵션은 flags. slotOptions 는 슬롯 요소에 붙이는 옵션 (예 card-media 에 `card-media:square`).",
|
|
8
8
|
"variable": "컴포넌트 요소 자신에 준다: 인라인 style 또는 `.scope .m3-x { --x-*: … }`. 부모 요소의 style 은 상속되지 않는다.",
|
|
9
9
|
"order": "타입(class) → 옵션(options/flags) → 변수(variables). 변수는 옵션으로 안 될 때만.",
|
|
10
10
|
"tokens": "색·간격·모서리·글꼴은 design-tokens 변수만. tokens.groups 에 없는 이름은 존재하지 않는다.",
|
|
@@ -16,6 +16,7 @@
|
|
|
16
16
|
"class": "m3-badge",
|
|
17
17
|
"description": " ====== M3 Badge\nM3 spec: small dot (6dp) or large with number (16dp height)\nPosition: top-right corner of parent (needs relative parent)\n사용법:\n <div style=\"position: relative; display: inline-flex;\">\n <i class=\"m3-icon icon:mail\"></i>",
|
|
18
18
|
"slots": [],
|
|
19
|
+
"slotOptions": {},
|
|
19
20
|
"options": {
|
|
20
21
|
"badge": [
|
|
21
22
|
"dot",
|
|
@@ -77,6 +78,7 @@
|
|
|
77
78
|
"sheet-drag-handle",
|
|
78
79
|
"sheet-headline"
|
|
79
80
|
],
|
|
81
|
+
"slotOptions": {},
|
|
80
82
|
"options": {
|
|
81
83
|
"sheet": [
|
|
82
84
|
"modal"
|
|
@@ -178,6 +180,7 @@
|
|
|
178
180
|
"class": "m3-btn",
|
|
179
181
|
"description": " ====== M3 Button (Material Design 3 spec-aligned)\nSize : xs | sm (default) | md | lg | xl\nShape: round (default) | square\nType : filled (default) | elevated | tonal | outlined | text\nState: enabled (default) | disabled | hover | focus | active\nM3 spec source: material-components/material-web tokens",
|
|
180
182
|
"slots": [],
|
|
183
|
+
"slotOptions": {},
|
|
181
184
|
"options": {
|
|
182
185
|
"btn-state": [
|
|
183
186
|
"active",
|
|
@@ -376,6 +379,15 @@
|
|
|
376
379
|
"card-subhead",
|
|
377
380
|
"card-titles"
|
|
378
381
|
],
|
|
382
|
+
"slotOptions": {
|
|
383
|
+
"card-media": {
|
|
384
|
+
"card-media": [
|
|
385
|
+
"square",
|
|
386
|
+
"video",
|
|
387
|
+
"wide"
|
|
388
|
+
]
|
|
389
|
+
}
|
|
390
|
+
},
|
|
379
391
|
"options": {
|
|
380
392
|
"card-state": [
|
|
381
393
|
"disabled",
|
|
@@ -524,6 +536,12 @@
|
|
|
524
536
|
"--card-media-width": {
|
|
525
537
|
"default": "auto"
|
|
526
538
|
},
|
|
539
|
+
"--card-media-ratio": {
|
|
540
|
+
"default": "auto"
|
|
541
|
+
},
|
|
542
|
+
"--card-media-badge-offset": {
|
|
543
|
+
"default": "var(--space-3)"
|
|
544
|
+
},
|
|
527
545
|
"--card-actions-gap": {
|
|
528
546
|
"default": "0.5rem"
|
|
529
547
|
},
|
|
@@ -556,6 +574,7 @@
|
|
|
556
574
|
"class": "m3-checkbox",
|
|
557
575
|
"description": " ====== M3 Checkbox\nM3 spec: 18dp box, 2dp radius, primary when checked\nVariable API: --checkbox-* 변수로 커스텀 가능",
|
|
558
576
|
"slots": [],
|
|
577
|
+
"slotOptions": {},
|
|
559
578
|
"options": {
|
|
560
579
|
"checkbox-mode": [
|
|
561
580
|
"indeterminate"
|
|
@@ -651,6 +670,7 @@
|
|
|
651
670
|
"chip-close",
|
|
652
671
|
"chip-icon"
|
|
653
672
|
],
|
|
673
|
+
"slotOptions": {},
|
|
654
674
|
"options": {
|
|
655
675
|
"chip-state": [
|
|
656
676
|
"disabled"
|
|
@@ -743,6 +763,7 @@
|
|
|
743
763
|
"class": "m3-deco",
|
|
744
764
|
"description": " ====== M3 Deco (Icon + Text Decoration)\n아이콘과 텍스트를 방향에 따라 조합하는 장식 컴포넌트.\nNavigation Bar, Navigation Rail, Tab Bar, 사이드바 메뉴 항목 등에 사용.\n사용법:\n <span class=\"m3-deco icon:home deco-pos:left\">홈</span>\n <span class=\"m3-deco icon:home deco-pos:top deco-active\">홈</span>",
|
|
745
765
|
"slots": [],
|
|
766
|
+
"slotOptions": {},
|
|
746
767
|
"options": {
|
|
747
768
|
"deco-pos": [
|
|
748
769
|
"bottom",
|
|
@@ -866,6 +887,7 @@
|
|
|
866
887
|
"dialog-headline",
|
|
867
888
|
"dialog-icon"
|
|
868
889
|
],
|
|
890
|
+
"slotOptions": {},
|
|
869
891
|
"options": {},
|
|
870
892
|
"flags": [
|
|
871
893
|
"dialog-open"
|
|
@@ -951,6 +973,7 @@
|
|
|
951
973
|
"class": "m3-divider",
|
|
952
974
|
"description": " ====== M3 Divider (Material Design 3 spec-aligned)\nType : full-width (default) | inset | middle-inset | vertical\nM3 spec: 1dp height, outline-variant color\nRef: https://m3.material.io/components/divider/specs\nVariable API: --divider-* 변수로 모든 시각 요소 커스텀 가능",
|
|
953
975
|
"slots": [],
|
|
976
|
+
"slotOptions": {},
|
|
954
977
|
"options": {
|
|
955
978
|
"divider": [
|
|
956
979
|
"inset",
|
|
@@ -993,6 +1016,7 @@
|
|
|
993
1016
|
"class": "m3-fab",
|
|
994
1017
|
"description": " ====== M3 FAB (Material Design 3 spec-aligned)\nSize : fab (default 56dp) | fab:small (40dp) | fab:large (96dp) | fab:extended\nColor: surface (default) | primary | secondary | tertiary\nState: enabled (default) | hover | focus | active | disabled\nM3 spec: level3 shadow at rest, level4 on hover\nRef: https://m3.material.io/components/floating-action-button/specs",
|
|
995
1018
|
"slots": [],
|
|
1019
|
+
"slotOptions": {},
|
|
996
1020
|
"options": {
|
|
997
1021
|
"fab-state": [
|
|
998
1022
|
"active",
|
|
@@ -1102,6 +1126,25 @@
|
|
|
1102
1126
|
"form-headline",
|
|
1103
1127
|
"form-message"
|
|
1104
1128
|
],
|
|
1129
|
+
"slotOptions": {
|
|
1130
|
+
"form-actions": {
|
|
1131
|
+
"form-actions": [
|
|
1132
|
+
"between",
|
|
1133
|
+
"center",
|
|
1134
|
+
"end",
|
|
1135
|
+
"start",
|
|
1136
|
+
"stretch"
|
|
1137
|
+
]
|
|
1138
|
+
},
|
|
1139
|
+
"form-message": {
|
|
1140
|
+
"form-message": [
|
|
1141
|
+
"error",
|
|
1142
|
+
"info",
|
|
1143
|
+
"success",
|
|
1144
|
+
"warning"
|
|
1145
|
+
]
|
|
1146
|
+
}
|
|
1147
|
+
},
|
|
1105
1148
|
"options": {
|
|
1106
1149
|
"form": [
|
|
1107
1150
|
"compact",
|
|
@@ -1190,6 +1233,7 @@
|
|
|
1190
1233
|
"class": "m3-grid",
|
|
1191
1234
|
"description": " ====== Grid (newtil 확장)\n카드·항목을 반응형 격자로 놓는 콘텐츠 블록. \"가구를 방에 놓는 틀\" 이다.\nM3 스펙에는 없다. 안에 무엇이 들어가든(m3-card, m3-list 항목, 이미지) 격자만 책임진다.\n사용법:\n <ul class=\"m3-grid grid-cols:3\">\n <li class=\"m3-card card:outlined\">…</li>",
|
|
1192
1235
|
"slots": [],
|
|
1236
|
+
"slotOptions": {},
|
|
1193
1237
|
"options": {
|
|
1194
1238
|
"grid-cols": [
|
|
1195
1239
|
"1",
|
|
@@ -1235,6 +1279,7 @@
|
|
|
1235
1279
|
"class": "m3-icon-btn",
|
|
1236
1280
|
"description": " ====== M3 Icon Button (Material Design 3 spec-aligned)\nType : standard (default) | filled | tonal | outlined\nToggle: icon-btn-toggle:selected | icon-btn-toggle:unselected\nState: enabled (default) | hover | focus | active | disabled\nM3 spec: 48dp touch target, 40dp visible container\nRef: https://m3.material.io/components/icon-buttons/specs",
|
|
1237
1281
|
"slots": [],
|
|
1282
|
+
"slotOptions": {},
|
|
1238
1283
|
"options": {
|
|
1239
1284
|
"icon-btn-state": [
|
|
1240
1285
|
"active",
|
|
@@ -1318,6 +1363,7 @@
|
|
|
1318
1363
|
"class": "m3-icon",
|
|
1319
1364
|
"description": " ====== M3 Icon (Material Symbols)\nMaterial Symbols 폰트 기반 아이콘 컴포넌트.\n아이콘 코드포인트는 icon-essential.css (또는 사용자 정의)에서 ::before content로 제공.\n사용법:\n <i class=\"m3-icon icon:home\"></i>\n <i class=\"m3-icon icon:search icon-style:rounded icon-filled:1\"></i>",
|
|
1320
1365
|
"slots": [],
|
|
1366
|
+
"slotOptions": {},
|
|
1321
1367
|
"options": {
|
|
1322
1368
|
"icon-style": [
|
|
1323
1369
|
"outlined",
|
|
@@ -1427,6 +1473,7 @@
|
|
|
1427
1473
|
"layout-content",
|
|
1428
1474
|
"layout-header"
|
|
1429
1475
|
],
|
|
1476
|
+
"slotOptions": {},
|
|
1430
1477
|
"options": {
|
|
1431
1478
|
"layout": [
|
|
1432
1479
|
"fixed-drawer",
|
|
@@ -1492,6 +1539,14 @@
|
|
|
1492
1539
|
"list-divider",
|
|
1493
1540
|
"list-item"
|
|
1494
1541
|
],
|
|
1542
|
+
"slotOptions": {
|
|
1543
|
+
"list-divider": {
|
|
1544
|
+
"list-divider": [
|
|
1545
|
+
"full",
|
|
1546
|
+
"inset"
|
|
1547
|
+
]
|
|
1548
|
+
}
|
|
1549
|
+
},
|
|
1495
1550
|
"options": {
|
|
1496
1551
|
"list-size": [
|
|
1497
1552
|
"compact",
|
|
@@ -1613,6 +1668,7 @@
|
|
|
1613
1668
|
"menu-divider",
|
|
1614
1669
|
"menu-item"
|
|
1615
1670
|
],
|
|
1671
|
+
"slotOptions": {},
|
|
1616
1672
|
"options": {},
|
|
1617
1673
|
"flags": [
|
|
1618
1674
|
"menu-open"
|
|
@@ -1710,6 +1766,7 @@
|
|
|
1710
1766
|
"class": "m3-nav-bar",
|
|
1711
1767
|
"description": " ====== M3 Navigation Bar (Bottom Navigation)\nM3 spec: 80dp height, fixed bottom, 3-5 destinations, surface bg\n내부 아이템은 m3-deco 컴포넌트를 사용하여 icon+text 렌더링.\n사용법:\n <nav class=\"m3-nav-bar\">\n <a href=\"#\" class=\"m3-deco icon:home deco-pos:top deco-active\">홈</a>",
|
|
1712
1768
|
"slots": [],
|
|
1769
|
+
"slotOptions": {},
|
|
1713
1770
|
"options": {
|
|
1714
1771
|
"nav-bar": [
|
|
1715
1772
|
"elevated",
|
|
@@ -1776,6 +1833,7 @@
|
|
|
1776
1833
|
"drawer-item",
|
|
1777
1834
|
"drawer-section-header"
|
|
1778
1835
|
],
|
|
1836
|
+
"slotOptions": {},
|
|
1779
1837
|
"options": {
|
|
1780
1838
|
"drawer": [
|
|
1781
1839
|
"modal"
|
|
@@ -1911,6 +1969,7 @@
|
|
|
1911
1969
|
"rail-header",
|
|
1912
1970
|
"rail-items"
|
|
1913
1971
|
],
|
|
1972
|
+
"slotOptions": {},
|
|
1914
1973
|
"options": {
|
|
1915
1974
|
"rail": [
|
|
1916
1975
|
"elevated",
|
|
@@ -1988,6 +2047,7 @@
|
|
|
1988
2047
|
"pager-ellipsis",
|
|
1989
2048
|
"pager-item"
|
|
1990
2049
|
],
|
|
2050
|
+
"slotOptions": {},
|
|
1991
2051
|
"options": {
|
|
1992
2052
|
"pager": [
|
|
1993
2053
|
"text"
|
|
@@ -2077,6 +2137,7 @@
|
|
|
2077
2137
|
"class": "m3-progress",
|
|
2078
2138
|
"description": " ====== M3 Progress Indicator\nType: linear (default) | circular\nM3 spec: primary track color, 4dp height (linear), 48dp (circular)\n사용법:\n <div class=\"m3-progress\" style=\"--progress-value: 60%;\"></div>\n <div class=\"m3-progress progress:indeterminate\"></div>",
|
|
2079
2139
|
"slots": [],
|
|
2140
|
+
"slotOptions": {},
|
|
2080
2141
|
"options": {
|
|
2081
2142
|
"progress": [
|
|
2082
2143
|
"circular",
|
|
@@ -2127,6 +2188,7 @@
|
|
|
2127
2188
|
"class": "m3-radio",
|
|
2128
2189
|
"description": " ====== M3 Radio Button\nM3 spec: 20dp outer ring, 10dp inner dot, primary when selected\nVariable API: --radio-* 변수로 커스텀 가능",
|
|
2129
2190
|
"slots": [],
|
|
2191
|
+
"slotOptions": {},
|
|
2130
2192
|
"options": {
|
|
2131
2193
|
"radio-color": [
|
|
2132
2194
|
"danger",
|
|
@@ -2214,11 +2276,133 @@
|
|
|
2214
2276
|
},
|
|
2215
2277
|
"usage": "<label class=\"m3-radio\">\n <input type=\"radio\" name=\"option\" value=\"1\">\n <span>옵션 1</span>\n</label>\n\n<label class=\"m3-radio\">\n <input type=\"radio\" name=\"option\" value=\"2\">\n <span>옵션 2</span>\n</label>\n\n<label class=\"m3-radio\">\n <input type=\"radio\" name=\"option\" value=\"3\" checked>\n <span>옵션 3 (선택됨)</span>\n</label>"
|
|
2216
2278
|
},
|
|
2279
|
+
{
|
|
2280
|
+
"name": "site",
|
|
2281
|
+
"class": "m3-site",
|
|
2282
|
+
"description": " ====== Site (newtil 확장)\n공개 사이트의 \"방\": 상단 헤더 · 본문 · 푸터가 세로로 흐르고 본문은 가운데 컨테이너 안에 놓인다.\nm3-layout(드로어 앱 셸)과 다른 종류의 방이다. M3 스펙에는 없다.\n사용법:\n <div class=\"m3-site\">\n <header class=\"site-header\">",
|
|
2283
|
+
"slots": [
|
|
2284
|
+
"site-actions",
|
|
2285
|
+
"site-aside",
|
|
2286
|
+
"site-body",
|
|
2287
|
+
"site-container",
|
|
2288
|
+
"site-content",
|
|
2289
|
+
"site-copyright",
|
|
2290
|
+
"site-footer",
|
|
2291
|
+
"site-footer-inner",
|
|
2292
|
+
"site-footer-links",
|
|
2293
|
+
"site-header",
|
|
2294
|
+
"site-header-inner",
|
|
2295
|
+
"site-logo",
|
|
2296
|
+
"site-main",
|
|
2297
|
+
"site-nav"
|
|
2298
|
+
],
|
|
2299
|
+
"slotOptions": {
|
|
2300
|
+
"site-body": {
|
|
2301
|
+
"site-body": [
|
|
2302
|
+
"aside",
|
|
2303
|
+
"aside-end"
|
|
2304
|
+
]
|
|
2305
|
+
}
|
|
2306
|
+
},
|
|
2307
|
+
"options": {
|
|
2308
|
+
"site-width": [
|
|
2309
|
+
"default",
|
|
2310
|
+
"narrow",
|
|
2311
|
+
"wide"
|
|
2312
|
+
]
|
|
2313
|
+
},
|
|
2314
|
+
"flags": [],
|
|
2315
|
+
"variables": {
|
|
2316
|
+
"--site-max-width": {
|
|
2317
|
+
"default": "70rem"
|
|
2318
|
+
},
|
|
2319
|
+
"--site-gutter": {
|
|
2320
|
+
"default": "var(--space-7)",
|
|
2321
|
+
"note": "24px"
|
|
2322
|
+
},
|
|
2323
|
+
"--site-background": {
|
|
2324
|
+
"default": "var(--color-surface-1)"
|
|
2325
|
+
},
|
|
2326
|
+
"--site-header-height": {
|
|
2327
|
+
"default": "4rem",
|
|
2328
|
+
"note": "64px"
|
|
2329
|
+
},
|
|
2330
|
+
"--site-header-background": {
|
|
2331
|
+
"default": "var(--color-surface)"
|
|
2332
|
+
},
|
|
2333
|
+
"--site-header-border": {
|
|
2334
|
+
"default": "0.0625rem solid var(--color-border)"
|
|
2335
|
+
},
|
|
2336
|
+
"--site-header-gap": {
|
|
2337
|
+
"default": "var(--space-8)"
|
|
2338
|
+
},
|
|
2339
|
+
"--site-logo-size": {
|
|
2340
|
+
"default": "var(--font-size-heading-sm)"
|
|
2341
|
+
},
|
|
2342
|
+
"--site-logo-weight": {
|
|
2343
|
+
"default": "var(--font-weight-bold)"
|
|
2344
|
+
},
|
|
2345
|
+
"--site-logo-color": {
|
|
2346
|
+
"default": "var(--color-primary)"
|
|
2347
|
+
},
|
|
2348
|
+
"--site-nav-gap": {
|
|
2349
|
+
"default": "var(--space-6)"
|
|
2350
|
+
},
|
|
2351
|
+
"--site-nav-size": {
|
|
2352
|
+
"default": "var(--font-size-body-sm)"
|
|
2353
|
+
},
|
|
2354
|
+
"--site-nav-color": {
|
|
2355
|
+
"default": "var(--color-text-muted)"
|
|
2356
|
+
},
|
|
2357
|
+
"--site-nav-color-active": {
|
|
2358
|
+
"default": "var(--color-text)"
|
|
2359
|
+
},
|
|
2360
|
+
"--site-nav-weight-active": {
|
|
2361
|
+
"default": "var(--font-weight-semibold)"
|
|
2362
|
+
},
|
|
2363
|
+
"--site-actions-gap": {
|
|
2364
|
+
"default": "var(--space-3)"
|
|
2365
|
+
},
|
|
2366
|
+
"--site-main-padding-top": {
|
|
2367
|
+
"default": "var(--space-9)"
|
|
2368
|
+
},
|
|
2369
|
+
"--site-main-padding-bottom": {
|
|
2370
|
+
"default": "var(--space-11)"
|
|
2371
|
+
},
|
|
2372
|
+
"--site-aside-width": {
|
|
2373
|
+
"default": "12.5rem",
|
|
2374
|
+
"note": "200px"
|
|
2375
|
+
},
|
|
2376
|
+
"--site-body-gap": {
|
|
2377
|
+
"default": "var(--space-8)"
|
|
2378
|
+
},
|
|
2379
|
+
"--site-aside-gap": {
|
|
2380
|
+
"default": "var(--space-5)"
|
|
2381
|
+
},
|
|
2382
|
+
"--site-footer-padding": {
|
|
2383
|
+
"default": "var(--space-8) 0"
|
|
2384
|
+
},
|
|
2385
|
+
"--site-footer-border": {
|
|
2386
|
+
"default": "0.0625rem solid var(--color-border)"
|
|
2387
|
+
},
|
|
2388
|
+
"--site-footer-size": {
|
|
2389
|
+
"default": "var(--font-size-body-sm)"
|
|
2390
|
+
},
|
|
2391
|
+
"--site-footer-color": {
|
|
2392
|
+
"default": "var(--color-text-muted)"
|
|
2393
|
+
},
|
|
2394
|
+
"--site-footer-links-gap": {
|
|
2395
|
+
"default": "var(--space-5)"
|
|
2396
|
+
}
|
|
2397
|
+
},
|
|
2398
|
+
"usage": "<div class=\"m3-site\" style=\"min-height: 22rem;\">\n <header class=\"site-header\">\n <div class=\"site-container site-header-inner\">\n <a class=\"site-logo\" href=\"#\">NCafe</a>\n <nav class=\"site-nav\"><a href=\"#\" aria-current=\"page\">메뉴</a><a href=\"#\">소개</a><a href=\"#\">장바구니</a></nav>\n <div class=\"site-actions\"><button class=\"m3-btn btn:outlined btn-size:xs\">로그인</button><button class=\"m3-btn btn-size:xs\">회원가입</button></div>\n </div>\n </header>\n <main class=\"site-main\">\n <div class=\"site-container\">\n <div class=\"site-body site-body:aside\">\n <aside class=\"site-aside\"><div class=\"m3-card card:outlined card-padding:self\">사이드</div></aside>\n <div class=\"site-content\"><div class=\"m3-card card:outlined card-padding:self\">본문</div></div>\n </div>\n </div>\n </main>\n <footer class=\"site-footer\">\n <div class=\"site-container site-footer-inner\">\n <p class=\"site-copyright\">© 2026 NCafe</p>\n <nav class=\"site-footer-links\"><a href=\"#\">소개</a><a href=\"#\">이용약관</a></nav>\n </div>\n </footer>\n</div>"
|
|
2399
|
+
},
|
|
2217
2400
|
{
|
|
2218
2401
|
"name": "slider",
|
|
2219
2402
|
"class": "m3-slider",
|
|
2220
2403
|
"description": " ====== M3 Slider\nM3 spec: Track 4dp height, handle 20dp, active track uses primary\nTypes: continuous (default), discrete (with tick marks)\n사용법:\n <div class=\"m3-slider\">\n <input type=\"range\" min=\"0\" max=\"100\" value=\"50\">",
|
|
2221
2404
|
"slots": [],
|
|
2405
|
+
"slotOptions": {},
|
|
2222
2406
|
"options": {
|
|
2223
2407
|
"slider": [
|
|
2224
2408
|
"discrete"
|
|
@@ -2312,6 +2496,7 @@
|
|
|
2312
2496
|
"snackbar-close",
|
|
2313
2497
|
"snackbar-text"
|
|
2314
2498
|
],
|
|
2499
|
+
"slotOptions": {},
|
|
2315
2500
|
"options": {
|
|
2316
2501
|
"snackbar-color": [
|
|
2317
2502
|
"danger",
|
|
@@ -2399,6 +2584,7 @@
|
|
|
2399
2584
|
"slots": [
|
|
2400
2585
|
"switch-label"
|
|
2401
2586
|
],
|
|
2587
|
+
"slotOptions": {},
|
|
2402
2588
|
"options": {
|
|
2403
2589
|
"switch-color": [
|
|
2404
2590
|
"danger",
|
|
@@ -2498,6 +2684,7 @@
|
|
|
2498
2684
|
"slots": [
|
|
2499
2685
|
"tab-item"
|
|
2500
2686
|
],
|
|
2687
|
+
"slotOptions": {},
|
|
2501
2688
|
"options": {
|
|
2502
2689
|
"tabs": [
|
|
2503
2690
|
"full",
|
|
@@ -2592,6 +2779,7 @@
|
|
|
2592
2779
|
"field-label",
|
|
2593
2780
|
"field-supporting"
|
|
2594
2781
|
],
|
|
2782
|
+
"slotOptions": {},
|
|
2595
2783
|
"options": {
|
|
2596
2784
|
"field": [
|
|
2597
2785
|
"outlined"
|
|
@@ -2823,7 +3011,51 @@
|
|
|
2823
3011
|
"default": "all var(--duration-fast) var(--ease-in-out)"
|
|
2824
3012
|
}
|
|
2825
3013
|
},
|
|
2826
|
-
"usage": "<div
|
|
3014
|
+
"usage": "<div class=\"m3-toolbar\">\n <div class=\"toolbar-start\">총 <strong>31</strong>개의 메뉴</div>\n <div class=\"toolbar-end\">\n <div class=\"m3-text-field field:outlined field-label:none\"><select><option>인기순</option><option>최신순</option></select></div>\n </div>\n</div>\n<form class=\"m3-toolbar toolbar:fill\">\n <div class=\"m3-text-field field:outlined field-label:none\"><select><option>전체 카테고리</option></select></div>\n <div class=\"m3-text-field field:outlined field-label:none toolbar-grow\"><input type=\"search\" placeholder=\"메뉴 이름 검색\"></div>\n <button type=\"button\" class=\"m3-btn btn:outlined\">검색</button>\n</form>"
|
|
3015
|
+
},
|
|
3016
|
+
{
|
|
3017
|
+
"name": "toolbar",
|
|
3018
|
+
"class": "m3-toolbar",
|
|
3019
|
+
"description": " ====== Toolbar (newtil 확장)\n목록 위·표 위에 놓이는 한 줄: 왼쪽 정보(건수·선택 상태) · 오른쪽 동작(정렬·필터·버튼).\nM3 스펙에는 없다. 필터 바(입력 여러 개가 한 줄)도 같은 블록으로 만든다.\n사용법:\n <div class=\"m3-toolbar\">\n <div class=\"toolbar-start\">총 <strong>31</strong>개</div>",
|
|
3020
|
+
"slots": [
|
|
3021
|
+
"toolbar-end",
|
|
3022
|
+
"toolbar-start"
|
|
3023
|
+
],
|
|
3024
|
+
"slotOptions": {},
|
|
3025
|
+
"options": {
|
|
3026
|
+
"toolbar": [
|
|
3027
|
+
"card",
|
|
3028
|
+
"fill"
|
|
3029
|
+
]
|
|
3030
|
+
},
|
|
3031
|
+
"flags": [],
|
|
3032
|
+
"variables": {
|
|
3033
|
+
"--toolbar-gap": {
|
|
3034
|
+
"default": "var(--space-3)"
|
|
3035
|
+
},
|
|
3036
|
+
"--toolbar-margin": {
|
|
3037
|
+
"default": "0 0 var(--space-5)"
|
|
3038
|
+
},
|
|
3039
|
+
"--toolbar-padding": {
|
|
3040
|
+
"default": "0"
|
|
3041
|
+
},
|
|
3042
|
+
"--toolbar-font-size": {
|
|
3043
|
+
"default": "var(--font-size-body-sm)"
|
|
3044
|
+
},
|
|
3045
|
+
"--toolbar-color": {
|
|
3046
|
+
"default": "var(--color-text-muted)"
|
|
3047
|
+
},
|
|
3048
|
+
"--toolbar-strong-color": {
|
|
3049
|
+
"default": "var(--color-text)"
|
|
3050
|
+
},
|
|
3051
|
+
"--toolbar-border-bottom": {
|
|
3052
|
+
"default": "none"
|
|
3053
|
+
},
|
|
3054
|
+
"--toolbar-min-height": {
|
|
3055
|
+
"default": "2.5rem"
|
|
3056
|
+
}
|
|
3057
|
+
},
|
|
3058
|
+
"usage": "<div class=\"m3-toolbar\">\n <div class=\"toolbar-start\">총 <strong>31</strong>개의 메뉴</div>\n <div class=\"toolbar-end\">\n <div class=\"m3-text-field field:outlined field-label:none\"><select><option>인기순</option><option>최신순</option></select></div>\n </div>\n</div>\n<form class=\"m3-toolbar toolbar:fill\">\n <div class=\"m3-text-field field:outlined field-label:none\"><select><option>전체 카테고리</option></select></div>\n <div class=\"m3-text-field field:outlined field-label:none toolbar-grow\"><input type=\"search\" placeholder=\"메뉴 이름 검색\"></div>\n <button type=\"button\" class=\"m3-btn btn:outlined\">검색</button>\n</form>"
|
|
2827
3059
|
},
|
|
2828
3060
|
{
|
|
2829
3061
|
"name": "tooltip",
|
|
@@ -2834,6 +3066,7 @@
|
|
|
2834
3066
|
"tooltip-content",
|
|
2835
3067
|
"tooltip-title"
|
|
2836
3068
|
],
|
|
3069
|
+
"slotOptions": {},
|
|
2837
3070
|
"options": {
|
|
2838
3071
|
"tooltip": [
|
|
2839
3072
|
"rich"
|
|
@@ -2937,6 +3170,7 @@
|
|
|
2937
3170
|
"bar-title",
|
|
2938
3171
|
"bar-trailing"
|
|
2939
3172
|
],
|
|
3173
|
+
"slotOptions": {},
|
|
2940
3174
|
"options": {
|
|
2941
3175
|
"bar": [
|
|
2942
3176
|
"center",
|
package/package.json
CHANGED