@import"https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;0,600;0,700;1,400&display=swap";@import"https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined";:root{--hue:205;--clone-hue:300;--100:hsl(var(--hue),100%,100%);--98:hsl(var(--hue),100%,98%);--95:hsl(var(--hue),100%,95%);--90:hsl(var(--hue),100%,90%);--80:hsl(calc(var(--hue) + 2),90%,80%);--70:hsl(calc(var(--hue) + 4),90%,70%);--60:hsl(calc(var(--hue) + 6),85%,60%);--50:hsl(calc(var(--hue) + 8),80%,50%);--40:hsl(calc(var(--hue) + 10),80%,40%);--30:hsl(calc(var(--hue) + 12),75%,30%);--20:hsl(calc(var(--hue) + 12),75%,20%);--10:hsl(calc(var(--hue) + 12),75%,10%);--00:hsl(calc(var(--hue) + 12),75%,3%);--98grey:hsl(var(--hue),15%,98%);--95grey:hsl(var(--hue),15%,95%);--90grey:hsl(var(--hue),15%,90%);--80grey:hsl(calc(var(--hue) + 4),10%,80%);--70grey:hsl(calc(var(--hue) + 4),10%,70%);--60grey:hsl(calc(var(--hue) + 4),10%,60%);--50grey:hsl(calc(var(--hue) + 4),10%,50%);--30grey:hsl(calc(var(--hue) + 4),10%,30%);color:var(--30);--font-size: 16px;--line-height: 1.4142em;--active-color:var(--70);--border-color: var(--90);--shadow:0 0 2px var(--98), 0 1px 1px var(--95);--shadow-raised:0 0 4px 2px var(--98), 0 2px 2px 1px var(--95);--shadow-modal:0 4px 12px hsla(var(--hue),20%,80%,.3),0 1px 1px var(--90),0 0 0 1px var(--95);--panel-width: 16em;--pad: 1.4142rem;--pad-double: 2.8284rem;--pad-half: calc(var(--pad)*.5);--top-bar-height: calc(var(--pad)*2);--pad-tiny: calc(var(--pad)/7) calc(var(--pad)/5);--border-radius:2px;--connector-height: var(--pad-double);--connector-top-height: var(--pad-double);--connector-width: 0px;--connector-border-width: 1px;--img-max-width:32rem;--img-max-height:22.6274rem}.clone{--hue: var(--clone-hue);--100:hsl(var(--hue),100%,100%);--98:hsl(var(--hue),100%,98%);--95:hsl(var(--hue),100%,95%);--90:hsl(var(--hue),100%,90%);--80:hsl(calc(var(--hue) + 2),90%,80%);--70:hsl(calc(var(--hue) + 4),90%,70%);--60:hsl(calc(var(--hue) + 6),85%,60%);--50:hsl(calc(var(--hue) + 8),80%,50%);--40:hsl(calc(var(--hue) + 10),80%,40%);--30:hsl(calc(var(--hue) + 12),75%,30%);--20:hsl(calc(var(--hue) + 12),75%,20%);--10:hsl(calc(var(--hue) + 12),75%,10%);--00:hsl(calc(var(--hue) + 12),75%,3%);--98grey:hsl(var(--hue),15%,98%);--95grey:hsl(var(--hue),15%,95%);--80grey:hsl(calc(var(--hue) + 4),10%,80%);--70grey:hsl(calc(var(--hue) + 4),10%,70%);--50grey:hsl(calc(var(--hue) + 4),10%,50%);--30grey:hsl(calc(var(--hue) + 4),10%,30%);--active-color:var(--70);--border-color: var(--90);--shadow:0 0 2px var(--98), 0 1px 1px var(--95);--shadow-raised:0 0 4px 2px var(--98), 0 2px 2px 1px var(--95);color:var(--30)}.active{box-shadow:0 0 0 1px var(--active-color)}.marked{box-shadow:0 0 2px 1px var(--40)}html,body{background-color:var(--98);height:100%;font-size:var(--font-size);line-height:var(--line-height)}body{margin:0;font-family:Source Sans Pro,Helvetica,Arial,sans-serif;color:var(--30);--zoom: 1}h1,h2,h3,h4,h5,h6{padding:0;margin:0}a{color:var(--50)}.logo{margin:var(--pad);max-height:2em}app-panel{display:block;position:relative;height:100%}app-question{display:block;margin:var(--connector-height) 0 0;position:relative}.answers-box app-answer{display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start;margin:0 var(--pad-half);position:relative}.dragToScroll{cursor:grab}app-answer:hover>app-connector .connector,.answer:hover .connector,.active .connector,app-answer:hover>app-question:before{--border-color: var(--70);--connector-border-width: 2px;z-index:3}textarea{font:1em/1.2021 Source Sans Pro,Helvetica,Arial,sans-serif;color:inherit;border:1px solid var(--95);resize:none;overflow:auto;width:100%;box-sizing:border-box;padding:1px 3px;border-radius:var(--border-radius);position:relative}textarea:hover{outline:var(--95) auto 1px;resize:vertical}textarea:active,textarea:focus{outline-color:var(--active-color)}textarea::placeholder{color:var(--90)}.input-container{position:relative}.small-input.full-width{width:100%;max-width:100%;padding:.6em .8em;box-sizing:border-box;box-shadow:none}.input-container mat-icon{position:absolute;right:.2em;top:50%;transform:translateY(-50%);color:var( --80)}.text-box{position:absolute;font-size:var(--font-size);line-height:1;transform:translateY(-50%);top:50%;width:100%;outline:none;word-break:keep-all;max-height:2em;box-sizing:border-box;padding:1px 3px;overflow:hidden}.text-box:hover{max-height:none}.header{top:0;left:120px;padding-right:132px;padding-left:132px;width:calc(100% - 252px);line-height:24px}.header h1,.header h6{font-size:xx-large;display:table-cell;vertical-align:middle;height:64px}.header h1{padding-right:16px;white-space:nowrap}.header-fixed{position:fixed;top:0;left:120px;padding-right:132px;padding-left:132px;width:calc(100% - 252px);line-height:24px}.fa1-upload-container{position:relative;height:3em;display:flex;align-items:center}button,.button{padding:var(--pad-tiny);border-radius:var(--border-radius);border:2px solid;white-space:nowrap;display:inline-block;cursor:pointer;font-weight:700;font-size:smaller;letter-spacing:.02em;text-transform:uppercase;box-shadow:none;transition:all .4s}button:hover,.button:hover{box-shadow:0 1px 2px 1px hsla(var(--hue),70%,20%,.2)}.button mat-icon.mat-icon{font-size:1.7em;line-height:0;height:.5em;margin-right:calc(var(--pad) * .3);width:1em;transform:translateY(.3em)}table{width:100%}.mat-tooltip.tooltip{font-size:16px}.mat-progress-bar{width:100px}.mat-accent .mat-slider-track-fill,.mat-accent .mat-slider-thumb,.mat-accent .mat-slider-thumb-label{background-color:hsl(var(--fa1-hue),100%,50%)}label{display:block;font-size:.7071em;line-height:1;letter-spacing:.02em;text-transform:uppercase;color:var(--80)}.center-modal{margin:var(--pad-double) auto;max-width:calc(22.62741em - var(--pad) * 4);text-align:center;padding:var(--pad);border-radius:var(--border-radius);border:1px solid var(--border-color);background-color:var(--100)}.center-modal h2{margin:var(--pad) auto var(--pad-double)}.center-modal button{padding:var(--pad-half) var(--pad);color:var(--30);background-color:var(--95);margin:0 var(--pad) var(--pad);width:calc(100% - var(--pad) * 2)}.center-modal button:disabled{color:var(--60grey);border-color:var(--80grey);background-color:var(--98grey)}.center-modal.tight-view .mat-form-field{margin:0 var(--pad)}label input,label .mat-input-element{color:var(--30)}.mat-form-field{font:inherit;color:inherit;margin:var(--pad-double) var(--pad)}.mat-form-field label{font-size:inherit}.mat-form-field-appearance-legacy .mat-form-field-underline{background-color:var(--border-color)}.mat-form-field-appearance-legacy .mat-form-field-label{color:var(--80)}div.mat-form-field-flex{align-items:flex-end}.mat-form-field-prefix,.mat-form-field-suffix{margin-right:var(--pad-half)}.mat-error{line-height:1}.info-bar{margin:var(--pad-half) var(--pad) var(--pad-double)}.info-bar-text{margin-bottom:var(--pad-half);color:#fff;background-color:var(--60);font-weight:400;border-radius:var(--border-radius);line-height:2}.info-bar-text.warn{background-color:#d65c70}.shake{animation:shake .3s ease-in-out}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-.5em)}50%{transform:translate(.5em)}75%{transform:translate(-.5em)}to{transform:translate(0)}}.small-input,select{position:relative;display:inline-block;border:none;border-bottom:1px solid var(--70);font-family:inherit;color:inherit;outline:none;font-weight:700;font-size:small;letter-spacing:.02em;margin-right:.4em;min-height:calc(var(--pad)*1.1);background-color:var(--98);border-radius:2px 2px 0 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 .5em;cursor:pointer}select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;padding:0}.small-input{font-weight:inherit;letter-spacing:0;margin:0;padding:var(--pad-tiny);color:var(--30);box-sizing:border-box;max-width:8em;cursor:text}.small-input::placeholder{color:var(--80)}ul{padding:0 0 0 var(--pad);margin:0}.top-bar .mat-tab-header{border:none;border-right:1px solid var(--20)}.top-bar .mat-tab-link{height:var(--top-bar-height);color:var(--active-color);padding:0;min-width:125px;font-weight:400;font-size:small;letter-spacing:.01em;text-transform:uppercase;transition:all .5s}.top-bar .mat-tab-link:focus:not(.mat-tab-label-active){opacity:.6!important}.top-bar .mat-tab-label-active{opacity:1;--active-color: var(--90)}.top-bar .mat-tab-link .mat-icon{margin-right:.3em}.top-bar .mat-tab-nav-bar.mat-primary .mat-ink-bar{background-color:var(--active-color);height:3px}.top-bar .mat-ripple-element{display:none}.top-bar-icon,.panel-icon{position:relative}.top-bar-popup{color:var(--active-color);position:absolute;padding:var(--pad-tiny);background-color:var(--00);bottom:calc(var(--pad) * -1.4);line-height:1.2;font-size:.7em;text-transform:uppercase;letter-spacing:.02em;font-weight:700;white-space:nowrap;left:50%;transform:translate(-50%);pointer-events:none;border-radius:var(--border-radius);opacity:0;transition:opacity .5s;z-index:10}.dropdown:before,.top-bar-popup:before{content:"";position:absolute;left:50%;transform:translate(-50%);--size: calc(var(--pad) * .4);top:calc(var(--size) * -1);border-left:var(--size) solid transparent;border-right:var(--size) solid transparent;border-bottom:var(--size) solid var(--00);z-index:5}.dropdown.showMenu:before,.old-history:hover,.top-bar-icon:hover:after,.top-bar-icon:hover .top-bar-popup,.panel-icon:hover .top-bar-popup{opacity:1}.backdrop,app-confirmation-dialog{position:fixed;left:0;right:0;top:0;bottom:0;background-color:hsla(var(--hue),70%,7%,.2);pointer-events:none;opacity:0;z-index:6;transition:opacity .5s}.show-backdrop .backdrop,.show-backdrop.backdrop,.show-backdrop app-confirmation-dialog{opacity:1;pointer-events:initial}app-connector{pointer-events:none}.connector{position:absolute;--reverse: -1;--direction: 1;margin-top:calc(var(--connector-height) / 2 - var(--connector-border-width));height:calc(var(--connector-height) / 2);width:var(--connector-width);transform:translate(calc(100% * var(--reverse))) scaleX(var(--direction));left:50%;border-top:var(--connector-border-width) solid var(--border-color);border-right:var(--connector-border-width) solid var(--border-color)}.connector:before{content:"";position:absolute;left:0;top:calc(var(--connector-height) * -.5);height:calc(var(--connector-height) / 2);border-right:var(--connector-border-width) solid var(--border-color)}.connector.connector-left-side:before{left:inherit;right:0}.connectorAnchor{width:100%;margin:var(--connector-height) 0 0}.connector.nextQuestion{height:calc(var(--connector-top-height) * 1px - var(--connector-height) / 2);transform:translate(calc(100% * var(--reverse))) scale(var(--direction),-1)}.activeLink{--connector-border-width: 2px;--border-color: var(--70)}app-input{display:block;width:100%}.panel-section{padding:1em;border-bottom:1px solid var(--95)}.panel-sub-section{margin-bottom:var(--pad)}.panel-section-headline{font-weight:700;font-size:small;margin-bottom:calc(var(--pad) / 4);cursor:default}.panel-section-headline.disallowed{color:var(--50grey)}.panel-icon-wrap{display:flex}.panel-icon{margin-left:var(--pad-half);border:1px solid transparent;height:var(--pad);width:var(--pad);border-radius:var(--border-radius);background-color:var(--100);line-height:var(--pad);text-align:center;cursor:pointer;transition:all .3s}.panel-icon:hover{background-color:var(--95)}.panel-section-headline:hover .panel-icon{border-color:var(--90)}.panel-section-headline .panel-icon:hover{background-color:var(--90)}.headline-text{display:flex;align-items:center}.panel-section-headline label{font-weight:400}.popup-tag{position:absolute;display:none;font-size:smaller;transform:translateY(calc(var(--pad)* -1));padding:var(--pad-tiny);background-color:var(--10);color:var(--80);white-space:nowrap}.panel-section:hover .popup-tag{display:block}.text-icon-right{display:flex;justify-content:space-between;align-items:center;line-height:1;padding:1px 3px}.editable{cursor:pointer}.editable:hover{outline:var(--95) auto 1px}.editable:focus{outline-color:var(--active-color)}div.fa1-option.noImg div.image-box{min-height:0}div.fa1-option.noImg div.image-box img{display:none}app-modal{position:absolute;right:var(--pad);width:200px;background:var(--100);margin-top:calc(var(--pad-double) * -1);padding:0 4px var(--pad-half);box-shadow:var(--shadow-modal);border-radius:var(--border-radius);max-height:50vh;z-index:3;overflow:hidden}app-modal:hover{overflow:auto}.filter-text{padding-right:var(--pad)}.INPUT>.answers-box app-answer app-connector:first-child,.INPUT>.answers-box app-answer app-connector:first-child .connector,.INPUT>.answers-box app-answer .connectorAnchor{margin:0;height:0}.INPUT>.answers-box app-connector:first-child .connector:before{display:none}.INPUT>.answers-box app-answer .answer{border-radius:2px 2px var(--pad-half) var(--pad-half);margin-top:-1px}.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb{background-color:var(--20)}.mat-slide-toggle.mat-checked .mat-slide-toggle-bar{background-color:var(--40)}.mat-slide-toggle-thumb{background-color:var(--50grey)}.mat-slide-toggle-bar{background-color:var(--70grey)}app-highchart{display:block;overflow:visible!important;width:100%!important}.cdk-drag.cdk-drag-preview{height:var(--pad);background-color:var(--active-color);box-shadow:0 0 3px var(--active-color);opacity:.3}.cdk-drop-list-dragging{background-color:var(--active-color)}.requirement{width:var(--panel-width)}app-item-value{position:relative}.add-new-value{opacity:0}app-item-value:hover .item-value{opacity:1}.collapsable{max-height:calc(var(--pad-double) * 1.3);overflow:hidden;transition:max-height .3s}div.collapsable.expanded{max-height:1000vh}app-tag-selection{position:absolute;display:block;max-width:1024px;background-color:var(--100);border-radius:var(--border-radius);box-shadow:var(--shadow-modal);z-index:5}.very-bad{--active-color: var(--70grey)}.bad{--active-color: var(--60grey)}.good{--active-color: var(--40)}.very-good{--active-color: var(--30)}app-rating{display:inline-block;position:relative;width:calc(var(--pad) * .7);height:calc(var(--pad) * .7);border:1px solid var(--60);border-radius:var(--border-radius)}app-rating.no-border{border:none}app-tag{display:inline-block;margin:var(--pad-tiny)}app-template{position:absolute;padding:var(--pad);top:calc(var(--top-bar-height) * 2);left:50%;transform:translate(-50%);border-radius:var(--border-radius);background-color:var( --100);box-shadow:var( --shadow-modal);z-index:6}.template-container .item-value{pointer-events:none}.template-container app-element{filter:grayscale(.8);cursor:move}.template-container .requirement-rule,.template-container .requirement.noMatch,.template-container .requirements label,.template-container .requirement.unknown{display:none}.template-container .image-box,.template-container a{pointer-events:none}.template-container .element-list a{margin:0 auto}.element-list .fa1-ele{background-color:var(--95grey);border-radius:var(--border-radius)}.element-list app-element:hover .fa1-ele{background-color:var(--90grey)}app-appearance{position:fixed;padding:0 var(--pad) var(--pad);right:calc(var(--panel-width) * .93);top:calc(var(--top-bar-height) + var(--pad));max-height:calc(100vh - var(--top-bar-height) - var(--pad-double));max-width:calc(var(--panel-width) * 1.3);box-shadow:var(--shadow-modal);background-color:var(--100);overflow:auto;font-size:.7071em;--pad: 1em;--pad-half: .5em;z-index:6}app-image.icon .image{background-size:50%}
