.tracklist{border-top:1px solid var(--line)}
.vault-card{display:grid;grid-template-columns:52px minmax(0,1fr) auto auto;align-items:center;gap:14px;min-height:74px;border-bottom:1px solid var(--line);padding:8px 10px;background:#080808;transition:background .15s ease,color .15s ease;cursor:pointer;outline:none}
.vault-card:hover,.vault-card:focus-visible,.vault-card.is-active{background:var(--acid);color:#050505}
.track-index{font:700 10px monospace;color:var(--steel)}
.vault-card:hover .track-index,.vault-card:focus-visible .track-index,.vault-card.is-active .track-index{color:#050505}
.vault-card h4{margin:0;font:900 clamp(20px,3vw,42px)/.95 Arial;letter-spacing:-.04em;text-transform:uppercase;overflow-wrap:anywhere}
.vault-open,.vault-download{border:1px solid currentColor;background:transparent;color:inherit;padding:10px 12px;font:700 10px monospace;letter-spacing:.1em;white-space:nowrap}
.vault-download{cursor:pointer}
.vault-card:hover .vault-open,.vault-card:hover .vault-download,.vault-card:focus-visible .vault-open,.vault-card:focus-visible .vault-download,.vault-card.is-active .vault-open,.vault-card.is-active .vault-download{border-color:#050505}
@media(max-width:620px){
  .vault-card{grid-template-columns:34px minmax(0,1fr) auto}
  .vault-download{grid-column:2/4;justify-self:start}
  .vault-card h4{font-size:8vw}
}