.gift-cover-fallback {
  position: absolute;
  inset: 0;
  display: grid;
  padding: 24px;
  place-content: center;
  justify-items: center;
  gap: 7px;
  background:
    radial-gradient(circle at 75% 20%, rgba(0, 216, 230, .15), transparent 34%),
    linear-gradient(145deg, #101719, #070a0b 70%);
  color: var(--text-muted);
  text-align: center;
}
.gift-cover-fallback::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .22;
  background-image: linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size: 18px 18px;
}
.gift-cover-fallback i,.gift-cover-fallback strong,.gift-cover-fallback span { position: relative; }
.gift-cover-fallback i { color: var(--cyan); font-size: 32px; }
.gift-cover-fallback strong { max-width: 230px; overflow: hidden; color: var(--text-secondary); font-size: .8rem; text-overflow: ellipsis; white-space: nowrap; }
.gift-cover-fallback span { font-size: .65rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.gift-cover img { position: relative; z-index: 1; }
.gift-cover.has-fallback img { display: none; }
.gift-region-count { z-index: 2; }
.gift-load-more-wrap { display: flex; justify-content: center; padding: 28px 0 4px; }
.gift-load-more-wrap[hidden] { display: none; }
.gift-modal {
  scrollbar-width: thin;
  scrollbar-color: var(--orange) #090d0e;
}
.gift-modal::-webkit-scrollbar { width: 8px; }
.gift-modal::-webkit-scrollbar-track { margin: 54px 0 16px; border-radius: 999px; background: #090d0e; }
.gift-modal::-webkit-scrollbar-thumb { min-height: 52px; border: 2px solid #090d0e; border-radius: 999px; background: linear-gradient(var(--orange), #d95500); }
.gift-modal::-webkit-scrollbar-thumb:hover { background: var(--cyan); }