.swop21-splash {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 28;
  background: #000;
}

.swop21-splash video,
.swop21-splash video img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.swop21 .swop21-splash .swop21-splash-video-toggle-pause,
.swop21 .swop21-splash .swop21-splash-video-toggle-mute {
  width: 32px;
  height: 40px;
  background: center center no-repeat;
  position: absolute;
  top: 24px;
  z-index: 1;
}

.swop21 .swop21-splash .swop21-splash-video-toggle-pause {
  background-image: url(../../images/2021/splash/icon-pause.svg);
  background-position: left;
  right: 86px;
}

.swop21 .swop21-splash .swop21-splash-video-paused {
  background-image: url(../../images/2021/splash/icon-play.svg);
}

.swop21 .swop21-splash .swop21-splash-video-toggle-mute {
  background-image: url(../../images/2021/splash/icon-unmuted.svg);
  right: 24px;
}

.swop21 .swop21-splash .swop21-splash-video-muted {
  background-image: url(../../images/2021/splash/icon-muted.svg);
}