/* CLI Quiz 2026.09.27.1: look of Quiz Maker 21.7.0 "classic light" with CLI's settings (#1cba88, 705px). */
.cli-quiz{--cq-accent:#1cba88;box-sizing:border-box;position:relative;width:705px;max-width:100%;min-height:var(--cli-quiz-min,120px);margin:10px auto;padding:0 0 60px;background:#fff;border-radius:4px 4px 0 4px;text-align:center;font-size:15px;line-height:1.4;word-break:break-word}
.cli-quiz *,.cli-quiz *::before,.cli-quiz *::after{box-sizing:border-box}
.cli-quiz [hidden]{display:none!important}
.cli-quiz p,div.cli-quiz[data-quiz] p{margin:.625em;padding:0 10px}
.cli-quiz__sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0!important;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.cli-quiz__step{display:flex;justify-content:center;align-items:center;width:100%;position:relative;min-height:var(--cli-quiz-min,120px);padding-top:45px;transition:opacity .5s}
.cli-quiz__step.is-leaving{position:absolute;top:0;left:0;pointer-events:none}
.cli-quiz__step.is-out,.cli-quiz__step.is-entering{opacity:0}
.cli-quiz__end{padding-top:0;outline:none}
.cli-quiz__inner{width:90%}
.cli-quiz__q .cli-quiz__inner{padding-bottom:20px}
.cli-quiz__title{font-size:21px;text-transform:capitalize;color:#000}
.cli-quiz__buttons{display:flex;justify-content:center;flex-wrap:wrap;margin:15px 0}
.cli-quiz__start .cli-quiz__buttons{margin-top:20px}
.cli-quiz__btn{display:inline-block;height:auto;margin:10px 5px;padding:10px 20px;border:0;border-radius:3px;background:var(--cq-accent);color:#fff;font:inherit;font-size:17px;font-weight:700;line-height:1;letter-spacing:0;text-transform:none;white-space:nowrap;box-shadow:none;cursor:pointer}
.cli-quiz__btn:hover,.cli-quiz__btn:focus{background:var(--cq-accent);color:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.5),0 0 0 3px #fff}
.cli-quiz__btn:focus-visible{outline:2px solid #0d6b4e;outline-offset:2px}
.cli-quiz__start-btn{font-family:Arial,sans-serif}
.cli-quiz__icon{display:inline-block;vertical-align:-.125em;fill:currentColor}
.cli-quiz__taken{position:absolute;right:0;bottom:0;padding:5px 20px;border-radius:4px 0 0 0;background:#000;color:#fff;font-weight:700;line-height:21px}
.cli-quiz.is-started{padding-bottom:0}
.cli-quiz.is-started .cli-quiz__taken{display:none}
/* Questions */
.cli-quiz__counter{position:absolute;top:0;right:8px;color:#000}
.cli-quiz__question{margin-bottom:10px;text-align:left;color:#000;outline:none}
.cli-quiz .cli-quiz__inner .cli-quiz__question p{margin:.625em;padding:0 10px;font-size:16px;text-align:left;color:#000}
.cli-quiz__question *{color:#000}
.cli-quiz__answer{display:block;position:relative;margin:0 0 10px;padding:10px;border:1px solid #444;color:#000;font-size:15px;font-weight:600;line-height:33px;text-align:left;cursor:pointer;transition:all .3s}
.cli-quiz__answer input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.cli-quiz__mark{display:inline-block;width:20px;height:20px;margin-right:10px;padding:3px;border:3px solid #ccc;border-radius:50%;background:#ddd;background-clip:content-box;vertical-align:middle;transition:all .4s linear}
@media (hover:hover){.cli-quiz__q:not(.is-review) .cli-quiz__answer:hover{background:rgba(28,186,136,.8)}}
.cli-quiz__answer.is-picked{background:rgba(28,186,136,.6)}
.cli-quiz__answer.is-picked .cli-quiz__mark{border-color:var(--cq-accent);background:var(--cq-accent);background-clip:content-box}
.cli-quiz.is-kbd .cli-quiz__answer:focus-within{outline:2px solid #0d6b4e;outline-offset:2px}
/* Loader */
.cli-quiz__loader{display:inline-block;position:relative;width:64px;height:64px}
.cli-quiz__loader div{position:absolute;top:27px;width:11px;height:11px;border-radius:50%;background:#000;animation:cq-e1 .6s infinite cubic-bezier(0,1,1,0)}
.cli-quiz__loader div:nth-child(1){left:6px}
.cli-quiz__loader div:nth-child(2){left:6px;animation-name:cq-e2}
.cli-quiz__loader div:nth-child(3){left:26px;animation-name:cq-e2}
.cli-quiz__loader div:nth-child(4){left:45px;animation-name:cq-e3}
@keyframes cq-e1{0%{transform:scale(0)}100%{transform:scale(1)}}
@keyframes cq-e2{0%{transform:translate(0,0)}100%{transform:translate(19px,0)}}
@keyframes cq-e3{0%{transform:scale(1)}100%{transform:scale(0)}}
/* Results */
.cli-quiz__results{outline:none;animation:cq-fade .5s}
.cli-quiz__results p{text-align:center;color:#000}
.cli-quiz__msg{color:#000}
.cli-quiz__score.is-tada{animation:cq-tada 1s}
.cli-quiz__links{margin:15px 0}
.cli-quiz__link{display:inline-block;position:relative;height:24px;margin:0;padding:2px 8px;border:1px solid;border-radius:2px;color:#fff!important;font:700 12px/1.53 "Helvetica Neue",Arial,sans-serif;text-decoration:none!important;vertical-align:top;transition:all .2s ease}
.cli-quiz__link .cli-quiz__icon{vertical-align:-1px}
.cli-quiz__link--linkedin{background:#0976b4;border-color:#08669c}
.cli-quiz__link--linkedin:hover,.cli-quiz__link--linkedin:focus{background:#08669c;border-color:#075683}
.cli-quiz__link--facebook{background:#3b5998;border-color:#344e86}
.cli-quiz__link--facebook:hover,.cli-quiz__link--facebook:focus{background:#344e86;border-color:#2d4373}
.cli-quiz__link--twitter{background:#55acee;border-color:#3ea1ec}
.cli-quiz__link--twitter:hover,.cli-quiz__link--twitter:focus{background:#3ea1ec;border-color:#2795e9}
.cli-quiz__link:focus-visible{outline:2px solid #0d6b4e;outline-offset:2px}
.cli-quiz__progress{position:relative;overflow:hidden;margin:0 0 10px;padding:0;border:1px solid rgba(0,0,0,.8);border-radius:10px;background:#000}
.cli-quiz__progress-bg{position:relative;height:15px;overflow:hidden;background:rgba(0,0,0,.3)}
.cli-quiz__progress-bar{position:absolute;top:0;left:0;width:0;height:15px;border-radius:10px;background:var(--cq-accent)}
.cli-quiz__progress-value{position:absolute;top:0;left:0;z-index:1;width:0;height:100%;color:#000;font-size:12px;line-height:15px;text-align:center;white-space:nowrap}
.cli-quiz__restart-p{margin:0!important;text-align:center}
.cli-quiz__restart{width:auto;max-width:100%}
.cli-quiz__restart span{margin-left:7px}
/* Answer review under the result */
.cli-quiz__review .cli-quiz__q{display:flex;min-height:0;pointer-events:none}
.cli-quiz__answer.is-right{border-color:green;background:rgba(39,174,96,.4)}
.cli-quiz__answer.is-picked.is-right{background:linear-gradient(rgba(28,186,136,.6),rgba(28,186,136,.6)),rgba(39,174,96,.4)}
.cli-quiz__answer.is-picked.is-wrong{border-color:red;background:linear-gradient(rgba(243,134,129,.4),rgba(243,134,129,.4)),rgba(243,134,129,.4)}
.cli-quiz__answer.is-picked.is-right .cli-quiz__mark{border-color:#27ae60;background:#27ae60;background-clip:content-box}
.cli-quiz__answer.is-picked.is-wrong .cli-quiz__mark{border-color:#cc3700;background:#cc3700;background-clip:content-box}
.cli-quiz__answer.is-right .cli-quiz__text::after,.cli-quiz__answer.is-picked.is-wrong .cli-quiz__text::after{content:"";display:inline-block;width:30px;height:30px;margin-left:4px;vertical-align:middle;background:no-repeat center/30px 30px}
.cli-quiz__answer.is-right .cli-quiz__text::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Ccircle cx='15' cy='15' r='13' fill='none' stroke='%2343b44b' stroke-width='2.4'/%3E%3Cpath d='M8.5 15.5l4.5 4.5 9-9.5' fill='none' stroke='%2343b44b' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.cli-quiz__answer.is-picked.is-wrong .cli-quiz__text::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Ccircle cx='15' cy='15' r='13' fill='none' stroke='%23f04366' stroke-width='2.4'/%3E%3Cpath d='M10 10l10 10M20 10L10 20' fill='none' stroke='%23f04366' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E")}
@keyframes cq-fade{from{opacity:0}to{opacity:1}}
@keyframes cq-tada{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}100%{transform:scale(1) rotate(0)}}
@media (prefers-reduced-motion:reduce){.cli-quiz__step,.cli-quiz__answer,.cli-quiz__mark,.cli-quiz__progress-bar,.cli-quiz__progress-value{transition:none!important}.cli-quiz__results,.cli-quiz__score.is-tada{animation:none}}