.splash-body {
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 9999;
  width: 100%;
  transform: translate3d(-50%, -50%, 0);
  overflow: auto;
  background: #fff;
}

.splash-close {
  background: url(/frontend/img/close-icon.svg);
  width: 40px;
  height: 40px;
  position: fixed;
  right: 40px;
  top: 40px;
  z-index: 9999;
  background-size: cover;
  cursor: pointer;
}

.splash-overlay {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9998;
  background-size: cover;
}

.close_tab_modal {
  visibility: hidden;
  transition: opacity 300ms;
  opacity: 0;
}

.close_tab_modal.active {
  visibility: visible;
  opacity: 1;
}

.splash-modal-container {
  opacity: 0;
  display: none;
}

.splash-modal-container.left_top .splash-body {
  left: 0;
  transform: translate3d(0, 0, 0);
  top: 0;
}

.splash-modal-container.left_bottom .splash-body {
  left: 0;
  transform: translate3d(0, 0, 0);
  top: auto;
  bottom: 0;
}

.splash-modal-container.right_top .splash-body {
  right: 0;
  left: auto;
  transform: translate3d(0, 0, 0);
  top: 0;
}

.splash-modal-container.right_bottom .splash-body {
  right: 0;
  left: auto;
  transform: translate3d(0, 0, 0);
  top: auto;
  bottom: 0;
}

.splash-modal-container.active {
  visibility: visible;
  display: block;
  opacity: 1;
}

.splash-modal-container.right_top .splash-close {
  left: 40px;
  right: auto;
}