/* Slider dots */
#slider .dot{
  width:10px;
  height:10px;
  border-radius:999px;
  background:rgba(255,255,255,.45);
  border:1px solid rgba(255,255,255,.6);
  transition:transform .2s ease, background .2s ease;
}
#slider .dot.is-active{
  background:rgba(255,255,255,.95);
  transform:scale(1.15);
}

/* =========================
   KONFETİ
========================= */
#confettiWrapper{
  overflow:hidden;
}

.confetti{
  position:absolute;
  top:-12px;
  opacity:.95;
  border-radius:2px;
  transform:translate3d(0,0,0) rotate(var(--rot, 0deg));
  animation-name:confettiFall;
  animation-timing-function:linear;
  animation-fill-mode:forwards;
  filter:drop-shadow(0 2px 2px rgba(0,0,0,.12));
}

@keyframes confettiFall{
  0%{
    transform:translate3d(0,0,0) rotate(var(--rot, 0deg));
    opacity:0;
  }
  10%{ opacity:.95; }
  100%{
    transform:translate3d(var(--drift, 0px), 110vh, 0) rotate(calc(var(--rot, 0deg) + 520deg));
    opacity:0;
  }
}