material-inspired-component-library 9.1.0 → 9.1.2

package/dist/dialog.css

@@ -1 +1 @@
-:root{--md-ref-typeface-plain: Google Sans, system-ui, sans-serif;--md-ref-typeface-plain-narrow: 0;--md-ref-typeface-brand: Google Sans, system-ui, sans-serif;--md-ref-typeface-weight-regular: 400;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-bold: 700}body{--md-sys-elevation-level0: none}body{--md-sys-elevation-level2: rgb(from var(--md-sys-color-shadow) r g b/0.3) 0 1px 2px 0, rgb(from var(--md-sys-color-shadow) r g b/0.15) 0 2px 6px 2px}body{--md-sys-elevation-level3: rgb(from var(--md-sys-color-shadow) r g b/0.3) 0 1px 3px 0, rgb(from var(--md-sys-color-shadow) r g b/0.15) 0 4px 8px 3px}:root{--md-sys-shape-corner-none: 0px}:root{--md-sys-shape-corner-extra-large: 28px}:root{--md-sys-state-hover-state-layer-opacity: 8%}:root{--md-sys-state-backdrop-opacity: 32%}@property --statelayer-color{syntax:"<color>";initial-value:rgba(0,0,0,0);inherits:false}@property --statelayer-opacity{syntax:"<percentage>";initial-value:0%;inherits:false}:root{--md-sys-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}:root{--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}:root{--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.0125rem}:root{--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.0125rem}:root{--_dialog-dir-factor: 1}:dir(rtl){--_dialog-dir-factor: -1}dialog.micl-dialog{--statelayer-color: var(--md-sys-color-primary);--md-comp-dialog-motion-duration: 350ms;--md-comp-dialog-motion-duration-reverse: 350ms;--micl-duration: var(--md-comp-dialog-motion-duration-reverse);--micl-easing: cubic-bezier(0.05, 0.7, 0.1, 1);--_dialog-background-color: var(--md-comp-dialog-container-color, var(--md-sys-color-surface-container-high));--_padding: var(--md-comp-dialog-padding, 24px);--_translate: translate(calc(var(--_dialog-dir-factor, 1) * -50%), -50%);box-sizing:border-box;display:none;flex-direction:column;min-inline-size:var(--md-comp-dialog-min-width, 280px);max-inline-size:var(--md-comp-dialog-max-width, 560px);max-block-size:100vh;position-anchor:auto;inset-block-start:anchor(start);inset-inline-start:anchor(start);transform:var(--_translate) scale(50%);padding:0;margin:0;outline:none;border:none;border-radius:var(--md-comp-dialog-container-shape, var(--md-sys-shape-corner-extra-large));background-color:var(--_dialog-background-color);background-image:linear-gradient(rgb(from var(--statelayer-color) r g b/var(--statelayer-opacity)));background-repeat:no-repeat;box-shadow:var(--md-comp-dialog-container-elevation, var(--md-sys-elevation-level3));opacity:0;overflow:hidden;interpolate-size:allow-keywords;transition:inset-block-start var(--micl-duration) linear,inset-inline-start var(--micl-duration) linear,inline-size var(--micl-duration) linear,block-size var(--micl-duration) linear,transform var(--micl-duration) linear,opacity var(--micl-duration) var(--micl-easing),overlay var(--micl-duration) linear allow-discrete,display var(--micl-duration) linear allow-discrete,--statelayer-opacity var(--md-comp-dialog-motion-duration) linear}@starting-style{dialog.micl-dialog{block-size:fit-content;inline-size:fit-content;inset-block-start:anchor(start);inset-inline-start:anchor(start);opacity:0;transform:var(--_translate) scale(50%)}}dialog.micl-dialog:popover-open,dialog.micl-dialog[open]{--micl-duration: var(--md-comp-dialog-motion-duration);--micl-easing: cubic-bezier(0.3, 0, 0.8, 0.15);display:flex;inset-block-start:50%;inset-inline-start:50%;opacity:1;transform:var(--_translate) scale(100%)}@starting-style{dialog.micl-dialog:popover-open,dialog.micl-dialog[open]{inset-block-start:anchor(start);inset-inline-start:anchor(start);opacity:0;transform:var(--_translate) scale(50%)}}dialog.micl-dialog:not([popover]){inset-block-start:50%;inset-inline-start:50%}@starting-style{dialog.micl-dialog: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]{inset-block-start:50%;inset-inline-start:50%}}dialog.micl-dialog::backdrop{background-color:rgba(0,0,0,0);transition:background-color var(--md-comp-dialog-motion-duration) linear,overlay var(--md-comp-dialog-motion-duration) linear allow-discrete,display var(--md-comp-dialog-motion-duration) linear allow-discrete}dialog.micl-dialog[open]::backdrop{background-color:rgba(0, 0, 0, var(--md-sys-state-backdrop-opacity, 32%))}@starting-style{dialog.micl-dialog[open]::backdrop{background-color:rgba(0,0,0,0)}}dialog.micl-dialog.micl-dialog--docked{inset-block:anchor(end) auto;inset-inline:anchor(start) auto;transform:none;transition:none;position-try-fallbacks:flip-block}dialog.micl-dialog .micl-dialog__headline{display:flex;flex-direction:column;flex-shrink:0;align-items:flex-start;gap:16px;padding-block:var(--_padding) var(--md-comp-dialog-headline-space, 16px);padding-inline:var(--_padding);background-color:rgba(0,0,0,0)}dialog.micl-dialog .micl-dialog__headline:has(>.micl-dialog__icon){align-items:center}dialog.micl-dialog .micl-dialog__headline .micl-dialog__icon{--_icon-size: var(--md-comp-dialog-icon-size, var(--md-sys-icon-size, 24px));inline-size:var(--_icon-size);block-size:var(--_icon-size);font-size:var(--_icon-size);color:var(--md-comp-dialog-icon-color, var(--md-sys-color-secondary))}dialog.micl-dialog .micl-dialog__headline :is(h1,h2,h3,h4,h5,h6,.micl-heading){font:var(--md-sys-typescale-headline-small-weight) var(--md-sys-typescale-headline-small-size)/var(--md-sys-typescale-headline-small-line-height) var(--md-sys-typescale-headline-small-font);letter-spacing:var(--md-sys-typescale-headline-small-tracking);flex:1 1 100%;margin:0;color:var(--md-comp-dialog-headline-color, var(--md-sys-color-on-surface))}dialog.micl-dialog .micl-dialog__headline .micl-dialog__subhead{font:var(--md-sys-typescale-title-medium-weight) var(--md-sys-typescale-title-medium-size)/var(--md-sys-typescale-title-medium-line-height) var(--md-sys-typescale-title-medium-font);letter-spacing:var(--md-sys-typescale-title-medium-tracking);padding-inline:var(--_padding);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--md-sys-color-on-surface)}dialog.micl-dialog .micl-dialog__headline:has(+.micl-dialog__actions){padding-block-end:0}dialog.micl-dialog .micl-dialog__supporting-text{font:var(--md-sys-typescale-body-medium-weight) var(--md-sys-typescale-body-medium-size)/var(--md-sys-typescale-body-medium-line-height) var(--md-sys-typescale-body-medium-font);letter-spacing:var(--md-sys-typescale-body-medium-tracking);color:var(--md-comp-dialog-supporting-text-color, var(--md-sys-color-on-surface-variant))}dialog.micl-dialog .micl-dialog__content{flex-shrink:1;padding-inline:var(--_padding);overflow-y:auto}dialog.micl-dialog .micl-dialog__actions{display:flex;flex-shrink:0;justify-content:flex-end;column-gap:8px;padding:var(--_padding);opacity:1;transition:opacity var(--md-comp-dialog-motion-duration) linear allow-discrete,overlay var(--md-comp-dialog-motion-duration) linear allow-discrete,display var(--md-comp-dialog-motion-duration) linear allow-discrete}@media(max-width: 560px){dialog.micl-dialog.micl-dialog--fullscreen{--_dialog-background-color: var(--md-comp-full-screen-dialog-container-color, var(--md-sys-color-surface));inline-size:100vw;block-size:100vh;max-inline-size:100vw;border-radius:var(--md-sys-shape-corner-none, 0px);box-shadow:var(--md-sys-elevation-level0);timeline-scope:--headlineTimeline}dialog.micl-dialog.micl-dialog--fullscreen .micl-dialog__headline{box-sizing:border-box;block-size:56px;flex-direction:row;align-items:center;gap:8px;padding-block:4px;padding-inline:8px 16px;animation-name:headlineScroll;animation-duration:1ms;animation-timeline:--headlineTimeline;animation-fill-mode:forwards;animation-range:0% 20%;z-index:1}dialog.micl-dialog.micl-dialog--fullscreen .micl-dialog__headline :is(h1,h2,h3,h4,h5,h6,.micl-heading){font:var(--md-sys-typescale-title-large-weight) var(--md-sys-typescale-title-large-size)/var(--md-sys-typescale-title-large-line-height) var(--md-sys-typescale-title-large-font);letter-spacing:var(--md-sys-typescale-title-large-tracking);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}dialog.micl-dialog.micl-dialog--fullscreen .micl-dialog__headline .micl-dialog__icon{display:none}dialog.micl-dialog.micl-dialog--fullscreen .micl-dialog__content{scroll-timeline:--headlineTimeline block;scroll-timeline:--headlineTimeline vertical}dialog.micl-dialog.micl-dialog--fullscreen .micl-dialog__actions{display:none;opacity:0}}@media(min-width: 561px){dialog.micl-dialog.micl-dialog--fullscreen .micl-dialog__fullscreen{display:none}}@media(max-width: 560px){body:has(dialog.micl-dialog.micl-dialog--fullscreen:popover-open){overflow-y:hidden}}@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)}}
+:root{--md-sys-layout-pane-spacer: 24px;--md-sys-layout-window-margin: 24px;--md-sys-card-margin: 8px}@media(max-width: 599px){:root{--md-sys-layout-window-margin: 16px}}@media(min-width: 840px)and (max-width: 1199px){:root{--md-sys-layout-pane-fixed-width: 360px}}@media(min-width: 1200px){:root{--md-sys-layout-pane-fixed-width: 412px}}:root{--md-ref-typeface-plain: Google Sans, system-ui, sans-serif;--md-ref-typeface-plain-narrow: 0;--md-ref-typeface-brand: Google Sans, system-ui, sans-serif;--md-ref-typeface-weight-regular: 400;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-bold: 700}body{--md-sys-elevation-level0: none}body{--md-sys-elevation-level2: rgb(from var(--md-sys-color-shadow) r g b/0.3) 0 1px 2px 0, rgb(from var(--md-sys-color-shadow) r g b/0.15) 0 2px 6px 2px}body{--md-sys-elevation-level3: rgb(from var(--md-sys-color-shadow) r g b/0.3) 0 1px 3px 0, rgb(from var(--md-sys-color-shadow) r g b/0.15) 0 4px 8px 3px}:root{--md-sys-shape-corner-none: 0px}:root{--md-sys-shape-corner-extra-large: 28px}:root{--md-sys-state-backdrop-opacity: 32%}:root{--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}:root{--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}:root{--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.0125rem}:root{--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.0125rem}dialog.micl-dialog{--_motion-spatial: var(--md-comp-dialog-motion-spatial, cubic-bezier(0.42, 1.67, 0.21, 0.9));--_motion-duration: var(--md-comp-dialog-motion-duration, 650ms);--_motion-duration-reverse: var(--md-comp-dialog-motion-duration-reverse, 350ms);--micl-duration: var(--_motion-duration-reverse);--micl-spatial: cubic-bezier(0.3, 0, 0.8, 0.15);--micl-easing: cubic-bezier(0.3, 0, 0.8, 0.15);--_dialog-dir-factor: 1;--_dialog-background-color: var(--md-comp-dialog-container-color, var(--md-sys-color-surface-container-high));--_margin: var(--md-comp-dialog-margin, 48px);--_padding: var(--md-comp-dialog-padding, 24px);--_translate: translate(calc(var(--_dialog-dir-factor, 1) * -50%), -50%);box-sizing:border-box;display:none;flex-direction:column;min-inline-size:var(--md-comp-dialog-min-width, 280px);max-inline-size:min(var(--md-comp-dialog-max-width, 560px),100% - var(--_margin));max-block-size:calc(100dvb - var(--_margin));position-anchor:auto;inset-block:anchor(start) auto;inset-inline:anchor(start) auto;transform:var(--_translate) scale(50%);padding:0;margin:0;outline:none;border:none;border-radius:var(--md-comp-dialog-container-shape, var(--md-sys-shape-corner-extra-large));color:var(--md-comp-dialog-content-color, var(--md-sys-color-on-surface));background-color:var(--_dialog-background-color);box-shadow:var(--md-comp-dialog-container-elevation, var(--md-sys-elevation-level3));opacity:0;overflow:hidden;interpolate-size:allow-keywords;transition:inset-block-start var(--micl-duration) var(--micl-easing),inset-inline-start var(--micl-duration) var(--micl-easing),inline-size var(--micl-duration) var(--micl-spatial),block-size var(--micl-duration) var(--micl-spatial),transform var(--micl-duration) var(--micl-spatial),opacity var(--micl-duration) linear,overlay var(--micl-duration) linear allow-discrete,display var(--micl-duration) linear allow-discrete}@starting-style{dialog.micl-dialog{block-size:fit-content;inline-size:fit-content}}dialog.micl-dialog:dir(rtl){--_dialog-dir-factor: -1}dialog.micl-dialog:popover-open,dialog.micl-dialog[open]{--micl-duration: var(--_motion-duration);--micl-spatial: var(--_motion-spatial);--micl-easing: cubic-bezier(0.2, 0, 0, 1);display:flex;inset-block-start:50%;inset-inline-start:50%;opacity:1;transform:var(--_translate) scale(100%)}@starting-style{dialog.micl-dialog:popover-open,dialog.micl-dialog[open]{inset-block-start:anchor(start);inset-inline-start:anchor(start);opacity:0;transform:var(--_translate) scale(50%)}}dialog.micl-dialog:not([popover]){inset-block-start:50%;inset-inline-start:50%}@starting-style{dialog.micl-dialog:not([popover]){inset-block-start:50%;inset-inline-start:50%}}dialog.micl-dialog::backdrop{background-color:rgba(0,0,0,0);transition:background-color var(--micl-duration) linear,overlay var(--micl-duration) linear allow-discrete,display var(--micl-duration) linear allow-discrete}dialog.micl-dialog[open]::backdrop{background-color:rgba(0, 0, 0, var(--md-sys-state-backdrop-opacity, 32%))}@starting-style{dialog.micl-dialog[open]::backdrop{background-color:rgba(0,0,0,0)}}dialog.micl-dialog.micl-dialog--docked{inset-block:anchor(end) auto;inset-inline:anchor(start) auto;transform:none;transition:opacity var(--micl-duration) linear,overlay var(--micl-duration) linear allow-discrete,display var(--micl-duration) linear allow-discrete;position-try-fallbacks:flip-block}dialog.micl-dialog .micl-dialog__headline{display:flex;flex-direction:column;flex-shrink:0;align-items:flex-start;gap:16px;padding-block:var(--_padding) var(--md-comp-dialog-headline-space, 16px);padding-inline:var(--_padding);background-color:rgba(0,0,0,0)}dialog.micl-dialog .micl-dialog__headline:has(>.micl-dialog__icon){align-items:center;text-align:center}dialog.micl-dialog .micl-dialog__headline .micl-dialog__icon{--_icon-size: var(--md-comp-dialog-icon-size, var(--md-sys-icon-size, 24px));inline-size:var(--_icon-size);block-size:var(--_icon-size);font-size:var(--_icon-size);color:var(--md-comp-dialog-icon-color, var(--md-sys-color-secondary))}dialog.micl-dialog .micl-dialog__headline :is(h1,h2,h3,h4,h5,h6,.micl-heading){font:var(--md-sys-typescale-headline-small-weight) var(--md-sys-typescale-headline-small-size)/var(--md-sys-typescale-headline-small-line-height) var(--md-sys-typescale-headline-small-font);letter-spacing:var(--md-sys-typescale-headline-small-tracking);flex:1 1 100%;margin:0;color:var(--md-comp-dialog-headline-color, var(--md-sys-color-on-surface))}dialog.micl-dialog .micl-dialog__headline .micl-dialog__subhead{font:var(--md-sys-typescale-title-medium-weight) var(--md-sys-typescale-title-medium-size)/var(--md-sys-typescale-title-medium-line-height) var(--md-sys-typescale-title-medium-font);letter-spacing:var(--md-sys-typescale-title-medium-tracking);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--md-comp-dialog-subhead-color, var(--md-sys-color-on-surface))}dialog.micl-dialog .micl-dialog__headline:has(+.micl-dialog__actions){padding-block-end:0}dialog.micl-dialog .micl-dialog__supporting-text{font:var(--md-sys-typescale-body-medium-weight) var(--md-sys-typescale-body-medium-size)/var(--md-sys-typescale-body-medium-line-height) var(--md-sys-typescale-body-medium-font);letter-spacing:var(--md-sys-typescale-body-medium-tracking);color:var(--md-comp-dialog-supporting-text-color, var(--md-sys-color-on-surface-variant))}dialog.micl-dialog .micl-dialog__content{flex-shrink:1;padding-inline:var(--_padding);overflow-y:auto}dialog.micl-dialog .micl-dialog__actions{display:flex;flex-shrink:0;justify-content:flex-end;column-gap:8px;padding:var(--_padding)}@media(prefers-reduced-motion: reduce){dialog.micl-dialog{--_motion-duration: 0ms;--_motion-duration-reverse: 0ms}}@media(max-width: 599px){dialog.micl-dialog.micl-dialog--fullscreen{--_dialog-background-color: var(--md-comp-full-screen-dialog-container-color, var(--md-sys-color-surface));inline-size:100%;block-size:100dvb;max-inline-size:100%;max-block-size:100dvb;border-radius:var(--md-sys-shape-corner-none, 0px);box-shadow:var(--md-sys-elevation-level0);timeline-scope:--headlineTimeline}dialog.micl-dialog.micl-dialog--fullscreen .micl-dialog__headline{box-sizing:border-box;block-size:56px;flex-direction:row;align-items:center;text-align:start;gap:8px;padding-block:4px;padding-inline:8px 16px;animation-name:headlineScroll;animation-duration:1ms;animation-timeline:--headlineTimeline;animation-fill-mode:forwards;animation-range:0% 20%;z-index:1}dialog.micl-dialog.micl-dialog--fullscreen .micl-dialog__headline :is(h1,h2,h3,h4,h5,h6,.micl-heading){font:var(--md-sys-typescale-title-large-weight) var(--md-sys-typescale-title-large-size)/var(--md-sys-typescale-title-large-line-height) var(--md-sys-typescale-title-large-font);letter-spacing:var(--md-sys-typescale-title-large-tracking);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}dialog.micl-dialog.micl-dialog--fullscreen .micl-dialog__headline .micl-dialog__icon{display:none}dialog.micl-dialog.micl-dialog--fullscreen .micl-dialog__content{scroll-timeline:--headlineTimeline block}dialog.micl-dialog.micl-dialog--fullscreen .micl-dialog__actions{display:none}}@media(min-width: 600px){dialog.micl-dialog.micl-dialog--fullscreen .micl-dialog__fullscreen{display:none}}@media(max-width: 599px){body:has(dialog.micl-dialog.micl-dialog--fullscreen:popover-open){overflow-y:hidden}}@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/foundations/form/index.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.micl=t():e.micl=t()}(self,()=>(()=>{"use strict";const e={d:(t,a)=>{if(Array.isArray(a))for(var l=0;l<a.length;){var i=a[l++],o=a[l++];e.o(t,i)?0===o&&l++:0===o?Object.defineProperty(t,i,{enumerable:!0,value:a[l++]}):Object.defineProperty(t,i,{enumerable:!0,get:o})}else for(var i in a)e.o(a,i)&&!e.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:a[i]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}};let t={};e.r(t);const a=e=>"willValidate"in e,l=e=>{const t=e.target;a(t)&&t.setCustomValidity("")},i=e=>{const t=e.dataset.miclvalidateMessage||"";if(t&&e.matches("[data-miclvalidate-checkboxes-name]")){const a=e.dataset.miclvalidateCheckboxesName||"",i=e.dataset.miclvalidateCheckboxesCountEqual||"",o=e.dataset.miclvalidateCheckboxesCountMax||"",n=e.dataset.miclvalidateCheckboxesCountMin||"";if(a&&(i||o||n)){const r=e.querySelectorAll(`input[type="checkbox"][name="${a}"]:checked`).length,c=parseInt(i,10),s=parseInt(o,10),d=parseInt(n,10);let m=!isNaN(c)&&r!=c||!isNaN(s)&&r>s||!isNaN(d)&&r<d;e.setCustomValidity(m?t:"");const u=e.querySelector(`input[type="checkbox"][name="${a}"]`);u&&(u.setCustomValidity(m?t:""),m?u.addEventListener("change",l):u.removeEventListener("change",l))}}},o=(e,t)=>{let l=!1;return e.querySelectorAll("fieldset").forEach(i),Array.from(e.elements).forEach(e=>{if(a(e)&&e.willValidate){e.checkValidity()||(l=!0);let i=(e=>{if(!e.parentElement||!a(e))return!1;let t=!1;return e instanceof HTMLInputElement&&"checkbox"===e.type&&e.classList.contains("micl-checkbox")?t=(e=>(e.classList.toggle("micl-checkbox--error",!!e.validationMessage),!1))(e):(e.parentElement.classList.contains("micl-textfield-outlined")||e.parentElement.classList.contains("micl-textfield-filled"))&&(t=((e,t)=>{e.classList.toggle("micl-textfield--error",!!t);const a=e.querySelector(".micl-textfield__supporting-text");return a&&(t?(a.dataset.micltext||(a.dataset.micltext=a.textContent),a.textContent=t):"micltext"in a.dataset&&(a.textContent=a.dataset.micltext||"")),!!t&&!!a})(e.parentElement,e.validationMessage)),t})(e);!i&&t&&e.reportValidity()}}),!l},n={validateFieldSet:(e,t)=>(i(e),o(e,t)),validateForm:(e,t)=>o(e,t)};return e.d(t,["default",0,n]),t})());
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.micl=t():e.micl=t()}(self,()=>(()=>{"use strict";const e={d:(t,a)=>{if(Array.isArray(a))for(var i=0;i<a.length;){var l=a[i++],n=a[i++];e.o(t,l)?0===n&&i++:0===n?Object.defineProperty(t,l,{enumerable:!0,value:a[i++]}):Object.defineProperty(t,l,{enumerable:!0,get:n})}else for(var l in a)e.o(a,l)&&!e.o(t,l)&&Object.defineProperty(t,l,{enumerable:!0,get:a[l]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t)};let t={};const a=e=>"willValidate"in e,i=e=>{const t=e.target;a(t)&&t.setCustomValidity("")},l=e=>{const t=e.dataset.miclvalidateMessage||"";if(t&&e.matches("[data-miclvalidate-checkboxes-name]")){const a=e.dataset.miclvalidateCheckboxesName||"",l=e.dataset.miclvalidateCheckboxesCountEqual||"",n=e.dataset.miclvalidateCheckboxesCountMax||"",o=e.dataset.miclvalidateCheckboxesCountMin||"";if(a&&(l||n||o)){const c=e.querySelectorAll(`input[type="checkbox"][name="${a}"]:checked`).length,s=parseInt(l,10),r=parseInt(n,10),d=parseInt(o,10);let m=!isNaN(s)&&c!=s||!isNaN(r)&&c>r||!isNaN(d)&&c<d;e.setCustomValidity(m?t:"");const f=e.querySelector(`input[type="checkbox"][name="${a}"]`);f&&(f.setCustomValidity(m?t:""),m?f.addEventListener("change",i):f.removeEventListener("change",i))}}},n=(e,t)=>{let i=!1;return e.querySelectorAll("fieldset").forEach(l),Array.from(e.elements).forEach(e=>{if(a(e)&&e.willValidate){e.checkValidity()||(i=!0);let l=(e=>{if(!e.parentElement||!a(e))return!1;let t=!1;return e instanceof HTMLInputElement&&"checkbox"===e.type&&e.classList.contains("micl-checkbox")?t=(e=>(e.classList.toggle("micl-checkbox--error",!!e.validationMessage),!1))(e):(e.parentElement.classList.contains("micl-textfield-outlined")||e.parentElement.classList.contains("micl-textfield-filled"))&&(t=((e,t)=>{e.classList.toggle("micl-textfield--error",!!t);const a=e.querySelector(".micl-textfield__supporting-text");return a&&(t?("micltext"in a.dataset||(a.dataset.micltext=a.textContent),a.textContent=t):"micltext"in a.dataset&&(a.textContent=a.dataset.micltext||"")),!!t&&!!a})(e.parentElement,e.validationMessage)),t})(e);!l&&t&&e.reportValidity()}}),!i},o={validateFieldSet:(e,t)=>(l(e),n(e,t)),validateForm:(e,t)=>n(e,t)};return e.d(t,["default",0,o]),t=t.default,t})());

package/dist/iconbutton.css

@@ -1 +1 @@
-body{--md-sys-elevation-level0: none}:root{--md-sys-shape-corner-small: 8px}:root{--md-sys-shape-corner-medium: 12px}:root{--md-sys-shape-corner-large: 16px}:root{--md-sys-shape-corner-extra-large: 28px}:root{--md-sys-shape-corner-full: 50%}:root{--md-sys-state-hover-state-layer-opacity: 8%}:root{--md-sys-state-focus-state-layer-opacity: 10%}:root{--md-sys-state-pressed-state-layer-opacity: 10%}:root{--md-sys-state-disabled-state-layer-opacity: 38%}:root{--md-sys-state-focus-indicator-thickness: 3px}:root{--md-sys-state-ripple-opacity-factor: 0.6}:root{--md-sys-state-ripple-duration: 750ms}@property --statelayer-color{syntax:"<color>";initial-value:rgba(0,0,0,0);inherits:false}@property --statelayer-opacity{syntax:"<percentage>";initial-value:0%;inherits:false}@keyframes micl-ripple{from{background-size:0% 0%,100%;animation-timing-function:cubic-bezier(0.2, 0, 0, 1)}60%{background-size:1000% 1000%,100%;animation-timing-function:cubic-bezier(0.3, 0, 1, 1)}to{background-size:10000% 10000%,100%}}:is(.micl-iconbutton-standard-s,.micl-iconbutton-filled-s,.micl-iconbutton-tonal-s,.micl-iconbutton-outlined-s),:is(.micl-iconbutton-standard-xs,.micl-iconbutton-filled-xs,.micl-iconbutton-tonal-xs,.micl-iconbutton-outlined-xs){position:relative}:is(.micl-iconbutton-standard-s,.micl-iconbutton-filled-s,.micl-iconbutton-tonal-s,.micl-iconbutton-outlined-s)::before,:is(.micl-iconbutton-standard-xs,.micl-iconbutton-filled-xs,.micl-iconbutton-tonal-xs,.micl-iconbutton-outlined-xs)::before{content:"";position:absolute;display:flex;align-items:center;justify-content:center;block-size:var(--md-sys-target-size, 48px);inline-size:100%;min-inline-size:var(--md-sys-target-size, 48px);inset:calc((var(--micl-height) - var(--md-sys-target-size, 48px))/2) 0 0 calc((min(100%,var(--md-sys-target-size, 48px)) - var(--md-sys-target-size, 48px))/2);background-color:rgba(0,0,0,0)}:is([class*=micl-iconbutton-standard-],[class*=micl-iconbutton-filled-],[class*=micl-iconbutton-tonal-],[class*=micl-iconbutton-outlined-]){--md-comp-icon-button-motion-effects: cubic-bezier(0.42, 1.67, 0.21, 0.9);--md-comp-icon-button-motion-duration: 350ms;--micl-ripple: 1;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--micl-width);min-inline-size:var(--micl-width);block-size:var(--micl-height);padding:0;border:none;border-radius:var(--md-sys-shape-corner-full);background-color:rgba(0,0,0,0);background-image:radial-gradient(circle at var(--micl-x, center) var(--micl-y, center), transparent 0%, rgb(from var(--statelayer-color) r g b/calc(var(--statelayer-opacity) * var(--md-sys-state-ripple-opacity-factor))) 10%, transparent 10%),linear-gradient(rgb(from var(--statelayer-color) r g b/var(--statelayer-opacity)));background-repeat:no-repeat;background-position:var(--micl-x, center) var(--micl-y, center),0 0;background-size:0%,100%;-webkit-tap-highlight-color:rgba(0,0,0,0);color:var(--md-comp-icon-button-icon-color, var(--md-sys-color-on-surface-variant));font-variation-settings:"FILL" 0;cursor:pointer;transition:border-radius var(--md-comp-icon-button-motion-duration) var(--md-comp-icon-button-motion-effects),font-variation-settings var(--md-comp-icon-button-motion-duration) linear,background-size 0ms,--statelayer-opacity var(--md-comp-icon-button-motion-duration) linear}:is([class*=micl-iconbutton-standard-],[class*=micl-iconbutton-filled-],[class*=micl-iconbutton-tonal-],[class*=micl-iconbutton-outlined-]):disabled{box-shadow:var(--md-sys-elevation-level0);cursor:default}:is([class*=micl-iconbutton-standard-],[class*=micl-iconbutton-filled-],[class*=micl-iconbutton-tonal-],[class*=micl-iconbutton-outlined-]):not(:disabled):hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%)}:is([class*=micl-iconbutton-standard-],[class*=micl-iconbutton-filled-],[class*=micl-iconbutton-tonal-],[class*=micl-iconbutton-outlined-]):not(:disabled):focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity, 10%);outline:var(--md-sys-state-focus-indicator-thickness, 3px) solid var(--md-sys-color-secondary);outline-offset:2px}:is([class*=micl-iconbutton-standard-],[class*=micl-iconbutton-filled-],[class*=micl-iconbutton-tonal-],[class*=micl-iconbutton-outlined-]):not(:disabled):active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%)}:is([class*=micl-iconbutton-standard-],[class*=micl-iconbutton-filled-],[class*=micl-iconbutton-tonal-],[class*=micl-iconbutton-outlined-]):not(:disabled).micl-rippling{animation:micl-ripple var(--md-sys-state-ripple-duration)}:is([class*=micl-iconbutton-standard-],[class*=micl-iconbutton-filled-],[class*=micl-iconbutton-tonal-],[class*=micl-iconbutton-outlined-]):hover:not(:disabled),:is([class*=micl-iconbutton-standard-],[class*=micl-iconbutton-filled-],[class*=micl-iconbutton-tonal-],[class*=micl-iconbutton-outlined-]).micl-button--toggle[aria-pressed=true]{font-variation-settings:"FILL" 1}:is([class*=micl-iconbutton-standard-],[class*=micl-iconbutton-filled-],[class*=micl-iconbutton-tonal-],[class*=micl-iconbutton-outlined-]).micl-button--toggle:not([aria-pressed=true])::before{content:attr(data-miclicon)}:is([class*=micl-iconbutton-standard-],[class*=micl-iconbutton-filled-],[class*=micl-iconbutton-tonal-],[class*=micl-iconbutton-outlined-]).micl-button--toggle[aria-pressed=true]::before{content:attr(data-micliconselected)}:is([class*=micl-iconbutton-standard-],[class*=micl-iconbutton-filled-],[class*=micl-iconbutton-tonal-],[class*=micl-iconbutton-outlined-]).micl-button--toggle[aria-pressed=true]{border-radius:var(--_shape-toggle)}:is([class*=micl-iconbutton-standard-],[class*=micl-iconbutton-filled-],[class*=micl-iconbutton-tonal-],[class*=micl-iconbutton-outlined-]).micl-iconbutton--narrow{--micl-width: var(--_width-narrow);border-radius:calc(var(--micl-width)/2)}:is([class*=micl-iconbutton-standard-],[class*=micl-iconbutton-filled-],[class*=micl-iconbutton-tonal-],[class*=micl-iconbutton-outlined-]).micl-iconbutton--wide{--micl-width: var(--_width-wide);border-radius:calc(var(--micl-height)/2)}:is([class*=micl-iconbutton-standard-],[class*=micl-iconbutton-filled-],[class*=micl-iconbutton-tonal-],[class*=micl-iconbutton-outlined-]).micl-button--square{border-radius:var(--_shape-toggle)}:is([class*=micl-iconbutton-standard-],[class*=micl-iconbutton-filled-],[class*=micl-iconbutton-tonal-],[class*=micl-iconbutton-outlined-]).micl-button--square.micl-button--toggle[aria-pressed=true]{border-radius:var(--md-sys-shape-corner-full)}:is([class*=micl-iconbutton-standard-],[class*=micl-iconbutton-filled-],[class*=micl-iconbutton-tonal-],[class*=micl-iconbutton-outlined-]):not(:disabled):active,:is([class*=micl-iconbutton-standard-],[class*=micl-iconbutton-filled-],[class*=micl-iconbutton-tonal-],[class*=micl-iconbutton-outlined-]):not(:disabled):active.micl-button--square{border-radius:var(--_shape-pressed)}:is(.micl-iconbutton-standard-xs,.micl-iconbutton-filled-xs,.micl-iconbutton-tonal-xs,.micl-iconbutton-outlined-xs){--micl-width: 32px;--micl-height: 32px;--_width-narrow: 28px;--_width-wide: 40px;--_shape-toggle: var(--md-sys-shape-corner-medium);--_shape-pressed: var(--md-sys-shape-corner-small);font-size:20px}:is(.micl-iconbutton-standard-s,.micl-iconbutton-filled-s,.micl-iconbutton-tonal-s,.micl-iconbutton-outlined-s){--micl-width: 40px;--micl-height: 40px;--_width-narrow: 32px;--_width-wide: 52px;--_shape-toggle: var(--md-sys-shape-corner-medium);--_shape-pressed: var(--md-sys-shape-corner-small);font-size:var(--md-sys-icon-size, 24px)}:is(.micl-iconbutton-standard-m,.micl-iconbutton-filled-m,.micl-iconbutton-tonal-m,.micl-iconbutton-outlined-m){--micl-width: 56px;--micl-height: 56px;--_width-narrow: 48px;--_width-wide: 72px;--_shape-toggle: var(--md-sys-shape-corner-large);--_shape-pressed: var(--md-sys-shape-corner-medium);font-size:var(--md-sys-icon-size, 24px)}:is(.micl-iconbutton-standard-l,.micl-iconbutton-filled-l,.micl-iconbutton-tonal-l,.micl-iconbutton-outlined-l){--micl-width: 96px;--micl-height: 96px;--_width-narrow: 64px;--_width-wide: 128px;--_shape-toggle: var(--md-sys-shape-corner-extra-large);--_shape-pressed: var(--md-sys-shape-corner-large);font-size:32px}:is(.micl-iconbutton-standard-xl,.micl-iconbutton-filled-xl,.micl-iconbutton-tonal-xl,.micl-iconbutton-outlined-xl){--micl-width: 136px;--micl-height: 136px;--_width-narrow: 104px;--_width-wide: 184px;--_shape-toggle: var(--md-sys-shape-corner-extra-large);--_shape-pressed: var(--md-sys-shape-corner-large);font-size:40px}[class*=micl-iconbutton-standard-]{--statelayer-color: var(--md-sys-color-on-surface-variant);text-decoration:none}[class*=micl-iconbutton-standard-]:disabled{background-color:rgba(0,0,0,0);color:var(--md-comp-icon-button-disabled-icon-color, rgb(from var(--md-sys-color-on-surface) r g b/var(--md-comp-icon-button-disabled-icon-opacity, 38%)))}[class*=micl-iconbutton-standard-]:not(:disabled).micl-button--toggle[aria-pressed=true]{--statelayer-color: var(--md-sys-color-primary);color:var(--md-comp-icon-button-selected-icon-color, var(--md-sys-color-primary))}[class*=micl-iconbutton-filled-]{--statelayer-color: var(--md-sys-color-on-primary);background-color:var(--md-comp-filled-icon-button-container-color, var(--md-sys-color-primary));color:var(--md-comp-filled-icon-button-icon-color, var(--md-sys-color-on-primary))}[class*=micl-iconbutton-filled-]:disabled{background-color:var(--md-comp-filled-icon-button-disabled-container-color, rgb(from var(--md-sys-color-on-surface) r g b/var(--md-comp-filled-icon-button-disabled-container-opacity, 10%)));color:var(--md-comp-filled-icon-button-disabled-icon-color, rgb(from var(--md-sys-color-on-surface) r g b/var(--md-comp-filled-icon-button-disabled-icon-opacity, 38%)))}[class*=micl-iconbutton-filled-]:not(:disabled).micl-button--toggle:not([aria-pressed=true]){--statelayer-color: var(--md-sys-color-on-surface-variant);background-color:var(--md-comp-filled-icon-button-unselected-container-color, var(--md-sys-color-surface-container));color:var(--md-comp-filled-icon-button-unselected-icon-color, var(--md-sys-color-on-surface-variant))}[class*=micl-iconbutton-tonal-]{--statelayer-color: var(--md-sys-color-on-secondary-container);background-color:var(--md-comp-filled-tonal-icon-button-container-color, var(--md-sys-color-secondary-container));color:var(--md-comp-filled-tonal-icon-button-icon-color, var(--md-sys-color-on-secondary-container))}[class*=micl-iconbutton-tonal-]:disabled{background-color:var(--md-comp-filled-tonal-icon-button-disabled-container-color, rgb(from var(--md-sys-color-on-surface) r g b/var(--md-comp-filled-tonal-icon-button-disabled-container-opacity, 10%)));color:var(--md-comp-filled-tonal-icon-button-disabled-icon-color, rgb(from var(--md-sys-color-on-surface) r g b/var(--md-comp-filled-tonal-icon-button-disabled-icon-opacity, 38%)))}[class*=micl-iconbutton-tonal-]:not(:disabled).micl-button--toggle[aria-pressed=true]{--statelayer-color: var(--md-sys-color-on-secondary);background-color:var(--md-comp-filled-tonal-icon-button-selected-container-color, var(--md-sys-color-secondary));color:var(--md-comp-filled-tonal-icon-button-selected-icon-color, var(--md-sys-color-on-secondary))}[class*=micl-iconbutton-outlined-]{--statelayer-color: var(--md-sys-color-on-surface-variant);background-color:rgba(0,0,0,0);color:var(--md-comp-outlined-icon-button-icon-color, var(--md-sys-color-on-surface-variant))}[class*=micl-iconbutton-outlined-]:disabled{background-color:rgba(0,0,0,0);color:var(--md-comp-outlined-icon-button-disabled-icon-color, rgb(from var(--md-sys-color-on-surface) r g b/var(--md-comp-outlined-icon-button-disabled-icon-opacity, 38%)))}[class*=micl-iconbutton-outlined-]:disabled.micl-button--toggle[aria-pressed=true]{border:none;background-color:var(--md-comp-outlined-icon-button-selected-disabled-container-color, rgb(from var(--md-sys-color-on-surface) r g b/var(--md-comp-outlined-icon-button-selected-disabled-container-opacity, 10%)))}[class*=micl-iconbutton-outlined-]:not(:disabled).micl-button--toggle[aria-pressed=true]{--statelayer-color: var(--md-sys-color-inverse-on-surface);border:none;background-color:var(--md-comp-outlined-icon-button-selected-container-color, var(--md-sys-color-inverse-surface));color:var(--md-comp-outlined-icon-button-selected-icon-color, var(--md-sys-color-inverse-on-surface))}.micl-iconbutton-outlined-xs,.micl-iconbutton-outlined-s,.micl-iconbutton-outlined-m{border:1px solid var(--md-comp-outlined-icon-button-outline-color, var(--md-sys-color-outline-variant))}.micl-iconbutton-outlined-l{border:2px solid var(--md-comp-outlined-icon-button-outline-color, var(--md-sys-color-outline-variant))}.micl-iconbutton-outlined-xl{border:3px solid var(--md-comp-outlined-icon-button-outline-color, var(--md-sys-color-outline-variant))}
+body{--md-sys-elevation-level0: none}:root{--md-sys-shape-corner-small: 8px}:root{--md-sys-shape-corner-medium: 12px}:root{--md-sys-shape-corner-large: 16px}:root{--md-sys-shape-corner-extra-large: 28px}:root{--md-sys-shape-corner-full: 50%}:root{--md-sys-state-hover-state-layer-opacity: 8%}:root{--md-sys-state-focus-state-layer-opacity: 10%}:root{--md-sys-state-pressed-state-layer-opacity: 10%}:root{--md-sys-state-disabled-state-layer-opacity: 38%}:root{--md-sys-state-focus-indicator-thickness: 3px}:root{--md-sys-state-ripple-opacity-factor: 0.6}:root{--md-sys-state-ripple-duration: 750ms}@property --statelayer-color{syntax:"<color>";initial-value:rgba(0,0,0,0);inherits:false}@property --statelayer-opacity{syntax:"<percentage>";initial-value:0%;inherits:false}@keyframes micl-ripple{from{background-size:0% 0%,100%;animation-timing-function:cubic-bezier(0.2, 0, 0, 1)}60%{background-size:1000% 1000%,100%;animation-timing-function:cubic-bezier(0.3, 0, 1, 1)}to{background-size:10000% 10000%,100%}}:is(.micl-iconbutton-standard-s,.micl-iconbutton-filled-s,.micl-iconbutton-tonal-s,.micl-iconbutton-outlined-s),:is(.micl-iconbutton-standard-xs,.micl-iconbutton-filled-xs,.micl-iconbutton-tonal-xs,.micl-iconbutton-outlined-xs){position:relative}:is(.micl-iconbutton-standard-s,.micl-iconbutton-filled-s,.micl-iconbutton-tonal-s,.micl-iconbutton-outlined-s)::before,:is(.micl-iconbutton-standard-xs,.micl-iconbutton-filled-xs,.micl-iconbutton-tonal-xs,.micl-iconbutton-outlined-xs)::before{content:"";position:absolute;display:flex;align-items:center;justify-content:center;block-size:var(--md-sys-state-target-size, 48px);inline-size:100%;min-inline-size:var(--md-sys-state-target-size, 48px);inset:calc((var(--micl-height) - var(--md-sys-state-target-size, 48px))/2) 0 0 calc((min(100%,var(--md-sys-state-target-size, 48px)) - var(--md-sys-state-target-size, 48px))/2);background-color:rgba(0,0,0,0)}:is([class*=micl-iconbutton-standard-],[class*=micl-iconbutton-filled-],[class*=micl-iconbutton-tonal-],[class*=micl-iconbutton-outlined-]){--_motion-effects: var(--md-comp-icon-button-motion-effects, cubic-bezier(0.42, 1.67, 0.21, 0.9));--_motion-duration: var(--md-comp-icon-button-motion-duration, 350ms);--micl-ripple: 1;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--micl-width);min-inline-size:var(--micl-width);block-size:var(--micl-height);padding:0;border:none;border-radius:var(--md-sys-shape-corner-full);background-color:rgba(0,0,0,0);background-image:radial-gradient(circle at var(--micl-x, center) var(--micl-y, center), transparent 0%, rgb(from var(--statelayer-color) r g b/calc(var(--statelayer-opacity) * var(--md-sys-state-ripple-opacity-factor))) 10%, transparent 10%),linear-gradient(rgb(from var(--statelayer-color) r g b/var(--statelayer-opacity)));background-repeat:no-repeat;background-position:var(--micl-x, center) var(--micl-y, center),0 0;background-size:0%,100%;-webkit-tap-highlight-color:rgba(0,0,0,0);color:var(--md-comp-icon-button-icon-color, var(--md-sys-color-on-surface-variant));font-variation-settings:"FILL" 0;cursor:pointer;transition:border-radius var(--_motion-duration) var(--_motion-effects),font-variation-settings var(--_motion-duration) linear,background-size 0ms,--statelayer-opacity var(--_motion-duration) linear}:is([class*=micl-iconbutton-standard-],[class*=micl-iconbutton-filled-],[class*=micl-iconbutton-tonal-],[class*=micl-iconbutton-outlined-]):disabled{box-shadow:var(--md-sys-elevation-level0);cursor:default}:is([class*=micl-iconbutton-standard-],[class*=micl-iconbutton-filled-],[class*=micl-iconbutton-tonal-],[class*=micl-iconbutton-outlined-]):not(:disabled):hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%)}:is([class*=micl-iconbutton-standard-],[class*=micl-iconbutton-filled-],[class*=micl-iconbutton-tonal-],[class*=micl-iconbutton-outlined-]):not(:disabled):focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity, 10%);outline:var(--md-sys-state-focus-indicator-thickness, 3px) solid var(--md-sys-color-secondary);outline-offset:2px}:is([class*=micl-iconbutton-standard-],[class*=micl-iconbutton-filled-],[class*=micl-iconbutton-tonal-],[class*=micl-iconbutton-outlined-]):not(:disabled):active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%)}:is([class*=micl-iconbutton-standard-],[class*=micl-iconbutton-filled-],[class*=micl-iconbutton-tonal-],[class*=micl-iconbutton-outlined-]):not(:disabled).micl-rippling{animation:micl-ripple var(--md-sys-state-ripple-duration)}:is([class*=micl-iconbutton-standard-],[class*=micl-iconbutton-filled-],[class*=micl-iconbutton-tonal-],[class*=micl-iconbutton-outlined-]):hover:not(:disabled),:is([class*=micl-iconbutton-standard-],[class*=micl-iconbutton-filled-],[class*=micl-iconbutton-tonal-],[class*=micl-iconbutton-outlined-]).micl-button--toggle[aria-pressed=true]{font-variation-settings:"FILL" 1}:is([class*=micl-iconbutton-standard-],[class*=micl-iconbutton-filled-],[class*=micl-iconbutton-tonal-],[class*=micl-iconbutton-outlined-]).micl-button--toggle:not([aria-pressed=true])::before{content:attr(data-miclicon)}:is([class*=micl-iconbutton-standard-],[class*=micl-iconbutton-filled-],[class*=micl-iconbutton-tonal-],[class*=micl-iconbutton-outlined-]).micl-button--toggle[aria-pressed=true]::before{content:attr(data-micliconselected)}:is([class*=micl-iconbutton-standard-],[class*=micl-iconbutton-filled-],[class*=micl-iconbutton-tonal-],[class*=micl-iconbutton-outlined-]).micl-button--toggle[aria-pressed=true]{border-radius:var(--_shape-toggle)}:is([class*=micl-iconbutton-standard-],[class*=micl-iconbutton-filled-],[class*=micl-iconbutton-tonal-],[class*=micl-iconbutton-outlined-]).micl-iconbutton--narrow{--micl-width: var(--_width-narrow);border-radius:calc(var(--micl-width)/2)}:is([class*=micl-iconbutton-standard-],[class*=micl-iconbutton-filled-],[class*=micl-iconbutton-tonal-],[class*=micl-iconbutton-outlined-]).micl-iconbutton--wide{--micl-width: var(--_width-wide);border-radius:calc(var(--micl-height)/2)}:is([class*=micl-iconbutton-standard-],[class*=micl-iconbutton-filled-],[class*=micl-iconbutton-tonal-],[class*=micl-iconbutton-outlined-]).micl-button--square{border-radius:var(--_shape-toggle)}:is([class*=micl-iconbutton-standard-],[class*=micl-iconbutton-filled-],[class*=micl-iconbutton-tonal-],[class*=micl-iconbutton-outlined-]).micl-button--square.micl-button--toggle[aria-pressed=true]{border-radius:var(--md-sys-shape-corner-full)}:is([class*=micl-iconbutton-standard-],[class*=micl-iconbutton-filled-],[class*=micl-iconbutton-tonal-],[class*=micl-iconbutton-outlined-]):not(:disabled):active,:is([class*=micl-iconbutton-standard-],[class*=micl-iconbutton-filled-],[class*=micl-iconbutton-tonal-],[class*=micl-iconbutton-outlined-]):not(:disabled):active.micl-button--square{border-radius:var(--_shape-pressed)}:is(.micl-iconbutton-standard-xs,.micl-iconbutton-filled-xs,.micl-iconbutton-tonal-xs,.micl-iconbutton-outlined-xs){--micl-width: 32px;--micl-height: 32px;--_width-narrow: 28px;--_width-wide: 40px;--_shape-toggle: var(--md-sys-shape-corner-medium);--_shape-pressed: var(--md-sys-shape-corner-small);font-size:20px}:is(.micl-iconbutton-standard-s,.micl-iconbutton-filled-s,.micl-iconbutton-tonal-s,.micl-iconbutton-outlined-s){--micl-width: 40px;--micl-height: 40px;--_width-narrow: 32px;--_width-wide: 52px;--_shape-toggle: var(--md-sys-shape-corner-medium);--_shape-pressed: var(--md-sys-shape-corner-small);font-size:var(--md-sys-icon-size, 24px)}:is(.micl-iconbutton-standard-m,.micl-iconbutton-filled-m,.micl-iconbutton-tonal-m,.micl-iconbutton-outlined-m){--micl-width: 56px;--micl-height: 56px;--_width-narrow: 48px;--_width-wide: 72px;--_shape-toggle: var(--md-sys-shape-corner-large);--_shape-pressed: var(--md-sys-shape-corner-medium);font-size:var(--md-sys-icon-size, 24px)}:is(.micl-iconbutton-standard-l,.micl-iconbutton-filled-l,.micl-iconbutton-tonal-l,.micl-iconbutton-outlined-l){--micl-width: 96px;--micl-height: 96px;--_width-narrow: 64px;--_width-wide: 128px;--_shape-toggle: var(--md-sys-shape-corner-extra-large);--_shape-pressed: var(--md-sys-shape-corner-large);font-size:32px}:is(.micl-iconbutton-standard-xl,.micl-iconbutton-filled-xl,.micl-iconbutton-tonal-xl,.micl-iconbutton-outlined-xl){--micl-width: 136px;--micl-height: 136px;--_width-narrow: 104px;--_width-wide: 184px;--_shape-toggle: var(--md-sys-shape-corner-extra-large);--_shape-pressed: var(--md-sys-shape-corner-large);font-size:40px}[class*=micl-iconbutton-standard-]{--statelayer-color: var(--md-sys-color-on-surface-variant);text-decoration:none}[class*=micl-iconbutton-standard-]:disabled{background-color:rgba(0,0,0,0);color:var(--md-comp-icon-button-disabled-icon-color, rgb(from var(--md-sys-color-on-surface) r g b/var(--md-comp-icon-button-disabled-icon-opacity, 38%)))}[class*=micl-iconbutton-standard-]:not(:disabled).micl-button--toggle[aria-pressed=true]{--statelayer-color: var(--md-sys-color-primary);color:var(--md-comp-icon-button-selected-icon-color, var(--md-sys-color-primary))}[class*=micl-iconbutton-filled-]{--statelayer-color: var(--md-sys-color-on-primary);background-color:var(--md-comp-filled-icon-button-container-color, var(--md-sys-color-primary));color:var(--md-comp-filled-icon-button-icon-color, var(--md-sys-color-on-primary))}[class*=micl-iconbutton-filled-]:disabled{background-color:var(--md-comp-filled-icon-button-disabled-container-color, rgb(from var(--md-sys-color-on-surface) r g b/var(--md-comp-filled-icon-button-disabled-container-opacity, 10%)));color:var(--md-comp-filled-icon-button-disabled-icon-color, rgb(from var(--md-sys-color-on-surface) r g b/var(--md-comp-filled-icon-button-disabled-icon-opacity, 38%)))}[class*=micl-iconbutton-filled-]:not(:disabled).micl-button--toggle:not([aria-pressed=true]){--statelayer-color: var(--md-sys-color-on-surface-variant);background-color:var(--md-comp-filled-icon-button-unselected-container-color, var(--md-sys-color-surface-container));color:var(--md-comp-filled-icon-button-unselected-icon-color, var(--md-sys-color-on-surface-variant))}[class*=micl-iconbutton-tonal-]{--statelayer-color: var(--md-sys-color-on-secondary-container);background-color:var(--md-comp-filled-tonal-icon-button-container-color, var(--md-sys-color-secondary-container));color:var(--md-comp-filled-tonal-icon-button-icon-color, var(--md-sys-color-on-secondary-container))}[class*=micl-iconbutton-tonal-]:disabled{background-color:var(--md-comp-filled-tonal-icon-button-disabled-container-color, rgb(from var(--md-sys-color-on-surface) r g b/var(--md-comp-filled-tonal-icon-button-disabled-container-opacity, 10%)));color:var(--md-comp-filled-tonal-icon-button-disabled-icon-color, rgb(from var(--md-sys-color-on-surface) r g b/var(--md-comp-filled-tonal-icon-button-disabled-icon-opacity, 38%)))}[class*=micl-iconbutton-tonal-]:not(:disabled).micl-button--toggle[aria-pressed=true]{--statelayer-color: var(--md-sys-color-on-secondary);background-color:var(--md-comp-filled-tonal-icon-button-selected-container-color, var(--md-sys-color-secondary));color:var(--md-comp-filled-tonal-icon-button-selected-icon-color, var(--md-sys-color-on-secondary))}[class*=micl-iconbutton-outlined-]{--statelayer-color: var(--md-sys-color-on-surface-variant);background-color:rgba(0,0,0,0);color:var(--md-comp-outlined-icon-button-icon-color, var(--md-sys-color-on-surface-variant))}[class*=micl-iconbutton-outlined-]:disabled{background-color:rgba(0,0,0,0);color:var(--md-comp-outlined-icon-button-disabled-icon-color, rgb(from var(--md-sys-color-on-surface) r g b/var(--md-comp-outlined-icon-button-disabled-icon-opacity, 38%)))}[class*=micl-iconbutton-outlined-]:disabled.micl-button--toggle[aria-pressed=true]{border:none;background-color:var(--md-comp-outlined-icon-button-selected-disabled-container-color, rgb(from var(--md-sys-color-on-surface) r g b/var(--md-comp-outlined-icon-button-selected-disabled-container-opacity, 10%)))}[class*=micl-iconbutton-outlined-]:not(:disabled).micl-button--toggle[aria-pressed=true]{--statelayer-color: var(--md-sys-color-inverse-on-surface);border:none;background-color:var(--md-comp-outlined-icon-button-selected-container-color, var(--md-sys-color-inverse-surface));color:var(--md-comp-outlined-icon-button-selected-icon-color, var(--md-sys-color-inverse-on-surface))}.micl-iconbutton-outlined-xs,.micl-iconbutton-outlined-s,.micl-iconbutton-outlined-m{border:1px solid var(--md-comp-outlined-icon-button-outline-color, var(--md-sys-color-outline-variant))}.micl-iconbutton-outlined-l{border:2px solid var(--md-comp-outlined-icon-button-outline-color, var(--md-sys-color-outline-variant))}.micl-iconbutton-outlined-xl{border:3px solid var(--md-comp-outlined-icon-button-outline-color, var(--md-sys-color-outline-variant))}

package/dist/layout.css

@@ -1 +1 @@
-:root{--md-sys-shape-corner-medium: 12px}:root{--md-sys-layout-pane-spacer: 24px;--md-sys-layout-window-margin: 24px}@media(max-width: 599px){:root{--md-sys-layout-window-margin: 16px}}@media(min-width: 840px)and (max-width: 1199px){:root{--md-sys-layout-pane-fixed-width: 360px}}@media(min-width: 1200px){:root{--md-sys-layout-pane-fixed-width: 412px}}.micl-window{padding:env(safe-area-inset-top, 0px) calc(var(--md-sys-layout-window-margin) + env(safe-area-inset-right, 0px)) calc(var(--md-sys-layout-window-margin) + env(safe-area-inset-bottom, 0px)) calc(var(--md-sys-layout-window-margin) + env(safe-area-inset-left, 0px));margin:0;background-color:var(--md-sys-color-surface)}.micl-window .micl-panes .micl-appbar{margin-inline:calc(-1*var(--md-sys-layout-window-margin))}.micl-window:not(.micl-window--spatial):has(nav.micl-navigationrail) .micl-panes .micl-appbar{margin-inline-start:0}.micl-window.micl-window--spatial{--md-sys-layout-spatial-radius: calc(var(--md-sys-shape-corner-medium) + var(--md-sys-layout-window-margin));display:flex;padding-block:calc(2*var(--md-sys-layout-window-margin) + env(safe-area-inset-top, 0px)) calc(2*var(--md-sys-layout-window-margin) + env(safe-area-inset-bottom, 0px));gap:var(--md-sys-layout-window-margin)}.micl-window.micl-window--spatial .micl-navigationrail{display:flex;align-self:flex-start;block-size:inherit;min-block-size:inherit;margin:0;padding-block-end:var(--md-sys-navigationrail-top-space, 0px);border-radius:var(--md-sys-layout-spatial-radius)}.micl-window.micl-window--spatial .micl-panes{background:rgba(0,0,0,0)}.micl-window.micl-window--spatial .micl-pane{padding:0 var(--md-sys-layout-window-margin) var(--md-sys-layout-window-margin);border-radius:var(--md-sys-layout-spatial-radius);background-color:var(--md-sys-color-surface)}.micl-panes{box-sizing:border-box;display:flex;flex-direction:row;gap:var(--md-sys-comp-margin, 8px) var(--md-sys-layout-pane-spacer);background-color:inherit}.micl-panes.micl-panes--split>.micl-pane+.micl-pane{--_layout-safe-inline-end: env(safe-area-inset-right, 0px);box-sizing:border-box;flex:0 1 var(--_layout-stacked-pane-size, calc(50vw - var(--md-sys-layout-window-margin, 0px) - var(--_layout-safe-inline-end) - var(--md-sys-layout-pane-spacer) / 2))}.micl-panes.micl-panes--split>.micl-pane+.micl-pane:dir(rtl){--_layout-safe-inline-end: env(safe-area-inset-left, 0px)}.micl-panes.micl-panes--evenly .micl-pane{flex:1 1 0}.micl-pane{display:flex;flex-direction:column;flex:1 1 auto;min-inline-size:0;background-color:inherit}.micl-pane.micl-pane--fixed{flex:0 0 auto;box-sizing:border-box;inline-size:var(--_layout-stacked-pane-size, var(--md-sys-layout-pane-fixed-width, auto))}.micl-pane:has(>.micl-card-elevated,>.micl-card-filled,>.micl-card-outlined),.micl-pane>*:has(>.micl-card-elevated,>.micl-card-filled,>.micl-card-outlined){gap:var(--md-comp-card-margin, 8px)}.micl-pane>.micl-pane__columns{display:flex}.micl-pane>.micl-pane__columns:has(>.micl-pane__column>.micl-card-elevated,>.micl-pane__column>.micl-card-filled,>.micl-pane__column>.micl-card-outlined){gap:var(--md-comp-card-margin, 8px)}.micl-pane>.micl-pane__columns>.micl-pane__column{display:flex;flex-direction:column;flex:1 1 auto;min-inline-size:0;background-color:inherit}.micl-pane>.micl-pane__columns>.micl-pane__column:has(>.micl-card-elevated,>.micl-card-filled,>.micl-card-outlined){row-gap:var(--md-comp-card-margin, 8px)}.micl-pane>.micl-pane__columns>.micl-pane__column.micl-pane__column--fixed{flex:0 0 auto}.micl-pane>.micl-pane__columns.micl-pane__columns--evenly>.micl-pane__column{flex:1 1 0}@media(max-width: 599px){.micl-panes.micl-panes--stacked-to-medium{--_layout-stacked-pane-size: auto;flex-direction:column}.micl-pane.micl-pane--hidden-to-medium{display:none}.micl-pane__columns.micl-pane__columns--stacked-to-medium{flex-direction:column}}@media(max-width: 839px){.micl-panes.micl-panes--stacked-to-expanded{--_layout-stacked-pane-size: auto;flex-direction:column}.micl-pane.micl-pane--hidden-to-expanded{display:none}.micl-pane__columns.micl-pane__columns--stacked-to-expanded{flex-direction:column}}@media(max-width: 1199px){.micl-panes.micl-panes--stacked-to-large{--_layout-stacked-pane-size: auto;flex-direction:column}.micl-pane.micl-pane--hidden-to-large{display:none}.micl-pane__columns.micl-pane__columns--stacked-to-large{flex-direction:column}}@media(max-width: 1599px){.micl-panes.micl-panes--stacked-to-extralarge{--_layout-stacked-pane-size: auto;flex-direction:column}.micl-pane.micl-pane--hidden-to-extralarge{display:none}.micl-pane__columns.micl-pane__columns--stacked-to-extralarge{flex-direction:column}}
+:root{--md-sys-layout-pane-spacer: 24px;--md-sys-layout-window-margin: 24px;--md-sys-card-margin: 8px}@media(max-width: 599px){:root{--md-sys-layout-window-margin: 16px}}@media(min-width: 840px)and (max-width: 1199px){:root{--md-sys-layout-pane-fixed-width: 360px}}@media(min-width: 1200px){:root{--md-sys-layout-pane-fixed-width: 412px}}:root{--md-sys-shape-corner-medium: 12px}.micl-window{padding:env(safe-area-inset-top, 0px) calc(var(--md-sys-layout-window-margin) + env(safe-area-inset-right, 0px)) calc(var(--md-sys-layout-window-margin) + env(safe-area-inset-bottom, 0px)) calc(var(--md-sys-layout-window-margin) + env(safe-area-inset-left, 0px));margin:0;background-color:var(--md-sys-color-surface)}.micl-window .micl-panes .micl-appbar{margin-inline:calc(-1*var(--md-sys-layout-window-margin))}.micl-window:not(.micl-window--spatial):has(nav.micl-navigationrail) .micl-panes .micl-appbar{margin-inline-start:0}.micl-window.micl-window--spatial{--md-sys-layout-spatial-radius: calc(var(--md-sys-shape-corner-medium) + var(--md-sys-layout-window-margin));display:flex;padding-block:calc(2*var(--md-sys-layout-window-margin) + env(safe-area-inset-top, 0px)) calc(2*var(--md-sys-layout-window-margin) + env(safe-area-inset-bottom, 0px));gap:var(--md-sys-layout-window-margin)}.micl-window.micl-window--spatial .micl-navigationrail{display:flex;align-self:flex-start;block-size:inherit;min-block-size:inherit;margin:0;padding-block-end:var(--md-sys-navigationrail-top-space, 0px);border-radius:var(--md-sys-layout-spatial-radius)}.micl-window.micl-window--spatial .micl-panes{background:rgba(0,0,0,0)}.micl-window.micl-window--spatial .micl-pane{padding:0 var(--md-sys-layout-window-margin) var(--md-sys-layout-window-margin);border-radius:var(--md-sys-layout-spatial-radius);background-color:var(--md-sys-color-surface)}.micl-panes{box-sizing:border-box;display:flex;flex-direction:row;gap:var(--md-sys-comp-margin, 8px) var(--md-sys-layout-pane-spacer);background-color:inherit}.micl-panes.micl-panes--split>.micl-pane+.micl-pane{--_layout-safe-inline-end: env(safe-area-inset-right, 0px);box-sizing:border-box;flex:0 1 var(--_layout-stacked-pane-size, calc(50vw - var(--md-sys-layout-window-margin, 0px) - var(--_layout-safe-inline-end) - var(--md-sys-layout-pane-spacer) / 2))}.micl-panes.micl-panes--split>.micl-pane+.micl-pane:dir(rtl){--_layout-safe-inline-end: env(safe-area-inset-left, 0px)}.micl-panes.micl-panes--evenly .micl-pane{flex:1 1 0}.micl-pane{display:flex;flex-direction:column;flex:1 1 auto;min-inline-size:0;background-color:inherit}.micl-pane.micl-pane--fixed{flex:0 0 auto;box-sizing:border-box;inline-size:var(--_layout-stacked-pane-size, var(--md-sys-layout-pane-fixed-width, auto))}.micl-pane:has(>.micl-card-elevated,>.micl-card-filled,>.micl-card-outlined),.micl-pane>*:has(>.micl-card-elevated,>.micl-card-filled,>.micl-card-outlined){gap:var(--md-sys-card-margin)}.micl-pane>.micl-pane__columns{display:flex}.micl-pane>.micl-pane__columns:has(>.micl-pane__column>.micl-card-elevated,>.micl-pane__column>.micl-card-filled,>.micl-pane__column>.micl-card-outlined){gap:var(--md-sys-card-margin)}.micl-pane>.micl-pane__columns>.micl-pane__column{display:flex;flex-direction:column;flex:1 1 auto;min-inline-size:0;background-color:inherit}.micl-pane>.micl-pane__columns>.micl-pane__column:has(>.micl-card-elevated,>.micl-card-filled,>.micl-card-outlined){row-gap:var(--md-sys-card-margin)}.micl-pane>.micl-pane__columns>.micl-pane__column.micl-pane__column--fixed{flex:0 0 auto}.micl-pane>.micl-pane__columns.micl-pane__columns--evenly>.micl-pane__column{flex:1 1 0}@media(max-width: 599px){.micl-panes.micl-panes--stacked-to-medium{--_layout-stacked-pane-size: auto;flex-direction:column}.micl-pane.micl-pane--hidden-to-medium{display:none}.micl-pane__columns.micl-pane__columns--stacked-to-medium{flex-direction:column}}@media(max-width: 839px){.micl-panes.micl-panes--stacked-to-expanded{--_layout-stacked-pane-size: auto;flex-direction:column}.micl-pane.micl-pane--hidden-to-expanded{display:none}.micl-pane__columns.micl-pane__columns--stacked-to-expanded{flex-direction:column}}@media(max-width: 1199px){.micl-panes.micl-panes--stacked-to-large{--_layout-stacked-pane-size: auto;flex-direction:column}.micl-pane.micl-pane--hidden-to-large{display:none}.micl-pane__columns.micl-pane__columns--stacked-to-large{flex-direction:column}}@media(max-width: 1599px){.micl-panes.micl-panes--stacked-to-extralarge{--_layout-stacked-pane-size: auto;flex-direction:column}.micl-pane.micl-pane--hidden-to-extralarge{display:none}.micl-pane__columns.micl-pane__columns--stacked-to-extralarge{flex-direction:column}}

package/dist/list.css

@@ -1 +1 @@
-:root{--md-ref-typeface-plain: Google Sans, system-ui, sans-serif;--md-ref-typeface-plain-narrow: 0;--md-ref-typeface-brand: Google Sans, system-ui, sans-serif;--md-ref-typeface-weight-regular: 400;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-bold: 700}body{--md-sys-elevation-level4: rgb(from var(--md-sys-color-shadow) r g b/0.3) 0 2px 3px 0, rgb(from var(--md-sys-color-shadow) r g b/0.15) 0 6px 10px 4px}:root{--md-sys-shape-corner-extra-small: 4px}:root{--md-sys-shape-corner-small: 8px}:root{--md-sys-shape-corner-medium: 12px}:root{--md-sys-shape-corner-large: 16px}:root{--md-sys-shape-corner-full: 50%}:root{--md-sys-state-hover-state-layer-opacity: 8%}:root{--md-sys-state-focus-state-layer-opacity: 10%}:root{--md-sys-state-pressed-state-layer-opacity: 10%}:root{--md-sys-state-dragged-state-layer-opacity: 16%}:root{--md-sys-state-disabled-state-layer-opacity: 38%}:root{--md-sys-state-focus-indicator-thickness: 3px}:root{--md-sys-state-focus-indicator-inner-offset: -3px}:root{--md-sys-state-ripple-opacity-factor: 0.6}:root{--md-sys-state-ripple-duration: 750ms}@property --statelayer-color{syntax:"<color>";initial-value:rgba(0,0,0,0);inherits:false}@property --statelayer-opacity{syntax:"<percentage>";initial-value:0%;inherits:false}@keyframes micl-ripple{from{background-size:0% 0%,100%;animation-timing-function:cubic-bezier(0.2, 0, 0, 1)}60%{background-size:1000% 1000%,100%;animation-timing-function:cubic-bezier(0.3, 0, 1, 1)}to{background-size:10000% 10000%,100%}}:root{--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.0125rem}:root{--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}:root{--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.0125rem}:root{--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}:is(.micl-list>details>summary:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three),:is(.micl-list:has(>:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)[tabindex]),select,optgroup)>:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)):not(:disabled,.micl-list-item--disabled){cursor:pointer}:focus-visible:is(.micl-list>details>summary:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three),:is(.micl-list:has(>:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)[tabindex]),select,optgroup)>:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)):not(:disabled,.micl-list-item--disabled){outline:var(--md-comp-list-item-focus-indicator-thickness, var(--md-sys-state-focus-indicator-thickness, 3px)) solid var(--md-comp-list-item-focus-indicator-color, var(--md-sys-color-secondary));outline-offset:var(--md-comp-list-item-focus-indicator-offset, var(--md-sys-state-focus-indicator-inner-offset, -3px))}:not(:checked,:has(input[type=checkbox]:checked),:where(details[open]>*)):hover:is(.micl-list>details>summary:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three),:is(.micl-list:has(>:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)[tabindex]),select,optgroup)>:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)):not(:disabled,.micl-list-item--disabled){--_list-item-shape: var(--md-comp-list-item-container-hovered-expressive-shape, var(--md-sys-shape-corner-medium, 12px));--_headline-color: var(--md-comp-list-item-hover-label-text-color, var(--md-sys-color-on-surface));--_leading-icon-color: var(--md-comp-list-item-hover-leading-icon-color, var(--md-sys-color-on-surface-variant));--_supporting-text-color: var(--md-comp-list-item-hover-supporting-text-color, var(--md-sys-color-on-surface-variant));--_trailing-icon-color: var(--md-comp-list-item-hover-trailing-icon-color, var(--md-sys-color-on-surface-variant));--_trailing-text-color: var(--md-comp-list-item-hover-trailing-supporting-text-color, var(--md-sys-color-on-surface-variant));--statelayer-color: var(--md-comp-list-item-hover-state-layer-color, var(--md-sys-color-on-surface));--statelayer-opacity: var(--md-comp-list-item-hover-state-layer-opacity, var(--md-sys-state-hover-state-layer-opacity, 8%))}:not(:checked,:has(input[type=checkbox]:checked),:where(details[open]>*)):focus-visible:is(.micl-list>details>summary:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three),:is(.micl-list:has(>:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)[tabindex]),select,optgroup)>:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)):not(:disabled,.micl-list-item--disabled){--_list-item-shape: var(--md-comp-list-item-container-focused-expressive-shape, var(--md-sys-shape-corner-large, 16px));--_headline-color: var(--md-comp-list-item-focus-label-text-color, var(--md-sys-color-on-surface));--_leading-icon-color: var(--md-comp-list-item-focus-leading-icon-color, var(--md-sys-color-on-surface-variant));--_supporting-text-color: var(--md-comp-list-item-focus-supporting-text-color, var(--md-sys-color-on-surface-variant));--_trailing-icon-color: var(--md-comp-list-item-focus-trailing-icon-color, var(--md-sys-color-on-surface-variant));--_trailing-text-color: var(--md-comp-list-item-focus-trailing-supporting-text-color, var(--md-sys-color-on-surface-variant));--statelayer-color: var(--md-comp-list-item-focus-state-layer-color, var(--md-sys-color-on-surface));--statelayer-opacity: var(--md-comp-list-item-focus-state-layer-opacity, var(--md-sys-state-focus-state-layer-opacity, 10%))}:not(:checked,:has(input[type=checkbox]:checked),:where(details[open]>*)):active:is(.micl-list>details>summary:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three),:is(.micl-list:has(>:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)[tabindex]),select,optgroup)>:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)):not(:disabled,.micl-list-item--disabled){--_list-item-shape: var(--md-comp-list-item-container-pressed-expressive-shape, var(--md-sys-shape-corner-large, 16px));--_headline-color: var(--md-comp-list-item-pressed-label-text-color, var(--md-sys-color-on-surface));--_leading-icon-color: var(--md-comp-list-item-pressed-leading-icon-color, var(--md-sys-color-on-surface-variant));--_supporting-text-color: var(--md-comp-list-item-pressed-supporting-text-color, var(--md-sys-color-on-surface-variant));--_trailing-icon-color: var(--md-comp-list-item-pressed-trailing-icon-color, var(--md-sys-color-on-surface-variant));--_trailing-text-color: var(--md-comp-list-item-pressed-trailing-supporting-text-color, var(--md-sys-color-on-surface-variant));--statelayer-color: var(--md-comp-list-item-pressed-state-layer-color, var(--md-sys-color-on-surface));--statelayer-opacity: var(--md-comp-list-item-pressed-state-layer-opacity, var(--md-sys-state-pressed-state-layer-opacity, 10%))}:not(:checked,:has(input[type=checkbox]:checked),:where(details[open]>*)).micl-list-item--dragging:is(.micl-list>details>summary:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three),:is(.micl-list:has(>:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)[tabindex]),select,optgroup)>:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)):not(:disabled,.micl-list-item--disabled){--_list-item-shape: var(--md-comp-list-item-container-dragged-expressive-shape, var(--md-sys-shape-corner-large, 16px));--_headline-color: var(--md-comp-list-item-dragged-label-text-color, var(--md-sys-color-on-surface));--_leading-icon-color: var(--md-comp-list-item-dragged-leading-icon-color, var(--md-sys-color-on-surface-variant));--_supporting-text-color: var(--md-comp-list-item-dragged-supporting-text-color, var(--md-sys-color-on-surface-variant));--_trailing-icon-color: var(--md-comp-list-item-dragged-trailing-icon-color, var(--md-sys-color-on-surface-variant));--_trailing-text-color: var(--md-comp-list-item-dragged-trailing-supporting-text-color, var(--md-sys-color-on-surface-variant));--statelayer-color: var(--md-comp-list-item-dragged-state-layer-color, var(--md-sys-color-on-surface));--statelayer-opacity: var(--md-comp-list-item-dragged-state-layer-opacity, var(--md-sys-state-dragged-state-layer-opacity, 16%));box-shadow:var(--md-comp-list-item-dragged-container-elevation, var(--md-sys-elevation-level4));cursor:grabbing}:is(:checked,:has(input[type=checkbox]:checked),:where(details[open]>*)):hover:is(.micl-list>details>summary:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three),:is(.micl-list:has(>:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)[tabindex]),select,optgroup)>:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)):not(:disabled,.micl-list-item--disabled){--_list-item-shape: var(--md-comp-list-item-container-selected-hovered-expressive-shape, var(--md-sys-shape-corner-large, 16px));--_headline-color: var(--md-comp-list-item-selected-hover-label-text-color, var(--md-sys-color-on-secondary-container));--_leading-icon-color: var(--md-comp-list-item-selected-hover-leading-icon-color, var(--md-sys-color-on-surface));--_supporting-text-color: var(--md-comp-list-item-selected-hover-supporting-text-color, var(--md-sys-color-on-surface));--_trailing-icon-color: var(--md-comp-list-item-selected-hover-trailing-icon-color, var(--md-sys-color-on-surface));--_trailing-text-color: var(--md-comp-list-item-selected-hover-trailing-supporting-text-color, var(--md-sys-color-on-surface));--statelayer-color: var(--md-comp-list-item-selected-hover-state-layer-color, var(--md-sys-color-on-surface));--statelayer-opacity: var(--md-comp-list-item-selected-hover-state-layer-opacity, var(--md-sys-state-hover-state-layer-opacity, 8%))}:is(:checked,:has(input[type=checkbox]:checked),:where(details[open]>*)):focus-visible:is(.micl-list>details>summary:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three),:is(.micl-list:has(>:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)[tabindex]),select,optgroup)>:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)):not(:disabled,.micl-list-item--disabled){--_list-item-shape: var(--md-comp-list-item-container-selected-focused-expressive-shape, var(--md-sys-shape-corner-large, 16px));--_headline-color: var(--md-comp-list-item-selected-focus-label-text-color, var(--md-sys-color-on-secondary-container));--_leading-icon-color: var(--md-comp-list-item-selected-focus-leading-icon-color, var(--md-sys-color-on-surface));--_supporting-text-color: var(--md-comp-list-item-selected-focus-supporting-text-color, var(--md-sys-color-on-surface));--_trailing-icon-color: var(--md-comp-list-item-selected-focus-trailing-icon-color, var(--md-sys-color-on-surface));--_trailing-text-color: var(--md-comp-list-item-selected-focus-trailing-supporting-text-color, var(--md-sys-color-on-surface));--statelayer-color: var(--md-comp-list-item-selected-focus-state-layer-color, var(--md-sys-color-on-surface));--statelayer-opacity: var(--md-comp-list-item-selected-focus-state-layer-opacity, var(--md-sys-state-focus-state-layer-opacity, 10%))}:is(:checked,:has(input[type=checkbox]:checked),:where(details[open]>*)):active:is(.micl-list>details>summary:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three),:is(.micl-list:has(>:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)[tabindex]),select,optgroup)>:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)):not(:disabled,.micl-list-item--disabled){--_list-item-shape: var(--md-comp-list-item-container-selected-pressed-expressive-shape, var(--md-sys-shape-corner-large, 16px));--_headline-color: var(--md-comp-list-item-selected-pressed-label-text-color, var(--md-sys-color-on-secondary-container));--_leading-icon-color: var(--md-comp-list-item-selected-pressed-leading-icon-color, var(--md-sys-color-on-surface));--_supporting-text-color: var(--md-comp-list-item-selected-pressed-supporting-text-color, var(--md-sys-color-on-surface));--_trailing-icon-color: var(--md-comp-list-item-selected-pressed-trailing-icon-color, var(--md-sys-color-on-surface));--_trailing-text-color: var(--md-comp-list-item-selected-pressed-trailing-supporting-text-color, var(--md-sys-color-on-surface));--statelayer-color: var(--md-comp-list-item-selected-pressed-state-layer-color, var(--md-sys-color-on-surface));--statelayer-opacity: var(--md-comp-list-item-selected-pressed-state-layer-opacity, var(--md-sys-state-pressed-state-layer-opacity, 10%))}:is(:checked,:has(input[type=checkbox]:checked),:where(details[open]>*)).micl-list-item--dragging:is(.micl-list>details>summary:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three),:is(.micl-list:has(>:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)[tabindex]),select,optgroup)>:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)):not(:disabled,.micl-list-item--disabled){--_list-item-shape: var(--md-comp-list-item-container-selected-dragged-expressive-shape, var(--md-sys-shape-corner-large, 16px));--_headline-color: var(--md-comp-list-item-selected-dragged-label-text-color, var(--md-sys-color-on-secondary-container));--_leading-icon-color: var(--md-comp-list-item-selected-dragged-leading-icon-color, var(--md-sys-color-on-surface));--_supporting-text-color: var(--md-comp-list-item-selected-dragged-supporting-text-color, var(--md-sys-color-on-surface));--_trailing-icon-color: var(--md-comp-list-item-selected-dragged-trailing-icon-color, var(--md-sys-color-on-surface));--_trailing-text-color: var(--md-comp-list-item-selected-dragged-trailing-supporting-text-color, var(--md-sys-color-on-surface));--statelayer-color: var(--md-comp-list-item-selected-dragged-state-layer-color, var(--md-sys-color-on-surface));--statelayer-opacity: var(--md-comp-list-item-selected-dragged-state-layer-opacity, var(--md-sys-state-dragged-state-layer-opacity, 16%));box-shadow:var(--md-comp-list-item-selected-dragged-container-elevation, var(--md-sys-elevation-level4))}.micl-rippling:is(.micl-list>details>summary:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three),:is(.micl-list:has(>:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)[tabindex]),select,optgroup)>:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)):not(:disabled,.micl-list-item--disabled){animation:micl-ripple calc(var(--md-sys-state-ripple-duration)*1.333)}.micl-list{--md-comp-list-motion-effects: cubic-bezier(0.42, 1.67, 0.21, 0.9);--md-comp-list-motion-duration: 200ms;--md-comp-accordion-motion-spatial: cubic-bezier(0.38, 1.21, 0.22, 1);--md-comp-accordion-motion-duration: 500ms;--md-comp-divider-space: 0.5px;--_list-shape: var(--md-comp-list-container-shape, var(--md-sys-shape-corner-large, 16px));--_list-item-background-color: var(--md-comp-list-item-container-color, transparent);--_list-item-background-opacity: 0%;display:flex;flex-direction:column;margin:var(--md-comp-list-container-space, 0px) 0;padding:0;border-radius:var(--_list-shape);interpolate-size:allow-keywords;list-style-type:none;background-color:var(--md-comp-list-container-color, transparent)}.micl-list.micl-list--segmented{--_list-item-background-color: var(--md-comp-list-item-segmented-container-color, var(--md-sys-color-surface));--_list-item-background-opacity: 100%;row-gap:var(--md-comp-list-segment-gap, 2px)}.micl-list>details::details-content{block-size:0;overflow:hidden;transition:block-size var(--md-comp-accordion-motion-duration) var(--md-comp-accordion-motion-spatial),content-visibility var(--md-comp-accordion-motion-duration) linear allow-discrete}.micl-list>details[open]::details-content{block-size:auto;margin-block-end:var(--md-comp-accordion-item-space, 0px)}.micl-list>details[open] .micl-list-item__icon--expander{transform:rotate(180deg)}.micl-list>details>summary:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three){position:relative}.micl-list>details>summary:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)::-webkit-details-marker{display:none}.micl-list>details>summary:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three).micl-list-item--disabled{pointer-events:none}.micl-list>details .micl-list-item__content{box-sizing:border-box;padding-inline-start:var(--md-comp-list-item-leading-space, 16px);background-color:rgb(from var(--_list-item-background-color) r g b/var(--_list-item-background-opacity));overflow:hidden}:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three){--statelayer-color: var(--md-sys-color-on-surface);--_list-item-shape: var(--md-comp-list-item-container-expressive-shape, var(--md-sys-shape-corner-extra-small, 4px));--_overline-color: var(--md-comp-list-item-overline-color, var(--md-sys-color-on-surface-variant));--_headline-color: var(--md-comp-list-item-label-text-color, var(--md-sys-color-on-surface));--_leading-icon-color: var(--md-comp-list-item-leading-icon-color, var(--md-sys-color-on-surface-variant));--_supporting-text-color: var(--md-comp-list-item-supporting-text-color, var(--md-sys-color-on-surface-variant));--_trailing-text-color: var(--md-comp-list-item-trailing-supporting-text-color, var(--md-sys-color-on-surface-variant));--_trailing-icon-color: var(--md-comp-list-item-trailing-icon-color, var(--md-sys-color-on-surface-variant));box-sizing:border-box;display:flex;align-items:center;column-gap:var(--md-comp-list-item-between-space, 12px);padding-block:var(--md-comp-list-item-top-space, 10px) var(--md-comp-list-item-bottom-space, 10px);padding-inline:var(--md-comp-list-item-leading-space, 16px) var(--md-comp-list-item-trailing-space, 16px);border:none;border-radius:var(--_list-item-shape);outline:none;background-color:rgb(from var(--_list-item-background-color) r g b/var(--_list-item-background-opacity));background-image:radial-gradient(circle at var(--micl-x, center) var(--micl-y, center), transparent 0%, rgb(from var(--statelayer-color) r g b/calc(var(--statelayer-opacity) * var(--md-sys-state-ripple-opacity-factor))) 10%, transparent 10%),linear-gradient(rgb(from var(--statelayer-color) r g b/var(--statelayer-opacity)));background-repeat:no-repeat;background-position:var(--micl-x, center) var(--micl-y, center),0 0;background-size:0%,100%;list-style:none;transition:border-radius var(--md-comp-list-motion-duration) var(--md-comp-list-motion-effects),background-size 0ms,--statelayer-opacity var(--md-comp-list-motion-duration) linear;-webkit-tap-highlight-color:rgba(0,0,0,0)}:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three):first-of-type{border-start-start-radius:max(var(--_list-item-shape),var(--_list-shape, 0px));border-start-end-radius:max(var(--_list-item-shape),var(--_list-shape, 0px))}:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three):last-of-type{border-end-start-radius:max(var(--_list-item-shape),var(--_list-shape, 0px));border-end-end-radius:max(var(--_list-item-shape),var(--_list-shape, 0px))}:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three):not(:has(>button)){--micl-ripple: 1}:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)>a,:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)>button,:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)>label{box-sizing:border-box;display:inherit;align-items:inherit;column-gap:inherit;min-block-size:inherit;inline-size:100%;padding-block:var(--md-comp-list-item-top-space, 10px) var(--md-comp-list-item-bottom-space, 10px);padding-inline:var(--md-comp-list-item-leading-space, 16px) var(--md-comp-list-item-trailing-space, 16px);border:none;border-radius:inherit;background-color:rgba(0,0,0,0);text-decoration:none;cursor:pointer}:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three):has(>a,>button,>label){padding:0}:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three):disabled,:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three).micl-list-item--disabled{--_list-item-shape: var(--md-comp-list-item-container-disabled-expressive-shape, var(--md-sys-shape-corner-extra-small, 4px));--_overline-color: rgb(from var(--md-comp-list-item-disabled-overline-color, var(--md-sys-color-on-surface)) r g b / var(--md-comp-list-item-disabled-overline-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%)));--_headline-color: rgb(from var(--md-comp-list-item-disabled-label-text-color, var(--md-sys-color-on-surface)) r g b / var(--md-comp-list-item-disabled-label-text-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%)));--_leading-icon-color: rgb(from var(--md-comp-list-item-disabled-leading-icon-color, var(--md-sys-color-on-surface)) r g b / var(--md-comp-list-item-disabled-leading-icon-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%)));--_supporting-text-color: rgb(from var(--md-comp-list-item-disabled-supporting-text-color, var(--md-sys-color-on-surface)) r g b / var(--md-comp-list-item-disabled-supporting-text-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%)));--_trailing-icon-color: rgb(from var(--md-comp-list-item-disabled-trailing-icon-color, var(--md-sys-color-on-surface)) r g b / var(--md-comp-list-item-disabled-trailing-icon-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%)));--_trailing-text-color: rgb(from var(--md-comp-list-item-disabled-trailing-supporting-text-color, var(--md-sys-color-on-surface)) r g b / var(--md-comp-list-item-disabled-trailing-supporting-text-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%)));--statelayer-color: var(--md-comp-list-item-disabled-state-layer-color, var(--md-sys-color-on-surface));--statelayer-opacity: var(--md-comp-list-item-disabled-state-layer-opacity, 0%)}:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three):disabled a,:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three):disabled button,:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three):disabled label,:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three).micl-list-item--disabled a,:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three).micl-list-item--disabled button,:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three).micl-list-item--disabled label{pointer-events:none;cursor:auto}:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three):disabled .micl-list-item__image,:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three):disabled .micl-list-item__thumbnail,:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three).micl-list-item--disabled .micl-list-item__image,:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three).micl-list-item--disabled .micl-list-item__thumbnail{opacity:var(--md-sys-state-disabled-state-layer-opacity, 38%)}:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three):disabled:is(:checked,:has(input[type=checkbox]:checked),:where(details[open]>*)),:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three).micl-list-item--disabled:is(:checked,:has(input[type=checkbox]:checked),:where(details[open]>*)){--_list-item-background-color: var(--md-comp-list-item-selected-disabled-container-color, var(--md-sys-color-on-surface));--_list-item-background-opacity: var(--md-comp-list-item-selected-disabled-container-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%));--_list-item-shape: var(--md-comp-list-item-container-selected-disabled-expressive-shape, var(--md-sys-shape-corner-large, 16px));--_overline-color: rgb(from var(--md-comp-list-item-selected-disabled-overline-color, var(--md-sys-color-on-surface)) r g b / var(--md-comp-list-item-selected-disabled-overline-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%)));--_headline-color: rgb(from var(--md-comp-list-item-selected-disabled-label-text-color, var(--md-sys-color-on-surface)) r g b / var(--md-comp-list-item-selected-disabled-label-text-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%)));--_leading-icon-color: rgb(from var(--md-comp-list-item-selected-disabled-leading-icon-color, var(--md-sys-color-on-surface)) r g b / var(--md-comp-list-item-selected-disabled-leading-icon-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%)));--_supporting-text-color: rgb(from var(--md-comp-list-item-selected-disabled-supporting-text-color, var(--md-sys-color-on-surface)) r g b / var(--md-comp-list-item-selected-disabled-supporting-text-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%)));--_trailing-icon-color: rgb(from var(--md-comp-list-item-selected-disabled-trailing-icon-color, var(--md-sys-color-on-surface)) r g b / var(--md-comp-list-item-selected-disabled-trailing-icon-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%)));--_trailing-text-color: rgb(from var(--md-comp-list-item-selected-disabled-trailing-supporting-text-color, var(--md-sys-color-on-surface)) r g b / var(--md-comp-list-item-selected-disabled-trailing-supporting-text-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%)));--statelayer-color: var(--md-comp-list-item-selected-disabled-state-layer-color, var(--md-sys-color-on-surface));--statelayer-opacity: var(--md-comp-list-item-selected-disabled-state-layer-opacity, 0%)}:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three):is(:checked,:has(input[type=checkbox]:checked),:where(details[open]>*)){--_list-item-background-color: var(--md-comp-list-item-selected-container-color, var(--md-sys-color-secondary-container));--_list-item-background-opacity: 100%;--_overline-color: var(--md-comp-list-item-selected-overline-color, var(--md-sys-color-on-secondary-container));--_headline-color: var(--md-comp-list-item-selected-label-text-color, var(--md-sys-color-on-secondary-container));--_leading-icon-color: var(--md-comp-list-item-selected-leading-icon-color, var(--md-sys-color-on-secondary-container));--_supporting-text-color: var(--md-comp-list-item-selected-supporting-text-color, var(--md-sys-color-on-secondary-container));--_trailing-text-color: var(--md-comp-list-item-selected-trailing-supporting-text-color, var(--md-sys-color-on-secondary-container));--_trailing-icon-color: var(--md-comp-list-item-selected-trailing-icon-color, var(--md-sys-color-on-secondary-container))}:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three):not(:disabled,.micl-list-item--disabled):is(:checked,:has(input[type=checkbox]:checked),:where(details[open]>*)){--_list-item-shape: var(--md-comp-list-item-container-selected-expressive-shape, var(--md-sys-shape-corner-large, 16px))}:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three):not(:disabled,.micl-list-item--disabled) input[type=checkbox]:not(:disabled):hover,:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three):not(:disabled,.micl-list-item--disabled) input[type=checkbox]:not(:disabled):active{--statelayer-opacity: 0%}:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three):not(:disabled,.micl-list-item--disabled) input[type=checkbox]:not(:disabled):hover.micl-switch::after,:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three):not(:disabled,.micl-list-item--disabled) input[type=checkbox]:not(:disabled):active.micl-switch::after{border-color:rgba(0,0,0,0)}.micl-list-item-one{min-block-size:var(--md-comp-list-item-one-line-container-height, 56px)}.micl-list-item-two{min-block-size:var(--md-comp-list-item-two-line-container-height, 72px)}.micl-list-item-two .micl-list-item__supporting-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.micl-list-item-three{min-block-size:var(--md-comp-list-item-three-line-container-height, 88px);align-items:flex-start}.micl-list-item-three .micl-list-item__supporting-text{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three) input[type=checkbox].micl-checkbox{block-size:24px;min-block-size:24px;inline-size:24px;min-inline-size:24px}.micl-list-item__icon{min-inline-size:var(--md-comp-list-item-leading-icon-expressive-size, 20px);font-size:var(--md-comp-list-item-leading-icon-expressive-size, 20px);font-variation-settings:"FILL" 0;color:var(--_leading-icon-color);transition:font-variation-settings var(--md-comp-list-motion-duration) linear}.micl-list-item__icon.micl-list-item__icon--expander{transform:rotate(0deg);transition:transform var(--md-comp-list-motion-duration) linear}.micl-list-item__text~.micl-list-item__icon{min-inline-size:var(--md-comp-list-item-trailing-icon-expressive-size, 20px);font-size:var(--md-comp-list-item-trailing-icon-expressive-size, 20px);color:var(--_trailing-icon-color)}.micl-list-item__avatar{font:var(--md-sys-typescale-title-medium-weight) var(--md-sys-typescale-title-medium-size)/var(--md-sys-typescale-title-medium-line-height) var(--md-sys-typescale-title-medium-font);letter-spacing:var(--md-sys-typescale-title-medium-tracking);display:flex;align-items:center;justify-content:center;block-size:var(--md-comp-list-item-leading-avatar-size, 40px);min-inline-size:var(--md-comp-list-item-leading-avatar-size, 40px);border-radius:var(--md-comp-list-item-leading-avatar-shape, var(--md-sys-shape-corner-full, 50%));color:var(--md-comp-list-item-leading-avatar-label-color, var(--md-sys-color-on-primary-container));background-color:var(--md-comp-list-item-leading-avatar-color, var(--md-sys-color-primary-container))}.micl-list-item__image{align-self:stretch;display:inline-block;max-block-size:var(--md-comp-list-item-leading-image-height, 56px);inline-size:var(--md-comp-list-item-leading-image-width, 56px);max-inline-size:var(--md-comp-list-item-leading-image-width, 56px);min-inline-size:var(--md-comp-list-item-leading-image-width, 56px);border-radius:var(--md-comp-list-item-leading-image-expressive-shape, var(--md-sys-shape-corner-small, 8px));background-position:center;background-repeat:no-repeat;background-size:cover}.micl-list-item__thumbnail{align-self:stretch;display:inline-block;max-block-size:var(--md-comp-list-item-leading-video-height, 56px);inline-size:var(--md-comp-list-item-leading-video-width, 100px);max-inline-size:var(--md-comp-list-item-leading-video-width, 100px);min-inline-size:var(--md-comp-list-item-leading-video-width, 100px);border-radius:var(--md-comp-list-item-leading-video-shape, var(--md-sys-shape-corner-small, 8px));background-position:center;background-repeat:no-repeat;background-size:cover}.micl-list-item__text{font:var(--md-sys-typescale-body-large-weight) var(--md-sys-typescale-body-large-size)/var(--md-sys-typescale-body-large-line-height) var(--md-sys-typescale-body-large-font);letter-spacing:var(--md-sys-typescale-body-large-tracking);display:flex;flex-direction:column;flex-basis:100%;min-inline-size:0;text-align:start;color:var(--_headline-color)}.micl-list-item__text .micl-list-item__overline{font:var(--md-sys-typescale-label-small-weight) var(--md-sys-typescale-label-small-size)/var(--md-sys-typescale-label-small-line-height) var(--md-sys-typescale-label-small-font);letter-spacing:var(--md-sys-typescale-label-small-tracking);color:var(--_overline-color)}.micl-list-item__text .micl-list-item__headline{color:var(--_headline-color)}.micl-list-item__text::after,.micl-list-item__text .micl-list-item__supporting-text{font:var(--md-sys-typescale-body-medium-weight) var(--md-sys-typescale-body-medium-size)/var(--md-sys-typescale-body-medium-line-height) var(--md-sys-typescale-body-medium-font);letter-spacing:var(--md-sys-typescale-body-medium-tracking);color:var(--_supporting-text-color)}.micl-list-item__trailing-text{font:var(--md-sys-typescale-label-small-weight) var(--md-sys-typescale-label-small-size)/var(--md-sys-typescale-label-small-line-height) var(--md-sys-typescale-label-small-font);letter-spacing:var(--md-sys-typescale-label-small-tracking);color:var(--_trailing-text-color)}.micl-list details[open] .micl-list-item__icon--expander:dir(rtl){transform:rotate(-180deg)}
+:root{--md-ref-typeface-plain: Google Sans, system-ui, sans-serif;--md-ref-typeface-plain-narrow: 0;--md-ref-typeface-brand: Google Sans, system-ui, sans-serif;--md-ref-typeface-weight-regular: 400;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-bold: 700}body{--md-sys-elevation-level4: rgb(from var(--md-sys-color-shadow) r g b/0.3) 0 2px 3px 0, rgb(from var(--md-sys-color-shadow) r g b/0.15) 0 6px 10px 4px}:root{--md-sys-shape-corner-extra-small: 4px}:root{--md-sys-shape-corner-small: 8px}:root{--md-sys-shape-corner-medium: 12px}:root{--md-sys-shape-corner-large: 16px}:root{--md-sys-shape-corner-full: 50%}:root{--md-sys-state-hover-state-layer-opacity: 8%}:root{--md-sys-state-focus-state-layer-opacity: 10%}:root{--md-sys-state-pressed-state-layer-opacity: 10%}:root{--md-sys-state-dragged-state-layer-opacity: 16%}:root{--md-sys-state-disabled-state-layer-opacity: 38%}:root{--md-sys-state-focus-indicator-thickness: 3px}:root{--md-sys-state-focus-indicator-inner-offset: -3px}:root{--md-sys-state-ripple-opacity-factor: 0.6}:root{--md-sys-state-ripple-duration: 750ms}@property --statelayer-color{syntax:"<color>";initial-value:rgba(0,0,0,0);inherits:false}@property --statelayer-opacity{syntax:"<percentage>";initial-value:0%;inherits:false}@keyframes micl-ripple{from{background-size:0% 0%,100%;animation-timing-function:cubic-bezier(0.2, 0, 0, 1)}60%{background-size:1000% 1000%,100%;animation-timing-function:cubic-bezier(0.3, 0, 1, 1)}to{background-size:10000% 10000%,100%}}:root{--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.0125rem}:root{--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}:root{--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.0125rem}:root{--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}:is(.micl-list>details>summary:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three),:is(.micl-list:has(>:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)[tabindex]),select,optgroup)>:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)):not(:disabled,.micl-list-item--disabled){cursor:pointer}:focus-visible:is(.micl-list>details>summary:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three),:is(.micl-list:has(>:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)[tabindex]),select,optgroup)>:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)):not(:disabled,.micl-list-item--disabled){outline:var(--md-comp-list-item-focus-indicator-thickness, var(--md-sys-state-focus-indicator-thickness, 3px)) solid var(--md-comp-list-item-focus-indicator-color, var(--md-sys-color-secondary));outline-offset:var(--md-comp-list-item-focus-indicator-offset, var(--md-sys-state-focus-indicator-inner-offset, -3px))}:not(:checked,:has(input[type=checkbox]:checked),:where(details[open]>*)):hover:is(.micl-list>details>summary:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three),:is(.micl-list:has(>:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)[tabindex]),select,optgroup)>:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)):not(:disabled,.micl-list-item--disabled){--_list-item-shape: var(--md-comp-list-item-container-hovered-expressive-shape, var(--md-sys-shape-corner-medium, 12px));--_headline-color: var(--md-comp-list-item-hover-label-text-color, var(--md-sys-color-on-surface));--_leading-icon-color: var(--md-comp-list-item-hover-leading-icon-color, var(--md-sys-color-on-surface-variant));--_supporting-text-color: var(--md-comp-list-item-hover-supporting-text-color, var(--md-sys-color-on-surface-variant));--_trailing-icon-color: var(--md-comp-list-item-hover-trailing-icon-color, var(--md-sys-color-on-surface-variant));--_trailing-text-color: var(--md-comp-list-item-hover-trailing-supporting-text-color, var(--md-sys-color-on-surface-variant));--statelayer-color: var(--md-comp-list-item-hover-state-layer-color, var(--md-sys-color-on-surface));--statelayer-opacity: var(--md-comp-list-item-hover-state-layer-opacity, var(--md-sys-state-hover-state-layer-opacity, 8%))}:not(:checked,:has(input[type=checkbox]:checked),:where(details[open]>*)):focus-visible:is(.micl-list>details>summary:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three),:is(.micl-list:has(>:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)[tabindex]),select,optgroup)>:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)):not(:disabled,.micl-list-item--disabled){--_list-item-shape: var(--md-comp-list-item-container-focused-expressive-shape, var(--md-sys-shape-corner-large, 16px));--_headline-color: var(--md-comp-list-item-focus-label-text-color, var(--md-sys-color-on-surface));--_leading-icon-color: var(--md-comp-list-item-focus-leading-icon-color, var(--md-sys-color-on-surface-variant));--_supporting-text-color: var(--md-comp-list-item-focus-supporting-text-color, var(--md-sys-color-on-surface-variant));--_trailing-icon-color: var(--md-comp-list-item-focus-trailing-icon-color, var(--md-sys-color-on-surface-variant));--_trailing-text-color: var(--md-comp-list-item-focus-trailing-supporting-text-color, var(--md-sys-color-on-surface-variant));--statelayer-color: var(--md-comp-list-item-focus-state-layer-color, var(--md-sys-color-on-surface));--statelayer-opacity: var(--md-comp-list-item-focus-state-layer-opacity, var(--md-sys-state-focus-state-layer-opacity, 10%))}:not(:checked,:has(input[type=checkbox]:checked),:where(details[open]>*)):active:is(.micl-list>details>summary:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three),:is(.micl-list:has(>:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)[tabindex]),select,optgroup)>:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)):not(:disabled,.micl-list-item--disabled){--_list-item-shape: var(--md-comp-list-item-container-pressed-expressive-shape, var(--md-sys-shape-corner-large, 16px));--_headline-color: var(--md-comp-list-item-pressed-label-text-color, var(--md-sys-color-on-surface));--_leading-icon-color: var(--md-comp-list-item-pressed-leading-icon-color, var(--md-sys-color-on-surface-variant));--_supporting-text-color: var(--md-comp-list-item-pressed-supporting-text-color, var(--md-sys-color-on-surface-variant));--_trailing-icon-color: var(--md-comp-list-item-pressed-trailing-icon-color, var(--md-sys-color-on-surface-variant));--_trailing-text-color: var(--md-comp-list-item-pressed-trailing-supporting-text-color, var(--md-sys-color-on-surface-variant));--statelayer-color: var(--md-comp-list-item-pressed-state-layer-color, var(--md-sys-color-on-surface));--statelayer-opacity: var(--md-comp-list-item-pressed-state-layer-opacity, var(--md-sys-state-pressed-state-layer-opacity, 10%))}:not(:checked,:has(input[type=checkbox]:checked),:where(details[open]>*)).micl-list-item--dragging:is(.micl-list>details>summary:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three),:is(.micl-list:has(>:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)[tabindex]),select,optgroup)>:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)):not(:disabled,.micl-list-item--disabled){--_list-item-shape: var(--md-comp-list-item-container-dragged-expressive-shape, var(--md-sys-shape-corner-large, 16px));--_headline-color: var(--md-comp-list-item-dragged-label-text-color, var(--md-sys-color-on-surface));--_leading-icon-color: var(--md-comp-list-item-dragged-leading-icon-color, var(--md-sys-color-on-surface-variant));--_supporting-text-color: var(--md-comp-list-item-dragged-supporting-text-color, var(--md-sys-color-on-surface-variant));--_trailing-icon-color: var(--md-comp-list-item-dragged-trailing-icon-color, var(--md-sys-color-on-surface-variant));--_trailing-text-color: var(--md-comp-list-item-dragged-trailing-supporting-text-color, var(--md-sys-color-on-surface-variant));--statelayer-color: var(--md-comp-list-item-dragged-state-layer-color, var(--md-sys-color-on-surface));--statelayer-opacity: var(--md-comp-list-item-dragged-state-layer-opacity, var(--md-sys-state-dragged-state-layer-opacity, 16%));box-shadow:var(--md-comp-list-item-dragged-container-elevation, var(--md-sys-elevation-level4));cursor:grabbing}:is(:checked,:has(input[type=checkbox]:checked),:where(details[open]>*)):hover:is(.micl-list>details>summary:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three),:is(.micl-list:has(>:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)[tabindex]),select,optgroup)>:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)):not(:disabled,.micl-list-item--disabled){--_list-item-shape: var(--md-comp-list-item-container-selected-hovered-expressive-shape, var(--md-sys-shape-corner-large, 16px));--_headline-color: var(--md-comp-list-item-selected-hover-label-text-color, var(--md-sys-color-on-secondary-container));--_leading-icon-color: var(--md-comp-list-item-selected-hover-leading-icon-color, var(--md-sys-color-on-surface));--_supporting-text-color: var(--md-comp-list-item-selected-hover-supporting-text-color, var(--md-sys-color-on-surface));--_trailing-icon-color: var(--md-comp-list-item-selected-hover-trailing-icon-color, var(--md-sys-color-on-surface));--_trailing-text-color: var(--md-comp-list-item-selected-hover-trailing-supporting-text-color, var(--md-sys-color-on-surface));--statelayer-color: var(--md-comp-list-item-selected-hover-state-layer-color, var(--md-sys-color-on-surface));--statelayer-opacity: var(--md-comp-list-item-selected-hover-state-layer-opacity, var(--md-sys-state-hover-state-layer-opacity, 8%))}:is(:checked,:has(input[type=checkbox]:checked),:where(details[open]>*)):focus-visible:is(.micl-list>details>summary:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three),:is(.micl-list:has(>:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)[tabindex]),select,optgroup)>:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)):not(:disabled,.micl-list-item--disabled){--_list-item-shape: var(--md-comp-list-item-container-selected-focused-expressive-shape, var(--md-sys-shape-corner-large, 16px));--_headline-color: var(--md-comp-list-item-selected-focus-label-text-color, var(--md-sys-color-on-secondary-container));--_leading-icon-color: var(--md-comp-list-item-selected-focus-leading-icon-color, var(--md-sys-color-on-surface));--_supporting-text-color: var(--md-comp-list-item-selected-focus-supporting-text-color, var(--md-sys-color-on-surface));--_trailing-icon-color: var(--md-comp-list-item-selected-focus-trailing-icon-color, var(--md-sys-color-on-surface));--_trailing-text-color: var(--md-comp-list-item-selected-focus-trailing-supporting-text-color, var(--md-sys-color-on-surface));--statelayer-color: var(--md-comp-list-item-selected-focus-state-layer-color, var(--md-sys-color-on-surface));--statelayer-opacity: var(--md-comp-list-item-selected-focus-state-layer-opacity, var(--md-sys-state-focus-state-layer-opacity, 10%))}:is(:checked,:has(input[type=checkbox]:checked),:where(details[open]>*)):active:is(.micl-list>details>summary:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three),:is(.micl-list:has(>:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)[tabindex]),select,optgroup)>:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)):not(:disabled,.micl-list-item--disabled){--_list-item-shape: var(--md-comp-list-item-container-selected-pressed-expressive-shape, var(--md-sys-shape-corner-large, 16px));--_headline-color: var(--md-comp-list-item-selected-pressed-label-text-color, var(--md-sys-color-on-secondary-container));--_leading-icon-color: var(--md-comp-list-item-selected-pressed-leading-icon-color, var(--md-sys-color-on-surface));--_supporting-text-color: var(--md-comp-list-item-selected-pressed-supporting-text-color, var(--md-sys-color-on-surface));--_trailing-icon-color: var(--md-comp-list-item-selected-pressed-trailing-icon-color, var(--md-sys-color-on-surface));--_trailing-text-color: var(--md-comp-list-item-selected-pressed-trailing-supporting-text-color, var(--md-sys-color-on-surface));--statelayer-color: var(--md-comp-list-item-selected-pressed-state-layer-color, var(--md-sys-color-on-surface));--statelayer-opacity: var(--md-comp-list-item-selected-pressed-state-layer-opacity, var(--md-sys-state-pressed-state-layer-opacity, 10%))}:is(:checked,:has(input[type=checkbox]:checked),:where(details[open]>*)).micl-list-item--dragging:is(.micl-list>details>summary:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three),:is(.micl-list:has(>:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)[tabindex]),select,optgroup)>:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)):not(:disabled,.micl-list-item--disabled){--_list-item-shape: var(--md-comp-list-item-container-selected-dragged-expressive-shape, var(--md-sys-shape-corner-large, 16px));--_headline-color: var(--md-comp-list-item-selected-dragged-label-text-color, var(--md-sys-color-on-secondary-container));--_leading-icon-color: var(--md-comp-list-item-selected-dragged-leading-icon-color, var(--md-sys-color-on-surface));--_supporting-text-color: var(--md-comp-list-item-selected-dragged-supporting-text-color, var(--md-sys-color-on-surface));--_trailing-icon-color: var(--md-comp-list-item-selected-dragged-trailing-icon-color, var(--md-sys-color-on-surface));--_trailing-text-color: var(--md-comp-list-item-selected-dragged-trailing-supporting-text-color, var(--md-sys-color-on-surface));--statelayer-color: var(--md-comp-list-item-selected-dragged-state-layer-color, var(--md-sys-color-on-surface));--statelayer-opacity: var(--md-comp-list-item-selected-dragged-state-layer-opacity, var(--md-sys-state-dragged-state-layer-opacity, 16%));box-shadow:var(--md-comp-list-item-selected-dragged-container-elevation, var(--md-sys-elevation-level4))}.micl-rippling:is(.micl-list>details>summary:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three),:is(.micl-list:has(>:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)[tabindex]),select,optgroup)>:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)):not(:disabled,.micl-list-item--disabled){animation:micl-ripple calc(var(--md-sys-state-ripple-duration)*1.333)}.micl-list{--_list-motion-effects: var(--md-comp-list-motion-effects, cubic-bezier(0.42, 1.67, 0.21, 0.9));--_list-motion-duration: var(--md-comp-list-motion-duration, 200ms);--md-comp-accordion-motion-spatial: cubic-bezier(0.38, 1.21, 0.22, 1);--md-comp-accordion-motion-duration: 500ms;--md-comp-divider-space: 0.5px;--_list-shape: var(--md-comp-list-container-shape, var(--md-sys-shape-corner-large, 16px));--_list-item-background-color: var(--md-comp-list-item-container-color, transparent);--_list-item-background-opacity: 0%;display:flex;flex-direction:column;margin:var(--md-comp-list-container-space, 0px) 0;padding:0;border-radius:var(--_list-shape);interpolate-size:allow-keywords;list-style-type:none;background-color:var(--md-comp-list-container-color, transparent)}.micl-list.micl-list--segmented{--_list-item-background-color: var(--md-comp-list-item-segmented-container-color, var(--md-sys-color-surface));--_list-item-background-opacity: 100%;row-gap:var(--md-comp-list-segment-gap, 2px)}.micl-list>details::details-content{block-size:0;overflow:hidden;transition:block-size var(--md-comp-accordion-motion-duration) var(--md-comp-accordion-motion-spatial),content-visibility var(--md-comp-accordion-motion-duration) linear allow-discrete}.micl-list>details[open]::details-content{block-size:auto;margin-block-end:var(--md-comp-accordion-item-space, 0px)}.micl-list>details[open] .micl-list-item__icon--expander{transform:rotate(180deg)}.micl-list>details>summary:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three){position:relative}.micl-list>details>summary:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)::-webkit-details-marker{display:none}.micl-list>details>summary:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three).micl-list-item--disabled{pointer-events:none}.micl-list>details .micl-list-item__content{box-sizing:border-box;padding-inline-start:var(--md-comp-list-item-leading-space, 16px);background-color:rgb(from var(--_list-item-background-color) r g b/var(--_list-item-background-opacity));overflow:hidden}:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three){--statelayer-color: var(--md-sys-color-on-surface);--_list-item-shape: var(--md-comp-list-item-container-expressive-shape, var(--md-sys-shape-corner-extra-small, 4px));--_overline-color: var(--md-comp-list-item-overline-color, var(--md-sys-color-on-surface-variant));--_headline-color: var(--md-comp-list-item-label-text-color, var(--md-sys-color-on-surface));--_leading-icon-color: var(--md-comp-list-item-leading-icon-color, var(--md-sys-color-on-surface-variant));--_supporting-text-color: var(--md-comp-list-item-supporting-text-color, var(--md-sys-color-on-surface-variant));--_trailing-text-color: var(--md-comp-list-item-trailing-supporting-text-color, var(--md-sys-color-on-surface-variant));--_trailing-icon-color: var(--md-comp-list-item-trailing-icon-color, var(--md-sys-color-on-surface-variant));box-sizing:border-box;display:flex;align-items:center;column-gap:var(--md-comp-list-item-between-space, 12px);padding-block:var(--md-comp-list-item-top-space, 10px) var(--md-comp-list-item-bottom-space, 10px);padding-inline:var(--md-comp-list-item-leading-space, 16px) var(--md-comp-list-item-trailing-space, 16px);border:none;border-radius:var(--_list-item-shape);outline:none;background-color:rgb(from var(--_list-item-background-color) r g b/var(--_list-item-background-opacity));background-image:radial-gradient(circle at var(--micl-x, center) var(--micl-y, center), transparent 0%, rgb(from var(--statelayer-color) r g b/calc(var(--statelayer-opacity) * var(--md-sys-state-ripple-opacity-factor))) 10%, transparent 10%),linear-gradient(rgb(from var(--statelayer-color) r g b/var(--statelayer-opacity)));background-repeat:no-repeat;background-position:var(--micl-x, center) var(--micl-y, center),0 0;background-size:0%,100%;list-style:none;transition:border-radius var(--_list-motion-duration) var(--_list-motion-effects),background-size 0ms,--statelayer-opacity var(--_list-motion-duration) linear;-webkit-tap-highlight-color:rgba(0,0,0,0)}:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three):first-of-type{border-start-start-radius:max(var(--_list-item-shape),var(--_list-shape, 0px));border-start-end-radius:max(var(--_list-item-shape),var(--_list-shape, 0px))}:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three):last-of-type{border-end-start-radius:max(var(--_list-item-shape),var(--_list-shape, 0px));border-end-end-radius:max(var(--_list-item-shape),var(--_list-shape, 0px))}:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three):not(:has(>button)){--micl-ripple: 1}:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)>a,:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)>button,:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)>label{box-sizing:border-box;display:inherit;align-items:inherit;column-gap:inherit;min-block-size:inherit;inline-size:100%;padding-block:var(--md-comp-list-item-top-space, 10px) var(--md-comp-list-item-bottom-space, 10px);padding-inline:var(--md-comp-list-item-leading-space, 16px) var(--md-comp-list-item-trailing-space, 16px);border:none;border-radius:inherit;background-color:rgba(0,0,0,0);text-decoration:none;cursor:pointer}:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three):has(>a,>button,>label){padding:0}:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three):disabled,:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three).micl-list-item--disabled{--_list-item-shape: var(--md-comp-list-item-container-disabled-expressive-shape, var(--md-sys-shape-corner-extra-small, 4px));--_overline-color: rgb(from var(--md-comp-list-item-disabled-overline-color, var(--md-sys-color-on-surface)) r g b / var(--md-comp-list-item-disabled-overline-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%)));--_headline-color: rgb(from var(--md-comp-list-item-disabled-label-text-color, var(--md-sys-color-on-surface)) r g b / var(--md-comp-list-item-disabled-label-text-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%)));--_leading-icon-color: rgb(from var(--md-comp-list-item-disabled-leading-icon-color, var(--md-sys-color-on-surface)) r g b / var(--md-comp-list-item-disabled-leading-icon-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%)));--_supporting-text-color: rgb(from var(--md-comp-list-item-disabled-supporting-text-color, var(--md-sys-color-on-surface)) r g b / var(--md-comp-list-item-disabled-supporting-text-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%)));--_trailing-icon-color: rgb(from var(--md-comp-list-item-disabled-trailing-icon-color, var(--md-sys-color-on-surface)) r g b / var(--md-comp-list-item-disabled-trailing-icon-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%)));--_trailing-text-color: rgb(from var(--md-comp-list-item-disabled-trailing-supporting-text-color, var(--md-sys-color-on-surface)) r g b / var(--md-comp-list-item-disabled-trailing-supporting-text-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%)));--statelayer-color: var(--md-comp-list-item-disabled-state-layer-color, var(--md-sys-color-on-surface));--statelayer-opacity: var(--md-comp-list-item-disabled-state-layer-opacity, 0%)}:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three):disabled a,:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three):disabled button,:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three):disabled label,:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three).micl-list-item--disabled a,:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three).micl-list-item--disabled button,:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three).micl-list-item--disabled label{pointer-events:none;cursor:auto}:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three):disabled .micl-list-item__image,:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three):disabled .micl-list-item__thumbnail,:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three).micl-list-item--disabled .micl-list-item__image,:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three).micl-list-item--disabled .micl-list-item__thumbnail{opacity:var(--md-sys-state-disabled-state-layer-opacity, 38%)}:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three):disabled:is(:checked,:has(input[type=checkbox]:checked),:where(details[open]>*)),:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three).micl-list-item--disabled:is(:checked,:has(input[type=checkbox]:checked),:where(details[open]>*)){--_list-item-background-color: var(--md-comp-list-item-selected-disabled-container-color, var(--md-sys-color-on-surface));--_list-item-background-opacity: var(--md-comp-list-item-selected-disabled-container-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%));--_list-item-shape: var(--md-comp-list-item-container-selected-disabled-expressive-shape, var(--md-sys-shape-corner-large, 16px));--_overline-color: rgb(from var(--md-comp-list-item-selected-disabled-overline-color, var(--md-sys-color-on-surface)) r g b / var(--md-comp-list-item-selected-disabled-overline-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%)));--_headline-color: rgb(from var(--md-comp-list-item-selected-disabled-label-text-color, var(--md-sys-color-on-surface)) r g b / var(--md-comp-list-item-selected-disabled-label-text-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%)));--_leading-icon-color: rgb(from var(--md-comp-list-item-selected-disabled-leading-icon-color, var(--md-sys-color-on-surface)) r g b / var(--md-comp-list-item-selected-disabled-leading-icon-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%)));--_supporting-text-color: rgb(from var(--md-comp-list-item-selected-disabled-supporting-text-color, var(--md-sys-color-on-surface)) r g b / var(--md-comp-list-item-selected-disabled-supporting-text-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%)));--_trailing-icon-color: rgb(from var(--md-comp-list-item-selected-disabled-trailing-icon-color, var(--md-sys-color-on-surface)) r g b / var(--md-comp-list-item-selected-disabled-trailing-icon-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%)));--_trailing-text-color: rgb(from var(--md-comp-list-item-selected-disabled-trailing-supporting-text-color, var(--md-sys-color-on-surface)) r g b / var(--md-comp-list-item-selected-disabled-trailing-supporting-text-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%)));--statelayer-color: var(--md-comp-list-item-selected-disabled-state-layer-color, var(--md-sys-color-on-surface));--statelayer-opacity: var(--md-comp-list-item-selected-disabled-state-layer-opacity, 0%)}:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three):is(:checked,:has(input[type=checkbox]:checked),:where(details[open]>*)){--_list-item-background-color: var(--md-comp-list-item-selected-container-color, var(--md-sys-color-secondary-container));--_list-item-background-opacity: 100%;--_overline-color: var(--md-comp-list-item-selected-overline-color, var(--md-sys-color-on-secondary-container));--_headline-color: var(--md-comp-list-item-selected-label-text-color, var(--md-sys-color-on-secondary-container));--_leading-icon-color: var(--md-comp-list-item-selected-leading-icon-color, var(--md-sys-color-on-secondary-container));--_supporting-text-color: var(--md-comp-list-item-selected-supporting-text-color, var(--md-sys-color-on-secondary-container));--_trailing-text-color: var(--md-comp-list-item-selected-trailing-supporting-text-color, var(--md-sys-color-on-secondary-container));--_trailing-icon-color: var(--md-comp-list-item-selected-trailing-icon-color, var(--md-sys-color-on-secondary-container))}:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three):not(:disabled,.micl-list-item--disabled):is(:checked,:has(input[type=checkbox]:checked),:where(details[open]>*)){--_list-item-shape: var(--md-comp-list-item-container-selected-expressive-shape, var(--md-sys-shape-corner-large, 16px))}:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three):not(:disabled,.micl-list-item--disabled) input[type=checkbox]:not(:disabled):hover,:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three):not(:disabled,.micl-list-item--disabled) input[type=checkbox]:not(:disabled):active{--statelayer-opacity: 0%}:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three):not(:disabled,.micl-list-item--disabled) input[type=checkbox]:not(:disabled):hover.micl-switch::after,:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three):not(:disabled,.micl-list-item--disabled) input[type=checkbox]:not(:disabled):active.micl-switch::after{border-color:rgba(0,0,0,0)}.micl-list-item-one{min-block-size:var(--md-comp-list-item-one-line-container-height, 56px)}.micl-list-item-two{min-block-size:var(--md-comp-list-item-two-line-container-height, 72px)}.micl-list-item-two .micl-list-item__supporting-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.micl-list-item-three{min-block-size:var(--md-comp-list-item-three-line-container-height, 88px);align-items:flex-start}.micl-list-item-three .micl-list-item__supporting-text{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three) input[type=checkbox].micl-checkbox,:is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three) input[type=radio].micl-radio{--_layer: max(24px, var(--_size));--_target: var(--_layer)}.micl-list-item__icon{min-inline-size:var(--md-comp-list-item-leading-icon-expressive-size, 20px);font-size:var(--md-comp-list-item-leading-icon-expressive-size, 20px);font-variation-settings:"FILL" 0;color:var(--_leading-icon-color);transition:font-variation-settings var(--_list-motion-duration) linear}.micl-list-item__icon.micl-list-item__icon--expander{transform:rotate(0deg);transition:transform var(--_list-motion-duration) linear}.micl-list-item__text~.micl-list-item__icon{min-inline-size:var(--md-comp-list-item-trailing-icon-expressive-size, 20px);font-size:var(--md-comp-list-item-trailing-icon-expressive-size, 20px);color:var(--_trailing-icon-color)}.micl-list-item__avatar{font:var(--md-sys-typescale-title-medium-weight) var(--md-sys-typescale-title-medium-size)/var(--md-sys-typescale-title-medium-line-height) var(--md-sys-typescale-title-medium-font);letter-spacing:var(--md-sys-typescale-title-medium-tracking);display:flex;align-items:center;justify-content:center;block-size:var(--md-comp-list-item-leading-avatar-size, 40px);min-inline-size:var(--md-comp-list-item-leading-avatar-size, 40px);border-radius:var(--md-comp-list-item-leading-avatar-shape, var(--md-sys-shape-corner-full, 50%));color:var(--md-comp-list-item-leading-avatar-label-color, var(--md-sys-color-on-primary-container));background-color:var(--md-comp-list-item-leading-avatar-color, var(--md-sys-color-primary-container))}.micl-list-item__image{align-self:stretch;display:inline-block;max-block-size:var(--md-comp-list-item-leading-image-height, 56px);inline-size:var(--md-comp-list-item-leading-image-width, 56px);max-inline-size:var(--md-comp-list-item-leading-image-width, 56px);min-inline-size:var(--md-comp-list-item-leading-image-width, 56px);border-radius:var(--md-comp-list-item-leading-image-expressive-shape, var(--md-sys-shape-corner-small, 8px));background-position:center;background-repeat:no-repeat;background-size:cover}.micl-list-item__thumbnail{align-self:stretch;display:inline-block;max-block-size:var(--md-comp-list-item-leading-video-height, 56px);inline-size:var(--md-comp-list-item-leading-video-width, 100px);max-inline-size:var(--md-comp-list-item-leading-video-width, 100px);min-inline-size:var(--md-comp-list-item-leading-video-width, 100px);border-radius:var(--md-comp-list-item-leading-video-shape, var(--md-sys-shape-corner-small, 8px));background-position:center;background-repeat:no-repeat;background-size:cover}.micl-list-item__text{font:var(--md-sys-typescale-body-large-weight) var(--md-sys-typescale-body-large-size)/var(--md-sys-typescale-body-large-line-height) var(--md-sys-typescale-body-large-font);letter-spacing:var(--md-sys-typescale-body-large-tracking);display:flex;flex-direction:column;flex-basis:100%;min-inline-size:0;text-align:start;color:var(--_headline-color)}.micl-list-item__text .micl-list-item__overline{font:var(--md-sys-typescale-label-small-weight) var(--md-sys-typescale-label-small-size)/var(--md-sys-typescale-label-small-line-height) var(--md-sys-typescale-label-small-font);letter-spacing:var(--md-sys-typescale-label-small-tracking);color:var(--_overline-color)}.micl-list-item__text .micl-list-item__headline{color:var(--_headline-color)}.micl-list-item__text::after,.micl-list-item__text .micl-list-item__supporting-text{font:var(--md-sys-typescale-body-medium-weight) var(--md-sys-typescale-body-medium-size)/var(--md-sys-typescale-body-medium-line-height) var(--md-sys-typescale-body-medium-font);letter-spacing:var(--md-sys-typescale-body-medium-tracking);color:var(--_supporting-text-color)}.micl-list-item__trailing-text{font:var(--md-sys-typescale-label-small-weight) var(--md-sys-typescale-label-small-size)/var(--md-sys-typescale-label-small-line-height) var(--md-sys-typescale-label-small-font);letter-spacing:var(--md-sys-typescale-label-small-tracking);color:var(--_trailing-text-color)}.micl-list details[open] .micl-list-item__icon--expander:dir(rtl){transform:rotate(-180deg)}

package/dist/menu.css

@@ -1 +1 @@
-:root{--md-ref-typeface-plain: Google Sans, system-ui, sans-serif;--md-ref-typeface-plain-narrow: 0;--md-ref-typeface-brand: Google Sans, system-ui, sans-serif;--md-ref-typeface-weight-regular: 400;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-bold: 700}body{--md-sys-elevation-level2: rgb(from var(--md-sys-color-shadow) r g b/0.3) 0 1px 2px 0, rgb(from var(--md-sys-color-shadow) r g b/0.15) 0 2px 6px 2px}:root{--md-sys-shape-corner-small: 8px}:root{--md-sys-shape-corner-large: 16px}:root{--md-sys-state-hover-state-layer-opacity: 8%}:root{--md-sys-state-focus-state-layer-opacity: 10%}:root{--md-sys-state-pressed-state-layer-opacity: 10%}:root{--md-sys-state-disabled-state-layer-opacity: 38%}:root{--md-sys-state-focus-indicator-thickness: 3px}:root{--md-sys-state-focus-indicator-inner-offset: -3px}:root{--md-sys-state-backdrop-opacity: 32%}:root{--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}:root{--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}:root{--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}.micl-menu[popover],select{--md-comp-menu-motion-effects: cubic-bezier(0.31, 0.94, 0.34, 1);--md-comp-menu-motion-effects-duration: 200ms;--md-comp-menu-motion-effects-duration-reverse: 200ms;--md-comp-menu-motion-spatial: cubic-bezier(0.38, 1.21, 0.22, 1);--md-comp-menu-motion-spatial-duration: 500ms;--md-comp-menu-motion-spatial-duration-reverse: 350ms;--md-comp-list-container-shape: var(--md-comp-menu-active-container-shape, var(--md-comp-menu-container-shape, var(--md-sys-shape-corner-large, 16px)));--md-comp-list-item-container-expressive-shape: var(--md-comp-menu-item-shape, var(--md-sys-shape-corner-small, 8px));--md-comp-list-item-container-selected-expressive-shape: var(--md-comp-menu-item-selected-shape, var(--md-sys-shape-corner-large, 16px));--md-comp-list-item-between-space: 12px;--md-comp-list-item-leading-space: calc(var(--md-comp-menu-item-leading-space, 16px) - 4px);--md-comp-list-item-leading-icon-expressive-size: var(--md-comp-menu-item-leading-icon-size, 20px);--md-comp-list-item-trailing-icon-expressive-size: var(--md-comp-menu-item-trailing-icon-size, 20px);--md-comp-list-item-trailing-space: calc(var(--md-comp-menu-item-trailing-space, 16px) - 4px);--md-comp-list-item-top-space: var(--md-comp-menu-item-top-space, 8px);--md-comp-list-item-bottom-space: var(--md-comp-menu-item-bottom-space, 8px);--md-comp-list-item-one-line-container-height: var(--md-comp-menu-item-height, 44px);--md-comp-list-item-two-line-container-height: var(--md-comp-menu-item-height, 44px);--md-comp-list-item-three-line-container-height: var(--md-comp-menu-item-height, 44px);--md-comp-list-item-focus-indicator-color: var(--md-comp-menu-item-focus-indicator-color, var(--md-sys-color-secondary));--md-comp-list-item-focus-indicator-offset: var(--md-comp-menu-item-focus-indicator-offset, var(--md-sys-state-focus-indicator-inner-offset, -3px));--md-comp-list-item-focus-indicator-thickness: var(--md-comp-menu-item-focus-indicator-thickness, var(--md-sys-state-focus-indicator-thickness, 3px));--_menu-item-bg: var(--md-sys-color-surface-container-low);--_menu-on: var(--md-sys-color-on-surface-variant);--_menu-on-strong: var(--md-sys-color-on-surface);--_menu-icon-active: var(--md-sys-color-on-surface-variant);--_menu-selected-bg: var(--md-sys-color-tertiary-container);--_menu-on-selected: var(--md-sys-color-on-tertiary-container);--_menu-do: var(--md-sys-state-disabled-state-layer-opacity, 38%);--md-comp-list-item-container-color: var(--md-comp-menu-standard-menu-item-container-color, var(--_menu-item-bg));--md-comp-list-item-label-text-color: var(--md-comp-menu-standard-menu-item-label-text-color, var(--_menu-on));--md-comp-list-item-leading-icon-color: var(--md-comp-menu-standard-menu-item-leading-icon-color, var(--_menu-on));--md-comp-list-item-supporting-text-color: var(--md-comp-menu-standard-menu-item-supporting-text-color, var(--_menu-on));--md-comp-list-item-trailing-icon-color: var(--md-comp-menu-standard-menu-item-trailing-icon-color, var(--_menu-on));--md-comp-list-item-trailing-supporting-text-color: var(--md-comp-menu-standard-menu-item-trailing-supporting-text-color, var(--_menu-on));--md-comp-list-item-disabled-label-text-color: var(--md-comp-menu-standard-menu-item-disabled-label-text-color, var(--_menu-on-strong));--md-comp-list-item-disabled-label-text-opacity: var(--md-comp-menu-standard-menu-item-disabled-label-text-opacity, var(--_menu-do));--md-comp-list-item-disabled-leading-icon-color: var(--md-comp-menu-standard-menu-item-disabled-leading-icon-color, var(--_menu-on-strong));--md-comp-list-item-disabled-leading-icon-opacity: var(--md-comp-menu-standard-menu-item-disabled-leading-icon-opacity, var(--_menu-do));--md-comp-list-item-disabled-supporting-text-color: var(--md-comp-menu-standard-menu-item-disabled-supporting-text-color, var(--_menu-on-strong));--md-comp-list-item-disabled-supporting-text-opacity: var(--md-comp-menu-standard-menu-item-disabled-supporting-text-opacity, var(--_menu-do));--md-comp-list-item-disabled-trailing-icon-color: var(--md-comp-menu-standard-menu-item-disabled-trailing-icon-color, var(--_menu-on-strong));--md-comp-list-item-disabled-trailing-icon-opacity: var(--md-comp-menu-standard-menu-item-disabled-trailing-icon-opacity, var(--_menu-do));--md-comp-list-item-disabled-trailing-supporting-text-color: var(--md-comp-menu-standard-menu-item-disabled-trailing-supporting-text-color, var(--_menu-on-strong));--md-comp-list-item-disabled-trailing-supporting-text-opacity: var(--md-comp-menu-standard-menu-item-disabled-trailing-supporting-text-opacity, var(--_menu-do));--md-comp-list-item-focus-label-text-color: var(--md-comp-menu-standard-menu-item-focused-label-text-color, var(--_menu-on-strong));--md-comp-list-item-focus-leading-icon-color: var(--md-comp-menu-standard-menu-item-focused-leading-icon-color, var(--_menu-icon-active));--md-comp-list-item-focus-state-layer-color: var(--md-comp-menu-standard-menu-item-focused-state-layer-color, var(--_menu-on-strong));--md-comp-list-item-focus-state-layer-opacity: var(--md-comp-menu-standard-menu-item-focused-state-layer-opacity, var(--md-sys-state-focus-state-layer-opacity, 10%));--md-comp-list-item-focus-supporting-text-color: var(--md-comp-menu-standard-menu-item-focused-supporting-text-color, var(--_menu-on));--md-comp-list-item-focus-trailing-icon-color: var(--md-comp-menu-standard-menu-item-focused-trailing-icon-color, var(--_menu-icon-active));--md-comp-list-item-focus-trailing-supporting-text-color: var(--md-comp-menu-standard-menu-item-focused-trailing-supporting-text-color, var(--_menu-on));--md-comp-list-item-hover-label-text-color: var(--md-comp-menu-standard-menu-item-hovered-label-text-color, var(--_menu-on-strong));--md-comp-list-item-hover-leading-icon-color: var(--md-comp-menu-standard-menu-item-hovered-leading-icon-color, var(--_menu-icon-active));--md-comp-list-item-hover-state-layer-color: var(--md-comp-menu-standard-menu-item-hovered-state-layer-color, var(--_menu-on-strong));--md-comp-list-item-hover-state-layer-opacity: var(--md-comp-menu-standard-menu-item-hovered-state-layer-opacity, var(--md-sys-state-hover-state-layer-opacity, 8%));--md-comp-list-item-hover-supporting-text-color: var(--md-comp-menu-standard-menu-item-hovered-supporting-text-color, var(--_menu-on));--md-comp-list-item-hover-trailing-icon-color: var(--md-comp-menu-standard-menu-item-hovered-trailing-icon-color, var(--_menu-icon-active));--md-comp-list-item-hover-trailing-supporting-text-color: var(--md-comp-menu-standard-menu-item-hovered-trailing-supporting-text-color, var(--_menu-on));--md-comp-list-item-pressed-label-text-color: var(--md-comp-menu-standard-menu-item-pressed-label-text-color, var(--_menu-on-strong));--md-comp-list-item-pressed-leading-icon-color: var(--md-comp-menu-standard-menu-item-pressed-leading-icon-color, var(--_menu-icon-active));--md-comp-list-item-pressed-state-layer-color: var(--md-comp-menu-standard-menu-item-pressed-state-layer-color, var(--_menu-on-strong));--md-comp-list-item-pressed-state-layer-opacity: var(--md-comp-menu-standard-menu-item-pressed-state-layer-opacity, var(--md-sys-state-pressed-state-layer-opacity, 10%));--md-comp-list-item-pressed-supporting-text-color: var(--md-comp-menu-standard-menu-item-pressed-supporting-text-color, var(--_menu-on));--md-comp-list-item-pressed-trailing-icon-color: var(--md-comp-menu-standard-menu-item-pressed-trailing-icon-color, var(--_menu-icon-active));--md-comp-list-item-pressed-trailing-supporting-text-color: var(--md-comp-menu-standard-menu-item-pressed-trailing-supporting-text-color, var(--_menu-on));--md-comp-list-item-selected-container-color: var(--md-comp-menu-standard-menu-item-selected-container-color, var(--_menu-selected-bg));--md-comp-list-item-selected-label-text-color: var(--md-comp-menu-standard-menu-item-selected-label-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-leading-icon-color: var(--md-comp-menu-standard-menu-item-selected-leading-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-supporting-text-color: var(--md-comp-menu-standard-menu-item-selected-supporting-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-trailing-icon-color: var(--md-comp-menu-standard-menu-item-selected-trailing-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-trailing-supporting-text-color: var(--md-comp-menu-standard-menu-item-selected-trailing-supporting-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-disabled-container-color: var(--md-comp-menu-standard-menu-item-selected-disabled-container-color, var(--_menu-selected-bg));--md-comp-list-item-selected-disabled-container-opacity: var(--md-comp-menu-standard-menu-item-selected-disabled-container-opacity, var(--_menu-do));--md-comp-list-item-selected-disabled-label-text-color: var(--md-comp-menu-standard-menu-item-selected-disabled-label-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-disabled-label-text-opacity: var(--md-comp-menu-standard-menu-item-selected-disabled-label-text-opacity, var(--_menu-do));--md-comp-list-item-selected-disabled-leading-icon-color: var(--md-comp-menu-standard-menu-item-selected-disabled-leading-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-disabled-leading-icon-opacity: var(--md-comp-menu-standard-menu-item-selected-disabled-leading-icon-opacity, var(--_menu-do));--md-comp-list-item-selected-disabled-trailing-icon-color: var(--md-comp-menu-standard-menu-item-selected-disabled-trailing-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-disabled-trailing-icon-opacity: var(--md-comp-menu-standard-menu-item-selected-disabled-trailing-icon-opacity, var(--_menu-do));--md-comp-list-item-selected-disabled-trailing-supporting-text-color: var(--md-comp-menu-standard-menu-item-selected-disabled-trailing-supporting-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-disabled-trailing-supporting-text-opacity: var(--md-comp-menu-standard-menu-item-selected-disabled-trailing-supporting-text-opacity, var(--_menu-do));--md-comp-list-item-selected-focus-label-text-color: var(--md-comp-menu-standard-menu-item-selected-focused-label-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-focus-leading-icon-color: var(--md-comp-menu-standard-menu-item-selected-focused-leading-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-focus-state-layer-color: var(--md-comp-menu-standard-menu-item-selected-focused-state-layer-color, var(--_menu-on-selected));--md-comp-list-item-selected-focus-state-layer-opacity: var(--md-comp-menu-standard-menu-item-selected-focused-state-layer-opacity, var(--md-sys-state-focus-state-layer-opacity, 10%));--md-comp-list-item-selected-focus-supporting-text-color: var(--md-comp-menu-standard-menu-item-selected-focused-supporting-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-focus-trailing-icon-color: var(--md-comp-menu-standard-menu-item-selected-focused-trailing-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-focus-trailing-supporting-text-color: var(--md-comp-menu-standard-menu-item-selected-focused-trailing-supporting-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-hover-label-text-color: var(--md-comp-menu-standard-menu-item-selected-hovered-label-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-hover-leading-icon-color: var(--md-comp-menu-standard-menu-item-selected-hovered-leading-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-hover-state-layer-color: var(--md-comp-menu-standard-menu-item-selected-hovered-state-layer-color, var(--_menu-on-selected));--md-comp-list-item-selected-hover-state-layer-opacity: var(--md-comp-menu-standard-menu-item-selected-hovered-state-layer-opacity, var(--md-sys-state-hover-state-layer-opacity, 8%));--md-comp-list-item-selected-hover-supporting-text-color: var(--md-comp-menu-standard-menu-item-selected-hovered-supporting-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-hover-trailing-icon-color: var(--md-comp-menu-standard-menu-item-selected-hovered-trailing-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-hover-trailing-supporting-text-color: var(--md-comp-menu-standard-menu-item-selected-hovered-trailing-supporting-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-pressed-label-text-color: var(--md-comp-menu-standard-menu-item-selected-pressed-label-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-pressed-leading-icon-color: var(--md-comp-menu-standard-menu-item-selected-pressed-leading-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-pressed-state-layer-color: var(--md-comp-menu-standard-menu-item-selected-pressed-state-layer-color, var(--_menu-on-selected));--md-comp-list-item-selected-pressed-state-layer-opacity: var(--md-comp-menu-standard-menu-item-selected-pressed-state-layer-opacity, var(--md-sys-state-pressed-state-layer-opacity, 10%));--md-comp-list-item-selected-pressed-supporting-text-color: var(--md-comp-menu-standard-menu-item-selected-pressed-supporting-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-pressed-trailing-icon-color: var(--md-comp-menu-standard-menu-item-selected-pressed-trailing-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-pressed-trailing-supporting-text-color: var(--md-comp-menu-standard-menu-item-selected-pressed-trailing-supporting-text-color, var(--_menu-on-selected))}.micl-menu[popover] .micl-menu__section,select .micl-menu__section{font:var(--md-sys-typescale-label-small-weight) var(--md-sys-typescale-label-small-size)/var(--md-sys-typescale-label-small-line-height) var(--md-sys-typescale-label-small-font);letter-spacing:var(--md-sys-typescale-label-small-tracking);padding-block:var(--md-comp-menu-section-label-top-space, 8px) var(--md-comp-menu-section-label-bottom-space, 8px);padding-inline:var(--md-comp-list-item-leading-space, 16px) var(--md-comp-list-item-trailing-space, 16px);color:var(--md-comp-menu-standard-section-label-text-color, var(--md-sys-color-on-surface-variant))}.micl-menu[popover].micl-menu--vibrant .micl-menu__section,select.micl-menu--vibrant .micl-menu__section{color:var(--md-comp-menu-vibrant-section-label-text-color, var(--md-sys-color-on-tertiary-container))}.micl-menu[popover] .micl-list-item__text,select .micl-list-item__text{font:var(--md-sys-typescale-label-large-weight) var(--md-sys-typescale-label-large-size)/var(--md-sys-typescale-label-large-line-height) var(--md-sys-typescale-label-large-font);letter-spacing:var(--md-sys-typescale-label-large-tracking)}.micl-menu[popover] .micl-list-item__text .micl-list-item__supporting-text,select .micl-list-item__text .micl-list-item__supporting-text{font:var(--md-sys-typescale-body-small-weight) var(--md-sys-typescale-body-small-size)/var(--md-sys-typescale-body-small-line-height) var(--md-sys-typescale-body-small-font);letter-spacing:var(--md-sys-typescale-body-small-tracking)}.micl-menu[popover] .micl-list-item__trailing-text,select .micl-list-item__trailing-text{font:var(--md-sys-typescale-label-large-weight) var(--md-sys-typescale-label-large-size)/var(--md-sys-typescale-label-large-line-height) var(--md-sys-typescale-label-large-font);letter-spacing:var(--md-sys-typescale-label-large-tracking)}.micl-menu[popover]{flex-direction:column;position-anchor:auto;inset:unset;inset-block-start:anchor(end);inset-inline-start:anchor(start);position-try-fallbacks:flip-block,flip-inline,flip-block flip-inline;min-inline-size:var(--md-comp-menu-width-min, 112px);max-inline-size:var(--md-comp-menu-width-max, 320px);gap:var(--md-comp-menu-gap, 2px);padding:0;border:none;outline:none;background-color:rgba(0,0,0,0);--micl-duration: var(--md-comp-menu-motion-spatial-duration-reverse);--micl-easing: linear;--_group-shape: var(--md-comp-menu-group-shape, var(--md-sys-shape-corner-small, 8px));opacity:0;overflow:visible;transform:scaleY(0);transform-origin:center top;transition:opacity var(--micl-duration) var(--micl-easing),transform var(--micl-duration) var(--md-comp-menu-motion-spatial),overlay var(--micl-duration) linear allow-discrete,display var(--micl-duration) linear allow-discrete}.micl-menu[popover]:popover-open{--micl-duration: var(--md-comp-menu-motion-spatial-duration);--micl-easing: cubic-bezier(0.05, 0.7, 0.1, 1);display:flex;opacity:1;transform:scaleY(1)}@starting-style{.micl-menu[popover]:popover-open{opacity:0;transform:scaleY(0)}}.micl-menu[popover]:popover-open::backdrop{background-color:rgba(0, 0, 0, var(--md-sys-state-backdrop-opacity, 32%))}@starting-style{.micl-menu[popover]:popover-open::backdrop{background-color:rgba(0,0,0,0)}}.micl-menu[popover]::backdrop{background-color:rgba(0,0,0,0);transition:background-color var(--md-comp-menu-motion-effects-duration) linear,overlay var(--md-comp-menu-motion-effects-duration) linear allow-discrete,display var(--md-comp-menu-motion-effects-duration) linear allow-discrete}.micl-menu[popover] .micl-list{padding:var(--md-comp-menu-group-padding, 4px) 4px;row-gap:2px;background-color:var(--md-comp-menu-standard-container-color, var(--md-sys-color-surface-container-low));box-shadow:var(--md-comp-menu-container-elevation, var(--md-sys-elevation-level2));transition:border-radius var(--md-comp-menu-motion-effects-duration-reverse) linear}.micl-menu[popover] .micl-list+.micl-list{border-start-start-radius:var(--_group-shape);border-start-end-radius:var(--_group-shape)}.micl-menu[popover] .micl-list:has(+.micl-list){border-end-start-radius:var(--_group-shape);border-end-end-radius:var(--_group-shape)}.micl-menu[popover] .micl-list :is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)>.micl-menu[popover]{transform:scaleX(0)}.micl-menu[popover] .micl-list :is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)>.micl-menu[popover]:popover-open{transform:scaleX(1)}@starting-style{.micl-menu[popover] .micl-list :is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)>.micl-menu[popover]:popover-open{transform:scaleX(0)}}.micl-menu[popover] .micl-list :is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)>.micl-menu[popover]:popover-open::backdrop{background-color:rgba(0,0,0,0)}.micl-menu[popover]:has(.micl-menu:popover-open)>.micl-list{--md-comp-list-container-shape: var(--md-comp-menu-inactive-container-shape, var(--md-sys-shape-corner-small, 8px))}.micl-menu[popover].micl-menu--vibrant>.micl-list{--_menu-item-bg: var(--md-sys-color-tertiary-container);--_menu-on: var(--md-sys-color-on-tertiary-container);--_menu-on-strong: var(--md-sys-color-on-tertiary-container);--_menu-icon-active: var(--md-sys-color-tertiary);--_menu-selected-bg: var(--md-sys-color-tertiary);--_menu-on-selected: var(--md-sys-color-on-tertiary);--md-comp-list-item-container-color: var(--md-comp-menu-vibrant-menu-item-container-color, var(--_menu-item-bg));--md-comp-list-item-label-text-color: var(--md-comp-menu-vibrant-menu-item-label-text-color, var(--_menu-on));--md-comp-list-item-leading-icon-color: var(--md-comp-menu-vibrant-menu-item-leading-icon-color, var(--_menu-on));--md-comp-list-item-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-supporting-text-color, var(--_menu-on));--md-comp-list-item-trailing-icon-color: var(--md-comp-menu-vibrant-menu-item-trailing-icon-color, var(--_menu-on));--md-comp-list-item-trailing-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-trailing-supporting-text-color, var(--_menu-on));--md-comp-list-item-disabled-label-text-color: var(--md-comp-menu-vibrant-menu-item-disabled-label-text-color, var(--_menu-on-strong));--md-comp-list-item-disabled-label-text-opacity: var(--md-comp-menu-vibrant-menu-item-disabled-label-text-opacity, var(--_menu-do));--md-comp-list-item-disabled-leading-icon-color: var(--md-comp-menu-vibrant-menu-item-disabled-leading-icon-color, var(--_menu-on-strong));--md-comp-list-item-disabled-leading-icon-opacity: var(--md-comp-menu-vibrant-menu-item-disabled-leading-icon-opacity, var(--_menu-do));--md-comp-list-item-disabled-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-disabled-supporting-text-color, var(--_menu-on-strong));--md-comp-list-item-disabled-supporting-text-opacity: var(--md-comp-menu-vibrant-menu-item-disabled-supporting-text-opacity, var(--_menu-do));--md-comp-list-item-disabled-trailing-icon-color: var(--md-comp-menu-vibrant-menu-item-disabled-trailing-icon-color, var(--_menu-on-strong));--md-comp-list-item-disabled-trailing-icon-opacity: var(--md-comp-menu-vibrant-menu-item-disabled-trailing-icon-opacity, var(--_menu-do));--md-comp-list-item-disabled-trailing-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-disabled-trailing-supporting-text-color, var(--_menu-on-strong));--md-comp-list-item-disabled-trailing-supporting-text-opacity: var(--md-comp-menu-vibrant-menu-item-disabled-trailing-supporting-text-opacity, var(--_menu-do));--md-comp-list-item-focus-label-text-color: var(--md-comp-menu-vibrant-menu-item-focused-label-text-color, var(--_menu-on-strong));--md-comp-list-item-focus-leading-icon-color: var(--md-comp-menu-vibrant-menu-item-focused-leading-icon-color, var(--_menu-icon-active));--md-comp-list-item-focus-state-layer-color: var(--md-comp-menu-vibrant-menu-item-focused-state-layer-color, var(--_menu-on-strong));--md-comp-list-item-focus-state-layer-opacity: var(--md-comp-menu-vibrant-menu-item-focused-state-layer-opacity, var(--md-sys-state-focus-state-layer-opacity, 10%));--md-comp-list-item-focus-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-focused-supporting-text-color, var(--_menu-on));--md-comp-list-item-focus-trailing-icon-color: var(--md-comp-menu-vibrant-menu-item-focused-trailing-icon-color, var(--_menu-icon-active));--md-comp-list-item-focus-trailing-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-focused-trailing-supporting-text-color, var(--_menu-on));--md-comp-list-item-hover-label-text-color: var(--md-comp-menu-vibrant-menu-item-hovered-label-text-color, var(--_menu-on-strong));--md-comp-list-item-hover-leading-icon-color: var(--md-comp-menu-vibrant-menu-item-hovered-leading-icon-color, var(--_menu-icon-active));--md-comp-list-item-hover-state-layer-color: var(--md-comp-menu-vibrant-menu-item-hovered-state-layer-color, var(--_menu-on-strong));--md-comp-list-item-hover-state-layer-opacity: var(--md-comp-menu-vibrant-menu-item-hovered-state-layer-opacity, var(--md-sys-state-hover-state-layer-opacity, 8%));--md-comp-list-item-hover-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-hovered-supporting-text-color, var(--_menu-on));--md-comp-list-item-hover-trailing-icon-color: var(--md-comp-menu-vibrant-menu-item-hovered-trailing-icon-color, var(--_menu-icon-active));--md-comp-list-item-hover-trailing-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-hovered-trailing-supporting-text-color, var(--_menu-on));--md-comp-list-item-pressed-label-text-color: var(--md-comp-menu-vibrant-menu-item-pressed-label-text-color, var(--_menu-on-strong));--md-comp-list-item-pressed-leading-icon-color: var(--md-comp-menu-vibrant-menu-item-pressed-leading-icon-color, var(--_menu-icon-active));--md-comp-list-item-pressed-state-layer-color: var(--md-comp-menu-vibrant-menu-item-pressed-state-layer-color, var(--_menu-on-strong));--md-comp-list-item-pressed-state-layer-opacity: var(--md-comp-menu-vibrant-menu-item-pressed-state-layer-opacity, var(--md-sys-state-pressed-state-layer-opacity, 10%));--md-comp-list-item-pressed-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-pressed-supporting-text-color, var(--_menu-on));--md-comp-list-item-pressed-trailing-icon-color: var(--md-comp-menu-vibrant-menu-item-pressed-trailing-icon-color, var(--_menu-icon-active));--md-comp-list-item-pressed-trailing-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-pressed-trailing-supporting-text-color, var(--_menu-on));--md-comp-list-item-selected-container-color: var(--md-comp-menu-vibrant-menu-item-selected-container-color, var(--_menu-selected-bg));--md-comp-list-item-selected-label-text-color: var(--md-comp-menu-vibrant-menu-item-selected-label-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-leading-icon-color: var(--md-comp-menu-vibrant-menu-item-selected-leading-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-selected-supporting-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-trailing-icon-color: var(--md-comp-menu-vibrant-menu-item-selected-trailing-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-trailing-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-selected-trailing-supporting-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-disabled-container-color: var(--md-comp-menu-vibrant-menu-item-selected-disabled-container-color, var(--_menu-selected-bg));--md-comp-list-item-selected-disabled-container-opacity: var(--md-comp-menu-vibrant-menu-item-selected-disabled-container-opacity, var(--_menu-do));--md-comp-list-item-selected-disabled-label-text-color: var(--md-comp-menu-vibrant-menu-item-selected-disabled-label-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-disabled-label-text-opacity: var(--md-comp-menu-vibrant-menu-item-selected-disabled-label-text-opacity, var(--_menu-do));--md-comp-list-item-selected-disabled-leading-icon-color: var(--md-comp-menu-vibrant-menu-item-selected-disabled-leading-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-disabled-leading-icon-opacity: var(--md-comp-menu-vibrant-menu-item-selected-disabled-leading-icon-opacity, var(--_menu-do));--md-comp-list-item-selected-disabled-trailing-icon-color: var(--md-comp-menu-vibrant-menu-item-selected-disabled-trailing-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-disabled-trailing-icon-opacity: var(--md-comp-menu-vibrant-menu-item-selected-disabled-trailing-icon-opacity, var(--_menu-do));--md-comp-list-item-selected-disabled-trailing-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-selected-disabled-trailing-supporting-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-disabled-trailing-supporting-text-opacity: var(--md-comp-menu-vibrant-menu-item-selected-disabled-trailing-supporting-text-opacity, var(--_menu-do));--md-comp-list-item-selected-focus-label-text-color: var(--md-comp-menu-vibrant-menu-item-selected-focused-label-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-focus-leading-icon-color: var(--md-comp-menu-vibrant-menu-item-selected-focused-leading-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-focus-state-layer-color: var(--md-comp-menu-vibrant-menu-item-selected-focused-state-layer-color, var(--_menu-on-selected));--md-comp-list-item-selected-focus-state-layer-opacity: var(--md-comp-menu-vibrant-menu-item-selected-focused-state-layer-opacity, var(--md-sys-state-focus-state-layer-opacity, 10%));--md-comp-list-item-selected-focus-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-selected-focused-supporting-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-focus-trailing-icon-color: var(--md-comp-menu-vibrant-menu-item-selected-focused-trailing-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-focus-trailing-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-selected-focused-trailing-supporting-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-hover-label-text-color: var(--md-comp-menu-vibrant-menu-item-selected-hovered-label-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-hover-leading-icon-color: var(--md-comp-menu-vibrant-menu-item-selected-hovered-leading-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-hover-state-layer-color: var(--md-comp-menu-vibrant-menu-item-selected-hovered-state-layer-color, var(--_menu-on-selected));--md-comp-list-item-selected-hover-state-layer-opacity: var(--md-comp-menu-vibrant-menu-item-selected-hovered-state-layer-opacity, var(--md-sys-state-hover-state-layer-opacity, 8%));--md-comp-list-item-selected-hover-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-selected-hovered-supporting-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-hover-trailing-icon-color: var(--md-comp-menu-vibrant-menu-item-selected-hovered-trailing-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-hover-trailing-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-selected-hovered-trailing-supporting-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-pressed-label-text-color: var(--md-comp-menu-vibrant-menu-item-selected-pressed-label-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-pressed-leading-icon-color: var(--md-comp-menu-vibrant-menu-item-selected-pressed-leading-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-pressed-state-layer-color: var(--md-comp-menu-vibrant-menu-item-selected-pressed-state-layer-color, var(--_menu-on-selected));--md-comp-list-item-selected-pressed-state-layer-opacity: var(--md-comp-menu-vibrant-menu-item-selected-pressed-state-layer-opacity, var(--md-sys-state-pressed-state-layer-opacity, 10%));--md-comp-list-item-selected-pressed-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-selected-pressed-supporting-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-pressed-trailing-icon-color: var(--md-comp-menu-vibrant-menu-item-selected-pressed-trailing-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-pressed-trailing-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-selected-pressed-trailing-supporting-text-color, var(--_menu-on-selected));background-color:var(--md-comp-menu-vibrant-container-color, var(--md-sys-color-tertiary-container))}.micl-menu[popover]>.micl-list button[popovertarget] .micl-list-item__icon:dir(rtl){transform:rotate(180deg)}
+:root{--md-ref-typeface-plain: Google Sans, system-ui, sans-serif;--md-ref-typeface-plain-narrow: 0;--md-ref-typeface-brand: Google Sans, system-ui, sans-serif;--md-ref-typeface-weight-regular: 400;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-bold: 700}body{--md-sys-elevation-level2: rgb(from var(--md-sys-color-shadow) r g b/0.3) 0 1px 2px 0, rgb(from var(--md-sys-color-shadow) r g b/0.15) 0 2px 6px 2px}:root{--md-sys-shape-corner-small: 8px}:root{--md-sys-shape-corner-large: 16px}:root{--md-sys-state-hover-state-layer-opacity: 8%}:root{--md-sys-state-focus-state-layer-opacity: 10%}:root{--md-sys-state-pressed-state-layer-opacity: 10%}:root{--md-sys-state-disabled-state-layer-opacity: 38%}:root{--md-sys-state-focus-indicator-thickness: 3px}:root{--md-sys-state-focus-indicator-inner-offset: -3px}:root{--md-sys-state-backdrop-opacity: 32%}:root{--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}:root{--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}:root{--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}.micl-menu[popover],select{--_menu-motion-effects: var(--md-comp-menu-motion-effects, cubic-bezier(0.31, 0.94, 0.34, 1));--_menu-motion-effects-duration: var(--md-comp-menu-motion-effects-duration, 200ms);--_menu-motion-effects-duration-reverse: var(--md-comp-menu-motion-effects-duration-reverse, 200ms);--_menu-motion-spatial: var(--md-comp-menu-motion-spatial, cubic-bezier(0.38, 1.21, 0.22, 1));--_menu-motion-spatial-duration: var(--md-comp-menu-motion-spatial-duration, 500ms);--_menu-motion-spatial-duration-reverse: var(--md-comp-menu-motion-spatial-duration-reverse, 350ms);--md-comp-list-container-shape: var(--md-comp-menu-active-container-shape, var(--md-comp-menu-container-shape, var(--md-sys-shape-corner-large, 16px)));--md-comp-list-item-container-expressive-shape: var(--md-comp-menu-item-shape, var(--md-sys-shape-corner-small, 8px));--md-comp-list-item-container-selected-expressive-shape: var(--md-comp-menu-item-selected-shape, var(--md-sys-shape-corner-large, 16px));--md-comp-list-item-between-space: 12px;--md-comp-list-item-leading-space: calc(var(--md-comp-menu-item-leading-space, 16px) - 4px);--md-comp-list-item-leading-icon-expressive-size: var(--md-comp-menu-item-leading-icon-size, 20px);--md-comp-list-item-trailing-icon-expressive-size: var(--md-comp-menu-item-trailing-icon-size, 20px);--md-comp-list-item-trailing-space: calc(var(--md-comp-menu-item-trailing-space, 16px) - 4px);--md-comp-list-item-top-space: var(--md-comp-menu-item-top-space, 8px);--md-comp-list-item-bottom-space: var(--md-comp-menu-item-bottom-space, 8px);--md-comp-list-item-one-line-container-height: var(--md-comp-menu-item-height, 44px);--md-comp-list-item-two-line-container-height: var(--md-comp-menu-item-height, 44px);--md-comp-list-item-three-line-container-height: var(--md-comp-menu-item-height, 44px);--md-comp-list-item-focus-indicator-color: var(--md-comp-menu-item-focus-indicator-color, var(--md-sys-color-secondary));--md-comp-list-item-focus-indicator-offset: var(--md-comp-menu-item-focus-indicator-offset, var(--md-sys-state-focus-indicator-inner-offset, -3px));--md-comp-list-item-focus-indicator-thickness: var(--md-comp-menu-item-focus-indicator-thickness, var(--md-sys-state-focus-indicator-thickness, 3px));--_menu-item-bg: var(--md-sys-color-surface-container-low);--_menu-on: var(--md-sys-color-on-surface-variant);--_menu-on-strong: var(--md-sys-color-on-surface);--_menu-icon-active: var(--md-sys-color-on-surface-variant);--_menu-selected-bg: var(--md-sys-color-tertiary-container);--_menu-on-selected: var(--md-sys-color-on-tertiary-container);--_menu-do: var(--md-sys-state-disabled-state-layer-opacity, 38%);--md-comp-list-item-container-color: var(--md-comp-menu-standard-menu-item-container-color, var(--_menu-item-bg));--md-comp-list-item-label-text-color: var(--md-comp-menu-standard-menu-item-label-text-color, var(--_menu-on));--md-comp-list-item-leading-icon-color: var(--md-comp-menu-standard-menu-item-leading-icon-color, var(--_menu-on));--md-comp-list-item-supporting-text-color: var(--md-comp-menu-standard-menu-item-supporting-text-color, var(--_menu-on));--md-comp-list-item-trailing-icon-color: var(--md-comp-menu-standard-menu-item-trailing-icon-color, var(--_menu-on));--md-comp-list-item-trailing-supporting-text-color: var(--md-comp-menu-standard-menu-item-trailing-supporting-text-color, var(--_menu-on));--md-comp-list-item-disabled-label-text-color: var(--md-comp-menu-standard-menu-item-disabled-label-text-color, var(--_menu-on-strong));--md-comp-list-item-disabled-label-text-opacity: var(--md-comp-menu-standard-menu-item-disabled-label-text-opacity, var(--_menu-do));--md-comp-list-item-disabled-leading-icon-color: var(--md-comp-menu-standard-menu-item-disabled-leading-icon-color, var(--_menu-on-strong));--md-comp-list-item-disabled-leading-icon-opacity: var(--md-comp-menu-standard-menu-item-disabled-leading-icon-opacity, var(--_menu-do));--md-comp-list-item-disabled-supporting-text-color: var(--md-comp-menu-standard-menu-item-disabled-supporting-text-color, var(--_menu-on-strong));--md-comp-list-item-disabled-supporting-text-opacity: var(--md-comp-menu-standard-menu-item-disabled-supporting-text-opacity, var(--_menu-do));--md-comp-list-item-disabled-trailing-icon-color: var(--md-comp-menu-standard-menu-item-disabled-trailing-icon-color, var(--_menu-on-strong));--md-comp-list-item-disabled-trailing-icon-opacity: var(--md-comp-menu-standard-menu-item-disabled-trailing-icon-opacity, var(--_menu-do));--md-comp-list-item-disabled-trailing-supporting-text-color: var(--md-comp-menu-standard-menu-item-disabled-trailing-supporting-text-color, var(--_menu-on-strong));--md-comp-list-item-disabled-trailing-supporting-text-opacity: var(--md-comp-menu-standard-menu-item-disabled-trailing-supporting-text-opacity, var(--_menu-do));--md-comp-list-item-focus-label-text-color: var(--md-comp-menu-standard-menu-item-focused-label-text-color, var(--_menu-on-strong));--md-comp-list-item-focus-leading-icon-color: var(--md-comp-menu-standard-menu-item-focused-leading-icon-color, var(--_menu-icon-active));--md-comp-list-item-focus-state-layer-color: var(--md-comp-menu-standard-menu-item-focused-state-layer-color, var(--_menu-on-strong));--md-comp-list-item-focus-state-layer-opacity: var(--md-comp-menu-standard-menu-item-focused-state-layer-opacity, var(--md-sys-state-focus-state-layer-opacity, 10%));--md-comp-list-item-focus-supporting-text-color: var(--md-comp-menu-standard-menu-item-focused-supporting-text-color, var(--_menu-on));--md-comp-list-item-focus-trailing-icon-color: var(--md-comp-menu-standard-menu-item-focused-trailing-icon-color, var(--_menu-icon-active));--md-comp-list-item-focus-trailing-supporting-text-color: var(--md-comp-menu-standard-menu-item-focused-trailing-supporting-text-color, var(--_menu-on));--md-comp-list-item-hover-label-text-color: var(--md-comp-menu-standard-menu-item-hovered-label-text-color, var(--_menu-on-strong));--md-comp-list-item-hover-leading-icon-color: var(--md-comp-menu-standard-menu-item-hovered-leading-icon-color, var(--_menu-icon-active));--md-comp-list-item-hover-state-layer-color: var(--md-comp-menu-standard-menu-item-hovered-state-layer-color, var(--_menu-on-strong));--md-comp-list-item-hover-state-layer-opacity: var(--md-comp-menu-standard-menu-item-hovered-state-layer-opacity, var(--md-sys-state-hover-state-layer-opacity, 8%));--md-comp-list-item-hover-supporting-text-color: var(--md-comp-menu-standard-menu-item-hovered-supporting-text-color, var(--_menu-on));--md-comp-list-item-hover-trailing-icon-color: var(--md-comp-menu-standard-menu-item-hovered-trailing-icon-color, var(--_menu-icon-active));--md-comp-list-item-hover-trailing-supporting-text-color: var(--md-comp-menu-standard-menu-item-hovered-trailing-supporting-text-color, var(--_menu-on));--md-comp-list-item-pressed-label-text-color: var(--md-comp-menu-standard-menu-item-pressed-label-text-color, var(--_menu-on-strong));--md-comp-list-item-pressed-leading-icon-color: var(--md-comp-menu-standard-menu-item-pressed-leading-icon-color, var(--_menu-icon-active));--md-comp-list-item-pressed-state-layer-color: var(--md-comp-menu-standard-menu-item-pressed-state-layer-color, var(--_menu-on-strong));--md-comp-list-item-pressed-state-layer-opacity: var(--md-comp-menu-standard-menu-item-pressed-state-layer-opacity, var(--md-sys-state-pressed-state-layer-opacity, 10%));--md-comp-list-item-pressed-supporting-text-color: var(--md-comp-menu-standard-menu-item-pressed-supporting-text-color, var(--_menu-on));--md-comp-list-item-pressed-trailing-icon-color: var(--md-comp-menu-standard-menu-item-pressed-trailing-icon-color, var(--_menu-icon-active));--md-comp-list-item-pressed-trailing-supporting-text-color: var(--md-comp-menu-standard-menu-item-pressed-trailing-supporting-text-color, var(--_menu-on));--md-comp-list-item-selected-container-color: var(--md-comp-menu-standard-menu-item-selected-container-color, var(--_menu-selected-bg));--md-comp-list-item-selected-label-text-color: var(--md-comp-menu-standard-menu-item-selected-label-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-leading-icon-color: var(--md-comp-menu-standard-menu-item-selected-leading-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-supporting-text-color: var(--md-comp-menu-standard-menu-item-selected-supporting-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-trailing-icon-color: var(--md-comp-menu-standard-menu-item-selected-trailing-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-trailing-supporting-text-color: var(--md-comp-menu-standard-menu-item-selected-trailing-supporting-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-disabled-container-color: var(--md-comp-menu-standard-menu-item-selected-disabled-container-color, var(--_menu-selected-bg));--md-comp-list-item-selected-disabled-container-opacity: var(--md-comp-menu-standard-menu-item-selected-disabled-container-opacity, var(--_menu-do));--md-comp-list-item-selected-disabled-label-text-color: var(--md-comp-menu-standard-menu-item-selected-disabled-label-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-disabled-label-text-opacity: var(--md-comp-menu-standard-menu-item-selected-disabled-label-text-opacity, var(--_menu-do));--md-comp-list-item-selected-disabled-leading-icon-color: var(--md-comp-menu-standard-menu-item-selected-disabled-leading-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-disabled-leading-icon-opacity: var(--md-comp-menu-standard-menu-item-selected-disabled-leading-icon-opacity, var(--_menu-do));--md-comp-list-item-selected-disabled-trailing-icon-color: var(--md-comp-menu-standard-menu-item-selected-disabled-trailing-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-disabled-trailing-icon-opacity: var(--md-comp-menu-standard-menu-item-selected-disabled-trailing-icon-opacity, var(--_menu-do));--md-comp-list-item-selected-disabled-trailing-supporting-text-color: var(--md-comp-menu-standard-menu-item-selected-disabled-trailing-supporting-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-disabled-trailing-supporting-text-opacity: var(--md-comp-menu-standard-menu-item-selected-disabled-trailing-supporting-text-opacity, var(--_menu-do));--md-comp-list-item-selected-focus-label-text-color: var(--md-comp-menu-standard-menu-item-selected-focused-label-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-focus-leading-icon-color: var(--md-comp-menu-standard-menu-item-selected-focused-leading-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-focus-state-layer-color: var(--md-comp-menu-standard-menu-item-selected-focused-state-layer-color, var(--_menu-on-selected));--md-comp-list-item-selected-focus-state-layer-opacity: var(--md-comp-menu-standard-menu-item-selected-focused-state-layer-opacity, var(--md-sys-state-focus-state-layer-opacity, 10%));--md-comp-list-item-selected-focus-supporting-text-color: var(--md-comp-menu-standard-menu-item-selected-focused-supporting-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-focus-trailing-icon-color: var(--md-comp-menu-standard-menu-item-selected-focused-trailing-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-focus-trailing-supporting-text-color: var(--md-comp-menu-standard-menu-item-selected-focused-trailing-supporting-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-hover-label-text-color: var(--md-comp-menu-standard-menu-item-selected-hovered-label-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-hover-leading-icon-color: var(--md-comp-menu-standard-menu-item-selected-hovered-leading-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-hover-state-layer-color: var(--md-comp-menu-standard-menu-item-selected-hovered-state-layer-color, var(--_menu-on-selected));--md-comp-list-item-selected-hover-state-layer-opacity: var(--md-comp-menu-standard-menu-item-selected-hovered-state-layer-opacity, var(--md-sys-state-hover-state-layer-opacity, 8%));--md-comp-list-item-selected-hover-supporting-text-color: var(--md-comp-menu-standard-menu-item-selected-hovered-supporting-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-hover-trailing-icon-color: var(--md-comp-menu-standard-menu-item-selected-hovered-trailing-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-hover-trailing-supporting-text-color: var(--md-comp-menu-standard-menu-item-selected-hovered-trailing-supporting-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-pressed-label-text-color: var(--md-comp-menu-standard-menu-item-selected-pressed-label-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-pressed-leading-icon-color: var(--md-comp-menu-standard-menu-item-selected-pressed-leading-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-pressed-state-layer-color: var(--md-comp-menu-standard-menu-item-selected-pressed-state-layer-color, var(--_menu-on-selected));--md-comp-list-item-selected-pressed-state-layer-opacity: var(--md-comp-menu-standard-menu-item-selected-pressed-state-layer-opacity, var(--md-sys-state-pressed-state-layer-opacity, 10%));--md-comp-list-item-selected-pressed-supporting-text-color: var(--md-comp-menu-standard-menu-item-selected-pressed-supporting-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-pressed-trailing-icon-color: var(--md-comp-menu-standard-menu-item-selected-pressed-trailing-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-pressed-trailing-supporting-text-color: var(--md-comp-menu-standard-menu-item-selected-pressed-trailing-supporting-text-color, var(--_menu-on-selected))}.micl-menu[popover] .micl-menu__section,select .micl-menu__section{font:var(--md-sys-typescale-label-small-weight) var(--md-sys-typescale-label-small-size)/var(--md-sys-typescale-label-small-line-height) var(--md-sys-typescale-label-small-font);letter-spacing:var(--md-sys-typescale-label-small-tracking);padding-block:var(--md-comp-menu-section-label-top-space, 8px) var(--md-comp-menu-section-label-bottom-space, 8px);padding-inline:var(--md-comp-list-item-leading-space, 16px) var(--md-comp-list-item-trailing-space, 16px);color:var(--md-comp-menu-standard-section-label-text-color, var(--md-sys-color-on-surface-variant))}.micl-menu[popover].micl-menu--vibrant .micl-menu__section,select.micl-menu--vibrant .micl-menu__section{color:var(--md-comp-menu-vibrant-section-label-text-color, var(--md-sys-color-on-tertiary-container))}.micl-menu[popover] .micl-list-item__text,select .micl-list-item__text{font:var(--md-sys-typescale-label-large-weight) var(--md-sys-typescale-label-large-size)/var(--md-sys-typescale-label-large-line-height) var(--md-sys-typescale-label-large-font);letter-spacing:var(--md-sys-typescale-label-large-tracking)}.micl-menu[popover] .micl-list-item__text .micl-list-item__supporting-text,select .micl-list-item__text .micl-list-item__supporting-text{font:var(--md-sys-typescale-body-small-weight) var(--md-sys-typescale-body-small-size)/var(--md-sys-typescale-body-small-line-height) var(--md-sys-typescale-body-small-font);letter-spacing:var(--md-sys-typescale-body-small-tracking)}.micl-menu[popover] .micl-list-item__trailing-text,select .micl-list-item__trailing-text{font:var(--md-sys-typescale-label-large-weight) var(--md-sys-typescale-label-large-size)/var(--md-sys-typescale-label-large-line-height) var(--md-sys-typescale-label-large-font);letter-spacing:var(--md-sys-typescale-label-large-tracking)}.micl-menu[popover]{flex-direction:column;position-anchor:auto;inset:unset;inset-block-start:anchor(end);inset-inline-start:anchor(start);position-try-fallbacks:flip-block,flip-inline,flip-block flip-inline;min-inline-size:var(--md-comp-menu-width-min, 112px);max-inline-size:var(--md-comp-menu-width-max, 320px);gap:var(--md-comp-menu-gap, 2px);padding:0;border:none;outline:none;background-color:rgba(0,0,0,0);--micl-duration: var(--_menu-motion-spatial-duration-reverse);--micl-easing: linear;--_group-shape: var(--md-comp-menu-group-shape, var(--md-sys-shape-corner-small, 8px));opacity:0;overflow:visible;transform:scaleY(0);transform-origin:center top;transition:opacity var(--micl-duration) var(--micl-easing),transform var(--micl-duration) var(--_menu-motion-spatial),overlay var(--micl-duration) linear allow-discrete,display var(--micl-duration) linear allow-discrete}.micl-menu[popover]:popover-open{--micl-duration: var(--_menu-motion-spatial-duration);--micl-easing: cubic-bezier(0.05, 0.7, 0.1, 1);display:flex;opacity:1;transform:scaleY(1)}@starting-style{.micl-menu[popover]:popover-open{opacity:0;transform:scaleY(0)}}.micl-menu[popover]:popover-open::backdrop{background-color:rgba(0, 0, 0, var(--md-sys-state-backdrop-opacity, 32%))}@starting-style{.micl-menu[popover]:popover-open::backdrop{background-color:rgba(0,0,0,0)}}.micl-menu[popover]::backdrop{background-color:rgba(0,0,0,0);transition:background-color var(--_menu-motion-effects-duration) linear,overlay var(--_menu-motion-effects-duration) linear allow-discrete,display var(--_menu-motion-effects-duration) linear allow-discrete}.micl-menu[popover] .micl-list{padding:var(--md-comp-menu-group-padding, 4px) 4px;row-gap:2px;background-color:var(--md-comp-menu-standard-container-color, var(--md-sys-color-surface-container-low));box-shadow:var(--md-comp-menu-container-elevation, var(--md-sys-elevation-level2));transition:border-radius var(--_menu-motion-effects-duration-reverse) linear}.micl-menu[popover] .micl-list+.micl-list{border-start-start-radius:var(--_group-shape);border-start-end-radius:var(--_group-shape)}.micl-menu[popover] .micl-list:has(+.micl-list){border-end-start-radius:var(--_group-shape);border-end-end-radius:var(--_group-shape)}.micl-menu[popover] .micl-list :is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)>.micl-menu[popover]{transform:scaleX(0)}.micl-menu[popover] .micl-list :is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)>.micl-menu[popover]:popover-open{transform:scaleX(1)}@starting-style{.micl-menu[popover] .micl-list :is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)>.micl-menu[popover]:popover-open{transform:scaleX(0)}}.micl-menu[popover] .micl-list :is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)>.micl-menu[popover]:popover-open::backdrop{background-color:rgba(0,0,0,0)}.micl-menu[popover]:has(.micl-menu:popover-open)>.micl-list{--md-comp-list-container-shape: var(--md-comp-menu-inactive-container-shape, var(--md-sys-shape-corner-small, 8px))}.micl-menu[popover].micl-menu--vibrant>.micl-list{--_menu-item-bg: var(--md-sys-color-tertiary-container);--_menu-on: var(--md-sys-color-on-tertiary-container);--_menu-on-strong: var(--md-sys-color-on-tertiary-container);--_menu-icon-active: var(--md-sys-color-tertiary);--_menu-selected-bg: var(--md-sys-color-tertiary);--_menu-on-selected: var(--md-sys-color-on-tertiary);--md-comp-list-item-container-color: var(--md-comp-menu-vibrant-menu-item-container-color, var(--_menu-item-bg));--md-comp-list-item-label-text-color: var(--md-comp-menu-vibrant-menu-item-label-text-color, var(--_menu-on));--md-comp-list-item-leading-icon-color: var(--md-comp-menu-vibrant-menu-item-leading-icon-color, var(--_menu-on));--md-comp-list-item-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-supporting-text-color, var(--_menu-on));--md-comp-list-item-trailing-icon-color: var(--md-comp-menu-vibrant-menu-item-trailing-icon-color, var(--_menu-on));--md-comp-list-item-trailing-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-trailing-supporting-text-color, var(--_menu-on));--md-comp-list-item-disabled-label-text-color: var(--md-comp-menu-vibrant-menu-item-disabled-label-text-color, var(--_menu-on-strong));--md-comp-list-item-disabled-label-text-opacity: var(--md-comp-menu-vibrant-menu-item-disabled-label-text-opacity, var(--_menu-do));--md-comp-list-item-disabled-leading-icon-color: var(--md-comp-menu-vibrant-menu-item-disabled-leading-icon-color, var(--_menu-on-strong));--md-comp-list-item-disabled-leading-icon-opacity: var(--md-comp-menu-vibrant-menu-item-disabled-leading-icon-opacity, var(--_menu-do));--md-comp-list-item-disabled-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-disabled-supporting-text-color, var(--_menu-on-strong));--md-comp-list-item-disabled-supporting-text-opacity: var(--md-comp-menu-vibrant-menu-item-disabled-supporting-text-opacity, var(--_menu-do));--md-comp-list-item-disabled-trailing-icon-color: var(--md-comp-menu-vibrant-menu-item-disabled-trailing-icon-color, var(--_menu-on-strong));--md-comp-list-item-disabled-trailing-icon-opacity: var(--md-comp-menu-vibrant-menu-item-disabled-trailing-icon-opacity, var(--_menu-do));--md-comp-list-item-disabled-trailing-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-disabled-trailing-supporting-text-color, var(--_menu-on-strong));--md-comp-list-item-disabled-trailing-supporting-text-opacity: var(--md-comp-menu-vibrant-menu-item-disabled-trailing-supporting-text-opacity, var(--_menu-do));--md-comp-list-item-focus-label-text-color: var(--md-comp-menu-vibrant-menu-item-focused-label-text-color, var(--_menu-on-strong));--md-comp-list-item-focus-leading-icon-color: var(--md-comp-menu-vibrant-menu-item-focused-leading-icon-color, var(--_menu-icon-active));--md-comp-list-item-focus-state-layer-color: var(--md-comp-menu-vibrant-menu-item-focused-state-layer-color, var(--_menu-on-strong));--md-comp-list-item-focus-state-layer-opacity: var(--md-comp-menu-vibrant-menu-item-focused-state-layer-opacity, var(--md-sys-state-focus-state-layer-opacity, 10%));--md-comp-list-item-focus-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-focused-supporting-text-color, var(--_menu-on));--md-comp-list-item-focus-trailing-icon-color: var(--md-comp-menu-vibrant-menu-item-focused-trailing-icon-color, var(--_menu-icon-active));--md-comp-list-item-focus-trailing-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-focused-trailing-supporting-text-color, var(--_menu-on));--md-comp-list-item-hover-label-text-color: var(--md-comp-menu-vibrant-menu-item-hovered-label-text-color, var(--_menu-on-strong));--md-comp-list-item-hover-leading-icon-color: var(--md-comp-menu-vibrant-menu-item-hovered-leading-icon-color, var(--_menu-icon-active));--md-comp-list-item-hover-state-layer-color: var(--md-comp-menu-vibrant-menu-item-hovered-state-layer-color, var(--_menu-on-strong));--md-comp-list-item-hover-state-layer-opacity: var(--md-comp-menu-vibrant-menu-item-hovered-state-layer-opacity, var(--md-sys-state-hover-state-layer-opacity, 8%));--md-comp-list-item-hover-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-hovered-supporting-text-color, var(--_menu-on));--md-comp-list-item-hover-trailing-icon-color: var(--md-comp-menu-vibrant-menu-item-hovered-trailing-icon-color, var(--_menu-icon-active));--md-comp-list-item-hover-trailing-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-hovered-trailing-supporting-text-color, var(--_menu-on));--md-comp-list-item-pressed-label-text-color: var(--md-comp-menu-vibrant-menu-item-pressed-label-text-color, var(--_menu-on-strong));--md-comp-list-item-pressed-leading-icon-color: var(--md-comp-menu-vibrant-menu-item-pressed-leading-icon-color, var(--_menu-icon-active));--md-comp-list-item-pressed-state-layer-color: var(--md-comp-menu-vibrant-menu-item-pressed-state-layer-color, var(--_menu-on-strong));--md-comp-list-item-pressed-state-layer-opacity: var(--md-comp-menu-vibrant-menu-item-pressed-state-layer-opacity, var(--md-sys-state-pressed-state-layer-opacity, 10%));--md-comp-list-item-pressed-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-pressed-supporting-text-color, var(--_menu-on));--md-comp-list-item-pressed-trailing-icon-color: var(--md-comp-menu-vibrant-menu-item-pressed-trailing-icon-color, var(--_menu-icon-active));--md-comp-list-item-pressed-trailing-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-pressed-trailing-supporting-text-color, var(--_menu-on));--md-comp-list-item-selected-container-color: var(--md-comp-menu-vibrant-menu-item-selected-container-color, var(--_menu-selected-bg));--md-comp-list-item-selected-label-text-color: var(--md-comp-menu-vibrant-menu-item-selected-label-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-leading-icon-color: var(--md-comp-menu-vibrant-menu-item-selected-leading-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-selected-supporting-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-trailing-icon-color: var(--md-comp-menu-vibrant-menu-item-selected-trailing-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-trailing-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-selected-trailing-supporting-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-disabled-container-color: var(--md-comp-menu-vibrant-menu-item-selected-disabled-container-color, var(--_menu-selected-bg));--md-comp-list-item-selected-disabled-container-opacity: var(--md-comp-menu-vibrant-menu-item-selected-disabled-container-opacity, var(--_menu-do));--md-comp-list-item-selected-disabled-label-text-color: var(--md-comp-menu-vibrant-menu-item-selected-disabled-label-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-disabled-label-text-opacity: var(--md-comp-menu-vibrant-menu-item-selected-disabled-label-text-opacity, var(--_menu-do));--md-comp-list-item-selected-disabled-leading-icon-color: var(--md-comp-menu-vibrant-menu-item-selected-disabled-leading-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-disabled-leading-icon-opacity: var(--md-comp-menu-vibrant-menu-item-selected-disabled-leading-icon-opacity, var(--_menu-do));--md-comp-list-item-selected-disabled-trailing-icon-color: var(--md-comp-menu-vibrant-menu-item-selected-disabled-trailing-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-disabled-trailing-icon-opacity: var(--md-comp-menu-vibrant-menu-item-selected-disabled-trailing-icon-opacity, var(--_menu-do));--md-comp-list-item-selected-disabled-trailing-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-selected-disabled-trailing-supporting-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-disabled-trailing-supporting-text-opacity: var(--md-comp-menu-vibrant-menu-item-selected-disabled-trailing-supporting-text-opacity, var(--_menu-do));--md-comp-list-item-selected-focus-label-text-color: var(--md-comp-menu-vibrant-menu-item-selected-focused-label-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-focus-leading-icon-color: var(--md-comp-menu-vibrant-menu-item-selected-focused-leading-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-focus-state-layer-color: var(--md-comp-menu-vibrant-menu-item-selected-focused-state-layer-color, var(--_menu-on-selected));--md-comp-list-item-selected-focus-state-layer-opacity: var(--md-comp-menu-vibrant-menu-item-selected-focused-state-layer-opacity, var(--md-sys-state-focus-state-layer-opacity, 10%));--md-comp-list-item-selected-focus-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-selected-focused-supporting-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-focus-trailing-icon-color: var(--md-comp-menu-vibrant-menu-item-selected-focused-trailing-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-focus-trailing-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-selected-focused-trailing-supporting-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-hover-label-text-color: var(--md-comp-menu-vibrant-menu-item-selected-hovered-label-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-hover-leading-icon-color: var(--md-comp-menu-vibrant-menu-item-selected-hovered-leading-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-hover-state-layer-color: var(--md-comp-menu-vibrant-menu-item-selected-hovered-state-layer-color, var(--_menu-on-selected));--md-comp-list-item-selected-hover-state-layer-opacity: var(--md-comp-menu-vibrant-menu-item-selected-hovered-state-layer-opacity, var(--md-sys-state-hover-state-layer-opacity, 8%));--md-comp-list-item-selected-hover-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-selected-hovered-supporting-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-hover-trailing-icon-color: var(--md-comp-menu-vibrant-menu-item-selected-hovered-trailing-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-hover-trailing-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-selected-hovered-trailing-supporting-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-pressed-label-text-color: var(--md-comp-menu-vibrant-menu-item-selected-pressed-label-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-pressed-leading-icon-color: var(--md-comp-menu-vibrant-menu-item-selected-pressed-leading-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-pressed-state-layer-color: var(--md-comp-menu-vibrant-menu-item-selected-pressed-state-layer-color, var(--_menu-on-selected));--md-comp-list-item-selected-pressed-state-layer-opacity: var(--md-comp-menu-vibrant-menu-item-selected-pressed-state-layer-opacity, var(--md-sys-state-pressed-state-layer-opacity, 10%));--md-comp-list-item-selected-pressed-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-selected-pressed-supporting-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-pressed-trailing-icon-color: var(--md-comp-menu-vibrant-menu-item-selected-pressed-trailing-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-pressed-trailing-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-selected-pressed-trailing-supporting-text-color, var(--_menu-on-selected));background-color:var(--md-comp-menu-vibrant-container-color, var(--md-sys-color-tertiary-container))}.micl-menu[popover]>.micl-list button[popovertarget] .micl-list-item__icon:dir(rtl){transform:rotate(180deg)}