/* nessun colore personalizzato */

/* classi al posto degli stili in linea bloccati dalla CSP */
.nf-u-largo { width: 100% !important; }
.nf-u-errore { color: var(--errore) !important; }
.nf-u-max22 { max-width: 22rem !important; }
.nf-u-pad { padding: .6rem 1rem !important; }
.nf-u-nota-inline { font-weight: 400 !important; margin-left: .4rem !important; }
.nf-u-mt1 { margin-top: .8rem !important; }
.nf-u-mt2 { margin-top: 1rem !important; }
.nf-u-mt3 { margin-top: 1.4rem !important; }
.nf-u-tuttariga { grid-column: 1 / -1 !important; }

/* ---- FRECCE DELLE LINGUETTE ---- */
.nf-ling-giro { position: relative !important; display: block !important; }
.nf-ling-giro .linguette { scrollbar-width: none !important; cursor: grab !important; scroll-behavior: auto !important; }
.nf-ling-giro .linguette::-webkit-scrollbar { display: none !important; }
.nf-ling-giro .linguette.nf-trascino { cursor: grabbing !important; user-select: none !important; }
.nf-ling-giro.nf-ha-sx .linguette { padding-left: 2.6rem !important; }
.nf-ling-giro.nf-ha-dx .linguette { padding-right: 2.6rem !important; }
.nf-ling-giro > .nf-ling-fre { position: absolute !important; top: 0 !important; bottom: 0 !important;
  width: 2.4rem !important; display: none !important; align-items: center !important; justify-content: center !important;
  border: 0 !important; cursor: pointer !important; padding: 0 !important; margin: 0 !important; z-index: 4 !important;
  font-size: 0 !important; line-height: 0 !important; }
.nf-ling-giro > .nf-ling-fre svg { width: 1.5rem !important; height: 1.5rem !important; display: block !important;
  stroke: #ffffff !important; stroke-width: 3.2 !important; stroke-linecap: round !important; stroke-linejoin: round !important;
  fill: none !important; filter: drop-shadow(0 1px 2px rgba(0,0,0,.45)) !important; }
.nf-ling-giro.nf-ha-sx > .nf-ling-sx { display: flex !important; left: 0 !important;
  background: linear-gradient(90deg, var(--luce, #0b7a5a) 0%, var(--luce, #0b7a5a) 55%, rgba(11,122,90,0) 100%) !important; }
.nf-ling-giro.nf-ha-dx > .nf-ling-dx { display: flex !important; right: 0 !important;
  background: linear-gradient(270deg, var(--luce, #0b7a5a) 0%, var(--luce, #0b7a5a) 55%, rgba(11,122,90,0) 100%) !important; }
.nf-ling-giro > .nf-ling-fre:hover svg { stroke: #ffffff !important; filter: drop-shadow(0 0 .4rem rgba(255,255,255,.85)) !important; }
.nf-ling-giro > .nf-ling-fre:active svg { transform: scale(.88) !important; }