.history .history-record{min-width:0;width:100%;box-sizing:border-box}
.record-title-line{display:flex;align-items:center;gap:7px;min-width:0}
.record-title-line .record-title{flex:1;min-width:0;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal!important}
.history-record .song-clip-toggle{display:inline-flex;align-items:center;gap:3px;flex:none;white-space:nowrap;background:none;border:0;padding:5px 0 5px 4px;font-size:11px;color:#9ca9ba;min-height:30px}
.history-record .song-clip-toggle svg{width:11px;height:11px}
.song-clip-toggle:hover,.song-clip-toggle[aria-expanded=true]{color:#edf2f7}
.song-clip-toggle[aria-expanded=true]>svg{transform:rotate(180deg)}
.song-clip-options{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:4px 12px;padding:7px 0 3px;margin-top:2px;border-top:1px solid #ffffff0b;color:#9ca9ba;font-size:12px}
.song-clip-options>small{width:100%;font-size:10px;color:#7e8b9d}
.song-clip-options>button{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:inherit;border:0;background:transparent;padding:4px 2px;min-height:30px}
.song-clip-options time{font-size:10px;color:#7e8b9d}
.song-clip-options svg{width:12px;height:12px}
.song-clip-options>button[aria-pressed=true],.song-clip-options>button:hover{color:#edf2f7}
.song-clip-toggle:focus-visible,.song-clip-options>button:focus-visible{outline:2px solid #a8b9cb;outline-offset:2px;border-radius:3px}
#player-history .record-title-line{display:flex}
@media(min-width:901px){#player-history .record-inline-credit{min-width:0}.record-title-line{grid-column:3}.record-inline-credit .record-title-line{grid-column:auto}}
@media(max-width:900px){.history-record>.record-title-line{grid-column:1/-1;grid-row:3}.history-record .record-inline-credit .record-title-line{display:flex}.history-record .song-clip-options{grid-row:5}.history-record .song-clip-toggle{min-height:36px}.history-record .song-clip-options>button{min-height:40px}.record-title-line .record-title{display:block!important;margin-top:0!important}}

.song-clip-options{display:block;min-width:0}
.song-clip-options>small{display:block;margin-bottom:5px}
.song-clip-choice{display:grid;grid-template-columns:minmax(0,1fr) 24px;align-items:center;min-width:0}
.song-clip-choice .song-clip-select{display:grid;grid-template-columns:37px minmax(0,1fr) auto 12px;align-items:center;gap:6px;width:100%;min-width:0;min-height:36px;padding:5px 2px;border:0;background:transparent;color:#9ca9ba;font:inherit;font-size:12px;text-align:left;cursor:pointer}
.song-clip-label{font-size:10px;color:#7e8b9d;white-space:nowrap}
.song-clip-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.song-clip-check{display:flex;width:12px;align-items:center}
.song-clip-choice time{font-size:10px;color:#7e8b9d;white-space:nowrap}
.song-clip-choice .song-clip-title-more{display:flex;align-items:center;justify-content:center;min-width:0;width:24px;min-height:36px;padding:2px;border:0;background:transparent;color:#7e8b9d;cursor:pointer}
.song-clip-select[aria-pressed=true],.song-clip-select:hover,.song-clip-title-more:hover,.song-clip-title-more[aria-expanded=true]{color:#edf2f7}
.song-clip-full-title{grid-column:1/-1;font-size:12px;line-height:1.6;font-weight:400;color:#aab3bf;white-space:normal;overflow-wrap:anywhere;max-height:6.4em;overflow-y:auto;margin:0 0 6px;padding:4px 3px 5px 39px}
.song-clip-full-title[hidden]{display:none}
.song-clip-select:focus-visible,.song-clip-title-more:focus-visible{outline:2px solid #a8b9cb;outline-offset:1px;border-radius:3px}

@media(max-width:900px){.song-clip-choice .song-clip-select,.song-clip-choice .song-clip-title-more{min-height:40px}}

/* Source position stays below the title without taking horizontal title space. */
.song-clip-choice .song-clip-select{row-gap:2px}
.song-clip-source{grid-column:2/-1;grid-row:2;font-size:10px;line-height:1.5;font-weight:400;color:#7e8b9d;white-space:nowrap}
.song-clip-source time{font-variant-numeric:tabular-nums}