.barra[data-astro-cid-5mevqehd] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 60;
  height: 3px;
  width: 100%;
  transform-origin: 0;
  transform: scaleX(0);
  background: linear-gradient(90deg, var(--color-ambra-fonda), var(--color-ambra), var(--color-rosso));
}

@supports (animation-timeline: scroll()) {
  .barra[data-astro-cid-5mevqehd] {
    animation: linear both avanza;
    animation-timeline: scroll(root);
  }

  @keyframes avanza {
    from {
      transform: scaleX(0);
    }

    to {
      transform: scaleX(1);
    }
  }
}

.pillola[data-astro-cid-5mevqehd] {
  position: fixed;
  left: .75rem;
  bottom: .75rem;
  z-index: 55;
  display: flex;
  align-items: center;
  gap: .55rem;
  padding: .5rem .9rem .5rem .5rem;
  border-radius: 999px;
  border: 1px solid var(--color-bordo-forte);
  background: color-mix(in srgb, var(--color-notte) 86%, transparent);
  backdrop-filter: blur(10px);
  font-size: .8rem;
  font-weight: 600;
  color: var(--color-testo-tenue);
  opacity: 0;
  transform: translateY(12px);
  transition: opacity .35s, transform .35s cubic-bezier(.16, 1, .3, 1);
  pointer-events: none;
}

.pillola[data-astro-cid-5mevqehd].visibile {
  opacity: 1;
  transform: none;
}

@media (width <= 480px) {
  .pillola[data-astro-cid-5mevqehd] {
    left: .6rem;
    bottom: .6rem;
    padding: .4rem .75rem .4rem .4rem;
    font-size: .75rem;
  }

  .nome[data-astro-cid-5mevqehd] {
    max-width: 8rem;
  }
}

.anello[data-astro-cid-5mevqehd] {
  position: relative;
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  background: var(--color-velo-forte);
}

.riempie[data-astro-cid-5mevqehd] {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: conic-gradient(var(--color-ambra) calc(var(--quota, 0) * 1%), transparent 0);
  mask: radial-gradient(circle, #0000 54%, #000 56%);
}

.nome[data-astro-cid-5mevqehd] {
  white-space: nowrap;
  max-width: 10rem;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (prefers-reduced-motion: reduce) {
  .pillola[data-astro-cid-5mevqehd] {
    transition: none;
  }
}
@media (width <= 767px) {
  .scheda[data-astro-cid-rrjzdnjm] {
    position: sticky;
    top: calc(5.5rem + var(--indice) * .9rem);
    box-shadow: 0 calc(6px + var(--indice) * 4px) calc(20px + var(--indice) * 10px)
        rgb(0 0 0 / calc(.1 + var(--indice) * .06));
  }
}

.numero[data-astro-cid-rrjzdnjm] {
  display: inline-block;
}

@media (prefers-reduced-motion: reduce) {
  .scheda[data-astro-cid-rrjzdnjm] {
    position: static;
    box-shadow: none;
  }
}
.pannello[data-astro-cid-6cxaxbva] {
  display: none;
}

.giorni[data-astro-cid-6cxaxbva]:has(#g-0:checked) ~ div[data-astro-cid-6cxaxbva] .pannello-0[data-astro-cid-6cxaxbva], .giorni[data-astro-cid-6cxaxbva]:has(#g-1:checked) ~ div[data-astro-cid-6cxaxbva] .pannello-1[data-astro-cid-6cxaxbva], .giorni[data-astro-cid-6cxaxbva]:has(#g-2:checked) ~ div[data-astro-cid-6cxaxbva] .pannello-2[data-astro-cid-6cxaxbva], .giorni[data-astro-cid-6cxaxbva]:has(#g-3:checked) ~ div[data-astro-cid-6cxaxbva] .pannello-3[data-astro-cid-6cxaxbva], .giorni[data-astro-cid-6cxaxbva]:has(#g-4:checked) ~ div[data-astro-cid-6cxaxbva] .pannello-4[data-astro-cid-6cxaxbva], .giorni[data-astro-cid-6cxaxbva]:has(#g-5:checked) ~ div[data-astro-cid-6cxaxbva] .pannello-5[data-astro-cid-6cxaxbva] {
  display: block;
}

.peer[data-astro-cid-6cxaxbva]:checked + label[data-astro-cid-6cxaxbva] {
  background: var(--color-ambra);
  border-color: var(--color-ambra);
  color: var(--color-notte);
}
.occhiello-foto[data-astro-cid-sw4yk43a] {
  color: var(--color-ambra-forte);
}

:root[data-tema="chiaro"] .occhiello-foto[data-astro-cid-sw4yk43a] {
  color: var(--color-ambra-fonda);
}

.velo-testo[data-astro-cid-sw4yk43a] {
  background: linear-gradient(to top,
      rgb(var(--velo-foto) / .94) 0%,
      rgb(var(--velo-foto) / .9) 46%,
      rgb(var(--velo-foto) / .86) 78%,
      rgb(var(--velo-foto) / .62) 100%);
}

@media (width >= 768px) {
  .velo-testo[data-astro-cid-sw4yk43a] {
    background: linear-gradient(to right,
        rgb(var(--velo-foto) / .95) 0%,
        rgb(var(--velo-foto) / .92) 38%,
        rgb(var(--velo-foto) / .68) 60%,
        rgb(var(--velo-foto) / .28) 80%,
        rgb(var(--velo-foto) / .12) 100%);
  }
}

.sale[data-astro-cid-sw4yk43a] {
  animation: sale .6s cubic-bezier(.22, 1, .36, 1) var(--ritardo, 0s) both;
}

@keyframes sale {
  from {
    opacity: 0;
    transform: translateY(22px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.sfondo[data-astro-cid-sw4yk43a] img {
  animation: 6s ease-out both respira;
}

@keyframes respira {
  from {
    transform: scale(1.06);
  }

  to {
    transform: scale(1);
  }
}

@supports (animation-timeline: view()) {
  .sfondo[data-astro-cid-sw4yk43a] {
    animation: linear both scorri;
    animation-timeline: view();
    animation-range: entry exit;
  }

  @keyframes scorri {
    from {
      transform: translateY(0);
    }

    to {
      transform: translateY(14%);
    }
  }
}

@media (prefers-reduced-motion: reduce) {
  .sale[data-astro-cid-sw4yk43a], .sfondo[data-astro-cid-sw4yk43a], .sfondo[data-astro-cid-sw4yk43a] img {
    animation: none;
    opacity: 1;
    transform: none;
  }
}