.keen-slider:not([data-keen-slider-disabled]) {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  align-content: flex-start;
  display: flex;
  overflow: hidden;
  position: relative;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -khtml-user-select: none;
  width: 100%;
}
.keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide {
  min-height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse] {
  flex-direction: row-reverse;
}
.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-v] {
  flex-wrap: wrap;
}

.product-media-modal__dialog .navigation-wrapper {
  width: 100%;
  height: 95vh;
  box-sizing: border-box;
}

.product-media-modal__content .keen-slider:not([data-keen-slider-disabled]) {
  max-height: 95vh;
  width: auto;
}

.product-media-modal__dialog .arrow {
  display: block !important;

  position: absolute;

  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  fill: rgb(var(--colour-background));
  cursor: pointer;
  right: 0;
  left: 0;
  bottom: 23px;

  margin: auto;

  height: 50px;
  width: 50px;

  background-color: rgb(var(--colour-background));

  background-repeat: no-repeat;
  background-size: 60%;
  border-radius: 50%;
}

.product-media-modal__dialog .arrow--left {
  left: -170px;
  background-position: 8px;
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' %3E%3Cpath d='M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-11.996z' %3E%3C/path%3E%3C/svg%3E");
}

.product-media-modal__dialog .arrow--right {
  right: -170px;
  background-position: 12px;
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 24 24' %3E%3Cpath d='M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9z'%3E%3C/path%3E%3C/svg%3E");
}