*,
*:after,
*:before {
  box-sizing: border-box;
}

.track-wrapper {
  display: grid;
  place-items: center;
  width: 90%;
  overflow: hidden;
  -webkit-mask:
    linear-gradient(90deg, transparent 0, black 15% 85%, transparent) 0 50% /
      100% calc(100% - (2 * var(--size-4))) no-repeat,
    linear-gradient(0deg, black, black) 50% 0 / 100% var(--size-4) no-repeat,
    linear-gradient(0deg, black, black) 50% 100% / 100% var(--size-4) no-repeat;
}

img {
  height: 100%;
  width: 100%;
}

.track {
  --size: clamp(200px, 50vmin, 60rem);
  height: var(--size);
  width: 100%;
  display: flex;
  overflow: overlay;
  gap: var(--size-4);
  list-style-type: none;
  margin: 0;
  /*background: hsl(0 0% 100% / 0.25);*/
  padding: var(--size-4) 33%;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  /* Circular inverted */
  /* -webkit-mask-image: radial-gradient(ellipse at 50% 66%, black 0 30%, transparent 30%);
	/* No Scrollbar */
  /* -webkit-mask: radial-gradient(#0000 0 30%, #000 30%) 50% 20vmin / 240% 100%;*/
  /* Winner */
  /*-webkit-mask: radial-gradient(#0000 0 30%, #000 30%) 50% calc(var(--size) * 0.5) / 250% 100%,
								linear-gradient(0deg, black, black) 50% 0 / 100% var(--size-4) no-repeat,
								linear-gradient(0deg, black, black) 50% 100% / 100% var(--size-4) no-repeat;*/
  -webkit-mask:
    radial-gradient(#0000 0 30%, #000 30.5%) 50% calc(var(--size) * 0.5) / 300%
      100%,
    linear-gradient(0deg, black, black) 50% 0 / 100% var(--size-4) no-repeat,
    linear-gradient(0deg, black, black) 50% 100% / 100% var(--size-4) no-repeat;
}

.track::-webkit-scrollbar {
  display: none;
}

.track__item {
  height: 100%;
  aspect-ratio: 1;
  background: hsl(0 80% 50% / 1);
  /*background: var(--surface-2);*/
  scroll-snap-align: center;
  /*display: none;*/
}

.track__item_text {
  position: absolute;
  bottom: 70px;
  left: 0px;
  color: white;
  background: rgba(0, 0, 0, 0.6);
  padding: 4px 20px;
  font-size: 12px;
}

@media screen and (max-width: 600px) {
  .track__item_text {
    bottom: 44px;
    font-size: 11px;
  }
}