body,html{height:100%;font-family:SassoonPrimaryRg,sans-serif;-webkit-font-smoothing:antialiased}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:SassoonPrimaryRg,sans-serif}body{background:#f6a800 url(../img/background-tile.png) repeat 0 0;transition:background 1s ease}body.body-poster-geography{background-color:#009de0}body.body-poster-history{background-color:#97be0c}body.body-poster-generic{background-color:#ccc}.o-hidden{overflow:hidden}.pointer-inactive{pointer-events:none}.pointer-all{pointer-events:all}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){body.poster{overflow:hidden}}@supports (-ms-ime-align:auto){body.poster{overflow:hidden}}.btn-circle{width:30px;height:30px;text-align:center;padding:6px 0;font-size:12px;line-height:1.428571429;border-radius:15px}.btn-circle.btn-lg{width:50px;height:50px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:25px}.btn-circle.btn-xl{width:70px;height:70px;padding:10px 16px;font-size:24px;line-height:1.33;border-radius:35px}.btn-circle.btn-poster{margin-bottom:.5em;color:#009de0;padding:0;background-color:#fff;border:4px solid #009de0;box-shadow:6px 6px 0 rgba(0,0,0,.2);line-height:63px;font-size:2em!important;font-weight:700;transition:all .5s ease}.btn-circle.btn-poster.btn-orange{background-color:#f6a800;color:#fff;border-color:#fff}.btn-circle.btn-poster.btn-orange:hover{background-color:#ffbd33}.btn-circle.btn-poster.btn-generic{color:#2abb9b;border-color:#2abb9b}.btn-circle.btn-poster.btn-generic:hover{color:#6c9;border-color:#6c9}.btn-circle.btn-poster.btn-generic.active{color:#f6a800;border-color:#f6a800}.btn-circle.btn-poster.btn-generic.used{opacity:.5}.btn-circle.btn-config{pointer-events:all}#preload .loader{border:1px solid #fff;height:1em;width:50%}#preload .loader .loader-fill{display:block;background-color:#fff;height:100%;width:0%;transition:width .1s ease}#preload .class-activity,#preload .theme-activity{padding-top:1em;margin:0;width:100%;text-align:center;font-weight:700;font-size:1.5em;color:#fff}#preload .theme-activity{padding:0}#preload .title-activity{padding-bottom:.3em;margin:0;width:100%;text-align:center;font-weight:700;font-size:3em;color:#fff}#preload .btn-round{margin-top:-25px;margin-left:1em}#preload .preloader-container{position:relative;width:250px;height:250px}#preload .preloader-container img{position:absolute;top:0;left:0}#preload .loading-info{padding-top:1em;font-size:2em;color:#fff;font-weight:300}#preload .loader{margin-left:auto!important;margin-right:auto!important}@-webkit-keyframes rotate-loader{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes rotate-loader{from{-ms-transform:rotate(0);transform:rotate(0)}to{-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-loader{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.preloader-container img.preload-rotate{-webkit-animation-name:rotate-loader;animation-name:rotate-loader;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}#canvas-overlay-container .logo-cell img{pointer-events:all}#modal-settings .modal-footer>:not(:last-child){margin-right:.5em}.controls{z-index:1000;margin-top:.5em}#main .btn-container{position:absolute;pointer-events:all;display:flex;bottom:0;left:0;right:0;padding:.8em;height:100px;background-color:#2abb9b}#main .btn-container.no-pane{background:0 0}#main .btn-container .btn-container-question{flex-grow:1;text-align:center}#main .btn-container .btn-container-activity{padding-right:1em}body.poster #main-canvas{vertical-align:bottom}#main #canvas-overlay-container{overflow:hidden;width:1280px;height:960px;position:absolute;left:0;top:0;bottom:0;right:0;transform-origin:top left;display:block}#main #animation-container{position:absolute;margin:auto;left:0;right:0;top:0;bottom:0}#main #video-container{position:relative;height:100vh}.pane-instruction{margin:.5em .5em 2em .5em;background-color:#fff;opacity:1;font-size:1.5em;padding:.75em;transition:opacity .5s ease}.pane-instruction p{margin:0}.logo-cell.logo-link img:hover{cursor:pointer}.settings-cell{padding-right:1em;margin-top:.75em}@media all and (-ms-high-contrast:none){.btn-group-main .menu-container .btn-group,::-ms-backdrop{min-width:300px}}#metapane .modal-buttons{text-align:left}#metapane .modal-buttons .btn-poster{margin-bottom:0}#metapane .modal-buttons .btn-poster i{pointer-events:none}#metapane .modal-loading{padding:1em}#metapane .modal-loading p.modal-loading-text{font-size:2em;color:#999}#metapane .modal-body{text-align:left}#metapane .modal-body h1{color:#009de0;margin-bottom:.5em}#metapane .modal-body h2{color:#009de0;font-size:1.5em}.modal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center}.modal__container{background-color:#fff;padding:30px;width:90%;max-width:700px;max-height:100vh;border-radius:4px;overflow-y:auto;box-sizing:border-box}@keyframes mmfadeIn{from{opacity:0}to{opacity:1}}@keyframes mmfadeOut{from{opacity:1}to{opacity:0}}@keyframes mmslideIn{from{transform:translateY(15%)}to{transform:translateY(0)}}@keyframes mmslideOut{from{transform:translateY(0)}to{transform:translateY(-10%)}}.micromodal-slide{display:none}.micromodal-slide.is-open{display:block}.micromodal-slide[aria-hidden=false] .modal__overlay{animation:mmfadeIn .3s cubic-bezier(0,0,.2,1)}.micromodal-slide[aria-hidden=false] .modal__container{animation:mmslideIn .3s cubic-bezier(0,0,.2,1)}.micromodal-slide[aria-hidden=true] .modal__overlay{animation:mmfadeOut .3s cubic-bezier(0,0,.2,1)}.micromodal-slide[aria-hidden=true] .modal__container{animation:mmslideOut .3s cubic-bezier(0,0,.2,1)}.micromodal-slide .modal__container,.micromodal-slide .modal__overlay{will-change:transform}#main #blackout-canvas,#main #draw-grid,#main #grid-canvas,#main #spotlight-canvas{position:absolute;left:0;right:0;top:0}#main .pane-progress{position:absolute;left:16%;width:300px;height:35px;background-color:#ffd600;top:70px;padding:5px;border-radius:50px}#main .pane-progress .progress-container{background-color:#fff;height:100%;cursor:pointer;pointer-events:all;border-radius:50px;overflow:hidden}#main .pane-progress .progress-track{background-color:#233e98;height:100%}.font-loader{width:0;height:0;overflow:hidden}.font-loader .sassoon-loader{font-family:"Sassoon Primary Rg"}.font-loader .sassoon-loader-md{font-family:"Sassoon Primary Md"}