.minihome-bg {
  background-color: #0b1120;
  background-size: cover;
}

.minihome-bg-preview {
  display: block;
  width: 100%;
  height: 3rem;
  border-radius: 0.75rem;
  border: 1px solid rgba(71, 85, 105, 0.6);
}

.minihome-bg--noir {
  background-color: #0b0f1a;
  background-image: linear-gradient(180deg, #0b0f1a 0%, #0f172a 50%, #0b1120 100%);
}

.minihome-bg--obsidian {
  background-color: #0a0f18;
  background-image: radial-gradient(circle at 15% 20%, rgba(51, 65, 85, 0.6), transparent 60%),
    linear-gradient(160deg, #0a0f18 0%, #0f172a 70%, #070b14 100%);
}

.minihome-bg--slate {
  background-color: #0f172a;
  background-image: linear-gradient(180deg, #0f172a 0%, #0b1120 100%),
    repeating-linear-gradient(90deg, rgba(148, 163, 184, 0.08) 0 1px, transparent 1px 12px);
  background-size: cover, 12px 12px;
}

.minihome-bg--void {
  background-color: #070a12;
  background-image: radial-gradient(circle at 20% 20%, rgba(59, 130, 246, 0.15), transparent 55%),
    linear-gradient(160deg, #070a12 0%, #0b1220 60%, #0f172a 100%);
}

.minihome-bg--nebula {
  background-color: #0b1020;
  background-image: radial-gradient(circle at 20% 30%, rgba(56, 189, 248, 0.18), transparent 50%),
    radial-gradient(circle at 80% 20%, rgba(14, 116, 144, 0.2), transparent 55%),
    linear-gradient(180deg, #0b1020 0%, #0b1120 100%);
}

.minihome-bg--ember {
  background-color: #120a0a;
  background-image: radial-gradient(circle at 15% 80%, rgba(244, 63, 94, 0.18), transparent 55%),
    linear-gradient(160deg, #120a0a 0%, #0f172a 70%, #0a0f18 100%);
}

.minihome-bg--aurora {
  background-color: #0b1117;
  background-image: radial-gradient(circle at 20% 20%, rgba(16, 185, 129, 0.2), transparent 55%),
    radial-gradient(circle at 80% 30%, rgba(59, 130, 246, 0.15), transparent 50%),
    linear-gradient(180deg, #0b1117 0%, #0b1120 100%);
}

.minihome-bg--frost {
  background-color: #0b1324;
  background-image: radial-gradient(circle at 30% 20%, rgba(125, 211, 252, 0.2), transparent 55%),
    linear-gradient(160deg, #0b1324 0%, #0b1b2f 60%, #0b1120 100%);
}

.minihome-bg--cobalt {
  background-color: #0b1430;
  background-image: linear-gradient(180deg, #0b1430 0%, #0b1120 60%, #0a0f1a 100%);
}

.minihome-bg--dusk {
  background-color: #0f0f2a;
  background-image: radial-gradient(circle at 70% 20%, rgba(99, 102, 241, 0.18), transparent 55%),
    linear-gradient(160deg, #0f0f2a 0%, #0b1120 70%, #0a0f18 100%);
}

.minihome-bg--graphite {
  background-color: #0a0f18;
  background-image: linear-gradient(180deg, #0a0f18 0%, #0f172a 100%),
    repeating-linear-gradient(135deg, rgba(148, 163, 184, 0.08) 0 1px, transparent 1px 14px);
  background-size: cover, 14px 14px;
}

.minihome-bg--velvet {
  background-color: #160b12;
  background-image: radial-gradient(circle at 20% 70%, rgba(244, 63, 94, 0.12), transparent 55%),
    linear-gradient(160deg, #160b12 0%, #0f172a 75%, #0a0f18 100%);
}

.minihome-bg--midnight {
  background-color: #0a1124;
  background-image: linear-gradient(180deg, #0a1124 0%, #0b1120 50%, #0b0f1a 100%);
}

.minihome-bg--eclipse {
  background-color: #0a0f18;
  background-image: radial-gradient(circle at center, rgba(30, 41, 59, 0.7) 0%, transparent 60%),
    linear-gradient(180deg, #0a0f18 0%, #0b1120 100%);
}

.minihome-bg--forge {
  background-color: #130b07;
  background-image: radial-gradient(circle at 20% 80%, rgba(245, 158, 11, 0.2), transparent 55%),
    linear-gradient(160deg, #130b07 0%, #0f172a 70%, #0a0f18 100%);
}

.minihome-bg--horizon {
  background-color: #0b1120;
  background-image: linear-gradient(180deg, #0b1120 0%, #0b1120 65%, rgba(59, 130, 246, 0.2) 100%),
    linear-gradient(90deg, rgba(148, 163, 184, 0.08) 0%, rgba(148, 163, 184, 0) 50%, rgba(148, 163, 184, 0.08) 100%);
}

.minihome-bg--grid {
  background-color: #0b111a;
  background-image: linear-gradient(rgba(148, 163, 184, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148, 163, 184, 0.08) 1px, transparent 1px);
  background-size: 32px 32px;
}

.minihome-bg--grain {
  background-color: #0b1120;
  background-image: repeating-linear-gradient(45deg, rgba(148, 163, 184, 0.06) 0 2px, transparent 2px 6px);
  background-size: 120px 120px;
}

.minihome-bg--basalt {
  background-color: #0c111a;
  background-image: radial-gradient(circle at 30% 20%, rgba(71, 85, 105, 0.25), transparent 55%),
    linear-gradient(180deg, #0c111a 0%, #0b1120 70%, #0a0f18 100%);
}

.minihome-bg--ripple {
  background-color: #0b1120;
  background-image: radial-gradient(circle at center, rgba(148, 163, 184, 0.1) 0%, transparent 55%),
    radial-gradient(circle at center, rgba(99, 102, 241, 0.08) 0%, transparent 70%);
  background-size: 140px 140px, 320px 320px;
}