/* SaveBox: additions on top of sb.css (shared by landing, login, app, privacy) */

.hidden { display: none !important; }

.sb-brand::before { flex: none; }

.sb-btn--google { width: 100%; background: var(--bg); color: var(--text); border-color: var(--color-silver); box-shadow: var(--shadow-subtle); }
.sb-btn--google:hover { background: var(--bg-recessed); }

.sb-error { padding: 10px 14px; border-radius: var(--radius-cards); background: #fff1f1; color: #b00020; font-size: 14px; }

.sb-hero--landing .sb-lead { margin: 0 auto; }

@media (prefers-color-scheme: dark) {
  .sb-hero--bg { background: linear-gradient(180deg, rgba(20,20,22,.55), var(--bg) 96%), url(/static/img/sb/b38c9018.webp) center/cover; }
  .sb-dots::after { background: radial-gradient(rgba(255,255,255,.22) 1px, transparent 1.7px) 0 0/10px 10px; }
  .sb-glass { background: rgba(28,28,32,.66); border-color: rgba(255,255,255,.08); box-shadow: 0 0 0 1px rgba(255,255,255,.05); }
  .sb-logincard { background: rgba(24,24,28,.84); border-color: rgba(255,255,255,.08); box-shadow: 0 24px 60px rgba(0,0,0,.4); }
  .sb-stage--bg { background: linear-gradient(rgba(10,10,14,.55), rgba(10,10,14,.55)), url(/static/img/sb/9c7e8328.webp) center/cover no-repeat; }
  .sb-main--recent { background: linear-gradient(180deg, rgba(20,20,22,.55), var(--bg) 420px), url(/static/img/sb/fd14f313.webp) top center/100% 420px no-repeat; background-color: var(--bg); }
  .sb-how__art { background: linear-gradient(180deg, #1d1d24, #17171c) !important; }
  .sb-icotile, .sb-bento__art { background-color: var(--bg-tint); }
  .sb-error { background: #3a1c1c; color: #ff8a8a; }
  .sb-nav { background: var(--bg); }
}