material-inspired-component-library 8.0.4 → 8.1.1

package/dist/card.css

@@ -1 +1 @@
-:root{--md-sys-icon-size: 24px;--md-sys-padding-xxs: 4px;--md-sys-padding-xs: 8px;--md-sys-padding-s: 12px;--md-sys-padding-m: 16px;--md-sys-padding-l: 20px;--md-sys-padding-xl: 24px;--md-sys-padding-xxl: 28px}.micl-hidden{display:none !important}.micl-no-transition{transition:none !important}.micl-flex--vcenter{display:flex;flex-direction:row;align-items:center}.micl-grid-field,.micl-grid-iconfield{box-sizing:border-box;display:grid;row-gap:var(--md-sys-padding-xl, 24px)}.micl-grid-iconfield{grid-template-columns:48px 1fr}.micl-grid-iconfield__icon{grid-column:1;margin-block-start:.6rem}.micl-grid-iconfield__field{grid-column:2}.micl-link{display:flex;align-items:center;justify-content:center;text-decoration:none}@property --micl-ripple{syntax:"<integer>";inherits:false;initial-value:0}@property --micl-x{syntax:"<length>";inherits:false;initial-value:-100000px}@property --micl-y{syntax:"<length>";inherits:false;initial-value:-100000px}@property --micl-width{syntax:"<length>";inherits:true;initial-value:0px}@property --micl-height{syntax:"<length>";inherits:true;initial-value:0px}: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-level1: 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 1px 3px 1px}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}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-medium: 12px}: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-outer-offset: 2px}:root{--md-sys-state-ripple-opacity-factor: 0.6}:root{--md-sys-state-ripple-duration: 5000ms}@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%,100%}to{background-size: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-smallmedium-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-smallmedium-size: 0.8125rem;--md-sys-typescale-body-smallmedium-line-height: 1.125rem;--md-sys-typescale-body-smallmedium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-smallmedium-tracking: 0.025rem}:root{--md-comp-card-gap: 8px;--md-comp-card-margin: 8px;--md-comp-card-padding-inline: 16px;--md-comp-card-content-padding-block: 16px}.micl-card-elevated,.micl-card-filled,.micl-card-outlined{--md-comp-card-motion-spatial: cubic-bezier(0.38, 1.21, 0.22, 1);--md-comp-card-motion-duration: 500ms;--_card-color: var(--md-sys-color-on-surface-variant);display:flex;flex-direction:column;block-size:fit-content;margin:0;outline:none;overflow:hidden;interpolate-size:allow-keywords;border-radius:var(--_card-shape);background-color:var(--_card-background-color);box-shadow:var(--_card-elevation);border:var(--_card-border, none);opacity:var(--_card-opacity, 1);pointer-events:var(--_card-pointer-events, auto)}.micl-card-elevated:not(.micl-card--compact):not(:has(>summary)),.micl-card-filled:not(.micl-card--compact):not(:has(>summary)),.micl-card-outlined:not(.micl-card--compact):not(:has(>summary)){row-gap:var(--md-comp-card-gap, 8px)}.micl-card-elevated[tabindex="0"]:not([inert]),.micl-card-elevated:not([inert])>summary,.micl-card-filled[tabindex="0"]:not([inert]),.micl-card-filled:not([inert])>summary,.micl-card-outlined[tabindex="0"]:not([inert]),.micl-card-outlined:not([inert])>summary{--micl-ripple: 1;background-image:radial-gradient(circle at var(--micl-x, center) var(--micl-y, center), transparent 0%, rgb(from var(--statelayer-color) r g b/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-size:0%,100%;transition:background-size 0ms,--statelayer-opacity var(--md-comp-card-motion-duration) linear}.micl-card-elevated[tabindex="0"]:not([inert]):hover,.micl-card-elevated:not([inert])>summary:hover,.micl-card-filled[tabindex="0"]:not([inert]):hover,.micl-card-filled:not([inert])>summary:hover,.micl-card-outlined[tabindex="0"]:not([inert]):hover,.micl-card-outlined:not([inert])>summary:hover{--statelayer-color: var(--_card-hover-state-color);--statelayer-opacity: var(--_card-hover-state-opacity);--_card-color: var(--md-sys-color-on-surface);cursor:pointer}.micl-card-elevated[tabindex="0"]:not([inert]):focus-visible,.micl-card-elevated:not([inert])>summary:focus-visible,.micl-card-filled[tabindex="0"]:not([inert]):focus-visible,.micl-card-filled:not([inert])>summary:focus-visible,.micl-card-outlined[tabindex="0"]:not([inert]):focus-visible,.micl-card-outlined:not([inert])>summary:focus-visible{--statelayer-color: var(--_card-focus-state-color);--statelayer-opacity: var(--_card-focus-state-opacity);--_card-color: var(--md-sys-color-on-surface)}.micl-card-elevated[tabindex="0"]:not([inert]):active,.micl-card-elevated:not([inert])>summary:active,.micl-card-filled[tabindex="0"]:not([inert]):active,.micl-card-filled:not([inert])>summary:active,.micl-card-outlined[tabindex="0"]:not([inert]):active,.micl-card-outlined:not([inert])>summary:active{--statelayer-color: var(--_card-pressed-state-color);--statelayer-opacity: var(--_card-pressed-state-opacity);--_card-color: var(--md-sys-color-on-surface)}.micl-card-elevated[tabindex="0"]:not([inert]).micl-card--dragging,.micl-card-elevated:not([inert])>summary.micl-card--dragging,.micl-card-filled[tabindex="0"]:not([inert]).micl-card--dragging,.micl-card-filled:not([inert])>summary.micl-card--dragging,.micl-card-outlined[tabindex="0"]:not([inert]).micl-card--dragging,.micl-card-outlined:not([inert])>summary.micl-card--dragging{--statelayer-color: var(--_card-dragged-state-color);--statelayer-opacity: var(--_card-dragged-state-opacity);--_card-color: var(--md-sys-color-on-surface);cursor:grabbing}.micl-card-elevated[tabindex="0"]:not([inert]).micl-rippling,.micl-card-elevated:not([inert])>summary.micl-rippling,.micl-card-filled[tabindex="0"]:not([inert]).micl-rippling,.micl-card-filled:not([inert])>summary.micl-rippling,.micl-card-outlined[tabindex="0"]:not([inert]).micl-rippling,.micl-card-outlined:not([inert])>summary.micl-rippling{animation:micl-ripple calc(var(--md-sys-state-ripple-duration)/2) cubic-bezier(0.2, 0, 0, 1)}.micl-card-elevated[tabindex="0"]:not([inert]) .micl-card__content,.micl-card-elevated:not([inert])>summary .micl-card__content,.micl-card-filled[tabindex="0"]:not([inert]) .micl-card__content,.micl-card-filled:not([inert])>summary .micl-card__content,.micl-card-outlined[tabindex="0"]:not([inert]) .micl-card__content,.micl-card-outlined:not([inert])>summary .micl-card__content{background-color:rgba(0,0,0,0)}.micl-card-elevated[tabindex="0"]:not([inert]):hover,.micl-card-elevated:not([tabindex="0"]):not([inert]):has(>summary:hover),.micl-card-filled[tabindex="0"]:not([inert]):hover,.micl-card-filled:not([tabindex="0"]):not([inert]):has(>summary:hover),.micl-card-outlined[tabindex="0"]:not([inert]):hover,.micl-card-outlined:not([tabindex="0"]):not([inert]):has(>summary:hover){box-shadow:var(--_card-hover-elevation);border-color:var(--_card-hover-border-color, var(--_card-border-color, transparent))}.micl-card-elevated[tabindex="0"]:not([inert]):focus-visible,.micl-card-elevated:not([tabindex="0"]):not([inert]):has(>summary:focus-visible),.micl-card-filled[tabindex="0"]:not([inert]):focus-visible,.micl-card-filled:not([tabindex="0"]):not([inert]):has(>summary:focus-visible),.micl-card-outlined[tabindex="0"]:not([inert]):focus-visible,.micl-card-outlined:not([tabindex="0"]):not([inert]):has(>summary:focus-visible){box-shadow:var(--_card-focus-elevation);border-width:var(--_card-focus-border-width, var(--_card-border-width, 0));border-color:var(--_card-focus-border-color, transparent);outline:var(--_card-focus-outline-thickness, 0px) solid var(--_card-focus-outline-color, transparent);outline-offset:var(--_card-focus-outline-offset, 0px)}.micl-card-elevated[tabindex="0"]:not([inert]):active,.micl-card-elevated:not([tabindex="0"]):not([inert]):has(>summary:active),.micl-card-filled[tabindex="0"]:not([inert]):active,.micl-card-filled:not([tabindex="0"]):not([inert]):has(>summary:active),.micl-card-outlined[tabindex="0"]:not([inert]):active,.micl-card-outlined:not([tabindex="0"]):not([inert]):has(>summary:active){box-shadow:var(--_card-pressed-elevation);border-color:var(--_card-pressed-border-color, transparent)}.micl-card-elevated[tabindex="0"]:not([inert]).micl-card--dragging,.micl-card-filled[tabindex="0"]:not([inert]).micl-card--dragging,.micl-card-outlined[tabindex="0"]:not([inert]).micl-card--dragging{box-shadow:var(--_card-dragged-elevation);border-color:var(--_card-dragged-border-color, transparent)}.micl-card-elevated::details-content,.micl-card-filled::details-content,.micl-card-outlined::details-content{block-size:0;overflow:hidden;transition:block-size var(--md-comp-card-motion-duration) var(--md-comp-card-motion-spatial),content-visibility var(--md-comp-card-motion-duration) linear allow-discrete}.micl-card-elevated[open]::details-content,.micl-card-filled[open]::details-content,.micl-card-outlined[open]::details-content{block-size:auto}.micl-card-elevated>summary,.micl-card-filled>summary,.micl-card-outlined>summary{display:flex;flex-direction:column;padding-block-end:var(--md-comp-card-content-padding-block, 16px);outline:none;list-style:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}.micl-card-elevated>summary:not(.micl-card--compact),.micl-card-filled>summary:not(.micl-card--compact),.micl-card-outlined>summary:not(.micl-card--compact){row-gap:var(--md-comp-card-gap, 8px)}.micl-card-elevated.micl-card--compact,.micl-card-elevated summary.micl-card--compact,.micl-card-filled.micl-card--compact,.micl-card-filled summary.micl-card--compact,.micl-card-outlined.micl-card--compact,.micl-card-outlined summary.micl-card--compact{display:grid;grid-template-columns:20% 1fr;padding-block-end:0}.micl-card-elevated.micl-card--compact .micl-card__image,.micl-card-elevated summary.micl-card--compact .micl-card__image,.micl-card-filled.micl-card--compact .micl-card__image,.micl-card-filled summary.micl-card--compact .micl-card__image,.micl-card-outlined.micl-card--compact .micl-card__image,.micl-card-outlined summary.micl-card--compact .micl-card__image{grid-column:1;grid-row:1/-1;block-size:100%;background-size:cover}.micl-card-elevated.micl-card--compact .micl-card__headline-s,.micl-card-elevated.micl-card--compact .micl-card__headline-m,.micl-card-elevated.micl-card--compact .micl-card__headline-l,.micl-card-elevated.micl-card--compact .micl-card__subhead,.micl-card-elevated.micl-card--compact .micl-card__supporting-text,.micl-card-elevated summary.micl-card--compact .micl-card__headline-s,.micl-card-elevated summary.micl-card--compact .micl-card__headline-m,.micl-card-elevated summary.micl-card--compact .micl-card__headline-l,.micl-card-elevated summary.micl-card--compact .micl-card__subhead,.micl-card-elevated summary.micl-card--compact .micl-card__supporting-text,.micl-card-filled.micl-card--compact .micl-card__headline-s,.micl-card-filled.micl-card--compact .micl-card__headline-m,.micl-card-filled.micl-card--compact .micl-card__headline-l,.micl-card-filled.micl-card--compact .micl-card__subhead,.micl-card-filled.micl-card--compact .micl-card__supporting-text,.micl-card-filled summary.micl-card--compact .micl-card__headline-s,.micl-card-filled summary.micl-card--compact .micl-card__headline-m,.micl-card-filled summary.micl-card--compact .micl-card__headline-l,.micl-card-filled summary.micl-card--compact .micl-card__subhead,.micl-card-filled summary.micl-card--compact .micl-card__supporting-text,.micl-card-outlined.micl-card--compact .micl-card__headline-s,.micl-card-outlined.micl-card--compact .micl-card__headline-m,.micl-card-outlined.micl-card--compact .micl-card__headline-l,.micl-card-outlined.micl-card--compact .micl-card__subhead,.micl-card-outlined.micl-card--compact .micl-card__supporting-text,.micl-card-outlined summary.micl-card--compact .micl-card__headline-s,.micl-card-outlined summary.micl-card--compact .micl-card__headline-m,.micl-card-outlined summary.micl-card--compact .micl-card__headline-l,.micl-card-outlined summary.micl-card--compact .micl-card__subhead,.micl-card-outlined summary.micl-card--compact .micl-card__supporting-text{grid-column:2;min-inline-size:0}.micl-card-elevated.micl-card--compact .micl-card__headline-s,.micl-card-elevated.micl-card--compact .micl-card__headline-m,.micl-card-elevated.micl-card--compact .micl-card__headline-l,.micl-card-elevated.micl-card--compact .micl-card__supporting-text,.micl-card-elevated summary.micl-card--compact .micl-card__headline-s,.micl-card-elevated summary.micl-card--compact .micl-card__headline-m,.micl-card-elevated summary.micl-card--compact .micl-card__headline-l,.micl-card-elevated summary.micl-card--compact .micl-card__supporting-text,.micl-card-filled.micl-card--compact .micl-card__headline-s,.micl-card-filled.micl-card--compact .micl-card__headline-m,.micl-card-filled.micl-card--compact .micl-card__headline-l,.micl-card-filled.micl-card--compact .micl-card__supporting-text,.micl-card-filled summary.micl-card--compact .micl-card__headline-s,.micl-card-filled summary.micl-card--compact .micl-card__headline-m,.micl-card-filled summary.micl-card--compact .micl-card__headline-l,.micl-card-filled summary.micl-card--compact .micl-card__supporting-text,.micl-card-outlined.micl-card--compact .micl-card__headline-s,.micl-card-outlined.micl-card--compact .micl-card__headline-m,.micl-card-outlined.micl-card--compact .micl-card__headline-l,.micl-card-outlined.micl-card--compact .micl-card__supporting-text,.micl-card-outlined summary.micl-card--compact .micl-card__headline-s,.micl-card-outlined summary.micl-card--compact .micl-card__headline-m,.micl-card-outlined summary.micl-card--compact .micl-card__headline-l,.micl-card-outlined summary.micl-card--compact .micl-card__supporting-text{margin-block-start:var(--md-comp-card-gap, 8px)}.micl-card-elevated.micl-card--compact .micl-card__subhead,.micl-card-elevated summary.micl-card--compact .micl-card__subhead,.micl-card-filled.micl-card--compact .micl-card__subhead,.micl-card-filled summary.micl-card--compact .micl-card__subhead,.micl-card-outlined.micl-card--compact .micl-card__subhead,.micl-card-outlined summary.micl-card--compact .micl-card__subhead{margin-block-start:0}.micl-card-elevated.micl-card--compact .micl-card__content,.micl-card-elevated summary.micl-card--compact .micl-card__content,.micl-card-filled.micl-card--compact .micl-card__content,.micl-card-filled summary.micl-card--compact .micl-card__content,.micl-card-outlined.micl-card--compact .micl-card__content,.micl-card-outlined summary.micl-card--compact .micl-card__content{grid-column:1/span 2}.micl-card-elevated.micl-card--compact:not(:has(.micl-card__content))>:last-child,.micl-card-elevated summary.micl-card--compact:not(:has(.micl-card__content))>:last-child,.micl-card-filled.micl-card--compact:not(:has(.micl-card__content))>:last-child,.micl-card-filled summary.micl-card--compact:not(:has(.micl-card__content))>:last-child,.micl-card-outlined.micl-card--compact:not(:has(.micl-card__content))>:last-child,.micl-card-outlined summary.micl-card--compact:not(:has(.micl-card__content))>:last-child{margin-block-end:var(--md-comp-card-gap, 8px)}.micl-card-elevated{--_card-shape: var(--md-comp-elevated-card-container-shape, var(--md-sys-shape-corner-medium));--_card-background-color: var(--md-comp-elevated-card-container-color, var(--md-sys-color-surface-container-low));--_card-elevation: var(--md-comp-elevated-card-container-elevation, var(--md-sys-elevation-level1));--_card-hover-state-color: var(--md-comp-elevated-card-hover-state-layer-color, var(--md-sys-color-on-surface));--_card-hover-state-opacity: var(--md-comp-elevated-card-hover-state-layer-opacity, var(--md-sys-state-hover-state-layer-opacity));--_card-hover-elevation: var(--md-comp-elevated-card-hover-container-elevation, var(--md-sys-elevation-level2));--_card-focus-state-color: var(--md-comp-elevated-card-focus-state-layer-color, var(--md-sys-color-on-surface));--_card-focus-state-opacity: var(--md-comp-elevated-card-focus-state-layer-opacity, var(--md-sys-state-focus-state-layer-opacity));--_card-focus-elevation: var(--md-comp-elevated-card-focus-container-elevation, var(--md-sys-elevation-level1));--_card-pressed-state-color: var(--md-comp-elevated-card-pressed-state-layer-color, var(--md-sys-color-on-surface));--_card-pressed-state-opacity: var(--md-comp-elevated-card-pressed-state-layer-opacity, var(--md-sys-state-pressed-state-layer-opacity));--_card-pressed-elevation: var(--md-comp-elevated-card-pressed-container-elevation, var(--md-sys-elevation-level1));--_card-dragged-state-color: var(--md-comp-elevated-card-dragged-state-layer-color, var(--md-sys-color-on-surface));--_card-dragged-state-opacity: var(--md-comp-elevated-card-dragged-state-layer-opacity, var(--md-sys-state-dragged-state-layer-opacity));--_card-dragged-elevation: var(--md-comp-elevated-card-dragged-container-elevation, var(--md-sys-elevation-level4))}.micl-card-elevated[inert]{--_card-background-color: var(--md-comp-elevated-card-disabled-container-color, var(--md-sys-color-surface));--_card-elevation: var(--md-comp-elevated-card-disabled-container-elevation, var(--md-sys-elevation-level1));--_card-opacity: var(--md-comp-elevated-card-disabled-container-opacity, var(--md-sys-state-disabled-state-layer-opacity));--_card-pointer-events: none}.micl-card-elevated{--_card-focus-outline-thickness: var(--md-comp-elevated-card-focus-indicator-thickness, var(--md-sys-state-focus-indicator-thickness));--_card-focus-outline-color: var(--md-comp-elevated-card-focus-indicator-color, var(--md-sys-color-secondary));--_card-focus-outline-offset: var(--md-comp-elevated-card-focus-indicator-outline-offset, var(--md-sys-state-focus-indicator-outer-offset))}.micl-card-filled{--_card-shape: var(--md-comp-filled-card-container-shape, var(--md-sys-shape-corner-medium));--_card-background-color: var(--md-comp-filled-card-container-color, var(--md-sys-color-surface-container-highest));--_card-elevation: var(--md-comp-filled-card-container-elevation, var(--md-sys-elevation-level0));--_card-hover-state-color: var(--md-comp-filled-card-hover-state-layer-color, var(--md-sys-color-on-surface));--_card-hover-state-opacity: var(--md-comp-filled-card-hover-state-layer-opacity, var(--md-sys-state-hover-state-layer-opacity));--_card-hover-elevation: var(--md-comp-filled-card-hover-container-elevation, var(--md-sys-elevation-level1));--_card-focus-state-color: var(--md-comp-filled-card-focus-state-layer-color, var(--md-sys-color-on-surface));--_card-focus-state-opacity: var(--md-comp-filled-card-focus-state-layer-opacity, var(--md-sys-state-focus-state-layer-opacity));--_card-focus-elevation: var(--md-comp-filled-card-focus-container-elevation, var(--md-sys-elevation-level0));--_card-pressed-state-color: var(--md-comp-filled-card-pressed-state-layer-color, var(--md-sys-color-on-surface));--_card-pressed-state-opacity: var(--md-comp-filled-card-pressed-state-layer-opacity, var(--md-sys-state-pressed-state-layer-opacity));--_card-pressed-elevation: var(--md-comp-filled-card-pressed-container-elevation, var(--md-sys-elevation-level0));--_card-dragged-state-color: var(--md-comp-filled-card-dragged-state-layer-color, var(--md-sys-color-on-surface));--_card-dragged-state-opacity: var(--md-comp-filled-card-dragged-state-layer-opacity, var(--md-sys-state-dragged-state-layer-opacity));--_card-dragged-elevation: var(--md-comp-filled-card-dragged-container-elevation, var(--md-sys-elevation-level3))}.micl-card-filled[inert]{--_card-background-color: var(--md-comp-filled-card-disabled-container-color, var(--md-sys-color-surface-variant));--_card-elevation: var(--md-comp-filled-card-disabled-container-elevation, var(--md-sys-elevation-level0));--_card-opacity: var(--md-comp-filled-card-disabled-container-opacity, var(--md-sys-state-disabled-state-layer-opacity));--_card-pointer-events: none}.micl-card-filled{--_card-focus-outline-thickness: var(--md-comp-filled-card-focus-indicator-thickness, var(--md-sys-state-focus-indicator-thickness));--_card-focus-outline-color: var(--md-comp-filled-card-focus-indicator-color, var(--md-sys-color-secondary));--_card-focus-outline-offset: var(--md-comp-filled-card-focus-indicator-outline-offset, var(--md-sys-state-focus-indicator-outer-offset))}.micl-card-outlined{--_card-shape: var(--md-comp-outlined-card-container-shape, var(--md-sys-shape-corner-medium));--_card-background-color: var(--md-comp-outlined-card-container-color, var(--md-sys-color-surface));--_card-elevation: var(--md-comp-outlined-card-container-elevation, var(--md-sys-elevation-level0));--_card-hover-state-color: var(--md-comp-outlined-card-hover-state-layer-color, var(--md-sys-color-on-surface));--_card-hover-state-opacity: var(--md-comp-outlined-card-hover-state-layer-opacity, var(--md-sys-state-hover-state-layer-opacity));--_card-hover-elevation: var(--md-comp-outlined-card-hover-container-elevation, var(--md-sys-elevation-level1));--_card-focus-state-color: var(--md-comp-outlined-card-focus-state-layer-color, var(--md-sys-color-on-surface));--_card-focus-state-opacity: var(--md-comp-outlined-card-focus-state-layer-opacity, var(--md-sys-state-focus-state-layer-opacity));--_card-focus-elevation: var(--md-comp-outlined-card-focus-container-elevation, var(--md-sys-elevation-level0));--_card-pressed-state-color: var(--md-comp-outlined-card-pressed-state-layer-color, var(--md-sys-color-on-surface));--_card-pressed-state-opacity: var(--md-comp-outlined-card-pressed-state-layer-opacity, var(--md-sys-state-pressed-state-layer-opacity));--_card-pressed-elevation: var(--md-comp-outlined-card-pressed-container-elevation, var(--md-sys-elevation-level0));--_card-dragged-state-color: var(--md-comp-outlined-card-dragged-state-layer-color, var(--md-sys-color-on-surface));--_card-dragged-state-opacity: var(--md-comp-outlined-card-dragged-state-layer-opacity, var(--md-sys-state-dragged-state-layer-opacity));--_card-dragged-elevation: var(--md-comp-outlined-card-dragged-container-elevation, var(--md-sys-elevation-level3))}.micl-card-outlined[inert]{--_card-background-color: var(--md-comp-outlined-card-disabled-container-color, var(--md-sys-color-surface));--_card-elevation: var(--md-comp-outlined-card-disabled-container-elevation, var(--md-sys-elevation-level0));--_card-opacity: var(--md-comp-outlined-card-disabled-container-opacity, var(--md-sys-state-disabled-state-layer-opacity));--_card-pointer-events: none}.micl-card-outlined{--_card-border-width: var(--md-comp-outlined-card-outline-width, 1px);--_card-border: var(--_card-border-width) solid var(--_card-border-color, var(--md-comp-outlined-card-outline-color, var(--md-sys-color-outline-variant)));--_card-hover-border-color: var(--md-comp-outlined-card-hover-outline-color, var(--md-sys-color-outline-variant));--_card-focus-border-color: var(--md-comp-outlined-card-focus-indicator-color, var(--md-sys-color-secondary));--_card-focus-border-width: var(--md-comp-outlined-card-focus-indicator-thickness, var(--md-sys-state-focus-indicator-thickness));--_card-pressed-border-color: var(--md-comp-outlined-card-pressed-outline-color, var(--md-sys-color-outline-variant));--_card-dragged-border-color: var(--md-comp-outlined-card-dragged-outline-color, var(--md-sys-color-outline-variant))}.micl-card-outlined[inert]{--_card-border-color: rgb(from var(--md-comp-outlined-card-disabled-outline-color, var(--md-sys-color-outline)) r g b / var(--md-comp-outlined-card-disabled-outline-opacity, 12%))}.micl-card__image{display:block;inline-size:100%;background-position:center;background-repeat:no-repeat;background-size:contain;border-radius:var(--_card-shape)}.micl-card-elevated>.micl-card__headline-s:first-child,.micl-card-elevated>.micl-card__headline-m:first-child,.micl-card-elevated>.micl-card__headline-l:first-child,.micl-card-filled>.micl-card__headline-s:first-child,.micl-card-filled>.micl-card__headline-m:first-child,.micl-card-filled>.micl-card__headline-l:first-child,.micl-card-outlined>.micl-card__headline-s:first-child,.micl-card-outlined>.micl-card__headline-m:first-child,.micl-card-outlined>.micl-card__headline-l:first-child,.micl-card-elevated>summary>.micl-card__headline-s:first-child,.micl-card-elevated>summary>.micl-card__headline-m:first-child,.micl-card-elevated>summary>.micl-card__headline-l:first-child,.micl-card-filled>summary>.micl-card__headline-s:first-child,.micl-card-filled>summary>.micl-card__headline-m:first-child,.micl-card-filled>summary>.micl-card__headline-l:first-child,.micl-card-outlined>summary>.micl-card__headline-s:first-child,.micl-card-outlined>summary>.micl-card__headline-m:first-child,.micl-card-outlined>summary>.micl-card__headline-l:first-child{padding-block-start:var(--md-comp-card-content-padding-block, 16px)}.micl-card__headline-s,.micl-card__headline-m,.micl-card__headline-l{display:flex;align-items:center;column-gap:var(--md-comp-card-gap, 8px);color:var(--_card-color)}.micl-card__headline-s h1,.micl-card__headline-s h2,.micl-card__headline-s h3,.micl-card__headline-s h4,.micl-card__headline-s h5,.micl-card__headline-s h6,.micl-card__headline-s .micl-heading,.micl-card__headline-m h1,.micl-card__headline-m h2,.micl-card__headline-m h3,.micl-card__headline-m h4,.micl-card__headline-m h5,.micl-card__headline-m h6,.micl-card__headline-m .micl-heading,.micl-card__headline-l h1,.micl-card__headline-l h2,.micl-card__headline-l h3,.micl-card__headline-l h4,.micl-card__headline-l h5,.micl-card__headline-l h6,.micl-card__headline-l .micl-heading{flex:1 2 fit-content;margin:0;padding-inline:var(--md-comp-card-padding-inline, 16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.micl-card__headline-s h1:has(+button),.micl-card__headline-s h2:has(+button),.micl-card__headline-s h3:has(+button),.micl-card__headline-s h4:has(+button),.micl-card__headline-s h5:has(+button),.micl-card__headline-s h6:has(+button),.micl-card__headline-s .micl-heading:has(+button),.micl-card__headline-m h1:has(+button),.micl-card__headline-m h2:has(+button),.micl-card__headline-m h3:has(+button),.micl-card__headline-m h4:has(+button),.micl-card__headline-m h5:has(+button),.micl-card__headline-m h6:has(+button),.micl-card__headline-m .micl-heading:has(+button),.micl-card__headline-l h1:has(+button),.micl-card__headline-l h2:has(+button),.micl-card__headline-l h3:has(+button),.micl-card__headline-l h4:has(+button),.micl-card__headline-l h5:has(+button),.micl-card__headline-l h6:has(+button),.micl-card__headline-l .micl-heading:has(+button){padding-inline-end:0}.micl-card__headline-s:has(button),.micl-card__headline-m:has(button),.micl-card__headline-l:has(button){margin-block:0}.micl-card__headline-s :is(h1,h2,h3,h4,h5,h6,.micl-heading){font-family:var(--md-sys-typescale-headline-small-font);font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--md-sys-typescale-headline-small-line-height);font-weight:var(--md-sys-typescale-headline-small-weight);letter-spacing:var(--md-sys-typescale-headline-small-tracking)}.micl-card__headline-m :is(h1,h2,h3,h4,h5,h6,.micl-heading){font-family:var(--md-sys-typescale-headline-medium-font);font-size:var(--md-sys-typescale-headline-medium-size);line-height:var(--md-sys-typescale-headline-medium-line-height);font-weight:var(--md-sys-typescale-headline-medium-weight);letter-spacing:var(--md-sys-typescale-headline-medium-tracking)}.micl-card__headline-l :is(h1,h2,h3,h4,h5,h6,.micl-heading){font-family:var(--md-sys-typescale-headline-large-font);font-size:var(--md-sys-typescale-headline-large-size);line-height:var(--md-sys-typescale-headline-large-line-height);font-weight:var(--md-sys-typescale-headline-large-weight);letter-spacing:var(--md-sys-typescale-headline-large-tracking)}.micl-card__subhead{font-family:var(--md-sys-typescale-title-medium-font);font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height);font-weight:var(--md-sys-typescale-title-medium-weight);letter-spacing:var(--md-sys-typescale-title-medium-tracking);display:block;margin:calc(-1*var(--md-comp-card-gap, 8px)) 0 var(--md-comp-card-gap, 8px) 0;padding:0 var(--md-comp-card-padding-inline, 16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--_card-color)}.micl-card__supporting-text{font-family:var(--md-sys-typescale-body-smallmedium-font);font-size:var(--md-sys-typescale-body-smallmedium-size);line-height:var(--md-sys-typescale-body-smallmedium-line-height);font-weight:var(--md-sys-typescale-body-smallmedium-weight);letter-spacing:var(--md-sys-typescale-body-smallmedium-tracking);display:block;margin:0;padding:0 var(--md-comp-card-padding-inline, 16px);color:var(--_card-color)}.micl-card__content{box-sizing:border-box;padding-block:var(--md-comp-card-content-padding-block, 16px);padding-inline:var(--md-comp-card-padding-inline, 16px);overflow:clip visible}.micl-card__actions{box-sizing:border-box;display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;padding-block:0 var(--md-comp-card-content-padding-block, 16px);padding-inline:var(--md-comp-card-padding-inline, 16px)}.micl-card__actions.micl-card__actions--outset-start{padding-inline-start:calc(var(--md-comp-card-padding-inline, 16px) - 16px)}.micl-card__actions.micl-card__actions--outset-end{padding-inline-end:calc(var(--md-comp-card-padding-inline, 16px) - 16px)}
+:root{--md-sys-icon-size: 24px;--md-sys-padding-xxs: 4px;--md-sys-padding-xs: 8px;--md-sys-padding-s: 12px;--md-sys-padding-m: 16px;--md-sys-padding-l: 20px;--md-sys-padding-xl: 24px;--md-sys-padding-xxl: 28px}.micl-hidden{display:none !important}.micl-no-transition{transition:none !important}.micl-flex--vcenter{display:flex;flex-direction:row;align-items:center}.micl-grid-field,.micl-grid-iconfield{box-sizing:border-box;display:grid;row-gap:var(--md-sys-padding-xl, 24px)}.micl-grid-iconfield{grid-template-columns:48px 1fr}.micl-grid-iconfield__icon{grid-column:1;margin-block-start:.6rem}.micl-grid-iconfield__field{grid-column:2}.micl-link{display:flex;align-items:center;justify-content:center;text-decoration:none}@property --micl-ripple{syntax:"<integer>";inherits:false;initial-value:0}@property --micl-x{syntax:"<length>";inherits:false;initial-value:-100000px}@property --micl-y{syntax:"<length>";inherits:false;initial-value:-100000px}@property --micl-width{syntax:"<length>";inherits:true;initial-value:0px}@property --micl-height{syntax:"<length>";inherits:true;initial-value:0px}: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-level1: 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 1px 3px 1px}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}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-medium: 12px}: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-outer-offset: 2px}:root{--md-sys-state-ripple-opacity-factor: 0.6}:root{--md-sys-state-ripple-duration: 5000ms}@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%,100%}to{background-size: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-smallmedium-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-smallmedium-size: 0.8125rem;--md-sys-typescale-body-smallmedium-line-height: 1.125rem;--md-sys-typescale-body-smallmedium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-smallmedium-tracking: 0.025rem}:root{--md-comp-card-gap: 8px;--md-comp-card-margin: 8px;--md-comp-card-padding-inline: 16px;--md-comp-card-content-padding-block: 16px}.micl-card-elevated,.micl-card-filled,.micl-card-outlined{--md-comp-card-motion-spatial: cubic-bezier(0.38, 1.21, 0.22, 1);--md-comp-card-motion-duration: 500ms;--_card-color: var(--md-sys-color-on-surface-variant);display:flex;flex-direction:column;block-size:fit-content;margin:0;outline:none;overflow:hidden;interpolate-size:allow-keywords;border-radius:var(--_card-shape);background-color:var(--_card-background-color);box-shadow:var(--_card-elevation);border:var(--_card-border, none);opacity:var(--_card-opacity, 1);pointer-events:var(--_card-pointer-events, auto)}.micl-card-elevated:not(.micl-card--compact):not(:has(>summary)),.micl-card-filled:not(.micl-card--compact):not(:has(>summary)),.micl-card-outlined:not(.micl-card--compact):not(:has(>summary)){row-gap:var(--md-comp-card-gap, 8px)}.micl-card-elevated[tabindex="0"]:not([inert]),.micl-card-elevated:not([inert])>summary,.micl-card-filled[tabindex="0"]:not([inert]),.micl-card-filled:not([inert])>summary,.micl-card-outlined[tabindex="0"]:not([inert]),.micl-card-outlined:not([inert])>summary{--micl-ripple: 1;background-image:radial-gradient(circle at var(--micl-x, center) var(--micl-y, center), transparent 0%, rgb(from var(--statelayer-color) r g b/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-size:0%,100%;transition:background-size 0ms,--statelayer-opacity var(--md-comp-card-motion-duration) linear}.micl-card-elevated[tabindex="0"]:not([inert]):hover,.micl-card-elevated:not([inert])>summary:hover,.micl-card-filled[tabindex="0"]:not([inert]):hover,.micl-card-filled:not([inert])>summary:hover,.micl-card-outlined[tabindex="0"]:not([inert]):hover,.micl-card-outlined:not([inert])>summary:hover{--statelayer-color: var(--_card-hover-state-color);--statelayer-opacity: var(--_card-hover-state-opacity);--_card-color: var(--md-sys-color-on-surface);cursor:pointer}.micl-card-elevated[tabindex="0"]:not([inert]):focus-visible,.micl-card-elevated:not([inert])>summary:focus-visible,.micl-card-filled[tabindex="0"]:not([inert]):focus-visible,.micl-card-filled:not([inert])>summary:focus-visible,.micl-card-outlined[tabindex="0"]:not([inert]):focus-visible,.micl-card-outlined:not([inert])>summary:focus-visible{--statelayer-color: var(--_card-focus-state-color);--statelayer-opacity: var(--_card-focus-state-opacity);--_card-color: var(--md-sys-color-on-surface)}.micl-card-elevated[tabindex="0"]:not([inert]):active,.micl-card-elevated:not([inert])>summary:active,.micl-card-filled[tabindex="0"]:not([inert]):active,.micl-card-filled:not([inert])>summary:active,.micl-card-outlined[tabindex="0"]:not([inert]):active,.micl-card-outlined:not([inert])>summary:active{--statelayer-color: var(--_card-pressed-state-color);--statelayer-opacity: var(--_card-pressed-state-opacity);--_card-color: var(--md-sys-color-on-surface)}.micl-card-elevated[tabindex="0"]:not([inert]).micl-card--dragging,.micl-card-elevated:not([inert])>summary.micl-card--dragging,.micl-card-filled[tabindex="0"]:not([inert]).micl-card--dragging,.micl-card-filled:not([inert])>summary.micl-card--dragging,.micl-card-outlined[tabindex="0"]:not([inert]).micl-card--dragging,.micl-card-outlined:not([inert])>summary.micl-card--dragging{--statelayer-color: var(--_card-dragged-state-color);--statelayer-opacity: var(--_card-dragged-state-opacity);--_card-color: var(--md-sys-color-on-surface);cursor:grabbing}.micl-card-elevated[tabindex="0"]:not([inert]).micl-rippling,.micl-card-elevated:not([inert])>summary.micl-rippling,.micl-card-filled[tabindex="0"]:not([inert]).micl-rippling,.micl-card-filled:not([inert])>summary.micl-rippling,.micl-card-outlined[tabindex="0"]:not([inert]).micl-rippling,.micl-card-outlined:not([inert])>summary.micl-rippling{animation:micl-ripple calc(var(--md-sys-state-ripple-duration)/2) cubic-bezier(0.2, 0, 0, 1)}.micl-card-elevated[tabindex="0"]:not([inert]) .micl-card__content,.micl-card-elevated:not([inert])>summary .micl-card__content,.micl-card-filled[tabindex="0"]:not([inert]) .micl-card__content,.micl-card-filled:not([inert])>summary .micl-card__content,.micl-card-outlined[tabindex="0"]:not([inert]) .micl-card__content,.micl-card-outlined:not([inert])>summary .micl-card__content{background-color:rgba(0,0,0,0)}.micl-card-elevated[tabindex="0"]:not([inert]):hover,.micl-card-elevated:not([tabindex="0"]):not([inert]):has(>summary:hover),.micl-card-filled[tabindex="0"]:not([inert]):hover,.micl-card-filled:not([tabindex="0"]):not([inert]):has(>summary:hover),.micl-card-outlined[tabindex="0"]:not([inert]):hover,.micl-card-outlined:not([tabindex="0"]):not([inert]):has(>summary:hover){box-shadow:var(--_card-hover-elevation);border-color:var(--_card-hover-border-color, var(--_card-border-color, transparent))}.micl-card-elevated[tabindex="0"]:not([inert]):focus-visible,.micl-card-elevated:not([tabindex="0"]):not([inert]):has(>summary:focus-visible),.micl-card-filled[tabindex="0"]:not([inert]):focus-visible,.micl-card-filled:not([tabindex="0"]):not([inert]):has(>summary:focus-visible),.micl-card-outlined[tabindex="0"]:not([inert]):focus-visible,.micl-card-outlined:not([tabindex="0"]):not([inert]):has(>summary:focus-visible){box-shadow:var(--_card-focus-elevation);border-width:var(--_card-focus-border-width, var(--_card-border-width, 0));border-color:var(--_card-focus-border-color, transparent);outline:var(--_card-focus-outline-thickness, 0px) solid var(--_card-focus-outline-color, transparent);outline-offset:var(--_card-focus-outline-offset, 0px)}.micl-card-elevated[tabindex="0"]:not([inert]):active,.micl-card-elevated:not([tabindex="0"]):not([inert]):has(>summary:active),.micl-card-filled[tabindex="0"]:not([inert]):active,.micl-card-filled:not([tabindex="0"]):not([inert]):has(>summary:active),.micl-card-outlined[tabindex="0"]:not([inert]):active,.micl-card-outlined:not([tabindex="0"]):not([inert]):has(>summary:active){box-shadow:var(--_card-pressed-elevation);border-color:var(--_card-pressed-border-color, transparent)}.micl-card-elevated[tabindex="0"]:not([inert]).micl-card--dragging,.micl-card-filled[tabindex="0"]:not([inert]).micl-card--dragging,.micl-card-outlined[tabindex="0"]:not([inert]).micl-card--dragging{box-shadow:var(--_card-dragged-elevation);border-color:var(--_card-dragged-border-color, transparent)}.micl-card-elevated::details-content,.micl-card-filled::details-content,.micl-card-outlined::details-content{block-size:0;overflow:hidden;transition:block-size var(--md-comp-card-motion-duration) var(--md-comp-card-motion-spatial),content-visibility var(--md-comp-card-motion-duration) linear allow-discrete}.micl-card-elevated[open]::details-content,.micl-card-filled[open]::details-content,.micl-card-outlined[open]::details-content{block-size:auto}.micl-card-elevated>summary,.micl-card-filled>summary,.micl-card-outlined>summary{display:flex;flex-direction:column;padding-block-end:var(--md-comp-card-content-padding-block, 16px);outline:none;list-style:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}.micl-card-elevated>summary:not(.micl-card--compact),.micl-card-filled>summary:not(.micl-card--compact),.micl-card-outlined>summary:not(.micl-card--compact){row-gap:var(--md-comp-card-gap, 8px)}.micl-card-elevated.micl-card--compact,.micl-card-elevated summary.micl-card--compact,.micl-card-filled.micl-card--compact,.micl-card-filled summary.micl-card--compact,.micl-card-outlined.micl-card--compact,.micl-card-outlined summary.micl-card--compact{display:grid;grid-template-columns:20% 1fr;padding-block-end:0}.micl-card-elevated.micl-card--compact .micl-card__image,.micl-card-elevated summary.micl-card--compact .micl-card__image,.micl-card-filled.micl-card--compact .micl-card__image,.micl-card-filled summary.micl-card--compact .micl-card__image,.micl-card-outlined.micl-card--compact .micl-card__image,.micl-card-outlined summary.micl-card--compact .micl-card__image{grid-column:1;grid-row:1/span 4;block-size:100%;background-size:cover}.micl-card-elevated.micl-card--compact .micl-card__headline-s,.micl-card-elevated.micl-card--compact .micl-card__headline-m,.micl-card-elevated.micl-card--compact .micl-card__headline-l,.micl-card-elevated.micl-card--compact .micl-card__subhead,.micl-card-elevated.micl-card--compact .micl-card__supporting-text,.micl-card-elevated summary.micl-card--compact .micl-card__headline-s,.micl-card-elevated summary.micl-card--compact .micl-card__headline-m,.micl-card-elevated summary.micl-card--compact .micl-card__headline-l,.micl-card-elevated summary.micl-card--compact .micl-card__subhead,.micl-card-elevated summary.micl-card--compact .micl-card__supporting-text,.micl-card-filled.micl-card--compact .micl-card__headline-s,.micl-card-filled.micl-card--compact .micl-card__headline-m,.micl-card-filled.micl-card--compact .micl-card__headline-l,.micl-card-filled.micl-card--compact .micl-card__subhead,.micl-card-filled.micl-card--compact .micl-card__supporting-text,.micl-card-filled summary.micl-card--compact .micl-card__headline-s,.micl-card-filled summary.micl-card--compact .micl-card__headline-m,.micl-card-filled summary.micl-card--compact .micl-card__headline-l,.micl-card-filled summary.micl-card--compact .micl-card__subhead,.micl-card-filled summary.micl-card--compact .micl-card__supporting-text,.micl-card-outlined.micl-card--compact .micl-card__headline-s,.micl-card-outlined.micl-card--compact .micl-card__headline-m,.micl-card-outlined.micl-card--compact .micl-card__headline-l,.micl-card-outlined.micl-card--compact .micl-card__subhead,.micl-card-outlined.micl-card--compact .micl-card__supporting-text,.micl-card-outlined summary.micl-card--compact .micl-card__headline-s,.micl-card-outlined summary.micl-card--compact .micl-card__headline-m,.micl-card-outlined summary.micl-card--compact .micl-card__headline-l,.micl-card-outlined summary.micl-card--compact .micl-card__subhead,.micl-card-outlined summary.micl-card--compact .micl-card__supporting-text{grid-column:2;min-inline-size:0}.micl-card-elevated.micl-card--compact .micl-card__headline-s,.micl-card-elevated.micl-card--compact .micl-card__headline-m,.micl-card-elevated.micl-card--compact .micl-card__headline-l,.micl-card-elevated.micl-card--compact .micl-card__supporting-text,.micl-card-elevated summary.micl-card--compact .micl-card__headline-s,.micl-card-elevated summary.micl-card--compact .micl-card__headline-m,.micl-card-elevated summary.micl-card--compact .micl-card__headline-l,.micl-card-elevated summary.micl-card--compact .micl-card__supporting-text,.micl-card-filled.micl-card--compact .micl-card__headline-s,.micl-card-filled.micl-card--compact .micl-card__headline-m,.micl-card-filled.micl-card--compact .micl-card__headline-l,.micl-card-filled.micl-card--compact .micl-card__supporting-text,.micl-card-filled summary.micl-card--compact .micl-card__headline-s,.micl-card-filled summary.micl-card--compact .micl-card__headline-m,.micl-card-filled summary.micl-card--compact .micl-card__headline-l,.micl-card-filled summary.micl-card--compact .micl-card__supporting-text,.micl-card-outlined.micl-card--compact .micl-card__headline-s,.micl-card-outlined.micl-card--compact .micl-card__headline-m,.micl-card-outlined.micl-card--compact .micl-card__headline-l,.micl-card-outlined.micl-card--compact .micl-card__supporting-text,.micl-card-outlined summary.micl-card--compact .micl-card__headline-s,.micl-card-outlined summary.micl-card--compact .micl-card__headline-m,.micl-card-outlined summary.micl-card--compact .micl-card__headline-l,.micl-card-outlined summary.micl-card--compact .micl-card__supporting-text{margin-block-start:var(--md-comp-card-gap, 8px)}.micl-card-elevated.micl-card--compact .micl-card__subhead,.micl-card-elevated summary.micl-card--compact .micl-card__subhead,.micl-card-filled.micl-card--compact .micl-card__subhead,.micl-card-filled summary.micl-card--compact .micl-card__subhead,.micl-card-outlined.micl-card--compact .micl-card__subhead,.micl-card-outlined summary.micl-card--compact .micl-card__subhead{margin-block-start:0}.micl-card-elevated.micl-card--compact .micl-card__content,.micl-card-elevated summary.micl-card--compact .micl-card__content,.micl-card-filled.micl-card--compact .micl-card__content,.micl-card-filled summary.micl-card--compact .micl-card__content,.micl-card-outlined.micl-card--compact .micl-card__content,.micl-card-outlined summary.micl-card--compact .micl-card__content{grid-column:1/span 2}.micl-card-elevated.micl-card--compact:not(:has(.micl-card__content))>:last-child,.micl-card-elevated summary.micl-card--compact:not(:has(.micl-card__content))>:last-child,.micl-card-filled.micl-card--compact:not(:has(.micl-card__content))>:last-child,.micl-card-filled summary.micl-card--compact:not(:has(.micl-card__content))>:last-child,.micl-card-outlined.micl-card--compact:not(:has(.micl-card__content))>:last-child,.micl-card-outlined summary.micl-card--compact:not(:has(.micl-card__content))>:last-child{margin-block-end:var(--md-comp-card-gap, 8px)}.micl-card-elevated{--_card-shape: var(--md-comp-elevated-card-container-shape, var(--md-sys-shape-corner-medium));--_card-background-color: var(--md-comp-elevated-card-container-color, var(--md-sys-color-surface-container-low));--_card-elevation: var(--md-comp-elevated-card-container-elevation, var(--md-sys-elevation-level1));--_card-hover-state-color: var(--md-comp-elevated-card-hover-state-layer-color, var(--md-sys-color-on-surface));--_card-hover-state-opacity: var(--md-comp-elevated-card-hover-state-layer-opacity, var(--md-sys-state-hover-state-layer-opacity));--_card-hover-elevation: var(--md-comp-elevated-card-hover-container-elevation, var(--md-sys-elevation-level2));--_card-focus-state-color: var(--md-comp-elevated-card-focus-state-layer-color, var(--md-sys-color-on-surface));--_card-focus-state-opacity: var(--md-comp-elevated-card-focus-state-layer-opacity, var(--md-sys-state-focus-state-layer-opacity));--_card-focus-elevation: var(--md-comp-elevated-card-focus-container-elevation, var(--md-sys-elevation-level1));--_card-pressed-state-color: var(--md-comp-elevated-card-pressed-state-layer-color, var(--md-sys-color-on-surface));--_card-pressed-state-opacity: var(--md-comp-elevated-card-pressed-state-layer-opacity, var(--md-sys-state-pressed-state-layer-opacity));--_card-pressed-elevation: var(--md-comp-elevated-card-pressed-container-elevation, var(--md-sys-elevation-level1));--_card-dragged-state-color: var(--md-comp-elevated-card-dragged-state-layer-color, var(--md-sys-color-on-surface));--_card-dragged-state-opacity: var(--md-comp-elevated-card-dragged-state-layer-opacity, var(--md-sys-state-dragged-state-layer-opacity));--_card-dragged-elevation: var(--md-comp-elevated-card-dragged-container-elevation, var(--md-sys-elevation-level4))}.micl-card-elevated[inert]{--_card-background-color: var(--md-comp-elevated-card-disabled-container-color, var(--md-sys-color-surface));--_card-elevation: var(--md-comp-elevated-card-disabled-container-elevation, var(--md-sys-elevation-level1));--_card-opacity: var(--md-comp-elevated-card-disabled-container-opacity, var(--md-sys-state-disabled-state-layer-opacity));--_card-pointer-events: none}.micl-card-elevated{--_card-focus-outline-thickness: var(--md-comp-elevated-card-focus-indicator-thickness, var(--md-sys-state-focus-indicator-thickness));--_card-focus-outline-color: var(--md-comp-elevated-card-focus-indicator-color, var(--md-sys-color-secondary));--_card-focus-outline-offset: var(--md-comp-elevated-card-focus-indicator-outline-offset, var(--md-sys-state-focus-indicator-outer-offset))}.micl-card-filled{--_card-shape: var(--md-comp-filled-card-container-shape, var(--md-sys-shape-corner-medium));--_card-background-color: var(--md-comp-filled-card-container-color, var(--md-sys-color-surface-container-highest));--_card-elevation: var(--md-comp-filled-card-container-elevation, var(--md-sys-elevation-level0));--_card-hover-state-color: var(--md-comp-filled-card-hover-state-layer-color, var(--md-sys-color-on-surface));--_card-hover-state-opacity: var(--md-comp-filled-card-hover-state-layer-opacity, var(--md-sys-state-hover-state-layer-opacity));--_card-hover-elevation: var(--md-comp-filled-card-hover-container-elevation, var(--md-sys-elevation-level1));--_card-focus-state-color: var(--md-comp-filled-card-focus-state-layer-color, var(--md-sys-color-on-surface));--_card-focus-state-opacity: var(--md-comp-filled-card-focus-state-layer-opacity, var(--md-sys-state-focus-state-layer-opacity));--_card-focus-elevation: var(--md-comp-filled-card-focus-container-elevation, var(--md-sys-elevation-level0));--_card-pressed-state-color: var(--md-comp-filled-card-pressed-state-layer-color, var(--md-sys-color-on-surface));--_card-pressed-state-opacity: var(--md-comp-filled-card-pressed-state-layer-opacity, var(--md-sys-state-pressed-state-layer-opacity));--_card-pressed-elevation: var(--md-comp-filled-card-pressed-container-elevation, var(--md-sys-elevation-level0));--_card-dragged-state-color: var(--md-comp-filled-card-dragged-state-layer-color, var(--md-sys-color-on-surface));--_card-dragged-state-opacity: var(--md-comp-filled-card-dragged-state-layer-opacity, var(--md-sys-state-dragged-state-layer-opacity));--_card-dragged-elevation: var(--md-comp-filled-card-dragged-container-elevation, var(--md-sys-elevation-level3))}.micl-card-filled[inert]{--_card-background-color: var(--md-comp-filled-card-disabled-container-color, var(--md-sys-color-surface-variant));--_card-elevation: var(--md-comp-filled-card-disabled-container-elevation, var(--md-sys-elevation-level0));--_card-opacity: var(--md-comp-filled-card-disabled-container-opacity, var(--md-sys-state-disabled-state-layer-opacity));--_card-pointer-events: none}.micl-card-filled{--_card-focus-outline-thickness: var(--md-comp-filled-card-focus-indicator-thickness, var(--md-sys-state-focus-indicator-thickness));--_card-focus-outline-color: var(--md-comp-filled-card-focus-indicator-color, var(--md-sys-color-secondary));--_card-focus-outline-offset: var(--md-comp-filled-card-focus-indicator-outline-offset, var(--md-sys-state-focus-indicator-outer-offset))}.micl-card-outlined{--_card-shape: var(--md-comp-outlined-card-container-shape, var(--md-sys-shape-corner-medium));--_card-background-color: var(--md-comp-outlined-card-container-color, var(--md-sys-color-surface));--_card-elevation: var(--md-comp-outlined-card-container-elevation, var(--md-sys-elevation-level0));--_card-hover-state-color: var(--md-comp-outlined-card-hover-state-layer-color, var(--md-sys-color-on-surface));--_card-hover-state-opacity: var(--md-comp-outlined-card-hover-state-layer-opacity, var(--md-sys-state-hover-state-layer-opacity));--_card-hover-elevation: var(--md-comp-outlined-card-hover-container-elevation, var(--md-sys-elevation-level1));--_card-focus-state-color: var(--md-comp-outlined-card-focus-state-layer-color, var(--md-sys-color-on-surface));--_card-focus-state-opacity: var(--md-comp-outlined-card-focus-state-layer-opacity, var(--md-sys-state-focus-state-layer-opacity));--_card-focus-elevation: var(--md-comp-outlined-card-focus-container-elevation, var(--md-sys-elevation-level0));--_card-pressed-state-color: var(--md-comp-outlined-card-pressed-state-layer-color, var(--md-sys-color-on-surface));--_card-pressed-state-opacity: var(--md-comp-outlined-card-pressed-state-layer-opacity, var(--md-sys-state-pressed-state-layer-opacity));--_card-pressed-elevation: var(--md-comp-outlined-card-pressed-container-elevation, var(--md-sys-elevation-level0));--_card-dragged-state-color: var(--md-comp-outlined-card-dragged-state-layer-color, var(--md-sys-color-on-surface));--_card-dragged-state-opacity: var(--md-comp-outlined-card-dragged-state-layer-opacity, var(--md-sys-state-dragged-state-layer-opacity));--_card-dragged-elevation: var(--md-comp-outlined-card-dragged-container-elevation, var(--md-sys-elevation-level3))}.micl-card-outlined[inert]{--_card-background-color: var(--md-comp-outlined-card-disabled-container-color, var(--md-sys-color-surface));--_card-elevation: var(--md-comp-outlined-card-disabled-container-elevation, var(--md-sys-elevation-level0));--_card-opacity: var(--md-comp-outlined-card-disabled-container-opacity, var(--md-sys-state-disabled-state-layer-opacity));--_card-pointer-events: none}.micl-card-outlined{--_card-border-width: var(--md-comp-outlined-card-outline-width, 1px);--_card-border: var(--_card-border-width) solid var(--_card-border-color, var(--md-comp-outlined-card-outline-color, var(--md-sys-color-outline-variant)));--_card-hover-border-color: var(--md-comp-outlined-card-hover-outline-color, var(--md-sys-color-outline-variant));--_card-focus-border-color: var(--md-comp-outlined-card-focus-indicator-color, var(--md-sys-color-secondary));--_card-focus-border-width: var(--md-comp-outlined-card-focus-indicator-thickness, var(--md-sys-state-focus-indicator-thickness));--_card-pressed-border-color: var(--md-comp-outlined-card-pressed-outline-color, var(--md-sys-color-outline-variant));--_card-dragged-border-color: var(--md-comp-outlined-card-dragged-outline-color, var(--md-sys-color-outline-variant))}.micl-card-outlined[inert]{--_card-border-color: rgb(from var(--md-comp-outlined-card-disabled-outline-color, var(--md-sys-color-outline)) r g b / var(--md-comp-outlined-card-disabled-outline-opacity, 12%))}.micl-card__image{display:block;inline-size:100%;background-position:center;background-repeat:no-repeat;background-size:contain;border-radius:var(--_card-shape)}.micl-card-elevated>.micl-card__headline-s:first-child,.micl-card-elevated>.micl-card__headline-m:first-child,.micl-card-elevated>.micl-card__headline-l:first-child,.micl-card-filled>.micl-card__headline-s:first-child,.micl-card-filled>.micl-card__headline-m:first-child,.micl-card-filled>.micl-card__headline-l:first-child,.micl-card-outlined>.micl-card__headline-s:first-child,.micl-card-outlined>.micl-card__headline-m:first-child,.micl-card-outlined>.micl-card__headline-l:first-child,.micl-card-elevated>summary>.micl-card__headline-s:first-child,.micl-card-elevated>summary>.micl-card__headline-m:first-child,.micl-card-elevated>summary>.micl-card__headline-l:first-child,.micl-card-filled>summary>.micl-card__headline-s:first-child,.micl-card-filled>summary>.micl-card__headline-m:first-child,.micl-card-filled>summary>.micl-card__headline-l:first-child,.micl-card-outlined>summary>.micl-card__headline-s:first-child,.micl-card-outlined>summary>.micl-card__headline-m:first-child,.micl-card-outlined>summary>.micl-card__headline-l:first-child{padding-block-start:var(--md-comp-card-content-padding-block, 16px)}.micl-card__headline-s,.micl-card__headline-m,.micl-card__headline-l{display:flex;align-items:center;column-gap:var(--md-comp-card-gap, 8px);color:var(--_card-color)}.micl-card__headline-s h1,.micl-card__headline-s h2,.micl-card__headline-s h3,.micl-card__headline-s h4,.micl-card__headline-s h5,.micl-card__headline-s h6,.micl-card__headline-s .micl-heading,.micl-card__headline-m h1,.micl-card__headline-m h2,.micl-card__headline-m h3,.micl-card__headline-m h4,.micl-card__headline-m h5,.micl-card__headline-m h6,.micl-card__headline-m .micl-heading,.micl-card__headline-l h1,.micl-card__headline-l h2,.micl-card__headline-l h3,.micl-card__headline-l h4,.micl-card__headline-l h5,.micl-card__headline-l h6,.micl-card__headline-l .micl-heading{flex:1 2 fit-content;margin:0;padding-inline:var(--md-comp-card-padding-inline, 16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.micl-card__headline-s h1:has(+button),.micl-card__headline-s h2:has(+button),.micl-card__headline-s h3:has(+button),.micl-card__headline-s h4:has(+button),.micl-card__headline-s h5:has(+button),.micl-card__headline-s h6:has(+button),.micl-card__headline-s .micl-heading:has(+button),.micl-card__headline-m h1:has(+button),.micl-card__headline-m h2:has(+button),.micl-card__headline-m h3:has(+button),.micl-card__headline-m h4:has(+button),.micl-card__headline-m h5:has(+button),.micl-card__headline-m h6:has(+button),.micl-card__headline-m .micl-heading:has(+button),.micl-card__headline-l h1:has(+button),.micl-card__headline-l h2:has(+button),.micl-card__headline-l h3:has(+button),.micl-card__headline-l h4:has(+button),.micl-card__headline-l h5:has(+button),.micl-card__headline-l h6:has(+button),.micl-card__headline-l .micl-heading:has(+button){padding-inline-end:0}.micl-card__headline-s:has(button),.micl-card__headline-m:has(button),.micl-card__headline-l:has(button){margin-block:0}.micl-card__headline-s :is(h1,h2,h3,h4,h5,h6,.micl-heading){font-family:var(--md-sys-typescale-headline-small-font);font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--md-sys-typescale-headline-small-line-height);font-weight:var(--md-sys-typescale-headline-small-weight);letter-spacing:var(--md-sys-typescale-headline-small-tracking)}.micl-card__headline-m :is(h1,h2,h3,h4,h5,h6,.micl-heading){font-family:var(--md-sys-typescale-headline-medium-font);font-size:var(--md-sys-typescale-headline-medium-size);line-height:var(--md-sys-typescale-headline-medium-line-height);font-weight:var(--md-sys-typescale-headline-medium-weight);letter-spacing:var(--md-sys-typescale-headline-medium-tracking)}.micl-card__headline-l :is(h1,h2,h3,h4,h5,h6,.micl-heading){font-family:var(--md-sys-typescale-headline-large-font);font-size:var(--md-sys-typescale-headline-large-size);line-height:var(--md-sys-typescale-headline-large-line-height);font-weight:var(--md-sys-typescale-headline-large-weight);letter-spacing:var(--md-sys-typescale-headline-large-tracking)}.micl-card__subhead{font-family:var(--md-sys-typescale-title-medium-font);font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height);font-weight:var(--md-sys-typescale-title-medium-weight);letter-spacing:var(--md-sys-typescale-title-medium-tracking);display:block;margin:calc(-1*var(--md-comp-card-gap, 8px)) 0 var(--md-comp-card-gap, 8px) 0;padding:0 var(--md-comp-card-padding-inline, 16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--_card-color)}.micl-card__supporting-text{font-family:var(--md-sys-typescale-body-smallmedium-font);font-size:var(--md-sys-typescale-body-smallmedium-size);line-height:var(--md-sys-typescale-body-smallmedium-line-height);font-weight:var(--md-sys-typescale-body-smallmedium-weight);letter-spacing:var(--md-sys-typescale-body-smallmedium-tracking);display:block;margin:0;padding:0 var(--md-comp-card-padding-inline, 16px);color:var(--_card-color)}.micl-card__content{box-sizing:border-box;padding-block:var(--md-comp-card-content-padding-block, 16px);padding-inline:var(--md-comp-card-padding-inline, 16px);overflow:clip visible}.micl-card__actions{box-sizing:border-box;display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;padding-block:0 var(--md-comp-card-content-padding-block, 16px);padding-inline:var(--md-comp-card-padding-inline, 16px)}.micl-card__actions.micl-card__actions--outset-start{padding-inline-start:calc(var(--md-comp-card-padding-inline, 16px) - 16px)}.micl-card__actions.micl-card__actions--outset-end{padding-inline-end:calc(var(--md-comp-card-padding-inline, 16px) - 16px)}

package/dist/checkbox.js

@@ -1 +1 @@
-!function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports.micl=o():e.micl=o()}(self,()=>(()=>{"use strict";var e={};return(e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})})(e),e})());
+!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";var e={d:(t,c)=>{for(var o in c)e.o(c,o)&&!e.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:c[o]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};return(()=>{e.r(t),e.d(t,{checkboxGroupSelector:()=>c,default:()=>o});const c=".micl-checkbox-group",o=(()=>{const e=e=>{const t=e.querySelector(".micl-checkbox__parent");return t?.closest(c)===e?t:null},t=o=>{const n=e(o);if(!n)return!1;let i=0,r=0;return o.querySelectorAll('input[type="checkbox"].micl-checkbox').forEach(e=>{if(e!==n){const n=e.closest(c);n===o?(i++,e.checked&&!e.indeterminate&&r++):e.classList.contains("micl-checkbox__parent")&&n?.parentElement?.closest(c)===o&&(i++,t(n)&&r++)}}),0===r?(n.checked=!1,n.indeterminate=!1):r===i?(n.checked=!0,n.indeterminate=!1):(n.checked=!0,n.indeterminate=!0),r===i},o=(e,t)=>{e.querySelectorAll('input[type="checkbox"].micl-checkbox').forEach(n=>{const i=n.closest(c);i===e?n.checked=t:n.classList.contains("micl-checkbox__parent")&&i?.parentElement?.closest(c)===e&&(n.checked=t,o(i,t))})},n=(n,i)=>{const r=e(n);if(!r)return;i===r&&o(n,i.checked);let l,s=n;do{l=s,s=s.parentElement?.closest(c)}while(s);t(l)};return{initialize:e=>{e.matches(c)&&!e.dataset.miclinitialized&&(e.dataset.miclinitialized="1",e.addEventListener("change",t=>{const c=t.target;c.classList.contains("micl-checkbox")&&(t.stopPropagation(),n(e,c))}),n(e,null))}}})()})(),t})());

package/dist/components/button/index.d.ts

@@ -1,4 +1,4 @@
-export declare const buttonSelector = "button.micl-button--toggle";
+export declare const buttonSelector = ".micl-button--toggle";
 declare const _default: {
     command: (event: Event) => void;
     initialize: (element: HTMLButtonElement) => void;

package/dist/components/iconbutton/index.d.ts

@@ -1,4 +1,4 @@
-export declare const buttonSelector = "button.micl-button--toggle";
+export declare const buttonSelector = ".micl-button--toggle";
 declare const _default: {
     command: (event: Event) => void;
     initialize: (element: HTMLButtonElement) => void;

package/dist/datepicker.js

@@ -1 +1 @@
-!function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports.micl=o():e.micl=o()}(self,()=>(()=>{"use strict";var e={};return(e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})})(e),e})());
+!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";var e={d:(t,n)=>{for(var a in n)e.o(n,a)&&!e.o(t,a)&&Object.defineProperty(t,a,{enumerable:!0,get:n[a]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};return(()=>{e.r(t),e.d(t,{datepickerSelector:()=>n,default:()=>v});const n="dialog.micl-dialog.micl-datepicker",a=new WeakMap,r=(new Intl.DateTimeFormat).resolvedOptions().locale,i={input:new Intl.DateTimeFormat(r,{year:"numeric",month:"2-digit",day:"2-digit"}),header:new Intl.DateTimeFormat(r,{weekday:"short",day:"numeric",month:"short"}),monthLong:new Intl.DateTimeFormat(void 0,{month:"long"}),monthShort:new Intl.DateTimeFormat(r,{month:"short"}),weekdayNarrow:new Intl.DateTimeFormat(r,{weekday:"narrow"}),weekdayLong:new Intl.DateTimeFormat(r,{weekday:"long"})},o=e=>{const t=new Date(e);return t.setHours(0,0,0,0),t},c=e=>{const t=(e.getMonth()+1).toString().padStart(2,"0"),n=e.getDate().toString().padStart(2,"0");return`${e.getFullYear()}-${t}-${n}`},l=()=>i.input.formatToParts(new Date(2025,0,15)).map(e=>{switch(e.type){case"day":return"DD";case"month":return"MM";case"year":return"YYYY";case"literal":return e.value;default:return""}}).join("").trim(),s=(()=>{try{const e=new Intl.Locale(r).getWeekInfo?.();if(e)return 7===e.firstDay?0:e.firstDay}catch{}return/US|CA|MX/i.test(r)?0:1})(),d=e=>!isNaN(e.getTime()),m=(e,t)=>{if(e)if(e.firstElementChild){let n=e.firstChild;for(;n;){if(n.nodeType===Node.TEXT_NODE)return void(n.nodeValue=t);n=n.nextSibling}e.appendChild(document.createTextNode(t))}else e.textContent=t},u=(e,t)=>{const n=new Date(e,t,1).getDay(),a=new Date(e,t,1-(n-s+7)%7);return Array.from({length:42},(e,n)=>{const r=new Date(a);return r.setDate(a.getDate()+n),{date:r,val:c(r),isCurrentMonth:r.getMonth()===t}})},p=(e,t,n,a=!1)=>{if(a){const n=(()=>{const e=new Date,t=e.getDay()-s;e.setDate(e.getDate()-t);const n=document.createDocumentFragment();for(let t=0;t<7;t++){const a=document.createElement("span");a.style.gridArea=`1 / ${t+1}`,a.textContent=i.weekdayNarrow.format(e),a.title=i.weekdayLong.format(e),n.appendChild(a),e.setDate(e.getDate()+1)}return n})();t.forEach((e,t)=>{const a=document.createElement("time"),r=Math.floor(t/7)+2,i=t%7+1;a.style.gridArea=`${r} / ${i}`,n.appendChild(a)}),e.appendChild(n)}const r=o(new Date);e.querySelectorAll("time").forEach((e,a)=>{const i=t[a];e.dateTime=i.val,e.textContent=i.date.getDate().toString();const o=i.date.getTime()===n.selected.getTime(),c=i.date.getTime()===r.getTime();e.className="",i.isCurrentMonth||e.classList.add("micl-datepicker__outside"),o&&e.classList.add("micl-datepicker__selected"),c&&e.classList.add("micl-datepicker__today")})},h=(e,t,n=0)=>{const a=e.querySelector(".micl-dialog__content"),o=a?.querySelector(".micl-datepicker__calendars");if(!o)return;const c="micl-startleft",s="micl-startright",d="micl-moveleft",h="micl-moveright";if(o.classList.remove(d,h,c,s),o.offsetWidth,0!==n){const e=o.querySelector(".micl-datepicker__calendar");if(!e)return;const a=document.createElement("div"),r=document.createElement("div");a.classList.add("micl-datepicker__calendar"),r.classList.add("micl-datepicker__calendar-inner");const i=u(t.viewDate.getFullYear(),t.viewDate.getMonth());p(r,i,t,!0);const l=n>0,m=l?c:s,f=l?d:h;a.appendChild(r),l?o.appendChild(a):o.prepend(a),o.classList.add("micl-no-transition",m),o.offsetWidth,requestAnimationFrame(()=>{o.classList.remove("micl-no-transition",m),o.classList.add(f)});const g=()=>{o.removeEventListener("transitionend",g),setTimeout(()=>{o.classList.remove(f),e.parentElement===o&&e.remove(),o.classList.add("micl-no-transition",c),o.offsetWidth,o.classList.remove("micl-no-transition",c)},0)};o.addEventListener("transitionend",g)}else{let e=o.querySelector(".micl-datepicker__calendar");e||(e=document.createElement("div"),e.classList.add("micl-datepicker__calendar"),e=o.appendChild(e));let n=e.querySelector(".micl-datepicker__calendar-inner");n||(n=document.createElement("div"),n.classList.add("micl-datepicker__calendar-inner"),e.appendChild(n));const a=u(t.viewDate.getFullYear(),t.viewDate.getMonth());p(n,a,t,0===n.querySelectorAll("time").length)}const f=a?.querySelector(".micl-datepicker__input input");f&&(f.value=i.input.format(t.selected),f.value?f.dataset.miclvalue="1":delete f.dataset.miclvalue,f.dataset.micldateformat||(f.dataset.micldateformat=l())),m(e.querySelector("h1, h2, h3, h4, h5, h6, .micl-heading"),i.header.format(t.selected)),m(e.querySelector(".micl-datepicker__month"),i.monthShort.format(t.viewDate)),m(e.querySelector(".micl-datepicker__year"),t.viewDate.toLocaleDateString(r,e.classList.contains("micl-dialog--docked")?{year:"numeric"}:{month:"long",year:"numeric"}));const g=e.querySelector(`.micl-datepicker__months input[value="${t.viewDate.getMonth()}"]`);g&&(g.checked=!0);const y=e.querySelector(`.micl-datepicker__years input[value="${t.viewDate.getFullYear()}"]`);y&&(y.checked=!0)},f=(e,t)=>{"months"!==t&&"years"!==t||e.querySelector(`.micl-datepicker__${t}.micl-datepicker__view-hidden`)||(t="calendars"),["calendars","input","month-selector","year-selector"].forEach(n=>{let a="input"===t;"calendars"!==n&&"input"!==n||(a=t!==n),e.querySelector(`.micl-datepicker__${n}`)?.classList.toggle("micl-datepicker__view-hidden",a)});const n=e.querySelector(".micl-dialog__content");if(!n)return;const a=parseInt(window.getComputedStyle(n).getPropertyValue("max-block-size"),10);[".micl-datepicker__months",".micl-datepicker__years"].forEach(e=>{const r=n.querySelector(e);if(!r)return;const i=r.querySelector("input:checked");let o=!1;if(i&&e.substring(18)===t){const e=window.getComputedStyle(r).getPropertyValue("transition-duration"),t=parseFloat(e)*(e.includes("ms")?1:1e3),c=r.scrollHeight-a,l=(a-48)/2;if(i.offsetTop>l){let e=i.offsetTop-l-24;e>c&&(e=c);const a=performance.now(),s=r=>{const i=Math.min((r-a)/t,1);n.scrollTop=e*i,i<1&&requestAnimationFrame(s)};r.classList.remove("micl-datepicker__view-hidden"),requestAnimationFrame(s),o=null,r.addEventListener("transitionend",function t(a){"height"!==a.propertyName&&"block-size"!==a.propertyName||(n.scrollTop=e,r.removeEventListener("transitionend",t))})}}else o=!0;null!==o&&r.classList.toggle("micl-datepicker__view-hidden",o)})},g=(e,t,n)=>{const r=a.get(e);if(!r)return;const i=new Date(r.viewDate);"month"===n?i.setMonth(i.getMonth()+t):i.setFullYear(i.getFullYear()+t);const o=r.min&&i<r.min,c=r.max&&i>r.max;o||c?e.querySelector(".micl-datepicker__calendars")?.animate([{transform:"translateX(0)"},{transform:`translateX(${o?8:-8}px)`},{transform:"translateX(0)"}],{duration:500,easing:"ease-in-out"}):(r.viewDate=i,h(e,r,"month"===n?t:0))},y=(e,t,n=!1)=>{const r=a.get(e);if(!r)return;let i=[];if(n){const e=l();if(t.length===e.length){let n="",a="",r="";for(let i=0;i<e.length;i++)switch(e[i]){case"D":n+=t[i];break;case"M":a+=t[i];break;case"Y":r+=t[i]}i=[parseInt(r,10),parseInt(a,10)-1,parseInt(n,10)]}}else i=t.split("-").map(Number),i[1]--;3===i.length&&(r.selected=new Date(i[0],i[1],i[2]),r.viewDate=new Date(r.selected),h(e,r))},v={keydown:e=>{if(!(e instanceof KeyboardEvent&&e.target instanceof Element))return;const t=e.target.closest(n);if(t)switch(e.key){case"Enter":case" ":e.target instanceof HTMLInputElement&&"date"===e.target.type&&e.preventDefault();break;case"M":f(t,"months");break;case"Y":f(t,"years");break;case"PageUp":case"PageDown":g(t,"PageUp"===e.key?1:-1,e.shiftKey?"year":"month")}},initialize:e=>{if(e.dataset.miclinitialized)return;const t=e.querySelector("form"),n=e.querySelector(".micl-dialog__content");t&&n&&(e.dataset.miclinitialized="1",e.addEventListener("click",t=>{const n=t.target,r=n.closest("button");if(r){const t=r.parentElement?.classList.contains("micl-datepicker__month-selector"),n=r.classList.contains("micl-datepicker__next"),a=r.classList.contains("micl-datepicker__previous");if(n||a)return void g(e,n?1:-1,t?"month":"year")}n.closest(".micl-datepicker__month")&&f(e,"months"),n.closest(".micl-datepicker__year")&&f(e,"years"),n.closest(".micl-datepicker__inputmode")&&f(e,e.querySelector(".micl-datepicker__input.micl-datepicker__view-hidden")?"input":"calendars");const i=n.closest("time");if(i&&i.dateTime&&y(e,i.dateTime),n instanceof HTMLInputElement&&("miclmonth"===n.name||"miclyear"===n.name)){const t=a.get(e);if(t){const a=parseInt(n.value,10);"miclmonth"===n.name?t.viewDate.setMonth(a):t.viewDate.setFullYear(a),t.viewDate<t.min?t.viewDate=t.min:t.viewDate>t.max&&(t.viewDate=t.max),h(e,t),f(e,"calendars")}}}),e.addEventListener("beforetoggle",t=>{if("open"!==t.newState)return;const n=e=>e instanceof HTMLInputElement||e instanceof HTMLButtonElement;let r=document.activeElement;if(n(r)&&(r.dataset.datepicker||r.popoverTargetElement||r.commandForElement)||(r=document.querySelector(`[data-datepicker="${e.id}"],[popovertarget="${e.id}"],[commandfor="${e.id}"]`)),!n(r))return;let c=new Date,l=new Date(1900,0,1),s=new Date(2099,11,31);if(r instanceof HTMLInputElement)"date"===r.type&&r.valueAsDate?c=r.valueAsDate:r.value&&(c=new Date(r.value)),r.min&&(l=new Date(r.min)),r.max&&(s=new Date(r.max));else{const e=new Date(r.value||r.textContent);d(e)&&(c=e)}d(c)||(c=new Date),c=o(c);const m={invoker:r,selected:c,viewDate:new Date(c),min:l,max:s};a.set(e,m),((e,t,n)=>{const a=t.getFullYear(),r=n.getFullYear();["months","years"].forEach(o=>{const c=e.querySelector(`.micl-datepicker__${o}`);if(!c)return;c.innerHTML="";const l=document.createDocumentFragment(),s=n.getMonth();if("months"===o){const e=[];let a=new Date(t.getFullYear(),t.getMonth(),1);for(;a<=n||a.getMonth()===s&&a.getFullYear()===r;)e.push(a.getMonth()),a.setMonth(a.getMonth()+1);[...new Set(e.sort((e,t)=>e-t))].forEach(e=>{const t=document.createElement("label");t.innerHTML=`<span class="material-symbols-outlined">check</span><input type="radio" name="miclmonth" value="${e}"> ${i.monthLong.format(new Date(2e3,e,1))}`,l.appendChild(t)})}else for(let e=a;e<=r;e++){const t=document.createElement("label");t.innerHTML=`<input type="radio" name="miclyear" value="${e}"> ${e}`,l.appendChild(t)}const d=document.createElement("div");d.classList.add(`micl-datepicker__${o}-inner`),c.appendChild(d).appendChild(l)})})(e,l,s),f(e,"calendars"),h(e,m),e.querySelector(".micl-datepicker__input input")?.addEventListener("blur",t=>{const n=t.target;y(e,n.value,!0)},{once:!0})}),e.addEventListener("close",()=>{const t=a.get(e);t?.invoker&&""!==e.returnValue&&(t.invoker.value=c(t.selected),t.invoker instanceof HTMLInputElement?(t.invoker.dispatchEvent(new Event("change",{bubbles:!0})),t.invoker.dispatchEvent(new Event("input",{bubbles:!0}))):t.invoker.textContent=t.selected.toLocaleDateString())}))}}})(),t})());

package/dist/iconbutton.css

@@ -1 +1 @@
-:root{--md-sys-icon-size: 24px;--md-sys-padding-xxs: 4px;--md-sys-padding-xs: 8px;--md-sys-padding-s: 12px;--md-sys-padding-m: 16px;--md-sys-padding-l: 20px;--md-sys-padding-xl: 24px;--md-sys-padding-xxl: 28px}.micl-hidden{display:none !important}.micl-no-transition{transition:none !important}.micl-flex--vcenter{display:flex;flex-direction:row;align-items:center}.micl-grid-field,.micl-grid-iconfield{box-sizing:border-box;display:grid;row-gap:var(--md-sys-padding-xl, 24px)}.micl-grid-iconfield{grid-template-columns:48px 1fr}.micl-grid-iconfield__icon{grid-column:1;margin-block-start:.6rem}.micl-grid-iconfield__field{grid-column:2}.micl-link{display:flex;align-items:center;justify-content:center;text-decoration:none}@property --micl-ripple{syntax:"<integer>";inherits:false;initial-value:0}@property --micl-x{syntax:"<length>";inherits:false;initial-value:-100000px}@property --micl-y{syntax:"<length>";inherits:false;initial-value:-100000px}@property --micl-width{syntax:"<length>";inherits:true;initial-value:0px}@property --micl-height{syntax:"<length>";inherits:true;initial-value:0px}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: 5000ms}@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%,100%}to{background-size:10000%,100%}}button.micl-iconbutton-standard-xs,a.micl-iconbutton-standard-xs,button.micl-iconbutton-standard-s,a.micl-iconbutton-standard-s,button.micl-iconbutton-standard-m,a.micl-iconbutton-standard-m,button.micl-iconbutton-standard-l,button.micl-iconbutton-standard-xl,button.micl-iconbutton-filled-xs,button.micl-iconbutton-filled-s,button.micl-iconbutton-filled-m,button.micl-iconbutton-filled-l,button.micl-iconbutton-filled-xl,button.micl-iconbutton-tonal-xs,button.micl-iconbutton-tonal-s,button.micl-iconbutton-tonal-m,button.micl-iconbutton-tonal-l,button.micl-iconbutton-tonal-xl,button.micl-iconbutton-outlined-xs,button.micl-iconbutton-outlined-s,button.micl-iconbutton-outlined-m,button.micl-iconbutton-outlined-l,button.micl-iconbutton-outlined-xl{--md-sys-iconbutton-motion-effects: cubic-bezier(0.42, 1.67, 0.21, 0.9);--md-sys-iconbutton-motion-duration: 350ms;--md-sys-iconbutton-motion-duration-reverse: 350ms;--micl-ripple: 1;display:inline-flex;align-items:center;justify-content:center;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-size:0%,100%;-webkit-tap-highlight-color:rgba(0,0,0,0);color:var(--md-sys-color-on-surface-variant);font-variation-settings:"FILL" 0;cursor:pointer;transition:border-radius var(--md-sys-iconbutton-motion-duration) var(--md-sys-iconbutton-motion-effects),font-variation-settings var(--md-sys-iconbutton-motion-duration) linear,background-size 0ms,--statelayer-opacity var(--md-sys-iconbutton-motion-duration) linear}button.micl-iconbutton-standard-xs:disabled,a.micl-iconbutton-standard-xs:disabled,button.micl-iconbutton-standard-s:disabled,a.micl-iconbutton-standard-s:disabled,button.micl-iconbutton-standard-m:disabled,a.micl-iconbutton-standard-m:disabled,button.micl-iconbutton-standard-l:disabled,button.micl-iconbutton-standard-xl:disabled,button.micl-iconbutton-filled-xs:disabled,button.micl-iconbutton-filled-s:disabled,button.micl-iconbutton-filled-m:disabled,button.micl-iconbutton-filled-l:disabled,button.micl-iconbutton-filled-xl:disabled,button.micl-iconbutton-tonal-xs:disabled,button.micl-iconbutton-tonal-s:disabled,button.micl-iconbutton-tonal-m:disabled,button.micl-iconbutton-tonal-l:disabled,button.micl-iconbutton-tonal-xl:disabled,button.micl-iconbutton-outlined-xs:disabled,button.micl-iconbutton-outlined-s:disabled,button.micl-iconbutton-outlined-m:disabled,button.micl-iconbutton-outlined-l:disabled,button.micl-iconbutton-outlined-xl:disabled{background-color:rgb(from var(--md-sys-color-on-surface) r g b/10%);color:rgb(from var(--md-sys-color-on-surface) r g b/var(--md-sys-state-disabled-state-layer-opacity, 38%));box-shadow:var(--md-sys-elevation-level0);cursor:default}button.micl-iconbutton-standard-xs:not(:disabled):focus-visible,a.micl-iconbutton-standard-xs:not(:disabled):focus-visible,button.micl-iconbutton-standard-s:not(:disabled):focus-visible,a.micl-iconbutton-standard-s:not(:disabled):focus-visible,button.micl-iconbutton-standard-m:not(:disabled):focus-visible,a.micl-iconbutton-standard-m:not(:disabled):focus-visible,button.micl-iconbutton-standard-l:not(:disabled):focus-visible,button.micl-iconbutton-standard-xl:not(:disabled):focus-visible,button.micl-iconbutton-filled-xs:not(:disabled):focus-visible,button.micl-iconbutton-filled-s:not(:disabled):focus-visible,button.micl-iconbutton-filled-m:not(:disabled):focus-visible,button.micl-iconbutton-filled-l:not(:disabled):focus-visible,button.micl-iconbutton-filled-xl:not(:disabled):focus-visible,button.micl-iconbutton-tonal-xs:not(:disabled):focus-visible,button.micl-iconbutton-tonal-s:not(:disabled):focus-visible,button.micl-iconbutton-tonal-m:not(:disabled):focus-visible,button.micl-iconbutton-tonal-l:not(:disabled):focus-visible,button.micl-iconbutton-tonal-xl:not(:disabled):focus-visible,button.micl-iconbutton-outlined-xs:not(:disabled):focus-visible,button.micl-iconbutton-outlined-s:not(:disabled):focus-visible,button.micl-iconbutton-outlined-m:not(:disabled):focus-visible,button.micl-iconbutton-outlined-l:not(:disabled):focus-visible,button.micl-iconbutton-outlined-xl:not(:disabled):focus-visible{outline:var(--md-sys-state-focus-indicator-thickness, 3px) solid var(--md-sys-color-secondary);outline-offset:3px}button.micl-iconbutton-standard-xs:not(:disabled).micl-rippling,a.micl-iconbutton-standard-xs:not(:disabled).micl-rippling,button.micl-iconbutton-standard-s:not(:disabled).micl-rippling,a.micl-iconbutton-standard-s:not(:disabled).micl-rippling,button.micl-iconbutton-standard-m:not(:disabled).micl-rippling,a.micl-iconbutton-standard-m:not(:disabled).micl-rippling,button.micl-iconbutton-standard-l:not(:disabled).micl-rippling,button.micl-iconbutton-standard-xl:not(:disabled).micl-rippling,button.micl-iconbutton-filled-xs:not(:disabled).micl-rippling,button.micl-iconbutton-filled-s:not(:disabled).micl-rippling,button.micl-iconbutton-filled-m:not(:disabled).micl-rippling,button.micl-iconbutton-filled-l:not(:disabled).micl-rippling,button.micl-iconbutton-filled-xl:not(:disabled).micl-rippling,button.micl-iconbutton-tonal-xs:not(:disabled).micl-rippling,button.micl-iconbutton-tonal-s:not(:disabled).micl-rippling,button.micl-iconbutton-tonal-m:not(:disabled).micl-rippling,button.micl-iconbutton-tonal-l:not(:disabled).micl-rippling,button.micl-iconbutton-tonal-xl:not(:disabled).micl-rippling,button.micl-iconbutton-outlined-xs:not(:disabled).micl-rippling,button.micl-iconbutton-outlined-s:not(:disabled).micl-rippling,button.micl-iconbutton-outlined-m:not(:disabled).micl-rippling,button.micl-iconbutton-outlined-l:not(:disabled).micl-rippling,button.micl-iconbutton-outlined-xl:not(:disabled).micl-rippling{animation:micl-ripple var(--md-sys-state-ripple-duration) cubic-bezier(0.2, 0, 0, 1)}button.micl-iconbutton-standard-xs:hover:not(:disabled),button.micl-iconbutton-standard-xs.micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-xs:hover:not(:disabled),a.micl-iconbutton-standard-xs.micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-s:hover:not(:disabled),button.micl-iconbutton-standard-s.micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-s:hover:not(:disabled),a.micl-iconbutton-standard-s.micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-m:hover:not(:disabled),button.micl-iconbutton-standard-m.micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-m:hover:not(:disabled),a.micl-iconbutton-standard-m.micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-l:hover:not(:disabled),button.micl-iconbutton-standard-l.micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-xl:hover:not(:disabled),button.micl-iconbutton-standard-xl.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-xs:hover:not(:disabled),button.micl-iconbutton-filled-xs.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-s:hover:not(:disabled),button.micl-iconbutton-filled-s.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-m:hover:not(:disabled),button.micl-iconbutton-filled-m.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-l:hover:not(:disabled),button.micl-iconbutton-filled-l.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-xl:hover:not(:disabled),button.micl-iconbutton-filled-xl.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-xs:hover:not(:disabled),button.micl-iconbutton-tonal-xs.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-s:hover:not(:disabled),button.micl-iconbutton-tonal-s.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-m:hover:not(:disabled),button.micl-iconbutton-tonal-m.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-l:hover:not(:disabled),button.micl-iconbutton-tonal-l.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-xl:hover:not(:disabled),button.micl-iconbutton-tonal-xl.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-xs:hover:not(:disabled),button.micl-iconbutton-outlined-xs.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-s:hover:not(:disabled),button.micl-iconbutton-outlined-s.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-m:hover:not(:disabled),button.micl-iconbutton-outlined-m.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-l:hover:not(:disabled),button.micl-iconbutton-outlined-l.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-xl:hover:not(:disabled),button.micl-iconbutton-outlined-xl.micl-button--toggle.micl-button--selected{font-variation-settings:"FILL" 1}button.micl-iconbutton-standard-xs.micl-button--toggle:not(.micl-button--selected)::before,a.micl-iconbutton-standard-xs.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-standard-s.micl-button--toggle:not(.micl-button--selected)::before,a.micl-iconbutton-standard-s.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-standard-m.micl-button--toggle:not(.micl-button--selected)::before,a.micl-iconbutton-standard-m.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-standard-l.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-standard-xl.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-filled-xs.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-filled-s.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-filled-m.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-filled-l.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-filled-xl.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-tonal-xs.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-tonal-s.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-tonal-m.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-tonal-l.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-tonal-xl.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-outlined-xs.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-outlined-s.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-outlined-m.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-outlined-l.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-outlined-xl.micl-button--toggle:not(.micl-button--selected)::before{content:attr(data-miclicon)}button.micl-iconbutton-standard-xs.micl-button--toggle.micl-button--selected::before,a.micl-iconbutton-standard-xs.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-standard-s.micl-button--toggle.micl-button--selected::before,a.micl-iconbutton-standard-s.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-standard-m.micl-button--toggle.micl-button--selected::before,a.micl-iconbutton-standard-m.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-standard-l.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-standard-xl.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-filled-xs.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-filled-s.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-filled-m.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-filled-l.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-filled-xl.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-tonal-xs.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-tonal-s.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-tonal-m.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-tonal-l.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-tonal-xl.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-outlined-xs.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-outlined-s.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-outlined-m.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-outlined-l.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-outlined-xl.micl-button--toggle.micl-button--selected::before{content:attr(data-micliconselected)}button.micl-iconbutton-standard-xs,a.micl-iconbutton-standard-xs,button.micl-iconbutton-filled-xs,button.micl-iconbutton-tonal-xs,button.micl-iconbutton-outlined-xs{--micl-width: 32px;--micl-height: 32px;position:relative;inline-size:var(--micl-width);min-inline-size:var(--micl-width);block-size:var(--micl-height);font-size:20px}button.micl-iconbutton-standard-xs::before,a.micl-iconbutton-standard-xs::before,button.micl-iconbutton-filled-xs::before,button.micl-iconbutton-tonal-xs::before,button.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)}button.micl-iconbutton-standard-xs.micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-xs.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-xs.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-xs.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-xs.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-medium)}button.micl-iconbutton-standard-xs.micl-iconbutton--narrow,a.micl-iconbutton-standard-xs.micl-iconbutton--narrow,button.micl-iconbutton-filled-xs.micl-iconbutton--narrow,button.micl-iconbutton-tonal-xs.micl-iconbutton--narrow,button.micl-iconbutton-outlined-xs.micl-iconbutton--narrow{--micl-width: 28px;border-radius:calc(var(--micl-width)/2)}button.micl-iconbutton-standard-xs.micl-iconbutton--wide,a.micl-iconbutton-standard-xs.micl-iconbutton--wide,button.micl-iconbutton-filled-xs.micl-iconbutton--wide,button.micl-iconbutton-tonal-xs.micl-iconbutton--wide,button.micl-iconbutton-outlined-xs.micl-iconbutton--wide{--micl-width: 40px;border-radius:calc(var(--micl-height)/2)}button.micl-iconbutton-standard-xs.micl-button--square,a.micl-iconbutton-standard-xs.micl-button--square,button.micl-iconbutton-filled-xs.micl-button--square,button.micl-iconbutton-tonal-xs.micl-button--square,button.micl-iconbutton-outlined-xs.micl-button--square{border-radius:var(--md-sys-shape-corner-medium)}button.micl-iconbutton-standard-xs.micl-button--square.micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-xs.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-xs.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-xs.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-xs.micl-button--square.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-full)}button.micl-iconbutton-standard-xs:not(:disabled):active,a.micl-iconbutton-standard-xs:not(:disabled):active,button.micl-iconbutton-filled-xs:not(:disabled):active,button.micl-iconbutton-tonal-xs:not(:disabled):active,button.micl-iconbutton-outlined-xs:not(:disabled):active{border-radius:var(--md-sys-shape-corner-small)}button.micl-iconbutton-standard-s,a.micl-iconbutton-standard-s,button.micl-iconbutton-filled-s,button.micl-iconbutton-tonal-s,button.micl-iconbutton-outlined-s{--micl-width: 40px;--micl-height: 40px;position:relative;inline-size:var(--micl-width);min-inline-size:var(--micl-width);block-size:var(--micl-height);font-size:var(--md-sys-icon-size, 24px)}button.micl-iconbutton-standard-s::before,a.micl-iconbutton-standard-s::before,button.micl-iconbutton-filled-s::before,button.micl-iconbutton-tonal-s::before,button.micl-iconbutton-outlined-s::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)}button.micl-iconbutton-standard-s.micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-s.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-s.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-s.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-s.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-medium)}button.micl-iconbutton-standard-s.micl-iconbutton--narrow,a.micl-iconbutton-standard-s.micl-iconbutton--narrow,button.micl-iconbutton-filled-s.micl-iconbutton--narrow,button.micl-iconbutton-tonal-s.micl-iconbutton--narrow,button.micl-iconbutton-outlined-s.micl-iconbutton--narrow{--micl-width: 32px;border-radius:calc(var(--micl-width)/2)}button.micl-iconbutton-standard-s.micl-iconbutton--wide,a.micl-iconbutton-standard-s.micl-iconbutton--wide,button.micl-iconbutton-filled-s.micl-iconbutton--wide,button.micl-iconbutton-tonal-s.micl-iconbutton--wide,button.micl-iconbutton-outlined-s.micl-iconbutton--wide{--micl-width: 52px;border-radius:calc(var(--micl-height)/2)}button.micl-iconbutton-standard-s.micl-button--square,a.micl-iconbutton-standard-s.micl-button--square,button.micl-iconbutton-filled-s.micl-button--square,button.micl-iconbutton-tonal-s.micl-button--square,button.micl-iconbutton-outlined-s.micl-button--square{border-radius:var(--md-sys-shape-corner-medium)}button.micl-iconbutton-standard-s.micl-button--square.micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-s.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-s.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-s.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-s.micl-button--square.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-full)}button.micl-iconbutton-standard-s:not(:disabled):active,a.micl-iconbutton-standard-s:not(:disabled):active,button.micl-iconbutton-filled-s:not(:disabled):active,button.micl-iconbutton-tonal-s:not(:disabled):active,button.micl-iconbutton-outlined-s:not(:disabled):active{border-radius:var(--md-sys-shape-corner-small)}button.micl-iconbutton-standard-m,a.micl-iconbutton-standard-m,button.micl-iconbutton-filled-m,button.micl-iconbutton-tonal-m,button.micl-iconbutton-outlined-m{--micl-width: 56px;--micl-height: 56px;inline-size:var(--micl-width);min-inline-size:var(--micl-width);block-size:var(--micl-height);font-size:var(--md-sys-icon-size, 24px)}button.micl-iconbutton-standard-m.micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-m.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-m.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-m.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-m.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-large)}button.micl-iconbutton-standard-m.micl-iconbutton--narrow,a.micl-iconbutton-standard-m.micl-iconbutton--narrow,button.micl-iconbutton-filled-m.micl-iconbutton--narrow,button.micl-iconbutton-tonal-m.micl-iconbutton--narrow,button.micl-iconbutton-outlined-m.micl-iconbutton--narrow{--micl-width: 48px;border-radius:calc(var(--micl-width)/2)}button.micl-iconbutton-standard-m.micl-iconbutton--wide,a.micl-iconbutton-standard-m.micl-iconbutton--wide,button.micl-iconbutton-filled-m.micl-iconbutton--wide,button.micl-iconbutton-tonal-m.micl-iconbutton--wide,button.micl-iconbutton-outlined-m.micl-iconbutton--wide{--micl-width: 72px;border-radius:calc(var(--micl-height)/2)}button.micl-iconbutton-standard-m.micl-button--square,a.micl-iconbutton-standard-m.micl-button--square,button.micl-iconbutton-filled-m.micl-button--square,button.micl-iconbutton-tonal-m.micl-button--square,button.micl-iconbutton-outlined-m.micl-button--square{border-radius:var(--md-sys-shape-corner-large)}button.micl-iconbutton-standard-m.micl-button--square.micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-m.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-m.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-m.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-m.micl-button--square.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-full)}button.micl-iconbutton-standard-m:not(:disabled):active,a.micl-iconbutton-standard-m:not(:disabled):active,button.micl-iconbutton-filled-m:not(:disabled):active,button.micl-iconbutton-tonal-m:not(:disabled):active,button.micl-iconbutton-outlined-m:not(:disabled):active{border-radius:var(--md-sys-shape-corner-medium)}button.micl-iconbutton-standard-l,button.micl-iconbutton-filled-l,button.micl-iconbutton-tonal-l,button.micl-iconbutton-outlined-l{--micl-width: 96px;--micl-height: 96px;inline-size:var(--micl-width);min-inline-size:var(--micl-width);block-size:var(--micl-height);font-size:32px}button.micl-iconbutton-standard-l.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-l.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-l.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-l.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-extra-large)}button.micl-iconbutton-standard-l.micl-iconbutton--narrow,button.micl-iconbutton-filled-l.micl-iconbutton--narrow,button.micl-iconbutton-tonal-l.micl-iconbutton--narrow,button.micl-iconbutton-outlined-l.micl-iconbutton--narrow{--micl-width: 64px;border-radius:calc(var(--micl-width)/2)}button.micl-iconbutton-standard-l.micl-iconbutton--wide,button.micl-iconbutton-filled-l.micl-iconbutton--wide,button.micl-iconbutton-tonal-l.micl-iconbutton--wide,button.micl-iconbutton-outlined-l.micl-iconbutton--wide{--micl-width: 128px;border-radius:calc(var(--micl-height)/2)}button.micl-iconbutton-standard-l.micl-button--square,button.micl-iconbutton-filled-l.micl-button--square,button.micl-iconbutton-tonal-l.micl-button--square,button.micl-iconbutton-outlined-l.micl-button--square{border-radius:var(--md-sys-shape-corner-extra-large)}button.micl-iconbutton-standard-l.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-l.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-l.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-l.micl-button--square.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-full)}button.micl-iconbutton-standard-l:not(:disabled):active,button.micl-iconbutton-filled-l:not(:disabled):active,button.micl-iconbutton-tonal-l:not(:disabled):active,button.micl-iconbutton-outlined-l:not(:disabled):active{border-radius:var(--md-sys-shape-corner-large)}button.micl-iconbutton-standard-xl,button.micl-iconbutton-filled-xl,button.micl-iconbutton-tonal-xl,button.micl-iconbutton-outlined-xl{--micl-width: 136px;--micl-height: 136px;inline-size:var(--micl-width);min-inline-size:var(--micl-width);block-size:var(--micl-height);font-size:40px}button.micl-iconbutton-standard-xl.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-xl.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-xl.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-xl.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-extra-large)}button.micl-iconbutton-standard-xl.micl-iconbutton--narrow,button.micl-iconbutton-filled-xl.micl-iconbutton--narrow,button.micl-iconbutton-tonal-xl.micl-iconbutton--narrow,button.micl-iconbutton-outlined-xl.micl-iconbutton--narrow{--micl-width: 104px;border-radius:calc(var(--micl-width)/2)}button.micl-iconbutton-standard-xl.micl-iconbutton--wide,button.micl-iconbutton-filled-xl.micl-iconbutton--wide,button.micl-iconbutton-tonal-xl.micl-iconbutton--wide,button.micl-iconbutton-outlined-xl.micl-iconbutton--wide{--micl-width: 184px;border-radius:calc(var(--micl-height)/2)}button.micl-iconbutton-standard-xl.micl-button--square,button.micl-iconbutton-filled-xl.micl-button--square,button.micl-iconbutton-tonal-xl.micl-button--square,button.micl-iconbutton-outlined-xl.micl-button--square{border-radius:var(--md-sys-shape-corner-extra-large)}button.micl-iconbutton-standard-xl.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-xl.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-xl.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-xl.micl-button--square.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-full)}button.micl-iconbutton-standard-xl:not(:disabled):active,button.micl-iconbutton-filled-xl:not(:disabled):active,button.micl-iconbutton-tonal-xl:not(:disabled):active,button.micl-iconbutton-outlined-xl:not(:disabled):active{border-radius:var(--md-sys-shape-corner-large)}button.micl-iconbutton-standard-xs,a.micl-iconbutton-standard-xs,button.micl-iconbutton-standard-s,a.micl-iconbutton-standard-s,button.micl-iconbutton-standard-m,a.micl-iconbutton-standard-m,button.micl-iconbutton-standard-l,button.micl-iconbutton-standard-xl{--statelayer-color: var(--md-sys-color-on-surface-variant);text-decoration:none}button.micl-iconbutton-standard-xs:disabled,a.micl-iconbutton-standard-xs:disabled,button.micl-iconbutton-standard-s:disabled,a.micl-iconbutton-standard-s:disabled,button.micl-iconbutton-standard-m:disabled,a.micl-iconbutton-standard-m:disabled,button.micl-iconbutton-standard-l:disabled,button.micl-iconbutton-standard-xl:disabled{background-color:rgba(0,0,0,0)}button.micl-iconbutton-standard-xs:not(:disabled).micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-xs:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-s:not(:disabled).micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-s:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-m:not(:disabled).micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-m:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-l:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-xl:not(:disabled).micl-button--toggle.micl-button--selected{--statelayer-color: var(--md-sys-color-primary);color:var(--md-sys-color-primary)}button.micl-iconbutton-standard-xs:not(:disabled):hover,a.micl-iconbutton-standard-xs:not(:disabled):hover,button.micl-iconbutton-standard-s:not(:disabled):hover,a.micl-iconbutton-standard-s:not(:disabled):hover,button.micl-iconbutton-standard-m:not(:disabled):hover,a.micl-iconbutton-standard-m:not(:disabled):hover,button.micl-iconbutton-standard-l:not(:disabled):hover,button.micl-iconbutton-standard-xl:not(:disabled):hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%)}button.micl-iconbutton-standard-xs:not(:disabled):focus-visible,a.micl-iconbutton-standard-xs:not(:disabled):focus-visible,button.micl-iconbutton-standard-s:not(:disabled):focus-visible,a.micl-iconbutton-standard-s:not(:disabled):focus-visible,button.micl-iconbutton-standard-m:not(:disabled):focus-visible,a.micl-iconbutton-standard-m:not(:disabled):focus-visible,button.micl-iconbutton-standard-l:not(:disabled):focus-visible,button.micl-iconbutton-standard-xl:not(:disabled):focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity, 10%)}button.micl-iconbutton-standard-xs:not(:disabled):active,a.micl-iconbutton-standard-xs:not(:disabled):active,button.micl-iconbutton-standard-s:not(:disabled):active,a.micl-iconbutton-standard-s:not(:disabled):active,button.micl-iconbutton-standard-m:not(:disabled):active,a.micl-iconbutton-standard-m:not(:disabled):active,button.micl-iconbutton-standard-l:not(:disabled):active,button.micl-iconbutton-standard-xl:not(:disabled):active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%)}button.micl-iconbutton-filled-xs,button.micl-iconbutton-filled-s,button.micl-iconbutton-filled-m,button.micl-iconbutton-filled-l,button.micl-iconbutton-filled-xl{--statelayer-color: var(--md-sys-color-on-primary);background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}button.micl-iconbutton-filled-xs:not(:disabled).micl-button--toggle:not(.micl-button--selected),button.micl-iconbutton-filled-s:not(:disabled).micl-button--toggle:not(.micl-button--selected),button.micl-iconbutton-filled-m:not(:disabled).micl-button--toggle:not(.micl-button--selected),button.micl-iconbutton-filled-l:not(:disabled).micl-button--toggle:not(.micl-button--selected),button.micl-iconbutton-filled-xl:not(:disabled).micl-button--toggle:not(.micl-button--selected){--statelayer-color: var(--md-sys-color-on-surface-variant);background-color:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface-variant)}button.micl-iconbutton-filled-xs:not(:disabled):hover,button.micl-iconbutton-filled-s:not(:disabled):hover,button.micl-iconbutton-filled-m:not(:disabled):hover,button.micl-iconbutton-filled-l:not(:disabled):hover,button.micl-iconbutton-filled-xl:not(:disabled):hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%)}button.micl-iconbutton-filled-xs:not(:disabled):focus-visible,button.micl-iconbutton-filled-s:not(:disabled):focus-visible,button.micl-iconbutton-filled-m:not(:disabled):focus-visible,button.micl-iconbutton-filled-l:not(:disabled):focus-visible,button.micl-iconbutton-filled-xl:not(:disabled):focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity, 10%)}button.micl-iconbutton-filled-xs:not(:disabled):active,button.micl-iconbutton-filled-s:not(:disabled):active,button.micl-iconbutton-filled-m:not(:disabled):active,button.micl-iconbutton-filled-l:not(:disabled):active,button.micl-iconbutton-filled-xl:not(:disabled):active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%)}button.micl-iconbutton-tonal-xs,button.micl-iconbutton-tonal-s,button.micl-iconbutton-tonal-m,button.micl-iconbutton-tonal-l,button.micl-iconbutton-tonal-xl{--statelayer-color: var(--md-sys-color-on-secondary-container);background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}button.micl-iconbutton-tonal-xs:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-s:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-m:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-l:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-xl:not(:disabled).micl-button--toggle.micl-button--selected{--statelayer-color: var(--md-sys-color-on-secondary);background-color:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary)}button.micl-iconbutton-tonal-xs:not(:disabled):hover,button.micl-iconbutton-tonal-s:not(:disabled):hover,button.micl-iconbutton-tonal-m:not(:disabled):hover,button.micl-iconbutton-tonal-l:not(:disabled):hover,button.micl-iconbutton-tonal-xl:not(:disabled):hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%)}button.micl-iconbutton-tonal-xs:not(:disabled):focus-visible,button.micl-iconbutton-tonal-s:not(:disabled):focus-visible,button.micl-iconbutton-tonal-m:not(:disabled):focus-visible,button.micl-iconbutton-tonal-l:not(:disabled):focus-visible,button.micl-iconbutton-tonal-xl:not(:disabled):focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity, 10%)}button.micl-iconbutton-tonal-xs:not(:disabled):active,button.micl-iconbutton-tonal-s:not(:disabled):active,button.micl-iconbutton-tonal-m:not(:disabled):active,button.micl-iconbutton-tonal-l:not(:disabled):active,button.micl-iconbutton-tonal-xl:not(:disabled):active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%)}button.micl-iconbutton-outlined-xs,button.micl-iconbutton-outlined-s,button.micl-iconbutton-outlined-m,button.micl-iconbutton-outlined-l,button.micl-iconbutton-outlined-xl{--statelayer-color: var(--md-sys-color-on-surface-variant);background-color:rgba(0,0,0,0);color:var(--md-sys-color-on-surface-variant)}button.micl-iconbutton-outlined-xs.micl-iconbutton-outlined-xs,button.micl-iconbutton-outlined-xs.micl-iconbutton-outlined-s,button.micl-iconbutton-outlined-xs.micl-iconbutton-outlined-m,button.micl-iconbutton-outlined-s.micl-iconbutton-outlined-xs,button.micl-iconbutton-outlined-s.micl-iconbutton-outlined-s,button.micl-iconbutton-outlined-s.micl-iconbutton-outlined-m,button.micl-iconbutton-outlined-m.micl-iconbutton-outlined-xs,button.micl-iconbutton-outlined-m.micl-iconbutton-outlined-s,button.micl-iconbutton-outlined-m.micl-iconbutton-outlined-m,button.micl-iconbutton-outlined-l.micl-iconbutton-outlined-xs,button.micl-iconbutton-outlined-l.micl-iconbutton-outlined-s,button.micl-iconbutton-outlined-l.micl-iconbutton-outlined-m,button.micl-iconbutton-outlined-xl.micl-iconbutton-outlined-xs,button.micl-iconbutton-outlined-xl.micl-iconbutton-outlined-s,button.micl-iconbutton-outlined-xl.micl-iconbutton-outlined-m{border:1px solid var(--md-sys-color-outline-variant)}button.micl-iconbutton-outlined-xs.micl-iconbutton-outlined-l,button.micl-iconbutton-outlined-s.micl-iconbutton-outlined-l,button.micl-iconbutton-outlined-m.micl-iconbutton-outlined-l,button.micl-iconbutton-outlined-l.micl-iconbutton-outlined-l,button.micl-iconbutton-outlined-xl.micl-iconbutton-outlined-l{border:2px solid var(--md-sys-color-outline-variant)}button.micl-iconbutton-outlined-xs.micl-iconbutton-outlined-xl,button.micl-iconbutton-outlined-s.micl-iconbutton-outlined-xl,button.micl-iconbutton-outlined-m.micl-iconbutton-outlined-xl,button.micl-iconbutton-outlined-l.micl-iconbutton-outlined-xl,button.micl-iconbutton-outlined-xl.micl-iconbutton-outlined-xl{border:3px solid var(--md-sys-color-outline-variant)}button.micl-iconbutton-outlined-xs:disabled,button.micl-iconbutton-outlined-s:disabled,button.micl-iconbutton-outlined-m:disabled,button.micl-iconbutton-outlined-l:disabled,button.micl-iconbutton-outlined-xl:disabled{background-color:rgba(0,0,0,0)}button.micl-iconbutton-outlined-xs:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-s:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-m:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-l:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-xl:not(:disabled).micl-button--toggle.micl-button--selected{--statelayer-color: var(--md-sys-color-inverse-on-surface);background-color:var(--md-sys-color-inverse-surface);color:var(--md-sys-color-inverse-on-surface)}button.micl-iconbutton-outlined-xs:not(:disabled):hover,button.micl-iconbutton-outlined-s:not(:disabled):hover,button.micl-iconbutton-outlined-m:not(:disabled):hover,button.micl-iconbutton-outlined-l:not(:disabled):hover,button.micl-iconbutton-outlined-xl:not(:disabled):hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%)}button.micl-iconbutton-outlined-xs:not(:disabled):focus-visible,button.micl-iconbutton-outlined-s:not(:disabled):focus-visible,button.micl-iconbutton-outlined-m:not(:disabled):focus-visible,button.micl-iconbutton-outlined-l:not(:disabled):focus-visible,button.micl-iconbutton-outlined-xl:not(:disabled):focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity, 10%)}button.micl-iconbutton-outlined-xs:not(:disabled):active,button.micl-iconbutton-outlined-s:not(:disabled):active,button.micl-iconbutton-outlined-m:not(:disabled):active,button.micl-iconbutton-outlined-l:not(:disabled):active,button.micl-iconbutton-outlined-xl:not(:disabled):active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%)}
+:root{--md-sys-icon-size: 24px;--md-sys-padding-xxs: 4px;--md-sys-padding-xs: 8px;--md-sys-padding-s: 12px;--md-sys-padding-m: 16px;--md-sys-padding-l: 20px;--md-sys-padding-xl: 24px;--md-sys-padding-xxl: 28px}.micl-hidden{display:none !important}.micl-no-transition{transition:none !important}.micl-flex--vcenter{display:flex;flex-direction:row;align-items:center}.micl-grid-field,.micl-grid-iconfield{box-sizing:border-box;display:grid;row-gap:var(--md-sys-padding-xl, 24px)}.micl-grid-iconfield{grid-template-columns:48px 1fr}.micl-grid-iconfield__icon{grid-column:1;margin-block-start:.6rem}.micl-grid-iconfield__field{grid-column:2}.micl-link{display:flex;align-items:center;justify-content:center;text-decoration:none}@property --micl-ripple{syntax:"<integer>";inherits:false;initial-value:0}@property --micl-x{syntax:"<length>";inherits:false;initial-value:-100000px}@property --micl-y{syntax:"<length>";inherits:false;initial-value:-100000px}@property --micl-width{syntax:"<length>";inherits:true;initial-value:0px}@property --micl-height{syntax:"<length>";inherits:true;initial-value:0px}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: 5000ms}@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%,100%}to{background-size:10000%,100%}}[class*=micl-iconbutton-standard-],[class*=micl-iconbutton-filled-],[class*=micl-iconbutton-tonal-],[class*=micl-iconbutton-outlined-]{--md-sys-iconbutton-motion-effects: cubic-bezier(0.42, 1.67, 0.21, 0.9);--md-sys-iconbutton-motion-duration: 350ms;--md-sys-iconbutton-motion-duration-reverse: 350ms;--micl-ripple: 1;display:inline-flex;align-items:center;justify-content:center;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-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-sys-iconbutton-motion-duration) var(--md-sys-iconbutton-motion-effects),font-variation-settings var(--md-sys-iconbutton-motion-duration) linear,background-size 0ms,--statelayer-opacity var(--md-sys-iconbutton-motion-duration) linear}[class*=micl-iconbutton-standard-]:disabled,[class*=micl-iconbutton-filled-]:disabled,[class*=micl-iconbutton-tonal-]:disabled,[class*=micl-iconbutton-outlined-]:disabled{box-shadow:var(--md-sys-elevation-level0);cursor:default}[class*=micl-iconbutton-standard-]:not(:disabled):hover,[class*=micl-iconbutton-filled-]:not(:disabled):hover,[class*=micl-iconbutton-tonal-]:not(:disabled):hover,[class*=micl-iconbutton-outlined-]:not(:disabled):hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%)}[class*=micl-iconbutton-standard-]:not(:disabled):focus-visible,[class*=micl-iconbutton-filled-]:not(:disabled):focus-visible,[class*=micl-iconbutton-tonal-]:not(:disabled):focus-visible,[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:3px}[class*=micl-iconbutton-standard-]:not(:disabled):active,[class*=micl-iconbutton-filled-]:not(:disabled):active,[class*=micl-iconbutton-tonal-]:not(:disabled):active,[class*=micl-iconbutton-outlined-]:not(:disabled):active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%)}[class*=micl-iconbutton-standard-]:not(:disabled).micl-rippling,[class*=micl-iconbutton-filled-]:not(:disabled).micl-rippling,[class*=micl-iconbutton-tonal-]:not(:disabled).micl-rippling,[class*=micl-iconbutton-outlined-]:not(:disabled).micl-rippling{animation:micl-ripple var(--md-sys-state-ripple-duration) cubic-bezier(0.2, 0, 0, 1)}[class*=micl-iconbutton-standard-]:hover:not(:disabled),[class*=micl-iconbutton-standard-].micl-button--toggle[aria-pressed=true],[class*=micl-iconbutton-filled-]:hover:not(:disabled),[class*=micl-iconbutton-filled-].micl-button--toggle[aria-pressed=true],[class*=micl-iconbutton-tonal-]:hover:not(:disabled),[class*=micl-iconbutton-tonal-].micl-button--toggle[aria-pressed=true],[class*=micl-iconbutton-outlined-]:hover:not(:disabled),[class*=micl-iconbutton-outlined-].micl-button--toggle[aria-pressed=true]{font-variation-settings:"FILL" 1}[class*=micl-iconbutton-standard-].micl-button--toggle:not([aria-pressed=true])::before,[class*=micl-iconbutton-filled-].micl-button--toggle:not([aria-pressed=true])::before,[class*=micl-iconbutton-tonal-].micl-button--toggle:not([aria-pressed=true])::before,[class*=micl-iconbutton-outlined-].micl-button--toggle:not([aria-pressed=true])::before{content:attr(data-miclicon)}[class*=micl-iconbutton-standard-].micl-button--toggle[aria-pressed=true]::before,[class*=micl-iconbutton-filled-].micl-button--toggle[aria-pressed=true]::before,[class*=micl-iconbutton-tonal-].micl-button--toggle[aria-pressed=true]::before,[class*=micl-iconbutton-outlined-].micl-button--toggle[aria-pressed=true]::before{content:attr(data-micliconselected)}.micl-iconbutton-standard-xs,.micl-iconbutton-filled-xs,.micl-iconbutton-tonal-xs,.micl-iconbutton-outlined-xs{--micl-width: 32px;--micl-height: 32px;position:relative;inline-size:var(--micl-width);min-inline-size:var(--micl-width);block-size:var(--micl-height);font-size:20px}.micl-iconbutton-standard-xs::before,.micl-iconbutton-filled-xs::before,.micl-iconbutton-tonal-xs::before,.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)}.micl-iconbutton-standard-xs.micl-button--toggle[aria-pressed=true],.micl-iconbutton-filled-xs.micl-button--toggle[aria-pressed=true],.micl-iconbutton-tonal-xs.micl-button--toggle[aria-pressed=true],.micl-iconbutton-outlined-xs.micl-button--toggle[aria-pressed=true]{border-radius:var(--md-sys-shape-corner-medium)}.micl-iconbutton-standard-xs.micl-iconbutton--narrow,.micl-iconbutton-filled-xs.micl-iconbutton--narrow,.micl-iconbutton-tonal-xs.micl-iconbutton--narrow,.micl-iconbutton-outlined-xs.micl-iconbutton--narrow{--micl-width: 28px;border-radius:calc(var(--micl-width)/2)}.micl-iconbutton-standard-xs.micl-iconbutton--wide,.micl-iconbutton-filled-xs.micl-iconbutton--wide,.micl-iconbutton-tonal-xs.micl-iconbutton--wide,.micl-iconbutton-outlined-xs.micl-iconbutton--wide{--micl-width: 40px;border-radius:calc(var(--micl-height)/2)}.micl-iconbutton-standard-xs.micl-button--square,.micl-iconbutton-filled-xs.micl-button--square,.micl-iconbutton-tonal-xs.micl-button--square,.micl-iconbutton-outlined-xs.micl-button--square{border-radius:var(--md-sys-shape-corner-medium)}.micl-iconbutton-standard-xs.micl-button--square.micl-button--toggle[aria-pressed=true],.micl-iconbutton-filled-xs.micl-button--square.micl-button--toggle[aria-pressed=true],.micl-iconbutton-tonal-xs.micl-button--square.micl-button--toggle[aria-pressed=true],.micl-iconbutton-outlined-xs.micl-button--square.micl-button--toggle[aria-pressed=true]{border-radius:var(--md-sys-shape-corner-full)}.micl-iconbutton-standard-xs:not(:disabled):active,.micl-iconbutton-standard-xs:not(:disabled):active.micl-button--square,.micl-iconbutton-filled-xs:not(:disabled):active,.micl-iconbutton-filled-xs:not(:disabled):active.micl-button--square,.micl-iconbutton-tonal-xs:not(:disabled):active,.micl-iconbutton-tonal-xs:not(:disabled):active.micl-button--square,.micl-iconbutton-outlined-xs:not(:disabled):active,.micl-iconbutton-outlined-xs:not(:disabled):active.micl-button--square{border-radius:var(--md-sys-shape-corner-small)}.micl-iconbutton-standard-s,.micl-iconbutton-filled-s,.micl-iconbutton-tonal-s,.micl-iconbutton-outlined-s{--micl-width: 40px;--micl-height: 40px;position:relative;inline-size:var(--micl-width);min-inline-size:var(--micl-width);block-size:var(--micl-height);font-size:var(--md-sys-icon-size, 24px)}.micl-iconbutton-standard-s::before,.micl-iconbutton-filled-s::before,.micl-iconbutton-tonal-s::before,.micl-iconbutton-outlined-s::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)}.micl-iconbutton-standard-s.micl-button--toggle[aria-pressed=true],.micl-iconbutton-filled-s.micl-button--toggle[aria-pressed=true],.micl-iconbutton-tonal-s.micl-button--toggle[aria-pressed=true],.micl-iconbutton-outlined-s.micl-button--toggle[aria-pressed=true]{border-radius:var(--md-sys-shape-corner-medium)}.micl-iconbutton-standard-s.micl-iconbutton--narrow,.micl-iconbutton-filled-s.micl-iconbutton--narrow,.micl-iconbutton-tonal-s.micl-iconbutton--narrow,.micl-iconbutton-outlined-s.micl-iconbutton--narrow{--micl-width: 32px;border-radius:calc(var(--micl-width)/2)}.micl-iconbutton-standard-s.micl-iconbutton--wide,.micl-iconbutton-filled-s.micl-iconbutton--wide,.micl-iconbutton-tonal-s.micl-iconbutton--wide,.micl-iconbutton-outlined-s.micl-iconbutton--wide{--micl-width: 52px;border-radius:calc(var(--micl-height)/2)}.micl-iconbutton-standard-s.micl-button--square,.micl-iconbutton-filled-s.micl-button--square,.micl-iconbutton-tonal-s.micl-button--square,.micl-iconbutton-outlined-s.micl-button--square{border-radius:var(--md-sys-shape-corner-medium)}.micl-iconbutton-standard-s.micl-button--square.micl-button--toggle[aria-pressed=true],.micl-iconbutton-filled-s.micl-button--square.micl-button--toggle[aria-pressed=true],.micl-iconbutton-tonal-s.micl-button--square.micl-button--toggle[aria-pressed=true],.micl-iconbutton-outlined-s.micl-button--square.micl-button--toggle[aria-pressed=true]{border-radius:var(--md-sys-shape-corner-full)}.micl-iconbutton-standard-s:not(:disabled):active,.micl-iconbutton-standard-s:not(:disabled):active.micl-button--square,.micl-iconbutton-filled-s:not(:disabled):active,.micl-iconbutton-filled-s:not(:disabled):active.micl-button--square,.micl-iconbutton-tonal-s:not(:disabled):active,.micl-iconbutton-tonal-s:not(:disabled):active.micl-button--square,.micl-iconbutton-outlined-s:not(:disabled):active,.micl-iconbutton-outlined-s:not(:disabled):active.micl-button--square{border-radius:var(--md-sys-shape-corner-small)}.micl-iconbutton-standard-m,.micl-iconbutton-filled-m,.micl-iconbutton-tonal-m,.micl-iconbutton-outlined-m{--micl-width: 56px;--micl-height: 56px;inline-size:var(--micl-width);min-inline-size:var(--micl-width);block-size:var(--micl-height);font-size:var(--md-sys-icon-size, 24px)}.micl-iconbutton-standard-m.micl-button--toggle[aria-pressed=true],.micl-iconbutton-filled-m.micl-button--toggle[aria-pressed=true],.micl-iconbutton-tonal-m.micl-button--toggle[aria-pressed=true],.micl-iconbutton-outlined-m.micl-button--toggle[aria-pressed=true]{border-radius:var(--md-sys-shape-corner-large)}.micl-iconbutton-standard-m.micl-iconbutton--narrow,.micl-iconbutton-filled-m.micl-iconbutton--narrow,.micl-iconbutton-tonal-m.micl-iconbutton--narrow,.micl-iconbutton-outlined-m.micl-iconbutton--narrow{--micl-width: 48px;border-radius:calc(var(--micl-width)/2)}.micl-iconbutton-standard-m.micl-iconbutton--wide,.micl-iconbutton-filled-m.micl-iconbutton--wide,.micl-iconbutton-tonal-m.micl-iconbutton--wide,.micl-iconbutton-outlined-m.micl-iconbutton--wide{--micl-width: 72px;border-radius:calc(var(--micl-height)/2)}.micl-iconbutton-standard-m.micl-button--square,.micl-iconbutton-filled-m.micl-button--square,.micl-iconbutton-tonal-m.micl-button--square,.micl-iconbutton-outlined-m.micl-button--square{border-radius:var(--md-sys-shape-corner-large)}.micl-iconbutton-standard-m.micl-button--square.micl-button--toggle[aria-pressed=true],.micl-iconbutton-filled-m.micl-button--square.micl-button--toggle[aria-pressed=true],.micl-iconbutton-tonal-m.micl-button--square.micl-button--toggle[aria-pressed=true],.micl-iconbutton-outlined-m.micl-button--square.micl-button--toggle[aria-pressed=true]{border-radius:var(--md-sys-shape-corner-full)}.micl-iconbutton-standard-m:not(:disabled):active,.micl-iconbutton-standard-m:not(:disabled):active.micl-button--square,.micl-iconbutton-filled-m:not(:disabled):active,.micl-iconbutton-filled-m:not(:disabled):active.micl-button--square,.micl-iconbutton-tonal-m:not(:disabled):active,.micl-iconbutton-tonal-m:not(:disabled):active.micl-button--square,.micl-iconbutton-outlined-m:not(:disabled):active,.micl-iconbutton-outlined-m:not(:disabled):active.micl-button--square{border-radius:var(--md-sys-shape-corner-medium)}.micl-iconbutton-standard-l,.micl-iconbutton-filled-l,.micl-iconbutton-tonal-l,.micl-iconbutton-outlined-l{--micl-width: 96px;--micl-height: 96px;inline-size:var(--micl-width);min-inline-size:var(--micl-width);block-size:var(--micl-height);font-size:32px}.micl-iconbutton-standard-l.micl-button--toggle[aria-pressed=true],.micl-iconbutton-filled-l.micl-button--toggle[aria-pressed=true],.micl-iconbutton-tonal-l.micl-button--toggle[aria-pressed=true],.micl-iconbutton-outlined-l.micl-button--toggle[aria-pressed=true]{border-radius:var(--md-sys-shape-corner-extra-large)}.micl-iconbutton-standard-l.micl-iconbutton--narrow,.micl-iconbutton-filled-l.micl-iconbutton--narrow,.micl-iconbutton-tonal-l.micl-iconbutton--narrow,.micl-iconbutton-outlined-l.micl-iconbutton--narrow{--micl-width: 64px;border-radius:calc(var(--micl-width)/2)}.micl-iconbutton-standard-l.micl-iconbutton--wide,.micl-iconbutton-filled-l.micl-iconbutton--wide,.micl-iconbutton-tonal-l.micl-iconbutton--wide,.micl-iconbutton-outlined-l.micl-iconbutton--wide{--micl-width: 128px;border-radius:calc(var(--micl-height)/2)}.micl-iconbutton-standard-l.micl-button--square,.micl-iconbutton-filled-l.micl-button--square,.micl-iconbutton-tonal-l.micl-button--square,.micl-iconbutton-outlined-l.micl-button--square{border-radius:var(--md-sys-shape-corner-extra-large)}.micl-iconbutton-standard-l.micl-button--square.micl-button--toggle[aria-pressed=true],.micl-iconbutton-filled-l.micl-button--square.micl-button--toggle[aria-pressed=true],.micl-iconbutton-tonal-l.micl-button--square.micl-button--toggle[aria-pressed=true],.micl-iconbutton-outlined-l.micl-button--square.micl-button--toggle[aria-pressed=true]{border-radius:var(--md-sys-shape-corner-full)}.micl-iconbutton-standard-l:not(:disabled):active,.micl-iconbutton-standard-l:not(:disabled):active.micl-button--square,.micl-iconbutton-filled-l:not(:disabled):active,.micl-iconbutton-filled-l:not(:disabled):active.micl-button--square,.micl-iconbutton-tonal-l:not(:disabled):active,.micl-iconbutton-tonal-l:not(:disabled):active.micl-button--square,.micl-iconbutton-outlined-l:not(:disabled):active,.micl-iconbutton-outlined-l:not(:disabled):active.micl-button--square{border-radius:var(--md-sys-shape-corner-large)}.micl-iconbutton-standard-xl,.micl-iconbutton-filled-xl,.micl-iconbutton-tonal-xl,.micl-iconbutton-outlined-xl{--micl-width: 136px;--micl-height: 136px;inline-size:var(--micl-width);min-inline-size:var(--micl-width);block-size:var(--micl-height);font-size:40px}.micl-iconbutton-standard-xl.micl-button--toggle[aria-pressed=true],.micl-iconbutton-filled-xl.micl-button--toggle[aria-pressed=true],.micl-iconbutton-tonal-xl.micl-button--toggle[aria-pressed=true],.micl-iconbutton-outlined-xl.micl-button--toggle[aria-pressed=true]{border-radius:var(--md-sys-shape-corner-extra-large)}.micl-iconbutton-standard-xl.micl-iconbutton--narrow,.micl-iconbutton-filled-xl.micl-iconbutton--narrow,.micl-iconbutton-tonal-xl.micl-iconbutton--narrow,.micl-iconbutton-outlined-xl.micl-iconbutton--narrow{--micl-width: 104px;border-radius:calc(var(--micl-width)/2)}.micl-iconbutton-standard-xl.micl-iconbutton--wide,.micl-iconbutton-filled-xl.micl-iconbutton--wide,.micl-iconbutton-tonal-xl.micl-iconbutton--wide,.micl-iconbutton-outlined-xl.micl-iconbutton--wide{--micl-width: 184px;border-radius:calc(var(--micl-height)/2)}.micl-iconbutton-standard-xl.micl-button--square,.micl-iconbutton-filled-xl.micl-button--square,.micl-iconbutton-tonal-xl.micl-button--square,.micl-iconbutton-outlined-xl.micl-button--square{border-radius:var(--md-sys-shape-corner-extra-large)}.micl-iconbutton-standard-xl.micl-button--square.micl-button--toggle[aria-pressed=true],.micl-iconbutton-filled-xl.micl-button--square.micl-button--toggle[aria-pressed=true],.micl-iconbutton-tonal-xl.micl-button--square.micl-button--toggle[aria-pressed=true],.micl-iconbutton-outlined-xl.micl-button--square.micl-button--toggle[aria-pressed=true]{border-radius:var(--md-sys-shape-corner-full)}.micl-iconbutton-standard-xl:not(:disabled):active,.micl-iconbutton-standard-xl:not(:disabled):active.micl-button--square,.micl-iconbutton-filled-xl:not(:disabled):active,.micl-iconbutton-filled-xl:not(:disabled):active.micl-button--square,.micl-iconbutton-tonal-xl:not(:disabled):active,.micl-iconbutton-tonal-xl:not(:disabled):active.micl-button--square,.micl-iconbutton-outlined-xl:not(:disabled):active,.micl-iconbutton-outlined-xl:not(:disabled):active.micl-button--square{border-radius:var(--md-sys-shape-corner-large)}[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-]: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/iconbutton.js

@@ -1 +1 @@
-!function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports.micl=o():e.micl=o()}(self,()=>(()=>{"use strict";var e={};return(e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})})(e),e})());
+!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";var e={d:(t,i)=>{for(var o in i)e.o(i,o)&&!e.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:i[o]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};return(()=>{e.r(t),e.d(t,{buttonSelector:()=>i,default:()=>a});const i=".micl-button--toggle",o=e=>{const t="true"===e.getAttribute("aria-pressed");e.dataset.micliconselected&&e.classList.toggle(e.dataset.micliconselected,t),e.dataset.miclicon&&e.classList.toggle(e.dataset.miclicon,!t)},a={command:e=>{const t=e.target;t.matches(i)&&!t.disabled&&"--micl-toggle"===e.command&&(t.classList.add("micl-button--toggled"),t.setAttribute("aria-pressed",String("true"!==t.getAttribute("aria-pressed"))),o(t))},initialize:function(e){e.matches(i)&&!e.dataset.miclinitialized&&(e.dataset.miclinitialized="1",o(e),e.addEventListener("command",this.command))},cleanup:function(e){e.matches(i)&&(e.removeEventListener("command",this.command),delete e.dataset.miclinitialized)}}})(),t})());

package/dist/list.css

@@ -1 +1 @@
-:root{--md-sys-icon-size: 24px;--md-sys-padding-xxs: 4px;--md-sys-padding-xs: 8px;--md-sys-padding-s: 12px;--md-sys-padding-m: 16px;--md-sys-padding-l: 20px;--md-sys-padding-xl: 24px;--md-sys-padding-xxl: 28px}.micl-hidden{display:none !important}.micl-no-transition{transition:none !important}.micl-flex--vcenter{display:flex;flex-direction:row;align-items:center}.micl-grid-field,.micl-grid-iconfield{box-sizing:border-box;display:grid;row-gap:var(--md-sys-padding-xl, 24px)}.micl-grid-iconfield{grid-template-columns:48px 1fr}.micl-grid-iconfield__icon{grid-column:1;margin-block-start:.6rem}.micl-grid-iconfield__field{grid-column:2}.micl-link{display:flex;align-items:center;justify-content:center;text-decoration:none}@property --micl-ripple{syntax:"<integer>";inherits:false;initial-value:0}@property --micl-x{syntax:"<length>";inherits:false;initial-value:-100000px}@property --micl-y{syntax:"<length>";inherits:false;initial-value:-100000px}@property --micl-width{syntax:"<length>";inherits:true;initial-value:0px}@property --micl-height{syntax:"<length>";inherits:true;initial-value:0px}: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: 5000ms}@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%,100%}to{background-size: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}:root{--md-comp-accordion-item-space: 0px}.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-one:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-two:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-three:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-one:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-two:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-three:not(:disabled):not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-one:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-two:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-three:not(.micl-list-item--disabled){cursor:pointer}.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-one:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):hover:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-two:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):hover:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-three:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):hover:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-one:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):hover:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-two:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):hover:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-three:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):hover:not(:disabled):not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-one:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):hover:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-two:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):hover:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-three:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):hover:not(.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%))}.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-one:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):focus-visible:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-two:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):focus-visible:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-three:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):focus-visible:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-one:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):focus-visible:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-two:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):focus-visible:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-three:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):focus-visible:not(:disabled):not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-one:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):focus-visible:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-two:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):focus-visible:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-three:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):focus-visible:not(.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%));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))}.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-one:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):active:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-two:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):active:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-three:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):active:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-one:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):active:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-two:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):active:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-three:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):active:not(:disabled):not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-one:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):active:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-two:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):active:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-three:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):active:not(.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%))}.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-one:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)).micl-list-item--dragging:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-two:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)).micl-list-item--dragging:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-three:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)).micl-list-item--dragging:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-one:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)).micl-list-item--dragging:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-two:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)).micl-list-item--dragging:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-three:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)).micl-list-item--dragging:not(:disabled):not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-one:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)).micl-list-item--dragging:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-two:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)).micl-list-item--dragging:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-three:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)).micl-list-item--dragging:not(.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}.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-one:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):hover:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-two:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):hover:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-three:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):hover:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-one:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):hover:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-two:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):hover:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-three:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):hover:not(:disabled):not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-one:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):hover:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-two:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):hover:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-three:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):hover:not(.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%))}.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-one:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):focus-visible:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-two:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):focus-visible:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-three:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):focus-visible:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-one:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):focus-visible:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-two:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):focus-visible:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-three:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):focus-visible:not(:disabled):not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-one:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):focus-visible:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-two:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):focus-visible:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-three:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):focus-visible:not(.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%));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))}.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-one:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):active:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-two:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):active:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-three:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):active:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-one:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):active:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-two:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):active:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-three:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):active:not(:disabled):not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-one:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):active:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-two:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):active:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-three:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):active:not(.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%))}.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-one:is(:has(input[type=checkbox]:checked),:where(details[open]>*)).micl-list-item--dragging:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-two:is(:has(input[type=checkbox]:checked),:where(details[open]>*)).micl-list-item--dragging:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-three:is(:has(input[type=checkbox]:checked),:where(details[open]>*)).micl-list-item--dragging:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-one:is(:has(input[type=checkbox]:checked),:where(details[open]>*)).micl-list-item--dragging:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-two:is(:has(input[type=checkbox]:checked),:where(details[open]>*)).micl-list-item--dragging:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-three:is(:has(input[type=checkbox]:checked),:where(details[open]>*)).micl-list-item--dragging:not(:disabled):not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-one:is(:has(input[type=checkbox]:checked),:where(details[open]>*)).micl-list-item--dragging:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-two:is(:has(input[type=checkbox]:checked),:where(details[open]>*)).micl-list-item--dragging:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-three:is(:has(input[type=checkbox]:checked),:where(details[open]>*)).micl-list-item--dragging:not(.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-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-rippling.micl-list-item-one:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-rippling.micl-list-item-two:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-rippling.micl-list-item-three:not(:disabled):not(.micl-list-item--disabled),select .micl-rippling.micl-list-item-one:not(:disabled):not(.micl-list-item--disabled),select .micl-rippling.micl-list-item-two:not(:disabled):not(.micl-list-item--disabled),select .micl-rippling.micl-list-item-three:not(:disabled):not(.micl-list-item--disabled),.micl-list>details>summary.micl-rippling.micl-list-item-one:not(.micl-list-item--disabled),.micl-list>details>summary.micl-rippling.micl-list-item-two:not(.micl-list-item--disabled),.micl-list>details>summary.micl-rippling.micl-list-item-three:not(.micl-list-item--disabled){animation:micl-ripple var(--md-sys-state-ripple-duration) cubic-bezier(0.2, 0, 0, 1)}.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-sys-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.micl-list-item-one,.micl-list>details>summary.micl-list-item-two,.micl-list>details>summary.micl-list-item-three{position:relative}.micl-list>details>summary.micl-list-item-one::-webkit-details-marker,.micl-list>details>summary.micl-list-item-two::-webkit-details-marker,.micl-list>details>summary.micl-list-item-three::-webkit-details-marker{display:none}.micl-list>details>summary.micl-list-item-one.micl-list-item--disabled,.micl-list>details>summary.micl-list-item-two.micl-list-item--disabled,.micl-list>details>summary.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}.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-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)}.micl-list-item-one:first-of-type,.micl-list-item-two:first-of-type,.micl-list-item-three:first-of-type{border-start-start-radius:max(var(--_list-item-shape),var(--_list-shape));border-start-end-radius:max(var(--_list-item-shape),var(--_list-shape))}.micl-list-item-one:last-of-type,.micl-list-item-two:last-of-type,.micl-list-item-three:last-of-type{border-end-start-radius:max(var(--_list-item-shape),var(--_list-shape));border-end-end-radius:max(var(--_list-item-shape),var(--_list-shape))}.micl-list-item-one:not(:has(>button)),.micl-list-item-two:not(:has(>button)),.micl-list-item-three:not(:has(>button)){--micl-ripple: 1}.micl-list-item-one>a,.micl-list-item-one>button,.micl-list-item-one>label,.micl-list-item-two>a,.micl-list-item-two>button,.micl-list-item-two>label,.micl-list-item-three>a,.micl-list-item-three>button,.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}.micl-list-item-one:has(>a,>button,>label),.micl-list-item-two:has(>a,>button,>label),.micl-list-item-three:has(>a,>button,>label){padding:0}.micl-list-item-one:disabled,.micl-list-item-one.micl-list-item--disabled,.micl-list-item-two:disabled,.micl-list-item-two.micl-list-item--disabled,.micl-list-item-three:disabled,.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%)}.micl-list-item-one:disabled a,.micl-list-item-one:disabled button,.micl-list-item-one:disabled label,.micl-list-item-one.micl-list-item--disabled a,.micl-list-item-one.micl-list-item--disabled button,.micl-list-item-one.micl-list-item--disabled label,.micl-list-item-two:disabled a,.micl-list-item-two:disabled button,.micl-list-item-two:disabled label,.micl-list-item-two.micl-list-item--disabled a,.micl-list-item-two.micl-list-item--disabled button,.micl-list-item-two.micl-list-item--disabled label,.micl-list-item-three:disabled a,.micl-list-item-three:disabled button,.micl-list-item-three:disabled label,.micl-list-item-three.micl-list-item--disabled a,.micl-list-item-three.micl-list-item--disabled button,.micl-list-item-three.micl-list-item--disabled label{pointer-events:none;cursor:auto}.micl-list-item-one:disabled .micl-list-item__image,.micl-list-item-one:disabled .micl-list-item__thumbnail,.micl-list-item-one.micl-list-item--disabled .micl-list-item__image,.micl-list-item-one.micl-list-item--disabled .micl-list-item__thumbnail,.micl-list-item-two:disabled .micl-list-item__image,.micl-list-item-two:disabled .micl-list-item__thumbnail,.micl-list-item-two.micl-list-item--disabled .micl-list-item__image,.micl-list-item-two.micl-list-item--disabled .micl-list-item__thumbnail,.micl-list-item-three:disabled .micl-list-item__image,.micl-list-item-three:disabled .micl-list-item__thumbnail,.micl-list-item-three.micl-list-item--disabled .micl-list-item__image,.micl-list-item-three.micl-list-item--disabled .micl-list-item__thumbnail{opacity:var(--md-sys-state-disabled-state-layer-opacity, 38%)}.micl-list-item-one:disabled:checked,.micl-list-item-one:disabled:has(input[type=checkbox]:checked),.micl-list-item-one:disabled:where(details[open]>*),.micl-list-item-one.micl-list-item--disabled:checked,.micl-list-item-one.micl-list-item--disabled:has(input[type=checkbox]:checked),.micl-list-item-one.micl-list-item--disabled:where(details[open]>*),.micl-list-item-two:disabled:checked,.micl-list-item-two:disabled:has(input[type=checkbox]:checked),.micl-list-item-two:disabled:where(details[open]>*),.micl-list-item-two.micl-list-item--disabled:checked,.micl-list-item-two.micl-list-item--disabled:has(input[type=checkbox]:checked),.micl-list-item-two.micl-list-item--disabled:where(details[open]>*),.micl-list-item-three:disabled:checked,.micl-list-item-three:disabled:has(input[type=checkbox]:checked),.micl-list-item-three:disabled:where(details[open]>*),.micl-list-item-three.micl-list-item--disabled:checked,.micl-list-item-three.micl-list-item--disabled:has(input[type=checkbox]:checked),.micl-list-item-three.micl-list-item--disabled: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%)}.micl-list-item-one:checked,.micl-list-item-one:has(input[type=checkbox]:checked),.micl-list-item-one:where(details[open]>*),.micl-list-item-two:checked,.micl-list-item-two:has(input[type=checkbox]:checked),.micl-list-item-two:where(details[open]>*),.micl-list-item-three:checked,.micl-list-item-three:has(input[type=checkbox]:checked),.micl-list-item-three: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))}.micl-list-item-one:not(:disabled):not(.micl-list-item--disabled):checked,.micl-list-item-one:not(:disabled):not(.micl-list-item--disabled):has(input[type=checkbox]:checked),.micl-list-item-one:not(:disabled):not(.micl-list-item--disabled):where(details[open]>*),.micl-list-item-two:not(:disabled):not(.micl-list-item--disabled):checked,.micl-list-item-two:not(:disabled):not(.micl-list-item--disabled):has(input[type=checkbox]:checked),.micl-list-item-two:not(:disabled):not(.micl-list-item--disabled):where(details[open]>*),.micl-list-item-three:not(:disabled):not(.micl-list-item--disabled):checked,.micl-list-item-three:not(:disabled):not(.micl-list-item--disabled):has(input[type=checkbox]:checked),.micl-list-item-three:not(:disabled):not(.micl-list-item--disabled):where(details[open]>*){--_list-item-shape: var(--md-comp-list-item-container-selected-expressive-shape, var(--md-sys-shape-corner-large, 16px))}.micl-list-item-one:not(:disabled):not(.micl-list-item--disabled) input[type=checkbox]:not(:disabled):hover,.micl-list-item-one:not(:disabled):not(.micl-list-item--disabled) input[type=checkbox]:not(:disabled):active,.micl-list-item-two:not(:disabled):not(.micl-list-item--disabled) input[type=checkbox]:not(:disabled):hover,.micl-list-item-two:not(:disabled):not(.micl-list-item--disabled) input[type=checkbox]:not(:disabled):active,.micl-list-item-three:not(:disabled):not(.micl-list-item--disabled) input[type=checkbox]:not(:disabled):hover,.micl-list-item-three:not(:disabled):not(.micl-list-item--disabled) input[type=checkbox]:not(:disabled):active{--statelayer-opacity: 0%}.micl-list-item-one:not(:disabled):not(.micl-list-item--disabled) input[type=checkbox]:not(:disabled):hover.micl-switch::after,.micl-list-item-one:not(:disabled):not(.micl-list-item--disabled) input[type=checkbox]:not(:disabled):active.micl-switch::after,.micl-list-item-two:not(:disabled):not(.micl-list-item--disabled) input[type=checkbox]:not(:disabled):hover.micl-switch::after,.micl-list-item-two:not(:disabled):not(.micl-list-item--disabled) input[type=checkbox]:not(:disabled):active.micl-switch::after,.micl-list-item-three:not(:disabled):not(.micl-list-item--disabled) input[type=checkbox]:not(:disabled):hover.micl-switch::after,.micl-list-item-three:not(:disabled):not(.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}.micl-list-item-one input[type=checkbox].micl-checkbox,.micl-list-item-two input[type=checkbox].micl-checkbox,.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-family:var(--md-sys-typescale-title-medium-font);font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height);font-weight:var(--md-sys-typescale-title-medium-weight);letter-spacing:var(--md-sys-typescale-title-medium-tracking);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-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);font-weight:var(--md-sys-typescale-body-large-weight);letter-spacing:var(--md-sys-typescale-body-large-tracking);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-family:var(--md-sys-typescale-label-small-font);font-size:var(--md-sys-typescale-label-small-size);line-height:var(--md-sys-typescale-label-small-line-height);font-weight:var(--md-sys-typescale-label-small-weight);letter-spacing:var(--md-sys-typescale-label-small-tracking);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-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height);font-weight:var(--md-sys-typescale-body-medium-weight);letter-spacing:var(--md-sys-typescale-body-medium-tracking);color:var(--_supporting-text-color)}.micl-list-item__trailing-text{font-family:var(--md-sys-typescale-label-small-font);font-size:var(--md-sys-typescale-label-small-size);line-height:var(--md-sys-typescale-label-small-line-height);font-weight:var(--md-sys-typescale-label-small-weight);letter-spacing:var(--md-sys-typescale-label-small-tracking);color:var(--_trailing-text-color)}[dir=rtl] .micl-list details[open] .micl-list-item__icon--expander{transform:rotate(-180deg)}
+:root{--md-sys-icon-size: 24px;--md-sys-padding-xxs: 4px;--md-sys-padding-xs: 8px;--md-sys-padding-s: 12px;--md-sys-padding-m: 16px;--md-sys-padding-l: 20px;--md-sys-padding-xl: 24px;--md-sys-padding-xxl: 28px}.micl-hidden{display:none !important}.micl-no-transition{transition:none !important}.micl-flex--vcenter{display:flex;flex-direction:row;align-items:center}.micl-grid-field,.micl-grid-iconfield{box-sizing:border-box;display:grid;row-gap:var(--md-sys-padding-xl, 24px)}.micl-grid-iconfield{grid-template-columns:48px 1fr}.micl-grid-iconfield__icon{grid-column:1;margin-block-start:.6rem}.micl-grid-iconfield__field{grid-column:2}.micl-link{display:flex;align-items:center;justify-content:center;text-decoration:none}@property --micl-ripple{syntax:"<integer>";inherits:false;initial-value:0}@property --micl-x{syntax:"<length>";inherits:false;initial-value:-100000px}@property --micl-y{syntax:"<length>";inherits:false;initial-value:-100000px}@property --micl-width{syntax:"<length>";inherits:true;initial-value:0px}@property --micl-height{syntax:"<length>";inherits:true;initial-value:0px}: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: 5000ms}@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%,100%}to{background-size: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}:root{--md-comp-accordion-item-space: 0px}.micl-list:has(>.micl-list-item-one[tabindex],>.micl-list-item-two[tabindex],>.micl-list-item-three[tabindex])>.micl-list-item-one:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(>.micl-list-item-one[tabindex],>.micl-list-item-two[tabindex],>.micl-list-item-three[tabindex])>.micl-list-item-two:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(>.micl-list-item-one[tabindex],>.micl-list-item-two[tabindex],>.micl-list-item-three[tabindex])>.micl-list-item-three:not(:disabled):not(.micl-list-item--disabled),select>.micl-list-item-one:not(:disabled):not(.micl-list-item--disabled),select>.micl-list-item-two:not(:disabled):not(.micl-list-item--disabled),select>.micl-list-item-three:not(:disabled):not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-one:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-two:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-three:not(.micl-list-item--disabled){cursor:pointer}.micl-list:has(>.micl-list-item-one[tabindex],>.micl-list-item-two[tabindex],>.micl-list-item-three[tabindex])>.micl-list-item-one:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):hover:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(>.micl-list-item-one[tabindex],>.micl-list-item-two[tabindex],>.micl-list-item-three[tabindex])>.micl-list-item-two:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):hover:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(>.micl-list-item-one[tabindex],>.micl-list-item-two[tabindex],>.micl-list-item-three[tabindex])>.micl-list-item-three:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):hover:not(:disabled):not(.micl-list-item--disabled),select>.micl-list-item-one:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):hover:not(:disabled):not(.micl-list-item--disabled),select>.micl-list-item-two:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):hover:not(:disabled):not(.micl-list-item--disabled),select>.micl-list-item-three:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):hover:not(:disabled):not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-one:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):hover:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-two:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):hover:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-three:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):hover:not(.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%))}.micl-list:has(>.micl-list-item-one[tabindex],>.micl-list-item-two[tabindex],>.micl-list-item-three[tabindex])>.micl-list-item-one:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):focus-visible:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(>.micl-list-item-one[tabindex],>.micl-list-item-two[tabindex],>.micl-list-item-three[tabindex])>.micl-list-item-two:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):focus-visible:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(>.micl-list-item-one[tabindex],>.micl-list-item-two[tabindex],>.micl-list-item-three[tabindex])>.micl-list-item-three:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):focus-visible:not(:disabled):not(.micl-list-item--disabled),select>.micl-list-item-one:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):focus-visible:not(:disabled):not(.micl-list-item--disabled),select>.micl-list-item-two:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):focus-visible:not(:disabled):not(.micl-list-item--disabled),select>.micl-list-item-three:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):focus-visible:not(:disabled):not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-one:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):focus-visible:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-two:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):focus-visible:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-three:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):focus-visible:not(.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%));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))}.micl-list:has(>.micl-list-item-one[tabindex],>.micl-list-item-two[tabindex],>.micl-list-item-three[tabindex])>.micl-list-item-one:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):active:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(>.micl-list-item-one[tabindex],>.micl-list-item-two[tabindex],>.micl-list-item-three[tabindex])>.micl-list-item-two:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):active:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(>.micl-list-item-one[tabindex],>.micl-list-item-two[tabindex],>.micl-list-item-three[tabindex])>.micl-list-item-three:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):active:not(:disabled):not(.micl-list-item--disabled),select>.micl-list-item-one:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):active:not(:disabled):not(.micl-list-item--disabled),select>.micl-list-item-two:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):active:not(:disabled):not(.micl-list-item--disabled),select>.micl-list-item-three:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):active:not(:disabled):not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-one:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):active:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-two:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):active:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-three:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):active:not(.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%))}.micl-list:has(>.micl-list-item-one[tabindex],>.micl-list-item-two[tabindex],>.micl-list-item-three[tabindex])>.micl-list-item-one:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)).micl-list-item--dragging:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(>.micl-list-item-one[tabindex],>.micl-list-item-two[tabindex],>.micl-list-item-three[tabindex])>.micl-list-item-two:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)).micl-list-item--dragging:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(>.micl-list-item-one[tabindex],>.micl-list-item-two[tabindex],>.micl-list-item-three[tabindex])>.micl-list-item-three:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)).micl-list-item--dragging:not(:disabled):not(.micl-list-item--disabled),select>.micl-list-item-one:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)).micl-list-item--dragging:not(:disabled):not(.micl-list-item--disabled),select>.micl-list-item-two:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)).micl-list-item--dragging:not(:disabled):not(.micl-list-item--disabled),select>.micl-list-item-three:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)).micl-list-item--dragging:not(:disabled):not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-one:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)).micl-list-item--dragging:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-two:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)).micl-list-item--dragging:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-three:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)).micl-list-item--dragging:not(.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}.micl-list:has(>.micl-list-item-one[tabindex],>.micl-list-item-two[tabindex],>.micl-list-item-three[tabindex])>.micl-list-item-one:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):hover:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(>.micl-list-item-one[tabindex],>.micl-list-item-two[tabindex],>.micl-list-item-three[tabindex])>.micl-list-item-two:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):hover:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(>.micl-list-item-one[tabindex],>.micl-list-item-two[tabindex],>.micl-list-item-three[tabindex])>.micl-list-item-three:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):hover:not(:disabled):not(.micl-list-item--disabled),select>.micl-list-item-one:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):hover:not(:disabled):not(.micl-list-item--disabled),select>.micl-list-item-two:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):hover:not(:disabled):not(.micl-list-item--disabled),select>.micl-list-item-three:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):hover:not(:disabled):not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-one:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):hover:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-two:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):hover:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-three:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):hover:not(.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%))}.micl-list:has(>.micl-list-item-one[tabindex],>.micl-list-item-two[tabindex],>.micl-list-item-three[tabindex])>.micl-list-item-one:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):focus-visible:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(>.micl-list-item-one[tabindex],>.micl-list-item-two[tabindex],>.micl-list-item-three[tabindex])>.micl-list-item-two:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):focus-visible:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(>.micl-list-item-one[tabindex],>.micl-list-item-two[tabindex],>.micl-list-item-three[tabindex])>.micl-list-item-three:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):focus-visible:not(:disabled):not(.micl-list-item--disabled),select>.micl-list-item-one:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):focus-visible:not(:disabled):not(.micl-list-item--disabled),select>.micl-list-item-two:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):focus-visible:not(:disabled):not(.micl-list-item--disabled),select>.micl-list-item-three:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):focus-visible:not(:disabled):not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-one:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):focus-visible:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-two:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):focus-visible:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-three:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):focus-visible:not(.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%));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))}.micl-list:has(>.micl-list-item-one[tabindex],>.micl-list-item-two[tabindex],>.micl-list-item-three[tabindex])>.micl-list-item-one:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):active:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(>.micl-list-item-one[tabindex],>.micl-list-item-two[tabindex],>.micl-list-item-three[tabindex])>.micl-list-item-two:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):active:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(>.micl-list-item-one[tabindex],>.micl-list-item-two[tabindex],>.micl-list-item-three[tabindex])>.micl-list-item-three:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):active:not(:disabled):not(.micl-list-item--disabled),select>.micl-list-item-one:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):active:not(:disabled):not(.micl-list-item--disabled),select>.micl-list-item-two:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):active:not(:disabled):not(.micl-list-item--disabled),select>.micl-list-item-three:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):active:not(:disabled):not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-one:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):active:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-two:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):active:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-three:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):active:not(.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%))}.micl-list:has(>.micl-list-item-one[tabindex],>.micl-list-item-two[tabindex],>.micl-list-item-three[tabindex])>.micl-list-item-one:is(:has(input[type=checkbox]:checked),:where(details[open]>*)).micl-list-item--dragging:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(>.micl-list-item-one[tabindex],>.micl-list-item-two[tabindex],>.micl-list-item-three[tabindex])>.micl-list-item-two:is(:has(input[type=checkbox]:checked),:where(details[open]>*)).micl-list-item--dragging:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(>.micl-list-item-one[tabindex],>.micl-list-item-two[tabindex],>.micl-list-item-three[tabindex])>.micl-list-item-three:is(:has(input[type=checkbox]:checked),:where(details[open]>*)).micl-list-item--dragging:not(:disabled):not(.micl-list-item--disabled),select>.micl-list-item-one:is(:has(input[type=checkbox]:checked),:where(details[open]>*)).micl-list-item--dragging:not(:disabled):not(.micl-list-item--disabled),select>.micl-list-item-two:is(:has(input[type=checkbox]:checked),:where(details[open]>*)).micl-list-item--dragging:not(:disabled):not(.micl-list-item--disabled),select>.micl-list-item-three:is(:has(input[type=checkbox]:checked),:where(details[open]>*)).micl-list-item--dragging:not(:disabled):not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-one:is(:has(input[type=checkbox]:checked),:where(details[open]>*)).micl-list-item--dragging:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-two:is(:has(input[type=checkbox]:checked),:where(details[open]>*)).micl-list-item--dragging:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-three:is(:has(input[type=checkbox]:checked),:where(details[open]>*)).micl-list-item--dragging:not(.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-list:has(>.micl-list-item-one[tabindex],>.micl-list-item-two[tabindex],>.micl-list-item-three[tabindex])>.micl-rippling.micl-list-item-one:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(>.micl-list-item-one[tabindex],>.micl-list-item-two[tabindex],>.micl-list-item-three[tabindex])>.micl-rippling.micl-list-item-two:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(>.micl-list-item-one[tabindex],>.micl-list-item-two[tabindex],>.micl-list-item-three[tabindex])>.micl-rippling.micl-list-item-three:not(:disabled):not(.micl-list-item--disabled),select>.micl-rippling.micl-list-item-one:not(:disabled):not(.micl-list-item--disabled),select>.micl-rippling.micl-list-item-two:not(:disabled):not(.micl-list-item--disabled),select>.micl-rippling.micl-list-item-three:not(:disabled):not(.micl-list-item--disabled),.micl-list>details>summary.micl-rippling.micl-list-item-one:not(.micl-list-item--disabled),.micl-list>details>summary.micl-rippling.micl-list-item-two:not(.micl-list-item--disabled),.micl-list>details>summary.micl-rippling.micl-list-item-three:not(.micl-list-item--disabled){animation:micl-ripple var(--md-sys-state-ripple-duration) cubic-bezier(0.2, 0, 0, 1)}.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-sys-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.micl-list-item-one,.micl-list>details>summary.micl-list-item-two,.micl-list>details>summary.micl-list-item-three{position:relative}.micl-list>details>summary.micl-list-item-one::-webkit-details-marker,.micl-list>details>summary.micl-list-item-two::-webkit-details-marker,.micl-list>details>summary.micl-list-item-three::-webkit-details-marker{display:none}.micl-list>details>summary.micl-list-item-one.micl-list-item--disabled,.micl-list>details>summary.micl-list-item-two.micl-list-item--disabled,.micl-list>details>summary.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}.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-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)}.micl-list-item-one:first-of-type,.micl-list-item-two:first-of-type,.micl-list-item-three:first-of-type{border-start-start-radius:max(var(--_list-item-shape),var(--_list-shape));border-start-end-radius:max(var(--_list-item-shape),var(--_list-shape))}.micl-list-item-one:last-of-type,.micl-list-item-two:last-of-type,.micl-list-item-three:last-of-type{border-end-start-radius:max(var(--_list-item-shape),var(--_list-shape));border-end-end-radius:max(var(--_list-item-shape),var(--_list-shape))}.micl-list-item-one:not(:has(>button)),.micl-list-item-two:not(:has(>button)),.micl-list-item-three:not(:has(>button)){--micl-ripple: 1}.micl-list-item-one>a,.micl-list-item-one>button,.micl-list-item-one>label,.micl-list-item-two>a,.micl-list-item-two>button,.micl-list-item-two>label,.micl-list-item-three>a,.micl-list-item-three>button,.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}.micl-list-item-one:has(>a,>button,>label),.micl-list-item-two:has(>a,>button,>label),.micl-list-item-three:has(>a,>button,>label){padding:0}.micl-list-item-one:disabled,.micl-list-item-one.micl-list-item--disabled,.micl-list-item-two:disabled,.micl-list-item-two.micl-list-item--disabled,.micl-list-item-three:disabled,.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%)}.micl-list-item-one:disabled a,.micl-list-item-one:disabled button,.micl-list-item-one:disabled label,.micl-list-item-one.micl-list-item--disabled a,.micl-list-item-one.micl-list-item--disabled button,.micl-list-item-one.micl-list-item--disabled label,.micl-list-item-two:disabled a,.micl-list-item-two:disabled button,.micl-list-item-two:disabled label,.micl-list-item-two.micl-list-item--disabled a,.micl-list-item-two.micl-list-item--disabled button,.micl-list-item-two.micl-list-item--disabled label,.micl-list-item-three:disabled a,.micl-list-item-three:disabled button,.micl-list-item-three:disabled label,.micl-list-item-three.micl-list-item--disabled a,.micl-list-item-three.micl-list-item--disabled button,.micl-list-item-three.micl-list-item--disabled label{pointer-events:none;cursor:auto}.micl-list-item-one:disabled .micl-list-item__image,.micl-list-item-one:disabled .micl-list-item__thumbnail,.micl-list-item-one.micl-list-item--disabled .micl-list-item__image,.micl-list-item-one.micl-list-item--disabled .micl-list-item__thumbnail,.micl-list-item-two:disabled .micl-list-item__image,.micl-list-item-two:disabled .micl-list-item__thumbnail,.micl-list-item-two.micl-list-item--disabled .micl-list-item__image,.micl-list-item-two.micl-list-item--disabled .micl-list-item__thumbnail,.micl-list-item-three:disabled .micl-list-item__image,.micl-list-item-three:disabled .micl-list-item__thumbnail,.micl-list-item-three.micl-list-item--disabled .micl-list-item__image,.micl-list-item-three.micl-list-item--disabled .micl-list-item__thumbnail{opacity:var(--md-sys-state-disabled-state-layer-opacity, 38%)}.micl-list-item-one:disabled:checked,.micl-list-item-one:disabled:has(input[type=checkbox]:checked),.micl-list-item-one:disabled:where(details[open]>*),.micl-list-item-one.micl-list-item--disabled:checked,.micl-list-item-one.micl-list-item--disabled:has(input[type=checkbox]:checked),.micl-list-item-one.micl-list-item--disabled:where(details[open]>*),.micl-list-item-two:disabled:checked,.micl-list-item-two:disabled:has(input[type=checkbox]:checked),.micl-list-item-two:disabled:where(details[open]>*),.micl-list-item-two.micl-list-item--disabled:checked,.micl-list-item-two.micl-list-item--disabled:has(input[type=checkbox]:checked),.micl-list-item-two.micl-list-item--disabled:where(details[open]>*),.micl-list-item-three:disabled:checked,.micl-list-item-three:disabled:has(input[type=checkbox]:checked),.micl-list-item-three:disabled:where(details[open]>*),.micl-list-item-three.micl-list-item--disabled:checked,.micl-list-item-three.micl-list-item--disabled:has(input[type=checkbox]:checked),.micl-list-item-three.micl-list-item--disabled: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%)}.micl-list-item-one:checked,.micl-list-item-one:has(input[type=checkbox]:checked),.micl-list-item-one:where(details[open]>*),.micl-list-item-two:checked,.micl-list-item-two:has(input[type=checkbox]:checked),.micl-list-item-two:where(details[open]>*),.micl-list-item-three:checked,.micl-list-item-three:has(input[type=checkbox]:checked),.micl-list-item-three: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))}.micl-list-item-one:not(:disabled):not(.micl-list-item--disabled):checked,.micl-list-item-one:not(:disabled):not(.micl-list-item--disabled):has(input[type=checkbox]:checked),.micl-list-item-one:not(:disabled):not(.micl-list-item--disabled):where(details[open]>*),.micl-list-item-two:not(:disabled):not(.micl-list-item--disabled):checked,.micl-list-item-two:not(:disabled):not(.micl-list-item--disabled):has(input[type=checkbox]:checked),.micl-list-item-two:not(:disabled):not(.micl-list-item--disabled):where(details[open]>*),.micl-list-item-three:not(:disabled):not(.micl-list-item--disabled):checked,.micl-list-item-three:not(:disabled):not(.micl-list-item--disabled):has(input[type=checkbox]:checked),.micl-list-item-three:not(:disabled):not(.micl-list-item--disabled):where(details[open]>*){--_list-item-shape: var(--md-comp-list-item-container-selected-expressive-shape, var(--md-sys-shape-corner-large, 16px))}.micl-list-item-one:not(:disabled):not(.micl-list-item--disabled) input[type=checkbox]:not(:disabled):hover,.micl-list-item-one:not(:disabled):not(.micl-list-item--disabled) input[type=checkbox]:not(:disabled):active,.micl-list-item-two:not(:disabled):not(.micl-list-item--disabled) input[type=checkbox]:not(:disabled):hover,.micl-list-item-two:not(:disabled):not(.micl-list-item--disabled) input[type=checkbox]:not(:disabled):active,.micl-list-item-three:not(:disabled):not(.micl-list-item--disabled) input[type=checkbox]:not(:disabled):hover,.micl-list-item-three:not(:disabled):not(.micl-list-item--disabled) input[type=checkbox]:not(:disabled):active{--statelayer-opacity: 0%}.micl-list-item-one:not(:disabled):not(.micl-list-item--disabled) input[type=checkbox]:not(:disabled):hover.micl-switch::after,.micl-list-item-one:not(:disabled):not(.micl-list-item--disabled) input[type=checkbox]:not(:disabled):active.micl-switch::after,.micl-list-item-two:not(:disabled):not(.micl-list-item--disabled) input[type=checkbox]:not(:disabled):hover.micl-switch::after,.micl-list-item-two:not(:disabled):not(.micl-list-item--disabled) input[type=checkbox]:not(:disabled):active.micl-switch::after,.micl-list-item-three:not(:disabled):not(.micl-list-item--disabled) input[type=checkbox]:not(:disabled):hover.micl-switch::after,.micl-list-item-three:not(:disabled):not(.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}.micl-list-item-one input[type=checkbox].micl-checkbox,.micl-list-item-two input[type=checkbox].micl-checkbox,.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-family:var(--md-sys-typescale-title-medium-font);font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height);font-weight:var(--md-sys-typescale-title-medium-weight);letter-spacing:var(--md-sys-typescale-title-medium-tracking);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-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);font-weight:var(--md-sys-typescale-body-large-weight);letter-spacing:var(--md-sys-typescale-body-large-tracking);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-family:var(--md-sys-typescale-label-small-font);font-size:var(--md-sys-typescale-label-small-size);line-height:var(--md-sys-typescale-label-small-line-height);font-weight:var(--md-sys-typescale-label-small-weight);letter-spacing:var(--md-sys-typescale-label-small-tracking);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-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height);font-weight:var(--md-sys-typescale-body-medium-weight);letter-spacing:var(--md-sys-typescale-body-medium-tracking);color:var(--_supporting-text-color)}.micl-list-item__trailing-text{font-family:var(--md-sys-typescale-label-small-font);font-size:var(--md-sys-typescale-label-small-size);line-height:var(--md-sys-typescale-label-small-line-height);font-weight:var(--md-sys-typescale-label-small-weight);letter-spacing:var(--md-sys-typescale-label-small-tracking);color:var(--_trailing-text-color)}[dir=rtl] .micl-list details[open] .micl-list-item__icon--expander{transform:rotate(-180deg)}