/* Compact song rows with the existing blue colors and all song information. */
body{display:flow-root}
.inside{padding:20px 24px}.inside h1{font-size:26px}.inside p{font-size:13px}.inside .eyebrow{font-size:10px}.inside .logout{padding:11px 13px;font-size:12px}
.demo-list{margin:18px 18px 26px;border:1px solid #2a5376;border-radius:10px;overflow:hidden;background:#0a1d31}
.demo-table-head,.demo-song-row{display:grid;grid-template-columns:minmax(280px,2.7fr) 62px minmax(106px,1fr) minmax(106px,1fr) minmax(67px,.65fr) minmax(82px,.75fr);column-gap:12px}
.demo-table-head{background:#102d49;color:#b8ddf8;font-size:11px;font-weight:700;letter-spacing:.02em;padding:12px 16px;border-bottom:1px solid #4e7f9f;align-items:center}.demo-table-head>span:first-child{padding-left:74px}
.demo-song-row{padding:12px 16px;border-bottom:3px double #315f82;align-items:start;row-gap:7px;background:linear-gradient(100deg,#10263d,#0a1c30)}.demo-song-row:last-child{border-bottom:0}
.demo-song-info{display:flex;align-items:flex-start;gap:14px;min-width:0}
.demo-availability{width:60px;height:72px;flex:0 0 60px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;border:1px solid #69c8a5;border-radius:5px;box-shadow:inset 0 0 40px #052f3a44}.demo-availability.is-available{background:#058c54}.demo-availability.is-reserved{background:#b82337;border-color:#ff7183}.demo-availability>span{font-size:22px;font-weight:700;color:#e8fff4}.demo-availability small{font-size:7px;letter-spacing:.04em;font-weight:700;color:white}
.demo-song-description{min-width:0}.demo-song-description h2{font-size:16px;line-height:1.25;margin:0 0 7px;color:#fff;overflow-wrap:anywhere}.demo-authors{font-size:12px;line-height:1.35;color:#c9dceb;margin:0;overflow-wrap:anywhere}.demo-authors strong{font-weight:700;color:#e5f2ff}
.demo-cell{min-width:0;padding-top:1px;font-size:12px;color:#e8f4ff;overflow-wrap:anywhere}.demo-cell-label{display:none;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#8fbbd9;font-weight:400;margin-bottom:5px}.demo-registered,.demo-genre{font-size:13px;display:block;line-height:1.35}.demo-society{display:block;font-weight:600;color:#bfd7e9;margin-top:5px;font-size:11px}.demo-rights{display:flex;gap:10px;justify-content:space-between}.demo-rights>div{min-width:0;flex:1}.demo-rights small{display:block;font-size:9px;letter-spacing:.03em;color:#96bfdc;margin-bottom:4px}.demo-rights strong{font-size:12px;font-weight:700}.demo-listens{font-size:12px;line-height:1.35;display:block}
.demo-track-cell .demo-play{display:grid;place-items:center;padding:0;margin:0;width:44px;height:44px;clear:none;font-size:21px;font-weight:700;line-height:1;border:1px solid #8cc1e7;border-radius:9px;background:#173d5d;color:#f1faff;cursor:pointer;letter-spacing:0}.demo-track-cell .demo-play:hover:enabled{background:#1d6d9e}.demo-track-cell .demo-play.mm-track-active{background:#1b75a9;border-color:#a6e4ff}.demo-track-cell .demo-play:disabled{opacity:.35;cursor:not-allowed;background:#263247;border-color:#6e7688}.demo-play:focus-visible{outline:3px solid #fff;outline-offset:4px}
.demo-reserved-note{grid-column:2/-1;margin:0;color:#ff6173;font-size:18px;line-height:1.25;font-weight:800}.demo-song-reserved{background:linear-gradient(100deg,#221e36,#111d31)}.demo-empty{padding:22px;color:#bfd7e9}.demo-missing{color:#7da3c0;font-style:italic}.demo-song-row .demo-missing{font-size:12px}
@media(max-width:1000px){.demo-table-head{display:none}.demo-song-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;padding:16px}.demo-song-info{grid-column:1/-1}.demo-cell-label{display:block}.demo-reserved-note{grid-column:1/-1}.demo-rights{max-width:210px;justify-content:flex-start;gap:18px}.demo-list{margin:16px}.demo-availability{height:72px}}
@media(max-width:500px){.inside{padding:16px 18px}.inside h1{font-size:23px}.demo-list{margin:12px 10px 20px}.demo-song-row{padding:14px 12px;gap:12px 14px}.demo-song-info{gap:12px}.demo-availability{width:54px;height:66px;flex-basis:54px;gap:8px}.demo-availability small{font-size:7px}.demo-song-description h2{font-size:15px;margin-bottom:6px}.demo-authors{font-size:12px}.demo-reserved-note{font-size:17px}.demo-registered,.demo-genre{font-size:12px}.demo-rights{gap:10px}.demo-rights strong{font-size:12px}.demo-listens{font-size:12px}}