@import url(https://fonts.googleapis.com/css?family=Roboto:400,500);.quiz{margin:0 auto;max-width:1280px}@media(max-width:1359px){.quiz{padding:0 2rem}}@media(max-width:575px){.quiz{padding:0 1rem}}.quiz-image{position:absolute;z-index:-1}.quiz-image-1{right:2%;top:-75px;transform-origin:top right}.quiz-image-2{bottom:-325px;left:-5%}@media(max-width:1359px){.quiz-image{transform:scale(.75)}}@media(max-width:991px){.quiz-image{display:none}}.quiz-wrapper{position:relative}.quiz-wrapper.start{background-repeat:no-repeat}@media(max-width:1359px){.quiz-wrapper.start{background-image:none}}.quiz-hashtag{display:flex;font-size:28px;font-weight:700;line-height:normal}.quiz-hashtag>:first-child{color:#c3549d}.quiz-hashtag>:last-child{color:#7f54a0}.quiz-hashtag-small{font-size:18px}.quiz-start{display:flex;flex-direction:column;margin:46px 0 150px}.quiz-start .quiz-hashtag{margin-bottom:60px}.quiz-start-title{color:#282f55;font-size:48px;font-weight:300;line-height:54px}.quiz-start-title b{color:#7f54a0;font-weight:500}@media(max-width:991px){.quiz-start-title{font-size:40px;line-height:56px}}@media(max-width:575px){.quiz-start-title{font-size:36px;line-height:50px}}.quiz-start-subtitle{color:#282f55;font-size:28px;font-weight:300;line-height:36px;margin-top:34px}@media(max-width:575px){.quiz-start-subtitle{font-size:18px;line-height:28px;margin-top:1rem}}.quiz-start button{margin-top:60px}.quiz-end{display:flex;flex-direction:column;margin:46px 0 180px}.quiz-end .landing-frame{margin-top:3rem}.quiz-end .quiz-show-result{align-self:center;font-size:16px;font-weight:700;line-height:20px;margin-top:33px;padding:16px 38px}.quiz-end>form,.quiz-summary{display:flex;flex-direction:column}.quiz-summary{margin:46px 0 306px;width:100%}@media(max-width:991px){.quiz-summary{margin-bottom:10rem}}.quiz-summary .landing-frame{margin-bottom:38px;margin-top:32px}.quiz-summary-answers{align-self:center;display:grid;gap:12px;max-width:1074px;width:100%}@media(max-width:575px){.quiz-summary-answers{padding-left:1.5rem;padding-right:.5rem}}.quiz-answer{background:#f8fafe;border-radius:5px;display:grid;gap:22px;padding:22px 22px 32px 42px;position:relative}.quiz-answer-title{color:#7f549e;font-size:22px;font-weight:700;line-height:24px;text-align:left}.quiz-answer-content{color:#222329;font-size:16px;font-weight:400;line-height:24px}.quiz-answer .quiz-progress-count{min-width:67px}.quiz-form{align-self:center;background:#f8fafe;border-radius:5px;margin-top:38px;max-width:762px;padding:18px;width:100%}.quiz-form .landing-form-checkbox{display:flex;flex-direction:column;margin:10px 0 0}.quiz-form .landing-form-checkbox a{color:#4871e3!important;text-decoration:none!important}.quiz-form .landing-form-checkbox .highlight{color:#4871e3;cursor:pointer;margin-left:auto}@media(max-width:767px){.quiz-form .landing-form-input{grid-template-columns:unset}.quiz-form .landing-form-checkbox{margin-top:20px}}.quiz-questions{display:grid;margin:2rem 0 180px}.quiz-questions .quiz-progress{margin-bottom:30px}.quiz-questions-title{color:#7f54a0;font-size:30px;font-weight:700;line-height:43px;margin-bottom:40px;text-align:left}@media(max-width:991px){.quiz-questions-title{font-size:24px;line-height:34px}}@media(max-width:575px){.quiz-questions-title{font-size:18px;line-height:26px}}.quiz-questions-list{align-content:start;display:grid;gap:.75rem;margin-left:22.5px}.quiz-questions-grid{align-content:start;display:grid;gap:22px 105px;grid-template-columns:1fr 1fr}@media(max-width:767px){.quiz-questions-grid{grid-template-columns:1fr;margin-left:22.5px}}.quiz-question-list{background:#f8fafe;border:1px solid #f8fafe;border-radius:5px;color:#222329;font-size:16px;font-weight:400;line-height:24px;padding:22px 22px 22px 40px;position:relative;text-align:start}@media(max-width:575px){.quiz-question-list{font-size:14px;line-height:22px}}.quiz-question-list.active{background:#fcddec;border:1px solid rgba(136,167,255,.498);color:#474d6b;font-weight:600}.quiz-question-list.active .quiz-question-list-mark{background:#c3539e;border:none;color:#fff}.quiz-question-list b{font-weight:600!important}.quiz-question-list-mark{background:#fff;border:4px solid #e7edff;border-radius:50%;color:#7f54a0;display:flex;font-size:18px;font-weight:600;left:-22.5px;line-height:22px;max-height:45px;max-width:45px;min-height:45px;min-width:45px;position:absolute;text-transform:uppercase;top:calc(50% - 22.5px)}.quiz-question-list-mark>span{margin:auto}.quiz-question-grid{background:#fff;border:none;display:flex;flex-direction:column;padding:0}.quiz-question-grid.active .quiz-question-grid-content{background:#fcddec;border:1px solid rgba(136,167,255,.498);border-radius:5px;color:#474d6b}.quiz-question-grid.active .quiz-question-grid-content .quiz-question-grid-content-mark{background:#c3539e;border:none;color:#fff}.quiz-question-grid-image{background:#f8f8f8;border-radius:5px 5px 0 0;height:233px;width:100%}.quiz-question-grid-image img{height:100%;object-fit:scale-down;width:100%}.quiz-question-grid-content{background:#f7f9fe;border:1px solid #f8fafe;border-radius:0 0 5px 5px;color:#222329;font-size:16px;font-weight:400;line-height:24px;padding:22px 22px 22px 40px;position:relative;text-align:start;width:100%}@media(max-width:575px){.quiz-question-grid-content{font-size:14px;line-height:22px}}.quiz-question-grid-content b{font-weight:600!important}.quiz-question-grid-content-mark{background:#fff;border:4px solid #e7edff;border-radius:50%;color:#7f54a0;display:flex;font-size:18px;font-weight:600;left:-22.5px;line-height:22px;max-height:45px;max-width:45px;min-height:45px;min-width:45px;position:absolute;text-transform:uppercase;top:calc(50% - 22.5px)}.quiz-question-grid-content-mark>span{margin:auto}.quiz-progress{align-items:center;display:flex}.quiz-progress-count{background:#fff;border:5px solid #e7edff;border-radius:40px;color:#7f549e;display:flex;font-size:16px;font-weight:600;height:36px;padding:0 10px;width:fit-content}.quiz-progress-count>span{margin:auto}.quiz-progress-line{background:#e6edff;border-radius:45px;height:9px;margin-left:1rem;max-width:204px;position:relative;width:100%}.quiz-progress-line .progress{background:#c3549d;height:100%}.quiz-questions-container{justify-self:center;margin:2rem 0 0;max-width:1094px;width:100%}.quiz-next-question{font-size:16px;font-weight:700;line-height:24px;margin:65px auto 0;padding:12px 38px}.quiz-next-question:disabled{background-color:#e6edff;cursor:not-allowed}.quiz-next-question svg{margin-left:1rem}.quiz .landing-frame-header{color:#282f55;font-size:38px;line-height:44px}.quiz .landing-frame-header b{color:#7f54a0;font-weight:600}.quiz .landing-frame-description{color:#282f55;font-size:28px;line-height:36px}.quiz .clause-wrap{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.quiz-start-bg-img{margin-top:100px}@media(max-width:1359px){.quiz-start-bg-col,.quiz-start-button-l{display:none}}.quiz-start-button-s{display:flex;flex-direction:column;margin-top:60px}@media(min-width:1360px){.quiz-start-button-s{display:none}}.quiz-start-button-s button{margin-top:1rem!important}.landing{display:grid}.vl-overlay,.vl-shown{overflow:hidden}.vl-overlay{align-items:center;bottom:0;display:none;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:9999}.vl-overlay.vl-active{display:flex}.vl-overlay.vl-full-page{position:fixed;z-index:9999}.vl-overlay .vl-background{background:#fff;bottom:0;left:0;opacity:.5;position:absolute;right:0;top:0}.vl-overlay .vl-icon,.vl-parent{position:relative}


/*!Don't remove this!
 * Material-Toast plugin styles
 * 
 * Author: Dionlee Uy
 * Email: dionleeuy@gmail.com
 */.mdtoast{background-color:#323232;bottom:24px;color:#fff;flex-direction:row;font-family:Roboto,sans-serif;font-size:16px;justify-content:flex-start;left:24px;outline:none;padding:0 24px;pointer-events:auto;position:fixed;text-align:left;touch-action:auto;transform:translateY(0);transition:transform .23s cubic-bezier(0,0,.2,1) 0s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;will-change:transform;z-index:100002}.mdtoast,.mdtoast .mdt-message{align-items:center;box-sizing:border-box;display:flex}.mdtoast .mdt-message{margin-left:0;min-height:48px;opacity:1;padding:8px 0;transition:opacity .3s cubic-bezier(.4,0,1,1) 0s}.mdtoast .mdt-message:after{content:"";font-size:0;min-height:32px}.mdtoast .mdt-action{align-items:center;background:none;border:none;border-radius:4px;box-sizing:border-box;color:#ffeb3b;cursor:pointer;display:flex;font-weight:500;letter-spacing:.07em;margin:0 0 0 24px;min-height:32px;opacity:1;outline:none;padding:8px;text-decoration:none;transition:opacity .3s cubic-bezier(.4,0,1,1) 0s,background-color .15s linear}.mdtoast .mdt-action:focus,.mdtoast .mdt-action:hover{background-color:hsla(0,0%,100%,.075)}.mdtoast .mdt-action:active{background-color:hsla(0,0%,100%,.15)}.mdtoast.mdt--load{transform:translateY(200%);transition:transform .23s cubic-bezier(.4,0,1,1) 0s}.mdtoast.mdt--load .mdt-action,.mdtoast.mdt--load .mdt-message{opacity:0}.mdtoast.mdt--interactive{padding-right:16px}.mdtoast.mdt--interactive .mdt-message{margin-right:auto}.mdtoast.mdt--info{background-color:#1565c0}.mdtoast.mdt--error{background-color:#e53935}.mdtoast.mdt--warning{background-color:#ef6c00}.mdtoast.mdt--success{background-color:#2e7d32}@media (min-width:600px){.mdtoast{border-radius:4px;max-width:568px;min-width:288px}}@media (max-width:599px){.mdtoast{bottom:0;font-size:14px;left:0;max-width:100%;right:0;transform:translateY(0)}.mdtoast.mdt--load{transform:translateY(100%)}}body.mdtoast--modal{pointer-events:none;touch-action:none;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}
/*# sourceMappingURL=quiz-psycho-test.69f4b648.css.map*/