:root{--low: #ff766b;--mid: #e2c345;--high: #7fe181;--completed: #3b689a}.bg-text,.bg-low,.bg-mid,.bg-high{color:var(--bg)}.bg-text{background:var(--text)}.bg-low{background:var(--low)}.bg-mid{background:var(--mid)}.bg-high{background:var(--high)}.rotate-180{rotate:180deg}.survey-logo{padding:20px;grid-area:logo}.survey-content{font-size:12px;padding:15px;grid-area:content}.panel{padding:var(--s-4) var(--s-2);--h1: 30px;--h2: 20px;--h3: 16px}.form-wrap{max-width:calc(380px + var(--s-5) * 2)}.has-error{color:#ec7878}.input{padding:0 20px;border-radius:7px;line-height:60px;border:1px solid transparent;max-width:380px;background-color:var(--body);-webkit-appearance:none;-moz-appearance:none;appearance:none}.input:focus{border-color:var(--text)}.input::-moz-placeholder{color:var(--text-light);line-height:inherit;opacity:1}.input::placeholder{color:var(--text-light);line-height:inherit;opacity:1}select:not(:valid){color:var(--text-light)!important}select.input{padding-right:40px}.arrow{width:12px;aspect-ratio:1/.75}.arrow.asc{transform:rotate(180deg)}.select-arrow{top:50%;right:20px;transform:translateY(-50%)}option[value=""][disabled]{display:none}.disabled{pointer-events:none;opacity:.5}.btn-submit{min-width:140px}.btn-alt{opacity:.8}.modal{color:inherit}.modal::backdrop{background-color:#0003}.marker{width:22px;pointer-events:none}.marker-h,.marker-v{background:var(--text);border-radius:2px}.marker-h{width:100%;height:4px;transition:opacity .3s}details[open] .marker-h{opacity:0}.marker-v{width:4px;height:100%;transition:rotate .3s}details[open] .marker-v{rotate:-90deg}.progress{padding:25px 15px;bottom:0;left:0;width:100%;z-index:1}.progress-track{margin-top:7px;height:7px;border-radius:7px;background-color:var(--body)}.progress-bar{top:0;left:0;width:0;height:100%;border-radius:7px;transition:width .5s}.text-completed{color:var(--completed)}.question.completed{background-color:var(--completed);color:var(--bg)}.question.inactive{opacity:.5}.question-number{width:50px;border:3px solid var(--body);top:0;left:50%;transform:translate(-50%,-50%)}.completed .question-number{background-color:var(--completed);color:var(--bg)}.radio{--inner: 30x;--check: 6px;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--body);margin-right:15px;width:34px;border-radius:50%;cursor:pointer}.radio:after{position:absolute;top:50%;left:50%;background-color:var(--bg);width:var(--inner);height:var(--inner);border-radius:50%;transform:translate(-50%,-50%);transition:width .2s,height .2s;content:""}.radio:checked{background-color:var(--text)}.radio:checked:after{width:var(--check);height:var(--check)}.question-icon{position:absolute;bottom:-15px;left:calc(50% - 15px);width:30px;background-color:var(--high);fill:var(--body);visibility:hidden;transform:scale(.1);transition:transform .2s}.completed .question-icon{transform:none;visibility:visible}.smiley{padding:40px;width:200px;border:14px solid var(--high)}.benchmark-select{max-width:380px}.evaluation+.evaluation{border-top:3px solid var(--bg)}.evaluation-track{margin-top:calc(var(--h3) * 4);border-radius:15px;height:30px;border:9px solid var(--bg);background:linear-gradient(90deg,var(--body),var(--bg))}.summary .evaluation-track{background-image:linear-gradient(90deg,var(--low),var(--mid),var(--high))}.evaluation-bar{width:3px;height:40px;top:-14px;border-radius:10px;transform:translate(-50%)}.evaluation-number{top:calc(var(--h3) * -2);transform:translate(-50%,-50%)}.person{aspect-ratio:2/5;margin:0 3px;width:20px}.comparison-text{border-top:1px solid var(--body)}.canvas-wrap{max-width:1800px}.chart-line{width:50px;height:4px;border-radius:2px}.chart-container{width:100%;min-height:300px;height:min(50vh,500px)}.table-wrap{overflow:auto}table{min-width:100%}th,td{--pad: 8px;padding:var(--pad);border-bottom:1px solid var(--body);background:var(--bg);text-align:left}td{transition:background-color .1s}td.negative{color:var(--low)}td.positive{color:var(--high)}th{position:sticky;top:0;border-bottom-width:10px;font-weight:400;line-height:1.2;font-size:12px;vertical-align:bottom;z-index:1}th:first-child{left:0;z-index:2}tr:nth-child(odd) td{background:color-mix(in srgb,var(--bg),var(--body))}td:first-child{position:sticky;left:0;z-index:1}.th-indicator{position:absolute;bottom:0;left:var(--pad);width:calc(100% - var(--pad) * 2);height:2px}.th-indicator.negative{background:var(--low)}.th-indicator.positive{background:var(--high)}.col-sticky:after{position:absolute;top:0;right:0;width:1px;height:100%;background:var(--body);content:""}.btn-icon{width:30px}@media (min-width: 425px){.panel{padding:var(--s-5)}}@media (min-width: 768px){:root{--wrap: 700px}.survey-header{--wrap: auto}.survey-brand{margin-left:auto;flex:0 0 160px}.survey-content{min-width:250px;font-size:14px}.panel{border-radius:14px}.select-arrow{width:15px}.option{flex:1 1 0}.radio{margin:0 auto 10px}.evaluation-bar{width:7px}.evaluation-grid{grid-template-columns:1fr 1fr}.col-sticky{min-width:160px}}@media (min-width: 1024px){:root{--wrap: 920px}.panel{--h2: 26px;--h3: 18px}.question-number{border-width:5px;width:72px;font-size:26px}.radio{width:60px;--inner: 50px;--check: 8px}th,td{--pad: 10px}}@media (min-width: 1200px){.panel{--h1: 36px}.marker{width:40px}}@media (min-width: 1440px){:root{--wrap: 1080px}.panel{--h1: 40px;--h2: 30px;--h3: 20px}}@media (max-width: 767px){.survey-header{grid-template-areas:"logo brand" "content brand";grid-template-columns:1fr 1fr}.survey-brand{grid-area:brand;border-bottom-left-radius:3px}.option+.option{margin-top:10px}}@media (hover: hover){tr:hover td{background:color-mix(in srgb,var(--bg),var(--body) 20%)}}
/*# sourceMappingURL=survey.css.map */