@newtil/materials 0.4.12 → 0.4.15

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 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-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}
1
+ @charset "utf-8";@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");@layer reset, tokens, base, components;: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;--brand:#8cba35;--_hue-green-50:oklch(from var(--brand) calc(l + (1 - l) * 0.95) calc(c * 0.2) h);--_hue-green-100:oklch(from var(--brand) calc(l + (1 - l) * 0.88) calc(c * 0.32) h);--_hue-green-200:oklch(from var(--brand) calc(l + (1 - l) * 0.75) calc(c * 0.7) h);--_hue-green-300:oklch(from var(--brand) calc(l + (1 - l) * 0.58) calc(c * 0.95) h);--_hue-green-400:oklch(from var(--brand) calc(l + (1 - l) * 0.4) calc(c * 1.1) h);--_hue-green-500:var(--brand);--_hue-green-600:oklch(from var(--brand) calc(l * 0.86) calc(c * 0.95) h);--_hue-green-700:oklch(from var(--brand) calc(l * 0.71) calc(c * 0.75) h);--_hue-green-800:oklch(from var(--brand) calc(l * 0.62) calc(c * 0.65) h);--_hue-green-900:oklch(from var(--brand) calc(l * 0.55) calc(c * 0.58) h);--_hue-green-950:oklch(from var(--brand) calc(l * 0.38) calc(c * 0.4) h);--_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:oklch(from var(--color-primary) clamp(0.15,calc((0.62 - l) * 1000),1) 0 0);--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:oklch(from var(--color-primary) clamp(0.15,calc((0.62 - l) * 1000),1) 0 0);--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:oklch(from var(--color-primary) clamp(0.15,calc((0.62 - l) * 1000),1) 0 0);--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\:landscape,.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\:landscape{--card-media-ratio:4/3}.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{padding:var(--card-actions-padding)}.m3-card .card-actions,.m3-card .card-actions-end{align-items:center;display:flex;gap:var(--card-actions-gap)}.m3-card .card-actions-end{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-size\:xs{--icon-btn-size:1.75rem;--icon-btn-touch-size:1.75rem;--icon-btn-icon-size:1.125rem}.m3-icon-btn.icon-btn-size\:sm{--icon-btn-size:2rem;--icon-btn-touch-size:2rem;--icon-btn-icon-size:1.25rem}.m3-icon-btn.icon-btn-size\:md{--icon-btn-size:2.5rem;--icon-btn-touch-size:3rem;--icon-btn-icon-size:1.5rem}.m3-icon-btn.icon-btn-size\:lg{--icon-btn-size:3rem;--icon-btn-touch-size:3rem;--icon-btn-icon-size:1.75rem}.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-group-gap:var(--space-2);--form-group-label-width:5.5rem;--form-group-label-size:var(--font-size-body-sm);--form-group-label-weight:var(--font-weight-semibold);--form-group-choices-gap:var(--space-5);--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-group{border:0;display:flex;flex-direction:column;gap:var(--form-group-gap);margin:0;min-width:0;padding:0}.m3-form .form-group-label{color:var(--color-text);font-size:var(--form-group-label-size);font-weight:var(--form-group-label-weight);padding:0}.m3-form .form-group-choices{align-items:center;display:flex;flex-wrap:wrap;gap:var(--form-group-choices-gap)}.m3-form .form-choice-extra{color:var(--color-text-muted);font-size:var(--font-size-caption)}.m3-form .form-group.form-group\:inline{align-items:center;display:grid;gap:var(--space-4);grid-template-columns:var(--form-group-label-width) minmax(0,1fr)}.m3-form .form-group.form-group\:inline>.form-group-label{float:left}@media (max-width:640px){.m3-form .form-group.form-group\:inline{gap:var(--form-group-gap);grid-template-columns:minmax(0,1fr)}}.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}.m3-site.site-aside\:sm{--site-aside-width:12.5rem}.m3-site.site-aside\:md{--site-aside-width:16rem}.m3-site.site-aside\:lg{--site-aside-width:21.25rem}@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{display:block;margin:0}.m3-toolbar .toolbar-end:has(>*+*),.m3-toolbar .toolbar-start:has(>*+*){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 0%;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}.m3-stepper{--stepper-height:2.125rem;--stepper-btn-width:2rem;--stepper-input-width:2.75rem;--stepper-gap:0;--stepper-font-size:var(--font-size-body-sm);--stepper-font-weight:var(--font-weight-semibold);--stepper-icon-size:1rem;--stepper-border-width:0.0625rem;--stepper-border-color:var(--color-border);--stepper-border-radius:var(--radius-2);--stepper-background:var(--color-surface);--stepper-btn-background:var(--color-surface);--stepper-btn-hover-background:var(--color-surface-1);--stepper-btn-color:var(--color-text);--stepper-input-color:var(--color-text);--stepper-divider:var(--stepper-border-width) solid var(--stepper-border-color);--stepper-disabled-opacity:0.38;align-items:stretch;background:var(--stepper-background);border:var(--stepper-border-width) solid var(--stepper-border-color);border-radius:var(--stepper-border-radius);box-sizing:border-box;display:inline-flex;gap:var(--stepper-gap);height:var(--stepper-height);justify-self:start;overflow:hidden;vertical-align:middle;width:max-content}.m3-stepper .stepper-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--stepper-btn-background);border:0;color:var(--stepper-btn-color);cursor:pointer;display:inline-flex;flex:0 0 var(--stepper-btn-width);font:inherit;font-size:var(--stepper-font-size);justify-content:center;line-height:1;padding:0;transition:background-color var(--duration-fast) var(--ease-in-out);width:var(--stepper-btn-width)}.m3-stepper .stepper-btn:hover{background:var(--stepper-btn-hover-background)}.m3-stepper .stepper-btn:focus-visible{outline:var(--border-width-2) solid var(--color-focus-ring);outline-offset:-.125rem}.m3-stepper .stepper-btn:disabled{cursor:not-allowed;opacity:var(--stepper-disabled-opacity)}.m3-stepper .stepper-btn .m3-icon{font-size:var(--stepper-icon-size);height:var(--stepper-icon-size);width:var(--stepper-icon-size)}.m3-stepper .stepper-input{-moz-appearance:textfield;appearance:textfield;background:transparent;border:0;border-left:var(--stepper-divider);border-right:var(--stepper-divider);box-sizing:border-box;color:var(--stepper-input-color);flex:0 0 var(--stepper-input-width);font:inherit;font-size:var(--stepper-font-size);font-weight:var(--stepper-font-weight);min-width:0;padding:0;text-align:center;width:var(--stepper-input-width)}.m3-stepper .stepper-input::-webkit-inner-spin-button,.m3-stepper .stepper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.m3-stepper .stepper-input:focus{background:var(--stepper-btn-hover-background);outline:none}.m3-stepper.stepper\:separated{--stepper-gap:var(--space-2);--stepper-divider:none;background:transparent;border:0;overflow:visible}.m3-stepper.stepper\:separated .stepper-btn,.m3-stepper.stepper\:separated .stepper-input{border:var(--stepper-border-width) solid var(--stepper-border-color);border-radius:var(--stepper-border-radius)}.m3-stepper.stepper-size\:sm{--stepper-height:1.75rem;--stepper-btn-width:1.75rem;--stepper-input-width:2.25rem;--stepper-font-size:var(--font-size-caption);--stepper-icon-size:0.875rem}.m3-stepper.stepper-size\:md{--stepper-height:2.125rem;--stepper-btn-width:2rem;--stepper-input-width:2.75rem}.m3-stepper.stepper-size\:lg{--stepper-height:2.5rem;--stepper-btn-width:2.5rem;--stepper-input-width:3rem;--stepper-font-size:var(--font-size-body);--stepper-icon-size:1.125rem}.m3-breadcrumb{--breadcrumb-gap:var(--space-3);--breadcrumb-margin:0 0 var(--space-7);--breadcrumb-font-size:var(--font-size-body-sm);--breadcrumb-color:var(--color-text-muted);--breadcrumb-color-hover:var(--color-text);--breadcrumb-current-color:var(--color-text);--breadcrumb-current-weight:var(--font-weight-semibold);--breadcrumb-separator:"/";--breadcrumb-separator-color:var(--color-text-subtle);align-items:center;color:var(--breadcrumb-color);display:flex;flex-wrap:wrap;font-size:var(--breadcrumb-font-size);gap:var(--breadcrumb-gap);margin:var(--breadcrumb-margin)}.m3-breadcrumb>a{color:inherit;text-decoration:none;transition:color var(--duration-fast) var(--ease-in-out)}.m3-breadcrumb>a:hover{color:var(--breadcrumb-color-hover)}.m3-breadcrumb>[aria-current=page]{color:var(--breadcrumb-current-color);font-weight:var(--breadcrumb-current-weight)}.m3-breadcrumb>*+:before{color:var(--breadcrumb-separator-color);content:var(--breadcrumb-separator);font-weight:var(--font-weight-regular);margin-right:var(--breadcrumb-gap)}.m3-breadcrumb.breadcrumb-separator\:slash{--breadcrumb-separator:"/"}.m3-breadcrumb.breadcrumb-separator\:chevron{--breadcrumb-separator:"›"}.m3-breadcrumb.breadcrumb-separator\:dot{--breadcrumb-separator:"·"}.m3-breadcrumb.breadcrumb-size\:sm{--breadcrumb-font-size:var(--font-size-caption);--breadcrumb-gap:var(--space-2)}.m3-breadcrumb.breadcrumb-size\:md{--breadcrumb-font-size:var(--font-size-body-sm);--breadcrumb-gap:var(--space-3)}.m3-table{--table-width:100%;--table-max-width:none;--table-font-size:var(--font-size-body-sm);--table-color:var(--color-text);--table-cell-padding:var(--space-3) var(--space-4);--table-border-width:var(--border-width-1);--table-border-color:var(--color-border-subtle);--table-head-background:var(--color-surface-2);--table-head-color:var(--color-text-muted);--table-head-weight:var(--font-weight-semibold);--table-row-hover-background:transparent;--table-stripe-background:var(--color-surface-1);--table-key-width:25%;border-collapse:collapse;color:var(--table-color);font-size:var(--table-font-size);max-width:var(--table-max-width);text-align:left;width:var(--table-width)}.m3-table td,.m3-table th{border-bottom:var(--table-border-width) solid var(--table-border-color);padding:var(--table-cell-padding);vertical-align:middle}.m3-table thead th{background:var(--table-head-background);color:var(--table-head-color);font-weight:var(--table-head-weight);white-space:nowrap}.m3-table tbody tr:hover{background:var(--table-row-hover-background)}.m3-table .table-align\:center{text-align:center}.m3-table .table-align\:end{text-align:right}.m3-table.table\:key-value th[scope=row]{background:var(--table-head-background);color:var(--table-head-color);font-weight:var(--table-head-weight);white-space:nowrap;width:var(--table-key-width)}.m3-table.table\:striped tbody tr:nth-child(2n){background:var(--table-stripe-background)}.m3-table.table\:bordered,.m3-table.table\:bordered td,.m3-table.table\:bordered th{border:var(--table-border-width) solid var(--table-border-color)}.m3-table.table\:hover{--table-row-hover-background:var(--color-surface-1)}.m3-table.table-size\:sm{--table-cell-padding:var(--space-2) var(--space-3);--table-font-size:var(--font-size-caption)}.m3-table.table-size\:md{--table-cell-padding:var(--space-3) var(--space-4);--table-font-size:var(--font-size-body-sm)}.m3-table.table-size\:lg{--table-cell-padding:var(--space-4) var(--space-5);--table-font-size:var(--font-size-body)}.m3-section{--section-padding:var(--space-8) 0;--section-gap:var(--space-4);--section-border:none;--section-background:transparent;--section-border-radius:0;--section-title-size:var(--font-size-heading-sm);--section-title-weight:var(--font-weight-bold);--section-title-color:var(--color-text);--section-caption-size:var(--font-size-caption);--section-caption-color:var(--color-text-muted);--section-body-size:var(--font-size-body);--section-body-line-height:var(--line-height-loose);--section-body-color:var(--color-text-muted);--section-body-gap:var(--space-4);background:var(--section-background);border-bottom:var(--section-border);border-radius:var(--section-border-radius);display:flex;flex-direction:column;gap:var(--section-gap);padding:var(--section-padding)}.m3-section .section-title{color:var(--section-title-color);font-size:var(--section-title-size);font-weight:var(--section-title-weight);line-height:var(--line-height-tight);margin:0}.m3-section .section-caption{color:var(--section-caption-color);font-size:var(--section-caption-size);margin:calc(var(--section-gap)*-1 + var(--space-1)) 0 0}.m3-section .section-body{color:var(--section-body-color);display:flex;flex-direction:column;font-size:var(--section-body-size);gap:var(--section-body-gap);line-height:var(--section-body-line-height)}.m3-section .section-body>ol,.m3-section .section-body>p,.m3-section .section-body>ul{margin:0}.m3-section .section-body>ol,.m3-section .section-body>ul{list-style-position:outside;padding-left:var(--space-6)}.m3-section .section-body>ul{list-style-type:disc}.m3-section .section-body>ol{list-style-type:decimal}.m3-section.section\:divided{--section-border:var(--border-width-1) solid var(--color-border-subtle)}.m3-section.section\:card{--section-padding:var(--space-6) var(--space-7);--section-background:var(--color-surface);--section-border-radius:var(--radius-4);border:var(--border-width-1) solid var(--color-border)}.m3-section.section-size\:sm{--section-padding:var(--space-5) 0;--section-title-size:var(--font-size-body-lg);--section-gap:var(--space-3)}.m3-section.section-size\:md{--section-padding:var(--space-8) 0;--section-title-size:var(--font-size-heading-sm)}.m3-section.section-size\:lg{--section-padding:var(--space-10) 0;--section-title-size:var(--font-size-heading-md);--section-gap:var(--space-5)}
package/dist/spec.json CHANGED
@@ -1,14 +1,14 @@
1
1
  {
2
2
  "$schema": "newtil-component-spec/1",
3
3
  "package": "@newtil/materials",
4
- "version": "0.4.12",
4
+ "version": "0.4.15",
5
5
  "generatedAt": "2026-09-17",
6
6
  "conventions": {
7
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 에 없는 이름은 존재하지 않는다.",
11
- "brand": "브랜드색은 primitive 램프(--_hue-*) 덮는다. 진한 primary 라이트 --color-on-primary흰색으로."
11
+ "brand": "브랜드색은 씨앗 하나 `--brand` (design-tokens 0.2.3). 램프와 on-primary 계산된다. 회색조는 --_hue-gray-*hex 로."
12
12
  },
13
13
  "components": [
14
14
  {
@@ -175,6 +175,55 @@
175
175
  },
176
176
  "usage": "<div class=\"m3-bottom-sheet sheet-open\">\n <div class=\"sheet-drag-handle\"></div>\n <div class=\"sheet-content\">\n <h3 class=\"sheet-headline\">시트 제목</h3>\n <p>시트 본문 내용입니다.</p>\n </div>\n</div>"
177
177
  },
178
+ {
179
+ "name": "breadcrumb",
180
+ "class": "m3-breadcrumb",
181
+ "description": " ====== Breadcrumb (newtil 확장)\n현재 위치 경로: 홈 / 메뉴 / 커피 / 카페라떼. M3 스펙에는 없다.\n구분 기호는 CSS 가 그린다 — 마크업에 \"/\" 를 넣지 않는다.\n사용법:\n <nav class=\"m3-breadcrumb\" aria-label=\"현재 위치\">\n <a href=\"/\">홈</a>",
182
+ "slots": [],
183
+ "slotOptions": {},
184
+ "options": {
185
+ "breadcrumb-separator": [
186
+ "chevron",
187
+ "dot",
188
+ "slash"
189
+ ],
190
+ "breadcrumb-size": [
191
+ "md",
192
+ "sm"
193
+ ]
194
+ },
195
+ "flags": [],
196
+ "variables": {
197
+ "--breadcrumb-gap": {
198
+ "default": "var(--space-3)"
199
+ },
200
+ "--breadcrumb-margin": {
201
+ "default": "0 0 var(--space-7)"
202
+ },
203
+ "--breadcrumb-font-size": {
204
+ "default": "var(--font-size-body-sm)"
205
+ },
206
+ "--breadcrumb-color": {
207
+ "default": "var(--color-text-muted)"
208
+ },
209
+ "--breadcrumb-color-hover": {
210
+ "default": "var(--color-text)"
211
+ },
212
+ "--breadcrumb-current-color": {
213
+ "default": "var(--color-text)"
214
+ },
215
+ "--breadcrumb-current-weight": {
216
+ "default": "var(--font-weight-semibold)"
217
+ },
218
+ "--breadcrumb-separator": {
219
+ "default": "\"/\""
220
+ },
221
+ "--breadcrumb-separator-color": {
222
+ "default": "var(--color-text-subtle)"
223
+ }
224
+ },
225
+ "usage": "<nav class=\"m3-breadcrumb\" aria-label=\"현재 위치\">\n <a href=\"#\">홈</a>\n <a href=\"#\">메뉴</a>\n <a href=\"#\">커피</a>\n <span aria-current=\"page\">카페라떼</span>\n</nav>\n<nav class=\"m3-breadcrumb breadcrumb-separator:chevron breadcrumb-size:sm\" aria-label=\"현재 위치\">\n <a href=\"#\">관리자</a>\n <a href=\"#\">메뉴 관리</a>\n <span aria-current=\"page\">새 메뉴</span>\n</nav>"
226
+ },
178
227
  {
179
228
  "name": "btn",
180
229
  "class": "m3-btn",
@@ -382,6 +431,7 @@
382
431
  "slotOptions": {
383
432
  "card-media": {
384
433
  "card-media": [
434
+ "landscape",
385
435
  "square",
386
436
  "video",
387
437
  "wide"
@@ -1120,8 +1170,12 @@
1120
1170
  "description": " ====== M3 Form (newtil 확장)\nM3 스펙에는 Form 전용 컴포넌트가 없습니다. 이 컴포넌트는\n폼의 공통 레이아웃 패턴(헤더 / 필드 / 액션 / 메시지)을 표준화하기 위한\nnewtil 확장입니다.\n사용법:\n <form class=\"m3-form\">",
1121
1171
  "slots": [
1122
1172
  "form-actions",
1173
+ "form-choice-extra",
1123
1174
  "form-description",
1124
1175
  "form-fields",
1176
+ "form-group",
1177
+ "form-group-choices",
1178
+ "form-group-label",
1125
1179
  "form-header",
1126
1180
  "form-headline",
1127
1181
  "form-message"
@@ -1143,6 +1197,11 @@
1143
1197
  "success",
1144
1198
  "warning"
1145
1199
  ]
1200
+ },
1201
+ "form-group": {
1202
+ "form-group": [
1203
+ "inline"
1204
+ ]
1146
1205
  }
1147
1206
  },
1148
1207
  "options": {
@@ -1168,6 +1227,22 @@
1168
1227
  "--form-header-gap": {
1169
1228
  "default": "0.25rem"
1170
1229
  },
1230
+ "--form-group-gap": {
1231
+ "default": "var(--space-2)"
1232
+ },
1233
+ "--form-group-label-width": {
1234
+ "default": "5.5rem",
1235
+ "note": "form-group:inline 의 레이블 칸"
1236
+ },
1237
+ "--form-group-label-size": {
1238
+ "default": "var(--font-size-body-sm)"
1239
+ },
1240
+ "--form-group-label-weight": {
1241
+ "default": "var(--font-weight-semibold)"
1242
+ },
1243
+ "--form-group-choices-gap": {
1244
+ "default": "var(--space-5)"
1245
+ },
1171
1246
  "--form-headline-size": {
1172
1247
  "default": "1.5rem"
1173
1248
  },
@@ -1277,7 +1352,7 @@
1277
1352
  {
1278
1353
  "name": "icon-btn",
1279
1354
  "class": "m3-icon-btn",
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",
1355
+ "description": " ====== M3 Icon Button (Material Design 3 spec-aligned)\nType : standard (default) | filled | tonal | outlined\nToggle: icon-btn-toggle:selected | icon-btn-toggle:unselected\nSize : icon-btn-size:xs (28px) | sm (32px) | md (40px, 기본, 터치 48px) | lg (48px)\n xs·sm 터치 영역을 늘리지 않는다 카드 액션·표 셀·스테퍼처럼 텍스트 버튼 옆에 나란히 놓는 자리용.\nState: enabled (default) | hover | focus | active | disabled",
1281
1356
  "slots": [],
1282
1357
  "slotOptions": {},
1283
1358
  "options": {
@@ -1287,6 +1362,12 @@
1287
1362
  "focus",
1288
1363
  "hover"
1289
1364
  ],
1365
+ "icon-btn-size": [
1366
+ "lg",
1367
+ "md",
1368
+ "sm",
1369
+ "xs"
1370
+ ],
1290
1371
  "icon-btn": [
1291
1372
  "filled",
1292
1373
  "outlined",
@@ -2276,6 +2357,74 @@
2276
2357
  },
2277
2358
  "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>"
2278
2359
  },
2360
+ {
2361
+ "name": "section",
2362
+ "class": "m3-section",
2363
+ "description": " ====== Section (newtil 확장)\n제목 · 설명 · 본문으로 된 글 덩어리. 상세 페이지의 \"상세 설명 / 영양 정보 / 유의 사항\",\n소개 페이지의 절, 설정 화면의 묶음이 모두 이것이다. M3 스펙에는 없다.\n사용법:\n <section class=\"m3-section section:divided\">\n <h2 class=\"section-title\">영양 정보</h2>",
2364
+ "slots": [
2365
+ "section-body",
2366
+ "section-caption",
2367
+ "section-title"
2368
+ ],
2369
+ "slotOptions": {},
2370
+ "options": {
2371
+ "section": [
2372
+ "card",
2373
+ "divided"
2374
+ ],
2375
+ "section-size": [
2376
+ "lg",
2377
+ "md",
2378
+ "sm"
2379
+ ]
2380
+ },
2381
+ "flags": [],
2382
+ "variables": {
2383
+ "--section-padding": {
2384
+ "default": "var(--space-8) 0"
2385
+ },
2386
+ "--section-gap": {
2387
+ "default": "var(--space-4)"
2388
+ },
2389
+ "--section-border": {
2390
+ "default": "none"
2391
+ },
2392
+ "--section-background": {
2393
+ "default": "transparent"
2394
+ },
2395
+ "--section-border-radius": {
2396
+ "default": "0"
2397
+ },
2398
+ "--section-title-size": {
2399
+ "default": "var(--font-size-heading-sm)"
2400
+ },
2401
+ "--section-title-weight": {
2402
+ "default": "var(--font-weight-bold)"
2403
+ },
2404
+ "--section-title-color": {
2405
+ "default": "var(--color-text)"
2406
+ },
2407
+ "--section-caption-size": {
2408
+ "default": "var(--font-size-caption)"
2409
+ },
2410
+ "--section-caption-color": {
2411
+ "default": "var(--color-text-muted)"
2412
+ },
2413
+ "--section-body-size": {
2414
+ "default": "var(--font-size-body)"
2415
+ },
2416
+ "--section-body-line-height": {
2417
+ "default": "var(--line-height-loose)"
2418
+ },
2419
+ "--section-body-color": {
2420
+ "default": "var(--color-text-muted)"
2421
+ },
2422
+ "--section-body-gap": {
2423
+ "default": "var(--space-4)"
2424
+ }
2425
+ },
2426
+ "usage": "<section class=\"m3-section section:divided\">\n <h2 class=\"section-title\">상세 설명</h2>\n <div class=\"section-body\">\n <p>브라질과 콜롬비아 원두를 블렌딩한 하우스 블렌드 에스프레소를 사용합니다.</p>\n <p>HOT 은 머그로, ICE 는 얼음과 함께 투명 컵으로 제공됩니다.</p>\n </div>\n</section>\n<section class=\"m3-section section:divided\">\n <h2 class=\"section-title\">유의 사항</h2>\n <p class=\"section-caption\">2026년 9월 기준</p>\n <div class=\"section-body\">\n <ul><li>우유가 포함된 제품입니다.</li><li>주문 후 30분 이내 픽업해 주세요.</li></ul>\n </div>\n</section>"
2427
+ },
2279
2428
  {
2280
2429
  "name": "site",
2281
2430
  "class": "m3-site",
@@ -2309,6 +2458,11 @@
2309
2458
  "default",
2310
2459
  "narrow",
2311
2460
  "wide"
2461
+ ],
2462
+ "site-aside": [
2463
+ "lg",
2464
+ "md",
2465
+ "sm"
2312
2466
  ]
2313
2467
  },
2314
2468
  "flags": [],
@@ -2577,6 +2731,85 @@
2577
2731
  },
2578
2732
  "usage": "<div class=\"m3-snackbar snackbar-open\">\n <span class=\"snackbar-text\">파일이 저장되었습니다</span>\n</div>"
2579
2733
  },
2734
+ {
2735
+ "name": "stepper",
2736
+ "class": "m3-stepper",
2737
+ "description": " ====== Stepper (newtil 확장)\n수량 −/+ 입력. 장바구니·상세 페이지의 \"가구\" 다. M3 스펙에는 없다.\n한 테두리 안에 [빼기][숫자][더하기] 가 붙어 있는 모양이 기본이고, 값 바꾸는 동작은 앱이 맡는다.\n사용법:\n <div class=\"m3-stepper\" role=\"group\" aria-label=\"수량\">\n <button type=\"button\" class=\"stepper-btn\" aria-label=\"수량 감소\"><i class=\"m3-icon icon:remove\"></i></button>",
2738
+ "slots": [
2739
+ "stepper-btn",
2740
+ "stepper-input"
2741
+ ],
2742
+ "slotOptions": {},
2743
+ "options": {
2744
+ "stepper": [
2745
+ "outlined",
2746
+ "separated"
2747
+ ],
2748
+ "stepper-size": [
2749
+ "lg",
2750
+ "md",
2751
+ "sm"
2752
+ ]
2753
+ },
2754
+ "flags": [],
2755
+ "variables": {
2756
+ "--stepper-height": {
2757
+ "default": "2.125rem",
2758
+ "note": "34px"
2759
+ },
2760
+ "--stepper-btn-width": {
2761
+ "default": "2rem",
2762
+ "note": "32px"
2763
+ },
2764
+ "--stepper-input-width": {
2765
+ "default": "2.75rem",
2766
+ "note": "44px"
2767
+ },
2768
+ "--stepper-gap": {
2769
+ "default": "0"
2770
+ },
2771
+ "--stepper-font-size": {
2772
+ "default": "var(--font-size-body-sm)"
2773
+ },
2774
+ "--stepper-font-weight": {
2775
+ "default": "var(--font-weight-semibold)"
2776
+ },
2777
+ "--stepper-icon-size": {
2778
+ "default": "1rem"
2779
+ },
2780
+ "--stepper-border-width": {
2781
+ "default": "0.0625rem"
2782
+ },
2783
+ "--stepper-border-color": {
2784
+ "default": "var(--color-border)"
2785
+ },
2786
+ "--stepper-border-radius": {
2787
+ "default": "var(--radius-2)"
2788
+ },
2789
+ "--stepper-background": {
2790
+ "default": "var(--color-surface)"
2791
+ },
2792
+ "--stepper-btn-background": {
2793
+ "default": "var(--color-surface)"
2794
+ },
2795
+ "--stepper-btn-hover-background": {
2796
+ "default": "var(--color-surface-1)"
2797
+ },
2798
+ "--stepper-btn-color": {
2799
+ "default": "var(--color-text)"
2800
+ },
2801
+ "--stepper-input-color": {
2802
+ "default": "var(--color-text)"
2803
+ },
2804
+ "--stepper-divider": {
2805
+ "default": "var(--stepper-border-width) solid var(--stepper-border-color)"
2806
+ },
2807
+ "--stepper-disabled-opacity": {
2808
+ "default": "0.38"
2809
+ }
2810
+ },
2811
+ "usage": "<div class=\"m3-stepper\" role=\"group\" aria-label=\"수량\">\n <button type=\"button\" class=\"stepper-btn\" aria-label=\"수량 감소\"><i class=\"m3-icon icon:remove\"></i></button>\n <input class=\"stepper-input\" type=\"number\" value=\"1\" min=\"1\" aria-label=\"수량\">\n <button type=\"button\" class=\"stepper-btn\" aria-label=\"수량 증가\"><i class=\"m3-icon icon:add\"></i></button>\n</div>\n<div class=\"m3-stepper stepper-size:lg\" role=\"group\" aria-label=\"수량\">\n <button type=\"button\" class=\"stepper-btn\" aria-label=\"수량 감소\"><i class=\"m3-icon icon:remove\"></i></button>\n <input class=\"stepper-input\" type=\"number\" value=\"2\" min=\"1\" aria-label=\"수량\">\n <button type=\"button\" class=\"stepper-btn\" aria-label=\"수량 증가\"><i class=\"m3-icon icon:add\"></i></button>\n</div>\n<div class=\"m3-stepper stepper:separated\" role=\"group\" aria-label=\"수량\">\n <button type=\"button\" class=\"stepper-btn\" aria-label=\"수량 감소\"><i class=\"m3-icon icon:remove\"></i></button>\n <input class=\"stepper-input\" type=\"number\" value=\"3\" min=\"1\" aria-label=\"수량\">\n <button type=\"button\" class=\"stepper-btn\" aria-label=\"수량 증가\"><i class=\"m3-icon icon:add\"></i></button>\n</div>"
2812
+ },
2580
2813
  {
2581
2814
  "name": "switch",
2582
2815
  "class": "m3-switch",
@@ -2677,6 +2910,71 @@
2677
2910
  },
2678
2911
  "usage": "<label class=\"m3-switch\">\n <input type=\"checkbox\">\n <span class=\"switch-label\">Wi-Fi</span>\n</label>\n\n<!-- 켜짐 상태 -->\n<label class=\"m3-switch\">\n <input type=\"checkbox\" checked>\n <span class=\"switch-label\">블루투스</span>\n</label>"
2679
2912
  },
2913
+ {
2914
+ "name": "table",
2915
+ "class": "m3-table",
2916
+ "description": " ====== Table (newtil 확장)\n표. M3 에는 data table 스펙이 없어 newtil 이 정한다. 두 쓰임을 한 클래스로:\n - 데이터 표 (thead + tbody, 관리자 목록)\n - 항목–값 표 (th scope=row 가 항목, td 가 값 — 영양 정보·주문 정보)\n사용법:\n <table class=\"m3-table\">",
2917
+ "slots": [
2918
+ "table-align"
2919
+ ],
2920
+ "slotOptions": {},
2921
+ "options": {
2922
+ "table": [
2923
+ "bordered",
2924
+ "hover",
2925
+ "key-value",
2926
+ "striped"
2927
+ ],
2928
+ "table-size": [
2929
+ "lg",
2930
+ "md",
2931
+ "sm"
2932
+ ]
2933
+ },
2934
+ "flags": [],
2935
+ "variables": {
2936
+ "--table-width": {
2937
+ "default": "100%"
2938
+ },
2939
+ "--table-max-width": {
2940
+ "default": "none"
2941
+ },
2942
+ "--table-font-size": {
2943
+ "default": "var(--font-size-body-sm)"
2944
+ },
2945
+ "--table-color": {
2946
+ "default": "var(--color-text)"
2947
+ },
2948
+ "--table-cell-padding": {
2949
+ "default": "var(--space-3) var(--space-4)"
2950
+ },
2951
+ "--table-border-width": {
2952
+ "default": "var(--border-width-1)"
2953
+ },
2954
+ "--table-border-color": {
2955
+ "default": "var(--color-border-subtle)"
2956
+ },
2957
+ "--table-head-background": {
2958
+ "default": "var(--color-surface-2)"
2959
+ },
2960
+ "--table-head-color": {
2961
+ "default": "var(--color-text-muted)"
2962
+ },
2963
+ "--table-head-weight": {
2964
+ "default": "var(--font-weight-semibold)"
2965
+ },
2966
+ "--table-row-hover-background": {
2967
+ "default": "transparent"
2968
+ },
2969
+ "--table-stripe-background": {
2970
+ "default": "var(--color-surface-1)"
2971
+ },
2972
+ "--table-key-width": {
2973
+ "default": "25%"
2974
+ }
2975
+ },
2976
+ "usage": "<table class=\"m3-table\">\n <thead><tr><th>메뉴</th><th>카테고리</th><th class=\"table-align:end\">가격</th></tr></thead>\n <tbody>\n <tr><td>아메리카노</td><td>커피</td><td class=\"table-align:end\">3,500원</td></tr>\n <tr><td>카페라떼</td><td>커피</td><td class=\"table-align:end\">4,500원</td></tr>\n </tbody>\n</table>\n<table class=\"m3-table table:key-value\" style=\"--table-max-width: 40rem\">\n <tbody>\n <tr><th scope=\"row\">칼로리</th><td>180 kcal</td><th scope=\"row\">나트륨</th><td>115 mg</td></tr>\n <tr><th scope=\"row\">당류</th><td>13 g</td><th scope=\"row\">포화지방</th><td>4.5 g</td></tr>\n </tbody>\n</table>"
2977
+ },
2680
2978
  {
2681
2979
  "name": "tabs",
2682
2980
  "class": "m3-tabs",
@@ -3276,8 +3574,11 @@
3276
3574
  ],
3277
3575
  "tokens": {
3278
3576
  "package": "@newtil/design-tokens",
3279
- "count": 194,
3577
+ "count": 195,
3280
3578
  "groups": {
3579
+ "brand": [
3580
+ "--brand"
3581
+ ],
3281
3582
  "border-width": [
3282
3583
  "--border-width-0",
3283
3584
  "--border-width-1",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@newtil/materials",
3
- "version": "0.4.12",
3
+ "version": "0.4.15",
4
4
  "description": "Material Design 3 구현 CSS 라이브러리 — m3- prefix 기반 컴포넌트 (버튼, 카드, 다이얼로그, 네비 등). @newtil/design-tokens 위에 동작.",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -44,7 +44,7 @@
44
44
  "spec": "node scripts/build-spec.mjs"
45
45
  },
46
46
  "dependencies": {
47
- "@newtil/design-tokens": "^0.2.1"
47
+ "@newtil/design-tokens": "^0.2.3"
48
48
  },
49
49
  "devDependencies": {
50
50
  "vitepress": "^1.6.4",
package/themes/README.md CHANGED
@@ -20,11 +20,11 @@ newtil 컴포넌트 위에 얹는 **브랜드가 정한 값 한 벌**입니다.
20
20
  세 부분으로 이루어집니다. `ncafe.css` 가 예시입니다.
21
21
 
22
22
  1. **사용 규약** (머리 주석) — 마크업에서 어느 자리에 어느 옵션을 쓰는지. 기본 버튼·보조 버튼·위험 버튼·크기 단계, 카드 타입, 입력 필드 조합, 배지. 여기 적힌 것만 쓰고 적히지 않은 옵션(`btn-shape` 등)은 쓰지 않습니다. AI·도구는 이 절을 규격처럼 읽습니다.
23
- 2. **브랜드 램프** — `:root` 에서 primitive 램프(`--_hue-*`) 브랜드 색으로 덮습니다. 라이트·다크가 같이 따라옵니다. 진한 primary 라이트 `--color-on-primary` 흰색으로.
23
+ 2. **브랜드 씨앗** — `:root { --brand: #5c3d2e; }` 줄. design-tokens 0.2.3 부터 램프(`--_hue-green-*`) `--color-on-primary` 값에서 계산되어 라이트·다크가 같이 따라옵니다. 회색조를 바꾸려면 `--_hue-gray-*` hex 로 덮고, 브랜드 램프의 특정 단계를 손으로 정하고 싶을 때만 `--_hue-green-N` hex 로 덮습니다.
24
24
  3. **컴포넌트 변수** — 컴포넌트 셀렉터(`.m3-btn`, `.m3-card`, `.m3-text-field.field\:outlined.field-label\:top` …)에 변수 값. 옵션으로 되는 것은 옵션으로 두고, 옵션이 없는 것만 여기서.
25
25
 
26
26
  ## 만드는 법
27
27
 
28
- 기존 사이트가 있으면 그 CSS 에서 값을 뽑습니다. 버튼 높이·모서리·글꼴 크기의 최빈값, 카드 모서리·여백, 입력 높이, 브랜드 색과 회색 램프. 없으면 M3 기본값을 그대로 두고 브랜드 램프만 씁니다.
28
+ 기존 사이트가 있으면 그 CSS 에서 값을 뽑습니다. 버튼 높이·모서리·글꼴 크기의 최빈값, 카드 모서리·여백, 입력 높이, 브랜드 색(씨앗 하나)과 회색 램프. 없으면 M3 기본값을 그대로 두고 씨앗만 씁니다.
29
29
 
30
30
  테마가 필요한 변수가 규격에 없으면 그건 materials 의 빈 자리입니다. 페이지 CSS 로 우회하지 말고 이슈로 남깁니다.
package/themes/ncafe.css CHANGED
@@ -14,18 +14,18 @@
14
14
  * 입력 <div class="m3-text-field field:outlined field-label:top"> <label>…</label> <input> </div>
15
15
  * 레이블 없는 필터/검색: field-label:none. select 도 같은 래퍼 안에.
16
16
  * 배지 <span class="m3-badge badge:inline badge-color:…">
17
+ * 방 공개 페이지는 모두 <div class="m3-site"> (헤더 site-header · 본문 site-main · 푸터 site-footer). m3-top-app-bar 는 쓰지 않는다.
18
+ * 왼쪽 필터/카테고리 사이드: site-body:aside (기본 폭). 오른쪽 주문 요약/합계 패널: site-body:aside-end + m3-site 에 site-aside:lg
19
+ * 목록 상품 카드 격자: <ul class="m3-grid grid-cols:3"> 안에 <li class="m3-card card:outlined card-size:compact">
20
+ * 썸네일은 card-media:landscape (4:3). 카드 액션 줄의 하트는 icon-btn:outlined icon-btn-size:sm, 담기는 btn-size:xs — 둘 다 32px.
21
+ * 글 상세 설명·영양 정보·유의 사항 같은 덩어리는 <section class="m3-section section:divided">. 표는 m3-table(항목–값이면 table:key-value). 경로는 m3-breadcrumb.
22
+ * 선택지 온도·사이즈·수령 방법처럼 라디오 묶음은 m3-form 안 <fieldset class="form-group form-group:inline"> (요약 패널처럼 좁으면 inline 없이).
23
+ * 수량 <div class="m3-stepper"> (기본 34px). 상세 페이지의 큰 수량은 stepper-size:lg. 페이지가 −/+ 를 아이콘 버튼으로 짜지 않는다.
17
24
  * ─────────────────────────────────────────────────────────────────────── */
18
25
 
19
- /* 브랜드 램프 — primary 값을 가리킨다 (라이트 500/600/700/100, 다크 400/300/200/900) */
26
+ /* 브랜드 씨앗램프(--_hue-green-*)와 on-primary design-tokens 0.2.3 값에서 계산한다. 단계를 손으로 정하려면 --_hue-green-N 을 hex 로 덮는다 */
20
27
  :root {
21
- --_hue-green-100: #f2eae4;
22
- --_hue-green-200: #d9c3b5;
23
- --_hue-green-300: #b89e8a;
24
- --_hue-green-400: #9a7a63;
25
- --_hue-green-500: #5c3d2e;
26
- --_hue-green-600: #462d21;
27
- --_hue-green-700: #35211a;
28
- --_hue-green-900: #2a1a13;
28
+ --brand: #5c3d2e; /* 갈색 */
29
29
 
30
30
  /* 따뜻한 회색 — 표면·글자·테두리 */
31
31
  --_hue-gray-50: #faf9f7;
@@ -43,8 +43,6 @@
43
43
  --font-family-sans: "Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo",
44
44
  "Segoe UI", "Malgun Gothic", Roboto, "Helvetica Neue", Arial, sans-serif;
45
45
  }
46
- /* 진한 primary 위 글자는 흰색 (토큰 기본은 밝은 primary 전제) */
47
- :root, [data-theme="light"] { --color-on-primary: #ffffff; }
48
46
 
49
47
  /* ── 버튼: 8px 모서리, 단계별 높이 40/32/44 ── */
50
48
  .m3-btn {
@@ -17,16 +17,9 @@
17
17
  * 배지 <span class="m3-badge badge:inline badge-color:…"> (상태 표시. 개수는 badge 기본)
18
18
  * ─────────────────────────────────────────────────────────────────────── */
19
19
 
20
- /* 브랜드 램프인디고. primary 값을 가리킨다 (라이트 500/600/700/100, 다크 400/300/200/900) */
20
+ /* 브랜드 씨앗램프(--_hue-green-*)와 on-primary design-tokens 0.2.3 값에서 계산한다. 단계를 손으로 정하려면 --_hue-green-N 을 hex 로 덮는다 */
21
21
  :root {
22
- --_hue-green-100: #e0e7ff;
23
- --_hue-green-200: #c7d2fe;
24
- --_hue-green-300: #a5b4fc;
25
- --_hue-green-400: #818cf8;
26
- --_hue-green-500: #4f46e5;
27
- --_hue-green-600: #4338ca;
28
- --_hue-green-700: #3730a3;
29
- --_hue-green-900: #312e81;
22
+ --brand: #4f46e5; /* 인디고 */
30
23
 
31
24
  /* 슬레이트 회색 — 표면·글자·테두리 (앱 globals 의 bg-page/bg-card/text-*/border 값) */
32
25
  --_hue-gray-50: #f8fafc;
@@ -44,8 +37,6 @@
44
37
  --font-family-sans: "Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo",
45
38
  "Segoe UI", "Malgun Gothic", Roboto, "Helvetica Neue", Arial, sans-serif;
46
39
  }
47
- /* 진한 primary 위 글자는 흰색 (토큰 기본은 밝은 primary 전제) */
48
- :root, [data-theme="light"] { --color-on-primary: #ffffff; }
49
40
 
50
41
  /* ── 버튼: 8px 모서리(앱 최빈 0.5rem), 단계별 높이 40/32/44, 글꼴 14/13/15 ── */
51
42
  .m3-btn {