.top{justify-content:space-between;gap:20px}
.top .top-brand{display:flex;gap:12px;align-items:center;text-decoration:none}
.top-links{display:flex;gap:8px;align-items:center}
.top .top-links a{display:block;padding:8px 12px;border:1px solid rgba(255,255,255,.18);border-radius:9px;color:#d9e6ef;text-decoration:none;font-size:.82rem;font-weight:600;transition:.18s ease}
.top .top-links a:hover{border-color:rgba(54,208,231,.7);color:#fff;background:rgba(255,255,255,.06)}
.top .top-links .music-link{border-color:rgba(255,210,93,.62);color:#ffe39a}
.top .top-links .music-link:hover{border-color:#ffe39a;background:rgba(255,210,93,.10);color:#fff2c8}
.top .top-links .primary-link{background:var(--cyan);border-color:var(--cyan);color:#042234}
.top .top-links .primary-link:hover{background:#6ce0ef;color:#031828}
@media(max-width:760px){.top-links{gap:5px}.top .top-links a{padding:7px 9px;font-size:.74rem}}
@media(max-width:600px){.top{flex-wrap:wrap;gap:9px}.top-brand{width:100%}.top-links{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.top .top-links a{display:flex;align-items:center;justify-content:center;min-height:38px;padding:6px;text-align:center;line-height:1.25}.top .top-links .primary-link{display:flex!important}}