.scroll-selector {
  padding: 16px;
}

.scroll-selector-handle {
  display:flex;
  justify-content:space-between;
  align-items: center;
  flex-direction:row;
  flex-shrink: 1;
}

.scroll-selector-container {
  display:flex;
  flex-direction: row;
  column-gap:15px;
  overflow:hidden;
}

.scroll-selector-item {
  width:140px;
  height:163px;
  border: solid 1px black;
  flex-shrink:0;
}


.scroll-selector-selector {
  display: flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:center;
  padding: 16px;
}

.scroll-selector-left, .scroll-selector-right {
  border-radius:100%;
  cursor: pointer;
  width: 24px;
  height: 24px;
  border: none;
  outline:none;
  flex-shrink:0;
}
.scroll-selector-left:hover, .scroll-selector-right:hover {
  background-color: red;
}

.scroll-selector-selector button {
  height:5px;
  width:25px;
  background-color:gray;
  outline:0;
  border:0;
  cursor: pointer;
}

.scroll-selector-selector button.active {
  background-color:red;
}