/* container el */
.book_slideshow > * {
  max-width: 100%;
  max-height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.book_slideshow_activated {
  position: relative;
  overflow: hidden;
  width: 100%;
  font-size: 1.5em;
  color: white;
}

.book_slideshow_activated.dark {
  color: black;
}

.book_slideshow_activated > .book_slideshow_image {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  /* TODO: is this correct for all image sizes? */
  width: 100%;
  max-width: 100%;
  max-height: none;
  z-index: 0;
  /* margin: auto; */
}

.book_slideshow_activated.ui > .book_slideshow_image {
  transition: transform 0.35s ease-in-out;
}

.book_slideshow_activated > .book_slideshow_-20 {
  transform: translate(calc(-20 * (100% + 2rem)), 0);
}

.book_slideshow_activated > .book_slideshow_-19 {
  transform: translate(calc(-19 * (100% + 2rem)), 0);
}

.book_slideshow_activated > .book_slideshow_-18 {
  transform: translate(calc(-18 * (100% + 2rem)), 0);
}

.book_slideshow_activated > .book_slideshow_-17 {
  transform: translate(calc(-17 * (100% + 2rem)), 0);
}

.book_slideshow_activated > .book_slideshow_-16 {
  transform: translate(calc(-16 * (100% + 2rem)), 0);
}

.book_slideshow_activated > .book_slideshow_-15 {
  transform: translate(calc(-15 * (100% + 2rem)), 0);
}

.book_slideshow_activated > .book_slideshow_-14 {
  transform: translate(calc(-14 * (100% + 2rem)), 0);
}

.book_slideshow_activated > .book_slideshow_-13 {
  transform: translate(calc(-13 * (100% + 2rem)), 0);
}

.book_slideshow_activated > .book_slideshow_-12 {
  transform: translate(calc(-12 * (100% + 2rem)), 0);
}

.book_slideshow_activated > .book_slideshow_-11 {
  transform: translate(calc(-11 * (100% + 2rem)), 0);
}

.book_slideshow_activated > .book_slideshow_-10 {
  transform: translate(calc(-10 * (100% + 2rem)), 0);
}

.book_slideshow_activated > .book_slideshow_-9 {
  transform: translate(calc(-9 * (100% + 2rem)), 0);
}

.book_slideshow_activated > .book_slideshow_-8 {
  transform: translate(calc(-8 * (100% + 2rem)), 0);
}

.book_slideshow_activated > .book_slideshow_-7 {
  transform: translate(calc(-7 * (100% + 2rem)), 0);
}

.book_slideshow_activated > .book_slideshow_-6 {
  transform: translate(calc(-6 * (100% + 2rem)), 0);
}

.book_slideshow_activated > .book_slideshow_-5 {
  transform: translate(calc(-5 * (100% + 2rem)), 0);
}

.book_slideshow_activated > .book_slideshow_-4 {
  transform: translate(calc(-4 * (100% + 2rem)), 0);
}

.book_slideshow_activated > .book_slideshow_-3 {
  transform: translate(calc(-3 * (100% + 2rem)), 0);
}

.book_slideshow_activated > .book_slideshow_-2 {
  transform: translate(calc(-2 * (100% + 2rem)), 0);
}

.book_slideshow_activated > .book_slideshow_-1 {
  transform: translate(calc(-1 * (100% + 2rem)), 0);
}

.book_slideshow_activated > .book_slideshow_0 {
  transform: translate(calc(0 * (100% + 2rem)), 0);
}

.book_slideshow_activated > .book_slideshow_1 {
  transform: translate(calc(1 * (100% + 2rem)), 0);
}

.book_slideshow_activated > .book_slideshow_2 {
  transform: translate(calc(2 * (100% + 2rem)), 0);
}

.book_slideshow_activated > .book_slideshow_3 {
  transform: translate(calc(3 * (100% + 2rem)), 0);
}

.book_slideshow_activated > .book_slideshow_4 {
  transform: translate(calc(4 * (100% + 2rem)), 0);
}

.book_slideshow_activated > .book_slideshow_5 {
  transform: translate(calc(5 * (100% + 2rem)), 0);
}

.book_slideshow_activated > .book_slideshow_6 {
  transform: translate(calc(6 * (100% + 2rem)), 0);
}

.book_slideshow_activated > .book_slideshow_7 {
  transform: translate(calc(7 * (100% + 2rem)), 0);
}

.book_slideshow_activated > .book_slideshow_8 {
  transform: translate(calc(8 * (100% + 2rem)), 0);
}

.book_slideshow_activated > .book_slideshow_9 {
  transform: translate(calc(9 * (100% + 2rem)), 0);
}

.book_slideshow_activated > .book_slideshow_10 {
  transform: translate(calc(10 * (100% + 2rem)), 0);
}

.book_slideshow_activated > .book_slideshow_11 {
  transform: translate(calc(11 * (100% + 2rem)), 0);
}

.book_slideshow_activated > .book_slideshow_12 {
  transform: translate(calc(12 * (100% + 2rem)), 0);
}

.book_slideshow_activated > .book_slideshow_13 {
  transform: translate(calc(13 * (100% + 2rem)), 0);
}

.book_slideshow_activated > .book_slideshow_14 {
  transform: translate(calc(14 * (100% + 2rem)), 0);
}

.book_slideshow_activated > .book_slideshow_15 {
  transform: translate(calc(15 * (100% + 2rem)), 0);
}

.book_slideshow_activated > .book_slideshow_16 {
  transform: translate(calc(16 * (100% + 2rem)), 0);
}

.book_slideshow_activated > .book_slideshow_17 {
  transform: translate(calc(17 * (100% + 2rem)), 0);
}

.book_slideshow_activated > .book_slideshow_18 {
  transform: translate(calc(18 * (100% + 2rem)), 0);
}

.book_slideshow_activated > .book_slideshow_19 {
  transform: translate(calc(19 * (100% + 2rem)), 0);
}

.book_slideshow_activated > .book_slideshow_20 {
  transform: translate(calc(20 * (100% + 2rem)), 0);
}

.book_slideshow_activated > .book_slideshow_0 {
  position: relative;
  z-index: 1;
  opacity: 1;
}

.book_slideshow_activated > .book_slideshow_state_container {
  display: none;
}

.book_slideshow_activated.ui > .book_slideshow_state_container {
  position: absolute;
  display: block;
  bottom: 3%;
  width: 100%;
  text-align: center;
  letter-spacing: 0.25em;
  opacity: 0.9;
  z-index: 5;
}

.book_slideshow_activated.ui > .book_slideshow_state_container span {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.book_slideshow_activated .book_slideshow_button {
  position: absolute;
  width: 40%;
  height: 100%;
  top: 0;
  left: auto;
  right: auto;
  z-index: 99;
}

.book_slideshow_activated .book_slideshow_button.book_slideshow_prev {
  left: 0;
  cursor: pointer;
}

.book_slideshow_activated .book_slideshow_button.book_slideshow_next {
  right: 0;
  cursor: pointer;
}

.book_slideshow.ui .book_slideshow_prev, .book_slideshow.ui .book_slideshow_next {
  font-size: 8em;
  font-style: normal;
  opacity: 0.5;
}

.book_slideshow.ui .book_slideshow_prev::before, .book_slideshow.ui .book_slideshow_next::before {
  display: block;
  width: 1em;
  height: 1em;
  position: absolute;
  left: auto;
  right: auto;
  top: 50%;
  margin-top: -1em;
  overflow: visible;
  z-index: 3;
}

.book_slideshow.ui .book_slideshow_prev:hover::before, .book_slideshow.ui .book_slideshow_next:hover::before {
  opacity: 0.75;
}

.book_slideshow.ui.book_slideshow_first .book_slideshow_prev
, .book_slideshow.ui.book_slideshow_first .book_slideshow_prev::before
, .book_slideshow.ui.book_slideshow_last .book_slideshow_next, .book_slideshow.ui.book_slideshow_last .book_slideshow_next::before {
  display: none;
}