body,html{height:100vh;margin:0}button{background-color:#18233a;border:1px solid #f5f5f5;border-radius:8px;color:#f5f5f5;font-size:calc(10px + 1vmin);height:2rem;_padding:.6em 2em}button:hover{border-width:3px}.App{grid-gap:0;background-color:#282c34;border:1px solid #b80fce;color:#f5f5f5;display:grid;font-size:calc(10px + 1vmin);gap:0;grid-template-areas:". h ." ". m ." ". f .";grid-template-columns:1fr 90% 1fr;grid-template-rows:10% 90% 0;height:100%;margin:0;min-height:100vh;place-content:center;text-align:center}.App-header{color:#0fce65;grid-area:h}.App-main{border-color_:red;border-style_:dashed;border-width_:.5px;background-color:#222938;grid-area:m}.App-footer{border:.5px dotted blue;color:blue;grid-area:f}.App-logo{height:40vmin;pointer-events:none}.spirale{size_:64px;transform:scale(.5)}.mainLogo{height:40px;position:absolute;right:5vw;top:10px;width:40px}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.EnterCode{grid-row-gap:20px;display:grid;grid-auto-rows:1fr;grid-template-columns:100%;grid-template-rows:minmax(100px,-webkit-max-content);grid-template-rows:minmax(100px,max-content);height:50vh;place-content:center;vertical-align:middle}.EnterCode>div{grid-row:2/3;place-self:center}.EnterCode>input{grid-row:3/4;place-self:center;text-align:center;width:36ch}.EnterCode>button{grid-row:4/5;place-self:center;width:36ch}.IntroPage p{color_:#7aa52a;margin-bottom:0;margin-top:0}.IntroPage label{font-size:calc(10px + 1vmin);font-weight:700}.IntroPage h1{_color:#7fffd4;font-weight:lighter}.IntroPage>button{margin-top:20px}.SurveyPage{grid-gap:1%;display:grid;gap:1%;grid-template-areas:". b ." ". q ." ". r ." ". c ." ". n .";grid-template-columns:1fr 90% 1fr;grid-template-rows:repeat(5,18%);height:100vh;place-content:center}.block{font-size:calc(12px + 1vmin);font-weight:700;grid-area:b;overflow:auto}.question{grid-area:q}.rating{grid-area:r}.comment{grid-area:c;overflow:hidden}.navigator{grid-area:n}.RatingSelector>button{border-radius:15px;margin-left:.5%;margin-right:.5%;padding:1px;position:relative;text-align:center;width:2rem}.RatingSelector>button:hover{border-width:3px;font-weight:700;visibility:visible}.RatingSelector>button:hover .tooltiptext{border-color:#006400;visibility:visible}.Rating_active{border-color:green;border-width:2px;color:#f5f5f5;font-weight:bolder}.Rating_inactive{color:gray;font-weight:lighter}.tooltiptext{border-bottom:1px dotted #000;bottom:-100%;color:#d3d3d3;display:inline-block;font-size:calc(5px + 1vmin);left:30%;position:absolute;visibility:hidden;white-space:nowrap}.SurveyNavigator{display:grid;grid-template-areas:". l n r ." ". b b b .";grid-template-columns:30% 1fr 1fr 1fr 30%;grid-template-rows:repeat(3,1fr)}.left{grid-area:l}.number{grid-area:n}.right{grid-area:r}.btn{grid-area:b}.CommentInput textarea{font-size:calc(10px + 1vmin);resize:none;width:100%}.modal::backdrop{background:#00000080}.modal{border:0;border-radius:.5rem;box-shadow:0 0 .5rem .25rem #0000001a;max-width:20rem;padding:2rem;position:relative}.modal-close-btn{font-size:.75em;position:absolute;right:.25em;top:.25em}.ReportPage{gap_:1%;display:grid;grid-template-areas:". s ." ". i ." ". t .";grid-template-columns:1fr 90% 1fr;grid-template-rows:repeat(3,18%);place-content:center;vertical-align:middle}.ReportPage>div{border:1px solid red}.surveySelect{grid-area:s}.surveyInfo{grid-area:i}.surveyTable{grid-area:t}.fkfb-table{border:1px solid red;line-height:inherit;text-align:left;width:100%}.-table td tr{border:1px dotted blue}.fkfb-table td:first-child{width:20%}.fkfb-block{background:#0d1527;font-size:larger}.fkfb-block,.fkfb-result{border-bottom:1px solid #ddd;column-span:all;font-weight:700}.fkfb-result{background:#18233a;font-size:medium;vertical-align:middle}.fkfb-comment-header,.fkfb-result{text-decoration:underline}.fkfb-result td.description{vertical-align:middle}.AdminPage{grid-gap:1%;display:grid;gap:1%;grid-template-areas:". h ." ". m ." ". f .";grid-template-columns:1fr 98% 1fr;grid-template-rows:10% 80% 1fr;height:100vh;place-content:top}.header{font-size:calc(12px + 1vmin);font-weight:700;grid-area:h;overflow:auto}.main{grid-area:m}.footer{grid-area:f}.survey-table-container{border-style:solid;border-width:.5px;height:50%;overflow-y:scroll;width:400px}.survey-table{line-height:inherit;margin-left:auto;margin-right:auto;text-align:left;width:100%}.ThanksPage label{font-size:calc(10px + 1vmin);font-weight:700}.ThanksPage h1{_color:#7fffd4;font-weight:lighter}.ThanksPage>button{margin-top:20px}.form-row+.form-row{margin-top:1rem}.form-row button,.form-row input,.form-row label,.form-row select{display:block;width:100%}