


.track {
    width: 100%;
    scrollbar-width: none;
  }
  .track::-webkit-scrollbar {
    display: none;
  }
  
  
  .dots {
    display: flex;
    gap: 16px;
    justify-content: center;
  }
  
  .dot {
    all: unset;
    cursor: pointer;
    width: 25px;
    height: 25px;
    background-color: rgb(146, 87, 146);
    border-radius: 50%;
  }

  .dot:not(:last-child) {
    margin-right: base(0.25);
  }
  .dot:hover {
    background-color: var(--color-gray-4);
  }
  
  .dotIsActive {
    background-color: var(--color-gray-5);
  }