.md-list-demo{inline-size:24rem;max-inline-size:100%;display:grid;gap:var(--md-sys-measurement-space100)}.md-list{position:relative;display:flex;flex-direction:column;gap:0;margin:0;padding:0;list-style:none;border-radius:var(--_list-shape);overflow:clip}.md-list[data-variant=segmented]{gap:var(--_list-gap)}.md-list[data-reordering],.md-list[data-component-state=dragged]{overflow:visible}.md-list>li{--_list-edge-top: var(--md-comp-list-list-item-container-shape);--_list-edge-bottom: var(--md-comp-list-list-item-container-shape);position:relative;flex:none;min-inline-size:0}.md-list[data-variant=standard]:not([data-shape=expressive])>li:first-child{--_list-edge-top: var(--_list-shape)}.md-list[data-variant=standard]:not([data-shape=expressive])>li:last-child{--_list-edge-bottom: var(--_list-shape)}.md-list[data-variant=standard]:not([data-shape=expressive])>li>.md-list-item,.md-list[data-variant=standard]:not([data-shape=expressive])>li>.md-list-row>.md-list-item{--_list-item-shape: var(--_list-edge-top, var(--md-comp-list-list-item-container-shape)) var(--_list-edge-top, var(--md-comp-list-list-item-container-shape)) var(--_list-edge-bottom, var(--md-comp-list-list-item-container-shape)) var(--_list-edge-bottom, var(--md-comp-list-list-item-container-shape))}.md-list[data-variant=standard]:not([data-divider=none])>li:not(:last-child):not(:has(+.md-list-drop-zone))::after{content:"";display:block;border-block-start:var(--_list-divider-width) solid var(--_list-divider);margin:var(--_list-divider-top) var(--_list-divider-trailing) var(--_list-divider-bottom) var(--_list-divider-leading)}.md-list[data-variant=standard][data-divider=full-width]>li:not(:last-child):not(:has(+.md-list-drop-zone))::after{margin-inline:0}.md-list[data-shape=baseline] .md-list-item[data-list-tall]{align-items:flex-start}.md-list-item:has(.md-list-selection-control){cursor:pointer}.md-list-item[aria-disabled=true]{cursor:default}.md-list-item:has(.md-list-selection-control input:focus-visible){outline:var(--_list-focus-width) solid var(--_list-focus-color);outline-offset:var(--_list-focus-offset)}.md-list-row{position:relative}.md-list-item{--_list-item-container-opacity: 1;--_list-item-label-opacity: 1;--_list-item-leading-icon-opacity: 1;--_list-item-trailing-icon-opacity: 1;--_list-item-overline-opacity: 1;--_list-item-supporting-text-opacity: 1;--_list-item-trailing-supporting-text-opacity: var( --_list-item-supporting-text-opacity );--_button-rest-shape: var(--_list-item-shape);--_button-pressed-shape: var( --_list-item-pressed-shape, var(--_list-item-shape) );--_button-spring-damping: var(--md-sys-motion-spring-fast-spatial-damping);--_button-spring-stiffness: var( --md-sys-motion-spring-fast-spatial-stiffness );--_button-background-state-color: var( --_list-item-background-state-color, transparent );--_button-background-state-opacity: var( --_list-item-background-state-opacity, 0 );--_button-pressed-state-color: var(--_list-item-pressed-state-color);--_button-pressed-state-opacity: var(--_list-item-pressed-state-opacity);--_button-state-color: var(--_list-item-state-color, currentColor);--_button-state-opacity: var(--_list-item-state-opacity, 0);--_elevation-level: var(--_list-item-elevation);--_shadow-color: var(--_list-item-shadow, var(--md-sys-color-shadow));--_button-shape: var(--_button-rest-shape);position:relative;isolation:isolate;display:flex;align-items:center;gap:var(--_list-item-gap);inline-size:100%;min-block-size:var(--_list-item-height);box-sizing:border-box;margin:0;border:0;padding:var(--_list-item-top) var(--_list-item-trailing) var(--_list-item-bottom) var(--_list-item-leading);text-align:start;border-radius:var(--_button-shape);color:var(--_list-item-label);background:color-mix(in srgb,var(--_list-item-container) calc(var(--_list-item-container-opacity) * 100%),transparent);cursor:pointer;touch-action:manipulation;transition:background-color var(--_motion-fast-effects-duration) var(--_motion-fast-effects-easing),border-radius var(--_motion-fast-spatial-duration) var(--_motion-fast-spatial-easing)}.md-list-item::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:var(--_button-background-state-color);opacity:var(--_button-background-state-opacity)}.md-list-item:is(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([data-button-cancelled]){--_button-shape: var(--_button-pressed-shape)}.md-list-item:disabled{cursor:default;--_button-background-state-color: var(--_list-item-state-color);--_button-background-state-opacity: var(--_list-item-state-opacity)}.md-list-item:where(:focus-visible,[data-component-state=focused]){outline:var(--_list-focus-width) solid var(--_list-focus-color);outline-offset:var(--_list-focus-offset)}.md-list-leading,.md-list-tail{flex:none;display:flex;align-items:center}.md-list-tail{gap:var(--_list-item-gap)}.md-list-icon svg{inline-size:var(--_list-item-leading-icon-size);block-size:var(--_list-item-leading-icon-size);color:color-mix(in srgb,var(--_list-item-leading-icon) calc(var(--_list-item-leading-icon-opacity) * 100%),transparent)}.md-list-avatar{inline-size:var(--_list-item-avatar-size);block-size:var(--_list-item-avatar-size);justify-content:center;border-radius:var(--_list-item-avatar-shape);background:var(--_list-item-avatar)}.md-list-avatar-label{color:var(--_list-item-leading-avatar-label-color);font-family:var(--_list-item-leading-avatar-label-font-family);font-size:var(--_list-item-leading-avatar-label-font-size);font-weight:var(--_list-item-leading-avatar-label-font-weight);line-height:var(--_list-item-leading-avatar-label-line-height);letter-spacing:var(--_list-item-leading-avatar-label-tracking)}.md-list-image{inline-size:var(--_list-item-image-width);block-size:var(--_list-item-image-height);border-radius:var(--_list-item-image-shape);overflow:hidden}.md-list-video{inline-size:var(--_list-item-video-width);block-size:var( --_list-item-video-height, var(--md-comp-list-list-item-small-leading-video-height) );border-radius:var(--_list-item-video-shape);overflow:hidden}.md-list-image svg,.md-list-video svg{inline-size:100%;block-size:100%}.md-list-body{flex:1;min-inline-size:0}.md-list-label,.md-list-supporting,.md-list-overline{display:block}.md-list-label{color:color-mix(in srgb,var(--_list-item-label) calc(var(--_list-item-label-opacity) * 100%),transparent);font-family:var(--_list-item-font-family);font-size:var(--_list-item-font-size);font-weight:var(--_list-item-font-weight);line-height:var(--_list-item-line-height);letter-spacing:var(--_list-item-tracking)}.md-list-supporting{white-space:pre-line;color:color-mix(in srgb,var(--_list-item-supporting-text-color) calc(var(--_list-item-supporting-text-opacity) * 100%),transparent);font-family:var(--_list-item-supporting-text-font-family);font-size:var(--_list-item-supporting-text-font-size);font-weight:var(--_list-item-supporting-text-font-weight);line-height:var(--_list-item-supporting-text-line-height);letter-spacing:var(--_list-item-supporting-text-tracking)}.md-list-overline{color:color-mix(in srgb,var(--_list-item-overline-color) calc(var(--_list-item-overline-opacity) * 100%),transparent);font-family:var(--_list-item-overline-font-family);font-size:var(--_list-item-overline-font-size);font-weight:var(--_list-item-overline-font-weight);line-height:var(--_list-item-overline-line-height);letter-spacing:var(--_list-item-overline-tracking)}.md-list-meta{color:color-mix(in srgb,var(--_list-item-trailing-supporting-text-color) calc(var(--_list-item-trailing-supporting-text-opacity) * 100%),transparent);font-family:var(--_list-item-trailing-supporting-text-font-family);font-size:var(--_list-item-trailing-supporting-text-font-size);font-weight:var(--_list-item-trailing-supporting-text-font-weight);line-height:var(--_list-item-trailing-supporting-text-line-height);letter-spacing:var(--_list-item-trailing-supporting-text-tracking)}.md-list-trailing-icon svg,.md-list-expand-icon svg{display:block;inline-size:var(--_list-item-trailing-icon-size);block-size:var(--_list-item-trailing-icon-size);color:color-mix(in srgb,var(--_list-item-trailing-icon) calc(var(--_list-item-trailing-icon-opacity) * 100%),transparent)}.md-list-expand-icon{display:grid;place-content:center;inline-size:var(--md-comp-icon-button-small-container-height);block-size:var(--md-comp-icon-button-small-container-height);border-radius:var(--_list-item-expand-icon-shape);background:var(--_list-item-expand-icon-container)}.md-list-item[aria-expanded=true] .md-list-expand-icon svg{rotate:180deg}.md-list:where([data-control=expand])>li[data-list-expanded=true]{overflow:clip;background:var(--md-comp-list-expand-expanded-list-item-container-color);border-radius:var(--_list-shape)}.md-list:where([data-control=expand][data-variant=segmented])>li[data-list-expanded=true]{overflow:clip;background:var( --md-comp-list-expand-expanded-list-item-segmented-container-color )}.md-list-expand-content{overflow:hidden;list-style:none;padding:0;margin:0}.md-list-expand-content[hidden]{display:none}.md-list[data-control=reorder] .md-list-row>.md-list-item,.md-list[data-control=actions] .md-list-row>.md-list-item,.md-list[data-control=reveal] .md-list-row>.md-list-item{padding-inline-end:calc(var(--_list-item-trailing) + var(--md-comp-icon-button-small-container-height) + var(--_list-item-gap))}.md-list-reorder-sheet{--_sheet-expanded-height: auto;z-index:20}.md-list-reorder-sheet .md-sheet-body{padding:var(--md-sys-measurement-space100) 0}.md-list-grip,.md-list-action,.md-list-reveal-toggle{position:absolute;inset-inline-end:var(--md-comp-list-list-item-trailing-space);inset-block-start:50%;translate:0 -50%}.md-list-grip,.md-list[data-control=reorder] .md-list-row>.md-list-item{touch-action:none;cursor:grab;user-select:none}.md-list [data-list-dragging] .md-list-grip{cursor:grabbing;--_icon-icon: var(--md-comp-list-reorder-list-item-trailing-icon-color)}.md-list [data-list-dragging]{z-index:2}.md-list>.md-list-drop-zone{position:absolute;inset:0;background:var(--_list-drop-color);border-radius:var(--_list-shape);pointer-events:none}.md-list[data-control=reveal] .md-list-row{--_list-reveal-distance: calc( var(--md-comp-icon-button-small-container-height) + 2 * var(--md-comp-list-list-item-trailing-space) );overflow:clip;border-radius:var(--md-comp-list-reveal-list-item-container-shape)}.md-list[data-control=reveal][data-variant=segmented] .md-list-row{border-radius:var(--md-comp-list-reveal-list-item-segmented-container-shape)}.md-list[data-control=reveal] .md-list-row>.md-list-item{touch-action:pan-y}.md-list-reveal-toggle,.md-list-reveal-action{--_icon-container: var(--_list-reveal-container);--_icon-icon: var(--_list-reveal-icon);--_icon-round-shape: var(--_list-reveal-shape);--_icon-pressed-shape: var(--_list-reveal-shape);--_icon-state-color: var(--_list-reveal-state-color);--_icon-background-state-color: var(--_list-reveal-background-state-color);--_icon-pressed-state-color: var(--_list-reveal-pressed-state-color);--_icon-pressed-state-opacity: var( --md-sys-state-pressed-state-layer-opacity )}.md-list-reveal-toggle:is(:hover,[data-component-state=hovered]),.md-list-reveal-action:is(:hover,[data-component-state=hovered]){--_icon-state-opacity: var(--md-sys-state-hover-state-layer-opacity);--_icon-background-state-opacity: var( --md-sys-state-hover-state-layer-opacity )}.md-list-reveal-toggle:is(:focus-visible,[data-component-state=focused]),.md-list-reveal-action:is(:focus-visible,[data-component-state=focused]){--_icon-state-opacity: var(--md-sys-state-focus-state-layer-opacity);--_icon-background-state-opacity: var( --md-sys-state-focus-state-layer-opacity )}.md-list-reveal-toggle:disabled,.md-list-reveal-action:disabled{--_icon-icon-opacity: var(--md-comp-button-text-disabled-label-text-opacity)}.md-list-reveal-action{position:absolute;inset-block:0;inset-inline-end:0;block-size:100%;inline-size:var(--_list-reveal-distance)}.md-list[data-control=reveal] .md-list-row>.md-list-item{translate:var(--_list-reveal-offset, 0px) 0;transition:translate var(--_motion-fast-spatial-duration) var(--_motion-fast-spatial-easing),background-color var(--_motion-fast-effects-duration) var(--_motion-fast-effects-easing)}.md-list[data-control=reveal] .md-list-reveal-toggle{translate:var(--_list-reveal-offset, 0px) -50%;transition:translate var(--_motion-default-spatial-duration) var(--_motion-default-spatial-easing)}.md-list-row[data-swiping]>.md-list-item,.md-list-row[data-swiping]>.md-list-reveal-toggle{transition:none}@media(prefers-reduced-motion:reduce){.md-list-item,.md-list-reveal-toggle{transition:none!important}}.md-list{isolation:isolate}.md-list-drop-zone{inset-block-end:auto;z-index:-1}.md-list-row:has(>.md-list-item[data-component-state=dragged])>.md-list-grip{--_icon-icon: var(--md-comp-list-reorder-list-item-trailing-icon-color)}.md-list-reveal-action{visibility:hidden;pointer-events:none;transition:visibility 0s var(--_motion-default-spatial-duration),background-color var(--_button-effects-duration) var(--_button-easing)}.md-list-row:is([data-revealed=true],[data-swiping])>.md-list-reveal-action{visibility:visible;pointer-events:auto;transition-delay:0s}.md-list-item[data-component-state=pressed]::before,:root:not([data-feedback-ready]) .md-list-item::before{background:var(--_list-item-state-color, transparent);opacity:var(--_list-item-state-opacity, 0)}.md-list[data-expand-inset=inset] .md-list-expand-content{box-sizing:border-box;padding-inline-start:var(--md-comp-list-list-item-leading-space)}.md-list[data-expand-surface=none]>li[data-list-expanded=true]{background:transparent}.md-list[data-expand-surface=none] .md-list-item[aria-expanded=true]{--_list-item-container: var(--md-comp-list-list-item-container-color)}.md-list[data-expand-surface=none][data-variant=segmented] .md-list-item[aria-expanded=true]{--_list-item-container: var( --md-comp-list-list-item-segmented-container-color )}.md-list:not([data-expand-surface=none])>li[data-list-expanded=true] .md-list-expand-content .md-list-item{background:transparent}.md-list[data-expand-icon=plain] .md-list-expand-icon{background:transparent}.md-list[data-expand-surface=tonal]>li[data-list-expanded=true]{background:var(--md-sys-color-surface-container)}.md-list[data-expand-surface=tonal]>li[data-list-expanded=true]>.md-list-row>.md-list-item{background:transparent}.md-list{--_list-shape: var(--md-comp-list-container-shape);--_list-divider-bottom: var(--md-comp-list-divider-bottom-space);--_list-divider: var(--md-comp-list-divider-color);--_list-divider-width: var(--md-comp-list-divider-height);--_list-divider-leading: var(--md-comp-list-divider-leading-space);--_list-divider-top: var(--md-comp-list-divider-top-space);--_list-divider-trailing: var(--md-comp-list-divider-trailing-space);--_list-focus-color: var(--md-comp-list-focus-indicator-color);--_list-focus-offset: var(--md-comp-list-focus-indicator-outline-offset);--_list-focus-width: var(--md-comp-list-focus-indicator-thickness);--_list-gap: var(--md-comp-list-segmented-gap)}.md-list:where([data-control=reorder]){--_list-drop-color: var(--md-comp-list-reorder-list-item-drop-zone-color)}.md-list:where([data-control=expand]){--_list-shape: var(--md-comp-list-expand-container-shape)}.md-list .md-list-item{--_list-item-gap: var(--md-comp-list-list-item-between-space);--_list-item-bottom: var(--md-comp-list-list-item-bottom-space);--_list-item-container: var(--md-comp-list-list-item-container-color);--_list-item-elevation: var(--md-comp-list-list-item-container-elevation);--_list-item-height: var(--md-comp-list-list-item-container-height);--_list-item-shape: var(--md-comp-list-list-item-container-shape);--_list-item-label: var(--md-comp-list-list-item-label-text-color);--_list-item-font-family: var(--md-comp-list-list-item-label-text-font);--_list-item-line-height: var(--md-comp-list-list-item-label-text-line-height);--_list-item-font-size: var(--md-comp-list-list-item-label-text-size);--_list-item-tracking: var(--md-comp-list-list-item-label-text-tracking);--_list-item-font-weight: var(--md-comp-list-list-item-label-text-weight);--_list-item-avatar: var(--md-comp-list-list-item-leading-avatar-color);--_list-item-avatar-shape: var(--md-comp-list-list-item-leading-avatar-shape);--_list-item-avatar-size: var(--md-comp-list-list-item-leading-avatar-size);--_list-item-leading-avatar-label-color: var(--md-comp-list-list-item-leading-avatar-label-color);--_list-item-leading-avatar-label-font-family: var(--md-comp-list-list-item-leading-avatar-label-font);--_list-item-leading-avatar-label-line-height: var(--md-comp-list-list-item-leading-avatar-label-line-height);--_list-item-leading-avatar-label-font-size: var(--md-comp-list-list-item-leading-avatar-label-size);--_list-item-leading-avatar-label-tracking: var(--md-comp-list-list-item-leading-avatar-label-tracking);--_list-item-leading-avatar-label-font-weight: var(--md-comp-list-list-item-leading-avatar-label-weight);--_list-item-leading-icon: var(--md-comp-list-list-item-leading-icon-color);--_list-item-leading-icon-size: var(--md-comp-list-list-item-leading-icon-size);--_list-item-image-height: var(--md-comp-list-list-item-leading-image-height);--_list-item-image-shape: var(--md-comp-list-list-item-leading-image-shape);--_list-item-image-width: var(--md-comp-list-list-item-leading-image-width);--_list-item-leading: var(--md-comp-list-list-item-leading-space);--_list-item-video-shape: var(--md-comp-list-list-item-leading-video-shape);--_list-item-video-width: var(--md-comp-list-list-item-leading-video-width);--_list-item-overline-color: var(--md-comp-list-list-item-overline-color);--_list-item-overline-font-family: var(--md-comp-list-list-item-overline-font);--_list-item-overline-line-height: var(--md-comp-list-list-item-overline-line-height);--_list-item-overline-font-size: var(--md-comp-list-list-item-overline-size);--_list-item-overline-tracking: var(--md-comp-list-list-item-overline-tracking);--_list-item-overline-font-weight: var(--md-comp-list-list-item-overline-weight);--_list-item-supporting-text-color: var(--md-comp-list-list-item-supporting-text-color);--_list-item-supporting-text-font-family: var(--md-comp-list-list-item-supporting-text-font);--_list-item-supporting-text-line-height: var(--md-comp-list-list-item-supporting-text-line-height);--_list-item-supporting-text-font-size: var(--md-comp-list-list-item-supporting-text-size);--_list-item-supporting-text-tracking: var(--md-comp-list-list-item-supporting-text-tracking);--_list-item-supporting-text-font-weight: var(--md-comp-list-list-item-supporting-text-weight);--_list-item-top: var(--md-comp-list-list-item-top-space);--_list-item-trailing-icon: var(--md-comp-list-list-item-trailing-icon-color);--_list-item-trailing-icon-size: var(--md-comp-list-list-item-trailing-icon-size);--_list-item-trailing: var(--md-comp-list-list-item-trailing-space);--_list-item-trailing-supporting-text-color: var(--md-comp-list-list-item-trailing-supporting-text-color);--_list-item-trailing-supporting-text-font-family: var(--md-comp-list-list-item-trailing-supporting-text-font);--_list-item-trailing-supporting-text-line-height: var(--md-comp-list-list-item-trailing-supporting-text-line-height);--_list-item-trailing-supporting-text-font-size: var(--md-comp-list-list-item-trailing-supporting-text-size);--_list-item-trailing-supporting-text-tracking: var(--md-comp-list-list-item-trailing-supporting-text-tracking);--_list-item-trailing-supporting-text-font-weight: var(--md-comp-list-list-item-trailing-supporting-text-weight);--_list-item-pressed-state-color: var(--md-comp-list-list-item-pressed-state-layer-color);--_list-item-pressed-state-opacity: var(--md-comp-list-list-item-pressed-state-layer-opacity)}.md-list:where([data-shape=expressive]) .md-list-item{--_list-item-shape: var(--md-comp-list-list-item-container-expressive-shape);--_list-item-leading-icon-size: var(--md-comp-list-list-item-leading-icon-expressive-size);--_list-item-image-shape: var(--md-comp-list-list-item-leading-image-expressive-shape);--_list-item-pressed-shape: var(--md-comp-list-list-item-pressed-container-expressive-shape);--_list-item-trailing-icon-size: var(--md-comp-list-list-item-trailing-icon-expressive-size)}.md-list:where([data-media=large]) .md-list-item{--_list-item-video-height: var(--md-comp-list-list-item-large-leading-video-height);--_list-item-video-width: var(--md-comp-list-list-item-large-leading-video-width)}.md-list:where([data-size=one-line]) .md-list-item{--_list-item-height: var(--md-comp-list-list-item-one-line-container-height)}.md-list:where([data-variant=segmented]) .md-list-item{--_list-item-container: var(--md-comp-list-list-item-segmented-container-color)}.md-list:where([data-media=small]) .md-list-item{--_list-item-video-height: var(--md-comp-list-list-item-small-leading-video-height);--_list-item-video-width: var(--md-comp-list-list-item-small-leading-video-width)}.md-list:where([data-size=three-line]) .md-list-item{--_list-item-height: var(--md-comp-list-list-item-three-line-container-height)}.md-list:where([data-size=two-line]) .md-list-item{--_list-item-height: var(--md-comp-list-list-item-two-line-container-height)}.md-list:where([data-control=expand]) .md-list-item:where([aria-expanded=false]){--_list-item-expand-icon-container: var(--md-comp-list-expand-collapsed-list-item-trailing-icon-container-color);--_list-item-trailing-icon: var(--md-comp-list-expand-collapsed-list-item-trailing-icon-icon-color)}.md-list:where([data-control=expand]) .md-list-item:where([aria-expanded=true]){--_list-item-container: var(--md-comp-list-expand-expanded-list-item-container-color);--_list-item-expand-icon-container: var(--md-comp-list-expand-expanded-list-item-trailing-icon-container-color);--_list-item-trailing-icon: var(--md-comp-list-expand-expanded-list-item-trailing-icon-icon-color)}.md-list:where([data-control=expand]) .md-list-item{--_list-item-expand-icon-shape: var(--md-comp-list-expand-trailing-icon-shape)}.md-list:where([data-control=reveal]) .md-list-row:where([data-revealed=true])>.md-list-item{--_list-item-container: var(--md-comp-list-reveal-list-item-container-color);--_list-item-shape: var(--md-comp-list-reveal-list-item-container-shape)}.md-list:where([data-variant=segmented]):where([data-control=expand]) .md-list-item:where([aria-expanded=true]){--_list-item-container: var(--md-comp-list-expand-expanded-list-item-segmented-container-color)}.md-list:where([data-variant=segmented]):where([data-control=reveal]) .md-list-row:where([data-revealed=true])>.md-list-item{--_list-item-shape: var(--md-comp-list-reveal-list-item-segmented-container-shape)}.md-list .md-list-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))){--_list-item-container: var(--md-comp-list-list-item-selected-container-color);--_list-item-shape: var(--md-comp-list-list-item-selected-container-shape);--_list-item-label: var(--md-comp-list-list-item-selected-label-text-color);--_list-item-leading-icon: var(--md-comp-list-list-item-selected-leading-icon-color);--_list-item-overline-color: var(--md-comp-list-list-item-selected-overline-color);--_list-item-supporting-text-color: var(--md-comp-list-list-item-selected-supporting-text-color);--_list-item-trailing-icon: var(--md-comp-list-list-item-selected-trailing-icon-color);--_list-item-trailing-supporting-text-color: var(--md-comp-list-list-item-selected-trailing-supporting-text-color)}.md-list .md-list-item:where(:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)))){--_list-item-trailing-icon: var(--md-comp-list-list-item-unselected-trailing-icon-color)}.md-list:where([data-shape=expressive]) .md-list-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))){--_list-item-shape: var(--md-comp-list-list-item-selected-container-expressive-shape);--_list-item-pressed-shape: var(--md-comp-list-list-item-selected-pressed-container-expressive-shape)}.md-list .md-list-item:where(:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch]))){--_list-item-label: var(--md-comp-list-list-item-hover-label-text-color);--_list-item-leading-icon: var(--md-comp-list-list-item-hover-leading-icon-icon-color);--_list-item-state-color: var(--md-comp-list-list-item-hover-state-layer-color);--_list-item-background-state-color: var(--md-comp-list-list-item-hover-state-layer-color);--_list-item-state-opacity: var(--md-comp-list-list-item-hover-state-layer-opacity);--_list-item-background-state-opacity: var(--md-comp-list-list-item-hover-state-layer-opacity);--_list-item-trailing-icon: var(--md-comp-list-list-item-hover-trailing-icon-icon-color)}.md-list:where([data-shape=expressive]) .md-list-item:where(:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch]))){--_list-item-shape: var(--md-comp-list-list-item-hovered-container-expressive-shape)}.md-list .md-list-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch]))){--_list-item-label: var(--md-comp-list-list-item-selected-hover-label-text-color);--_list-item-leading-icon: var(--md-comp-list-list-item-selected-hover-leading-icon-color);--_list-item-state-color: var(--md-comp-list-list-item-selected-hover-state-layer-color);--_list-item-background-state-color: var(--md-comp-list-list-item-selected-hover-state-layer-color);--_list-item-state-opacity: var(--md-comp-list-list-item-selected-hover-state-layer-opacity);--_list-item-background-state-opacity: var(--md-comp-list-list-item-selected-hover-state-layer-opacity);--_list-item-trailing-icon: var(--md-comp-list-list-item-selected-hover-trailing-icon-color)}.md-list:where([data-shape=expressive]) .md-list-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch]))){--_list-item-shape: var(--md-comp-list-list-item-selected-hovered-container-expressive-shape)}.md-list .md-list-item:where(:where(:focus-visible,:has(.md-list-selection-control>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_list-item-label: var(--md-comp-list-list-item-focus-label-text-color);--_list-item-leading-icon: var(--md-comp-list-list-item-focus-leading-icon-icon-color);--_list-item-state-color: var(--md-comp-list-list-item-focus-state-layer-color);--_list-item-background-state-color: var(--md-comp-list-list-item-focus-state-layer-color);--_list-item-state-opacity: var(--md-comp-list-list-item-focus-state-layer-opacity);--_list-item-background-state-opacity: var(--md-comp-list-list-item-focus-state-layer-opacity);--_list-item-trailing-icon: var(--md-comp-list-list-item-focus-trailing-icon-icon-color)}.md-list:where([data-shape=expressive]) .md-list-item:where(:where(:focus-visible,:has(.md-list-selection-control>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_list-item-shape: var(--md-comp-list-list-item-focused-container-expressive-shape)}.md-list .md-list-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:focus-visible,:has(.md-list-selection-control>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_list-item-label: var(--md-comp-list-list-item-selected-focus-label-text-color);--_list-item-leading-icon: var(--md-comp-list-list-item-selected-focus-leading-icon-color);--_list-item-state-color: var(--md-comp-list-list-item-selected-focus-state-layer-color);--_list-item-background-state-color: var(--md-comp-list-list-item-selected-focus-state-layer-color);--_list-item-state-opacity: var(--md-comp-list-list-item-selected-focus-state-layer-opacity);--_list-item-background-state-opacity: var(--md-comp-list-list-item-selected-focus-state-layer-opacity);--_list-item-trailing-icon: var(--md-comp-list-list-item-selected-focus-trailing-icon-color)}.md-list:where([data-shape=expressive]) .md-list-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:focus-visible,:has(.md-list-selection-control>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_list-item-shape: var(--md-comp-list-list-item-selected-focused-container-expressive-shape)}.md-list .md-list-item:where(:where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled]))){--_list-item-label: var(--md-comp-list-list-item-pressed-label-text-color);--_list-item-leading-icon: var(--md-comp-list-list-item-pressed-leading-icon-icon-color);--_list-item-state-color: var(--md-comp-list-list-item-pressed-state-layer-color);--_list-item-state-opacity: var(--md-comp-list-list-item-pressed-state-layer-opacity);--_list-item-trailing-icon: var(--md-comp-list-list-item-pressed-trailing-icon-icon-color)}.md-list .md-list-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled]))){--_list-item-label: var(--md-comp-list-list-item-selected-pressed-label-text-color);--_list-item-leading-icon: var(--md-comp-list-list-item-selected-pressed-leading-icon-color);--_list-item-state-color: var(--md-comp-list-list-item-selected-pressed-state-layer-color);--_list-item-state-opacity: var(--md-comp-list-list-item-selected-pressed-state-layer-opacity);--_list-item-trailing-icon: var(--md-comp-list-list-item-selected-pressed-trailing-icon-color)}.md-list .md-list-item:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)){--_list-item-pressed-state-color: var(--md-comp-list-list-item-selected-pressed-state-layer-color);--_list-item-pressed-state-opacity: var(--md-comp-list-list-item-selected-pressed-state-layer-opacity)}.md-list .md-list-item:where(:where([data-dragged=true],[data-component-state=dragged]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_list-item-elevation: var(--md-comp-list-list-item-dragged-container-elevation);--_list-item-label: var(--md-comp-list-list-item-dragged-label-text-color);--_list-item-leading-icon: var(--md-comp-list-list-item-dragged-leading-icon-icon-color);--_list-item-state-color: var(--md-comp-list-list-item-dragged-state-layer-color);--_list-item-background-state-color: var(--md-comp-list-list-item-dragged-state-layer-color);--_list-item-state-opacity: var(--md-comp-list-list-item-dragged-state-layer-opacity);--_list-item-background-state-opacity: var(--md-comp-list-list-item-dragged-state-layer-opacity);--_list-item-trailing-icon: var(--md-comp-list-list-item-dragged-trailing-icon-icon-color)}.md-list:where([data-shape=expressive]) .md-list-item:where(:where([data-dragged=true],[data-component-state=dragged]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_list-item-shape: var(--md-comp-list-list-item-dragged-container-expressive-shape)}.md-list .md-list-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where([data-dragged=true],[data-component-state=dragged]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_list-item-label: var(--md-comp-list-list-item-selected-dragged-label-text-color);--_list-item-leading-icon: var(--md-comp-list-list-item-selected-dragged-leading-icon-color);--_list-item-state-color: var(--md-comp-list-list-item-selected-dragged-state-layer-color);--_list-item-background-state-color: var(--md-comp-list-list-item-selected-dragged-state-layer-color);--_list-item-state-opacity: var(--md-comp-list-list-item-selected-dragged-state-layer-opacity);--_list-item-background-state-opacity: var(--md-comp-list-list-item-selected-dragged-state-layer-opacity);--_list-item-trailing-icon: var(--md-comp-list-list-item-selected-dragged-trailing-icon-color)}.md-list:where([data-shape=expressive]) .md-list-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where([data-dragged=true],[data-component-state=dragged]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_list-item-shape: var(--md-comp-list-list-item-selected-dragged-container-expressive-shape)}.md-list:where([data-control=reorder]) .md-list-item:where(:where([data-dragged=true],[data-component-state=dragged]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_list-item-container: var(--md-comp-list-reorder-list-item-container-color);--_list-item-label: var(--md-comp-list-reorder-list-item-label-text-color);--_list-item-leading-icon: var(--md-comp-list-reorder-list-item-leading-icon-color);--_list-item-overline-color: var(--md-comp-list-reorder-list-item-overline-color);--_list-item-shadow: var(--md-comp-list-reorder-list-item-shadow-color);--_list-item-shape: var(--md-comp-list-reorder-list-item-shape);--_list-item-state-color: var(--md-comp-list-reorder-list-item-state-layer-color);--_list-item-background-state-color: var(--md-comp-list-reorder-list-item-state-layer-color);--_list-item-state-opacity: var(--md-comp-list-reorder-list-item-state-layer-opacity);--_list-item-background-state-opacity: var(--md-comp-list-reorder-list-item-state-layer-opacity);--_list-item-supporting-text-color: var(--md-comp-list-reorder-list-item-supporting-text-color);--_list-item-trailing-icon: var(--md-comp-list-reorder-list-item-trailing-icon-color);--_list-item-trailing-supporting-text-color: var(--md-comp-list-reorder-list-item-trailing-supporting-text-color)}.md-list .md-list-item:where(:is(:disabled,[aria-disabled=true],:has(>input:disabled,>select:disabled))){--_list-item-label: var(--md-comp-list-list-item-disabled-label-text-color);--_list-item-label-opacity: var(--md-comp-list-list-item-disabled-label-text-opacity);--_list-item-leading-icon: var(--md-comp-list-list-item-disabled-leading-icon-color);--_list-item-leading-icon-opacity: var(--md-comp-list-list-item-disabled-leading-icon-opacity);--_list-item-overline-color: var(--md-comp-list-list-item-disabled-overline-color);--_list-item-overline-opacity: var(--md-comp-list-list-item-disabled-overline-opacity);--_list-item-state-color: var(--md-comp-list-list-item-disabled-state-layer-color);--_list-item-state-opacity: var(--md-comp-list-list-item-disabled-state-layer-opacity);--_list-item-supporting-text-color: var(--md-comp-list-list-item-disabled-supporting-text-color);--_list-item-supporting-text-opacity: var(--md-comp-list-list-item-disabled-supporting-text-opacity);--_list-item-trailing-icon: var(--md-comp-list-list-item-disabled-trailing-icon-color);--_list-item-trailing-icon-opacity: var(--md-comp-list-list-item-disabled-trailing-icon-opacity)}.md-list:where([data-shape=expressive]) .md-list-item:where(:is(:disabled,[aria-disabled=true],:has(>input:disabled,>select:disabled))){--_list-item-shape: var(--md-comp-list-list-item-disabled-container-expressive-shape)}.md-list .md-list-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):is(:disabled,[aria-disabled=true],:has(>input:disabled,>select:disabled))){--_list-item-container: var(--md-comp-list-list-item-selected-disabled-container-color);--_list-item-container-opacity: var(--md-comp-list-list-item-selected-disabled-container-opacity);--_list-item-label: var(--md-comp-list-list-item-selected-disabled-label-text-color);--_list-item-label-opacity: var(--md-comp-list-list-item-selected-disabled-label-text-opacity);--_list-item-leading-icon: var(--md-comp-list-list-item-selected-disabled-leading-icon-color);--_list-item-leading-icon-opacity: var(--md-comp-list-list-item-selected-disabled-leading-icon-opacity);--_list-item-overline-color: var(--md-comp-list-list-item-selected-disabled-overline-color);--_list-item-overline-opacity: var(--md-comp-list-list-item-selected-disabled-overline-opacity);--_list-item-state-color: var(--md-comp-list-list-item-selected-disabled-state-layer-color);--_list-item-state-opacity: var(--md-comp-list-list-item-selected-disabled-state-layer-opacity);--_list-item-supporting-text-color: var(--md-comp-list-list-item-selected-disabled-supporting-text-color);--_list-item-supporting-text-opacity: var(--md-comp-list-list-item-selected-disabled-supporting-text-opacity);--_list-item-trailing-icon: var(--md-comp-list-list-item-selected-disabled-trailing-icon-color);--_list-item-trailing-icon-opacity: var(--md-comp-list-list-item-selected-disabled-trailing-icon-opacity);--_list-item-trailing-supporting-text-color: var(--md-comp-list-list-item-selected-disabled-trailing-supporting-text-color);--_list-item-trailing-supporting-text-opacity: var(--md-comp-list-list-item-selected-disabled-trailing-supporting-text-opacity)}.md-list:where([data-shape=expressive]) .md-list-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):is(:disabled,[aria-disabled=true],:has(>input:disabled,>select:disabled))){--_list-item-shape: var(--md-comp-list-list-item-selected-disabled-container-expressive-shape)}.md-list .md-list-reveal-action{--_list-reveal-container: var(--md-comp-list-reveal-list-item-action-icon-button-container-color);--_list-reveal-icon: var(--md-comp-list-reveal-list-item-action-icon-button-icon-color);--_list-reveal-shape: var(--md-comp-list-reveal-list-item-icon-button-action-container-shape);--_list-reveal-pressed-state-color: var(--md-comp-list-reveal-list-item-action-icon-button-pressed-state-layer-color)}.md-list .md-list-reveal-toggle{--_list-reveal-container: var(--md-comp-list-reveal-list-item-icon-button-container-color);--_list-reveal-shape: var(--md-comp-list-reveal-list-item-icon-button-container-shape);--_list-reveal-icon: var(--md-comp-list-reveal-list-item-icon-button-icon-color)}.md-list .md-list-reveal-action:where(:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch]))){--_list-reveal-state-color: var(--md-comp-list-reveal-list-item-action-icon-button-hovered-state-layer-color);--_list-reveal-background-state-color: var(--md-comp-list-reveal-list-item-action-icon-button-hovered-state-layer-color)}.md-list .md-list-reveal-toggle:where(:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch]))){--_list-reveal-state-color: var(--md-comp-list-reveal-list-item-icon-button-hovered-state-layer-color);--_list-reveal-background-state-color: var(--md-comp-list-reveal-list-item-icon-button-hovered-state-layer-color)}.md-list .md-list-reveal-action:where(:where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_list-reveal-state-color: var(--md-comp-list-reveal-list-item-action-icon-button-focused-state-layer-color);--_list-reveal-background-state-color: var(--md-comp-list-reveal-list-item-action-icon-button-focused-state-layer-color)}.md-list .md-list-reveal-toggle:where(:where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_list-reveal-state-color: var(--md-comp-list-reveal-list-item-icon-button-focused-state-layer-color);--_list-reveal-background-state-color: var(--md-comp-list-reveal-list-item-icon-button-focused-state-layer-color)}.md-list .md-list-reveal-action:where(:where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled]))){--_list-reveal-state-color: var(--md-comp-list-reveal-list-item-action-icon-button-pressed-state-layer-color)}.md-list .md-list-reveal-toggle:where(:where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled]))){--_list-reveal-state-color: var(--md-comp-list-reveal-list-item-icon-button-pressed-state-layer-color)}.md-list .md-list-reveal-toggle{--_list-reveal-pressed-state-color: var(--md-comp-list-reveal-list-item-icon-button-pressed-state-layer-color)}