.catalog-views{display:flex;gap:20px;margin:0 0 26px}.catalog-views button{border:0;border-bottom:1px solid transparent;background:transparent;font-size:13px;font-weight:700;padding:6px 0}.catalog-views button.active{border-bottom-color:var(--black)}.catalog-views button:hover{color:var(--purple)}.list-header[hidden]{display:none}.artwork-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 22px;margin-top:30px}.artwork-grid .track{display:flex;flex-direction:column;align-items:stretch;padding:0;border:0;gap:0}.artwork-grid .track-name{display:block}.artwork-grid .track-number{display:none}.artwork-grid .art-play{width:100%;height:auto;aspect-ratio:1;display:block}.artwork-grid .art-play img{object-fit:contain}.artwork-grid .art-play>span{opacity:1;inset:auto 14px 14px auto;background:var(--green);color:var(--black);border-radius:50%;width:42px;height:42px;font-size:16px;padding-left:3px}.artwork-grid .track-name>div{margin-top:16px}.artwork-grid h4{font-size:20px;line-height:1.25}.artwork-grid .track p{font-size:14px}.artwork-grid .track-type{display:block;font-size:12px;margin:12px 0;color:#666}.artwork-grid .track-links{justify-content:flex-start;flex-wrap:wrap;margin-top:auto;gap:12px;padding-top:14px}.artwork-grid .duration{display:none}.artwork-grid .track-links a{font-size:12px}.artwork-grid .track-play{display:none}.artwork-grid .selected-track{background:transparent}.artwork-grid .selected-track .art-play{outline:3px solid var(--purple);outline-offset:4px}
@media(max-width:1000px){.artwork-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.artwork-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}.artwork-grid h4{font-size:18px}.artwork-grid .track-links{flex-direction:row;align-items:flex-start}}
@media(max-width:380px){.artwork-grid{grid-template-columns:1fr}}
.now-playing,.player-screen{min-width:0}
@media(max-width:800px){.listening-room{grid-template-columns:minmax(0,1fr)}}