body{font-size:18px;line-height:30px;font-weight:300;color:#1e252f;font-family:PT Sans Narrow,sans-serif}main{max-width:1200px;margin:0 auto;padding:0 16px}.container-content{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Arial,sans-serif;font-size:20px;margin-bottom:20px;padding-top:1px}.container-content .heading{text-align:center;margin:30px 0}.container-content h2{margin:40px 0 20px}.container-info{display:grid;grid-template-columns:1fr;grid-gap:24px;margin-bottom:100px}.container-info .row-fill{display:flex}.container-info .row-fill.error input{border-color:red}.container-info .row-fill.error .label,.container-info .row-fill.error label:not(.answer){color:red}.container-info .label{width:200px;display:inline-block;padding:0}.container-info .input{padding:5px 10px;border-radius:4px;border:1px solid #ccc;font-size:18px;max-width:250px;margin:0;height:42px;line-height:42px}.container-info .answers{display:flex;grid-gap:10px}.question-container{font-family:PT Sans Narrow,sans-serif;font-weight:400;font-style:normal}.question-container .question-header{font-size:25px;text-align:center;padding:10px}.question-container .question{width:70%}.question-container.woman,.question-container.man{display:none}.question-container.woman.show,.question-container.man.show{display:block}.question-container .question-group{display:flex;flex-direction:row;border-radius:4px;border:1px solid #dcdcdc;background-color:#f9f9f9;box-shadow:0 4px 6px -6px #0006;padding:15px 10px;margin-bottom:10px;width:100%;justify-content:space-between;box-sizing:border-box;transition:background-color .3s ease}.question-container .question-group p{margin:0}.question-container .question-group.done{background-color:#c3e6cb}.question-container .answer-group{width:30%;display:flex;flex-direction:row;justify-content:space-around}.question-container .answer-group .answer-item{display:flex;flex:1;justify-content:center;align-content:center}.answer{padding:5px 10px;background-color:#ccc;cursor:pointer;border-radius:4px;margin:0;line-height:normal;display:inline-block;transition:background-color .3s ease;height:-moz-max-content;height:max-content}.answer.hidden,.answer input[type=radio]{display:none}.answer:hover{background-color:#5c5c5c;color:#fff}.answer:has(input:checked){background-color:#28a745;color:#fff}.label{padding:50px 0 30px}.label .label-item{display:flex;align-items:center}.label .label-item span{width:32px;height:22px;margin-right:10px;border-radius:2px}.label .label-green{background-color:#28a745}.label .label-yellow{background-color:#ff0}.label .label-red{background-color:red}.callout-success{background-color:#d4edda;padding:12px;max-width:500px;position:relative;overflow:hidden;border-radius:4px;box-shadow:0 8px 24px #5d5f6126}.callout-success:after{position:absolute;content:"";width:2px;height:100%;background-color:#000;top:0;left:0}.btn-container{margin:28px 0;display:flex;justify-content:center}.btn-submit{padding:15px 25px;border-radius:5px;background-color:#06dca3;color:#fff;cursor:pointer;transition:all .2s;font-weight:500}.btn-submit:hover{background-color:#05c492}.btn-submit:active{background-color:#04ab81}.container{max-width:1200px;display:flex;flex-direction:row;grid-gap:20px}.container .canvas-holder{position:relative;margin:auto;width:600px;height:600px;flex:1}.container .canvas-holder canvas{pointer-events:auto}.container .description{flex:1;display:flex;flex-direction:column;justify-content:center}.alert-success{background-color:#0fa55d;padding:6px 12px 6px 50px;color:#fff;width:-moz-fit-content;width:fit-content;display:none;margin:36px auto 0;font-family:PT Sans Narrow,sans-serif;position:relative}.alert-success:before{position:absolute;content:"";width:20px;height:20px;left:14px;top:9px;background:url(/build/assets/check-D2nhitqB.svg) no-repeat center/contain}.alert-success.show{display:block}footer{background-color:#323538;height:80px;display:flex;align-items:center;justify-content:center;margin-top:24px}footer .footer-content{color:#b9b9b9;font-size:14px}@media(max-width:768px){.container-info .row-fill{flex-direction:column}.container-info .answers{flex-wrap:wrap}.question-container .question-group{flex-direction:column;grid-gap:15px}.question-container .question,.question-container .answer-group{width:100%}.container{flex-direction:column}.container .canvas-holder{width:100%}}