.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-touch-action: auto;
  touch-action: auto;
  position: relative;
}


.ps__content {
  display: table;
  min-width: 100%;
}


.ps__rail-x-bottom, .ps__rail-x-top, .ps__rail-y {
  display: none;
  opacity: 0.8;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  transition: background-color .2s linear, opacity .2s linear;
  position: absolute;
}

.ps__rail-x-bottom {
  height: 4px;
  bottom: 0;
}

.ps__rail-x-top {
  height: 4px;
  top: 0;
}

.ps__rail-y {
  width: 4px;
  right: 0;
}

.ps--active-x-single > .ps__rail-x-bottom,
.ps--active-x-double > .ps__rail-x-bottom, .ps--active-x-double > .ps__rail-x-top, .ps--active-y-single > .ps__rail-y {
  display: block;
  cursor: pointer;
}

.ps--active-x-single > .ps__rail-x-bottom::before,
.ps--active-x-double > .ps__rail-x-bottom::before, .ps--active-x-double > .ps__rail-x-top::before, .ps--active-y-single > .ps__rail-y::before {
  content: "";
  position: absolute;
  display: block;
  background-color: #d2dce5;
}

.ps--active-x-single > .ps__rail-x-bottom::before,
.ps--active-x-double > .ps__rail-x-bottom::before {
  width: 100%;
  height: 2px;
  bottom: 1px;
}

.ps--active-x-double > .ps__rail-x-top::before {
  width: 100%;
  height: 2px;
  top: 1px;
}

.ps--active-y-single > .ps__rail-y::before {
  width: 2px;
  height: 100%;
  right: 1px;
}


.ps__thumb-x-bottom, .ps__thumb-x-top, .ps__thumb-y {
  background-color: #0064d2;
  border-radius: 6px;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  transition: background-color .2s linear, height .2s ease-in-out;
  position: absolute;
  cursor: pointer;
}

.ps__thumb-x-bottom {
  height: 4px;
  bottom: 0;
}

.ps__thumb-x-top {
  height: 4px;
  top: 0;
}

.ps__thumb-y {
  width: 4px;
  right: 0;
}