/* the site is the desktop ui; this hides the parts that only make sense in the desktop app:
   window buttons, local files and the downloads library, and the settings cards for things a browser
   cannot do (download folder, local folders, lyrics store, discord, last.fm, logs, gpu). */
#titlebar .win-btns { display: none; }
#titlebar .drag { cursor: default; }
#nav-collection .nav-item[data-key="local"],
#nav-collection .nav-item[data-key="downloads"] { display: none; }
.details .sec:not(:has(.kv)) { display: none; } /* a details section with nothing documented */
.set-card:has(#s-offline),
.set-card:has(#s-open),
.set-card:has(#s-lcadd),
.set-card:has(#s-lydl),
.set-card:has(#s-dc),
.set-row:has(#s-logs),
.set-row:has(#s-gpu) { display: none; }

#s-upcard { display: none; }

.getapp { max-width: 900px; }
.getapp .ga-lead { margin: 0 4px 18px; color: var(--text-2); font-size: 14px; line-height: 1.5; max-width: 640px; }
.getapp .ga-shot { display: block; width: 100%; border-radius: 14px; border: 1px solid var(--stroke); box-shadow: var(--shadow); margin: 0 0 18px; background: #0b0a12; }
.getapp ul, .getapp ol { margin: 0; padding-left: 20px; color: var(--text-2); font-size: 13.5px; line-height: 1.55; }
.getapp li { margin: 5px 0; }
.getapp p { margin: 12px 0 0; color: var(--text-2); font-size: 13.5px; line-height: 1.55; }
.getapp code { font: 12.5px/1.4 ui-monospace, Consolas, monospace; padding: 2px 6px; border-radius: 6px; background: rgba(255,255,255,.08); color: var(--text); }
.getapp a { color: var(--accent); }
.getapp .ga-muted { color: var(--text-3); font-size: 12.5px; }
.ga-gh { display: inline-grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; color: #fff; background: linear-gradient(160deg, rgba(var(--accent-rgb), .42), rgba(var(--accent-2-rgb), .18)); border: 1px solid rgba(var(--accent-rgb), .45); backdrop-filter: blur(18px) saturate(1.5); -webkit-backdrop-filter: blur(18px) saturate(1.5); box-shadow: inset 0 1px 0 rgba(255,255,255,.3), inset 0 -6px 16px rgba(0,0,0,.12), 0 8px 24px rgba(0,0,0,.3); transition: background .8s ease, border-color .8s ease, transform .45s cubic-bezier(.2, 1.5, .4, 1), box-shadow .2s; }
.ga-gh:hover { filter: brightness(1.15); box-shadow: inset 0 1px 0 rgba(255,255,255,.4), 0 10px 28px rgba(0,0,0,.4); }
.ga-gh:active { transform: scale(.92); transition-duration: .08s; }
.ga-gh svg { width: 22px; height: 22px; }
.page-h .actions .ga-gh { margin-top: 2px; }
.page-h .art.ga-art { background: transparent; box-shadow: none; border-radius: 0; overflow: visible; }
.page-h .art.ga-art img { object-fit: contain; filter: drop-shadow(0 18px 40px rgba(0,0,0,.45)); }
.getapp .set-card:last-child { margin-bottom: 30px; }
.page-h .actions .ga-gh + .ga-gh { margin-left: -2px; }
.ga-dc svg { width: 24px; height: 24px; }