html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{overflow:hidden}html,body{background:#29b6f6;color:#fff;font-family:sans-serif}.rem{visibility:hidden;z-index:-9999;position:absolute;top:-1em;left:-1em;height:1em;width:1em}.inactive{height:0 !important;padding:0 !important;overflow:hidden}.panels>div{position:absolute;left:0;width:100%}.home-panel{-moz-transition:all 300ms;-o-transition:all 300ms;-webkit-transition:all 300ms;transition:all 300ms;height:calc(100% - 5.5rem);top:calc(-100% + 5.5rem)}.home-panel img{display:block;max-height:90%;max-width:60%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0}.home-panel .about{position:absolute;left:calc(100% - 3rem);top:-2rem;background:#178bc7;padding:3rem 3rem 1.5rem 1.5rem;text-decoration:none;font-size:1.5em;font-weight:bold;color:white;-moz-border-radius:20em;-webkit-border-radius:20em;border-radius:20em}.home-panel.scrolled{top:0}.search{background:#fff;position:fixed;left:0;right:0;margin:auto;height:3.5rem;top:calc(100% - 3.5em - 2em);-moz-transition:all 300ms;-o-transition:all 300ms;-webkit-transition:all 300ms;transition:all 300ms}.search>div{height:100%;position:absolute;top:0;left:0}.search>div.icon{padding:1rem;width:3.5rem;z-index:3}.search svg{max-width:100%;max-height:100%}.search .st0{fill:#606060}.search .input,.search input{width:100%;height:100%}.search input{padding-left:3.5rem;font-size:1.2em;color:#797979;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border:0;background:none}.search input:focus{color:#464646}.search.home-mode{width:calc(100% - 4em)}.search.search-mode{top:0 !important;width:100%;-moz-box-shadow:0 0.1em 0.2em 0 rgba(0,0,0,0.1);-webkit-box-shadow:0 0.1em 0.2em 0 rgba(0,0,0,0.1);box-shadow:0 0.1em 0.2em 0 rgba(0,0,0,0.1)}.search-panel{height:calc(100% - 3.5em);bottom:0;-moz-transition:all 300ms;-o-transition:all 300ms;-webkit-transition:all 300ms;transition:all 300ms;overflow-y:scroll;padding:0 1.5rem}.result{background:#20a1e4;padding:1.2em;margin:0;-moz-transition:opacity 300ms;-o-transition:opacity 300ms;-webkit-transition:opacity 300ms;transition:opacity 300ms;-moz-transition:margin 500ms;-o-transition:margin 500ms;-webkit-transition:margin 500ms;transition:margin 500ms;opacity:0}.result .type{background:#178bc7;padding:0.3em 0.7em;display:inline-block}.result p{font-size:1.05em}.result h2{font-size:1.3em;margin:0 0 1em}.result .term{background:none}.result.searching .term{background:#3eb7f6}.about-panel{position:absolute;background:#178bc7;z-index:999;top:-100%;overflow:hidden;padding:2em;height:100%;width:100%;text-align:center;-moz-transition:all 300ms;-o-transition:all 300ms;-webkit-transition:all 300ms;transition:all 300ms}.about-panel .logo{max-height:40%}.about-panel img{max-width:80%;max-height:40%}.about-panel h1{text-transform:uppercase;font-size:2em}.about-panel h1 .english{font-size:1.4em}.about-panel .version{font-weight:bold}.about-panel .dev-stage{padding:0.5em 0.9em;text-transform:uppercase;font-size:0.9em;background:#126b99}.about-panel h2{font-size:1em;margin:2.5em 0;opacity:0.5}.about-panel .cancel{position:absolute;left:calc(100% - 3rem);top:-2rem;background:#FF2E2E;padding:3rem 3rem 1.5rem 1.5rem;text-decoration:none;font-size:1.5em;font-weight:bold;color:white;-moz-border-radius:20em;-webkit-border-radius:20em;border-radius:20em}.about-panel.visible{top:0%}
