material-inspired-component-library 2.0.1 → 3.0.0

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 (56) hide show
  1. package/README.md +14 -0
  2. package/components/README.md +2 -0
  3. package/components/appbar/README.md +94 -0
  4. package/components/appbar/index.scss +216 -0
  5. package/components/button/index.scss +70 -65
  6. package/components/button/index.ts +1 -1
  7. package/components/card/index.scss +1 -1
  8. package/components/checkbox/index.scss +4 -0
  9. package/components/iconbutton/index.scss +111 -111
  10. package/components/iconbutton/index.ts +1 -1
  11. package/components/navigationrail/README.md +11 -11
  12. package/components/navigationrail/index.scss +20 -12
  13. package/components/radio/index.scss +1 -1
  14. package/dist/appbar.css +1 -0
  15. package/dist/appbar.js +1 -0
  16. package/dist/bottomsheet.css +1 -1
  17. package/dist/button.css +1 -1
  18. package/dist/card.css +1 -1
  19. package/dist/checkbox.css +1 -1
  20. package/dist/dialog.css +1 -1
  21. package/dist/iconbutton.css +1 -1
  22. package/dist/list.css +1 -1
  23. package/dist/micl.css +1 -1
  24. package/dist/navigationrail.css +1 -1
  25. package/dist/radio.css +1 -1
  26. package/dist/select.css +1 -1
  27. package/dist/slider.css +1 -1
  28. package/dist/switch.css +1 -1
  29. package/dist/textfield.css +1 -1
  30. package/docs/accordion.html +298 -254
  31. package/docs/bottomsheet.html +174 -145
  32. package/docs/button.html +210 -182
  33. package/docs/card.html +107 -72
  34. package/docs/checkbox.html +92 -65
  35. package/docs/dialog.html +154 -123
  36. package/docs/divider.html +96 -67
  37. package/docs/docs.css +14 -24
  38. package/docs/docs.js +4 -2
  39. package/docs/iconbutton.html +196 -171
  40. package/docs/index.html +296 -286
  41. package/docs/list.html +260 -216
  42. package/docs/menu.html +260 -220
  43. package/docs/micl.css +1 -1
  44. package/docs/navigationrail.html +36 -34
  45. package/docs/radio.html +93 -68
  46. package/docs/select.html +213 -173
  47. package/docs/sidesheet.html +104 -87
  48. package/docs/slider.html +105 -72
  49. package/docs/switch.html +126 -101
  50. package/docs/textfield.html +181 -138
  51. package/layout/README.md +122 -0
  52. package/layout/index.scss +258 -0
  53. package/package.json +1 -1
  54. package/styles/statelayer.scss +2 -0
  55. package/styles.scss +13 -0
  56. package/styles/layout.scss +0 -74
package/dist/navigationrail.css CHANGED
@@ -1 +1 @@
1
- :root{--md-sys-elevation-level0: rgba(0, 0, 0, 0.2) 0px 0px 0px 0px, rgba(0, 0, 0, 0.14) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 0px 0px 0px;--md-sys-elevation-level1: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;--md-sys-elevation-level2: rgba(0, 0, 0, 0.2) 0px 3px 3px -2px, rgba(0, 0, 0, 0.14) 0px 3px 4px 0px, rgba(0, 0, 0, 0.12) 0px 1px 8px 0px;--md-sys-elevation-level3: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;--md-sys-elevation-level4: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;--md-sys-elevation-level5: rgba(0, 0, 0, 0.2) 0px 7px 8px -4px, rgba(0, 0, 0, 0.14) 0px 12px 17px 2px, rgba(0, 0, 0, 0.12) 0px 5px 22px 4px}: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-inner-offset: -3px;--md-sys-state-focus-indicator-outer-offset: 2px;--md-sys-state-focus-indicator-thickness: 3px}@property --statelayer-color{syntax:"<color>";initial-value:rgba(0,0,0,0);inherits:false}@property --statelayer-opacity{syntax:"<percentage>";initial-value:0%;inherits:false}: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)}:root{--md-sys-navigationrail-collapsed-width: 96px;--md-sys-navigationrail-expanded-maxwidth: 360px;--md-sys-navigationrail-expanded-minwidth: 220px}.micl-navigationrail{--md-sys-navigationrail-spring-buffer: 200px;--md-sys-navigationrail-header-space: 40px;--md-sys-navigationrail-top-space: 44px;--md-sys-navigationrail-item-space: 6px;--md-sys-navigationrail-item-height: 56px;--md-sys-divider-thickness: 0px;--md-sys-navigationrail-motion-spatial: cubic-bezier(0.39, 1.29, 0.35, 0.98);--md-sys-navigationrail-motion-duration: 650ms;--md-sys-navigationrail-motion-duration-reverse: 500ms;--md-sys-navigationrail-morph-duration: 350ms;--md-sys-navigationrail-morph-duration-reverse: 350ms;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;min-inline-size:var(--md-sys-navigationrail-collapsed-width);max-inline-size:var(--md-sys-navigationrail-collapsed-width);block-size:100vh;min-block-size:100%;margin-block:0;margin-inline:0 auto;padding-block:var(--md-sys-navigationrail-top-space) 0;padding-inline:0;background-color:var(--md-sys-color-surface);border:none;box-shadow:var(--md-sys-elevation-level0);opacity:100%;overflow:hidden;interpolate-size:allow-keywords}.micl-navigationrail>.micl-navigationrail__headline{padding-inline-start:24px}.micl-navigationrail>.micl-navigationrail__content{box-sizing:border-box;display:flex;flex-direction:column;flex:1 1 auto;align-items:flex-start;row-gap:var(--md-sys-navigationrail-item-space);inline-size:100%;padding-block:var(--md-sys-navigationrail-header-space) 0;padding-inline:20px 0;overflow:hidden auto;transition:row-gap var(--md-sys-navigationrail-morph-duration-reverse) linear}.micl-navigationrail>.micl-navigationrail__content>input[type=radio]{appearance:none;display:none;margin:0}.micl-navigationrail>.micl-navigationrail__content>label.micl-navigationrail__item{--micl-ripple: 1;--statelayer-color: var(--md-sys-color-on-secondary-container);box-sizing:border-box;display:flex;flex-direction:column;align-items:center;block-size:var(--md-sys-navigationrail-item-height);inline-size:var(--md-sys-navigationrail-item-height);row-gap:4px;padding-block:12px;border-radius:calc(var(--md-sys-navigationrail-item-height)/2);outline:none;background-color:rgba(0,0,0,0);background-image:radial-gradient(circle at var(--micl-x, center) var(--micl-y, center), transparent 0%, rgb(from var(--statelayer-color) r g b/var(--statelayer-opacity)) 10%, transparent 10%),linear-gradient(rgb(from var(--statelayer-color) r g b/var(--statelayer-opacity)));background-repeat:no-repeat;background-size:10000%,100%;cursor:pointer;transition:inline-size calc(var(--md-sys-navigationrail-morph-duration-reverse)/2) linear,background-color calc(var(--md-sys-navigationrail-morph-duration-reverse)/2) linear,background-size 3000ms,--statelayer-opacity var(--md-sys-navigationrail-motion-duration) linear}.micl-navigationrail>.micl-navigationrail__content>label.micl-navigationrail__item>.micl-navigationrail__icon{--micl-ripple: 1;font-size:24px;inline-size:24px;margin:0;padding-block:4px;padding-inline:16px;border-radius:16px;color:var(--md-sys-color-on-surface-variant);background-color:rgba(0,0,0,0);background-image:radial-gradient(circle at var(--micl-x, center) var(--micl-y, center), transparent 0%, rgb(from var(--statelayer-color) r g b/var(--statelayer-opacity)) 10%, transparent 10%),linear-gradient(rgb(from var(--statelayer-color) r g b/var(--statelayer-opacity)));background-repeat:no-repeat;background-size:10000%,100%;font-variation-settings:"FILL" 0;transition:background-size 3000ms,background-color var(--md-sys-navigationrail-morph-duration-reverse) linear,font-variation-settings var(--md-sys-navigationrail-morph-duration-reverse) linear,--statelayer-opacity var(--md-sys-navigationrail-motion-duration) linear}.micl-navigationrail>.micl-navigationrail__content>label.micl-navigationrail__item>.micl-navigationrail__text{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);min-block-size:var(--md-sys-typescale-label-medium-line-height);margin-block-start:0;margin-inline-start:0px;padding-inline-end:0px;color:var(--md-sys-color-on-surface-variant);opacity:100%;overflow:hidden}.micl-navigationrail>.micl-navigationrail__content>input[type=radio]:checked+label.micl-navigationrail__item>.micl-navigationrail__icon{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);font-variation-settings:"FILL" 1;transition:background-size 3000ms,background-color var(--md-sys-navigationrail-morph-duration) linear,font-variation-settings var(--md-sys-navigationrail-morph-duration) linear,--statelayer-opacity var(--md-sys-navigationrail-motion-duration) linear}.micl-navigationrail>.micl-navigationrail__content>input[type=radio]:checked+label.micl-navigationrail__item>.micl-navigationrail__text{color:var(--md-sys-color-secondary)}dialog.micl-navigationrail,div.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle.micl-button--selected){max-inline-size:var(--md-sys-navigationrail-expanded-maxwidth);min-inline-size:var(--md-sys-navigationrail-expanded-minwidth)}dialog.micl-navigationrail>.micl-navigationrail__content,div.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle.micl-button--selected)>.micl-navigationrail__content{row-gap:0px}dialog.micl-navigationrail>.micl-navigationrail__content>label.micl-navigationrail__item,div.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle.micl-button--selected)>.micl-navigationrail__content>label.micl-navigationrail__item{position:relative;flex-direction:row;inline-size:fit-content}dialog.micl-navigationrail>.micl-navigationrail__content>label.micl-navigationrail__item::before,div.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle.micl-button--selected)>.micl-navigationrail__content>label.micl-navigationrail__item::before{content:"";position:absolute;inset:0px;inset-inline-end:calc(-1*(var(--md-sys-navigationrail-expanded-maxwidth) - 20px - 100%));background-color:rgba(0,0,0,0)}dialog.micl-navigationrail>.micl-navigationrail__content>label.micl-navigationrail__item:hover,div.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle.micl-button--selected)>.micl-navigationrail__content>label.micl-navigationrail__item:hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity)}dialog.micl-navigationrail>.micl-navigationrail__content>label.micl-navigationrail__item:focus-visible,div.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle.micl-button--selected)>.micl-navigationrail__content>label.micl-navigationrail__item:focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity)}dialog.micl-navigationrail>.micl-navigationrail__content>label.micl-navigationrail__item:active,div.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle.micl-button--selected)>.micl-navigationrail__content>label.micl-navigationrail__item:active{background-size:0%,100%;transition:background-size 0ms;--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity)}dialog.micl-navigationrail>.micl-navigationrail__content>label.micl-navigationrail__item>.micl-navigationrail__text,div.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle.micl-button--selected)>.micl-navigationrail__content>label.micl-navigationrail__item>.micl-navigationrail__text{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);margin-inline-start:-8px;padding-inline-end:16px}dialog.micl-navigationrail>.micl-navigationrail__content>input[type=radio]:checked+label.micl-navigationrail__item,div.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle.micl-button--selected)>.micl-navigationrail__content>input[type=radio]:checked+label.micl-navigationrail__item{background-color:var(--md-sys-color-secondary-container)}dialog.micl-navigationrail>.micl-navigationrail__content>input[type=radio]:checked+label.micl-navigationrail__item>.micl-navigationrail__icon,div.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle.micl-button--selected)>.micl-navigationrail__content>input[type=radio]:checked+label.micl-navigationrail__item>.micl-navigationrail__icon{background-color:rgba(0,0,0,0)}div.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle.micl-button--selected)>.micl-navigationrail__content{transition:row-gap var(--md-sys-navigationrail-morph-duration) linear}div.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle.micl-button--selected)>.micl-navigationrail__content>label.micl-navigationrail__item{transition:inline-size calc(var(--md-sys-navigationrail-morph-duration)/2) calc(var(--md-sys-navigationrail-morph-duration)/2) linear,background-color calc(var(--md-sys-navigationrail-morph-duration)/2) calc(var(--md-sys-navigationrail-morph-duration)/2) linear,background-size 3000ms,--statelayer-opacity var(--md-sys-navigationrail-motion-duration) linear}div.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle.micl-button--selected)>.micl-navigationrail__content>input[type=radio]:checked+label.micl-navigationrail__item>.micl-navigationrail__icon{transition:background-size 3000ms,background-color calc(var(--md-sys-navigationrail-morph-duration)/2) linear,font-variation-settings calc(var(--md-sys-navigationrail-morph-duration)/2) linear,--statelayer-opacity var(--md-sys-navigationrail-motion-duration) linear}div.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle.micl-button--toggled.micl-button--selected){animation:var(--md-sys-navigationrail-morph-duration) linear forwards navigationrail-to-expanded}div.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle.micl-button--toggled.micl-button--selected)>.micl-navigationrail__content>label.micl-navigationrail__item{animation:calc(var(--md-sys-navigationrail-morph-duration)/2) linear forwards navigationrail-item-to-expanded}div.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle.micl-button--toggled.micl-button--selected)>.micl-navigationrail__content>label.micl-navigationrail__item>.micl-navigationrail__text{animation:var(--md-sys-navigationrail-morph-duration) linear forwards navigationrail-text-to-expanded}div.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle.micl-button--toggled:not(.micl-button--selected)){animation:var(--md-sys-navigationrail-morph-duration-reverse) linear forwards navigationrail-to-collapsed}div.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle.micl-button--toggled:not(.micl-button--selected))>.micl-navigationrail__content>label.micl-navigationrail__item{animation:calc(var(--md-sys-navigationrail-morph-duration-reverse)/2) linear forwards navigationrail-item-to-collapsed}div.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle.micl-button--toggled:not(.micl-button--selected))>.micl-navigationrail__content>label.micl-navigationrail__item>.micl-navigationrail__text{animation:var(--md-sys-navigationrail-morph-duration-reverse) linear forwards navigationrail-text-to-collapsed}div.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle.micl-button--toggled:not(.micl-button--selected))>.micl-navigationrail__content>input[type=radio]:checked+label.micl-navigationrail__item>.micl-navigationrail__icon{transition:background-size 3000ms,background-color calc(var(--md-sys-navigationrail-morph-duration-reverse)/2) calc(var(--md-sys-navigationrail-morph-duration-reverse)/2) linear,font-variation-settings calc(var(--md-sys-navigationrail-morph-duration-reverse)/2) calc(var(--md-sys-navigationrail-morph-duration-reverse)/2) linear,--statelayer-opacity var(--md-sys-navigationrail-motion-duration) linear}div.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle:not(.micl-button--selected))>.micl-navigationrail__content>label.micl-navigationrail__item:hover>.micl-navigationrail__icon{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity)}div.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle:not(.micl-button--selected))>.micl-navigationrail__content>label.micl-navigationrail__item:focus-visible>.micl-navigationrail__icon{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity)}div.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle:not(.micl-button--selected))>.micl-navigationrail__content>label.micl-navigationrail__item:active>.micl-navigationrail__icon{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity);background-size:0%,100%;transition:background-size 0ms,background-color calc(var(--md-sys-navigationrail-morph-duration-reverse)/2) calc(var(--md-sys-navigationrail-morph-duration-reverse)/2) linear,font-variation-settings calc(var(--md-sys-navigationrail-morph-duration-reverse)/2) calc(var(--md-sys-navigationrail-morph-duration-reverse)/2) linear,--statelayer-opacity var(--md-sys-navigationrail-motion-duration) linear}dialog.micl-navigationrail{display:none;min-inline-size:calc(var(--md-sys-navigationrail-expanded-minwidth) + var(--md-sys-navigationrail-spring-buffer));max-inline-size:calc(var(--md-sys-navigationrail-expanded-maxwidth) + var(--md-sys-navigationrail-spring-buffer));margin-inline-start:calc(-1*(var(--md-sys-navigationrail-expanded-maxwidth) + var(--md-sys-navigationrail-spring-buffer)));padding-inline:var(--md-sys-navigationrail-spring-buffer) 0;opacity:0%;transition:opacity var(--md-sys-navigationrail-motion-duration-reverse) linear,margin-inline-start var(--md-sys-navigationrail-motion-duration-reverse) var(--md-sys-navigationrail-motion-spatial),overlay var(--md-sys-navigationrail-motion-duration-reverse) linear allow-discrete,display var(--md-sys-navigationrail-motion-duration-reverse) linear allow-discrete}dialog.micl-navigationrail[open]{display:flex;margin-inline-start:calc(-1*var(--md-sys-navigationrail-spring-buffer));opacity:100%}@starting-style{dialog.micl-navigationrail[open]{margin-inline-start:calc(-1*(var(--md-sys-navigationrail-expanded-maxwidth) + var(--md-sys-navigationrail-spring-buffer)));opacity:0%}}div.micl-navigationrail{position:sticky;float:inline-start;inset:unset;inset-block-start:0;inset-inline-start:0;border-inline-end:var(--md-sys-divider-thickness) solid var(--md-sys-divider-color)}div.micl-navigationrail[popover]{position:fixed}.micl-navigationrail[open],.micl-navigationrail:popover-open{border-start-end-radius:var(--md-sys-shape-corner-large);border-end-end-radius:var(--md-sys-shape-corner-large);box-shadow:var(--md-sys-elevation-level2);background-color:var(--md-sys-color-surface-container);transition:opacity var(--md-sys-navigationrail-motion-duration) linear,margin-inline-start var(--md-sys-navigationrail-motion-duration) var(--md-sys-navigationrail-motion-spatial),overlay var(--md-sys-navigationrail-motion-duration) linear allow-discrete,display var(--md-sys-navigationrail-motion-duration) linear allow-discrete}.micl-navigationrail[open]::backdrop,.micl-navigationrail:popover-open::backdrop{background-color:rgba(0,0,0,.2)}@starting-style{.micl-navigationrail[open]::backdrop,.micl-navigationrail:popover-open::backdrop{background-color:rgba(0,0,0,0)}}.micl-navigationrail::backdrop{background-color:rgba(0,0,0,0);transition:background-color var(--md-sys-navigationrail-motion-duration) linear,overlay var(--md-sys-navigationrail-motion-duration) linear allow-discrete,display var(--md-sys-navigationrail-motion-duration) linear allow-discrete}body:has(div.micl-navigationrail[popover]){margin-inline-start:var(--md-sys-navigationrail-collapsed-width)}@keyframes navigationrail-to-expanded{from{max-inline-size:var(--md-sys-navigationrail-collapsed-width);min-inline-size:var(--md-sys-navigationrail-collapsed-width)}to{max-inline-size:var(--md-sys-navigationrail-expanded-maxwidth);min-inline-size:var(--md-sys-navigationrail-expanded-minwidth)}}@keyframes navigationrail-to-collapsed{from{max-inline-size:var(--md-sys-navigationrail-expanded-maxwidth);min-inline-size:var(--md-sys-navigationrail-expanded-minwidth)}to{max-inline-size:var(--md-sys-navigationrail-collapsed-width);min-inline-size:var(--md-sys-navigationrail-collapsed-width)}}@keyframes navigationrail-item-to-expanded{0%{flex-direction:column}99%{flex-direction:column}100%{flex-direction:row}}@keyframes navigationrail-item-to-collapsed{0%{flex-direction:row}99%{flex-direction:row}100%{flex-direction:column}}@keyframes navigationrail-text-to-collapsed{0%{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);margin-block-start:0;margin-inline-start:-8px;padding-inline-end:16px;opacity:100%}49.9%{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);margin-block-start:0;margin-inline-start:-8px;padding-inline-end:16px;opacity:0%}50.1%{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);min-block-size:var(--md-sys-typescale-label-medium-line-height);margin-block-start:-16px;margin-inline-start:0px;padding-inline-end:0px;opacity:0%}100%{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);min-block-size:var(--md-sys-typescale-label-medium-line-height);margin-block-start:0;margin-inline-start:0px;padding-inline-end:0px;opacity:100%}}@keyframes navigationrail-text-to-expanded{0%{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);min-block-size:var(--md-sys-typescale-label-medium-line-height);margin-block-start:0;margin-inline-start:0px;padding-inline-end:0px;opacity:100%}49.9%{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);min-block-size:var(--md-sys-typescale-label-medium-line-height);margin-block-start:-16px;margin-inline-start:0px;padding-inline-end:0px;opacity:0%}50.1%{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);margin-block-start:0px;margin-inline-start:-8px;padding-inline-end:16px;opacity:0%}100%{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);margin-block-start:0px;margin-inline-start:-8px;padding-inline-end:16px;opacity:100%}}
1
+ :root{--md-sys-elevation-level0: rgba(0, 0, 0, 0.2) 0px 0px 0px 0px, rgba(0, 0, 0, 0.14) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 0px 0px 0px;--md-sys-elevation-level1: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;--md-sys-elevation-level2: rgba(0, 0, 0, 0.2) 0px 3px 3px -2px, rgba(0, 0, 0, 0.14) 0px 3px 4px 0px, rgba(0, 0, 0, 0.12) 0px 1px 8px 0px;--md-sys-elevation-level3: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;--md-sys-elevation-level4: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;--md-sys-elevation-level5: rgba(0, 0, 0, 0.2) 0px 7px 8px -4px, rgba(0, 0, 0, 0.14) 0px 12px 17px 2px, rgba(0, 0, 0, 0.12) 0px 5px 22px 4px}: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-target-size: 48px;--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-inner-offset: -3px;--md-sys-state-focus-indicator-outer-offset: 2px;--md-sys-state-focus-indicator-thickness: 3px}@property --statelayer-color{syntax:"<color>";initial-value:rgba(0,0,0,0);inherits:false}@property --statelayer-opacity{syntax:"<percentage>";initial-value:0%;inherits:false}: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)}:root{--md-sys-navigationrail-collapsed-width: 96px;--md-sys-navigationrail-expanded-maxwidth: 360px;--md-sys-navigationrail-expanded-minwidth: 220px}.micl-navigationrail{--md-sys-navigationrail-spring-buffer: 200px;--md-sys-navigationrail-header-space: 40px;--md-sys-navigationrail-top-space: 44px;--md-sys-navigationrail-item-space: 6px;--md-sys-navigationrail-item-height: 56px;--md-sys-divider-thickness: 0px;--md-sys-navigationrail-motion-spatial: cubic-bezier(0.39, 1.29, 0.35, 0.98);--md-sys-navigationrail-motion-duration: 650ms;--md-sys-navigationrail-motion-duration-reverse: 500ms;--md-sys-navigationrail-morph-duration: 350ms;--md-sys-navigationrail-morph-duration-reverse: 350ms;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;min-inline-size:var(--md-sys-navigationrail-collapsed-width);max-inline-size:var(--md-sys-navigationrail-collapsed-width);block-size:100vh;min-block-size:100%;margin-block:0;margin-inline:calc(-1*var(--md-sys-layout-window-margin, 0px)) auto;padding-block:var(--md-sys-navigationrail-top-space) 0;padding-inline:0;background-color:var(--md-sys-color-surface);border:none;box-shadow:var(--md-sys-elevation-level0);opacity:100%;overflow:hidden;z-index:9;interpolate-size:allow-keywords}.micl-navigationrail>.micl-navigationrail__headline{padding-inline-start:24px}.micl-navigationrail>.micl-navigationrail__content{box-sizing:border-box;display:flex;flex-direction:column;flex:1 1 auto;align-items:flex-start;row-gap:var(--md-sys-navigationrail-item-space);inline-size:100%;padding-block:var(--md-sys-navigationrail-header-space) 16px;padding-inline:20px 0;overflow:hidden auto;transition:row-gap var(--md-sys-navigationrail-morph-duration-reverse) linear}.micl-navigationrail>.micl-navigationrail__content>input[type=radio]{appearance:none;display:none;margin:0}.micl-navigationrail>.micl-navigationrail__content>label.micl-navigationrail__item{--micl-ripple: 1;--statelayer-color: var(--md-sys-color-on-secondary-container);box-sizing:border-box;display:flex;flex-direction:column;align-items:center;block-size:var(--md-sys-navigationrail-item-height);inline-size:var(--md-sys-navigationrail-item-height);row-gap:4px;padding-block:12px;border-radius:calc(var(--md-sys-navigationrail-item-height)/2);outline:none;background-color:rgba(0,0,0,0);background-image:radial-gradient(circle at var(--micl-x, center) var(--micl-y, center), transparent 0%, rgb(from var(--statelayer-color) r g b/var(--statelayer-opacity)) 10%, transparent 10%),linear-gradient(rgb(from var(--statelayer-color) r g b/var(--statelayer-opacity)));background-repeat:no-repeat;background-size:10000%,100%;cursor:pointer;transition:inline-size calc(var(--md-sys-navigationrail-morph-duration-reverse)/2) linear,background-color calc(var(--md-sys-navigationrail-morph-duration-reverse)/2) linear,background-size 3000ms,--statelayer-opacity var(--md-sys-navigationrail-motion-duration) linear}.micl-navigationrail>.micl-navigationrail__content>label.micl-navigationrail__item>.micl-navigationrail__icon{--micl-ripple: 1;font-size:24px;inline-size:24px;margin:0;padding-block:4px;padding-inline:16px;border-radius:16px;color:var(--md-sys-color-on-surface-variant);background-color:rgba(0,0,0,0);background-image:radial-gradient(circle at var(--micl-x, center) var(--micl-y, center), transparent 0%, rgb(from var(--statelayer-color) r g b/var(--statelayer-opacity)) 10%, transparent 10%),linear-gradient(rgb(from var(--statelayer-color) r g b/var(--statelayer-opacity)));background-repeat:no-repeat;background-size:10000%,100%;font-variation-settings:"FILL" 0;transition:background-size 3000ms,background-color var(--md-sys-navigationrail-morph-duration-reverse) linear,font-variation-settings var(--md-sys-navigationrail-morph-duration-reverse) linear,--statelayer-opacity var(--md-sys-navigationrail-motion-duration) linear}.micl-navigationrail>.micl-navigationrail__content>label.micl-navigationrail__item>.micl-navigationrail__text{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);min-block-size:var(--md-sys-typescale-label-medium-line-height);margin-block-start:0;margin-inline-start:0px;padding-inline-end:0px;color:var(--md-sys-color-on-surface-variant);opacity:100%;overflow:hidden}.micl-navigationrail>.micl-navigationrail__content>input[type=radio]:checked+label.micl-navigationrail__item>.micl-navigationrail__icon{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);font-variation-settings:"FILL" 1;transition:background-size 3000ms,background-color var(--md-sys-navigationrail-morph-duration) linear,font-variation-settings var(--md-sys-navigationrail-morph-duration) linear,--statelayer-opacity var(--md-sys-navigationrail-motion-duration) linear}.micl-navigationrail>.micl-navigationrail__content>input[type=radio]:checked+label.micl-navigationrail__item>.micl-navigationrail__text{color:var(--md-sys-color-on-secondary-container)}dialog.micl-navigationrail,nav.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle.micl-button--selected){max-inline-size:var(--md-sys-navigationrail-expanded-maxwidth);min-inline-size:var(--md-sys-navigationrail-expanded-minwidth)}dialog.micl-navigationrail>.micl-navigationrail__content,nav.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle.micl-button--selected)>.micl-navigationrail__content{row-gap:0px}dialog.micl-navigationrail>.micl-navigationrail__content>label.micl-navigationrail__item,nav.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle.micl-button--selected)>.micl-navigationrail__content>label.micl-navigationrail__item{position:relative;flex-direction:row;inline-size:fit-content}dialog.micl-navigationrail>.micl-navigationrail__content>label.micl-navigationrail__item::before,nav.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle.micl-button--selected)>.micl-navigationrail__content>label.micl-navigationrail__item::before{content:"";position:absolute;inset:0px;inset-inline-end:calc(-1*(var(--md-sys-navigationrail-expanded-maxwidth) - 20px - 100%));background-color:rgba(0,0,0,0)}dialog.micl-navigationrail>.micl-navigationrail__content>label.micl-navigationrail__item:hover,nav.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle.micl-button--selected)>.micl-navigationrail__content>label.micl-navigationrail__item:hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity)}dialog.micl-navigationrail>.micl-navigationrail__content>label.micl-navigationrail__item:focus-visible,nav.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle.micl-button--selected)>.micl-navigationrail__content>label.micl-navigationrail__item:focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity)}dialog.micl-navigationrail>.micl-navigationrail__content>label.micl-navigationrail__item:active,nav.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle.micl-button--selected)>.micl-navigationrail__content>label.micl-navigationrail__item:active{background-size:0%,100%;transition:background-size 0ms;--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity)}dialog.micl-navigationrail>.micl-navigationrail__content>label.micl-navigationrail__item>.micl-navigationrail__text,nav.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle.micl-button--selected)>.micl-navigationrail__content>label.micl-navigationrail__item>.micl-navigationrail__text{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);margin-inline-start:-8px;padding-inline-end:16px}dialog.micl-navigationrail>.micl-navigationrail__content>input[type=radio]:checked+label.micl-navigationrail__item,nav.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle.micl-button--selected)>.micl-navigationrail__content>input[type=radio]:checked+label.micl-navigationrail__item{background-color:var(--md-sys-color-secondary-container)}dialog.micl-navigationrail>.micl-navigationrail__content>input[type=radio]:checked+label.micl-navigationrail__item>.micl-navigationrail__icon,nav.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle.micl-button--selected)>.micl-navigationrail__content>input[type=radio]:checked+label.micl-navigationrail__item>.micl-navigationrail__icon{background-color:rgba(0,0,0,0)}nav.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle.micl-button--selected)>.micl-navigationrail__content{transition:row-gap var(--md-sys-navigationrail-morph-duration) linear}nav.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle.micl-button--selected)>.micl-navigationrail__content>label.micl-navigationrail__item{transition:inline-size calc(var(--md-sys-navigationrail-morph-duration)/2) calc(var(--md-sys-navigationrail-morph-duration)/2) linear,background-color calc(var(--md-sys-navigationrail-morph-duration)/2) calc(var(--md-sys-navigationrail-morph-duration)/2) linear,background-size 3000ms,--statelayer-opacity var(--md-sys-navigationrail-motion-duration) linear}nav.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle.micl-button--selected)>.micl-navigationrail__content>input[type=radio]:checked+label.micl-navigationrail__item>.micl-navigationrail__icon{transition:background-size 3000ms,background-color calc(var(--md-sys-navigationrail-morph-duration)/2) linear,font-variation-settings calc(var(--md-sys-navigationrail-morph-duration)/2) linear,--statelayer-opacity var(--md-sys-navigationrail-motion-duration) linear}nav.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle.micl-button--toggled.micl-button--selected){animation:var(--md-sys-navigationrail-morph-duration) linear forwards navigationrail-to-expanded}nav.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle.micl-button--toggled.micl-button--selected)>.micl-navigationrail__content>label.micl-navigationrail__item{animation:calc(var(--md-sys-navigationrail-morph-duration)/2) linear forwards navigationrail-item-to-expanded}nav.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle.micl-button--toggled.micl-button--selected)>.micl-navigationrail__content>label.micl-navigationrail__item>.micl-navigationrail__text{animation:var(--md-sys-navigationrail-morph-duration) linear forwards navigationrail-text-to-expanded}nav.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle.micl-button--toggled:not(.micl-button--selected)){animation:var(--md-sys-navigationrail-morph-duration-reverse) linear forwards navigationrail-to-collapsed}nav.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle.micl-button--toggled:not(.micl-button--selected))>.micl-navigationrail__content>label.micl-navigationrail__item{animation:calc(var(--md-sys-navigationrail-morph-duration-reverse)/2) linear forwards navigationrail-item-to-collapsed}nav.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle.micl-button--toggled:not(.micl-button--selected))>.micl-navigationrail__content>label.micl-navigationrail__item>.micl-navigationrail__text{animation:var(--md-sys-navigationrail-morph-duration-reverse) linear forwards navigationrail-text-to-collapsed}nav.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle.micl-button--toggled:not(.micl-button--selected))>.micl-navigationrail__content>input[type=radio]:checked+label.micl-navigationrail__item>.micl-navigationrail__icon{transition:background-size 3000ms,background-color calc(var(--md-sys-navigationrail-morph-duration-reverse)/2) calc(var(--md-sys-navigationrail-morph-duration-reverse)/2) linear,font-variation-settings calc(var(--md-sys-navigationrail-morph-duration-reverse)/2) calc(var(--md-sys-navigationrail-morph-duration-reverse)/2) linear,--statelayer-opacity var(--md-sys-navigationrail-motion-duration) linear}nav.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle:not(.micl-button--selected))>.micl-navigationrail__content>label.micl-navigationrail__item:hover>.micl-navigationrail__icon{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity)}nav.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle:not(.micl-button--selected))>.micl-navigationrail__content>label.micl-navigationrail__item:focus-visible>.micl-navigationrail__icon{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity)}nav.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle:not(.micl-button--selected))>.micl-navigationrail__content>label.micl-navigationrail__item:active>.micl-navigationrail__icon{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity);background-size:0%,100%;transition:background-size 0ms,background-color calc(var(--md-sys-navigationrail-morph-duration-reverse)/2) calc(var(--md-sys-navigationrail-morph-duration-reverse)/2) linear,font-variation-settings calc(var(--md-sys-navigationrail-morph-duration-reverse)/2) calc(var(--md-sys-navigationrail-morph-duration-reverse)/2) linear,--statelayer-opacity var(--md-sys-navigationrail-motion-duration) linear}dialog.micl-navigationrail{display:none;min-inline-size:calc(var(--md-sys-navigationrail-expanded-minwidth) + var(--md-sys-navigationrail-spring-buffer));max-inline-size:calc(var(--md-sys-navigationrail-expanded-maxwidth) + var(--md-sys-navigationrail-spring-buffer));margin-inline-start:calc(-1*(var(--md-sys-navigationrail-expanded-maxwidth) + var(--md-sys-navigationrail-spring-buffer)));padding-inline:var(--md-sys-navigationrail-spring-buffer) 0;opacity:0%;transition:opacity var(--md-sys-navigationrail-motion-duration-reverse) linear,margin-inline-start var(--md-sys-navigationrail-motion-duration-reverse) var(--md-sys-navigationrail-motion-spatial),overlay var(--md-sys-navigationrail-motion-duration-reverse) linear allow-discrete,display var(--md-sys-navigationrail-motion-duration-reverse) linear allow-discrete}dialog.micl-navigationrail[open]{display:flex;margin-inline-start:calc(-1*var(--md-sys-navigationrail-spring-buffer));opacity:100%}@starting-style{dialog.micl-navigationrail[open]{margin-inline-start:calc(-1*(var(--md-sys-navigationrail-expanded-maxwidth) + var(--md-sys-navigationrail-spring-buffer)));opacity:0%}}nav.micl-navigationrail{position:sticky;float:inline-start;inset:unset;inset-block-start:0;inset-inline-start:0;border-inline-end:var(--md-sys-divider-thickness) solid var(--md-sys-divider-color)}nav.micl-navigationrail[popover]{position:fixed;margin-inline-start:0}.micl-navigationrail[open],.micl-navigationrail:popover-open{border-start-end-radius:var(--md-sys-shape-corner-large);border-end-end-radius:var(--md-sys-shape-corner-large);box-shadow:var(--md-sys-elevation-level2);background-color:var(--md-sys-color-surface-container);transition:opacity var(--md-sys-navigationrail-motion-duration) linear,margin-inline-start var(--md-sys-navigationrail-motion-duration) var(--md-sys-navigationrail-motion-spatial),overlay var(--md-sys-navigationrail-motion-duration) linear allow-discrete,display var(--md-sys-navigationrail-motion-duration) linear allow-discrete}.micl-navigationrail[open]::backdrop,.micl-navigationrail:popover-open::backdrop{background-color:rgba(0,0,0,.2)}@starting-style{.micl-navigationrail[open]::backdrop,.micl-navigationrail:popover-open::backdrop{background-color:rgba(0,0,0,0)}}.micl-navigationrail::backdrop{background-color:rgba(0,0,0,0);transition:background-color var(--md-sys-navigationrail-motion-duration) linear,overlay var(--md-sys-navigationrail-motion-duration) linear allow-discrete,display var(--md-sys-navigationrail-motion-duration) linear allow-discrete}.micl-window:has(nav.micl-navigationrail[popover]){padding-inline-start:var(--md-sys-navigationrail-collapsed-width)}.micl-window.micl-window--explicit-containment nav.micl-navigationrail{block-size:fit-content;min-block-size:fit-content;padding-block:16px;border-radius:calc(var(--md-sys-navigationrail-collapsed-width)/2)}@keyframes navigationrail-to-expanded{from{max-inline-size:var(--md-sys-navigationrail-collapsed-width);min-inline-size:var(--md-sys-navigationrail-collapsed-width)}to{max-inline-size:var(--md-sys-navigationrail-expanded-maxwidth);min-inline-size:var(--md-sys-navigationrail-expanded-minwidth)}}@keyframes navigationrail-to-collapsed{from{max-inline-size:var(--md-sys-navigationrail-expanded-maxwidth);min-inline-size:var(--md-sys-navigationrail-expanded-minwidth)}to{max-inline-size:var(--md-sys-navigationrail-collapsed-width);min-inline-size:var(--md-sys-navigationrail-collapsed-width)}}@keyframes navigationrail-item-to-expanded{0%{flex-direction:column}99%{flex-direction:column}100%{flex-direction:row}}@keyframes navigationrail-item-to-collapsed{0%{flex-direction:row}99%{flex-direction:row}100%{flex-direction:column}}@keyframes navigationrail-text-to-collapsed{0%{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);margin-block-start:0;margin-inline-start:-8px;padding-inline-end:16px;opacity:100%}49.9%{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);margin-block-start:0;margin-inline-start:-8px;padding-inline-end:16px;opacity:0%}50.1%{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);min-block-size:var(--md-sys-typescale-label-medium-line-height);margin-block-start:-16px;margin-inline-start:0px;padding-inline-end:0px;opacity:0%}100%{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);min-block-size:var(--md-sys-typescale-label-medium-line-height);margin-block-start:0;margin-inline-start:0px;padding-inline-end:0px;opacity:100%}}@keyframes navigationrail-text-to-expanded{0%{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);min-block-size:var(--md-sys-typescale-label-medium-line-height);margin-block-start:0;margin-inline-start:0px;padding-inline-end:0px;opacity:100%}49.9%{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);min-block-size:var(--md-sys-typescale-label-medium-line-height);margin-block-start:-16px;margin-inline-start:0px;padding-inline-end:0px;opacity:0%}50.1%{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);margin-block-start:0px;margin-inline-start:-8px;padding-inline-end:16px;opacity:0%}100%{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);margin-block-start:0px;margin-inline-start:-8px;padding-inline-end:16px;opacity:100%}}
package/dist/radio.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-inner-offset: -3px;--md-sys-state-focus-indicator-outer-offset: 2px;--md-sys-state-focus-indicator-thickness: 3px}@property --statelayer-color{syntax:"<color>";initial-value:rgba(0,0,0,0);inherits:false}@property --statelayer-opacity{syntax:"<percentage>";initial-value:0%;inherits:false}:root{--md-sys-radio-border-width: 2px;--md-sys-radio-container-size: 20px;--md-sys-radio-state-layer-size: 40px}input[type=radio].micl-radio{--md-sys-radio-motion-effects: cubic-bezier(0.34, 0.88, 0.34, 1);--md-sys-radio-motion-duration: 300ms;--md-sys-radio-motion-duration-reverse: 200ms;appearance:none;box-sizing:border-box;position:relative;width:var(--md-sys-target-size);height:var(--md-sys-target-size);margin:0;border:calc((var(--md-sys-target-size) - var(--md-sys-radio-state-layer-size))/2) solid rgba(0,0,0,0);background-clip:content-box;background-color:rgba(0,0,0,0);border-radius:var(--md-sys-shape-corner-full);outline-offset:-7px}input[type=radio].micl-radio::after{content:"";box-sizing:border-box;position:absolute;width:var(--md-sys-radio-container-size);height:var(--md-sys-radio-container-size);inset:0;margin:auto;padding:calc(var(--md-sys-radio-container-size)/2 - var(--md-sys-radio-border-width));border:var(--md-sys-radio-border-width) solid var(--md-sys-color-on-surface-variant);background-color:var(--md-sys-color-primary);background-clip:content-box;border-radius:var(--md-sys-shape-corner-full);transition:padding var(--md-sys-radio-motion-duration-reverse) var(--md-sys-radio-motion-effects),border-color var(--md-sys-radio-motion-duration-reverse) cubic-bezier(0.2, 0, 0, 1)}input[type=radio].micl-radio:checked::after{border-color:var(--md-sys-color-primary);padding:3px;transition:padding var(--md-sys-radio-motion-duration) var(--md-sys-radio-motion-effects),border-color var(--md-sys-radio-motion-duration) cubic-bezier(0.2, 0, 0, 1)}input[type=radio].micl-radio:not(:disabled){--micl-ripple: 1;background-image:radial-gradient(circle at var(--micl-x, center) var(--micl-y, center), transparent 0%, rgb(from var(--statelayer-color) r g b/var(--statelayer-opacity)) 10%, transparent 10%),linear-gradient(rgb(from var(--statelayer-color) r g b/var(--statelayer-opacity)));background-repeat:no-repeat;background-size:10000%,100%;cursor:pointer;transition:background-size 3000ms,--statelayer-opacity var(--md-sys-radio-motion-duration) linear}input[type=radio].micl-radio:not(:disabled):hover{--statelayer-color: var(--md-sys-color-on-surface);--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity)}input[type=radio].micl-radio:not(:disabled):hover:checked{--statelayer-color: var(--md-sys-color-primary)}input[type=radio].micl-radio:not(:disabled):hover::after{border-color:var(--md-sys-color-on-surface)}input[type=radio].micl-radio:not(:disabled):hover:checked::after{border-color:var(--md-sys-color-primary)}input[type=radio].micl-radio:not(:disabled):focus-visible{--statelayer-color: var(--md-sys-color-on-surface);--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity);outline:var(--md-sys-state-focus-indicator-thickness) solid var(--md-sys-color-secondary)}input[type=radio].micl-radio:not(:disabled):focus-visible:checked{--statelayer-color: var(--md-sys-color-primary)}input[type=radio].micl-radio:not(:disabled):focus-visible::after{border-color:var(--md-sys-color-on-surface)}input[type=radio].micl-radio:not(:disabled):focus-visible:checked::after{border-color:var(--md-sys-color-primary)}input[type=radio].micl-radio:not(:disabled):active{--statelayer-color: var(--md-sys-color-on-surface);--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity);background-size:0%,100%;transition:background-size 0ms}input[type=radio].micl-radio:not(:disabled):active:checked{--statelayer-color: var(--md-sys-color-primary)}input[type=radio].micl-radio:not(:disabled):active::after{border-color:var(--md-sys-color-on-surface)}input[type=radio].micl-radio:not(:disabled):active:checked::after{border-color:var(--md-sys-color-primary)}input[type=radio].micl-radio:disabled{opacity:38%}input[type=radio].micl-radio:disabled::after{border-color:var(--md-sys-color-on-surface)}input[type=radio].micl-radio:disabled:checked::after{background-color:var(--md-sys-color-on-surface)}input[type=radio].micl-radio:not(:disabled)+label,label:has(+input[type=radio].micl-radio:not(:disabled)){cursor:pointer}input[type=radio].micl-radio+label,label+input[type=radio].micl-radio{color:var(--md-sys-color-on-surface)}
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-target-size: 48px;--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-inner-offset: -3px;--md-sys-state-focus-indicator-outer-offset: 2px;--md-sys-state-focus-indicator-thickness: 3px}@property --statelayer-color{syntax:"<color>";initial-value:rgba(0,0,0,0);inherits:false}@property --statelayer-opacity{syntax:"<percentage>";initial-value:0%;inherits:false}:root{--md-sys-radio-border-width: 2px;--md-sys-radio-container-size: 20px;--md-sys-radio-state-layer-size: 40px}input[type=radio].micl-radio{--md-sys-radio-motion-effects: cubic-bezier(0.34, 0.88, 0.34, 1);--md-sys-radio-motion-duration: 300ms;--md-sys-radio-motion-duration-reverse: 200ms;appearance:none;box-sizing:border-box;position:relative;width:var(--md-sys-target-size);height:var(--md-sys-target-size);margin:0;border:calc((var(--md-sys-target-size) - var(--md-sys-radio-state-layer-size))/2) solid rgba(0,0,0,0);background-clip:content-box;background-color:rgba(0,0,0,0);border-radius:var(--md-sys-shape-corner-full);outline-offset:-7px}input[type=radio].micl-radio::after{content:"";box-sizing:border-box;position:absolute;width:var(--md-sys-radio-container-size);height:var(--md-sys-radio-container-size);inset:0;margin:auto;padding:calc(var(--md-sys-radio-container-size)/2 - var(--md-sys-radio-border-width));border:var(--md-sys-radio-border-width) solid var(--md-sys-color-on-surface-variant);background-color:var(--md-sys-color-primary);background-clip:content-box;border-radius:var(--md-sys-shape-corner-full);transition:padding var(--md-sys-radio-motion-duration-reverse) var(--md-sys-radio-motion-effects),border-color var(--md-sys-radio-motion-duration-reverse) cubic-bezier(0.2, 0, 0, 1)}input[type=radio].micl-radio:checked::after{border-color:var(--md-sys-color-primary);padding:3px;transition:padding var(--md-sys-radio-motion-duration) var(--md-sys-radio-motion-effects),border-color var(--md-sys-radio-motion-duration) cubic-bezier(0.2, 0, 0, 1)}input[type=radio].micl-radio:not(:disabled){--micl-ripple: 1;background-image:radial-gradient(circle at var(--micl-x, center) var(--micl-y, center), transparent 0%, rgb(from var(--statelayer-color) r g b/var(--statelayer-opacity)) 10%, transparent 10%),linear-gradient(rgb(from var(--statelayer-color) r g b/var(--statelayer-opacity)));background-repeat:no-repeat;background-size:10000%,100%;cursor:pointer;transition:background-size 3000ms,--statelayer-opacity var(--md-sys-radio-motion-duration) linear}input[type=radio].micl-radio:not(:disabled):hover{--statelayer-color: var(--md-sys-color-on-surface);--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity)}input[type=radio].micl-radio:not(:disabled):hover:checked{--statelayer-color: var(--md-sys-color-primary)}input[type=radio].micl-radio:not(:disabled):hover::after{border-color:var(--md-sys-color-on-surface)}input[type=radio].micl-radio:not(:disabled):hover:checked::after{border-color:var(--md-sys-color-primary)}input[type=radio].micl-radio:not(:disabled):focus-visible{--statelayer-color: var(--md-sys-color-on-surface);--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity);outline:var(--md-sys-state-focus-indicator-thickness) solid var(--md-sys-color-secondary)}input[type=radio].micl-radio:not(:disabled):focus-visible:checked{--statelayer-color: var(--md-sys-color-primary)}input[type=radio].micl-radio:not(:disabled):focus-visible::after{border-color:var(--md-sys-color-on-surface)}input[type=radio].micl-radio:not(:disabled):focus-visible:checked::after{border-color:var(--md-sys-color-primary)}input[type=radio].micl-radio:not(:disabled):active{--statelayer-color: var(--md-sys-color-on-surface);--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity);background-size:0%,100%;transition:background-size 0ms}input[type=radio].micl-radio:not(:disabled):active:checked{--statelayer-color: var(--md-sys-color-primary)}input[type=radio].micl-radio:not(:disabled):active::after{border-color:var(--md-sys-color-on-surface)}input[type=radio].micl-radio:not(:disabled):active:checked::after{border-color:var(--md-sys-color-primary)}input[type=radio].micl-radio:disabled{opacity:38%}input[type=radio].micl-radio:disabled::after{border-color:var(--md-sys-color-on-surface)}input[type=radio].micl-radio:disabled:checked::after{background-color:var(--md-sys-color-on-surface)}input[type=radio].micl-radio:not(:disabled)+label,label:has(+input[type=radio].micl-radio:not(:disabled)){cursor:pointer}input[type=radio].micl-radio+label,label:has(+input[type=radio].micl-radio){color:var(--md-sys-color-on-surface)}
package/dist/select.css CHANGED
@@ -1 +1 @@
1
- :root{--md-sys-elevation-level0: rgba(0, 0, 0, 0.2) 0px 0px 0px 0px, rgba(0, 0, 0, 0.14) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 0px 0px 0px;--md-sys-elevation-level1: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;--md-sys-elevation-level2: rgba(0, 0, 0, 0.2) 0px 3px 3px -2px, rgba(0, 0, 0, 0.14) 0px 3px 4px 0px, rgba(0, 0, 0, 0.12) 0px 1px 8px 0px;--md-sys-elevation-level3: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;--md-sys-elevation-level4: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;--md-sys-elevation-level5: rgba(0, 0, 0, 0.2) 0px 7px 8px -4px, rgba(0, 0, 0, 0.14) 0px 12px 17px 2px, rgba(0, 0, 0, 0.12) 0px 5px 22px 4px}: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-inner-offset: -3px;--md-sys-state-focus-indicator-outer-offset: 2px;--md-sys-state-focus-indicator-thickness: 3px}@property --statelayer-color{syntax:"<color>";initial-value:rgba(0,0,0,0);inherits:false}@property --statelayer-opacity{syntax:"<percentage>";initial-value:0%;inherits:false}: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>select,.micl-textfield-outlined>select{--md-sys-list-motion-duration: 200ms;appearance:base-select}.micl-textfield-filled>select::picker-icon,.micl-textfield-outlined>select::picker-icon{color:var(--md-sys-color-on-surface-variant);transition:.4s rotate}.micl-textfield-filled>select:open::picker-icon,.micl-textfield-outlined>select:open::picker-icon{rotate:180deg}.micl-textfield-filled>select::picker(select),.micl-textfield-outlined>select::picker(select){appearance:base-select;min-inline-size:max(anchor-size(self-inline),112px);max-inline-size:280px;padding-block:8px;padding-inline:0;border:none;border-radius:var(--md-sys-shape-corner-extra-small);background-color:var(--md-sys-color-surface-container);box-shadow:var(--md-sys-elevation-level2)}.micl-textfield-filled>select option,.micl-textfield-outlined>select option{--md-sys-list-item-one-height: 48px;--md-sys-list-item-two-height: 64px;--md-sys-list-item-one-padding: 0;--md-sys-list-item-two-padding: 0;--md-sys-list-item-space: 12px;--md-sys-list-item-padding-inline: 16px;--md-sys-list-item-container-color: var(--md-sys-color-surface-container);border-radius:0px}.micl-textfield-filled>select option:not(:disabled),.micl-textfield-outlined>select option:not(:disabled){cursor:pointer}.micl-textfield-filled>select option:checked,.micl-textfield-outlined>select option:checked{background-color:var(--md-sys-color-secondary-container)}.micl-textfield-filled>select option:checked .micl-list-item__text,.micl-textfield-outlined>select option:checked .micl-list-item__text{color:var(--md-sys-color-on-secondary-container)}.micl-textfield-filled>select option:checked .micl-list-item__text::after,.micl-textfield-outlined>select option:checked .micl-list-item__text::after{color:var(--md-sys-color-on-surface)}.micl-textfield-filled>select option:focus-visible,.micl-textfield-outlined>select option:focus-visible{outline-offset:calc(-1*var(--md-sys-state-focus-indicator-thickness));z-index:1}.micl-textfield-filled>select option .micl-list-item__text,.micl-textfield-outlined>select option .micl-list-item__text{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);color:var(--md-sys-color-on-surface)}.micl-textfield-filled>select option .micl-list-item__text::after,.micl-textfield-outlined>select option .micl-list-item__text::after{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);content:attr(aria-description);display:block;color:var(--md-sys-color-on-surface-variant);white-space:normal}.micl-textfield-filled>select option::checkmark,.micl-textfield-outlined>select option::checkmark{color:var(--md-sys-color-on-surface)}dialog.micl-dialog:has(.micl-textfield-filled>select),dialog.micl-dialog:has(.micl-textfield-outlined>select),dialog.micl-dialog-fullscreen:has(.micl-textfield-filled>select),dialog.micl-dialog-fullscreen:has(.micl-textfield-outlined>select){inset-block-start:0;inset-inline-start:0;margin:auto;transform:scale(50%)}dialog.micl-dialog:has(.micl-textfield-filled>select):popover-open,dialog.micl-dialog:has(.micl-textfield-outlined>select):popover-open,dialog.micl-dialog-fullscreen:has(.micl-textfield-filled>select):popover-open,dialog.micl-dialog-fullscreen:has(.micl-textfield-outlined>select):popover-open{transform:scale(100%)}
1
+ :root{--md-sys-elevation-level0: rgba(0, 0, 0, 0.2) 0px 0px 0px 0px, rgba(0, 0, 0, 0.14) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 0px 0px 0px;--md-sys-elevation-level1: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;--md-sys-elevation-level2: rgba(0, 0, 0, 0.2) 0px 3px 3px -2px, rgba(0, 0, 0, 0.14) 0px 3px 4px 0px, rgba(0, 0, 0, 0.12) 0px 1px 8px 0px;--md-sys-elevation-level3: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;--md-sys-elevation-level4: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;--md-sys-elevation-level5: rgba(0, 0, 0, 0.2) 0px 7px 8px -4px, rgba(0, 0, 0, 0.14) 0px 12px 17px 2px, rgba(0, 0, 0, 0.12) 0px 5px 22px 4px}: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-target-size: 48px;--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-inner-offset: -3px;--md-sys-state-focus-indicator-outer-offset: 2px;--md-sys-state-focus-indicator-thickness: 3px}@property --statelayer-color{syntax:"<color>";initial-value:rgba(0,0,0,0);inherits:false}@property --statelayer-opacity{syntax:"<percentage>";initial-value:0%;inherits:false}: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>select,.micl-textfield-outlined>select{--md-sys-list-motion-duration: 200ms;appearance:base-select}.micl-textfield-filled>select::picker-icon,.micl-textfield-outlined>select::picker-icon{color:var(--md-sys-color-on-surface-variant);transition:.4s rotate}.micl-textfield-filled>select:open::picker-icon,.micl-textfield-outlined>select:open::picker-icon{rotate:180deg}.micl-textfield-filled>select::picker(select),.micl-textfield-outlined>select::picker(select){appearance:base-select;min-inline-size:max(anchor-size(self-inline),112px);max-inline-size:280px;padding-block:8px;padding-inline:0;border:none;border-radius:var(--md-sys-shape-corner-extra-small);background-color:var(--md-sys-color-surface-container);box-shadow:var(--md-sys-elevation-level2)}.micl-textfield-filled>select option,.micl-textfield-outlined>select option{--md-sys-list-item-one-height: 48px;--md-sys-list-item-two-height: 64px;--md-sys-list-item-one-padding: 0;--md-sys-list-item-two-padding: 0;--md-sys-list-item-space: 12px;--md-sys-list-item-padding-inline: 16px;--md-sys-list-item-container-color: var(--md-sys-color-surface-container);border-radius:0px}.micl-textfield-filled>select option:not(:disabled),.micl-textfield-outlined>select option:not(:disabled){cursor:pointer}.micl-textfield-filled>select option:checked,.micl-textfield-outlined>select option:checked{background-color:var(--md-sys-color-secondary-container)}.micl-textfield-filled>select option:checked .micl-list-item__text,.micl-textfield-outlined>select option:checked .micl-list-item__text{color:var(--md-sys-color-on-secondary-container)}.micl-textfield-filled>select option:checked .micl-list-item__text::after,.micl-textfield-outlined>select option:checked .micl-list-item__text::after{color:var(--md-sys-color-on-surface)}.micl-textfield-filled>select option:focus-visible,.micl-textfield-outlined>select option:focus-visible{outline-offset:calc(-1*var(--md-sys-state-focus-indicator-thickness));z-index:1}.micl-textfield-filled>select option .micl-list-item__text,.micl-textfield-outlined>select option .micl-list-item__text{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);color:var(--md-sys-color-on-surface)}.micl-textfield-filled>select option .micl-list-item__text::after,.micl-textfield-outlined>select option .micl-list-item__text::after{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);content:attr(aria-description);display:block;color:var(--md-sys-color-on-surface-variant);white-space:normal}.micl-textfield-filled>select option::checkmark,.micl-textfield-outlined>select option::checkmark{color:var(--md-sys-color-on-surface)}dialog.micl-dialog:has(.micl-textfield-filled>select),dialog.micl-dialog:has(.micl-textfield-outlined>select),dialog.micl-dialog-fullscreen:has(.micl-textfield-filled>select),dialog.micl-dialog-fullscreen:has(.micl-textfield-outlined>select){inset-block-start:0;inset-inline-start:0;margin:auto;transform:scale(50%)}dialog.micl-dialog:has(.micl-textfield-filled>select):popover-open,dialog.micl-dialog:has(.micl-textfield-outlined>select):popover-open,dialog.micl-dialog-fullscreen:has(.micl-textfield-filled>select):popover-open,dialog.micl-dialog-fullscreen:has(.micl-textfield-outlined>select):popover-open{transform:scale(100%)}
package/dist/slider.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-inner-offset: -3px;--md-sys-state-focus-indicator-outer-offset: 2px;--md-sys-state-focus-indicator-thickness: 3px}@property --statelayer-color{syntax:"<color>";initial-value:rgba(0,0,0,0);inherits:false}@property --statelayer-opacity{syntax:"<percentage>";initial-value:0%;inherits:false}: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)}input[type=range].micl-slider-xs{--md-sys-slider-handle-height: 44px;--md-sys-slider-track-height: 16px;--md-sys-slider-track-radius: var(--md-sys-shape-corner-small)}input[type=range].micl-slider-s{--md-sys-slider-handle-height: 44px;--md-sys-slider-track-height: 24px;--md-sys-slider-track-radius: var(--md-sys-shape-corner-small)}input[type=range].micl-slider-m{--md-sys-slider-handle-height: 52px;--md-sys-slider-track-height: 40px;--md-sys-slider-track-radius: var(--md-sys-shape-corner-medium)}input[type=range].micl-slider-l{--md-sys-slider-handle-height: 68px;--md-sys-slider-track-height: 56px;--md-sys-slider-track-radius: var(--md-sys-shape-corner-large)}input[type=range].micl-slider-xl{--md-sys-slider-handle-height: 108px;--md-sys-slider-track-height: 96px;--md-sys-slider-track-radius: var(--md-sys-shape-corner-extra-large)}input[type=range].micl-slider-xs,input[type=range].micl-slider-s,input[type=range].micl-slider-m,input[type=range].micl-slider-l,input[type=range].micl-slider-xl{--md-sys-slider-thumb-space: 6px;--md-sys-slider-track-direction: to right;appearance:none;position:relative;block-size:var(--md-sys-slider-track-height);margin:0;outline:none;color:var(--md-sys-color-surface-container-low);background-color:inherit;accent-color:var(--md-sys-color-primary)}input[type=range].micl-slider-xs::before,input[type=range].micl-slider-s::before,input[type=range].micl-slider-m::before,input[type=range].micl-slider-l::before,input[type=range].micl-slider-xl::before{content:attr(data-miclsliderticks);box-sizing:border-box;position:absolute;inline-size:100%;max-inline-size:100%;block-size:var(--md-sys-slider-track-height);line-height:var(--md-sys-slider-track-height);padding:0 4px;inset:0;color:var(--md-sys-color-on-primary);mix-blend-mode:difference;text-align:end;text-wrap-mode:nowrap}input[type=range].micl-slider-xs::after,input[type=range].micl-slider-s::after,input[type=range].micl-slider-m::after,input[type=range].micl-slider-l::after,input[type=range].micl-slider-xl::after{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-slider-tip-space: 4px;content:var(--md-sys-slider-tip);box-sizing:border-box;position:absolute;inline-size:fit-content;min-inline-size:48px;block-size:40px;inset:0;inset-block-start:calc(-1*(var(--md-sys-slider-handle-height) - var(--md-sys-slider-track-height))/2 - 40px - var(--md-sys-slider-tip-space));inset-inline-start:calc(-16px + (100% - 16px)*(var(--md-sys-slider-value) - var(--md-sys-slider-min))/(var(--md-sys-slider-max) - var(--md-sys-slider-min)));padding-block:12px;padding-inline:16px;border-radius:20px;background-color:var(--md-sys-color-inverse-surface);color:var(--md-sys-color-inverse-on-surface);text-align:center;opacity:0;z-index:3;transition:opacity var(--md-sys-motion-duration-long2) cubic-bezier(0.05, 0.7, 0.1, 1)}input[type=range].micl-slider-xs::-webkit-slider-container,input[type=range].micl-slider-s::-webkit-slider-container,input[type=range].micl-slider-m::-webkit-slider-container,input[type=range].micl-slider-l::-webkit-slider-container,input[type=range].micl-slider-xl::-webkit-slider-container{background-color:inherit}input[type=range].micl-slider-xs::-webkit-slider-runnable-track,input[type=range].micl-slider-s::-webkit-slider-runnable-track,input[type=range].micl-slider-m::-webkit-slider-runnable-track,input[type=range].micl-slider-l::-webkit-slider-runnable-track,input[type=range].micl-slider-xl::-webkit-slider-runnable-track{block-size:var(--md-sys-slider-track-height);border-radius:var(--md-sys-slider-track-radius);background-color:inherit;background-image:linear-gradient(var(--md-sys-slider-track-direction), var(--md-sys-color-primary) calc(100% * (var(--md-sys-slider-value) - var(--md-sys-slider-min)) / (var(--md-sys-slider-max) - var(--md-sys-slider-min))), transparent calc(100% * (var(--md-sys-slider-value) - var(--md-sys-slider-min)) / (var(--md-sys-slider-max) - var(--md-sys-slider-min))), var(--md-sys-color-secondary-container) calc(100% * (var(--md-sys-slider-value) - var(--md-sys-slider-min)) / (var(--md-sys-slider-max) - var(--md-sys-slider-min))), var(--md-sys-color-secondary-container) 100%, transparent)}input[type=range].micl-slider-xs::-moz-range-track,input[type=range].micl-slider-s::-moz-range-track,input[type=range].micl-slider-m::-moz-range-track,input[type=range].micl-slider-l::-moz-range-track,input[type=range].micl-slider-xl::-moz-range-track{block-size:var(--md-sys-slider-track-height);border-radius:var(--md-sys-slider-track-radius);background-color:inherit;background-image:linear-gradient(var(--md-sys-slider-track-direction), var(--md-sys-color-primary) calc(100% * (var(--md-sys-slider-value) - var(--md-sys-slider-min)) / (var(--md-sys-slider-max) - var(--md-sys-slider-min))), transparent calc(100% * (var(--md-sys-slider-value) - var(--md-sys-slider-min)) / (var(--md-sys-slider-max) - var(--md-sys-slider-min))), var(--md-sys-color-secondary-container) calc(100% * (var(--md-sys-slider-value) - var(--md-sys-slider-min)) / (var(--md-sys-slider-max) - var(--md-sys-slider-min))), var(--md-sys-color-secondary-container) 100%, transparent)}input[type=range].micl-slider-xs::-webkit-slider-thumb,input[type=range].micl-slider-s::-webkit-slider-thumb,input[type=range].micl-slider-m::-webkit-slider-thumb,input[type=range].micl-slider-l::-webkit-slider-thumb,input[type=range].micl-slider-xl::-webkit-slider-thumb{appearance:none;box-sizing:content-box;position:relative;inline-size:16px;block-size:var(--md-sys-slider-handle-height);inset:0;inset-block-start:calc(-1*(var(--md-sys-slider-handle-height) - var(--md-sys-slider-track-height) + 8px)/2);padding-block:4px;border:none;border-radius:8px;background-color:inherit;background-image:linear-gradient(var(--md-sys-slider-track-direction), transparent 0px, transparent var(--md-sys-slider-thumb-space), var(--md-sys-color-primary) var(--md-sys-slider-thumb-space), var(--md-sys-color-primary) 10px, transparent 10px, transparent 16px);background-clip:content-box;cursor:pointer;z-index:2}input[type=range].micl-slider-xs::-moz-range-thumb,input[type=range].micl-slider-s::-moz-range-thumb,input[type=range].micl-slider-m::-moz-range-thumb,input[type=range].micl-slider-l::-moz-range-thumb,input[type=range].micl-slider-xl::-moz-range-thumb{appearance:none;box-sizing:content-box;position:relative;inline-size:16px;block-size:var(--md-sys-slider-handle-height);inset:0;inset-block-start:calc(-1*(var(--md-sys-slider-handle-height) - var(--md-sys-slider-track-height) + 8px)/2);padding-block:4px;border:none;border-radius:8px;background-color:inherit;background-image:linear-gradient(var(--md-sys-slider-track-direction), transparent 0px, transparent var(--md-sys-slider-thumb-space), var(--md-sys-color-primary) var(--md-sys-slider-thumb-space), var(--md-sys-color-primary) 10px, transparent 10px, transparent 16px);background-clip:content-box;cursor:pointer;z-index:2}input[type=range].micl-slider-xs::-moz-range-progress,input[type=range].micl-slider-s::-moz-range-progress,input[type=range].micl-slider-m::-moz-range-progress,input[type=range].micl-slider-l::-moz-range-progress,input[type=range].micl-slider-xl::-moz-range-progress{block-size:var(--md-sys-slider-track-height)}input[type=range].micl-slider-xs:disabled::-webkit-slider-runnable-track,input[type=range].micl-slider-s:disabled::-webkit-slider-runnable-track,input[type=range].micl-slider-m:disabled::-webkit-slider-runnable-track,input[type=range].micl-slider-l:disabled::-webkit-slider-runnable-track,input[type=range].micl-slider-xl:disabled::-webkit-slider-runnable-track{background-image:linear-gradient(var(--md-sys-slider-track-direction), color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent) calc(100% * (var(--md-sys-slider-value) - var(--md-sys-slider-min)) / (var(--md-sys-slider-max) - var(--md-sys-slider-min))), transparent calc(100% * (var(--md-sys-slider-value) - var(--md-sys-slider-min)) / (var(--md-sys-slider-max) - var(--md-sys-slider-min))), color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent) calc(100% * (var(--md-sys-slider-value) - var(--md-sys-slider-min)) / (var(--md-sys-slider-max) - var(--md-sys-slider-min))), color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent) 100%, transparent)}input[type=range].micl-slider-xs:disabled::-moz-range-track,input[type=range].micl-slider-s:disabled::-moz-range-track,input[type=range].micl-slider-m:disabled::-moz-range-track,input[type=range].micl-slider-l:disabled::-moz-range-track,input[type=range].micl-slider-xl:disabled::-moz-range-track{background-image:linear-gradient(var(--md-sys-slider-track-direction), color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent) calc(100% * (var(--md-sys-slider-value) - var(--md-sys-slider-min)) / (var(--md-sys-slider-max) - var(--md-sys-slider-min))), transparent calc(100% * (var(--md-sys-slider-value) - var(--md-sys-slider-min)) / (var(--md-sys-slider-max) - var(--md-sys-slider-min))), color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent) calc(100% * (var(--md-sys-slider-value) - var(--md-sys-slider-min)) / (var(--md-sys-slider-max) - var(--md-sys-slider-min))), color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent) 100%, transparent)}input[type=range].micl-slider-xs:disabled::-webkit-slider-thumb,input[type=range].micl-slider-s:disabled::-webkit-slider-thumb,input[type=range].micl-slider-m:disabled::-webkit-slider-thumb,input[type=range].micl-slider-l:disabled::-webkit-slider-thumb,input[type=range].micl-slider-xl:disabled::-webkit-slider-thumb{background-color:inherit;background-image:linear-gradient(var(--md-sys-slider-track-direction), transparent 0px, transparent var(--md-sys-slider-thumb-space), color-mix(in srgb, var(--md-sys-color-on-surface) 38%, var(--md-sys-color-surface)) var(--md-sys-slider-thumb-space), color-mix(in srgb, var(--md-sys-color-on-surface) 38%, var(--md-sys-color-surface)) 10px, transparent 10px, transparent 16px);cursor:default}input[type=range].micl-slider-xs:disabled::-moz-range-thumb,input[type=range].micl-slider-s:disabled::-moz-range-thumb,input[type=range].micl-slider-m:disabled::-moz-range-thumb,input[type=range].micl-slider-l:disabled::-moz-range-thumb,input[type=range].micl-slider-xl:disabled::-moz-range-thumb{background-color:inherit;background-image:linear-gradient(var(--md-sys-slider-track-direction), transparent 0px, transparent var(--md-sys-slider-thumb-space), color-mix(in srgb, var(--md-sys-color-on-surface) 38%, var(--md-sys-color-surface)) var(--md-sys-slider-thumb-space), color-mix(in srgb, var(--md-sys-color-on-surface) 38%, var(--md-sys-color-surface)) 10px, transparent 10px, transparent 16px);cursor:default}input[type=range].micl-slider-xs.micl-slider--vertical,input[type=range].micl-slider-s.micl-slider--vertical,input[type=range].micl-slider-m.micl-slider--vertical,input[type=range].micl-slider-l.micl-slider--vertical,input[type=range].micl-slider-xl.micl-slider--vertical{--md-sys-slider-track-direction: to top;writing-mode:sideways-lr}input[type=range].micl-slider-xs.micl-slider--vertical::after,input[type=range].micl-slider-s.micl-slider--vertical::after,input[type=range].micl-slider-m.micl-slider--vertical::after,input[type=range].micl-slider-l.micl-slider--vertical::after,input[type=range].micl-slider-xl.micl-slider--vertical::after{--md-sys-slider-tip-space: 8px;transform:rotate(90deg)}input[type=range].micl-slider-xs:not(:disabled):active::after,input[type=range].micl-slider-xs:not(:disabled):focus::after,input[type=range].micl-slider-xs:not(:disabled):focus-visible::after,input[type=range].micl-slider-s:not(:disabled):active::after,input[type=range].micl-slider-s:not(:disabled):focus::after,input[type=range].micl-slider-s:not(:disabled):focus-visible::after,input[type=range].micl-slider-m:not(:disabled):active::after,input[type=range].micl-slider-m:not(:disabled):focus::after,input[type=range].micl-slider-m:not(:disabled):focus-visible::after,input[type=range].micl-slider-l:not(:disabled):active::after,input[type=range].micl-slider-l:not(:disabled):focus::after,input[type=range].micl-slider-l:not(:disabled):focus-visible::after,input[type=range].micl-slider-xl:not(:disabled):active::after,input[type=range].micl-slider-xl:not(:disabled):focus::after,input[type=range].micl-slider-xl:not(:disabled):focus-visible::after{opacity:1;transition:opacity var(--md-sys-motion-duration-medium2) cubic-bezier(0.3, 0, 0.8, 0.15)}input[type=range].micl-slider-xs:not(:disabled):focus-visible::-webkit-slider-thumb,input[type=range].micl-slider-s:not(:disabled):focus-visible::-webkit-slider-thumb,input[type=range].micl-slider-m:not(:disabled):focus-visible::-webkit-slider-thumb,input[type=range].micl-slider-l:not(:disabled):focus-visible::-webkit-slider-thumb,input[type=range].micl-slider-xl:not(:disabled):focus-visible::-webkit-slider-thumb{outline:var(--md-sys-state-focus-indicator-thickness) solid var(--md-sys-color-secondary)}input[type=range].micl-slider-xs:not(:disabled):focus-visible::-moz-range-thumb,input[type=range].micl-slider-s:not(:disabled):focus-visible::-moz-range-thumb,input[type=range].micl-slider-m:not(:disabled):focus-visible::-moz-range-thumb,input[type=range].micl-slider-l:not(:disabled):focus-visible::-moz-range-thumb,input[type=range].micl-slider-xl:not(:disabled):focus-visible::-moz-range-thumb{outline:var(--md-sys-state-focus-indicator-thickness) solid var(--md-sys-color-secondary)}input[type=range].micl-slider-xs:not(:disabled):active::-webkit-slider-thumb,input[type=range].micl-slider-s:not(:disabled):active::-webkit-slider-thumb,input[type=range].micl-slider-m:not(:disabled):active::-webkit-slider-thumb,input[type=range].micl-slider-l:not(:disabled):active::-webkit-slider-thumb,input[type=range].micl-slider-xl:not(:disabled):active::-webkit-slider-thumb{background-image:linear-gradient(var(--md-sys-slider-track-direction), transparent 0px, transparent calc(var(--md-sys-slider-thumb-space) + 1px), var(--md-sys-color-primary) calc(var(--md-sys-slider-thumb-space) + 1px), var(--md-sys-color-primary) calc(var(--md-sys-slider-thumb-space) + 3px), transparent calc(var(--md-sys-slider-thumb-space) + 3px), transparent calc(2 * var(--md-sys-slider-thumb-space) + 4px));outline:none;cursor:grabbing}input[type=range].micl-slider-xs:not(:disabled):active::-moz-range-thumb,input[type=range].micl-slider-s:not(:disabled):active::-moz-range-thumb,input[type=range].micl-slider-m:not(:disabled):active::-moz-range-thumb,input[type=range].micl-slider-l:not(:disabled):active::-moz-range-thumb,input[type=range].micl-slider-xl:not(:disabled):active::-moz-range-thumb{background-image:linear-gradient(var(--md-sys-slider-track-direction), transparent 0px, transparent calc(var(--md-sys-slider-thumb-space) + 1px), var(--md-sys-color-primary) calc(var(--md-sys-slider-thumb-space) + 1px), var(--md-sys-color-primary) calc(var(--md-sys-slider-thumb-space) + 3px), transparent calc(var(--md-sys-slider-thumb-space) + 3px), transparent calc(2 * var(--md-sys-slider-thumb-space) + 4px));outline:none;cursor:grabbing}.micl-slider__container{display:grid;grid-template-areas:"slidericon";flex-shrink:0;align-items:center;justify-items:flex-start;background-color:inherit}.micl-slider__container:has(>.micl-slider-m,>.micl-slider-l,>.micl-slider-xl) .micl-slider__icon{grid-area:slidericon;inset:0;margin:6px;font-size:24px;color:var(--md-sys-color-on-primary);z-index:1}.micl-slider__container>input[type=range]{grid-area:slidericon}.micl-slider__container .micl-slider__icon:has(+input[type=range].micl-slider-xl),.micl-slider__container input[type=range].micl-slider-xl+.micl-slider__icon{margin:8px;font-size:32px}@supports(-moz-appearance: none){.micl-slider__container:has(>input[type=range]){position:relative}.micl-slider__container:has(>input[type=range])::after{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-slider-tip-space: 4px;content:var(--md-sys-slider-tip);box-sizing:border-box;position:absolute;inline-size:fit-content;min-inline-size:48px;block-size:40px;inset:0;inset-block-start:calc(-1*(var(--md-sys-slider-handle-height) - var(--md-sys-slider-track-height))/2 - 40px - var(--md-sys-slider-tip-space));inset-inline-start:calc(-16px + (100% - 16px)*(var(--md-sys-slider-value) - var(--md-sys-slider-min))/(var(--md-sys-slider-max) - var(--md-sys-slider-min)));padding-block:12px;padding-inline:16px;border-radius:20px;background-color:var(--md-sys-color-inverse-surface);color:var(--md-sys-color-inverse-on-surface);text-align:center;opacity:0;z-index:3;transition:opacity var(--md-sys-motion-duration-long2) cubic-bezier(0.05, 0.7, 0.1, 1)}.micl-slider__container:has(>input[type=range]:not(:disabled):active)::after,.micl-slider__container:has(>input[type=range]:not(:disabled):focus)::after,.micl-slider__container:has(>input[type=range]:not(:disabled):focus-visible)::after{opacity:1}.micl-slider__container:has(>input[type=range].micl-slider--vertical){--md-sys-slider-track-direction: to top;writing-mode:sideways-lr}.micl-slider__container:has(>input[type=range].micl-slider--vertical)::after{--md-sys-slider-tip-space: 8px;transform:rotate(90deg)}}[dir=rtl] input[type=range].micl-slider--vertical,[dir=rtl] .micl-slider__container:has(>input[type=range].micl-slider--vertical){writing-mode:sideways-rl}[dir=rtl] input[type=range].micl-slider--vertical::after,[dir=rtl] .micl-slider__container:has(>input[type=range].micl-slider--vertical)::after{transform:rotate(-90deg)}[dir=rtl] input[type=range].micl-slider-xs:not(.micl-slider--vertical),[dir=rtl] input[type=range].micl-slider-s:not(.micl-slider--vertical),[dir=rtl] input[type=range].micl-slider-m:not(.micl-slider--vertical),[dir=rtl] input[type=range].micl-slider-l:not(.micl-slider--vertical),[dir=rtl] input[type=range].micl-slider-xl:not(.micl-slider--vertical){--md-sys-slider-track-direction: to left}
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-target-size: 48px;--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-inner-offset: -3px;--md-sys-state-focus-indicator-outer-offset: 2px;--md-sys-state-focus-indicator-thickness: 3px}@property --statelayer-color{syntax:"<color>";initial-value:rgba(0,0,0,0);inherits:false}@property --statelayer-opacity{syntax:"<percentage>";initial-value:0%;inherits:false}: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)}input[type=range].micl-slider-xs{--md-sys-slider-handle-height: 44px;--md-sys-slider-track-height: 16px;--md-sys-slider-track-radius: var(--md-sys-shape-corner-small)}input[type=range].micl-slider-s{--md-sys-slider-handle-height: 44px;--md-sys-slider-track-height: 24px;--md-sys-slider-track-radius: var(--md-sys-shape-corner-small)}input[type=range].micl-slider-m{--md-sys-slider-handle-height: 52px;--md-sys-slider-track-height: 40px;--md-sys-slider-track-radius: var(--md-sys-shape-corner-medium)}input[type=range].micl-slider-l{--md-sys-slider-handle-height: 68px;--md-sys-slider-track-height: 56px;--md-sys-slider-track-radius: var(--md-sys-shape-corner-large)}input[type=range].micl-slider-xl{--md-sys-slider-handle-height: 108px;--md-sys-slider-track-height: 96px;--md-sys-slider-track-radius: var(--md-sys-shape-corner-extra-large)}input[type=range].micl-slider-xs,input[type=range].micl-slider-s,input[type=range].micl-slider-m,input[type=range].micl-slider-l,input[type=range].micl-slider-xl{--md-sys-slider-thumb-space: 6px;--md-sys-slider-track-direction: to right;appearance:none;position:relative;block-size:var(--md-sys-slider-track-height);margin:0;outline:none;color:var(--md-sys-color-surface-container-low);background-color:inherit;accent-color:var(--md-sys-color-primary)}input[type=range].micl-slider-xs::before,input[type=range].micl-slider-s::before,input[type=range].micl-slider-m::before,input[type=range].micl-slider-l::before,input[type=range].micl-slider-xl::before{content:attr(data-miclsliderticks);box-sizing:border-box;position:absolute;inline-size:100%;max-inline-size:100%;block-size:var(--md-sys-slider-track-height);line-height:var(--md-sys-slider-track-height);padding:0 4px;inset:0;color:var(--md-sys-color-on-primary);mix-blend-mode:difference;text-align:end;text-wrap-mode:nowrap}input[type=range].micl-slider-xs::after,input[type=range].micl-slider-s::after,input[type=range].micl-slider-m::after,input[type=range].micl-slider-l::after,input[type=range].micl-slider-xl::after{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-slider-tip-space: 4px;content:var(--md-sys-slider-tip);box-sizing:border-box;position:absolute;inline-size:fit-content;min-inline-size:48px;block-size:40px;inset:0;inset-block-start:calc(-1*(var(--md-sys-slider-handle-height) - var(--md-sys-slider-track-height))/2 - 40px - var(--md-sys-slider-tip-space));inset-inline-start:calc(-16px + (100% - 16px)*(var(--md-sys-slider-value) - var(--md-sys-slider-min))/(var(--md-sys-slider-max) - var(--md-sys-slider-min)));padding-block:12px;padding-inline:16px;border-radius:20px;background-color:var(--md-sys-color-inverse-surface);color:var(--md-sys-color-inverse-on-surface);text-align:center;opacity:0;z-index:3;transition:opacity var(--md-sys-motion-duration-long2) cubic-bezier(0.05, 0.7, 0.1, 1)}input[type=range].micl-slider-xs::-webkit-slider-container,input[type=range].micl-slider-s::-webkit-slider-container,input[type=range].micl-slider-m::-webkit-slider-container,input[type=range].micl-slider-l::-webkit-slider-container,input[type=range].micl-slider-xl::-webkit-slider-container{background-color:inherit}input[type=range].micl-slider-xs::-webkit-slider-runnable-track,input[type=range].micl-slider-s::-webkit-slider-runnable-track,input[type=range].micl-slider-m::-webkit-slider-runnable-track,input[type=range].micl-slider-l::-webkit-slider-runnable-track,input[type=range].micl-slider-xl::-webkit-slider-runnable-track{block-size:var(--md-sys-slider-track-height);border-radius:var(--md-sys-slider-track-radius);background-color:inherit;background-image:linear-gradient(var(--md-sys-slider-track-direction), var(--md-sys-color-primary) calc(100% * (var(--md-sys-slider-value) - var(--md-sys-slider-min)) / (var(--md-sys-slider-max) - var(--md-sys-slider-min))), transparent calc(100% * (var(--md-sys-slider-value) - var(--md-sys-slider-min)) / (var(--md-sys-slider-max) - var(--md-sys-slider-min))), var(--md-sys-color-secondary-container) calc(100% * (var(--md-sys-slider-value) - var(--md-sys-slider-min)) / (var(--md-sys-slider-max) - var(--md-sys-slider-min))), var(--md-sys-color-secondary-container) 100%, transparent)}input[type=range].micl-slider-xs::-moz-range-track,input[type=range].micl-slider-s::-moz-range-track,input[type=range].micl-slider-m::-moz-range-track,input[type=range].micl-slider-l::-moz-range-track,input[type=range].micl-slider-xl::-moz-range-track{block-size:var(--md-sys-slider-track-height);border-radius:var(--md-sys-slider-track-radius);background-color:inherit;background-image:linear-gradient(var(--md-sys-slider-track-direction), var(--md-sys-color-primary) calc(100% * (var(--md-sys-slider-value) - var(--md-sys-slider-min)) / (var(--md-sys-slider-max) - var(--md-sys-slider-min))), transparent calc(100% * (var(--md-sys-slider-value) - var(--md-sys-slider-min)) / (var(--md-sys-slider-max) - var(--md-sys-slider-min))), var(--md-sys-color-secondary-container) calc(100% * (var(--md-sys-slider-value) - var(--md-sys-slider-min)) / (var(--md-sys-slider-max) - var(--md-sys-slider-min))), var(--md-sys-color-secondary-container) 100%, transparent)}input[type=range].micl-slider-xs::-webkit-slider-thumb,input[type=range].micl-slider-s::-webkit-slider-thumb,input[type=range].micl-slider-m::-webkit-slider-thumb,input[type=range].micl-slider-l::-webkit-slider-thumb,input[type=range].micl-slider-xl::-webkit-slider-thumb{appearance:none;box-sizing:content-box;position:relative;inline-size:16px;block-size:var(--md-sys-slider-handle-height);inset:0;inset-block-start:calc(-1*(var(--md-sys-slider-handle-height) - var(--md-sys-slider-track-height) + 8px)/2);padding-block:4px;border:none;border-radius:8px;background-color:inherit;background-image:linear-gradient(var(--md-sys-slider-track-direction), transparent 0px, transparent var(--md-sys-slider-thumb-space), var(--md-sys-color-primary) var(--md-sys-slider-thumb-space), var(--md-sys-color-primary) 10px, transparent 10px, transparent 16px);background-clip:content-box;cursor:pointer;z-index:2}input[type=range].micl-slider-xs::-moz-range-thumb,input[type=range].micl-slider-s::-moz-range-thumb,input[type=range].micl-slider-m::-moz-range-thumb,input[type=range].micl-slider-l::-moz-range-thumb,input[type=range].micl-slider-xl::-moz-range-thumb{appearance:none;box-sizing:content-box;position:relative;inline-size:16px;block-size:var(--md-sys-slider-handle-height);inset:0;inset-block-start:calc(-1*(var(--md-sys-slider-handle-height) - var(--md-sys-slider-track-height) + 8px)/2);padding-block:4px;border:none;border-radius:8px;background-color:inherit;background-image:linear-gradient(var(--md-sys-slider-track-direction), transparent 0px, transparent var(--md-sys-slider-thumb-space), var(--md-sys-color-primary) var(--md-sys-slider-thumb-space), var(--md-sys-color-primary) 10px, transparent 10px, transparent 16px);background-clip:content-box;cursor:pointer;z-index:2}input[type=range].micl-slider-xs::-moz-range-progress,input[type=range].micl-slider-s::-moz-range-progress,input[type=range].micl-slider-m::-moz-range-progress,input[type=range].micl-slider-l::-moz-range-progress,input[type=range].micl-slider-xl::-moz-range-progress{block-size:var(--md-sys-slider-track-height)}input[type=range].micl-slider-xs:disabled::-webkit-slider-runnable-track,input[type=range].micl-slider-s:disabled::-webkit-slider-runnable-track,input[type=range].micl-slider-m:disabled::-webkit-slider-runnable-track,input[type=range].micl-slider-l:disabled::-webkit-slider-runnable-track,input[type=range].micl-slider-xl:disabled::-webkit-slider-runnable-track{background-image:linear-gradient(var(--md-sys-slider-track-direction), color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent) calc(100% * (var(--md-sys-slider-value) - var(--md-sys-slider-min)) / (var(--md-sys-slider-max) - var(--md-sys-slider-min))), transparent calc(100% * (var(--md-sys-slider-value) - var(--md-sys-slider-min)) / (var(--md-sys-slider-max) - var(--md-sys-slider-min))), color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent) calc(100% * (var(--md-sys-slider-value) - var(--md-sys-slider-min)) / (var(--md-sys-slider-max) - var(--md-sys-slider-min))), color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent) 100%, transparent)}input[type=range].micl-slider-xs:disabled::-moz-range-track,input[type=range].micl-slider-s:disabled::-moz-range-track,input[type=range].micl-slider-m:disabled::-moz-range-track,input[type=range].micl-slider-l:disabled::-moz-range-track,input[type=range].micl-slider-xl:disabled::-moz-range-track{background-image:linear-gradient(var(--md-sys-slider-track-direction), color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent) calc(100% * (var(--md-sys-slider-value) - var(--md-sys-slider-min)) / (var(--md-sys-slider-max) - var(--md-sys-slider-min))), transparent calc(100% * (var(--md-sys-slider-value) - var(--md-sys-slider-min)) / (var(--md-sys-slider-max) - var(--md-sys-slider-min))), color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent) calc(100% * (var(--md-sys-slider-value) - var(--md-sys-slider-min)) / (var(--md-sys-slider-max) - var(--md-sys-slider-min))), color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent) 100%, transparent)}input[type=range].micl-slider-xs:disabled::-webkit-slider-thumb,input[type=range].micl-slider-s:disabled::-webkit-slider-thumb,input[type=range].micl-slider-m:disabled::-webkit-slider-thumb,input[type=range].micl-slider-l:disabled::-webkit-slider-thumb,input[type=range].micl-slider-xl:disabled::-webkit-slider-thumb{background-color:inherit;background-image:linear-gradient(var(--md-sys-slider-track-direction), transparent 0px, transparent var(--md-sys-slider-thumb-space), color-mix(in srgb, var(--md-sys-color-on-surface) 38%, var(--md-sys-color-surface)) var(--md-sys-slider-thumb-space), color-mix(in srgb, var(--md-sys-color-on-surface) 38%, var(--md-sys-color-surface)) 10px, transparent 10px, transparent 16px);cursor:default}input[type=range].micl-slider-xs:disabled::-moz-range-thumb,input[type=range].micl-slider-s:disabled::-moz-range-thumb,input[type=range].micl-slider-m:disabled::-moz-range-thumb,input[type=range].micl-slider-l:disabled::-moz-range-thumb,input[type=range].micl-slider-xl:disabled::-moz-range-thumb{background-color:inherit;background-image:linear-gradient(var(--md-sys-slider-track-direction), transparent 0px, transparent var(--md-sys-slider-thumb-space), color-mix(in srgb, var(--md-sys-color-on-surface) 38%, var(--md-sys-color-surface)) var(--md-sys-slider-thumb-space), color-mix(in srgb, var(--md-sys-color-on-surface) 38%, var(--md-sys-color-surface)) 10px, transparent 10px, transparent 16px);cursor:default}input[type=range].micl-slider-xs.micl-slider--vertical,input[type=range].micl-slider-s.micl-slider--vertical,input[type=range].micl-slider-m.micl-slider--vertical,input[type=range].micl-slider-l.micl-slider--vertical,input[type=range].micl-slider-xl.micl-slider--vertical{--md-sys-slider-track-direction: to top;writing-mode:sideways-lr}input[type=range].micl-slider-xs.micl-slider--vertical::after,input[type=range].micl-slider-s.micl-slider--vertical::after,input[type=range].micl-slider-m.micl-slider--vertical::after,input[type=range].micl-slider-l.micl-slider--vertical::after,input[type=range].micl-slider-xl.micl-slider--vertical::after{--md-sys-slider-tip-space: 8px;transform:rotate(90deg)}input[type=range].micl-slider-xs:not(:disabled):active::after,input[type=range].micl-slider-xs:not(:disabled):focus::after,input[type=range].micl-slider-xs:not(:disabled):focus-visible::after,input[type=range].micl-slider-s:not(:disabled):active::after,input[type=range].micl-slider-s:not(:disabled):focus::after,input[type=range].micl-slider-s:not(:disabled):focus-visible::after,input[type=range].micl-slider-m:not(:disabled):active::after,input[type=range].micl-slider-m:not(:disabled):focus::after,input[type=range].micl-slider-m:not(:disabled):focus-visible::after,input[type=range].micl-slider-l:not(:disabled):active::after,input[type=range].micl-slider-l:not(:disabled):focus::after,input[type=range].micl-slider-l:not(:disabled):focus-visible::after,input[type=range].micl-slider-xl:not(:disabled):active::after,input[type=range].micl-slider-xl:not(:disabled):focus::after,input[type=range].micl-slider-xl:not(:disabled):focus-visible::after{opacity:1;transition:opacity var(--md-sys-motion-duration-medium2) cubic-bezier(0.3, 0, 0.8, 0.15)}input[type=range].micl-slider-xs:not(:disabled):focus-visible::-webkit-slider-thumb,input[type=range].micl-slider-s:not(:disabled):focus-visible::-webkit-slider-thumb,input[type=range].micl-slider-m:not(:disabled):focus-visible::-webkit-slider-thumb,input[type=range].micl-slider-l:not(:disabled):focus-visible::-webkit-slider-thumb,input[type=range].micl-slider-xl:not(:disabled):focus-visible::-webkit-slider-thumb{outline:var(--md-sys-state-focus-indicator-thickness) solid var(--md-sys-color-secondary)}input[type=range].micl-slider-xs:not(:disabled):focus-visible::-moz-range-thumb,input[type=range].micl-slider-s:not(:disabled):focus-visible::-moz-range-thumb,input[type=range].micl-slider-m:not(:disabled):focus-visible::-moz-range-thumb,input[type=range].micl-slider-l:not(:disabled):focus-visible::-moz-range-thumb,input[type=range].micl-slider-xl:not(:disabled):focus-visible::-moz-range-thumb{outline:var(--md-sys-state-focus-indicator-thickness) solid var(--md-sys-color-secondary)}input[type=range].micl-slider-xs:not(:disabled):active::-webkit-slider-thumb,input[type=range].micl-slider-s:not(:disabled):active::-webkit-slider-thumb,input[type=range].micl-slider-m:not(:disabled):active::-webkit-slider-thumb,input[type=range].micl-slider-l:not(:disabled):active::-webkit-slider-thumb,input[type=range].micl-slider-xl:not(:disabled):active::-webkit-slider-thumb{background-image:linear-gradient(var(--md-sys-slider-track-direction), transparent 0px, transparent calc(var(--md-sys-slider-thumb-space) + 1px), var(--md-sys-color-primary) calc(var(--md-sys-slider-thumb-space) + 1px), var(--md-sys-color-primary) calc(var(--md-sys-slider-thumb-space) + 3px), transparent calc(var(--md-sys-slider-thumb-space) + 3px), transparent calc(2 * var(--md-sys-slider-thumb-space) + 4px));outline:none;cursor:grabbing}input[type=range].micl-slider-xs:not(:disabled):active::-moz-range-thumb,input[type=range].micl-slider-s:not(:disabled):active::-moz-range-thumb,input[type=range].micl-slider-m:not(:disabled):active::-moz-range-thumb,input[type=range].micl-slider-l:not(:disabled):active::-moz-range-thumb,input[type=range].micl-slider-xl:not(:disabled):active::-moz-range-thumb{background-image:linear-gradient(var(--md-sys-slider-track-direction), transparent 0px, transparent calc(var(--md-sys-slider-thumb-space) + 1px), var(--md-sys-color-primary) calc(var(--md-sys-slider-thumb-space) + 1px), var(--md-sys-color-primary) calc(var(--md-sys-slider-thumb-space) + 3px), transparent calc(var(--md-sys-slider-thumb-space) + 3px), transparent calc(2 * var(--md-sys-slider-thumb-space) + 4px));outline:none;cursor:grabbing}.micl-slider__container{display:grid;grid-template-areas:"slidericon";flex-shrink:0;align-items:center;justify-items:flex-start;background-color:inherit}.micl-slider__container:has(>.micl-slider-m,>.micl-slider-l,>.micl-slider-xl) .micl-slider__icon{grid-area:slidericon;inset:0;margin:6px;font-size:24px;color:var(--md-sys-color-on-primary);z-index:1}.micl-slider__container>input[type=range]{grid-area:slidericon}.micl-slider__container .micl-slider__icon:has(+input[type=range].micl-slider-xl),.micl-slider__container input[type=range].micl-slider-xl+.micl-slider__icon{margin:8px;font-size:32px}@supports(-moz-appearance: none){.micl-slider__container:has(>input[type=range]){position:relative}.micl-slider__container:has(>input[type=range])::after{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-slider-tip-space: 4px;content:var(--md-sys-slider-tip);box-sizing:border-box;position:absolute;inline-size:fit-content;min-inline-size:48px;block-size:40px;inset:0;inset-block-start:calc(-1*(var(--md-sys-slider-handle-height) - var(--md-sys-slider-track-height))/2 - 40px - var(--md-sys-slider-tip-space));inset-inline-start:calc(-16px + (100% - 16px)*(var(--md-sys-slider-value) - var(--md-sys-slider-min))/(var(--md-sys-slider-max) - var(--md-sys-slider-min)));padding-block:12px;padding-inline:16px;border-radius:20px;background-color:var(--md-sys-color-inverse-surface);color:var(--md-sys-color-inverse-on-surface);text-align:center;opacity:0;z-index:3;transition:opacity var(--md-sys-motion-duration-long2) cubic-bezier(0.05, 0.7, 0.1, 1)}.micl-slider__container:has(>input[type=range]:not(:disabled):active)::after,.micl-slider__container:has(>input[type=range]:not(:disabled):focus)::after,.micl-slider__container:has(>input[type=range]:not(:disabled):focus-visible)::after{opacity:1}.micl-slider__container:has(>input[type=range].micl-slider--vertical){--md-sys-slider-track-direction: to top;writing-mode:sideways-lr}.micl-slider__container:has(>input[type=range].micl-slider--vertical)::after{--md-sys-slider-tip-space: 8px;transform:rotate(90deg)}}[dir=rtl] input[type=range].micl-slider--vertical,[dir=rtl] .micl-slider__container:has(>input[type=range].micl-slider--vertical){writing-mode:sideways-rl}[dir=rtl] input[type=range].micl-slider--vertical::after,[dir=rtl] .micl-slider__container:has(>input[type=range].micl-slider--vertical)::after{transform:rotate(-90deg)}[dir=rtl] input[type=range].micl-slider-xs:not(.micl-slider--vertical),[dir=rtl] input[type=range].micl-slider-s:not(.micl-slider--vertical),[dir=rtl] input[type=range].micl-slider-m:not(.micl-slider--vertical),[dir=rtl] input[type=range].micl-slider-l:not(.micl-slider--vertical),[dir=rtl] input[type=range].micl-slider-xl:not(.micl-slider--vertical){--md-sys-slider-track-direction: to left}