.multimedia-page-v2 .multimedia-book-stage {
  display: flex;
  width: 100%;
  height: 470px !important;
  min-height: 470px !important;
  align-items: center;
  justify-content: center;
  overflow: hidden !important;
  padding: 20px 58px !important;
  background:
    radial-gradient(ellipse at 50% 82%, rgba(46, 103, 143, .24), transparent 60%),
    #062f50;
}

.multimedia-page-v2 .multimedia-book-stage::before {
  inset: auto 22% 24px;
  height: 28px;
  opacity: .6;
}

.multimedia-page-v2 .multimedia-page-flip {
  position: relative;
  z-index: 2;
  width: min(820px, 100%);
  height: 430px;
  margin: 0 auto;
  transform-origin: center;
  transition: transform .2s ease;
}

.multimedia-page-v2 .multimedia-page-flip canvas {
  filter: drop-shadow(0 16px 18px rgba(0, 10, 18, .38));
}

.multimedia-page-v2 .multimedia-page-flip .stf__parent,
.multimedia-page-v2 .multimedia-page-flip .stf__wrapper {
  margin-right: auto !important;
  margin-left: auto !important;
}

.multimedia-page-v2 .multimedia-book-loading {
  bottom: 14px;
  color: #dceaf3;
  background: rgba(2, 29, 50, .88);
}

.multimedia-page-v2 .multimedia-reader-shell:fullscreen .multimedia-book-stage {
  height: calc(100vh - 105px) !important;
  min-height: calc(100vh - 105px) !important;
  overflow: hidden !important;
}

.multimedia-page-v2 .multimedia-reader-shell:fullscreen .multimedia-page-flip {
  width: min(1200px, calc(100vw - 140px));
  height: calc(100vh - 145px);
}

@media (max-width: 760px) {
  .multimedia-page-v2 .multimedia-book-stage {
    height: 420px !important;
    min-height: 420px !important;
    padding: 18px 42px !important;
  }

  .multimedia-page-v2 .multimedia-page-flip {
    width: min(315px, 100%);
    height: 380px;
  }
}