.ack {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 5;
  opacity: 1;
  transition: opacity 1000ms;
  cursor: pointer;
  font-weight: 200;
  background: #000;
  color: #fff;
  height: 100vh;
}

.ack.inactive {
  opacity: 0;
  pointer-events: none;
}


.ack .ack_inner {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}

.ack .close_button {
  width: 3.4rem;
  height: 4.15rem;
  background: url('./images/close.svg') center no-repeat;
  cursor: pointer;
  position: absolute;
  right: 3rem;
  top: 3rem;
  transform: translateY(-50%);
  z-index: 3;
}

.ack .line {
  opacity: 0;
  transition: opacity 1000ms;
}

.ack .warning {
  font-size: .93em;
}

.ack.tick .line {
  opacity: 1
}

.ack .warning.first {
  margin-top: 1em;
}


.ack .mobile {
  display: none;
}

.ack .tablet {
  display: none;
}

@media (max-width: 1023px) {
  .ack .tablet {
    display: block;
  }
  .ack .desktop {
    display: none;
  }
}

@media (max-width: 767px) {
  .ack .mobile {
    display: block;
  }
  .ack .tablet {
    display: none;
  }
}