.wr-ea-slider {
  position: relative;
  width: 100%;
}

.wr-ea-slider__viewport {
  overflow: hidden;
  width: 100%;
  touch-action: pan-y;
  user-select: none;
  -webkit-user-select: none;
}

.wr-ea-slider__viewport.is-dragging {
  cursor: grabbing;
}

.wr-ea-slider__track {
  display: flex;
  align-items: stretch;
  transform: translate3d(0,0,0);
  transition: transform 420ms cubic-bezier(.2,.8,.2,1);
  will-change: transform;
}

.wr-ea-slider__viewport.is-dragging .wr-ea-slider__track {
  transition: none;
}

.wr-ea-slider--smooth .wr-ea-slider__track {
  transition: none;
}

.wr-ea-slider__slide {
  box-sizing: border-box;
  flex: 0 0 auto;
}

/* =========================================================
   Slider arrows – black square
   ========================================================= */

.wr-ea-slider__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;

  width: 48px;
  height: 48px;

  background: #000000;
  border: none;
  border-radius: 0;

  display: flex;
  align-items: center;
  justify-content: center;

  cursor: pointer;
  padding: 0;
}

/* Ikona */
.wr-ea-slider__arrow i,
.wr-ea-slider__arrow svg {
  color: #ffffff;
  fill: #ffffff;
  font-size: 18px;
  width: 18px;
  height: 18px;
}

/* Pozycje */
.wr-ea-slider__arrow--prev { left: 25px; }
.wr-ea-slider__arrow--next { right: 25px; }

/* Hover */
.wr-ea-slider__arrow:hover {
  background: #111111;
}

/* Disabled */
.wr-ea-slider__arrow:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}