material-inspired-component-library 1.0.3 → 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.
Files changed (80) hide show
  1. package/README.md +23 -20
  2. package/components/accordion/README.md +7 -9
  3. package/components/bottomsheet/README.md +7 -9
  4. package/components/bottomsheet/index.scss +3 -0
  5. package/components/button/README.md +7 -9
  6. package/components/button/index.scss +3 -0
  7. package/components/card/README.md +3 -3
  8. package/components/card/index.scss +3 -0
  9. package/components/checkbox/README.md +7 -9
  10. package/components/checkbox/index.scss +2 -0
  11. package/components/dialog/README.md +3 -3
  12. package/components/dialog/index.scss +3 -0
  13. package/components/divider/README.md +3 -3
  14. package/components/iconbutton/README.md +7 -9
  15. package/components/iconbutton/index.scss +3 -0
  16. package/components/list/README.md +7 -9
  17. package/components/list/index.scss +2 -0
  18. package/components/menu/README.md +8 -10
  19. package/components/menu/index.scss +3 -0
  20. package/components/radio/README.md +3 -3
  21. package/components/radio/index.scss +2 -0
  22. package/components/select/README.md +9 -11
  23. package/components/select/index.scss +2 -0
  24. package/components/sidesheet/README.md +3 -3
  25. package/components/sidesheet/index.scss +2 -0
  26. package/components/slider/README.md +7 -9
  27. package/components/slider/index.scss +13 -8
  28. package/components/switch/README.md +3 -3
  29. package/components/switch/index.scss +3 -0
  30. package/components/textfield/README.md +55 -26
  31. package/components/textfield/index.scss +100 -55
  32. package/components/textfield/index.ts +23 -16
  33. package/dist/bottomsheet.css +1 -1
  34. package/dist/bottomsheet.js +1 -0
  35. package/dist/button.css +1 -1
  36. package/dist/button.js +1 -0
  37. package/dist/card.css +1 -1
  38. package/dist/card.js +1 -0
  39. package/dist/checkbox.css +1 -1
  40. package/dist/checkbox.js +1 -0
  41. package/dist/components/bottomsheet/index.d.ts +6 -0
  42. package/dist/components/button/index.d.ts +6 -0
  43. package/dist/components/checkbox/index.d.ts +5 -0
  44. package/dist/components/iconbutton/index.d.ts +6 -0
  45. package/dist/components/list/index.d.ts +5 -0
  46. package/dist/components/menu/index.d.ts +16 -0
  47. package/dist/components/slider/index.d.ts +6 -0
  48. package/dist/components/textfield/index.d.ts +8 -0
  49. package/dist/dialog.css +1 -1
  50. package/dist/dialog.js +1 -0
  51. package/dist/divider.js +1 -0
  52. package/dist/iconbutton.css +1 -1
  53. package/dist/iconbutton.js +1 -0
  54. package/dist/list.css +1 -1
  55. package/dist/list.js +1 -0
  56. package/dist/menu.css +1 -1
  57. package/dist/menu.js +1 -0
  58. package/dist/micl.css +1 -1
  59. package/dist/micl.d.ts +5 -0
  60. package/dist/micl.js +1 -1
  61. package/dist/radio.css +1 -1
  62. package/dist/radio.js +1 -0
  63. package/dist/select.css +1 -1
  64. package/dist/select.js +1 -0
  65. package/dist/sidesheet.css +1 -1
  66. package/dist/sidesheet.js +1 -0
  67. package/dist/slider.css +1 -1
  68. package/dist/slider.js +1 -0
  69. package/dist/switch.css +1 -1
  70. package/dist/switch.js +1 -0
  71. package/dist/textfield.css +1 -1
  72. package/dist/textfield.js +1 -0
  73. package/docs/micl.css +1 -1
  74. package/docs/micl.js +1 -1
  75. package/docs/slider.html +1 -0
  76. package/docs/textfield.html +30 -17
  77. package/{components.ts → micl.ts} +75 -53
  78. package/package.json +5 -3
  79. package/tsconfig.json +11 -5
  80. package/webpack.config.js +7 -4
package/dist/checkbox.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}body{--md-sys-ripple-background-color: var(--md-sys-color-on-surface);--md-sys-ripple-opacity: 20%;--md-sys-ripple-duration: var(--md-sys-motion-duration-extra-long4)}:root{--md-sys-checkbox-container-size: 18px;--md-sys-checkbox-border-width: 2px;--md-sys-checkbox-selected-icon: "⨽";--md-sys-checkbox-state-layer-radius: 20px}@property --checkbox-outline-color{syntax:"<color>";initial-value:rgba(0,0,0,0);inherits:false}@property --checkbox-state-layer-color{syntax:"<color>";initial-value:rgba(0,0,0,0);inherits:false}@property --checkbox-container-color{syntax:"<color>";initial-value:rgba(0,0,0,0);inherits:false}@property --checkbox-container-border-color{syntax:"<color>";initial-value:rgba(0,0,0,0);inherits:false}input[type=checkbox].micl-checkbox{--md-sys-ripple-background-color: var(--md-sys-color-primary);--checkbox-container-color: transparent;--checkbox-container-border-color: var(--md-sys-color-on-surface-variant);appearance:none;box-sizing:border-box;position:relative;width:var(--md-sys-target-size);min-width:var(--md-sys-target-size);height:var(--md-sys-target-size);min-height:var(--md-sys-target-size);margin:0;padding:calc((var(--md-sys-target-size) - var(--md-sys-checkbox-container-size))/2);border-radius:calc(var(--md-sys-checkbox-border-width) + (var(--md-sys-target-size) - var(--md-sys-checkbox-container-size))/2);background-clip:border-box,border-box,content-box,content-box,content-box;background-image:radial-gradient(circle var(--md-sys-checkbox-state-layer-radius), transparent 0%, transparent calc(var(--md-sys-checkbox-state-layer-radius) - var(--md-sys-state-focus-indicator-thickness)), var(--checkbox-outline-color) calc(var(--md-sys-checkbox-state-layer-radius) - var(--md-sys-state-focus-indicator-thickness)), var(--checkbox-outline-color) 100%, transparent),radial-gradient(circle calc(var(--md-sys-checkbox-state-layer-radius) - var(--md-sys-state-focus-indicator-thickness)), var(--checkbox-state-layer-color) 0%, var(--checkbox-state-layer-color) 100%, transparent),linear-gradient(to right, var(--checkbox-container-color) 0%, var(--checkbox-container-color) 100%, transparent),linear-gradient(to bottom, var(--checkbox-container-border-color) var(--md-sys-checkbox-border-width), transparent var(--md-sys-checkbox-border-width), transparent 16px, var(--checkbox-container-border-color) 0px, var(--checkbox-container-border-color) var(--md-sys-checkbox-container-size), transparent var(--md-sys-checkbox-container-size)),linear-gradient(to right, var(--checkbox-container-border-color) var(--md-sys-checkbox-border-width), transparent var(--md-sys-checkbox-border-width), transparent 16px, var(--checkbox-container-border-color) 0px, var(--checkbox-container-border-color) var(--md-sys-checkbox-container-size), transparent var(--md-sys-checkbox-container-size));background-origin:border-box;background-position:center,center,center,center,center;background-repeat:no-repeat;background-size:auto,auto,var(--md-sys-checkbox-container-size) var(--md-sys-checkbox-container-size),var(--md-sys-checkbox-container-size) var(--md-sys-checkbox-container-size),var(--md-sys-checkbox-container-size) var(--md-sys-checkbox-container-size),var(--md-sys-checkbox-container-size) var(--md-sys-checkbox-container-size);clip-path:circle(var(--md-sys-checkbox-state-layer-radius));transition:--checkbox-outline-color var(--md-sys-motion-duration-medium2),--checkbox-state-layer-color var(--md-sys-motion-duration-medium2),--checkbox-container-color var(--md-sys-motion-duration-medium2) var(--md-sys-motion-duration-short4),--checkbox-container-border-color var(--md-sys-motion-duration-medium2)}input[type=checkbox].micl-checkbox.micl-checkbox--error{--md-sys-ripple-background-color: var(--md-sys-color-error);--checkbox-container-border-color: var(--md-sys-color-error)}input[type=checkbox].micl-checkbox::after{content:var(--md-sys-checkbox-selected-icon);box-sizing:border-box;position:absolute;width:calc(var(--md-sys-checkbox-container-size) + 2px);height:0;inset:0;inset-block-start:15px;inset-inline-start:8px;margin:4px;font:400 26px/2px var(--md-ref-typeface-plain);color:var(--md-sys-color-on-primary);text-align:center;transform:rotate(-45deg);transform-origin:top;clip-path:rect(0px 4.5px 18px 0px);overflow:hidden;transition:clip-path var(--md-sys-motion-duration-short3) cubic-bezier(0.3, 0, 1, 1),height var(--md-sys-motion-duration-short3) var(--md-sys-motion-duration-short3) cubic-bezier(0, 0, 0, 1)}@supports(-moz-appearance: none){input[type=checkbox].micl-checkbox::after{inset-block-start:16px;inset-inline-start:7px;font:400 27px/3px var(--md-ref-typeface-plain)}}input[type=checkbox].micl-checkbox:checked{--checkbox-container-color: var(--md-sys-color-primary);--checkbox-container-border-color: transparent;transition:--checkbox-container-color var(--md-sys-motion-duration-medium2),--checkbox-container-border-color var(--md-sys-motion-duration-medium2)}input[type=checkbox].micl-checkbox:checked.micl-checkbox--error{--checkbox-container-color: var(--md-sys-color-error)}input[type=checkbox].micl-checkbox:checked::after{height:8px;clip-path:rect(0px 16px 18px 0px);transition:height var(--md-sys-motion-duration-short3) cubic-bezier(0.3, 0, 1, 1),clip-path var(--md-sys-motion-duration-long4) var(--md-sys-motion-duration-short3) linear(0, 0.00003 0.08%, 0.00014 0.17%, 0.00029 0.25%, 0.00054 0.34%, 0.00083 0.42%, 0.00121 0.51%, 0.00162 0.59%, 0.00215 0.68%, 0.00267 0.76%, 0.00334 0.85%, 0.00398 0.93%, 0.00478 1.02%, 0.00554 1.1%, 0.00646, 0.00745, 0.00851 1.37%, 0.00951 1.45%, 0.01069, 0.01194, 0.01325, 0.01463, 0.01607, 0.01757, 0.01914, 0.02076, 0.02245, 0.02419 2.35%, 0.0262 2.45%, 0.02807, 0.03, 0.03198 2.72%, 0.03425 2.82%, 0.03636 2.91%, 0.03876 3.01%, 0.04098 3.1%, 0.0435 3.2%, 0.04583 3.29%, 0.04848 3.39%, 0.05369, 0.05913 3.77%, 0.06508, 0.07127, 0.07769, 0.08432 4.57%, 0.09152 4.78%, 0.09859 4.98%, 0.10622, 0.11406, 0.12211 5.611%, 0.13076, 0.13961 6.051%, 0.14658, 0.15367, 0.16087 6.561%, 0.16862, 0.17647, 0.18444, 0.19252 7.281%, 0.20115, 0.20989, 0.21874, 0.22769 8.041%, 0.23721 8.241%, 0.25702 8.651%, 0.2777 9.071%, 0.29569 9.431%, 0.31491 9.811%, 0.33537 10.211%, 0.35705 10.631%, 0.37681 11.011%, 0.3993 11.441%, 0.4818 13.011%, 0.51583 13.661%, 0.55063 14.331%, 0.58146 14.931%, 0.59926 15.282%, 0.61591 15.612%, 0.6319, 0.64775 16.252%, 0.66295 16.562%, 0.6775, 0.69189, 0.70612 17.462%, 0.72204 17.802%, 0.73726, 0.75226 18.462%, 0.76658, 0.78067 19.102%, 0.7941 19.412%, 0.80773 19.732%, 0.8207, 0.83343, 0.84592, 0.85818, 0.87018, 0.88193 21.592%, 0.89307, 0.90396, 0.91462, 0.92503 22.792%, 0.93486 23.082%, 0.94479 23.382%, 0.95416 23.672%, 0.9636 23.972%, 0.97249 24.262%, 0.98144 24.562%, 0.98986, 0.99805 25.143%, 1.00219, 1.00627 25.443%, 1.01003 25.583%, 1.01399, 1.01789, 1.02172 26.033%, 1.02525 26.173%, 1.02897, 1.03262, 1.03622, 1.03975, 1.04322, 1.04663, 1.04999, 1.05328, 1.05651, 1.05968, 1.06279, 1.06584, 1.06883, 1.07176, 1.07463, 1.07745, 1.0802, 1.0829, 1.08554, 1.08813, 1.09065, 1.09312 29.473%, 1.09569 29.633%, 1.09804, 1.10034, 1.10258 30.083%, 1.10491 30.243%, 1.10704 30.393%, 1.10925 30.553%, 1.11127 30.703%, 1.11336 30.863%, 1.11526 31.013%, 1.11724, 1.11915, 1.12101 31.493%, 1.12269 31.643%, 1.12443, 1.12612, 1.12775 32.123%, 1.12893, 1.13008, 1.1312 32.483%, 1.13238 32.613%, 1.13343, 1.13446, 1.13545 32.973%, 1.1365 33.103%, 1.13743 33.223%, 1.1384 33.353%, 1.13927 33.473%, 1.14018 33.603%, 1.14099 33.723%, 1.14183, 1.14264, 1.14342 34.113%, 1.14411 34.233%, 1.14482, 1.1455, 1.14615, 1.14677, 1.14736, 1.14791, 1.14844, 1.14893, 1.14939, 1.14983, 1.15023, 1.15061, 1.15095, 1.15127 36.054%, 1.15158 36.194%, 1.15184 36.324%, 1.15209 36.464%, 1.15229 36.594%, 1.15248 36.734%, 1.15263 36.864%, 1.15276, 1.15286, 1.15293 37.284%, 1.15296 37.414%, 1.15298, 1.15296, 1.15292, 1.15285, 1.15275, 1.15263 38.254%, 1.15246 38.404%, 1.15228 38.544%, 1.15206 38.694%, 1.15183 38.834%, 1.15155, 1.15125, 1.15092, 1.15056, 1.15017, 1.14976, 1.14932, 1.14886 40.034%, 1.14834 40.194%, 1.14783 40.344%, 1.14725 40.504%, 1.14669 40.654%, 1.14607 40.814%, 1.14513 41.044%, 1.14409, 1.143 41.524%, 1.14181, 1.14057, 1.13927 42.274%, 1.13787, 1.13642, 1.13492 43.054%, 1.13331, 1.13166 43.594%, 1.12989, 1.12808 44.154%, 1.12615 44.444%, 1.12412, 1.12203 45.045%, 1.1202, 1.11833 45.565%, 1.11636, 1.11437 46.105%, 1.11228 46.385%, 1.11008 46.675%, 1.10531 47.295%, 1.10085 47.865%, 1.09578 48.505%, 1.09057 49.155%, 1.07579 50.995%, 1.07124 51.565%, 1.06713 52.085%, 1.06251 52.675%, 1.05826 53.225%, 1.05423 53.755%, 1.05041 54.265%, 1.0482, 1.04601, 1.04385 55.166%, 1.04178, 1.03974 55.746%, 1.0378, 1.03588, 1.03399, 1.03213 56.866%, 1.03036 57.136%, 1.02855 57.416%, 1.02683, 1.02514, 1.02348, 1.02185, 1.02024 58.766%, 1.01844, 1.01667, 1.01494, 1.01325, 1.0116 60.316%, 1.01004 60.616%, 1.00847 60.926%, 1.00699 61.226%, 1.0055 61.536%, 1.00409, 1.00273, 1.0014, 1.00011 62.736%, 0.99882 63.046%, 0.9976 63.346%, 0.99639 63.656%, 0.99525 63.956%, 0.99412 64.266%, 0.99306 64.566%, 0.992, 0.99098, 0.99001, 0.98907, 0.98817, 0.98731, 0.98648, 0.98569 67.047%, 0.98492, 0.98418, 0.98349, 0.98283, 0.98221 68.647%, 0.98173 68.907%, 0.98126 69.177%, 0.98083 69.437%, 0.98041, 0.98001, 0.97963, 0.97929 70.517%, 0.97895 70.797%, 0.97865 71.067%, 0.97836, 0.97809, 0.97785, 0.97763 72.187%, 0.97743 72.477%, 0.97725 72.757%, 0.9771, 0.97696, 0.97685 73.627%, 0.97676, 0.97668, 0.97663, 0.97661 74.827%, 0.9766, 0.97661, 0.97664 75.758%, 0.9767 76.078%, 0.97687 76.718%, 0.97713 77.378%, 0.97748 78.058%, 0.97779 78.578%, 0.97815 79.108%, 0.97855 79.648%, 0.97901 80.208%, 0.97953 80.788%, 0.9801 81.388%, 0.98072 82.008%, 0.98141 82.668%, 0.98262 83.758%, 0.98406 84.988%, 0.98549 86.169%, 0.98928 89.259%, 0.99036 90.159%, 0.99134 90.989%, 0.99235 91.869%, 0.99328 92.699%, 0.99415 93.509%, 0.99496 94.289%, 0.9957 95.03%, 0.99639 95.76%, 0.99705 96.48%, 0.99767, 0.99825 97.9%, 0.9988, 0.99931, 0.9998)}input[type=checkbox].micl-checkbox:not(:disabled){--miclripple: 1;position:relative;overflow:hidden;cursor:pointer}input[type=checkbox].micl-checkbox:not(:disabled)::before{content:"";position:absolute;display:block;inset-block-start:calc(var(--y)*1px);inset-inline-start:calc(var(--x)*1px);width:calc(var(--d)*1px);height:calc(var(--d)*1px);border-radius:50%;background:var(--md-sys-ripple-background-color);opacity:calc(var(--o, 1)*var(--md-sys-ripple-opacity, 0.3));pointer-events:none;transition:calc(var(--t, 0)*var(--md-sys-ripple-duration)) cubic-bezier(0.05, 0.7, 0.1, 1);transform:translate(-50%, -50%) scale(var(--s, 1));transform-origin:center}input[type=checkbox].micl-checkbox:not(:disabled):hover:checked{--checkbox-outline-color: rgb(from var(--md-sys-color-primary) r g b / var(--md-sys-state-hover-state-layer-opacity));--checkbox-state-layer-color: rgb(from var(--md-sys-color-primary) r g b / var(--md-sys-state-hover-state-layer-opacity))}input[type=checkbox].micl-checkbox:not(:disabled):hover:checked.micl-checkbox--error{--checkbox-outline-color: rgb(from var(--md-sys-color-error) r g b / var(--md-sys-state-hover-state-layer-opacity));--checkbox-state-layer-color: rgb(from var(--md-sys-color-error) r g b / var(--md-sys-state-hover-state-layer-opacity))}input[type=checkbox].micl-checkbox:not(:disabled):hover:not(:checked){--checkbox-container-border-color: var(--md-sys-color-on-surface);--checkbox-outline-color: rgb(from var(--md-sys-color-on-surface) r g b / var(--md-sys-state-hover-state-layer-opacity));--checkbox-state-layer-color: rgb(from var(--md-sys-color-on-surface) r g b / var(--md-sys-state-hover-state-layer-opacity))}input[type=checkbox].micl-checkbox:not(:disabled):hover:not(:checked).micl-checkbox--error{--checkbox-container-border-color: var(--md-sys-color-error);--checkbox-outline-color: rgb(from var(--md-sys-color-error) r g b / var(--md-sys-state-hover-state-layer-opacity));--checkbox-state-layer-color: rgb(from var(--md-sys-color-error) r g b / var(--md-sys-state-hover-state-layer-opacity))}input[type=checkbox].micl-checkbox:not(:disabled):focus-visible{--checkbox-outline-color: var(--md-sys-color-secondary)}input[type=checkbox].micl-checkbox:not(:disabled):focus-visible:checked{--checkbox-state-layer-color: rgb(from var(--md-sys-color-primary) r g b / var(--md-sys-state-focus-state-layer-opacity))}input[type=checkbox].micl-checkbox:not(:disabled):focus-visible:checked.micl-checkbox--error{--checkbox-state-layer-color: rgb(from var(--md-sys-color-error) r g b / var(--md-sys-state-focus-state-layer-opacity))}input[type=checkbox].micl-checkbox:not(:disabled):focus-visible:not(:checked){--checkbox-container-border-color: var(--md-sys-color-on-surface);--checkbox-state-layer-color: rgb(from var(--md-sys-color-on-surface) r g b / var(--md-sys-state-focus-state-layer-opacity))}input[type=checkbox].micl-checkbox:not(:disabled):focus-visible:not(:checked).micl-checkbox--error{--checkbox-container-border-color: var(--md-sys-color-error);--checkbox-state-layer-color: rgb(from var(--md-sys-color-error) r g b / var(--md-sys-state-focus-state-layer-opacity))}input[type=checkbox].micl-checkbox:not(:disabled):active:checked{--checkbox-outline-color: rgb(from var(--md-sys-color-on-surface) r g b / var(--md-sys-state-pressed-state-layer-opacity));--checkbox-state-layer-color: rgb(from var(--md-sys-color-on-surface) r g b / var(--md-sys-state-pressed-state-layer-opacity))}input[type=checkbox].micl-checkbox:not(:disabled):active:checked.micl-checkbox--error{--checkbox-outline-color: rgb(from var(--md-sys-color-error) r g b / var(--md-sys-state-pressed-state-layer-opacity));--checkbox-state-layer-color: rgb(from var(--md-sys-color-error) r g b / var(--md-sys-state-pressed-state-layer-opacity))}input[type=checkbox].micl-checkbox:not(:disabled):active:not(:checked){--checkbox-container-border-color: var(--md-sys-color-on-surface);--checkbox-outline-color: rgb(from var(--md-sys-color-primary) r g b / var(--md-sys-state-pressed-state-layer-opacity));--checkbox-state-layer-color: rgb(from var(--md-sys-color-primary) r g b / var(--md-sys-state-pressed-state-layer-opacity))}input[type=checkbox].micl-checkbox:not(:disabled):active:not(:checked).micl-checkbox--error{--checkbox-container-border-color: var(--md-sys-color-error);--checkbox-outline-color: rgb(from var(--md-sys-color-error) r g b / var(--md-sys-state-pressed-state-layer-opacity));--checkbox-state-layer-color: rgb(from var(--md-sys-color-error) r g b / var(--md-sys-state-pressed-state-layer-opacity))}input[type=checkbox].micl-checkbox:disabled{--checkbox-container-border-color: var(--md-sys-color-on-surface);opacity:38%}input[type=checkbox].micl-checkbox:disabled:checked{--checkbox-container-color: var(--md-sys-color-on-surface)}input[type=checkbox].micl-checkbox:disabled:checked::after{color:var(--md-sys-color-surface)}input[type=checkbox].micl-checkbox:not(:disabled)+label,label:has(+input[type=checkbox].micl-checkbox:not(:disabled)){cursor:pointer}[dir=rtl] input[type=checkbox].micl-checkbox::after{inset-inline-start:9px;transform:rotate(45deg);clip-path:rect(0px 18px 7.5px 16px)}[dir=rtl] input[type=checkbox].micl-checkbox:checked::after{clip-path:rect(0px 18px 8px 6px)}
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}body{--md-sys-ripple-background-color: var(--md-sys-color-on-surface);--md-sys-ripple-opacity: 20%;--md-sys-ripple-duration: var(--md-sys-motion-duration-extra-long4)}: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)}:root{--md-sys-checkbox-container-size: 18px;--md-sys-checkbox-border-width: 2px;--md-sys-checkbox-selected-icon: "⨽";--md-sys-checkbox-state-layer-radius: 20px}@property --checkbox-outline-color{syntax:"<color>";initial-value:rgba(0,0,0,0);inherits:false}@property --checkbox-state-layer-color{syntax:"<color>";initial-value:rgba(0,0,0,0);inherits:false}@property --checkbox-container-color{syntax:"<color>";initial-value:rgba(0,0,0,0);inherits:false}@property --checkbox-container-border-color{syntax:"<color>";initial-value:rgba(0,0,0,0);inherits:false}input[type=checkbox].micl-checkbox{--md-sys-ripple-background-color: var(--md-sys-color-primary);--checkbox-container-color: transparent;--checkbox-container-border-color: var(--md-sys-color-on-surface-variant);appearance:none;box-sizing:border-box;position:relative;width:var(--md-sys-target-size);min-width:var(--md-sys-target-size);height:var(--md-sys-target-size);min-height:var(--md-sys-target-size);margin:0;padding:calc((var(--md-sys-target-size) - var(--md-sys-checkbox-container-size))/2);border-radius:calc(var(--md-sys-checkbox-border-width) + (var(--md-sys-target-size) - var(--md-sys-checkbox-container-size))/2);background-clip:border-box,border-box,content-box,content-box,content-box;background-image:radial-gradient(circle var(--md-sys-checkbox-state-layer-radius), transparent 0%, transparent calc(var(--md-sys-checkbox-state-layer-radius) - var(--md-sys-state-focus-indicator-thickness)), var(--checkbox-outline-color) calc(var(--md-sys-checkbox-state-layer-radius) - var(--md-sys-state-focus-indicator-thickness)), var(--checkbox-outline-color) 100%, transparent),radial-gradient(circle calc(var(--md-sys-checkbox-state-layer-radius) - var(--md-sys-state-focus-indicator-thickness)), var(--checkbox-state-layer-color) 0%, var(--checkbox-state-layer-color) 100%, transparent),linear-gradient(to right, var(--checkbox-container-color) 0%, var(--checkbox-container-color) 100%, transparent),linear-gradient(to bottom, var(--checkbox-container-border-color) var(--md-sys-checkbox-border-width), transparent var(--md-sys-checkbox-border-width), transparent 16px, var(--checkbox-container-border-color) 0px, var(--checkbox-container-border-color) var(--md-sys-checkbox-container-size), transparent var(--md-sys-checkbox-container-size)),linear-gradient(to right, var(--checkbox-container-border-color) var(--md-sys-checkbox-border-width), transparent var(--md-sys-checkbox-border-width), transparent 16px, var(--checkbox-container-border-color) 0px, var(--checkbox-container-border-color) var(--md-sys-checkbox-container-size), transparent var(--md-sys-checkbox-container-size));background-origin:border-box;background-position:center,center,center,center,center;background-repeat:no-repeat;background-size:auto,auto,var(--md-sys-checkbox-container-size) var(--md-sys-checkbox-container-size),var(--md-sys-checkbox-container-size) var(--md-sys-checkbox-container-size),var(--md-sys-checkbox-container-size) var(--md-sys-checkbox-container-size),var(--md-sys-checkbox-container-size) var(--md-sys-checkbox-container-size);clip-path:circle(var(--md-sys-checkbox-state-layer-radius));transition:--checkbox-outline-color var(--md-sys-motion-duration-medium2),--checkbox-state-layer-color var(--md-sys-motion-duration-medium2),--checkbox-container-color var(--md-sys-motion-duration-medium2) var(--md-sys-motion-duration-short4),--checkbox-container-border-color var(--md-sys-motion-duration-medium2)}input[type=checkbox].micl-checkbox.micl-checkbox--error{--md-sys-ripple-background-color: var(--md-sys-color-error);--checkbox-container-border-color: var(--md-sys-color-error)}input[type=checkbox].micl-checkbox::after{content:var(--md-sys-checkbox-selected-icon);box-sizing:border-box;position:absolute;width:calc(var(--md-sys-checkbox-container-size) + 2px);height:0;inset:0;inset-block-start:15px;inset-inline-start:8px;margin:4px;font:400 26px/2px var(--md-ref-typeface-plain);color:var(--md-sys-color-on-primary);text-align:center;transform:rotate(-45deg);transform-origin:top;clip-path:rect(0px 4.5px 18px 0px);overflow:hidden;transition:clip-path var(--md-sys-motion-duration-short3) cubic-bezier(0.3, 0, 1, 1),height var(--md-sys-motion-duration-short3) var(--md-sys-motion-duration-short3) cubic-bezier(0, 0, 0, 1)}@supports(-moz-appearance: none){input[type=checkbox].micl-checkbox::after{inset-block-start:16px;inset-inline-start:7px;font:400 27px/3px var(--md-ref-typeface-plain)}}input[type=checkbox].micl-checkbox:checked{--checkbox-container-color: var(--md-sys-color-primary);--checkbox-container-border-color: transparent;transition:--checkbox-container-color var(--md-sys-motion-duration-medium2),--checkbox-container-border-color var(--md-sys-motion-duration-medium2)}input[type=checkbox].micl-checkbox:checked.micl-checkbox--error{--checkbox-container-color: var(--md-sys-color-error)}input[type=checkbox].micl-checkbox:checked::after{height:8px;clip-path:rect(0px 16px 18px 0px);transition:height var(--md-sys-motion-duration-short3) cubic-bezier(0.3, 0, 1, 1),clip-path var(--md-sys-motion-duration-long4) var(--md-sys-motion-duration-short3) linear(0, 0.00003 0.08%, 0.00014 0.17%, 0.00029 0.25%, 0.00054 0.34%, 0.00083 0.42%, 0.00121 0.51%, 0.00162 0.59%, 0.00215 0.68%, 0.00267 0.76%, 0.00334 0.85%, 0.00398 0.93%, 0.00478 1.02%, 0.00554 1.1%, 0.00646, 0.00745, 0.00851 1.37%, 0.00951 1.45%, 0.01069, 0.01194, 0.01325, 0.01463, 0.01607, 0.01757, 0.01914, 0.02076, 0.02245, 0.02419 2.35%, 0.0262 2.45%, 0.02807, 0.03, 0.03198 2.72%, 0.03425 2.82%, 0.03636 2.91%, 0.03876 3.01%, 0.04098 3.1%, 0.0435 3.2%, 0.04583 3.29%, 0.04848 3.39%, 0.05369, 0.05913 3.77%, 0.06508, 0.07127, 0.07769, 0.08432 4.57%, 0.09152 4.78%, 0.09859 4.98%, 0.10622, 0.11406, 0.12211 5.611%, 0.13076, 0.13961 6.051%, 0.14658, 0.15367, 0.16087 6.561%, 0.16862, 0.17647, 0.18444, 0.19252 7.281%, 0.20115, 0.20989, 0.21874, 0.22769 8.041%, 0.23721 8.241%, 0.25702 8.651%, 0.2777 9.071%, 0.29569 9.431%, 0.31491 9.811%, 0.33537 10.211%, 0.35705 10.631%, 0.37681 11.011%, 0.3993 11.441%, 0.4818 13.011%, 0.51583 13.661%, 0.55063 14.331%, 0.58146 14.931%, 0.59926 15.282%, 0.61591 15.612%, 0.6319, 0.64775 16.252%, 0.66295 16.562%, 0.6775, 0.69189, 0.70612 17.462%, 0.72204 17.802%, 0.73726, 0.75226 18.462%, 0.76658, 0.78067 19.102%, 0.7941 19.412%, 0.80773 19.732%, 0.8207, 0.83343, 0.84592, 0.85818, 0.87018, 0.88193 21.592%, 0.89307, 0.90396, 0.91462, 0.92503 22.792%, 0.93486 23.082%, 0.94479 23.382%, 0.95416 23.672%, 0.9636 23.972%, 0.97249 24.262%, 0.98144 24.562%, 0.98986, 0.99805 25.143%, 1.00219, 1.00627 25.443%, 1.01003 25.583%, 1.01399, 1.01789, 1.02172 26.033%, 1.02525 26.173%, 1.02897, 1.03262, 1.03622, 1.03975, 1.04322, 1.04663, 1.04999, 1.05328, 1.05651, 1.05968, 1.06279, 1.06584, 1.06883, 1.07176, 1.07463, 1.07745, 1.0802, 1.0829, 1.08554, 1.08813, 1.09065, 1.09312 29.473%, 1.09569 29.633%, 1.09804, 1.10034, 1.10258 30.083%, 1.10491 30.243%, 1.10704 30.393%, 1.10925 30.553%, 1.11127 30.703%, 1.11336 30.863%, 1.11526 31.013%, 1.11724, 1.11915, 1.12101 31.493%, 1.12269 31.643%, 1.12443, 1.12612, 1.12775 32.123%, 1.12893, 1.13008, 1.1312 32.483%, 1.13238 32.613%, 1.13343, 1.13446, 1.13545 32.973%, 1.1365 33.103%, 1.13743 33.223%, 1.1384 33.353%, 1.13927 33.473%, 1.14018 33.603%, 1.14099 33.723%, 1.14183, 1.14264, 1.14342 34.113%, 1.14411 34.233%, 1.14482, 1.1455, 1.14615, 1.14677, 1.14736, 1.14791, 1.14844, 1.14893, 1.14939, 1.14983, 1.15023, 1.15061, 1.15095, 1.15127 36.054%, 1.15158 36.194%, 1.15184 36.324%, 1.15209 36.464%, 1.15229 36.594%, 1.15248 36.734%, 1.15263 36.864%, 1.15276, 1.15286, 1.15293 37.284%, 1.15296 37.414%, 1.15298, 1.15296, 1.15292, 1.15285, 1.15275, 1.15263 38.254%, 1.15246 38.404%, 1.15228 38.544%, 1.15206 38.694%, 1.15183 38.834%, 1.15155, 1.15125, 1.15092, 1.15056, 1.15017, 1.14976, 1.14932, 1.14886 40.034%, 1.14834 40.194%, 1.14783 40.344%, 1.14725 40.504%, 1.14669 40.654%, 1.14607 40.814%, 1.14513 41.044%, 1.14409, 1.143 41.524%, 1.14181, 1.14057, 1.13927 42.274%, 1.13787, 1.13642, 1.13492 43.054%, 1.13331, 1.13166 43.594%, 1.12989, 1.12808 44.154%, 1.12615 44.444%, 1.12412, 1.12203 45.045%, 1.1202, 1.11833 45.565%, 1.11636, 1.11437 46.105%, 1.11228 46.385%, 1.11008 46.675%, 1.10531 47.295%, 1.10085 47.865%, 1.09578 48.505%, 1.09057 49.155%, 1.07579 50.995%, 1.07124 51.565%, 1.06713 52.085%, 1.06251 52.675%, 1.05826 53.225%, 1.05423 53.755%, 1.05041 54.265%, 1.0482, 1.04601, 1.04385 55.166%, 1.04178, 1.03974 55.746%, 1.0378, 1.03588, 1.03399, 1.03213 56.866%, 1.03036 57.136%, 1.02855 57.416%, 1.02683, 1.02514, 1.02348, 1.02185, 1.02024 58.766%, 1.01844, 1.01667, 1.01494, 1.01325, 1.0116 60.316%, 1.01004 60.616%, 1.00847 60.926%, 1.00699 61.226%, 1.0055 61.536%, 1.00409, 1.00273, 1.0014, 1.00011 62.736%, 0.99882 63.046%, 0.9976 63.346%, 0.99639 63.656%, 0.99525 63.956%, 0.99412 64.266%, 0.99306 64.566%, 0.992, 0.99098, 0.99001, 0.98907, 0.98817, 0.98731, 0.98648, 0.98569 67.047%, 0.98492, 0.98418, 0.98349, 0.98283, 0.98221 68.647%, 0.98173 68.907%, 0.98126 69.177%, 0.98083 69.437%, 0.98041, 0.98001, 0.97963, 0.97929 70.517%, 0.97895 70.797%, 0.97865 71.067%, 0.97836, 0.97809, 0.97785, 0.97763 72.187%, 0.97743 72.477%, 0.97725 72.757%, 0.9771, 0.97696, 0.97685 73.627%, 0.97676, 0.97668, 0.97663, 0.97661 74.827%, 0.9766, 0.97661, 0.97664 75.758%, 0.9767 76.078%, 0.97687 76.718%, 0.97713 77.378%, 0.97748 78.058%, 0.97779 78.578%, 0.97815 79.108%, 0.97855 79.648%, 0.97901 80.208%, 0.97953 80.788%, 0.9801 81.388%, 0.98072 82.008%, 0.98141 82.668%, 0.98262 83.758%, 0.98406 84.988%, 0.98549 86.169%, 0.98928 89.259%, 0.99036 90.159%, 0.99134 90.989%, 0.99235 91.869%, 0.99328 92.699%, 0.99415 93.509%, 0.99496 94.289%, 0.9957 95.03%, 0.99639 95.76%, 0.99705 96.48%, 0.99767, 0.99825 97.9%, 0.9988, 0.99931, 0.9998)}input[type=checkbox].micl-checkbox:not(:disabled){--miclripple: 1;position:relative;overflow:hidden;cursor:pointer}input[type=checkbox].micl-checkbox:not(:disabled)::before{content:"";position:absolute;display:block;inset-block-start:calc(var(--y)*1px);inset-inline-start:calc(var(--x)*1px);width:calc(var(--d)*1px);height:calc(var(--d)*1px);border-radius:50%;background:var(--md-sys-ripple-background-color);opacity:calc(var(--o, 1)*var(--md-sys-ripple-opacity, 0.3));pointer-events:none;transition:calc(var(--t, 0)*var(--md-sys-ripple-duration)) cubic-bezier(0.05, 0.7, 0.1, 1);transform:translate(-50%, -50%) scale(var(--s, 1));transform-origin:center}input[type=checkbox].micl-checkbox:not(:disabled):hover:checked{--checkbox-outline-color: rgb(from var(--md-sys-color-primary) r g b / var(--md-sys-state-hover-state-layer-opacity));--checkbox-state-layer-color: rgb(from var(--md-sys-color-primary) r g b / var(--md-sys-state-hover-state-layer-opacity))}input[type=checkbox].micl-checkbox:not(:disabled):hover:checked.micl-checkbox--error{--checkbox-outline-color: rgb(from var(--md-sys-color-error) r g b / var(--md-sys-state-hover-state-layer-opacity));--checkbox-state-layer-color: rgb(from var(--md-sys-color-error) r g b / var(--md-sys-state-hover-state-layer-opacity))}input[type=checkbox].micl-checkbox:not(:disabled):hover:not(:checked){--checkbox-container-border-color: var(--md-sys-color-on-surface);--checkbox-outline-color: rgb(from var(--md-sys-color-on-surface) r g b / var(--md-sys-state-hover-state-layer-opacity));--checkbox-state-layer-color: rgb(from var(--md-sys-color-on-surface) r g b / var(--md-sys-state-hover-state-layer-opacity))}input[type=checkbox].micl-checkbox:not(:disabled):hover:not(:checked).micl-checkbox--error{--checkbox-container-border-color: var(--md-sys-color-error);--checkbox-outline-color: rgb(from var(--md-sys-color-error) r g b / var(--md-sys-state-hover-state-layer-opacity));--checkbox-state-layer-color: rgb(from var(--md-sys-color-error) r g b / var(--md-sys-state-hover-state-layer-opacity))}input[type=checkbox].micl-checkbox:not(:disabled):focus-visible{--checkbox-outline-color: var(--md-sys-color-secondary)}input[type=checkbox].micl-checkbox:not(:disabled):focus-visible:checked{--checkbox-state-layer-color: rgb(from var(--md-sys-color-primary) r g b / var(--md-sys-state-focus-state-layer-opacity))}input[type=checkbox].micl-checkbox:not(:disabled):focus-visible:checked.micl-checkbox--error{--checkbox-state-layer-color: rgb(from var(--md-sys-color-error) r g b / var(--md-sys-state-focus-state-layer-opacity))}input[type=checkbox].micl-checkbox:not(:disabled):focus-visible:not(:checked){--checkbox-container-border-color: var(--md-sys-color-on-surface);--checkbox-state-layer-color: rgb(from var(--md-sys-color-on-surface) r g b / var(--md-sys-state-focus-state-layer-opacity))}input[type=checkbox].micl-checkbox:not(:disabled):focus-visible:not(:checked).micl-checkbox--error{--checkbox-container-border-color: var(--md-sys-color-error);--checkbox-state-layer-color: rgb(from var(--md-sys-color-error) r g b / var(--md-sys-state-focus-state-layer-opacity))}input[type=checkbox].micl-checkbox:not(:disabled):active:checked{--checkbox-outline-color: rgb(from var(--md-sys-color-on-surface) r g b / var(--md-sys-state-pressed-state-layer-opacity));--checkbox-state-layer-color: rgb(from var(--md-sys-color-on-surface) r g b / var(--md-sys-state-pressed-state-layer-opacity))}input[type=checkbox].micl-checkbox:not(:disabled):active:checked.micl-checkbox--error{--checkbox-outline-color: rgb(from var(--md-sys-color-error) r g b / var(--md-sys-state-pressed-state-layer-opacity));--checkbox-state-layer-color: rgb(from var(--md-sys-color-error) r g b / var(--md-sys-state-pressed-state-layer-opacity))}input[type=checkbox].micl-checkbox:not(:disabled):active:not(:checked){--checkbox-container-border-color: var(--md-sys-color-on-surface);--checkbox-outline-color: rgb(from var(--md-sys-color-primary) r g b / var(--md-sys-state-pressed-state-layer-opacity));--checkbox-state-layer-color: rgb(from var(--md-sys-color-primary) r g b / var(--md-sys-state-pressed-state-layer-opacity))}input[type=checkbox].micl-checkbox:not(:disabled):active:not(:checked).micl-checkbox--error{--checkbox-container-border-color: var(--md-sys-color-error);--checkbox-outline-color: rgb(from var(--md-sys-color-error) r g b / var(--md-sys-state-pressed-state-layer-opacity));--checkbox-state-layer-color: rgb(from var(--md-sys-color-error) r g b / var(--md-sys-state-pressed-state-layer-opacity))}input[type=checkbox].micl-checkbox:disabled{--checkbox-container-border-color: var(--md-sys-color-on-surface);opacity:38%}input[type=checkbox].micl-checkbox:disabled:checked{--checkbox-container-color: var(--md-sys-color-on-surface)}input[type=checkbox].micl-checkbox:disabled:checked::after{color:var(--md-sys-color-surface)}input[type=checkbox].micl-checkbox:not(:disabled)+label,label:has(+input[type=checkbox].micl-checkbox:not(:disabled)){cursor:pointer}[dir=rtl] input[type=checkbox].micl-checkbox::after{inset-inline-start:9px;transform:rotate(45deg);clip-path:rect(0px 18px 7.5px 16px)}[dir=rtl] input[type=checkbox].micl-checkbox:checked::after{clip-path:rect(0px 18px 8px 6px)}
package/dist/checkbox.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/components/bottomsheet/index.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ export declare const bottomsheetSelector = "dialog.micl-bottomsheet";
2
+ declare const _default: {
3
+ initialize: (element: HTMLDialogElement) => void;
4
+ cleanup: (element: HTMLDialogElement) => void;
5
+ };
6
+ export default _default;
package/dist/components/button/index.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ export declare const buttonSelector = "button[popovertarget],button.micl-button--toggle";
2
+ declare const _default: {
3
+ initialize: (element: HTMLButtonElement) => void;
4
+ cleanup: (element: HTMLButtonElement) => void;
5
+ };
6
+ export default _default;
package/dist/components/checkbox/index.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ export declare const checkboxSelector = ".micl-checkbox";
2
+ declare const _default: {
3
+ keydown: (event: Event) => void;
4
+ };
5
+ export default _default;
package/dist/components/iconbutton/index.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ export declare const buttonSelector = "button[popovertarget],button.micl-button--toggle";
2
+ declare const _default: {
3
+ initialize: (element: HTMLButtonElement) => void;
4
+ cleanup: (element: HTMLButtonElement) => void;
5
+ };
6
+ export default _default;
package/dist/components/list/index.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ export declare const listSelector = ".micl-list-item-one,.micl-list-item-two,.micl-list-item-three";
2
+ declare const _default: {
3
+ keydown: (event: Event) => void;
4
+ };
5
+ export default _default;
package/dist/components/menu/index.d.ts ADDED
@@ -0,0 +1,16 @@
1
+ export declare const menuSelector = ".micl-menu[popover]";
2
+ /**
3
+ * Set the origin for menu transformations just before transitions start.
4
+ * By default, the origin is "top left" (the menu opens just below the invoker, left aligned),
5
+ * but could also be "top right", "bottom left" or "bottom right".
6
+ * When the browser needs to apply a position-try-fallbacks, because there is not enough space
7
+ * for the menu in the default location, then the reverse transformation will be applied from
8
+ * the wrong origin.
9
+ * Therefore, when the menu is open, calculate the transformation origin just before the
10
+ * transitions start. When the menu is closed, do the same just after the 'display:none' has
11
+ * been removed by the browser (the 'toggle' event has then been triggered).
12
+ */
13
+ declare const _default: {
14
+ initialize: (element: HTMLElement) => void;
15
+ };
16
+ export default _default;
package/dist/components/slider/index.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ export declare const sliderSelector = "input[type=range].micl-slider-xs,input[type=range].micl-slider-s,input[type=range].micl-slider-m,input[type=range].micl-slider-l,input[type=range].micl-slider-xl";
2
+ declare const _default: {
3
+ initialize: (element: HTMLInputElement) => void;
4
+ input: (event: Event) => void;
5
+ };
6
+ export default _default;
package/dist/components/textfield/index.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ export declare const textfieldSelector = ".micl-textfield-outlined > input,.micl-textfield-filled > input";
2
+ export declare const selectSelector = ".micl-textfield-outlined > select,.micl-textfield-filled > select";
3
+ export declare const textareaSelector = ".micl-textfield-outlined > textarea,.micl-textfield-filled > textarea";
4
+ declare const _default: {
5
+ initialize: (element: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement) => void;
6
+ input: (event: Event) => void;
7
+ };
8
+ export default _default;
package/dist/dialog.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)}:root{--md-sys-dialog-padding: 24px;--md-sys-dialog-dir-factor: 1}[dir=rtl]{--md-sys-dialog-dir-factor: -1}dialog.micl-dialog,dialog.micl-dialog-fullscreen{box-sizing:border-box;display:none;flex-direction:column;min-width:280px;max-width:560px;max-height:100vh;inset-block-start:anchor(start);inset-inline-start:anchor(start);transform:translate(calc(var(--md-sys-dialog-dir-factor) * -50%), -50%) scale(50%);padding:0;margin:0;border:none;border-radius:var(--md-sys-shape-corner-extra-large);background-color:var(--md-sys-color-surface-container-high);box-shadow:var(--md-sys-elevation-level3);opacity:0;overflow:hidden;interpolate-size:allow-keywords;transition:display var(--md-sys-motion-duration-medium1) allow-discrete,overlay var(--md-sys-motion-duration-medium1) allow-discrete,inset-block-start var(--md-sys-motion-duration-medium1) linear,inset-inline-start var(--md-sys-motion-duration-medium1) linear,opacity var(--md-sys-motion-duration-medium1) cubic-bezier(0.05, 0.7, 0.1, 1),transform var(--md-sys-motion-duration-medium1) linear}@starting-style{dialog.micl-dialog,dialog.micl-dialog-fullscreen{height:fit-content;width:fit-content;inset-block-start:anchor(start);inset-inline-start:anchor(start);opacity:0;transform:translate(calc(var(--md-sys-dialog-dir-factor) * -50%), -50%) scale(50%)}}dialog.micl-dialog:popover-open,dialog.micl-dialog[open],dialog.micl-dialog-fullscreen:popover-open,dialog.micl-dialog-fullscreen[open]{display:flex;inset-block-start:50%;inset-inline-start:50%;opacity:1;transform:translate(calc(var(--md-sys-dialog-dir-factor) * -50%), -50%) scale(100%);transition:display var(--md-sys-motion-duration-medium2) linear allow-discrete,overlay var(--md-sys-motion-duration-medium2) linear allow-discrete,inset-block-start var(--md-sys-motion-duration-medium2) linear,inset-inline-start var(--md-sys-motion-duration-medium2) linear,width var(--md-sys-motion-duration-medium2) linear,height var(--md-sys-motion-duration-medium2) linear,opacity var(--md-sys-motion-duration-medium2) cubic-bezier(0.3, 0, 0.8, 0.15),transform var(--md-sys-motion-duration-medium2) linear}@starting-style{dialog.micl-dialog:popover-open,dialog.micl-dialog[open],dialog.micl-dialog-fullscreen:popover-open,dialog.micl-dialog-fullscreen[open]{inset-block-start:anchor(start);inset-inline-start:anchor(start);opacity:0;transform:translate(calc(var(--md-sys-dialog-dir-factor) * -50%), -50%) scale(50%)}}@starting-style{dialog.micl-dialog:popover-open::backdrop,dialog.micl-dialog[open]::backdrop,dialog.micl-dialog-fullscreen:popover-open::backdrop,dialog.micl-dialog-fullscreen[open]::backdrop{background-color:rgba(0,0,0,0)}}dialog.micl-dialog:not([popover]),dialog.micl-dialog-fullscreen:not([popover]){inset-block-start:50%;inset-inline-start:50%}@starting-style{dialog.micl-dialog:not([popover]),dialog.micl-dialog-fullscreen:not([popover]){inset-block-start:50%;inset-inline-start:50%}}@starting-style{dialog.micl-dialog:not([popover]):popover-open,dialog.micl-dialog:not([popover])[open],dialog.micl-dialog-fullscreen:not([popover]):popover-open,dialog.micl-dialog-fullscreen:not([popover])[open]{inset-block-start:50%;inset-inline-start:50%}}dialog.micl-dialog::backdrop,dialog.micl-dialog-fullscreen::backdrop{background-color:rgba(0,0,0,0);transition:display var(--md-sys-motion-duration-long2) linear allow-discrete,overlay var(--md-sys-motion-duration-long2) linear allow-discrete,background-color var(--md-sys-motion-duration-long2) linear}dialog.micl-dialog[open]::backdrop,dialog.micl-dialog-fullscreen[open]::backdrop{background-color:rgba(0,0,0,.2)}dialog.micl-dialog:hover,dialog.micl-dialog-fullscreen:hover{background-color:color-mix(in srgb, var(--md-sys-color-surface-container-high), var(--md-sys-color-primary) var(--md-sys-state-hover-state-layer-opacity))}dialog.micl-dialog .micl-dialog__headline,dialog.micl-dialog-fullscreen .micl-dialog__headline{display:flex;flex-direction:column;flex-shrink:0;align-items:flex-start;gap:16px;padding:var(--md-sys-dialog-padding);background-color:rgba(0,0,0,0)}dialog.micl-dialog .micl-dialog__headline h1,dialog.micl-dialog .micl-dialog__headline h2,dialog.micl-dialog .micl-dialog__headline h3,dialog.micl-dialog .micl-dialog__headline h4,dialog.micl-dialog .micl-dialog__headline h5,dialog.micl-dialog .micl-dialog__headline h6,dialog.micl-dialog .micl-dialog__headline .micl-heading,dialog.micl-dialog-fullscreen .micl-dialog__headline h1,dialog.micl-dialog-fullscreen .micl-dialog__headline h2,dialog.micl-dialog-fullscreen .micl-dialog__headline h3,dialog.micl-dialog-fullscreen .micl-dialog__headline h4,dialog.micl-dialog-fullscreen .micl-dialog__headline h5,dialog.micl-dialog-fullscreen .micl-dialog__headline h6,dialog.micl-dialog-fullscreen .micl-dialog__headline .micl-heading{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);flex:1 1 100%;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--md-sys-color-on-surface)}dialog.micl-dialog .micl-dialog__headline .micl-dialog__icon,dialog.micl-dialog-fullscreen .micl-dialog__headline .micl-dialog__icon{width:24px;height:24px;font-size:24px;color:var(--md-sys-color-secondary)}dialog.micl-dialog .micl-dialog__headline button,dialog.micl-dialog-fullscreen .micl-dialog__headline button{display:none}dialog.micl-dialog .micl-dialog__headline+.micl-dialog__actions,dialog.micl-dialog-fullscreen .micl-dialog__headline+.micl-dialog__actions{padding-block-start:0}dialog.micl-dialog .micl-dialog__headline:has(>.micl-dialog__icon),dialog.micl-dialog-fullscreen .micl-dialog__headline:has(>.micl-dialog__icon){align-items:center}dialog.micl-dialog .micl-dialog__subhead,dialog.micl-dialog-fullscreen .micl-dialog__subhead{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);padding-inline:var(--md-sys-dialog-padding);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--md-sys-color-on-surface)}dialog.micl-dialog .micl-dialog__supporting-text,dialog.micl-dialog-fullscreen .micl-dialog__supporting-text{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);color:var(--md-sys-color-on-surface-variant)}dialog.micl-dialog .micl-dialog__content,dialog.micl-dialog-fullscreen .micl-dialog__content{flex-shrink:1;padding-inline:var(--md-sys-dialog-padding);background-color:inherit;overflow-y:auto}dialog.micl-dialog .micl-dialog__actions,dialog.micl-dialog-fullscreen .micl-dialog__actions{display:flex;flex-shrink:0;justify-content:flex-end;column-gap:8px;padding:var(--md-sys-dialog-padding);opacity:1;transition:opacity var(--md-sys-motion-duration-medium1) linear}@media(max-width: 560px){dialog.micl-dialog-fullscreen{width:100vw;height:100vh;max-width:100vw;border-radius:var(--md-sys-shape-corner-none);background-color:var(--md-sys-color-surface);box-shadow:var(--md-sys-elevation-level0);timeline-scope:--headlineTimeline}dialog.micl-dialog-fullscreen:hover{background-color:color-mix(in srgb, var(--md-sys-color-surface), var(--md-sys-color-primary) var(--md-sys-state-hover-state-layer-opacity))}dialog.micl-dialog-fullscreen .micl-dialog__headline{height:56px;flex-direction:row;align-items:center;gap:4px;padding:4px;animation-name:headlineScroll;animation-duration:1ms;animation-timeline:--headlineTimeline;animation-fill-mode:forwards;animation-range:0% 20%;z-index:1}dialog.micl-dialog-fullscreen .micl-dialog__headline h1,dialog.micl-dialog-fullscreen .micl-dialog__headline h2,dialog.micl-dialog-fullscreen .micl-dialog__headline h3,dialog.micl-dialog-fullscreen .micl-dialog__headline h4,dialog.micl-dialog-fullscreen .micl-dialog__headline h5,dialog.micl-dialog-fullscreen .micl-dialog__headline h6,dialog.micl-dialog-fullscreen .micl-dialog__headline .micl-heading{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);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}dialog.micl-dialog-fullscreen .micl-dialog__headline .micl-dialog__icon{display:none}dialog.micl-dialog-fullscreen .micl-dialog__headline button{display:inline-block}dialog.micl-dialog-fullscreen .micl-dialog__headline button.micl-button{margin-right:16px}dialog.micl-dialog-fullscreen .micl-dialog__content{scroll-timeline:--headlineTimeline block;scroll-timeline:--headlineTimeline vertical}dialog.micl-dialog-fullscreen .micl-dialog__actions{opacity:0}}@keyframes headlineScroll{from{background-color:rgba(0,0,0,0);box-shadow:var(--md-sys-elevation-level0)}to{background-color:var(--md-sys-color-surface-container);box-shadow:var(--md-sys-elevation-level2)}}
1
+ :root{--md-sys-elevation-level0: rgba(0, 0, 0, 0.2) 0px 0px 0px 0px, rgba(0, 0, 0, 0.14) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 0px 0px 0px;--md-sys-elevation-level1: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;--md-sys-elevation-level2: rgba(0, 0, 0, 0.2) 0px 3px 3px -2px, rgba(0, 0, 0, 0.14) 0px 3px 4px 0px, rgba(0, 0, 0, 0.12) 0px 1px 8px 0px;--md-sys-elevation-level3: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;--md-sys-elevation-level4: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;--md-sys-elevation-level5: rgba(0, 0, 0, 0.2) 0px 7px 8px -4px, rgba(0, 0, 0, 0.14) 0px 12px 17px 2px, rgba(0, 0, 0, 0.12) 0px 5px 22px 4px}:root{--md-sys-motion-duration-short1: 50ms;--md-sys-motion-duration-short2: 100ms;--md-sys-motion-duration-short3: 150ms;--md-sys-motion-duration-short4: 200ms;--md-sys-motion-duration-medium1: 250ms;--md-sys-motion-duration-medium2: 300ms;--md-sys-motion-duration-medium3: 350ms;--md-sys-motion-duration-medium4: 400ms;--md-sys-motion-duration-long1: 450ms;--md-sys-motion-duration-long2: 500ms;--md-sys-motion-duration-long3: 550ms;--md-sys-motion-duration-long4: 600ms;--md-sys-motion-duration-extra-long1: 700ms;--md-sys-motion-duration-extra-long2: 800ms;--md-sys-motion-duration-extra-long3: 900ms;--md-sys-motion-duration-extra-long4: 1000ms}:root{--md-sys-target-size: 48px;--md-sys-shape-corner-none: 0px;--md-sys-shape-corner-extra-small: 4px;--md-sys-shape-corner-small: 8px;--md-sys-shape-corner-medium: 12px;--md-sys-shape-corner-large: 16px;--md-sys-shape-corner-large-increased: 20px;--md-sys-shape-corner-extra-large: 28px;--md-sys-shape-corner-extra-large-increased: 32px;--md-sys-shape-corner-extra-extra-large: 48px;--md-sys-shape-corner-full: 50%}:root{--md-sys-state-layer-size: 40px;--md-sys-state-hover-state-layer-opacity: 8%;--md-sys-state-focus-state-layer-opacity: 10%;--md-sys-state-pressed-state-layer-opacity: 10%;--md-sys-state-dragged-state-layer-opacity: 16%;--md-sys-state-focus-indicator-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)}:root{--md-sys-dialog-padding: 24px;--md-sys-dialog-dir-factor: 1}[dir=rtl]{--md-sys-dialog-dir-factor: -1}dialog.micl-dialog,dialog.micl-dialog-fullscreen{box-sizing:border-box;display:none;flex-direction:column;min-width:280px;max-width:560px;max-height:100vh;inset-block-start:anchor(start);inset-inline-start:anchor(start);transform:translate(calc(var(--md-sys-dialog-dir-factor) * -50%), -50%) scale(50%);padding:0;margin:0;border:none;border-radius:var(--md-sys-shape-corner-extra-large);background-color:var(--md-sys-color-surface-container-high);box-shadow:var(--md-sys-elevation-level3);opacity:0;overflow:hidden;interpolate-size:allow-keywords;transition:display var(--md-sys-motion-duration-medium1) allow-discrete,overlay var(--md-sys-motion-duration-medium1) allow-discrete,inset-block-start var(--md-sys-motion-duration-medium1) linear,inset-inline-start var(--md-sys-motion-duration-medium1) linear,opacity var(--md-sys-motion-duration-medium1) cubic-bezier(0.05, 0.7, 0.1, 1),transform var(--md-sys-motion-duration-medium1) linear}@starting-style{dialog.micl-dialog,dialog.micl-dialog-fullscreen{height:fit-content;width:fit-content;inset-block-start:anchor(start);inset-inline-start:anchor(start);opacity:0;transform:translate(calc(var(--md-sys-dialog-dir-factor) * -50%), -50%) scale(50%)}}dialog.micl-dialog:popover-open,dialog.micl-dialog[open],dialog.micl-dialog-fullscreen:popover-open,dialog.micl-dialog-fullscreen[open]{display:flex;inset-block-start:50%;inset-inline-start:50%;opacity:1;transform:translate(calc(var(--md-sys-dialog-dir-factor) * -50%), -50%) scale(100%);transition:display var(--md-sys-motion-duration-medium2) linear allow-discrete,overlay var(--md-sys-motion-duration-medium2) linear allow-discrete,inset-block-start var(--md-sys-motion-duration-medium2) linear,inset-inline-start var(--md-sys-motion-duration-medium2) linear,width var(--md-sys-motion-duration-medium2) linear,height var(--md-sys-motion-duration-medium2) linear,opacity var(--md-sys-motion-duration-medium2) cubic-bezier(0.3, 0, 0.8, 0.15),transform var(--md-sys-motion-duration-medium2) linear}@starting-style{dialog.micl-dialog:popover-open,dialog.micl-dialog[open],dialog.micl-dialog-fullscreen:popover-open,dialog.micl-dialog-fullscreen[open]{inset-block-start:anchor(start);inset-inline-start:anchor(start);opacity:0;transform:translate(calc(var(--md-sys-dialog-dir-factor) * -50%), -50%) scale(50%)}}@starting-style{dialog.micl-dialog:popover-open::backdrop,dialog.micl-dialog[open]::backdrop,dialog.micl-dialog-fullscreen:popover-open::backdrop,dialog.micl-dialog-fullscreen[open]::backdrop{background-color:rgba(0,0,0,0)}}dialog.micl-dialog:not([popover]),dialog.micl-dialog-fullscreen:not([popover]){inset-block-start:50%;inset-inline-start:50%}@starting-style{dialog.micl-dialog:not([popover]),dialog.micl-dialog-fullscreen:not([popover]){inset-block-start:50%;inset-inline-start:50%}}@starting-style{dialog.micl-dialog:not([popover]):popover-open,dialog.micl-dialog:not([popover])[open],dialog.micl-dialog-fullscreen:not([popover]):popover-open,dialog.micl-dialog-fullscreen:not([popover])[open]{inset-block-start:50%;inset-inline-start:50%}}dialog.micl-dialog::backdrop,dialog.micl-dialog-fullscreen::backdrop{background-color:rgba(0,0,0,0);transition:display var(--md-sys-motion-duration-long2) linear allow-discrete,overlay var(--md-sys-motion-duration-long2) linear allow-discrete,background-color var(--md-sys-motion-duration-long2) linear}dialog.micl-dialog[open]::backdrop,dialog.micl-dialog-fullscreen[open]::backdrop{background-color:rgba(0,0,0,.2)}dialog.micl-dialog:hover,dialog.micl-dialog-fullscreen:hover{background-color:color-mix(in srgb, var(--md-sys-color-surface-container-high), var(--md-sys-color-primary) var(--md-sys-state-hover-state-layer-opacity))}dialog.micl-dialog .micl-dialog__headline,dialog.micl-dialog-fullscreen .micl-dialog__headline{display:flex;flex-direction:column;flex-shrink:0;align-items:flex-start;gap:16px;padding:var(--md-sys-dialog-padding);background-color:rgba(0,0,0,0)}dialog.micl-dialog .micl-dialog__headline h1,dialog.micl-dialog .micl-dialog__headline h2,dialog.micl-dialog .micl-dialog__headline h3,dialog.micl-dialog .micl-dialog__headline h4,dialog.micl-dialog .micl-dialog__headline h5,dialog.micl-dialog .micl-dialog__headline h6,dialog.micl-dialog .micl-dialog__headline .micl-heading,dialog.micl-dialog-fullscreen .micl-dialog__headline h1,dialog.micl-dialog-fullscreen .micl-dialog__headline h2,dialog.micl-dialog-fullscreen .micl-dialog__headline h3,dialog.micl-dialog-fullscreen .micl-dialog__headline h4,dialog.micl-dialog-fullscreen .micl-dialog__headline h5,dialog.micl-dialog-fullscreen .micl-dialog__headline h6,dialog.micl-dialog-fullscreen .micl-dialog__headline .micl-heading{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);flex:1 1 100%;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--md-sys-color-on-surface)}dialog.micl-dialog .micl-dialog__headline .micl-dialog__icon,dialog.micl-dialog-fullscreen .micl-dialog__headline .micl-dialog__icon{width:24px;height:24px;font-size:24px;color:var(--md-sys-color-secondary)}dialog.micl-dialog .micl-dialog__headline button,dialog.micl-dialog-fullscreen .micl-dialog__headline button{display:none}dialog.micl-dialog .micl-dialog__headline+.micl-dialog__actions,dialog.micl-dialog-fullscreen .micl-dialog__headline+.micl-dialog__actions{padding-block-start:0}dialog.micl-dialog .micl-dialog__headline:has(>.micl-dialog__icon),dialog.micl-dialog-fullscreen .micl-dialog__headline:has(>.micl-dialog__icon){align-items:center}dialog.micl-dialog .micl-dialog__subhead,dialog.micl-dialog-fullscreen .micl-dialog__subhead{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);padding-inline:var(--md-sys-dialog-padding);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--md-sys-color-on-surface)}dialog.micl-dialog .micl-dialog__supporting-text,dialog.micl-dialog-fullscreen .micl-dialog__supporting-text{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);color:var(--md-sys-color-on-surface-variant)}dialog.micl-dialog .micl-dialog__content,dialog.micl-dialog-fullscreen .micl-dialog__content{flex-shrink:1;padding-inline:var(--md-sys-dialog-padding);background-color:inherit;overflow-y:auto}dialog.micl-dialog .micl-dialog__actions,dialog.micl-dialog-fullscreen .micl-dialog__actions{display:flex;flex-shrink:0;justify-content:flex-end;column-gap:8px;padding:var(--md-sys-dialog-padding);opacity:1;transition:opacity var(--md-sys-motion-duration-medium1) linear}@media(max-width: 560px){dialog.micl-dialog-fullscreen{width:100vw;height:100vh;max-width:100vw;border-radius:var(--md-sys-shape-corner-none);background-color:var(--md-sys-color-surface);box-shadow:var(--md-sys-elevation-level0);timeline-scope:--headlineTimeline}dialog.micl-dialog-fullscreen:hover{background-color:color-mix(in srgb, var(--md-sys-color-surface), var(--md-sys-color-primary) var(--md-sys-state-hover-state-layer-opacity))}dialog.micl-dialog-fullscreen .micl-dialog__headline{height:56px;flex-direction:row;align-items:center;gap:4px;padding:4px;animation-name:headlineScroll;animation-duration:1ms;animation-timeline:--headlineTimeline;animation-fill-mode:forwards;animation-range:0% 20%;z-index:1}dialog.micl-dialog-fullscreen .micl-dialog__headline h1,dialog.micl-dialog-fullscreen .micl-dialog__headline h2,dialog.micl-dialog-fullscreen .micl-dialog__headline h3,dialog.micl-dialog-fullscreen .micl-dialog__headline h4,dialog.micl-dialog-fullscreen .micl-dialog__headline h5,dialog.micl-dialog-fullscreen .micl-dialog__headline h6,dialog.micl-dialog-fullscreen .micl-dialog__headline .micl-heading{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);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}dialog.micl-dialog-fullscreen .micl-dialog__headline .micl-dialog__icon{display:none}dialog.micl-dialog-fullscreen .micl-dialog__headline button{display:inline-block}dialog.micl-dialog-fullscreen .micl-dialog__headline button.micl-button{margin-right:16px}dialog.micl-dialog-fullscreen .micl-dialog__content{scroll-timeline:--headlineTimeline block;scroll-timeline:--headlineTimeline vertical}dialog.micl-dialog-fullscreen .micl-dialog__actions{opacity:0}}@keyframes headlineScroll{from{background-color:rgba(0,0,0,0);box-shadow:var(--md-sys-elevation-level0)}to{background-color:var(--md-sys-color-surface-container);box-shadow:var(--md-sys-elevation-level2)}}
package/dist/dialog.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/divider.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/iconbutton.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}body{--md-sys-ripple-background-color: var(--md-sys-color-on-surface);--md-sys-ripple-opacity: 20%;--md-sys-ripple-duration: var(--md-sys-motion-duration-extra-long4)}button.micl-iconbutton-standard-xs,button.micl-iconbutton-standard-s,button.micl-iconbutton-standard-m,button.micl-iconbutton-standard-l,button.micl-iconbutton-standard-xl,button.micl-iconbutton-filled-xs,button.micl-iconbutton-filled-s,button.micl-iconbutton-filled-m,button.micl-iconbutton-filled-l,button.micl-iconbutton-filled-xl,button.micl-iconbutton-tonal-xs,button.micl-iconbutton-tonal-s,button.micl-iconbutton-tonal-m,button.micl-iconbutton-tonal-l,button.micl-iconbutton-tonal-xl,button.micl-iconbutton-outlined-xs,button.micl-iconbutton-outlined-s,button.micl-iconbutton-outlined-m,button.micl-iconbutton-outlined-l,button.micl-iconbutton-outlined-xl{padding:0;border:none;border-radius:var(--md-sys-shape-corner-full);background-color:rgba(0,0,0,0);color:var(--md-sys-color-on-surface-variant);cursor:pointer;font-variation-settings:"FILL" 0;transition:font-variation-settings 600ms,border-radius var(--md-sys-motion-duration-extra-long4) linear(0, 0.00004, 0.00014, 0.00032 0.09%, 0.00048, 0.00067 0.13%, 0.00102 0.16%, 0.00158 0.2%, 0.00209 0.23%, 0.00288 0.27%, 0.00355 0.3%, 0.00454 0.34%, 0.00537 0.37%, 0.00658 0.41%, 0.00757 0.44%, 0.00899 0.48%, 0.01013 0.51%, 0.01175 0.55%, 0.01488, 0.01835, 0.02217 0.76%, 0.02695 0.84%, 0.0315, 0.03638, 0.04158 1.05%, 0.04791 1.13%, 0.05379 1.2%, 0.06089 1.28%, 0.06742 1.35%, 0.07524 1.43%, 0.0824 1.5%, 0.09093 1.58%, 0.09868 1.65%, 0.10788, 0.11742, 0.1273, 0.1375, 0.14802, 0.15885, 0.16997, 0.18139 2.29%, 0.19457 2.38%, 0.2142 2.51%, 0.2361, 0.25873, 0.28203 2.93%, 0.3077, 0.33403 3.23%, 0.36278, 0.39213 3.55%, 0.44474 3.83%, 0.50442, 0.56512 4.45%, 0.72096 5.241%, 0.76583 5.471%, 0.80441 5.671%, 0.84813 5.901%, 0.8873, 0.92565 6.321%, 0.96131 6.521%, 0.99946 6.741%, 1.03472, 1.06876 7.161%, 1.09999 7.361%, 1.11514, 1.12997, 1.14448, 1.15866, 1.1725, 1.186, 1.19915 8.061%, 1.21068 8.151%, 1.22315, 1.23526, 1.24701 8.451%, 1.25726 8.541%, 1.2683, 1.27895, 1.28923 8.841%, 1.29815 8.931%, 1.3077 9.031%, 1.31597 9.121%, 1.32478 9.221%, 1.33238 9.311%, 1.34045 9.411%, 1.34738, 1.354 9.591%, 1.36098 9.691%, 1.36692 9.781%, 1.37316 9.881%, 1.37844 9.971%, 1.38394 10.071%, 1.38856 10.161%, 1.39332 10.261%, 1.39728 10.351%, 1.39935, 1.40132 10.451%, 1.40463 10.541%, 1.40634, 1.40795, 1.40947, 1.4109, 1.41224, 1.41348 10.841%, 1.41441 10.881%, 1.41549, 1.41647, 1.41737, 1.41818, 1.41889, 1.41952, 1.42006 11.231%, 1.42035 11.261%, 1.42067 11.301%, 1.42088 11.331%, 1.42111 11.371%, 1.42125 11.401%, 1.42138, 1.42146, 1.42149 11.521%, 1.42147 11.551%, 1.4214, 1.42128, 1.4211 11.671%, 1.42094 11.701%, 1.42067, 1.42035, 1.41998 11.821%, 1.41966 11.851%, 1.4192, 1.41869, 1.41813, 1.41752, 1.41685, 1.41614, 1.41538 12.131%, 1.41394 12.201%, 1.4121, 1.41008, 1.40788, 1.40549, 1.40293, 1.40019, 1.39728, 1.3942, 1.39096, 1.38756, 1.384, 1.38029 13.161%, 1.37594 13.251%, 1.37191 13.331%, 1.36722 13.421%, 1.3629 13.501%, 1.35788, 1.3527, 1.34736 13.771%, 1.33875 13.911%, 1.32915, 1.31917, 1.30885, 1.29821 14.511%, 1.28653 14.671%, 1.27379, 1.26075 15.012%, 1.24981 15.152%, 1.23791 15.302%, 1.21121 15.632%, 1.18483 15.952%, 1.11583 16.782%, 1.09612 17.022%, 1.07908 17.232%, 1.06072 17.462%, 1.0435 17.682%, 1.02743, 1.01176 18.102%, 0.99582, 0.98042 18.542%, 0.96625 18.752%, 0.95905 18.862%, 0.95264, 0.94636, 0.94022, 0.93422, 0.92836, 0.92264, 0.91707, 0.91165, 0.90638, 0.90126 19.862%, 0.89679, 0.89244, 0.88822 20.132%, 0.88369 20.232%, 0.87974, 0.87592, 0.87224 20.502%, 0.8683 20.602%, 0.86489, 0.86161, 0.85847, 0.85546, 0.85259, 0.84985, 0.84724, 0.84477, 0.84242, 0.84022, 0.83814, 0.8362, 0.83438, 0.8327 21.862%, 0.83182, 0.83099 21.962%, 0.82958, 0.8283, 0.82715 22.232%, 0.82656, 0.82602 22.332%, 0.82561 22.372%, 0.82513, 0.82469, 0.82429 22.522%, 0.824 22.562%, 0.82367, 0.82338, 0.82312 22.712%, 0.82282 22.782%, 0.82269, 0.82257 22.862%, 0.82243 22.932%, 0.82238, 0.82235 23.012%, 0.82236 23.082%, 0.8224, 0.82246 23.162%, 0.82261 23.232%, 0.82273, 0.82287 23.312%, 0.82317 23.382%, 0.82359, 0.8241, 0.82469 23.622%, 0.82528 23.692%, 0.82602, 0.82684, 0.82775, 0.82872, 0.82978, 0.83091, 0.83211, 0.83338, 0.83472, 0.83613 24.492%, 0.8378 24.582%, 0.83935 24.662%, 0.84117 24.752%, 0.84285 24.832%, 0.84481 24.922%, 0.84662 25.003%, 0.84872, 0.85089, 0.85313 25.273%, 0.85673 25.413%, 0.86076, 0.86495, 0.86928 25.863%, 0.87405, 0.87897 26.183%, 0.88433, 0.88982 26.523%, 0.89476, 0.89978 26.823%, 0.91103 27.153%, 0.92215 27.473%, 0.95089 28.293%, 0.9592 28.533%, 0.96672 28.753%, 0.97446 28.983%, 0.98172 29.203%, 0.98849, 0.99509 29.623%, 1.00181, 1.0083 30.063%, 1.01427 30.273%, 1.0173 30.383%, 1.02, 1.02265, 1.02524, 1.02777, 1.03023, 1.03264, 1.03499, 1.03727, 1.03949, 1.04165 31.383%, 1.04353, 1.04537, 1.04714, 1.04887, 1.05054, 1.05215, 1.05371, 1.05521, 1.05666, 1.05805, 1.05939, 1.06066, 1.06189, 1.06305, 1.06417, 1.06522, 1.06622, 1.06716, 1.06805, 1.06888, 1.06965, 1.07037, 1.07104, 1.07165, 1.07221, 1.07271, 1.07316, 1.07355, 1.07389, 1.07419 34.083%, 1.07445 34.183%, 1.07458 34.243%, 1.07469 34.313%, 1.07477 34.373%, 1.07484 34.443%, 1.07487 34.503%, 1.07488, 1.07486, 1.07481 34.713%, 1.07474 34.773%, 1.07464, 1.07451, 1.07435 34.983%, 1.07419 35.044%, 1.07398, 1.07375, 1.07348, 1.0732, 1.07288, 1.07255, 1.07218, 1.07179, 1.07138 35.674%, 1.07049, 1.06951 35.954%, 1.06835, 1.06711, 1.06577, 1.06434, 1.06283 36.704%, 1.06114, 1.05936, 1.0575 37.184%, 1.05545, 1.05332 37.524%, 1.05099, 1.0486, 1.04614 38.064%, 1.04349 38.254%, 1.04065 38.454%, 1.03791 38.644%, 1.0347 38.864%, 1.02229 39.704%, 1.01688 40.074%, 1.014 40.274%, 1.01145, 1.00893 40.634%, 1.00659 40.804%, 1.00376 41.014%, 1.00114 41.214%, 0.99871, 0.99636, 0.99408 41.784%, 0.992, 0.99 42.144%, 0.98818 42.314%, 0.98603 42.524%, 0.98495 42.634%, 0.98399 42.734%, 0.98297 42.844%, 0.98208 42.944%, 0.98112 43.054%, 0.98028 43.154%, 0.97939 43.264%, 0.97861 43.364%, 0.97779 43.474%, 0.97707 43.574%, 0.97631 43.684%, 0.97565, 0.97502, 0.97442, 0.97385, 0.97331, 0.9728 44.284%, 0.97227 44.394%, 0.97182, 0.97139, 0.971 44.694%, 0.9706 44.804%, 0.97027 44.904%, 0.96994 45.015%, 0.96966 45.115%, 0.9694 45.225%, 0.96918 45.325%, 0.96898 45.435%, 0.96882 45.535%, 0.96868 45.645%, 0.96856 45.775%, 0.96847 45.915%, 0.96844 46.045%, 0.96845 46.185%, 0.96851 46.315%, 0.96862, 0.96877, 0.96897, 0.96921 46.875%, 0.96951 47.025%, 0.96984 47.165%, 0.97024, 0.97068, 0.97116, 0.97169 47.765%, 0.97229 47.925%, 0.97289, 0.97352 48.225%, 0.97424, 0.97499, 0.97577 48.705%, 0.97664 48.875%, 0.97759, 0.97857 49.235%, 0.97953 49.405%, 0.98056 49.585%, 0.98288 49.975%, 0.98538 50.385%, 0.99061 51.225%, 0.99283 51.585%, 0.99513 51.965%, 0.99712 52.305%, 0.99826, 0.99937 52.705%, 1.00039 52.895%, 1.00134 53.075%, 1.0023 53.265%, 1.00319, 1.00404 53.625%, 1.00481 53.795%, 1.00573, 1.00659, 1.00741, 1.00818, 1.00889 54.845%, 1.00952, 1.0101, 1.01063, 1.01112, 1.01155, 1.01194 56.046%, 1.01229 56.256%, 1.01257 56.456%, 1.01282 56.666%, 1.01301 56.866%, 1.01315 57.076%, 1.01322, 1.01327, 1.0133, 1.0133, 1.01329 57.776%, 1.01325 57.926%, 1.01319 58.066%, 1.01311, 1.013, 1.01288 58.516%, 1.01257 58.816%, 1.01217 59.126%, 1.01168 59.446%, 1.01114 59.756%, 1.01052 60.076%, 1.00982 60.406%, 1.009 60.766%, 1.00816 61.116%, 1.00719 61.506%, 1.00613 61.916%, 1.00304 63.096%, 1.0021 63.466%, 1.00126 63.806%, 1.00033 64.196%, 0.9995 64.566%, 0.99874 64.926%, 0.99806 65.267%, 0.99732 65.677%, 0.99697 65.887%, 0.99666 66.087%, 0.99609 66.487%, 0.99561, 0.99522 67.267%, 0.99505, 0.99489, 0.99476, 0.99465 68.067%, 0.99449 68.467%, 0.99442 68.757%, 0.99439, 0.99441 69.357%, 0.99446, 0.99455 69.977%, 0.99469 70.297%, 0.99486 70.627%, 0.99508 70.967%, 0.99531 71.277%, 0.99558 71.607%, 0.99588 71.947%, 0.99623 72.307%, 0.99699 73.047%, 0.99869 74.587%, 0.99942 75.278%, 1.00014 76.008%, 1.00074 76.688%, 1.00104, 1.00132 77.468%, 1.00156, 1.00177, 1.00194 78.608%, 1.00209 78.978%, 1.0022, 1.00228 79.738%, 1.00233, 1.00236 80.378% 80.708%, 1.00235 81.038%, 1.00226 81.718%, 1.00209 82.448%, 1.00187 83.098%, 1.00159 83.828%, 1.00127 84.568%, 1.00027 86.749%, 0.99998 87.439%, 0.99973 88.079%, 0.99949 88.819%, 0.9993 89.529%, 0.99916 90.229%, 0.99907 90.939%, 0.99901 91.659% 92.389%, 0.99904 93.159%, 0.99912 93.979%, 0.99932 95.28%, 0.99992 98.45%, 1.00017)}button.micl-iconbutton-standard-xs:disabled,button.micl-iconbutton-standard-s:disabled,button.micl-iconbutton-standard-m:disabled,button.micl-iconbutton-standard-l:disabled,button.micl-iconbutton-standard-xl:disabled,button.micl-iconbutton-filled-xs:disabled,button.micl-iconbutton-filled-s:disabled,button.micl-iconbutton-filled-m:disabled,button.micl-iconbutton-filled-l:disabled,button.micl-iconbutton-filled-xl:disabled,button.micl-iconbutton-tonal-xs:disabled,button.micl-iconbutton-tonal-s:disabled,button.micl-iconbutton-tonal-m:disabled,button.micl-iconbutton-tonal-l:disabled,button.micl-iconbutton-tonal-xl:disabled,button.micl-iconbutton-outlined-xs:disabled,button.micl-iconbutton-outlined-s:disabled,button.micl-iconbutton-outlined-m:disabled,button.micl-iconbutton-outlined-l:disabled,button.micl-iconbutton-outlined-xl:disabled{background-color:rgb(from var(--md-sys-color-on-surface) r g b/10%);color:rgb(from var(--md-sys-color-on-surface) r g b/38%);box-shadow:var(--md-sys-elevation-level0);cursor:default}button.micl-iconbutton-standard-xs:not(:disabled):focus-visible,button.micl-iconbutton-standard-s:not(:disabled):focus-visible,button.micl-iconbutton-standard-m:not(:disabled):focus-visible,button.micl-iconbutton-standard-l:not(:disabled):focus-visible,button.micl-iconbutton-standard-xl:not(:disabled):focus-visible,button.micl-iconbutton-filled-xs:not(:disabled):focus-visible,button.micl-iconbutton-filled-s:not(:disabled):focus-visible,button.micl-iconbutton-filled-m:not(:disabled):focus-visible,button.micl-iconbutton-filled-l:not(:disabled):focus-visible,button.micl-iconbutton-filled-xl:not(:disabled):focus-visible,button.micl-iconbutton-tonal-xs:not(:disabled):focus-visible,button.micl-iconbutton-tonal-s:not(:disabled):focus-visible,button.micl-iconbutton-tonal-m:not(:disabled):focus-visible,button.micl-iconbutton-tonal-l:not(:disabled):focus-visible,button.micl-iconbutton-tonal-xl:not(:disabled):focus-visible,button.micl-iconbutton-outlined-xs:not(:disabled):focus-visible,button.micl-iconbutton-outlined-s:not(:disabled):focus-visible,button.micl-iconbutton-outlined-m:not(:disabled):focus-visible,button.micl-iconbutton-outlined-l:not(:disabled):focus-visible,button.micl-iconbutton-outlined-xl:not(:disabled):focus-visible{outline:var(--md-sys-state-focus-indicator-thickness) solid var(--md-sys-color-secondary);outline-offset:3px}button.micl-iconbutton-standard-xs:hover:not(:disabled),button.micl-iconbutton-standard-xs.micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-s:hover:not(:disabled),button.micl-iconbutton-standard-s.micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-m:hover:not(:disabled),button.micl-iconbutton-standard-m.micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-l:hover:not(:disabled),button.micl-iconbutton-standard-l.micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-xl:hover:not(:disabled),button.micl-iconbutton-standard-xl.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-xs:hover:not(:disabled),button.micl-iconbutton-filled-xs.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-s:hover:not(:disabled),button.micl-iconbutton-filled-s.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-m:hover:not(:disabled),button.micl-iconbutton-filled-m.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-l:hover:not(:disabled),button.micl-iconbutton-filled-l.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-xl:hover:not(:disabled),button.micl-iconbutton-filled-xl.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-xs:hover:not(:disabled),button.micl-iconbutton-tonal-xs.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-s:hover:not(:disabled),button.micl-iconbutton-tonal-s.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-m:hover:not(:disabled),button.micl-iconbutton-tonal-m.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-l:hover:not(:disabled),button.micl-iconbutton-tonal-l.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-xl:hover:not(:disabled),button.micl-iconbutton-tonal-xl.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-xs:hover:not(:disabled),button.micl-iconbutton-outlined-xs.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-s:hover:not(:disabled),button.micl-iconbutton-outlined-s.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-m:hover:not(:disabled),button.micl-iconbutton-outlined-m.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-l:hover:not(:disabled),button.micl-iconbutton-outlined-l.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-xl:hover:not(:disabled),button.micl-iconbutton-outlined-xl.micl-button--toggle.micl-button--selected{font-variation-settings:"FILL" 1}button.micl-iconbutton-standard-xs,button.micl-iconbutton-filled-xs,button.micl-iconbutton-tonal-xs,button.micl-iconbutton-outlined-xs{width:var(--md-sys-target-size);min-width:var(--md-sys-target-size);height:var(--md-sys-target-size);font-size:20px;border:8px solid rgba(0,0,0,0);background-clip:content-box}button.micl-iconbutton-standard-xs.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-xs.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-xs.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-xs.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-large)}button.micl-iconbutton-standard-xs:not(:disabled),button.micl-iconbutton-filled-xs:not(:disabled),button.micl-iconbutton-tonal-xs:not(:disabled),button.micl-iconbutton-outlined-xs:not(:disabled){--miclripple: 1;position:relative;overflow:hidden}button.micl-iconbutton-standard-xs:not(:disabled)::before,button.micl-iconbutton-filled-xs:not(:disabled)::before,button.micl-iconbutton-tonal-xs:not(:disabled)::before,button.micl-iconbutton-outlined-xs:not(:disabled)::before{content:"";position:absolute;display:block;inset-block-start:calc(var(--y)*1px);inset-inline-start:calc(var(--x)*1px);width:calc(var(--d)*1px);height:calc(var(--d)*1px);border-radius:50%;background:var(--md-sys-ripple-background-color);opacity:calc(var(--o, 1)*var(--md-sys-ripple-opacity, 0.3));pointer-events:none;transition:calc(var(--t, 0)*var(--md-sys-ripple-duration)) cubic-bezier(0.05, 0.7, 0.1, 1);transform:translate(-50%, -50%) scale(var(--s, 1));transform-origin:center}button.micl-iconbutton-standard-xs:not(:disabled):active,button.micl-iconbutton-filled-xs:not(:disabled):active,button.micl-iconbutton-tonal-xs:not(:disabled):active,button.micl-iconbutton-outlined-xs:not(:disabled):active{border-radius:var(--md-sys-shape-corner-medium)}button.micl-iconbutton-standard-xs:not(:disabled):focus-visible,button.micl-iconbutton-filled-xs:not(:disabled):focus-visible,button.micl-iconbutton-tonal-xs:not(:disabled):focus-visible,button.micl-iconbutton-outlined-xs:not(:disabled):focus-visible{outline-offset:-6px}button.micl-iconbutton-standard-xs.micl-iconbutton--narrow,button.micl-iconbutton-filled-xs.micl-iconbutton--narrow,button.micl-iconbutton-tonal-xs.micl-iconbutton--narrow,button.micl-iconbutton-outlined-xs.micl-iconbutton--narrow{height:calc(var(--md-sys-target-size) + 10px);border-width:10px;border-radius:calc(var(--md-sys-target-size)/2)}button.micl-iconbutton-standard-xs.micl-iconbutton--narrow:focus-visible,button.micl-iconbutton-filled-xs.micl-iconbutton--narrow:focus-visible,button.micl-iconbutton-tonal-xs.micl-iconbutton--narrow:focus-visible,button.micl-iconbutton-outlined-xs.micl-iconbutton--narrow:focus-visible{outline-offset:-8px}button.micl-iconbutton-standard-xs.micl-iconbutton--wide,button.micl-iconbutton-filled-xs.micl-iconbutton--wide,button.micl-iconbutton-tonal-xs.micl-iconbutton--wide,button.micl-iconbutton-outlined-xs.micl-iconbutton--wide{width:calc(var(--md-sys-target-size) + 8px);border-radius:calc(var(--md-sys-target-size)/2)}button.micl-iconbutton-standard-xs.micl-iconbutton--wide:focus-visible,button.micl-iconbutton-filled-xs.micl-iconbutton--wide:focus-visible,button.micl-iconbutton-tonal-xs.micl-iconbutton--wide:focus-visible,button.micl-iconbutton-outlined-xs.micl-iconbutton--wide:focus-visible{outline-offset:-6px}button.micl-iconbutton-standard-xs.micl-button--square,button.micl-iconbutton-filled-xs.micl-button--square,button.micl-iconbutton-tonal-xs.micl-button--square,button.micl-iconbutton-outlined-xs.micl-button--square{border-radius:var(--md-sys-shape-corner-large)}button.micl-iconbutton-standard-xs.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-xs.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-xs.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-xs.micl-button--square.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-full)}button.micl-iconbutton-standard-s,button.micl-iconbutton-filled-s,button.micl-iconbutton-tonal-s,button.micl-iconbutton-outlined-s{width:var(--md-sys-target-size);min-width:var(--md-sys-target-size);height:var(--md-sys-target-size);font-size:24px;border:4px solid rgba(0,0,0,0);background-clip:content-box}button.micl-iconbutton-standard-s.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-s.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-s.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-s.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-large)}button.micl-iconbutton-standard-s:not(:disabled),button.micl-iconbutton-filled-s:not(:disabled),button.micl-iconbutton-tonal-s:not(:disabled),button.micl-iconbutton-outlined-s:not(:disabled){--miclripple: 1;position:relative;overflow:hidden}button.micl-iconbutton-standard-s:not(:disabled)::before,button.micl-iconbutton-filled-s:not(:disabled)::before,button.micl-iconbutton-tonal-s:not(:disabled)::before,button.micl-iconbutton-outlined-s:not(:disabled)::before{content:"";position:absolute;display:block;inset-block-start:calc(var(--y)*1px);inset-inline-start:calc(var(--x)*1px);width:calc(var(--d)*1px);height:calc(var(--d)*1px);border-radius:50%;background:var(--md-sys-ripple-background-color);opacity:calc(var(--o, 1)*var(--md-sys-ripple-opacity, 0.3));pointer-events:none;transition:calc(var(--t, 0)*var(--md-sys-ripple-duration)) cubic-bezier(0.05, 0.7, 0.1, 1);transform:translate(-50%, -50%) scale(var(--s, 1));transform-origin:center}button.micl-iconbutton-standard-s:not(:disabled):active,button.micl-iconbutton-filled-s:not(:disabled):active,button.micl-iconbutton-tonal-s:not(:disabled):active,button.micl-iconbutton-outlined-s:not(:disabled):active{border-radius:var(--md-sys-shape-corner-medium)}button.micl-iconbutton-standard-s:not(:disabled):focus-visible,button.micl-iconbutton-filled-s:not(:disabled):focus-visible,button.micl-iconbutton-tonal-s:not(:disabled):focus-visible,button.micl-iconbutton-outlined-s:not(:disabled):focus-visible{outline-offset:-2px}button.micl-iconbutton-standard-s.micl-iconbutton--narrow,button.micl-iconbutton-filled-s.micl-iconbutton--narrow,button.micl-iconbutton-tonal-s.micl-iconbutton--narrow,button.micl-iconbutton-outlined-s.micl-iconbutton--narrow{height:calc(var(--md-sys-target-size) + 8px);border-width:8px;border-radius:calc(var(--md-sys-target-size)/2)}button.micl-iconbutton-standard-s.micl-iconbutton--narrow:focus-visible,button.micl-iconbutton-filled-s.micl-iconbutton--narrow:focus-visible,button.micl-iconbutton-tonal-s.micl-iconbutton--narrow:focus-visible,button.micl-iconbutton-outlined-s.micl-iconbutton--narrow:focus-visible{outline-offset:-6px}button.micl-iconbutton-standard-s.micl-iconbutton--wide,button.micl-iconbutton-filled-s.micl-iconbutton--wide,button.micl-iconbutton-tonal-s.micl-iconbutton--wide,button.micl-iconbutton-outlined-s.micl-iconbutton--wide{width:calc(var(--md-sys-target-size) + 12px);border-radius:26px}button.micl-iconbutton-standard-s.micl-iconbutton--wide:focus-visible,button.micl-iconbutton-filled-s.micl-iconbutton--wide:focus-visible,button.micl-iconbutton-tonal-s.micl-iconbutton--wide:focus-visible,button.micl-iconbutton-outlined-s.micl-iconbutton--wide:focus-visible{outline-offset:-2px}button.micl-iconbutton-standard-s.micl-button--square,button.micl-iconbutton-filled-s.micl-button--square,button.micl-iconbutton-tonal-s.micl-button--square,button.micl-iconbutton-outlined-s.micl-button--square{border-radius:var(--md-sys-shape-corner-large)}button.micl-iconbutton-standard-s.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-s.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-s.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-s.micl-button--square.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-full)}button.micl-iconbutton-standard-m,button.micl-iconbutton-filled-m,button.micl-iconbutton-tonal-m,button.micl-iconbutton-outlined-m{width:56px;min-width:56px;height:56px;font-size:24px}button.micl-iconbutton-standard-m.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-m.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-m.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-m.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-large)}button.micl-iconbutton-standard-m:not(:disabled),button.micl-iconbutton-filled-m:not(:disabled),button.micl-iconbutton-tonal-m:not(:disabled),button.micl-iconbutton-outlined-m:not(:disabled){--miclripple: 1;position:relative;overflow:hidden}button.micl-iconbutton-standard-m:not(:disabled)::before,button.micl-iconbutton-filled-m:not(:disabled)::before,button.micl-iconbutton-tonal-m:not(:disabled)::before,button.micl-iconbutton-outlined-m:not(:disabled)::before{content:"";position:absolute;display:block;inset-block-start:calc(var(--y)*1px);inset-inline-start:calc(var(--x)*1px);width:calc(var(--d)*1px);height:calc(var(--d)*1px);border-radius:50%;background:var(--md-sys-ripple-background-color);opacity:calc(var(--o, 1)*var(--md-sys-ripple-opacity, 0.3));pointer-events:none;transition:calc(var(--t, 0)*var(--md-sys-ripple-duration)) cubic-bezier(0.05, 0.7, 0.1, 1);transform:translate(-50%, -50%) scale(var(--s, 1));transform-origin:center}button.micl-iconbutton-standard-m:not(:disabled):active,button.micl-iconbutton-filled-m:not(:disabled):active,button.micl-iconbutton-tonal-m:not(:disabled):active,button.micl-iconbutton-outlined-m:not(:disabled):active{border-radius:var(--md-sys-shape-corner-medium)}button.micl-iconbutton-standard-m.micl-iconbutton--narrow,button.micl-iconbutton-filled-m.micl-iconbutton--narrow,button.micl-iconbutton-tonal-m.micl-iconbutton--narrow,button.micl-iconbutton-outlined-m.micl-iconbutton--narrow{width:var(--md-sys-target-size);min-width:var(--md-sys-target-size);border-radius:calc(var(--md-sys-target-size)/2)}button.micl-iconbutton-standard-m.micl-iconbutton--wide,button.micl-iconbutton-filled-m.micl-iconbutton--wide,button.micl-iconbutton-tonal-m.micl-iconbutton--wide,button.micl-iconbutton-outlined-m.micl-iconbutton--wide{width:72px;min-width:72px;border-radius:36px}button.micl-iconbutton-standard-m.micl-button--square,button.micl-iconbutton-filled-m.micl-button--square,button.micl-iconbutton-tonal-m.micl-button--square,button.micl-iconbutton-outlined-m.micl-button--square{border-radius:var(--md-sys-shape-corner-large)}button.micl-iconbutton-standard-m.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-m.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-m.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-m.micl-button--square.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-full)}button.micl-iconbutton-standard-l,button.micl-iconbutton-filled-l,button.micl-iconbutton-tonal-l,button.micl-iconbutton-outlined-l{width:96px;min-width:96px;height:96px;font-size:32px}button.micl-iconbutton-standard-l.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-l.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-l.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-l.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-extra-large)}button.micl-iconbutton-standard-l:not(:disabled),button.micl-iconbutton-filled-l:not(:disabled),button.micl-iconbutton-tonal-l:not(:disabled),button.micl-iconbutton-outlined-l:not(:disabled){--miclripple: 1;position:relative;overflow:hidden}button.micl-iconbutton-standard-l:not(:disabled)::before,button.micl-iconbutton-filled-l:not(:disabled)::before,button.micl-iconbutton-tonal-l:not(:disabled)::before,button.micl-iconbutton-outlined-l:not(:disabled)::before{content:"";position:absolute;display:block;inset-block-start:calc(var(--y)*1px);inset-inline-start:calc(var(--x)*1px);width:calc(var(--d)*1px);height:calc(var(--d)*1px);border-radius:50%;background:var(--md-sys-ripple-background-color);opacity:calc(var(--o, 1)*var(--md-sys-ripple-opacity, 0.3));pointer-events:none;transition:calc(var(--t, 0)*var(--md-sys-ripple-duration)) cubic-bezier(0.05, 0.7, 0.1, 1);transform:translate(-50%, -50%) scale(var(--s, 1));transform-origin:center}button.micl-iconbutton-standard-l:not(:disabled):active,button.micl-iconbutton-filled-l:not(:disabled):active,button.micl-iconbutton-tonal-l:not(:disabled):active,button.micl-iconbutton-outlined-l:not(:disabled):active{border-radius:var(--md-sys-shape-corner-large)}button.micl-iconbutton-standard-l.micl-iconbutton--narrow,button.micl-iconbutton-filled-l.micl-iconbutton--narrow,button.micl-iconbutton-tonal-l.micl-iconbutton--narrow,button.micl-iconbutton-outlined-l.micl-iconbutton--narrow{width:64px;min-width:64px;border-radius:32px}button.micl-iconbutton-standard-l.micl-iconbutton--wide,button.micl-iconbutton-filled-l.micl-iconbutton--wide,button.micl-iconbutton-tonal-l.micl-iconbutton--wide,button.micl-iconbutton-outlined-l.micl-iconbutton--wide{width:128px;min-width:128px;border-radius:64px}button.micl-iconbutton-standard-l.micl-button--square,button.micl-iconbutton-filled-l.micl-button--square,button.micl-iconbutton-tonal-l.micl-button--square,button.micl-iconbutton-outlined-l.micl-button--square{border-radius:var(--md-sys-shape-corner-extra-large)}button.micl-iconbutton-standard-l.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-l.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-l.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-l.micl-button--square.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-full)}button.micl-iconbutton-standard-xl,button.micl-iconbutton-filled-xl,button.micl-iconbutton-tonal-xl,button.micl-iconbutton-outlined-xl{width:136px;min-width:136px;height:136px;font-size:40px}button.micl-iconbutton-standard-xl.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-xl.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-xl.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-xl.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-extra-large)}button.micl-iconbutton-standard-xl:not(:disabled),button.micl-iconbutton-filled-xl:not(:disabled),button.micl-iconbutton-tonal-xl:not(:disabled),button.micl-iconbutton-outlined-xl:not(:disabled){--miclripple: 1;position:relative;overflow:hidden}button.micl-iconbutton-standard-xl:not(:disabled)::before,button.micl-iconbutton-filled-xl:not(:disabled)::before,button.micl-iconbutton-tonal-xl:not(:disabled)::before,button.micl-iconbutton-outlined-xl:not(:disabled)::before{content:"";position:absolute;display:block;inset-block-start:calc(var(--y)*1px);inset-inline-start:calc(var(--x)*1px);width:calc(var(--d)*1px);height:calc(var(--d)*1px);border-radius:50%;background:var(--md-sys-ripple-background-color);opacity:calc(var(--o, 1)*var(--md-sys-ripple-opacity, 0.3));pointer-events:none;transition:calc(var(--t, 0)*var(--md-sys-ripple-duration)) cubic-bezier(0.05, 0.7, 0.1, 1);transform:translate(-50%, -50%) scale(var(--s, 1));transform-origin:center}button.micl-iconbutton-standard-xl:not(:disabled):active,button.micl-iconbutton-filled-xl:not(:disabled):active,button.micl-iconbutton-tonal-xl:not(:disabled):active,button.micl-iconbutton-outlined-xl:not(:disabled):active{border-radius:var(--md-sys-shape-corner-large)}button.micl-iconbutton-standard-xl.micl-iconbutton--narrow,button.micl-iconbutton-filled-xl.micl-iconbutton--narrow,button.micl-iconbutton-tonal-xl.micl-iconbutton--narrow,button.micl-iconbutton-outlined-xl.micl-iconbutton--narrow{width:104px;min-width:104px;border-radius:52px}button.micl-iconbutton-standard-xl.micl-iconbutton--wide,button.micl-iconbutton-filled-xl.micl-iconbutton--wide,button.micl-iconbutton-tonal-xl.micl-iconbutton--wide,button.micl-iconbutton-outlined-xl.micl-iconbutton--wide{width:184px;min-width:184px;border-radius:92px}button.micl-iconbutton-standard-xl.micl-button--square,button.micl-iconbutton-filled-xl.micl-button--square,button.micl-iconbutton-tonal-xl.micl-button--square,button.micl-iconbutton-outlined-xl.micl-button--square{border-radius:var(--md-sys-shape-corner-extra-large)}button.micl-iconbutton-standard-xl.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-xl.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-xl.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-xl.micl-button--square.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-full)}button.micl-iconbutton-standard-xs:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-s:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-m:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-l:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-xl:not(:disabled).micl-button--toggle.micl-button--selected{color:var(--md-sys-color-primary)}button.micl-iconbutton-standard-xs:not(:disabled):hover,button.micl-iconbutton-standard-s:not(:disabled):hover,button.micl-iconbutton-standard-m:not(:disabled):hover,button.micl-iconbutton-standard-l:not(:disabled):hover,button.micl-iconbutton-standard-xl:not(:disabled):hover{background-color:rgb(from var(--md-sys-color-on-surface-variant) r g b/var(--md-sys-state-hover-state-layer-opacity))}button.micl-iconbutton-standard-xs:not(:disabled):hover.micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-s:not(:disabled):hover.micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-m:not(:disabled):hover.micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-l:not(:disabled):hover.micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-xl:not(:disabled):hover.micl-button--toggle.micl-button--selected{background-color:rgb(from var(--md-sys-color-primary) r g b/var(--md-sys-state-hover-state-layer-opacity))}button.micl-iconbutton-standard-xs:not(:disabled):focus-visible,button.micl-iconbutton-standard-s:not(:disabled):focus-visible,button.micl-iconbutton-standard-m:not(:disabled):focus-visible,button.micl-iconbutton-standard-l:not(:disabled):focus-visible,button.micl-iconbutton-standard-xl:not(:disabled):focus-visible{background-color:rgb(from var(--md-sys-color-on-surface-variant) r g b/var(--md-sys-state-focus-state-layer-opacity))}button.micl-iconbutton-standard-xs:not(:disabled):focus-visible.micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-s:not(:disabled):focus-visible.micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-m:not(:disabled):focus-visible.micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-l:not(:disabled):focus-visible.micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-xl:not(:disabled):focus-visible.micl-button--toggle.micl-button--selected{background-color:rgb(from var(--md-sys-color-primary) r g b/var(--md-sys-state-focus-state-layer-opacity))}button.micl-iconbutton-standard-xs:not(:disabled):active,button.micl-iconbutton-standard-s:not(:disabled):active,button.micl-iconbutton-standard-m:not(:disabled):active,button.micl-iconbutton-standard-l:not(:disabled):active,button.micl-iconbutton-standard-xl:not(:disabled):active{background-color:rgb(from var(--md-sys-color-on-surface-variant) r g b/var(--md-sys-state-pressed-state-layer-opacity))}button.micl-iconbutton-standard-xs:not(:disabled):active.micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-s:not(:disabled):active.micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-m:not(:disabled):active.micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-l:not(:disabled):active.micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-xl:not(:disabled):active.micl-button--toggle.micl-button--selected{background-color:rgb(from var(--md-sys-color-primary) r g b/var(--md-sys-state-pressed-state-layer-opacity))}button.micl-iconbutton-filled-xs,button.micl-iconbutton-filled-s,button.micl-iconbutton-filled-m,button.micl-iconbutton-filled-l,button.micl-iconbutton-filled-xl{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}button.micl-iconbutton-filled-xs:not(:disabled).micl-button--toggle:not(.micl-button--selected),button.micl-iconbutton-filled-s:not(:disabled).micl-button--toggle:not(.micl-button--selected),button.micl-iconbutton-filled-m:not(:disabled).micl-button--toggle:not(.micl-button--selected),button.micl-iconbutton-filled-l:not(:disabled).micl-button--toggle:not(.micl-button--selected),button.micl-iconbutton-filled-xl:not(:disabled).micl-button--toggle:not(.micl-button--selected){background-color:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface-variant)}button.micl-iconbutton-filled-xs:not(:disabled):hover,button.micl-iconbutton-filled-s:not(:disabled):hover,button.micl-iconbutton-filled-m:not(:disabled):hover,button.micl-iconbutton-filled-l:not(:disabled):hover,button.micl-iconbutton-filled-xl:not(:disabled):hover{background-color:color-mix(in srgb, var(--md-sys-color-primary), var(--md-sys-color-on-primary) var(--md-sys-state-hover-state-layer-opacity))}button.micl-iconbutton-filled-xs:not(:disabled):hover.micl-button--toggle:not(.micl-button--selected),button.micl-iconbutton-filled-s:not(:disabled):hover.micl-button--toggle:not(.micl-button--selected),button.micl-iconbutton-filled-m:not(:disabled):hover.micl-button--toggle:not(.micl-button--selected),button.micl-iconbutton-filled-l:not(:disabled):hover.micl-button--toggle:not(.micl-button--selected),button.micl-iconbutton-filled-xl:not(:disabled):hover.micl-button--toggle:not(.micl-button--selected){background-color:color-mix(in srgb, var(--md-sys-color-surface-container), var(--md-sys-color-on-surface-variant) var(--md-sys-state-hover-state-layer-opacity))}button.micl-iconbutton-filled-xs:not(:disabled):focus-visible,button.micl-iconbutton-filled-s:not(:disabled):focus-visible,button.micl-iconbutton-filled-m:not(:disabled):focus-visible,button.micl-iconbutton-filled-l:not(:disabled):focus-visible,button.micl-iconbutton-filled-xl:not(:disabled):focus-visible{background-color:color-mix(in srgb, var(--md-sys-color-primary), var(--md-sys-color-on-primary) var(--md-sys-state-focus-state-layer-opacity))}button.micl-iconbutton-filled-xs:not(:disabled):focus-visible.micl-button--toggle:not(.micl-button--selected),button.micl-iconbutton-filled-s:not(:disabled):focus-visible.micl-button--toggle:not(.micl-button--selected),button.micl-iconbutton-filled-m:not(:disabled):focus-visible.micl-button--toggle:not(.micl-button--selected),button.micl-iconbutton-filled-l:not(:disabled):focus-visible.micl-button--toggle:not(.micl-button--selected),button.micl-iconbutton-filled-xl:not(:disabled):focus-visible.micl-button--toggle:not(.micl-button--selected){background-color:color-mix(in srgb, var(--md-sys-color-surface-container), var(--md-sys-color-on-surface-variant) var(--md-sys-state-focus-state-layer-opacity))}button.micl-iconbutton-filled-xs:not(:disabled):active,button.micl-iconbutton-filled-s:not(:disabled):active,button.micl-iconbutton-filled-m:not(:disabled):active,button.micl-iconbutton-filled-l:not(:disabled):active,button.micl-iconbutton-filled-xl:not(:disabled):active{background-color:color-mix(in srgb, var(--md-sys-color-primary), var(--md-sys-color-on-primary) var(--md-sys-state-pressed-state-layer-opacity))}button.micl-iconbutton-filled-xs:not(:disabled):active.micl-button--toggle:not(.micl-button--selected),button.micl-iconbutton-filled-s:not(:disabled):active.micl-button--toggle:not(.micl-button--selected),button.micl-iconbutton-filled-m:not(:disabled):active.micl-button--toggle:not(.micl-button--selected),button.micl-iconbutton-filled-l:not(:disabled):active.micl-button--toggle:not(.micl-button--selected),button.micl-iconbutton-filled-xl:not(:disabled):active.micl-button--toggle:not(.micl-button--selected){background-color:color-mix(in srgb, var(--md-sys-color-surface-container), var(--md-sys-color-on-surface-variant) var(--md-sys-state-pressed-state-layer-opacity))}button.micl-iconbutton-tonal-xs,button.micl-iconbutton-tonal-s,button.micl-iconbutton-tonal-m,button.micl-iconbutton-tonal-l,button.micl-iconbutton-tonal-xl{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}button.micl-iconbutton-tonal-xs:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-s:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-m:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-l:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-xl:not(:disabled).micl-button--toggle.micl-button--selected{background-color:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary)}button.micl-iconbutton-tonal-xs:not(:disabled):hover,button.micl-iconbutton-tonal-s:not(:disabled):hover,button.micl-iconbutton-tonal-m:not(:disabled):hover,button.micl-iconbutton-tonal-l:not(:disabled):hover,button.micl-iconbutton-tonal-xl:not(:disabled):hover{background-color:color-mix(in srgb, var(--md-sys-color-secondary-container), var(--md-sys-color-on-secondary-container) var(--md-sys-state-hover-state-layer-opacity))}button.micl-iconbutton-tonal-xs:not(:disabled):hover.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-s:not(:disabled):hover.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-m:not(:disabled):hover.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-l:not(:disabled):hover.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-xl:not(:disabled):hover.micl-button--toggle.micl-button--selected{background-color:color-mix(in srgb, var(--md-sys-color-secondary), var(--md-sys-color-on-secondary) var(--md-sys-state-hover-state-layer-opacity))}button.micl-iconbutton-tonal-xs:not(:disabled):focus-visible,button.micl-iconbutton-tonal-s:not(:disabled):focus-visible,button.micl-iconbutton-tonal-m:not(:disabled):focus-visible,button.micl-iconbutton-tonal-l:not(:disabled):focus-visible,button.micl-iconbutton-tonal-xl:not(:disabled):focus-visible{background-color:color-mix(in srgb, var(--md-sys-color-secondary-container), var(--md-sys-color-on-secondary-container) var(--md-sys-state-focus-state-layer-opacity))}button.micl-iconbutton-tonal-xs:not(:disabled):focus-visible.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-s:not(:disabled):focus-visible.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-m:not(:disabled):focus-visible.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-l:not(:disabled):focus-visible.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-xl:not(:disabled):focus-visible.micl-button--toggle.micl-button--selected{background-color:color-mix(in srgb, var(--md-sys-color-secondary), var(--md-sys-color-on-secondary) var(--md-sys-state-focus-state-layer-opacity))}button.micl-iconbutton-tonal-xs:not(:disabled):active,button.micl-iconbutton-tonal-s:not(:disabled):active,button.micl-iconbutton-tonal-m:not(:disabled):active,button.micl-iconbutton-tonal-l:not(:disabled):active,button.micl-iconbutton-tonal-xl:not(:disabled):active{background-color:color-mix(in srgb, var(--md-sys-color-secondary-container), var(--md-sys-color-on-secondary-container) var(--md-sys-state-pressed-state-layer-opacity))}button.micl-iconbutton-tonal-xs:not(:disabled):active.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-s:not(:disabled):active.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-m:not(:disabled):active.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-l:not(:disabled):active.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-xl:not(:disabled):active.micl-button--toggle.micl-button--selected{background-color:color-mix(in srgb, var(--md-sys-color-secondary), var(--md-sys-color-on-secondary) var(--md-sys-state-pressed-state-layer-opacity))}button.micl-iconbutton-outlined-xs,button.micl-iconbutton-outlined-s,button.micl-iconbutton-outlined-m,button.micl-iconbutton-outlined-l,button.micl-iconbutton-outlined-xl{background-color:rgba(0,0,0,0);color:var(--md-sys-color-on-surface-variant)}button.micl-iconbutton-outlined-xs.micl-iconbutton-outlined-xs,button.micl-iconbutton-outlined-xs.micl-iconbutton-outlined-s,button.micl-iconbutton-outlined-s.micl-iconbutton-outlined-xs,button.micl-iconbutton-outlined-s.micl-iconbutton-outlined-s,button.micl-iconbutton-outlined-m.micl-iconbutton-outlined-xs,button.micl-iconbutton-outlined-m.micl-iconbutton-outlined-s,button.micl-iconbutton-outlined-l.micl-iconbutton-outlined-xs,button.micl-iconbutton-outlined-l.micl-iconbutton-outlined-s,button.micl-iconbutton-outlined-xl.micl-iconbutton-outlined-xs,button.micl-iconbutton-outlined-xl.micl-iconbutton-outlined-s{box-shadow:inset 1px 0px var(--md-sys-color-outline-variant),inset -1px 0px var(--md-sys-color-outline-variant),inset 0px -1px var(--md-sys-color-outline-variant),inset 0px 1px var(--md-sys-color-outline-variant)}button.micl-iconbutton-outlined-xs.micl-iconbutton-outlined-m,button.micl-iconbutton-outlined-s.micl-iconbutton-outlined-m,button.micl-iconbutton-outlined-m.micl-iconbutton-outlined-m,button.micl-iconbutton-outlined-l.micl-iconbutton-outlined-m,button.micl-iconbutton-outlined-xl.micl-iconbutton-outlined-m{border:1px solid var(--md-sys-color-outline-variant)}button.micl-iconbutton-outlined-xs.micl-iconbutton-outlined-l,button.micl-iconbutton-outlined-s.micl-iconbutton-outlined-l,button.micl-iconbutton-outlined-m.micl-iconbutton-outlined-l,button.micl-iconbutton-outlined-l.micl-iconbutton-outlined-l,button.micl-iconbutton-outlined-xl.micl-iconbutton-outlined-l{border:2px solid var(--md-sys-color-outline-variant)}button.micl-iconbutton-outlined-xs.micl-iconbutton-outlined-xl,button.micl-iconbutton-outlined-s.micl-iconbutton-outlined-xl,button.micl-iconbutton-outlined-m.micl-iconbutton-outlined-xl,button.micl-iconbutton-outlined-l.micl-iconbutton-outlined-xl,button.micl-iconbutton-outlined-xl.micl-iconbutton-outlined-xl{border:3px solid var(--md-sys-color-outline-variant)}button.micl-iconbutton-outlined-xs:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-s:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-m:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-l:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-xl:not(:disabled).micl-button--toggle.micl-button--selected{background-color:var(--md-sys-color-inverse-surface);color:var(--md-sys-color-inverse-on-surface)}button.micl-iconbutton-outlined-xs:not(:disabled):hover,button.micl-iconbutton-outlined-s:not(:disabled):hover,button.micl-iconbutton-outlined-m:not(:disabled):hover,button.micl-iconbutton-outlined-l:not(:disabled):hover,button.micl-iconbutton-outlined-xl:not(:disabled):hover{background-color:rgb(from var(--md-sys-color-on-surface-variant) r g b/var(--md-sys-state-hover-state-layer-opacity))}button.micl-iconbutton-outlined-xs:not(:disabled):hover.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-s:not(:disabled):hover.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-m:not(:disabled):hover.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-l:not(:disabled):hover.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-xl:not(:disabled):hover.micl-button--toggle.micl-button--selected{background-color:color-mix(in srgb, var(--md-sys-color-inverse-surface), var(--md-sys-color-inverse-on-surface) var(--md-sys-state-hover-state-layer-opacity))}button.micl-iconbutton-outlined-xs:not(:disabled):focus-visible,button.micl-iconbutton-outlined-s:not(:disabled):focus-visible,button.micl-iconbutton-outlined-m:not(:disabled):focus-visible,button.micl-iconbutton-outlined-l:not(:disabled):focus-visible,button.micl-iconbutton-outlined-xl:not(:disabled):focus-visible{background-color:rgb(from var(--md-sys-color-on-surface-variant) r g b/var(--md-sys-state-focus-state-layer-opacity))}button.micl-iconbutton-outlined-xs:not(:disabled):focus-visible.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-s:not(:disabled):focus-visible.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-m:not(:disabled):focus-visible.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-l:not(:disabled):focus-visible.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-xl:not(:disabled):focus-visible.micl-button--toggle.micl-button--selected{background-color:color-mix(in srgb, var(--md-sys-color-inverse-surface), var(--md-sys-color-inverse-on-surface) var(--md-sys-state-focus-state-layer-opacity))}button.micl-iconbutton-outlined-xs:not(:disabled):active,button.micl-iconbutton-outlined-s:not(:disabled):active,button.micl-iconbutton-outlined-m:not(:disabled):active,button.micl-iconbutton-outlined-l:not(:disabled):active,button.micl-iconbutton-outlined-xl:not(:disabled):active{background-color:rgb(from var(--md-sys-color-on-surface-variant) r g b/var(--md-sys-state-pressed-state-layer-opacity))}button.micl-iconbutton-outlined-xs:not(:disabled):active.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-s:not(:disabled):active.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-m:not(:disabled):active.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-l:not(:disabled):active.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-xl:not(:disabled):active.micl-button--toggle.micl-button--selected{background-color:color-mix(in srgb, var(--md-sys-color-inverse-surface), var(--md-sys-color-inverse-on-surface) var(--md-sys-state-pressed-state-layer-opacity))}
1
+ :root{--md-sys-elevation-level0: rgba(0, 0, 0, 0.2) 0px 0px 0px 0px, rgba(0, 0, 0, 0.14) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 0px 0px 0px;--md-sys-elevation-level1: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;--md-sys-elevation-level2: rgba(0, 0, 0, 0.2) 0px 3px 3px -2px, rgba(0, 0, 0, 0.14) 0px 3px 4px 0px, rgba(0, 0, 0, 0.12) 0px 1px 8px 0px;--md-sys-elevation-level3: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;--md-sys-elevation-level4: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;--md-sys-elevation-level5: rgba(0, 0, 0, 0.2) 0px 7px 8px -4px, rgba(0, 0, 0, 0.14) 0px 12px 17px 2px, rgba(0, 0, 0, 0.12) 0px 5px 22px 4px}:root{--md-sys-motion-duration-short1: 50ms;--md-sys-motion-duration-short2: 100ms;--md-sys-motion-duration-short3: 150ms;--md-sys-motion-duration-short4: 200ms;--md-sys-motion-duration-medium1: 250ms;--md-sys-motion-duration-medium2: 300ms;--md-sys-motion-duration-medium3: 350ms;--md-sys-motion-duration-medium4: 400ms;--md-sys-motion-duration-long1: 450ms;--md-sys-motion-duration-long2: 500ms;--md-sys-motion-duration-long3: 550ms;--md-sys-motion-duration-long4: 600ms;--md-sys-motion-duration-extra-long1: 700ms;--md-sys-motion-duration-extra-long2: 800ms;--md-sys-motion-duration-extra-long3: 900ms;--md-sys-motion-duration-extra-long4: 1000ms}body{--md-sys-ripple-background-color: var(--md-sys-color-on-surface);--md-sys-ripple-opacity: 20%;--md-sys-ripple-duration: var(--md-sys-motion-duration-extra-long4)}: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}button.micl-iconbutton-standard-xs,button.micl-iconbutton-standard-s,button.micl-iconbutton-standard-m,button.micl-iconbutton-standard-l,button.micl-iconbutton-standard-xl,button.micl-iconbutton-filled-xs,button.micl-iconbutton-filled-s,button.micl-iconbutton-filled-m,button.micl-iconbutton-filled-l,button.micl-iconbutton-filled-xl,button.micl-iconbutton-tonal-xs,button.micl-iconbutton-tonal-s,button.micl-iconbutton-tonal-m,button.micl-iconbutton-tonal-l,button.micl-iconbutton-tonal-xl,button.micl-iconbutton-outlined-xs,button.micl-iconbutton-outlined-s,button.micl-iconbutton-outlined-m,button.micl-iconbutton-outlined-l,button.micl-iconbutton-outlined-xl{padding:0;border:none;border-radius:var(--md-sys-shape-corner-full);background-color:rgba(0,0,0,0);color:var(--md-sys-color-on-surface-variant);cursor:pointer;font-variation-settings:"FILL" 0;transition:font-variation-settings 600ms,border-radius var(--md-sys-motion-duration-extra-long4) linear(0, 0.00004, 0.00014, 0.00032 0.09%, 0.00048, 0.00067 0.13%, 0.00102 0.16%, 0.00158 0.2%, 0.00209 0.23%, 0.00288 0.27%, 0.00355 0.3%, 0.00454 0.34%, 0.00537 0.37%, 0.00658 0.41%, 0.00757 0.44%, 0.00899 0.48%, 0.01013 0.51%, 0.01175 0.55%, 0.01488, 0.01835, 0.02217 0.76%, 0.02695 0.84%, 0.0315, 0.03638, 0.04158 1.05%, 0.04791 1.13%, 0.05379 1.2%, 0.06089 1.28%, 0.06742 1.35%, 0.07524 1.43%, 0.0824 1.5%, 0.09093 1.58%, 0.09868 1.65%, 0.10788, 0.11742, 0.1273, 0.1375, 0.14802, 0.15885, 0.16997, 0.18139 2.29%, 0.19457 2.38%, 0.2142 2.51%, 0.2361, 0.25873, 0.28203 2.93%, 0.3077, 0.33403 3.23%, 0.36278, 0.39213 3.55%, 0.44474 3.83%, 0.50442, 0.56512 4.45%, 0.72096 5.241%, 0.76583 5.471%, 0.80441 5.671%, 0.84813 5.901%, 0.8873, 0.92565 6.321%, 0.96131 6.521%, 0.99946 6.741%, 1.03472, 1.06876 7.161%, 1.09999 7.361%, 1.11514, 1.12997, 1.14448, 1.15866, 1.1725, 1.186, 1.19915 8.061%, 1.21068 8.151%, 1.22315, 1.23526, 1.24701 8.451%, 1.25726 8.541%, 1.2683, 1.27895, 1.28923 8.841%, 1.29815 8.931%, 1.3077 9.031%, 1.31597 9.121%, 1.32478 9.221%, 1.33238 9.311%, 1.34045 9.411%, 1.34738, 1.354 9.591%, 1.36098 9.691%, 1.36692 9.781%, 1.37316 9.881%, 1.37844 9.971%, 1.38394 10.071%, 1.38856 10.161%, 1.39332 10.261%, 1.39728 10.351%, 1.39935, 1.40132 10.451%, 1.40463 10.541%, 1.40634, 1.40795, 1.40947, 1.4109, 1.41224, 1.41348 10.841%, 1.41441 10.881%, 1.41549, 1.41647, 1.41737, 1.41818, 1.41889, 1.41952, 1.42006 11.231%, 1.42035 11.261%, 1.42067 11.301%, 1.42088 11.331%, 1.42111 11.371%, 1.42125 11.401%, 1.42138, 1.42146, 1.42149 11.521%, 1.42147 11.551%, 1.4214, 1.42128, 1.4211 11.671%, 1.42094 11.701%, 1.42067, 1.42035, 1.41998 11.821%, 1.41966 11.851%, 1.4192, 1.41869, 1.41813, 1.41752, 1.41685, 1.41614, 1.41538 12.131%, 1.41394 12.201%, 1.4121, 1.41008, 1.40788, 1.40549, 1.40293, 1.40019, 1.39728, 1.3942, 1.39096, 1.38756, 1.384, 1.38029 13.161%, 1.37594 13.251%, 1.37191 13.331%, 1.36722 13.421%, 1.3629 13.501%, 1.35788, 1.3527, 1.34736 13.771%, 1.33875 13.911%, 1.32915, 1.31917, 1.30885, 1.29821 14.511%, 1.28653 14.671%, 1.27379, 1.26075 15.012%, 1.24981 15.152%, 1.23791 15.302%, 1.21121 15.632%, 1.18483 15.952%, 1.11583 16.782%, 1.09612 17.022%, 1.07908 17.232%, 1.06072 17.462%, 1.0435 17.682%, 1.02743, 1.01176 18.102%, 0.99582, 0.98042 18.542%, 0.96625 18.752%, 0.95905 18.862%, 0.95264, 0.94636, 0.94022, 0.93422, 0.92836, 0.92264, 0.91707, 0.91165, 0.90638, 0.90126 19.862%, 0.89679, 0.89244, 0.88822 20.132%, 0.88369 20.232%, 0.87974, 0.87592, 0.87224 20.502%, 0.8683 20.602%, 0.86489, 0.86161, 0.85847, 0.85546, 0.85259, 0.84985, 0.84724, 0.84477, 0.84242, 0.84022, 0.83814, 0.8362, 0.83438, 0.8327 21.862%, 0.83182, 0.83099 21.962%, 0.82958, 0.8283, 0.82715 22.232%, 0.82656, 0.82602 22.332%, 0.82561 22.372%, 0.82513, 0.82469, 0.82429 22.522%, 0.824 22.562%, 0.82367, 0.82338, 0.82312 22.712%, 0.82282 22.782%, 0.82269, 0.82257 22.862%, 0.82243 22.932%, 0.82238, 0.82235 23.012%, 0.82236 23.082%, 0.8224, 0.82246 23.162%, 0.82261 23.232%, 0.82273, 0.82287 23.312%, 0.82317 23.382%, 0.82359, 0.8241, 0.82469 23.622%, 0.82528 23.692%, 0.82602, 0.82684, 0.82775, 0.82872, 0.82978, 0.83091, 0.83211, 0.83338, 0.83472, 0.83613 24.492%, 0.8378 24.582%, 0.83935 24.662%, 0.84117 24.752%, 0.84285 24.832%, 0.84481 24.922%, 0.84662 25.003%, 0.84872, 0.85089, 0.85313 25.273%, 0.85673 25.413%, 0.86076, 0.86495, 0.86928 25.863%, 0.87405, 0.87897 26.183%, 0.88433, 0.88982 26.523%, 0.89476, 0.89978 26.823%, 0.91103 27.153%, 0.92215 27.473%, 0.95089 28.293%, 0.9592 28.533%, 0.96672 28.753%, 0.97446 28.983%, 0.98172 29.203%, 0.98849, 0.99509 29.623%, 1.00181, 1.0083 30.063%, 1.01427 30.273%, 1.0173 30.383%, 1.02, 1.02265, 1.02524, 1.02777, 1.03023, 1.03264, 1.03499, 1.03727, 1.03949, 1.04165 31.383%, 1.04353, 1.04537, 1.04714, 1.04887, 1.05054, 1.05215, 1.05371, 1.05521, 1.05666, 1.05805, 1.05939, 1.06066, 1.06189, 1.06305, 1.06417, 1.06522, 1.06622, 1.06716, 1.06805, 1.06888, 1.06965, 1.07037, 1.07104, 1.07165, 1.07221, 1.07271, 1.07316, 1.07355, 1.07389, 1.07419 34.083%, 1.07445 34.183%, 1.07458 34.243%, 1.07469 34.313%, 1.07477 34.373%, 1.07484 34.443%, 1.07487 34.503%, 1.07488, 1.07486, 1.07481 34.713%, 1.07474 34.773%, 1.07464, 1.07451, 1.07435 34.983%, 1.07419 35.044%, 1.07398, 1.07375, 1.07348, 1.0732, 1.07288, 1.07255, 1.07218, 1.07179, 1.07138 35.674%, 1.07049, 1.06951 35.954%, 1.06835, 1.06711, 1.06577, 1.06434, 1.06283 36.704%, 1.06114, 1.05936, 1.0575 37.184%, 1.05545, 1.05332 37.524%, 1.05099, 1.0486, 1.04614 38.064%, 1.04349 38.254%, 1.04065 38.454%, 1.03791 38.644%, 1.0347 38.864%, 1.02229 39.704%, 1.01688 40.074%, 1.014 40.274%, 1.01145, 1.00893 40.634%, 1.00659 40.804%, 1.00376 41.014%, 1.00114 41.214%, 0.99871, 0.99636, 0.99408 41.784%, 0.992, 0.99 42.144%, 0.98818 42.314%, 0.98603 42.524%, 0.98495 42.634%, 0.98399 42.734%, 0.98297 42.844%, 0.98208 42.944%, 0.98112 43.054%, 0.98028 43.154%, 0.97939 43.264%, 0.97861 43.364%, 0.97779 43.474%, 0.97707 43.574%, 0.97631 43.684%, 0.97565, 0.97502, 0.97442, 0.97385, 0.97331, 0.9728 44.284%, 0.97227 44.394%, 0.97182, 0.97139, 0.971 44.694%, 0.9706 44.804%, 0.97027 44.904%, 0.96994 45.015%, 0.96966 45.115%, 0.9694 45.225%, 0.96918 45.325%, 0.96898 45.435%, 0.96882 45.535%, 0.96868 45.645%, 0.96856 45.775%, 0.96847 45.915%, 0.96844 46.045%, 0.96845 46.185%, 0.96851 46.315%, 0.96862, 0.96877, 0.96897, 0.96921 46.875%, 0.96951 47.025%, 0.96984 47.165%, 0.97024, 0.97068, 0.97116, 0.97169 47.765%, 0.97229 47.925%, 0.97289, 0.97352 48.225%, 0.97424, 0.97499, 0.97577 48.705%, 0.97664 48.875%, 0.97759, 0.97857 49.235%, 0.97953 49.405%, 0.98056 49.585%, 0.98288 49.975%, 0.98538 50.385%, 0.99061 51.225%, 0.99283 51.585%, 0.99513 51.965%, 0.99712 52.305%, 0.99826, 0.99937 52.705%, 1.00039 52.895%, 1.00134 53.075%, 1.0023 53.265%, 1.00319, 1.00404 53.625%, 1.00481 53.795%, 1.00573, 1.00659, 1.00741, 1.00818, 1.00889 54.845%, 1.00952, 1.0101, 1.01063, 1.01112, 1.01155, 1.01194 56.046%, 1.01229 56.256%, 1.01257 56.456%, 1.01282 56.666%, 1.01301 56.866%, 1.01315 57.076%, 1.01322, 1.01327, 1.0133, 1.0133, 1.01329 57.776%, 1.01325 57.926%, 1.01319 58.066%, 1.01311, 1.013, 1.01288 58.516%, 1.01257 58.816%, 1.01217 59.126%, 1.01168 59.446%, 1.01114 59.756%, 1.01052 60.076%, 1.00982 60.406%, 1.009 60.766%, 1.00816 61.116%, 1.00719 61.506%, 1.00613 61.916%, 1.00304 63.096%, 1.0021 63.466%, 1.00126 63.806%, 1.00033 64.196%, 0.9995 64.566%, 0.99874 64.926%, 0.99806 65.267%, 0.99732 65.677%, 0.99697 65.887%, 0.99666 66.087%, 0.99609 66.487%, 0.99561, 0.99522 67.267%, 0.99505, 0.99489, 0.99476, 0.99465 68.067%, 0.99449 68.467%, 0.99442 68.757%, 0.99439, 0.99441 69.357%, 0.99446, 0.99455 69.977%, 0.99469 70.297%, 0.99486 70.627%, 0.99508 70.967%, 0.99531 71.277%, 0.99558 71.607%, 0.99588 71.947%, 0.99623 72.307%, 0.99699 73.047%, 0.99869 74.587%, 0.99942 75.278%, 1.00014 76.008%, 1.00074 76.688%, 1.00104, 1.00132 77.468%, 1.00156, 1.00177, 1.00194 78.608%, 1.00209 78.978%, 1.0022, 1.00228 79.738%, 1.00233, 1.00236 80.378% 80.708%, 1.00235 81.038%, 1.00226 81.718%, 1.00209 82.448%, 1.00187 83.098%, 1.00159 83.828%, 1.00127 84.568%, 1.00027 86.749%, 0.99998 87.439%, 0.99973 88.079%, 0.99949 88.819%, 0.9993 89.529%, 0.99916 90.229%, 0.99907 90.939%, 0.99901 91.659% 92.389%, 0.99904 93.159%, 0.99912 93.979%, 0.99932 95.28%, 0.99992 98.45%, 1.00017)}button.micl-iconbutton-standard-xs:disabled,button.micl-iconbutton-standard-s:disabled,button.micl-iconbutton-standard-m:disabled,button.micl-iconbutton-standard-l:disabled,button.micl-iconbutton-standard-xl:disabled,button.micl-iconbutton-filled-xs:disabled,button.micl-iconbutton-filled-s:disabled,button.micl-iconbutton-filled-m:disabled,button.micl-iconbutton-filled-l:disabled,button.micl-iconbutton-filled-xl:disabled,button.micl-iconbutton-tonal-xs:disabled,button.micl-iconbutton-tonal-s:disabled,button.micl-iconbutton-tonal-m:disabled,button.micl-iconbutton-tonal-l:disabled,button.micl-iconbutton-tonal-xl:disabled,button.micl-iconbutton-outlined-xs:disabled,button.micl-iconbutton-outlined-s:disabled,button.micl-iconbutton-outlined-m:disabled,button.micl-iconbutton-outlined-l:disabled,button.micl-iconbutton-outlined-xl:disabled{background-color:rgb(from var(--md-sys-color-on-surface) r g b/10%);color:rgb(from var(--md-sys-color-on-surface) r g b/38%);box-shadow:var(--md-sys-elevation-level0);cursor:default}button.micl-iconbutton-standard-xs:not(:disabled):focus-visible,button.micl-iconbutton-standard-s:not(:disabled):focus-visible,button.micl-iconbutton-standard-m:not(:disabled):focus-visible,button.micl-iconbutton-standard-l:not(:disabled):focus-visible,button.micl-iconbutton-standard-xl:not(:disabled):focus-visible,button.micl-iconbutton-filled-xs:not(:disabled):focus-visible,button.micl-iconbutton-filled-s:not(:disabled):focus-visible,button.micl-iconbutton-filled-m:not(:disabled):focus-visible,button.micl-iconbutton-filled-l:not(:disabled):focus-visible,button.micl-iconbutton-filled-xl:not(:disabled):focus-visible,button.micl-iconbutton-tonal-xs:not(:disabled):focus-visible,button.micl-iconbutton-tonal-s:not(:disabled):focus-visible,button.micl-iconbutton-tonal-m:not(:disabled):focus-visible,button.micl-iconbutton-tonal-l:not(:disabled):focus-visible,button.micl-iconbutton-tonal-xl:not(:disabled):focus-visible,button.micl-iconbutton-outlined-xs:not(:disabled):focus-visible,button.micl-iconbutton-outlined-s:not(:disabled):focus-visible,button.micl-iconbutton-outlined-m:not(:disabled):focus-visible,button.micl-iconbutton-outlined-l:not(:disabled):focus-visible,button.micl-iconbutton-outlined-xl:not(:disabled):focus-visible{outline:var(--md-sys-state-focus-indicator-thickness) solid var(--md-sys-color-secondary);outline-offset:3px}button.micl-iconbutton-standard-xs:hover:not(:disabled),button.micl-iconbutton-standard-xs.micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-s:hover:not(:disabled),button.micl-iconbutton-standard-s.micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-m:hover:not(:disabled),button.micl-iconbutton-standard-m.micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-l:hover:not(:disabled),button.micl-iconbutton-standard-l.micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-xl:hover:not(:disabled),button.micl-iconbutton-standard-xl.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-xs:hover:not(:disabled),button.micl-iconbutton-filled-xs.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-s:hover:not(:disabled),button.micl-iconbutton-filled-s.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-m:hover:not(:disabled),button.micl-iconbutton-filled-m.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-l:hover:not(:disabled),button.micl-iconbutton-filled-l.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-xl:hover:not(:disabled),button.micl-iconbutton-filled-xl.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-xs:hover:not(:disabled),button.micl-iconbutton-tonal-xs.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-s:hover:not(:disabled),button.micl-iconbutton-tonal-s.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-m:hover:not(:disabled),button.micl-iconbutton-tonal-m.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-l:hover:not(:disabled),button.micl-iconbutton-tonal-l.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-xl:hover:not(:disabled),button.micl-iconbutton-tonal-xl.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-xs:hover:not(:disabled),button.micl-iconbutton-outlined-xs.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-s:hover:not(:disabled),button.micl-iconbutton-outlined-s.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-m:hover:not(:disabled),button.micl-iconbutton-outlined-m.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-l:hover:not(:disabled),button.micl-iconbutton-outlined-l.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-xl:hover:not(:disabled),button.micl-iconbutton-outlined-xl.micl-button--toggle.micl-button--selected{font-variation-settings:"FILL" 1}button.micl-iconbutton-standard-xs,button.micl-iconbutton-filled-xs,button.micl-iconbutton-tonal-xs,button.micl-iconbutton-outlined-xs{width:var(--md-sys-target-size);min-width:var(--md-sys-target-size);height:var(--md-sys-target-size);font-size:20px;border:8px solid rgba(0,0,0,0);background-clip:content-box}button.micl-iconbutton-standard-xs.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-xs.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-xs.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-xs.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-large)}button.micl-iconbutton-standard-xs:not(:disabled),button.micl-iconbutton-filled-xs:not(:disabled),button.micl-iconbutton-tonal-xs:not(:disabled),button.micl-iconbutton-outlined-xs:not(:disabled){--miclripple: 1;position:relative;overflow:hidden}button.micl-iconbutton-standard-xs:not(:disabled)::before,button.micl-iconbutton-filled-xs:not(:disabled)::before,button.micl-iconbutton-tonal-xs:not(:disabled)::before,button.micl-iconbutton-outlined-xs:not(:disabled)::before{content:"";position:absolute;display:block;inset-block-start:calc(var(--y)*1px);inset-inline-start:calc(var(--x)*1px);width:calc(var(--d)*1px);height:calc(var(--d)*1px);border-radius:50%;background:var(--md-sys-ripple-background-color);opacity:calc(var(--o, 1)*var(--md-sys-ripple-opacity, 0.3));pointer-events:none;transition:calc(var(--t, 0)*var(--md-sys-ripple-duration)) cubic-bezier(0.05, 0.7, 0.1, 1);transform:translate(-50%, -50%) scale(var(--s, 1));transform-origin:center}button.micl-iconbutton-standard-xs:not(:disabled):active,button.micl-iconbutton-filled-xs:not(:disabled):active,button.micl-iconbutton-tonal-xs:not(:disabled):active,button.micl-iconbutton-outlined-xs:not(:disabled):active{border-radius:var(--md-sys-shape-corner-medium)}button.micl-iconbutton-standard-xs:not(:disabled):focus-visible,button.micl-iconbutton-filled-xs:not(:disabled):focus-visible,button.micl-iconbutton-tonal-xs:not(:disabled):focus-visible,button.micl-iconbutton-outlined-xs:not(:disabled):focus-visible{outline-offset:-6px}button.micl-iconbutton-standard-xs.micl-iconbutton--narrow,button.micl-iconbutton-filled-xs.micl-iconbutton--narrow,button.micl-iconbutton-tonal-xs.micl-iconbutton--narrow,button.micl-iconbutton-outlined-xs.micl-iconbutton--narrow{height:calc(var(--md-sys-target-size) + 10px);border-width:10px;border-radius:calc(var(--md-sys-target-size)/2)}button.micl-iconbutton-standard-xs.micl-iconbutton--narrow:focus-visible,button.micl-iconbutton-filled-xs.micl-iconbutton--narrow:focus-visible,button.micl-iconbutton-tonal-xs.micl-iconbutton--narrow:focus-visible,button.micl-iconbutton-outlined-xs.micl-iconbutton--narrow:focus-visible{outline-offset:-8px}button.micl-iconbutton-standard-xs.micl-iconbutton--wide,button.micl-iconbutton-filled-xs.micl-iconbutton--wide,button.micl-iconbutton-tonal-xs.micl-iconbutton--wide,button.micl-iconbutton-outlined-xs.micl-iconbutton--wide{width:calc(var(--md-sys-target-size) + 8px);border-radius:calc(var(--md-sys-target-size)/2)}button.micl-iconbutton-standard-xs.micl-iconbutton--wide:focus-visible,button.micl-iconbutton-filled-xs.micl-iconbutton--wide:focus-visible,button.micl-iconbutton-tonal-xs.micl-iconbutton--wide:focus-visible,button.micl-iconbutton-outlined-xs.micl-iconbutton--wide:focus-visible{outline-offset:-6px}button.micl-iconbutton-standard-xs.micl-button--square,button.micl-iconbutton-filled-xs.micl-button--square,button.micl-iconbutton-tonal-xs.micl-button--square,button.micl-iconbutton-outlined-xs.micl-button--square{border-radius:var(--md-sys-shape-corner-large)}button.micl-iconbutton-standard-xs.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-xs.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-xs.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-xs.micl-button--square.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-full)}button.micl-iconbutton-standard-s,button.micl-iconbutton-filled-s,button.micl-iconbutton-tonal-s,button.micl-iconbutton-outlined-s{width:var(--md-sys-target-size);min-width:var(--md-sys-target-size);height:var(--md-sys-target-size);font-size:24px;border:4px solid rgba(0,0,0,0);background-clip:content-box}button.micl-iconbutton-standard-s.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-s.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-s.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-s.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-large)}button.micl-iconbutton-standard-s:not(:disabled),button.micl-iconbutton-filled-s:not(:disabled),button.micl-iconbutton-tonal-s:not(:disabled),button.micl-iconbutton-outlined-s:not(:disabled){--miclripple: 1;position:relative;overflow:hidden}button.micl-iconbutton-standard-s:not(:disabled)::before,button.micl-iconbutton-filled-s:not(:disabled)::before,button.micl-iconbutton-tonal-s:not(:disabled)::before,button.micl-iconbutton-outlined-s:not(:disabled)::before{content:"";position:absolute;display:block;inset-block-start:calc(var(--y)*1px);inset-inline-start:calc(var(--x)*1px);width:calc(var(--d)*1px);height:calc(var(--d)*1px);border-radius:50%;background:var(--md-sys-ripple-background-color);opacity:calc(var(--o, 1)*var(--md-sys-ripple-opacity, 0.3));pointer-events:none;transition:calc(var(--t, 0)*var(--md-sys-ripple-duration)) cubic-bezier(0.05, 0.7, 0.1, 1);transform:translate(-50%, -50%) scale(var(--s, 1));transform-origin:center}button.micl-iconbutton-standard-s:not(:disabled):active,button.micl-iconbutton-filled-s:not(:disabled):active,button.micl-iconbutton-tonal-s:not(:disabled):active,button.micl-iconbutton-outlined-s:not(:disabled):active{border-radius:var(--md-sys-shape-corner-medium)}button.micl-iconbutton-standard-s:not(:disabled):focus-visible,button.micl-iconbutton-filled-s:not(:disabled):focus-visible,button.micl-iconbutton-tonal-s:not(:disabled):focus-visible,button.micl-iconbutton-outlined-s:not(:disabled):focus-visible{outline-offset:-2px}button.micl-iconbutton-standard-s.micl-iconbutton--narrow,button.micl-iconbutton-filled-s.micl-iconbutton--narrow,button.micl-iconbutton-tonal-s.micl-iconbutton--narrow,button.micl-iconbutton-outlined-s.micl-iconbutton--narrow{height:calc(var(--md-sys-target-size) + 8px);border-width:8px;border-radius:calc(var(--md-sys-target-size)/2)}button.micl-iconbutton-standard-s.micl-iconbutton--narrow:focus-visible,button.micl-iconbutton-filled-s.micl-iconbutton--narrow:focus-visible,button.micl-iconbutton-tonal-s.micl-iconbutton--narrow:focus-visible,button.micl-iconbutton-outlined-s.micl-iconbutton--narrow:focus-visible{outline-offset:-6px}button.micl-iconbutton-standard-s.micl-iconbutton--wide,button.micl-iconbutton-filled-s.micl-iconbutton--wide,button.micl-iconbutton-tonal-s.micl-iconbutton--wide,button.micl-iconbutton-outlined-s.micl-iconbutton--wide{width:calc(var(--md-sys-target-size) + 12px);border-radius:26px}button.micl-iconbutton-standard-s.micl-iconbutton--wide:focus-visible,button.micl-iconbutton-filled-s.micl-iconbutton--wide:focus-visible,button.micl-iconbutton-tonal-s.micl-iconbutton--wide:focus-visible,button.micl-iconbutton-outlined-s.micl-iconbutton--wide:focus-visible{outline-offset:-2px}button.micl-iconbutton-standard-s.micl-button--square,button.micl-iconbutton-filled-s.micl-button--square,button.micl-iconbutton-tonal-s.micl-button--square,button.micl-iconbutton-outlined-s.micl-button--square{border-radius:var(--md-sys-shape-corner-large)}button.micl-iconbutton-standard-s.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-s.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-s.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-s.micl-button--square.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-full)}button.micl-iconbutton-standard-m,button.micl-iconbutton-filled-m,button.micl-iconbutton-tonal-m,button.micl-iconbutton-outlined-m{width:56px;min-width:56px;height:56px;font-size:24px}button.micl-iconbutton-standard-m.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-m.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-m.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-m.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-large)}button.micl-iconbutton-standard-m:not(:disabled),button.micl-iconbutton-filled-m:not(:disabled),button.micl-iconbutton-tonal-m:not(:disabled),button.micl-iconbutton-outlined-m:not(:disabled){--miclripple: 1;position:relative;overflow:hidden}button.micl-iconbutton-standard-m:not(:disabled)::before,button.micl-iconbutton-filled-m:not(:disabled)::before,button.micl-iconbutton-tonal-m:not(:disabled)::before,button.micl-iconbutton-outlined-m:not(:disabled)::before{content:"";position:absolute;display:block;inset-block-start:calc(var(--y)*1px);inset-inline-start:calc(var(--x)*1px);width:calc(var(--d)*1px);height:calc(var(--d)*1px);border-radius:50%;background:var(--md-sys-ripple-background-color);opacity:calc(var(--o, 1)*var(--md-sys-ripple-opacity, 0.3));pointer-events:none;transition:calc(var(--t, 0)*var(--md-sys-ripple-duration)) cubic-bezier(0.05, 0.7, 0.1, 1);transform:translate(-50%, -50%) scale(var(--s, 1));transform-origin:center}button.micl-iconbutton-standard-m:not(:disabled):active,button.micl-iconbutton-filled-m:not(:disabled):active,button.micl-iconbutton-tonal-m:not(:disabled):active,button.micl-iconbutton-outlined-m:not(:disabled):active{border-radius:var(--md-sys-shape-corner-medium)}button.micl-iconbutton-standard-m.micl-iconbutton--narrow,button.micl-iconbutton-filled-m.micl-iconbutton--narrow,button.micl-iconbutton-tonal-m.micl-iconbutton--narrow,button.micl-iconbutton-outlined-m.micl-iconbutton--narrow{width:var(--md-sys-target-size);min-width:var(--md-sys-target-size);border-radius:calc(var(--md-sys-target-size)/2)}button.micl-iconbutton-standard-m.micl-iconbutton--wide,button.micl-iconbutton-filled-m.micl-iconbutton--wide,button.micl-iconbutton-tonal-m.micl-iconbutton--wide,button.micl-iconbutton-outlined-m.micl-iconbutton--wide{width:72px;min-width:72px;border-radius:36px}button.micl-iconbutton-standard-m.micl-button--square,button.micl-iconbutton-filled-m.micl-button--square,button.micl-iconbutton-tonal-m.micl-button--square,button.micl-iconbutton-outlined-m.micl-button--square{border-radius:var(--md-sys-shape-corner-large)}button.micl-iconbutton-standard-m.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-m.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-m.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-m.micl-button--square.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-full)}button.micl-iconbutton-standard-l,button.micl-iconbutton-filled-l,button.micl-iconbutton-tonal-l,button.micl-iconbutton-outlined-l{width:96px;min-width:96px;height:96px;font-size:32px}button.micl-iconbutton-standard-l.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-l.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-l.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-l.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-extra-large)}button.micl-iconbutton-standard-l:not(:disabled),button.micl-iconbutton-filled-l:not(:disabled),button.micl-iconbutton-tonal-l:not(:disabled),button.micl-iconbutton-outlined-l:not(:disabled){--miclripple: 1;position:relative;overflow:hidden}button.micl-iconbutton-standard-l:not(:disabled)::before,button.micl-iconbutton-filled-l:not(:disabled)::before,button.micl-iconbutton-tonal-l:not(:disabled)::before,button.micl-iconbutton-outlined-l:not(:disabled)::before{content:"";position:absolute;display:block;inset-block-start:calc(var(--y)*1px);inset-inline-start:calc(var(--x)*1px);width:calc(var(--d)*1px);height:calc(var(--d)*1px);border-radius:50%;background:var(--md-sys-ripple-background-color);opacity:calc(var(--o, 1)*var(--md-sys-ripple-opacity, 0.3));pointer-events:none;transition:calc(var(--t, 0)*var(--md-sys-ripple-duration)) cubic-bezier(0.05, 0.7, 0.1, 1);transform:translate(-50%, -50%) scale(var(--s, 1));transform-origin:center}button.micl-iconbutton-standard-l:not(:disabled):active,button.micl-iconbutton-filled-l:not(:disabled):active,button.micl-iconbutton-tonal-l:not(:disabled):active,button.micl-iconbutton-outlined-l:not(:disabled):active{border-radius:var(--md-sys-shape-corner-large)}button.micl-iconbutton-standard-l.micl-iconbutton--narrow,button.micl-iconbutton-filled-l.micl-iconbutton--narrow,button.micl-iconbutton-tonal-l.micl-iconbutton--narrow,button.micl-iconbutton-outlined-l.micl-iconbutton--narrow{width:64px;min-width:64px;border-radius:32px}button.micl-iconbutton-standard-l.micl-iconbutton--wide,button.micl-iconbutton-filled-l.micl-iconbutton--wide,button.micl-iconbutton-tonal-l.micl-iconbutton--wide,button.micl-iconbutton-outlined-l.micl-iconbutton--wide{width:128px;min-width:128px;border-radius:64px}button.micl-iconbutton-standard-l.micl-button--square,button.micl-iconbutton-filled-l.micl-button--square,button.micl-iconbutton-tonal-l.micl-button--square,button.micl-iconbutton-outlined-l.micl-button--square{border-radius:var(--md-sys-shape-corner-extra-large)}button.micl-iconbutton-standard-l.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-l.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-l.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-l.micl-button--square.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-full)}button.micl-iconbutton-standard-xl,button.micl-iconbutton-filled-xl,button.micl-iconbutton-tonal-xl,button.micl-iconbutton-outlined-xl{width:136px;min-width:136px;height:136px;font-size:40px}button.micl-iconbutton-standard-xl.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-xl.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-xl.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-xl.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-extra-large)}button.micl-iconbutton-standard-xl:not(:disabled),button.micl-iconbutton-filled-xl:not(:disabled),button.micl-iconbutton-tonal-xl:not(:disabled),button.micl-iconbutton-outlined-xl:not(:disabled){--miclripple: 1;position:relative;overflow:hidden}button.micl-iconbutton-standard-xl:not(:disabled)::before,button.micl-iconbutton-filled-xl:not(:disabled)::before,button.micl-iconbutton-tonal-xl:not(:disabled)::before,button.micl-iconbutton-outlined-xl:not(:disabled)::before{content:"";position:absolute;display:block;inset-block-start:calc(var(--y)*1px);inset-inline-start:calc(var(--x)*1px);width:calc(var(--d)*1px);height:calc(var(--d)*1px);border-radius:50%;background:var(--md-sys-ripple-background-color);opacity:calc(var(--o, 1)*var(--md-sys-ripple-opacity, 0.3));pointer-events:none;transition:calc(var(--t, 0)*var(--md-sys-ripple-duration)) cubic-bezier(0.05, 0.7, 0.1, 1);transform:translate(-50%, -50%) scale(var(--s, 1));transform-origin:center}button.micl-iconbutton-standard-xl:not(:disabled):active,button.micl-iconbutton-filled-xl:not(:disabled):active,button.micl-iconbutton-tonal-xl:not(:disabled):active,button.micl-iconbutton-outlined-xl:not(:disabled):active{border-radius:var(--md-sys-shape-corner-large)}button.micl-iconbutton-standard-xl.micl-iconbutton--narrow,button.micl-iconbutton-filled-xl.micl-iconbutton--narrow,button.micl-iconbutton-tonal-xl.micl-iconbutton--narrow,button.micl-iconbutton-outlined-xl.micl-iconbutton--narrow{width:104px;min-width:104px;border-radius:52px}button.micl-iconbutton-standard-xl.micl-iconbutton--wide,button.micl-iconbutton-filled-xl.micl-iconbutton--wide,button.micl-iconbutton-tonal-xl.micl-iconbutton--wide,button.micl-iconbutton-outlined-xl.micl-iconbutton--wide{width:184px;min-width:184px;border-radius:92px}button.micl-iconbutton-standard-xl.micl-button--square,button.micl-iconbutton-filled-xl.micl-button--square,button.micl-iconbutton-tonal-xl.micl-button--square,button.micl-iconbutton-outlined-xl.micl-button--square{border-radius:var(--md-sys-shape-corner-extra-large)}button.micl-iconbutton-standard-xl.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-xl.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-xl.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-xl.micl-button--square.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-full)}button.micl-iconbutton-standard-xs:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-s:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-m:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-l:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-xl:not(:disabled).micl-button--toggle.micl-button--selected{color:var(--md-sys-color-primary)}button.micl-iconbutton-standard-xs:not(:disabled):hover,button.micl-iconbutton-standard-s:not(:disabled):hover,button.micl-iconbutton-standard-m:not(:disabled):hover,button.micl-iconbutton-standard-l:not(:disabled):hover,button.micl-iconbutton-standard-xl:not(:disabled):hover{background-color:rgb(from var(--md-sys-color-on-surface-variant) r g b/var(--md-sys-state-hover-state-layer-opacity))}button.micl-iconbutton-standard-xs:not(:disabled):hover.micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-s:not(:disabled):hover.micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-m:not(:disabled):hover.micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-l:not(:disabled):hover.micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-xl:not(:disabled):hover.micl-button--toggle.micl-button--selected{background-color:rgb(from var(--md-sys-color-primary) r g b/var(--md-sys-state-hover-state-layer-opacity))}button.micl-iconbutton-standard-xs:not(:disabled):focus-visible,button.micl-iconbutton-standard-s:not(:disabled):focus-visible,button.micl-iconbutton-standard-m:not(:disabled):focus-visible,button.micl-iconbutton-standard-l:not(:disabled):focus-visible,button.micl-iconbutton-standard-xl:not(:disabled):focus-visible{background-color:rgb(from var(--md-sys-color-on-surface-variant) r g b/var(--md-sys-state-focus-state-layer-opacity))}button.micl-iconbutton-standard-xs:not(:disabled):focus-visible.micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-s:not(:disabled):focus-visible.micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-m:not(:disabled):focus-visible.micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-l:not(:disabled):focus-visible.micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-xl:not(:disabled):focus-visible.micl-button--toggle.micl-button--selected{background-color:rgb(from var(--md-sys-color-primary) r g b/var(--md-sys-state-focus-state-layer-opacity))}button.micl-iconbutton-standard-xs:not(:disabled):active,button.micl-iconbutton-standard-s:not(:disabled):active,button.micl-iconbutton-standard-m:not(:disabled):active,button.micl-iconbutton-standard-l:not(:disabled):active,button.micl-iconbutton-standard-xl:not(:disabled):active{background-color:rgb(from var(--md-sys-color-on-surface-variant) r g b/var(--md-sys-state-pressed-state-layer-opacity))}button.micl-iconbutton-standard-xs:not(:disabled):active.micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-s:not(:disabled):active.micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-m:not(:disabled):active.micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-l:not(:disabled):active.micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-xl:not(:disabled):active.micl-button--toggle.micl-button--selected{background-color:rgb(from var(--md-sys-color-primary) r g b/var(--md-sys-state-pressed-state-layer-opacity))}button.micl-iconbutton-filled-xs,button.micl-iconbutton-filled-s,button.micl-iconbutton-filled-m,button.micl-iconbutton-filled-l,button.micl-iconbutton-filled-xl{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}button.micl-iconbutton-filled-xs:not(:disabled).micl-button--toggle:not(.micl-button--selected),button.micl-iconbutton-filled-s:not(:disabled).micl-button--toggle:not(.micl-button--selected),button.micl-iconbutton-filled-m:not(:disabled).micl-button--toggle:not(.micl-button--selected),button.micl-iconbutton-filled-l:not(:disabled).micl-button--toggle:not(.micl-button--selected),button.micl-iconbutton-filled-xl:not(:disabled).micl-button--toggle:not(.micl-button--selected){background-color:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface-variant)}button.micl-iconbutton-filled-xs:not(:disabled):hover,button.micl-iconbutton-filled-s:not(:disabled):hover,button.micl-iconbutton-filled-m:not(:disabled):hover,button.micl-iconbutton-filled-l:not(:disabled):hover,button.micl-iconbutton-filled-xl:not(:disabled):hover{background-color:color-mix(in srgb, var(--md-sys-color-primary), var(--md-sys-color-on-primary) var(--md-sys-state-hover-state-layer-opacity))}button.micl-iconbutton-filled-xs:not(:disabled):hover.micl-button--toggle:not(.micl-button--selected),button.micl-iconbutton-filled-s:not(:disabled):hover.micl-button--toggle:not(.micl-button--selected),button.micl-iconbutton-filled-m:not(:disabled):hover.micl-button--toggle:not(.micl-button--selected),button.micl-iconbutton-filled-l:not(:disabled):hover.micl-button--toggle:not(.micl-button--selected),button.micl-iconbutton-filled-xl:not(:disabled):hover.micl-button--toggle:not(.micl-button--selected){background-color:color-mix(in srgb, var(--md-sys-color-surface-container), var(--md-sys-color-on-surface-variant) var(--md-sys-state-hover-state-layer-opacity))}button.micl-iconbutton-filled-xs:not(:disabled):focus-visible,button.micl-iconbutton-filled-s:not(:disabled):focus-visible,button.micl-iconbutton-filled-m:not(:disabled):focus-visible,button.micl-iconbutton-filled-l:not(:disabled):focus-visible,button.micl-iconbutton-filled-xl:not(:disabled):focus-visible{background-color:color-mix(in srgb, var(--md-sys-color-primary), var(--md-sys-color-on-primary) var(--md-sys-state-focus-state-layer-opacity))}button.micl-iconbutton-filled-xs:not(:disabled):focus-visible.micl-button--toggle:not(.micl-button--selected),button.micl-iconbutton-filled-s:not(:disabled):focus-visible.micl-button--toggle:not(.micl-button--selected),button.micl-iconbutton-filled-m:not(:disabled):focus-visible.micl-button--toggle:not(.micl-button--selected),button.micl-iconbutton-filled-l:not(:disabled):focus-visible.micl-button--toggle:not(.micl-button--selected),button.micl-iconbutton-filled-xl:not(:disabled):focus-visible.micl-button--toggle:not(.micl-button--selected){background-color:color-mix(in srgb, var(--md-sys-color-surface-container), var(--md-sys-color-on-surface-variant) var(--md-sys-state-focus-state-layer-opacity))}button.micl-iconbutton-filled-xs:not(:disabled):active,button.micl-iconbutton-filled-s:not(:disabled):active,button.micl-iconbutton-filled-m:not(:disabled):active,button.micl-iconbutton-filled-l:not(:disabled):active,button.micl-iconbutton-filled-xl:not(:disabled):active{background-color:color-mix(in srgb, var(--md-sys-color-primary), var(--md-sys-color-on-primary) var(--md-sys-state-pressed-state-layer-opacity))}button.micl-iconbutton-filled-xs:not(:disabled):active.micl-button--toggle:not(.micl-button--selected),button.micl-iconbutton-filled-s:not(:disabled):active.micl-button--toggle:not(.micl-button--selected),button.micl-iconbutton-filled-m:not(:disabled):active.micl-button--toggle:not(.micl-button--selected),button.micl-iconbutton-filled-l:not(:disabled):active.micl-button--toggle:not(.micl-button--selected),button.micl-iconbutton-filled-xl:not(:disabled):active.micl-button--toggle:not(.micl-button--selected){background-color:color-mix(in srgb, var(--md-sys-color-surface-container), var(--md-sys-color-on-surface-variant) var(--md-sys-state-pressed-state-layer-opacity))}button.micl-iconbutton-tonal-xs,button.micl-iconbutton-tonal-s,button.micl-iconbutton-tonal-m,button.micl-iconbutton-tonal-l,button.micl-iconbutton-tonal-xl{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}button.micl-iconbutton-tonal-xs:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-s:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-m:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-l:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-xl:not(:disabled).micl-button--toggle.micl-button--selected{background-color:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary)}button.micl-iconbutton-tonal-xs:not(:disabled):hover,button.micl-iconbutton-tonal-s:not(:disabled):hover,button.micl-iconbutton-tonal-m:not(:disabled):hover,button.micl-iconbutton-tonal-l:not(:disabled):hover,button.micl-iconbutton-tonal-xl:not(:disabled):hover{background-color:color-mix(in srgb, var(--md-sys-color-secondary-container), var(--md-sys-color-on-secondary-container) var(--md-sys-state-hover-state-layer-opacity))}button.micl-iconbutton-tonal-xs:not(:disabled):hover.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-s:not(:disabled):hover.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-m:not(:disabled):hover.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-l:not(:disabled):hover.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-xl:not(:disabled):hover.micl-button--toggle.micl-button--selected{background-color:color-mix(in srgb, var(--md-sys-color-secondary), var(--md-sys-color-on-secondary) var(--md-sys-state-hover-state-layer-opacity))}button.micl-iconbutton-tonal-xs:not(:disabled):focus-visible,button.micl-iconbutton-tonal-s:not(:disabled):focus-visible,button.micl-iconbutton-tonal-m:not(:disabled):focus-visible,button.micl-iconbutton-tonal-l:not(:disabled):focus-visible,button.micl-iconbutton-tonal-xl:not(:disabled):focus-visible{background-color:color-mix(in srgb, var(--md-sys-color-secondary-container), var(--md-sys-color-on-secondary-container) var(--md-sys-state-focus-state-layer-opacity))}button.micl-iconbutton-tonal-xs:not(:disabled):focus-visible.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-s:not(:disabled):focus-visible.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-m:not(:disabled):focus-visible.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-l:not(:disabled):focus-visible.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-xl:not(:disabled):focus-visible.micl-button--toggle.micl-button--selected{background-color:color-mix(in srgb, var(--md-sys-color-secondary), var(--md-sys-color-on-secondary) var(--md-sys-state-focus-state-layer-opacity))}button.micl-iconbutton-tonal-xs:not(:disabled):active,button.micl-iconbutton-tonal-s:not(:disabled):active,button.micl-iconbutton-tonal-m:not(:disabled):active,button.micl-iconbutton-tonal-l:not(:disabled):active,button.micl-iconbutton-tonal-xl:not(:disabled):active{background-color:color-mix(in srgb, var(--md-sys-color-secondary-container), var(--md-sys-color-on-secondary-container) var(--md-sys-state-pressed-state-layer-opacity))}button.micl-iconbutton-tonal-xs:not(:disabled):active.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-s:not(:disabled):active.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-m:not(:disabled):active.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-l:not(:disabled):active.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-xl:not(:disabled):active.micl-button--toggle.micl-button--selected{background-color:color-mix(in srgb, var(--md-sys-color-secondary), var(--md-sys-color-on-secondary) var(--md-sys-state-pressed-state-layer-opacity))}button.micl-iconbutton-outlined-xs,button.micl-iconbutton-outlined-s,button.micl-iconbutton-outlined-m,button.micl-iconbutton-outlined-l,button.micl-iconbutton-outlined-xl{background-color:rgba(0,0,0,0);color:var(--md-sys-color-on-surface-variant)}button.micl-iconbutton-outlined-xs.micl-iconbutton-outlined-xs,button.micl-iconbutton-outlined-xs.micl-iconbutton-outlined-s,button.micl-iconbutton-outlined-s.micl-iconbutton-outlined-xs,button.micl-iconbutton-outlined-s.micl-iconbutton-outlined-s,button.micl-iconbutton-outlined-m.micl-iconbutton-outlined-xs,button.micl-iconbutton-outlined-m.micl-iconbutton-outlined-s,button.micl-iconbutton-outlined-l.micl-iconbutton-outlined-xs,button.micl-iconbutton-outlined-l.micl-iconbutton-outlined-s,button.micl-iconbutton-outlined-xl.micl-iconbutton-outlined-xs,button.micl-iconbutton-outlined-xl.micl-iconbutton-outlined-s{box-shadow:inset 1px 0px var(--md-sys-color-outline-variant),inset -1px 0px var(--md-sys-color-outline-variant),inset 0px -1px var(--md-sys-color-outline-variant),inset 0px 1px var(--md-sys-color-outline-variant)}button.micl-iconbutton-outlined-xs.micl-iconbutton-outlined-m,button.micl-iconbutton-outlined-s.micl-iconbutton-outlined-m,button.micl-iconbutton-outlined-m.micl-iconbutton-outlined-m,button.micl-iconbutton-outlined-l.micl-iconbutton-outlined-m,button.micl-iconbutton-outlined-xl.micl-iconbutton-outlined-m{border:1px solid var(--md-sys-color-outline-variant)}button.micl-iconbutton-outlined-xs.micl-iconbutton-outlined-l,button.micl-iconbutton-outlined-s.micl-iconbutton-outlined-l,button.micl-iconbutton-outlined-m.micl-iconbutton-outlined-l,button.micl-iconbutton-outlined-l.micl-iconbutton-outlined-l,button.micl-iconbutton-outlined-xl.micl-iconbutton-outlined-l{border:2px solid var(--md-sys-color-outline-variant)}button.micl-iconbutton-outlined-xs.micl-iconbutton-outlined-xl,button.micl-iconbutton-outlined-s.micl-iconbutton-outlined-xl,button.micl-iconbutton-outlined-m.micl-iconbutton-outlined-xl,button.micl-iconbutton-outlined-l.micl-iconbutton-outlined-xl,button.micl-iconbutton-outlined-xl.micl-iconbutton-outlined-xl{border:3px solid var(--md-sys-color-outline-variant)}button.micl-iconbutton-outlined-xs:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-s:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-m:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-l:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-xl:not(:disabled).micl-button--toggle.micl-button--selected{background-color:var(--md-sys-color-inverse-surface);color:var(--md-sys-color-inverse-on-surface)}button.micl-iconbutton-outlined-xs:not(:disabled):hover,button.micl-iconbutton-outlined-s:not(:disabled):hover,button.micl-iconbutton-outlined-m:not(:disabled):hover,button.micl-iconbutton-outlined-l:not(:disabled):hover,button.micl-iconbutton-outlined-xl:not(:disabled):hover{background-color:rgb(from var(--md-sys-color-on-surface-variant) r g b/var(--md-sys-state-hover-state-layer-opacity))}button.micl-iconbutton-outlined-xs:not(:disabled):hover.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-s:not(:disabled):hover.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-m:not(:disabled):hover.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-l:not(:disabled):hover.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-xl:not(:disabled):hover.micl-button--toggle.micl-button--selected{background-color:color-mix(in srgb, var(--md-sys-color-inverse-surface), var(--md-sys-color-inverse-on-surface) var(--md-sys-state-hover-state-layer-opacity))}button.micl-iconbutton-outlined-xs:not(:disabled):focus-visible,button.micl-iconbutton-outlined-s:not(:disabled):focus-visible,button.micl-iconbutton-outlined-m:not(:disabled):focus-visible,button.micl-iconbutton-outlined-l:not(:disabled):focus-visible,button.micl-iconbutton-outlined-xl:not(:disabled):focus-visible{background-color:rgb(from var(--md-sys-color-on-surface-variant) r g b/var(--md-sys-state-focus-state-layer-opacity))}button.micl-iconbutton-outlined-xs:not(:disabled):focus-visible.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-s:not(:disabled):focus-visible.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-m:not(:disabled):focus-visible.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-l:not(:disabled):focus-visible.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-xl:not(:disabled):focus-visible.micl-button--toggle.micl-button--selected{background-color:color-mix(in srgb, var(--md-sys-color-inverse-surface), var(--md-sys-color-inverse-on-surface) var(--md-sys-state-focus-state-layer-opacity))}button.micl-iconbutton-outlined-xs:not(:disabled):active,button.micl-iconbutton-outlined-s:not(:disabled):active,button.micl-iconbutton-outlined-m:not(:disabled):active,button.micl-iconbutton-outlined-l:not(:disabled):active,button.micl-iconbutton-outlined-xl:not(:disabled):active{background-color:rgb(from var(--md-sys-color-on-surface-variant) r g b/var(--md-sys-state-pressed-state-layer-opacity))}button.micl-iconbutton-outlined-xs:not(:disabled):active.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-s:not(:disabled):active.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-m:not(:disabled):active.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-l:not(:disabled):active.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-xl:not(:disabled):active.micl-button--toggle.micl-button--selected{background-color:color-mix(in srgb, var(--md-sys-color-inverse-surface), var(--md-sys-color-inverse-on-surface) var(--md-sys-state-pressed-state-layer-opacity))}
package/dist/iconbutton.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})());