button.btn{box-shadow:none!important;border:none;border-radius:0 0 0 0;padding:0;background-color:var(--main_color);color:var(--button_text_color)!important;font-size:var(--button_text_font_size);height:100%;width:100%}button.btn.gray{background-color:var(--secondary_color)}button.btn:disabled{background-color:var(--secondary_color)!important;opacity:1!important}button.btn .btn-inner{height:100%;display:flex;align-items:center;justify-content:center;font-family:Arial,sans-serif;font-weight:10}.btn-load{width:12vh;height:12vh}.btn-holder{display:none;display:flex;flex:1;width:100%;height:var(--button_block_height);align-items:center;justify-content:space-between;white-space:nowrap;z-index:20000}#uiElemsTop,.btn-holder{position:absolute;bottom:0}#uiElemsTop{z-index:100;text-align:center;width:56%;max-height:80%;height:auto;left:0;right:0;margin:auto;top:0}#uiElemsTop.hair{width:29%;max-height:58%}#uiElems{display:inline-block;position:relative}#uiElems,.face{height:100%;width:auto}.face{left:-100%;right:-100%;top:-100%;bottom:-100%;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;margin:auto}#uiElemsTop.hair .face.hair{position:absolute;max-width:none;max-height:none;width:180%;height:auto;left:-92%}.where{position:absolute;top:53%;right:-7%;width:15%}.plane_down{top:58%}.plane_down,.plane_top{position:absolute;right:-6%;width:14%}.plane_top{top:55%}.ninja{top:51%;width:15%;margin:auto}.face_string,.ninja{position:absolute;right:-7%}.face_string{top:55%;width:13%}.light{position:absolute;top:115%;right:4px;left:0;width:18%;margin:auto}.contrast_white{position:absolute;top:8%;left:16%;width:16%}.contrast_blue{position:absolute;top:8.5%;right:16%;width:16%}.turn_face_left,.turn_face_right{position:absolute;top:0;bottom:0;right:0;left:0;width:13.5%;margin:auto}.roll_face_left,.roll_face_right{left:0;width:80%}.pitch_b,.roll_face_left,.roll_face_right{position:absolute;top:0;bottom:0;right:0;margin:auto}.pitch_b{left:-58%;width:71%}.pitch_b.right{right:-58%;left:0}.pitch_t{position:absolute;top:0;bottom:0;right:0;left:-58%;width:71%;margin:auto}.pitch_t.right{right:-58%;left:0}.front{left:0;right:0;height:100%;width:auto;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;margin:auto}#loaderBars{visibility:hidden}#loaderBars .loadOuterBar{height:2px;z-index:30000;width:50%;position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);line-height:0;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}#loaderBars .loadBar{background-color:var(--main_color);width:10%;height:100%;flex-direction:column;justify-content:center;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease}#loaderBars .loadOuterTextBar{z-index:30000;width:100%;position:absolute;left:50%;top:52%;transform:translate(-50%,-50%)}#loaderBars .loadTextBar{display:flex;justify-content:center;align-items:center;line-height:.98}#loaderBars .loadOuterHTextBar{z-index:30000;width:100%;position:absolute;left:50%;top:56%;transform:translate(-50%,-50%)}#loaderBars .loadHTextBar{display:flex;justify-content:center;align-items:center;font-size:.8em}:root{--background_color:#fff;--main_color:#335aff;--secondary_color:grey;--button_text_color:#fff;--button_text_font_size:1.2em;--button_block_height:55px}.bottom-elements{position:absolute;left:0;bottom:var(--button_block_height);z-index:30001;background:rgba(0,0,0,.5);padding:.4rem;display:flex;flex:1;width:100%;margin:auto;align-items:center;justify-content:center;color:#fff}.bottom-elements .bottom-elements__element{padding:.1rem .3rem;display:flex;border-radius:1rem;margin:auto;align-items:center;color:#fff;font-weight:400;font-size:1rem}.bottom-elements .bottom-elements__element>img{margin-right:.3rem;margin-bottom:.15rem;width:1rem;height:1rem}html{background:var(--background_color)!important;height:100%}#canMainHolder{position:absolute;top:0;width:100%;margin:0;padding:0;height:100%;text-align:center}#canMain{margin:0;padding:0;display:inline-flex;justify-content:center;align-items:center;position:relative;max-width:100%;max-height:calc(100% - var(--button_block_height))}.modal{position:fixed;left:0;top:0;margin:none;padding:none;width:100%;height:100%;overflow:auto;background:var(--background_color)!important;z-index:30000!important}.modal img{max-height:calc(100% - var(--button_block_height));margin:auto}.modal img,canvas{max-width:100%;-o-object-fit:contain;object-fit:contain;display:block}canvas{max-height:calc(100vh - var(--button_block_height))}@media (max-width:379px){canvas{height:calc(100vh - var(--button_block_height));-o-object-fit:cover;object-fit:cover}}