.slot__header {
  padding-bottom: 100px;
}
.slot__facts {
  background-color: rgba(255, 255, 255, 0.1);
}
.slot__facts__item {
  min-height: 50px;
}
.slot__facts__item:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.13);
}
.slot__play-btns .slot__facts__item:nth-child(7) {
  border-bottom: none;
}
.slot__facts__item a {
  text-decoration: underline;
}
.slot__play-info .slot__facts {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 3;
  display: none;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 20px;
       column-gap: 20px;
  width: 500px;
  background-color: rgba(0, 0, 0, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.13);
}
.slot__play-info:hover .slot__facts {
  display: grid;
}
.slot__play {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.slot__play .btn {
  flex: 0 0 auto;
  max-width: 280px;
}
.slot__fs-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
  z-index: 3;
  background-color: rgba(255, 255, 255, 0.1);
}
.slot__play_real {
  margin-top: -65px;
  z-index: 2;
}
.slot__pr-label {
  margin-bottom: -19px;
  z-index: 2;
}
.slot__about-img {
  width: 300px;
}
.slot__content {
  line-height: 1.6em;
}
.slot__content h2, .slot__content h3 {
  margin-bottom: 0.7em;
}
.slot__play-btns {
  position: absolute;
  top: 10px;
  right: -16px;
  z-index: 2;
}
.slot__play-btns button {
  width: 32px;
  height: 32px;
  background-color: rgba(255, 255, 255, 0.2);
}
.slot__embed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.95);
}
.slot__embed__play-real {
  position: absolute;
  right: 0;
  background-color: #1F2E23;
  z-index: 4;
  transition: 300ms ease-in-out;
}
.slot__embed__play-real .bc {
  padding: 10px;
}
.slot__embed__nav {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 7;
  background-color: #1F2E23;
}
.slot__embed__nav button {
  height: 90px;
}
.slot__iframe iframe {
  width: 100%;
  height: 100%;
}
@media (min-width: 992px) {
  .slot__facts {
    width: 360px;
  }
  .slot__embed {
    padding-right: 100px;
    padding-left: 100px;
  }
  .slot__embed__play-real {
    top: 0;
    bottom: 0;
    width: 375px;
    transform: translateX(100%);
  }
  .game--played .slot__embed__play-real {
    transform: translateX(300px);
  }
  .game--played .slot__embed__play-real:hover {
    transform: translateX(0);
  }
}
@media (max-width: 991.98px) {
  .slot__embed {
    padding-bottom: 90px;
  }
  .slot__embed__play-real {
    top: 30px;
    left: 0;
    bottom: 90px;
    visibility: hidden;
    transform: translateY(100%);
  }
  .slot__embed__play-real button {
    position: absolute;
    top: -16px;
    right: 15px;
    z-index: 2;
    width: 32px;
    height: 32px;
    background-color: rgba(255, 255, 255, 0.2);
  }
  .game--play-real .slot__embed__play-real {
    transform: translateY(0);
    visibility: visible;
  }
  .slot__embed__facts {
    position: absolute;
    top: 30px;
    right: 0;
    left: 0;
    bottom: 90px;
    background-color: #1F2E23;
    z-index: 4;
    transition: 300ms ease-in-out;
    visibility: hidden;
    transform: translateY(100%);
  }
  .slot__embed__facts .slot__facts {
    max-height: 100%;
    overflow: auto;
    background: transparent;
  }
  .slot__embed__facts button {
    position: absolute;
    top: -16px;
    right: 15px;
    z-index: 2;
    width: 32px;
    height: 32px;
    background-color: rgba(255, 255, 255, 0.2);
  }
  .game--show-info .slot__embed__facts {
    transform: translateY(0);
    visibility: visible;
  }
}
@media (min-width: 768px) {
  .slot__iframe {
    max-width: 1280px;
    max-height: 100%;
    aspect-ratio: 16/9;
  }
}
@media (max-width: 767.98px) {
  .slot__iframe {
    width: 100%;
    height: 100%;
  }
}
