.echo-item{--item-py:var(--echo-space-7);--item-px:var(--echo-space-3);position:relative;display:block;overflow:hidden;list-style:none;min-width:0}.echo-item[data-size=sm]{--item-py:var(--echo-space-4)}.echo-item+.echo-item{border-block-start:var(--echo-border-hairline,1px) solid var(--echo-seam)}.echo-item__surface{position:relative;z-index:var(--echo-z-raised,1);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--echo-space-7);padding:var(--item-py) var(--item-px);touch-action:pan-y}.echo-item__surface:not(:has(.echo-item__media)){grid-template-columns:minmax(0,1fr) auto}.echo-item__media{display:flex;align-items:center}.echo-item__media:has(button,input,a,[role=checkbox],[role=switch]){position:relative;z-index:var(--echo-z-top,2)}.echo-item__text{display:grid;gap:var(--echo-space-1);min-width:0}.echo-item__title{min-width:0;overflow-wrap:anywhere;font-size:var(--echo-text-md);font-weight:var(--echo-weight-semibold,600);color:var(--echo-text)}.echo-item__description{min-width:0;overflow-wrap:anywhere;font-size:var(--echo-text-sm);color:var(--echo-text-dim)}.echo-item[data-truncate] :is(.echo-item__title,.echo-item__description){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.echo-item__trailing{display:flex;align-items:center;gap:var(--echo-space-4);position:relative;z-index:var(--echo-z-top,2);font-size:var(--echo-text-sm);color:var(--echo-text-dim)}.echo-item__link{all:unset;cursor:pointer}.echo-item__link:after{content:"";position:absolute;inset:0;z-index:var(--echo-z-raised,1)}.echo-item[data-interactive] .echo-item__surface{transition:background var(--echo-duration-tick) ease}@media (hover:hover){.echo-item[data-interactive] .echo-item__surface:hover{background:color-mix(in oklab,var(--echo-cap) 28%,transparent)}}.echo-item:has(.echo-item__link:focus-visible) .echo-item__surface{box-shadow:var(--echo-shadow-ring-inset,inset 0 0 0 2px var(--echo-accent-ink,var(--echo-accent-glow)))}.echo-item__tray{position:absolute;inset-block:0;inset-inline-end:0;display:flex;align-items:center;gap:var(--echo-space-3);padding-inline:var(--echo-space-4);background:var(--echo-well);box-shadow:inset 0 2px 5px color-mix(in oklab,var(--echo-cast-ink,black) calc(.6 * var(--echo-shade, 1) * 100%),transparent),inset 0 0 0 var(--echo-line-width,0) var(--echo-line,transparent);clip-path:inset(0 0 0 calc(100% - var(--item-reveal, 0px)))}.echo-item__tray:dir(rtl){clip-path:inset(0 calc(100% - var(--item-reveal, 0px)) 0 0)}.echo-item__action{box-sizing:border-box;min-height:var(--echo-control-compact);padding:0 var(--echo-space-6);border:0;border-radius:var(--echo-radius-md);cursor:pointer;color:var(--echo-text);font-family:var(--echo-font-machine,ui-sans-serif,system-ui,sans-serif);font-size:var(--echo-text-2xs);font-weight:var(--echo-weight-bold,700);letter-spacing:var(--echo-tracking-wider,.12em);text-transform:uppercase;background:linear-gradient(180deg,var(--echo-cap-highlight) 0,var(--echo-cap) 55%,var(--echo-cap-shadow) 100%);box-shadow:var(
    --echo-shadow-key,inset 0 1px 0 rgb(255 255 255/calc(.3 * var(--echo-gloss, 1))),0 0 0 var(--echo-line-width,0) var(--echo-line,transparent),0 2px 0 var(--echo-line-width,0) var(--echo-seam)
  )}.echo-item__action:focus-visible{outline:2px solid transparent;box-shadow:var(
    --echo-shadow-ring,0 0 0 2px var(--echo-surface),0 0 0 4px var(--echo-accent-ink,var(--echo-accent-glow))
  )}.echo-item__action:active{transform:translateY(1px)}@media (pointer:coarse){.echo-item__action{min-height:44px}}@media (forced-colors:active){.echo-item+.echo-item{border-color:CanvasText}.echo-item__action{border:var(--echo-border-hairline,1px) solid ButtonText}.echo-item:has(.echo-item__link:focus-visible) .echo-item__surface{outline:2px solid Highlight;outline-offset:-2px}}