@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}a img,fieldset,img{border:none}input[type=email],input[type=tel],input[type=text],textarea{-webkit-appearance:none}button,input[type=submit]{cursor:pointer}button::-moz-focus-inner,input[type=submit]::-moz-focus-inner{padding:0;border:0}textarea{overflow:auto}button,input{margin:0;padding:0;border:0}a,a:focus,button,div,h1,h2,h3,h4,h5,h6,input,select,span,textarea{outline:none}ol,ul{list-style-type:none}table{border-spacing:0;border-collapse:collapse;width:100%}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}@media (prefers-reduced-motion:reduce){*{-webkit-transition:none!important;transition:none!important}}*{font-family:Roboto,sans-serif}.app,body{background-color:#f7f7f7}.app{width:100%;height:100%;margin:0 auto;position:relative;padding-bottom:10px;z-index:1}.header{width:100%;height:100px;z-index:3;position:absolute;top:0;left:0;background:-webkit-gradient(linear,left top,left bottom,from(#2ca3dc),to(#13bce3));background:linear-gradient(180deg,#2ca3dc,#13bce3);overflow:hidden}.header__title{position:relative;height:100%;font-size:16px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:24px;font-weight:500;padding-left:20px;max-width:80%}.header:before{content:"";position:absolute;color:#fff;top:-5px;right:-20px;width:118px;height:118px;background-image:url(../img/ponpon.f221cd01.svg);background-size:cover;cursor:pointer;display:inline-block;-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}.calculator{position:relative;padding:0 20px;padding-top:120px;z-index:4}.calculator__item{background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px 15px;border-radius:4px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-shadow:3px 3px 19px 1px rgba(30,57,107,.08);box-shadow:3px 3px 19px 1px rgba(30,57,107,.08);margin-bottom:13px}.screen__title{font-size:16px;margin-bottom:6px}.screen__btn{background:-webkit-gradient(linear,left top,left bottom,from(#2ca3dc),to(#13bce3));background:linear-gradient(180deg,#2ca3dc,#13bce3);padding:10px 15px;text-align:center;color:#fff;border-radius:5px;font-weight:400;font-size:18px;cursor:pointer}.screen__input{width:100%;background-color:#fff;padding:10px 15px;border-radius:4px;-webkit-box-shadow:3px 3px 19px 1px rgba(30,57,107,.08);box-shadow:3px 3px 19px 1px rgba(30,57,107,.08);margin-bottom:15px}.screen__input input{width:100%;text-align:center;font-size:18px}.screen__error{background-color:#f66040;color:#fff;font-weight:500;padding:10px 15px;margin-bottom:10px;border-radius:3px}.result__title{margin-bottom:15px}.result__title,.result__titler{font-size:16px;margin-top:20px;font-weight:500}.result__titler{margin-bottom:5px}.result__icon{margin-bottom:15px;margin-left:40px;font-size:18px}.result__icon:before{content:"";position:absolute;color:#fff;top:-3px;left:-40px;width:26px;height:26px;display:inline-block}.result__var{font-weight:500;font-size:16px}.result__exp{position:relative}.result__exp:before{content:"";background-image:url(../img/star.b8c61f37.svg);background-size:cover}.result__coins{position:relative}.result__coins:before{content:"";background-image:url(../img/coin.b03c67df.svg);background-size:cover;width:26px;height:28px}.result__rumb{position:relative}.result__rumb:before{content:"";background-image:url(../img/rumb.4c544dc8.svg);background-size:cover;width:21px;height:28px}.result__game{position:relative}.result__game:before{content:"";background-image:url(../img/game.52f3c345.svg);background-size:cover;width:32px;height:28px}.result__med{position:relative}.result__med:before{content:"";background-image:url(../img/med.f041e9eb.svg);background-size:cover;width:26px;height:28px}.result__win{position:relative}.result__win:before{content:"";background-image:url(../img/win.7ea4557c.svg);background-size:cover;width:25px;height:28px}.result__img{width:55px;height:55px}.result__text{display:inline-block;margin-left:10px;font-size:16px}.result__item,.tabs{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tabs{-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-preferred-size:100%;flex-basis:100%;font-size:18px;height:100%;color:#fff;border-radius:4px;overflow:hidden;margin-bottom:15px}.tabs__tab{display:inline-block;position:relative;background:-webkit-gradient(linear,left top,left bottom,from(#2ca3dc),to(#13bce3));background:linear-gradient(180deg,#2ca3dc,#13bce3);padding:10px 5px;width:100%;height:100%;text-align:center;cursor:pointer}.tabs__tab.active{background:-webkit-gradient(linear,left top,left bottom,from(#00d1f3),to(#1a8ec2));background:linear-gradient(180deg,#00d1f3,#1a8ec2)}