#quiz .steps{margin-top:4em}#quiz .steps .step.intro .inner{padding:4em 2em;text-align:center}#quiz .steps .step.intro .title{font-size:4vw;margin-bottom:.3em;margin-top:0}#quiz .steps .step.intro p{font-size:1.9em}#quiz .steps .step .inner{background-color:#fff;font-size:1.2em;padding:2em;position:relative;text-align:left}#quiz .steps .step .title{color:#00879c;font-size:1.2em;margin-bottom:0}#quiz .steps .step .action{display:flex;justify-content:flex-end;margin-top:2em}#quiz .steps .step .action button{background-color:#00879c;border:none;color:#fff;display:inline-block;font-size:1.2em;font-weight:600;padding:.5em 2em}#quiz .question .clock{background:conic-gradient(#00879c,#00879c,#00879c,#00879c,rgba(0,135,156,0) var(--clockDegrees));border-radius:50%;height:4em;position:absolute;right:-2em;top:-2em;transition:all .3s;width:4em}#quiz .question .options .option .correct{color:green}#quiz .question .options .option .wrong{color:tomato}#quiz .question .options .option label{align-items:center;display:flex;padding:.5em 0}#quiz .question .options .option label input{display:none}#quiz .question .options .option label .dot{align-items:center;border:2px solid #00879c;border-radius:50%;display:flex;height:1.5em;justify-content:center;margin-right:.5em;position:relative;width:1.5em}#quiz .question .options .option label input:checked+.dot:after,#quiz .question .options .option label:hover .dot:after{background-color:#00879c;border-radius:50%;content:"";display:inline-block;height:1em;left:0;position:relative;top:0;width:1em}