@newtil/materials 0.2.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 newlecture-corp
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,75 @@
+# @newtil/components
+
+newtil 디자인 시스템의 **UI 컴포넌트 라이브러리**.
+
+변수 기반의 일관된 컴포넌트 (버튼, 카드, 다이얼로그, 아이콘 등 Material 3 스타일)를 제공합니다.
+
+📖 **[공식 문서 사이트](https://newlecture-corp.github.io/newtil-components/)** — 모든 컴포넌트의 라이브 프리뷰·옵션·Variable API를 확인할 수 있습니다.
+
+## 설계 철학
+
+- 모든 컴포넌트는 [`@newtil/design-tokens`](https://github.com/newlecture-corp/newtil-design-tokens)의 변수만 참조 (하드코딩 금지)
+- 사용자가 토큰만 재정의하면 모든 컴포넌트가 일관되게 변함
+- 다크모드 지원
+
+## 설치
+
+```bash
+npm install @newtil/components
+```
+
+`@newtil/design-tokens`는 자동으로 함께 설치됩니다.
+
+## 사용
+
+### CSS만 사용
+
+```html
+<link rel="stylesheet" href="node_modules/@newtil/components/dist/index.css">
+```
+
+또는 빌드 도구에서:
+
+```js
+import "@newtil/components";
+```
+
+### 컴포넌트 동작 JS
+
+```js
+import "@newtil/components/dist/js/n-bar.js";
+import "@newtil/components/dist/js/n-layout.js";
+```
+
+## 커스터마이징
+
+```css
+@import "@newtil/components";
+
+:root {
+	--color-primary: #4f46e5;
+	--color-primary-hover: #4338ca;
+}
+```
+
+자세한 커스터마이징 가이드는 [문서의 커스터마이징 페이지](https://newlecture-corp.github.io/newtil-components/guide/customization.html)를 참고하세요.
+
+## 주요 문서
+
+- [시작하기](https://newlecture-corp.github.io/newtil-components/guide/getting-started.html)
+- [아이콘](https://newlecture-corp.github.io/newtil-components/guide/icons.html)
+- [버튼](https://newlecture-corp.github.io/newtil-components/guide/buttons.html)
+- [입력 컴포넌트](https://newlecture-corp.github.io/newtil-components/guide/inputs.html)
+- [컨테이너](https://newlecture-corp.github.io/newtil-components/guide/containment.html)
+- [네비게이션](https://newlecture-corp.github.io/newtil-components/guide/navigation.html)
+- [레이아웃](https://newlecture-corp.github.io/newtil-components/guide/layout.html)
+- [커스터마이징](https://newlecture-corp.github.io/newtil-components/guide/customization.html)
+
+## 출처
+
+이 패키지는 `@newtil/css@0.4.0`에서 분리되어 나왔습니다.
+원본 commit: `2f5cc313c563222ddfb7231b780cce6a384dabd9`
+
+## 라이선스
+
+MIT

package/dist/index.css

@@ -0,0 +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{--_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;--_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;--_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;--_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:3rem;--_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);--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);--size-0:var(--_scale-0);--size-1:var(--_scale-1);--size-2:var(--_scale-2);--size-3:var(--_scale-3);--size-4:var(--_scale-4);--size-5:var(--_scale-5);--size-6:var(--_scale-6);--size-7:var(--_scale-7);--size-8:var(--_scale-8);--size-9:var(--_scale-9);--size-10:var(--_scale-10);--size-11:var(--_scale-11);--size-12:var(--_scale-12);--size-13:var(--_scale-13);--size-14:var(--_scale-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;--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:#fff;--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:#fff;--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:#fff;--color-surface-subtle:var(--_hue-gray-50);--color-surface-muted:var(--_hue-gray-100);--color-surface-inverse:var(--_hue-gray-900);--color-on-surface:var(--_hue-gray-900);--color-on-surface-inverse:#fff;--color-text:var(--_hue-gray-900);--color-text-muted:var(--_hue-gray-600);--color-text-subtle:var(--_hue-gray-400);--color-text-inverse:#fff;--color-border:var(--_hue-gray-200);--color-border-strong:var(--_hue-gray-400);--color-border-subtle:var(--_hue-gray-100);--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:#fff;--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:#fff;--color-focus-ring:var(--_hue-blue-400)}@media (prefers-color-scheme:dark){:root{--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-subtle:var(--_hue-gray-900);--color-surface-muted:var(--_hue-gray-800);--color-surface-inverse:var(--_hue-gray-50);--color-on-surface:var(--_hue-gray-100);--color-on-surface-inverse:var(--_hue-gray-900);--color-text:var(--_hue-gray-100);--color-text-muted:var(--_hue-gray-400);--color-text-subtle:var(--_hue-gray-600);--color-text-inverse:var(--_hue-gray-900);--color-border:var(--_hue-gray-800);--color-border-strong:var(--_hue-gray-600);--color-border-subtle:var(--_hue-gray-900);--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-focus-ring:var(--_hue-blue-300)}}[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-subtle:var(--_hue-gray-900);--color-surface-muted:var(--_hue-gray-800);--color-surface-inverse:var(--_hue-gray-50);--color-on-surface:var(--_hue-gray-100);--color-on-surface-inverse:var(--_hue-gray-900);--color-text:var(--_hue-gray-100);--color-text-muted:var(--_hue-gray-400);--color-text-subtle:var(--_hue-gray-600);--color-text-inverse:var(--_hue-gray-900);--color-border:var(--_hue-gray-800);--color-border-strong:var(--_hue-gray-600);--color-border-subtle:var(--_hue-gray-900);--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-focus-ring:var(--_hue-blue-300)}[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:#fff;--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:#fff;--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:#fff;--color-surface-subtle:var(--_hue-gray-50);--color-surface-muted:var(--_hue-gray-100);--color-surface-inverse:var(--_hue-gray-900);--color-on-surface:var(--_hue-gray-900);--color-on-surface-inverse:#fff;--color-text:var(--_hue-gray-900);--color-text-muted:var(--_hue-gray-600);--color-text-subtle:var(--_hue-gray-400);--color-text-inverse:#fff;--color-border:var(--_hue-gray-200);--color-border-strong:var(--_hue-gray-400);--color-border-subtle:var(--_hue-gray-100);--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:#fff;--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:#fff;--color-focus-ring:var(--_hue-blue-400)}:root{--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;--border-width-0:0;--border-width-1:0.0625rem;--border-width-2:0.125rem;--border-width-3:0.25rem;--border-width-4:0.5rem;--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-display:var(--_font-scale-8);--font-size-xs:var(--_font-scale-1);--font-size-sm:var(--_font-scale-2);--font-size-md:var(--_font-scale-3);--font-size-lg:var(--_font-scale-4);--font-size-xl:var(--_font-scale-5);--font-size-2xl:var(--_font-scale-6);--font-size-3xl:var(--_font-scale-7);--font-size-4xl:var(--_font-scale-8);--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-overlay:300;--z-modal:400;--z-popover:500;--z-toast:600;--z-tooltip:700;--opacity-0:0;--opacity-10:0.1;--opacity-20:0.2;--opacity-25:0.25;--opacity-30:0.3;--opacity-40:0.4;--opacity-50:0.5;--opacity-60:0.6;--opacity-70:0.7;--opacity-75:0.75;--opacity-80:0.8;--opacity-90:0.9;--opacity-100:1;--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);--shadow-none:none;--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)}@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-"],[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{--icon-color:var(--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-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{--deco-color:var(--color-on-surface);--icon-color:var(--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-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-on-surface) 12%,transparent);--btn-color:color-mix(in srgb,var(--color-on-surface) 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-subtle);--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-on-surface) 12%,transparent);--btn-color:color-mix(in srgb,var(--color-on-surface) 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-on-surface) 12%,transparent);--btn-color:color-mix(in srgb,var(--color-on-surface) 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-on-surface) 38%,transparent);--btn-border-color:color-mix(in srgb,var(--color-on-surface) 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-on-surface) 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-on-surface)}.m3-btn.btn-color\:surface-subtle{--btn-accent:var(--color-surface-subtle);--btn-on-accent:var(--color-on-surface)}.m3-btn.btn-color\:surface-inverse{--btn-accent:var(--color-surface-inverse);--btn-on-accent:var(--color-on-surface-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:2rem;--btn-padding:0 1rem;--btn-font-size:0.75rem;--btn-icon-size:1rem}.m3-btn.btn-size\:2,.m3-btn.btn-size\:sm{--btn-height:2.5rem;--btn-padding:0 1.5rem;--btn-font-size:0.875rem}.m3-btn.btn-size\:3,.m3-btn.btn-size\:md{--btn-height:3rem;--btn-padding:0 1.75rem;--btn-font-size:1rem;--btn-font-weight:var(--font-weight-semibold)}.m3-btn.btn-size\:4,.m3-btn.btn-size\:lg{--btn-height:3.5rem;--btn-padding:0 2rem;--btn-font-size:1.125rem;--btn-font-weight:var(--font-weight-semibold)}.m3-btn.btn-size\:5,.m3-btn.btn-size\:xl{--btn-height:4rem;--btn-padding:0 2.5rem;--btn-font-size:1.25rem;--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-on-surface) 38%,transparent);--checkbox-cursor:not-allowed}.m3-checkbox input[type=checkbox]:disabled:after{--checkbox-check-background:color-mix(in srgb,var(--color-on-surface) 38%,transparent)}.m3-checkbox:has(input:disabled){--checkbox-label-color:color-mix(in srgb,var(--color-on-surface) 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-on-surface) 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-on-surface) 38%,transparent);--radio-box-shadow:none}.m3-radio input[type=radio]:disabled:after{--radio-dot-color:color-mix(in srgb,var(--color-on-surface) 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-subtle);--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-on-surface);--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-on-surface);--card-headline-margin:0;--card-subhead-size:0.875rem;--card-subhead-weight:500;--card-subhead-color:var(--color-text-muted);--card-subhead-margin:0.25rem 0 0;--card-supporting-size:0.875rem;--card-supporting-color:var(--color-text-muted);--card-supporting-line-height:1.25rem;--card-avatar-size:2.5rem;--card-avatar-radius:50%;--card-avatar-background:var(--color-primary-subtle);--card-avatar-color:var(--color-primary);--card-avatar-font-size:1rem;--card-avatar-font-weight:600;--card-media-height:auto;--card-media-object-fit:cover;--card-media-width:auto;--card-actions-gap:0.5rem;--card-actions-padding:0 var(--card-padding-x) var(--card-padding-y);--card-state-layer-color:var(--color-on-surface);--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-subtle);--card-box-shadow:var(--shadow-sm);--card-elevation-hover:var(--shadow-sm)}.m3-card.card\:filled{--card-background:var(--color-surface-muted);--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-on-surface)}.m3-card.card\:outlined.card-state\:disabled{--card-border:var(--border-width-1) solid color-mix(in srgb,var(--color-border) 38%,transparent)}.m3-card.card-hover\:enabled{--card-state-hover-opacity:0.08;--card-state-focus-opacity:0.12;--card-state-pressed-opacity:0.12;--card-elevation-hover:var(--shadow-md);--card-cursor:pointer}.m3-card.card\:filled.card-hover\:enabled,.m3-card.card\:outlined.card-hover\:enabled{--card-elevation-hover:var(--shadow-sm)}.m3-card.card-clickable,.m3-card[onclick],a.m3-card{--card-state-hover-opacity:0.08;--card-state-focus-opacity:0.12;--card-state-pressed-opacity:0.12;--card-elevation-hover:var(--shadow-md);--card-cursor:pointer;--card-text-decoration:none;--card-color:inherit}.m3-card .card-media{flex-shrink:0;overflow:var(--card-overflow);width:var(--card-media-width)}.m3-card .card-media:first-child{border-radius:var(--card-border-radius) var(--card-border-radius) 0 0}.m3-card .card-media:last-child{border-radius:0 0 var(--card-border-radius) var(--card-border-radius)}.m3-card .card-media img,.m3-card .card-media video{display:block;height:var(--card-media-height);object-fit:var(--card-media-object-fit);width:100%}.m3-card .card-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-subtle);--card-box-shadow:var(--shadow-sm)}.m3-card.sm\:card\:filled{--card-background:var(--color-surface-muted);--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-subtle);--card-box-shadow:var(--shadow-sm)}.m3-card.md\:card\:filled{--card-background:var(--color-surface-muted);--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-subtle);--card-box-shadow:var(--shadow-sm)}.m3-card.lg\:card\:filled{--card-background:var(--color-surface-muted);--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-muted);--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:rgba(0,0,0,.32);--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-muted);--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-on-surface);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-on-surface) 12%,transparent);--switch-track-border:0.125rem solid color-mix(in srgb,var(--color-on-surface) 12%,transparent);--switch-cursor:not-allowed}.m3-switch input[type=checkbox]:disabled:after{--switch-handle-color:color-mix(in srgb,var(--color-on-surface) 38%,transparent)}.m3-switch input[type=checkbox]:disabled:checked{--switch-track-color:color-mix(in srgb,var(--color-on-surface) 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-on-surface) 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-on-surface) 12%,transparent);--switch-cursor:not-allowed}.m3-text-field{--field-background:var(--color-surface-muted);--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-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-on-surface);--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-on-surface);--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-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 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 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);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-on-surface)}.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 textarea{--field-color:color-mix(in srgb,var(--color-on-surface) 38%,transparent)}.m3-text-field .field-supporting{color:var(--field-supporting-color);font-size:var(--field-supporting-size);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-muted);--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:0.5rem;--field-padding-bottom:0.5rem;--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-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}.m3-text-field.field-label\:bottom input:focus,.m3-text-field.field-label\:bottom textarea:focus,.m3-text-field.field-label\:left input:focus,.m3-text-field.field-label\:left textarea:focus,.m3-text-field.field-label\:right input:focus,.m3-text-field.field-label\:right textarea:focus,.m3-text-field.field-label\:top input: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-on-surface) 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-on-surface);--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-on-surface) calc(var(--list-state-hover-opacity)*100%),transparent),color-mix(in srgb,var(--color-on-surface) 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-on-surface) 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-on-surface);--bar-position:sticky;--bar-top:0;--bar-z-index:var(--z-sticky);--bar-title-size:1.375rem;--bar-title-weight:400;--bar-title-color:var(--color-on-surface);--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-on-surface);--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,.m3-top-app-bar .bar-trailing button{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:hover,.m3-top-app-bar .bar-trailing button: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\: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-on-surface)}.m3-top-app-bar.bar-color\:surface-subtle{--bar-background:var(--color-surface-subtle)}.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-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-on-surface-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-on-surface);--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-on-surface) 38%,transparent);--chip-border:0.0625rem solid color-mix(in srgb,var(--color-on-surface) 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-subtle);--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;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-subtle);--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-on-surface) 12%,transparent);--fab-color:color-mix(in srgb,var(--color-on-surface) 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-subtle);--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-on-surface);--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-on-surface);--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-on-surface) 38%,transparent);--icon-btn-box-shadow:none;--icon-btn-border-color:color-mix(in srgb,var(--color-on-surface) 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-on-surface) 12%,transparent);--icon-btn-color:color-mix(in srgb,var(--color-on-surface) 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-on-surface) 12%,transparent);--icon-btn-color:color-mix(in srgb,var(--color-on-surface) 38%,transparent)}}.m3-icon-btn.icon-btn\:outlined{--icon-btn-background:transparent;--icon-btn-color:var(--color-on-surface);--icon-btn-border-width:0.0625rem;--icon-btn-border-color:var(--color-border);--icon-btn-state-layer-color:var(--color-on-surface);&.icon-btn-state\:disabled,&:disabled{--icon-btn-background:transparent;--icon-btn-color:color-mix(in srgb,var(--color-on-surface) 38%,transparent);--icon-btn-border-color:color-mix(in srgb,var(--color-on-surface) 12%,transparent)}}.m3-icon-btn.icon-btn-toggle\:unselected{--icon-btn-background:transparent;--icon-btn-color:var(--color-on-surface);--icon-btn-state-layer-color:var(--color-on-surface)}.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-muted);--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-muted);--icon-btn-color:var(--color-on-surface);--icon-btn-state-layer-color:var(--color-on-surface)}.m3-icon-btn.icon-btn\:outlined.icon-btn-toggle\:selected{--icon-btn-background:var(--color-surface-inverse);--icon-btn-color:var(--color-on-surface-inverse);--icon-btn-border-width:0;--icon-btn-state-layer-color:var(--color-on-surface-inverse)}.m3-icon-btn.icon-btn\:outlined.icon-btn-toggle\:unselected{--icon-btn-background:transparent;--icon-btn-color:var(--color-on-surface);--icon-btn-border-width:0.0625rem;--icon-btn-border-color:var(--color-border);--icon-btn-state-layer-color:var(--color-on-surface)}.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-on-surface);--menu-item-height:3rem;--menu-item-padding:0 0.75rem;--menu-item-color:var(--color-on-surface);--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-on-surface);--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-on-surface);--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-on-surface);--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-on-surface-inverse);--tooltip-border-radius:var(--radius-sm);--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-muted);--tooltip-rich-color:var(--color-on-surface);--tooltip-rich-border-radius:var(--radius-md);--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-on-surface);--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-on-surface) 12%,transparent);--slider-disabled-active-color:color-mix(in srgb,var(--color-on-surface) 38%,transparent);--slider-disabled-handle-color:color-mix(in srgb,var(--color-on-surface) 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-on-surface);--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-on-surface);--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:rgba(0,0,0,.32);--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-on-surface);--nav-bar-position:fixed;--nav-bar-bottom:0;--nav-bar-left:0;--nav-bar-right:0;--nav-bar-z-index:var(--z-fixed);--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\:elevated{--nav-bar-border-top:none;--nav-bar-box-shadow:var(--shadow-md)}.m3-nav-bar.nav-bar-color\:surface-subtle{--nav-bar-background:var(--color-surface-subtle)}.m3-nav-bar.nav-bar-color\:surface-muted{--nav-bar-background:var(--color-surface-muted)}.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-on-surface);--rail-position:fixed;--rail-top:0;--rail-left:0;--rail-bottom:0;--rail-z-index:var(--z-fixed);--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\: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-subtle{--rail-background:var(--color-surface-subtle)}.m3-nav-rail.rail-color\:surface-muted{--rail-background:var(--color-surface-muted)}.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-on-surface);--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-on-surface);--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:rgba(0,0,0,.32);--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-on-surface);--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-muted);--form-message-color:var(--color-on-surface);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}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+// CSS 파일 import
+import "./dist/index.css";

package/dist/index.js

@@ -0,0 +1,3 @@
+var undefined$1 = undefined;
+
+export { undefined$1 as default };

package/dist/js/n-bar.js

@@ -0,0 +1 @@
+function t(){}export{t as default};

package/dist/js/n-layout.js

@@ -0,0 +1 @@
+class t{constructor(){this.isResizing=!1,this.startX=0,this.startWidth=0,this.currentAside=null,this.minWidth=200,this.maxWidth=600,this.init()}init(){"loading"===document.readyState?document.addEventListener("DOMContentLoaded",()=>this.bindEvents()):this.bindEvents()}bindEvents(){document.addEventListener("mousedown",this.handleMouseDown.bind(this)),document.addEventListener("mousemove",this.handleMouseMove.bind(this)),document.addEventListener("mouseup",this.handleMouseUp.bind(this)),document.addEventListener("touchstart",this.handleTouchStart.bind(this)),document.addEventListener("touchmove",this.handleTouchMove.bind(this)),document.addEventListener("touchend",this.handleTouchEnd.bind(this)),document.addEventListener("keydown",this.handleKeyDown.bind(this)),document.addEventListener("mousemove",this.handleHover.bind(this))}handleMouseDown(t){const e=this.findResizableAside(t.target);e&&this.isInResizeArea(t,e)&&this.startResize(t.clientX,e)}handleMouseMove(t){this.isResizing&&this.updateResize(t.clientX)}handleHover(t){if(this.isResizing)return;const e=this.findResizableAside(t.target);e&&this.isInResizeArea(t,e)?document.body.style.cursor="ew-resize":"ew-resize"===document.body.style.cursor&&(document.body.style.cursor="")}handleMouseUp(){this.stopResize()}handleTouchStart(t){const e=this.findResizableAside(t.target);e&&this.isInResizeArea(t.touches[0],e)&&(t.preventDefault(),this.startResize(t.touches[0].clientX,e))}handleTouchMove(t){this.isResizing&&(t.preventDefault(),this.updateResize(t.touches[0].clientX))}handleTouchEnd(){this.stopResize()}handleKeyDown(t){"Escape"===t.key&&this.isResizing&&this.stopResize()}findResizableAside(t){const e=t.closest("aside, .n-aside");if(!e)return null;const s=e.closest(".n-layout");return s&&s.classList.contains("layout-aside-width:resizable")?(s.classList.contains("layout-aside-width:responsive")&&s.classList.remove("layout-aside-width:responsive"),e):null}isInResizeArea(t,e){const s=e.getBoundingClientRect(),i=e.closest(".n-layout");if(i&&i.classList.contains("layout-aside-pos:right")){return t.clientX-s.left<=8}return s.right-t.clientX<=8}startResize(t,e){this.isResizing=!0,this.currentAside=e,this.startX=t,this.startWidth=e.offsetWidth,e.classList.add("resizing"),document.body.style.cursor="ew-resize",document.body.style.userSelect="none"}updateResize(t){if(!this.isResizing||!this.currentAside)return;const e=t-this.startX;let s=this.startWidth+e;const i=this.currentAside.closest(".n-layout");i&&i.classList.contains("layout-aside-pos:right")&&(s=this.startWidth-e),s=Math.max(this.minWidth,Math.min(this.maxWidth,s)),this.currentAside.style.width=`${s}px`,i&&i.style.setProperty("--aside-width",`${s}px`),this.preventHorizontalScroll()}preventHorizontalScroll(){const t=this.currentAside?.closest(".n-layout");if(t){const e=window.innerWidth;if(t.scrollWidth>e){const t=e-100;this.currentAside.offsetWidth>t&&(this.currentAside.style.width=`${t}px`)}}}stopResize(){this.isResizing&&(this.currentAside&&this.currentAside.classList.remove("resizing"),this.isResizing=!1,this.currentAside=null,this.startX=0,this.startWidth=0,document.body.style.cursor="",document.body.style.userSelect="")}}new t,window.NLayoutResizer=t;

package/index.d.ts

@@ -0,0 +1,2 @@
+// CSS 파일 import
+import "./dist/index.css";

package/index.js

@@ -0,0 +1,3 @@
+// CSS auto-import
+// dist/index.css는 design-tokens, reset, fonts, 모든 컴포넌트를 포함합니다
+import "./dist/index.css";

package/package.json

@@ -0,0 +1,71 @@
+{
+	"name": "@newtil/materials",
+	"version": "0.2.0",
+	"description": "Material Design 3 구현 CSS 라이브러리 — m3- prefix 기반 컴포넌트 (버튼, 카드, 다이얼로그, 네비 등). @newtil/design-tokens 위에 동작.",
+	"publishConfig": {
+		"access": "public"
+	},
+	"main": "./dist/index.js",
+	"module": "./dist/index.js",
+	"types": "./dist/index.d.ts",
+	"style": "./dist/index.css",
+	"type": "module",
+	"exports": {
+		".": {
+			"import": "./dist/index.js",
+			"require": "./dist/index.js",
+			"default": "./dist/index.js",
+			"types": "./dist/index.d.ts"
+		},
+		"./index.css": {
+			"default": "./dist/index.css"
+		},
+		"./package.json": "./package.json"
+	},
+	"keywords": [
+		"css",
+		"material design",
+		"material 3",
+		"m3",
+		"ui components",
+		"design system"
+	],
+	"author": "lectureteam",
+	"license": "MIT",
+	"scripts": {
+		"build": "rm -rf ./dist && rollup -c",
+		"deploy": "npm run build && npm publish",
+		"prepublishOnly": "npm run build",
+		"docs:dev": "vitepress dev docs --host",
+		"docs:build": "vitepress build docs",
+		"docs:preview": "vitepress preview docs"
+	},
+	"dependencies": {
+		"@newtil/design-tokens": "^0.1.0"
+	},
+	"devDependencies": {
+		"vitepress": "^1.6.4",
+		"@rollup/plugin-terser": "^0.4.4",
+		"postcss": "^8.4.33",
+		"postcss-import": "^16.1.0",
+		"postcss-url": "^10.1.3",
+		"rollup": "^4.52.5",
+		"rollup-plugin-copy": "^3.5.0",
+		"rollup-plugin-postcss": "^4.0.2"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/newlecture-corp/newtil-materials.git"
+	},
+	"bugs": {
+		"url": "https://github.com/newlecture-corp/newtil-materials/issues"
+	},
+	"homepage": "https://github.com/newlecture-corp/newtil-materials#readme",
+	"files": [
+		"dist",
+		"index.js",
+		"index.d.ts",
+		"README.md",
+		"LICENSE"
+	]
+}