#profile-header{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:45vh;border-bottom:1px solid #12292f;overflow:hidden;padding-top:15vh;transition:all .5s ease-in-out}#profile-header.reduced{height:35vh;padding-top:15vh}#profile-header.reduced .hexagon-outline{height:180px;width:160px}#profile-header .background{position:absolute;width:100%;height:auto;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}#profile-header .hexagon-outline{position:relative;height:220px;width:200px;background:#00ff7a;transition:all .4s}#profile-header .hexagon{position:relative;height:calc(100% - 8px);width:calc(100% - 8px);margin-top:4px;margin-left:4px}#profile-header .hexagon>input{opacity:0}#profile-header .hexagon img{position:absolute;width:auto;height:100%;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.1)}#profile-header .hexagon>label{position:absolute;width:100%;height:100%;top:0;left:0;background:#12292f;opacity:0;transition:none}#profile-header .hexagon>label>img{position:absolute;width:30%;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.5);height:auto;opacity:0;cursor:pointer;transition:none}#profile-header .hexagon>label:hover{opacity:.8}#profile-header .hexagon>label:hover>img{transform:translate(-50%,-50%) scale(1);opacity:1}#profile-header .hexagon>.loading{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/assets/images/loading-small.gif),rgba(1,25,30,.7);background-position:center;background-size:70%;background-repeat:no-repeat}#profile-header .hexagon,.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%)}#profile-header div.user{margin:0 1%;display:flex;align-items:flex-start;flex-direction:column;justify-content:center}#profile-header div.user h1.primary{margin:0;font-weight:800;text-transform:uppercase;color:#fff}#profile-header div.user p.secondary{display:flex;align-items:center;margin:0;color:#618a7d}#profile-header div.user p.secondary button{margin-left:10px;color:#618a7d;padding:4px 10px;border:solid 1px #618a7d}#profile-header div.user p.secondary button:hover{color:#00ff7a;border:solid 1px #00ff7a}#profile-header div.user .welcome{display:flex;align-items:center}#profile-header div.user .welcome h1{color:#fff;font-size:2rem;text-transform:uppercase;font-weight:800;margin:0}#profile-header div.user .welcome a{padding:10px;background-color:#00ff7a;color:#01191e;margin:0 0 0 10px}#profile-header div.user ul.acolades{margin:10px 0 0}#profile-header div.user ul.acolades li{color:#fff;display:flex;align-items:center}#profile-header div.user ul.acolades li span:first-child{background-color:#01ff79;color:#01191e;border-radius:100%;margin-right:5px;font-size:1rem;font-weight:600;width:30px;height:30px;display:flex;align-items:center;justify-content:center}#account-navigator{width:70%;padding:0 15%;background-color:#01191e;transition:all .5s ease-in-out}#account-navigator>ul{padding:5vh 0;text-align:center}#account-navigator>ul>li{margin:0;padding:0 3%;transition:all .4s;transition-timing-function:cubic-bezier(.33,1.84,.51,.95);display:inline-block}#account-navigator>ul>li:hover{transform:translateY(-10%) scale(1.3)}#account-navigator>ul>li a{display:flex;flex-direction:column;justify-content:center;align-items:center}#account-navigator>ul>li a>span:first-child{display:block;width:180px;height:180px;margin:0 3%;background-image:url(/assets/images/icons/account-icons-big.png);background-size:400%}#account-navigator.merged{background-color:#021114}#account-navigator.merged>ul{padding:0}#account-navigator.merged>ul>li{padding:1vh 3%}#account-navigator.merged>ul>li.active{background-color:#01191e}#account-navigator>ul>li:hover{transform:translateY(0) scale(1)}#account-navigator.merged>ul>li.active:hover{transform:none}#account-navigator.merged>ul>li a{flex-direction:row}#account-navigator.merged>ul>li a>span:first-child{width:50px;height:50px}#account-navigator.merged>ul>li a>span:nth-child(2){font-size:1rem}#account-navigator>ul>li.my-games a>span:first-child{background-position:0 0}#account-navigator>ul>li.my-orders a>span:first-child{background-position:-200% 0}#account-navigator>ul>li.my-data a>span:first-child{background-position:-100% 0}#account-navigator>ul>li a>span:nth-child(2){font-size:1.4rem;text-transform:uppercase;font-family:'exo 2',sans-serif;color:#fff;line-height:100%}#account-navigator>ul>li:hover a>span:nth-child(2){color:#00ff7a}.modal{z-index:9999}.modal .reign-of-dark{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.85);-webkit-transition:all .4s ease;transition:all .4s ease;animation:surge .3s}.modal .popup-alert{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:35%;padding:2rem;border:1px solid transparent;border-image:-webkit-linear-gradient(top,#11161b,#27343f);border-image:linear-gradient(180deg,#05e408 0,#27343f);border-image-slice:1;box-shadow:0 0 0 1px #162529;background:#12292f;max-height:60%;overflow-y:auto;animation:surge-absolute-inverse .5s;animation-timing-function:cubic-bezier(.47,-.03,.16,1.33)}.modal .popup-alert>div{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.modal .popup-alert>div button{margin:0 10px;width:auto}.modal .popup-alert.conditional{overflow-y:none!important}.modal .action.conditional{color:#fff;background:#e62020}.modal .action.conditional:hover{color:#fff;background:#000}.modal p{font-size:1.2rem;text-align:justify}.modal p strong{color:#00ff7a}.modal .popup-alert h3{color:#fff;position:absolute;top:50%;left:50%;background:#12292f;z-index:15;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:30%;min-width:425px;height:40%;padding:0 5%;border:4px solid #27343f;box-sizing:border-box}.modal a,.modal button{position:relative;padding:10px;margin:10px;background-color:#01ff79;color:#11161b}.modal button{position:relative;padding:10px;margin:10px;background-color:#01ff79;color:#11161b}@media(max-width:1000px){#profile-header .background{width:auto;height:100%;transform:translate(-50%,-50%) scale(1.4)}#account-navigator{width:90%;padding:0 5%}}@media(max-width:800px){#profile-header,#profile-header.reduced{height:auto;padding-top:20vh;padding-bottom:5vh}#profile-header{flex-direction:column}#profile-header div.user{margin:20px 10%;align-items:center}#profile-header div.user .welcome{flex-direction:column}#profile-header div.user .welcome a{margin:0}#profile-header div.user p.secondary{margin-top:20px}#account-navigator:not(.merged)>ul{flex-direction:column}#account-navigator:not(.merged)>ul li{margin-bottom:30px}#account-navigator.merged>ul>li a>span:first-child{width:70px;height:70px}#account-navigator.merged>ul>li a>span:nth-child(2){display:none}}