/* Compact audio cards, model 02. Only the individual track list is styled. */
body[data-page="audio"] #lecteurs.audio-library{width:min(100%,1180px);max-width:1180px}
.library-tracks{max-width:none}
.library-tracks .playlist-panel{padding:clamp(14px,2vw,24px)}
#trackList.track-list{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:11px}
#trackList .track-card-pair{grid-column:span 2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:11px;min-width:0}
#trackList .track-empty{grid-column:1/-1}
#trackList .audio-track-card{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:0;min-width:0;min-height:43px;padding:2px 12px;overflow:hidden;border:0;border-radius:10px;background:#191c1d;box-shadow:inset 2px 0 rgba(214,185,135,.78)}
#trackList .track-card-cover{position:absolute;z-index:-2;inset:0 auto 0 0;width:122px;height:100%;border:0;border-radius:0;object-fit:cover;object-position:50% 32%;opacity:.76;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,#000 35%,transparent 100%);mask-image:linear-gradient(90deg,#000 35%,transparent 100%)}
#trackList .audio-track-card:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(25,28,29,.03),rgba(25,28,29,.5) 55px,#191c1d 128px);pointer-events:none}
#trackList .track-card-top{display:grid;grid-template-columns:minmax(0,1fr) 22px;align-items:center;gap:8px;min-height:25px;padding-left:54px}
#trackList .track-card-meta{min-width:0}
#trackList .track-card-byline{display:flex;align-items:baseline;gap:4px;min-width:0;margin-top:0;overflow:hidden}
#trackList .track-card-title{display:block;-webkit-line-clamp:unset;overflow:hidden;margin:0;color:#f2f1ed;font-size:11px;font-weight:600;line-height:1.25;white-space:nowrap;text-overflow:ellipsis;overflow-wrap:normal}
#trackList .track-card-artist,#trackList .track-card-release{display:block;min-width:0;max-width:100%;margin:0;overflow:hidden;color:#b9bcba;font-size:9px;font-weight:400;line-height:1.2;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}
#trackList a.track-card-artist:hover{color:var(--accent);text-decoration:underline}
#trackList .track-card-release{color:#979f98;font-size:8px}
#trackList .track-card-release:before{content:"·";margin-right:4px}
#trackList .track-card-play{position:absolute;top:2px;right:12px;display:grid;place-items:center;width:22px;height:22px;min-width:0;padding:4px;border:0;border-radius:50%;background:rgba(214,185,135,.13);color:var(--accent);cursor:pointer}
#trackList .track-card-play:hover{background:rgba(214,185,135,.3)}
#trackList .track-card-icon{display:block;width:14px;height:14px;fill:currentColor;pointer-events:none}
#trackList .track-card-lower{display:grid;grid-template-columns:auto minmax(4px,1fr) auto auto;align-items:center;gap:5px;min-width:0;margin:2px 0 0}
#trackList .track-card-time{min-width:0;overflow:hidden;color:#b8beb8;font-size:8px;line-height:1.3;font-variant-numeric:tabular-nums;white-space:nowrap}
#trackList .track-card-volume{display:flex;align-items:center;gap:6px;flex:0 0 auto}
#trackList .track-card-mute{display:grid;place-items:center;width:14px;height:12px;padding:0;border:0;background:none;color:#b8beb8;cursor:pointer}
#trackList .track-card-mute .track-card-icon{height:12px}
#trackList .track-card-range{display:block;min-width:0;margin:0;padding:0;height:12px;border:0;border-radius:0;background:none;appearance:none;-webkit-appearance:none;accent-color:var(--accent);touch-action:none;cursor:pointer}
#trackList .track-card-range::-webkit-slider-runnable-track{height:3px;border-radius:99px;background:linear-gradient(to right,var(--accent) var(--track-fill,0%),rgba(255,255,255,.16) var(--track-fill,0%))}
#trackList .track-card-range::-moz-range-track{height:3px;border-radius:99px;background:linear-gradient(to right,var(--accent) var(--track-fill,0%),rgba(255,255,255,.16) var(--track-fill,0%))}
#trackList .track-card-range::-webkit-slider-thumb{width:6px;height:6px;margin-top:-1.5px;border:0;border-radius:50%;background:var(--accent);appearance:none;-webkit-appearance:none}
#trackList .track-card-range::-moz-range-thumb{width:6px;height:6px;border:0;border-radius:50%;background:var(--accent)}
#trackList .track-card-volume-range{width:36px;--track-fill:100%}
#trackList .track-card-progress{width:100%}
#trackList .track-card-progress:disabled{opacity:.5;cursor:default}
#trackList .audio-track-card>audio{display:none!important}
#trackList .track-card-error{margin:4px 0 0;color:#ffcaca;font-size:9px;line-height:1.4}
#trackList .track-card-error[hidden]{display:none}
#trackList .track-lyrics{margin-top:3px;font-size:9px}
#trackList .track-lyrics summary{max-width:100%;font-size:9px}
#trackList .manager-delete{align-self:flex-start;margin-top:3px;padding:2px 6px;font-size:8px;line-height:1.2}
@media(min-width:901px){#trackList.track-list{grid-template-columns:repeat(3,minmax(0,1fr))}#trackList .track-card-pair{display:contents}}
@media(max-width:900px){#trackList.track-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#trackList.track-list{gap:9px}#trackList .track-card-pair{padding:4px 7px;gap:7px;border:1px solid rgba(214,185,135,.5);border-radius:12px;background:rgba(214,185,135,.035);box-shadow:inset 2px 0 rgba(214,185,135,.8)}#trackList .audio-track-card{padding:2px 9px;box-shadow:none}#trackList .track-card-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;overflow-wrap:anywhere}#trackList .track-card-play{right:9px;width:26px;height:26px}#trackList .track-card-top{grid-template-columns:minmax(0,1fr) 26px;min-height:26px;padding-left:0;gap:5px}#trackList .track-card-volume{gap:3px}#trackList .track-card-lower{gap:4px}#trackList .track-card-volume-range{width:26px}}
@media(max-width:350px){#trackList .track-card-pair{padding:5px;gap:5px}#trackList .audio-track-card{padding-inline:7px}#trackList .track-card-play{right:7px}#trackList .track-card-volume-range{width:20px}}