/* Waterfall incense burner (/gifts/incense/): on top of the shared maker look (/gifts/globes/maker.css). */

.in .in-label { display: block; font-size: 0.8rem; color: var(--muted); margin: 14px 0 6px; }
.in .wm-sec .in-label:first-of-type { margin-top: 2px; }
.in .wm-sec > .wm-seg + div .in-label:first-of-type, .in [data-show] .in-label { margin-top: 12px; }
.in .wm-seg button { padding: 6px 8px; }
.in .wm-seg button:disabled { opacity: 0.4; cursor: not-allowed; }
.in .wm-mapwrap { max-width: none; margin-top: 10px; }
.in .wm-mapwrap .wm-map { aspect-ratio: 16 / 11; }
.in .in-chips { margin: 0 0 12px; gap: 6px; }
.in .in-chips .wm-chip { font-size: 0.8rem; padding: 5px 10px; cursor: pointer; font-family: inherit; }
.in .in-gap { margin-top: 8px; }
.in [hidden] { display: none !important; }

/* the seat on the map */
.in-seat {
    width: 14px; height: 14px; border-radius: 50%;
    background: radial-gradient(circle at 40% 40%, #8ee0d4, #2fa596 60%, #1d6f65);
    box-shadow: 0 0 0 2px #fff, 0 1px 6px rgba(0, 0, 0, 0.6);
}

.in .in-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 12px; }
.in .in-row .in-label { margin: 0; }
.in select, .in .in-name {
    background: var(--field); color: var(--ink); border: 1px solid transparent; border-radius: 9px; padding: 7px 10px; font: inherit; font-size: 0.88rem;
}
.in .in-name { display: block; width: 100%; margin-top: 8px; box-sizing: border-box; }
.in .in-name:disabled { opacity: 0.5; }

/* the warning for printed burners */
.in-warn { display: flex; gap: 9px; align-items: flex-start; margin: 10px 0 2px; padding: 10px 12px; border-radius: 10px; font-size: 0.85rem; line-height: 1.45; background: rgba(196, 57, 42, 0.1); border: 1px solid rgba(196, 57, 42, 0.45); }
.in-warn .bx { font-size: 1.2rem; color: #c4392a; margin-top: 1px; }
.in-warn b { font-weight: 650; }

/* fire safety */
.in-safety { border: 1px solid rgba(196, 57, 42, 0.35); border-radius: 12px; padding: 12px 14px; background: rgba(196, 57, 42, 0.05); }
.in-safety h2 { display: flex; align-items: center; gap: 6px; }
.in-safety h2 .bx { color: #c4392a; }
.in-safety ul { margin: 6px 0 0; padding-left: 18px; font-size: 0.86rem; line-height: 1.5; }
.in-safety li + li { margin-top: 3px; }

/* printed colours */
.in-colors { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.in-swatch { width: 28px; height: 28px; border-radius: 50%; border: 2px solid transparent; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18) inset; cursor: pointer; padding: 0; }
.in-swatch[aria-pressed="true"] { border-color: var(--accent); box-shadow: 0 0 0 2px var(--bg, #fff) inset; }
.in-own { display: inline-flex; gap: 6px; align-items: center; font-size: 0.82rem; color: var(--muted); cursor: pointer; }
.in-own input { width: 30px; height: 28px; border: 0; padding: 0; background: none; cursor: pointer; }

/* the preview buttons */
.in .wm-stagebar .wm-btn[aria-pressed="true"] { background: var(--accent); color: #fff; }

.in-sheet { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-top: 6px; }
.in .wm-sec-out h3 { margin-top: 16px; }

@media (max-width: 560px) {
    .in .wm-seg button { padding: 6px 5px; font-size: 0.76rem; }
    .in .wm-stagebar .wm-btn span { display: none; }
}