utamita-listening-status{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-4) var(--sp-8);margin-top:var(--sp-4);box-sizing:border-box;color:var(--c-navy);font-family:var(--font-body);font-size:var(--fs-ui-small);font-weight:700;line-height:var(--lh-normal);pointer-events:none}
utamita-listening-status[hidden]{display:none}
.listening-status-listened,.listening-status-unlistened{display:inline-flex;align-items:center;gap:var(--sp-2);box-sizing:border-box;min-height:var(--sp-20);padding:0 var(--sp-4);border-radius:var(--radius-s);background:var(--c-aqua);white-space:nowrap}
utamita-listening-status svg.listening-status-footprint{display:block;flex:none;width:var(--sp-12);height:var(--sp-12);fill:currentColor;stroke:none}
.listening-status-stars{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);max-width:100%;min-width:0;color:var(--c-gold-text);white-space:nowrap}
.listening-status-rating-label{margin-right:var(--sp-4);font-size:var(--fs-ui-small);color:var(--c-text-sub)}
utamita-listening-status svg.listening-status-star{display:block;flex:none;width:var(--fs-ui-small);height:var(--fs-ui-small);fill:currentColor;stroke:none}
.candidate-art{position:relative;display:block;flex:none;width:calc(3 * var(--sp-32));aspect-ratio:16/9}

.listening-status-unlistened{max-width:100%;min-width:0;background:var(--c-bg-muted);color:var(--c-text-sub);white-space:normal;overflow-wrap:anywhere}

.listening-status-rating-stars{display:inline-flex;align-items:center;gap:var(--sp-2);flex:none}