/* widgets/countdown/countdown.css */

.fsb-w-countdown{
  box-sizing:border-box;
  width:100%;
  max-width:100%;
}

.fsb-countdown{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  justify-content:flex-start;
  align-items:stretch;
  box-sizing:border-box;
  width:100%;
  max-width:100%;
}

.fsb-countdown__unit{
  box-sizing:border-box;
  min-width:90px;
  padding:14px 12px;
  border:1px solid #E2E8F0;
  border-radius:12px;
  background:#FFFFFF;
  text-align:center;
}

.fsb-countdown__number{
  line-height:1.1;
  font-size:32px;
  font-weight:700;
  color:#0F172A;
}

.fsb-countdown__label{
  margin-top:6px;
  line-height:1.2;
  font-size:13px;
  font-weight:500;
  color:#475569;
}

.fsb-countdown__expired{
  box-sizing:border-box;
  width:100%;
  font-size:16px;
  font-weight:600;
  line-height:1.3;
  color:#0F172A;
}

@media (max-width: 640px){
  .fsb-countdown{
    gap:10px;
  }

  .fsb-countdown__unit{
    min-width:78px;
    padding:12px 10px;
  }

  .fsb-countdown__number{
    font-size:28px;
  }

  .fsb-countdown__label{
    font-size:12px;
  }
}

.fsb-countdown__unit{
  position:relative;
  overflow:hidden;
}

.fsb-countdown__unitInner{
  position:relative;
  z-index:2;
}

.fsb-countdown__unit{
  position:relative;
  overflow:hidden;
}

.fsb-countdown__unitInner{
  position:relative;
  z-index:2;
}

.fsb-countdown__ring{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:1;
  pointer-events:none;
  transform:rotate(-90deg);
}

.fsb-countdown__ringTrack,
.fsb-countdown__ringProgress{
  fill:none;
  stroke-width:6;
}

.fsb-countdown__ringTrack{
  stroke:rgba(255,255,255,0.9);
}

.fsb-countdown__ringProgress{
  stroke:var(--fsb-countdown-ring-color, #2563EB);
  stroke-linecap:round;
  transition:stroke-dashoffset 0.25s linear;
}

.fsb-countdown__outer{
  position:relative;
}