/* Mountain keycaps (/gifts/keycaps/): on top of the shared maker look (/gifts/globes/maker.css). */

.kc .kc-label { display: block; font-size: 0.8rem; color: var(--muted); margin: 14px 0 6px; }
.kc .wm-sec .kc-label:first-of-type { margin-top: 2px; }
.kc .wm-sec h2 + .kc-label { margin-top: 0; }
.kc .wm-mapwrap { max-width: none; margin-top: 10px; }
.kc .wm-mapwrap .wm-map { aspect-ratio: 16 / 11; }
.kc .kc-chips { gap: 6px; }
.kc .kc-chips .wm-chip, .kc .kc-sizes .wm-chip { font-size: 0.8rem; padding: 5px 10px; cursor: pointer; font-family: inherit; }
.kc .kc-sizes { gap: 6px; }
.kc .kc-sizes .wm-chip[aria-pressed="true"] { background: var(--accent); color: #fff; box-shadow: none; }
.kc .kc-gap { margin-top: 10px; }
.kc .kc-row { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 10px; }
.kc .kc-row .wm-btn-sm { box-shadow: none; }
.kc .wm-seg button { padding: 6px 8px; white-space: normal; line-height: 1.25; }
.kc .wm-stagebar .wm-btn.active { background: var(--accent); color: #fff; }

/* the set */
.kc-set { list-style: none; margin: 10px 0 0; padding: 0; display: grid; gap: 5px; }
.kc-set:empty { display: none; }
.kc-set li { display: grid; grid-template-columns: minmax(0, 1fr) 28px; gap: 6px; align-items: center; }
.kc-setgo { display: flex; align-items: center; gap: 8px; min-width: 0; background: var(--field); border: 0; border-radius: 8px; color: var(--ink); font: inherit; font-size: 0.84rem; padding: 6px 8px; cursor: pointer; text-align: left; }
.kc-setgo span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kc-setgo:hover { background: #262b29; }
.kc-num { width: 20px; height: 20px; border-radius: 50%; background: var(--accent); color: #fff; font-weight: 650; font-size: 0.74rem; display: inline-flex; align-items: center; justify-content: center; flex: none; }
.kc-rm { width: 28px; height: 28px; border-radius: 8px; border: 0; background: transparent; color: var(--muted); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-size: 1.1rem; }
.kc-rm:hover { background: var(--field); color: var(--ink); }
.kc .wm-sec-out h3 { margin-top: 18px; }
.kc [hidden] { display: none !important; }

@media (max-width: 560px) {
    .kc .wm-stagebar .wm-btn span { display: none; }
}