@keyframes spin-in{90%{transform:scale(1) rotate(0)}95%{transform:scale(1.1) rotate(0)}100%{transform:scale(1) rotate(0)}}@keyframes move-background{0%{background-position:150% 0}100%{background-position:0 0}}*{margin:0;padding:0;box-sizing:border-box}html{min-height:100%}body{min-height:100%;height:100vh;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background:linear-gradient(165deg,#d5fbf8,#e5f9ff,#d5fbf8);background-repeat:no-repeat;overflow:hidden}#app{font-family:Kodchasan,"Istok Web",sans-serif;min-height:100%;height:inherit;overflow:auto;font-size:1.15rem;-ms-flex-positive:1;flex-grow:1}.star{padding:0 10px}.star.spin-in{transform:scale(0) rotate(360deg);transform-origin:center;animation:spin-in .5s;animation-fill-mode:forwards}.star i svg{width:40px;height:40px;stroke:#bea001;fill:transparent}.star--filled i svg,.star--filled i svg path{fill:#f1cb01}.form,.score,.welcome{padding:20px;margin:0 auto;max-width:600px;display:-ms-flexbox;display:flex;min-height:inherit;box-shadow:none!important}.form .card__body,.score .card__body,.welcome .card__body{padding:20px;box-shadow:0 0 50px rgba(0,0,0,.15);-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;justify-self:center;text-align:center}.form p,.score p,.welcome p{padding-bottom:20px;font-size:1.35rem}.form .button,.score .button,.welcome .button{display:inline-block}.form h6,.score h6,.welcome h6{margin-top:30px}.score .inline-list{padding-bottom:25px;-ms-flex-pack:center;justify-content:center}.signin.form{max-width:500px}.signin.form .form-segment:last-of-type{padding-top:5px}.form{max-width:800px;-ms-flex-align:start;align-items:flex-start}.form form{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:justify;justify-content:space-between}.form .form-segment{display:-ms-flexbox;display:flex;-ms-flex-flow:column wrap;flex-flow:column wrap;-ms-flex-preferred-size:calc(50% - 10px);flex-basis:calc(50% - 10px)}@media screen and (max-width:600px){.form .form-segment{-ms-flex-preferred-size:100%;flex-basis:100%}}.form .form-segment:not(:last-of-type){margin-bottom:20px}.form .form-segment--full{-ms-flex-preferred-size:100%;flex-basis:100%}.form .form-segment label{padding:3px;font-size:.8rem;font-family:'Istok Web',sans-serif;font-variant:small-caps;text-align:left}.form .form-segment.resource-segment{position:relative}.form .form-segment.resource-segment--with-preview .preview{z-index:2;opacity:1}.form .input-group{margin-bottom:20px}.form .input-group__input{border-left:none}.form .button{-ms-flex-item-align:end;align-self:flex-end;font-size:1rem}.form .add-option{width:auto;-ms-flex-item-align:end;align-self:flex-end}.form .preview{position:absolute;right:0;top:-190px;width:250px;height:200px;-ms-flex-positive:1;flex-grow:1;border:1px dashed #ccc;background-color:#fff;box-shadow:0 0 50px rgba(0,0,0,.15);border-radius:5px;padding:10px;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;background-size:contain;background-position:center;background-repeat:no-repeat;background-origin:content-box;z-index:-1;opacity:0;transition:opacity .25s}.form .preview:after{width:12px;height:12px;transform:rotate(45deg);content:"";display:block;box-shadow:0 0 50px rgba(0,0,0,.15);border-radius:0 0 3px 0;border:1px dashed #ccc;border-top:none;border-left:none;position:absolute;bottom:-7px;background-color:#fff;right:30px}.form .preview img{width:0%;height:0%}.button{font-family:inherit;border:none;padding:10px 35px;background:#006159;line-height:1;border-radius:3px;font-size:inherit;color:#fff;outline:0;cursor:pointer;box-shadow:0 0 10px rgba(0,0,0,.15)}.button:active{box-shadow:0 0 1px rgba(0,0,0,.5)}.inline-list{list-style:none;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.question-summary-list{width:inherit;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;margin:0;padding:0;width:100%;padding:10px}.input,textarea{width:100%;border-radius:5px;display:block;padding:10px;font-size:1.15rem;color:#124050;outline:0;font-size:1rem;border:2px dashed}textarea{resize:none;height:150px}.input-group{width:100%;position:relative;display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;font-size:1rem}.input-group__input{border:none;border-radius:0 5px 5px 0;border:2px dashed;border-left:none}.input-group--multi .input-group__input{border-right:none;border-radius:0}.input-group__addon{display:inline-block;text-align:center;-ms-flex-order:-1;order:-1;vertical-align:middle;padding:0 10px;background-color:#006159;border:2px solid #006159;border-right:none;border-radius:5px 0 0 5px;line-height:2;color:#fff}.input-group__addon--right{justify-self:flex-end;-ms-flex-order:100;order:100;border-radius:0 5px 5px 0}.card{border-radius:5px;box-shadow:0 0 50px rgba(0,0,0,.15)}.card--flippable{position:relative;transform-style:preserve-3d;perspective:1500px;overflow:visible;box-shadow:none}.card--flippable .card__body{border:none;border-radius:0}.card__face{background-color:#fff;border-radius:5px;transition:transform .5s;transform-origin:center center;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:0 0 50px rgba(0,0,0,.15);width:100%;border:2px solid}.card__face--front{transform:rotateY(0)}.card__face--back{position:absolute;top:0;left:0;transform:rotateY(180deg);height:100%}.card__face--back .card__body{border-radius:5px}.card__body{padding:20px;position:relative;border-radius:inherit;background-color:#fff;width:100%;border:2px solid}.card__media{border-radius:inherit;width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center}.card__media>*{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.card__media::after{display:block;padding-bottom:100%;content:""}.question{margin:0 auto;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:justify;justify-content:space-between;padding:20px;max-width:800px;min-height:inherit}@media screen and (max-width:600px){.question{-ms-flex-line-pack:start;align-content:flex-start;-ms-flex-pack:center;justify-content:center}}.question.answered .card__face--front{transform:rotateY(-180deg)}.question.answered .card__face--back{transform:rotateY(0)}.question .card,.question .option-list{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;-ms-flex-preferred-size:calc(50% - 10px);flex-basis:calc(50% - 10px);max-width:400px}@media screen and (max-width:600px){.question .card,.question .option-list{-ms-flex-item-align:start;align-self:flex-start;-ms-flex-preferred-size:100%;flex-basis:100%}}.question .card__media img{width:50%;height:auto}.question .card__media.loader{background:linear-gradient(90deg,#fff 33.33%,#ececec 66.66%,#fff);background-size:300% 100%;animation:move-background 1.5s infinite;border-style:solid;border-width:2px 2px 0 2px}.question .card__body.loader,.question .card__face--front .card__body{background-color:#006159;border:0}.question .card__body.loader::before,.question .card__face--front .card__body::before{position:absolute;top:-25px;left:0;display:block;content:"";height:30px;width:100%;background:url(../images/wave.svg) no-repeat;background-size:cover;background-position-x:30%;transform:rotateX(180deg)}.question .card__body.loader svg,.question .card__face--front .card__body svg{border-radius:inherit}.question .card__face--back .card__body{height:100%}.question .button{position:absolute;bottom:20px;left:calc(50% - 50px);padding:10px 35px}.question__score{margin-top:20px;-ms-flex-pack:center;justify-content:center}.question__wording{color:#fff}.question__narration{padding-bottom:20px}.question-summary{-ms-flex-preferred-size:20%;flex-basis:20%;max-width:20%;min-width:20%;padding:10px;box-shadow:none}@media screen and (max-width:1600px){.question-summary{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%;min-width:25%}}@media screen and (max-width:1300px){.question-summary{-ms-flex-preferred-size:33.3333%;flex-basis:33.3333%;max-width:33.3333%;min-width:33.3333%}}@media screen and (max-width:1000px){.question-summary{-ms-flex-preferred-size:33.3333%;flex-basis:33.3333%;max-width:33.3333%;min-width:33.3333%}}@media screen and (max-width:600px){.question-summary{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%;min-width:100%}}.question-summary .card__body{height:100%;box-shadow:0 2px 10px 0 rgba(0,0,0,.25)}.question-summary .option-list__item{padding:0;box-shadow:none;margin:0;margin-bottom:5px;text-align:left;border:none}.question-summary .option-list__item:before{content:'- '}.question-summary .option-list__item:hover{transform:none!important}.question-summary-thumbnail{width:calc(100% + 40px);height:150px;position:relative;left:-20px;top:-20px;padding:10px;border-radius:inherit;background-size:contain;background-repeat:no-repeat;background-position:center;background-origin:content-box}.question-summary-thumbnail img{width:0;height:0}.option-list{list-style:none;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:justify;justify-content:space-between}.question.answered .option-list{display:none}.option-list__item{-webkit-user-select:none;-ms-flex-preferred-size:100%;flex-basis:100%;text-align:center;position:relative;padding:15px;border-radius:5px;border:2px solid;box-shadow:0 0 50px rgba(0,0,0,.15);margin-top:20px;background-color:#fff;background-size:20%;background-repeat:no-repeat;transition:transform .1s,background-color .5s}.option-list__item.loader{background:linear-gradient(90deg,#fff 33.33%,#ececec 66.66%,#fff);background-size:300% 100%;animation:move-background 1.5s infinite;padding:25px}.option-list__item:first-of-type{margin-top:0}@media screen and (max-width:600px){.option-list__item:first-of-type{margin-top:20px}}.option-list__item--incorrect{text-decoration:line-through;background-color:#ffc7c7;color:#751f1f}.option-list__item:hover:not(.option-list__item--incorrect){transform:scale(1.015);cursor:pointer}.option-list__item:active:not(.option-list__item--incorrect){box-shadow:0 0 1px rgba(0,0,0,.15);transform:scale(1);background-clip:padding-box}.option-list__item-action{position:absolute;background-color:#006159;right:0;width:30px;height:15px;border-radius:0 5px 0 5px;font-size:.85rem;line-height:1;text-align:center;color:#fff;top:0;cursor:pointer}.option-list--input li{text-align:left;-ms-flex-preferred-size:calc(50% - 10px);flex-basis:calc(50% - 10px)}@media screen and (max-width:600px){.option-list--input li{-ms-flex-preferred-size:100%;flex-basis:100%}}.option-list--input .input{outline:0;text-align:center}.option-list--input label>span{font-size:.55rem}.sidebar{color:#fff;background-color:#006159;position:fixed;height:100%;font-family:Kodchasan}.sidebar__title{text-align:center;padding:20px 10px}@media screen and (max-width:1000px){.sidebar__title{display:none}}.sidebar .button{color:#124050;background:#fff}.sidebar__menu{background-color:#002e2a;padding:20px;list-style:none}@media screen and (max-width:1000px){.sidebar__menu{padding:0}}.sidebar__menu-item{text-align:center;padding:10px 0}@media screen and (max-width:1000px){.sidebar__menu-item{padding:0;height:50px}}.sidebar__menu-item a{color:#fff;text-decoration:none;display:block;width:100%;height:100%}.sidebar__menu-item a span:last-of-type{display:none}@media screen and (max-width:1000px){.sidebar__menu-item a span:last-of-type{display:block}.sidebar__menu-item a span:first-of-type{display:none}}.sidebar__menu-item:hover{background-color:#fff;border-radius:5px}.sidebar__menu-item:hover a{color:#124050!important}@media screen and (max-width:1000px){.sidebar__menu-item:hover{border-radius:0}}.sidebar__menu-icon{width:100%;min-height:100%;height:inherit;padding:13px}.sidebar__menu-icon svg{fill:#fff}.sidebar__menu-icon:hover svg{fill:#006159}.sidebar__footer{width:100%;position:absolute;bottom:0;padding:20px;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:center;justify-content:center}@media screen and (max-width:1000px){.sidebar__footer{padding:0}}.sidebar__footer .button span:last-of-type{display:none}@media screen and (max-width:1000px){.sidebar__footer .button{width:100%;height:50px;padding:0;border-radius:0;background-color:#002e2a}.sidebar__footer .button span:first-of-type{display:none}.sidebar__footer .button span:last-of-type{display:block}.sidebar__footer .button:hover{background-color:#fff}}.page{display:-ms-flexbox;display:flex;min-height:inherit}.page>.content{background-color:#fff;min-height:inherit}.page>.content .form{width:100%;max-width:unset}.page>.content .form form{width:100%}.page--with-sidebar>.sidebar{max-width:300px;min-width:300px;min-height:inherit}@media screen and (max-width:1000px){.page--with-sidebar>.sidebar{max-width:50px;min-width:50px}}.page--with-sidebar>.content{width:calc(100% - 300px);position:relative;left:300px}@media screen and (max-width:1000px){.page--with-sidebar>.content{left:50px;width:calc(100% - 50px)}}