.gap-35px {
    gap: 35px
}

.profile-header {
    border-radius: var(--border-radius)
}

.profile-main {
    position: relative
}

.profile-buttons {
    position: absolute;
    right: 15px;
    top: 15px
}

.user-maininfo .avatar img {
    border-radius: 100%;
    width: 120px;
    height: 120px;
    border: var(--sp-1) solid var(--bg-secondary)
}

.user-maininfo .profileUserStatus {
    width: var(--sp-5);
    height: var(--sp-5);
    position: absolute;
    border-radius: var(--border-radius-3);
    z-index: 2;
    border: var(--sp-1) solid var(--bg-secondary);
    margin: 80px;
    left: var(--sp-7)
}

.editProfile {
    right: 10px;
	position: absolute;
    top: 10px;
    z-index: 100;
	margin: 0;
    padding: 0;
    list-style: none;
    display: inline-flex;
    border-radius: 4px;
}

.settingsButton {
    font-size: 13px;
    line-height: 2.83;
    padding: 12px;
	background: rgba(0, 0, 0, .5);
    opacity: .6;
	border-right: 1px solid rgb(0 0 0 / 49%);
}

.settingsButton:hover {
	background: rgba(0, 0, 0, .5);
    opacity: .9;
}

li:last-child .settingsButton {
    border-right: none;
}

li:first-child .settingsButton {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

li:last-child .settingsButton {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.user-maininfo h1 {
    font-size: 26px
}

.user-maininfo h2 {
    font-size: 16px
}

.profile-stats {
    border: var(--border-1px)
}

.profile-separator {
    height: inherit;
    width: 1px;
    background: var(--border-color)
}

.profile-stats i {
    font-size: 16px
}

.profile-stats h3 {
    font-size: 14px;
    text-transform: uppercase;
    color: #8b949e;
    margin-bottom: 2px
}

.profile-left-side {
    min-width: 340px
}

.title-panel-boczny, .profile-box-title {
    padding: 25px;
    font-size: 14px;
    color: #dadada;
    font-weight: 600;
    position: relative;
    letter-spacing: 1px;
    text-align: center;
    background: rgb(11 16 16 / 77%);
    border-radius: 10px 10px var(--sp-0) var(--sp-0);
    border: var(--border-1px)
}

.text-panelboczny, .AnnouncementsRow, .steamgroup-wrapper, .stats-container, .whosonline, .profile-box-content {
    color: #fff;
    padding: var(--sp-2);
    background: var(--bg-secondary);
    border: var(--border-1px);
    border-radius: var(--sp-0) var(--sp-0) 10px 10px
}

.profile-box-row:last-of-type {
    border-bottom: var(--sp-0);
}

.profile-box-row {
    max-width: 420px;
    padding: 10px;
    border-bottom: var(--border-1px)
}

.profile-right-side {
    width: 100%
}

.p-8px {
    padding: var(--sp-2)
}

#activity {
    margin-bottom: 80px
}

.tablinks {
    width: 50%;
    padding: var(--sp-3);
    border-radius: var(--border-radius);
    background: rgb(11 16 16 / 77%)
}

.active-tablink {
    background-color: rgb(9 13 13 / 77%)
}

.usercp--wrapper {
    display: flex;
    flex-direction: column;
    width: -webkit-fill-available;
    margin: 10px auto 100px
}

.usercp--header {
    padding: 10px;
    margin: var(--sp-5) var(--sp-0) 10px
}

.conversations__header {
    display: flex;
    justify-content: space-between;
    background: var(--bg-secondary);
    padding: 10px 30px;
    border-radius: 13px
}

.conversations__header h1 {
    font-size: 25px
}

.conversations__body {
    display: flex;
    gap: 10px
}

.conversations__wrapper {
    position: relative;
    max-height: 550px;
    overflow-y: auto;
    padding: 10px;
    background: var(--bg-secondary);
    margin-top: 10px;
    border: 3px solid var(--border-color);
    min-width: 340px;
    max-width: 340px
}

.symposium_conf>a>div {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.conversations__new {
    width: -webkit-fill-available;
    margin-top: 10px;
    background: var(--bg-secondary);
    border-radius: 13px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.conversations__delete {
    background: var(--bg-secondary);
    border: 3px solid var(--border-color);
    border-radius: var(--sp-0) var(--sp-0) 13px 13px;
    padding: 10px var(--sp-0);
    display: flex;
    bottom: var(--sp-0);
    left: var(--sp-0);
    justify-content: center
}

.conversations__new i {
    font-size: 50px
}

.conversations__new h2 {
    font-size: 25px;
    margin-bottom: var(--sp-0)
}

.conversations__new p {
    margin: var(--sp-0);
    font-size: 14px
}

.symposium_conf>a:hover {
    color: unset
}

.symp-avatardate_wrapper>div>a>img {
    width: 35px;
    height: 35px
}

.symp-avatardate_wrapper>div:nth-of-type(1) {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 65px;
    justify-content: space-between
}

.conversations__header h1 a {
    margin-left: var(--sp-2)
}

.conversations__header h1 {
    font-size: 21px
}

.symp-message {
    display: flex;
    justify-content: space-between;
    margin: var(--sp-1) var(--sp-0);
    background: var(--bg-secondary);
    border-radius: 7px;
    align-items: center
}

.symp_header-newcon {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.symp_header-newcon span {
    font-size: 18px
}

.symp-avatardate_wrapper {
    display: flex;
    padding: 10px;
    border-radius: 13px;
    width: 100%;
    border: 2px solid var(--border-color)
}

.module-nav {
    min-width: 300px;
    height: min-content;
    padding: 6px;
    background: var(--bg-secondary);
    border-radius: 10px;
    border: var(--border-1px)
}

.module-nav .active-nav {
    background: var(--gradient-color)
}

.module-nav .module-nav-title, .content-box-title, .cke_dialog_title, .cke_dialog_footer {
    background: var(--gradient-color);
    margin: 5px var(--sp-0)
}

.module-nav .module-nav-title, .module-nav li a, .content-box-title, .cke_dialog_title, .cke_dialog_footer {
    display: block;
    padding: 11px var(--sp-5) !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: var(--border-radius) !important;
    border: var(--sp-0) !important;
	margin-bottom: 10px;
}

.module-nav li a i {
    width: 22px
}

.content-box {
    background-color: var(--bg-secondary);
    border: var(--border-1px);
    border-radius: 10px;
    padding: 10px
}

.usercp-section {
    padding: 15px 10px;
    border-bottom: var(--border-1px)
}

.usercp-heading--heading {
    font-size: 16.0px;
    font-weight: 700;
    display: inline;
    line-height: var(--sp-5)
}

.section-changemail {
    padding: var(--sp-2) 14px;
    background: #0d1116;
    border-radius: 100vw
}

.usercp-fillprofile-black {
    width: 80%;
    height: 18px;
    border-radius: 100vw;
    background-color: #333;
    margin-top: var(--sp-2)
}

.module-nav li a:not(.active-nav):hover {
    background-color: #060908;
    color: #fff
}

.usercp--changemail span {
    display: block;
    font-weight: 600;
    margin-bottom: 5px
}

.usercp--changepass span {
    display: block;
    font-weight: 600;
    margin-bottom: 5px
}

.usercp-changeavatar_img {
    border-radius: 100vw;
    width: 75px;
    height: 75px
}

.usercp--heading-padding {
    display: inline-block;
    width: calc(100% - 30px);
    padding: 15px;
    background: #0d1116;
    border-radius: 5px;
    width: 100%
}

.switch {
    height: var(--sp-5);
    border-radius: var(--sp-5);
    position: relative;
    display: inline-block;
    aspect-ratio: 2
}

.usercp-margin--wrapper {
    margin-left: 15px;
    margin-top: var(--sp-5);
    display: flex;
    align-items: center;
    font-weight: 600
}

.usercp-margin--wrapper span {
    margin-right: 10px;
    display: inline-block
}

.usercp-margin--wrapper select {
    margin-right: var(--sp-2)
}

.usercp-margin--wrapper label {
    margin-left: 15px
}

.usercp--submit {
    margin: var(--sp-5) var(--sp-0) var(--sp-0) var(--sp-0);
    display: flex;
    justify-content: center
}

.form-row {
    padding: 10px
}

.form-row > p {
    max-width: 100px;
    width: 100%;
    font-size: 14px
}

.form-row br {
    display: none
}

.form-row small {
    color: #1e2b2d
}