.wrap-qKQlcmkd {
  direction: ltr;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.wrap-qKQlcmkd svg {
  display: block;
}
.wrapWithArrowsOuting-qKQlcmkd {
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
  width: calc(100% - 40px);
}
.wrapOverflow-qKQlcmkd {
  height: 100%;
  overflow: hidden;
  width: 100%;
}
.scrollWrap-qKQlcmkd {
  -webkit-overflow-scrolling: touch;
  contain: content;
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  position: relative;
  width: 100%;
}
.scrollWrap-qKQlcmkd::-webkit-scrollbar {
  height: 5px;
  width: 5px;
}
.scrollWrap-qKQlcmkd::-webkit-scrollbar-thumb {
  background-color: #9598a1;
  border: 1px solid #f0f3fa;
  border-radius: 3px;
}
html.theme-dark .scrollWrap-qKQlcmkd::-webkit-scrollbar-thumb {
  background-color: #363a45;
  border-color: #1e222d;
}
.scrollWrap-qKQlcmkd::-webkit-scrollbar-track {
  background-color: initial;
  border-radius: 3px;
}
.scrollWrap-qKQlcmkd::-webkit-scrollbar-corner {
  display: none;
}
.scrollWrap-qKQlcmkd.noScrollBar-qKQlcmkd {
  margin-bottom: -100px;
  padding-bottom: 100px;
}
.scrollWrap-qKQlcmkd.noScrollBar-qKQlcmkd.sb-scrollbar-wrap {
  display: none;
}
.scrollWrap-qKQlcmkd.noScrollBar-qKQlcmkd::-webkit-scrollbar {
  display: none;
  height: 0;
  width: 0;
}
.scrollWrap-qKQlcmkd.noScrollBar-qKQlcmkd::-webkit-scrollbar-thumb,
.scrollWrap-qKQlcmkd.noScrollBar-qKQlcmkd::-webkit-scrollbar-track {
  display: none;
}
.scrollWrap-qKQlcmkd.noScrollBar-qKQlcmkd::-webkit-scrollbar-corner {
  display: none;
}
.icon-qKQlcmkd {
  display: block;
  transition: transform 60ms ease;
}
.scrollLeft-qKQlcmkd,
.scrollRight-qKQlcmkd {
  align-items: center;
  background-color: #1e222d99;
  color: #fff;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  overflow: hidden;
  position: absolute;
  top: 0;
  transition: background-color 0.35s ease, transform 0.11666667s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  width: 24px;
}
html.theme-dark .scrollLeft-qKQlcmkd,
html.theme-dark .scrollRight-qKQlcmkd {
  background-color: #6a6d7899;
  color: #fff;
}
.scrollLeft-qKQlcmkd:active,
.scrollRight-qKQlcmkd:active {
  transition: background-color 58.33333ms ease, transform 0.11666667s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (any-hover: hover) {
  .scrollLeft-qKQlcmkd:hover,
  .scrollRight-qKQlcmkd:hover {
    transition: background-color 58.33333ms ease, transform 0.11666667s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
}
.scrollLeft-qKQlcmkd:active .icon-qKQlcmkd,
.scrollRight-qKQlcmkd:active .icon-qKQlcmkd {
  transform: translateY(1px);
}
@media (any-hover: hover) {
  .scrollLeft-qKQlcmkd:hover .icon-qKQlcmkd,
  .scrollRight-qKQlcmkd:hover .icon-qKQlcmkd {
    transform: translateY(1px);
  }
}
.scrollLeft-qKQlcmkd.isVisible-qKQlcmkd,
.scrollRight-qKQlcmkd.isVisible-qKQlcmkd {
  transform: translateX(0);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.scrollLeft-qKQlcmkd {
  left: 0;
  transform: translateX(-100%);
}
.scrollLeft-qKQlcmkd .iconWrap-qKQlcmkd {
  transform: rotate(90deg);
}
.scrollRight-qKQlcmkd {
  right: 0;
  transform: translateX(100%);
}
.scrollRight-qKQlcmkd .iconWrap-qKQlcmkd {
  transform: rotate(-90deg);
}
.fadeLeft-qKQlcmkd,
.fadeRight-qKQlcmkd {
  color: #fff0;
  height: 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 50px;
}
html.theme-dark .fadeLeft-qKQlcmkd,
html.theme-dark .fadeRight-qKQlcmkd {
  color: #13172200;
}
.fadeLeft-qKQlcmkd.isVisible-qKQlcmkd,
.fadeRight-qKQlcmkd.isVisible-qKQlcmkd {
  transform: translateX(0);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.fadeLeft-qKQlcmkd {
  background-image: linear-gradient(to left, var(--tv-horizontal-scroll-fade-transparent-color, currentColor), var(--tv-horizontal-scroll-fade-color, #fff));
  left: -1px;
  transform: translateX(-100%);
}
html.theme-dark .fadeLeft-qKQlcmkd {
  background-image: linear-gradient(to left, var(--tv-horizontal-scroll-fade-transparent-color, currentColor), var(--tv-horizontal-scroll-fade-color, #131722));
}
.fadeRight-qKQlcmkd {
  background-image: linear-gradient(to right, var(--tv-horizontal-scroll-fade-transparent-color, currentColor), var(--tv-horizontal-scroll-fade-color, #fff));
  right: -1px;
  transform: translateX(100%);
}
html.theme-dark .fadeRight-qKQlcmkd {
  background-image: linear-gradient(to right, var(--tv-horizontal-scroll-fade-transparent-color, currentColor), var(--tv-horizontal-scroll-fade-color, #131722));
}