.current-week__row{
  display:flex;
  gap: var(--cw-gap, 16px);
  overflow-x:auto;
  scroll-behavior:smooth;
  scrollbar-width:thin;
  scrollbar-color:#999 transparent;
}

.current-week__row::-webkit-scrollbar{ height:8px; }
.current-week__row::-webkit-scrollbar-thumb{ background:#999; border-radius:4px; }
.current-week__row::-webkit-scrollbar-track{ background:transparent; }

.current-week__item{
  flex:0 0 auto;
  min-width: var(--cw-minw, 140px);
  padding:.8rem 1rem;
  border-radius:12px;
  background:#f4f4f4;
  text-align:center;
}

.current-week__name{
  font-weight:600;
  margin-bottom:.25rem;
}

.current-week__date{
  font-size:.85rem;
  opacity:.85;
}

.current-week__item.is-active{
  background:#2456c5;
  color:#fff;
}

.current-week__item.is-active .current-week__date{
  opacity:1;
}