.slideshow {
  overflow: hidden;
  position: relative;
}
.slideshow__slides, .slideshow__thumbs {
  position: relative;
}
.slideshow__slides img, .slideshow__thumbs img {
  -o-object-fit: contain;
  object-fit: contain;
}
.slideshow__slides {
  padding: calc(var(--spacing-mobile) * 1.5) calc(var(--spacing-mobile) * 2);
}
.slideshow__slides .picture img {
  height: 190px;
}
.slideshow__slides__images > div > a:focus-visible {
  box-shadow: 0 0 0 2px var(--colour-one) inset !important;
}
.slideshow__slides__controls {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  font-size: 30px;
}
.slideshow__slides__controls > div {
  transition: opacity 0.4s ease;
  padding-top: var(--spacing-mobile);
  padding-bottom: var(--spacing-mobile);
  cursor: pointer;
}
.slideshow__slides__controls > div:focus {
  outline: none !important;
}
.slideshow__slides__controls > div[aria-disabled=true] {
  opacity: 0;
}
.slideshow__thumbs {
  display: none;
}
@media (min-width: 768px) {
  .slideshow__slides {
    padding: var(--spacing-tablet);
    border-bottom: solid 10px transparent;
  }
  .slideshow__slides .picture img {
    height: 210px;
  }
}
@media (min-width: 992px) {
  .slideshow__slides {
    padding: calc(var(--spacing-desktop) * 1.5) calc(var(--spacing-desktop) * 2);
  }
  .slideshow__slides .picture img {
    height: 250px;
  }
  .slideshow__slides__controls {
    position: fixed;
    z-index: -999;
    left: -999px;
    opacity: 0;
    pointer-events: none;
  }
  .slideshow__thumbs {
    width: calc(100% - (var(--spacing) * 6));
    max-width: calc(100% - (var(--spacing) * 6));
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: block;
  }
  .slideshow__thumbs .tns-item {
    display: -webkit-inline-flex !important;
    display: inline-flex !important;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .slideshow__thumbs .tns-item.active .picture {
    border: solid 2px var(--colour-one);
  }
  .slideshow__thumbs .picture {
    background: var(--colour-neutral);
    padding: 5px;
    max-width: 100px;
  }
  .slideshow__thumbs .picture img {
    aspect-ratio: 1;
    cursor: pointer;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .slideshow__thumbs__images > div {
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  }
  .slideshow__thumbs__controls > div {
    width: 50px;
    height: 50px;
    color: var(--colour-title);
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: opacity 0.4s ease;
    cursor: pointer;
    font-size: 3rem;
  }
}
@media (min-width: 992px) and (min-width: 768px) {
  .slideshow__thumbs__controls > div {
    font-size: 3rem;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .slideshow__thumbs__controls > div {
    font-size: 3rem;
  }
}
@media (min-width: 992px) and (min-width: 1200px) {
  .slideshow__thumbs__controls > div {
    font-size: 3.4rem;
  }
}
@media (min-width: 992px) {
  .slideshow__thumbs__controls > div:focus {
    outline: none !important;
  }
}
@media (min-width: 992px) {
  .slideshow__thumbs__controls > div:first-child {
    left: calc(var(--spacing) * -2);
  }
}
@media (min-width: 992px) {
  .slideshow__thumbs__controls > div:last-child {
    right: calc(var(--spacing) * -2);
  }
}
@media (min-width: 992px) {
  .slideshow__thumbs__controls > div[aria-disabled=true] {
    opacity: 0;
    pointer-events: none;
  }
}
@media (min-width: 992px) {
  .slideshow__thumbs .tns-inner img {
    transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease;
  }
  .slideshow__thumbs .tns-inner:hover .tns-nav-active {
    -webkit-transform: none;
    transform: none;
  }
  .slideshow__thumbs .tns-inner .tns-item:hover img {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@media (min-width: 1200px) {
  .slideshow__thumbs {
    width: calc(100% - (var(--spacing) * 8));
    max-width: calc(100% - (var(--spacing) * 8));
  }
  .slideshow__slides {
    padding: calc(var(--spacing-large) * 2) calc(var(--spacing-desktop) * 3);
  }
  .slideshow__slides .picture img {
    height: 300px;
  }
}
@media (min-width: 1500px) {
  .slideshow__slides .picture img {
    height: 450px;
  }
}