material-inspired-component-library 1.2.1 → 1.2.2

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.
Files changed (31) hide show
  1. package/README.md +4 -4
  2. package/components/bottomsheet/index.scss +18 -16
  3. package/components/button/index.scss +6 -2
  4. package/components/card/index.scss +5 -2
  5. package/components/checkbox/index.scss +5 -4
  6. package/components/dialog/index.scss +28 -23
  7. package/components/iconbutton/index.scss +6 -2
  8. package/components/list/index.scss +7 -4
  9. package/components/menu/index.scss +15 -11
  10. package/components/radio/index.scss +8 -5
  11. package/components/select/index.scss +0 -2
  12. package/components/sidesheet/index.scss +21 -19
  13. package/components/switch/index.scss +11 -8
  14. package/components/textfield/index.scss +8 -5
  15. package/dist/bottomsheet.css +1 -1
  16. package/dist/button.css +1 -1
  17. package/dist/card.css +1 -1
  18. package/dist/checkbox.css +1 -1
  19. package/dist/dialog.css +1 -1
  20. package/dist/iconbutton.css +1 -1
  21. package/dist/list.css +1 -1
  22. package/dist/menu.css +1 -1
  23. package/dist/micl.css +1 -1
  24. package/dist/radio.css +1 -1
  25. package/dist/select.css +1 -1
  26. package/dist/sidesheet.css +1 -1
  27. package/dist/switch.css +1 -1
  28. package/dist/textfield.css +1 -1
  29. package/docs/dialog.html +4 -4
  30. package/docs/micl.css +1 -1
  31. package/package.json +1 -1
package/dist/textfield.css CHANGED
@@ -1 +1 @@
1
- :root{--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}:root{--md-sys-target-size: 48px;--md-sys-shape-corner-none: 0px;--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-large-increased: 20px;--md-sys-shape-corner-extra-large: 28px;--md-sys-shape-corner-extra-large-increased: 32px;--md-sys-shape-corner-extra-extra-large: 48px;--md-sys-shape-corner-full: 50%}:root{--md-sys-state-layer-size: 40px;--md-sys-state-hover-state-layer-opacity: 8%;--md-sys-state-focus-state-layer-opacity: 10%;--md-sys-state-pressed-state-layer-opacity: 10%;--md-sys-state-dragged-state-layer-opacity: 16%;--md-sys-state-focus-indicator-outer-offset: 2px;--md-sys-state-focus-indicator-thickness: 3px}:root{--md-ref-typeface-plain: Roboto, system-ui, sans-serif;--md-ref-typeface-brand: Roboto, system-ui, sans-serif;--md-ref-typeface-weight-regular: 400;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-bold: 700;--md-sys-typescale-display-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-large-size: 3.5625rem;--md-sys-typescale-display-large-line-height: 4rem;--md-sys-typescale-display-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-large-tracking: -0.015625rem;--md-sys-typescale-display-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-medium-size: 2.8125rem;--md-sys-typescale-display-medium-line-height: 3.25rem;--md-sys-typescale-display-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-medium-tracking: 0;--md-sys-typescale-display-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-small-size: 2.25rem;--md-sys-typescale-display-small-line-height: 2.75rem;--md-sys-typescale-display-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-small-tracking: 0;--md-sys-typescale-headline-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-large-size: 2rem;--md-sys-typescale-headline-large-line-height: 2.5rem;--md-sys-typescale-headline-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-large-tracking: 0;--md-sys-typescale-headline-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-medium-size: 1.75rem;--md-sys-typescale-headline-medium-line-height: 2.25rem;--md-sys-typescale-headline-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-medium-tracking: 0;--md-sys-typescale-headline-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-small-size: 1.5rem;--md-sys-typescale-headline-small-line-height: 2rem;--md-sys-typescale-headline-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-small-tracking: 0;--md-sys-typescale-title-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-title-large-size: 1.375rem;--md-sys-typescale-title-large-line-height: 1.75rem;--md-sys-typescale-title-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-title-large-tracking: 0;--md-sys-typescale-title-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-title-medium-size: 1rem;--md-sys-typescale-title-medium-line-height: 1.5rem;--md-sys-typescale-title-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-title-medium-tracking: 0,009375rem;--md-sys-typescale-title-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-title-small-size: 0.875rem;--md-sys-typescale-title-small-line-height: 1.25rem;--md-sys-typescale-title-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-title-small-tracking: 0.00625rem;--md-sys-typescale-body-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-large-size: 1rem;--md-sys-typescale-body-large-line-height: 1.5rem;--md-sys-typescale-body-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-large-tracking: 0.03125rem;--md-sys-typescale-body-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-medium-size: 0.875rem;--md-sys-typescale-body-medium-line-height: 1.25rem;--md-sys-typescale-body-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-medium-tracking: 0.015625rem;--md-sys-typescale-body-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-small-size: 0.75rem;--md-sys-typescale-body-small-line-height: 1rem;--md-sys-typescale-body-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-small-tracking: 0.025rem;--md-sys-typescale-label-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-large-size: 0.875rem;--md-sys-typescale-label-large-line-height: 1.25rem;--md-sys-typescale-label-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-large-tracking: 0.00625rem;--md-sys-typescale-label-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-medium-size: 0.75rem;--md-sys-typescale-label-medium-line-height: 1rem;--md-sys-typescale-label-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-medium-tracking: 0.03125rem;--md-sys-typescale-label-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-small-size: 0.6875rem;--md-sys-typescale-label-small-line-height: 1rem;--md-sys-typescale-label-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-small-tracking: 0.03125rem;--md-sys-typescale-emphasized-display-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-large-size: 3.5625rem;--md-sys-typescale-emphasized-display-large-line-height: 4rem;--md-sys-typescale-emphasized-display-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-display-large-tracking: -0.015625rem;--md-sys-typescale-emphasized-display-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-medium-size: 2.8125rem;--md-sys-typescale-emphasized-display-medium-line-height: 3.25rem;--md-sys-typescale-emphasized-display-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-display-medium-tracking: 0;--md-sys-typescale-emphasized-display-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-small-size: 2.25rem;--md-sys-typescale-emphasized-display-small-line-height: 2.75rem;--md-sys-typescale-emphasized-display-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-display-small-tracking: 0;--md-sys-typescale-emphasized-headline-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-large-size: 2rem;--md-sys-typescale-emphasized-headline-large-line-height: 2.5rem;--md-sys-typescale-emphasized-headline-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-headline-large-tracking: 0;--md-sys-typescale-emphasized-headline-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-medium-size: 1.75rem;--md-sys-typescale-emphasized-headline-medium-line-height: 2.25rem;--md-sys-typescale-emphasized-headline-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-headline-medium-tracking: 0;--md-sys-typescale-emphasized-headline-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-small-size: 1.5rem;--md-sys-typescale-emphasized-headline-small-line-height: 2rem;--md-sys-typescale-emphasized-headline-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-headline-small-tracking: 0;--md-sys-typescale-emphasized-title-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-title-large-size: 1.375rem;--md-sys-typescale-emphasized-title-large-line-height: 1.75rem;--md-sys-typescale-emphasized-title-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-title-large-tracking: 0;--md-sys-typescale-emphasized-title-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-title-medium-size: 1rem;--md-sys-typescale-emphasized-title-medium-line-height: 1.5rem;--md-sys-typescale-emphasized-title-medium-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-title-medium-tracking: 0,009375rem;--md-sys-typescale-emphasized-title-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-title-small-size: 0.875rem;--md-sys-typescale-emphasized-title-small-line-height: 1.25rem;--md-sys-typescale-emphasized-title-small-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-title-small-tracking: 0.00625rem;--md-sys-typescale-emphasized-body-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-large-size: 1rem;--md-sys-typescale-emphasized-body-large-line-height: 1.5rem;--md-sys-typescale-emphasized-body-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-body-large-tracking: 0.03125rem;--md-sys-typescale-emphasized-body-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-medium-size: 0.875rem;--md-sys-typescale-emphasized-body-medium-line-height: 1.25rem;--md-sys-typescale-emphasized-body-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-body-medium-tracking: 0.015625rem;--md-sys-typescale-emphasized-body-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-small-size: 0.75rem;--md-sys-typescale-emphasized-body-small-line-height: 1rem;--md-sys-typescale-emphasized-body-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-body-small-tracking: 0.025rem;--md-sys-typescale-emphasized-label-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-large-size: 0.875rem;--md-sys-typescale-emphasized-label-large-line-height: 1.25rem;--md-sys-typescale-emphasized-label-large-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-label-large-tracking: 0.00625rem;--md-sys-typescale-emphasized-label-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-medium-size: 0.75rem;--md-sys-typescale-emphasized-label-medium-line-height: 1rem;--md-sys-typescale-emphasized-label-medium-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-label-medium-tracking: 0.03125rem;--md-sys-typescale-emphasized-label-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-small-size: 0.6875rem;--md-sys-typescale-emphasized-label-small-line-height: 1rem;--md-sys-typescale-emphasized-label-small-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-label-small-tracking: 0.03125rem}.md-sys-typescale-display-large{font-family:var(--md-sys-typescale-display-large-font);font-size:var(--md-sys-typescale-display-large-size);line-height:var(--md-sys-typescale-display-large-line-height);font-weight:var(--md-sys-typescale-display-large-weight);letter-spacing:var(--md-sys-typescale-display-large-tracking)}.md-sys-typescale-display-medium{font-family:var(--md-sys-typescale-display-medium-font);font-size:var(--md-sys-typescale-display-medium-size);line-height:var(--md-sys-typescale-display-medium-line-height);font-weight:var(--md-sys-typescale-display-medium-weight);letter-spacing:var(--md-sys-typescale-display-medium-tracking)}.md-sys-typescale-display-small{font-family:var(--md-sys-typescale-display-small-font);font-size:var(--md-sys-typescale-display-small-size);line-height:var(--md-sys-typescale-display-small-line-height);font-weight:var(--md-sys-typescale-display-small-weight);letter-spacing:var(--md-sys-typescale-display-small-tracking)}.md-sys-typescale-headline-large{font-family:var(--md-sys-typescale-headline-large-font);font-size:var(--md-sys-typescale-headline-large-size);line-height:var(--md-sys-typescale-headline-large-line-height);font-weight:var(--md-sys-typescale-headline-large-weight);letter-spacing:var(--md-sys-typescale-headline-large-tracking)}.md-sys-typescale-headline-medium{font-family:var(--md-sys-typescale-headline-medium-font);font-size:var(--md-sys-typescale-headline-medium-size);line-height:var(--md-sys-typescale-headline-medium-line-height);font-weight:var(--md-sys-typescale-headline-medium-weight);letter-spacing:var(--md-sys-typescale-headline-medium-tracking)}.md-sys-typescale-headline-small{font-family:var(--md-sys-typescale-headline-small-font);font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--md-sys-typescale-headline-small-line-height);font-weight:var(--md-sys-typescale-headline-small-weight);letter-spacing:var(--md-sys-typescale-headline-small-tracking)}.md-sys-typescale-title-large{font-family:var(--md-sys-typescale-title-large-font);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);letter-spacing:var(--md-sys-typescale-title-large-tracking)}.md-sys-typescale-title-medium{font-family:var(--md-sys-typescale-title-medium-font);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);letter-spacing:var(--md-sys-typescale-title-medium-tracking)}.md-sys-typescale-title-small{font-family:var(--md-sys-typescale-title-small-font);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);letter-spacing:var(--md-sys-typescale-title-small-tracking)}.md-sys-typescale-body-large{font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);font-weight:var(--md-sys-typescale-body-large-weight);letter-spacing:var(--md-sys-typescale-body-large-tracking)}.md-sys-typescale-body-medium{font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height);font-weight:var(--md-sys-typescale-body-medium-weight);letter-spacing:var(--md-sys-typescale-body-medium-tracking)}.md-sys-typescale-body-small{font-family:var(--md-sys-typescale-body-small-font);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);font-weight:var(--md-sys-typescale-body-small-weight);letter-spacing:var(--md-sys-typescale-body-small-tracking)}.md-sys-typescale-label-large{font-family:var(--md-sys-typescale-label-large-font);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);letter-spacing:var(--md-sys-typescale-label-large-tracking)}.md-sys-typescale-label-medium{font-family:var(--md-sys-typescale-label-medium-font);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);letter-spacing:var(--md-sys-typescale-label-medium-tracking)}.md-sys-typescale-label-small{font-family:var(--md-sys-typescale-label-small-font);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);letter-spacing:var(--md-sys-typescale-label-small-tracking)}.md-sys-typescale-emphasized-display-large{font-family:var(--md-sys-typescale-emphasized-display-large-font);font-size:var(--md-sys-typescale-emphasized-display-large-size);line-height:var(--md-sys-typescale-emphasized-display-large-line-height);font-weight:var(--md-sys-typescale-emphasized-display-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-display-large-tracking)}.md-sys-typescale-emphasized-display-medium{font-family:var(--md-sys-typescale-emphasized-display-medium-font);font-size:var(--md-sys-typescale-emphasized-display-medium-size);line-height:var(--md-sys-typescale-emphasized-display-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-display-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-display-medium-tracking)}.md-sys-typescale-emphasized-display-small{font-family:var(--md-sys-typescale-emphasized-display-small-font);font-size:var(--md-sys-typescale-emphasized-display-small-size);line-height:var(--md-sys-typescale-emphasized-display-small-line-height);font-weight:var(--md-sys-typescale-emphasized-display-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-display-small-tracking)}.md-sys-typescale-emphasized-headline-large{font-family:var(--md-sys-typescale-emphasized-headline-large-font);font-size:var(--md-sys-typescale-emphasized-headline-large-size);line-height:var(--md-sys-typescale-emphasized-headline-large-line-height);font-weight:var(--md-sys-typescale-emphasized-headline-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-headline-large-tracking)}.md-sys-typescale-emphasized-headline-medium{font-family:var(--md-sys-typescale-emphasized-headline-medium-font);font-size:var(--md-sys-typescale-emphasized-headline-medium-size);line-height:var(--md-sys-typescale-emphasized-headline-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-headline-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-headline-medium-tracking)}.md-sys-typescale-emphasized-headline-small{font-family:var(--md-sys-typescale-emphasized-headline-small-font);font-size:var(--md-sys-typescale-emphasized-headline-small-size);line-height:var(--md-sys-typescale-emphasized-headline-small-line-height);font-weight:var(--md-sys-typescale-emphasized-headline-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-headline-small-tracking)}.md-sys-typescale-emphasized-title-large{font-family:var(--md-sys-typescale-emphasized-title-large-font);font-size:var(--md-sys-typescale-emphasized-title-large-size);line-height:var(--md-sys-typescale-emphasized-title-large-line-height);font-weight:var(--md-sys-typescale-emphasized-title-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-title-large-tracking)}.md-sys-typescale-emphasized-title-medium{font-family:var(--md-sys-typescale-emphasized-title-medium-font);font-size:var(--md-sys-typescale-emphasized-title-medium-size);line-height:var(--md-sys-typescale-emphasized-title-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-title-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-title-medium-tracking)}.md-sys-typescale-emphasized-title-small{font-family:var(--md-sys-typescale-emphasized-title-small-font);font-size:var(--md-sys-typescale-emphasized-title-small-size);line-height:var(--md-sys-typescale-emphasized-title-small-line-height);font-weight:var(--md-sys-typescale-emphasized-title-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-title-small-tracking)}.md-sys-typescale-emphasized-body-large{font-family:var(--md-sys-typescale-emphasized-body-large-font);font-size:var(--md-sys-typescale-emphasized-body-large-size);line-height:var(--md-sys-typescale-emphasized-body-large-line-height);font-weight:var(--md-sys-typescale-emphasized-body-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-body-large-tracking)}.md-sys-typescale-emphasized-body-medium{font-family:var(--md-sys-typescale-emphasized-body-medium-font);font-size:var(--md-sys-typescale-emphasized-body-medium-size);line-height:var(--md-sys-typescale-emphasized-body-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-body-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-body-medium-tracking)}.md-sys-typescale-emphasized-body-small{font-family:var(--md-sys-typescale-emphasized-body-small-font);font-size:var(--md-sys-typescale-emphasized-body-small-size);line-height:var(--md-sys-typescale-emphasized-body-small-line-height);font-weight:var(--md-sys-typescale-emphasized-body-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-body-small-tracking)}.md-sys-typescale-emphasized-label-large{font-family:var(--md-sys-typescale-emphasized-label-large-font);font-size:var(--md-sys-typescale-emphasized-label-large-size);line-height:var(--md-sys-typescale-emphasized-label-large-line-height);font-weight:var(--md-sys-typescale-emphasized-label-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-label-large-tracking)}.md-sys-typescale-emphasized-label-medium{font-family:var(--md-sys-typescale-emphasized-label-medium-font);font-size:var(--md-sys-typescale-emphasized-label-medium-size);line-height:var(--md-sys-typescale-emphasized-label-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-label-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-label-medium-tracking)}.md-sys-typescale-emphasized-label-small{font-family:var(--md-sys-typescale-emphasized-label-small-font);font-size:var(--md-sys-typescale-emphasized-label-small-size);line-height:var(--md-sys-typescale-emphasized-label-small-line-height);font-weight:var(--md-sys-typescale-emphasized-label-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-label-small-tracking)}.micl-textfield-filled,.micl-textfield-outlined{--md-sys-textfield-height: 56px;--md-sys-textfield-icon-size: 24px;--md-sys-textfield-icon-space: 12px;--md-sys-textfield-input-space: 16px;--md-sys-textfield-prefix-space: 1em;--md-sys-textfield-suffix-space: 1em;display:grid;grid-template-areas:"textfield" "supporting";align-items:center;background-color:inherit}.micl-textfield-filled>label,.micl-textfield-outlined>label{font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);font-weight:var(--md-sys-typescale-body-large-weight);letter-spacing:var(--md-sys-typescale-body-large-tracking);box-sizing:content-box;grid-area:textfield;align-self:flex-start;width:fit-content;padding-inline:4px;margin-block-start:calc((var(--md-sys-textfield-height) - var(--md-sys-typescale-body-large-line-height))/2);margin-inline-start:12px;border-radius:4px;background-color:inherit;color:var(--md-sys-color-on-surface-variant);z-index:1;transition:margin-block-start var(--md-sys-motion-duration-medium2) var(--md-sys-motion-duration-short3),margin-inline-start var(--md-sys-motion-duration-medium2) var(--md-sys-motion-duration-short3),font-size var(--md-sys-motion-duration-medium2),letter-spacing var(--md-sys-motion-duration-medium2)}.micl-textfield-filled>input,.micl-textfield-filled>select,.micl-textfield-filled>textarea,.micl-textfield-outlined>input,.micl-textfield-outlined>select,.micl-textfield-outlined>textarea{font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);font-weight:var(--md-sys-typescale-body-large-weight);letter-spacing:var(--md-sys-typescale-body-large-tracking);box-sizing:border-box;grid-area:textfield;margin:0;padding-inline:var(--md-sys-textfield-input-space);border:none;border-block-end:1px solid var(--md-sys-color-on-surface-variant);border-radius:var(--md-sys-shape-corner-extra-small);outline:none;color:var(--md-sys-color-on-surface);background-color:rgba(0,0,0,0);text-overflow:ellipsis;caret-color:var(--md-sys-color-primary)}.micl-textfield-filled>input:disabled,.micl-textfield-filled>select:disabled,.micl-textfield-filled>textarea:disabled,.micl-textfield-outlined>input:disabled,.micl-textfield-outlined>select:disabled,.micl-textfield-outlined>textarea:disabled{border-block-end-color:rgb(from var(--md-sys-color-on-surface) r g b/38%);color:rgb(from var(--md-sys-color-on-surface) r g b/38%)}.micl-textfield-filled>input::placeholder,.micl-textfield-filled>select::placeholder,.micl-textfield-filled>textarea::placeholder,.micl-textfield-outlined>input::placeholder,.micl-textfield-outlined>select::placeholder,.micl-textfield-outlined>textarea::placeholder{color:var(--md-sys-color-on-surface-variant)}.micl-textfield-filled>input::-webkit-inner-spin-button,.micl-textfield-filled>input::-webkit-outer-spin-button,.micl-textfield-filled>select::-webkit-inner-spin-button,.micl-textfield-filled>select::-webkit-outer-spin-button,.micl-textfield-filled>textarea::-webkit-inner-spin-button,.micl-textfield-filled>textarea::-webkit-outer-spin-button,.micl-textfield-outlined>input::-webkit-inner-spin-button,.micl-textfield-outlined>input::-webkit-outer-spin-button,.micl-textfield-outlined>select::-webkit-inner-spin-button,.micl-textfield-outlined>select::-webkit-outer-spin-button,.micl-textfield-outlined>textarea::-webkit-inner-spin-button,.micl-textfield-outlined>textarea::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.micl-textfield-filled>input[type=number],.micl-textfield-filled>select[type=number],.micl-textfield-filled>textarea[type=number],.micl-textfield-outlined>input[type=number],.micl-textfield-outlined>select[type=number],.micl-textfield-outlined>textarea[type=number]{-moz-appearance:textfield}.micl-textfield-filled>input,.micl-textfield-filled>select,.micl-textfield-outlined>input,.micl-textfield-outlined>select{height:var(--md-sys-textfield-height);padding-block:0}.micl-textfield-filled>textarea,.micl-textfield-outlined>textarea{min-height:var(--md-sys-textfield-height);padding-block:calc((var(--md-sys-textfield-height) - var(--md-sys-typescale-body-large-line-height))/2);resize:none}.micl-textfield-filled>textarea[rows],.micl-textfield-outlined>textarea[rows]{padding-block-start:0;border-block-start:8px solid rgba(0,0,0,0);overflow:hidden}.micl-textfield-filled>textarea:not([rows]),.micl-textfield-outlined>textarea:not([rows]){field-sizing:content}.micl-textfield-filled>.micl-textfield__prefix,.micl-textfield-filled>.micl-textfield__suffix,.micl-textfield-outlined>.micl-textfield__prefix,.micl-textfield-outlined>.micl-textfield__suffix{font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);font-weight:var(--md-sys-typescale-body-large-weight);letter-spacing:var(--md-sys-typescale-body-large-tracking);grid-area:textfield;align-content:center;height:var(--md-sys-textfield-height);color:var(--md-sys-color-on-surface-variant);opacity:0;z-index:1;transition:opacity var(--md-sys-motion-duration-long1)}.micl-textfield-filled>.micl-textfield__prefix,.micl-textfield-outlined>.micl-textfield__prefix{width:var(--md-sys-textfield-prefix-space);padding-inline-start:var(--md-sys-textfield-input-space)}.micl-textfield-filled>.micl-textfield__suffix,.micl-textfield-outlined>.micl-textfield__suffix{width:var(--md-sys-textfield-suffix-space);padding-inline-end:var(--md-sys-textfield-input-space);margin-inline:auto 0}.micl-textfield-filled>.micl-textfield__icon-leading,.micl-textfield-filled>.micl-textfield__icon-trailing,.micl-textfield-outlined>.micl-textfield__icon-leading,.micl-textfield-outlined>.micl-textfield__icon-trailing{grid-area:textfield;width:1em;margin-inline:var(--md-sys-textfield-icon-space) auto;font-size:var(--md-sys-textfield-icon-size);color:var(--md-sys-color-on-surface-variant);z-index:1}.micl-textfield-filled>.micl-textfield__icon-trailing,.micl-textfield-outlined>.micl-textfield__icon-trailing{margin-inline:auto var(--md-sys-textfield-icon-space)}.micl-textfield-filled:has(>.micl-textfield__prefix)>input,.micl-textfield-filled:has(>.micl-textfield__prefix)>textarea,.micl-textfield-outlined:has(>.micl-textfield__prefix)>input,.micl-textfield-outlined:has(>.micl-textfield__prefix)>textarea{padding-inline-start:calc(var(--md-sys-textfield-input-space) + var(--md-sys-textfield-prefix-space))}.micl-textfield-filled:has(>.micl-textfield__suffix)>input,.micl-textfield-filled:has(>.micl-textfield__suffix)>textarea,.micl-textfield-outlined:has(>.micl-textfield__suffix)>input,.micl-textfield-outlined:has(>.micl-textfield__suffix)>textarea{padding-inline-end:calc(var(--md-sys-textfield-suffix-space) + var(--md-sys-textfield-input-space))}.micl-textfield-filled:has(>.micl-textfield__icon-leading)>label,.micl-textfield-outlined:has(>.micl-textfield__icon-leading)>label{margin-inline-start:calc(var(--md-sys-textfield-icon-space) + var(--md-sys-textfield-icon-size) + var(--md-sys-textfield-input-space))}.micl-textfield-filled:has(>.micl-textfield__icon-leading)>.micl-textfield__prefix,.micl-textfield-filled:has(>.micl-textfield__icon-leading)>input,.micl-textfield-filled:has(>.micl-textfield__icon-leading)>textarea,.micl-textfield-outlined:has(>.micl-textfield__icon-leading)>.micl-textfield__prefix,.micl-textfield-outlined:has(>.micl-textfield__icon-leading)>input,.micl-textfield-outlined:has(>.micl-textfield__icon-leading)>textarea{padding-inline-start:calc(var(--md-sys-textfield-icon-space) + var(--md-sys-textfield-icon-size) + var(--md-sys-textfield-input-space))}.micl-textfield-filled:has(>.micl-textfield__icon-leading):has(>.micl-textfield__prefix)>input,.micl-textfield-filled:has(>.micl-textfield__icon-leading):has(>.micl-textfield__prefix)>textarea,.micl-textfield-outlined:has(>.micl-textfield__icon-leading):has(>.micl-textfield__prefix)>input,.micl-textfield-outlined:has(>.micl-textfield__icon-leading):has(>.micl-textfield__prefix)>textarea{padding-inline-start:calc(var(--md-sys-textfield-input-space) + var(--md-sys-textfield-icon-size) + var(--md-sys-textfield-icon-space) + var(--md-sys-textfield-prefix-space))}.micl-textfield-filled:has(>.micl-textfield__icon-trailing)>.micl-textfield__suffix,.micl-textfield-filled:has(>.micl-textfield__icon-trailing)>input,.micl-textfield-filled:has(>.micl-textfield__icon-trailing)>textarea,.micl-textfield-outlined:has(>.micl-textfield__icon-trailing)>.micl-textfield__suffix,.micl-textfield-outlined:has(>.micl-textfield__icon-trailing)>input,.micl-textfield-outlined:has(>.micl-textfield__icon-trailing)>textarea{padding-inline-end:calc(var(--md-sys-textfield-input-space) + var(--md-sys-textfield-icon-size) + var(--md-sys-textfield-icon-space))}.micl-textfield-filled:has(>.micl-textfield__icon-trailing):has(>.micl-textfield__suffix)>input,.micl-textfield-filled:has(>.micl-textfield__icon-trailing):has(>.micl-textfield__suffix)>textarea,.micl-textfield-outlined:has(>.micl-textfield__icon-trailing):has(>.micl-textfield__suffix)>input,.micl-textfield-outlined:has(>.micl-textfield__icon-trailing):has(>.micl-textfield__suffix)>textarea{padding-inline-end:calc(var(--md-sys-textfield-input-space) + var(--md-sys-textfield-icon-size) + var(--md-sys-textfield-prefix-space) + var(--md-sys-textfield-icon-space))}.micl-textfield-filled>.micl-textfield__supporting-text,.micl-textfield-filled>.micl-textfield__character-counter,.micl-textfield-outlined>.micl-textfield__supporting-text,.micl-textfield-outlined>.micl-textfield__character-counter{font-family:var(--md-sys-typescale-body-small-font);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);font-weight:var(--md-sys-typescale-body-small-weight);letter-spacing:var(--md-sys-typescale-body-small-tracking);grid-area:supporting;padding-block:4px 0;padding-inline:16px;color:var(--md-sys-color-on-surface-variant)}.micl-textfield-filled>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-filled>.micl-textfield__character-counter.micl-textfield__supporting-text--focus,.micl-textfield-outlined>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-outlined>.micl-textfield__character-counter.micl-textfield__supporting-text--focus{visibility:hidden}.micl-textfield-filled>.micl-textfield__character-counter,.micl-textfield-outlined>.micl-textfield__character-counter{justify-self:flex-end}.micl-textfield-filled:has(>input:active)>label,.micl-textfield-filled:has(>select:active)>label,.micl-textfield-filled:has(>textarea:active)>label,.micl-textfield-filled:has(>input:focus)>label,.micl-textfield-filled:has(>select:focus)>label,.micl-textfield-filled:has(>textarea:focus)>label,.micl-textfield-filled:has(>input:focus-visible)>label,.micl-textfield-filled:has(>select:focus-visible)>label,.micl-textfield-filled:has(>textarea:focus-visible)>label,.micl-textfield-outlined:has(>input:active)>label,.micl-textfield-outlined:has(>select:active)>label,.micl-textfield-outlined:has(>textarea:active)>label,.micl-textfield-outlined:has(>input:focus)>label,.micl-textfield-outlined:has(>select:focus)>label,.micl-textfield-outlined:has(>textarea:focus)>label,.micl-textfield-outlined:has(>input:focus-visible)>label,.micl-textfield-outlined:has(>select:focus-visible)>label,.micl-textfield-outlined:has(>textarea:focus-visible)>label{color:var(--md-sys-color-primary)}.micl-textfield-filled:has(>input:active)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-filled:has(>select:active)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-filled:has(>textarea:active)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-filled:has(>input:focus)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-filled:has(>select:focus)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-filled:has(>textarea:focus)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-filled:has(>input:focus-visible)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-filled:has(>select:focus-visible)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-filled:has(>textarea:focus-visible)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-outlined:has(>input:active)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-outlined:has(>select:active)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-outlined:has(>textarea:active)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-outlined:has(>input:focus)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-outlined:has(>select:focus)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-outlined:has(>textarea:focus)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-outlined:has(>input:focus-visible)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-outlined:has(>select:focus-visible)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-outlined:has(>textarea:focus-visible)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus{visibility:visible}.micl-textfield-filled:has(>input:disabled)>label,.micl-textfield-filled:has(>select:disabled)>label,.micl-textfield-filled:has(>textarea:disabled)>label,.micl-textfield-outlined:has(>input:disabled)>label,.micl-textfield-outlined:has(>select:disabled)>label,.micl-textfield-outlined:has(>textarea:disabled)>label{color:rgb(from var(--md-sys-color-on-surface) r g b/38%)}.micl-textfield-filled:has(>input:disabled)>.micl-textfield__icon-leading,.micl-textfield-filled:has(>input:disabled)>.micl-textfield__icon-trailing,.micl-textfield-filled:has(>input:disabled)>.micl-textfield__supporting-text,.micl-textfield-filled:has(>select:disabled)>.micl-textfield__icon-leading,.micl-textfield-filled:has(>select:disabled)>.micl-textfield__icon-trailing,.micl-textfield-filled:has(>select:disabled)>.micl-textfield__supporting-text,.micl-textfield-filled:has(>textarea:disabled)>.micl-textfield__icon-leading,.micl-textfield-filled:has(>textarea:disabled)>.micl-textfield__icon-trailing,.micl-textfield-filled:has(>textarea:disabled)>.micl-textfield__supporting-text,.micl-textfield-outlined:has(>input:disabled)>.micl-textfield__icon-leading,.micl-textfield-outlined:has(>input:disabled)>.micl-textfield__icon-trailing,.micl-textfield-outlined:has(>input:disabled)>.micl-textfield__supporting-text,.micl-textfield-outlined:has(>select:disabled)>.micl-textfield__icon-leading,.micl-textfield-outlined:has(>select:disabled)>.micl-textfield__icon-trailing,.micl-textfield-outlined:has(>select:disabled)>.micl-textfield__supporting-text,.micl-textfield-outlined:has(>textarea:disabled)>.micl-textfield__icon-leading,.micl-textfield-outlined:has(>textarea:disabled)>.micl-textfield__icon-trailing,.micl-textfield-outlined:has(>textarea:disabled)>.micl-textfield__supporting-text{color:rgb(from var(--md-sys-color-on-surface) r g b/38%)}.micl-textfield-filled:has(>input:disabled)>.micl-textfield__character-counter,.micl-textfield-filled:has(>select:disabled)>.micl-textfield__character-counter,.micl-textfield-filled:has(>textarea:disabled)>.micl-textfield__character-counter,.micl-textfield-outlined:has(>input:disabled)>.micl-textfield__character-counter,.micl-textfield-outlined:has(>select:disabled)>.micl-textfield__character-counter,.micl-textfield-outlined:has(>textarea:disabled)>.micl-textfield__character-counter{display:none}.micl-textfield-filled:has(>input:not([maxlength]))>.micl-textfield__character-counter,.micl-textfield-filled:has(>textarea:not([maxlength]))>.micl-textfield__character-counter,.micl-textfield-outlined:has(>input:not([maxlength]))>.micl-textfield__character-counter,.micl-textfield-outlined:has(>textarea:not([maxlength]))>.micl-textfield__character-counter{display:none}.micl-textfield-filled:has(>input[maxlength]:not(:disabled)):has(>.micl-textfield__character-counter)>.micl-textfield__supporting-text,.micl-textfield-filled:has(>textarea[maxlength]:not(:disabled)):has(>.micl-textfield__character-counter)>.micl-textfield__supporting-text,.micl-textfield-outlined:has(>input[maxlength]:not(:disabled)):has(>.micl-textfield__character-counter)>.micl-textfield__supporting-text,.micl-textfield-outlined:has(>textarea[maxlength]:not(:disabled)):has(>.micl-textfield__character-counter)>.micl-textfield__supporting-text{padding-inline-end:64px}.micl-textfield-filled>label{background-color:rgba(0,0,0,0)}.micl-textfield-filled:hover>input:not(:disabled),.micl-textfield-filled:hover>select:not(:disabled),.micl-textfield-filled:hover>textarea:not(:disabled){border-block-end-color:var(--md-sys-color-on-surface);background-color:color-mix(in srgb, var(--md-sys-color-surface-container-highest), var(--md-sys-color-on-surface) var(--md-sys-state-hover-state-layer-opacity))}.micl-textfield-filled>input,.micl-textfield-filled>select,.micl-textfield-filled>textarea{padding-block-start:18px;padding-block-end:2px;background-color:var(--md-sys-color-surface-container-highest);border-end-start-radius:0;border-end-end-radius:0;outline:none}.micl-textfield-filled>input:disabled,.micl-textfield-filled>select:disabled,.micl-textfield-filled>textarea:disabled{background-color:rgb(from var(--md-sys-color-on-surface) r g b/4%)}.micl-textfield-filled>input:not(:disabled):focus,.micl-textfield-filled>input:not(:disabled):focus-visible,.micl-textfield-filled>input:not(:disabled):active,.micl-textfield-filled>select:not(:disabled):focus,.micl-textfield-filled>select:not(:disabled):focus-visible,.micl-textfield-filled>select:not(:disabled):active,.micl-textfield-filled>textarea:not(:disabled):focus,.micl-textfield-filled>textarea:not(:disabled):focus-visible,.micl-textfield-filled>textarea:not(:disabled):active{padding-block-end:0px;border-block-end-width:3px;border-block-end-color:var(--md-sys-color-primary)}.micl-textfield-filled>select{line-height:28px}.micl-textfield-filled>textarea{padding-block-start:24px}.micl-textfield-filled:has(>input:focus,>input[value]:not([value=""]):not([data-miclinitialized]),>input[data-miclvalue],>input[type=date],>input[type=datetime-local],>input[type=month],>input[type=time],>input[type=week],>select:focus,>select[value]:not([value=""]):not([data-miclinitialized]),>select[data-miclvalue],>textarea:focus,>textarea:not(:empty):not([data-miclinitialized]),>textarea[data-miclvalue])>label{font-family:var(--md-sys-typescale-body-small-font);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);font-weight:var(--md-sys-typescale-body-small-weight);letter-spacing:var(--md-sys-typescale-body-small-tracking);margin-block-start:8px;margin-inline-start:12px}.micl-textfield-filled:has(>input:focus,>input[value]:not([value=""]):not([data-miclinitialized]),>input[data-miclvalue],>input[type=date],>input[type=datetime-local],>input[type=month],>input[type=time],>input[type=week],>select:focus,>select[value]:not([value=""]):not([data-miclinitialized]),>select[data-miclvalue],>textarea:focus,>textarea:not(:empty):not([data-miclinitialized]),>textarea[data-miclvalue]):has(>.micl-textfield__icon-leading)>label{margin-inline-start:calc(var(--md-sys-textfield-input-space) + var(--md-sys-textfield-icon-size) + var(--md-sys-textfield-icon-space) - 4px)}.micl-textfield-filled:has(>input:focus,>input[value]:not([value=""]):not([data-miclinitialized]),>input[data-miclvalue],>input[type=date],>input[type=datetime-local],>input[type=month],>input[type=time],>input[type=week],>select:focus,>select[value]:not([value=""]):not([data-miclinitialized]),>select[data-miclvalue],>textarea:focus,>textarea:not(:empty):not([data-miclinitialized]),>textarea[data-miclvalue])>.micl-textfield__prefix,.micl-textfield-filled:has(>input:focus,>input[value]:not([value=""]):not([data-miclinitialized]),>input[data-miclvalue],>input[type=date],>input[type=datetime-local],>input[type=month],>input[type=time],>input[type=week],>select:focus,>select[value]:not([value=""]):not([data-miclinitialized]),>select[data-miclvalue],>textarea:focus,>textarea:not(:empty):not([data-miclinitialized]),>textarea[data-miclvalue])>.micl-textfield__suffix{height:40px;margin-block-start:16px;opacity:1}.micl-textfield-outlined{margin-block-start:.375rem}.micl-textfield-outlined:hover>label{color:var(--md-sys-color-on-surface)}.micl-textfield-outlined:hover>input:not(:disabled),.micl-textfield-outlined:hover>select:not(:disabled),.micl-textfield-outlined:hover>textarea:not(:disabled){outline-color:var(--md-sys-color-on-surface);color:var(--md-sys-color-on-surface)}.micl-textfield-outlined>input,.micl-textfield-outlined>select,.micl-textfield-outlined>textarea{border:none;outline:1px solid var(--md-sys-color-outline)}.micl-textfield-outlined>input:disabled,.micl-textfield-outlined>select:disabled,.micl-textfield-outlined>textarea:disabled{outline-color:rgb(from var(--md-sys-color-on-surface) r g b/12%)}.micl-textfield-outlined>input:not(:disabled):focus,.micl-textfield-outlined>input:not(:disabled):focus-visible,.micl-textfield-outlined>input:not(:disabled):active,.micl-textfield-outlined>select:not(:disabled):focus,.micl-textfield-outlined>select:not(:disabled):focus-visible,.micl-textfield-outlined>select:not(:disabled):active,.micl-textfield-outlined>textarea:not(:disabled):focus,.micl-textfield-outlined>textarea:not(:disabled):focus-visible,.micl-textfield-outlined>textarea:not(:disabled):active{outline-width:3px;outline-color:var(--md-sys-color-primary)}.micl-textfield-outlined>select{line-height:var(--md-sys-textfield-height)}.micl-textfield-outlined:has(>input:focus,>input[value]:not([value=""]):not([data-miclinitialized]),>input[data-miclvalue],>input[type=date],>input[type=datetime-local],>input[type=month],>input[type=time],>input[type=week],>select:focus,>select[value]:not([value=""]):not([data-miclinitialized]),>select[data-miclvalue],>textarea:focus,>textarea:not(:empty):not([data-miclinitialized]),>textarea[data-miclvalue])>label{font-family:var(--md-sys-typescale-body-small-font);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);font-weight:var(--md-sys-typescale-body-small-weight);letter-spacing:var(--md-sys-typescale-body-small-tracking);margin-block-start:calc(-2px - var(--md-sys-typescale-body-small-line-height)/2);margin-inline-start:12px}.micl-textfield-outlined:has(>input:focus,>input[value]:not([value=""]):not([data-miclinitialized]),>input[data-miclvalue],>input[type=date],>input[type=datetime-local],>input[type=month],>input[type=time],>input[type=week],>select:focus,>select[value]:not([value=""]):not([data-miclinitialized]),>select[data-miclvalue],>textarea:focus,>textarea:not(:empty):not([data-miclinitialized]),>textarea[data-miclvalue])>.micl-textfield__prefix,.micl-textfield-outlined:has(>input:focus,>input[value]:not([value=""]):not([data-miclinitialized]),>input[data-miclvalue],>input[type=date],>input[type=datetime-local],>input[type=month],>input[type=time],>input[type=week],>select:focus,>select[value]:not([value=""]):not([data-miclinitialized]),>select[data-miclvalue],>textarea:focus,>textarea:not(:empty):not([data-miclinitialized]),>textarea[data-miclvalue])>.micl-textfield__suffix{opacity:1}.micl-textfield-filled.micl-textfield--error>label,.micl-textfield-filled.micl-textfield--error>.micl-textfield__icon-trailing,.micl-textfield-filled.micl-textfield--error>.micl-textfield__supporting-text,.micl-textfield-filled.micl-textfield--error>.micl-textfield__character-counter,.micl-textfield-outlined.micl-textfield--error>label,.micl-textfield-outlined.micl-textfield--error>.micl-textfield__icon-trailing,.micl-textfield-outlined.micl-textfield--error>.micl-textfield__supporting-text,.micl-textfield-outlined.micl-textfield--error>.micl-textfield__character-counter{color:var(--md-sys-color-error)}.micl-textfield-filled.micl-textfield--error>input,.micl-textfield-filled.micl-textfield--error>textarea,.micl-textfield-outlined.micl-textfield--error>input,.micl-textfield-outlined.micl-textfield--error>textarea{border-block-end-color:var(--md-sys-color-error);outline-color:var(--md-sys-color-error);caret-color:var(--md-sys-color-error)}.micl-textfield-filled.micl-textfield--error>input:active,.micl-textfield-filled.micl-textfield--error>input:focus,.micl-textfield-filled.micl-textfield--error>input:focus-visible,.micl-textfield-filled.micl-textfield--error>textarea:active,.micl-textfield-filled.micl-textfield--error>textarea:focus,.micl-textfield-filled.micl-textfield--error>textarea:focus-visible,.micl-textfield-outlined.micl-textfield--error>input:active,.micl-textfield-outlined.micl-textfield--error>input:focus,.micl-textfield-outlined.micl-textfield--error>input:focus-visible,.micl-textfield-outlined.micl-textfield--error>textarea:active,.micl-textfield-outlined.micl-textfield--error>textarea:focus,.micl-textfield-outlined.micl-textfield--error>textarea:focus-visible{border-block-end-color:var(--md-sys-color-error);outline-color:var(--md-sys-color-error)}.micl-textfield-filled.micl-textfield--error:hover>label,.micl-textfield-filled.micl-textfield--error:hover>.micl-textfield__icon-trailing,.micl-textfield-outlined.micl-textfield--error:hover>label,.micl-textfield-outlined.micl-textfield--error:hover>.micl-textfield__icon-trailing{color:var(--md-sys-color-on-error-container)}.micl-textfield-filled.micl-textfield--error:hover>input,.micl-textfield-filled.micl-textfield--error:hover>textarea,.micl-textfield-outlined.micl-textfield--error:hover>input,.micl-textfield-outlined.micl-textfield--error:hover>textarea{border-block-end-color:var(--md-sys-color-on-error-container);outline-color:var(--md-sys-color-on-error-container)}.micl-textfield-filled.micl-textfield--error:has(>input:active)>label,.micl-textfield-filled.micl-textfield--error:has(>input:active)>.micl-textfield__icon-trailing,.micl-textfield-filled.micl-textfield--error:has(>input:focus)>label,.micl-textfield-filled.micl-textfield--error:has(>input:focus)>.micl-textfield__icon-trailing,.micl-textfield-filled.micl-textfield--error:has(>input:focus-visible)>label,.micl-textfield-filled.micl-textfield--error:has(>input:focus-visible)>.micl-textfield__icon-trailing,.micl-textfield-filled.micl-textfield--error:has(>textarea:active)>label,.micl-textfield-filled.micl-textfield--error:has(>textarea:active)>.micl-textfield__icon-trailing,.micl-textfield-filled.micl-textfield--error:has(>textarea:focus)>label,.micl-textfield-filled.micl-textfield--error:has(>textarea:focus)>.micl-textfield__icon-trailing,.micl-textfield-filled.micl-textfield--error:has(>textarea:focus-visible)>label,.micl-textfield-filled.micl-textfield--error:has(>textarea:focus-visible)>.micl-textfield__icon-trailing,.micl-textfield-outlined.micl-textfield--error:has(>input:active)>label,.micl-textfield-outlined.micl-textfield--error:has(>input:active)>.micl-textfield__icon-trailing,.micl-textfield-outlined.micl-textfield--error:has(>input:focus)>label,.micl-textfield-outlined.micl-textfield--error:has(>input:focus)>.micl-textfield__icon-trailing,.micl-textfield-outlined.micl-textfield--error:has(>input:focus-visible)>label,.micl-textfield-outlined.micl-textfield--error:has(>input:focus-visible)>.micl-textfield__icon-trailing,.micl-textfield-outlined.micl-textfield--error:has(>textarea:active)>label,.micl-textfield-outlined.micl-textfield--error:has(>textarea:active)>.micl-textfield__icon-trailing,.micl-textfield-outlined.micl-textfield--error:has(>textarea:focus)>label,.micl-textfield-outlined.micl-textfield--error:has(>textarea:focus)>.micl-textfield__icon-trailing,.micl-textfield-outlined.micl-textfield--error:has(>textarea:focus-visible)>label,.micl-textfield-outlined.micl-textfield--error:has(>textarea:focus-visible)>.micl-textfield__icon-trailing{color:var(--md-sys-color-error)}[dir=rtl] .micl-textfield-filled>.micl-textfield__icon-leading,[dir=rtl] .micl-textfield-outlined>.micl-textfield__icon-leading{margin-inline:auto var(--md-sys-textfield-icon-space)}[dir=rtl] .micl-textfield-filled>.micl-textfield__icon-trailing,[dir=rtl] .micl-textfield-outlined>.micl-textfield__icon-trailing{margin-inline:var(--md-sys-textfield-icon-space) auto}
1
+ :root{--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}:root{--md-sys-target-size: 48px;--md-sys-shape-corner-none: 0px;--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-large-increased: 20px;--md-sys-shape-corner-extra-large: 28px;--md-sys-shape-corner-extra-large-increased: 32px;--md-sys-shape-corner-extra-extra-large: 48px;--md-sys-shape-corner-full: 50%}:root{--md-sys-state-layer-size: 40px;--md-sys-state-hover-state-layer-opacity: 8%;--md-sys-state-focus-state-layer-opacity: 10%;--md-sys-state-pressed-state-layer-opacity: 10%;--md-sys-state-dragged-state-layer-opacity: 16%;--md-sys-state-focus-indicator-outer-offset: 2px;--md-sys-state-focus-indicator-thickness: 3px}:root{--md-ref-typeface-plain: Roboto, system-ui, sans-serif;--md-ref-typeface-brand: Roboto, system-ui, sans-serif;--md-ref-typeface-weight-regular: 400;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-bold: 700;--md-sys-typescale-display-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-large-size: 3.5625rem;--md-sys-typescale-display-large-line-height: 4rem;--md-sys-typescale-display-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-large-tracking: -0.015625rem;--md-sys-typescale-display-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-medium-size: 2.8125rem;--md-sys-typescale-display-medium-line-height: 3.25rem;--md-sys-typescale-display-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-medium-tracking: 0;--md-sys-typescale-display-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-small-size: 2.25rem;--md-sys-typescale-display-small-line-height: 2.75rem;--md-sys-typescale-display-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-small-tracking: 0;--md-sys-typescale-headline-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-large-size: 2rem;--md-sys-typescale-headline-large-line-height: 2.5rem;--md-sys-typescale-headline-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-large-tracking: 0;--md-sys-typescale-headline-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-medium-size: 1.75rem;--md-sys-typescale-headline-medium-line-height: 2.25rem;--md-sys-typescale-headline-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-medium-tracking: 0;--md-sys-typescale-headline-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-small-size: 1.5rem;--md-sys-typescale-headline-small-line-height: 2rem;--md-sys-typescale-headline-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-small-tracking: 0;--md-sys-typescale-title-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-title-large-size: 1.375rem;--md-sys-typescale-title-large-line-height: 1.75rem;--md-sys-typescale-title-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-title-large-tracking: 0;--md-sys-typescale-title-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-title-medium-size: 1rem;--md-sys-typescale-title-medium-line-height: 1.5rem;--md-sys-typescale-title-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-title-medium-tracking: 0,009375rem;--md-sys-typescale-title-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-title-small-size: 0.875rem;--md-sys-typescale-title-small-line-height: 1.25rem;--md-sys-typescale-title-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-title-small-tracking: 0.00625rem;--md-sys-typescale-body-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-large-size: 1rem;--md-sys-typescale-body-large-line-height: 1.5rem;--md-sys-typescale-body-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-large-tracking: 0.03125rem;--md-sys-typescale-body-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-medium-size: 0.875rem;--md-sys-typescale-body-medium-line-height: 1.25rem;--md-sys-typescale-body-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-medium-tracking: 0.015625rem;--md-sys-typescale-body-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-small-size: 0.75rem;--md-sys-typescale-body-small-line-height: 1rem;--md-sys-typescale-body-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-small-tracking: 0.025rem;--md-sys-typescale-label-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-large-size: 0.875rem;--md-sys-typescale-label-large-line-height: 1.25rem;--md-sys-typescale-label-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-large-tracking: 0.00625rem;--md-sys-typescale-label-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-medium-size: 0.75rem;--md-sys-typescale-label-medium-line-height: 1rem;--md-sys-typescale-label-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-medium-tracking: 0.03125rem;--md-sys-typescale-label-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-small-size: 0.6875rem;--md-sys-typescale-label-small-line-height: 1rem;--md-sys-typescale-label-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-small-tracking: 0.03125rem;--md-sys-typescale-emphasized-display-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-large-size: 3.5625rem;--md-sys-typescale-emphasized-display-large-line-height: 4rem;--md-sys-typescale-emphasized-display-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-display-large-tracking: -0.015625rem;--md-sys-typescale-emphasized-display-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-medium-size: 2.8125rem;--md-sys-typescale-emphasized-display-medium-line-height: 3.25rem;--md-sys-typescale-emphasized-display-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-display-medium-tracking: 0;--md-sys-typescale-emphasized-display-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-small-size: 2.25rem;--md-sys-typescale-emphasized-display-small-line-height: 2.75rem;--md-sys-typescale-emphasized-display-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-display-small-tracking: 0;--md-sys-typescale-emphasized-headline-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-large-size: 2rem;--md-sys-typescale-emphasized-headline-large-line-height: 2.5rem;--md-sys-typescale-emphasized-headline-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-headline-large-tracking: 0;--md-sys-typescale-emphasized-headline-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-medium-size: 1.75rem;--md-sys-typescale-emphasized-headline-medium-line-height: 2.25rem;--md-sys-typescale-emphasized-headline-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-headline-medium-tracking: 0;--md-sys-typescale-emphasized-headline-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-small-size: 1.5rem;--md-sys-typescale-emphasized-headline-small-line-height: 2rem;--md-sys-typescale-emphasized-headline-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-headline-small-tracking: 0;--md-sys-typescale-emphasized-title-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-title-large-size: 1.375rem;--md-sys-typescale-emphasized-title-large-line-height: 1.75rem;--md-sys-typescale-emphasized-title-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-title-large-tracking: 0;--md-sys-typescale-emphasized-title-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-title-medium-size: 1rem;--md-sys-typescale-emphasized-title-medium-line-height: 1.5rem;--md-sys-typescale-emphasized-title-medium-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-title-medium-tracking: 0,009375rem;--md-sys-typescale-emphasized-title-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-title-small-size: 0.875rem;--md-sys-typescale-emphasized-title-small-line-height: 1.25rem;--md-sys-typescale-emphasized-title-small-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-title-small-tracking: 0.00625rem;--md-sys-typescale-emphasized-body-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-large-size: 1rem;--md-sys-typescale-emphasized-body-large-line-height: 1.5rem;--md-sys-typescale-emphasized-body-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-body-large-tracking: 0.03125rem;--md-sys-typescale-emphasized-body-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-medium-size: 0.875rem;--md-sys-typescale-emphasized-body-medium-line-height: 1.25rem;--md-sys-typescale-emphasized-body-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-body-medium-tracking: 0.015625rem;--md-sys-typescale-emphasized-body-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-small-size: 0.75rem;--md-sys-typescale-emphasized-body-small-line-height: 1rem;--md-sys-typescale-emphasized-body-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-body-small-tracking: 0.025rem;--md-sys-typescale-emphasized-label-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-large-size: 0.875rem;--md-sys-typescale-emphasized-label-large-line-height: 1.25rem;--md-sys-typescale-emphasized-label-large-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-label-large-tracking: 0.00625rem;--md-sys-typescale-emphasized-label-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-medium-size: 0.75rem;--md-sys-typescale-emphasized-label-medium-line-height: 1rem;--md-sys-typescale-emphasized-label-medium-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-label-medium-tracking: 0.03125rem;--md-sys-typescale-emphasized-label-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-small-size: 0.6875rem;--md-sys-typescale-emphasized-label-small-line-height: 1rem;--md-sys-typescale-emphasized-label-small-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-label-small-tracking: 0.03125rem}.md-sys-typescale-display-large{font-family:var(--md-sys-typescale-display-large-font);font-size:var(--md-sys-typescale-display-large-size);line-height:var(--md-sys-typescale-display-large-line-height);font-weight:var(--md-sys-typescale-display-large-weight);letter-spacing:var(--md-sys-typescale-display-large-tracking)}.md-sys-typescale-display-medium{font-family:var(--md-sys-typescale-display-medium-font);font-size:var(--md-sys-typescale-display-medium-size);line-height:var(--md-sys-typescale-display-medium-line-height);font-weight:var(--md-sys-typescale-display-medium-weight);letter-spacing:var(--md-sys-typescale-display-medium-tracking)}.md-sys-typescale-display-small{font-family:var(--md-sys-typescale-display-small-font);font-size:var(--md-sys-typescale-display-small-size);line-height:var(--md-sys-typescale-display-small-line-height);font-weight:var(--md-sys-typescale-display-small-weight);letter-spacing:var(--md-sys-typescale-display-small-tracking)}.md-sys-typescale-headline-large{font-family:var(--md-sys-typescale-headline-large-font);font-size:var(--md-sys-typescale-headline-large-size);line-height:var(--md-sys-typescale-headline-large-line-height);font-weight:var(--md-sys-typescale-headline-large-weight);letter-spacing:var(--md-sys-typescale-headline-large-tracking)}.md-sys-typescale-headline-medium{font-family:var(--md-sys-typescale-headline-medium-font);font-size:var(--md-sys-typescale-headline-medium-size);line-height:var(--md-sys-typescale-headline-medium-line-height);font-weight:var(--md-sys-typescale-headline-medium-weight);letter-spacing:var(--md-sys-typescale-headline-medium-tracking)}.md-sys-typescale-headline-small{font-family:var(--md-sys-typescale-headline-small-font);font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--md-sys-typescale-headline-small-line-height);font-weight:var(--md-sys-typescale-headline-small-weight);letter-spacing:var(--md-sys-typescale-headline-small-tracking)}.md-sys-typescale-title-large{font-family:var(--md-sys-typescale-title-large-font);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);letter-spacing:var(--md-sys-typescale-title-large-tracking)}.md-sys-typescale-title-medium{font-family:var(--md-sys-typescale-title-medium-font);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);letter-spacing:var(--md-sys-typescale-title-medium-tracking)}.md-sys-typescale-title-small{font-family:var(--md-sys-typescale-title-small-font);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);letter-spacing:var(--md-sys-typescale-title-small-tracking)}.md-sys-typescale-body-large{font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);font-weight:var(--md-sys-typescale-body-large-weight);letter-spacing:var(--md-sys-typescale-body-large-tracking)}.md-sys-typescale-body-medium{font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height);font-weight:var(--md-sys-typescale-body-medium-weight);letter-spacing:var(--md-sys-typescale-body-medium-tracking)}.md-sys-typescale-body-small{font-family:var(--md-sys-typescale-body-small-font);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);font-weight:var(--md-sys-typescale-body-small-weight);letter-spacing:var(--md-sys-typescale-body-small-tracking)}.md-sys-typescale-label-large{font-family:var(--md-sys-typescale-label-large-font);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);letter-spacing:var(--md-sys-typescale-label-large-tracking)}.md-sys-typescale-label-medium{font-family:var(--md-sys-typescale-label-medium-font);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);letter-spacing:var(--md-sys-typescale-label-medium-tracking)}.md-sys-typescale-label-small{font-family:var(--md-sys-typescale-label-small-font);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);letter-spacing:var(--md-sys-typescale-label-small-tracking)}.md-sys-typescale-emphasized-display-large{font-family:var(--md-sys-typescale-emphasized-display-large-font);font-size:var(--md-sys-typescale-emphasized-display-large-size);line-height:var(--md-sys-typescale-emphasized-display-large-line-height);font-weight:var(--md-sys-typescale-emphasized-display-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-display-large-tracking)}.md-sys-typescale-emphasized-display-medium{font-family:var(--md-sys-typescale-emphasized-display-medium-font);font-size:var(--md-sys-typescale-emphasized-display-medium-size);line-height:var(--md-sys-typescale-emphasized-display-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-display-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-display-medium-tracking)}.md-sys-typescale-emphasized-display-small{font-family:var(--md-sys-typescale-emphasized-display-small-font);font-size:var(--md-sys-typescale-emphasized-display-small-size);line-height:var(--md-sys-typescale-emphasized-display-small-line-height);font-weight:var(--md-sys-typescale-emphasized-display-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-display-small-tracking)}.md-sys-typescale-emphasized-headline-large{font-family:var(--md-sys-typescale-emphasized-headline-large-font);font-size:var(--md-sys-typescale-emphasized-headline-large-size);line-height:var(--md-sys-typescale-emphasized-headline-large-line-height);font-weight:var(--md-sys-typescale-emphasized-headline-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-headline-large-tracking)}.md-sys-typescale-emphasized-headline-medium{font-family:var(--md-sys-typescale-emphasized-headline-medium-font);font-size:var(--md-sys-typescale-emphasized-headline-medium-size);line-height:var(--md-sys-typescale-emphasized-headline-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-headline-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-headline-medium-tracking)}.md-sys-typescale-emphasized-headline-small{font-family:var(--md-sys-typescale-emphasized-headline-small-font);font-size:var(--md-sys-typescale-emphasized-headline-small-size);line-height:var(--md-sys-typescale-emphasized-headline-small-line-height);font-weight:var(--md-sys-typescale-emphasized-headline-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-headline-small-tracking)}.md-sys-typescale-emphasized-title-large{font-family:var(--md-sys-typescale-emphasized-title-large-font);font-size:var(--md-sys-typescale-emphasized-title-large-size);line-height:var(--md-sys-typescale-emphasized-title-large-line-height);font-weight:var(--md-sys-typescale-emphasized-title-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-title-large-tracking)}.md-sys-typescale-emphasized-title-medium{font-family:var(--md-sys-typescale-emphasized-title-medium-font);font-size:var(--md-sys-typescale-emphasized-title-medium-size);line-height:var(--md-sys-typescale-emphasized-title-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-title-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-title-medium-tracking)}.md-sys-typescale-emphasized-title-small{font-family:var(--md-sys-typescale-emphasized-title-small-font);font-size:var(--md-sys-typescale-emphasized-title-small-size);line-height:var(--md-sys-typescale-emphasized-title-small-line-height);font-weight:var(--md-sys-typescale-emphasized-title-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-title-small-tracking)}.md-sys-typescale-emphasized-body-large{font-family:var(--md-sys-typescale-emphasized-body-large-font);font-size:var(--md-sys-typescale-emphasized-body-large-size);line-height:var(--md-sys-typescale-emphasized-body-large-line-height);font-weight:var(--md-sys-typescale-emphasized-body-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-body-large-tracking)}.md-sys-typescale-emphasized-body-medium{font-family:var(--md-sys-typescale-emphasized-body-medium-font);font-size:var(--md-sys-typescale-emphasized-body-medium-size);line-height:var(--md-sys-typescale-emphasized-body-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-body-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-body-medium-tracking)}.md-sys-typescale-emphasized-body-small{font-family:var(--md-sys-typescale-emphasized-body-small-font);font-size:var(--md-sys-typescale-emphasized-body-small-size);line-height:var(--md-sys-typescale-emphasized-body-small-line-height);font-weight:var(--md-sys-typescale-emphasized-body-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-body-small-tracking)}.md-sys-typescale-emphasized-label-large{font-family:var(--md-sys-typescale-emphasized-label-large-font);font-size:var(--md-sys-typescale-emphasized-label-large-size);line-height:var(--md-sys-typescale-emphasized-label-large-line-height);font-weight:var(--md-sys-typescale-emphasized-label-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-label-large-tracking)}.md-sys-typescale-emphasized-label-medium{font-family:var(--md-sys-typescale-emphasized-label-medium-font);font-size:var(--md-sys-typescale-emphasized-label-medium-size);line-height:var(--md-sys-typescale-emphasized-label-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-label-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-label-medium-tracking)}.md-sys-typescale-emphasized-label-small{font-family:var(--md-sys-typescale-emphasized-label-small-font);font-size:var(--md-sys-typescale-emphasized-label-small-size);line-height:var(--md-sys-typescale-emphasized-label-small-line-height);font-weight:var(--md-sys-typescale-emphasized-label-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-label-small-tracking)}.micl-textfield-filled,.micl-textfield-outlined{--md-sys-textfield-height: 56px;--md-sys-textfield-icon-size: 24px;--md-sys-textfield-icon-space: 12px;--md-sys-textfield-input-space: 16px;--md-sys-textfield-prefix-space: 1em;--md-sys-textfield-suffix-space: 1em;--md-sys-textfield-motion-effects: cubic-bezier(0.34, 0.88, 0.34, 1);--md-sys-textfield-motion-duration: 300ms;--md-sys-textfield-motion-duration-reverse: 200ms;display:grid;grid-template-areas:"textfield" "supporting";align-items:center;background-color:inherit}.micl-textfield-filled>label,.micl-textfield-outlined>label{font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);font-weight:var(--md-sys-typescale-body-large-weight);letter-spacing:var(--md-sys-typescale-body-large-tracking);box-sizing:content-box;grid-area:textfield;align-self:flex-start;width:fit-content;padding-inline:4px;margin-block-start:calc((var(--md-sys-textfield-height) - var(--md-sys-typescale-body-large-line-height))/2);margin-inline-start:12px;border-radius:4px;background-color:inherit;color:var(--md-sys-color-on-surface-variant);z-index:1;transition:margin-block-start var(--md-sys-textfield-motion-duration) var(--md-sys-textfield-motion-effects),margin-inline-start var(--md-sys-textfield-motion-duration) var(--md-sys-textfield-motion-effects),font-size var(--md-sys-textfield-motion-duration) linear,letter-spacing var(--md-sys-textfield-motion-duration) linear}.micl-textfield-filled>input,.micl-textfield-filled>select,.micl-textfield-filled>textarea,.micl-textfield-outlined>input,.micl-textfield-outlined>select,.micl-textfield-outlined>textarea{font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);font-weight:var(--md-sys-typescale-body-large-weight);letter-spacing:var(--md-sys-typescale-body-large-tracking);box-sizing:border-box;grid-area:textfield;margin:0;padding-inline:var(--md-sys-textfield-input-space);border:none;border-block-end:1px solid var(--md-sys-color-on-surface-variant);border-radius:var(--md-sys-shape-corner-extra-small);outline:none;color:var(--md-sys-color-on-surface);background-color:rgba(0,0,0,0);text-overflow:ellipsis;caret-color:var(--md-sys-color-primary)}.micl-textfield-filled>input:disabled,.micl-textfield-filled>select:disabled,.micl-textfield-filled>textarea:disabled,.micl-textfield-outlined>input:disabled,.micl-textfield-outlined>select:disabled,.micl-textfield-outlined>textarea:disabled{border-block-end-color:rgb(from var(--md-sys-color-on-surface) r g b/38%);color:rgb(from var(--md-sys-color-on-surface) r g b/38%)}.micl-textfield-filled>input::placeholder,.micl-textfield-filled>select::placeholder,.micl-textfield-filled>textarea::placeholder,.micl-textfield-outlined>input::placeholder,.micl-textfield-outlined>select::placeholder,.micl-textfield-outlined>textarea::placeholder{color:var(--md-sys-color-on-surface-variant)}.micl-textfield-filled>input::-webkit-inner-spin-button,.micl-textfield-filled>input::-webkit-outer-spin-button,.micl-textfield-filled>select::-webkit-inner-spin-button,.micl-textfield-filled>select::-webkit-outer-spin-button,.micl-textfield-filled>textarea::-webkit-inner-spin-button,.micl-textfield-filled>textarea::-webkit-outer-spin-button,.micl-textfield-outlined>input::-webkit-inner-spin-button,.micl-textfield-outlined>input::-webkit-outer-spin-button,.micl-textfield-outlined>select::-webkit-inner-spin-button,.micl-textfield-outlined>select::-webkit-outer-spin-button,.micl-textfield-outlined>textarea::-webkit-inner-spin-button,.micl-textfield-outlined>textarea::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.micl-textfield-filled>input[type=number],.micl-textfield-filled>select[type=number],.micl-textfield-filled>textarea[type=number],.micl-textfield-outlined>input[type=number],.micl-textfield-outlined>select[type=number],.micl-textfield-outlined>textarea[type=number]{-moz-appearance:textfield}.micl-textfield-filled>input,.micl-textfield-filled>select,.micl-textfield-outlined>input,.micl-textfield-outlined>select{height:var(--md-sys-textfield-height);padding-block:0}.micl-textfield-filled>textarea,.micl-textfield-outlined>textarea{min-height:var(--md-sys-textfield-height);padding-block:calc((var(--md-sys-textfield-height) - var(--md-sys-typescale-body-large-line-height))/2);resize:none}.micl-textfield-filled>textarea[rows],.micl-textfield-outlined>textarea[rows]{padding-block-start:0;border-block-start:8px solid rgba(0,0,0,0);overflow:hidden}.micl-textfield-filled>textarea:not([rows]),.micl-textfield-outlined>textarea:not([rows]){field-sizing:content}.micl-textfield-filled>.micl-textfield__prefix,.micl-textfield-filled>.micl-textfield__suffix,.micl-textfield-outlined>.micl-textfield__prefix,.micl-textfield-outlined>.micl-textfield__suffix{font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);font-weight:var(--md-sys-typescale-body-large-weight);letter-spacing:var(--md-sys-typescale-body-large-tracking);grid-area:textfield;align-content:center;height:var(--md-sys-textfield-height);color:var(--md-sys-color-on-surface-variant);opacity:0;z-index:1;transition:opacity var(--md-sys-textfield-motion-duration-reverse) linear}.micl-textfield-filled>.micl-textfield__prefix,.micl-textfield-outlined>.micl-textfield__prefix{width:var(--md-sys-textfield-prefix-space);padding-inline-start:var(--md-sys-textfield-input-space)}.micl-textfield-filled>.micl-textfield__suffix,.micl-textfield-outlined>.micl-textfield__suffix{width:var(--md-sys-textfield-suffix-space);padding-inline-end:var(--md-sys-textfield-input-space);margin-inline:auto 0}.micl-textfield-filled>.micl-textfield__icon-leading,.micl-textfield-filled>.micl-textfield__icon-trailing,.micl-textfield-outlined>.micl-textfield__icon-leading,.micl-textfield-outlined>.micl-textfield__icon-trailing{grid-area:textfield;width:1em;margin-inline:var(--md-sys-textfield-icon-space) auto;font-size:var(--md-sys-textfield-icon-size);color:var(--md-sys-color-on-surface-variant);z-index:1}.micl-textfield-filled>.micl-textfield__icon-trailing,.micl-textfield-outlined>.micl-textfield__icon-trailing{margin-inline:auto var(--md-sys-textfield-icon-space)}.micl-textfield-filled:has(>.micl-textfield__prefix)>input,.micl-textfield-filled:has(>.micl-textfield__prefix)>textarea,.micl-textfield-outlined:has(>.micl-textfield__prefix)>input,.micl-textfield-outlined:has(>.micl-textfield__prefix)>textarea{padding-inline-start:calc(var(--md-sys-textfield-input-space) + var(--md-sys-textfield-prefix-space))}.micl-textfield-filled:has(>.micl-textfield__suffix)>input,.micl-textfield-filled:has(>.micl-textfield__suffix)>textarea,.micl-textfield-outlined:has(>.micl-textfield__suffix)>input,.micl-textfield-outlined:has(>.micl-textfield__suffix)>textarea{padding-inline-end:calc(var(--md-sys-textfield-suffix-space) + var(--md-sys-textfield-input-space))}.micl-textfield-filled:has(>.micl-textfield__icon-leading)>label,.micl-textfield-outlined:has(>.micl-textfield__icon-leading)>label{margin-inline-start:calc(var(--md-sys-textfield-icon-space) + var(--md-sys-textfield-icon-size) + var(--md-sys-textfield-input-space))}.micl-textfield-filled:has(>.micl-textfield__icon-leading)>.micl-textfield__prefix,.micl-textfield-filled:has(>.micl-textfield__icon-leading)>input,.micl-textfield-filled:has(>.micl-textfield__icon-leading)>textarea,.micl-textfield-outlined:has(>.micl-textfield__icon-leading)>.micl-textfield__prefix,.micl-textfield-outlined:has(>.micl-textfield__icon-leading)>input,.micl-textfield-outlined:has(>.micl-textfield__icon-leading)>textarea{padding-inline-start:calc(var(--md-sys-textfield-icon-space) + var(--md-sys-textfield-icon-size) + var(--md-sys-textfield-input-space))}.micl-textfield-filled:has(>.micl-textfield__icon-leading):has(>.micl-textfield__prefix)>input,.micl-textfield-filled:has(>.micl-textfield__icon-leading):has(>.micl-textfield__prefix)>textarea,.micl-textfield-outlined:has(>.micl-textfield__icon-leading):has(>.micl-textfield__prefix)>input,.micl-textfield-outlined:has(>.micl-textfield__icon-leading):has(>.micl-textfield__prefix)>textarea{padding-inline-start:calc(var(--md-sys-textfield-input-space) + var(--md-sys-textfield-icon-size) + var(--md-sys-textfield-icon-space) + var(--md-sys-textfield-prefix-space))}.micl-textfield-filled:has(>.micl-textfield__icon-trailing)>.micl-textfield__suffix,.micl-textfield-filled:has(>.micl-textfield__icon-trailing)>input,.micl-textfield-filled:has(>.micl-textfield__icon-trailing)>textarea,.micl-textfield-outlined:has(>.micl-textfield__icon-trailing)>.micl-textfield__suffix,.micl-textfield-outlined:has(>.micl-textfield__icon-trailing)>input,.micl-textfield-outlined:has(>.micl-textfield__icon-trailing)>textarea{padding-inline-end:calc(var(--md-sys-textfield-input-space) + var(--md-sys-textfield-icon-size) + var(--md-sys-textfield-icon-space))}.micl-textfield-filled:has(>.micl-textfield__icon-trailing):has(>.micl-textfield__suffix)>input,.micl-textfield-filled:has(>.micl-textfield__icon-trailing):has(>.micl-textfield__suffix)>textarea,.micl-textfield-outlined:has(>.micl-textfield__icon-trailing):has(>.micl-textfield__suffix)>input,.micl-textfield-outlined:has(>.micl-textfield__icon-trailing):has(>.micl-textfield__suffix)>textarea{padding-inline-end:calc(var(--md-sys-textfield-input-space) + var(--md-sys-textfield-icon-size) + var(--md-sys-textfield-prefix-space) + var(--md-sys-textfield-icon-space))}.micl-textfield-filled>.micl-textfield__supporting-text,.micl-textfield-filled>.micl-textfield__character-counter,.micl-textfield-outlined>.micl-textfield__supporting-text,.micl-textfield-outlined>.micl-textfield__character-counter{font-family:var(--md-sys-typescale-body-small-font);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);font-weight:var(--md-sys-typescale-body-small-weight);letter-spacing:var(--md-sys-typescale-body-small-tracking);grid-area:supporting;padding-block:4px 0;padding-inline:16px;color:var(--md-sys-color-on-surface-variant)}.micl-textfield-filled>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-filled>.micl-textfield__character-counter.micl-textfield__supporting-text--focus,.micl-textfield-outlined>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-outlined>.micl-textfield__character-counter.micl-textfield__supporting-text--focus{visibility:hidden}.micl-textfield-filled>.micl-textfield__character-counter,.micl-textfield-outlined>.micl-textfield__character-counter{justify-self:flex-end}.micl-textfield-filled:has(>input:active)>label,.micl-textfield-filled:has(>select:active)>label,.micl-textfield-filled:has(>textarea:active)>label,.micl-textfield-filled:has(>input:focus)>label,.micl-textfield-filled:has(>select:focus)>label,.micl-textfield-filled:has(>textarea:focus)>label,.micl-textfield-filled:has(>input:focus-visible)>label,.micl-textfield-filled:has(>select:focus-visible)>label,.micl-textfield-filled:has(>textarea:focus-visible)>label,.micl-textfield-outlined:has(>input:active)>label,.micl-textfield-outlined:has(>select:active)>label,.micl-textfield-outlined:has(>textarea:active)>label,.micl-textfield-outlined:has(>input:focus)>label,.micl-textfield-outlined:has(>select:focus)>label,.micl-textfield-outlined:has(>textarea:focus)>label,.micl-textfield-outlined:has(>input:focus-visible)>label,.micl-textfield-outlined:has(>select:focus-visible)>label,.micl-textfield-outlined:has(>textarea:focus-visible)>label{color:var(--md-sys-color-primary)}.micl-textfield-filled:has(>input:active)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-filled:has(>select:active)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-filled:has(>textarea:active)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-filled:has(>input:focus)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-filled:has(>select:focus)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-filled:has(>textarea:focus)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-filled:has(>input:focus-visible)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-filled:has(>select:focus-visible)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-filled:has(>textarea:focus-visible)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-outlined:has(>input:active)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-outlined:has(>select:active)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-outlined:has(>textarea:active)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-outlined:has(>input:focus)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-outlined:has(>select:focus)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-outlined:has(>textarea:focus)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-outlined:has(>input:focus-visible)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-outlined:has(>select:focus-visible)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-outlined:has(>textarea:focus-visible)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus{visibility:visible}.micl-textfield-filled:has(>input:disabled)>label,.micl-textfield-filled:has(>select:disabled)>label,.micl-textfield-filled:has(>textarea:disabled)>label,.micl-textfield-outlined:has(>input:disabled)>label,.micl-textfield-outlined:has(>select:disabled)>label,.micl-textfield-outlined:has(>textarea:disabled)>label{color:rgb(from var(--md-sys-color-on-surface) r g b/38%)}.micl-textfield-filled:has(>input:disabled)>.micl-textfield__icon-leading,.micl-textfield-filled:has(>input:disabled)>.micl-textfield__icon-trailing,.micl-textfield-filled:has(>input:disabled)>.micl-textfield__supporting-text,.micl-textfield-filled:has(>select:disabled)>.micl-textfield__icon-leading,.micl-textfield-filled:has(>select:disabled)>.micl-textfield__icon-trailing,.micl-textfield-filled:has(>select:disabled)>.micl-textfield__supporting-text,.micl-textfield-filled:has(>textarea:disabled)>.micl-textfield__icon-leading,.micl-textfield-filled:has(>textarea:disabled)>.micl-textfield__icon-trailing,.micl-textfield-filled:has(>textarea:disabled)>.micl-textfield__supporting-text,.micl-textfield-outlined:has(>input:disabled)>.micl-textfield__icon-leading,.micl-textfield-outlined:has(>input:disabled)>.micl-textfield__icon-trailing,.micl-textfield-outlined:has(>input:disabled)>.micl-textfield__supporting-text,.micl-textfield-outlined:has(>select:disabled)>.micl-textfield__icon-leading,.micl-textfield-outlined:has(>select:disabled)>.micl-textfield__icon-trailing,.micl-textfield-outlined:has(>select:disabled)>.micl-textfield__supporting-text,.micl-textfield-outlined:has(>textarea:disabled)>.micl-textfield__icon-leading,.micl-textfield-outlined:has(>textarea:disabled)>.micl-textfield__icon-trailing,.micl-textfield-outlined:has(>textarea:disabled)>.micl-textfield__supporting-text{color:rgb(from var(--md-sys-color-on-surface) r g b/38%)}.micl-textfield-filled:has(>input:disabled)>.micl-textfield__character-counter,.micl-textfield-filled:has(>select:disabled)>.micl-textfield__character-counter,.micl-textfield-filled:has(>textarea:disabled)>.micl-textfield__character-counter,.micl-textfield-outlined:has(>input:disabled)>.micl-textfield__character-counter,.micl-textfield-outlined:has(>select:disabled)>.micl-textfield__character-counter,.micl-textfield-outlined:has(>textarea:disabled)>.micl-textfield__character-counter{display:none}.micl-textfield-filled:has(>input:not([maxlength]))>.micl-textfield__character-counter,.micl-textfield-filled:has(>textarea:not([maxlength]))>.micl-textfield__character-counter,.micl-textfield-outlined:has(>input:not([maxlength]))>.micl-textfield__character-counter,.micl-textfield-outlined:has(>textarea:not([maxlength]))>.micl-textfield__character-counter{display:none}.micl-textfield-filled:has(>input[maxlength]:not(:disabled)):has(>.micl-textfield__character-counter)>.micl-textfield__supporting-text,.micl-textfield-filled:has(>textarea[maxlength]:not(:disabled)):has(>.micl-textfield__character-counter)>.micl-textfield__supporting-text,.micl-textfield-outlined:has(>input[maxlength]:not(:disabled)):has(>.micl-textfield__character-counter)>.micl-textfield__supporting-text,.micl-textfield-outlined:has(>textarea[maxlength]:not(:disabled)):has(>.micl-textfield__character-counter)>.micl-textfield__supporting-text{padding-inline-end:64px}.micl-textfield-filled>label{background-color:rgba(0,0,0,0)}.micl-textfield-filled:hover>input:not(:disabled),.micl-textfield-filled:hover>select:not(:disabled),.micl-textfield-filled:hover>textarea:not(:disabled){border-block-end-color:var(--md-sys-color-on-surface);background-color:color-mix(in srgb, var(--md-sys-color-surface-container-highest), var(--md-sys-color-on-surface) var(--md-sys-state-hover-state-layer-opacity))}.micl-textfield-filled>input,.micl-textfield-filled>select,.micl-textfield-filled>textarea{padding-block-start:18px;padding-block-end:2px;background-color:var(--md-sys-color-surface-container-highest);border-end-start-radius:0;border-end-end-radius:0;outline:none}.micl-textfield-filled>input:disabled,.micl-textfield-filled>select:disabled,.micl-textfield-filled>textarea:disabled{background-color:rgb(from var(--md-sys-color-on-surface) r g b/4%)}.micl-textfield-filled>input:not(:disabled):focus,.micl-textfield-filled>input:not(:disabled):focus-visible,.micl-textfield-filled>input:not(:disabled):active,.micl-textfield-filled>select:not(:disabled):focus,.micl-textfield-filled>select:not(:disabled):focus-visible,.micl-textfield-filled>select:not(:disabled):active,.micl-textfield-filled>textarea:not(:disabled):focus,.micl-textfield-filled>textarea:not(:disabled):focus-visible,.micl-textfield-filled>textarea:not(:disabled):active{padding-block-end:0px;border-block-end-width:3px;border-block-end-color:var(--md-sys-color-primary)}.micl-textfield-filled>select{line-height:28px}.micl-textfield-filled>textarea{padding-block-start:24px}.micl-textfield-filled:has(>input:focus,>input[value]:not([value=""]):not([data-miclinitialized]),>input[data-miclvalue],>input[type=date],>input[type=datetime-local],>input[type=month],>input[type=time],>input[type=week],>select:focus,>select[value]:not([value=""]):not([data-miclinitialized]),>select[data-miclvalue],>textarea:focus,>textarea:not(:empty):not([data-miclinitialized]),>textarea[data-miclvalue])>label{font-family:var(--md-sys-typescale-body-small-font);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);font-weight:var(--md-sys-typescale-body-small-weight);letter-spacing:var(--md-sys-typescale-body-small-tracking);margin-block-start:8px;margin-inline-start:12px}.micl-textfield-filled:has(>input:focus,>input[value]:not([value=""]):not([data-miclinitialized]),>input[data-miclvalue],>input[type=date],>input[type=datetime-local],>input[type=month],>input[type=time],>input[type=week],>select:focus,>select[value]:not([value=""]):not([data-miclinitialized]),>select[data-miclvalue],>textarea:focus,>textarea:not(:empty):not([data-miclinitialized]),>textarea[data-miclvalue]):has(>.micl-textfield__icon-leading)>label{margin-inline-start:calc(var(--md-sys-textfield-input-space) + var(--md-sys-textfield-icon-size) + var(--md-sys-textfield-icon-space) - 4px)}.micl-textfield-filled:has(>input:focus,>input[value]:not([value=""]):not([data-miclinitialized]),>input[data-miclvalue],>input[type=date],>input[type=datetime-local],>input[type=month],>input[type=time],>input[type=week],>select:focus,>select[value]:not([value=""]):not([data-miclinitialized]),>select[data-miclvalue],>textarea:focus,>textarea:not(:empty):not([data-miclinitialized]),>textarea[data-miclvalue])>.micl-textfield__prefix,.micl-textfield-filled:has(>input:focus,>input[value]:not([value=""]):not([data-miclinitialized]),>input[data-miclvalue],>input[type=date],>input[type=datetime-local],>input[type=month],>input[type=time],>input[type=week],>select:focus,>select[value]:not([value=""]):not([data-miclinitialized]),>select[data-miclvalue],>textarea:focus,>textarea:not(:empty):not([data-miclinitialized]),>textarea[data-miclvalue])>.micl-textfield__suffix{height:40px;margin-block-start:16px;opacity:1}.micl-textfield-outlined{margin-block-start:.375rem}.micl-textfield-outlined:hover>label{color:var(--md-sys-color-on-surface)}.micl-textfield-outlined:hover>input:not(:disabled),.micl-textfield-outlined:hover>select:not(:disabled),.micl-textfield-outlined:hover>textarea:not(:disabled){outline-color:var(--md-sys-color-on-surface);color:var(--md-sys-color-on-surface)}.micl-textfield-outlined>input,.micl-textfield-outlined>select,.micl-textfield-outlined>textarea{border:none;outline:1px solid var(--md-sys-color-outline)}.micl-textfield-outlined>input:disabled,.micl-textfield-outlined>select:disabled,.micl-textfield-outlined>textarea:disabled{outline-color:rgb(from var(--md-sys-color-on-surface) r g b/12%)}.micl-textfield-outlined>input:not(:disabled):focus,.micl-textfield-outlined>input:not(:disabled):focus-visible,.micl-textfield-outlined>input:not(:disabled):active,.micl-textfield-outlined>select:not(:disabled):focus,.micl-textfield-outlined>select:not(:disabled):focus-visible,.micl-textfield-outlined>select:not(:disabled):active,.micl-textfield-outlined>textarea:not(:disabled):focus,.micl-textfield-outlined>textarea:not(:disabled):focus-visible,.micl-textfield-outlined>textarea:not(:disabled):active{outline-width:3px;outline-color:var(--md-sys-color-primary)}.micl-textfield-outlined>select{line-height:var(--md-sys-textfield-height)}.micl-textfield-outlined:has(>input:focus,>input[value]:not([value=""]):not([data-miclinitialized]),>input[data-miclvalue],>input[type=date],>input[type=datetime-local],>input[type=month],>input[type=time],>input[type=week],>select:focus,>select[value]:not([value=""]):not([data-miclinitialized]),>select[data-miclvalue],>textarea:focus,>textarea:not(:empty):not([data-miclinitialized]),>textarea[data-miclvalue])>label{font-family:var(--md-sys-typescale-body-small-font);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);font-weight:var(--md-sys-typescale-body-small-weight);letter-spacing:var(--md-sys-typescale-body-small-tracking);margin-block-start:calc(-2px - var(--md-sys-typescale-body-small-line-height)/2);margin-inline-start:12px}.micl-textfield-outlined:has(>input:focus,>input[value]:not([value=""]):not([data-miclinitialized]),>input[data-miclvalue],>input[type=date],>input[type=datetime-local],>input[type=month],>input[type=time],>input[type=week],>select:focus,>select[value]:not([value=""]):not([data-miclinitialized]),>select[data-miclvalue],>textarea:focus,>textarea:not(:empty):not([data-miclinitialized]),>textarea[data-miclvalue])>.micl-textfield__prefix,.micl-textfield-outlined:has(>input:focus,>input[value]:not([value=""]):not([data-miclinitialized]),>input[data-miclvalue],>input[type=date],>input[type=datetime-local],>input[type=month],>input[type=time],>input[type=week],>select:focus,>select[value]:not([value=""]):not([data-miclinitialized]),>select[data-miclvalue],>textarea:focus,>textarea:not(:empty):not([data-miclinitialized]),>textarea[data-miclvalue])>.micl-textfield__suffix{opacity:1}.micl-textfield-filled.micl-textfield--error>label,.micl-textfield-filled.micl-textfield--error>.micl-textfield__icon-trailing,.micl-textfield-filled.micl-textfield--error>.micl-textfield__supporting-text,.micl-textfield-filled.micl-textfield--error>.micl-textfield__character-counter,.micl-textfield-outlined.micl-textfield--error>label,.micl-textfield-outlined.micl-textfield--error>.micl-textfield__icon-trailing,.micl-textfield-outlined.micl-textfield--error>.micl-textfield__supporting-text,.micl-textfield-outlined.micl-textfield--error>.micl-textfield__character-counter{color:var(--md-sys-color-error)}.micl-textfield-filled.micl-textfield--error>input,.micl-textfield-filled.micl-textfield--error>textarea,.micl-textfield-outlined.micl-textfield--error>input,.micl-textfield-outlined.micl-textfield--error>textarea{border-block-end-color:var(--md-sys-color-error);outline-color:var(--md-sys-color-error);caret-color:var(--md-sys-color-error)}.micl-textfield-filled.micl-textfield--error>input:active,.micl-textfield-filled.micl-textfield--error>input:focus,.micl-textfield-filled.micl-textfield--error>input:focus-visible,.micl-textfield-filled.micl-textfield--error>textarea:active,.micl-textfield-filled.micl-textfield--error>textarea:focus,.micl-textfield-filled.micl-textfield--error>textarea:focus-visible,.micl-textfield-outlined.micl-textfield--error>input:active,.micl-textfield-outlined.micl-textfield--error>input:focus,.micl-textfield-outlined.micl-textfield--error>input:focus-visible,.micl-textfield-outlined.micl-textfield--error>textarea:active,.micl-textfield-outlined.micl-textfield--error>textarea:focus,.micl-textfield-outlined.micl-textfield--error>textarea:focus-visible{border-block-end-color:var(--md-sys-color-error);outline-color:var(--md-sys-color-error)}.micl-textfield-filled.micl-textfield--error:hover>label,.micl-textfield-filled.micl-textfield--error:hover>.micl-textfield__icon-trailing,.micl-textfield-outlined.micl-textfield--error:hover>label,.micl-textfield-outlined.micl-textfield--error:hover>.micl-textfield__icon-trailing{color:var(--md-sys-color-on-error-container)}.micl-textfield-filled.micl-textfield--error:hover>input,.micl-textfield-filled.micl-textfield--error:hover>textarea,.micl-textfield-outlined.micl-textfield--error:hover>input,.micl-textfield-outlined.micl-textfield--error:hover>textarea{border-block-end-color:var(--md-sys-color-on-error-container);outline-color:var(--md-sys-color-on-error-container)}.micl-textfield-filled.micl-textfield--error:has(>input:active)>label,.micl-textfield-filled.micl-textfield--error:has(>input:active)>.micl-textfield__icon-trailing,.micl-textfield-filled.micl-textfield--error:has(>input:focus)>label,.micl-textfield-filled.micl-textfield--error:has(>input:focus)>.micl-textfield__icon-trailing,.micl-textfield-filled.micl-textfield--error:has(>input:focus-visible)>label,.micl-textfield-filled.micl-textfield--error:has(>input:focus-visible)>.micl-textfield__icon-trailing,.micl-textfield-filled.micl-textfield--error:has(>textarea:active)>label,.micl-textfield-filled.micl-textfield--error:has(>textarea:active)>.micl-textfield__icon-trailing,.micl-textfield-filled.micl-textfield--error:has(>textarea:focus)>label,.micl-textfield-filled.micl-textfield--error:has(>textarea:focus)>.micl-textfield__icon-trailing,.micl-textfield-filled.micl-textfield--error:has(>textarea:focus-visible)>label,.micl-textfield-filled.micl-textfield--error:has(>textarea:focus-visible)>.micl-textfield__icon-trailing,.micl-textfield-outlined.micl-textfield--error:has(>input:active)>label,.micl-textfield-outlined.micl-textfield--error:has(>input:active)>.micl-textfield__icon-trailing,.micl-textfield-outlined.micl-textfield--error:has(>input:focus)>label,.micl-textfield-outlined.micl-textfield--error:has(>input:focus)>.micl-textfield__icon-trailing,.micl-textfield-outlined.micl-textfield--error:has(>input:focus-visible)>label,.micl-textfield-outlined.micl-textfield--error:has(>input:focus-visible)>.micl-textfield__icon-trailing,.micl-textfield-outlined.micl-textfield--error:has(>textarea:active)>label,.micl-textfield-outlined.micl-textfield--error:has(>textarea:active)>.micl-textfield__icon-trailing,.micl-textfield-outlined.micl-textfield--error:has(>textarea:focus)>label,.micl-textfield-outlined.micl-textfield--error:has(>textarea:focus)>.micl-textfield__icon-trailing,.micl-textfield-outlined.micl-textfield--error:has(>textarea:focus-visible)>label,.micl-textfield-outlined.micl-textfield--error:has(>textarea:focus-visible)>.micl-textfield__icon-trailing{color:var(--md-sys-color-error)}[dir=rtl] .micl-textfield-filled>.micl-textfield__icon-leading,[dir=rtl] .micl-textfield-outlined>.micl-textfield__icon-leading{margin-inline:auto var(--md-sys-textfield-icon-space)}[dir=rtl] .micl-textfield-filled>.micl-textfield__icon-trailing,[dir=rtl] .micl-textfield-outlined>.micl-textfield__icon-trailing{margin-inline:var(--md-sys-textfield-icon-space) auto}
package/docs/dialog.html CHANGED
@@ -5,7 +5,7 @@
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
6
  <title>MICL Dialogs</title>
7
7
  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap">
8
- <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:FILL@0..1&icon_names=close,dark_mode,info,logout,person,restart_alt&display=block">
8
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:FILL@0..1&icon_names=close,dark_mode,info,person,restart_alt&display=block">
9
9
  <link rel="stylesheet" href="themes/airblue/theme.css" id="theme-link">
10
10
  <link rel="stylesheet" href="micl.css">
11
11
  <link rel="stylesheet" href="docs.css">
@@ -53,19 +53,19 @@
53
53
  <hr class="micl-divider">
54
54
  <ul class="micl-list" style="--md-sys-list-item-container-color:transparent;margin-block:24px">
55
55
  <li class="micl-list-item-one">
56
- <span class="material-symbols-outlined micl-list-item__avatar">logout</span>
56
+ <span class="micl-list-item__avatar">JH</span>
57
57
  <span class="micl-list-item__text">
58
58
  <span class="micl-list-item__headline">johnny.hanssen@proton.me</span>
59
59
  </span>
60
60
  </li>
61
61
  <li class="micl-list-item-one">
62
- <span class="material-symbols-outlined micl-list-item__avatar">logout</span>
62
+ <span class="micl-list-item__avatar">LS</span>
63
63
  <span class="micl-list-item__text">
64
64
  <span class="micl-list-item__headline">laura.smith@outlook.com</span>
65
65
  </span>
66
66
  </li>
67
67
  <li class="micl-list-item-one">
68
- <span class="material-symbols-outlined micl-list-item__avatar">logout</span>
68
+ <span class="micl-list-item__avatar">LH</span>
69
69
  <span class="micl-list-item__text">
70
70
  <span class="micl-list-item__headline">lucy.hong@gmail.com</span>
71
71
  </span>