.s-quiz {
  min-height: calc(var(--scale) * 438);
}

.s-quiz__bg {
  bottom: 0;
  height: 100%;
}

.s-quiz__intro-description {
  margin-bottom: 0;
}

.s-pravila {
  overflow: unset;
}

.s-pravila__wrap {
  display: grid;
  gap: var(--gap_def);
}

.s-pravila__desc {
  display: grid;
  gap: calc(var(--scale) * 8);
  padding: var(--padding_def);
  background-color: var(--a-color_white);
  border-radius: calc(var(--scale) * 16);
}

.s-pravila__desc-text {
  display: grid;
  gap: calc(var(--scale) * 8);
}

.s-pravila__desc ul {
  list-style: none;
}

.s-pravila__desc ul li {
  position: relative;
  padding-left: calc(var(--scale) * 20);
}

.s-pravila__desc ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .3em;
  display: block;
  width: calc(var(--scale) * 8);
  height: calc(var(--scale) * 8);
  border-radius: 50%;
  background-color: var(--a-color_red);
}

.s-pravila__list {
  align-self: flex-start;
  display: grid;
  gap: var(--gap_def);
  list-style: none;
  counter-reset: list-counter;
}

.s-pravila__list-item {
  counter-increment: list-counter;
  position: relative;
}

.s-pravila__list-item span,
.s-pravila__list-item a {
  display: flex;
  gap: calc(var(--scale) * 8);
  align-items: center;
  height: 100%;
  padding: var(--padding_def);
  background-color: var(--a-color_grey_20);
  border-radius: calc(var(--scale) * 16);
  transition: var(--transition);
}

.s-pravila__list-item span:before,
.s-pravila__list-item a:before {
  content: counter(list-counter, decimal-leading-zero) ". ";
  color: var(--a-color_grey_80);
  transition: var(--transition);
}

.s-pravila__list-item a:hover:not(:active) {
  color: var(--a-color_white);
  background-color: var(--a-color_red);
}

.s-pravila__list-item a:hover:not(:active) .ico {
  background-color: var(--a-color_dark);
}

.s-pravila__list-item a:hover:not(:active):before {
  color: var(--a-color_white);
}

.s-pravila__list-item a:active {
  background-color: var(--a-color_grey_40);
}

.s-pravila__list-item a:active .ico {
  background-color: var(--a-color_dark);
}

.s-pravila__list-item a .ico {
  flex: none;
  width: calc(var(--scale) * 26);
  height: calc(var(--scale) * 26);
  margin-left: auto;
  padding: calc(var(--scale) * 2);
  color: var(--a-color_white);
  background-color: var(--a-color_red);
  border-radius: 50%;
  transition: var(--transition);
}

.s-content {
  padding-top: 0;
  padding-bottom: 0;
}

.s-content .l-section__inner {
  padding: var(--padding_def);
  background-color: var(--a-color_white);
  border-radius: calc(var(--scale) * 16);
}

.s-content .l-section__inner ul {
  display: grid;
  gap: calc(var(--scale) * 12);
  color: var(--a-color_red);
}

.s-content .l-section__inner ul li {
  position: relative;
  padding-left: calc(var(--scale) * 18);
}

.s-content .l-section__inner ul li:before {
  content: '';
  display: block;
  width: calc(var(--scale) * 6);
  height: calc(var(--scale) * 6);
  background-color: var(--a-color_red);
  border-radius: calc(var(--scale) * 2);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.s-content .l-section__inner ul li a:hover {
  color: var(--a-color_dark);
}

@media only screen and (min-width: 768px) {
  .s-pravila__desc ul li::before {
    top: .4em;
  }

  .s-pravila__list {
    position: sticky;
    top: var(--headerHeight);
  }

  .--visible-nav .s-pravila__list {
    top: var(--headerHeightVisibleNav);
  }
}

@media only screen and (min-width: 1200px) {
  .s-quiz {
    min-height: calc(var(--scale) * 518);
  }

  .s-pravila__wrap {
    grid-template-columns: calc(var(--scale) * 1131) 1fr;
  }

  .s-pravila__desc {
    gap: calc(var(--scale) * 32);
  }

  .s-pravila__desc-text {
    gap: calc(var(--scale) * 12);
  }

  .s-pravila__list-item span,
  .s-pravila__list-item a {
    gap: calc(var(--scale) * 12);
  }

  .s-pravila__list-item a .ico {
    width: calc(var(--scale) * 48);
    height: calc(var(--scale) * 48);
    padding: calc(var(--scale) * 4);
  }

  .s-content .l-section__inner ul {
    gap: calc(var(--scale) * 24);
  }

  .s-content .l-section__inner ul li {
    padding-left: calc(var(--scale) * 48);
  }

  .s-content .l-section__inner ul li:before {
    width: calc(var(--scale) * 12);
    height: calc(var(--scale) * 12);
  }
}

@media only screen and (max-width: 1199px) {
  .s-pravila__list {
    order: -1;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1198px) {
  .s-quiz {
    min-height: calc(var(--scale) * 312);
  }
}
/*# sourceMappingURL=maps/pravila_priema.css.map */