.number-swiper {
  display: flex;
  font-size: 40px;
  justify-content: center;
  /* transition: 1s; */
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0));
  align-items: center;
}

/*
.number-swiper:active .number-swiper-column, .number-swiper:hover .number-swiper-column, .number-swiper:focus-within .number-swiper-column {
  box-shadow: 0 0 .1em .1em rgba(0, 0, 0, 0.5) inset;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.5));
  transition: 1s;
} */

.number-swiper-column::-webkit-scrollbar {
  display: none
}

.number-swiper-column {
  overflow: scroll;
  scrollbar-width: none;
  height: 1.4em;
  list-style: none;
  padding: 0;
  margin: auto 0;
  scroll-snap-type: y mandatory;
  text-align: right;
}

.number-swiper-column li {
  scroll-snap-align: center;
  height: 1em;
  margin: .25em .03em .3em .1em;
}