@layer m3-components{.m3-li-wrap{min-width:0;display:block;position:relative}.m3-li{--_ro:var(--md-sys-shape-corner-large);--_ri:var(--md-sys-shape-corner-extra-small);--_rt:var(--_ri);--_rb:var(--_ri);--_py:10px;--_lines:1;--_muted:var(--md-sys-color-on-surface-variant);--m3-sl:var(--md-sys-color-on-surface);align-items:center;gap:var(--md-sys-space-4);width:100%;min-height:calc(var(--md-sys-size-list-item) + (-1 + var(--_lines)) * var(--md-sys-space-4));padding:var(--_py) var(--md-sys-pad-control-x);border-radius:var(--_rt) var(--_rt) var(--_rb) var(--_rb);background:var(--m3-li-bg,var(--md-sys-color-surface-container-low));color:var(--md-sys-color-on-surface);font:inherit;text-align:start;-webkit-tap-highlight-color:transparent;transition:border-radius var(--md-sys-motion-t-small),background-color var(--md-sys-motion-t-state);border:0;margin:0;text-decoration:none;display:flex;position:relative}.m3-li[data-lines="2"]{--_lines:2}.m3-li[data-lines="3"]{--_lines:3;--_py:12px;align-items:flex-start}.m3-list>.m3-li-wrap:first-child>.m3-li{--_rt:var(--_ro)}.m3-list>.m3-li-wrap:last-child>.m3-li{--_rb:var(--_ro)}@media (hover:hover){.m3-li[data-interactive]:hover{--_ri:var(--md-sys-shape-corner-medium)}}.m3-li[data-interactive]:active,.m3-li[data-selected]{--_ri:var(--md-sys-shape-corner-large)}.m3-li[data-interactive]:focus-visible{--_ri:var(--md-sys-shape-corner-large);outline-offset:calc(var(--md-sys-focus-width) * -1)}.m3-list[data-variant=standard] .m3-li{--_ro:var(--md-sys-shape-corner-medium);--_ri:var(--md-sys-shape-corner-medium);--_rt:var(--_ri);--_rb:var(--_ri);background:0 0}.m3-li[data-selected],.m3-list[data-variant=standard] .m3-li[data-selected]{background:var(--md-sys-color-secondary-container)}.m3-li[data-selected]{color:var(--md-sys-color-on-secondary-container);--m3-sl:var(--md-sys-color-on-secondary-container);--_muted:var(--md-sys-color-on-secondary-container)}.m3-li[data-interactive]{cursor:pointer}.m3-li[data-disabled][data-disabled]{cursor:not-allowed}.m3-li[data-disabled][data-interactive]{--_ri:var(--md-sys-shape-corner-extra-small)}.m3-li[data-disabled]>*{opacity:var(--md-sys-state-disabled-content)}.m3-li[aria-disabled=true]{pointer-events:none}.m3-li__lead{color:var(--_muted);--m3-icon-size:var(--md-sys-size-icon);flex:none;align-items:center;display:inline-flex}.m3-li[data-lines="3"] .m3-li__lead,.m3-li[data-lines="3"] .m3-li__trail{align-self:flex-start}.m3-li__text{flex:1;min-width:0;display:grid}.m3-li__overline,.m3-li__supporting,.m3-li__trail,.m3-li__trailing-text{color:var(--_muted)}.m3-li__headline,.m3-li__overline{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.m3-li__supporting{-webkit-line-clamp:var(--_clamp,1);line-clamp:var(--_clamp,1);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.m3-li__trail{align-items:center;gap:var(--md-sys-gap-inline);flex:none;display:inline-flex}.m3-li__trailing-text{white-space:nowrap}.m3-li[data-link] .m3-li__supporting{color:var(--md-sys-color-primary)}.m3-li[data-link][data-selected] .m3-li__supporting{color:inherit}.m3-li__ext{--m3-icon-size:18px;opacity:.72;transition:opacity var(--md-sys-motion-t-fx-micro),translate var(--md-sys-motion-t-micro)}.m3-li:active .m3-li__ext,.m3-li:focus-visible .m3-li__ext{opacity:1}@media (hover:hover){.m3-li:hover .m3-li__ext{opacity:1;translate:calc(2px * var(--md-sys-motion-travel)) calc(-2px * var(--md-sys-motion-travel))}}@media (forced-colors:active){.m3-li[data-selected]{outline:var(--md-sys-border-thick) solid Highlight;outline-offset:calc(var(--md-sys-border-thick) * -1)}}}@layer m3-density{:root[data-density=compact] .m3-li{--_py:6px;gap:var(--md-sys-space-3)}:root[data-density=compact] .m3-li[data-lines="3"]{--_py:8px}}