@layer components{.md3-list-list{margin:0;padding-block:8px;padding-inline:0;list-style:none}.md3-list-wrapper{margin:0;padding:0;list-style:none;display:block}.md3-list-item{--_leading-color:var(--md-sys-color-on-surface-variant);--_trailing-color:var(--md-sys-color-on-surface-variant);box-sizing:border-box;isolation:isolate;width:100%;min-height:56px;color:var(--md-sys-color-on-surface);text-align:start;background:0 0;align-items:center;gap:16px;padding-block:8px;padding-inline:16px;display:flex;position:relative}.md3-list-item[data-lines="2"]{min-height:72px}.md3-list-item[data-lines="3"]{align-items:flex-start;min-height:88px;padding-block:12px}.md3-list-item[data-interactive]{appearance:none;font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:0;outline:none;text-decoration:none}.md3-list-stateLayer{z-index:-1;position:absolute;inset:0;overflow:hidden}.md3-list-stateLayer:before{content:"";background:var(--md-sys-color-on-surface);opacity:0;transition:opacity 15ms linear;position:absolute;inset:0}.md3-list-item[data-interactive]:hover .md3-list-stateLayer:before{opacity:var(--md-sys-state-hover-state-layer-opacity)}.md3-list-item[data-interactive]:focus-visible .md3-list-stateLayer:before{opacity:var(--md-sys-state-focus-state-layer-opacity)}.md3-list-item[data-interactive]:active .md3-list-stateLayer:before{opacity:var(--md-sys-state-pressed-state-layer-opacity)}.md3-list-item[data-interactive]:focus-visible{outline:3px solid var(--md-sys-color-secondary);outline-offset:-3px}.md3-list-leading{color:var(--_leading-color);flex-shrink:0;align-items:center;font-size:24px;display:inline-flex}.md3-list-body{flex-direction:column;flex-grow:1;min-width:0;display:flex}.md3-list-overline{color:var(--md-sys-color-on-surface-variant);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)}.md3-list-headline{color:inherit;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)}.md3-list-supporting{color:var(--md-sys-color-on-surface-variant);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)}.md3-list-trailing{color:var(--_trailing-color);flex-shrink:0;align-items:center;gap:16px;margin-inline-start:auto;font-size:24px;display:inline-flex}.md3-list-trailingText{font-size:var(--md-sys-typescale-label-small-size);font-family:var(--md-sys-typescale-label-small-font);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)}.md3-list-item[data-selected]{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);--_leading-color:currentColor;--_trailing-color:currentColor}.md3-list-item[data-selected] .md3-list-overline,.md3-list-item[data-selected] .md3-list-supporting,.md3-list-item[data-selected] .md3-list-trailingText{color:inherit}.md3-list-item[data-disabled]{cursor:default;color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity) * 100%), transparent);--_leading-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity) * 100%), transparent);--_trailing-color:var(--_leading-color)}.md3-list-item[data-disabled] .md3-list-overline,.md3-list-item[data-disabled] .md3-list-supporting,.md3-list-item[data-disabled] .md3-list-trailingText{color:inherit}}