.box{width:50px;height:50px;border-radius:7px;background-color:#357285;display:flex;justify-content:center;align-items:center;overflow:hidden}.box--hide{opacity:.2}.child-box{width:100%;height:100%;border-radius:7px;background-color:#ec7c64;transition-timing-function:ease-out;transition:.25s}.child-box--dot{width:20%!important;height:20%!important;border-radius:50%}.child-box--hide{width:0!important;height:0%!important;pointer-events:none!important}.child-box--white{-webkit-animation:to-white 1s ease-in-out forwards;animation:to-white 1s ease-in-out forwards}@-webkit-keyframes to-white{0%{background-color:#ec7c64}to{background-color:#fff}}@keyframes to-white{0%{background-color:#ec7c64}to{background-color:#fff}}.circle-transition{height:0;width:0;background-color:#fff;border-radius:50%}.circle-transition--show{-webkit-animation-name:show;animation-name:show;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-timing-function:cubic-bezier(.32,0,.67,0);animation-timing-function:cubic-bezier(.32,0,.67,0);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.circle-transition--hide{-webkit-animation-name:hide;animation-name:hide;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-timing-function:cubic-bezier(.33,1,.68,1);animation-timing-function:cubic-bezier(.33,1,.68,1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes show{0%{width:0;height:0}to{width:2000px;height:2000px}}@keyframes show{0%{width:0;height:0}to{width:2000px;height:2000px}}@-webkit-keyframes hide{0%{width:2000px;height:2000px}to{width:0;height:0}}@keyframes hide{0%{width:2000px;height:2000px}to{width:0;height:0}}.btn{width:100px;height:50px;border-radius:7px;background-color:#d3594c;border-bottom:2px solid #a5280c;color:#fff;cursor:pointer}.btn--disabled{pointer-events:none!important;opacity:.5!important}.btn:hover{background-color:#a5280c!important}.absolute--center,.circle-transition,.congrat{position:absolute;z-index:99;left:50%;top:50%;transform:translate(-50%,-50%)}.congrat{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#063c54;border-radius:7px;padding:20px;box-shadow:0 8px 24px rgba(149,157,165,.2);opacity:0;transition:all .5s ease-in-out}.congrat h1,.congrat p{text-align:center}.congrat p{margin-top:30px;margin-bottom:60px}.congrat .btn{width:150px}.congrat--hide{opacity:0;pointer-events:none}.congrat--show{opacity:1}body,html{overflow:hidden;font-family:Lucida Console,Lucida Sans Typewriter,monaco,Bitstream Vera Sans Mono,monospace;height:100%;background-color:#90dee0}h1,h2,h3,p{color:#fff;margin:0}p{line-height:25px}button{background-color:transparent;border:none;font-family:Lucida Console,Lucida Sans Typewriter,monaco,Bitstream Vera Sans Mono,monospace}.main-wrapper{height:100%;width:431px;margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.top-wrapper{width:100%;display:flex;align-items:flex-end}.top-wrapper .infos-wrapper{margin-right:auto}.grids-wrapper{padding:8px;background-color:#063c54;flex-direction:column;border-radius:7px;width:415px;height:415px;position:relative;overflow:hidden;margin:20px 0}.grids-wrapper,.sub-grid-wrapper{display:flex;justify-content:space-between}.sub-grid-wrapper{width:100%}.infos-wrapper{display:flex}.infos-wrapper>:first-child{margin-right:10px}.info-wrapper{background-color:#47c5c2;border-radius:7px;display:flex;flex-direction:column;align-items:center;padding:15px}.info-wrapper h3{color:#195c79;margin-bottom:10px}.info-wrapper span{color:#fff}.info-wrapper .text--disabled{color:#838586!important}.bottom-wrapper{width:100%;display:flex;justify-content:center}.bottom-wrapper>:first-child{margin-right:10px}