@import '../helpers/variables';

@page {
  margin: 5mm;
}

@media print {
  html, body, .main-quiz {
    width: 1140px;
    max-width: 1140px;
  }

  header.header-quiz {
    margin-bottom: 50px;
  }

  div.quiz-container--final {
    width: 100%;
    max-width: 100%;
  }

  div.quiz-summary {
    display: flex;
    flex-direction: row;
    position: relative;
  }

  ul.quiz-summary__list {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 24px;

    li.quiz-summary-item {
      max-width: 100%;
    }
  }

  div.quiz-summary__content {
    background: $white-transparent80 !important;
    box-shadow: 0 6px 24px $black-transparent10 !important;
    width: 100%;
    max-width: 963px;
    position: absolute;
    right: 0;
    bottom: 28px;
    padding: 40px 8px;
  }

  img.quiz-summary__image {
    width: 100%;
    max-width: 838px;
  }

  div.quiz-actions {
    display: flex;
    max-width: 100%;
    margin-top: 55px;
    grid-gap: 80px;
  }

  a.square-cta,
  a.square-cta span {
    text-decoration: none;
  }

  div.quiz-disclaimer {
    margin-top: 70px;
  }
}