material-inspired-component-library 1.1.0 → 1.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +18 -21
- package/components/accordion/README.md +7 -9
- package/components/bottomsheet/README.md +7 -9
- package/components/bottomsheet/index.scss +3 -0
- package/components/button/README.md +7 -9
- package/components/button/index.scss +3 -0
- package/components/card/README.md +3 -3
- package/components/card/index.scss +3 -0
- package/components/checkbox/README.md +7 -9
- package/components/checkbox/index.scss +2 -0
- package/components/dialog/README.md +3 -3
- package/components/dialog/index.scss +3 -0
- package/components/divider/README.md +3 -3
- package/components/iconbutton/README.md +7 -9
- package/components/iconbutton/index.scss +3 -0
- package/components/list/README.md +7 -9
- package/components/list/index.scss +2 -0
- package/components/menu/README.md +8 -10
- package/components/menu/index.scss +3 -0
- package/components/radio/README.md +3 -3
- package/components/radio/index.scss +2 -0
- package/components/select/README.md +9 -11
- package/components/select/index.scss +2 -0
- package/components/sidesheet/README.md +3 -3
- package/components/sidesheet/index.scss +2 -0
- package/components/slider/README.md +7 -9
- package/components/slider/index.scss +2 -0
- package/components/switch/README.md +3 -3
- package/components/switch/index.scss +3 -0
- package/components/textfield/README.md +7 -11
- package/components/textfield/index.scss +2 -0
- package/dist/bottomsheet.css +1 -1
- package/dist/bottomsheet.js +1 -0
- package/dist/button.css +1 -1
- package/dist/button.js +1 -0
- package/dist/card.css +1 -1
- package/dist/card.js +1 -0
- package/dist/checkbox.css +1 -1
- package/dist/checkbox.js +1 -0
- package/dist/components/bottomsheet/index.d.ts +6 -0
- package/dist/components/button/index.d.ts +6 -0
- package/dist/components/checkbox/index.d.ts +5 -0
- package/dist/components/iconbutton/index.d.ts +6 -0
- package/dist/components/list/index.d.ts +5 -0
- package/dist/components/menu/index.d.ts +16 -0
- package/dist/components/slider/index.d.ts +6 -0
- package/dist/components/textfield/index.d.ts +8 -0
- package/dist/dialog.css +1 -1
- package/dist/dialog.js +1 -0
- package/dist/divider.js +1 -0
- package/dist/iconbutton.css +1 -1
- package/dist/iconbutton.js +1 -0
- package/dist/list.css +1 -1
- package/dist/list.js +1 -0
- package/dist/menu.css +1 -1
- package/dist/menu.js +1 -0
- package/dist/micl.d.ts +5 -0
- package/dist/micl.js +1 -1
- package/dist/radio.css +1 -1
- package/dist/radio.js +1 -0
- package/dist/select.css +1 -1
- package/dist/select.js +1 -0
- package/dist/sidesheet.css +1 -1
- package/dist/sidesheet.js +1 -0
- package/dist/slider.css +1 -1
- package/dist/slider.js +1 -0
- package/dist/switch.css +1 -1
- package/dist/switch.js +1 -0
- package/dist/textfield.css +1 -1
- package/dist/textfield.js +1 -0
- package/{components.ts → micl.ts} +73 -52
- package/package.json +4 -2
- package/tsconfig.json +11 -5
- package/webpack.config.js +7 -4
package/dist/switch.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}input[type=checkbox].micl-switch{--md-sys-switch-target-height: 32px;--md-sys-switch-target-width: 52px;--md-sys-switch-state-layer-size: 40px;--md-sys-switch-handle-size: 16px;--md-sys-switch-handle-selected-size: 24px;--md-sys-switch-handle-pressed-size: 28px;--md-sys-switch-unselected-icon: "+";--md-sys-switch-selected-icon: "¬";--md-sys-switch-outline-width: 2px;appearance:none;position:relative;width:var(--md-sys-switch-target-width);height:var(--md-sys-target-size);margin:0;border-radius:calc(var(--md-sys-switch-target-height)/2);outline:none}input[type=checkbox].micl-switch::before{content:"";box-sizing:border-box;display:block;width:var(--md-sys-switch-target-width);height:var(--md-sys-switch-target-height);margin-block:calc((var(--md-sys-target-size) - var(--md-sys-switch-target-height))/2);border:var(--md-sys-switch-outline-width) solid var(--md-sys-color-outline);border-radius:inherit;background-color:var(--md-sys-color-surface-container-highest);transition:background-color var(--md-sys-motion-duration-long4) cubic-bezier(0.2, 0, 0, 1)}input[type=checkbox].micl-switch::after{content:var(--md-sys-switch-unselected-icon);box-sizing:border-box;position:absolute;width:var(--md-sys-switch-state-layer-size);height:var(--md-sys-switch-state-layer-size);inset:0;inset-inline-start:-4px;margin:auto 0;font:300 1rem/1rem var(--md-ref-typeface-plain);color:var(--md-sys-color-surface-container-highest);text-align:center;background-color:var(--md-sys-color-outline);background-clip:content-box;border:calc((var(--md-sys-switch-state-layer-size) - var(--md-sys-switch-handle-size))/2) solid rgba(0,0,0,0);border-radius:var(--md-sys-shape-corner-full);transform:rotate(135deg);transition:inset-inline-start var(--md-sys-motion-duration-long4) linear(0, 0.00002, 0.0001, 0.00022 0.18%, 0.00043 0.25%, 0.00066, 0.00093, 0.00125 0.43%, 0.00169 0.5%, 0.00211, 0.00258, 0.00309 0.68%, 0.00375 0.75%, 0.00436 0.81%, 0.00512 0.88%, 0.00582 0.94%, 0.0067 1.01%, 0.00749 1.07%, 0.00847 1.14%, 0.00935 1.2%, 0.01043 1.27%, 0.0114 1.33%, 0.01259, 0.01382, 0.01511 1.54%, 0.01625 1.6%, 0.01764, 0.01907, 0.02055 1.81%, 0.02367, 0.02697, 0.03046, 0.03413, 0.03798 2.51%, 0.04228 2.66%, 0.04648 2.8%, 0.05115, 0.05599, 0.06101, 0.06619 3.4%, 0.0719 3.56%, 0.07741 3.71%, 0.08345, 0.08965, 0.09601, 0.10252 4.35%, 0.1096 4.52%, 0.12071, 0.13216 5.041%, 0.14438 5.311%, 0.15739 5.591%, 0.17117 5.881%, 0.18574 6.181%, 0.20109 6.491%, 0.21722 6.811%, 0.23153 7.091%, 0.24653 7.381%, 0.26273 7.691%, 0.28066 8.031%, 0.31582 8.691%, 0.38668 10.011%, 0.41715 10.581%, 0.44843 11.171%, 0.47671 11.711%, 0.49277 12.021%, 0.50817 12.321%, 0.52291, 0.5375 12.901%, 0.55143, 0.56521, 0.57882 13.741%, 0.59178 14.011%, 0.60645, 0.6209, 0.63511 14.941%, 0.64864, 0.66194, 0.67499, 0.68781, 0.70039, 0.71271 16.742%, 0.72439 17.032%, 0.73622 17.332%, 0.74741 17.622%, 0.75874 17.922%, 0.76944, 0.7799, 0.79012 18.792%, 0.80043, 0.81049, 0.82028, 0.82982, 0.8391 20.292%, 0.84364, 0.84812, 0.85254, 0.85689, 0.86118, 0.86541, 0.86957, 0.87367, 0.87771 21.642%, 0.88195 21.802%, 0.88586, 0.88971, 0.8935 22.252%, 0.89747 22.412%, 0.90113 22.562%, 0.90498 22.722%, 0.90852 22.872%, 0.91223 23.032%, 0.91564 23.182%, 0.91923 23.342%, 0.92252 23.492%, 0.92598 23.652%, 0.92916 23.802%, 0.93249, 0.93575, 0.93895 24.282%, 0.9419 24.432%, 0.94498, 0.948, 0.95095, 0.95385, 0.95669, 0.95947 25.393%, 0.96235 25.563%, 0.96501, 0.96761, 0.97015 26.043%, 0.97279 26.213%, 0.97521 26.373%, 0.97773 26.543%, 0.98005 26.703%, 0.98244 26.873%, 0.98465 27.033%, 0.98693, 0.98915, 0.99132, 0.99343, 0.99548, 0.99748, 0.99942, 1.00131 28.393%, 1.00325 28.573%, 1.00503 28.743%, 1.00686 28.923%, 1.00921, 1.01146, 1.01361 29.643%, 1.01575, 1.01779, 1.01973, 1.02158, 1.02333, 1.02499 31.143%, 1.02582, 1.02662 31.403%, 1.02816, 1.02961, 1.03097 32.183%, 1.03162 32.313%, 1.03229 32.453%, 1.03289 32.583%, 1.03352, 1.03412, 1.0347 33.003%, 1.03576 33.273%, 1.03627, 1.03677 33.553%, 1.03769 33.833%, 1.03812 33.973%, 1.03856 34.123%, 1.03895 34.263%, 1.03934 34.413%, 1.04004, 1.04067 34.993%, 1.04123, 1.04172 35.594%, 1.04215, 1.0425 36.214%, 1.04278, 1.04299 36.854%, 1.04313 37.184%, 1.0432, 1.04321 37.864%, 1.04317 38.104%, 1.04309, 1.04298 38.604%, 1.04283, 1.04265 39.124%, 1.04243, 1.04218, 1.04189 39.934%, 1.04157, 1.04121 40.494%, 1.04082 40.784%, 1.04038 41.084%, 1.03989, 1.03938 41.704%, 1.03883 42.024%, 1.03823 42.354%, 1.03724 42.874%, 1.03616 43.414%, 1.03494 43.994%, 1.03357 44.624%, 1.03232 45.185%, 1.03091 45.805%, 1.02541 48.185%, 1.02303 49.225%, 1.02063 50.305%, 1.01952 50.815%, 1.01848 51.305%, 1.01734 51.855%, 1.01625 52.395%, 1.01521, 1.0142 53.455%, 1.01325 53.975%, 1.01234, 1.01146, 1.01061 55.506%, 1.00983, 1.00908, 1.00836, 1.00766, 1.007 57.956%, 1.00635 58.456%, 1.00575 58.946%, 1.00516, 1.00461, 1.00408 60.446%, 1.00357, 1.00309, 1.00264 61.976%, 1.00221 62.496%, 1.0018, 1.00142 63.556%, 1.00104 64.116%, 1.00069 64.686%, 1.00036 65.267%, 1.00006 65.857%, 0.99978 66.457%, 0.99952 67.067%, 0.99929 67.687%, 0.99908 68.317%, 0.99889 68.957%, 0.99872 69.617%, 0.99858 70.297%, 0.99845 70.987%, 0.99835 71.697%, 0.99827 72.427%, 0.9982 73.187%, 0.99816 73.967%, 0.99813 75.068%, 0.99814 76.248%, 0.99818 77.508%, 0.99826 78.888%, 0.99847 81.478%, 0.99913 88.249%, 0.99944 91.849%, 0.99959, 0.99971 95.87%, 0.99981 97.91%, 0.9999),border-width var(--md-sys-motion-duration-long4) linear(0, 0.00002, 0.0001, 0.00022 0.18%, 0.00043 0.25%, 0.00066, 0.00093, 0.00125 0.43%, 0.00169 0.5%, 0.00211, 0.00258, 0.00309 0.68%, 0.00375 0.75%, 0.00436 0.81%, 0.00512 0.88%, 0.00582 0.94%, 0.0067 1.01%, 0.00749 1.07%, 0.00847 1.14%, 0.00935 1.2%, 0.01043 1.27%, 0.0114 1.33%, 0.01259, 0.01382, 0.01511 1.54%, 0.01625 1.6%, 0.01764, 0.01907, 0.02055 1.81%, 0.02367, 0.02697, 0.03046, 0.03413, 0.03798 2.51%, 0.04228 2.66%, 0.04648 2.8%, 0.05115, 0.05599, 0.06101, 0.06619 3.4%, 0.0719 3.56%, 0.07741 3.71%, 0.08345, 0.08965, 0.09601, 0.10252 4.35%, 0.1096 4.52%, 0.12071, 0.13216 5.041%, 0.14438 5.311%, 0.15739 5.591%, 0.17117 5.881%, 0.18574 6.181%, 0.20109 6.491%, 0.21722 6.811%, 0.23153 7.091%, 0.24653 7.381%, 0.26273 7.691%, 0.28066 8.031%, 0.31582 8.691%, 0.38668 10.011%, 0.41715 10.581%, 0.44843 11.171%, 0.47671 11.711%, 0.49277 12.021%, 0.50817 12.321%, 0.52291, 0.5375 12.901%, 0.55143, 0.56521, 0.57882 13.741%, 0.59178 14.011%, 0.60645, 0.6209, 0.63511 14.941%, 0.64864, 0.66194, 0.67499, 0.68781, 0.70039, 0.71271 16.742%, 0.72439 17.032%, 0.73622 17.332%, 0.74741 17.622%, 0.75874 17.922%, 0.76944, 0.7799, 0.79012 18.792%, 0.80043, 0.81049, 0.82028, 0.82982, 0.8391 20.292%, 0.84364, 0.84812, 0.85254, 0.85689, 0.86118, 0.86541, 0.86957, 0.87367, 0.87771 21.642%, 0.88195 21.802%, 0.88586, 0.88971, 0.8935 22.252%, 0.89747 22.412%, 0.90113 22.562%, 0.90498 22.722%, 0.90852 22.872%, 0.91223 23.032%, 0.91564 23.182%, 0.91923 23.342%, 0.92252 23.492%, 0.92598 23.652%, 0.92916 23.802%, 0.93249, 0.93575, 0.93895 24.282%, 0.9419 24.432%, 0.94498, 0.948, 0.95095, 0.95385, 0.95669, 0.95947 25.393%, 0.96235 25.563%, 0.96501, 0.96761, 0.97015 26.043%, 0.97279 26.213%, 0.97521 26.373%, 0.97773 26.543%, 0.98005 26.703%, 0.98244 26.873%, 0.98465 27.033%, 0.98693, 0.98915, 0.99132, 0.99343, 0.99548, 0.99748, 0.99942, 1.00131 28.393%, 1.00325 28.573%, 1.00503 28.743%, 1.00686 28.923%, 1.00921, 1.01146, 1.01361 29.643%, 1.01575, 1.01779, 1.01973, 1.02158, 1.02333, 1.02499 31.143%, 1.02582, 1.02662 31.403%, 1.02816, 1.02961, 1.03097 32.183%, 1.03162 32.313%, 1.03229 32.453%, 1.03289 32.583%, 1.03352, 1.03412, 1.0347 33.003%, 1.03576 33.273%, 1.03627, 1.03677 33.553%, 1.03769 33.833%, 1.03812 33.973%, 1.03856 34.123%, 1.03895 34.263%, 1.03934 34.413%, 1.04004, 1.04067 34.993%, 1.04123, 1.04172 35.594%, 1.04215, 1.0425 36.214%, 1.04278, 1.04299 36.854%, 1.04313 37.184%, 1.0432, 1.04321 37.864%, 1.04317 38.104%, 1.04309, 1.04298 38.604%, 1.04283, 1.04265 39.124%, 1.04243, 1.04218, 1.04189 39.934%, 1.04157, 1.04121 40.494%, 1.04082 40.784%, 1.04038 41.084%, 1.03989, 1.03938 41.704%, 1.03883 42.024%, 1.03823 42.354%, 1.03724 42.874%, 1.03616 43.414%, 1.03494 43.994%, 1.03357 44.624%, 1.03232 45.185%, 1.03091 45.805%, 1.02541 48.185%, 1.02303 49.225%, 1.02063 50.305%, 1.01952 50.815%, 1.01848 51.305%, 1.01734 51.855%, 1.01625 52.395%, 1.01521, 1.0142 53.455%, 1.01325 53.975%, 1.01234, 1.01146, 1.01061 55.506%, 1.00983, 1.00908, 1.00836, 1.00766, 1.007 57.956%, 1.00635 58.456%, 1.00575 58.946%, 1.00516, 1.00461, 1.00408 60.446%, 1.00357, 1.00309, 1.00264 61.976%, 1.00221 62.496%, 1.0018, 1.00142 63.556%, 1.00104 64.116%, 1.00069 64.686%, 1.00036 65.267%, 1.00006 65.857%, 0.99978 66.457%, 0.99952 67.067%, 0.99929 67.687%, 0.99908 68.317%, 0.99889 68.957%, 0.99872 69.617%, 0.99858 70.297%, 0.99845 70.987%, 0.99835 71.697%, 0.99827 72.427%, 0.9982 73.187%, 0.99816 73.967%, 0.99813 75.068%, 0.99814 76.248%, 0.99818 77.508%, 0.99826 78.888%, 0.99847 81.478%, 0.99913 88.249%, 0.99944 91.849%, 0.99959, 0.99971 95.87%, 0.99981 97.91%, 0.9999),font-size var(--md-sys-motion-duration-long4) linear(0, 0.00002, 0.0001, 0.00022 0.18%, 0.00043 0.25%, 0.00066, 0.00093, 0.00125 0.43%, 0.00169 0.5%, 0.00211, 0.00258, 0.00309 0.68%, 0.00375 0.75%, 0.00436 0.81%, 0.00512 0.88%, 0.00582 0.94%, 0.0067 1.01%, 0.00749 1.07%, 0.00847 1.14%, 0.00935 1.2%, 0.01043 1.27%, 0.0114 1.33%, 0.01259, 0.01382, 0.01511 1.54%, 0.01625 1.6%, 0.01764, 0.01907, 0.02055 1.81%, 0.02367, 0.02697, 0.03046, 0.03413, 0.03798 2.51%, 0.04228 2.66%, 0.04648 2.8%, 0.05115, 0.05599, 0.06101, 0.06619 3.4%, 0.0719 3.56%, 0.07741 3.71%, 0.08345, 0.08965, 0.09601, 0.10252 4.35%, 0.1096 4.52%, 0.12071, 0.13216 5.041%, 0.14438 5.311%, 0.15739 5.591%, 0.17117 5.881%, 0.18574 6.181%, 0.20109 6.491%, 0.21722 6.811%, 0.23153 7.091%, 0.24653 7.381%, 0.26273 7.691%, 0.28066 8.031%, 0.31582 8.691%, 0.38668 10.011%, 0.41715 10.581%, 0.44843 11.171%, 0.47671 11.711%, 0.49277 12.021%, 0.50817 12.321%, 0.52291, 0.5375 12.901%, 0.55143, 0.56521, 0.57882 13.741%, 0.59178 14.011%, 0.60645, 0.6209, 0.63511 14.941%, 0.64864, 0.66194, 0.67499, 0.68781, 0.70039, 0.71271 16.742%, 0.72439 17.032%, 0.73622 17.332%, 0.74741 17.622%, 0.75874 17.922%, 0.76944, 0.7799, 0.79012 18.792%, 0.80043, 0.81049, 0.82028, 0.82982, 0.8391 20.292%, 0.84364, 0.84812, 0.85254, 0.85689, 0.86118, 0.86541, 0.86957, 0.87367, 0.87771 21.642%, 0.88195 21.802%, 0.88586, 0.88971, 0.8935 22.252%, 0.89747 22.412%, 0.90113 22.562%, 0.90498 22.722%, 0.90852 22.872%, 0.91223 23.032%, 0.91564 23.182%, 0.91923 23.342%, 0.92252 23.492%, 0.92598 23.652%, 0.92916 23.802%, 0.93249, 0.93575, 0.93895 24.282%, 0.9419 24.432%, 0.94498, 0.948, 0.95095, 0.95385, 0.95669, 0.95947 25.393%, 0.96235 25.563%, 0.96501, 0.96761, 0.97015 26.043%, 0.97279 26.213%, 0.97521 26.373%, 0.97773 26.543%, 0.98005 26.703%, 0.98244 26.873%, 0.98465 27.033%, 0.98693, 0.98915, 0.99132, 0.99343, 0.99548, 0.99748, 0.99942, 1.00131 28.393%, 1.00325 28.573%, 1.00503 28.743%, 1.00686 28.923%, 1.00921, 1.01146, 1.01361 29.643%, 1.01575, 1.01779, 1.01973, 1.02158, 1.02333, 1.02499 31.143%, 1.02582, 1.02662 31.403%, 1.02816, 1.02961, 1.03097 32.183%, 1.03162 32.313%, 1.03229 32.453%, 1.03289 32.583%, 1.03352, 1.03412, 1.0347 33.003%, 1.03576 33.273%, 1.03627, 1.03677 33.553%, 1.03769 33.833%, 1.03812 33.973%, 1.03856 34.123%, 1.03895 34.263%, 1.03934 34.413%, 1.04004, 1.04067 34.993%, 1.04123, 1.04172 35.594%, 1.04215, 1.0425 36.214%, 1.04278, 1.04299 36.854%, 1.04313 37.184%, 1.0432, 1.04321 37.864%, 1.04317 38.104%, 1.04309, 1.04298 38.604%, 1.04283, 1.04265 39.124%, 1.04243, 1.04218, 1.04189 39.934%, 1.04157, 1.04121 40.494%, 1.04082 40.784%, 1.04038 41.084%, 1.03989, 1.03938 41.704%, 1.03883 42.024%, 1.03823 42.354%, 1.03724 42.874%, 1.03616 43.414%, 1.03494 43.994%, 1.03357 44.624%, 1.03232 45.185%, 1.03091 45.805%, 1.02541 48.185%, 1.02303 49.225%, 1.02063 50.305%, 1.01952 50.815%, 1.01848 51.305%, 1.01734 51.855%, 1.01625 52.395%, 1.01521, 1.0142 53.455%, 1.01325 53.975%, 1.01234, 1.01146, 1.01061 55.506%, 1.00983, 1.00908, 1.00836, 1.00766, 1.007 57.956%, 1.00635 58.456%, 1.00575 58.946%, 1.00516, 1.00461, 1.00408 60.446%, 1.00357, 1.00309, 1.00264 61.976%, 1.00221 62.496%, 1.0018, 1.00142 63.556%, 1.00104 64.116%, 1.00069 64.686%, 1.00036 65.267%, 1.00006 65.857%, 0.99978 66.457%, 0.99952 67.067%, 0.99929 67.687%, 0.99908 68.317%, 0.99889 68.957%, 0.99872 69.617%, 0.99858 70.297%, 0.99845 70.987%, 0.99835 71.697%, 0.99827 72.427%, 0.9982 73.187%, 0.99816 73.967%, 0.99813 75.068%, 0.99814 76.248%, 0.99818 77.508%, 0.99826 78.888%, 0.99847 81.478%, 0.99913 88.249%, 0.99944 91.849%, 0.99959, 0.99971 95.87%, 0.99981 97.91%, 0.9999),line-height var(--md-sys-motion-duration-long4) linear(0, 0.00002, 0.0001, 0.00022 0.18%, 0.00043 0.25%, 0.00066, 0.00093, 0.00125 0.43%, 0.00169 0.5%, 0.00211, 0.00258, 0.00309 0.68%, 0.00375 0.75%, 0.00436 0.81%, 0.00512 0.88%, 0.00582 0.94%, 0.0067 1.01%, 0.00749 1.07%, 0.00847 1.14%, 0.00935 1.2%, 0.01043 1.27%, 0.0114 1.33%, 0.01259, 0.01382, 0.01511 1.54%, 0.01625 1.6%, 0.01764, 0.01907, 0.02055 1.81%, 0.02367, 0.02697, 0.03046, 0.03413, 0.03798 2.51%, 0.04228 2.66%, 0.04648 2.8%, 0.05115, 0.05599, 0.06101, 0.06619 3.4%, 0.0719 3.56%, 0.07741 3.71%, 0.08345, 0.08965, 0.09601, 0.10252 4.35%, 0.1096 4.52%, 0.12071, 0.13216 5.041%, 0.14438 5.311%, 0.15739 5.591%, 0.17117 5.881%, 0.18574 6.181%, 0.20109 6.491%, 0.21722 6.811%, 0.23153 7.091%, 0.24653 7.381%, 0.26273 7.691%, 0.28066 8.031%, 0.31582 8.691%, 0.38668 10.011%, 0.41715 10.581%, 0.44843 11.171%, 0.47671 11.711%, 0.49277 12.021%, 0.50817 12.321%, 0.52291, 0.5375 12.901%, 0.55143, 0.56521, 0.57882 13.741%, 0.59178 14.011%, 0.60645, 0.6209, 0.63511 14.941%, 0.64864, 0.66194, 0.67499, 0.68781, 0.70039, 0.71271 16.742%, 0.72439 17.032%, 0.73622 17.332%, 0.74741 17.622%, 0.75874 17.922%, 0.76944, 0.7799, 0.79012 18.792%, 0.80043, 0.81049, 0.82028, 0.82982, 0.8391 20.292%, 0.84364, 0.84812, 0.85254, 0.85689, 0.86118, 0.86541, 0.86957, 0.87367, 0.87771 21.642%, 0.88195 21.802%, 0.88586, 0.88971, 0.8935 22.252%, 0.89747 22.412%, 0.90113 22.562%, 0.90498 22.722%, 0.90852 22.872%, 0.91223 23.032%, 0.91564 23.182%, 0.91923 23.342%, 0.92252 23.492%, 0.92598 23.652%, 0.92916 23.802%, 0.93249, 0.93575, 0.93895 24.282%, 0.9419 24.432%, 0.94498, 0.948, 0.95095, 0.95385, 0.95669, 0.95947 25.393%, 0.96235 25.563%, 0.96501, 0.96761, 0.97015 26.043%, 0.97279 26.213%, 0.97521 26.373%, 0.97773 26.543%, 0.98005 26.703%, 0.98244 26.873%, 0.98465 27.033%, 0.98693, 0.98915, 0.99132, 0.99343, 0.99548, 0.99748, 0.99942, 1.00131 28.393%, 1.00325 28.573%, 1.00503 28.743%, 1.00686 28.923%, 1.00921, 1.01146, 1.01361 29.643%, 1.01575, 1.01779, 1.01973, 1.02158, 1.02333, 1.02499 31.143%, 1.02582, 1.02662 31.403%, 1.02816, 1.02961, 1.03097 32.183%, 1.03162 32.313%, 1.03229 32.453%, 1.03289 32.583%, 1.03352, 1.03412, 1.0347 33.003%, 1.03576 33.273%, 1.03627, 1.03677 33.553%, 1.03769 33.833%, 1.03812 33.973%, 1.03856 34.123%, 1.03895 34.263%, 1.03934 34.413%, 1.04004, 1.04067 34.993%, 1.04123, 1.04172 35.594%, 1.04215, 1.0425 36.214%, 1.04278, 1.04299 36.854%, 1.04313 37.184%, 1.0432, 1.04321 37.864%, 1.04317 38.104%, 1.04309, 1.04298 38.604%, 1.04283, 1.04265 39.124%, 1.04243, 1.04218, 1.04189 39.934%, 1.04157, 1.04121 40.494%, 1.04082 40.784%, 1.04038 41.084%, 1.03989, 1.03938 41.704%, 1.03883 42.024%, 1.03823 42.354%, 1.03724 42.874%, 1.03616 43.414%, 1.03494 43.994%, 1.03357 44.624%, 1.03232 45.185%, 1.03091 45.805%, 1.02541 48.185%, 1.02303 49.225%, 1.02063 50.305%, 1.01952 50.815%, 1.01848 51.305%, 1.01734 51.855%, 1.01625 52.395%, 1.01521, 1.0142 53.455%, 1.01325 53.975%, 1.01234, 1.01146, 1.01061 55.506%, 1.00983, 1.00908, 1.00836, 1.00766, 1.007 57.956%, 1.00635 58.456%, 1.00575 58.946%, 1.00516, 1.00461, 1.00408 60.446%, 1.00357, 1.00309, 1.00264 61.976%, 1.00221 62.496%, 1.0018, 1.00142 63.556%, 1.00104 64.116%, 1.00069 64.686%, 1.00036 65.267%, 1.00006 65.857%, 0.99978 66.457%, 0.99952 67.067%, 0.99929 67.687%, 0.99908 68.317%, 0.99889 68.957%, 0.99872 69.617%, 0.99858 70.297%, 0.99845 70.987%, 0.99835 71.697%, 0.99827 72.427%, 0.9982 73.187%, 0.99816 73.967%, 0.99813 75.068%, 0.99814 76.248%, 0.99818 77.508%, 0.99826 78.888%, 0.99847 81.478%, 0.99913 88.249%, 0.99944 91.849%, 0.99959, 0.99971 95.87%, 0.99981 97.91%, 0.9999),color var(--md-sys-motion-duration-long4) cubic-bezier(0.2, 0, 0, 1),border-color var(--md-sys-motion-duration-long4) cubic-bezier(0.2, 0, 0, 1),background-color var(--md-sys-motion-duration-long4) cubic-bezier(0.2, 0, 0, 1)}input[type=checkbox].micl-switch:checked::before{background-color:var(--md-sys-color-primary)}input[type=checkbox].micl-switch:checked::after{content:var(--md-sys-switch-selected-icon);inset-inline-start:16px;font-size:2rem;line-height:1.4rem;border:calc((var(--md-sys-switch-state-layer-size) - var(--md-sys-switch-handle-selected-size))/2) solid rgba(0,0,0,0);color:var(--md-sys-color-on-primary-container);background-color:var(--md-sys-color-on-primary)}input[type=checkbox].micl-switch:not(:disabled){cursor:pointer}input[type=checkbox].micl-switch:not(:disabled):hover::after{border-color:color-mix(in srgb, var(--md-sys-color-on-surface) var(--md-sys-state-hover-state-layer-opacity), transparent);background-color:var(--md-sys-color-on-surface-variant)}input[type=checkbox].micl-switch:not(:disabled):hover:checked::after{border-color:color-mix(in srgb, var(--md-sys-color-primary) var(--md-sys-state-hover-state-layer-opacity), transparent);background-color:var(--md-sys-color-primary-container)}input[type=checkbox].micl-switch:not(:disabled):focus-visible::after{border-color:color-mix(in srgb, var(--md-sys-color-on-surface) var(--md-sys-state-focus-state-layer-opacity), transparent)}input[type=checkbox].micl-switch:not(:disabled):focus-visible::before{outline:var(--md-sys-state-focus-indicator-thickness) solid var(--md-sys-color-secondary);outline-offset:2px}input[type=checkbox].micl-switch:not(:disabled):focus-visible:checked::after{border-color:color-mix(in srgb, var(--md-sys-color-primary) var(--md-sys-state-focus-state-layer-opacity), transparent);background-color:var(--md-sys-color-primary-container)}input[type=checkbox].micl-switch:not(:disabled):focus-visible:not(:checked)::after{background-color:var(--md-sys-color-on-surface-variant)}input[type=checkbox].micl-switch:not(:disabled):active::after{font-size:2rem;line-height:1.7rem;border:calc((var(--md-sys-switch-state-layer-size) - var(--md-sys-switch-handle-pressed-size))/2) solid rgba(0,0,0,0);background-color:var(--md-sys-color-on-surface-variant)}input[type=checkbox].micl-switch:not(:disabled):active:checked::after{line-height:1.7rem;border-width:calc((var(--md-sys-switch-state-layer-size) - var(--md-sys-switch-handle-pressed-size))/2);border-color:color-mix(in srgb, var(--md-sys-color-primary) var(--md-sys-state-pressed-state-layer-opacity), transparent);background-color:var(--md-sys-color-primary-container)}input[type=checkbox].micl-switch:not(:disabled):active:not(:checked)::after{inset-inline-start:-4px;border-color:color-mix(in srgb, var(--md-sys-color-on-surface) var(--md-sys-state-pressed-state-layer-opacity), transparent)}input[type=checkbox].micl-switch:disabled::before{border-color:var(--md-sys-color-on-surface);background-color:var(--md-sys-color-surface-container-highest);opacity:12%}input[type=checkbox].micl-switch:disabled:checked::before{background-color:var(--md-sys-color-on-surface);opacity:12%}input[type=checkbox].micl-switch:disabled::after{color:color-mix(in srgb, var(--md-sys-color-surface-container-highest) 38%, transparent);background-color:var(--md-sys-color-on-surface);opacity:38%}input[type=checkbox].micl-switch:disabled:checked::after{color:color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent);background-color:var(--md-sys-color-surface);opacity:100%}input[type=checkbox].micl-switch:not(:disabled)+label,label:has(+input[type=checkbox].micl-switch:not(:disabled)){cursor:pointer}input[type=checkbox].micl-switch+label,label:has(+input[type=checkbox].micl-switch){color:var(--md-sys-color-on-surface)}[dir=rtl] input[type=checkbox].micl-switch::after{transform:rotate(45deg) scaleY(-1)}
|
|
1
|
+
:root{--md-sys-motion-duration-short1: 50ms;--md-sys-motion-duration-short2: 100ms;--md-sys-motion-duration-short3: 150ms;--md-sys-motion-duration-short4: 200ms;--md-sys-motion-duration-medium1: 250ms;--md-sys-motion-duration-medium2: 300ms;--md-sys-motion-duration-medium3: 350ms;--md-sys-motion-duration-medium4: 400ms;--md-sys-motion-duration-long1: 450ms;--md-sys-motion-duration-long2: 500ms;--md-sys-motion-duration-long3: 550ms;--md-sys-motion-duration-long4: 600ms;--md-sys-motion-duration-extra-long1: 700ms;--md-sys-motion-duration-extra-long2: 800ms;--md-sys-motion-duration-extra-long3: 900ms;--md-sys-motion-duration-extra-long4: 1000ms}:root{--md-sys-target-size: 48px;--md-sys-shape-corner-none: 0px;--md-sys-shape-corner-extra-small: 4px;--md-sys-shape-corner-small: 8px;--md-sys-shape-corner-medium: 12px;--md-sys-shape-corner-large: 16px;--md-sys-shape-corner-large-increased: 20px;--md-sys-shape-corner-extra-large: 28px;--md-sys-shape-corner-extra-large-increased: 32px;--md-sys-shape-corner-extra-extra-large: 48px;--md-sys-shape-corner-full: 50%}:root{--md-sys-state-layer-size: 40px;--md-sys-state-hover-state-layer-opacity: 8%;--md-sys-state-focus-state-layer-opacity: 10%;--md-sys-state-pressed-state-layer-opacity: 10%;--md-sys-state-dragged-state-layer-opacity: 16%;--md-sys-state-focus-indicator-outer-offset: 2px;--md-sys-state-focus-indicator-thickness: 3px}:root{--md-ref-typeface-plain: Roboto, system-ui, sans-serif;--md-ref-typeface-brand: Roboto, system-ui, sans-serif;--md-ref-typeface-weight-regular: 400;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-bold: 700;--md-sys-typescale-display-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-large-size: 3.5625rem;--md-sys-typescale-display-large-line-height: 4rem;--md-sys-typescale-display-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-large-tracking: -0.015625rem;--md-sys-typescale-display-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-medium-size: 2.8125rem;--md-sys-typescale-display-medium-line-height: 3.25rem;--md-sys-typescale-display-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-medium-tracking: 0;--md-sys-typescale-display-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-small-size: 2.25rem;--md-sys-typescale-display-small-line-height: 2.75rem;--md-sys-typescale-display-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-small-tracking: 0;--md-sys-typescale-headline-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-large-size: 2rem;--md-sys-typescale-headline-large-line-height: 2.5rem;--md-sys-typescale-headline-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-large-tracking: 0;--md-sys-typescale-headline-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-medium-size: 1.75rem;--md-sys-typescale-headline-medium-line-height: 2.25rem;--md-sys-typescale-headline-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-medium-tracking: 0;--md-sys-typescale-headline-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-small-size: 1.5rem;--md-sys-typescale-headline-small-line-height: 2rem;--md-sys-typescale-headline-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-small-tracking: 0;--md-sys-typescale-title-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-title-large-size: 1.375rem;--md-sys-typescale-title-large-line-height: 1.75rem;--md-sys-typescale-title-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-title-large-tracking: 0;--md-sys-typescale-title-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-title-medium-size: 1rem;--md-sys-typescale-title-medium-line-height: 1.5rem;--md-sys-typescale-title-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-title-medium-tracking: 0,009375rem;--md-sys-typescale-title-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-title-small-size: 0.875rem;--md-sys-typescale-title-small-line-height: 1.25rem;--md-sys-typescale-title-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-title-small-tracking: 0.00625rem;--md-sys-typescale-body-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-large-size: 1rem;--md-sys-typescale-body-large-line-height: 1.5rem;--md-sys-typescale-body-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-large-tracking: 0.03125rem;--md-sys-typescale-body-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-medium-size: 0.875rem;--md-sys-typescale-body-medium-line-height: 1.25rem;--md-sys-typescale-body-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-medium-tracking: 0.015625rem;--md-sys-typescale-body-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-small-size: 0.75rem;--md-sys-typescale-body-small-line-height: 1rem;--md-sys-typescale-body-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-small-tracking: 0.025rem;--md-sys-typescale-label-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-large-size: 0.875rem;--md-sys-typescale-label-large-line-height: 1.25rem;--md-sys-typescale-label-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-large-tracking: 0.00625rem;--md-sys-typescale-label-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-medium-size: 0.75rem;--md-sys-typescale-label-medium-line-height: 1rem;--md-sys-typescale-label-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-medium-tracking: 0.03125rem;--md-sys-typescale-label-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-small-size: 0.6875rem;--md-sys-typescale-label-small-line-height: 1rem;--md-sys-typescale-label-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-small-tracking: 0.03125rem;--md-sys-typescale-emphasized-display-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-large-size: 3.5625rem;--md-sys-typescale-emphasized-display-large-line-height: 4rem;--md-sys-typescale-emphasized-display-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-display-large-tracking: -0.015625rem;--md-sys-typescale-emphasized-display-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-medium-size: 2.8125rem;--md-sys-typescale-emphasized-display-medium-line-height: 3.25rem;--md-sys-typescale-emphasized-display-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-display-medium-tracking: 0;--md-sys-typescale-emphasized-display-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-small-size: 2.25rem;--md-sys-typescale-emphasized-display-small-line-height: 2.75rem;--md-sys-typescale-emphasized-display-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-display-small-tracking: 0;--md-sys-typescale-emphasized-headline-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-large-size: 2rem;--md-sys-typescale-emphasized-headline-large-line-height: 2.5rem;--md-sys-typescale-emphasized-headline-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-headline-large-tracking: 0;--md-sys-typescale-emphasized-headline-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-medium-size: 1.75rem;--md-sys-typescale-emphasized-headline-medium-line-height: 2.25rem;--md-sys-typescale-emphasized-headline-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-headline-medium-tracking: 0;--md-sys-typescale-emphasized-headline-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-small-size: 1.5rem;--md-sys-typescale-emphasized-headline-small-line-height: 2rem;--md-sys-typescale-emphasized-headline-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-headline-small-tracking: 0;--md-sys-typescale-emphasized-title-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-title-large-size: 1.375rem;--md-sys-typescale-emphasized-title-large-line-height: 1.75rem;--md-sys-typescale-emphasized-title-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-title-large-tracking: 0;--md-sys-typescale-emphasized-title-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-title-medium-size: 1rem;--md-sys-typescale-emphasized-title-medium-line-height: 1.5rem;--md-sys-typescale-emphasized-title-medium-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-title-medium-tracking: 0,009375rem;--md-sys-typescale-emphasized-title-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-title-small-size: 0.875rem;--md-sys-typescale-emphasized-title-small-line-height: 1.25rem;--md-sys-typescale-emphasized-title-small-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-title-small-tracking: 0.00625rem;--md-sys-typescale-emphasized-body-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-large-size: 1rem;--md-sys-typescale-emphasized-body-large-line-height: 1.5rem;--md-sys-typescale-emphasized-body-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-body-large-tracking: 0.03125rem;--md-sys-typescale-emphasized-body-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-medium-size: 0.875rem;--md-sys-typescale-emphasized-body-medium-line-height: 1.25rem;--md-sys-typescale-emphasized-body-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-body-medium-tracking: 0.015625rem;--md-sys-typescale-emphasized-body-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-small-size: 0.75rem;--md-sys-typescale-emphasized-body-small-line-height: 1rem;--md-sys-typescale-emphasized-body-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-body-small-tracking: 0.025rem;--md-sys-typescale-emphasized-label-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-large-size: 0.875rem;--md-sys-typescale-emphasized-label-large-line-height: 1.25rem;--md-sys-typescale-emphasized-label-large-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-label-large-tracking: 0.00625rem;--md-sys-typescale-emphasized-label-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-medium-size: 0.75rem;--md-sys-typescale-emphasized-label-medium-line-height: 1rem;--md-sys-typescale-emphasized-label-medium-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-label-medium-tracking: 0.03125rem;--md-sys-typescale-emphasized-label-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-small-size: 0.6875rem;--md-sys-typescale-emphasized-label-small-line-height: 1rem;--md-sys-typescale-emphasized-label-small-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-label-small-tracking: 0.03125rem}.md-sys-typescale-display-large{font-family:var(--md-sys-typescale-display-large-font);font-size:var(--md-sys-typescale-display-large-size);line-height:var(--md-sys-typescale-display-large-line-height);font-weight:var(--md-sys-typescale-display-large-weight);letter-spacing:var(--md-sys-typescale-display-large-tracking)}.md-sys-typescale-display-medium{font-family:var(--md-sys-typescale-display-medium-font);font-size:var(--md-sys-typescale-display-medium-size);line-height:var(--md-sys-typescale-display-medium-line-height);font-weight:var(--md-sys-typescale-display-medium-weight);letter-spacing:var(--md-sys-typescale-display-medium-tracking)}.md-sys-typescale-display-small{font-family:var(--md-sys-typescale-display-small-font);font-size:var(--md-sys-typescale-display-small-size);line-height:var(--md-sys-typescale-display-small-line-height);font-weight:var(--md-sys-typescale-display-small-weight);letter-spacing:var(--md-sys-typescale-display-small-tracking)}.md-sys-typescale-headline-large{font-family:var(--md-sys-typescale-headline-large-font);font-size:var(--md-sys-typescale-headline-large-size);line-height:var(--md-sys-typescale-headline-large-line-height);font-weight:var(--md-sys-typescale-headline-large-weight);letter-spacing:var(--md-sys-typescale-headline-large-tracking)}.md-sys-typescale-headline-medium{font-family:var(--md-sys-typescale-headline-medium-font);font-size:var(--md-sys-typescale-headline-medium-size);line-height:var(--md-sys-typescale-headline-medium-line-height);font-weight:var(--md-sys-typescale-headline-medium-weight);letter-spacing:var(--md-sys-typescale-headline-medium-tracking)}.md-sys-typescale-headline-small{font-family:var(--md-sys-typescale-headline-small-font);font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--md-sys-typescale-headline-small-line-height);font-weight:var(--md-sys-typescale-headline-small-weight);letter-spacing:var(--md-sys-typescale-headline-small-tracking)}.md-sys-typescale-title-large{font-family:var(--md-sys-typescale-title-large-font);font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height);font-weight:var(--md-sys-typescale-title-large-weight);letter-spacing:var(--md-sys-typescale-title-large-tracking)}.md-sys-typescale-title-medium{font-family:var(--md-sys-typescale-title-medium-font);font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height);font-weight:var(--md-sys-typescale-title-medium-weight);letter-spacing:var(--md-sys-typescale-title-medium-tracking)}.md-sys-typescale-title-small{font-family:var(--md-sys-typescale-title-small-font);font-size:var(--md-sys-typescale-title-small-size);line-height:var(--md-sys-typescale-title-small-line-height);font-weight:var(--md-sys-typescale-title-small-weight);letter-spacing:var(--md-sys-typescale-title-small-tracking)}.md-sys-typescale-body-large{font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);font-weight:var(--md-sys-typescale-body-large-weight);letter-spacing:var(--md-sys-typescale-body-large-tracking)}.md-sys-typescale-body-medium{font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height);font-weight:var(--md-sys-typescale-body-medium-weight);letter-spacing:var(--md-sys-typescale-body-medium-tracking)}.md-sys-typescale-body-small{font-family:var(--md-sys-typescale-body-small-font);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);font-weight:var(--md-sys-typescale-body-small-weight);letter-spacing:var(--md-sys-typescale-body-small-tracking)}.md-sys-typescale-label-large{font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);font-weight:var(--md-sys-typescale-label-large-weight);letter-spacing:var(--md-sys-typescale-label-large-tracking)}.md-sys-typescale-label-medium{font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height);font-weight:var(--md-sys-typescale-label-medium-weight);letter-spacing:var(--md-sys-typescale-label-medium-tracking)}.md-sys-typescale-label-small{font-family:var(--md-sys-typescale-label-small-font);font-size:var(--md-sys-typescale-label-small-size);line-height:var(--md-sys-typescale-label-small-line-height);font-weight:var(--md-sys-typescale-label-small-weight);letter-spacing:var(--md-sys-typescale-label-small-tracking)}.md-sys-typescale-emphasized-display-large{font-family:var(--md-sys-typescale-emphasized-display-large-font);font-size:var(--md-sys-typescale-emphasized-display-large-size);line-height:var(--md-sys-typescale-emphasized-display-large-line-height);font-weight:var(--md-sys-typescale-emphasized-display-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-display-large-tracking)}.md-sys-typescale-emphasized-display-medium{font-family:var(--md-sys-typescale-emphasized-display-medium-font);font-size:var(--md-sys-typescale-emphasized-display-medium-size);line-height:var(--md-sys-typescale-emphasized-display-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-display-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-display-medium-tracking)}.md-sys-typescale-emphasized-display-small{font-family:var(--md-sys-typescale-emphasized-display-small-font);font-size:var(--md-sys-typescale-emphasized-display-small-size);line-height:var(--md-sys-typescale-emphasized-display-small-line-height);font-weight:var(--md-sys-typescale-emphasized-display-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-display-small-tracking)}.md-sys-typescale-emphasized-headline-large{font-family:var(--md-sys-typescale-emphasized-headline-large-font);font-size:var(--md-sys-typescale-emphasized-headline-large-size);line-height:var(--md-sys-typescale-emphasized-headline-large-line-height);font-weight:var(--md-sys-typescale-emphasized-headline-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-headline-large-tracking)}.md-sys-typescale-emphasized-headline-medium{font-family:var(--md-sys-typescale-emphasized-headline-medium-font);font-size:var(--md-sys-typescale-emphasized-headline-medium-size);line-height:var(--md-sys-typescale-emphasized-headline-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-headline-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-headline-medium-tracking)}.md-sys-typescale-emphasized-headline-small{font-family:var(--md-sys-typescale-emphasized-headline-small-font);font-size:var(--md-sys-typescale-emphasized-headline-small-size);line-height:var(--md-sys-typescale-emphasized-headline-small-line-height);font-weight:var(--md-sys-typescale-emphasized-headline-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-headline-small-tracking)}.md-sys-typescale-emphasized-title-large{font-family:var(--md-sys-typescale-emphasized-title-large-font);font-size:var(--md-sys-typescale-emphasized-title-large-size);line-height:var(--md-sys-typescale-emphasized-title-large-line-height);font-weight:var(--md-sys-typescale-emphasized-title-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-title-large-tracking)}.md-sys-typescale-emphasized-title-medium{font-family:var(--md-sys-typescale-emphasized-title-medium-font);font-size:var(--md-sys-typescale-emphasized-title-medium-size);line-height:var(--md-sys-typescale-emphasized-title-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-title-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-title-medium-tracking)}.md-sys-typescale-emphasized-title-small{font-family:var(--md-sys-typescale-emphasized-title-small-font);font-size:var(--md-sys-typescale-emphasized-title-small-size);line-height:var(--md-sys-typescale-emphasized-title-small-line-height);font-weight:var(--md-sys-typescale-emphasized-title-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-title-small-tracking)}.md-sys-typescale-emphasized-body-large{font-family:var(--md-sys-typescale-emphasized-body-large-font);font-size:var(--md-sys-typescale-emphasized-body-large-size);line-height:var(--md-sys-typescale-emphasized-body-large-line-height);font-weight:var(--md-sys-typescale-emphasized-body-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-body-large-tracking)}.md-sys-typescale-emphasized-body-medium{font-family:var(--md-sys-typescale-emphasized-body-medium-font);font-size:var(--md-sys-typescale-emphasized-body-medium-size);line-height:var(--md-sys-typescale-emphasized-body-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-body-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-body-medium-tracking)}.md-sys-typescale-emphasized-body-small{font-family:var(--md-sys-typescale-emphasized-body-small-font);font-size:var(--md-sys-typescale-emphasized-body-small-size);line-height:var(--md-sys-typescale-emphasized-body-small-line-height);font-weight:var(--md-sys-typescale-emphasized-body-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-body-small-tracking)}.md-sys-typescale-emphasized-label-large{font-family:var(--md-sys-typescale-emphasized-label-large-font);font-size:var(--md-sys-typescale-emphasized-label-large-size);line-height:var(--md-sys-typescale-emphasized-label-large-line-height);font-weight:var(--md-sys-typescale-emphasized-label-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-label-large-tracking)}.md-sys-typescale-emphasized-label-medium{font-family:var(--md-sys-typescale-emphasized-label-medium-font);font-size:var(--md-sys-typescale-emphasized-label-medium-size);line-height:var(--md-sys-typescale-emphasized-label-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-label-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-label-medium-tracking)}.md-sys-typescale-emphasized-label-small{font-family:var(--md-sys-typescale-emphasized-label-small-font);font-size:var(--md-sys-typescale-emphasized-label-small-size);line-height:var(--md-sys-typescale-emphasized-label-small-line-height);font-weight:var(--md-sys-typescale-emphasized-label-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-label-small-tracking)}input[type=checkbox].micl-switch{--md-sys-switch-target-height: 32px;--md-sys-switch-target-width: 52px;--md-sys-switch-state-layer-size: 40px;--md-sys-switch-handle-size: 16px;--md-sys-switch-handle-selected-size: 24px;--md-sys-switch-handle-pressed-size: 28px;--md-sys-switch-unselected-icon: "+";--md-sys-switch-selected-icon: "¬";--md-sys-switch-outline-width: 2px;appearance:none;position:relative;width:var(--md-sys-switch-target-width);height:var(--md-sys-target-size);margin:0;border-radius:calc(var(--md-sys-switch-target-height)/2);outline:none}input[type=checkbox].micl-switch::before{content:"";box-sizing:border-box;display:block;width:var(--md-sys-switch-target-width);height:var(--md-sys-switch-target-height);margin-block:calc((var(--md-sys-target-size) - var(--md-sys-switch-target-height))/2);border:var(--md-sys-switch-outline-width) solid var(--md-sys-color-outline);border-radius:inherit;background-color:var(--md-sys-color-surface-container-highest);transition:background-color var(--md-sys-motion-duration-long4) cubic-bezier(0.2, 0, 0, 1)}input[type=checkbox].micl-switch::after{content:var(--md-sys-switch-unselected-icon);box-sizing:border-box;position:absolute;width:var(--md-sys-switch-state-layer-size);height:var(--md-sys-switch-state-layer-size);inset:0;inset-inline-start:-4px;margin:auto 0;font:300 1rem/1rem var(--md-ref-typeface-plain);color:var(--md-sys-color-surface-container-highest);text-align:center;background-color:var(--md-sys-color-outline);background-clip:content-box;border:calc((var(--md-sys-switch-state-layer-size) - var(--md-sys-switch-handle-size))/2) solid rgba(0,0,0,0);border-radius:var(--md-sys-shape-corner-full);transform:rotate(135deg);transition:inset-inline-start var(--md-sys-motion-duration-long4) linear(0, 0.00002, 0.0001, 0.00022 0.18%, 0.00043 0.25%, 0.00066, 0.00093, 0.00125 0.43%, 0.00169 0.5%, 0.00211, 0.00258, 0.00309 0.68%, 0.00375 0.75%, 0.00436 0.81%, 0.00512 0.88%, 0.00582 0.94%, 0.0067 1.01%, 0.00749 1.07%, 0.00847 1.14%, 0.00935 1.2%, 0.01043 1.27%, 0.0114 1.33%, 0.01259, 0.01382, 0.01511 1.54%, 0.01625 1.6%, 0.01764, 0.01907, 0.02055 1.81%, 0.02367, 0.02697, 0.03046, 0.03413, 0.03798 2.51%, 0.04228 2.66%, 0.04648 2.8%, 0.05115, 0.05599, 0.06101, 0.06619 3.4%, 0.0719 3.56%, 0.07741 3.71%, 0.08345, 0.08965, 0.09601, 0.10252 4.35%, 0.1096 4.52%, 0.12071, 0.13216 5.041%, 0.14438 5.311%, 0.15739 5.591%, 0.17117 5.881%, 0.18574 6.181%, 0.20109 6.491%, 0.21722 6.811%, 0.23153 7.091%, 0.24653 7.381%, 0.26273 7.691%, 0.28066 8.031%, 0.31582 8.691%, 0.38668 10.011%, 0.41715 10.581%, 0.44843 11.171%, 0.47671 11.711%, 0.49277 12.021%, 0.50817 12.321%, 0.52291, 0.5375 12.901%, 0.55143, 0.56521, 0.57882 13.741%, 0.59178 14.011%, 0.60645, 0.6209, 0.63511 14.941%, 0.64864, 0.66194, 0.67499, 0.68781, 0.70039, 0.71271 16.742%, 0.72439 17.032%, 0.73622 17.332%, 0.74741 17.622%, 0.75874 17.922%, 0.76944, 0.7799, 0.79012 18.792%, 0.80043, 0.81049, 0.82028, 0.82982, 0.8391 20.292%, 0.84364, 0.84812, 0.85254, 0.85689, 0.86118, 0.86541, 0.86957, 0.87367, 0.87771 21.642%, 0.88195 21.802%, 0.88586, 0.88971, 0.8935 22.252%, 0.89747 22.412%, 0.90113 22.562%, 0.90498 22.722%, 0.90852 22.872%, 0.91223 23.032%, 0.91564 23.182%, 0.91923 23.342%, 0.92252 23.492%, 0.92598 23.652%, 0.92916 23.802%, 0.93249, 0.93575, 0.93895 24.282%, 0.9419 24.432%, 0.94498, 0.948, 0.95095, 0.95385, 0.95669, 0.95947 25.393%, 0.96235 25.563%, 0.96501, 0.96761, 0.97015 26.043%, 0.97279 26.213%, 0.97521 26.373%, 0.97773 26.543%, 0.98005 26.703%, 0.98244 26.873%, 0.98465 27.033%, 0.98693, 0.98915, 0.99132, 0.99343, 0.99548, 0.99748, 0.99942, 1.00131 28.393%, 1.00325 28.573%, 1.00503 28.743%, 1.00686 28.923%, 1.00921, 1.01146, 1.01361 29.643%, 1.01575, 1.01779, 1.01973, 1.02158, 1.02333, 1.02499 31.143%, 1.02582, 1.02662 31.403%, 1.02816, 1.02961, 1.03097 32.183%, 1.03162 32.313%, 1.03229 32.453%, 1.03289 32.583%, 1.03352, 1.03412, 1.0347 33.003%, 1.03576 33.273%, 1.03627, 1.03677 33.553%, 1.03769 33.833%, 1.03812 33.973%, 1.03856 34.123%, 1.03895 34.263%, 1.03934 34.413%, 1.04004, 1.04067 34.993%, 1.04123, 1.04172 35.594%, 1.04215, 1.0425 36.214%, 1.04278, 1.04299 36.854%, 1.04313 37.184%, 1.0432, 1.04321 37.864%, 1.04317 38.104%, 1.04309, 1.04298 38.604%, 1.04283, 1.04265 39.124%, 1.04243, 1.04218, 1.04189 39.934%, 1.04157, 1.04121 40.494%, 1.04082 40.784%, 1.04038 41.084%, 1.03989, 1.03938 41.704%, 1.03883 42.024%, 1.03823 42.354%, 1.03724 42.874%, 1.03616 43.414%, 1.03494 43.994%, 1.03357 44.624%, 1.03232 45.185%, 1.03091 45.805%, 1.02541 48.185%, 1.02303 49.225%, 1.02063 50.305%, 1.01952 50.815%, 1.01848 51.305%, 1.01734 51.855%, 1.01625 52.395%, 1.01521, 1.0142 53.455%, 1.01325 53.975%, 1.01234, 1.01146, 1.01061 55.506%, 1.00983, 1.00908, 1.00836, 1.00766, 1.007 57.956%, 1.00635 58.456%, 1.00575 58.946%, 1.00516, 1.00461, 1.00408 60.446%, 1.00357, 1.00309, 1.00264 61.976%, 1.00221 62.496%, 1.0018, 1.00142 63.556%, 1.00104 64.116%, 1.00069 64.686%, 1.00036 65.267%, 1.00006 65.857%, 0.99978 66.457%, 0.99952 67.067%, 0.99929 67.687%, 0.99908 68.317%, 0.99889 68.957%, 0.99872 69.617%, 0.99858 70.297%, 0.99845 70.987%, 0.99835 71.697%, 0.99827 72.427%, 0.9982 73.187%, 0.99816 73.967%, 0.99813 75.068%, 0.99814 76.248%, 0.99818 77.508%, 0.99826 78.888%, 0.99847 81.478%, 0.99913 88.249%, 0.99944 91.849%, 0.99959, 0.99971 95.87%, 0.99981 97.91%, 0.9999),border-width var(--md-sys-motion-duration-long4) linear(0, 0.00002, 0.0001, 0.00022 0.18%, 0.00043 0.25%, 0.00066, 0.00093, 0.00125 0.43%, 0.00169 0.5%, 0.00211, 0.00258, 0.00309 0.68%, 0.00375 0.75%, 0.00436 0.81%, 0.00512 0.88%, 0.00582 0.94%, 0.0067 1.01%, 0.00749 1.07%, 0.00847 1.14%, 0.00935 1.2%, 0.01043 1.27%, 0.0114 1.33%, 0.01259, 0.01382, 0.01511 1.54%, 0.01625 1.6%, 0.01764, 0.01907, 0.02055 1.81%, 0.02367, 0.02697, 0.03046, 0.03413, 0.03798 2.51%, 0.04228 2.66%, 0.04648 2.8%, 0.05115, 0.05599, 0.06101, 0.06619 3.4%, 0.0719 3.56%, 0.07741 3.71%, 0.08345, 0.08965, 0.09601, 0.10252 4.35%, 0.1096 4.52%, 0.12071, 0.13216 5.041%, 0.14438 5.311%, 0.15739 5.591%, 0.17117 5.881%, 0.18574 6.181%, 0.20109 6.491%, 0.21722 6.811%, 0.23153 7.091%, 0.24653 7.381%, 0.26273 7.691%, 0.28066 8.031%, 0.31582 8.691%, 0.38668 10.011%, 0.41715 10.581%, 0.44843 11.171%, 0.47671 11.711%, 0.49277 12.021%, 0.50817 12.321%, 0.52291, 0.5375 12.901%, 0.55143, 0.56521, 0.57882 13.741%, 0.59178 14.011%, 0.60645, 0.6209, 0.63511 14.941%, 0.64864, 0.66194, 0.67499, 0.68781, 0.70039, 0.71271 16.742%, 0.72439 17.032%, 0.73622 17.332%, 0.74741 17.622%, 0.75874 17.922%, 0.76944, 0.7799, 0.79012 18.792%, 0.80043, 0.81049, 0.82028, 0.82982, 0.8391 20.292%, 0.84364, 0.84812, 0.85254, 0.85689, 0.86118, 0.86541, 0.86957, 0.87367, 0.87771 21.642%, 0.88195 21.802%, 0.88586, 0.88971, 0.8935 22.252%, 0.89747 22.412%, 0.90113 22.562%, 0.90498 22.722%, 0.90852 22.872%, 0.91223 23.032%, 0.91564 23.182%, 0.91923 23.342%, 0.92252 23.492%, 0.92598 23.652%, 0.92916 23.802%, 0.93249, 0.93575, 0.93895 24.282%, 0.9419 24.432%, 0.94498, 0.948, 0.95095, 0.95385, 0.95669, 0.95947 25.393%, 0.96235 25.563%, 0.96501, 0.96761, 0.97015 26.043%, 0.97279 26.213%, 0.97521 26.373%, 0.97773 26.543%, 0.98005 26.703%, 0.98244 26.873%, 0.98465 27.033%, 0.98693, 0.98915, 0.99132, 0.99343, 0.99548, 0.99748, 0.99942, 1.00131 28.393%, 1.00325 28.573%, 1.00503 28.743%, 1.00686 28.923%, 1.00921, 1.01146, 1.01361 29.643%, 1.01575, 1.01779, 1.01973, 1.02158, 1.02333, 1.02499 31.143%, 1.02582, 1.02662 31.403%, 1.02816, 1.02961, 1.03097 32.183%, 1.03162 32.313%, 1.03229 32.453%, 1.03289 32.583%, 1.03352, 1.03412, 1.0347 33.003%, 1.03576 33.273%, 1.03627, 1.03677 33.553%, 1.03769 33.833%, 1.03812 33.973%, 1.03856 34.123%, 1.03895 34.263%, 1.03934 34.413%, 1.04004, 1.04067 34.993%, 1.04123, 1.04172 35.594%, 1.04215, 1.0425 36.214%, 1.04278, 1.04299 36.854%, 1.04313 37.184%, 1.0432, 1.04321 37.864%, 1.04317 38.104%, 1.04309, 1.04298 38.604%, 1.04283, 1.04265 39.124%, 1.04243, 1.04218, 1.04189 39.934%, 1.04157, 1.04121 40.494%, 1.04082 40.784%, 1.04038 41.084%, 1.03989, 1.03938 41.704%, 1.03883 42.024%, 1.03823 42.354%, 1.03724 42.874%, 1.03616 43.414%, 1.03494 43.994%, 1.03357 44.624%, 1.03232 45.185%, 1.03091 45.805%, 1.02541 48.185%, 1.02303 49.225%, 1.02063 50.305%, 1.01952 50.815%, 1.01848 51.305%, 1.01734 51.855%, 1.01625 52.395%, 1.01521, 1.0142 53.455%, 1.01325 53.975%, 1.01234, 1.01146, 1.01061 55.506%, 1.00983, 1.00908, 1.00836, 1.00766, 1.007 57.956%, 1.00635 58.456%, 1.00575 58.946%, 1.00516, 1.00461, 1.00408 60.446%, 1.00357, 1.00309, 1.00264 61.976%, 1.00221 62.496%, 1.0018, 1.00142 63.556%, 1.00104 64.116%, 1.00069 64.686%, 1.00036 65.267%, 1.00006 65.857%, 0.99978 66.457%, 0.99952 67.067%, 0.99929 67.687%, 0.99908 68.317%, 0.99889 68.957%, 0.99872 69.617%, 0.99858 70.297%, 0.99845 70.987%, 0.99835 71.697%, 0.99827 72.427%, 0.9982 73.187%, 0.99816 73.967%, 0.99813 75.068%, 0.99814 76.248%, 0.99818 77.508%, 0.99826 78.888%, 0.99847 81.478%, 0.99913 88.249%, 0.99944 91.849%, 0.99959, 0.99971 95.87%, 0.99981 97.91%, 0.9999),font-size var(--md-sys-motion-duration-long4) linear(0, 0.00002, 0.0001, 0.00022 0.18%, 0.00043 0.25%, 0.00066, 0.00093, 0.00125 0.43%, 0.00169 0.5%, 0.00211, 0.00258, 0.00309 0.68%, 0.00375 0.75%, 0.00436 0.81%, 0.00512 0.88%, 0.00582 0.94%, 0.0067 1.01%, 0.00749 1.07%, 0.00847 1.14%, 0.00935 1.2%, 0.01043 1.27%, 0.0114 1.33%, 0.01259, 0.01382, 0.01511 1.54%, 0.01625 1.6%, 0.01764, 0.01907, 0.02055 1.81%, 0.02367, 0.02697, 0.03046, 0.03413, 0.03798 2.51%, 0.04228 2.66%, 0.04648 2.8%, 0.05115, 0.05599, 0.06101, 0.06619 3.4%, 0.0719 3.56%, 0.07741 3.71%, 0.08345, 0.08965, 0.09601, 0.10252 4.35%, 0.1096 4.52%, 0.12071, 0.13216 5.041%, 0.14438 5.311%, 0.15739 5.591%, 0.17117 5.881%, 0.18574 6.181%, 0.20109 6.491%, 0.21722 6.811%, 0.23153 7.091%, 0.24653 7.381%, 0.26273 7.691%, 0.28066 8.031%, 0.31582 8.691%, 0.38668 10.011%, 0.41715 10.581%, 0.44843 11.171%, 0.47671 11.711%, 0.49277 12.021%, 0.50817 12.321%, 0.52291, 0.5375 12.901%, 0.55143, 0.56521, 0.57882 13.741%, 0.59178 14.011%, 0.60645, 0.6209, 0.63511 14.941%, 0.64864, 0.66194, 0.67499, 0.68781, 0.70039, 0.71271 16.742%, 0.72439 17.032%, 0.73622 17.332%, 0.74741 17.622%, 0.75874 17.922%, 0.76944, 0.7799, 0.79012 18.792%, 0.80043, 0.81049, 0.82028, 0.82982, 0.8391 20.292%, 0.84364, 0.84812, 0.85254, 0.85689, 0.86118, 0.86541, 0.86957, 0.87367, 0.87771 21.642%, 0.88195 21.802%, 0.88586, 0.88971, 0.8935 22.252%, 0.89747 22.412%, 0.90113 22.562%, 0.90498 22.722%, 0.90852 22.872%, 0.91223 23.032%, 0.91564 23.182%, 0.91923 23.342%, 0.92252 23.492%, 0.92598 23.652%, 0.92916 23.802%, 0.93249, 0.93575, 0.93895 24.282%, 0.9419 24.432%, 0.94498, 0.948, 0.95095, 0.95385, 0.95669, 0.95947 25.393%, 0.96235 25.563%, 0.96501, 0.96761, 0.97015 26.043%, 0.97279 26.213%, 0.97521 26.373%, 0.97773 26.543%, 0.98005 26.703%, 0.98244 26.873%, 0.98465 27.033%, 0.98693, 0.98915, 0.99132, 0.99343, 0.99548, 0.99748, 0.99942, 1.00131 28.393%, 1.00325 28.573%, 1.00503 28.743%, 1.00686 28.923%, 1.00921, 1.01146, 1.01361 29.643%, 1.01575, 1.01779, 1.01973, 1.02158, 1.02333, 1.02499 31.143%, 1.02582, 1.02662 31.403%, 1.02816, 1.02961, 1.03097 32.183%, 1.03162 32.313%, 1.03229 32.453%, 1.03289 32.583%, 1.03352, 1.03412, 1.0347 33.003%, 1.03576 33.273%, 1.03627, 1.03677 33.553%, 1.03769 33.833%, 1.03812 33.973%, 1.03856 34.123%, 1.03895 34.263%, 1.03934 34.413%, 1.04004, 1.04067 34.993%, 1.04123, 1.04172 35.594%, 1.04215, 1.0425 36.214%, 1.04278, 1.04299 36.854%, 1.04313 37.184%, 1.0432, 1.04321 37.864%, 1.04317 38.104%, 1.04309, 1.04298 38.604%, 1.04283, 1.04265 39.124%, 1.04243, 1.04218, 1.04189 39.934%, 1.04157, 1.04121 40.494%, 1.04082 40.784%, 1.04038 41.084%, 1.03989, 1.03938 41.704%, 1.03883 42.024%, 1.03823 42.354%, 1.03724 42.874%, 1.03616 43.414%, 1.03494 43.994%, 1.03357 44.624%, 1.03232 45.185%, 1.03091 45.805%, 1.02541 48.185%, 1.02303 49.225%, 1.02063 50.305%, 1.01952 50.815%, 1.01848 51.305%, 1.01734 51.855%, 1.01625 52.395%, 1.01521, 1.0142 53.455%, 1.01325 53.975%, 1.01234, 1.01146, 1.01061 55.506%, 1.00983, 1.00908, 1.00836, 1.00766, 1.007 57.956%, 1.00635 58.456%, 1.00575 58.946%, 1.00516, 1.00461, 1.00408 60.446%, 1.00357, 1.00309, 1.00264 61.976%, 1.00221 62.496%, 1.0018, 1.00142 63.556%, 1.00104 64.116%, 1.00069 64.686%, 1.00036 65.267%, 1.00006 65.857%, 0.99978 66.457%, 0.99952 67.067%, 0.99929 67.687%, 0.99908 68.317%, 0.99889 68.957%, 0.99872 69.617%, 0.99858 70.297%, 0.99845 70.987%, 0.99835 71.697%, 0.99827 72.427%, 0.9982 73.187%, 0.99816 73.967%, 0.99813 75.068%, 0.99814 76.248%, 0.99818 77.508%, 0.99826 78.888%, 0.99847 81.478%, 0.99913 88.249%, 0.99944 91.849%, 0.99959, 0.99971 95.87%, 0.99981 97.91%, 0.9999),line-height var(--md-sys-motion-duration-long4) linear(0, 0.00002, 0.0001, 0.00022 0.18%, 0.00043 0.25%, 0.00066, 0.00093, 0.00125 0.43%, 0.00169 0.5%, 0.00211, 0.00258, 0.00309 0.68%, 0.00375 0.75%, 0.00436 0.81%, 0.00512 0.88%, 0.00582 0.94%, 0.0067 1.01%, 0.00749 1.07%, 0.00847 1.14%, 0.00935 1.2%, 0.01043 1.27%, 0.0114 1.33%, 0.01259, 0.01382, 0.01511 1.54%, 0.01625 1.6%, 0.01764, 0.01907, 0.02055 1.81%, 0.02367, 0.02697, 0.03046, 0.03413, 0.03798 2.51%, 0.04228 2.66%, 0.04648 2.8%, 0.05115, 0.05599, 0.06101, 0.06619 3.4%, 0.0719 3.56%, 0.07741 3.71%, 0.08345, 0.08965, 0.09601, 0.10252 4.35%, 0.1096 4.52%, 0.12071, 0.13216 5.041%, 0.14438 5.311%, 0.15739 5.591%, 0.17117 5.881%, 0.18574 6.181%, 0.20109 6.491%, 0.21722 6.811%, 0.23153 7.091%, 0.24653 7.381%, 0.26273 7.691%, 0.28066 8.031%, 0.31582 8.691%, 0.38668 10.011%, 0.41715 10.581%, 0.44843 11.171%, 0.47671 11.711%, 0.49277 12.021%, 0.50817 12.321%, 0.52291, 0.5375 12.901%, 0.55143, 0.56521, 0.57882 13.741%, 0.59178 14.011%, 0.60645, 0.6209, 0.63511 14.941%, 0.64864, 0.66194, 0.67499, 0.68781, 0.70039, 0.71271 16.742%, 0.72439 17.032%, 0.73622 17.332%, 0.74741 17.622%, 0.75874 17.922%, 0.76944, 0.7799, 0.79012 18.792%, 0.80043, 0.81049, 0.82028, 0.82982, 0.8391 20.292%, 0.84364, 0.84812, 0.85254, 0.85689, 0.86118, 0.86541, 0.86957, 0.87367, 0.87771 21.642%, 0.88195 21.802%, 0.88586, 0.88971, 0.8935 22.252%, 0.89747 22.412%, 0.90113 22.562%, 0.90498 22.722%, 0.90852 22.872%, 0.91223 23.032%, 0.91564 23.182%, 0.91923 23.342%, 0.92252 23.492%, 0.92598 23.652%, 0.92916 23.802%, 0.93249, 0.93575, 0.93895 24.282%, 0.9419 24.432%, 0.94498, 0.948, 0.95095, 0.95385, 0.95669, 0.95947 25.393%, 0.96235 25.563%, 0.96501, 0.96761, 0.97015 26.043%, 0.97279 26.213%, 0.97521 26.373%, 0.97773 26.543%, 0.98005 26.703%, 0.98244 26.873%, 0.98465 27.033%, 0.98693, 0.98915, 0.99132, 0.99343, 0.99548, 0.99748, 0.99942, 1.00131 28.393%, 1.00325 28.573%, 1.00503 28.743%, 1.00686 28.923%, 1.00921, 1.01146, 1.01361 29.643%, 1.01575, 1.01779, 1.01973, 1.02158, 1.02333, 1.02499 31.143%, 1.02582, 1.02662 31.403%, 1.02816, 1.02961, 1.03097 32.183%, 1.03162 32.313%, 1.03229 32.453%, 1.03289 32.583%, 1.03352, 1.03412, 1.0347 33.003%, 1.03576 33.273%, 1.03627, 1.03677 33.553%, 1.03769 33.833%, 1.03812 33.973%, 1.03856 34.123%, 1.03895 34.263%, 1.03934 34.413%, 1.04004, 1.04067 34.993%, 1.04123, 1.04172 35.594%, 1.04215, 1.0425 36.214%, 1.04278, 1.04299 36.854%, 1.04313 37.184%, 1.0432, 1.04321 37.864%, 1.04317 38.104%, 1.04309, 1.04298 38.604%, 1.04283, 1.04265 39.124%, 1.04243, 1.04218, 1.04189 39.934%, 1.04157, 1.04121 40.494%, 1.04082 40.784%, 1.04038 41.084%, 1.03989, 1.03938 41.704%, 1.03883 42.024%, 1.03823 42.354%, 1.03724 42.874%, 1.03616 43.414%, 1.03494 43.994%, 1.03357 44.624%, 1.03232 45.185%, 1.03091 45.805%, 1.02541 48.185%, 1.02303 49.225%, 1.02063 50.305%, 1.01952 50.815%, 1.01848 51.305%, 1.01734 51.855%, 1.01625 52.395%, 1.01521, 1.0142 53.455%, 1.01325 53.975%, 1.01234, 1.01146, 1.01061 55.506%, 1.00983, 1.00908, 1.00836, 1.00766, 1.007 57.956%, 1.00635 58.456%, 1.00575 58.946%, 1.00516, 1.00461, 1.00408 60.446%, 1.00357, 1.00309, 1.00264 61.976%, 1.00221 62.496%, 1.0018, 1.00142 63.556%, 1.00104 64.116%, 1.00069 64.686%, 1.00036 65.267%, 1.00006 65.857%, 0.99978 66.457%, 0.99952 67.067%, 0.99929 67.687%, 0.99908 68.317%, 0.99889 68.957%, 0.99872 69.617%, 0.99858 70.297%, 0.99845 70.987%, 0.99835 71.697%, 0.99827 72.427%, 0.9982 73.187%, 0.99816 73.967%, 0.99813 75.068%, 0.99814 76.248%, 0.99818 77.508%, 0.99826 78.888%, 0.99847 81.478%, 0.99913 88.249%, 0.99944 91.849%, 0.99959, 0.99971 95.87%, 0.99981 97.91%, 0.9999),color var(--md-sys-motion-duration-long4) cubic-bezier(0.2, 0, 0, 1),border-color var(--md-sys-motion-duration-long4) cubic-bezier(0.2, 0, 0, 1),background-color var(--md-sys-motion-duration-long4) cubic-bezier(0.2, 0, 0, 1)}input[type=checkbox].micl-switch:checked::before{background-color:var(--md-sys-color-primary)}input[type=checkbox].micl-switch:checked::after{content:var(--md-sys-switch-selected-icon);inset-inline-start:16px;font-size:2rem;line-height:1.4rem;border:calc((var(--md-sys-switch-state-layer-size) - var(--md-sys-switch-handle-selected-size))/2) solid rgba(0,0,0,0);color:var(--md-sys-color-on-primary-container);background-color:var(--md-sys-color-on-primary)}input[type=checkbox].micl-switch:not(:disabled){cursor:pointer}input[type=checkbox].micl-switch:not(:disabled):hover::after{border-color:color-mix(in srgb, var(--md-sys-color-on-surface) var(--md-sys-state-hover-state-layer-opacity), transparent);background-color:var(--md-sys-color-on-surface-variant)}input[type=checkbox].micl-switch:not(:disabled):hover:checked::after{border-color:color-mix(in srgb, var(--md-sys-color-primary) var(--md-sys-state-hover-state-layer-opacity), transparent);background-color:var(--md-sys-color-primary-container)}input[type=checkbox].micl-switch:not(:disabled):focus-visible::after{border-color:color-mix(in srgb, var(--md-sys-color-on-surface) var(--md-sys-state-focus-state-layer-opacity), transparent)}input[type=checkbox].micl-switch:not(:disabled):focus-visible::before{outline:var(--md-sys-state-focus-indicator-thickness) solid var(--md-sys-color-secondary);outline-offset:2px}input[type=checkbox].micl-switch:not(:disabled):focus-visible:checked::after{border-color:color-mix(in srgb, var(--md-sys-color-primary) var(--md-sys-state-focus-state-layer-opacity), transparent);background-color:var(--md-sys-color-primary-container)}input[type=checkbox].micl-switch:not(:disabled):focus-visible:not(:checked)::after{background-color:var(--md-sys-color-on-surface-variant)}input[type=checkbox].micl-switch:not(:disabled):active::after{font-size:2rem;line-height:1.7rem;border:calc((var(--md-sys-switch-state-layer-size) - var(--md-sys-switch-handle-pressed-size))/2) solid rgba(0,0,0,0);background-color:var(--md-sys-color-on-surface-variant)}input[type=checkbox].micl-switch:not(:disabled):active:checked::after{line-height:1.7rem;border-width:calc((var(--md-sys-switch-state-layer-size) - var(--md-sys-switch-handle-pressed-size))/2);border-color:color-mix(in srgb, var(--md-sys-color-primary) var(--md-sys-state-pressed-state-layer-opacity), transparent);background-color:var(--md-sys-color-primary-container)}input[type=checkbox].micl-switch:not(:disabled):active:not(:checked)::after{inset-inline-start:-4px;border-color:color-mix(in srgb, var(--md-sys-color-on-surface) var(--md-sys-state-pressed-state-layer-opacity), transparent)}input[type=checkbox].micl-switch:disabled::before{border-color:var(--md-sys-color-on-surface);background-color:var(--md-sys-color-surface-container-highest);opacity:12%}input[type=checkbox].micl-switch:disabled:checked::before{background-color:var(--md-sys-color-on-surface);opacity:12%}input[type=checkbox].micl-switch:disabled::after{color:color-mix(in srgb, var(--md-sys-color-surface-container-highest) 38%, transparent);background-color:var(--md-sys-color-on-surface);opacity:38%}input[type=checkbox].micl-switch:disabled:checked::after{color:color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent);background-color:var(--md-sys-color-surface);opacity:100%}input[type=checkbox].micl-switch:not(:disabled)+label,label:has(+input[type=checkbox].micl-switch:not(:disabled)){cursor:pointer}input[type=checkbox].micl-switch+label,label:has(+input[type=checkbox].micl-switch){color:var(--md-sys-color-on-surface)}[dir=rtl] input[type=checkbox].micl-switch::after{transform:rotate(45deg) scaleY(-1)}
|
package/dist/switch.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
!function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports.micl=o():e.micl=o()}(self,()=>(()=>{"use strict";var e={};return(e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})})(e),e})());
|
package/dist/textfield.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--md-sys-motion-duration-short1: 50ms;--md-sys-motion-duration-short2: 100ms;--md-sys-motion-duration-short3: 150ms;--md-sys-motion-duration-short4: 200ms;--md-sys-motion-duration-medium1: 250ms;--md-sys-motion-duration-medium2: 300ms;--md-sys-motion-duration-medium3: 350ms;--md-sys-motion-duration-medium4: 400ms;--md-sys-motion-duration-long1: 450ms;--md-sys-motion-duration-long2: 500ms;--md-sys-motion-duration-long3: 550ms;--md-sys-motion-duration-long4: 600ms;--md-sys-motion-duration-extra-long1: 700ms;--md-sys-motion-duration-extra-long2: 800ms;--md-sys-motion-duration-extra-long3: 900ms;--md-sys-motion-duration-extra-long4: 1000ms}:root{--md-ref-typeface-plain: Roboto, system-ui, sans-serif;--md-ref-typeface-brand: Roboto, system-ui, sans-serif;--md-ref-typeface-weight-regular: 400;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-bold: 700;--md-sys-typescale-display-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-large-size: 3.5625rem;--md-sys-typescale-display-large-line-height: 4rem;--md-sys-typescale-display-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-large-tracking: -0.015625rem;--md-sys-typescale-display-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-medium-size: 2.8125rem;--md-sys-typescale-display-medium-line-height: 3.25rem;--md-sys-typescale-display-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-medium-tracking: 0;--md-sys-typescale-display-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-small-size: 2.25rem;--md-sys-typescale-display-small-line-height: 2.75rem;--md-sys-typescale-display-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-small-tracking: 0;--md-sys-typescale-headline-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-large-size: 2rem;--md-sys-typescale-headline-large-line-height: 2.5rem;--md-sys-typescale-headline-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-large-tracking: 0;--md-sys-typescale-headline-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-medium-size: 1.75rem;--md-sys-typescale-headline-medium-line-height: 2.25rem;--md-sys-typescale-headline-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-medium-tracking: 0;--md-sys-typescale-headline-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-small-size: 1.5rem;--md-sys-typescale-headline-small-line-height: 2rem;--md-sys-typescale-headline-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-small-tracking: 0;--md-sys-typescale-title-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-title-large-size: 1.375rem;--md-sys-typescale-title-large-line-height: 1.75rem;--md-sys-typescale-title-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-title-large-tracking: 0;--md-sys-typescale-title-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-title-medium-size: 1rem;--md-sys-typescale-title-medium-line-height: 1.5rem;--md-sys-typescale-title-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-title-medium-tracking: 0,009375rem;--md-sys-typescale-title-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-title-small-size: 0.875rem;--md-sys-typescale-title-small-line-height: 1.25rem;--md-sys-typescale-title-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-title-small-tracking: 0.00625rem;--md-sys-typescale-body-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-large-size: 1rem;--md-sys-typescale-body-large-line-height: 1.5rem;--md-sys-typescale-body-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-large-tracking: 0.03125rem;--md-sys-typescale-body-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-medium-size: 0.875rem;--md-sys-typescale-body-medium-line-height: 1.25rem;--md-sys-typescale-body-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-medium-tracking: 0.015625rem;--md-sys-typescale-body-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-small-size: 0.75rem;--md-sys-typescale-body-small-line-height: 1rem;--md-sys-typescale-body-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-small-tracking: 0.025rem;--md-sys-typescale-label-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-large-size: 0.875rem;--md-sys-typescale-label-large-line-height: 1.25rem;--md-sys-typescale-label-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-large-tracking: 0.00625rem;--md-sys-typescale-label-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-medium-size: 0.75rem;--md-sys-typescale-label-medium-line-height: 1rem;--md-sys-typescale-label-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-medium-tracking: 0.03125rem;--md-sys-typescale-label-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-small-size: 0.6875rem;--md-sys-typescale-label-small-line-height: 1rem;--md-sys-typescale-label-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-small-tracking: 0.03125rem;--md-sys-typescale-emphasized-display-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-large-size: 3.5625rem;--md-sys-typescale-emphasized-display-large-line-height: 4rem;--md-sys-typescale-emphasized-display-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-display-large-tracking: -0.015625rem;--md-sys-typescale-emphasized-display-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-medium-size: 2.8125rem;--md-sys-typescale-emphasized-display-medium-line-height: 3.25rem;--md-sys-typescale-emphasized-display-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-display-medium-tracking: 0;--md-sys-typescale-emphasized-display-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-small-size: 2.25rem;--md-sys-typescale-emphasized-display-small-line-height: 2.75rem;--md-sys-typescale-emphasized-display-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-display-small-tracking: 0;--md-sys-typescale-emphasized-headline-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-large-size: 2rem;--md-sys-typescale-emphasized-headline-large-line-height: 2.5rem;--md-sys-typescale-emphasized-headline-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-headline-large-tracking: 0;--md-sys-typescale-emphasized-headline-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-medium-size: 1.75rem;--md-sys-typescale-emphasized-headline-medium-line-height: 2.25rem;--md-sys-typescale-emphasized-headline-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-headline-medium-tracking: 0;--md-sys-typescale-emphasized-headline-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-small-size: 1.5rem;--md-sys-typescale-emphasized-headline-small-line-height: 2rem;--md-sys-typescale-emphasized-headline-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-headline-small-tracking: 0;--md-sys-typescale-emphasized-title-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-title-large-size: 1.375rem;--md-sys-typescale-emphasized-title-large-line-height: 1.75rem;--md-sys-typescale-emphasized-title-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-title-large-tracking: 0;--md-sys-typescale-emphasized-title-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-title-medium-size: 1rem;--md-sys-typescale-emphasized-title-medium-line-height: 1.5rem;--md-sys-typescale-emphasized-title-medium-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-title-medium-tracking: 0,009375rem;--md-sys-typescale-emphasized-title-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-title-small-size: 0.875rem;--md-sys-typescale-emphasized-title-small-line-height: 1.25rem;--md-sys-typescale-emphasized-title-small-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-title-small-tracking: 0.00625rem;--md-sys-typescale-emphasized-body-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-large-size: 1rem;--md-sys-typescale-emphasized-body-large-line-height: 1.5rem;--md-sys-typescale-emphasized-body-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-body-large-tracking: 0.03125rem;--md-sys-typescale-emphasized-body-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-medium-size: 0.875rem;--md-sys-typescale-emphasized-body-medium-line-height: 1.25rem;--md-sys-typescale-emphasized-body-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-body-medium-tracking: 0.015625rem;--md-sys-typescale-emphasized-body-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-small-size: 0.75rem;--md-sys-typescale-emphasized-body-small-line-height: 1rem;--md-sys-typescale-emphasized-body-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-body-small-tracking: 0.025rem;--md-sys-typescale-emphasized-label-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-large-size: 0.875rem;--md-sys-typescale-emphasized-label-large-line-height: 1.25rem;--md-sys-typescale-emphasized-label-large-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-label-large-tracking: 0.00625rem;--md-sys-typescale-emphasized-label-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-medium-size: 0.75rem;--md-sys-typescale-emphasized-label-medium-line-height: 1rem;--md-sys-typescale-emphasized-label-medium-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-label-medium-tracking: 0.03125rem;--md-sys-typescale-emphasized-label-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-small-size: 0.6875rem;--md-sys-typescale-emphasized-label-small-line-height: 1rem;--md-sys-typescale-emphasized-label-small-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-label-small-tracking: 0.03125rem}.md-sys-typescale-display-large{font-family:var(--md-sys-typescale-display-large-font);font-size:var(--md-sys-typescale-display-large-size);line-height:var(--md-sys-typescale-display-large-line-height);font-weight:var(--md-sys-typescale-display-large-weight);letter-spacing:var(--md-sys-typescale-display-large-tracking)}.md-sys-typescale-display-medium{font-family:var(--md-sys-typescale-display-medium-font);font-size:var(--md-sys-typescale-display-medium-size);line-height:var(--md-sys-typescale-display-medium-line-height);font-weight:var(--md-sys-typescale-display-medium-weight);letter-spacing:var(--md-sys-typescale-display-medium-tracking)}.md-sys-typescale-display-small{font-family:var(--md-sys-typescale-display-small-font);font-size:var(--md-sys-typescale-display-small-size);line-height:var(--md-sys-typescale-display-small-line-height);font-weight:var(--md-sys-typescale-display-small-weight);letter-spacing:var(--md-sys-typescale-display-small-tracking)}.md-sys-typescale-headline-large{font-family:var(--md-sys-typescale-headline-large-font);font-size:var(--md-sys-typescale-headline-large-size);line-height:var(--md-sys-typescale-headline-large-line-height);font-weight:var(--md-sys-typescale-headline-large-weight);letter-spacing:var(--md-sys-typescale-headline-large-tracking)}.md-sys-typescale-headline-medium{font-family:var(--md-sys-typescale-headline-medium-font);font-size:var(--md-sys-typescale-headline-medium-size);line-height:var(--md-sys-typescale-headline-medium-line-height);font-weight:var(--md-sys-typescale-headline-medium-weight);letter-spacing:var(--md-sys-typescale-headline-medium-tracking)}.md-sys-typescale-headline-small{font-family:var(--md-sys-typescale-headline-small-font);font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--md-sys-typescale-headline-small-line-height);font-weight:var(--md-sys-typescale-headline-small-weight);letter-spacing:var(--md-sys-typescale-headline-small-tracking)}.md-sys-typescale-title-large{font-family:var(--md-sys-typescale-title-large-font);font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height);font-weight:var(--md-sys-typescale-title-large-weight);letter-spacing:var(--md-sys-typescale-title-large-tracking)}.md-sys-typescale-title-medium{font-family:var(--md-sys-typescale-title-medium-font);font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height);font-weight:var(--md-sys-typescale-title-medium-weight);letter-spacing:var(--md-sys-typescale-title-medium-tracking)}.md-sys-typescale-title-small{font-family:var(--md-sys-typescale-title-small-font);font-size:var(--md-sys-typescale-title-small-size);line-height:var(--md-sys-typescale-title-small-line-height);font-weight:var(--md-sys-typescale-title-small-weight);letter-spacing:var(--md-sys-typescale-title-small-tracking)}.md-sys-typescale-body-large{font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);font-weight:var(--md-sys-typescale-body-large-weight);letter-spacing:var(--md-sys-typescale-body-large-tracking)}.md-sys-typescale-body-medium{font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height);font-weight:var(--md-sys-typescale-body-medium-weight);letter-spacing:var(--md-sys-typescale-body-medium-tracking)}.md-sys-typescale-body-small{font-family:var(--md-sys-typescale-body-small-font);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);font-weight:var(--md-sys-typescale-body-small-weight);letter-spacing:var(--md-sys-typescale-body-small-tracking)}.md-sys-typescale-label-large{font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);font-weight:var(--md-sys-typescale-label-large-weight);letter-spacing:var(--md-sys-typescale-label-large-tracking)}.md-sys-typescale-label-medium{font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height);font-weight:var(--md-sys-typescale-label-medium-weight);letter-spacing:var(--md-sys-typescale-label-medium-tracking)}.md-sys-typescale-label-small{font-family:var(--md-sys-typescale-label-small-font);font-size:var(--md-sys-typescale-label-small-size);line-height:var(--md-sys-typescale-label-small-line-height);font-weight:var(--md-sys-typescale-label-small-weight);letter-spacing:var(--md-sys-typescale-label-small-tracking)}.md-sys-typescale-emphasized-display-large{font-family:var(--md-sys-typescale-emphasized-display-large-font);font-size:var(--md-sys-typescale-emphasized-display-large-size);line-height:var(--md-sys-typescale-emphasized-display-large-line-height);font-weight:var(--md-sys-typescale-emphasized-display-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-display-large-tracking)}.md-sys-typescale-emphasized-display-medium{font-family:var(--md-sys-typescale-emphasized-display-medium-font);font-size:var(--md-sys-typescale-emphasized-display-medium-size);line-height:var(--md-sys-typescale-emphasized-display-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-display-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-display-medium-tracking)}.md-sys-typescale-emphasized-display-small{font-family:var(--md-sys-typescale-emphasized-display-small-font);font-size:var(--md-sys-typescale-emphasized-display-small-size);line-height:var(--md-sys-typescale-emphasized-display-small-line-height);font-weight:var(--md-sys-typescale-emphasized-display-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-display-small-tracking)}.md-sys-typescale-emphasized-headline-large{font-family:var(--md-sys-typescale-emphasized-headline-large-font);font-size:var(--md-sys-typescale-emphasized-headline-large-size);line-height:var(--md-sys-typescale-emphasized-headline-large-line-height);font-weight:var(--md-sys-typescale-emphasized-headline-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-headline-large-tracking)}.md-sys-typescale-emphasized-headline-medium{font-family:var(--md-sys-typescale-emphasized-headline-medium-font);font-size:var(--md-sys-typescale-emphasized-headline-medium-size);line-height:var(--md-sys-typescale-emphasized-headline-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-headline-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-headline-medium-tracking)}.md-sys-typescale-emphasized-headline-small{font-family:var(--md-sys-typescale-emphasized-headline-small-font);font-size:var(--md-sys-typescale-emphasized-headline-small-size);line-height:var(--md-sys-typescale-emphasized-headline-small-line-height);font-weight:var(--md-sys-typescale-emphasized-headline-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-headline-small-tracking)}.md-sys-typescale-emphasized-title-large{font-family:var(--md-sys-typescale-emphasized-title-large-font);font-size:var(--md-sys-typescale-emphasized-title-large-size);line-height:var(--md-sys-typescale-emphasized-title-large-line-height);font-weight:var(--md-sys-typescale-emphasized-title-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-title-large-tracking)}.md-sys-typescale-emphasized-title-medium{font-family:var(--md-sys-typescale-emphasized-title-medium-font);font-size:var(--md-sys-typescale-emphasized-title-medium-size);line-height:var(--md-sys-typescale-emphasized-title-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-title-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-title-medium-tracking)}.md-sys-typescale-emphasized-title-small{font-family:var(--md-sys-typescale-emphasized-title-small-font);font-size:var(--md-sys-typescale-emphasized-title-small-size);line-height:var(--md-sys-typescale-emphasized-title-small-line-height);font-weight:var(--md-sys-typescale-emphasized-title-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-title-small-tracking)}.md-sys-typescale-emphasized-body-large{font-family:var(--md-sys-typescale-emphasized-body-large-font);font-size:var(--md-sys-typescale-emphasized-body-large-size);line-height:var(--md-sys-typescale-emphasized-body-large-line-height);font-weight:var(--md-sys-typescale-emphasized-body-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-body-large-tracking)}.md-sys-typescale-emphasized-body-medium{font-family:var(--md-sys-typescale-emphasized-body-medium-font);font-size:var(--md-sys-typescale-emphasized-body-medium-size);line-height:var(--md-sys-typescale-emphasized-body-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-body-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-body-medium-tracking)}.md-sys-typescale-emphasized-body-small{font-family:var(--md-sys-typescale-emphasized-body-small-font);font-size:var(--md-sys-typescale-emphasized-body-small-size);line-height:var(--md-sys-typescale-emphasized-body-small-line-height);font-weight:var(--md-sys-typescale-emphasized-body-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-body-small-tracking)}.md-sys-typescale-emphasized-label-large{font-family:var(--md-sys-typescale-emphasized-label-large-font);font-size:var(--md-sys-typescale-emphasized-label-large-size);line-height:var(--md-sys-typescale-emphasized-label-large-line-height);font-weight:var(--md-sys-typescale-emphasized-label-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-label-large-tracking)}.md-sys-typescale-emphasized-label-medium{font-family:var(--md-sys-typescale-emphasized-label-medium-font);font-size:var(--md-sys-typescale-emphasized-label-medium-size);line-height:var(--md-sys-typescale-emphasized-label-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-label-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-label-medium-tracking)}.md-sys-typescale-emphasized-label-small{font-family:var(--md-sys-typescale-emphasized-label-small-font);font-size:var(--md-sys-typescale-emphasized-label-small-size);line-height:var(--md-sys-typescale-emphasized-label-small-line-height);font-weight:var(--md-sys-typescale-emphasized-label-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-label-small-tracking)}.micl-textfield-filled,.micl-textfield-outlined{--md-sys-textfield-height: 56px;--md-sys-textfield-icon-size: 24px;--md-sys-textfield-icon-space: 12px;--md-sys-textfield-input-space: 16px;--md-sys-textfield-prefix-space: 1em;--md-sys-textfield-suffix-space: 1em;display:grid;grid-template-areas:"textfield" "supporting";align-items:center;background-color:inherit}.micl-textfield-filled>label,.micl-textfield-outlined>label{font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);font-weight:var(--md-sys-typescale-body-large-weight);letter-spacing:var(--md-sys-typescale-body-large-tracking);box-sizing:content-box;grid-area:textfield;align-self:flex-start;width:fit-content;padding-inline:4px;margin-block-start:calc((var(--md-sys-textfield-height) - var(--md-sys-typescale-body-large-line-height))/2);margin-inline-start:12px;border-radius:4px;background-color:inherit;color:var(--md-sys-color-on-surface-variant);z-index:1;transition:margin-block-start var(--md-sys-motion-duration-medium2) var(--md-sys-motion-duration-short3),margin-inline-start var(--md-sys-motion-duration-medium2) var(--md-sys-motion-duration-short3),font-size var(--md-sys-motion-duration-medium2),letter-spacing var(--md-sys-motion-duration-medium2)}.micl-textfield-filled>input,.micl-textfield-filled>select,.micl-textfield-filled>textarea,.micl-textfield-outlined>input,.micl-textfield-outlined>select,.micl-textfield-outlined>textarea{font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);font-weight:var(--md-sys-typescale-body-large-weight);letter-spacing:var(--md-sys-typescale-body-large-tracking);box-sizing:border-box;grid-area:textfield;margin:0;padding-inline:var(--md-sys-textfield-input-space);border:none;border-block-end:1px solid var(--md-sys-color-on-surface-variant);border-radius:var(--md-sys-shape-corner-extra-small);outline:none;color:var(--md-sys-color-on-surface);background-color:rgba(0,0,0,0);text-overflow:ellipsis;caret-color:var(--md-sys-color-primary)}.micl-textfield-filled>input:disabled,.micl-textfield-filled>select:disabled,.micl-textfield-filled>textarea:disabled,.micl-textfield-outlined>input:disabled,.micl-textfield-outlined>select:disabled,.micl-textfield-outlined>textarea:disabled{border-block-end-color:rgb(from var(--md-sys-color-on-surface) r g b/38%);color:rgb(from var(--md-sys-color-on-surface) r g b/38%)}.micl-textfield-filled>input::placeholder,.micl-textfield-filled>select::placeholder,.micl-textfield-filled>textarea::placeholder,.micl-textfield-outlined>input::placeholder,.micl-textfield-outlined>select::placeholder,.micl-textfield-outlined>textarea::placeholder{color:var(--md-sys-color-on-surface-variant)}.micl-textfield-filled>input::-webkit-inner-spin-button,.micl-textfield-filled>input::-webkit-outer-spin-button,.micl-textfield-filled>select::-webkit-inner-spin-button,.micl-textfield-filled>select::-webkit-outer-spin-button,.micl-textfield-filled>textarea::-webkit-inner-spin-button,.micl-textfield-filled>textarea::-webkit-outer-spin-button,.micl-textfield-outlined>input::-webkit-inner-spin-button,.micl-textfield-outlined>input::-webkit-outer-spin-button,.micl-textfield-outlined>select::-webkit-inner-spin-button,.micl-textfield-outlined>select::-webkit-outer-spin-button,.micl-textfield-outlined>textarea::-webkit-inner-spin-button,.micl-textfield-outlined>textarea::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.micl-textfield-filled>input[type=number],.micl-textfield-filled>select[type=number],.micl-textfield-filled>textarea[type=number],.micl-textfield-outlined>input[type=number],.micl-textfield-outlined>select[type=number],.micl-textfield-outlined>textarea[type=number]{-moz-appearance:textfield}.micl-textfield-filled>input,.micl-textfield-filled>select,.micl-textfield-outlined>input,.micl-textfield-outlined>select{height:var(--md-sys-textfield-height);padding-block:0}.micl-textfield-filled>textarea,.micl-textfield-outlined>textarea{min-height:var(--md-sys-textfield-height);padding-block:calc((var(--md-sys-textfield-height) - var(--md-sys-typescale-body-large-line-height))/2);resize:none}.micl-textfield-filled>textarea[rows],.micl-textfield-outlined>textarea[rows]{padding-block-start:0;border-block-start:8px solid rgba(0,0,0,0);overflow:hidden}.micl-textfield-filled>textarea:not([rows]),.micl-textfield-outlined>textarea:not([rows]){field-sizing:content}.micl-textfield-filled>.micl-textfield__prefix,.micl-textfield-filled>.micl-textfield__suffix,.micl-textfield-outlined>.micl-textfield__prefix,.micl-textfield-outlined>.micl-textfield__suffix{font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);font-weight:var(--md-sys-typescale-body-large-weight);letter-spacing:var(--md-sys-typescale-body-large-tracking);grid-area:textfield;align-content:center;height:var(--md-sys-textfield-height);color:var(--md-sys-color-on-surface-variant);opacity:0;z-index:1;transition:opacity var(--md-sys-motion-duration-long1)}.micl-textfield-filled>.micl-textfield__prefix,.micl-textfield-outlined>.micl-textfield__prefix{width:var(--md-sys-textfield-prefix-space);padding-inline-start:var(--md-sys-textfield-input-space)}.micl-textfield-filled>.micl-textfield__suffix,.micl-textfield-outlined>.micl-textfield__suffix{width:var(--md-sys-textfield-suffix-space);padding-inline-end:var(--md-sys-textfield-input-space);margin-inline:auto 0}.micl-textfield-filled>.micl-textfield__icon-leading,.micl-textfield-filled>.micl-textfield__icon-trailing,.micl-textfield-outlined>.micl-textfield__icon-leading,.micl-textfield-outlined>.micl-textfield__icon-trailing{grid-area:textfield;width:1em;margin-inline:var(--md-sys-textfield-icon-space) auto;font-size:var(--md-sys-textfield-icon-size);color:var(--md-sys-color-on-surface-variant);z-index:1}.micl-textfield-filled>.micl-textfield__icon-trailing,.micl-textfield-outlined>.micl-textfield__icon-trailing{margin-inline:auto var(--md-sys-textfield-icon-space)}.micl-textfield-filled:has(>.micl-textfield__prefix)>input,.micl-textfield-filled:has(>.micl-textfield__prefix)>textarea,.micl-textfield-outlined:has(>.micl-textfield__prefix)>input,.micl-textfield-outlined:has(>.micl-textfield__prefix)>textarea{padding-inline-start:calc(var(--md-sys-textfield-input-space) + var(--md-sys-textfield-prefix-space))}.micl-textfield-filled:has(>.micl-textfield__suffix)>input,.micl-textfield-filled:has(>.micl-textfield__suffix)>textarea,.micl-textfield-outlined:has(>.micl-textfield__suffix)>input,.micl-textfield-outlined:has(>.micl-textfield__suffix)>textarea{padding-inline-end:calc(var(--md-sys-textfield-suffix-space) + var(--md-sys-textfield-input-space))}.micl-textfield-filled:has(>.micl-textfield__icon-leading)>label,.micl-textfield-outlined:has(>.micl-textfield__icon-leading)>label{margin-inline-start:calc(var(--md-sys-textfield-icon-space) + var(--md-sys-textfield-icon-size) + var(--md-sys-textfield-input-space))}.micl-textfield-filled:has(>.micl-textfield__icon-leading)>.micl-textfield__prefix,.micl-textfield-filled:has(>.micl-textfield__icon-leading)>input,.micl-textfield-filled:has(>.micl-textfield__icon-leading)>textarea,.micl-textfield-outlined:has(>.micl-textfield__icon-leading)>.micl-textfield__prefix,.micl-textfield-outlined:has(>.micl-textfield__icon-leading)>input,.micl-textfield-outlined:has(>.micl-textfield__icon-leading)>textarea{padding-inline-start:calc(var(--md-sys-textfield-icon-space) + var(--md-sys-textfield-icon-size) + var(--md-sys-textfield-input-space))}.micl-textfield-filled:has(>.micl-textfield__icon-leading):has(>.micl-textfield__prefix)>input,.micl-textfield-filled:has(>.micl-textfield__icon-leading):has(>.micl-textfield__prefix)>textarea,.micl-textfield-outlined:has(>.micl-textfield__icon-leading):has(>.micl-textfield__prefix)>input,.micl-textfield-outlined:has(>.micl-textfield__icon-leading):has(>.micl-textfield__prefix)>textarea{padding-inline-start:calc(var(--md-sys-textfield-input-space) + var(--md-sys-textfield-icon-size) + var(--md-sys-textfield-icon-space) + var(--md-sys-textfield-prefix-space))}.micl-textfield-filled:has(>.micl-textfield__icon-trailing)>.micl-textfield__suffix,.micl-textfield-filled:has(>.micl-textfield__icon-trailing)>input,.micl-textfield-filled:has(>.micl-textfield__icon-trailing)>textarea,.micl-textfield-outlined:has(>.micl-textfield__icon-trailing)>.micl-textfield__suffix,.micl-textfield-outlined:has(>.micl-textfield__icon-trailing)>input,.micl-textfield-outlined:has(>.micl-textfield__icon-trailing)>textarea{padding-inline-end:calc(var(--md-sys-textfield-input-space) + var(--md-sys-textfield-icon-size) + var(--md-sys-textfield-icon-space))}.micl-textfield-filled:has(>.micl-textfield__icon-trailing):has(>.micl-textfield__suffix)>input,.micl-textfield-filled:has(>.micl-textfield__icon-trailing):has(>.micl-textfield__suffix)>textarea,.micl-textfield-outlined:has(>.micl-textfield__icon-trailing):has(>.micl-textfield__suffix)>input,.micl-textfield-outlined:has(>.micl-textfield__icon-trailing):has(>.micl-textfield__suffix)>textarea{padding-inline-end:calc(var(--md-sys-textfield-input-space) + var(--md-sys-textfield-icon-size) + var(--md-sys-textfield-prefix-space) + var(--md-sys-textfield-icon-space))}.micl-textfield-filled>.micl-textfield__supporting-text,.micl-textfield-filled>.micl-textfield__character-counter,.micl-textfield-outlined>.micl-textfield__supporting-text,.micl-textfield-outlined>.micl-textfield__character-counter{font-family:var(--md-sys-typescale-body-small-font);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);font-weight:var(--md-sys-typescale-body-small-weight);letter-spacing:var(--md-sys-typescale-body-small-tracking);grid-area:supporting;padding-block:4px 0;padding-inline:16px;color:var(--md-sys-color-on-surface-variant)}.micl-textfield-filled>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-filled>.micl-textfield__character-counter.micl-textfield__supporting-text--focus,.micl-textfield-outlined>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-outlined>.micl-textfield__character-counter.micl-textfield__supporting-text--focus{visibility:hidden}.micl-textfield-filled>.micl-textfield__character-counter,.micl-textfield-outlined>.micl-textfield__character-counter{justify-self:flex-end}.micl-textfield-filled:has(>input:active)>label,.micl-textfield-filled:has(>select:active)>label,.micl-textfield-filled:has(>textarea:active)>label,.micl-textfield-filled:has(>input:focus)>label,.micl-textfield-filled:has(>select:focus)>label,.micl-textfield-filled:has(>textarea:focus)>label,.micl-textfield-filled:has(>input:focus-visible)>label,.micl-textfield-filled:has(>select:focus-visible)>label,.micl-textfield-filled:has(>textarea:focus-visible)>label,.micl-textfield-outlined:has(>input:active)>label,.micl-textfield-outlined:has(>select:active)>label,.micl-textfield-outlined:has(>textarea:active)>label,.micl-textfield-outlined:has(>input:focus)>label,.micl-textfield-outlined:has(>select:focus)>label,.micl-textfield-outlined:has(>textarea:focus)>label,.micl-textfield-outlined:has(>input:focus-visible)>label,.micl-textfield-outlined:has(>select:focus-visible)>label,.micl-textfield-outlined:has(>textarea:focus-visible)>label{color:var(--md-sys-color-primary)}.micl-textfield-filled:has(>input:active)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-filled:has(>select:active)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-filled:has(>textarea:active)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-filled:has(>input:focus)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-filled:has(>select:focus)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-filled:has(>textarea:focus)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-filled:has(>input:focus-visible)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-filled:has(>select:focus-visible)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-filled:has(>textarea:focus-visible)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-outlined:has(>input:active)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-outlined:has(>select:active)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-outlined:has(>textarea:active)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-outlined:has(>input:focus)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-outlined:has(>select:focus)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-outlined:has(>textarea:focus)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-outlined:has(>input:focus-visible)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-outlined:has(>select:focus-visible)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-outlined:has(>textarea:focus-visible)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus{visibility:visible}.micl-textfield-filled:has(>input:disabled)>label,.micl-textfield-filled:has(>select:disabled)>label,.micl-textfield-filled:has(>textarea:disabled)>label,.micl-textfield-outlined:has(>input:disabled)>label,.micl-textfield-outlined:has(>select:disabled)>label,.micl-textfield-outlined:has(>textarea:disabled)>label{color:rgb(from var(--md-sys-color-on-surface) r g b/38%)}.micl-textfield-filled:has(>input:disabled)>.micl-textfield__icon-leading,.micl-textfield-filled:has(>input:disabled)>.micl-textfield__icon-trailing,.micl-textfield-filled:has(>input:disabled)>.micl-textfield__supporting-text,.micl-textfield-filled:has(>select:disabled)>.micl-textfield__icon-leading,.micl-textfield-filled:has(>select:disabled)>.micl-textfield__icon-trailing,.micl-textfield-filled:has(>select:disabled)>.micl-textfield__supporting-text,.micl-textfield-filled:has(>textarea:disabled)>.micl-textfield__icon-leading,.micl-textfield-filled:has(>textarea:disabled)>.micl-textfield__icon-trailing,.micl-textfield-filled:has(>textarea:disabled)>.micl-textfield__supporting-text,.micl-textfield-outlined:has(>input:disabled)>.micl-textfield__icon-leading,.micl-textfield-outlined:has(>input:disabled)>.micl-textfield__icon-trailing,.micl-textfield-outlined:has(>input:disabled)>.micl-textfield__supporting-text,.micl-textfield-outlined:has(>select:disabled)>.micl-textfield__icon-leading,.micl-textfield-outlined:has(>select:disabled)>.micl-textfield__icon-trailing,.micl-textfield-outlined:has(>select:disabled)>.micl-textfield__supporting-text,.micl-textfield-outlined:has(>textarea:disabled)>.micl-textfield__icon-leading,.micl-textfield-outlined:has(>textarea:disabled)>.micl-textfield__icon-trailing,.micl-textfield-outlined:has(>textarea:disabled)>.micl-textfield__supporting-text{color:rgb(from var(--md-sys-color-on-surface) r g b/38%)}.micl-textfield-filled:has(>input:disabled)>.micl-textfield__character-counter,.micl-textfield-filled:has(>select:disabled)>.micl-textfield__character-counter,.micl-textfield-filled:has(>textarea:disabled)>.micl-textfield__character-counter,.micl-textfield-outlined:has(>input:disabled)>.micl-textfield__character-counter,.micl-textfield-outlined:has(>select:disabled)>.micl-textfield__character-counter,.micl-textfield-outlined:has(>textarea:disabled)>.micl-textfield__character-counter{display:none}.micl-textfield-filled:has(>input:not([maxlength]))>.micl-textfield__character-counter,.micl-textfield-filled:has(>textarea:not([maxlength]))>.micl-textfield__character-counter,.micl-textfield-outlined:has(>input:not([maxlength]))>.micl-textfield__character-counter,.micl-textfield-outlined:has(>textarea:not([maxlength]))>.micl-textfield__character-counter{display:none}.micl-textfield-filled:has(>input[maxlength]:not(:disabled)):has(>.micl-textfield__character-counter)>.micl-textfield__supporting-text,.micl-textfield-filled:has(>textarea[maxlength]:not(:disabled)):has(>.micl-textfield__character-counter)>.micl-textfield__supporting-text,.micl-textfield-outlined:has(>input[maxlength]:not(:disabled)):has(>.micl-textfield__character-counter)>.micl-textfield__supporting-text,.micl-textfield-outlined:has(>textarea[maxlength]:not(:disabled)):has(>.micl-textfield__character-counter)>.micl-textfield__supporting-text{padding-inline-end:64px}.micl-textfield-filled>label{background-color:rgba(0,0,0,0)}.micl-textfield-filled:hover>input:not(:disabled),.micl-textfield-filled:hover>select:not(:disabled),.micl-textfield-filled:hover>textarea:not(:disabled){border-block-end-color:var(--md-sys-color-on-surface);background-color:color-mix(in srgb, var(--md-sys-color-surface-container-highest), var(--md-sys-color-on-surface) var(--md-sys-state-hover-state-layer-opacity))}.micl-textfield-filled>input,.micl-textfield-filled>select,.micl-textfield-filled>textarea{padding-block-start:18px;padding-block-end:2px;background-color:var(--md-sys-color-surface-container-highest);border-end-start-radius:0;border-end-end-radius:0;outline:none}.micl-textfield-filled>input:disabled,.micl-textfield-filled>select:disabled,.micl-textfield-filled>textarea:disabled{background-color:rgb(from var(--md-sys-color-on-surface) r g b/4%)}.micl-textfield-filled>input:not(:disabled):focus,.micl-textfield-filled>input:not(:disabled):focus-visible,.micl-textfield-filled>input:not(:disabled):active,.micl-textfield-filled>select:not(:disabled):focus,.micl-textfield-filled>select:not(:disabled):focus-visible,.micl-textfield-filled>select:not(:disabled):active,.micl-textfield-filled>textarea:not(:disabled):focus,.micl-textfield-filled>textarea:not(:disabled):focus-visible,.micl-textfield-filled>textarea:not(:disabled):active{padding-block-end:0px;border-block-end-width:3px;border-block-end-color:var(--md-sys-color-primary)}.micl-textfield-filled>select{line-height:28px}.micl-textfield-filled>textarea{padding-block-start:24px}.micl-textfield-filled:has(>input:focus,>input[value]:not([value=""]):not([data-miclinitialized]),>input[data-miclvalue],>input[type=date],>input[type=datetime-local],>input[type=month],>input[type=time],>input[type=week],>select:focus,>select[value]:not([value=""]):not([data-miclinitialized]),>select[data-miclvalue],>textarea:focus,>textarea:not(:empty):not([data-miclinitialized]),>textarea[data-miclvalue])>label{font-family:var(--md-sys-typescale-body-small-font);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);font-weight:var(--md-sys-typescale-body-small-weight);letter-spacing:var(--md-sys-typescale-body-small-tracking);margin-block-start:8px;margin-inline-start:12px}.micl-textfield-filled:has(>input:focus,>input[value]:not([value=""]):not([data-miclinitialized]),>input[data-miclvalue],>input[type=date],>input[type=datetime-local],>input[type=month],>input[type=time],>input[type=week],>select:focus,>select[value]:not([value=""]):not([data-miclinitialized]),>select[data-miclvalue],>textarea:focus,>textarea:not(:empty):not([data-miclinitialized]),>textarea[data-miclvalue]):has(>.micl-textfield__icon-leading)>label{margin-inline-start:calc(var(--md-sys-textfield-input-space) + var(--md-sys-textfield-icon-size) + var(--md-sys-textfield-icon-space) - 4px)}.micl-textfield-filled:has(>input:focus,>input[value]:not([value=""]):not([data-miclinitialized]),>input[data-miclvalue],>input[type=date],>input[type=datetime-local],>input[type=month],>input[type=time],>input[type=week],>select:focus,>select[value]:not([value=""]):not([data-miclinitialized]),>select[data-miclvalue],>textarea:focus,>textarea:not(:empty):not([data-miclinitialized]),>textarea[data-miclvalue])>.micl-textfield__prefix,.micl-textfield-filled:has(>input:focus,>input[value]:not([value=""]):not([data-miclinitialized]),>input[data-miclvalue],>input[type=date],>input[type=datetime-local],>input[type=month],>input[type=time],>input[type=week],>select:focus,>select[value]:not([value=""]):not([data-miclinitialized]),>select[data-miclvalue],>textarea:focus,>textarea:not(:empty):not([data-miclinitialized]),>textarea[data-miclvalue])>.micl-textfield__suffix{height:40px;margin-block-start:16px;opacity:1}.micl-textfield-outlined{margin-block-start:.375rem}.micl-textfield-outlined:hover>label{color:var(--md-sys-color-on-surface)}.micl-textfield-outlined:hover>input:not(:disabled),.micl-textfield-outlined:hover>select:not(:disabled),.micl-textfield-outlined:hover>textarea:not(:disabled){outline-color:var(--md-sys-color-on-surface);color:var(--md-sys-color-on-surface)}.micl-textfield-outlined>input,.micl-textfield-outlined>select,.micl-textfield-outlined>textarea{border:none;outline:1px solid var(--md-sys-color-outline)}.micl-textfield-outlined>input:disabled,.micl-textfield-outlined>select:disabled,.micl-textfield-outlined>textarea:disabled{outline-color:rgb(from var(--md-sys-color-on-surface) r g b/12%)}.micl-textfield-outlined>input:not(:disabled):focus,.micl-textfield-outlined>input:not(:disabled):focus-visible,.micl-textfield-outlined>input:not(:disabled):active,.micl-textfield-outlined>select:not(:disabled):focus,.micl-textfield-outlined>select:not(:disabled):focus-visible,.micl-textfield-outlined>select:not(:disabled):active,.micl-textfield-outlined>textarea:not(:disabled):focus,.micl-textfield-outlined>textarea:not(:disabled):focus-visible,.micl-textfield-outlined>textarea:not(:disabled):active{outline-width:3px;outline-color:var(--md-sys-color-primary)}.micl-textfield-outlined>select{line-height:var(--md-sys-textfield-height)}.micl-textfield-outlined:has(>input:focus,>input[value]:not([value=""]):not([data-miclinitialized]),>input[data-miclvalue],>input[type=date],>input[type=datetime-local],>input[type=month],>input[type=time],>input[type=week],>select:focus,>select[value]:not([value=""]):not([data-miclinitialized]),>select[data-miclvalue],>textarea:focus,>textarea:not(:empty):not([data-miclinitialized]),>textarea[data-miclvalue])>label{font-family:var(--md-sys-typescale-body-small-font);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);font-weight:var(--md-sys-typescale-body-small-weight);letter-spacing:var(--md-sys-typescale-body-small-tracking);margin-block-start:calc(-2px - var(--md-sys-typescale-body-small-line-height)/2);margin-inline-start:12px}.micl-textfield-outlined:has(>input:focus,>input[value]:not([value=""]):not([data-miclinitialized]),>input[data-miclvalue],>input[type=date],>input[type=datetime-local],>input[type=month],>input[type=time],>input[type=week],>select:focus,>select[value]:not([value=""]):not([data-miclinitialized]),>select[data-miclvalue],>textarea:focus,>textarea:not(:empty):not([data-miclinitialized]),>textarea[data-miclvalue])>.micl-textfield__prefix,.micl-textfield-outlined:has(>input:focus,>input[value]:not([value=""]):not([data-miclinitialized]),>input[data-miclvalue],>input[type=date],>input[type=datetime-local],>input[type=month],>input[type=time],>input[type=week],>select:focus,>select[value]:not([value=""]):not([data-miclinitialized]),>select[data-miclvalue],>textarea:focus,>textarea:not(:empty):not([data-miclinitialized]),>textarea[data-miclvalue])>.micl-textfield__suffix{opacity:1}.micl-textfield-filled.micl-textfield--error>label,.micl-textfield-filled.micl-textfield--error>.micl-textfield__icon-trailing,.micl-textfield-filled.micl-textfield--error>.micl-textfield__supporting-text,.micl-textfield-filled.micl-textfield--error>.micl-textfield__character-counter,.micl-textfield-outlined.micl-textfield--error>label,.micl-textfield-outlined.micl-textfield--error>.micl-textfield__icon-trailing,.micl-textfield-outlined.micl-textfield--error>.micl-textfield__supporting-text,.micl-textfield-outlined.micl-textfield--error>.micl-textfield__character-counter{color:var(--md-sys-color-error)}.micl-textfield-filled.micl-textfield--error>input,.micl-textfield-filled.micl-textfield--error>textarea,.micl-textfield-outlined.micl-textfield--error>input,.micl-textfield-outlined.micl-textfield--error>textarea{border-block-end-color:var(--md-sys-color-error);outline-color:var(--md-sys-color-error);caret-color:var(--md-sys-color-error)}.micl-textfield-filled.micl-textfield--error>input:active,.micl-textfield-filled.micl-textfield--error>input:focus,.micl-textfield-filled.micl-textfield--error>input:focus-visible,.micl-textfield-filled.micl-textfield--error>textarea:active,.micl-textfield-filled.micl-textfield--error>textarea:focus,.micl-textfield-filled.micl-textfield--error>textarea:focus-visible,.micl-textfield-outlined.micl-textfield--error>input:active,.micl-textfield-outlined.micl-textfield--error>input:focus,.micl-textfield-outlined.micl-textfield--error>input:focus-visible,.micl-textfield-outlined.micl-textfield--error>textarea:active,.micl-textfield-outlined.micl-textfield--error>textarea:focus,.micl-textfield-outlined.micl-textfield--error>textarea:focus-visible{border-block-end-color:var(--md-sys-color-error);outline-color:var(--md-sys-color-error)}.micl-textfield-filled.micl-textfield--error:hover>label,.micl-textfield-filled.micl-textfield--error:hover>.micl-textfield__icon-trailing,.micl-textfield-outlined.micl-textfield--error:hover>label,.micl-textfield-outlined.micl-textfield--error:hover>.micl-textfield__icon-trailing{color:var(--md-sys-color-on-error-container)}.micl-textfield-filled.micl-textfield--error:hover>input,.micl-textfield-filled.micl-textfield--error:hover>textarea,.micl-textfield-outlined.micl-textfield--error:hover>input,.micl-textfield-outlined.micl-textfield--error:hover>textarea{border-block-end-color:var(--md-sys-color-on-error-container);outline-color:var(--md-sys-color-on-error-container)}.micl-textfield-filled.micl-textfield--error:has(>input:active)>label,.micl-textfield-filled.micl-textfield--error:has(>input:active)>.micl-textfield__icon-trailing,.micl-textfield-filled.micl-textfield--error:has(>input:focus)>label,.micl-textfield-filled.micl-textfield--error:has(>input:focus)>.micl-textfield__icon-trailing,.micl-textfield-filled.micl-textfield--error:has(>input:focus-visible)>label,.micl-textfield-filled.micl-textfield--error:has(>input:focus-visible)>.micl-textfield__icon-trailing,.micl-textfield-filled.micl-textfield--error:has(>textarea:active)>label,.micl-textfield-filled.micl-textfield--error:has(>textarea:active)>.micl-textfield__icon-trailing,.micl-textfield-filled.micl-textfield--error:has(>textarea:focus)>label,.micl-textfield-filled.micl-textfield--error:has(>textarea:focus)>.micl-textfield__icon-trailing,.micl-textfield-filled.micl-textfield--error:has(>textarea:focus-visible)>label,.micl-textfield-filled.micl-textfield--error:has(>textarea:focus-visible)>.micl-textfield__icon-trailing,.micl-textfield-outlined.micl-textfield--error:has(>input:active)>label,.micl-textfield-outlined.micl-textfield--error:has(>input:active)>.micl-textfield__icon-trailing,.micl-textfield-outlined.micl-textfield--error:has(>input:focus)>label,.micl-textfield-outlined.micl-textfield--error:has(>input:focus)>.micl-textfield__icon-trailing,.micl-textfield-outlined.micl-textfield--error:has(>input:focus-visible)>label,.micl-textfield-outlined.micl-textfield--error:has(>input:focus-visible)>.micl-textfield__icon-trailing,.micl-textfield-outlined.micl-textfield--error:has(>textarea:active)>label,.micl-textfield-outlined.micl-textfield--error:has(>textarea:active)>.micl-textfield__icon-trailing,.micl-textfield-outlined.micl-textfield--error:has(>textarea:focus)>label,.micl-textfield-outlined.micl-textfield--error:has(>textarea:focus)>.micl-textfield__icon-trailing,.micl-textfield-outlined.micl-textfield--error:has(>textarea:focus-visible)>label,.micl-textfield-outlined.micl-textfield--error:has(>textarea:focus-visible)>.micl-textfield__icon-trailing{color:var(--md-sys-color-error)}[dir=rtl] .micl-textfield-filled>.micl-textfield__icon-leading,[dir=rtl] .micl-textfield-outlined>.micl-textfield__icon-leading{margin-inline:auto var(--md-sys-textfield-icon-space)}[dir=rtl] .micl-textfield-filled>.micl-textfield__icon-trailing,[dir=rtl] .micl-textfield-outlined>.micl-textfield__icon-trailing{margin-inline:var(--md-sys-textfield-icon-space) auto}
|
|
1
|
+
:root{--md-sys-motion-duration-short1: 50ms;--md-sys-motion-duration-short2: 100ms;--md-sys-motion-duration-short3: 150ms;--md-sys-motion-duration-short4: 200ms;--md-sys-motion-duration-medium1: 250ms;--md-sys-motion-duration-medium2: 300ms;--md-sys-motion-duration-medium3: 350ms;--md-sys-motion-duration-medium4: 400ms;--md-sys-motion-duration-long1: 450ms;--md-sys-motion-duration-long2: 500ms;--md-sys-motion-duration-long3: 550ms;--md-sys-motion-duration-long4: 600ms;--md-sys-motion-duration-extra-long1: 700ms;--md-sys-motion-duration-extra-long2: 800ms;--md-sys-motion-duration-extra-long3: 900ms;--md-sys-motion-duration-extra-long4: 1000ms}:root{--md-sys-target-size: 48px;--md-sys-shape-corner-none: 0px;--md-sys-shape-corner-extra-small: 4px;--md-sys-shape-corner-small: 8px;--md-sys-shape-corner-medium: 12px;--md-sys-shape-corner-large: 16px;--md-sys-shape-corner-large-increased: 20px;--md-sys-shape-corner-extra-large: 28px;--md-sys-shape-corner-extra-large-increased: 32px;--md-sys-shape-corner-extra-extra-large: 48px;--md-sys-shape-corner-full: 50%}:root{--md-sys-state-layer-size: 40px;--md-sys-state-hover-state-layer-opacity: 8%;--md-sys-state-focus-state-layer-opacity: 10%;--md-sys-state-pressed-state-layer-opacity: 10%;--md-sys-state-dragged-state-layer-opacity: 16%;--md-sys-state-focus-indicator-outer-offset: 2px;--md-sys-state-focus-indicator-thickness: 3px}:root{--md-ref-typeface-plain: Roboto, system-ui, sans-serif;--md-ref-typeface-brand: Roboto, system-ui, sans-serif;--md-ref-typeface-weight-regular: 400;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-bold: 700;--md-sys-typescale-display-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-large-size: 3.5625rem;--md-sys-typescale-display-large-line-height: 4rem;--md-sys-typescale-display-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-large-tracking: -0.015625rem;--md-sys-typescale-display-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-medium-size: 2.8125rem;--md-sys-typescale-display-medium-line-height: 3.25rem;--md-sys-typescale-display-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-medium-tracking: 0;--md-sys-typescale-display-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-small-size: 2.25rem;--md-sys-typescale-display-small-line-height: 2.75rem;--md-sys-typescale-display-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-small-tracking: 0;--md-sys-typescale-headline-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-large-size: 2rem;--md-sys-typescale-headline-large-line-height: 2.5rem;--md-sys-typescale-headline-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-large-tracking: 0;--md-sys-typescale-headline-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-medium-size: 1.75rem;--md-sys-typescale-headline-medium-line-height: 2.25rem;--md-sys-typescale-headline-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-medium-tracking: 0;--md-sys-typescale-headline-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-small-size: 1.5rem;--md-sys-typescale-headline-small-line-height: 2rem;--md-sys-typescale-headline-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-small-tracking: 0;--md-sys-typescale-title-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-title-large-size: 1.375rem;--md-sys-typescale-title-large-line-height: 1.75rem;--md-sys-typescale-title-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-title-large-tracking: 0;--md-sys-typescale-title-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-title-medium-size: 1rem;--md-sys-typescale-title-medium-line-height: 1.5rem;--md-sys-typescale-title-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-title-medium-tracking: 0,009375rem;--md-sys-typescale-title-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-title-small-size: 0.875rem;--md-sys-typescale-title-small-line-height: 1.25rem;--md-sys-typescale-title-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-title-small-tracking: 0.00625rem;--md-sys-typescale-body-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-large-size: 1rem;--md-sys-typescale-body-large-line-height: 1.5rem;--md-sys-typescale-body-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-large-tracking: 0.03125rem;--md-sys-typescale-body-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-medium-size: 0.875rem;--md-sys-typescale-body-medium-line-height: 1.25rem;--md-sys-typescale-body-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-medium-tracking: 0.015625rem;--md-sys-typescale-body-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-small-size: 0.75rem;--md-sys-typescale-body-small-line-height: 1rem;--md-sys-typescale-body-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-small-tracking: 0.025rem;--md-sys-typescale-label-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-large-size: 0.875rem;--md-sys-typescale-label-large-line-height: 1.25rem;--md-sys-typescale-label-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-large-tracking: 0.00625rem;--md-sys-typescale-label-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-medium-size: 0.75rem;--md-sys-typescale-label-medium-line-height: 1rem;--md-sys-typescale-label-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-medium-tracking: 0.03125rem;--md-sys-typescale-label-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-small-size: 0.6875rem;--md-sys-typescale-label-small-line-height: 1rem;--md-sys-typescale-label-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-small-tracking: 0.03125rem;--md-sys-typescale-emphasized-display-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-large-size: 3.5625rem;--md-sys-typescale-emphasized-display-large-line-height: 4rem;--md-sys-typescale-emphasized-display-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-display-large-tracking: -0.015625rem;--md-sys-typescale-emphasized-display-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-medium-size: 2.8125rem;--md-sys-typescale-emphasized-display-medium-line-height: 3.25rem;--md-sys-typescale-emphasized-display-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-display-medium-tracking: 0;--md-sys-typescale-emphasized-display-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-small-size: 2.25rem;--md-sys-typescale-emphasized-display-small-line-height: 2.75rem;--md-sys-typescale-emphasized-display-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-display-small-tracking: 0;--md-sys-typescale-emphasized-headline-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-large-size: 2rem;--md-sys-typescale-emphasized-headline-large-line-height: 2.5rem;--md-sys-typescale-emphasized-headline-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-headline-large-tracking: 0;--md-sys-typescale-emphasized-headline-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-medium-size: 1.75rem;--md-sys-typescale-emphasized-headline-medium-line-height: 2.25rem;--md-sys-typescale-emphasized-headline-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-headline-medium-tracking: 0;--md-sys-typescale-emphasized-headline-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-small-size: 1.5rem;--md-sys-typescale-emphasized-headline-small-line-height: 2rem;--md-sys-typescale-emphasized-headline-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-headline-small-tracking: 0;--md-sys-typescale-emphasized-title-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-title-large-size: 1.375rem;--md-sys-typescale-emphasized-title-large-line-height: 1.75rem;--md-sys-typescale-emphasized-title-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-title-large-tracking: 0;--md-sys-typescale-emphasized-title-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-title-medium-size: 1rem;--md-sys-typescale-emphasized-title-medium-line-height: 1.5rem;--md-sys-typescale-emphasized-title-medium-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-title-medium-tracking: 0,009375rem;--md-sys-typescale-emphasized-title-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-title-small-size: 0.875rem;--md-sys-typescale-emphasized-title-small-line-height: 1.25rem;--md-sys-typescale-emphasized-title-small-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-title-small-tracking: 0.00625rem;--md-sys-typescale-emphasized-body-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-large-size: 1rem;--md-sys-typescale-emphasized-body-large-line-height: 1.5rem;--md-sys-typescale-emphasized-body-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-body-large-tracking: 0.03125rem;--md-sys-typescale-emphasized-body-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-medium-size: 0.875rem;--md-sys-typescale-emphasized-body-medium-line-height: 1.25rem;--md-sys-typescale-emphasized-body-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-body-medium-tracking: 0.015625rem;--md-sys-typescale-emphasized-body-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-small-size: 0.75rem;--md-sys-typescale-emphasized-body-small-line-height: 1rem;--md-sys-typescale-emphasized-body-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-body-small-tracking: 0.025rem;--md-sys-typescale-emphasized-label-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-large-size: 0.875rem;--md-sys-typescale-emphasized-label-large-line-height: 1.25rem;--md-sys-typescale-emphasized-label-large-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-label-large-tracking: 0.00625rem;--md-sys-typescale-emphasized-label-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-medium-size: 0.75rem;--md-sys-typescale-emphasized-label-medium-line-height: 1rem;--md-sys-typescale-emphasized-label-medium-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-label-medium-tracking: 0.03125rem;--md-sys-typescale-emphasized-label-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-small-size: 0.6875rem;--md-sys-typescale-emphasized-label-small-line-height: 1rem;--md-sys-typescale-emphasized-label-small-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-label-small-tracking: 0.03125rem}.md-sys-typescale-display-large{font-family:var(--md-sys-typescale-display-large-font);font-size:var(--md-sys-typescale-display-large-size);line-height:var(--md-sys-typescale-display-large-line-height);font-weight:var(--md-sys-typescale-display-large-weight);letter-spacing:var(--md-sys-typescale-display-large-tracking)}.md-sys-typescale-display-medium{font-family:var(--md-sys-typescale-display-medium-font);font-size:var(--md-sys-typescale-display-medium-size);line-height:var(--md-sys-typescale-display-medium-line-height);font-weight:var(--md-sys-typescale-display-medium-weight);letter-spacing:var(--md-sys-typescale-display-medium-tracking)}.md-sys-typescale-display-small{font-family:var(--md-sys-typescale-display-small-font);font-size:var(--md-sys-typescale-display-small-size);line-height:var(--md-sys-typescale-display-small-line-height);font-weight:var(--md-sys-typescale-display-small-weight);letter-spacing:var(--md-sys-typescale-display-small-tracking)}.md-sys-typescale-headline-large{font-family:var(--md-sys-typescale-headline-large-font);font-size:var(--md-sys-typescale-headline-large-size);line-height:var(--md-sys-typescale-headline-large-line-height);font-weight:var(--md-sys-typescale-headline-large-weight);letter-spacing:var(--md-sys-typescale-headline-large-tracking)}.md-sys-typescale-headline-medium{font-family:var(--md-sys-typescale-headline-medium-font);font-size:var(--md-sys-typescale-headline-medium-size);line-height:var(--md-sys-typescale-headline-medium-line-height);font-weight:var(--md-sys-typescale-headline-medium-weight);letter-spacing:var(--md-sys-typescale-headline-medium-tracking)}.md-sys-typescale-headline-small{font-family:var(--md-sys-typescale-headline-small-font);font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--md-sys-typescale-headline-small-line-height);font-weight:var(--md-sys-typescale-headline-small-weight);letter-spacing:var(--md-sys-typescale-headline-small-tracking)}.md-sys-typescale-title-large{font-family:var(--md-sys-typescale-title-large-font);font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height);font-weight:var(--md-sys-typescale-title-large-weight);letter-spacing:var(--md-sys-typescale-title-large-tracking)}.md-sys-typescale-title-medium{font-family:var(--md-sys-typescale-title-medium-font);font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height);font-weight:var(--md-sys-typescale-title-medium-weight);letter-spacing:var(--md-sys-typescale-title-medium-tracking)}.md-sys-typescale-title-small{font-family:var(--md-sys-typescale-title-small-font);font-size:var(--md-sys-typescale-title-small-size);line-height:var(--md-sys-typescale-title-small-line-height);font-weight:var(--md-sys-typescale-title-small-weight);letter-spacing:var(--md-sys-typescale-title-small-tracking)}.md-sys-typescale-body-large{font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);font-weight:var(--md-sys-typescale-body-large-weight);letter-spacing:var(--md-sys-typescale-body-large-tracking)}.md-sys-typescale-body-medium{font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height);font-weight:var(--md-sys-typescale-body-medium-weight);letter-spacing:var(--md-sys-typescale-body-medium-tracking)}.md-sys-typescale-body-small{font-family:var(--md-sys-typescale-body-small-font);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);font-weight:var(--md-sys-typescale-body-small-weight);letter-spacing:var(--md-sys-typescale-body-small-tracking)}.md-sys-typescale-label-large{font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);font-weight:var(--md-sys-typescale-label-large-weight);letter-spacing:var(--md-sys-typescale-label-large-tracking)}.md-sys-typescale-label-medium{font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height);font-weight:var(--md-sys-typescale-label-medium-weight);letter-spacing:var(--md-sys-typescale-label-medium-tracking)}.md-sys-typescale-label-small{font-family:var(--md-sys-typescale-label-small-font);font-size:var(--md-sys-typescale-label-small-size);line-height:var(--md-sys-typescale-label-small-line-height);font-weight:var(--md-sys-typescale-label-small-weight);letter-spacing:var(--md-sys-typescale-label-small-tracking)}.md-sys-typescale-emphasized-display-large{font-family:var(--md-sys-typescale-emphasized-display-large-font);font-size:var(--md-sys-typescale-emphasized-display-large-size);line-height:var(--md-sys-typescale-emphasized-display-large-line-height);font-weight:var(--md-sys-typescale-emphasized-display-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-display-large-tracking)}.md-sys-typescale-emphasized-display-medium{font-family:var(--md-sys-typescale-emphasized-display-medium-font);font-size:var(--md-sys-typescale-emphasized-display-medium-size);line-height:var(--md-sys-typescale-emphasized-display-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-display-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-display-medium-tracking)}.md-sys-typescale-emphasized-display-small{font-family:var(--md-sys-typescale-emphasized-display-small-font);font-size:var(--md-sys-typescale-emphasized-display-small-size);line-height:var(--md-sys-typescale-emphasized-display-small-line-height);font-weight:var(--md-sys-typescale-emphasized-display-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-display-small-tracking)}.md-sys-typescale-emphasized-headline-large{font-family:var(--md-sys-typescale-emphasized-headline-large-font);font-size:var(--md-sys-typescale-emphasized-headline-large-size);line-height:var(--md-sys-typescale-emphasized-headline-large-line-height);font-weight:var(--md-sys-typescale-emphasized-headline-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-headline-large-tracking)}.md-sys-typescale-emphasized-headline-medium{font-family:var(--md-sys-typescale-emphasized-headline-medium-font);font-size:var(--md-sys-typescale-emphasized-headline-medium-size);line-height:var(--md-sys-typescale-emphasized-headline-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-headline-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-headline-medium-tracking)}.md-sys-typescale-emphasized-headline-small{font-family:var(--md-sys-typescale-emphasized-headline-small-font);font-size:var(--md-sys-typescale-emphasized-headline-small-size);line-height:var(--md-sys-typescale-emphasized-headline-small-line-height);font-weight:var(--md-sys-typescale-emphasized-headline-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-headline-small-tracking)}.md-sys-typescale-emphasized-title-large{font-family:var(--md-sys-typescale-emphasized-title-large-font);font-size:var(--md-sys-typescale-emphasized-title-large-size);line-height:var(--md-sys-typescale-emphasized-title-large-line-height);font-weight:var(--md-sys-typescale-emphasized-title-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-title-large-tracking)}.md-sys-typescale-emphasized-title-medium{font-family:var(--md-sys-typescale-emphasized-title-medium-font);font-size:var(--md-sys-typescale-emphasized-title-medium-size);line-height:var(--md-sys-typescale-emphasized-title-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-title-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-title-medium-tracking)}.md-sys-typescale-emphasized-title-small{font-family:var(--md-sys-typescale-emphasized-title-small-font);font-size:var(--md-sys-typescale-emphasized-title-small-size);line-height:var(--md-sys-typescale-emphasized-title-small-line-height);font-weight:var(--md-sys-typescale-emphasized-title-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-title-small-tracking)}.md-sys-typescale-emphasized-body-large{font-family:var(--md-sys-typescale-emphasized-body-large-font);font-size:var(--md-sys-typescale-emphasized-body-large-size);line-height:var(--md-sys-typescale-emphasized-body-large-line-height);font-weight:var(--md-sys-typescale-emphasized-body-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-body-large-tracking)}.md-sys-typescale-emphasized-body-medium{font-family:var(--md-sys-typescale-emphasized-body-medium-font);font-size:var(--md-sys-typescale-emphasized-body-medium-size);line-height:var(--md-sys-typescale-emphasized-body-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-body-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-body-medium-tracking)}.md-sys-typescale-emphasized-body-small{font-family:var(--md-sys-typescale-emphasized-body-small-font);font-size:var(--md-sys-typescale-emphasized-body-small-size);line-height:var(--md-sys-typescale-emphasized-body-small-line-height);font-weight:var(--md-sys-typescale-emphasized-body-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-body-small-tracking)}.md-sys-typescale-emphasized-label-large{font-family:var(--md-sys-typescale-emphasized-label-large-font);font-size:var(--md-sys-typescale-emphasized-label-large-size);line-height:var(--md-sys-typescale-emphasized-label-large-line-height);font-weight:var(--md-sys-typescale-emphasized-label-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-label-large-tracking)}.md-sys-typescale-emphasized-label-medium{font-family:var(--md-sys-typescale-emphasized-label-medium-font);font-size:var(--md-sys-typescale-emphasized-label-medium-size);line-height:var(--md-sys-typescale-emphasized-label-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-label-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-label-medium-tracking)}.md-sys-typescale-emphasized-label-small{font-family:var(--md-sys-typescale-emphasized-label-small-font);font-size:var(--md-sys-typescale-emphasized-label-small-size);line-height:var(--md-sys-typescale-emphasized-label-small-line-height);font-weight:var(--md-sys-typescale-emphasized-label-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-label-small-tracking)}.micl-textfield-filled,.micl-textfield-outlined{--md-sys-textfield-height: 56px;--md-sys-textfield-icon-size: 24px;--md-sys-textfield-icon-space: 12px;--md-sys-textfield-input-space: 16px;--md-sys-textfield-prefix-space: 1em;--md-sys-textfield-suffix-space: 1em;display:grid;grid-template-areas:"textfield" "supporting";align-items:center;background-color:inherit}.micl-textfield-filled>label,.micl-textfield-outlined>label{font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);font-weight:var(--md-sys-typescale-body-large-weight);letter-spacing:var(--md-sys-typescale-body-large-tracking);box-sizing:content-box;grid-area:textfield;align-self:flex-start;width:fit-content;padding-inline:4px;margin-block-start:calc((var(--md-sys-textfield-height) - var(--md-sys-typescale-body-large-line-height))/2);margin-inline-start:12px;border-radius:4px;background-color:inherit;color:var(--md-sys-color-on-surface-variant);z-index:1;transition:margin-block-start var(--md-sys-motion-duration-medium2) var(--md-sys-motion-duration-short3),margin-inline-start var(--md-sys-motion-duration-medium2) var(--md-sys-motion-duration-short3),font-size var(--md-sys-motion-duration-medium2),letter-spacing var(--md-sys-motion-duration-medium2)}.micl-textfield-filled>input,.micl-textfield-filled>select,.micl-textfield-filled>textarea,.micl-textfield-outlined>input,.micl-textfield-outlined>select,.micl-textfield-outlined>textarea{font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);font-weight:var(--md-sys-typescale-body-large-weight);letter-spacing:var(--md-sys-typescale-body-large-tracking);box-sizing:border-box;grid-area:textfield;margin:0;padding-inline:var(--md-sys-textfield-input-space);border:none;border-block-end:1px solid var(--md-sys-color-on-surface-variant);border-radius:var(--md-sys-shape-corner-extra-small);outline:none;color:var(--md-sys-color-on-surface);background-color:rgba(0,0,0,0);text-overflow:ellipsis;caret-color:var(--md-sys-color-primary)}.micl-textfield-filled>input:disabled,.micl-textfield-filled>select:disabled,.micl-textfield-filled>textarea:disabled,.micl-textfield-outlined>input:disabled,.micl-textfield-outlined>select:disabled,.micl-textfield-outlined>textarea:disabled{border-block-end-color:rgb(from var(--md-sys-color-on-surface) r g b/38%);color:rgb(from var(--md-sys-color-on-surface) r g b/38%)}.micl-textfield-filled>input::placeholder,.micl-textfield-filled>select::placeholder,.micl-textfield-filled>textarea::placeholder,.micl-textfield-outlined>input::placeholder,.micl-textfield-outlined>select::placeholder,.micl-textfield-outlined>textarea::placeholder{color:var(--md-sys-color-on-surface-variant)}.micl-textfield-filled>input::-webkit-inner-spin-button,.micl-textfield-filled>input::-webkit-outer-spin-button,.micl-textfield-filled>select::-webkit-inner-spin-button,.micl-textfield-filled>select::-webkit-outer-spin-button,.micl-textfield-filled>textarea::-webkit-inner-spin-button,.micl-textfield-filled>textarea::-webkit-outer-spin-button,.micl-textfield-outlined>input::-webkit-inner-spin-button,.micl-textfield-outlined>input::-webkit-outer-spin-button,.micl-textfield-outlined>select::-webkit-inner-spin-button,.micl-textfield-outlined>select::-webkit-outer-spin-button,.micl-textfield-outlined>textarea::-webkit-inner-spin-button,.micl-textfield-outlined>textarea::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.micl-textfield-filled>input[type=number],.micl-textfield-filled>select[type=number],.micl-textfield-filled>textarea[type=number],.micl-textfield-outlined>input[type=number],.micl-textfield-outlined>select[type=number],.micl-textfield-outlined>textarea[type=number]{-moz-appearance:textfield}.micl-textfield-filled>input,.micl-textfield-filled>select,.micl-textfield-outlined>input,.micl-textfield-outlined>select{height:var(--md-sys-textfield-height);padding-block:0}.micl-textfield-filled>textarea,.micl-textfield-outlined>textarea{min-height:var(--md-sys-textfield-height);padding-block:calc((var(--md-sys-textfield-height) - var(--md-sys-typescale-body-large-line-height))/2);resize:none}.micl-textfield-filled>textarea[rows],.micl-textfield-outlined>textarea[rows]{padding-block-start:0;border-block-start:8px solid rgba(0,0,0,0);overflow:hidden}.micl-textfield-filled>textarea:not([rows]),.micl-textfield-outlined>textarea:not([rows]){field-sizing:content}.micl-textfield-filled>.micl-textfield__prefix,.micl-textfield-filled>.micl-textfield__suffix,.micl-textfield-outlined>.micl-textfield__prefix,.micl-textfield-outlined>.micl-textfield__suffix{font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);font-weight:var(--md-sys-typescale-body-large-weight);letter-spacing:var(--md-sys-typescale-body-large-tracking);grid-area:textfield;align-content:center;height:var(--md-sys-textfield-height);color:var(--md-sys-color-on-surface-variant);opacity:0;z-index:1;transition:opacity var(--md-sys-motion-duration-long1)}.micl-textfield-filled>.micl-textfield__prefix,.micl-textfield-outlined>.micl-textfield__prefix{width:var(--md-sys-textfield-prefix-space);padding-inline-start:var(--md-sys-textfield-input-space)}.micl-textfield-filled>.micl-textfield__suffix,.micl-textfield-outlined>.micl-textfield__suffix{width:var(--md-sys-textfield-suffix-space);padding-inline-end:var(--md-sys-textfield-input-space);margin-inline:auto 0}.micl-textfield-filled>.micl-textfield__icon-leading,.micl-textfield-filled>.micl-textfield__icon-trailing,.micl-textfield-outlined>.micl-textfield__icon-leading,.micl-textfield-outlined>.micl-textfield__icon-trailing{grid-area:textfield;width:1em;margin-inline:var(--md-sys-textfield-icon-space) auto;font-size:var(--md-sys-textfield-icon-size);color:var(--md-sys-color-on-surface-variant);z-index:1}.micl-textfield-filled>.micl-textfield__icon-trailing,.micl-textfield-outlined>.micl-textfield__icon-trailing{margin-inline:auto var(--md-sys-textfield-icon-space)}.micl-textfield-filled:has(>.micl-textfield__prefix)>input,.micl-textfield-filled:has(>.micl-textfield__prefix)>textarea,.micl-textfield-outlined:has(>.micl-textfield__prefix)>input,.micl-textfield-outlined:has(>.micl-textfield__prefix)>textarea{padding-inline-start:calc(var(--md-sys-textfield-input-space) + var(--md-sys-textfield-prefix-space))}.micl-textfield-filled:has(>.micl-textfield__suffix)>input,.micl-textfield-filled:has(>.micl-textfield__suffix)>textarea,.micl-textfield-outlined:has(>.micl-textfield__suffix)>input,.micl-textfield-outlined:has(>.micl-textfield__suffix)>textarea{padding-inline-end:calc(var(--md-sys-textfield-suffix-space) + var(--md-sys-textfield-input-space))}.micl-textfield-filled:has(>.micl-textfield__icon-leading)>label,.micl-textfield-outlined:has(>.micl-textfield__icon-leading)>label{margin-inline-start:calc(var(--md-sys-textfield-icon-space) + var(--md-sys-textfield-icon-size) + var(--md-sys-textfield-input-space))}.micl-textfield-filled:has(>.micl-textfield__icon-leading)>.micl-textfield__prefix,.micl-textfield-filled:has(>.micl-textfield__icon-leading)>input,.micl-textfield-filled:has(>.micl-textfield__icon-leading)>textarea,.micl-textfield-outlined:has(>.micl-textfield__icon-leading)>.micl-textfield__prefix,.micl-textfield-outlined:has(>.micl-textfield__icon-leading)>input,.micl-textfield-outlined:has(>.micl-textfield__icon-leading)>textarea{padding-inline-start:calc(var(--md-sys-textfield-icon-space) + var(--md-sys-textfield-icon-size) + var(--md-sys-textfield-input-space))}.micl-textfield-filled:has(>.micl-textfield__icon-leading):has(>.micl-textfield__prefix)>input,.micl-textfield-filled:has(>.micl-textfield__icon-leading):has(>.micl-textfield__prefix)>textarea,.micl-textfield-outlined:has(>.micl-textfield__icon-leading):has(>.micl-textfield__prefix)>input,.micl-textfield-outlined:has(>.micl-textfield__icon-leading):has(>.micl-textfield__prefix)>textarea{padding-inline-start:calc(var(--md-sys-textfield-input-space) + var(--md-sys-textfield-icon-size) + var(--md-sys-textfield-icon-space) + var(--md-sys-textfield-prefix-space))}.micl-textfield-filled:has(>.micl-textfield__icon-trailing)>.micl-textfield__suffix,.micl-textfield-filled:has(>.micl-textfield__icon-trailing)>input,.micl-textfield-filled:has(>.micl-textfield__icon-trailing)>textarea,.micl-textfield-outlined:has(>.micl-textfield__icon-trailing)>.micl-textfield__suffix,.micl-textfield-outlined:has(>.micl-textfield__icon-trailing)>input,.micl-textfield-outlined:has(>.micl-textfield__icon-trailing)>textarea{padding-inline-end:calc(var(--md-sys-textfield-input-space) + var(--md-sys-textfield-icon-size) + var(--md-sys-textfield-icon-space))}.micl-textfield-filled:has(>.micl-textfield__icon-trailing):has(>.micl-textfield__suffix)>input,.micl-textfield-filled:has(>.micl-textfield__icon-trailing):has(>.micl-textfield__suffix)>textarea,.micl-textfield-outlined:has(>.micl-textfield__icon-trailing):has(>.micl-textfield__suffix)>input,.micl-textfield-outlined:has(>.micl-textfield__icon-trailing):has(>.micl-textfield__suffix)>textarea{padding-inline-end:calc(var(--md-sys-textfield-input-space) + var(--md-sys-textfield-icon-size) + var(--md-sys-textfield-prefix-space) + var(--md-sys-textfield-icon-space))}.micl-textfield-filled>.micl-textfield__supporting-text,.micl-textfield-filled>.micl-textfield__character-counter,.micl-textfield-outlined>.micl-textfield__supporting-text,.micl-textfield-outlined>.micl-textfield__character-counter{font-family:var(--md-sys-typescale-body-small-font);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);font-weight:var(--md-sys-typescale-body-small-weight);letter-spacing:var(--md-sys-typescale-body-small-tracking);grid-area:supporting;padding-block:4px 0;padding-inline:16px;color:var(--md-sys-color-on-surface-variant)}.micl-textfield-filled>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-filled>.micl-textfield__character-counter.micl-textfield__supporting-text--focus,.micl-textfield-outlined>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-outlined>.micl-textfield__character-counter.micl-textfield__supporting-text--focus{visibility:hidden}.micl-textfield-filled>.micl-textfield__character-counter,.micl-textfield-outlined>.micl-textfield__character-counter{justify-self:flex-end}.micl-textfield-filled:has(>input:active)>label,.micl-textfield-filled:has(>select:active)>label,.micl-textfield-filled:has(>textarea:active)>label,.micl-textfield-filled:has(>input:focus)>label,.micl-textfield-filled:has(>select:focus)>label,.micl-textfield-filled:has(>textarea:focus)>label,.micl-textfield-filled:has(>input:focus-visible)>label,.micl-textfield-filled:has(>select:focus-visible)>label,.micl-textfield-filled:has(>textarea:focus-visible)>label,.micl-textfield-outlined:has(>input:active)>label,.micl-textfield-outlined:has(>select:active)>label,.micl-textfield-outlined:has(>textarea:active)>label,.micl-textfield-outlined:has(>input:focus)>label,.micl-textfield-outlined:has(>select:focus)>label,.micl-textfield-outlined:has(>textarea:focus)>label,.micl-textfield-outlined:has(>input:focus-visible)>label,.micl-textfield-outlined:has(>select:focus-visible)>label,.micl-textfield-outlined:has(>textarea:focus-visible)>label{color:var(--md-sys-color-primary)}.micl-textfield-filled:has(>input:active)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-filled:has(>select:active)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-filled:has(>textarea:active)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-filled:has(>input:focus)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-filled:has(>select:focus)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-filled:has(>textarea:focus)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-filled:has(>input:focus-visible)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-filled:has(>select:focus-visible)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-filled:has(>textarea:focus-visible)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-outlined:has(>input:active)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-outlined:has(>select:active)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-outlined:has(>textarea:active)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-outlined:has(>input:focus)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-outlined:has(>select:focus)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-outlined:has(>textarea:focus)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-outlined:has(>input:focus-visible)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-outlined:has(>select:focus-visible)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus,.micl-textfield-outlined:has(>textarea:focus-visible)>.micl-textfield__supporting-text.micl-textfield__supporting-text--focus{visibility:visible}.micl-textfield-filled:has(>input:disabled)>label,.micl-textfield-filled:has(>select:disabled)>label,.micl-textfield-filled:has(>textarea:disabled)>label,.micl-textfield-outlined:has(>input:disabled)>label,.micl-textfield-outlined:has(>select:disabled)>label,.micl-textfield-outlined:has(>textarea:disabled)>label{color:rgb(from var(--md-sys-color-on-surface) r g b/38%)}.micl-textfield-filled:has(>input:disabled)>.micl-textfield__icon-leading,.micl-textfield-filled:has(>input:disabled)>.micl-textfield__icon-trailing,.micl-textfield-filled:has(>input:disabled)>.micl-textfield__supporting-text,.micl-textfield-filled:has(>select:disabled)>.micl-textfield__icon-leading,.micl-textfield-filled:has(>select:disabled)>.micl-textfield__icon-trailing,.micl-textfield-filled:has(>select:disabled)>.micl-textfield__supporting-text,.micl-textfield-filled:has(>textarea:disabled)>.micl-textfield__icon-leading,.micl-textfield-filled:has(>textarea:disabled)>.micl-textfield__icon-trailing,.micl-textfield-filled:has(>textarea:disabled)>.micl-textfield__supporting-text,.micl-textfield-outlined:has(>input:disabled)>.micl-textfield__icon-leading,.micl-textfield-outlined:has(>input:disabled)>.micl-textfield__icon-trailing,.micl-textfield-outlined:has(>input:disabled)>.micl-textfield__supporting-text,.micl-textfield-outlined:has(>select:disabled)>.micl-textfield__icon-leading,.micl-textfield-outlined:has(>select:disabled)>.micl-textfield__icon-trailing,.micl-textfield-outlined:has(>select:disabled)>.micl-textfield__supporting-text,.micl-textfield-outlined:has(>textarea:disabled)>.micl-textfield__icon-leading,.micl-textfield-outlined:has(>textarea:disabled)>.micl-textfield__icon-trailing,.micl-textfield-outlined:has(>textarea:disabled)>.micl-textfield__supporting-text{color:rgb(from var(--md-sys-color-on-surface) r g b/38%)}.micl-textfield-filled:has(>input:disabled)>.micl-textfield__character-counter,.micl-textfield-filled:has(>select:disabled)>.micl-textfield__character-counter,.micl-textfield-filled:has(>textarea:disabled)>.micl-textfield__character-counter,.micl-textfield-outlined:has(>input:disabled)>.micl-textfield__character-counter,.micl-textfield-outlined:has(>select:disabled)>.micl-textfield__character-counter,.micl-textfield-outlined:has(>textarea:disabled)>.micl-textfield__character-counter{display:none}.micl-textfield-filled:has(>input:not([maxlength]))>.micl-textfield__character-counter,.micl-textfield-filled:has(>textarea:not([maxlength]))>.micl-textfield__character-counter,.micl-textfield-outlined:has(>input:not([maxlength]))>.micl-textfield__character-counter,.micl-textfield-outlined:has(>textarea:not([maxlength]))>.micl-textfield__character-counter{display:none}.micl-textfield-filled:has(>input[maxlength]:not(:disabled)):has(>.micl-textfield__character-counter)>.micl-textfield__supporting-text,.micl-textfield-filled:has(>textarea[maxlength]:not(:disabled)):has(>.micl-textfield__character-counter)>.micl-textfield__supporting-text,.micl-textfield-outlined:has(>input[maxlength]:not(:disabled)):has(>.micl-textfield__character-counter)>.micl-textfield__supporting-text,.micl-textfield-outlined:has(>textarea[maxlength]:not(:disabled)):has(>.micl-textfield__character-counter)>.micl-textfield__supporting-text{padding-inline-end:64px}.micl-textfield-filled>label{background-color:rgba(0,0,0,0)}.micl-textfield-filled:hover>input:not(:disabled),.micl-textfield-filled:hover>select:not(:disabled),.micl-textfield-filled:hover>textarea:not(:disabled){border-block-end-color:var(--md-sys-color-on-surface);background-color:color-mix(in srgb, var(--md-sys-color-surface-container-highest), var(--md-sys-color-on-surface) var(--md-sys-state-hover-state-layer-opacity))}.micl-textfield-filled>input,.micl-textfield-filled>select,.micl-textfield-filled>textarea{padding-block-start:18px;padding-block-end:2px;background-color:var(--md-sys-color-surface-container-highest);border-end-start-radius:0;border-end-end-radius:0;outline:none}.micl-textfield-filled>input:disabled,.micl-textfield-filled>select:disabled,.micl-textfield-filled>textarea:disabled{background-color:rgb(from var(--md-sys-color-on-surface) r g b/4%)}.micl-textfield-filled>input:not(:disabled):focus,.micl-textfield-filled>input:not(:disabled):focus-visible,.micl-textfield-filled>input:not(:disabled):active,.micl-textfield-filled>select:not(:disabled):focus,.micl-textfield-filled>select:not(:disabled):focus-visible,.micl-textfield-filled>select:not(:disabled):active,.micl-textfield-filled>textarea:not(:disabled):focus,.micl-textfield-filled>textarea:not(:disabled):focus-visible,.micl-textfield-filled>textarea:not(:disabled):active{padding-block-end:0px;border-block-end-width:3px;border-block-end-color:var(--md-sys-color-primary)}.micl-textfield-filled>select{line-height:28px}.micl-textfield-filled>textarea{padding-block-start:24px}.micl-textfield-filled:has(>input:focus,>input[value]:not([value=""]):not([data-miclinitialized]),>input[data-miclvalue],>input[type=date],>input[type=datetime-local],>input[type=month],>input[type=time],>input[type=week],>select:focus,>select[value]:not([value=""]):not([data-miclinitialized]),>select[data-miclvalue],>textarea:focus,>textarea:not(:empty):not([data-miclinitialized]),>textarea[data-miclvalue])>label{font-family:var(--md-sys-typescale-body-small-font);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);font-weight:var(--md-sys-typescale-body-small-weight);letter-spacing:var(--md-sys-typescale-body-small-tracking);margin-block-start:8px;margin-inline-start:12px}.micl-textfield-filled:has(>input:focus,>input[value]:not([value=""]):not([data-miclinitialized]),>input[data-miclvalue],>input[type=date],>input[type=datetime-local],>input[type=month],>input[type=time],>input[type=week],>select:focus,>select[value]:not([value=""]):not([data-miclinitialized]),>select[data-miclvalue],>textarea:focus,>textarea:not(:empty):not([data-miclinitialized]),>textarea[data-miclvalue]):has(>.micl-textfield__icon-leading)>label{margin-inline-start:calc(var(--md-sys-textfield-input-space) + var(--md-sys-textfield-icon-size) + var(--md-sys-textfield-icon-space) - 4px)}.micl-textfield-filled:has(>input:focus,>input[value]:not([value=""]):not([data-miclinitialized]),>input[data-miclvalue],>input[type=date],>input[type=datetime-local],>input[type=month],>input[type=time],>input[type=week],>select:focus,>select[value]:not([value=""]):not([data-miclinitialized]),>select[data-miclvalue],>textarea:focus,>textarea:not(:empty):not([data-miclinitialized]),>textarea[data-miclvalue])>.micl-textfield__prefix,.micl-textfield-filled:has(>input:focus,>input[value]:not([value=""]):not([data-miclinitialized]),>input[data-miclvalue],>input[type=date],>input[type=datetime-local],>input[type=month],>input[type=time],>input[type=week],>select:focus,>select[value]:not([value=""]):not([data-miclinitialized]),>select[data-miclvalue],>textarea:focus,>textarea:not(:empty):not([data-miclinitialized]),>textarea[data-miclvalue])>.micl-textfield__suffix{height:40px;margin-block-start:16px;opacity:1}.micl-textfield-outlined{margin-block-start:.375rem}.micl-textfield-outlined:hover>label{color:var(--md-sys-color-on-surface)}.micl-textfield-outlined:hover>input:not(:disabled),.micl-textfield-outlined:hover>select:not(:disabled),.micl-textfield-outlined:hover>textarea:not(:disabled){outline-color:var(--md-sys-color-on-surface);color:var(--md-sys-color-on-surface)}.micl-textfield-outlined>input,.micl-textfield-outlined>select,.micl-textfield-outlined>textarea{border:none;outline:1px solid var(--md-sys-color-outline)}.micl-textfield-outlined>input:disabled,.micl-textfield-outlined>select:disabled,.micl-textfield-outlined>textarea:disabled{outline-color:rgb(from var(--md-sys-color-on-surface) r g b/12%)}.micl-textfield-outlined>input:not(:disabled):focus,.micl-textfield-outlined>input:not(:disabled):focus-visible,.micl-textfield-outlined>input:not(:disabled):active,.micl-textfield-outlined>select:not(:disabled):focus,.micl-textfield-outlined>select:not(:disabled):focus-visible,.micl-textfield-outlined>select:not(:disabled):active,.micl-textfield-outlined>textarea:not(:disabled):focus,.micl-textfield-outlined>textarea:not(:disabled):focus-visible,.micl-textfield-outlined>textarea:not(:disabled):active{outline-width:3px;outline-color:var(--md-sys-color-primary)}.micl-textfield-outlined>select{line-height:var(--md-sys-textfield-height)}.micl-textfield-outlined:has(>input:focus,>input[value]:not([value=""]):not([data-miclinitialized]),>input[data-miclvalue],>input[type=date],>input[type=datetime-local],>input[type=month],>input[type=time],>input[type=week],>select:focus,>select[value]:not([value=""]):not([data-miclinitialized]),>select[data-miclvalue],>textarea:focus,>textarea:not(:empty):not([data-miclinitialized]),>textarea[data-miclvalue])>label{font-family:var(--md-sys-typescale-body-small-font);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);font-weight:var(--md-sys-typescale-body-small-weight);letter-spacing:var(--md-sys-typescale-body-small-tracking);margin-block-start:calc(-2px - var(--md-sys-typescale-body-small-line-height)/2);margin-inline-start:12px}.micl-textfield-outlined:has(>input:focus,>input[value]:not([value=""]):not([data-miclinitialized]),>input[data-miclvalue],>input[type=date],>input[type=datetime-local],>input[type=month],>input[type=time],>input[type=week],>select:focus,>select[value]:not([value=""]):not([data-miclinitialized]),>select[data-miclvalue],>textarea:focus,>textarea:not(:empty):not([data-miclinitialized]),>textarea[data-miclvalue])>.micl-textfield__prefix,.micl-textfield-outlined:has(>input:focus,>input[value]:not([value=""]):not([data-miclinitialized]),>input[data-miclvalue],>input[type=date],>input[type=datetime-local],>input[type=month],>input[type=time],>input[type=week],>select:focus,>select[value]:not([value=""]):not([data-miclinitialized]),>select[data-miclvalue],>textarea:focus,>textarea:not(:empty):not([data-miclinitialized]),>textarea[data-miclvalue])>.micl-textfield__suffix{opacity:1}.micl-textfield-filled.micl-textfield--error>label,.micl-textfield-filled.micl-textfield--error>.micl-textfield__icon-trailing,.micl-textfield-filled.micl-textfield--error>.micl-textfield__supporting-text,.micl-textfield-filled.micl-textfield--error>.micl-textfield__character-counter,.micl-textfield-outlined.micl-textfield--error>label,.micl-textfield-outlined.micl-textfield--error>.micl-textfield__icon-trailing,.micl-textfield-outlined.micl-textfield--error>.micl-textfield__supporting-text,.micl-textfield-outlined.micl-textfield--error>.micl-textfield__character-counter{color:var(--md-sys-color-error)}.micl-textfield-filled.micl-textfield--error>input,.micl-textfield-filled.micl-textfield--error>textarea,.micl-textfield-outlined.micl-textfield--error>input,.micl-textfield-outlined.micl-textfield--error>textarea{border-block-end-color:var(--md-sys-color-error);outline-color:var(--md-sys-color-error);caret-color:var(--md-sys-color-error)}.micl-textfield-filled.micl-textfield--error>input:active,.micl-textfield-filled.micl-textfield--error>input:focus,.micl-textfield-filled.micl-textfield--error>input:focus-visible,.micl-textfield-filled.micl-textfield--error>textarea:active,.micl-textfield-filled.micl-textfield--error>textarea:focus,.micl-textfield-filled.micl-textfield--error>textarea:focus-visible,.micl-textfield-outlined.micl-textfield--error>input:active,.micl-textfield-outlined.micl-textfield--error>input:focus,.micl-textfield-outlined.micl-textfield--error>input:focus-visible,.micl-textfield-outlined.micl-textfield--error>textarea:active,.micl-textfield-outlined.micl-textfield--error>textarea:focus,.micl-textfield-outlined.micl-textfield--error>textarea:focus-visible{border-block-end-color:var(--md-sys-color-error);outline-color:var(--md-sys-color-error)}.micl-textfield-filled.micl-textfield--error:hover>label,.micl-textfield-filled.micl-textfield--error:hover>.micl-textfield__icon-trailing,.micl-textfield-outlined.micl-textfield--error:hover>label,.micl-textfield-outlined.micl-textfield--error:hover>.micl-textfield__icon-trailing{color:var(--md-sys-color-on-error-container)}.micl-textfield-filled.micl-textfield--error:hover>input,.micl-textfield-filled.micl-textfield--error:hover>textarea,.micl-textfield-outlined.micl-textfield--error:hover>input,.micl-textfield-outlined.micl-textfield--error:hover>textarea{border-block-end-color:var(--md-sys-color-on-error-container);outline-color:var(--md-sys-color-on-error-container)}.micl-textfield-filled.micl-textfield--error:has(>input:active)>label,.micl-textfield-filled.micl-textfield--error:has(>input:active)>.micl-textfield__icon-trailing,.micl-textfield-filled.micl-textfield--error:has(>input:focus)>label,.micl-textfield-filled.micl-textfield--error:has(>input:focus)>.micl-textfield__icon-trailing,.micl-textfield-filled.micl-textfield--error:has(>input:focus-visible)>label,.micl-textfield-filled.micl-textfield--error:has(>input:focus-visible)>.micl-textfield__icon-trailing,.micl-textfield-filled.micl-textfield--error:has(>textarea:active)>label,.micl-textfield-filled.micl-textfield--error:has(>textarea:active)>.micl-textfield__icon-trailing,.micl-textfield-filled.micl-textfield--error:has(>textarea:focus)>label,.micl-textfield-filled.micl-textfield--error:has(>textarea:focus)>.micl-textfield__icon-trailing,.micl-textfield-filled.micl-textfield--error:has(>textarea:focus-visible)>label,.micl-textfield-filled.micl-textfield--error:has(>textarea:focus-visible)>.micl-textfield__icon-trailing,.micl-textfield-outlined.micl-textfield--error:has(>input:active)>label,.micl-textfield-outlined.micl-textfield--error:has(>input:active)>.micl-textfield__icon-trailing,.micl-textfield-outlined.micl-textfield--error:has(>input:focus)>label,.micl-textfield-outlined.micl-textfield--error:has(>input:focus)>.micl-textfield__icon-trailing,.micl-textfield-outlined.micl-textfield--error:has(>input:focus-visible)>label,.micl-textfield-outlined.micl-textfield--error:has(>input:focus-visible)>.micl-textfield__icon-trailing,.micl-textfield-outlined.micl-textfield--error:has(>textarea:active)>label,.micl-textfield-outlined.micl-textfield--error:has(>textarea:active)>.micl-textfield__icon-trailing,.micl-textfield-outlined.micl-textfield--error:has(>textarea:focus)>label,.micl-textfield-outlined.micl-textfield--error:has(>textarea:focus)>.micl-textfield__icon-trailing,.micl-textfield-outlined.micl-textfield--error:has(>textarea:focus-visible)>label,.micl-textfield-outlined.micl-textfield--error:has(>textarea:focus-visible)>.micl-textfield__icon-trailing{color:var(--md-sys-color-error)}[dir=rtl] .micl-textfield-filled>.micl-textfield__icon-leading,[dir=rtl] .micl-textfield-outlined>.micl-textfield__icon-leading{margin-inline:auto var(--md-sys-textfield-icon-space)}[dir=rtl] .micl-textfield-filled>.micl-textfield__icon-trailing,[dir=rtl] .micl-textfield-outlined>.micl-textfield__icon-trailing{margin-inline:var(--md-sys-textfield-icon-space) auto}
|
package/dist/textfield.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
!function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports.micl=o():e.micl=o()}(self,()=>(()=>{"use strict";var e={};return(e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})})(e),e})());
|
|
@@ -67,11 +67,11 @@ export default (() =>
|
|
|
67
67
|
}
|
|
68
68
|
};
|
|
69
69
|
|
|
70
|
-
const initializeComponents = () =>
|
|
70
|
+
const initializeComponents = (parent: HTMLDocument | HTMLElement): void =>
|
|
71
71
|
{
|
|
72
|
-
|
|
72
|
+
parent.querySelectorAll<HTMLElement>(selector).forEach(initializeComponent);
|
|
73
73
|
|
|
74
|
-
|
|
74
|
+
parent.querySelectorAll<HTMLElement>('[class*="micl-"]').forEach(element => {
|
|
75
75
|
if (window.getComputedStyle(element).getPropertyValue('--miclripple')) {
|
|
76
76
|
element.addEventListener('pointerdown', e => {
|
|
77
77
|
if ((e.currentTarget as Element).classList.contains('micl-card--nonactionable')) {
|
|
@@ -104,67 +104,88 @@ export default (() =>
|
|
|
104
104
|
}
|
|
105
105
|
};
|
|
106
106
|
|
|
107
|
-
const
|
|
107
|
+
const cleanupComponents = (parent: HTMLDocument | HTMLElement): void =>
|
|
108
108
|
{
|
|
109
|
-
|
|
109
|
+
parent.querySelectorAll<HTMLElement>(selector).forEach(cleanupComponent);
|
|
110
|
+
};
|
|
111
|
+
|
|
112
|
+
const activate = () =>
|
|
113
|
+
{
|
|
114
|
+
const observer = new MutationObserver(mutations =>
|
|
110
115
|
{
|
|
111
|
-
|
|
112
|
-
return;
|
|
113
|
-
}
|
|
114
|
-
mutation.addedNodes.forEach(node =>
|
|
116
|
+
mutations.forEach(mutation =>
|
|
115
117
|
{
|
|
116
|
-
if (
|
|
117
|
-
|
|
118
|
-
initializeComponent(node);
|
|
119
|
-
}
|
|
120
|
-
node.querySelectorAll<HTMLElement>(selector).forEach(initializeComponent);
|
|
118
|
+
if (mutation.type !== 'childList') {
|
|
119
|
+
return;
|
|
121
120
|
}
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
121
|
+
mutation.addedNodes.forEach(node =>
|
|
122
|
+
{
|
|
123
|
+
if (node instanceof HTMLElement) {
|
|
124
|
+
if (node.matches(selector)) {
|
|
125
|
+
initializeComponent(node);
|
|
126
|
+
}
|
|
127
|
+
node.querySelectorAll<HTMLElement>(selector).forEach(initializeComponent);
|
|
128
128
|
}
|
|
129
|
-
|
|
130
|
-
|
|
129
|
+
});
|
|
130
|
+
mutation.removedNodes.forEach(node =>
|
|
131
|
+
{
|
|
132
|
+
if (node instanceof HTMLElement) {
|
|
133
|
+
if (node.matches(selector)) {
|
|
134
|
+
cleanupComponent(node);
|
|
135
|
+
}
|
|
136
|
+
cleanupComponents(node);
|
|
137
|
+
}
|
|
138
|
+
});
|
|
131
139
|
});
|
|
132
140
|
});
|
|
133
|
-
|
|
134
|
-
observer.observe(document.body, { childList: true, subtree: true });
|
|
141
|
+
observer.observe(document.body, { childList: true, subtree: true });
|
|
135
142
|
|
|
136
|
-
|
|
143
|
+
initializeComponents(document);
|
|
137
144
|
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
145
|
+
// Delegated Event Handlers
|
|
146
|
+
document.addEventListener('input', event =>
|
|
147
|
+
{
|
|
148
|
+
for (const [selector, { component, type }] of Object.entries(componentMap)) {
|
|
149
|
+
if (
|
|
150
|
+
(event.target as Element).matches(selector)
|
|
151
|
+
&& event.target instanceof type
|
|
152
|
+
&& typeof component.input === 'function'
|
|
153
|
+
) {
|
|
154
|
+
component.input(event);
|
|
155
|
+
return;
|
|
156
|
+
}
|
|
149
157
|
}
|
|
150
|
-
}
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
158
|
+
});
|
|
159
|
+
document.addEventListener('keydown', event =>
|
|
160
|
+
{
|
|
161
|
+
for (const [selector, { component, type }] of Object.entries(componentMap)) {
|
|
162
|
+
if (
|
|
163
|
+
(event.target as Element).matches(selector)
|
|
164
|
+
&& event.target instanceof type
|
|
165
|
+
&& typeof component.keydown === 'function'
|
|
166
|
+
) {
|
|
167
|
+
component.keydown(event);
|
|
168
|
+
return;
|
|
169
|
+
}
|
|
162
170
|
}
|
|
163
|
-
}
|
|
164
|
-
}
|
|
171
|
+
});
|
|
172
|
+
};
|
|
173
|
+
|
|
174
|
+
const loaded = () =>
|
|
175
|
+
{
|
|
176
|
+
document.removeEventListener('DOMContentLoaded', loaded);
|
|
177
|
+
activate();
|
|
178
|
+
};
|
|
179
|
+
|
|
180
|
+
if (document.readyState !== 'loading') {
|
|
181
|
+
activate();
|
|
182
|
+
}
|
|
183
|
+
else {
|
|
184
|
+
document.addEventListener('DOMContentLoaded', loaded);
|
|
185
|
+
}
|
|
165
186
|
|
|
166
187
|
return {
|
|
167
|
-
initialize: () => initializeComponents(),
|
|
168
|
-
cleanup : () => document
|
|
188
|
+
initialize: () => initializeComponents(document),
|
|
189
|
+
cleanup : () => cleanupComponents(document)
|
|
169
190
|
};
|
|
170
191
|
})();
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "material-inspired-component-library",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.1",
|
|
4
4
|
"description": "The Material-Inspired Component Library (MICL) offers a collection of beautifully crafted components leveraging native HTML markup, designed to align with the Material Design 3 guidelines.",
|
|
5
5
|
"author": "MICL Hermana <micl.hermana@proton.me> (https://github.com/henkpb/micl)",
|
|
6
6
|
"license": "MIT",
|
|
@@ -35,12 +35,14 @@
|
|
|
35
35
|
"bugs": {
|
|
36
36
|
"url": "https://github.com/henkpb/micl/issues"
|
|
37
37
|
},
|
|
38
|
-
"main": "
|
|
38
|
+
"main": "dist/micl.js",
|
|
39
|
+
"types": "dist/micl.d.ts",
|
|
39
40
|
"scripts": {
|
|
40
41
|
"build": "webpack",
|
|
41
42
|
"start": "echo 'No start script yet'",
|
|
42
43
|
"test": "echo \"Error: no test specified\" && exit 1"
|
|
43
44
|
},
|
|
45
|
+
"sideEffects": false,
|
|
44
46
|
"devDependencies": {
|
|
45
47
|
"autoprefixer": "^10.4.19",
|
|
46
48
|
"css-loader": "^7.1.2",
|