.account-container{width:100%;height:100%}.account-tabs{float:left;width:13%;overflow:hidden;margin-left:15px;margin-top:15px;background-color:#1e1e1e;-webkit-box-shadow:4px 3px 21px 8px rgb(255 255 255 / .07);-moz-box-shadow:4px 3px 21px 8px rgb(255 255 255 / .07);box-shadow:4px 3px 21px 8px rgb(255 255 255 / .07);border-radius:5px;z-index:1000}.account-tabs a{display:flex;align-items:center;min-height:25px;background-color:#1e1e1e;color:#fff;margin-top:5px;margin-bottom:1px;padding:10px;max-width:100%;transition:.2s}.account-tabs a:hover>.tab-icon{color:#ff4c4d;transform:scale(1.1)}.account-tabs a:hover{background-color:#dadada;color:#000}.account-tabs a:last-child{border-top:#fff solid 1px;margin-top:10px}.account-tabs .current-tab{background-color:#dadada;color:#000;font-size:16px}.account-tabs .current-tab>.tab-icon{color:#ff4c4d}.tab-icon{float:left;width:40%;font-size:35px!important;transition:.2s}.tab-name{float:right;text-align:left;width:60%}.tab-content{float:right;width:84%;overflow:hidden;border:#fff solid 1px;margin-top:15px;min-height:500px;margin-right:1%;border-radius:5px;background-color:#1e1e1e;-webkit-box-shadow:4px 3px 21px 8px rgb(255 255 255 / .07);-moz-box-shadow:4px 3px 21px 8px rgb(255 255 255 / .07);box-shadow:4px 3px 21px 8px rgb(255 255 255 / .07)}.header{margin-bottom:5px!important}.tab-content .tab-title{color:#fff;padding:10px;font-size:20px}.form-switch{display:inline-block;cursor:pointer;-webkit-tap-highlight-color:#fff0}.form-switch i{position:relative;display:inline-block;margin-right:.5rem;width:46px;height:26px;background-color:#e6e6e6;border-radius:23px;vertical-align:text-bottom;transition:all 0.3s linear;opacity:0}.form-switch i::before{content:"";position:absolute;left:0;width:42px;height:22px;background-color:#000;border-radius:11px;transform:translate3d(2px,2px,0) scale3d(1,1,1);transition:all 0.25s linear}.form-switch i::after{content:"";position:absolute;left:0;width:22px;height:22px;background-color:#fff;border-radius:11px;box-shadow:0 2px 2px rgb(0 0 0 / .24);transform:translate3d(2px,2px,0);transition:all 0.2s ease-in-out}.form-switch:active i::after{width:28px;transform:translate3d(2px,2px,0)}.form-switch:active input:checked+i::after{transform:translate3d(16px,2px,0)}.form-switch input{display:none}.form-switch input:checked+i{background-color:#3d854a}.form-switch input:checked+i::before{transform:translate3d(18px,2px,0) scale3d(0,0,0)}.form-switch input:checked+i::after{transform:translate3d(22px,2px,0)}.inside-tab{padding:10px}.tab-settings{width:100%;min-height:100px;overflow:hidden;background-color:#343434;border:#525252 solid 1px;display:flex;align-items:center;margin-bottom:20px}.inside-tab .explanation{float:left;width:70%;padding:10px;color:#fff}.explanation .explanation-title{display:block;font-size:20px;color:#fff;margin-bottom:10px}.inside-tab .switch-area{float:right;width:30%;background-color:#343434;border-left:#939393 solid 1px;min-height:100px;overflow:hidden;display:flex;align-items:center;justify-content:center}.center-error{text-align:center;margin-top:20px;font-size:30px}.skeleton-setting{margin-bottom:2px;position:absolute;width:50px;height:26px;overflow:hidden;border-radius:5px;background:linear-gradient(to right,#fff0,rgb(255 255 255 / .5) 50%,#fff0 80%),lightgray;background-repeat:repeat-y;background-size:30px 20px;background-position:0 0;animation:shine 0.5s infinite;z-index:500}.loader-little{position:absolute;width:25px;height:25px;border:3px solid #FFF;border-bottom-color:#fff0;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}.after-save-message{position:absolute;width:50px;height:50px;display:inline-block;margin-top:5px}.red{color:red}.skeleton-avatar{position:relative;width:150px;height:150px;display:block;overflow:hidden;border-radius:2px;background:rgb(130 130 130 / .2);background:-webkit-gradient(linear,left top,right top,color-stop(8%,rgb(130 130 130 / .2)),color-stop(18%,rgb(130 130 130 / .3)),color-stop(33%,rgb(130 130 130 / .2)));background:linear-gradient(to right,rgb(130 130 130 / .2) 8%,rgb(130 130 130 / .3) 18%,rgb(130 130 130 / .2) 33%);background-size:800px 100px;animation:thumb-shine 2s infinite ease-out;opacity:.7;border-radius:10px}.skeleton-row{position:absolute;width:200px;height:25px;display:block;overflow:hidden;border-radius:2px;background:rgb(130 130 130 / .2);background:-webkit-gradient(linear,left top,right top,color-stop(8%,rgb(130 130 130 / .2)),color-stop(18%,rgb(130 130 130 / .3)),color-stop(33%,rgb(130 130 130 / .2)));background:linear-gradient(to right,rgb(130 130 130 / .2) 8%,rgb(130 130 130 / .3) 18%,rgb(130 130 130 / .2) 33%);background-size:800px 100px;animation:thumb-shine 2s infinite ease-out;opacity:.7;border-radius:10px}.account-info-entry :first-child{margin-top:10px}.account-info-entry{margin-top:20px;display:block;height:25px}.account-info-entry div{display:none}.avatar-area{margin-left:10px;margin-top:10px;float:left;width:20%;overflow:hidden}.avatar-area img{border-radius:10px;max-width:200px;min-width:150px;height:auto;-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.account-info{margin-top:10px;float:right;width:75%;overflow:hidden}.user-name{margin-top:6px;margin-left:5px;font-size:20px;color:#fff}.name-wrapp div{display:inline-block}.edit-name i{display:none;padding:10px;cursor:pointer}.set-new-avatar,.remove-avatar,.see-profile{margin-top:10px;margin-bottom:5px;padding:10px;background-color:#343434;color:#fff;border-radius:15px;width:150px;text-align:center;border:0;font-size:14px;transition:.2s;display:block}.set-new-avatar:hover,.remove-avatar:hover,.see-profile:hover{background-color:#fff;color:#000;cursor:pointer}.drop-zone{width:160px;height:200px;padding:25px;display:flex;align-items:center;justify-content:center;text-align:center;font-family:"Quicksand",sans-serif;font-weight:500;font-size:20px;cursor:pointer;color:#ccc;border:4px dashed #bdbdbd;border-radius:10px;display:none;overflow:hidden;transition:.2s}.drop-zone--over{border-style:solid;background-color:#acacac;color:#000}.drop-zone__input{display:none}.drop-zone__thumb{width:100%;height:100%;border-radius:10px;overflow:hidden;background-color:#ccc;background-size:cover;background-position:center;position:relative}.drop-zone__thumb::after{content:attr(data-label);position:absolute;bottom:0;left:0;width:100%;padding:5px 0;color:#fff;background:rgb(0 0 0 / .75);font-size:14px;text-align:center}#avatar-loader{margin-top:35px;margin-left:10px;display:none}#after-avatar-load{color:#dadada;display:none}.comments-wrapp{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;transition:2s}.comment-entry{display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;border:#fff solid 1px;padding:10px;width:80%;overflow:hidden;margin-bottom:20px;transition:1.2s}.comment-info{display:flex;flex-direction:column;align-items:center;flex:0 0 25%}.comment-info img{width:60px;height:60px;border-radius:35px;padding:10px}.author-name{color:#fff;margin-bottom:10px}.comment-content{padding:5px}.center-block{flex:0 0 50%;overflow:hidden}.delete-comment{flex:0 0 25%;overflow:hidden;text-align:center;cursor:pointer}.delete-comment i{font-size:60px;padding:10px;color:#ff4c4d;opacity:.1}.delete-comment i:hover{color:#fff;transition:.2s}.skeleton-avatar-comment{position:relative;width:60px;height:60px;margin:10px;display:block;overflow:hidden;border-radius:35px;background:rgb(130 130 130 / .2);background:-webkit-gradient(linear,left top,right top,color-stop(8%,rgb(130 130 130 / .2)),color-stop(18%,rgb(130 130 130 / .3)),color-stop(33%,rgb(130 130 130 / .2)));background:linear-gradient(to right,rgb(130 130 130 / .2) 8%,rgb(130 130 130 / .3) 18%,rgb(130 130 130 / .2) 33%);background-size:800px 100px;animation:thumb-shine 2s infinite ease-out;opacity:.7}.skeleton-comment-info{position:relative;width:70px;height:20px;display:block;overflow:hidden;border-radius:2px;background:rgb(130 130 130 / .2);background:-webkit-gradient(linear,left top,right top,color-stop(8%,rgb(130 130 130 / .2)),color-stop(18%,rgb(130 130 130 / .3)),color-stop(33%,rgb(130 130 130 / .2)));background:linear-gradient(to right,rgb(130 130 130 / .2) 8%,rgb(130 130 130 / .3) 18%,rgb(130 130 130 / .2) 33%);background-size:800px 100px;animation:thumb-shine 2s infinite ease-out;opacity:.7;border-radius:10px;margin-bottom:10px}.skeleton-comment-content{position:relative;width:300px;height:15px;display:block;overflow:hidden;border-radius:2px;background:rgb(130 130 130 / .2);background:-webkit-gradient(linear,left top,right top,color-stop(8%,rgb(130 130 130 / .2)),color-stop(18%,rgb(130 130 130 / .3)),color-stop(33%,rgb(130 130 130 / .2)));background:linear-gradient(to right,rgb(130 130 130 / .2) 8%,rgb(130 130 130 / .3) 18%,rgb(130 130 130 / .2) 33%);background-size:800px 100px;animation:thumb-shine 2s infinite ease-out;opacity:.7;border-radius:10px;margin-bottom:10px}.skeleton-rating-small{position:relative;width:35px;height:20px;margin-right:5px;display:inline-block;overflow:hidden;border-radius:2px;background:rgb(130 130 130 / .2);background:-webkit-gradient(linear,left top,right top,color-stop(8%,rgb(130 130 130 / .2)),color-stop(18%,rgb(130 130 130 / .3)),color-stop(33%,rgb(130 130 130 / .2)));background:linear-gradient(to right,rgb(130 130 130 / .2) 8%,rgb(130 130 130 / .3) 18%,rgb(130 130 130 / .2) 33%);background-size:800px 100px;animation:thumb-shine 2s infinite ease-out;opacity:.7;border-radius:10px}.skeleton-rating-large{position:relative;width:70px;height:20px;margin-left:10px;display:inline-block;overflow:hidden;border-radius:2px;background:rgb(130 130 130 / .2);background:-webkit-gradient(linear,left top,right top,color-stop(8%,rgb(130 130 130 / .2)),color-stop(18%,rgb(130 130 130 / .3)),color-stop(33%,rgb(130 130 130 / .2)));background:linear-gradient(to right,rgb(130 130 130 / .2) 8%,rgb(130 130 130 / .3) 18%,rgb(130 130 130 / .2) 33%);background-size:800px 100px;animation:thumb-shine 2s infinite ease-out;opacity:.7;border-radius:10px}.rating-skeletons{display:flex;flex-direction:row}.comment-rating{margin-top:15px}.comment-rating div{padding:10px;display:inline}.comment-replies{margin-top:10px;font-size:14px}.more-comments-button{display:none;flex-direction:column;align-items:center;justify-content:center;padding:15px;border-radius:5px;background-color:#343434;color:#fff;transition:.3s;user-select:none;height:20px}.more-comments-button:not(.clicked):hover{background-color:#fff;color:#000;cursor:pointer}.post-button{transition:.2s}.post-button:hover{color:#fff}.new-comment{border:rgb(253 255 128 / 27%) solid 1px;-webkit-box-shadow:0 5px 45px -16px rgb(233 234 150 / .27);-moz-box-shadow:0 5px 45px -16px rgb(233 234 150 / .27);box-shadow:0 5px 45px -16px rgb(233 234 150 / .27)}.account-tab-splash{display:block;padding:20px;background-color:#141414}.liked-cards{display:flex;width:100%;flex-wrap:wrap;justify-content:center}.liked-card{flex:0 2 17%;padding:10px 10px;margin:6px 15px 15px;background-color:#2a2929;text-align:center;border-radius:9px;overflow:hidden;max-width:245px}.liked-card:hover>a img{transform:scale(.9);}.liked-card:hover{background-color:#343434}.skeleton-thumb-liked{position:relative;height:350px;display:block;overflow:hidden;border-radius:2px;background:rgb(130 130 130 / .2);background:-webkit-gradient(linear,left top,right top,color-stop(8%,rgb(130 130 130 / .2)),color-stop(18%,rgb(130 130 130 / .3)),color-stop(33%,rgb(130 130 130 / .2)));background:linear-gradient(to right,rgb(130 130 130 / .2) 8%,rgb(130 130 130 / .3) 18%,rgb(130 130 130 / .2) 33%);background-size:800px 100px;animation:thumb-shine 2s infinite ease-out;opacity:.7;border-radius:10px}.liked-title{margin-top:10px;height:50px;overflow:hidden;color:#fff}.liked-pages{margin-top:5px;color:#aaa}.delete-liked{margin-top:10px;background-color:#141414;padding:5px;border-radius:5px;transition:.5s}.delete-liked i{margin-right:2px}.delete-liked:hover{background-color:#ff4c4d;color:#fff;cursor:pointer}.skeleton-liked-info{position:relative;height:20px;width:80%;margin-left:10%;display:block;overflow:hidden;border-radius:2px;background:rgb(130 130 130 / .2);background:-webkit-gradient(linear,left top,right top,color-stop(8%,rgb(130 130 130 / .2)),color-stop(18%,rgb(130 130 130 / .3)),color-stop(33%,rgb(130 130 130 / .2)));background:linear-gradient(to right,rgb(130 130 130 / .2) 8%,rgb(130 130 130 / .3) 18%,rgb(130 130 130 / .2) 33%);background-size:800px 100px;animation:thumb-shine 2s infinite ease-out;opacity:.7;border-radius:10px;margin-bottom:10px}.liked-card img{width:100%;height:auto;background:#343434;transition:.2s}.liked-date{margin-top:10px}@media screen and (max-width:1520px){.avatar-area{width:20%}.account-info{width:75%}}@media screen and (max-width:1200px){.tab-name{display:none}.avatar-area{width:20%}.account-info{width:75%}.drop-zone{width:120px;height:160px}.account-tabs{position:fixed;bottom:0;height:60px;float:initial;display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;margin:initial;border:initial;overflow:hidden}.account-tabs a{flex:initial;max-height:25px;margin:initial;margin-left:20px;margin-right:20px;border:initial}.account-tabs a:last-child{border:initial;margin-top:initial}.tab-icon{font-size:28px!important;padding:1px!important}.tab-content{width:98%}.avatar-area{width:30%}.account-info{width:60%}.account-tabs .current-tab{background-color:initial}.account-tabs a:hover{background-color:initial!important}.liked-card{flex:1 2 17%}}@media screen and (max-width:1000px){.liked-card{flex:0 2 50%}}@media screen and (max-width:700px){.comment-entry{flex-direction:column;justify-content:center}.delete-comment{margin-top:10px}.comment-rating{text-align:center}.comment-replies{margin-bottom:10px}.account-tabs a{margin-left:0;margin-right:0}}@media screen and (max-width:620px){.avatar-area{width:100%;display:block;float:initial}.account-info{width:100%;display:block;float:initial}.set-new-avatar{display:block}#avatar-loader{top:310px;left:190px}}@media screen and (max-width:600px){.tab-settings{flex-direction:column}.inside-tab .switch-area{border-left:initial;border-top:#939393 solid 1px;margin-top:20px;width:95%;margin-top:0}.inside-tab .explanation{width:95%}.skeleton-comment-content{width:240px}}@media screen and (max-width:360px){.account-tabs a{padding:5px}}