.s29ScrollableList {
  position: relative;
  /* width:100%; */
  height: 100%;
}
.s29ScrollableList > .s29_prev,
.s29ScrollableList > .s29_next {
  display: none;
  position: absolute;
  top: calc(50% - 64px - 10px);
  width: 64px;
  height: 128px;
  background-size: 28px 56px;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.s29ScrollableList > .s29_prev:hover,
.s29ScrollableList > .s29_next:hover {
  background-size: 32px 64px;
}
.s29ScrollableList > .s29_prev:focus,
.s29ScrollableList > .s29_next:focus {
  outline: none;
}
.s29ScrollableList > .s29_prev[disabled],
.s29ScrollableList > .s29_next[disabled] {
  background-size: 28px 56px !important;
}
.s29ScrollableList > .s29_prev {
  left: 0;
  background-image: url("img/arrow-left.png");
}
.s29ScrollableList > .s29_prev[disabled] {
  background-image: url("img/arrow-left-inactive.png");
}
.s29ScrollableList > .s29_next {
  right: 0;
  background-image: url("img/arrow-right.png");
}
.s29ScrollableList > .s29_next[disabled] {
  background-image: url("img/arrow-right-inactive.png");
}
.s29ScrollableList.s29_scrollable.s29_enabled > .s29_prev,
.s29ScrollableList.s29_scrollable.s29_enabled > .s29_next {
  display: block;
}
.s29ScrollableList.s29_padding {
  padding-left: 94px;
  padding-right: 64px;
}
.s29ScrollableList.s29_enabled > ul {
  overflow: hidden;
  scroll-behavior: smooth;
}
.s29ScrollableList.s29_disabled {
  overflow: hidden;
}
.s29ScrollableList.s29_disabled > ul {
  overflow-y: scroll;
}