/* Start:/local/templates/k24/assets/css/pages/blog/style.css?17865180291202*/
.pre-top,.pre-top__title{display:flex;align-items:center}.pre-top{justify-content:space-between;margin-bottom:28px}.pre-top__title{gap:13px;font-weight:600;font-size:16px;line-height:140%;color:#e9e9e9}.pre-top .copy{display:inline-block;vertical-align:top;width:26px;height:26px;opacity:.6;margin-left:auto}.pre-top .copy.active,.pre-top .copy:hover{opacity:1}pre{position:relative;border:0!important;padding:20px 25px!important;margin-bottom:15px!important;font-size:14px!important;border-radius:24px;background:#333!important;margin:32px 0;white-space:normal}pre code.hljs{background:0 0!important;font-size:13.5px!important;white-space:normal;padding:0!important;display:block;overflow-x:auto;color:#fff;tab-size:1}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-ln-numbers{text-align:right;border-right:1px solid #ccc;padding:0 5px 0 0!important;color:#999;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hljs-ln-code{padding:0!important}@media (max-width:991.98px){pre{border-radius:16px;padding:20px!important}.article-header-panel__author .ui-btn__value{display:block;max-width:225px}}
/* End */


/* Start:/local/templates/k24/assets/css/pages/prof_test_start/style.css?1786518108587*/
.grey-box{padding:32px;background-color:#f5f5f5;border-radius:20px}.design-list li{margin-top:0;margin-bottom:8px}.design-list li::marker{color:#1fbb60}@media (max-width:991.98px){.grey-box{padding:24px 16px;border-radius:8px}.breadcrumbs{padding:8px 0;overflow:hidden}.breadcrumbs__list{flex-wrap:nowrap;overflow-x:auto;margin:0 -32px;padding:0 32px;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.breadcrumbs__list::-webkit-scrollbar{display:none}.breadcrumbs__value{white-space:nowrap;font-size:10px;line-height:10px}.breadcrumbs__item{min-height:16px}}
/* End */


/* Start:/local/templates/k24/build/node_modules/highlight.js/styles/atom-one-dark.min.css?1786517456856*/
pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-formula,.hljs-keyword{color:#c678dd}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#98c379}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#d19a66}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}
/* End */


/* Start:/local/templates/k24/components/kedu/test.detail/press-center_v2/style.css?178651729215170*/
.kedu-quize-ssr {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.kedu-quize-app-shell {
  position: relative;
}

.kedu-before-start-lead-ssr:not(.is-adopted) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  pointer-events: none;
}

.kedu-before-start-lead-ssr[hidden],
.kedu-before-start-lead-ssr[data-form-sent="Y"] {
  display: none !important;
}

.kedu-before-start-lead-host {
  min-height: 220px;
}

.kedu-before-start-lead-ssr.is-adopted {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  clip: auto;
  overflow: visible;
  white-space: normal;
  pointer-events: auto;
}

.kedu-form-test-mount--deferred {
  min-height: 220px;
  position: relative;
}

.kedu-form-test-skeleton {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-top: 4px;
}

.kedu-form-test-skeleton__input {
  height: 48px;
  border-radius: 8px;
  border: 1px solid rgba(24, 24, 28, 0.08);
  background: linear-gradient(90deg, #ececec 25%, #f6f6f6 37%, #ececec 63%);
  background-size: 400% 100%;
  animation: kedu-form-test-skeleton 1.2s ease-in-out infinite;
}

.kedu-form-test-skeleton__line {
  height: 18px;
  width: 72%;
  border-radius: 4px;
  background: rgba(24, 24, 28, 0.06);
}

.kedu-form-test-skeleton__line--wide {
  width: 100%;
  height: 36px;
}

.kedu-form-test-skeleton__btn {
  margin-top: 4px;
  height: 48px;
  border-radius: 8px;
  background: rgba(0, 132, 253, 0.22);
}

@keyframes kedu-form-test-skeleton {
  0% { background-position: 100% 50%; }
  100% { background-position: 0 50%; }
}

.kedu-form-test-mount--deferred:not(.is-form-ready) > .ui-form {
  opacity: 0;
  pointer-events: none;
}

.kedu-form-test-mount--deferred.is-form-ready > .ui-form {
  opacity: 1;
  transition: opacity 0.28s ease;
}

.kedu-form-test-mount--deferred.is-form-ready .kedu-form-test-skeleton {
  display: none;
}

.start-test,
.test-error-block {
  scroll-margin-top: 24px;
}

.test-error-block,
.test-error-block .errortext {
  color: #ff3b0f;
}

.grey-box {
  padding: 32px;
  background-color: #f5f5f5;
  border-radius: 20px;
}

.quiz-result-lead-box {
  max-width: 500px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.quiz-result-lead-box .ui-form__title {
  margin: 0 0 8px;
  color: #242424;
  text-align: left;
}

.quiz-result-lead-box .text-form-description {
  margin: 0 0 16px;
  color: #242424;
}

@media (max-width: 991.98px) {
  .grey-box {
    padding: 24px 16px;
    border-radius: 8px;
  }

  .quiz-result-lead-box {
    max-width: 100%;
  }
}

.test-top {
  font-size: 18px;
  line-height: 140%;
  font-weight: 600;
  padding: 24px;
}

@media (max-width: 991.98px) {
  .test-top {
    font-size: 16px;
    padding: 24px 16px;
  }
}

.test-top hr {
  color: #d1d1d1;
}

.test-count span {
  color: #0084fd;
}

.test-time {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.test-score {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 56px;
  min-width: 56px;
  height: 56px;
  color: #242424;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
}

.test-score__text {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.test-score__value {
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
}

.test-score__unit {
  margin-top: 2px;
  color: #949494;
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
}

.progress-ring {
  display: block;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
}

.progress-ring__background {
  stroke: #e5e5e5;
}

.progress-ring__circle {
  stroke: #0084fd;
  stroke-linecap: round;
  transition: stroke-dashoffset 0.35s ease-in-out;
}

.test-question {
  font-size: 32px;
  line-height: 130%;
  font-weight: 700;
}

@media (max-width: 991.98px) {
  .test-question {
    font-size: 22px;
  }
}

.test-question--text {
  margin-top: 12px;
  font-size: 16px;
  line-height: 150%;
  font-weight: 400;
}

.test-question__img {
  display: block;
  width: 100%;
  margin-top: 24px;
}

@media (max-width: 991.98px) {
  .test-question__img {
    margin-top: 16px;
  }
}

.test-nav {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

@media (max-width: 991.98px) {
  .test-nav {
    gap: 8px;
  }
}

.test-nav a,
.test-nav span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  font-size: 14px;
  line-height: 140%;
  font-weight: 700;
  border: 1px solid #e5e5e5;
  background-color: #f8f8f8;
  color: #343434;
  text-decoration: none;
  box-sizing: border-box;
}

.test-nav a.active {
  border-color: #0084fd;
  background-color: #0084fd;
  color: #fff;
}

.test-nav a.done {
  border-color: #b7ddff;
  background-color: #b7ddff;
}

.test-nav a.right {
  background-color: #effff6;
  border-color: #83eeb0;
  margin-left: unset;
}

.test-nav a.active.right {
  background-color: #1fbb60;
  border-color: #1fbb60;
}

.test-nav a.wrong {
  background-color: #ffebe7;
  border-color: #ff8165;
}

.test-nav a.active.wrong {
  background-color: #ff3b0f;
  border-color: #ff3b0f;
}

.test-nav a:hover {
  border-color: #0084fd;
}

.test-content {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

@media (max-width: 991.98px) {
  .test-content {
    gap: 20px;
  }
}

.test-content .ui-btn--primary {
  padding: 13px 48px 12px;
}

.kedu-press-test-app .mt-8.mb-10 > .ui-btn--primary,
.kedu-press-test-app .test-result-actions .ui-btn--primary {
  width: auto;
  max-width: 100%;
  display: inline-flex;
  align-self: flex-start;
  padding: 13px 48px 12px;
}

@media (max-width: 991.98px) {
  .test-content .ui-btn--primary {
    display: block;
    width: 100%;
    text-align: center;
  }

  .kedu-press-test-app .mt-8.mb-10 > .ui-btn--primary,
  .kedu-press-test-app .test-result-actions .ui-btn--primary {
    display: block;
    width: 100%;
  }

  .test-content .ui-btn--color {
    display: block;
    width: 100px;
    text-align: center;
    margin: 12px auto 0;
  }
}

.test-content .ui-input-element__text {
  font-size: 18px;
  line-height: 150%;
  font-weight: 500;
}

@media (max-width: 991.98px) {
  .test-content .ui-input-element__text {
    font-size: 14px;
    line-height: 140%;
  }
}

.ui-input-element__bg .ui-input-element__label {
  cursor: pointer;
  position: relative;
  display: block;
  width: 100%;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid #d1d1d1;
}

.ui-input-element__bg .ui-input-element__label img {
  display: block;
  margin-top: 14px;
  width: 100%;
}

.ui-input-element__bg .ui-input-element__checked {
  content: "";
  display: block;
  background-color: #f8f8f8;
  border: 1px solid #d1d1d1;
  box-shadow: 0 3px 4px -5px rgba(24, 24, 28, 0.03), 0 1px 2px rgba(24, 24, 28, 0.04);
  border-radius: 8px;
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  pointer-events: none;
  opacity: 0;
  z-index: -1;
}

.ui-input-element__bg .ui-input-element__inner:checked:not(:disabled) ~ .ui-input-element__checked {
  opacity: 1;
}

.ui-input-element__bg .ui-input-element__inner:checked:not(:disabled).right ~ .ui-input-element__checked {
  background-color: #effff6;
  border-color: #1fbb60;
}

.ui-input-element__bg .ui-input-element__inner:checked:not(:disabled).right + .ui-input-element__text:before {
  border-color: #1fbb60;
  background-color: #fff;
}

.ui-input-element__bg .ui-input-element__inner:checked:not(:disabled).right + .ui-input-element__text:after {
  background-color: #1fbb60;
}

.ui-input-element__bg .ui-input-element__inner:checked:not(:disabled).wrong ~ .ui-input-element__checked {
  background-color: #ffebe7;
  border-color: #ff8165;
}

.ui-input-element__bg .ui-input-element__inner:checked:not(:disabled).wrong + .ui-input-element__text:before {
  border-color: #ce005d;
}

.ui-input-element__bg .ui-input-element__inner:checked:not(:disabled).wrong + .ui-input-element__text:after {
  background-color: #ff3b0f;
  border-color: #ff3b0f;
}

.ui-input-element__bg.is-review-right .ui-input-element__checked,
.ui-input-element__bg.is-review-wrong .ui-input-element__checked {
  opacity: 1;
}

.ui-input-element__bg.is-review-right .ui-input-element__checked {
  background-color: #effff6;
  border-color: #1fbb60;
}

.ui-input-element__bg.is-review-right .ui-input-element__text:before {
  border-color: #1fbb60;
  background-color: #fff;
}

.ui-input-element__bg.is-review-right .ui-input-element__text:after {
  background-color: #1fbb60;
}

.ui-input-element__bg.is-review-wrong .ui-input-element__checked {
  background-color: #ffebe7;
  border-color: #ff8165;
}

.ui-input-element__bg.is-review-wrong .ui-input-element__text:before {
  border-color: #ce005d;
}

.ui-input-element__bg.is-review-wrong .ui-input-element__text:after {
  background-color: #ff3b0f;
  border-color: #ff3b0f;
}

.test-variables.grid-4 {
  display: grid;
  column-gap: 12px;
  grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 991.98px) {
  .test-variables.grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 767.98px) {
  .test-variables.grid-4 {
    grid-template-columns: 1fr;
  }
}

.test-variables.grid-4-2 {
  display: grid;
  column-gap: 32px;
  row-gap: 12px;
  grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 991.98px) {
  .test-variables.grid-4-2 {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 767.98px) {
  .test-variables.grid-4-2 {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 16px;
    row-gap: 4px;
  }
}

.ui-input-element__color {
  display: block;
  padding-top: 130%;
  border-radius: 7px;
}

.kedu-press-test-app .test-loader {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  background: rgba(255, 255, 255, 0.64);
  backdrop-filter: blur(16px);
}

.kedu-press-test-app .test-loader--result {
  gap: 60px;
}

.kedu-press-test-app .test-loader__dialog {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-align: center;
}

.kedu-press-test-app .test-loader__spinner {
  width: 48px;
  height: 48px;
  border: 3px solid #e5e5e5;
  border-top-color: #0084fd;
  border-radius: 50%;
  animation: kedu-press-loader-rotate 1s linear infinite;
}

.kedu-press-test-app .test-loader__result-spinner {
  animation: kedu-press-loader-rotate 1s linear infinite;
}

.kedu-press-test-app .test-loader__title {
  font-size: 22px;
  line-height: 130%;
  font-weight: 700;
}

.kedu-press-test-app .test-loader--result .test-loader__title {
  font-size: 36px;
  line-height: 120%;
  text-align: center;
  margin: 0;
}

.kedu-press-test-app .test-loader__text {
  font-size: 14px;
  line-height: 140%;
  color: #343434;
}

@media (max-width: 767.98px) {
  .kedu-press-test-app .test-loader--result {
    gap: 40px;
  }

  .kedu-press-test-app .test-loader--result .test-loader__title {
    font-size: 22px;
    max-width: 200px;
  }

  .kedu-press-test-app .test-loader__result-spinner {
    width: 48px;
    height: 48px;
  }
}

@keyframes kedu-press-loader-rotate {
  to {
    transform: rotate(360deg);
  }
}

.popup-overlay {
  position: fixed;
  inset: 0;
  z-index: 1100;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 16px;
  background: rgba(0, 0, 0, 0.45);
}

.popup-overlay.is-active,
.popup-overlay:not([hidden]).is-active {
  display: flex;
}

.popup-overlay[hidden] {
  display: none !important;
}

.popup-body {
  position: relative;
  width: 100%;
  max-width: 480px;
  padding: 24px;
  background: #fff;
  border-radius: 12px;
}

.popup-body--test-modal {
  max-width: 500px;
  padding: 40px 32px 32px;
  border: 0;
  border-radius: 20px;
  box-shadow: 0 24px 48px -8px rgba(24, 24, 28, 0.11);
}

.popup-close-btn {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 2;
  border: 0;
  background: transparent;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.popup-close-btn:hover {
  opacity: 0.7;
}

.popup-title {
  margin: 0 0 16px;
  font-size: 20px;
  line-height: 1.3;
  color: #242424;
  text-align: center;
}

.popup-body--test-modal .popup-title {
  margin: 0 0 20px;
  font-size: 24px;
  line-height: 1.3;
}

.popup-alert {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 0 0 24px;
  padding: 14px 16px;
  border-radius: 12px;
  background: #f0f7ff;
  color: #242424;
  font-size: 15px;
  line-height: 1.4;
}

.popup-alert svg,
.popup-alert .ui-icon {
  flex-shrink: 0;
  margin-top: 1px;
  width: 24px;
  height: 24px;
}

.popup-close-btn .ui-icon {
  width: 24px;
  height: 24px;
  fill: currentColor;
}

.popup-buttons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 12px;
}

.popup-body--test-modal .popup-buttons .ui-btn {
  flex: 1 1 calc(50% - 6px);
  width: auto;
  min-width: 0;
  margin: 0;
  white-space: normal;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.popup-overlay .popup-buttons .ui-btn--color {
  display: inline-flex;
  width: auto;
  margin: 0;
}

@media (max-width: 575.98px) {
  .popup-body--test-modal {
    padding: 28px 16px 16px;
    border-radius: 12px;
  }

  .popup-body--test-modal .popup-title {
    font-size: 20px;
  }

  .popup-body--test-modal .popup-buttons .ui-btn {
    flex: 1 1 calc(50% - 6px);
    padding-left: 12px;
    padding-right: 12px;
    font-size: 14px;
  }
}

.quiz-test-lead-modal .quiz-test-lead__mount {
  min-height: 40px;
}

.ui-form-modal-test-wrapper .modal-dialog {
  max-width: 500px !important;
  width: calc(100% - 32px);
  margin-left: auto;
  margin-right: auto;
}

.ui-form-modal-test-wrapper .modal-content {
  position: relative;
  padding: 40px 32px 32px;
  border: 0;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 24px 48px -8px rgba(24, 24, 28, 0.11);
}

.ui-form-modal-test-wrapper .modal-close {
  line-height: 0;
  display: inline-flex;
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 2;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.ui-form-modal-test-wrapper .modal-close:hover {
  opacity: 0.7;
}

.ui-form-modal-test-wrapper .ui-form {
  width: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
  color: inherit;
  box-shadow: none;
}

.ui-form-modal-test-wrapper .ui-form__title {
  color: #242424;
  text-align: center;
}

.ui-form-modal-test-wrapper .text-form-description {
  color: #242424;
}

.ui-form-modal-test-wrapper .text-form-description a {
  color: inherit;
  text-decoration: underline;
}

.ui-form-modal-test-wrapper .ui-btn {
  width: 100%;
}

@media (max-width: 575.98px) {
  .ui-form-modal-test-wrapper .modal-dialog {
    max-width: calc(100% - 32px);
    margin: 1rem auto;
  }

  .ui-form-modal-test-wrapper .modal-content {
    padding: 28px 16px 16px;
    border-radius: 12px;
  }
}

/* End */


/* Start:/local/templates/k24/components/bitrix/news/press-center_v2/bitrix/news.detail/article/style.css?1763976080104*/
.all-el-show .ui-btn__icon {
  transform: rotate(180deg);
}

.article-body ul {
  margin-bottom: 32px;
}
/* End */
/* /local/templates/k24/assets/css/pages/blog/style.css?17865180291202 */
/* /local/templates/k24/assets/css/pages/prof_test_start/style.css?1786518108587 */
/* /local/templates/k24/build/node_modules/highlight.js/styles/atom-one-dark.min.css?1786517456856 */
/* /local/templates/k24/components/kedu/test.detail/press-center_v2/style.css?178651729215170 */
/* /local/templates/k24/components/bitrix/news/press-center_v2/bitrix/news.detail/article/style.css?1763976080104 */