.component.profile_skillz_bar{flex-direction:row;justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.component.profile_skillz_bar>.user_categories_wrapper{flex-flow:wrap;flex-grow:1;justify-content:flex-start;align-items:flex-start;gap:5px;width:100%;display:flex}.component.profile_skillz_bar>.user_categories_wrapper>p{color:#faf8f8;white-space:nowrap;border:1px solid #571c1c;border-radius:3px;flex-direction:row;justify-content:center;align-items:stretch;width:auto;padding:2px 10px;font-size:12px;font-weight:600;display:flex;background:#3a2424!important}
.component.profile_overview{z-index:999;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:15px;width:280px;min-width:280px;max-width:280px;display:flex;position:relative}.component.profile_overview>.username{background:radial-gradient(circle,#292d36 50%,#121418 100%);border:1px solid #30333b;border-radius:10px;flex-direction:row;justify-content:center;align-items:center;width:100%;padding:10px;display:flex}.component.profile_overview>.username>p{color:#fff;white-space:nowrap;letter-spacing:.75px;font-size:16px;font-weight:600}.component.profile_overview>.edit_profile_wrapper{width:100%}.component.profile_overview>.edit_profile_wrapper>button{background-color:#1d2027;border:1px solid #30333b;border-radius:3px;flex-direction:row;justify-content:center;align-items:center;gap:5px;width:100%;padding:5px 15px;transition:all .1s ease-in-out;display:flex}.component.profile_overview>.edit_profile_wrapper>button:hover{background-color:#30333b;transition:all .1s ease-in-out}.component.profile_overview>.edit_profile_wrapper>button:hover>p,.component.profile_overview>.edit_profile_wrapper>button:hover>svg{color:#fff;transition:all .1s ease-in-out}.component.profile_overview>.edit_profile_wrapper>button>svg{width:16px;color:var(--red);transition:all .1s ease-in-out}.component.profile_overview>.edit_profile_wrapper>button>p{color:var(--red);font-size:14px;font-weight:400;line-height:normal;transition:all .1s ease-in-out}.component.profile_overview>.profile_image_wrapper{cursor:pointer;background:radial-gradient(circle,#292d36 50%,#121418 100%);border:1px solid #30333b;border-radius:10px;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;min-height:278px;display:flex}.component.profile_overview>.profile_image_wrapper>.profile_image{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;border:none;border-radius:10px;flex-flow:row;justify-content:center;align-items:center;width:100%;height:auto;padding:0;display:flex;position:relative;overflow:hidden}.component.profile_overview>.profile_image_wrapper>.profile_image>img{-o-object-fit:cover;object-fit:cover;width:auto;height:100%}.component.profile_overview>.profile_basic_info_wrapper{flex-direction:column;flex-grow:1;justify-content:space-around;align-items:center;gap:30px;width:100%;display:flex}.component.profile_overview>.profile_basic_info_wrapper>.row.top{flex-direction:column;justify-content:flex-start;align-items:center;gap:15px;width:100%;display:flex}.component.profile_overview>.profile_basic_info_wrapper>.row.top>.join_date{color:#c3c3c3;font-size:16px}.component.profile_overview>.profile_basic_info_wrapper>.row.top>.userstats_wrapper{flex-flow:row;justify-content:center;align-items:center;gap:15px;width:100%;display:flex}.component.profile_overview>.profile_basic_info_wrapper>.row.top>.userstats_wrapper>button,.component.profile_overview>.profile_basic_info_wrapper>.row.top>.userstats_wrapper>a{cursor:pointer;flex-direction:column;justify-content:flex-start;align-items:center;gap:5px;width:auto;padding:0 5px;display:flex}.component.profile_overview>.profile_basic_info_wrapper>.row.top>.userstats_wrapper>button>span,.component.profile_overview>.profile_basic_info_wrapper>.row.top>.userstats_wrapper>a>span{color:#fff;font-size:16px;font-weight:600;line-height:12px}.component.profile_overview>.profile_basic_info_wrapper>.row.top>.userstats_wrapper>button>p,.component.profile_overview>.profile_basic_info_wrapper>.row.top>.userstats_wrapper>a>p{color:#c3c3c3;font-size:16px;font-weight:400;line-height:normal}.component.profile_overview>.profile_basic_info_wrapper>.row.top>.userstats_wrapper>button:disabled>span,.component.profile_overview>.profile_basic_info_wrapper>.row.top>.userstats_wrapper>a:disabled>span,.component.profile_overview>.profile_basic_info_wrapper>.row.top>.userstats_wrapper>button:disabled>p,.component.profile_overview>.profile_basic_info_wrapper>.row.top>.userstats_wrapper>a:disabled>p{color:#a5a5a5}.component.profile_overview>.profile_basic_info_wrapper>.row.top>.profile_socials_wrapper{flex-direction:row;justify-content:flex-end;align-items:center;gap:15px;display:flex}.component.profile_overview>.profile_basic_info_wrapper>.row.top>.profile_socials_wrapper>a>svg{color:#c3c3c3;width:20px;transition:all .1s ease-in-out}.component.profile_overview>.profile_basic_info_wrapper>.row.top>.profile_socials_wrapper>a:hover>svg{color:#fff;transition:all .1s ease-in-out}.component.profile_overview>.profile_basic_info_wrapper>.row.bottom{flex-direction:column;justify-content:flex-start;align-items:center;gap:5px;width:100%;display:flex}.component.profile_overview>.profile_basic_info_wrapper>.row.bottom>.profile_follow_button,.component.profile_overview>.profile_basic_info_wrapper>.row.bottom>.profile_message_button,.component.profile_overview>.profile_basic_info_wrapper>.row.bottom>.login_btn{cursor:pointer;white-space:nowrap;background:#30333b;border:none;border-radius:5px;flex-direction:row;justify-content:center;align-items:center;gap:5px;width:100%;padding:5px 10px;transition:all .1s ease-in-out;display:flex}.component.profile_overview>.profile_basic_info_wrapper>.row.bottom>.profile_follow_button>svg,.component.profile_overview>.profile_basic_info_wrapper>.row.bottom>.profile_message_button>svg,.component.profile_overview>.profile_basic_info_wrapper>.row.bottom>.login_btn>svg{color:#c3c3c3;width:20px;min-width:20px;max-width:20px;transition:all .1s ease-in-out}.component.profile_overview>.profile_basic_info_wrapper>.row.bottom>.profile_follow_button>p,.component.profile_overview>.profile_basic_info_wrapper>.row.bottom>.profile_message_button>p,.component.profile_overview>.profile_basic_info_wrapper>.row.bottom>.login_btn>p{white-space:nowrap;color:#c3c3c3;font-size:16px;transition:all .1s ease-in-out}.component.profile_overview>.profile_basic_info_wrapper>.row.bottom>.profile_follow_button:hover,.component.profile_overview>.profile_basic_info_wrapper>.row.bottom>.profile_message_button:hover,.component.profile_overview>.profile_basic_info_wrapper>.row.bottom>.login_btn:hover{background:#0f1014;transition:all .1s ease-in-out}.component.profile_overview>.profile_basic_info_wrapper>.row.bottom>.profile_follow_button:hover>svg,.component.profile_overview>.profile_basic_info_wrapper>.row.bottom>.profile_message_button:hover>svg,.component.profile_overview>.profile_basic_info_wrapper>.row.bottom>.login_btn:hover>svg,.component.profile_overview>.profile_basic_info_wrapper>.row.bottom>.profile_follow_button:hover>p,.component.profile_overview>.profile_basic_info_wrapper>.row.bottom>.profile_message_button:hover>p,.component.profile_overview>.profile_basic_info_wrapper>.row.bottom>.login_btn:hover>p{color:#fff;transition:all .1s ease-in-out}.component.profile_overview>.profile_basic_info_wrapper>.row.bottom>.profile_editor_btn{width:auto}.component.profile_overview>.profile_basic_info_wrapper>.row.bottom>.profile_editor_btn>a{cursor:pointer;white-space:nowrap;background:#273a24;border:none;border-radius:5px;flex-direction:row;justify-content:flex-start;align-items:center;gap:5px;width:100%;padding:5px 10px;transition:all .1s ease-in-out;display:flex}.component.profile_overview>.profile_basic_info_wrapper>.row.bottom>.profile_editor_btn>a>svg{color:#fff;width:16px;transition:all .1s ease-in-out}.component.profile_overview>.profile_basic_info_wrapper>.row.bottom>.profile_editor_btn>a>p{white-space:nowrap;color:#fff;font-size:14px;transition:all .1s ease-in-out}.component.profile_overview>.profile_basic_info_wrapper>.row.bottom>.profile_editor_btn>a:hover{background:#1c571d;transition:all .1s ease-in-out}.component.profile_overview>.profile_basic_info_wrapper>.row.bottom>.profile_editor_btn>a:hover>svg,.component.profile_overview>.profile_basic_info_wrapper>.row.bottom>.profile_editor_btn>a:hover>p{color:#fff;transition:all .1s ease-in-out}.component.profile_overview>.profile_basic_info_wrapper>.row.bottom>.profile_editor_btn>a.save_changes{background:#388c54;transition:all .1s ease-in-out;border:1px solid #183c24!important}.component.profile_overview>.profile_basic_info_wrapper>.row.bottom>.profile_editor_btn>a.save_changes>p{color:#fff}.component.profile_overview>.profile_basic_info_wrapper>.row.bottom>.profile_editor_btn>a.save_changes:hover{background:#307848;transition:all .1s ease-in-out}