.top-result{flex-direction:column;gap:1rem;display:flex}.top-result[data-compact]{gap:.5rem}.top-result-card{border:1px solid var(--color-line);background:var(--color-surface);border-radius:1rem;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;max-width:38rem;padding:1rem;display:flex}@media (hover:hover){.top-result-card:has(.top-result-link:hover){border-color:color-mix(in srgb, var(--color-accent) 50%, var(--color-line))}}.top-result[data-compact] .top-result-card{background:var(--color-surface-raised);max-width:none;padding:.75rem}.top-result-link{border-radius:.5rem;flex:12rem;align-items:center;gap:1rem;min-width:0;display:flex}.top-result-art{flex-shrink:0;width:6.5rem;height:6.5rem}.top-result[data-compact] .top-result-art{width:4rem;height:4rem}.top-result-text{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.top-result-title{-webkit-line-clamp:2;letter-spacing:var(--track-title);overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:1.5rem;font-weight:500;line-height:1.2;display:-webkit-box;overflow:hidden}.top-result[data-compact] .top-result-title{font-size:1.125rem}.top-result-play{background:var(--color-accent);width:3.25rem;height:3.25rem;color:var(--color-bg);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}@media (hover:hover){.top-result-play:hover{background:var(--color-fg)}}.top-result-play svg{width:1.5rem;height:1.5rem}.top-result-play:disabled{opacity:.6}.top-result[data-compact] h3{padding-inline:.5rem}.top-result[data-compact]+.quick-search-group{margin-top:1.25rem}@media (max-width:479px){.top-result-art{width:5rem;height:5rem}.top-result-title{font-size:1.25rem}}