@keyframes spin-in{90%{transform:scale(1) rotate(0deg)}95%{transform:scale(1.1) rotate(0deg)}100%{transform:scale(1) rotate(0deg)}}@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:flex;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;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:hsl(50.5,99.173553719%,37.4509803922%);fill:rgba(0,0,0,0)}.star--filled i svg path,.star--filled i svg{fill:#f1cb01}.score,.welcome,.form{padding:20px;margin:0 auto;max-width:600px;display:flex;min-height:inherit;box-shadow:none !important}.score .card__body,.welcome .card__body,.form .card__body{padding:20px;box-shadow:0 0 50px rgba(0,0,0,.15);align-self:center;justify-self:center;text-align:center}.score p,.welcome p,.form p{padding-bottom:20px;font-size:1.35rem}.score .button,.welcome .button,.form .button{display:inline-block}.score h6,.welcome h6,.form h6{margin-top:30px}.score .inline-list{padding-bottom:25px;justify-content:center}.signin.form{max-width:500px}.signin.form .form-segment:last-of-type{padding-top:5px}.form{max-width:800px;align-items:flex-start}.form form{display:flex;flex-flow:row wrap;justify-content:space-between}.form .form-segment{display:flex;flex-flow:column wrap;flex-basis:calc(50% - 10px)}@media screen and (max-width : 600px){.form .form-segment{flex-basis:100%}}.form .form-segment:not(:last-of-type){margin-bottom:20px}.form .form-segment--full{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{align-self:flex-end;font-size:1rem}.form .add-option{width:auto;align-self:flex-end}.form .preview{position:absolute;right:0;top:-190px;width:250px;height:200px;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;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:none;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:flex;flex-flow:row wrap}.question-summary-list{width:inherit;display:flex;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:none;font-size:1rem;border:2px dashed}textarea{resize:none;height:150px}.input-group{width:100%;position:relative;display:flex;flex-flow:row nowrap;font-size:1rem}.input-group__input{border:none;border-radius:0px 5px 5px 0px;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;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;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:0px}.card__face{background-color:#fff;border-radius:5px;transition:transform .5s;transform-origin:center center;backface-visibility:hidden;box-shadow:0 0 50px rgba(0,0,0,.15);width:100%;border:2px solid}.card__face--front{transform:rotateY(0deg)}.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:flex;justify-content:center;align-content:center}.card__media>*{align-self:center}.card__media::after{display:block;padding-bottom:100%;content:""}.question{margin:0 auto;display:flex;flex-flow:row wrap;align-content:center;justify-content:space-between;padding:20px;max-width:800px;min-height:inherit}@media screen and (max-width : 600px){.question{align-content:flex-start;justify-content:center}}.question.answered .card__face--front{transform:rotateY(-180deg)}.question.answered .card__face--back{transform:rotateY(0deg)}.question .card,.question .option-list{align-self:center;flex-basis:calc(50% - 10px);max-width:400px}@media screen and (max-width : 600px){.question .card,.question .option-list{align-self:flex-start;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}.question .card__face--front .card__body,.question .card__body.loader{background-color:#006159;border:0}.question .card__face--front .card__body::before,.question .card__body.loader::before{position:absolute;top:-25px;left:0;display:block;content:"";height:30px;width:100%;background:url(e26a98d3e1785f3f514c.svg) no-repeat;background-size:cover;background-position-x:30%;transform:rotateX(180deg)}.question .card__face--front .card__body svg,.question .card__body.loader 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;justify-content:center}.question__wording{color:#fff}.question__narration{padding-bottom:20px}.question-summary{flex-basis:20%;max-width:20%;min-width:20%;padding:10px;box-shadow:none}@media screen and (max-width: 1600px){.question-summary{flex-basis:25%;max-width:25%;min-width:25%}}@media screen and (max-width: 1300px){.question-summary{flex-basis:33.3333%;max-width:33.3333%;min-width:33.3333%}}@media screen and (max-width : 1000px){.question-summary{flex-basis:33.3333%;max-width:33.3333%;min-width:33.3333%}}@media screen and (max-width : 600px){.question-summary{flex-basis:100%;max-width:100%;min-width:100%}}.question-summary .card__body{height:100%;box-shadow:0px 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:flex;flex-flow:row wrap;justify-content:space-between}.question.answered .option-list{display:none}.option-list__item{-webkit-user-select:none;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 100ms,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:0px;width:30px;height:15px;border-radius:0 5px 0px 5px;font-size:.85rem;line-height:1;text-align:center;color:#fff;top:0px;cursor:pointer}.option-list--input li{text-align:left;flex-basis:calc(50% - 10px)}@media screen and (max-width : 600px){.option-list--input li{flex-basis:100%}}.option-list--input .input{outline:none;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:rgb(0,46,42.206185567);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:0px}}.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:flex;align-content: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:rgb(0,46,42.206185567)}.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: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)}}