#profileLists,#profileSide{vertical-align:top;display:block}#insertVipCode,#profileContent .nicebox,#profileListsMenu .item{position:relative;border-radius:20px}#insertVipCode,.itemBox input{background:rgba(255,255,255,.1)}#profile section.header .content .details .username,#recentCmtList .item .title,#recentComments .info .date{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}#profile section.header{display:block;width:100%;border-radius:10px;position:relative;overflow:hidden;margin-top:20px;margin-bottom:20px;height:auto}#profile section.header .content{bottom:0;left:0;width:100%;z-index:50;position:relative;display:block;height:auto}#profile section.header .content .picture{position:absolute;bottom:25px;-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,.5);box-shadow:0 0 15px 0 rgba(0,0,0,.5);background-size:cover;background-position:center center}#profile section.header .content .details .rank{border-radius:5px;padding:6px 10px;font-size:10px;color:#fff;text-transform:uppercase;text-align:center;margin-left:10px;display:inline-block;transform:translate(0,-5px);font-weight:800}#profile section.header .content .details .rank.Admin{background:var(--red)}#profile section.header .content .details .rank.User{background:var(--green)}#profile section.header .content .details .rank.Banned{background:var(--red);color:#000}#profileContent .nicebox{display:block;box-shadow:0 0 30px 0 rgba(0,0,0,.2);padding:20px 30px;margin-bottom:20px}#profileContent .nicebox .title{font-size:20px;color:#fff}#profileContent{position:relative;display:block}#profileSide{float:left;width:30%;padding-right:10px}#profileLists{float:right;width:70%;overflow:hidden;padding-left:10px}#profileListsMenu{display:block;position:relative;width:100%;height:40px;font-size:0;text-align:center;margin-top:10px;margin-bottom:30px}#profileListsMenu .item{display:inline-block;padding:0 25px;font-size:12px;color:#fff;line-height:40px;cursor:pointer;opacity:.6;margin-right:20px;transition:.2s ease-in-out;background:#3e3349}#recentComments .info .date{position:relative;top:25px;left:70px;font-size:14px;color:#fff;display:block;max-width:70%;display:flex}#profileListsMenu .item.active,#profileListsMenu .item:hover{background:var(--orange);opacity:1;color:#000}#postersList{text-align:left;font-size:0;position:relative;display:block}.notYet{height:150px;position:relative;display:block;width:300px;margin:60px auto 30px;text-align:centeR;font-size:18px;color:#fff}.notYet svg{width:80px;height:80px;margin:20px auto;display:block;position:relative}.notYet path{fill:#fff}#postersList .gPoster{border-radius:10px;margin:10px}#postersList .gPoster .infos span{font-size:12px;margin-bottom:10px}#postersList .gPoster .infos .c{display:none}#insertVipCode{display:block;width:100%;height:60px}#generateVip .preInfo{font-size:14px;color:#fff;display:block;margin-top:5px;margin-bottom:15px;opacity:.8}#insertVipCode input{position:absolute;top:0;left:0;width:100%;height:100%;background:0 0;border:none;padding-left:20px;color:#fff;font-size:18px}#insertVipCode .btn{cursor:pointer;position:absolute;top:10px;right:10px;height:40px;width:auto;padding:0 20px;line-height:40px;border-radius:15px;background:var(--purple);color:#fff;font-size:12px;box-shadow:0 0 30px 0 rgba(0,0,0,.3);transition:.3s ease-in-out}#insertVipCode .btn:hover{opacity:.8}#recentComments,.itemBox .nicebox .title{text-align:center}#recentCmtList{padding-top:20px}#recentCmtList .item{display:block;position:relative;min-height:80px;margin-bottom:15px;border-radius:10px;cursor:pointer;transition:.2s ease-in-out}#recentCmtList .item:hover{background:rgba(255,255,255,.05)}#recentCmtList .item .poster{position:absolute;top:5px;left:5px;width:50px;height:70px}#recentCmtList .item .poster img{border-radius:5px;max-width:50px;max-height:70px}#recentCmtList .item .title{position:absolute;top:10px;left:70px;font-size:14px;color:#fff;display:block;max-width:70%}#recentCmtList .item .comment{display:block;position:relative;padding-top:30px;padding-left:70px;padding-right:20px;color:#fff;font-size:12px;text-align:left}.profileHeadButtons{position:absolute;top:10px;right:0;font-weight:800}.profileHeadButtons.logout{top:70px}#profileContent .itemBox{width:33.33%;float:left;padding:10px}#userImageBox .nicebox{height:310px}#userImageBox .updateUserImage .image{width:130px;height:130px;border-radius:50%;background-color:#f2f2f2;background-size:cover;background-position:center center;position:absolute;top:100px;left:50px}#userImageBox .updateUserImage .buttons{width:auto;position:absolute;top:120px;right:50px;text-transform:uppercase}#userImageBox .after{position:absolute;bottom:30px;left:0;text-align:center;color:#fff;width:100%;font-size:12px}.itemBox input{display:block;position:relative;height:50px;color:#fff;border-radius:20px;border:none;width:100%;padding:0 20px}.itemBox .preTit{display:block;position:relative;font-size:11px;color:#fff;margin-bottom:5px;margin-top:20px;padding-left:20px}#changePw .coolButton,#userOptions .coolButton{width:100%;margin-top:20px;text-align:center;padding-left:20px}.itemBox .error{color:#fab1a0;display:block;text-align:center;margin-top:10px}.itemBox .successUpdate{height:100px;text-align:center;color:#fff;margin-top:30px;margin-bottom:30px}#userImageBox .error{position:absolute;top:50px;left:0;width:100%}#profile section.header .content .picture{width:120px;height:120px;top:0;left:0;border-radius:60px}#profile section.header .content .details{display:block;position:relative;width:100%;padding-left:150px;top:0;left:0;height:120px;margin-bottom:10px}#profile section.header .content .details .username{position:relative;color:#fff;text-transform:uppercase;font-size:54px;letter-spacing:2px;display:block;font-weight:800;background:-webkit-linear-gradient(#f6d365,#fda085);background-clip:border-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:10px}@media only screen and (max-width:1440px){#userImageBox .updateUserImage .image{left:20px}#userImageBox .updateUserImage .buttons{right:20px}}@media only screen and (max-width:1280px){#profileSide{width:100%;float:right;padding:0}#profileLists{float:left;width:100%;padding:0;margin-bottom:20px}#postersList{text-align:centeR}#profileContent .itemBox{width:100%;display:block;float:unset;margin-bottom:20px}#userImageBox .updateUserImage{width:400px;position:relative;display:block;height:100%;margin:0 auto}#userImageBox .updateUserImage .image{top:50px}#userImageBox .updateUserImage .buttons{top:60px}#userImageBox .error{top:0}}@media only screen and (max-width:920px){#profileListsMenu .item{margin-right:5px;margin-left:5px;padding:0 15px}#profileListsMenu{height:auto;margin-bottom:10px}}@media only screen and (max-width:720px){#profileListsMenu .item{margin:0 10px 15px}.profileHeadButtons{position:relative;display:inline-block;width:45%;text-align:center;margin-right:2%;margin-left:2%;top:0;left:0;padding-left:40px!important}.profileHeadButtons.logout{top:0}#profile section.header .content .details .username{font-size:8vw}#profile section.header .content .picture{width:20vw;height:20vw}#profile section.header .content .details{padding-left:25vw;height:23vw}#profileContent .nicebox{margin-bottom:10px}.gobackprofilebs{top:0!important;width:100%;display:block;margin:0}}@media only screen and (max-width:480px){.profileHeadButtons{width:100%;display:block;margin:0 0 10px}#userImageBox .updateUserImage{width:100%}#userImageBox .updateUserImage .image{display:none}#userImageBox .updateUserImage .buttons{display:block;position:relative;top:0;left:0;width:100%;margin:20px auto;text-align:center}#userImageBox .after{display:block;position:relative;bottom:0}#userImageBox .nicebox{height:auto}#profileContent .itemBox{margin-bottom:0}}