/* 3.21 (29/10) «Che musica?» e «Che tipo di evento?» (templates/_ep_generi.html).
   Le pillole dei generi si vedono solo se il tipo è Musica; il campo «Che tipo di evento?» solo con «Altro»
   (regola di Antonio: ogni lista ha anche la voce scritta a mano). */
form .gn,form .gn-other{display:none}
.gn,.gn-other{margin:-2px 0 16px;padding:14px 14px 12px;border-radius:16px;background:rgba(0,0,246,.04);min-width:0;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;color:#1d1d1f}
.gn{gap:9px}
.gn-other{gap:6px;font-size:14px;font-weight:600;line-height:1.3}
form:has(input[name=categoria][value=musica]:checked) .gn,
form:has(select[name=categoria] option[value=musica]:checked) .gn,
form:has(input[name=categoria][value=altro]:checked) .gn-other,
form:has(select[name=categoria] option[value=altro]:checked) .gn-other{display:grid}
.gn-lab{margin:0;font-size:14px;font-weight:600;line-height:1.3;letter-spacing:-.01em}
.gn small,.gn-other small{font-weight:400;color:#86868b}
.gn-chips{display:flex;flex-wrap:wrap;gap:7px}
.gn-chips label{position:relative;margin:0;display:block}
.gn-chips input{position:absolute;left:0;top:0;margin:0;opacity:0;width:1px;height:1px;pointer-events:none}
.gn-chips span{display:inline-block;padding:8px 13px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px rgba(0,0,0,.14);
  font-size:14px;font-weight:500;line-height:1;color:#1d1d1f;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s;white-space:nowrap}
.gn-chips input:checked+span{background:#0000F6;color:#fff;box-shadow:none}
.gn-chips input:disabled:not(:checked)+span{opacity:.45;cursor:default}
.gn-chips input:focus-visible+span{outline:2px solid #0000F6;outline-offset:2px}
form .gn-free{display:grid}
.gn-free{gap:6px;margin:3px 0 0;font-size:13px;font-weight:500;line-height:1.3}
.gn-free input,.gn-other input{width:100%;max-width:420px;box-sizing:border-box;margin:0;padding:10px 13px;border:0;border-radius:12px;background:#fff;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.14);font:400 15px/1.3 -apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;color:#1d1d1f}
.gn-free input:focus,.gn-other input:focus{outline:none;box-shadow:inset 0 0 0 2px #0000F6}
.gn-note{margin:0;font-size:13px;line-height:1.35;color:#0000C4}
.gn-note::before{content:"";display:inline-block;width:7px;height:7px;margin:0 7px 1px 0;border-radius:50%;background:#0000F6;vertical-align:middle}
@media (prefers-color-scheme: dark){
  .gn-ce{background:rgba(120,130,255,.1);color:#f5f5f7}
  .gn-ce .gn-chips span,.gn-ce .gn-free input,.gn-ce.gn-other input{background:#1c1c1e;color:#f5f5f7;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
  .gn-ce .gn-note{color:#9ea6ff}
}