body{margin:0;font-family:Calibri,"Trebuchet MS",Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;font-size:16pt;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;background:#519bce;background:linear-gradient(146deg,#519bce,#334d80);background-image:linear-gradient(146deg,#519bce,#334d80);height:100vh}@media only screen and (max-width:1200px){body{font-size:14px}}@media only screen and (max-width:800px){body{font-size:12px}}button{padding:8px 16px 10px;margin-right:8px;background:#009fe3;border:2px solid #009fe3;color:#fff;cursor:pointer}button:disabled,button[disabled]{border:2px solid #999;background-color:#ccc;color:#666}h1{font-size:18pt}.modal-portal{position:absolute;left:0;top:0}.modal-overlay{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh}.modal{display:grid;grid-template-columns:repeat(16,5.625vw);grid-auto-rows:5.625vw;border-radius:16px;padding:16px;background:#fff;max-width:1280px;max-height:720px;-webkit-animation:pop .5s ease-in-out 1,fadein .2s linear;animation:pop .5s ease-in-out 1,fadein .2s linear;position:relative}.modal:focus{outline:none}.modal-content{grid-column:span 16;grid-row:span 9;width:100%;max-width:1280px;max-height:720px;height:100%;position:relative}@-webkit-keyframes pop{10%{-webkit-transform:scale(.25);transform:scale(.25)}50%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pop{10%{-webkit-transform:scale(.25);transform:scale(.25)}50%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}.modal .banner{flex:1 1;max-height:300px;background-size:cover;background-position:50%;margin-bottom:32 px}.modal .control{display:flex}.modal .control .warning{display:flex;align-items:center}.modal .control button{margin-right:16px}@-webkit-keyframes draw-around{0%{stroke-dashoffset:640}10%{stroke-dashoffset:640}to{stroke-dashoffset:0}}@keyframes draw-around{0%{stroke-dashoffset:640}10%{stroke-dashoffset:640}to{stroke-dashoffset:0}}.modal .header{grid-column:span 16;z-index:2;max-width:1264px;background:hsla(0,0%,100%,.8);padding-left:16px;width:calc(100% - 32px);position:absolute;height:42px;top:16px}.modal-close{position:absolute;right:0;top:4px;margin-bottom:6px;background:url(data:image/png;base64,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);cursor:pointer;height:100%;max-height:16px;background-size:contain;background-repeat:no-repeat;background-position:100%}.modal-close:before{content:"";padding-left:100%;display:block;width:32px}.modal .modal-content.modal-conflict{display:flex;height:100%;position:relative}.modal .header h1{font-size:16pt;margin:0;padding-left:16px}.modal .modal-content.modal-conflict .options{list-style:none;margin:0;padding:0}.modal .modal-content.modal-conflict .options li{background:#009fe3;display:block;min-height:32px;color:#fff;padding:8px;margin-bottom:16px;display:flex;align-items:center;cursor:pointer}.modal .modal-content.modal-conflict .options li.selected{background:#fff;border:2px solid #009fe3;color:#009fe3;padding:6px;transition:all .5s}.modal .modal-content.modal-conflict .options li .text{flex:1 1}.modal .modal-content.modal-conflict .options li .checkbox{background:#fff;height:32px;width:32px;border-radius:50%;margin-right:8px}.modal .modal-content.modal-conflict .options li .checkbox .check{display:none;width:24px;height:24px;margin:4px}.modal .modal-content.modal-conflict .options li.animating{position:relative}.modal .modal-content.modal-conflict .options li.correct{background:#3fa535}.modal .modal-content.modal-conflict .options li.wrong{background:#af0004}.modal .modal-content.modal-conflict .options li.correct .checkbox .check{display:inline;stroke-dasharray:640;stroke-dashoffset:0;-webkit-transform-origin:center;transform-origin:center;-webkit-animation:draw-around 1s;animation:draw-around 1s}.modal .modal-content.modal-conflict .replay{margin-top:16px;background:#009fe3;border:0;color:#fff;padding:16px 32px}.modal .modal-content.modal-conflict .motivation{font-size:smaller}.modal .modal-content.modal-conflict .situation{flex:1 1;display:flex;flex-direction:column;overflow:hidden;position:relative;margin-top:48px}.modal .modal-content.modal-conflict .situation .right-option{font-weight:700}.modal .modal-content.modal-conflict .inset{width:50%;position:absolute;left:-50%;background:hsla(0,0%,100%,.9);padding-right:16px;padding-left:16px;height:100%;box-sizing:border-box}.modal .modal-content.modal-conflict .inset .yesno{display:flex}.modal .modal-content.modal-conflict .inset .yesno button{width:94px}.modal .modal-content.modal-conflict .situation-image{width:100%;height:100%;background-repeat:no-repeat;background-size:100%;position:absolute}.modal .modal-content.modal-conflict .scene{max-height:100%}.modal .modal-content.modal-conflict .balloon{position:absolute;right:16px;background-color:#fff;padding:1.125em 1.5em;box-shadow:0 .125rem .5rem rgba(0,0,0,.3),0 .0625rem .125rem rgba(0,0,0,.2);margin:8px;-webkit-animation:pop .5s ease-out .5s;animation:pop .5s ease-out .5s;-webkit-transform:scale(0);transform:scale(0);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.modal .modal-content.modal-conflict .balloon.speech{border-radius:16px}.modal .modal-content.modal-conflict .balloon.caption span{visibility:hidden}.modal .modal-content.modal-conflict .balloon span.visible{visibility:visible}.modal .modal-content.modal-conflict .balloon-arrow{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAgCAYAAAAbifjMAAACRElEQVRIiZWVT4vaUBTFj9q8VhApddOtH6lfyn9gFyKICxGUQkG6cNGaMmWEiintQmMthVarUnCo4wzJOHaMT50pNyRi85Ixc5a59/5yc3JeEpAkiXHO13igGGNhAEYQwJOHDluKAQgSIMwYe7Fer++EFg8VCoU6gOc2gCR1Oh3dvV2UruvPADy1AVcA+qVS6aXQ6aHVavUFwBmAAAE2BK1UKp3JZHLmPuItAuwALAHMms1my7PTQ7YH9Bov0+l0wzAM7t4qKIADwBbAYjQaTbrdbl9odYgx9si+YgPoFa4AzGu12nthwqFIJPLYmjVNtEWr6/l8/tN0Op0LUx7aAzjnZOY1mdlqtdru7aKCjiummdls9u1ms9kK3S5yAigTi16v90tV1e9iu6j/AJxzMvMvmVmv10+Ebhc5N7C30DKZzMfZbKYJVYcEAOd8ayez3W4rwsQxgCXKxGUul3u32+1uhaoPAG2hK4ryo9/v/xSqxwCcc7rrDYDzRqPxQWjwsQGsZGrJZPJU07RroeoDYCbTMIw/iqJ8FqrHAFYmDAAXxWKRzHT9ZnoCLFEmrmRZ/jYYDMZC9RjAMpOSeS7L8ulBab/NvQBLdMC0RCJxslwuKWAIhUL7g+YHYJqp6/pUVVUzmZIkbXwDLDMpExfVavUNrR8Oh28ssK8NSOanv1wud+bz+ddoNEqPYv5PfQEOzRwOh69jsdjCOi93fjcgUSb0VCr1ijH223qsW/q923e5d5oxRv8B+pyH4vF4cDwebwFs/wGxjwd2O8GpOAAAAABJRU5ErkJggg==);width:16px;height:32px;position:absolute;right:33%;margin-top:-2px}.modal .modal-content.modal-conflict .balloon.balloon-44:before{left:44%}.modal .modal-content.modal-conflict .balloon.balloon-15:before{left:15%}.modal .modal-content.modal-conflict .balloon.balloon-69:before{left:69%}.modal .modal-content.modal-conflict .balloon.balloon-75:before{left:75%}.modal .modal-content.modal-conflict .controls-bottomright{position:absolute;right:8px;bottom:16px}.modal .modal-content.modal-conflict .reaction-text{-webkit-animation:fadein .2s linear;animation:fadein .2s linear}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadein{0%{opacity:0}to{opacity:1}}.legenda{position:absolute;top:32px;right:32px;background:hsla(0,0%,100%,.8)}.legenda .avatar{width:200px;height:128px;background-size:cover;background-position:center 16px;background-repeat:no-repeat;margin:auto}.legenda ul{list-style:none;margin:8px 0 0;padding:4px}.legenda ul li{margin:6px 8px 4px 32px}.legenda ul li:hover{text-decoration:underline;cursor:pointer}.legenda ul li.completed{margin:4px 0}.legenda ul li.completed:hover{text-decoration:none}.legenda ul li .check{width:16px;height:16px;margin:0 8px -2px}.modal-intro{overflow:hidden;position:relative}.modal-intro .modal-content{position:static;margin-top:0}.modal-intro-overlay{background:#519bce;background:linear-gradient(146deg,#519bce,#334d80);height:100vh;display:flex;justify-content:center;align-items:center}.modal-intro .modal-content .header{text-align:center;position:absolute;padding:8px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:#334d80}@media only screen and (max-width:600px){.modal-intro .subtext{display:none}}.modal-intro .avatar-selection{display:flex;align-items:center;justify-content:center}.modal-intro .avatar-selection canvas{margin:auto;max-width:100%}.modal-intro .footer{display:flex;justify-content:center;flex-direction:column;position:absolute;bottom:0;width:100%;text-align:center;background:hsla(0,0%,100%,.8)}.modal-intro .footer .subtext{color:#14508b;padding-left:10%;padding-right:10%}.modal-intro .footer button{margin-bottom:32px;align-self:flex-start;margin-left:auto;margin-right:auto}.modal-complete .modal-content{position:static;margin-top:0}.modal-complete-overlay{background:#519bce;background:linear-gradient(146deg,#519bce,#334d80);height:100vh;display:flex;justify-content:center;align-items:center}.modal-complete .modal-content .header{text-align:center;position:absolute;padding:8px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:#3fa535}@media only screen and (max-width:600px){.modal-complete .subtext{display:none}}.modal-complete .avatar-selection{display:flex;align-items:center;justify-content:center}.modal-complete .avatar-selection canvas{margin:auto;max-width:100%}.modal-complete .footer{display:flex;justify-content:center;flex-direction:column;position:absolute;bottom:0;width:100%;text-align:center;background:hsla(0,0%,100%,.8)}.modal-complete .footer .subtext{color:#14508b;padding-left:10%;padding-right:10%}.modal-complete .footer button{margin-bottom:32px;align-self:flex-start;margin-left:auto;margin-right:auto}.close{position:fixed;top:8px;left:8px;z-index:2}
/*# sourceMappingURL=main.15d62f46.chunk.css.map */