@layer sv.tokens,sv.base;@layer sv.components{.sv-list{padding:calc(var(--sv-space-5) * var(--sv-density)) 0;margin:0;list-style:none;display:grid}.sv-list-item{align-items:center;min-inline-size:0;display:flex}.sv-list-item__main{isolation:isolate;gap:var(--sv-space-13);box-sizing:border-box;min-inline-size:0;min-block-size:calc(var(--sv-control-md) * var(--sv-density));padding:calc(var(--sv-space-5) * var(--sv-density)) calc(var(--sv-space-13) * var(--sv-density));color:inherit;font:inherit;font-size:var(--sv-text-sm);line-height:var(--sv-leading-snug);text-align:start;background:0 0;border:0;flex:1;align-items:center;margin:0;text-decoration:none;display:flex;position:relative}:is(a,button).sv-list-item__main{cursor:pointer;-webkit-tap-highlight-color:transparent}:is(a,button).sv-list-item__main:before{content:"";z-index:-1;border-radius:inherit;opacity:0;pointer-events:none;transition:opacity var(--sv-duration-fast) var(--sv-ease);background-color:currentColor;position:absolute;inset:0}@media (hover:hover){.sv-list-item:not(.sv-list-item--disabled) :is(a,button).sv-list-item__main:hover:before{opacity:var(--sv-state-hover)}}.sv-list-item:not(.sv-list-item--disabled) :is(a,button).sv-list-item__main:active:before{opacity:var(--sv-state-press)}.sv-list--nav{padding-inline:var(--sv-space-5)}.sv-list--nav .sv-list-item__main{border-radius:var(--sv-radius-md)}.sv-list-item--active .sv-list-item__main{background-color:color-mix(in oklch, var(--sv-color) var(--sv-tonal-wash), transparent);color:color-mix(in oklch, var(--sv-color) var(--sv-tonal-text-mix), var(--sv-color-text));font-weight:var(--sv-weight-medium)}.sv-list-item--disabled{opacity:.382}.sv-list-item--disabled .sv-list-item__main{cursor:not-allowed}.sv-list-item__prepend,.sv-list-item__append{flex:none;align-items:center;display:flex}.sv-list-item__append{font-size:var(--sv-text-sm);padding-inline-end:calc(var(--sv-space-13) * var(--sv-density))}:where(.sv-list-item__prepend,.sv-list-item__append) svg{block-size:1.272em;inline-size:1.272em}.sv-list-item__text{gap:var(--sv-space-2);flex:1;min-inline-size:0;display:grid}.sv-list-item__title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sv-list-item__subtitle{color:var(--sv-color-text-subtle);font-size:var(--sv-text-xs);font-weight:var(--sv-weight-regular)}}@layer sv.utilities;
