/* Based on the worksheet popup at revitonica.ru/css/img/popup.php. */
.prof-diagnostics-open {margin:24px 0;padding:16px 28px;border:0;border-radius:4px;background:#2c3850;color:#fff;font-family:inherit;font-size:18px;line-height:24px;font-weight:600;cursor:pointer}
#prof-diagnostics, #prof-diagnostics * {box-sizing:border-box}
#prof-diagnostics[hidden], #prof-diagnostics [hidden] {display:none!important}
#prof-diagnostics {position:fixed;inset:0;z-index:100050;overflow-y:auto;overscroll-behavior:contain;background:rgba(103,115,95,.8);color:#2c3e50;font-family:inherit;text-align:left}
#prof-diagnostics .prof-worksheet {width:100%;max-width:616px;margin:104px auto;padding:0 8px}
#prof-diagnostics .prof-box {position:relative;width:100%;padding:40px;background:#fff;border-radius:20px}
#prof-diagnostics button {cursor:pointer;font-family:inherit;border:0}
#prof-diagnostics button:disabled {cursor:wait;opacity:.6}
#prof-diagnostics .prof-close {position:absolute;top:10px;right:10px;width:28px;height:28px;padding:0;background:transparent;color:#2c3e50;font-size:30px;line-height:24px}
#prof-diagnostics .prof-title {margin:0 0 20px;font-size:32px!important;line-height:40px!important;font-weight:400;color:#2c3e50}
#prof-diagnostics .prof-text {margin:0 0 40px;font-size:18px;line-height:28px}
#prof-diagnostics .prof-line {display:flex;align-items:center;gap:12px;margin-bottom:12px}
#prof-diagnostics .prof-bars {display:flex;flex:1;gap:8px}
#prof-diagnostics .prof-bar {width:25%;height:5px;border-radius:4px;background:#dadee6}
#prof-diagnostics .prof-bar.is-active {background:#a3acc1}
#prof-diagnostics .prof-back {display:flex;align-items:center;gap:4px;padding:0;background:transparent;color:#2c3e50;font-size:15px;line-height:24px}
#prof-diagnostics .prof-back:before {content:'←';font-size:24px}
#prof-diagnostics .prof-list {margin-bottom:30px}
#prof-diagnostics .prof-option {position:relative;margin-bottom:16px}
#prof-diagnostics .prof-radio {position:absolute;width:1px;height:1px;margin:0;opacity:0}
#prof-diagnostics .prof-label {position:relative;display:block;padding-left:32px;color:#687683;font-size:18px;line-height:24px;cursor:pointer}
#prof-diagnostics .prof-label:before {content:'';position:absolute;top:0;left:0;width:24px;height:24px;border:2px solid #c4c4c4;border-radius:50%}
#prof-diagnostics .prof-label:after {content:'';position:absolute;top:7px;left:7px;width:10px;height:10px;border-radius:50%;background:#f16690;opacity:0}
#prof-diagnostics .prof-radio:checked + .prof-label:before {border-color:#f16690}
#prof-diagnostics .prof-radio:checked + .prof-label:after {opacity:1}
#prof-diagnostics .prof-radio:focus-visible + .prof-label {outline:2px solid #2c3850;outline-offset:4px}
#prof-diagnostics .prof-btn {display:block;width:max-content;max-width:100%;margin:0 auto;padding:16px 56px;border-radius:4px;background:#2c3850;color:#fff;font-size:18px;line-height:24px;font-weight:600;text-align:center}
#prof-diagnostics .prof-field {position:relative;margin-bottom:10px}
#prof-diagnostics .prof-input {width:100%;height:66px;padding:27px 10px 9px;border:1px solid #dadee6;border-radius:10px;background:#fff;color:#2c3e50;font-family:inherit;font-size:18px;line-height:28px;box-shadow:none}
#prof-diagnostics .prof-field-label {position:absolute;top:19px;left:10px;color:#a3acc1;font-size:18px;line-height:28px;pointer-events:none;transition:all .15s}
#prof-diagnostics .prof-input:focus + .prof-field-label, #prof-diagnostics .prof-input:not(:placeholder-shown) + .prof-field-label {top:7px;font-size:13px;line-height:16px}
#prof-diagnostics .prof-hint {margin:4px 0 10px;color:#687683;font-size:13px;line-height:18px}
#prof-diagnostics .prof-consents {display:grid;gap:12px;margin:20px 0 28px}
#prof-diagnostics .prof-check {display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:22px;cursor:pointer}
#prof-diagnostics .prof-check input {position:static;flex:none;width:22px;height:22px;margin:0;opacity:1;appearance:auto;accent-color:#2c3850}
#prof-diagnostics a {color:#2c3e50;text-decoration:underline}
#prof-diagnostics .prof-error {margin:6px 0 12px;color:#b4233a;font-size:14px;line-height:20px}
#prof-diagnostics .prof-error:empty {display:none}
#prof-diagnostics [aria-invalid=true] {border-color:#b4233a}
#prof-diagnostics .prof-status {margin:16px 0 0;color:#687683;font-size:14px;line-height:20px;text-align:center}
#prof-diagnostics :focus-visible {outline:2px solid #2c3850;outline-offset:3px}
#prof-diagnostics .prof-title:focus {outline:none}
@media(max-width:767px) {
  #prof-diagnostics .prof-worksheet {margin:40px auto;max-width:376px}
  #prof-diagnostics .prof-box {padding:40px 16px 20px}
  #prof-diagnostics .prof-title {margin-bottom:16px;font-size:26px!important;line-height:34px!important}
  #prof-diagnostics .prof-text {margin-bottom:20px;font-size:15px;line-height:20px}
  #prof-diagnostics .prof-line {gap:4px}
  #prof-diagnostics .prof-bars {gap:4px}
  #prof-diagnostics .prof-bar {height:4px}
  #prof-diagnostics .prof-list {margin-bottom:24px}
  #prof-diagnostics .prof-option {margin-bottom:12px}
  #prof-diagnostics .prof-label {padding-left:26px;font-size:15px;line-height:20px}
  #prof-diagnostics .prof-label:before {width:20px;height:20px}
  #prof-diagnostics .prof-label:after {top:6px;left:6px;width:8px;height:8px}
  #prof-diagnostics .prof-btn {width:100%;padding:12px;font-size:15px;line-height:20px}
  #prof-diagnostics .prof-input {height:60px;font-size:16px;line-height:22px}
  #prof-diagnostics .prof-field-label {font-size:15px;line-height:20px}
  #prof-diagnostics .prof-check {font-size:13px;line-height:18px}
  #prof-diagnostics .prof-check input {width:18px;height:18px}
}