#hype-login-tool p{width:auto;margin-left:1rem;margin-bottom:0;padding:0;overflow:hidden;text-overflow:ellipsis;font-family:'exo 2',sans-serif;color:#fff;font-size:1.1rem;font-weight:300;line-height:2rem;transition:all .3s;white-space:normal;line-height:1.5rem}#hype-login-tool .active{color:#01ff79}#hype-login-tool article{border-top:1px solid #181f22;border-bottom:1px solid #181f22}#hype-login-tool article li{font-family:roboto;font-weight:300;color:#adadad;font-size:1rem;list-style-type:none;display:block;padding-top:.5rem;padding-bottom:.5rem;background:0 0}#hype-login-tool .user-menu{padding-left:1rem}#hype-login-tool a.wrapper{height:100%;cursor:pointer;z-index:1}#hype-login-tool a.wrapper p{position:absolute;width:170px;top:50%;right:50px;transform:translateY(-50%);line-height:initial;font-size:.8rem;font-weight:600;text-transform:uppercase;text-align:right;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}#hype-login-tool a.wrapper p.active{color:#01ff79}#hype-login-tool a.wrapper:hover p{color:#01ff79}#hype-login-tool a.wrapper button{position:absolute;width:80px;height:80px;top:50%;left:-40px;transform:translateY(-50%);background:url("/assets/images/icons/login-ico.gif") 0px 50%/10% no-repeat;background-repeat:no-repeat;background-size:1000%;background-position-x:0;background-position-y:center;vertical-align:middle;-webkit-filter:grayscale(1);filter:grayscale(1);animation:sleep-dear-button;animation-duration:30s;animation-timing-function:step-end}@keyframes sleep-dear-button{0%{background-position-x:0}30%{background-position-x:11.1%}}#hype-login-tool a.wrapper button.logged{-webkit-filter:grayscale(0);filter:grayscale(0);animation-duration:60s}#hype-login-tool div.user-menu{position:fixed;max-width:280px;right:15%;top:0%;padding:0;margin-right:-50px;background:#12292f;overflow:hidden;border:solid 2px #01ff79;opacity:0;transition:all .3s;-webkit-transition-timing-function:cubic-bezier(.47,-.03,.16,1.33);transition-timing-function:cubic-bezier(.47,-.03,.16,1.33);visibility:hidden}#hype-login-tool div.user-menu ul{display:flex;flex-wrap:wrap;padding:5%}#hype-login-tool div.user-menu ul li{display:flex;margin:2%;padding:2%;width:46%;transition:all .1s linear;border:solid 2px #192327;box-sizing:border-box;cursor:pointer}#hype-login-tool div.user-menu ul li:hover{border:solid 2px #01ff79}#hype-login-tool div.user-menu ul li a{display:flex;align-items:center;color:#678a7d;line-height:1rem}#hype-login-tool div.user-menu ul li:hover a{color:#01ff79}#hype-login-tool div.user-menu ul li span{width:30px;height:30px;background-image:url(/assets/images/icons/account-icons.png);background-size:400%;background-repeat:no-repeat;margin-right:10%;background-position-y:center;filter:grayscale(.7)}#hype-login-tool div.user-menu ul li:hover span{filter:grayscale(0)}#hype-login-tool div.user-menu ul li:nth-child(1) span{background-position-x:0%;width:70px;height:70px;display:block;flex:2}#hype-login-tool div.user-menu ul li:nth-child(2) span{background-position-x:66%}#hype-login-tool div.user-menu ul li:nth-child(3) span{background-position-x:33%}#hype-login-tool div.user-menu ul li:nth-child(4) span{background-position-x:100%}#hype-login-tool div.user-menu ul li div{margin:0;flex:3;line-height:100%}#hype-login-tool div.user-menu ul li:first-child{width:96%;padding:4% 8%;min-height:100px}#hype-login-tool div.user-menu ul li:first-child a{font-size:1.2rem;line-height:1.2rem;height:100%}#hype-login-tool div.user-menu ul li:last-child{position:absolute;right:0;bottom:0;border:none;width:auto;right:2%}#hype-login-tool input.mobile-menu-rise{display:none}#hype-login-tool label.mobile-menu-rise{display:none;position:absolute;width:80px;height:60px;top:0;right:0;cursor:pointer}@media(min-WIDTH:1000px){#hype-login-tool a:hover~div.user-menu,#hype-login-tool div.user-menu:hover{padding:80px 0 60px;opacity:1;top:8%;visibility:visible}}@media(max-HEIGHT:750px) and (min-WIDTH:1000px){#hype-login-tool button{height:60px;width:60px}#hype-login-tool a:hover~div.user-menu,#hype-login-tool div.user-menu:hover{top:7%}}@media(max-WIDTH:1000px){#hype-login-tool div.user-menu{position:fixed;max-width:100%;max-height:0;top:90px;left:0;padding:0;top:90px;bottom:0;right:0;box-sizing:border-box;border:0;transform:scale(1);opacity:1;overflow:hidden}#hype-login-tool input.mobile-menu-rise:checked~.user-menu{max-height:100%;padding:80px 0 60px;visibility:visible}#hype-login-tool div.user-menu ul{height:100%;overflow-y:scroll;width:calc(90% + 20px);justify-content:flex-end}#hype-login-tool div.user-menu ul li{border:solid 2px #01ff79}#hype-login-tool div.user-menu ul li:last-child{position:relative}#hype-login-tool div.user-menu ul li span{min-width:50px;min-height:50px}#hype-login-tool div.user-menu ul li div{font-size:1.8rem}#hype-login-tool div.user-menu ul li:first-child{min-height:160px}#hype-login-tool div.user-menu ul li:first-child div{font-size:2rem}#hype-login-tool input.mobile-menu-rise{display:none}#hype-login-tool label.mobile-menu-rise{display:block}#hype-login-tool a.wrapper button{right:5px;left:inherit}#hype-login-tool a.wrapper button.logged{pointer-events:none}#hype-login-tool a:hover~div.user-menu,#hype-login-tool div.user-menu:hover{top:90px}}#hype-login-tool .hexagon-outline{position:absolute;width:64px;height:70px;top:50%;left:-40px;transform:translateY(-50%);background:#00ff7a;transition:all .4s}#hype-login-tool .hexagon{position:relative;height:calc(100% - 4px);width:calc(100% - 4px);margin-top:2px;margin-left:2px}#hype-login-tool .hexagon img{position:absolute;width:100%;height:auto;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.2)}#hype-login-tool .hexagon,#hype-login-tool .hexagon-outline{-webkit-clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}@media(max-WIDTH:1000px) and (max-HEIGHT:750px){#hype-login-tool div.user-menu{top:80px}#hype-login-tool div.user-menu:hover{top:80px}#hype-login-tool input.mobile-menu-rise:checked~.user-menu{padding:10px 0}}@media(max-WIDTH:1000px){#hype-login-tool .hexagon,#hype-login-tool .hexagon-outline{left:inherit;right:0}}@media(max-width:1000px){#hype-login-tool a.wrapper button{width:60px;height:60px}}