microui-wc 0.1.0 → 0.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/demo/shell.html +4 -4
- package/dist/AGENTS.md +55 -55
- package/dist/README.md +7 -7
- package/dist/components.css +1 -1
- package/dist/microui.css +1 -1
- package/dist/styles/components/switch.css +1 -1
- package/package.json +2 -2
- package/src/styles/components/switch.css +7 -8
- package/src/styles/components.css +6 -6
package/dist/microui.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--md-ref-palette-primary0:#000000;--md-ref-palette-primary10:#21005D;--md-ref-palette-primary20:#381E72;--md-ref-palette-primary30:#4F378B;--md-ref-palette-primary40:#6750A4;--md-ref-palette-primary50:#7F67BE;--md-ref-palette-primary60:#9A82DB;--md-ref-palette-primary70:#B69DF8;--md-ref-palette-primary80:#D0BCFF;--md-ref-palette-primary90:#EADDFF;--md-ref-palette-primary95:#F6EDFF;--md-ref-palette-primary99:#FFFBFE;--md-ref-palette-primary100:#FFFFFF;--md-ref-palette-secondary0:#000000;--md-ref-palette-secondary10:#1D192B;--md-ref-palette-secondary20:#332D41;--md-ref-palette-secondary30:#4A4458;--md-ref-palette-secondary40:#625B71;--md-ref-palette-secondary50:#7A7289;--md-ref-palette-secondary60:#958DA5;--md-ref-palette-secondary70:#B0A7C0;--md-ref-palette-secondary80:#CCC2DC;--md-ref-palette-secondary90:#E8DEF8;--md-ref-palette-secondary95:#F6EDFF;--md-ref-palette-secondary99:#FFFBFE;--md-ref-palette-secondary100:#FFFFFF;--md-ref-palette-tertiary0:#000000;--md-ref-palette-tertiary10:#31111D;--md-ref-palette-tertiary20:#492532;--md-ref-palette-tertiary30:#633B48;--md-ref-palette-tertiary40:#7D5260;--md-ref-palette-tertiary50:#986977;--md-ref-palette-tertiary60:#B58392;--md-ref-palette-tertiary70:#D29DAC;--md-ref-palette-tertiary80:#EFB8C8;--md-ref-palette-tertiary90:#FFD8E4;--md-ref-palette-tertiary95:#FFECF1;--md-ref-palette-tertiary99:#FFFBFA;--md-ref-palette-tertiary100:#FFFFFF;--md-ref-palette-error0:#000000;--md-ref-palette-error10:#410E0B;--md-ref-palette-error20:#601410;--md-ref-palette-error30:#8C1D18;--md-ref-palette-error40:#B3261E;--md-ref-palette-error50:#DC362E;--md-ref-palette-error60:#E46962;--md-ref-palette-error70:#EC928E;--md-ref-palette-error80:#F2B8B5;--md-ref-palette-error90:#F9DEDC;--md-ref-palette-error95:#FCEEEE;--md-ref-palette-error99:#FFFBF9;--md-ref-palette-error100:#FFFFFF;--md-ref-palette-neutral0:#000000;--md-ref-palette-neutral10:#1D1B20;--md-ref-palette-neutral20:#322F35;--md-ref-palette-neutral30:#48464C;--md-ref-palette-neutral40:#605D64;--md-ref-palette-neutral50:#79767D;--md-ref-palette-neutral60:#938F96;--md-ref-palette-neutral70:#AEA9B1;--md-ref-palette-neutral80:#CAC5CD;--md-ref-palette-neutral90:#E6E0E9;--md-ref-palette-neutral95:#F5EFF7;--md-ref-palette-neutral99:#FFFBFE;--md-ref-palette-neutral100:#FFFFFF;--md-ref-palette-neutral-variant0:#000000;--md-ref-palette-neutral-variant10:#1D1A22;--md-ref-palette-neutral-variant20:#322F37;--md-ref-palette-neutral-variant30:#49454F;--md-ref-palette-neutral-variant40:#605D66;--md-ref-palette-neutral-variant50:#79747E;--md-ref-palette-neutral-variant60:#938F99;--md-ref-palette-neutral-variant70:#AEA9B4;--md-ref-palette-neutral-variant80:#CAC4D0;--md-ref-palette-neutral-variant90:#E7E0EC;--md-ref-palette-neutral-variant95:#F5EEFA;--md-ref-palette-neutral-variant99:#FFFBFE;--md-ref-palette-neutral-variant100:#FFFFFF;--md-sys-color-primary:var(--md-ref-palette-primary40);--md-sys-color-on-primary:var(--md-ref-palette-primary100);--md-sys-color-primary-container:var(--md-ref-palette-primary90);--md-sys-color-on-primary-container:var(--md-ref-palette-primary10);--md-sys-color-secondary:var(--md-ref-palette-secondary40);--md-sys-color-on-secondary:var(--md-ref-palette-secondary100);--md-sys-color-secondary-container:var(--md-ref-palette-secondary90);--md-sys-color-on-secondary-container:var(--md-ref-palette-secondary10);--md-sys-color-tertiary:var(--md-ref-palette-tertiary40);--md-sys-color-on-tertiary:var(--md-ref-palette-tertiary100);--md-sys-color-tertiary-container:var(--md-ref-palette-tertiary90);--md-sys-color-on-tertiary-container:var(--md-ref-palette-tertiary10);--md-sys-color-error:var(--md-ref-palette-error40);--md-sys-color-on-error:var(--md-ref-palette-error100);--md-sys-color-error-container:var(--md-ref-palette-error90);--md-sys-color-on-error-container:var(--md-ref-palette-error10);--md-sys-color-surface:var(--md-ref-palette-neutral99);--md-sys-color-on-surface:var(--md-ref-palette-neutral10);--md-sys-color-surface-variant:var(--md-ref-palette-neutral-variant90);--md-sys-color-on-surface-variant:var(--md-ref-palette-neutral-variant30);--md-sys-color-surface-container-lowest:var(--md-ref-palette-neutral100);--md-sys-color-surface-container-low:var(--md-ref-palette-neutral96,#F7F2FA);--md-sys-color-surface-container:var(--md-ref-palette-neutral94,#F3EDF7);--md-sys-color-surface-container-high:var(--md-ref-palette-neutral92,#ECE6F0);--md-sys-color-surface-container-highest:var(--md-ref-palette-neutral90);--md-sys-color-outline:var(--md-ref-palette-neutral-variant50);--md-sys-color-outline-variant:var(--md-ref-palette-neutral-variant80);--md-sys-color-background:var(--md-ref-palette-neutral99);--md-sys-color-on-background:var(--md-ref-palette-neutral10);--md-sys-color-inverse-surface:var(--md-ref-palette-neutral20);--md-sys-color-inverse-on-surface:var(--md-ref-palette-neutral95);--md-sys-color-inverse-primary:var(--md-ref-palette-primary80);--md-sys-color-scrim:var(--md-ref-palette-neutral0);--md-sys-color-shadow:var(--md-ref-palette-neutral0);--md-sys-color-warning:#E65100;--md-sys-color-on-warning:#FFFFFF;--md-sys-color-warning-container:#FFE0B2;--md-sys-color-on-warning-container:#5D4037;--md-sys-color-success:#2E7D32;--md-sys-color-on-success:#FFFFFF;--md-sys-color-success-container:#C8E6C9;--md-sys-color-on-success-container:#1B5E20;--mu-color-primary:var(--md-sys-color-primary);--mu-color-primary-light:var(--md-sys-color-primary-container);--mu-color-primary-dark:var(--md-ref-palette-primary30);--mu-color-secondary:var(--md-sys-color-secondary);--mu-color-error:var(--md-sys-color-error);--mu-color-success:#1B5E20;--mu-color-warning:#E65100;--mu-color-info:#01579B;--mu-surface-background:var(--md-sys-color-background);--mu-surface-foreground:var(--md-sys-color-on-background);--mu-surface-card:var(--md-sys-color-surface-container-low);--mu-surface-elevated:var(--md-sys-color-surface-container);--mu-surface-muted:var(--md-sys-color-surface-variant);--mu-surface-border:var(--md-sys-color-outline-variant);--md-sys-typescale-font:'Roboto',system-ui,-apple-system,sans-serif;--md-sys-typescale-display-large-size:57px;--md-sys-typescale-display-large-line-height:64px;--md-sys-typescale-display-large-weight:400;--md-sys-typescale-display-medium-size:45px;--md-sys-typescale-display-medium-line-height:52px;--md-sys-typescale-display-small-size:36px;--md-sys-typescale-display-small-line-height:44px;--md-sys-typescale-headline-large-size:32px;--md-sys-typescale-headline-large-line-height:40px;--md-sys-typescale-headline-medium-size:28px;--md-sys-typescale-headline-medium-line-height:36px;--md-sys-typescale-headline-small-size:24px;--md-sys-typescale-headline-small-line-height:32px;--md-sys-typescale-title-large-size:22px;--md-sys-typescale-title-large-line-height:28px;--md-sys-typescale-title-large-weight:400;--md-sys-typescale-title-medium-size:16px;--md-sys-typescale-title-medium-line-height:24px;--md-sys-typescale-title-medium-weight:500;--md-sys-typescale-title-small-size:14px;--md-sys-typescale-title-small-line-height:20px;--md-sys-typescale-title-small-weight:500;--md-sys-typescale-body-large-size:16px;--md-sys-typescale-body-large-line-height:24px;--md-sys-typescale-body-medium-size:14px;--md-sys-typescale-body-medium-line-height:20px;--md-sys-typescale-body-small-size:12px;--md-sys-typescale-body-small-line-height:16px;--md-sys-typescale-label-large-size:14px;--md-sys-typescale-label-large-line-height:20px;--md-sys-typescale-label-large-weight:500;--md-sys-typescale-label-medium-size:12px;--md-sys-typescale-label-medium-line-height:16px;--md-sys-typescale-label-medium-weight:500;--md-sys-typescale-label-small-size:11px;--md-sys-typescale-label-small-line-height:16px;--md-sys-typescale-label-small-weight:500;--mu-font-sans:var(--md-sys-typescale-font);--mu-font-size-xs:11px;--mu-font-size-sm:12px;--mu-font-size-base:14px;--mu-font-size-lg:16px;--mu-font-size-xl:22px;--mu-font-weight-normal:400;--mu-font-weight-medium:500;--mu-font-weight-bold:700;--md-sys-shape-corner-none:0;--md-sys-shape-corner-extra-small:4px;--md-sys-shape-corner-small:8px;--md-sys-shape-corner-medium:12px;--md-sys-shape-corner-large:16px;--md-sys-shape-corner-extra-large:28px;--md-sys-shape-corner-full:9999px;--mu-radius-none:var(--md-sys-shape-corner-none);--mu-radius-sm:var(--md-sys-shape-corner-extra-small);--mu-radius-md:var(--md-sys-shape-corner-small);--mu-radius-lg:var(--md-sys-shape-corner-medium);--mu-radius-xl:var(--md-sys-shape-corner-large);--mu-radius-2xl:var(--md-sys-shape-corner-extra-large);--mu-radius-full:var(--md-sys-shape-corner-full);--md-sys-state-hover-opacity:0.08;--md-sys-state-focus-opacity:0.10;--md-sys-state-pressed-opacity:0.10;--md-sys-state-dragged-opacity:0.16;--md-sys-elevation-level0:none;--md-sys-elevation-level1:0 1px 2px 0 rgba(0,0,0,0.3),0 1px 3px 1px rgba(0,0,0,0.15);--md-sys-elevation-level2:0 1px 2px 0 rgba(0,0,0,0.3),0 2px 6px 2px rgba(0,0,0,0.15);--md-sys-elevation-level3:0 1px 3px 0 rgba(0,0,0,0.3),0 4px 8px 3px rgba(0,0,0,0.15);--md-sys-elevation-level4:0 2px 3px 0 rgba(0,0,0,0.3),0 6px 10px 4px rgba(0,0,0,0.15);--md-sys-elevation-level5:0 4px 4px 0 rgba(0,0,0,0.3),0 8px 12px 6px rgba(0,0,0,0.15);--mu-shadow-none:var(--md-sys-elevation-level0);--mu-shadow-sm:var(--md-sys-elevation-level1);--mu-shadow-md:var(--md-sys-elevation-level2);--mu-shadow-lg:var(--md-sys-elevation-level3);--mu-shadow-xl:var(--md-sys-elevation-level4);--mu-shadow-2xl:var(--md-sys-elevation-level5);--mu-spacing-0:0;--mu-spacing-1:4px;--mu-spacing-2:8px;--mu-spacing-3:12px;--mu-spacing-4:16px;--mu-spacing-5:20px;--mu-spacing-6:24px;--mu-spacing-8:32px;--mu-spacing-10:40px;--mu-spacing-12:48px;--mu-spacing-16:64px;--mu-z-base:0;--mu-z-dropdown:100;--mu-z-sticky:200;--mu-z-fixed:300;--mu-z-backdrop:400;--mu-z-modal:500;--mu-z-popover:600;--mu-z-tooltip:700;--mu-z-toast:800;--md-sys-motion-duration-short1:50ms;--md-sys-motion-duration-short2:100ms;--md-sys-motion-duration-short3:150ms;--md-sys-motion-duration-short4:200ms;--md-sys-motion-duration-medium1:250ms;--md-sys-motion-duration-medium2:300ms;--md-sys-motion-duration-medium3:350ms;--md-sys-motion-duration-medium4:400ms;--md-sys-motion-duration-long1:450ms;--md-sys-motion-duration-long2:500ms;--md-sys-motion-duration-long3:550ms;--md-sys-motion-duration-long4:600ms;--md-sys-motion-duration-extra-long1:700ms;--md-sys-motion-duration-extra-long2:800ms;--md-sys-motion-duration-extra-long3:900ms;--md-sys-motion-duration-extra-long4:1000ms;--md-sys-motion-easing-standard:cubic-bezier(0.2,0,0,1);--md-sys-motion-easing-standard-decelerate:cubic-bezier(0,0,0,1);--md-sys-motion-easing-standard-accelerate:cubic-bezier(0.3,0,1,1);--md-sys-motion-easing-emphasized:cubic-bezier(0.2,0,0,1);--md-sys-motion-easing-emphasized-decelerate:cubic-bezier(0.05,0.7,0.1,1);--md-sys-motion-easing-emphasized-accelerate:cubic-bezier(0.3,0,0.8,0.15);--mu-duration-fast:var(--md-sys-motion-duration-short2);--mu-duration-normal:var(--md-sys-motion-duration-short4);--mu-duration-slow:var(--md-sys-motion-duration-medium2);--mu-ease-in-out:var(--md-sys-motion-easing-standard);--mu-breakpoint-compact:600px;--mu-breakpoint-medium:840px;--mu-breakpoint-expanded:1200px;--mu-breakpoint-large:1600px;--mu-drawer-rail-width:80px;--mu-drawer-expanded-width:360px;--mu-drawer-standard-width:256px;--mu-bottom-nav-height:80px;--mu-z-drawer:250;--mu-z-drawer-scrim:240;--mu-z-bottom-nav:150}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--md-sys-color-primary:var(--md-ref-palette-primary80);--md-sys-color-on-primary:var(--md-ref-palette-primary20);--md-sys-color-primary-container:var(--md-ref-palette-primary30);--md-sys-color-on-primary-container:var(--md-ref-palette-primary90);--md-sys-color-secondary:var(--md-ref-palette-secondary80);--md-sys-color-on-secondary:var(--md-ref-palette-secondary20);--md-sys-color-secondary-container:var(--md-ref-palette-secondary30);--md-sys-color-on-secondary-container:var(--md-ref-palette-secondary90);--md-sys-color-tertiary:var(--md-ref-palette-tertiary80);--md-sys-color-on-tertiary:var(--md-ref-palette-tertiary20);--md-sys-color-tertiary-container:var(--md-ref-palette-tertiary30);--md-sys-color-on-tertiary-container:var(--md-ref-palette-tertiary90);--md-sys-color-error:var(--md-ref-palette-error80);--md-sys-color-on-error:var(--md-ref-palette-error20);--md-sys-color-error-container:var(--md-ref-palette-error30);--md-sys-color-on-error-container:var(--md-ref-palette-error90);--md-sys-color-surface:var(--md-ref-palette-neutral10);--md-sys-color-on-surface:var(--md-ref-palette-neutral90);--md-sys-color-surface-variant:var(--md-ref-palette-neutral-variant30);--md-sys-color-on-surface-variant:var(--md-ref-palette-neutral-variant80);--md-sys-color-surface-container-lowest:#0F0D13;--md-sys-color-surface-container-low:var(--md-ref-palette-neutral10);--md-sys-color-surface-container:#211F26;--md-sys-color-surface-container-high:#2B2930;--md-sys-color-surface-container-highest:#36343B;--md-sys-color-outline:var(--md-ref-palette-neutral-variant60);--md-sys-color-outline-variant:var(--md-ref-palette-neutral-variant30);--md-sys-color-background:var(--md-ref-palette-neutral10);--md-sys-color-on-background:var(--md-ref-palette-neutral90);--md-sys-color-inverse-surface:var(--md-ref-palette-neutral90);--md-sys-color-inverse-on-surface:var(--md-ref-palette-neutral20);--md-sys-color-inverse-primary:var(--md-ref-palette-primary40);--mu-color-primary:var(--md-sys-color-primary);--mu-color-primary-light:var(--md-sys-color-primary-container);--mu-surface-background:var(--md-sys-color-background);--mu-surface-foreground:var(--md-sys-color-on-background);--mu-surface-card:var(--md-sys-color-surface-container-low);--mu-surface-elevated:var(--md-sys-color-surface-container);--mu-surface-muted:var(--md-sys-color-surface-variant);--mu-surface-border:var(--md-sys-color-outline-variant)}}[data-theme="dark"]{--md-sys-color-primary:var(--md-ref-palette-primary80);--md-sys-color-on-primary:var(--md-ref-palette-primary20);--md-sys-color-primary-container:var(--md-ref-palette-primary30);--md-sys-color-on-primary-container:var(--md-ref-palette-primary90);--md-sys-color-secondary:var(--md-ref-palette-secondary80);--md-sys-color-on-secondary:var(--md-ref-palette-secondary20);--md-sys-color-secondary-container:var(--md-ref-palette-secondary30);--md-sys-color-on-secondary-container:var(--md-ref-palette-secondary90);--md-sys-color-tertiary:var(--md-ref-palette-tertiary80);--md-sys-color-on-tertiary:var(--md-ref-palette-tertiary20);--md-sys-color-tertiary-container:var(--md-ref-palette-tertiary30);--md-sys-color-on-tertiary-container:var(--md-ref-palette-tertiary90);--md-sys-color-error:var(--md-ref-palette-error80);--md-sys-color-on-error:var(--md-ref-palette-error20);--md-sys-color-error-container:var(--md-ref-palette-error30);--md-sys-color-on-error-container:var(--md-ref-palette-error90);--md-sys-color-surface:var(--md-ref-palette-neutral10);--md-sys-color-on-surface:var(--md-ref-palette-neutral90);--md-sys-color-surface-variant:var(--md-ref-palette-neutral-variant30);--md-sys-color-on-surface-variant:var(--md-ref-palette-neutral-variant80);--md-sys-color-surface-container-lowest:#0F0D13;--md-sys-color-surface-container-low:var(--md-ref-palette-neutral10);--md-sys-color-surface-container:#211F26;--md-sys-color-surface-container-high:#2B2930;--md-sys-color-surface-container-highest:#36343B;--md-sys-color-outline:var(--md-ref-palette-neutral-variant60);--md-sys-color-outline-variant:var(--md-ref-palette-neutral-variant30);--md-sys-color-background:var(--md-ref-palette-neutral10);--md-sys-color-on-background:var(--md-ref-palette-neutral90);--md-sys-color-inverse-surface:var(--md-ref-palette-neutral90);--md-sys-color-inverse-on-surface:var(--md-ref-palette-neutral20);--md-sys-color-inverse-primary:var(--md-ref-palette-primary40);--mu-color-primary:var(--md-sys-color-primary);--mu-color-primary-light:var(--md-sys-color-primary-container);--mu-surface-background:var(--md-sys-color-background);--mu-surface-foreground:var(--md-sys-color-on-background);--mu-surface-card:var(--md-sys-color-surface-container-low);--mu-surface-elevated:var(--md-sys-color-surface-container);--mu-surface-muted:var(--md-sys-color-surface-variant);--mu-surface-border:var(--md-sys-color-outline-variant)}[data-theme="light"]{--md-sys-color-primary:var(--md-ref-palette-primary40);--md-sys-color-on-primary:var(--md-ref-palette-primary100);--md-sys-color-primary-container:var(--md-ref-palette-primary90);--md-sys-color-on-primary-container:var(--md-ref-palette-primary10);--md-sys-color-surface:var(--md-ref-palette-neutral99);--md-sys-color-on-surface:var(--md-ref-palette-neutral10);--md-sys-color-background:var(--md-ref-palette-neutral99);--md-sys-color-on-background:var(--md-ref-palette-neutral10)}.mu-text-primary{color:var(--md-sys-color-on-surface)}.mu-text-secondary{color:var(--md-sys-color-on-surface-variant)}.mu-text-disabled{color:color-mix(in srgb,var(--md-sys-color-on-surface) 38%,transparent)}.mu-text-error{color:var(--md-sys-color-error)}.mu-text-success{color:var(--md-sys-color-success)}.mu-text-warning{color:var(--md-sys-color-warning)}.mu-text-display-large{font-size:var(--md-sys-typescale-display-large-size);line-height:var(--md-sys-typescale-display-large-line-height)}.mu-text-display-medium{font-size:var(--md-sys-typescale-display-medium-size);line-height:var(--md-sys-typescale-display-medium-line-height)}.mu-text-display-small{font-size:var(--md-sys-typescale-display-small-size);line-height:var(--md-sys-typescale-display-small-line-height)}.mu-text-headline-large{font-size:var(--md-sys-typescale-headline-large-size);line-height:var(--md-sys-typescale-headline-large-line-height)}.mu-text-headline-medium{font-size:var(--md-sys-typescale-headline-medium-size);line-height:var(--md-sys-typescale-headline-medium-line-height)}.mu-text-headline-small{font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--md-sys-typescale-headline-small-line-height)}.mu-text-title-large{font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height);font-weight:var(--md-sys-typescale-title-large-weight)}.mu-text-title-medium{font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height);font-weight:var(--md-sys-typescale-title-medium-weight)}.mu-text-title-small{font-size:var(--md-sys-typescale-title-small-size);line-height:var(--md-sys-typescale-title-small-line-height);font-weight:var(--md-sys-typescale-title-small-weight)}.mu-text-body-large{font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height)}.mu-text-body-medium{font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height)}.mu-text-body-small{font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height)}.mu-text-label-large{font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);font-weight:var(--md-sys-typescale-label-large-weight)}.mu-text-label-medium{font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height);font-weight:var(--md-sys-typescale-label-medium-weight)}.mu-text-label-small{font-size:var(--md-sys-typescale-label-small-size);line-height:var(--md-sys-typescale-label-small-line-height);font-weight:var(--md-sys-typescale-label-small-weight)}*,*::before,*::after{box-sizing:border-box}.mu-state-layer{position:relative;overflow:hidden}.mu-state-layer::before{content:'';position:absolute;inset:0;border-radius:inherit;opacity:0;transition:opacity var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);pointer-events:none}.mu-state-layer--surface::before,.mu-state-layer:not([class*="mu-state-layer--"])::before{background:var(--md-sys-color-on-surface)}.mu-state-layer--on-primary::before{background:var(--md-sys-color-on-primary)}.mu-state-layer--on-secondary::before{background:var(--md-sys-color-on-secondary-container)}.mu-state-layer--on-error::before{background:var(--md-sys-color-on-error)}.mu-state-layer:hover:not(:disabled)::before{opacity:var(--md-sys-state-hover-opacity)}.mu-state-layer:focus-visible:not(:disabled)::before{opacity:var(--md-sys-state-focus-opacity)}.mu-state-layer:active:not(:disabled)::before{opacity:var(--md-sys-state-pressed-opacity)}.mu-state-layer:disabled::before,.mu-state-layer.is-disabled::before{display:none}mu-icon,.mu-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1;vertical-align:middle}mu-icon .material-symbols-outlined{font-family:'Material Symbols Outlined',sans-serif;font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:'liga'}mu-icon svg{display:block}.mu-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:48px;height:40px;padding:0 24px;font-family:var(--md-sys-typescale-font);font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);line-height:var(--md-sys-typescale-label-large-line-height);letter-spacing:0.1px;text-decoration:none;white-space:nowrap;border:none;border-radius:var(--md-sys-shape-corner-full);cursor:pointer;overflow:hidden}.mu-button::before{content:'';position:absolute;inset:0;border-radius:inherit;opacity:0;transition:opacity var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.mu-button--sm{height:32px;padding:0 16px;font-size:var(--md-sys-typescale-label-medium-size)}.mu-button--md{height:40px;padding:0 24px}.mu-button--lg{height:48px;padding:0 32px;font-size:var(--md-sys-typescale-body-large-size)}.mu-button--primary{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.mu-button--primary::before{background:var(--md-sys-color-on-primary)}.mu-button--primary:hover:not(:disabled)::before{opacity:var(--md-sys-state-hover-opacity)}.mu-button--primary:focus-visible:not(:disabled)::before{opacity:var(--md-sys-state-focus-opacity)}.mu-button--primary:active:not(:disabled)::before{opacity:var(--md-sys-state-pressed-opacity)}.mu-button--primary:hover:not(:disabled){box-shadow:var(--md-sys-elevation-level1)}.mu-button--secondary{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.mu-button--secondary::before{background:var(--md-sys-color-on-secondary-container)}.mu-button--secondary:hover:not(:disabled)::before{opacity:var(--md-sys-state-hover-opacity)}.mu-button--secondary:focus-visible:not(:disabled)::before{opacity:var(--md-sys-state-focus-opacity)}.mu-button--secondary:active:not(:disabled)::before{opacity:var(--md-sys-state-pressed-opacity)}.mu-button--secondary:hover:not(:disabled){box-shadow:var(--md-sys-elevation-level1)}.mu-button--ghost{background:transparent;color:var(--md-sys-color-primary);border:1px solid var(--md-sys-color-outline)}.mu-button--ghost::before{background:var(--md-sys-color-primary)}.mu-button--ghost:hover:not(:disabled)::before{opacity:var(--md-sys-state-hover-opacity)}.mu-button--ghost:focus-visible:not(:disabled)::before{opacity:var(--md-sys-state-focus-opacity)}.mu-button--danger{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}.mu-button--danger::before{background:var(--md-sys-color-on-error)}.mu-button--danger:hover:not(:disabled)::before{opacity:var(--md-sys-state-hover-opacity)}.mu-button--danger:hover:not(:disabled){box-shadow:var(--md-sys-elevation-level1)}.mu-button:disabled,.mu-button.is-disabled{background:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent);color:color-mix(in srgb,var(--md-sys-color-on-surface) 38%,transparent);cursor:not-allowed;box-shadow:none}.mu-button:disabled::before,.mu-button.is-disabled::before{display:none}.mu-button--elevated{background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-primary);box-shadow:var(--md-sys-elevation-level1)}.mu-button--elevated::before{background:var(--md-sys-color-primary)}.mu-button--elevated:hover:not(:disabled)::before{opacity:var(--md-sys-state-hover-opacity)}.mu-button--elevated:hover:not(:disabled){box-shadow:var(--md-sys-elevation-level2)}.mu-button--elevated:focus-visible:not(:disabled)::before{opacity:var(--md-sys-state-focus-opacity)}.mu-button--elevated:active:not(:disabled)::before{opacity:var(--md-sys-state-pressed-opacity)}.mu-button--filled{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.mu-button--filled::before{background:var(--md-sys-color-on-primary)}.mu-button--filled:hover:not(:disabled)::before{opacity:var(--md-sys-state-hover-opacity)}.mu-button--filled:hover:not(:disabled){box-shadow:var(--md-sys-elevation-level1)}.mu-button--filled:focus-visible:not(:disabled)::before{opacity:var(--md-sys-state-focus-opacity)}.mu-button--filled:active:not(:disabled)::before{opacity:var(--md-sys-state-pressed-opacity)}.mu-button--tonal{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.mu-button--tonal::before{background:var(--md-sys-color-on-secondary-container)}.mu-button--tonal:hover:not(:disabled)::before{opacity:var(--md-sys-state-hover-opacity)}.mu-button--tonal:hover:not(:disabled){box-shadow:var(--md-sys-elevation-level1)}.mu-button--tonal:focus-visible:not(:disabled)::before{opacity:var(--md-sys-state-focus-opacity)}.mu-button--tonal:active:not(:disabled)::before{opacity:var(--md-sys-state-pressed-opacity)}.mu-button--outlined{background:transparent;color:var(--md-sys-color-primary);border:1px solid var(--md-sys-color-outline)}.mu-button--outlined::before{background:var(--md-sys-color-primary)}.mu-button--outlined:hover:not(:disabled)::before{opacity:var(--md-sys-state-hover-opacity)}.mu-button--outlined:focus-visible:not(:disabled)::before{opacity:var(--md-sys-state-focus-opacity)}.mu-button--outlined:active:not(:disabled)::before{opacity:var(--md-sys-state-pressed-opacity)}.mu-button--text{background:transparent;color:var(--md-sys-color-primary);padding:0 12px}.mu-button--text::before{background:var(--md-sys-color-primary)}.mu-button--text:hover:not(:disabled)::before{opacity:var(--md-sys-state-hover-opacity)}.mu-button--text:focus-visible:not(:disabled)::before{opacity:var(--md-sys-state-focus-opacity)}.mu-button--text:active:not(:disabled)::before{opacity:var(--md-sys-state-pressed-opacity)}@keyframes md-ripple{from{transform:scale(0);opacity:0.12}to{transform:scale(2.5);opacity:0}}@keyframes mu-ripple-expand{from{transform:scale(0);opacity:0.20}to{transform:scale(1);opacity:0}}.mu-button.ripple::after{content:'';position:absolute;width:100%;height:100%;border-radius:50%;background:currentColor;transform:scale(0);animation:md-ripple var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-standard);pointer-events:none}.mu-button.is-loading{color:transparent}.mu-button.is-loading::after{content:'';position:absolute;width:20px;height:20px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin 0.75s linear infinite}.mu-input{position:relative;display:block;width:100%}.mu-input__label{position:absolute;left:16px;top:50%;transform:translateY(-50%) scale(1);transform-origin:left center;font-size:16px;color:var(--md-sys-color-on-surface-variant);pointer-events:none;transition:top var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-emphasized),transform var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-emphasized),color var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard);z-index:1}.mu-input:focus-within .mu-input__label,.mu-input.has-value .mu-input__label{top:6px;transform:translateY(0) scale(0.75)}.mu-input:focus-within .mu-input__label{color:var(--md-sys-color-primary)}.mu-input--outlined .mu-input__label{background:var(--md-sys-color-surface,#fff);padding:0 4px;margin-left:-4px}.mu-input:has(.mu-input__label) .mu-input__field{padding-top:24px;padding-bottom:8px}.mu-input::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--md-sys-color-primary);transition:width var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized),left var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized)}.mu-input.is-focused::after,.mu-input:focus-within::after{width:100%;left:0}.mu-input__field{display:block;width:100%;height:56px;padding:16px;font-family:var(--md-sys-typescale-font);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);color:var(--md-sys-color-on-surface);background:var(--md-sys-color-surface-container-highest);border:none;border-bottom:1px solid var(--md-sys-color-on-surface-variant);border-radius:var(--md-sys-shape-corner-extra-small) var(--md-sys-shape-corner-extra-small) 0 0;caret-color:var(--md-sys-color-primary);transition:background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),border-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.mu-input__field::placeholder{color:var(--md-sys-color-on-surface-variant);transition:opacity var(--md-sys-motion-duration-short2)}.mu-input__field:focus::placeholder{opacity:0.6}.mu-input__field:hover:not(:disabled):not(:focus){background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 95%,var(--md-sys-color-on-surface) 5%);border-bottom-color:var(--md-sys-color-on-surface)}.mu-input--outlined:has(.mu-input__field:hover:not(:disabled):not(:focus)) .mu-input__label{background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 95%,var(--md-sys-color-on-surface) 5%)}.mu-input__field:focus{outline:none;border-bottom-color:transparent}.mu-input--sm .mu-input__field{height:40px;padding:8px 12px;font-size:var(--md-sys-typescale-body-medium-size)}.mu-input--md .mu-input__field{height:56px;padding:16px}.mu-input--lg .mu-input__field{height:64px;padding:20px;font-size:18px}.mu-input--filled .mu-input__field{background:var(--md-sys-color-surface-container-highest)}.mu-input--outlined .mu-input__field{height:56px;padding:16px;background:transparent;border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-extra-small);transition:border-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),box-shadow var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.mu-input--outlined .mu-input__field:hover:not(:disabled):not(:focus){border-color:var(--md-sys-color-on-surface)}.mu-input--outlined .mu-input__field:focus{border-color:var(--md-sys-color-primary);box-shadow:inset 0 0 0 1px var(--md-sys-color-primary);outline:none}.mu-input--outlined::after{display:none}.mu-input.is-disabled .mu-input__field,.mu-input__field:disabled{color:color-mix(in srgb,var(--md-sys-color-on-surface) 38%,transparent);background:color-mix(in srgb,var(--md-sys-color-on-surface) 4%,transparent);border-bottom-color:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent);cursor:not-allowed}.mu-input__field[type="number"]::-webkit-inner-spin-button,.mu-input__field[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.mu-input__field[type="number"]{-moz-appearance:textfield;appearance:textfield}.mu-card{display:block;border-radius:var(--md-sys-shape-corner-medium);overflow:hidden;padding:20px}.mu-card--flat,.mu-card--filled{background:var(--md-sys-color-surface-container-highest);box-shadow:none}.mu-card--elevated{background:var(--md-sys-color-surface-container-low);box-shadow:var(--md-sys-elevation-level1);transition:transform var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.mu-card--elevated:hover{transform:translateY(-2px)}.mu-card--outlined{background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant);box-shadow:none}.mu-card--padding-none{padding:0}.mu-card--padding-sm{padding:12px}.mu-card--padding-md{padding:20px}.mu-card--padding-lg{padding:28px}.mu-card--radius-none{border-radius:0}.mu-card--radius-sm{border-radius:var(--md-sys-shape-corner-small)}.mu-card--radius-md{border-radius:var(--md-sys-shape-corner-medium)}.mu-card--radius-lg{border-radius:var(--md-sys-shape-corner-large)}.mu-card--radius-full{border-radius:var(--md-sys-shape-corner-full)}.mu-card--clickable{cursor:pointer;position:relative}.mu-card--clickable::before{content:'';position:absolute;inset:0;border-radius:inherit;background:var(--md-sys-color-on-surface);opacity:0;transition:opacity var(--md-sys-motion-duration-short2);pointer-events:none}.mu-card--clickable:hover::before{opacity:var(--md-sys-state-hover-opacity)}.mu-card--clickable:active::before{opacity:var(--md-sys-state-pressed-opacity)}.mu-card__header{padding:16px;padding-bottom:0}.mu-card__body{padding:16px}.mu-card__footer{padding:16px;padding-top:0}.mu-card h3{margin:0 0 8px;font-size:var(--md-sys-typescale-title-medium-size);font-weight:var(--md-sys-typescale-title-medium-weight)}.mu-card p{margin:0;color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-medium-size)}mu-stack{display:flex;flex-direction:column;gap:var(--md-sys-spacing-md,16px)}mu-stack[direction="row"]{flex-direction:row}mu-stack[direction="column"]{flex-direction:column}mu-stack[direction="row-reverse"]{flex-direction:row-reverse}mu-stack[direction="column-reverse"]{flex-direction:column-reverse}mu-stack[gap="none"]{gap:0}mu-stack[gap="xs"]{gap:var(--md-sys-spacing-xs,4px)}mu-stack[gap="sm"]{gap:var(--md-sys-spacing-sm,8px)}mu-stack[gap="md"]{gap:var(--md-sys-spacing-md,16px)}mu-stack[gap="lg"]{gap:var(--md-sys-spacing-lg,24px)}mu-stack[gap="xl"]{gap:var(--md-sys-spacing-xl,32px)}mu-stack[align="start"]{align-items:flex-start}mu-stack[align="center"]{align-items:center}mu-stack[align="end"]{align-items:flex-end}mu-stack[align="stretch"]{align-items:stretch}mu-stack[justify="start"]{justify-content:flex-start}mu-stack[justify="center"]{justify-content:center}mu-stack[justify="end"]{justify-content:flex-end}mu-stack[justify="between"]{justify-content:space-between}mu-stack[wrap]{flex-wrap:wrap}mu-grid{display:grid;gap:var(--md-sys-spacing-md,16px)}mu-grid[cols="1"]{grid-template-columns:repeat(1,1fr)}mu-grid[cols="2"]{grid-template-columns:repeat(2,1fr)}mu-grid[cols="3"]{grid-template-columns:repeat(3,1fr)}mu-grid[cols="4"]{grid-template-columns:repeat(4,1fr)}mu-grid[cols="6"]{grid-template-columns:repeat(6,1fr)}mu-grid[cols="12"]{grid-template-columns:repeat(12,1fr)}mu-grid[gap="none"]{gap:0}mu-grid[gap="xs"]{gap:var(--md-sys-spacing-xs,4px)}mu-grid[gap="sm"]{gap:var(--md-sys-spacing-sm,8px)}mu-grid[gap="md"]{gap:var(--md-sys-spacing-md,16px)}mu-grid[gap="lg"]{gap:var(--md-sys-spacing-lg,24px)}mu-grid[gap="xl"]{gap:var(--md-sys-spacing-xl,32px)}@media (max-width:599px){mu-grid[cols="2"],mu-grid[cols="3"],mu-grid[cols="4"],mu-grid[cols="6"]{grid-template-columns:1fr !important}}.mu-stack{display:flex}.mu-stack--row{flex-direction:row}.mu-stack--column{flex-direction:column}.mu-stack--row-reverse{flex-direction:row-reverse}.mu-stack--column-reverse{flex-direction:column-reverse}.mu-stack--gap-0{gap:0}.mu-stack--gap-1{gap:4px}.mu-stack--gap-2{gap:8px}.mu-stack--gap-3{gap:12px}.mu-stack--gap-4{gap:16px}.mu-stack--gap-5{gap:20px}.mu-stack--gap-6{gap:24px}.mu-stack--gap-8{gap:32px}.mu-stack--gap-10{gap:40px}.mu-stack--gap-12{gap:48px}.mu-stack--gap-16{gap:64px}.mu-stack--align-start{align-items:flex-start}.mu-stack--align-center{align-items:center}.mu-stack--align-end{align-items:flex-end}.mu-stack--align-stretch{align-items:stretch}.mu-stack--align-baseline{align-items:baseline}.mu-stack--justify-start{justify-content:flex-start}.mu-stack--justify-center{justify-content:center}.mu-stack--justify-end{justify-content:flex-end}.mu-stack--justify-between{justify-content:space-between}.mu-stack--justify-around{justify-content:space-around}.mu-stack--justify-evenly{justify-content:space-evenly}.mu-stack--wrap{flex-wrap:wrap}.mu-alert,mu-alert{display:flex;align-items:center;gap:12px;padding:16px;border-radius:var(--md-sys-shape-corner-medium,12px);font-size:var(--md-sys-typescale-body-medium-size,14px);line-height:var(--md-sys-typescale-body-medium-line-height,20px);border:1px solid transparent}.mu-alert--info,mu-alert[severity="info"]{background:var(--md-sys-color-surface-container-high,#E6E0E9);color:var(--md-sys-color-on-surface,#1D1B20);border-color:var(--md-sys-color-outline-variant,#CAC4D0)}.mu-alert--info .mu-alert__icon,mu-alert[severity="info"] mu-icon{color:var(--md-sys-color-primary,#6750A4)}.mu-alert--success,mu-alert[severity="success"]{background:var(--md-sys-color-success-container,#C8E6C9);color:var(--md-sys-color-on-success-container,#1B5E20);border-color:var(--md-sys-color-success,#2E7D32)}.mu-alert--success .mu-alert__icon,mu-alert[severity="success"] mu-icon{color:var(--md-sys-color-success,#2E7D32)}.mu-alert--warning,mu-alert[severity="warning"]{background:var(--md-sys-color-warning-container,#FFF3E0);color:var(--md-sys-color-on-warning-container,#5D4037);border-color:var(--md-sys-color-warning,#FF9800)}.mu-alert--warning .mu-alert__icon,mu-alert[severity="warning"] mu-icon{color:var(--md-sys-color-warning,#FF9800)}.mu-alert--error,mu-alert[severity="error"]{background:var(--md-sys-color-error-container,#F9DEDC);color:var(--md-sys-color-on-error-container,#410E0B);border-color:var(--md-sys-color-error,#B3261E)}.mu-alert--error .mu-alert__icon,mu-alert[severity="error"] mu-icon{color:var(--md-sys-color-error,#B3261E)}.mu-alert__icon,mu-alert mu-icon:first-child{flex-shrink:0;display:flex;align-items:center;justify-content:center}.mu-alert__content{flex:1;min-width:0}.mu-alert__title{display:block;font-weight:var(--md-sys-typescale-title-small-weight,500);margin-bottom:4px}.mu-alert__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin:-8px -8px -8px 0;background:transparent;border:none;border-radius:var(--md-sys-shape-corner-full,50%);cursor:pointer;color:currentColor;opacity:0.7;transition:opacity 0.2s,background 0.2s}.mu-alert__close:hover{opacity:1;background:var(--md-sys-color-on-surface-variant,rgba(0,0,0,0.08))}.mu-alert__close:focus-visible{outline:2px solid var(--md-sys-color-primary,#6750A4);outline-offset:2px}.mu-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;font-family:var(--md-sys-typescale-font);font-size:var(--md-sys-typescale-label-small-size);font-weight:var(--md-sys-typescale-label-small-weight);line-height:1;border-radius:var(--md-sys-shape-corner-full)}.mu-badge--sm{min-width:16px;height:16px;font-size:10px}.mu-badge--md{min-width:20px;height:20px;padding:0 6px}.mu-badge--lg{min-width:24px;height:24px;padding:0 8px;font-size:13px}.mu-badge--primary{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}.mu-badge--secondary{background:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary)}.mu-badge--success{background:#1B5E20;color:white}.mu-badge--warning{background:#E65100;color:white}.mu-badge--error{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}.mu-badge--neutral{background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface)}.mu-badge--dot{min-width:6px;width:6px;height:6px;padding:0}.mu-skeleton{display:block;background:var(--md-sys-color-surface-container-highest);border-radius:var(--md-sys-shape-corner-extra-small);animation:mu-skeleton-pulse var(--md-sys-motion-duration-extra-long4) var(--md-sys-motion-easing-standard) infinite}.mu-skeleton--circle{border-radius:50%}.mu-skeleton--text{height:16px;margin-bottom:8px}.mu-skeleton--text:last-child{width:70%}.mu-skeleton__line{height:16px;margin-bottom:8px;background:var(--md-sys-color-surface-container-highest);border-radius:var(--md-sys-shape-corner-extra-small);animation:mu-skeleton-pulse var(--md-sys-motion-duration-extra-long4) var(--md-sys-motion-easing-standard) infinite}@keyframes mu-skeleton-pulse{0%,100%{opacity:1}50%{opacity:0.4}}.mu-spinner{display:inline-block}.mu-spinner__circle{display:block;border:3px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin var(--md-sys-motion-duration-extra-long1) linear infinite}.mu-spinner--xs .mu-spinner__circle{width:16px;height:16px;border-width:2px}.mu-spinner--sm .mu-spinner__circle{width:20px;height:20px;border-width:2px}.mu-spinner--md .mu-spinner__circle{width:48px;height:48px;border-width:4px}.mu-spinner--lg .mu-spinner__circle{width:40px;height:40px;border-width:4px}.mu-spinner--xl .mu-spinner__circle{width:48px;height:48px;border-width:4px}.mu-spinner--primary{color:var(--md-sys-color-primary)}.mu-spinner--secondary{color:var(--md-sys-color-secondary)}.mu-spinner--current{color:currentColor}.mu-spinner--white{color:white}.mu-progress{position:relative;width:100%;height:8px;background:var(--md-sys-color-surface-container-highest);border-radius:4px;overflow:hidden}.mu-progress--sm{height:4px;border-radius:2px}.mu-progress--md{height:8px;border-radius:4px}.mu-progress--lg{height:12px;border-radius:6px}.mu-progress__bar{display:block;height:100%;background:var(--md-sys-color-primary);border-radius:inherit;transition:width var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-standard)}.mu-progress--success .mu-progress__bar{background:#1B5E20}.mu-progress--warning .mu-progress__bar{background:#E65100}.mu-progress--error .mu-progress__bar{background:var(--md-sys-color-error)}.mu-progress[indeterminate] .mu-progress__bar{width:50% !important;animation:mu-progress-indeterminate 1.5s infinite ease-in-out}@keyframes mu-progress-indeterminate{0%{transform:translateX(-100%)}100%{transform:translateX(300%)}}.mu-progress__label{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:var(--md-sys-typescale-label-small-size);color:var(--md-sys-color-on-surface)}.mu-tabs{display:block;width:100%;position:relative;margin-bottom:24px}.mu-tabs__list{display:flex;position:relative;border-bottom:1px solid var(--md-sys-color-surface-variant)}.mu-tabs__tab{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-width:90px;height:48px;padding:0 16px;background:transparent;border:none;font-family:var(--md-sys-typescale-font);font-size:var(--md-sys-typescale-title-small-size);font-weight:var(--md-sys-typescale-title-small-weight);color:var(--md-sys-color-on-surface-variant);cursor:pointer;overflow:hidden;transition:color var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard),background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.mu-tabs__tab::before{content:'';position:absolute;inset:0;background:var(--md-sys-color-primary);opacity:0;transition:opacity var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.mu-tabs__tab:hover::before{opacity:var(--md-sys-state-hover-opacity)}.mu-tabs__tab:active::before{opacity:var(--md-sys-state-pressed-opacity)}.mu-tabs__tab.is-active{color:var(--md-sys-color-primary)}.mu-tabs__tab::after{display:none}.mu-tabs__list::after{content:'';position:absolute;bottom:0;height:3px;background:var(--md-sys-color-primary);border-radius:3px 3px 0 0;width:var(--indicator-width,33.3333%);left:var(--indicator-left,0);transition:left var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized),width var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized)}.mu-tabs__indicator{display:none}.mu-tabs__panel,mu-tab-panel{display:block;padding:16px 0;animation:fadeIn var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard)}mu-tab-panel:not([active]),.mu-tab-panel:not(.active),.doc-tab-content:not(:first-of-type){display:none}.mu-tabs--pills .mu-tabs__list{border-bottom:none;gap:8px;padding:4px;background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-full);width:fit-content}.mu-tabs--pills .mu-tabs__tab{flex:none;height:36px;min-width:auto;border-radius:var(--md-sys-shape-corner-full);transition:color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),background-color var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized)}.mu-tabs--pills .mu-tabs__indicator{display:none}.mu-tabs--pills .mu-tabs__tab.is-active{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.mu-tabs--underline .mu-tabs__indicator{height:2px}.mu-dropdown{position:relative;display:inline-block}.mu-dropdown__trigger{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:200px;height:56px;padding:0 16px;background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-extra-small);font-family:var(--md-sys-typescale-font);font-size:var(--md-sys-typescale-body-large-size);color:var(--md-sys-color-on-surface);cursor:pointer;overflow:hidden;transition:border-color var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard),background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.mu-dropdown__trigger::before{content:'';position:absolute;inset:0;background:var(--md-sys-color-on-surface);opacity:0;transition:opacity var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);pointer-events:none;border-radius:inherit}.mu-dropdown__trigger:hover::before{opacity:var(--md-sys-state-hover-opacity,0.08)}.mu-dropdown__trigger:active::before{opacity:var(--md-sys-state-pressed-opacity,0.12)}.mu-dropdown__trigger:focus-visible{outline:none;border-color:var(--md-sys-color-primary);border-width:2px}.mu-dropdown__trigger:disabled{opacity:0.38;cursor:not-allowed;background:var(--md-sys-color-surface-container)}.mu-dropdown__trigger:disabled::before{display:none}.mu-dropdown__arrow{flex-shrink:0;color:var(--md-sys-color-on-surface-variant);transition:transform var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized)}.mu-dropdown.is-open .mu-dropdown__arrow{transform:rotate(180deg)}.mu-dropdown.is-open .mu-dropdown__trigger{border-color:var(--md-sys-color-primary);border-width:2px}.mu-dropdown__menu{position:fixed;min-width:160px;max-height:280px;overflow-y:auto;padding:8px 0;margin:0;background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-extra-small);box-shadow:var(--md-sys-elevation-level2);list-style:none;border:none;inset:unset;opacity:0;visibility:hidden;transform:scaleY(0.92) translateY(-8px);transform-origin:top center;transition:opacity var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized-decelerate),visibility var(--md-sys-motion-duration-short4),transform var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized-decelerate);pointer-events:none}.mu-dropdown__menu:popover-open{opacity:1;visibility:visible;transform:scaleY(1) translateY(0);pointer-events:auto}.mu-dropdown__menu.is-open{opacity:1 !important;visibility:visible !important;transform:scaleY(1) translateY(0);pointer-events:auto}.mu-dropdown__item,.mu-dropdown__option{position:relative;display:flex;align-items:center;height:48px;padding:0 16px;font-size:var(--md-sys-typescale-body-large-size);color:var(--md-sys-color-on-surface);cursor:pointer;overflow:hidden;transition:background var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.mu-dropdown__item::before,.mu-dropdown__option::before{content:'';position:absolute;inset:0;background:var(--md-sys-color-on-surface);opacity:0;transition:opacity var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);pointer-events:none}.mu-dropdown__item:hover::before,.mu-dropdown__option:hover::before{opacity:var(--md-sys-state-hover-opacity,0.08)}.mu-dropdown__item:active::before,.mu-dropdown__option:active::before{opacity:var(--md-sys-state-pressed-opacity,0.12)}.mu-dropdown__item:focus-visible,.mu-dropdown__option:focus-visible{outline:none}.mu-dropdown__item:focus-visible::before,.mu-dropdown__option:focus-visible::before{opacity:var(--md-sys-state-focus-opacity,0.12)}.mu-dropdown__item.is-selected,.mu-dropdown__option.is-active{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.mu-dropdown__item.is-selected::before,.mu-dropdown__option.is-active::before{background:var(--md-sys-color-on-secondary-container)}.mu-toast-container{position:fixed;z-index:9999;padding:24px;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:100%;bottom:0;left:50%;transform:translateX(-50%);align-items:center}.mu-toast-container[position="bottom-center"]{bottom:0;left:50%;transform:translateX(-50%);align-items:center}.mu-toast-container[position="top-center"]{top:0;left:50%;transform:translateX(-50%);flex-direction:column-reverse;align-items:center}.mu-toast-container[position="top-right"]{top:0;right:0;left:auto;transform:none;flex-direction:column-reverse;align-items:flex-end}.mu-toast-container[position="top-left"]{top:0;left:0;right:auto;transform:none;flex-direction:column-reverse;align-items:flex-start}.mu-toast-container[position="bottom-right"]{bottom:0;right:0;left:auto;transform:none;align-items:flex-end}.mu-toast-container[position="bottom-left"]{bottom:0;left:0;right:auto;transform:none;align-items:flex-start}.mu-toast{position:relative;pointer-events:auto;display:flex;align-items:center;gap:12px;min-height:48px;padding:14px 16px;background:var(--md-sys-color-inverse-surface);color:var(--md-sys-color-inverse-on-surface);border-radius:var(--md-sys-shape-corner-extra-small);box-shadow:var(--md-sys-elevation-level3);font-size:var(--md-sys-typescale-body-medium-size);min-width:288px;max-width:560px;animation:toastEnter 0.3s cubic-bezier(0.2,0,0,1) forwards}@keyframes toastEnter{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}.mu-toast.is-exiting{animation:toastExit 0.2s cubic-bezier(0.4,0,1,1) forwards}@keyframes toastExit{to{opacity:0;transform:scale(0.9)}}.mu-toast--info,.mu-toast--success,.mu-toast--warning,.mu-toast--error{border-left:none}.mu-toast__icon{font-size:24px}.mu-toast__content{flex:1}.mu-toast__title{display:block;font-weight:500;margin-bottom:4px}.mu-toast__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--md-sys-shape-corner-full);color:var(--md-sys-color-inverse-primary);cursor:pointer}.mu-toast__close:hover{background:rgba(255,255,255,0.08)}.mu-tooltip{position:relative;display:inline-block;cursor:pointer}.mu-tooltip__content{position:absolute;padding:8px 12px;background:var(--md-sys-color-inverse-surface);color:var(--md-sys-color-inverse-on-surface);font-family:var(--md-sys-typescale-font);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);border-radius:var(--md-sys-shape-corner-extra-small);white-space:nowrap;z-index:var(--mu-z-tooltip);pointer-events:none;opacity:0;visibility:hidden;transform:translateX(-50%) scale(0.9);transition:opacity var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard),visibility var(--md-sys-motion-duration-short3),transform var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-emphasized)}.mu-tooltip:hover .mu-tooltip__content,.mu-tooltip:focus-within .mu-tooltip__content{opacity:1;visibility:visible;transform:translateX(-50%) scale(1)}.mu-tooltip--top .mu-tooltip__content{bottom:100%;left:50%;transform:translateX(-50%) translateY(4px) scale(0.9);margin-bottom:8px}.mu-tooltip--top:hover .mu-tooltip__content{transform:translateX(-50%) translateY(0) scale(1)}.mu-tooltip--bottom .mu-tooltip__content{top:100%;left:50%;transform:translateX(-50%) translateY(-4px) scale(0.9);margin-top:8px}.mu-tooltip--bottom:hover .mu-tooltip__content{transform:translateX(-50%) translateY(0) scale(1)}.mu-tooltip--left .mu-tooltip__content{right:100%;top:50%;transform:translateY(-50%) translateX(4px) scale(0.9);margin-right:8px}.mu-tooltip--left:hover .mu-tooltip__content{transform:translateY(-50%) translateX(0) scale(1)}.mu-tooltip--right .mu-tooltip__content{left:100%;top:50%;transform:translateY(-50%) translateX(-4px) scale(0.9);margin-left:8px}.mu-tooltip--right:hover .mu-tooltip__content{transform:translateY(-50%) translateX(0) scale(1)}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes slideUp{from{opacity:0;transform:translateY(16px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideDown{from{opacity:0;transform:translateY(-16px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideInLeft{from{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes scaleIn{from{opacity:0;transform:scale(0.85)}to{opacity:1;transform:scale(1)}}@keyframes ripple{from{transform:scale(0);opacity:0.4}to{transform:scale(4);opacity:0}}.mu-button::after{content:'';position:absolute;inset:0;background:radial-gradient(circle,currentColor 10%,transparent 10.01%);transform:scale(10,10);opacity:0;transition:transform 0.3s,opacity 0.5s}.mu-button:active::after{transform:scale(0,0);opacity:0.2;transition:0s}.mu-modal{display:contents}dialog.mu-modal__dialog{border:none;padding:24px;margin:auto;background:var(--md-sys-color-surface-container-high,var(--md-sys-color-surface));border-radius:var(--md-sys-shape-corner-extra-large,28px);width:fit-content;min-width:280px;max-width:min(560px,calc(100vw - 96px));max-height:min(560px,calc(100vh - 96px));overflow-y:auto;box-shadow:var(--md-sys-elevation-3);color:var(--md-sys-color-on-surface);transform:scale(0.9);opacity:0;transition:transform var(--md-sys-motion-duration-medium3,300ms) var(--md-sys-motion-easing-emphasized-decelerate,cubic-bezier(0.05,0.7,0.1,1)),opacity var(--md-sys-motion-duration-medium2,200ms) var(--md-sys-motion-easing-standard,cubic-bezier(0.2,0,0,1))}dialog.mu-modal__dialog::backdrop{background:rgba(0,0,0,0.32);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transition:opacity var(--md-sys-motion-duration-medium2,200ms) var(--md-sys-motion-easing-standard,cubic-bezier(0.2,0,0,1))}.mu-modal.is-visible dialog.mu-modal__dialog{transform:scale(1);opacity:1}.mu-modal.is-visible dialog.mu-modal__dialog::backdrop{opacity:1}dialog.mu-modal__dialog[open]{display:flex;flex-direction:column}.mu-modal__close{position:absolute;top:12px;right:12px;width:40px;height:40px;border:none;background:transparent;border-radius:50%;font-size:20px;cursor:pointer;color:var(--md-sys-color-on-surface-variant);transition:background-color var(--md-sys-motion-duration-short2)}.mu-modal__close:hover{background:var(--md-sys-color-on-surface-variant-opacity-08,rgba(0,0,0,0.08))}.mu-modal__body{color:var(--md-sys-color-on-surface)}dialog.mu-modal__dialog.mu-modal--sm{max-width:400px}dialog.mu-modal__dialog.mu-modal--lg{max-width:720px}dialog.mu-modal__dialog.mu-modal--xl{max-width:900px}dialog.mu-modal__dialog.mu-modal--full{width:95vw;max-width:95vw;height:95vh;max-height:95vh}.mu-modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;font-size:var(--md-sys-typescale-headline-small-size,24px);font-weight:var(--md-sys-typescale-headline-small-weight,400);line-height:var(--md-sys-typescale-headline-small-line-height,32px);color:var(--md-sys-color-on-surface)}.mu-modal__footer{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.mu-button:focus-visible,.mu-tabs__tab:focus-visible,.mu-dropdown__trigger:focus-visible,.mu-input:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.mu-card,.mu-alert,.mu-badge,.mu-progress__bar{transition:transform var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard),opacity var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard),box-shadow var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard)}.mu-button,.mu-tabs__tab,.mu-dropdown__item{transition:background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),box-shadow var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),transform var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.mu-button:active:not(:disabled){transform:scale(0.98)}.mu-tabs__tab:active,.mu-dropdown__item:active{transform:scale(0.98)}.mu-theme-toggle{display:inline-flex}.mu-theme-toggle__button{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--md-sys-color-primary-container) 0%,var(--md-sys-color-secondary-container) 100%);border:2px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-full);cursor:pointer;overflow:hidden;transition:transform var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized),box-shadow var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard),border-color var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard)}.mu-theme-toggle__button:hover{transform:scale(1.1);box-shadow:0 4px 16px rgba(0,0,0,0.2),0 0 24px var(--md-sys-color-primary);border-color:var(--md-sys-color-primary)}.mu-theme-toggle__button:active{transform:scale(0.95)}.mu-theme-toggle__icon{font-size:22px;transition:transform var(--md-sys-motion-duration-medium3) var(--md-sys-motion-easing-emphasized-decelerate);filter:drop-shadow(0 2px 4px rgba(0,0,0,0.3))}.mu-theme-toggle__button:hover .mu-theme-toggle__icon{transform:rotate(20deg) scale(1.1)}[data-theme="dark"] .mu-theme-toggle__button{background:linear-gradient(135deg,rgba(255,200,50,0.15) 0%,rgba(255,150,0,0.1) 100%);border-color:rgba(255,200,50,0.3)}[data-theme="dark"] .mu-theme-toggle__button:hover{box-shadow:0 4px 16px rgba(0,0,0,0.4),0 0 32px rgba(255,200,50,0.4);border-color:rgba(255,200,50,0.6)}[data-theme="light"] .mu-theme-toggle__button{background:linear-gradient(135deg,rgba(100,100,200,0.1) 0%,rgba(50,50,150,0.05) 100%)}[data-theme="light"] .mu-theme-toggle__button:hover{box-shadow:0 4px 16px rgba(0,0,0,0.15),0 0 24px rgba(100,100,200,0.3)}.mu-navbar__links{display:flex;align-items:center;gap:4px;margin-left:24px}.mu-navbar__links a{position:relative;display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 16px;border-radius:var(--md-sys-shape-corner-full);color:var(--md-sys-color-on-surface-variant);text-decoration:none;font-family:var(--md-sys-typescale-font);font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);overflow:hidden;cursor:pointer;transition:color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.mu-navbar__links a::before{content:'';position:absolute;inset:0;border-radius:inherit;background:var(--md-sys-color-on-surface);opacity:0;transition:opacity var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);pointer-events:none}.mu-navbar__links a:hover{color:var(--md-sys-color-on-surface)}.mu-navbar__links a:hover::before{opacity:var(--md-sys-state-hover-opacity)}.mu-navbar__links a:focus-visible{outline:none}.mu-navbar__links a:focus-visible::before{opacity:var(--md-sys-state-focus-opacity)}.mu-navbar__links a:focus-visible::after{content:'';position:absolute;inset:-2px;border:2px solid var(--md-sys-color-primary);border-radius:calc(var(--md-sys-shape-corner-full)+2px);pointer-events:none}.mu-navbar__links a:active::before{opacity:var(--md-sys-state-pressed-opacity)}.mu-navbar__links a.active,.mu-navbar__links a[aria-current="page"]{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.mu-navbar__links a.active::before,.mu-navbar__links a[aria-current="page"]::before{background:var(--md-sys-color-on-secondary-container)}mu-confirm{display:none;position:fixed;inset:0;z-index:1000}mu-confirm.is-open{display:flex;align-items:center;justify-content:center}.mu-confirm__overlay{position:absolute;inset:0;background:rgba(0,0,0,0.32);opacity:0;transition:opacity 200ms var(--md-sys-motion-easing-standard)}mu-confirm.is-visible .mu-confirm__overlay{opacity:1}.mu-confirm__dialog{position:relative;min-width:280px;max-width:400px;background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-extra-large);box-shadow:var(--md-sys-elevation-level3);padding:24px;transform:scale(0.9);opacity:0;transition:transform 250ms var(--md-sys-motion-easing-emphasized),opacity 150ms var(--md-sys-motion-easing-standard)}mu-confirm.is-visible .mu-confirm__dialog{transform:scale(1);opacity:1}.mu-confirm__title{margin:0 0 16px;font-size:var(--md-sys-typescale-headline-small-size);font-weight:var(--md-sys-typescale-headline-small-weight);color:var(--md-sys-color-on-surface)}.mu-confirm__message{margin:0 0 24px;font-size:var(--md-sys-typescale-body-medium-size);color:var(--md-sys-color-on-surface-variant);line-height:1.5}.mu-confirm__actions{display:flex;justify-content:flex-end;gap:8px}mu-fetch{display:block}.mu-fetch__loading{display:flex;align-items:center;justify-content:center;min-height:100px}.mu-fetch__error{margin:16px 0}.mu-fetch__empty{display:flex;align-items:center;justify-content:center;min-height:100px;color:var(--md-sys-color-on-surface-variant)}.mu-fetch__data{display:block}.page{display:none}.page.active{display:block}.page-title{font-size:var(--md-sys-typescale-headline-medium-size,28px);line-height:var(--md-sys-typescale-headline-medium-line-height,36px);margin-bottom:8px}.page-subtitle{color:var(--md-sys-color-on-surface-variant);margin-bottom:32px;line-height:1.5}.component-section{background:var(--md-sys-color-surface-container);padding:24px;border-radius:var(--md-sys-shape-corner-large,16px);margin-bottom:24px}.section-title{font-size:var(--md-sys-typescale-title-medium-size,16px);font-weight:var(--md-sys-typescale-title-medium-weight,500);margin-top:32px;margin-bottom:16px}.section-title:first-child,.component-section>.section-title:first-child{margin-top:0}.demo-row{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.demo-label{font-size:var(--md-sys-typescale-label-small-size,11px);color:var(--md-sys-color-on-surface-variant);margin-bottom:8px;width:100%}.code-block{background:var(--md-sys-color-surface-container-highest);padding:16px;border-radius:var(--md-sys-shape-corner-medium,12px);font-family:'Fira Code','Cascadia Code','SF Mono',Consolas,monospace;font-size:13px;overflow-x:auto;margin-top:16px}.doc-tab-content{display:none}.doc-tab-content:first-of-type,.doc-tab-content.active{display:block}mu-drawer-item,mu-nav-item{display:block}.mu-drawer-item-link{display:flex;align-items:center;gap:12px;padding:0 24px 0 16px;min-height:56px;width:100%;border:none;background:transparent;color:var(--md-sys-color-on-surface-variant);text-decoration:none;cursor:pointer;border-radius:28px;font-family:var(--md-sys-typescale-font);font-size:var(--md-sys-typescale-label-large-size,14px);font-weight:var(--md-sys-typescale-label-large-weight,500);line-height:var(--md-sys-typescale-label-large-line-height,20px);transition:background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);position:relative;box-sizing:border-box}mu-drawer-item[layout="vertical"] .mu-drawer-item-link,mu-nav-item .mu-drawer-item-link{flex-direction:column;justify-content:center;gap:4px;padding:12px 16px;border-radius:var(--md-sys-shape-corner-large)}.mu-drawer-item-link:hover:not([disabled]):not([aria-disabled="true"]){background:color-mix(in srgb,var(--md-sys-color-on-surface) calc(var(--md-sys-state-hover-opacity,0.08) * 100%),transparent)}.mu-drawer-item-link:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.mu-drawer-item-link:active:not([disabled]):not([aria-disabled="true"]){background:color-mix(in srgb,var(--md-sys-color-on-surface) calc(var(--md-sys-state-pressed-opacity,0.12) * 100%),transparent)}mu-drawer-item[active] .mu-drawer-item-link{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}mu-drawer-item[active] .mu-drawer-item-link:hover{background:color-mix(in srgb,var(--md-sys-color-on-secondary-container) calc(var(--md-sys-state-hover-opacity,0.08) * 100%),var(--md-sys-color-secondary-container))}mu-drawer-item[layout="vertical"][active] .mu-drawer-item-link,mu-nav-item[active] .mu-drawer-item-link{background:transparent;color:var(--md-sys-color-on-secondary-container)}mu-drawer-item[layout="vertical"][active] .mu-drawer-item-icon,mu-nav-item[active] .mu-drawer-item-icon{background:var(--md-sys-color-secondary-container)}.mu-drawer-item-link[disabled],.mu-drawer-item-link[aria-disabled="true"]{opacity:0.38;cursor:not-allowed}.mu-drawer-item-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;position:relative;transition:background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}mu-drawer-item[layout="vertical"] .mu-drawer-item-icon,mu-nav-item .mu-drawer-item-icon{width:56px;height:32px;border-radius:var(--md-sys-shape-corner-full)}.mu-drawer-item-icon mu-icon{display:flex;align-items:center;justify-content:center}.mu-drawer-item-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}mu-drawer-item[layout="vertical"] .mu-drawer-item-label,mu-nav-item .mu-drawer-item-label{flex:none;text-align:center;font-size:var(--md-sys-typescale-label-medium-size,12px);font-weight:var(--md-sys-typescale-label-medium-weight,500)}mu-drawer-item[hide-label] .mu-drawer-item-label{display:none}mu-drawer-item[hide-label] .mu-drawer-item-link{width:auto;padding:12px;min-width:48px;min-height:48px;border-radius:var(--md-sys-shape-corner-full);background:transparent;justify-content:center}mu-drawer-item[hide-label][active] .mu-drawer-item-link{background:transparent}mu-drawer-item[hide-label][active] .mu-drawer-item-icon{background:var(--md-sys-color-secondary-container);width:56px;height:32px;border-radius:var(--md-sys-shape-corner-full)}mu-drawer-item[hide-label] .mu-drawer-item-link:hover:not([disabled]){background:transparent}mu-drawer-item[hide-label] .mu-drawer-item-icon:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) calc(var(--md-sys-state-hover-opacity,0.08) * 100%),transparent);border-radius:var(--md-sys-shape-corner-full)}.mu-drawer-item-badge{min-width:16px;height:16px;padding:0 4px;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-error);color:var(--md-sys-color-on-error);font-size:11px;font-weight:500;display:flex;align-items:center;justify-content:center;flex-shrink:0}mu-drawer-item[layout="vertical"] .mu-drawer-item-badge,mu-nav-item .mu-drawer-item-badge{position:absolute;top:0;right:8px}mu-bottom-nav{display:block;position:fixed;bottom:0;left:0;right:0;z-index:var(--mu-z-bottom-nav,150)}.mu-bottom-nav-nav{display:flex;align-items:stretch;justify-content:space-around;height:var(--mu-bottom-nav-height,80px);background:var(--md-sys-color-surface-container);border-top:1px solid var(--md-sys-color-outline-variant);padding:0 8px;padding-bottom:env(safe-area-inset-bottom,0)}.mu-bottom-nav-nav>mu-nav-item,.mu-bottom-nav-nav>mu-drawer-item{flex:1;max-width:120px}mu-layout{display:flex;flex-direction:column;height:100vh;background:var(--md-sys-color-background);color:var(--md-sys-color-on-background);overflow:hidden}.mu-layout-wrapper{display:flex;flex-direction:column;flex:1;height:100vh;overflow:hidden}.mu-layout-header{flex-shrink:0;width:100%;z-index:var(--z-sticky,100)}.mu-layout-body{display:flex;flex:1;overflow:hidden;min-height:0}.mu-layout-drawer{flex-shrink:0;height:100%;overflow-y:auto;overflow-x:hidden}@media (max-width:599px){.mu-layout-drawer{position:fixed;top:0;left:0;height:100vh;z-index:var(--mu-z-drawer,250)}}.mu-layout-main{flex:1;display:flex;flex-direction:column;min-width:0;height:100%;overflow-y:auto}.mu-layout-content{flex:1;padding:16px}mu-layout[has-bottom-nav] .mu-layout-content{padding-bottom:calc(var(--mu-bottom-nav-height,80px)+16px+env(safe-area-inset-bottom,0))}@media (max-width:599px){.mu-layout-content{padding:8px}mu-layout[has-bottom-nav] .mu-layout-content{padding-bottom:calc(var(--mu-bottom-nav-height,80px)+8px+env(safe-area-inset-bottom,0))}}.mu-layout-footer{flex-shrink:0;width:100%}.mu-layout-bottom{}mu-layout.mu-loading .mu-layout-content::before{content:'';position:fixed;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--md-sys-color-primary) 0%,var(--md-sys-color-primary-container) 50%,var(--md-sys-color-primary) 100%);background-size:200% 100%;animation:loading-bar 1.5s ease-in-out infinite;z-index:var(--z-overlay,9999)}@keyframes loading-bar{0%{background-position:200% 0}100%{background-position:-200% 0}}mu-drawer{display:block;position:relative;z-index:var(--mu-z-drawer,250)}.mu-drawer-scrim{position:fixed;inset:0;background:rgba(0,0,0,0.32);opacity:0;visibility:hidden;transition:opacity var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-standard),visibility var(--md-sys-motion-duration-medium2);z-index:var(--mu-z-drawer-scrim,240)}.mu-drawer-scrim.mu-drawer-scrim-visible{opacity:1;visibility:visible}.mu-drawer-nav{display:flex;flex-direction:column;background:var(--md-sys-color-surface-container-low);border-right:1px solid var(--md-sys-color-outline-variant);height:100%;overflow-y:auto;overflow-x:hidden;transition:width var(--md-sys-motion-duration-short3,150ms) var(--md-sys-motion-easing-emphasized-accelerate,cubic-bezier(0.3,0,0.8,0.15)),transform var(--md-sys-motion-duration-short3,150ms) var(--md-sys-motion-easing-emphasized-accelerate,cubic-bezier(0.3,0,0.8,0.15))}mu-drawer[position="end"] .mu-drawer-nav{border-right:none;border-left:1px solid var(--md-sys-color-outline-variant)}.mu-drawer-nav.mu-drawer-mode-expanded{width:var(--mu-drawer-standard-width,256px)}.mu-drawer-nav.mu-drawer-mode-rail{width:var(--mu-drawer-rail-width,80px)}.mu-drawer-nav.mu-drawer-mode-rail.mu-drawer-expanded-hover{width:var(--mu-drawer-standard-width,256px);box-shadow:var(--md-sys-elevation-level2);transition:width var(--md-sys-motion-duration-medium2,300ms) var(--md-sys-motion-easing-emphasized-decelerate,cubic-bezier(0.05,0.7,0.1,1)),transform var(--md-sys-motion-duration-medium2,300ms) var(--md-sys-motion-easing-emphasized-decelerate,cubic-bezier(0.05,0.7,0.1,1)),box-shadow var(--md-sys-motion-duration-medium2,300ms) var(--md-sys-motion-easing-emphasized-decelerate,cubic-bezier(0.05,0.7,0.1,1))}.mu-drawer-nav.mu-drawer-mode-hidden{position:fixed;top:0;left:0;bottom:0;width:var(--mu-drawer-expanded-width,360px);max-width:calc(100vw - 56px);transform:translateX(-100%);box-shadow:var(--md-sys-elevation-level3);z-index:var(--mu-z-drawer,250)}mu-drawer[position="end"] .mu-drawer-nav.mu-drawer-mode-hidden{left:auto;right:0;transform:translateX(100%)}.mu-drawer-nav.mu-drawer-mode-hidden.mu-drawer-open{transform:translateX(0)}.mu-drawer-header{padding:16px;border-bottom:1px solid var(--md-sys-color-outline-variant);transition:opacity var(--md-sys-motion-duration-short2,100ms) var(--md-sys-motion-easing-standard),padding var(--md-sys-motion-duration-short2,100ms) var(--md-sys-motion-easing-standard)}.mu-drawer-nav.mu-drawer-mode-rail:not(.mu-drawer-expanded-hover) .mu-drawer-header{opacity:0;padding:8px;height:0;overflow:hidden;border-bottom:none}.mu-drawer-content{flex:1;padding:8px 12px;display:flex;flex-direction:column;gap:4px}.mu-drawer-nav.mu-drawer-mode-rail:not(.mu-drawer-expanded-hover) .mu-drawer-content{align-items:center;padding:8px 0}mu-datatable{display:block;font-family:var(--md-sys-typescale-font)}.mu-datatable-wrapper{background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-medium);border:1px solid var(--md-sys-color-outline-variant);overflow:hidden}.mu-datatable-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low)}.mu-datatable-search{display:flex;align-items:center;gap:8px;flex:1;max-width:300px}.mu-datatable-search input{flex:1;padding:8px 12px;border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-small);font-size:var(--md-sys-typescale-body-medium-size);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface)}.mu-datatable-search input:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:-1px;border-color:var(--md-sys-color-primary)}.mu-datatable-info{font-size:var(--md-sys-typescale-body-small-size);color:var(--md-sys-color-on-surface-variant)}.mu-datatable-table{width:100%;border-collapse:collapse}.mu-datatable-table thead{background:var(--md-sys-color-surface-container)}.mu-datatable-table th{padding:12px 16px;text-align:left;font-weight:500;font-size:var(--md-sys-typescale-label-large-size);color:var(--md-sys-color-on-surface);border-bottom:1px solid var(--md-sys-color-outline-variant);user-select:none}.mu-datatable-table th.mu-datatable-sortable{cursor:pointer;transition:background-color 0.15s}.mu-datatable-table th.mu-datatable-sortable:hover{background:var(--md-sys-color-surface-container-high)}.mu-datatable-sort-icon{margin-left:4px;opacity:0.5;font-size:16px}.mu-datatable-table th.mu-datatable-sorted .mu-datatable-sort-icon{opacity:1;color:var(--md-sys-color-primary)}.mu-datatable-table tbody tr{border-bottom:1px solid var(--md-sys-color-outline-variant);transition:background-color 0.15s}.mu-datatable-table tbody tr:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 4%,transparent)}.mu-datatable-table tbody tr.mu-datatable-selected{background:color-mix(in srgb,var(--md-sys-color-primary) 8%,transparent)}.mu-datatable-table td{padding:12px 16px;font-size:var(--md-sys-typescale-body-medium-size);color:var(--md-sys-color-on-surface)}.mu-datatable-checkbox-cell{width:48px;text-align:center}.mu-datatable-checkbox-cell input{width:18px;height:18px;accent-color:var(--md-sys-color-primary);cursor:pointer}.mu-datatable-empty-state{padding:48px 16px;text-align:center;color:var(--md-sys-color-on-surface-variant)}.mu-datatable-pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low)}.mu-datatable-pagination-info{font-size:var(--md-sys-typescale-body-small-size);color:var(--md-sys-color-on-surface-variant)}.mu-datatable-pagination-controls{display:flex;gap:4px}.mu-datatable-pagination-btn{padding:8px 12px;border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-small);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);cursor:pointer;font-size:var(--md-sys-typescale-body-small-size);transition:background-color 0.15s}.mu-datatable-pagination-btn:hover:not(:disabled){background:var(--md-sys-color-surface-container)}.mu-datatable-pagination-btn:disabled{opacity:0.5;cursor:not-allowed}.mu-datatable-pagination-btn.mu-datatable-pagination-btn-active{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border-color:var(--md-sys-color-primary)}mu-schema-form{display:block;font-family:var(--md-sys-typescale-font)}.mu-schema-form{display:flex;flex-direction:column;gap:20px}.mu-schema-form.mu-schema-form-inline{flex-direction:row;flex-wrap:wrap}.mu-schema-form.mu-schema-form-inline .mu-schema-form-field{flex:1;min-width:200px}.mu-schema-form-field{display:flex;flex-direction:column;gap:4px}.mu-schema-form-field.mu-schema-form-field-error mu-input,.mu-schema-form-field.mu-schema-form-field-error mu-dropdown,.mu-schema-form-field.mu-schema-form-field-error mu-textarea{--md-sys-color-outline:var(--md-sys-color-error)}.mu-schema-form-description{font-size:var(--md-sys-typescale-body-small-size);color:var(--md-sys-color-on-surface-variant);margin-top:2px}.mu-schema-form-error{font-size:var(--md-sys-typescale-body-small-size);color:var(--md-sys-color-error);margin-top:2px}.mu-schema-form-switch-row{display:flex;align-items:center;gap:12px}.mu-schema-form-switch-label{font-size:var(--md-sys-typescale-body-medium-size);color:var(--md-sys-color-on-surface)}.mu-schema-form-actions{display:flex;gap:12px;margin-top:8px;padding-top:16px;border-top:1px solid var(--md-sys-color-outline-variant)}.mu-schema-form-actions mu-button{flex:0 0 auto}.mu-schema-form-empty-state{padding:24px;text-align:center;color:var(--md-sys-color-on-surface-variant);background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-medium)}mu-prompt-input{display:block;font-family:var(--md-sys-typescale-font)}.mu-prompt-input-container{display:flex;gap:8px;background:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-large);padding:12px 16px;transition:border-color 0.2s var(--md-sys-motion-easing-standard)}.mu-prompt-input-container:focus-within{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 1px var(--md-sys-color-primary)}.mu-prompt-input-loading{opacity:0.7;pointer-events:none}.mu-prompt-input-field{flex:1;border:none;background:transparent;color:var(--md-sys-color-on-surface);font-size:var(--md-sys-typescale-body-large-size);font-family:inherit;resize:none;outline:none;min-height:24px}textarea.mu-prompt-input-field{min-height:80px}.mu-prompt-input-field::placeholder{color:var(--md-sys-color-on-surface-variant)}.mu-prompt-input-submit{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);cursor:pointer;transition:background 0.2s,transform 0.1s;flex-shrink:0;align-self:flex-end}.mu-prompt-input-submit:hover:not(:disabled){background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.mu-prompt-input-submit:active:not(:disabled){transform:scale(0.95)}.mu-prompt-input-submit:disabled{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);cursor:not-allowed}.mu-prompt-input-submit svg{width:20px;height:20px}.mu-prompt-input-spinner{width:20px;height:20px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:mu-prompt-spin 0.8s linear infinite}@keyframes mu-prompt-spin{to{transform:rotate(360deg)}}mu-code-block{display:block;margin:12px 0;font-family:'SF Mono','Monaco','Consolas',monospace}.mu-code-block-container{background:var(--md-sys-color-surface-container-highest);border-radius:var(--md-sys-shape-corner-medium);overflow:hidden}.mu-code-block-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--md-sys-color-surface-container-high);border-bottom:1px solid var(--md-sys-color-outline-variant)}.mu-code-block-language{font-size:12px;color:var(--md-sys-color-on-surface-variant);text-transform:uppercase;font-weight:500}.mu-code-block-filename{font-size:12px;color:var(--md-sys-color-on-surface)}.mu-code-block-copy-btn{font-size:12px;padding:4px 8px;border:none;border-radius:4px;background:transparent;color:var(--md-sys-color-primary);cursor:pointer;transition:background 0.2s}.mu-code-block-copy-btn:hover{background:var(--md-sys-color-primary-container)}.mu-code-block-pre{margin:0;padding:16px;overflow-x:auto;font-size:13px;line-height:1.5;color:var(--md-sys-color-on-surface)}.mu-code-block-pre code{font-family:inherit}mu-agent-toolbar{display:flex;gap:4px;margin-top:8px}.mu-agent-toolbar-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:transparent;cursor:pointer;font-size:16px;opacity:0.6;transition:opacity 0.2s,background 0.2s}.mu-agent-toolbar-btn:hover{opacity:1;background:var(--md-sys-color-surface-container-high)}.mu-agent-toolbar-btn:active{transform:scale(0.95)}mu-message-bubble{display:block;margin:16px 0;font-family:var(--md-sys-typescale-font)}.mu-message-bubble-message{display:flex;gap:12px}.mu-message-bubble-message.mu-message-bubble-user{flex-direction:row-reverse}.mu-message-bubble-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.mu-message-bubble-avatar.mu-message-bubble-user{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.mu-message-bubble-avatar.mu-message-bubble-assistant{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.mu-message-bubble-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.mu-message-bubble-content{flex:1;max-width:80%}.mu-message-bubble-header{display:flex;gap:8px;align-items:center;margin-bottom:4px}.mu-message-bubble-header.mu-message-bubble-user{flex-direction:row-reverse}.mu-message-bubble-name{font-size:var(--md-sys-typescale-label-medium-size);font-weight:600;color:var(--md-sys-color-on-surface)}.mu-message-bubble-timestamp{font-size:var(--md-sys-typescale-label-small-size);color:var(--md-sys-color-on-surface-variant)}.mu-message-bubble-bubble{padding:12px 16px;line-height:1.5}.mu-message-bubble-bubble.mu-message-bubble-user{border-radius:16px 16px 4px 16px;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.mu-message-bubble-bubble.mu-message-bubble-assistant{border-radius:16px 16px 16px 4px;background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface)}mu-example{content-visibility:auto;contain-intrinsic-size:auto 300px}mu-modal,mu-confirm,dialog.mu-modal__dialog,dialog.mu-confirm__dialog{contain:layout style paint}.mu-fade-in{animation:mu-fade-in var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized);will-change:opacity}.mu-fade-out{animation:mu-fade-out var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized);will-change:opacity}@keyframes mu-fade-in{from{opacity:0}to{opacity:1}}@keyframes mu-fade-out{from{opacity:1}to{opacity:0}}.mu-slide-up{animation:mu-slide-up var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized);will-change:transform,opacity}.mu-slide-down{animation:mu-slide-down var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized);will-change:transform,opacity}.mu-slide-left{animation:mu-slide-left var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized);will-change:transform,opacity}.mu-slide-right{animation:mu-slide-right var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized);will-change:transform,opacity}@keyframes mu-slide-up{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes mu-slide-down{from{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes mu-slide-left{from{transform:translateX(20px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes mu-slide-right{from{transform:translateX(-20px);opacity:0}to{transform:translateX(0);opacity:1}}.mu-scale-in{animation:mu-scale-in var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized);will-change:transform,opacity}.mu-scale-out{animation:mu-scale-out var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized);will-change:transform,opacity}@keyframes mu-scale-in{from{transform:scale(0.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes mu-scale-out{from{transform:scale(1);opacity:1}to{transform:scale(0.9);opacity:0}}.mu-pulse{animation:mu-pulse 2s infinite;will-change:opacity}@keyframes mu-pulse{0%,100%{opacity:1}50%{opacity:0.5}}.mu-shake{animation:mu-shake 0.4s var(--md-sys-motion-easing-emphasized);will-change:transform}@keyframes mu-shake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}.mu-spin{animation:mu-spin 1s linear infinite;will-change:transform}@keyframes mu-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.mu-bounce{animation:mu-bounce 0.5s var(--md-sys-motion-easing-emphasized);will-change:transform}@keyframes mu-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.mu-transition{transition:transform var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized),opacity var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized),box-shadow var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized)}.mu-transition-slow{transition:transform var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized),opacity var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized),box-shadow var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized)}.mu-transition-fast{transition:transform var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-emphasized),opacity var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-emphasized),box-shadow var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-emphasized)}.mu-hover-lift:hover{transform:translateY(-2px);box-shadow:var(--md-sys-elevation-2);will-change:transform,box-shadow}.mu-hover-glow:hover{box-shadow:0 0 20px var(--md-sys-color-primary);will-change:box-shadow}.mu-hover-scale:hover{transform:scale(1.05);will-change:transform}
|
|
1
|
+
:root{--md-ref-palette-primary0:#000000;--md-ref-palette-primary10:#21005D;--md-ref-palette-primary20:#381E72;--md-ref-palette-primary30:#4F378B;--md-ref-palette-primary40:#6750A4;--md-ref-palette-primary50:#7F67BE;--md-ref-palette-primary60:#9A82DB;--md-ref-palette-primary70:#B69DF8;--md-ref-palette-primary80:#D0BCFF;--md-ref-palette-primary90:#EADDFF;--md-ref-palette-primary95:#F6EDFF;--md-ref-palette-primary99:#FFFBFE;--md-ref-palette-primary100:#FFFFFF;--md-ref-palette-secondary0:#000000;--md-ref-palette-secondary10:#1D192B;--md-ref-palette-secondary20:#332D41;--md-ref-palette-secondary30:#4A4458;--md-ref-palette-secondary40:#625B71;--md-ref-palette-secondary50:#7A7289;--md-ref-palette-secondary60:#958DA5;--md-ref-palette-secondary70:#B0A7C0;--md-ref-palette-secondary80:#CCC2DC;--md-ref-palette-secondary90:#E8DEF8;--md-ref-palette-secondary95:#F6EDFF;--md-ref-palette-secondary99:#FFFBFE;--md-ref-palette-secondary100:#FFFFFF;--md-ref-palette-tertiary0:#000000;--md-ref-palette-tertiary10:#31111D;--md-ref-palette-tertiary20:#492532;--md-ref-palette-tertiary30:#633B48;--md-ref-palette-tertiary40:#7D5260;--md-ref-palette-tertiary50:#986977;--md-ref-palette-tertiary60:#B58392;--md-ref-palette-tertiary70:#D29DAC;--md-ref-palette-tertiary80:#EFB8C8;--md-ref-palette-tertiary90:#FFD8E4;--md-ref-palette-tertiary95:#FFECF1;--md-ref-palette-tertiary99:#FFFBFA;--md-ref-palette-tertiary100:#FFFFFF;--md-ref-palette-error0:#000000;--md-ref-palette-error10:#410E0B;--md-ref-palette-error20:#601410;--md-ref-palette-error30:#8C1D18;--md-ref-palette-error40:#B3261E;--md-ref-palette-error50:#DC362E;--md-ref-palette-error60:#E46962;--md-ref-palette-error70:#EC928E;--md-ref-palette-error80:#F2B8B5;--md-ref-palette-error90:#F9DEDC;--md-ref-palette-error95:#FCEEEE;--md-ref-palette-error99:#FFFBF9;--md-ref-palette-error100:#FFFFFF;--md-ref-palette-neutral0:#000000;--md-ref-palette-neutral10:#1D1B20;--md-ref-palette-neutral20:#322F35;--md-ref-palette-neutral30:#48464C;--md-ref-palette-neutral40:#605D64;--md-ref-palette-neutral50:#79767D;--md-ref-palette-neutral60:#938F96;--md-ref-palette-neutral70:#AEA9B1;--md-ref-palette-neutral80:#CAC5CD;--md-ref-palette-neutral90:#E6E0E9;--md-ref-palette-neutral95:#F5EFF7;--md-ref-palette-neutral99:#FFFBFE;--md-ref-palette-neutral100:#FFFFFF;--md-ref-palette-neutral-variant0:#000000;--md-ref-palette-neutral-variant10:#1D1A22;--md-ref-palette-neutral-variant20:#322F37;--md-ref-palette-neutral-variant30:#49454F;--md-ref-palette-neutral-variant40:#605D66;--md-ref-palette-neutral-variant50:#79747E;--md-ref-palette-neutral-variant60:#938F99;--md-ref-palette-neutral-variant70:#AEA9B4;--md-ref-palette-neutral-variant80:#CAC4D0;--md-ref-palette-neutral-variant90:#E7E0EC;--md-ref-palette-neutral-variant95:#F5EEFA;--md-ref-palette-neutral-variant99:#FFFBFE;--md-ref-palette-neutral-variant100:#FFFFFF;--md-sys-color-primary:var(--md-ref-palette-primary40);--md-sys-color-on-primary:var(--md-ref-palette-primary100);--md-sys-color-primary-container:var(--md-ref-palette-primary90);--md-sys-color-on-primary-container:var(--md-ref-palette-primary10);--md-sys-color-secondary:var(--md-ref-palette-secondary40);--md-sys-color-on-secondary:var(--md-ref-palette-secondary100);--md-sys-color-secondary-container:var(--md-ref-palette-secondary90);--md-sys-color-on-secondary-container:var(--md-ref-palette-secondary10);--md-sys-color-tertiary:var(--md-ref-palette-tertiary40);--md-sys-color-on-tertiary:var(--md-ref-palette-tertiary100);--md-sys-color-tertiary-container:var(--md-ref-palette-tertiary90);--md-sys-color-on-tertiary-container:var(--md-ref-palette-tertiary10);--md-sys-color-error:var(--md-ref-palette-error40);--md-sys-color-on-error:var(--md-ref-palette-error100);--md-sys-color-error-container:var(--md-ref-palette-error90);--md-sys-color-on-error-container:var(--md-ref-palette-error10);--md-sys-color-surface:var(--md-ref-palette-neutral99);--md-sys-color-on-surface:var(--md-ref-palette-neutral10);--md-sys-color-surface-variant:var(--md-ref-palette-neutral-variant90);--md-sys-color-on-surface-variant:var(--md-ref-palette-neutral-variant30);--md-sys-color-surface-container-lowest:var(--md-ref-palette-neutral100);--md-sys-color-surface-container-low:var(--md-ref-palette-neutral96,#F7F2FA);--md-sys-color-surface-container:var(--md-ref-palette-neutral94,#F3EDF7);--md-sys-color-surface-container-high:var(--md-ref-palette-neutral92,#ECE6F0);--md-sys-color-surface-container-highest:var(--md-ref-palette-neutral90);--md-sys-color-outline:var(--md-ref-palette-neutral-variant50);--md-sys-color-outline-variant:var(--md-ref-palette-neutral-variant80);--md-sys-color-background:var(--md-ref-palette-neutral99);--md-sys-color-on-background:var(--md-ref-palette-neutral10);--md-sys-color-inverse-surface:var(--md-ref-palette-neutral20);--md-sys-color-inverse-on-surface:var(--md-ref-palette-neutral95);--md-sys-color-inverse-primary:var(--md-ref-palette-primary80);--md-sys-color-scrim:var(--md-ref-palette-neutral0);--md-sys-color-shadow:var(--md-ref-palette-neutral0);--md-sys-color-warning:#E65100;--md-sys-color-on-warning:#FFFFFF;--md-sys-color-warning-container:#FFE0B2;--md-sys-color-on-warning-container:#5D4037;--md-sys-color-success:#2E7D32;--md-sys-color-on-success:#FFFFFF;--md-sys-color-success-container:#C8E6C9;--md-sys-color-on-success-container:#1B5E20;--mu-color-primary:var(--md-sys-color-primary);--mu-color-primary-light:var(--md-sys-color-primary-container);--mu-color-primary-dark:var(--md-ref-palette-primary30);--mu-color-secondary:var(--md-sys-color-secondary);--mu-color-error:var(--md-sys-color-error);--mu-color-success:#1B5E20;--mu-color-warning:#E65100;--mu-color-info:#01579B;--mu-surface-background:var(--md-sys-color-background);--mu-surface-foreground:var(--md-sys-color-on-background);--mu-surface-card:var(--md-sys-color-surface-container-low);--mu-surface-elevated:var(--md-sys-color-surface-container);--mu-surface-muted:var(--md-sys-color-surface-variant);--mu-surface-border:var(--md-sys-color-outline-variant);--md-sys-typescale-font:'Roboto',system-ui,-apple-system,sans-serif;--md-sys-typescale-display-large-size:57px;--md-sys-typescale-display-large-line-height:64px;--md-sys-typescale-display-large-weight:400;--md-sys-typescale-display-medium-size:45px;--md-sys-typescale-display-medium-line-height:52px;--md-sys-typescale-display-small-size:36px;--md-sys-typescale-display-small-line-height:44px;--md-sys-typescale-headline-large-size:32px;--md-sys-typescale-headline-large-line-height:40px;--md-sys-typescale-headline-medium-size:28px;--md-sys-typescale-headline-medium-line-height:36px;--md-sys-typescale-headline-small-size:24px;--md-sys-typescale-headline-small-line-height:32px;--md-sys-typescale-title-large-size:22px;--md-sys-typescale-title-large-line-height:28px;--md-sys-typescale-title-large-weight:400;--md-sys-typescale-title-medium-size:16px;--md-sys-typescale-title-medium-line-height:24px;--md-sys-typescale-title-medium-weight:500;--md-sys-typescale-title-small-size:14px;--md-sys-typescale-title-small-line-height:20px;--md-sys-typescale-title-small-weight:500;--md-sys-typescale-body-large-size:16px;--md-sys-typescale-body-large-line-height:24px;--md-sys-typescale-body-medium-size:14px;--md-sys-typescale-body-medium-line-height:20px;--md-sys-typescale-body-small-size:12px;--md-sys-typescale-body-small-line-height:16px;--md-sys-typescale-label-large-size:14px;--md-sys-typescale-label-large-line-height:20px;--md-sys-typescale-label-large-weight:500;--md-sys-typescale-label-medium-size:12px;--md-sys-typescale-label-medium-line-height:16px;--md-sys-typescale-label-medium-weight:500;--md-sys-typescale-label-small-size:11px;--md-sys-typescale-label-small-line-height:16px;--md-sys-typescale-label-small-weight:500;--mu-font-sans:var(--md-sys-typescale-font);--mu-font-size-xs:11px;--mu-font-size-sm:12px;--mu-font-size-base:14px;--mu-font-size-lg:16px;--mu-font-size-xl:22px;--mu-font-weight-normal:400;--mu-font-weight-medium:500;--mu-font-weight-bold:700;--md-sys-shape-corner-none:0;--md-sys-shape-corner-extra-small:4px;--md-sys-shape-corner-small:8px;--md-sys-shape-corner-medium:12px;--md-sys-shape-corner-large:16px;--md-sys-shape-corner-extra-large:28px;--md-sys-shape-corner-full:9999px;--mu-radius-none:var(--md-sys-shape-corner-none);--mu-radius-sm:var(--md-sys-shape-corner-extra-small);--mu-radius-md:var(--md-sys-shape-corner-small);--mu-radius-lg:var(--md-sys-shape-corner-medium);--mu-radius-xl:var(--md-sys-shape-corner-large);--mu-radius-2xl:var(--md-sys-shape-corner-extra-large);--mu-radius-full:var(--md-sys-shape-corner-full);--md-sys-state-hover-opacity:0.08;--md-sys-state-focus-opacity:0.10;--md-sys-state-pressed-opacity:0.10;--md-sys-state-dragged-opacity:0.16;--md-sys-elevation-level0:none;--md-sys-elevation-level1:0 1px 2px 0 rgba(0,0,0,0.3),0 1px 3px 1px rgba(0,0,0,0.15);--md-sys-elevation-level2:0 1px 2px 0 rgba(0,0,0,0.3),0 2px 6px 2px rgba(0,0,0,0.15);--md-sys-elevation-level3:0 1px 3px 0 rgba(0,0,0,0.3),0 4px 8px 3px rgba(0,0,0,0.15);--md-sys-elevation-level4:0 2px 3px 0 rgba(0,0,0,0.3),0 6px 10px 4px rgba(0,0,0,0.15);--md-sys-elevation-level5:0 4px 4px 0 rgba(0,0,0,0.3),0 8px 12px 6px rgba(0,0,0,0.15);--mu-shadow-none:var(--md-sys-elevation-level0);--mu-shadow-sm:var(--md-sys-elevation-level1);--mu-shadow-md:var(--md-sys-elevation-level2);--mu-shadow-lg:var(--md-sys-elevation-level3);--mu-shadow-xl:var(--md-sys-elevation-level4);--mu-shadow-2xl:var(--md-sys-elevation-level5);--mu-spacing-0:0;--mu-spacing-1:4px;--mu-spacing-2:8px;--mu-spacing-3:12px;--mu-spacing-4:16px;--mu-spacing-5:20px;--mu-spacing-6:24px;--mu-spacing-8:32px;--mu-spacing-10:40px;--mu-spacing-12:48px;--mu-spacing-16:64px;--mu-z-base:0;--mu-z-dropdown:100;--mu-z-sticky:200;--mu-z-fixed:300;--mu-z-backdrop:400;--mu-z-modal:500;--mu-z-popover:600;--mu-z-tooltip:700;--mu-z-toast:800;--md-sys-motion-duration-short1:50ms;--md-sys-motion-duration-short2:100ms;--md-sys-motion-duration-short3:150ms;--md-sys-motion-duration-short4:200ms;--md-sys-motion-duration-medium1:250ms;--md-sys-motion-duration-medium2:300ms;--md-sys-motion-duration-medium3:350ms;--md-sys-motion-duration-medium4:400ms;--md-sys-motion-duration-long1:450ms;--md-sys-motion-duration-long2:500ms;--md-sys-motion-duration-long3:550ms;--md-sys-motion-duration-long4:600ms;--md-sys-motion-duration-extra-long1:700ms;--md-sys-motion-duration-extra-long2:800ms;--md-sys-motion-duration-extra-long3:900ms;--md-sys-motion-duration-extra-long4:1000ms;--md-sys-motion-easing-standard:cubic-bezier(0.2,0,0,1);--md-sys-motion-easing-standard-decelerate:cubic-bezier(0,0,0,1);--md-sys-motion-easing-standard-accelerate:cubic-bezier(0.3,0,1,1);--md-sys-motion-easing-emphasized:cubic-bezier(0.2,0,0,1);--md-sys-motion-easing-emphasized-decelerate:cubic-bezier(0.05,0.7,0.1,1);--md-sys-motion-easing-emphasized-accelerate:cubic-bezier(0.3,0,0.8,0.15);--mu-duration-fast:var(--md-sys-motion-duration-short2);--mu-duration-normal:var(--md-sys-motion-duration-short4);--mu-duration-slow:var(--md-sys-motion-duration-medium2);--mu-ease-in-out:var(--md-sys-motion-easing-standard);--mu-breakpoint-compact:600px;--mu-breakpoint-medium:840px;--mu-breakpoint-expanded:1200px;--mu-breakpoint-large:1600px;--mu-drawer-rail-width:80px;--mu-drawer-expanded-width:360px;--mu-drawer-standard-width:256px;--mu-bottom-nav-height:80px;--mu-z-drawer:250;--mu-z-drawer-scrim:240;--mu-z-bottom-nav:150}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--md-sys-color-primary:var(--md-ref-palette-primary80);--md-sys-color-on-primary:var(--md-ref-palette-primary20);--md-sys-color-primary-container:var(--md-ref-palette-primary30);--md-sys-color-on-primary-container:var(--md-ref-palette-primary90);--md-sys-color-secondary:var(--md-ref-palette-secondary80);--md-sys-color-on-secondary:var(--md-ref-palette-secondary20);--md-sys-color-secondary-container:var(--md-ref-palette-secondary30);--md-sys-color-on-secondary-container:var(--md-ref-palette-secondary90);--md-sys-color-tertiary:var(--md-ref-palette-tertiary80);--md-sys-color-on-tertiary:var(--md-ref-palette-tertiary20);--md-sys-color-tertiary-container:var(--md-ref-palette-tertiary30);--md-sys-color-on-tertiary-container:var(--md-ref-palette-tertiary90);--md-sys-color-error:var(--md-ref-palette-error80);--md-sys-color-on-error:var(--md-ref-palette-error20);--md-sys-color-error-container:var(--md-ref-palette-error30);--md-sys-color-on-error-container:var(--md-ref-palette-error90);--md-sys-color-surface:var(--md-ref-palette-neutral10);--md-sys-color-on-surface:var(--md-ref-palette-neutral90);--md-sys-color-surface-variant:var(--md-ref-palette-neutral-variant30);--md-sys-color-on-surface-variant:var(--md-ref-palette-neutral-variant80);--md-sys-color-surface-container-lowest:#0F0D13;--md-sys-color-surface-container-low:var(--md-ref-palette-neutral10);--md-sys-color-surface-container:#211F26;--md-sys-color-surface-container-high:#2B2930;--md-sys-color-surface-container-highest:#36343B;--md-sys-color-outline:var(--md-ref-palette-neutral-variant60);--md-sys-color-outline-variant:var(--md-ref-palette-neutral-variant30);--md-sys-color-background:var(--md-ref-palette-neutral10);--md-sys-color-on-background:var(--md-ref-palette-neutral90);--md-sys-color-inverse-surface:var(--md-ref-palette-neutral90);--md-sys-color-inverse-on-surface:var(--md-ref-palette-neutral20);--md-sys-color-inverse-primary:var(--md-ref-palette-primary40);--mu-color-primary:var(--md-sys-color-primary);--mu-color-primary-light:var(--md-sys-color-primary-container);--mu-surface-background:var(--md-sys-color-background);--mu-surface-foreground:var(--md-sys-color-on-background);--mu-surface-card:var(--md-sys-color-surface-container-low);--mu-surface-elevated:var(--md-sys-color-surface-container);--mu-surface-muted:var(--md-sys-color-surface-variant);--mu-surface-border:var(--md-sys-color-outline-variant)}}[data-theme="dark"]{--md-sys-color-primary:var(--md-ref-palette-primary80);--md-sys-color-on-primary:var(--md-ref-palette-primary20);--md-sys-color-primary-container:var(--md-ref-palette-primary30);--md-sys-color-on-primary-container:var(--md-ref-palette-primary90);--md-sys-color-secondary:var(--md-ref-palette-secondary80);--md-sys-color-on-secondary:var(--md-ref-palette-secondary20);--md-sys-color-secondary-container:var(--md-ref-palette-secondary30);--md-sys-color-on-secondary-container:var(--md-ref-palette-secondary90);--md-sys-color-tertiary:var(--md-ref-palette-tertiary80);--md-sys-color-on-tertiary:var(--md-ref-palette-tertiary20);--md-sys-color-tertiary-container:var(--md-ref-palette-tertiary30);--md-sys-color-on-tertiary-container:var(--md-ref-palette-tertiary90);--md-sys-color-error:var(--md-ref-palette-error80);--md-sys-color-on-error:var(--md-ref-palette-error20);--md-sys-color-error-container:var(--md-ref-palette-error30);--md-sys-color-on-error-container:var(--md-ref-palette-error90);--md-sys-color-surface:var(--md-ref-palette-neutral10);--md-sys-color-on-surface:var(--md-ref-palette-neutral90);--md-sys-color-surface-variant:var(--md-ref-palette-neutral-variant30);--md-sys-color-on-surface-variant:var(--md-ref-palette-neutral-variant80);--md-sys-color-surface-container-lowest:#0F0D13;--md-sys-color-surface-container-low:var(--md-ref-palette-neutral10);--md-sys-color-surface-container:#211F26;--md-sys-color-surface-container-high:#2B2930;--md-sys-color-surface-container-highest:#36343B;--md-sys-color-outline:var(--md-ref-palette-neutral-variant60);--md-sys-color-outline-variant:var(--md-ref-palette-neutral-variant30);--md-sys-color-background:var(--md-ref-palette-neutral10);--md-sys-color-on-background:var(--md-ref-palette-neutral90);--md-sys-color-inverse-surface:var(--md-ref-palette-neutral90);--md-sys-color-inverse-on-surface:var(--md-ref-palette-neutral20);--md-sys-color-inverse-primary:var(--md-ref-palette-primary40);--mu-color-primary:var(--md-sys-color-primary);--mu-color-primary-light:var(--md-sys-color-primary-container);--mu-surface-background:var(--md-sys-color-background);--mu-surface-foreground:var(--md-sys-color-on-background);--mu-surface-card:var(--md-sys-color-surface-container-low);--mu-surface-elevated:var(--md-sys-color-surface-container);--mu-surface-muted:var(--md-sys-color-surface-variant);--mu-surface-border:var(--md-sys-color-outline-variant)}[data-theme="light"]{--md-sys-color-primary:var(--md-ref-palette-primary40);--md-sys-color-on-primary:var(--md-ref-palette-primary100);--md-sys-color-primary-container:var(--md-ref-palette-primary90);--md-sys-color-on-primary-container:var(--md-ref-palette-primary10);--md-sys-color-surface:var(--md-ref-palette-neutral99);--md-sys-color-on-surface:var(--md-ref-palette-neutral10);--md-sys-color-background:var(--md-ref-palette-neutral99);--md-sys-color-on-background:var(--md-ref-palette-neutral10)}.mu-text-primary{color:var(--md-sys-color-on-surface)}.mu-text-secondary{color:var(--md-sys-color-on-surface-variant)}.mu-text-disabled{color:color-mix(in srgb,var(--md-sys-color-on-surface) 38%,transparent)}.mu-text-error{color:var(--md-sys-color-error)}.mu-text-success{color:var(--md-sys-color-success)}.mu-text-warning{color:var(--md-sys-color-warning)}.mu-text-display-large{font-size:var(--md-sys-typescale-display-large-size);line-height:var(--md-sys-typescale-display-large-line-height)}.mu-text-display-medium{font-size:var(--md-sys-typescale-display-medium-size);line-height:var(--md-sys-typescale-display-medium-line-height)}.mu-text-display-small{font-size:var(--md-sys-typescale-display-small-size);line-height:var(--md-sys-typescale-display-small-line-height)}.mu-text-headline-large{font-size:var(--md-sys-typescale-headline-large-size);line-height:var(--md-sys-typescale-headline-large-line-height)}.mu-text-headline-medium{font-size:var(--md-sys-typescale-headline-medium-size);line-height:var(--md-sys-typescale-headline-medium-line-height)}.mu-text-headline-small{font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--md-sys-typescale-headline-small-line-height)}.mu-text-title-large{font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height);font-weight:var(--md-sys-typescale-title-large-weight)}.mu-text-title-medium{font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height);font-weight:var(--md-sys-typescale-title-medium-weight)}.mu-text-title-small{font-size:var(--md-sys-typescale-title-small-size);line-height:var(--md-sys-typescale-title-small-line-height);font-weight:var(--md-sys-typescale-title-small-weight)}.mu-text-body-large{font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height)}.mu-text-body-medium{font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height)}.mu-text-body-small{font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height)}.mu-text-label-large{font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);font-weight:var(--md-sys-typescale-label-large-weight)}.mu-text-label-medium{font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height);font-weight:var(--md-sys-typescale-label-medium-weight)}.mu-text-label-small{font-size:var(--md-sys-typescale-label-small-size);line-height:var(--md-sys-typescale-label-small-line-height);font-weight:var(--md-sys-typescale-label-small-weight)}*,*::before,*::after{box-sizing:border-box}.mu-state-layer{position:relative;overflow:hidden}.mu-state-layer::before{content:'';position:absolute;inset:0;border-radius:inherit;opacity:0;transition:opacity var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);pointer-events:none}.mu-state-layer--surface::before,.mu-state-layer:not([class*="mu-state-layer--"])::before{background:var(--md-sys-color-on-surface)}.mu-state-layer--on-primary::before{background:var(--md-sys-color-on-primary)}.mu-state-layer--on-secondary::before{background:var(--md-sys-color-on-secondary-container)}.mu-state-layer--on-error::before{background:var(--md-sys-color-on-error)}.mu-state-layer:hover:not(:disabled)::before{opacity:var(--md-sys-state-hover-opacity)}.mu-state-layer:focus-visible:not(:disabled)::before{opacity:var(--md-sys-state-focus-opacity)}.mu-state-layer:active:not(:disabled)::before{opacity:var(--md-sys-state-pressed-opacity)}.mu-state-layer:disabled::before,.mu-state-layer.is-disabled::before{display:none}mu-icon,.mu-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1;vertical-align:middle}mu-icon .material-symbols-outlined{font-family:'Material Symbols Outlined',sans-serif;font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:'liga'}mu-icon svg{display:block}.mu-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:48px;height:40px;padding:0 24px;font-family:var(--md-sys-typescale-font);font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);line-height:var(--md-sys-typescale-label-large-line-height);letter-spacing:0.1px;text-decoration:none;white-space:nowrap;border:none;border-radius:var(--md-sys-shape-corner-full);cursor:pointer;overflow:hidden}.mu-button::before{content:'';position:absolute;inset:0;border-radius:inherit;opacity:0;transition:opacity var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.mu-button--sm{height:32px;padding:0 16px;font-size:var(--md-sys-typescale-label-medium-size)}.mu-button--md{height:40px;padding:0 24px}.mu-button--lg{height:48px;padding:0 32px;font-size:var(--md-sys-typescale-body-large-size)}.mu-button--primary{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.mu-button--primary::before{background:var(--md-sys-color-on-primary)}.mu-button--primary:hover:not(:disabled)::before{opacity:var(--md-sys-state-hover-opacity)}.mu-button--primary:focus-visible:not(:disabled)::before{opacity:var(--md-sys-state-focus-opacity)}.mu-button--primary:active:not(:disabled)::before{opacity:var(--md-sys-state-pressed-opacity)}.mu-button--primary:hover:not(:disabled){box-shadow:var(--md-sys-elevation-level1)}.mu-button--secondary{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.mu-button--secondary::before{background:var(--md-sys-color-on-secondary-container)}.mu-button--secondary:hover:not(:disabled)::before{opacity:var(--md-sys-state-hover-opacity)}.mu-button--secondary:focus-visible:not(:disabled)::before{opacity:var(--md-sys-state-focus-opacity)}.mu-button--secondary:active:not(:disabled)::before{opacity:var(--md-sys-state-pressed-opacity)}.mu-button--secondary:hover:not(:disabled){box-shadow:var(--md-sys-elevation-level1)}.mu-button--ghost{background:transparent;color:var(--md-sys-color-primary);border:1px solid var(--md-sys-color-outline)}.mu-button--ghost::before{background:var(--md-sys-color-primary)}.mu-button--ghost:hover:not(:disabled)::before{opacity:var(--md-sys-state-hover-opacity)}.mu-button--ghost:focus-visible:not(:disabled)::before{opacity:var(--md-sys-state-focus-opacity)}.mu-button--danger{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}.mu-button--danger::before{background:var(--md-sys-color-on-error)}.mu-button--danger:hover:not(:disabled)::before{opacity:var(--md-sys-state-hover-opacity)}.mu-button--danger:hover:not(:disabled){box-shadow:var(--md-sys-elevation-level1)}.mu-button:disabled,.mu-button.is-disabled{background:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent);color:color-mix(in srgb,var(--md-sys-color-on-surface) 38%,transparent);cursor:not-allowed;box-shadow:none}.mu-button:disabled::before,.mu-button.is-disabled::before{display:none}.mu-button--elevated{background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-primary);box-shadow:var(--md-sys-elevation-level1)}.mu-button--elevated::before{background:var(--md-sys-color-primary)}.mu-button--elevated:hover:not(:disabled)::before{opacity:var(--md-sys-state-hover-opacity)}.mu-button--elevated:hover:not(:disabled){box-shadow:var(--md-sys-elevation-level2)}.mu-button--elevated:focus-visible:not(:disabled)::before{opacity:var(--md-sys-state-focus-opacity)}.mu-button--elevated:active:not(:disabled)::before{opacity:var(--md-sys-state-pressed-opacity)}.mu-button--filled{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.mu-button--filled::before{background:var(--md-sys-color-on-primary)}.mu-button--filled:hover:not(:disabled)::before{opacity:var(--md-sys-state-hover-opacity)}.mu-button--filled:hover:not(:disabled){box-shadow:var(--md-sys-elevation-level1)}.mu-button--filled:focus-visible:not(:disabled)::before{opacity:var(--md-sys-state-focus-opacity)}.mu-button--filled:active:not(:disabled)::before{opacity:var(--md-sys-state-pressed-opacity)}.mu-button--tonal{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.mu-button--tonal::before{background:var(--md-sys-color-on-secondary-container)}.mu-button--tonal:hover:not(:disabled)::before{opacity:var(--md-sys-state-hover-opacity)}.mu-button--tonal:hover:not(:disabled){box-shadow:var(--md-sys-elevation-level1)}.mu-button--tonal:focus-visible:not(:disabled)::before{opacity:var(--md-sys-state-focus-opacity)}.mu-button--tonal:active:not(:disabled)::before{opacity:var(--md-sys-state-pressed-opacity)}.mu-button--outlined{background:transparent;color:var(--md-sys-color-primary);border:1px solid var(--md-sys-color-outline)}.mu-button--outlined::before{background:var(--md-sys-color-primary)}.mu-button--outlined:hover:not(:disabled)::before{opacity:var(--md-sys-state-hover-opacity)}.mu-button--outlined:focus-visible:not(:disabled)::before{opacity:var(--md-sys-state-focus-opacity)}.mu-button--outlined:active:not(:disabled)::before{opacity:var(--md-sys-state-pressed-opacity)}.mu-button--text{background:transparent;color:var(--md-sys-color-primary);padding:0 12px}.mu-button--text::before{background:var(--md-sys-color-primary)}.mu-button--text:hover:not(:disabled)::before{opacity:var(--md-sys-state-hover-opacity)}.mu-button--text:focus-visible:not(:disabled)::before{opacity:var(--md-sys-state-focus-opacity)}.mu-button--text:active:not(:disabled)::before{opacity:var(--md-sys-state-pressed-opacity)}@keyframes md-ripple{from{transform:scale(0);opacity:0.12}to{transform:scale(2.5);opacity:0}}@keyframes mu-ripple-expand{from{transform:scale(0);opacity:0.20}to{transform:scale(1);opacity:0}}.mu-button.ripple::after{content:'';position:absolute;width:100%;height:100%;border-radius:50%;background:currentColor;transform:scale(0);animation:md-ripple var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-standard);pointer-events:none}.mu-button.is-loading{color:transparent}.mu-button.is-loading::after{content:'';position:absolute;width:20px;height:20px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin 0.75s linear infinite}.mu-input{position:relative;display:block;width:100%}.mu-input__label{position:absolute;left:16px;top:50%;transform:translateY(-50%) scale(1);transform-origin:left center;font-size:16px;color:var(--md-sys-color-on-surface-variant);pointer-events:none;transition:top var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-emphasized),transform var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-emphasized),color var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard);z-index:1}.mu-input:focus-within .mu-input__label,.mu-input.has-value .mu-input__label{top:6px;transform:translateY(0) scale(0.75)}.mu-input:focus-within .mu-input__label{color:var(--md-sys-color-primary)}.mu-input--outlined .mu-input__label{background:var(--md-sys-color-surface,#fff);padding:0 4px;margin-left:-4px}.mu-input:has(.mu-input__label) .mu-input__field{padding-top:24px;padding-bottom:8px}.mu-input::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--md-sys-color-primary);transition:width var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized),left var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized)}.mu-input.is-focused::after,.mu-input:focus-within::after{width:100%;left:0}.mu-input__field{display:block;width:100%;height:56px;padding:16px;font-family:var(--md-sys-typescale-font);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);color:var(--md-sys-color-on-surface);background:var(--md-sys-color-surface-container-highest);border:none;border-bottom:1px solid var(--md-sys-color-on-surface-variant);border-radius:var(--md-sys-shape-corner-extra-small) var(--md-sys-shape-corner-extra-small) 0 0;caret-color:var(--md-sys-color-primary);transition:background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),border-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.mu-input__field::placeholder{color:var(--md-sys-color-on-surface-variant);transition:opacity var(--md-sys-motion-duration-short2)}.mu-input__field:focus::placeholder{opacity:0.6}.mu-input__field:hover:not(:disabled):not(:focus){background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 95%,var(--md-sys-color-on-surface) 5%);border-bottom-color:var(--md-sys-color-on-surface)}.mu-input--outlined:has(.mu-input__field:hover:not(:disabled):not(:focus)) .mu-input__label{background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 95%,var(--md-sys-color-on-surface) 5%)}.mu-input__field:focus{outline:none;border-bottom-color:transparent}.mu-input--sm .mu-input__field{height:40px;padding:8px 12px;font-size:var(--md-sys-typescale-body-medium-size)}.mu-input--md .mu-input__field{height:56px;padding:16px}.mu-input--lg .mu-input__field{height:64px;padding:20px;font-size:18px}.mu-input--filled .mu-input__field{background:var(--md-sys-color-surface-container-highest)}.mu-input--outlined .mu-input__field{height:56px;padding:16px;background:transparent;border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-extra-small);transition:border-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),box-shadow var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.mu-input--outlined .mu-input__field:hover:not(:disabled):not(:focus){border-color:var(--md-sys-color-on-surface)}.mu-input--outlined .mu-input__field:focus{border-color:var(--md-sys-color-primary);box-shadow:inset 0 0 0 1px var(--md-sys-color-primary);outline:none}.mu-input--outlined::after{display:none}.mu-input.is-disabled .mu-input__field,.mu-input__field:disabled{color:color-mix(in srgb,var(--md-sys-color-on-surface) 38%,transparent);background:color-mix(in srgb,var(--md-sys-color-on-surface) 4%,transparent);border-bottom-color:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent);cursor:not-allowed}.mu-input__field[type="number"]::-webkit-inner-spin-button,.mu-input__field[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.mu-input__field[type="number"]{-moz-appearance:textfield;appearance:textfield}.mu-card{display:block;border-radius:var(--md-sys-shape-corner-medium);overflow:hidden;padding:20px}.mu-card--flat,.mu-card--filled{background:var(--md-sys-color-surface-container-highest);box-shadow:none}.mu-card--elevated{background:var(--md-sys-color-surface-container-low);box-shadow:var(--md-sys-elevation-level1);transition:transform var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.mu-card--elevated:hover{transform:translateY(-2px)}.mu-card--outlined{background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant);box-shadow:none}.mu-card--padding-none{padding:0}.mu-card--padding-sm{padding:12px}.mu-card--padding-md{padding:20px}.mu-card--padding-lg{padding:28px}.mu-card--radius-none{border-radius:0}.mu-card--radius-sm{border-radius:var(--md-sys-shape-corner-small)}.mu-card--radius-md{border-radius:var(--md-sys-shape-corner-medium)}.mu-card--radius-lg{border-radius:var(--md-sys-shape-corner-large)}.mu-card--radius-full{border-radius:var(--md-sys-shape-corner-full)}.mu-card--clickable{cursor:pointer;position:relative}.mu-card--clickable::before{content:'';position:absolute;inset:0;border-radius:inherit;background:var(--md-sys-color-on-surface);opacity:0;transition:opacity var(--md-sys-motion-duration-short2);pointer-events:none}.mu-card--clickable:hover::before{opacity:var(--md-sys-state-hover-opacity)}.mu-card--clickable:active::before{opacity:var(--md-sys-state-pressed-opacity)}.mu-card__header{padding:16px;padding-bottom:0}.mu-card__body{padding:16px}.mu-card__footer{padding:16px;padding-top:0}.mu-card h3{margin:0 0 8px;font-size:var(--md-sys-typescale-title-medium-size);font-weight:var(--md-sys-typescale-title-medium-weight)}.mu-card p{margin:0;color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-medium-size)}mu-stack{display:flex;flex-direction:column;gap:var(--md-sys-spacing-md,16px)}mu-stack[direction="row"]{flex-direction:row}mu-stack[direction="column"]{flex-direction:column}mu-stack[direction="row-reverse"]{flex-direction:row-reverse}mu-stack[direction="column-reverse"]{flex-direction:column-reverse}mu-stack[gap="none"]{gap:0}mu-stack[gap="xs"]{gap:var(--md-sys-spacing-xs,4px)}mu-stack[gap="sm"]{gap:var(--md-sys-spacing-sm,8px)}mu-stack[gap="md"]{gap:var(--md-sys-spacing-md,16px)}mu-stack[gap="lg"]{gap:var(--md-sys-spacing-lg,24px)}mu-stack[gap="xl"]{gap:var(--md-sys-spacing-xl,32px)}mu-stack[align="start"]{align-items:flex-start}mu-stack[align="center"]{align-items:center}mu-stack[align="end"]{align-items:flex-end}mu-stack[align="stretch"]{align-items:stretch}mu-stack[justify="start"]{justify-content:flex-start}mu-stack[justify="center"]{justify-content:center}mu-stack[justify="end"]{justify-content:flex-end}mu-stack[justify="between"]{justify-content:space-between}mu-stack[wrap]{flex-wrap:wrap}mu-grid{display:grid;gap:var(--md-sys-spacing-md,16px)}mu-grid[cols="1"]{grid-template-columns:repeat(1,1fr)}mu-grid[cols="2"]{grid-template-columns:repeat(2,1fr)}mu-grid[cols="3"]{grid-template-columns:repeat(3,1fr)}mu-grid[cols="4"]{grid-template-columns:repeat(4,1fr)}mu-grid[cols="6"]{grid-template-columns:repeat(6,1fr)}mu-grid[cols="12"]{grid-template-columns:repeat(12,1fr)}mu-grid[gap="none"]{gap:0}mu-grid[gap="xs"]{gap:var(--md-sys-spacing-xs,4px)}mu-grid[gap="sm"]{gap:var(--md-sys-spacing-sm,8px)}mu-grid[gap="md"]{gap:var(--md-sys-spacing-md,16px)}mu-grid[gap="lg"]{gap:var(--md-sys-spacing-lg,24px)}mu-grid[gap="xl"]{gap:var(--md-sys-spacing-xl,32px)}@media (max-width:599px){mu-grid[cols="2"],mu-grid[cols="3"],mu-grid[cols="4"],mu-grid[cols="6"]{grid-template-columns:1fr !important}}.mu-stack{display:flex}.mu-stack--row{flex-direction:row}.mu-stack--column{flex-direction:column}.mu-stack--row-reverse{flex-direction:row-reverse}.mu-stack--column-reverse{flex-direction:column-reverse}.mu-stack--gap-0{gap:0}.mu-stack--gap-1{gap:4px}.mu-stack--gap-2{gap:8px}.mu-stack--gap-3{gap:12px}.mu-stack--gap-4{gap:16px}.mu-stack--gap-5{gap:20px}.mu-stack--gap-6{gap:24px}.mu-stack--gap-8{gap:32px}.mu-stack--gap-10{gap:40px}.mu-stack--gap-12{gap:48px}.mu-stack--gap-16{gap:64px}.mu-stack--align-start{align-items:flex-start}.mu-stack--align-center{align-items:center}.mu-stack--align-end{align-items:flex-end}.mu-stack--align-stretch{align-items:stretch}.mu-stack--align-baseline{align-items:baseline}.mu-stack--justify-start{justify-content:flex-start}.mu-stack--justify-center{justify-content:center}.mu-stack--justify-end{justify-content:flex-end}.mu-stack--justify-between{justify-content:space-between}.mu-stack--justify-around{justify-content:space-around}.mu-stack--justify-evenly{justify-content:space-evenly}.mu-stack--wrap{flex-wrap:wrap}.mu-alert,mu-alert{display:flex;align-items:center;gap:12px;padding:16px;border-radius:var(--md-sys-shape-corner-medium,12px);font-size:var(--md-sys-typescale-body-medium-size,14px);line-height:var(--md-sys-typescale-body-medium-line-height,20px);border:1px solid transparent}.mu-alert--info,mu-alert[severity="info"]{background:var(--md-sys-color-surface-container-high,#E6E0E9);color:var(--md-sys-color-on-surface,#1D1B20);border-color:var(--md-sys-color-outline-variant,#CAC4D0)}.mu-alert--info .mu-alert__icon,mu-alert[severity="info"] mu-icon{color:var(--md-sys-color-primary,#6750A4)}.mu-alert--success,mu-alert[severity="success"]{background:var(--md-sys-color-success-container,#C8E6C9);color:var(--md-sys-color-on-success-container,#1B5E20);border-color:var(--md-sys-color-success,#2E7D32)}.mu-alert--success .mu-alert__icon,mu-alert[severity="success"] mu-icon{color:var(--md-sys-color-success,#2E7D32)}.mu-alert--warning,mu-alert[severity="warning"]{background:var(--md-sys-color-warning-container,#FFF3E0);color:var(--md-sys-color-on-warning-container,#5D4037);border-color:var(--md-sys-color-warning,#FF9800)}.mu-alert--warning .mu-alert__icon,mu-alert[severity="warning"] mu-icon{color:var(--md-sys-color-warning,#FF9800)}.mu-alert--error,mu-alert[severity="error"]{background:var(--md-sys-color-error-container,#F9DEDC);color:var(--md-sys-color-on-error-container,#410E0B);border-color:var(--md-sys-color-error,#B3261E)}.mu-alert--error .mu-alert__icon,mu-alert[severity="error"] mu-icon{color:var(--md-sys-color-error,#B3261E)}.mu-alert__icon,mu-alert mu-icon:first-child{flex-shrink:0;display:flex;align-items:center;justify-content:center}.mu-alert__content{flex:1;min-width:0}.mu-alert__title{display:block;font-weight:var(--md-sys-typescale-title-small-weight,500);margin-bottom:4px}.mu-alert__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin:-8px -8px -8px 0;background:transparent;border:none;border-radius:var(--md-sys-shape-corner-full,50%);cursor:pointer;color:currentColor;opacity:0.7;transition:opacity 0.2s,background 0.2s}.mu-alert__close:hover{opacity:1;background:var(--md-sys-color-on-surface-variant,rgba(0,0,0,0.08))}.mu-alert__close:focus-visible{outline:2px solid var(--md-sys-color-primary,#6750A4);outline-offset:2px}.mu-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;font-family:var(--md-sys-typescale-font);font-size:var(--md-sys-typescale-label-small-size);font-weight:var(--md-sys-typescale-label-small-weight);line-height:1;border-radius:var(--md-sys-shape-corner-full)}.mu-badge--sm{min-width:16px;height:16px;font-size:10px}.mu-badge--md{min-width:20px;height:20px;padding:0 6px}.mu-badge--lg{min-width:24px;height:24px;padding:0 8px;font-size:13px}.mu-badge--primary{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}.mu-badge--secondary{background:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary)}.mu-badge--success{background:#1B5E20;color:white}.mu-badge--warning{background:#E65100;color:white}.mu-badge--error{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}.mu-badge--neutral{background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface)}.mu-badge--dot{min-width:6px;width:6px;height:6px;padding:0}.mu-skeleton{display:block;background:var(--md-sys-color-surface-container-highest);border-radius:var(--md-sys-shape-corner-extra-small);animation:mu-skeleton-pulse var(--md-sys-motion-duration-extra-long4) var(--md-sys-motion-easing-standard) infinite}.mu-skeleton--circle{border-radius:50%}.mu-skeleton--text{height:16px;margin-bottom:8px}.mu-skeleton--text:last-child{width:70%}.mu-skeleton__line{height:16px;margin-bottom:8px;background:var(--md-sys-color-surface-container-highest);border-radius:var(--md-sys-shape-corner-extra-small);animation:mu-skeleton-pulse var(--md-sys-motion-duration-extra-long4) var(--md-sys-motion-easing-standard) infinite}@keyframes mu-skeleton-pulse{0%,100%{opacity:1}50%{opacity:0.4}}.mu-spinner{display:inline-block}.mu-spinner__circle{display:block;border:3px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin var(--md-sys-motion-duration-extra-long1) linear infinite}.mu-spinner--xs .mu-spinner__circle{width:16px;height:16px;border-width:2px}.mu-spinner--sm .mu-spinner__circle{width:20px;height:20px;border-width:2px}.mu-spinner--md .mu-spinner__circle{width:32px;height:32px;border-width:3px}.mu-spinner--lg .mu-spinner__circle{width:48px;height:48px;border-width:4px}.mu-spinner--xl .mu-spinner__circle{width:48px;height:48px;border-width:4px}.mu-spinner--primary{color:var(--md-sys-color-primary)}.mu-spinner--secondary{color:var(--md-sys-color-secondary)}.mu-spinner--current{color:currentColor}.mu-spinner--white{color:white}.mu-progress{position:relative;width:100%;height:8px;background:var(--md-sys-color-surface-container-highest);border-radius:4px;overflow:hidden}.mu-progress--sm{height:4px;border-radius:2px}.mu-progress--md{height:8px;border-radius:4px}.mu-progress--lg{height:12px;border-radius:6px}.mu-progress__bar{display:block;height:100%;background:var(--md-sys-color-primary);border-radius:inherit;transition:width var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-standard)}.mu-progress--success .mu-progress__bar{background:#1B5E20}.mu-progress--warning .mu-progress__bar{background:#E65100}.mu-progress--error .mu-progress__bar{background:var(--md-sys-color-error)}.mu-progress[indeterminate] .mu-progress__bar{width:50% !important;animation:mu-progress-indeterminate 1.5s infinite ease-in-out}@keyframes mu-progress-indeterminate{0%{transform:translateX(-100%)}100%{transform:translateX(300%)}}.mu-progress__label{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:var(--md-sys-typescale-label-small-size);color:var(--md-sys-color-on-surface)}.mu-tabs{display:block;width:100%;position:relative;margin-bottom:24px}.mu-tabs__list{display:flex;position:relative;border-bottom:1px solid var(--md-sys-color-surface-variant)}.mu-tabs__tab{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-width:90px;height:48px;padding:0 16px;background:transparent;border:none;font-family:var(--md-sys-typescale-font);font-size:var(--md-sys-typescale-title-small-size);font-weight:var(--md-sys-typescale-title-small-weight);color:var(--md-sys-color-on-surface-variant);cursor:pointer;overflow:hidden;transition:color var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard),background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.mu-tabs__tab::before{content:'';position:absolute;inset:0;background:var(--md-sys-color-primary);opacity:0;transition:opacity var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.mu-tabs__tab:hover::before{opacity:var(--md-sys-state-hover-opacity)}.mu-tabs__tab:active::before{opacity:var(--md-sys-state-pressed-opacity)}.mu-tabs__tab.is-active{color:var(--md-sys-color-primary)}.mu-tabs__tab::after{display:none}.mu-tabs__list::after{content:'';position:absolute;bottom:0;height:3px;background:var(--md-sys-color-primary);border-radius:3px 3px 0 0;width:var(--indicator-width,33.3333%);left:var(--indicator-left,0);transition:left var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized),width var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized)}.mu-tabs__indicator{display:none}.mu-tabs__panel,mu-tab-panel{display:block;padding:16px 0;animation:fadeIn var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard)}mu-tab-panel:not([active]),.mu-tab-panel:not(.active),.doc-tab-content:not(:first-of-type){display:none}.mu-tabs--pills .mu-tabs__list{border-bottom:none;gap:8px;padding:4px;background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-full);width:fit-content}.mu-tabs--pills .mu-tabs__tab{flex:none;height:36px;min-width:auto;border-radius:var(--md-sys-shape-corner-full);transition:color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),background-color var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized)}.mu-tabs--pills .mu-tabs__indicator{display:none}.mu-tabs--pills .mu-tabs__tab.is-active{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.mu-tabs--underline .mu-tabs__indicator{height:2px}.mu-dropdown{position:relative;display:inline-block}.mu-dropdown__trigger{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:200px;height:56px;padding:0 16px;background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-extra-small);font-family:var(--md-sys-typescale-font);font-size:var(--md-sys-typescale-body-large-size);color:var(--md-sys-color-on-surface);cursor:pointer;overflow:hidden;transition:border-color var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard),background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.mu-dropdown__trigger::before{content:'';position:absolute;inset:0;background:var(--md-sys-color-on-surface);opacity:0;transition:opacity var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);pointer-events:none;border-radius:inherit}.mu-dropdown__trigger:hover::before{opacity:var(--md-sys-state-hover-opacity,0.08)}.mu-dropdown__trigger:active::before{opacity:var(--md-sys-state-pressed-opacity,0.12)}.mu-dropdown__trigger:focus-visible{outline:none;border-color:var(--md-sys-color-primary);border-width:2px}.mu-dropdown__trigger:disabled{opacity:0.38;cursor:not-allowed;background:var(--md-sys-color-surface-container)}.mu-dropdown__trigger:disabled::before{display:none}.mu-dropdown__arrow{flex-shrink:0;color:var(--md-sys-color-on-surface-variant);transition:transform var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized)}.mu-dropdown.is-open .mu-dropdown__arrow{transform:rotate(180deg)}.mu-dropdown.is-open .mu-dropdown__trigger{border-color:var(--md-sys-color-primary);border-width:2px}.mu-dropdown__menu{position:fixed;min-width:160px;max-height:280px;overflow-y:auto;padding:8px 0;margin:0;background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-extra-small);box-shadow:var(--md-sys-elevation-level2);list-style:none;border:none;inset:unset;opacity:0;visibility:hidden;transform:scaleY(0.92) translateY(-8px);transform-origin:top center;transition:opacity var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized-decelerate),visibility var(--md-sys-motion-duration-short4),transform var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized-decelerate);pointer-events:none}.mu-dropdown__menu:popover-open{opacity:1;visibility:visible;transform:scaleY(1) translateY(0);pointer-events:auto}.mu-dropdown__menu.is-open{opacity:1 !important;visibility:visible !important;transform:scaleY(1) translateY(0);pointer-events:auto}.mu-dropdown__item,.mu-dropdown__option{position:relative;display:flex;align-items:center;height:48px;padding:0 16px;font-size:var(--md-sys-typescale-body-large-size);color:var(--md-sys-color-on-surface);cursor:pointer;overflow:hidden;transition:background var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.mu-dropdown__item::before,.mu-dropdown__option::before{content:'';position:absolute;inset:0;background:var(--md-sys-color-on-surface);opacity:0;transition:opacity var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);pointer-events:none}.mu-dropdown__item:hover::before,.mu-dropdown__option:hover::before{opacity:var(--md-sys-state-hover-opacity,0.08)}.mu-dropdown__item:active::before,.mu-dropdown__option:active::before{opacity:var(--md-sys-state-pressed-opacity,0.12)}.mu-dropdown__item:focus-visible,.mu-dropdown__option:focus-visible{outline:none}.mu-dropdown__item:focus-visible::before,.mu-dropdown__option:focus-visible::before{opacity:var(--md-sys-state-focus-opacity,0.12)}.mu-dropdown__item.is-selected,.mu-dropdown__option.is-active{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.mu-dropdown__item.is-selected::before,.mu-dropdown__option.is-active::before{background:var(--md-sys-color-on-secondary-container)}.mu-toast-container{position:fixed;z-index:9999;padding:24px;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:100%;bottom:0;left:50%;transform:translateX(-50%);align-items:center}.mu-toast-container[position="bottom-center"]{bottom:0;left:50%;transform:translateX(-50%);align-items:center}.mu-toast-container[position="top-center"]{top:0;left:50%;transform:translateX(-50%);flex-direction:column-reverse;align-items:center}.mu-toast-container[position="top-right"]{top:0;right:0;left:auto;transform:none;flex-direction:column-reverse;align-items:flex-end}.mu-toast-container[position="top-left"]{top:0;left:0;right:auto;transform:none;flex-direction:column-reverse;align-items:flex-start}.mu-toast-container[position="bottom-right"]{bottom:0;right:0;left:auto;transform:none;align-items:flex-end}.mu-toast-container[position="bottom-left"]{bottom:0;left:0;right:auto;transform:none;align-items:flex-start}.mu-toast{position:relative;pointer-events:auto;display:flex;align-items:center;gap:12px;min-height:48px;padding:14px 16px;background:var(--md-sys-color-inverse-surface);color:var(--md-sys-color-inverse-on-surface);border-radius:var(--md-sys-shape-corner-extra-small);box-shadow:var(--md-sys-elevation-level3);font-size:var(--md-sys-typescale-body-medium-size);min-width:288px;max-width:560px;animation:toastEnter 0.3s cubic-bezier(0.2,0,0,1) forwards}@keyframes toastEnter{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}.mu-toast.is-exiting{animation:toastExit 0.2s cubic-bezier(0.4,0,1,1) forwards}@keyframes toastExit{to{opacity:0;transform:scale(0.9)}}.mu-toast--info,.mu-toast--success,.mu-toast--warning,.mu-toast--error{border-left:none}.mu-toast__icon{font-size:24px}.mu-toast__content{flex:1}.mu-toast__title{display:block;font-weight:500;margin-bottom:4px}.mu-toast__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--md-sys-shape-corner-full);color:var(--md-sys-color-inverse-primary);cursor:pointer}.mu-toast__close:hover{background:rgba(255,255,255,0.08)}.mu-tooltip{position:relative;display:inline-block;cursor:pointer}.mu-tooltip__content{position:absolute;padding:8px 12px;background:var(--md-sys-color-inverse-surface);color:var(--md-sys-color-inverse-on-surface);font-family:var(--md-sys-typescale-font);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);border-radius:var(--md-sys-shape-corner-extra-small);white-space:nowrap;z-index:var(--mu-z-tooltip);pointer-events:none;opacity:0;visibility:hidden;transform:translateX(-50%) scale(0.9);transition:opacity var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard),visibility var(--md-sys-motion-duration-short3),transform var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-emphasized)}.mu-tooltip:hover .mu-tooltip__content,.mu-tooltip:focus-within .mu-tooltip__content{opacity:1;visibility:visible;transform:translateX(-50%) scale(1)}.mu-tooltip--top .mu-tooltip__content{bottom:100%;left:50%;transform:translateX(-50%) translateY(4px) scale(0.9);margin-bottom:8px}.mu-tooltip--top:hover .mu-tooltip__content{transform:translateX(-50%) translateY(0) scale(1)}.mu-tooltip--bottom .mu-tooltip__content{top:100%;left:50%;transform:translateX(-50%) translateY(-4px) scale(0.9);margin-top:8px}.mu-tooltip--bottom:hover .mu-tooltip__content{transform:translateX(-50%) translateY(0) scale(1)}.mu-tooltip--left .mu-tooltip__content{right:100%;top:50%;transform:translateY(-50%) translateX(4px) scale(0.9);margin-right:8px}.mu-tooltip--left:hover .mu-tooltip__content{transform:translateY(-50%) translateX(0) scale(1)}.mu-tooltip--right .mu-tooltip__content{left:100%;top:50%;transform:translateY(-50%) translateX(-4px) scale(0.9);margin-left:8px}.mu-tooltip--right:hover .mu-tooltip__content{transform:translateY(-50%) translateX(0) scale(1)}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes slideUp{from{opacity:0;transform:translateY(16px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideDown{from{opacity:0;transform:translateY(-16px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideInLeft{from{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes scaleIn{from{opacity:0;transform:scale(0.85)}to{opacity:1;transform:scale(1)}}@keyframes ripple{from{transform:scale(0);opacity:0.4}to{transform:scale(4);opacity:0}}.mu-button::after{content:'';position:absolute;inset:0;background:radial-gradient(circle,currentColor 10%,transparent 10.01%);transform:scale(10,10);opacity:0;transition:transform 0.3s,opacity 0.5s}.mu-button:active::after{transform:scale(0,0);opacity:0.2;transition:0s}.mu-modal{display:contents}dialog.mu-modal__dialog{border:none;padding:24px;margin:auto;background:var(--md-sys-color-surface-container-high,var(--md-sys-color-surface));border-radius:var(--md-sys-shape-corner-extra-large,28px);width:fit-content;min-width:280px;max-width:min(560px,calc(100vw - 96px));max-height:min(560px,calc(100vh - 96px));overflow-y:auto;box-shadow:var(--md-sys-elevation-3);color:var(--md-sys-color-on-surface);transform:scale(0.9);opacity:0;transition:transform var(--md-sys-motion-duration-medium3,300ms) var(--md-sys-motion-easing-emphasized-decelerate,cubic-bezier(0.05,0.7,0.1,1)),opacity var(--md-sys-motion-duration-medium2,200ms) var(--md-sys-motion-easing-standard,cubic-bezier(0.2,0,0,1))}dialog.mu-modal__dialog::backdrop{background:rgba(0,0,0,0.32);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transition:opacity var(--md-sys-motion-duration-medium2,200ms) var(--md-sys-motion-easing-standard,cubic-bezier(0.2,0,0,1))}.mu-modal.is-visible dialog.mu-modal__dialog{transform:scale(1);opacity:1}.mu-modal.is-visible dialog.mu-modal__dialog::backdrop{opacity:1}dialog.mu-modal__dialog[open]{display:flex;flex-direction:column}.mu-modal__close{position:absolute;top:12px;right:12px;width:40px;height:40px;border:none;background:transparent;border-radius:50%;font-size:20px;cursor:pointer;color:var(--md-sys-color-on-surface-variant);transition:background-color var(--md-sys-motion-duration-short2)}.mu-modal__close:hover{background:var(--md-sys-color-on-surface-variant-opacity-08,rgba(0,0,0,0.08))}.mu-modal__body{color:var(--md-sys-color-on-surface)}dialog.mu-modal__dialog.mu-modal--sm{max-width:400px}dialog.mu-modal__dialog.mu-modal--lg{max-width:720px}dialog.mu-modal__dialog.mu-modal--xl{max-width:900px}dialog.mu-modal__dialog.mu-modal--full{width:95vw;max-width:95vw;height:95vh;max-height:95vh}.mu-modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;font-size:var(--md-sys-typescale-headline-small-size,24px);font-weight:var(--md-sys-typescale-headline-small-weight,400);line-height:var(--md-sys-typescale-headline-small-line-height,32px);color:var(--md-sys-color-on-surface)}.mu-modal__footer{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.mu-button:focus-visible,.mu-tabs__tab:focus-visible,.mu-dropdown__trigger:focus-visible,.mu-input:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.mu-card,.mu-alert,.mu-badge,.mu-progress__bar{transition:transform var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard),opacity var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard),box-shadow var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard)}.mu-button,.mu-tabs__tab,.mu-dropdown__item{transition:background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),box-shadow var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),transform var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.mu-button:active:not(:disabled){transform:scale(0.98)}.mu-tabs__tab:active,.mu-dropdown__item:active{transform:scale(0.98)}.mu-theme-toggle{display:inline-flex}.mu-theme-toggle__button{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--md-sys-color-primary-container) 0%,var(--md-sys-color-secondary-container) 100%);border:2px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-full);cursor:pointer;overflow:hidden;transition:transform var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized),box-shadow var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard),border-color var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard)}.mu-theme-toggle__button:hover{transform:scale(1.1);box-shadow:0 4px 16px rgba(0,0,0,0.2),0 0 24px var(--md-sys-color-primary);border-color:var(--md-sys-color-primary)}.mu-theme-toggle__button:active{transform:scale(0.95)}.mu-theme-toggle__icon{font-size:22px;transition:transform var(--md-sys-motion-duration-medium3) var(--md-sys-motion-easing-emphasized-decelerate);filter:drop-shadow(0 2px 4px rgba(0,0,0,0.3))}.mu-theme-toggle__button:hover .mu-theme-toggle__icon{transform:rotate(20deg) scale(1.1)}[data-theme="dark"] .mu-theme-toggle__button{background:linear-gradient(135deg,rgba(255,200,50,0.15) 0%,rgba(255,150,0,0.1) 100%);border-color:rgba(255,200,50,0.3)}[data-theme="dark"] .mu-theme-toggle__button:hover{box-shadow:0 4px 16px rgba(0,0,0,0.4),0 0 32px rgba(255,200,50,0.4);border-color:rgba(255,200,50,0.6)}[data-theme="light"] .mu-theme-toggle__button{background:linear-gradient(135deg,rgba(100,100,200,0.1) 0%,rgba(50,50,150,0.05) 100%)}[data-theme="light"] .mu-theme-toggle__button:hover{box-shadow:0 4px 16px rgba(0,0,0,0.15),0 0 24px rgba(100,100,200,0.3)}.mu-navbar__links{display:flex;align-items:center;gap:4px;margin-left:24px}.mu-navbar__links a{position:relative;display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 16px;border-radius:var(--md-sys-shape-corner-full);color:var(--md-sys-color-on-surface-variant);text-decoration:none;font-family:var(--md-sys-typescale-font);font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);overflow:hidden;cursor:pointer;transition:color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.mu-navbar__links a::before{content:'';position:absolute;inset:0;border-radius:inherit;background:var(--md-sys-color-on-surface);opacity:0;transition:opacity var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);pointer-events:none}.mu-navbar__links a:hover{color:var(--md-sys-color-on-surface)}.mu-navbar__links a:hover::before{opacity:var(--md-sys-state-hover-opacity)}.mu-navbar__links a:focus-visible{outline:none}.mu-navbar__links a:focus-visible::before{opacity:var(--md-sys-state-focus-opacity)}.mu-navbar__links a:focus-visible::after{content:'';position:absolute;inset:-2px;border:2px solid var(--md-sys-color-primary);border-radius:calc(var(--md-sys-shape-corner-full)+2px);pointer-events:none}.mu-navbar__links a:active::before{opacity:var(--md-sys-state-pressed-opacity)}.mu-navbar__links a.active,.mu-navbar__links a[aria-current="page"]{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.mu-navbar__links a.active::before,.mu-navbar__links a[aria-current="page"]::before{background:var(--md-sys-color-on-secondary-container)}mu-confirm{display:none;position:fixed;inset:0;z-index:1000}mu-confirm.is-open{display:flex;align-items:center;justify-content:center}.mu-confirm__overlay{position:absolute;inset:0;background:rgba(0,0,0,0.32);opacity:0;transition:opacity 200ms var(--md-sys-motion-easing-standard)}mu-confirm.is-visible .mu-confirm__overlay{opacity:1}.mu-confirm__dialog{position:relative;min-width:280px;max-width:400px;background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-extra-large);box-shadow:var(--md-sys-elevation-level3);padding:24px;transform:scale(0.9);opacity:0;transition:transform 250ms var(--md-sys-motion-easing-emphasized),opacity 150ms var(--md-sys-motion-easing-standard)}mu-confirm.is-visible .mu-confirm__dialog{transform:scale(1);opacity:1}.mu-confirm__title{margin:0 0 16px;font-size:var(--md-sys-typescale-headline-small-size);font-weight:var(--md-sys-typescale-headline-small-weight);color:var(--md-sys-color-on-surface)}.mu-confirm__message{margin:0 0 24px;font-size:var(--md-sys-typescale-body-medium-size);color:var(--md-sys-color-on-surface-variant);line-height:1.5}.mu-confirm__actions{display:flex;justify-content:flex-end;gap:8px}mu-fetch{display:block}.mu-fetch__loading{display:flex;align-items:center;justify-content:center;min-height:100px}.mu-fetch__error{margin:16px 0}.mu-fetch__empty{display:flex;align-items:center;justify-content:center;min-height:100px;color:var(--md-sys-color-on-surface-variant)}.mu-fetch__data{display:block}.page{display:none}.page.active{display:block}.page-title{font-size:var(--md-sys-typescale-headline-medium-size,28px);line-height:var(--md-sys-typescale-headline-medium-line-height,36px);margin-bottom:8px}.page-subtitle{color:var(--md-sys-color-on-surface-variant);margin-bottom:32px;line-height:1.5}.component-section{background:var(--md-sys-color-surface-container);padding:24px;border-radius:var(--md-sys-shape-corner-large,16px);margin-bottom:24px}.section-title{font-size:var(--md-sys-typescale-title-medium-size,16px);font-weight:var(--md-sys-typescale-title-medium-weight,500);margin-top:32px;margin-bottom:16px}.section-title:first-child,.component-section>.section-title:first-child{margin-top:0}.demo-row{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.demo-label{font-size:var(--md-sys-typescale-label-small-size,11px);color:var(--md-sys-color-on-surface-variant);margin-bottom:8px;width:100%}.code-block{background:var(--md-sys-color-surface-container-highest);padding:16px;border-radius:var(--md-sys-shape-corner-medium,12px);font-family:'Fira Code','Cascadia Code','SF Mono',Consolas,monospace;font-size:13px;overflow-x:auto;margin-top:16px}.doc-tab-content{display:none}.doc-tab-content:first-of-type,.doc-tab-content.active{display:block}mu-drawer-item,mu-nav-item{display:block}.mu-drawer-item-link{display:flex;align-items:center;gap:12px;padding:0 24px 0 16px;min-height:56px;width:100%;border:none;background:transparent;color:var(--md-sys-color-on-surface-variant);text-decoration:none;cursor:pointer;border-radius:28px;font-family:var(--md-sys-typescale-font);font-size:var(--md-sys-typescale-label-large-size,14px);font-weight:var(--md-sys-typescale-label-large-weight,500);line-height:var(--md-sys-typescale-label-large-line-height,20px);transition:background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);position:relative;box-sizing:border-box}mu-drawer-item[layout="vertical"] .mu-drawer-item-link,mu-nav-item .mu-drawer-item-link{flex-direction:column;justify-content:center;gap:4px;padding:12px 16px;border-radius:var(--md-sys-shape-corner-large)}.mu-drawer-item-link:hover:not([disabled]):not([aria-disabled="true"]){background:color-mix(in srgb,var(--md-sys-color-on-surface) calc(var(--md-sys-state-hover-opacity,0.08) * 100%),transparent)}.mu-drawer-item-link:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.mu-drawer-item-link:active:not([disabled]):not([aria-disabled="true"]){background:color-mix(in srgb,var(--md-sys-color-on-surface) calc(var(--md-sys-state-pressed-opacity,0.12) * 100%),transparent)}mu-drawer-item[active] .mu-drawer-item-link{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}mu-drawer-item[active] .mu-drawer-item-link:hover{background:color-mix(in srgb,var(--md-sys-color-on-secondary-container) calc(var(--md-sys-state-hover-opacity,0.08) * 100%),var(--md-sys-color-secondary-container))}mu-drawer-item[layout="vertical"][active] .mu-drawer-item-link,mu-nav-item[active] .mu-drawer-item-link{background:transparent;color:var(--md-sys-color-on-secondary-container)}mu-drawer-item[layout="vertical"][active] .mu-drawer-item-icon,mu-nav-item[active] .mu-drawer-item-icon{background:var(--md-sys-color-secondary-container)}.mu-drawer-item-link[disabled],.mu-drawer-item-link[aria-disabled="true"]{opacity:0.38;cursor:not-allowed}.mu-drawer-item-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;position:relative;transition:background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}mu-drawer-item[layout="vertical"] .mu-drawer-item-icon,mu-nav-item .mu-drawer-item-icon{width:56px;height:32px;border-radius:var(--md-sys-shape-corner-full)}.mu-drawer-item-icon mu-icon{display:flex;align-items:center;justify-content:center}.mu-drawer-item-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}mu-drawer-item[layout="vertical"] .mu-drawer-item-label,mu-nav-item .mu-drawer-item-label{flex:none;text-align:center;font-size:var(--md-sys-typescale-label-medium-size,12px);font-weight:var(--md-sys-typescale-label-medium-weight,500)}mu-drawer-item[hide-label] .mu-drawer-item-label{display:none}mu-drawer-item[hide-label] .mu-drawer-item-link{width:auto;padding:12px;min-width:48px;min-height:48px;border-radius:var(--md-sys-shape-corner-full);background:transparent;justify-content:center}mu-drawer-item[hide-label][active] .mu-drawer-item-link{background:transparent}mu-drawer-item[hide-label][active] .mu-drawer-item-icon{background:var(--md-sys-color-secondary-container);width:56px;height:32px;border-radius:var(--md-sys-shape-corner-full)}mu-drawer-item[hide-label] .mu-drawer-item-link:hover:not([disabled]){background:transparent}mu-drawer-item[hide-label] .mu-drawer-item-icon:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) calc(var(--md-sys-state-hover-opacity,0.08) * 100%),transparent);border-radius:var(--md-sys-shape-corner-full)}.mu-drawer-item-badge{min-width:16px;height:16px;padding:0 4px;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-error);color:var(--md-sys-color-on-error);font-size:11px;font-weight:500;display:flex;align-items:center;justify-content:center;flex-shrink:0}mu-drawer-item[layout="vertical"] .mu-drawer-item-badge,mu-nav-item .mu-drawer-item-badge{position:absolute;top:0;right:8px}mu-bottom-nav{display:block;position:fixed;bottom:0;left:0;right:0;z-index:var(--mu-z-bottom-nav,150)}.mu-bottom-nav-nav{display:flex;align-items:stretch;justify-content:space-around;height:var(--mu-bottom-nav-height,80px);background:var(--md-sys-color-surface-container);border-top:1px solid var(--md-sys-color-outline-variant);padding:0 8px;padding-bottom:env(safe-area-inset-bottom,0)}.mu-bottom-nav-nav>mu-nav-item,.mu-bottom-nav-nav>mu-drawer-item{flex:1;max-width:120px}mu-layout{display:flex;flex-direction:column;height:100vh;background:var(--md-sys-color-background);color:var(--md-sys-color-on-background);overflow:hidden}.mu-layout-wrapper{display:flex;flex-direction:column;flex:1;height:100vh;overflow:hidden}.mu-layout-header{flex-shrink:0;width:100%;z-index:var(--z-sticky,100)}.mu-layout-body{display:flex;flex:1;overflow:hidden;min-height:0}.mu-layout-drawer{flex-shrink:0;height:100%;overflow-y:auto;overflow-x:hidden}@media (max-width:599px){.mu-layout-drawer{position:fixed;top:0;left:0;height:100vh;z-index:var(--mu-z-drawer,250)}}.mu-layout-main{flex:1;display:flex;flex-direction:column;min-width:0;height:100%;overflow-y:auto}.mu-layout-content{flex:1;padding:16px}mu-layout[has-bottom-nav] .mu-layout-content{padding-bottom:calc(var(--mu-bottom-nav-height,80px)+16px+env(safe-area-inset-bottom,0))}@media (max-width:599px){.mu-layout-content{padding:8px}mu-layout[has-bottom-nav] .mu-layout-content{padding-bottom:calc(var(--mu-bottom-nav-height,80px)+8px+env(safe-area-inset-bottom,0))}}.mu-layout-footer{flex-shrink:0;width:100%}.mu-layout-bottom{}mu-layout.mu-loading .mu-layout-content::before{content:'';position:fixed;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--md-sys-color-primary) 0%,var(--md-sys-color-primary-container) 50%,var(--md-sys-color-primary) 100%);background-size:200% 100%;animation:loading-bar 1.5s ease-in-out infinite;z-index:var(--z-overlay,9999)}@keyframes loading-bar{0%{background-position:200% 0}100%{background-position:-200% 0}}mu-drawer{display:block;position:relative;z-index:var(--mu-z-drawer,250)}.mu-drawer-scrim{position:fixed;inset:0;background:rgba(0,0,0,0.32);opacity:0;visibility:hidden;transition:opacity var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-standard),visibility var(--md-sys-motion-duration-medium2);z-index:var(--mu-z-drawer-scrim,240)}.mu-drawer-scrim.mu-drawer-scrim-visible{opacity:1;visibility:visible}.mu-drawer-nav{display:flex;flex-direction:column;background:var(--md-sys-color-surface-container-low);border-right:1px solid var(--md-sys-color-outline-variant);height:100%;overflow-y:auto;overflow-x:hidden;transition:width var(--md-sys-motion-duration-short3,150ms) var(--md-sys-motion-easing-emphasized-accelerate,cubic-bezier(0.3,0,0.8,0.15)),transform var(--md-sys-motion-duration-short3,150ms) var(--md-sys-motion-easing-emphasized-accelerate,cubic-bezier(0.3,0,0.8,0.15))}mu-drawer[position="end"] .mu-drawer-nav{border-right:none;border-left:1px solid var(--md-sys-color-outline-variant)}.mu-drawer-nav.mu-drawer-mode-expanded{width:var(--mu-drawer-standard-width,256px)}.mu-drawer-nav.mu-drawer-mode-rail{width:var(--mu-drawer-rail-width,80px)}.mu-drawer-nav.mu-drawer-mode-rail.mu-drawer-expanded-hover{width:var(--mu-drawer-standard-width,256px);box-shadow:var(--md-sys-elevation-level2);transition:width var(--md-sys-motion-duration-medium2,300ms) var(--md-sys-motion-easing-emphasized-decelerate,cubic-bezier(0.05,0.7,0.1,1)),transform var(--md-sys-motion-duration-medium2,300ms) var(--md-sys-motion-easing-emphasized-decelerate,cubic-bezier(0.05,0.7,0.1,1)),box-shadow var(--md-sys-motion-duration-medium2,300ms) var(--md-sys-motion-easing-emphasized-decelerate,cubic-bezier(0.05,0.7,0.1,1))}.mu-drawer-nav.mu-drawer-mode-hidden{position:fixed;top:0;left:0;bottom:0;width:var(--mu-drawer-expanded-width,360px);max-width:calc(100vw - 56px);transform:translateX(-100%);box-shadow:var(--md-sys-elevation-level3);z-index:var(--mu-z-drawer,250)}mu-drawer[position="end"] .mu-drawer-nav.mu-drawer-mode-hidden{left:auto;right:0;transform:translateX(100%)}.mu-drawer-nav.mu-drawer-mode-hidden.mu-drawer-open{transform:translateX(0)}.mu-drawer-header{padding:16px;border-bottom:1px solid var(--md-sys-color-outline-variant);transition:opacity var(--md-sys-motion-duration-short2,100ms) var(--md-sys-motion-easing-standard),padding var(--md-sys-motion-duration-short2,100ms) var(--md-sys-motion-easing-standard)}.mu-drawer-nav.mu-drawer-mode-rail:not(.mu-drawer-expanded-hover) .mu-drawer-header{opacity:0;padding:8px;height:0;overflow:hidden;border-bottom:none}.mu-drawer-content{flex:1;padding:8px 12px;display:flex;flex-direction:column;gap:4px}.mu-drawer-nav.mu-drawer-mode-rail:not(.mu-drawer-expanded-hover) .mu-drawer-content{align-items:center;padding:8px 0}mu-datatable{display:block;font-family:var(--md-sys-typescale-font)}.mu-datatable-wrapper{background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-medium);border:1px solid var(--md-sys-color-outline-variant);overflow:hidden}.mu-datatable-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low)}.mu-datatable-search{display:flex;align-items:center;gap:8px;flex:1;max-width:300px}.mu-datatable-search input{flex:1;padding:8px 12px;border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-small);font-size:var(--md-sys-typescale-body-medium-size);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface)}.mu-datatable-search input:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:-1px;border-color:var(--md-sys-color-primary)}.mu-datatable-info{font-size:var(--md-sys-typescale-body-small-size);color:var(--md-sys-color-on-surface-variant)}.mu-datatable-table{width:100%;border-collapse:collapse}.mu-datatable-table thead{background:var(--md-sys-color-surface-container)}.mu-datatable-table th{padding:12px 16px;text-align:left;font-weight:500;font-size:var(--md-sys-typescale-label-large-size);color:var(--md-sys-color-on-surface);border-bottom:1px solid var(--md-sys-color-outline-variant);user-select:none}.mu-datatable-table th.mu-datatable-sortable{cursor:pointer;transition:background-color 0.15s}.mu-datatable-table th.mu-datatable-sortable:hover{background:var(--md-sys-color-surface-container-high)}.mu-datatable-sort-icon{margin-left:4px;opacity:0.5;font-size:16px}.mu-datatable-table th.mu-datatable-sorted .mu-datatable-sort-icon{opacity:1;color:var(--md-sys-color-primary)}.mu-datatable-table tbody tr{border-bottom:1px solid var(--md-sys-color-outline-variant);transition:background-color 0.15s}.mu-datatable-table tbody tr:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 4%,transparent)}.mu-datatable-table tbody tr.mu-datatable-selected{background:color-mix(in srgb,var(--md-sys-color-primary) 8%,transparent)}.mu-datatable-table td{padding:12px 16px;font-size:var(--md-sys-typescale-body-medium-size);color:var(--md-sys-color-on-surface)}.mu-datatable-checkbox-cell{width:48px;text-align:center}.mu-datatable-checkbox-cell input{width:18px;height:18px;accent-color:var(--md-sys-color-primary);cursor:pointer}.mu-datatable-empty-state{padding:48px 16px;text-align:center;color:var(--md-sys-color-on-surface-variant)}.mu-datatable-pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low)}.mu-datatable-pagination-info{font-size:var(--md-sys-typescale-body-small-size);color:var(--md-sys-color-on-surface-variant)}.mu-datatable-pagination-controls{display:flex;gap:4px}.mu-datatable-pagination-btn{padding:8px 12px;border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-small);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);cursor:pointer;font-size:var(--md-sys-typescale-body-small-size);transition:background-color 0.15s}.mu-datatable-pagination-btn:hover:not(:disabled){background:var(--md-sys-color-surface-container)}.mu-datatable-pagination-btn:disabled{opacity:0.5;cursor:not-allowed}.mu-datatable-pagination-btn.mu-datatable-pagination-btn-active{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border-color:var(--md-sys-color-primary)}mu-schema-form{display:block;font-family:var(--md-sys-typescale-font)}.mu-schema-form{display:flex;flex-direction:column;gap:20px}.mu-schema-form.mu-schema-form-inline{flex-direction:row;flex-wrap:wrap}.mu-schema-form.mu-schema-form-inline .mu-schema-form-field{flex:1;min-width:200px}.mu-schema-form-field{display:flex;flex-direction:column;gap:4px}.mu-schema-form-field.mu-schema-form-field-error mu-input,.mu-schema-form-field.mu-schema-form-field-error mu-dropdown,.mu-schema-form-field.mu-schema-form-field-error mu-textarea{--md-sys-color-outline:var(--md-sys-color-error)}.mu-schema-form-description{font-size:var(--md-sys-typescale-body-small-size);color:var(--md-sys-color-on-surface-variant);margin-top:2px}.mu-schema-form-error{font-size:var(--md-sys-typescale-body-small-size);color:var(--md-sys-color-error);margin-top:2px}.mu-schema-form-switch-row{display:flex;align-items:center;gap:12px}.mu-schema-form-switch-label{font-size:var(--md-sys-typescale-body-medium-size);color:var(--md-sys-color-on-surface)}.mu-schema-form-actions{display:flex;gap:12px;margin-top:8px;padding-top:16px;border-top:1px solid var(--md-sys-color-outline-variant)}.mu-schema-form-actions mu-button{flex:0 0 auto}.mu-schema-form-empty-state{padding:24px;text-align:center;color:var(--md-sys-color-on-surface-variant);background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-medium)}mu-prompt-input{display:block;font-family:var(--md-sys-typescale-font)}.mu-prompt-input-container{display:flex;gap:8px;background:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-large);padding:12px 16px;transition:border-color 0.2s var(--md-sys-motion-easing-standard)}.mu-prompt-input-container:focus-within{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 1px var(--md-sys-color-primary)}.mu-prompt-input-loading{opacity:0.7;pointer-events:none}.mu-prompt-input-field{flex:1;border:none;background:transparent;color:var(--md-sys-color-on-surface);font-size:var(--md-sys-typescale-body-large-size);font-family:inherit;resize:none;outline:none;min-height:24px}textarea.mu-prompt-input-field{min-height:80px}.mu-prompt-input-field::placeholder{color:var(--md-sys-color-on-surface-variant)}.mu-prompt-input-submit{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);cursor:pointer;transition:background 0.2s,transform 0.1s;flex-shrink:0;align-self:flex-end}.mu-prompt-input-submit:hover:not(:disabled){background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.mu-prompt-input-submit:active:not(:disabled){transform:scale(0.95)}.mu-prompt-input-submit:disabled{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);cursor:not-allowed}.mu-prompt-input-submit svg{width:20px;height:20px}.mu-prompt-input-spinner{width:20px;height:20px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:mu-prompt-spin 0.8s linear infinite}@keyframes mu-prompt-spin{to{transform:rotate(360deg)}}mu-code-block{display:block;margin:12px 0;font-family:'SF Mono','Monaco','Consolas',monospace}.mu-code-block-container{background:var(--md-sys-color-surface-container-highest);border-radius:var(--md-sys-shape-corner-medium);overflow:hidden}.mu-code-block-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--md-sys-color-surface-container-high);border-bottom:1px solid var(--md-sys-color-outline-variant)}.mu-code-block-language{font-size:12px;color:var(--md-sys-color-on-surface-variant);text-transform:uppercase;font-weight:500}.mu-code-block-filename{font-size:12px;color:var(--md-sys-color-on-surface)}.mu-code-block-copy-btn{font-size:12px;padding:4px 8px;border:none;border-radius:4px;background:transparent;color:var(--md-sys-color-primary);cursor:pointer;transition:background 0.2s}.mu-code-block-copy-btn:hover{background:var(--md-sys-color-primary-container)}.mu-code-block-pre{margin:0;padding:16px;overflow-x:auto;font-size:13px;line-height:1.5;color:var(--md-sys-color-on-surface)}.mu-code-block-pre code{font-family:inherit}mu-agent-toolbar{display:flex;gap:4px;margin-top:8px}.mu-agent-toolbar-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:transparent;cursor:pointer;font-size:16px;opacity:0.6;transition:opacity 0.2s,background 0.2s}.mu-agent-toolbar-btn:hover{opacity:1;background:var(--md-sys-color-surface-container-high)}.mu-agent-toolbar-btn:active{transform:scale(0.95)}mu-message-bubble{display:block;margin:16px 0;font-family:var(--md-sys-typescale-font)}.mu-message-bubble-message{display:flex;gap:12px}.mu-message-bubble-message.mu-message-bubble-user{flex-direction:row-reverse}.mu-message-bubble-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.mu-message-bubble-avatar.mu-message-bubble-user{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.mu-message-bubble-avatar.mu-message-bubble-assistant{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.mu-message-bubble-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.mu-message-bubble-content{flex:1;max-width:80%}.mu-message-bubble-header{display:flex;gap:8px;align-items:center;margin-bottom:4px}.mu-message-bubble-header.mu-message-bubble-user{flex-direction:row-reverse}.mu-message-bubble-name{font-size:var(--md-sys-typescale-label-medium-size);font-weight:600;color:var(--md-sys-color-on-surface)}.mu-message-bubble-timestamp{font-size:var(--md-sys-typescale-label-small-size);color:var(--md-sys-color-on-surface-variant)}.mu-message-bubble-bubble{padding:12px 16px;line-height:1.5}.mu-message-bubble-bubble.mu-message-bubble-user{border-radius:16px 16px 4px 16px;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.mu-message-bubble-bubble.mu-message-bubble-assistant{border-radius:16px 16px 16px 4px;background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface)}mu-example{content-visibility:auto;contain-intrinsic-size:auto 300px}mu-modal,mu-confirm,dialog.mu-modal__dialog,dialog.mu-confirm__dialog{contain:layout style paint}.mu-fade-in{animation:mu-fade-in var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized);will-change:opacity}.mu-fade-out{animation:mu-fade-out var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized);will-change:opacity}@keyframes mu-fade-in{from{opacity:0}to{opacity:1}}@keyframes mu-fade-out{from{opacity:1}to{opacity:0}}.mu-slide-up{animation:mu-slide-up var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized);will-change:transform,opacity}.mu-slide-down{animation:mu-slide-down var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized);will-change:transform,opacity}.mu-slide-left{animation:mu-slide-left var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized);will-change:transform,opacity}.mu-slide-right{animation:mu-slide-right var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized);will-change:transform,opacity}@keyframes mu-slide-up{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes mu-slide-down{from{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes mu-slide-left{from{transform:translateX(20px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes mu-slide-right{from{transform:translateX(-20px);opacity:0}to{transform:translateX(0);opacity:1}}.mu-scale-in{animation:mu-scale-in var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized);will-change:transform,opacity}.mu-scale-out{animation:mu-scale-out var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized);will-change:transform,opacity}@keyframes mu-scale-in{from{transform:scale(0.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes mu-scale-out{from{transform:scale(1);opacity:1}to{transform:scale(0.9);opacity:0}}.mu-pulse{animation:mu-pulse 2s infinite;will-change:opacity}@keyframes mu-pulse{0%,100%{opacity:1}50%{opacity:0.5}}.mu-shake{animation:mu-shake 0.4s var(--md-sys-motion-easing-emphasized);will-change:transform}@keyframes mu-shake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}.mu-spin{animation:mu-spin 1s linear infinite;will-change:transform}@keyframes mu-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.mu-bounce{animation:mu-bounce 0.5s var(--md-sys-motion-easing-emphasized);will-change:transform}@keyframes mu-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.mu-transition{transition:transform var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized),opacity var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized),box-shadow var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized)}.mu-transition-slow{transition:transform var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized),opacity var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized),box-shadow var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized)}.mu-transition-fast{transition:transform var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-emphasized),opacity var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-emphasized),box-shadow var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-emphasized)}.mu-hover-lift:hover{transform:translateY(-2px);box-shadow:var(--md-sys-elevation-2);will-change:transform,box-shadow}.mu-hover-glow:hover{box-shadow:0 0 20px var(--md-sys-color-primary);will-change:box-shadow}.mu-hover-scale:hover{transform:scale(1.05);will-change:transform}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.mu-spinner{display:inline-block}.mu-spinner__circle{display:block;border:3px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin var(--md-sys-motion-duration-extra-long1) linear infinite}.mu-spinner--xs .mu-spinner__circle{width:16px;height:16px;border-width:2px}.mu-spinner--sm .mu-spinner__circle{width:20px;height:20px;border-width:2px}.mu-spinner--md .mu-spinner__circle{width:
|
|
1
|
+
.mu-spinner{display:inline-block}.mu-spinner__circle{display:block;border:3px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin var(--md-sys-motion-duration-extra-long1) linear infinite}.mu-spinner--xs .mu-spinner__circle{width:16px;height:16px;border-width:2px}.mu-spinner--sm .mu-spinner__circle{width:20px;height:20px;border-width:2px}.mu-spinner--md .mu-spinner__circle{width:32px;height:32px;border-width:3px}.mu-spinner--lg .mu-spinner__circle{width:48px;height:48px;border-width:4px}.mu-spinner--xl .mu-spinner__circle{width:48px;height:48px;border-width:4px}.mu-spinner--primary{color:var(--md-sys-color-primary)}.mu-spinner--secondary{color:var(--md-sys-color-secondary)}.mu-spinner--current{color:currentColor}.mu-spinner--white{color:white}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "microui-wc",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.1",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "AI-Optimized UI Framework - Web Components Edition",
|
|
6
6
|
"main": "dist/microui.js",
|
|
@@ -42,4 +42,4 @@
|
|
|
42
42
|
"cbor-x": "^1.6.0",
|
|
43
43
|
"crossbus": "^0.1.0"
|
|
44
44
|
}
|
|
45
|
-
}
|
|
45
|
+
}
|
|
@@ -33,15 +33,15 @@
|
|
|
33
33
|
}
|
|
34
34
|
|
|
35
35
|
.mu-spinner--md .mu-spinner__circle {
|
|
36
|
-
width:
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
border-width: 4px;
|
|
36
|
+
width: 32px;
|
|
37
|
+
height: 32px;
|
|
38
|
+
border-width: 3px;
|
|
40
39
|
}
|
|
41
40
|
|
|
42
41
|
.mu-spinner--lg .mu-spinner__circle {
|
|
43
|
-
width:
|
|
44
|
-
|
|
42
|
+
width: 48px;
|
|
43
|
+
/* MD3: 48dp standard circular diameter */
|
|
44
|
+
height: 48px;
|
|
45
45
|
border-width: 4px;
|
|
46
46
|
}
|
|
47
47
|
|
|
@@ -65,5 +65,4 @@
|
|
|
65
65
|
|
|
66
66
|
.mu-spinner--white {
|
|
67
67
|
color: white;
|
|
68
|
-
}
|
|
69
|
-
|
|
68
|
+
}
|
|
@@ -1344,15 +1344,15 @@ mu-alert mu-icon:first-child {
|
|
|
1344
1344
|
}
|
|
1345
1345
|
|
|
1346
1346
|
.mu-spinner--md .mu-spinner__circle {
|
|
1347
|
-
width:
|
|
1348
|
-
|
|
1349
|
-
|
|
1350
|
-
border-width: 4px;
|
|
1347
|
+
width: 32px;
|
|
1348
|
+
height: 32px;
|
|
1349
|
+
border-width: 3px;
|
|
1351
1350
|
}
|
|
1352
1351
|
|
|
1353
1352
|
.mu-spinner--lg .mu-spinner__circle {
|
|
1354
|
-
width:
|
|
1355
|
-
|
|
1353
|
+
width: 48px;
|
|
1354
|
+
/* MD3: 48dp standard circular diameter */
|
|
1355
|
+
height: 48px;
|
|
1356
1356
|
border-width: 4px;
|
|
1357
1357
|
}
|
|
1358
1358
|
|