.App{text-align:center}@font-face{font-family:toyotaType;src:url(/static/media/Toyota-Type.4a1db136bdafd5b67699.ttf)}body{background-color:#f5f5f5;font-family:toyotaType,Roboto!important;height:100vh;margin:0;overflow:hidden;width:100vw}.only-mobile{display:none}@media screen and (max-width:600px){.disappear-mobile{display:none}.only-mobile{display:block}}a.justified,b.justified,p.justified,span.justified{text-align:justify}p{margin:0}.sent-survey-container{align-items:center;display:flex;flex-direction:column;gap:50px;height:100%;justify-content:center;width:100%}.sent-survey-container>svg{max-width:350px;width:50%}.airplane{animation:wavyText 2s infinite}@keyframes wavyText{0%{transform:translate(0)}50%{transform:translateY(10px)}to{transform:translate(0)}}.generic-survey-header{height:20vh!important;width:100vw}.generic-survey-body{height:80vh;overflow-x:hidden;overflow-y:auto;width:100vw}.generic-survey-container{height:100vh;position:relative;width:100vw}.generic-survey-background{background-image:url(/static/media/kinto_emblem.504bb3b7306b23580a92.png);background-position:50%;background-repeat:no-repeat;height:100vh;left:0;opacity:.1;position:absolute;top:0;width:100vw;z-index:-1}#generic-header-container{align-items:center;background-color:#00708d;display:flex;height:100%;justify-content:center;width:100%}.generic-header-logo{height:40%!important;max-width:80vw}.survey-one-container{display:flex;justify-content:center;padding:10px}.survey-one-form{width:50%}@media screen and (max-width:1024px){.survey-one-form{width:70%}}@media screen and (max-width:768px){.survey-one-form{width:100%}}.kinto-button{font-weight:700}.survey-grade-container{display:flex;flex-flow:column;justify-content:center}.survey-grade-container>ul>li{align-items:center;border-radius:50%;color:#fff;cursor:pointer;display:flex;float:left;height:50px;justify-content:center;margin:0 10px;opacity:1;transition:opacity .3s,width .3s,height .3s,font-size .3s,outline-width .5s ease,outline-offset .5s ease;width:50px}.survey-grade-container>ul>li#grade-1,.survey-grade-container>ul>li#grade-2,.survey-grade-container>ul>li#grade-3,.survey-grade-container>ul>li#grade-4,.survey-grade-container>ul>li#grade-5,.survey-grade-container>ul>li#grade-6{background-color:#ef5a40}.survey-grade-container>ul>li#grade-7,.survey-grade-container>ul>li#grade-8{background-color:#f7ad25}.survey-grade-container>ul>li#grade-10,.survey-grade-container>ul>li#grade-9{background-color:#00a65e}.survey-grade-container>ul{align-items:center;display:flex;height:60px;justify-content:center;list-style-type:none;margin:20px 0;padding:0}.survey-grade-container ul:hover li:not(:hover){opacity:.3}.survey-grade-container ul li>span{z-index:1}.survey-grade-container ul:hover li:hover:not(.selected){font-size:150%;height:66px;opacity:1!important;outline:solid #00708d;outline-offset:-33px;outline-width:33px;width:66px}.not-selected{opacity:.3!important}.selected{font-size:150%;height:66px!important;outline:solid #00708d;outline-offset:-5px;outline-width:5px;position:relative;width:66px!important}@media screen and (max-width:1440px){.survey-grade-container>ul>li{height:45px;margin:3px;width:45px}.survey-grade-container ul:hover li:hover{height:55px;width:55px}.selected{height:55px!important;width:55px!important}}@media screen and (max-width:1024px){.survey-grade-container>ul>li{height:35px;margin:3px;width:35px}.survey-grade-container ul:hover li:hover{height:45px;width:45px}.selected{height:45px!important;width:45px!important}}@media screen and (max-width:375px){.survey-grade-container>ul>li{font-size:12px;height:25px;margin:3px;width:25px}.survey-grade-container ul:hover li:hover{height:30px;width:30px}.selected{border-width:2px!important;height:30px!important;width:30px!important}}
/*# sourceMappingURL=main.281d6750.css.map*/