@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap';*{margin:0;padding:0;list-style:none;/* border-radius: -60px; */text-decoration:none;font-family:poppins,open sans,roboto,sans-serif;font-size:14px;}body{background: #1c1d21;scrollbar-width:none;}u{text-decoration:underline}#tooltipWrapper{position:fixed;height:100%;top:0;width:100%;z-index:20;pointer-events:none}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{width:5px;border-radius:5px;background-color:#2f3136;}::-webkit-scrollbar-track{width:9px}body::-webkit-scrollbar{display:none}h2{font-family:open sans;font-weight:700;color:#fff;text-transform:uppercase;margin-bottom:25px}h1{font-family:open sans;font-weight:700;font-size:16px;color:#fff;text-transform:uppercase;margin-bottom: 1px;}h3{font-family:roboto;font-size:12px;font-weight:800;color:#8e9297;text-transform:uppercase;margin-bottom:15px}input:focus{outline-color:#fecb01}i{background-repeat:no-repeat;display:block}p{color:#fff;opacity:.5}.alerts-wrapper{position:fixed;top:35px;left:0;width:100%;height:max-content;display:flex;flex-wrap:wrap;justify-content:center;z-index:15}.alerts-wrapper .alert-wrapper{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:0;animation:alertFadeInOutWrapper 6s ease-in-out;opacity:0;pointer-events:none;transition:1s;height:max-content;transform:translateY(-100%)}@keyframes alertFadeInOutWrapper{0%{transform:translateY(-100%);opacity:0;padding:5px 0;margin-bottom:15}10%{transform:translateY(0);opacity:1;padding:5px 0;margin-bottom:15px}80%{transform:translateY(0);opacity:1;padding:5px 0;margin-bottom:15px}90%{padding:5px 0;opacity:0;transform:translateY(-100%);margin-bottom:15px}91%{padding:5px 0;margin-bottom:15px}100%{margin-bottom:0;padding:0}}.alerts-wrapper .alert-wrapper .alert{padding:0;width:calc(max-content - 30px);background-color:#000;border-radius:5px;height:0%;color:#fff;font-weight:600;box-shadow:0 0 0 5px rgba(0,0,0,.2);animation:alertFadeInOut 6s ease-in-out}@keyframes alertFadeInOut{0%{height:100%;padding:15px}91%{height:100%;padding:15px}100%{height:0%;padding:0}}.alerts-wrapper .alert-wrapper .alert p{display:block;overflow:hidden;opacity:.75;height:0;animation:alertFadeInOutp 6s ease-in-out}@keyframes alertFadeInOutp{0%{height:100%}91%{height:100%}100%{height:0}}.alerts-wrapper .alert-wrapper .alert.error{background-color:#bf2020}.alerts-wrapper .alert-wrapper .alert.success{background-color:#20bf6b}.avatar-badge-infos{width:131px;position:relative}.avatar-badge-infos input{width:100%;background-color:#404349;border-radius:4px;border:none;padding:10px 15px;box-sizing:border-box;margin-bottom:10px}.avatar-badge-infos textarea{width:100%;resize:none;background-color:#404349;border-radius:4px;border:none;padding:10px 15px;box-sizing:border-box}.designBadge-tools{display:flex;align-items:center;margin-bottom:-50px}.designBadge-tools li{height:55px;width:55px;display:block;background-color:#404349;cursor:pointer;margin-left:25px;border-radius:4px}.designBadge-tools li:first-item{margin-left:0}.buttonc.back{background:url(../public/images/badgecreator/back.png) center no-repeat;background-color:#404349}.buttonc.forward{background:url(../public/images/badgecreator/forward.png) center no-repeat;background-color:#404349}.buttonc.pencil{background:url(../public/images/badgecreator/pencil.png) center no-repeat;background-color:#ccc}.buttonc.pick{background:url(../public/images/badgecreator/pickcolor.png) center no-repeat;background-color:#404349;background-size:20px 20px}.buttonc.rubber{background:url(../public/images/badgecreator/rubber.png) center no-repeat;background-color:#404349;background-size:20px 20px}.buttonc.color{background:url(../public/images/badgecreator/colorpicker.png) center no-repeat;background-color:#404349;background-size:20px 20px}.buttonc.filler{background:url(../public/images/badgecreator/filler.png) center no-repeat;background-color:#404349;background-size:20px 20px}.tools-help-list li{display:flex;margin-bottom:15px}.tools-help-list li:last-child{margin-bottom:0}.tools-help-list li img{margin-right:15px}.bottom{position:relative;width:100%;height:65px;background-color: #1c1d21;border-bottom: 2px solid rgb(28 29 33);box-shadow: -1px 0px 0 2px rgb(28 29 33);}.bottom .attention{display:flex;align-items:center;height:100%}.bottom .attention p{margin-left:15px;height:max-content;width:80%;font-style:italic}i.frank-sprite{width:34px;height:37px;background-position:-139px -32px;background-image:url(../img/sprites_no.png?stable);background-repeat:no-repeat;display:block}.badge-send-button{background:-webkit-gradient(linear,left bottom,left top,from(#C49D02),color-stop(40%,#FFDD00),to(#FFE000));border-radius:5px;font-family:open sans;font-weight:700;color:#2f3136;text-transform:uppercase;border:none;padding:16px 20px;cursor:pointer;opacity:1;text-align:center;transition:.2s;margin-right:15px}.badge-send-button:hover{opacity:.5;transition:.2s}.avatar-badge-infos .button{background:-webkit-gradient(linear,left bottom,left top,from(#C49D02),color-stop(40%,#FFDD00),to(#FFE000));border-radius:5px;font-family:open sans;font-weight:700;color:#2f3136;text-transform:uppercase;border:none;padding:16px 20px;cursor:pointer;opacity:1;text-align:center;transition:.2s}.avatar-badge-infos .button:hover{opacity:.5;transition:.2s}#avatarbox{background:url(../public/images/badgecreator/avatarbox.png);background-position:-4px -5px;height:180px;width:193px;margin-right:10px}.badgecreator-badge-list{color:rgba(255,255,255,.25);max-height:500px;overflow-y:scroll}.badgecreator-badge-list td.img{width:40px;display:flex;align-items:center;margin-bottom:10px}.badgecreator-badge-list .share{color:#c49d02;transition:.2s;cursor:pointer}.badgecreator-badge-list .share:hover{opacity:.5;transition:.2s}.badgecreator-badge-list::-webkit-scrollbar{width:5px}.badgecreator-badge-list::-webkit-scrollbar-thumb{width:5px;border-radius:5px;background-color:rgba(0,0,0,.25)}.badgecreator-badge-list::-webkit-scrollbar-track{width:9px}.sticky-wrapper{position:sticky;top:95px}.box{background-color:#303338;box-shadow:0 0 0 5px rgba(255,255,255,.05);padding:15px;width:calc(100% - 30px);margin-bottom:50px;border-radius:5px}.box.badgecreate{display:flex}.box a{color:#c49d02;opacity:.5;transition:.2s}.box a:hover{opacity:1;transition:.2s}.wrapper{margin:0 auto;width:1000px;height:100%;position:relative}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.65);z-index:10;opacity:0;pointer-events:none;transition:.35s}.overlay.active{pointer-events:all;opacity:1;transition:.35s}.quick-profile-content{position:fixed;top:0;display:flex;justify-content:center;align-items:center;height:100%;width:100%;pointer-events:none;z-index:11}.quick-profile{pointer-events:relative;border-radius:10px;box-shadow:0 0 0 5px rgba(0,0,0,.05);width:600px;height:max-content;min-height:538px;background-color:#202225;opacity:0;display:none;pointer-events:none;transition:.35s;transform:translateY(200px);z-index:11}.quick-profile.active{opacity:1;pointer-events:all;display:block;transition:.35s;transform:translateY(0)}.quick-profile .quick-profile-top{background-color:#202225;display:flex;align-items:center;justify-content:space-between;padding:35px;border-top-left-radius:5px;border-top-right-radius:5px}.quick-profile .quick-profile-top .quick-profile-top-add-friend{background:-webkit-gradient(linear,left bottom,left top,from(#C49D02),color-stop(40%,#FFDD00),to(#FFE000));padding:15px;border-radius:4px;font-weight:700;color:#2f3136;font-family:roboto;box-shadow:0 0 0 3px rgba(255,255,255,.1);transition:.2s;cursor:pointer}.quick-profile .quick-profile-top .quick-profile-top-add-friend span{font-weight:600;font-family:roboto}.quick-profile .quick-profile-top .quick-profile-top-friends{background:-webkit-gradient(linear,left bottom,left top,from(#C49D02),color-stop(40%,#FFDD00),to(#FFE000));display:flex;align-items:center;padding:15px;border-radius:4px;box-shadow:0 0 0 3px rgba(255,255,255,.1);transition:.2s}.quick-profile .quick-profile-top .quick-profile-top-friends span{font-weight:600;font-family:roboto}.quick-profile .quick-profile-top .quick-profile-top-add-friend:hover{opacity:.5;transition:.2s}.quick-profile .quick-profile-top .quick-profile-habbo-wrapper{display:flex;align-items:center}.quick-profile .quick-profile-top .quick-profile-top-profile-img{box-shadow:0 0 0 10px rgba(255,255,255,.05);position:relative;display:block;width:100px;height:100px;border-radius:50%;overflow:hidden;margin-right:25px}.quick-profile .quick-profile-top .quick-profile-top-profile-img:hover::after{transform:translateY(0);transition:.35s}.quick-profile .quick-profile-top .quick-profile-top-profile-img::after{position:absolute;top:0;left:0;transform:translateY(100%);height:100%;width:100%;background-color:rgba(0,0,0,.75);content:'Profil ansehen';display:flex;align-items:center;justify-content:center;text-align:center;font-weight:600;color:#fff;z-index:11;transition:.35s}.quick-profile .quick-profile-top .quick-profile-top-profile-img .quick-profile-top-profile-img-habbo{position:absolute;bottom:-84px;left:50%;transform:translateX(-50%);z-index:2}.quick-profile .quick-profile-top .quick-profile-top-profile-img .quick-profile-top-profile-img-background{opacity:.5;z-index:1}.quick-profile .quick-profile-top .quick-profile-top-infos span{font-size:16px;margin-bottom:5px;font-weight:600;width:100%;color:#fff}.quick-profile .quick-profile-top .quick-profile-top-infos .quick-profile-top-badges-list{display:flex}.quick-profile .quick-profile-top .quick-profile-top-infos .quick-profile-top-badges-list .quick-profile-top-badges-list-item{position:relative;display:flex;align-items:center;margin-right:5px;cursor:pointer}.quick-profile .quick-profile-top .quick-profile-top-infos .quick-profile-top-badges-list .quick-profile-top-badges-list-item:hover>.quick-profile-top-badges-list-item-tooltip{opacity:1;top:-12px;transition:.2s}.quick-profile .quick-profile-top .quick-profile-top-infos .quick-profile-top-badges-list .quick-profile-top-badges-list-item .quick-profile-top-badges-list-item-tooltip{position:absolute;left:50%;top:-8px;transform:translate(-50%,-100%);background-color:#000;border-radius:5px;font-weight:600;padding:10px 15px;width:max-content;opacity:0;font-size:12px;pointer-events:none;z-index:3;transition:.2s}.quick-profile .quick-profile-top .quick-profile-top-infos .quick-profile-top-badges-list .quick-profile-top-badges-list-item .quick-profile-top-badges-list-item-tooltip svg{position:absolute;transform:translateX(-50%) rotate(-90deg);left:50%;bottom:-12px}.quick-profile .quick-profile-center{background-color:#202225;border-top:1px solid rgba(255,255,255,.05);padding:25px 35px}.quick-profile .quick-profile-center .quick-profile-center-nav{display:flex;color:#fff}.quick-profile .quick-profile-center .quick-profile-center-nav .quick-profile-center-nav-item{margin-right:25px;cursor:pointer;opacity:.5;transition:.2s}