{"version":3,"sources":["sequel-survey/css/survey.scss"],"names":[],"mappings":"AAAA;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;;AAIF;EACI;EACA;EACA;EACH;EACA;EACA;EACA;EACA;EACG;EACA;EACH;;AAEA;EAbD;IAcE;IACA;;;AAGD;AAAA;EAEC;;AAED;EACC;EACA;EACA;;AAEC;EACC;EACA;EACA;;AAEA;EACC;EACA;;AACA;EACC;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAdD;IAeE;IACA;;;AAKA;EACC;EACA;;AAEA;EAJD;IAKE;;;AAIF;EACC;EACA;;AACA;EACC;;AAGD;EACC;EACA;EACA;;AAEA;EALD;IAME;IACA;IACA;;;AAOJ;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAKD;EACC;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;;AAMF;EACC;EACA;EACA;;AAEA;EACC;;AAkBD;EACC;;AAKH;EACC;EACA;;AAEA;EACC;EACA;EACA;;AAGD;EACC;;AAcF;EACC;;AAIA;EACC;EACA;EACA;EACA;;AAKD;EACC;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKD;EACC;EACA;;AACA;EACC;;AAKH;EACC;;AAGD;EACC;EACA;;AAQA;EACC;;AAOH;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAfD;IAgBE;IACA;IACA;IACA;;;AAGD;EACC;EACA;;AAEA;EAJD;IAKE;;;AAIF;EACC;EACA;;AAEA;EACC;EACA;EACA;;AAIF;EACC;EACA;EACA;EACA;EACA;;AAEA;EAPD;IAQE;IACA;;;AAKF;EACC;EACA;EACA;EACA;EACA;;AAIA;EADD;IAEE;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EATD;IAUE;;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAEA;EAPD;IAQE;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAMA;EACC;EACA;EACA;;AAKJ;EACC;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AACA;EACC;EACA;EACA;EACA;;AAMF;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAGD;EACC;;AAIF;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAGA;EACC;EACA;;AAYJ;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAGD;EACC;;AAIF;EACC;;AAOJ;EACC;EACA;;;AASF;AAAA;EAEC;;AAIF;EACC;;;AAKD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;;AAEC;EACC;EACA;;AAEA;EACC;;AAEA;EACC;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;;AAGD;EACC;;AAGD;EACC;EACA;EACA;EACA;;AAEA;EAND;IAOE;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAOD;EACC;EACA;;AAGC;EACC;;AAED;EACC;EACA;;AAGD;EACC;;AAIA;EACA;EACA;EACA;;AAEA;EACC;;AAUL;EACC;;AAGD;EACC;EACA;EACA;EACA;;AAOJ;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAIF;AAAA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACC;;AAKF;EACC;;;AAQF;EACC;;AAGD;EACC;;;AAQA;EACC;;;AAMJ;EACC;EACA;EACA;EACA;EACA;EACA;EACG;;AAEH;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAVD;IAWE;;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAEA;EAPD;IAQE;;;AAGD;EACC;EACA;;AAEA;EAJD;IAKE;;;AAGD;EACC;EACA;;AAKH;EACC;;AAEA;EACC;EACA;EACA;EACA;;;AAOJ;EACC;;;AAIA;EACC;;AAGD;EACC;;;AAIF;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC","file":"survey.css","sourcesContent":["html,body  {\n\tmargin: 0;\n}\n\n.logo-sequel {\n\tposition: absolute;\n\tmargin: 0 auto;\n\ttop: 20px;\n\tleft: 50%;\n\tmargin-left: -68px;\n\tdisplay: none;\n\n\timg {\n\t\theight: 25px;\n\t}\n}\n\n.survey-container {\n    font-size: 1rem;\n    min-height: 100vh;\n    margin: auto;\n\tbackground-image: url('../assets/images/background.png');\n\tbackground-position: top right;\n\tbackground-repeat: no-repeat;\n\tbackground-size: 70%;\n\tdisplay: flex;\n    justify-content: center;\n    align-items: center;\n\twidth: 100%;\n\n\t@media only screen and (max-width: 650px) {\n\t\talign-items: flex-start;\n\t\tpadding-top: 40px;\n\t}\n\t\n\t.qnumber,\n\t.form-nav {\n\t\tdisplay: none;\n\t}\n\t.survey-contents {\n\t\twidth: 1200px;\n\t\tmax-width: 100%;\n\t\tmargin: 0 auto;\n\t\t#survey {\n\t\t\tol.the-survey {\n\t\t\t\tlist-style-type: none;\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 0;\n\n\t\t\t\tli {\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\tmargin-bottom: 20px;\n\t\t\t\t\t&::before {\n\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t.question-container {\n\t\t\t\t\t\tbackground-image: url('../assets/images/bubble-frame.png');\n\t\t\t\t\t\tbackground-repeat: no-repeat;\n\t\t\t\t\t\twidth: 600px;\n\t\t\t\t\t\theight: 600px;\n\t\t\t\t\t\tmax-width: 100%;\n\t\t\t\t\t\tbackground-position: center;\n\t\t\t\t\t\tpadding: 10px;\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\tflex-direction: column;\n\t\t\t\t\t\tjustify-content: center;\n\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\tmargin: 0 auto;\n\n\t\t\t\t\t\t@media only screen and (max-width: 650px) {\n\t\t\t\t\t\t\tbackground-image: none;\n\t\t\t\t\t\t\theight: auto;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t&.question-container--block {\n\t\t\t\t\t\t\t.emo-logo {\n\t\t\t\t\t\t\t\tmax-width: 140px;\n\t\t\t\t\t\t\t\tmargin-top: -60px;\n\n\t\t\t\t\t\t\t\t@media only screen and (max-width: 650px) {\n\t\t\t\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.emo-title {\n\t\t\t\t\t\t\t\twidth: 300px;\n\t\t\t\t\t\t\t\tmargin-top: 35px;\n\t\t\t\t\t\t\t\th4 {\n\t\t\t\t\t\t\t\t\tfont-size: 22px;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\th3 {\n\t\t\t\t\t\t\t\t\tfont-size: 60px;\n\t\t\t\t\t\t\t\t\tline-height: 60px;\n\t\t\t\t\t\t\t\t\tmargin-bottom: 40px;\n\n\t\t\t\t\t\t\t\t\t@media only screen and (max-width: 650px) {\n\t\t\t\t\t\t\t\t\t\tfont-size: 46px;\n\t\t\t\t\t\t\t\t\t\tline-height: 50px;\n\t\t\t\t\t\t\t\t\t\tmargin-bottom: 40px;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.question {\n\t\t\t\t\t\t\ttext-align: center;\n\t\t\t\t\t\t\twidth: 300px;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\th3 {\n\t\t\t\t\t\t\tfont-size: 70px;\n\t\t\t\t\t\t\tfont-weight: bold;\n\t\t\t\t\t\t\tcolor: #3F3F3F;\n\t\t\t\t\t\t\tmargin-bottom: 5px;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\th4 {\n\t\t\t\t\t\t\tcolor: #702476;\n\t\t\t\t\t\t\tfont-weight: 400;\n\t\t\t\t\t\t\tletter-spacing: 1px;\n\t\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\t\ttext-align: left;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&.credentials {\n\t\t\t\t\t\t.credentials-inputs {\n\t\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\t\tflex-direction: column;\n\t\t\t\t\t\t\tmax-width: 400px;\n\t\t\t\t\t\t\tmargin: 0 auto;\n\t\t\t\t\t\t\tinput {\n\t\t\t\t\t\t\t\tborder-radius: 23px 23px 23px 23px;\n\t\t\t\t\t\t\t\theight: 50px;\n\t\t\t\t\t\t\t\tfont-size: 20px;\n\t\t\t\t\t\t\t\tborder: 1px solid #702476;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t&.emoji,\n\t\t\t\t\t&.score {\n\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\tfloat: left;\n\t\t\t\t\t\t\twidth: 20%;\n\n\t\t\t\t\t\t\tinput {\n\t\t\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t}\n\t\t\t\t\t\t// .checked {\n\t\t\t\t\t\t// \tlabel {\n\t\t\t\t\t\t// \t\toutline: none;\n\t\t\t\t\t\t// \t\t-webkit-text-stroke: 3px #ff9900;\n\t\t\t\t\t\t// \t\tcolor: #004488;\n\t\t\t\t\t\t// \t\ttext-shadow: 3px 3px 0 #ff9900, \n\t\t\t\t\t\t// \t\t-3px -3px 0 #ff9900, \n\t\t\t\t\t\t// \t\t3px -3px 0 #ff9900, \n\t\t\t\t\t\t// \t\t-3px 3px 0 #ff9900, \n\t\t\t\t\t\t// \t\t3px 3px 0 #ff9900;\n\n\t\t\t\t\t\t// \t}\n\t\t\t\t\t\t// }\n\t\t\t\t\t\tlabel {\t\t\t    \t\n\t\t\t\t\t\t\t&:active {\n\t\t\t\t\t\t\t\toutline: none;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tlabel {\n\t\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t\tdisplay: block;\n\n\t\t\t\t\t\t&.question {\n\t\t\t\t\t\t\ttext-align: left;\n\t\t\t\t\t\t\tfont-size: 0.8em;\n\t\t\t\t\t\t\tmargin-bottom: 1em;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tp {\n\t\t\t\t\t\t\tmargin-bottom: 10px;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// &:active {\n\t\t\t\t\t\t// \toutline: 3px solid #ff9900;\n\t\t\t\t\t\t// }\n\t\t\t\t\t}\n\n\t\t\t\t\t// .checked {\n\t\t\t\t\t// \tlabel {\n\t\t\t\t\t// \t\toutline: 3px solid #ff9900;\n\t\t\t\t\t// \t}\n\t\t\t\t\t// }\n\n\t\t\t\t\t.question-image {\n\t\t\t\t\t\theight: 150px;\n\t\t\t\t\t}\n\n\t\t\t\t\t&.text {\n\t\t\t\t\t\ttextarea {\n\t\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\t\tbox-sizing: border-box;\n\t\t\t\t\t\t\tborder: 1px solid #333;\n\t\t\t\t\t\t\tmin-height: 100px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&.multiple {\n\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\tfont-size: 0.9em;\n\t\t\t\t\t\t\tpadding: 5px;\n\t\t\t\t\t\t\tfont-weight: normal;\n\n\t\t\t\t\t\t\tinput:checked + label {\n\t\t\t\t\t\t\t\tcolor: #666;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tlabel {\n\t\t\t\t\t\t\t\tpadding: 20px;\n\t\t\t\t\t\t\t\t.fa-circle {\n\t\t\t\t\t\t\t\t\tvertical-align: middle;\n\t\t\t\t\t\t\t\t\tbackground-position: center;\n\t\t\t\t\t\t\t\t\tbackground-repeat: no-repeat;\n\t\t\t\t\t\t\t\t\twidth: 32px;\n\t\t\t\t\t\t\t\t\theight: 32px;\n\t\t\t\t\t\t\t\t\tbackground-image: url('../assets/images/checkbox-unchecked.png');\n\t\t\t\t\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\t\t\t\t\tmargin: 0 20px 0 0;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&.checked {\n\t\t\t\t\t\t\t\tlabel {\n\t\t\t\t\t\t\t\t\tcolor: #666;\n\t\t\t\t\t\t\t\t\tbackground: #eee;\n\t\t\t\t\t\t\t\t\t.fa-circle {\n\t\t\t\t\t\t\t\t\t\tbackground-image: url('../assets/images/checkbox-checked.png');\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tinput {\n\t\t\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tselect {\n\t\t\t\t\t\t\t\tpadding: 0 20px;\n\t\t\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&.group {\n\t\t\t\t\t\t.group-table {\n\t\t\t\t\t\t\ttable {\n\t\t\t\t\t\t\t\tlabel {\n\t\t\t\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&.emoji {\n\t\t\t\t\t\t.question-container {\n\t\t\t\t\t\t\tbackground-image: url('../assets/images/bubble-frame.png');\n\t\t\t\t\t\t\tbackground-repeat: no-repeat;\n\t\t\t\t\t\t\twidth: 600px;\n\t\t\t\t\t\t\theight: 600px;\n\t\t\t\t\t\t\tbackground-position: center;\n\t\t\t\t\t\t\tpadding: 10px;\n\t\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\t\tflex-direction: column;\n\t\t\t\t\t\t\tjustify-content: center;\n\t\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\t\tmargin: 0 auto;\n\t\t\t\t\t\t\tposition: relative;\n\t\t\t\t\t\t\tbox-sizing: border-box;\n\n\t\t\t\t\t\t\t@media only screen and (max-width: 650px) {\n\t\t\t\t\t\t\t\tbackground-image: none;\n\t\t\t\t\t\t\t\tpadding: 0;\n\t\t\t\t\t\t\t\theight: auto;\n\t\t\t\t\t\t\t\tmargin-bottom: 50px;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\timg {\n\t\t\t\t\t\t\t\tmax-width: 140px;\n\t\t\t\t\t\t\t\tmargin-top: -60px;\n\n\t\t\t\t\t\t\t\t@media only screen and (max-width: 650px) {\n\t\t\t\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\n\t\t\t\t\t\t\t.question {\n\t\t\t\t\t\t\t\ttext-align: center;\n\t\t\t\t\t\t\t\twidth: 300px;\n\n\t\t\t\t\t\t\t\tp {\n\t\t\t\t\t\t\t\t\tline-height: 26px;\n\t\t\t\t\t\t\t\t\tfont-size: 20px;\n\t\t\t\t\t\t\t\t\tfont-weight: 400;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\n\t\t\t\t\t\t\th3 {\n\t\t\t\t\t\t\t\tfont-size: 60px;\n\t\t\t\t\t\t\t\tfont-weight: bold;\n\t\t\t\t\t\t\t\tcolor: #3F3F3F;\n\t\t\t\t\t\t\t\tmargin: 20px 0;\n\t\t\t\t\t\t\t\tline-height: 70px;\n\n\t\t\t\t\t\t\t\t@media only screen and (max-width: 650px) {\n\t\t\t\t\t\t\t\t\tfont-size: 40px;\n\t\t\t\t\t\t\t\t\tline-height: 42px;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t}\n\t\n\t\t\t\t\t\t\th4 {\n\t\t\t\t\t\t\t\tcolor: #702476;\n\t\t\t\t\t\t\t\tfont-weight: 100;\n\t\t\t\t\t\t\t\tletter-spacing: 2px;\n\t\t\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\t\t\ttext-align: left;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.emo-options {\n\t\t\t\t\t\t\t\t@media only screen and (max-width: 650px) {\n\t\t\t\t\t\t\t\t\tmargin: 0 -10px;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\t\t\t\tfloat: left;\n\t\t\t\t\t\t\t\t\twidth: 75px;\n\t\t\t\t\t\t\t\t\tjustify-content: center;\n\t\t\t\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\t\t\t\tflex-direction: column;\n\t\t\t\t\t\t\t\t\ttext-align: center;\n\n\t\t\t\t\t\t\t\t\t@media only screen and (max-width: 650px) {\n\t\t\t\t\t\t\t\t\t\twidth: 70px;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t&.no-data {\n\t\t\t\t\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\t\t\t\t\tbottom: 70px;\n\t\t\t\t\t\t\t\t\t\twidth: auto;\n\t\t\t\t\t\t\t\t\t\tleft: 0;\n\t\t\t\t\t\t\t\t\t\tright: 0;\n\n\t\t\t\t\t\t\t\t\t\t@media only screen and (max-width: 650px) {\n\t\t\t\t\t\t\t\t\t\t\tbottom: -40px;\n\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\tlabel {\n\t\t\t\t\t\t\t\t\t\t\ttext-indent: 0;\n\t\t\t\t\t\t\t\t\t\t\ttext-shadow: none;\n\t\t\t\t\t\t\t\t\t\t\tcolor: #3F3F3F;\n\t\t\t\t\t\t\t\t\t\t\twidth: auto;\n\t\t\t\t\t\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\t\t\t\t\t\theight: auto;\n\t\t\t\t\t\t\t\t\t\t\tbackground: #3F3F3F;\n\t\t\t\t\t\t\t\t\t\t\tpadding: 4px 50px;\n\t\t\t\t\t\t\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\t\t\t\t\t\t\tborder-radius: 20px;\n\t\t\t\t\t\t\t\t\t\t\tposition: relative;\n\n\t\t\t\t\t\t\t\t\t\t\t&::after {\n\t\t\t\t\t\t\t\t\t\t\t\tcontent: '';\n\t\t\t\t\t\t\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\t\t\t\t\t\t\tleft: 0;\n\t\t\t\t\t\t\t\t\t\t\t\ttop: 0;\n\t\t\t\t\t\t\t\t\t\t\t\tbottom: 0;\n\t\t\t\t\t\t\t\t\t\t\t\twidth: 20px;\n\t\t\t\t\t\t\t\t\t\t\t\tbackground-color: orange;\n\t\t\t\t\t\t\t\t\t\t\t\tborder-radius: 20px 0 0 20px;\n\t\t\t\t\t\t\t\t\t\t\t\ttransition: 0.3s;\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t} \n\n\t\t\t\t\t\t\t\t\t\t&.checked {\n\t\t\t\t\t\t\t\t\t\t\tlabel {\n\t\t\t\t\t\t\t\t\t\t\t\t&::after {\n\t\t\t\t\t\t\t\t\t\t\t\t\tright: 0;\n\t\t\t\t\t\t\t\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\t\t\t\t\t\t\t\tborder-radius: 20px;\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tlabel {\n\t\t\t\t\t\t\t\t\t\twidth: 70px;\n\t\t\t\t\t\t\t\t\t\theight: 70px;\n\t\t\t\t\t\t\t\t\t\tbackground-repeat: no-repeat;\n\t\t\t\t\t\t\t\t\t\ttext-indent: -9999px;\n\t\t\t\t\t\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\t\t\t\t\t\tbackground-image: url('../assets/images/spritesheet.png');\n\t\t\n\t\t\t\t\t\t\t\t\t\t&.v5 {\n\t\t\t\t\t\t\t\t\t\t\tbackground-position: -5px -165px;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t&.v4 {\n\t\t\t\t\t\t\t\t\t\t\tbackground-position: -245px -5px;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t&.v3 {\n\t\t\t\t\t\t\t\t\t\t\tbackground-position: -85px -165px;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t&.v2 {\n\t\t\t\t\t\t\t\t\t\t\tbackground-position: -165px -165px;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t&.v1 {\n\t\t\t\t\t\t\t\t\t\t\tbackground-position: -165px -85px;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t&.v0 {\n\t\t\t\t\t\t\t\t\t\t\tbackground-image: none;\t\t\n\t\t\t\t\t\t\t\t\t\t\t&::before {\n\t\t\t\t\t\t\t\t\t\t\t\tcontent: \"We don't have the data\";\n\t\t\t\t\t\t\t\t\t\t\t\tcolor: white;\n\t\t\t\t\t\t\t\t\t\t\t\tz-index: 1;\n\t\t\t\t\t\t\t\t\t\t\t\tposition: relative;\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\n\t\t\t\t\t\t\t\t\tinput {\n\t\t\t\t\t\t\t\t\t\t&.v5:checked + label {\n\t\t\t\t\t\t\t\t\t\t\tbackground-position: -85px -5px;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t&.v4:checked + label {\n\t\t\t\t\t\t\t\t\t\t\tbackground-position: -85px -85px;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t&.v3:checked + label {\n\t\t\t\t\t\t\t\t\t\t\tbackground-position: -165px -5px;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t&.v3:checked + label {\n\t\t\t\t\t\t\t\t\t\t\tbackground-position: -5px -85px;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t&.v1:checked + label {\n\t\t\t\t\t\t\t\t\t\t\tbackground-position: -5px -5px;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t&.v0 {\n\t\t\t\t\t\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t&.checked label.v5 {\n\t\t\t\t\t\t\t\t\t\tbackground-position: -85px -5px;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t&.checked label.v4 {\n\t\t\t\t\t\t\t\t\t\tbackground-position: -85px -85px;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t&.checked label.v3 {\n\t\t\t\t\t\t\t\t\t\tbackground-position: -165px -5px;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t&.checked label.v2 {\n\t\t\t\t\t\t\t\t\t\tbackground-position: -5px -85px;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t&.checked label.v1 {\n\t\t\t\t\t\t\t\t\t\tbackground-position: -5px -5px;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t&.checked label.v0 {\n\t\t\t\t\t\t\t\t\t\t&::before {\n\t\t\t\t\t\t\t\t\t\t\tz-index: 1;\n\t\t\t\t\t\t\t\t\t\t\tposition: relative;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t}\n\n\t\t\t\t\t&.score {\n\n\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\tlabel {\n\t\t\t\t\t\t\t\ttext-indent: -9999px;\n\t\t\t\t\t\t\t\ttext-indent: 0;\n\t\t\t\t\t\t\t\ttext-align: center;\n\t\t\t\t\t\t\t\tfont-size: 3em;\n\t\t\t\t\t\t\t\tmargin-top: 0.3em;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&.checked label {\n\t\t\t\t\t\t\t\tcolor: #004488;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tinput:checked + label {\n\t\t\t\t\t\t\t\tcolor: #004488;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.key {\n\t\t\t\t\t\t\tfont-size: 0.5em;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.error {\n\t\t\t\tdisplay: none;\n\t\t\t\tcolor: red;\n\t\t\t}\n\t\t}\n\n\t}\n}\n\n.hide-survey-footer {\n\t.survey-fullpage .survey-contents {\n\t\t.qnumber,\n\t\t.form-nav {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t.logo-sequel {\n\t\tdisplay: block;\n\t}\n}\n\n.survey-fullpage {\n\t.progressbar {\n\t\tposition: fixed;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\theight: 6px;\n\t\tbackground-image: linear-gradient(270deg, #B43A58 0%, #702476 100%);\n\t\ttransition: 0.5s;\n\t\tz-index: 1;\n\t}\n\n\t.survey-contents {\n\t\tmargin: 0 auto;\n\t\tpadding: 0 10px;\n\t\tposition: relative;\n\t\tbox-sizing: border-box;\n\t\t.the-survey {\n\t\t\tli {\n\t\t\t\tfont-size: 2.5em;\n\t\t\t\tdisplay: none;\n\n\t\t\t\t.survey-intro {\n\t\t\t\t\tpadding-top: 60px;\n\n\t\t\t\t\th1 {\n\t\t\t\t\t\tfont-size: 70px;\n\t\t\t\t\t\tmargin-bottom: 24px;\n\t\t\t\t\t\tcolor: #3F3F3F;\n\t\t\t\t\t}\n\t\t\t\t\th3 {\n\t\t\t\t\t\tfont-size: 30px;\n\t\t\t\t\t\tmargin-bottom: 40px;\n\t\t\t\t\t\tcolor: #3F3F3F;\n\t\t\t\t\t\tline-height: 30px;\n\t\t\t\t\t}\n\n\t\t\t\t\tp {\n\t\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\t}\n\n\t\t\t\t\t.alignright {\n\t\t\t\t\t\tfloat: right;\n\t\t\t\t\t\tmargin-left: 20px;\n\t\t\t\t\t\twidth: 400px;\n\t\t\t\t\t\tmargin-top: -110px;\n\n\t\t\t\t\t\t@media only screen and (max-width: 900px) {\n\t\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.take-survey {\n\t\t\t\t\t\tcolor: white;\n\t\t\t\t\t\twidth: 150px;\n\t\t\t\t\t\theight: 150px;\n\t\t\t\t\t\tborder-radius: 50%;\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\tjustify-content: center;\n\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\tbackground-image: linear-gradient(270deg, #B43A58 0%, #702476 100%);\n\t\t\t\t\t\tborder: 0;\n\t\t\t\t\t\tfont-size: 26px;\n\t\t\t\t\t\ttext-align: center;\n\t\t\t\t\t\ttext-transform: uppercase;\n\t\t\t\t\t\tline-height: 30px;\n\t\t\t\t\t\tpadding: 20px;\n\t\t\t\t\t\tfont-weight: bold;\n\t\t\t\t\t\tmargin: 50px auto;\n\n\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\tbackground-image: linear-gradient(90deg, #B43A58 0%, #702476 100%);\n\t\t\t\t\t\t\tcolor: white;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&.group {\n\t\t\t\t\t.group-table {\n\t\t\t\t\t\ttable {\n\t\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\t\tmargin-top: 20px;\n\n\t\t\t\t\t\t\ttr {\n\t\t\t\t\t\t\t\t&:nth-child(even) {\n\t\t\t\t\t\t\t\t\tbackground: #eee;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\ttd, th {\n\t\t\t\t\t\t\t\t\ttext-align: center;\n\t\t\t\t\t\t\t\t\twidth: 10%;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\tth {\n\t\t\t\t\t\t\t\t\tpadding-bottom: 20px;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\ttd {\n\t\t\t\t\t\t\t\t\t&.question {\n\t\t\t\t\t\t\t\t\twidth: 40%;\n\t\t\t\t\t\t\t\t\tpadding: 10px 20px 10px 10px;\n\t\t\t\t\t\t\t\t\ttext-align: left;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tlabel {\n\t\t\t\t\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&.multiple {\n\t\t\t\t\tspan {\n\t\t\t\t\t\tfont-size: 0.6em;\t\t\t\t\t    \n\t\t\t\t\t}\n\n\t\t\t\t\tdiv {\n\t\t\t\t\t\tmargin: 1em auto;\n\t\t\t\t\t\twidth: 60%;\n\t\t\t\t\t\ttext-align: left;\n\t\t\t\t\t\tfont-size: 0.6em;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\n\t\t.qnumber {\n\t\t\tfloat: left;\n\t\t\tdisplay: block;\n\t\t\tfont-size: 2em;\n\t\t\tcolor: #999;\n\t\t}\n\n\t\t.form-nav {\n\t\t\tdisplay: block;\n\t\t\tfloat: right;\n\t\t\t.submit {\n\t\t\t\tdisplay: none;\n\t\t\t\tfont-size: 1.2em;\n\t\t\t\tpadding: 7px 25px;\n\t\t\t\tborder-radius: 3px;\n\t\t\t\ttransition: .2s;\n\t\t\t\tcolor: white;\n\t\t\t\tbackground: rgba(34, 34, 34, 0.6);\n\t\t\t\ttransition: 0.3s;\n\t\t\t\tline-height: inherit;\n\t\t\t\tfont-weight: normal;\n\t\t\t\theight: auto;\n\t\t\t\t\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground: rgba(34,34,34,0.9);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.form-next,\n\t\t\t.form-prev {\n\t\t\t\tfont-size: 1.2em;\n\t\t\t\tpadding: 7px 25px;\n\t\t\t\tborder-radius: 3px;\n\t\t\t\ttransition: .2s;\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tcolor: white;\n\t\t\t\tbackground: rgba(34,34,34,0.6);\n\t\t\t\ttransition: 0.3s;\n\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground: rgba(34,34,34,0.9);\n\t\t\t\t}\n\t\t\t}\n\n\n\t\t\t.form-prev {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.show-submit {\n\t.survey-contents {\n\t\t.submit {\n\t\t\tdisplay: inline-block !important;\n\t\t}\n\n\t\t.form-next {\n\t\t\tdisplay: none !important;\n\t\t}\n\t}\n}\n\nbody.survey-error {\n\t.survey-container {\n\t\t#survey {\n\t\t\t.error {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.section-completed {\n\tmin-height: 100vh;\n\tbackground-image: url('../assets/images/background.png');\n\tbackground-position: top right;\n\tbackground-repeat: no-repeat;\n\tbackground-size: 70%;\n\tdisplay: flex;\n    align-items: center;\n\n\t.completed-content {\n\t\twidth: 1200px;\n\t\tmax-width: 100%;\n\t\tpadding: 20px;\n\t\tbox-sizing: border-box;\n\t\tdisplay: flex;\n\t\tmargin: 0 auto;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\n\t\t@media only screen and (max-width: 900px) {\n\t\t\tflex-direction: column;\n\t\t}\n\n\t\t.pillars {\n\t\t\tdisplay: flex;\n\t\t\tflex-wrap: wrap;\n\t\t\tjustify-content: space-between;\n\t\t\tflex: 2;\n\t\t\tmargin-left: 70px;\n\n\t\t\t@media only screen and (max-width: 900px) {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\n\t\t\t.pillar-score {\n\t\t\t\tflex-basis: 48%;\n\t\t\t\tmargin-bottom: 10px;\n\n\t\t\t\t@media only screen and (max-width: 650px) {\n\t\t\t\t\tflex-basis: 100%;\n\t\t\t\t}\n\t\n\t\t\t\timg {\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\theight: auto;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.completed-side {\n\t\t\tflex: 1;\n\n\t\t\timg {\n\t\t\t\twidth: 290px;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tpadding-bottom: 40px;\n\t\t\t\tpadding-top: 10px;\n\t\t\t}\n\t\t}\n\t}\n\n}\n\n.section-completed.show {\n\tdisplay: block !important;\n}\n\n.survey-complete {\n\t.survey-container {\n\t\tdisplay: none;\n\t}\n\n\t.section-completed {\n\t\tdisplay: block;\n\t}\n}\n\n.required-error-message {\n\tdisplay: none;\n\tfont-size: 0.35em;\n\tcolor: red;\n\ttext-align: left;\n\tmargin: 0;\n}\n\n.required-error .required-error-message {\n\tdisplay: block;\n}"]}