.dx-tab-item {
    flex: 1
}

.dx-tab-item::after,.tab-li::after {
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    right: 0
}

.dx-tab-item::after {
    width: 1px;
    top: 0;
    background-color: rgba(255,255,255,.2)
}

.dx-tab-item,.tab-li {
    position: relative
}

.tab-li::after {
    left: 0;
    height: 2px
}

.tab-li:first-child .dx-tab-item::before {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    width: 1px;
    top: 0;
    bottom: 0;
    background-color: rgba(255,255,255,.2)
}

.tab-li.is-active::after {
    background-color: var(--dx-primary-color)
}

.profile-page {
    padding-top: 2px
}

.profile-shell {
    width: 100%;
    max-width: 420px;
    margin: 12px auto 0;
    padding: 0 12px 32px
}

.profile-panel {
    background: #232323;
    border-radius: 2px;
    padding: 18px 16px 26px;
    box-shadow: 0 10px 30px rgba(0,0,0,.18)
}

.profile-form {
    font-size: 13px
}

.profile-block {
    margin-bottom: 18px
}

.profile-block:last-of-type {
    margin-bottom: 0
}

.profile-heading {
    margin: 0 0 12px;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 600;
    color: #fff
}

.profile-account-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: #b8b8b8;
    line-height: 1.5
}

.profile-account-value {
    color: #8d8d8d
}

.profile-group {
    margin-bottom: 12px
}

.profile-group:last-child {
    margin-bottom: 0
}

.profile-label {
    display: block;
    margin-bottom: 8px;
    color: #bfbfbf;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4
}

.profile-input {
    margin-bottom: 0
}

.profile-input .form-control {
    height: 30px;
    padding: 6px 12px;
    font-size: 12px;
    color: #fff;
    background: #434343;
    border-color: #434343;
    border-radius: 2px;
    box-shadow: none
}

.profile-input .form-control::-moz-placeholder {
    color: #787878
}

.profile-input .form-control::placeholder {
    color: #787878
}

.profile-input .form-control:focus {
    border-color: rgba(214,59,119,.72);
    box-shadow: 0 0 0 2px rgba(214,59,119,.12)
}

.profile-actions {
    margin-top: 22px
}

.profile-submit.btn-primary {
    display: block;
    width: 100%;
    height: 38px;
    padding: 0 16px;
    border: 0;
    border-radius: 2px;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(90deg,#dc467f 0,#c21fe7 100%);
    box-shadow: none;
    transition: opacity .2s ease
}

.profile-submit.btn-primary:active,.profile-submit.btn-primary:focus,.profile-submit.btn-primary:hover {
    color: #fff;
    background: linear-gradient(90deg,#dc467f 0,#c21fe7 100%);
    opacity: .92
}

@media (min-width: 768px) {
    .profile-page {
        padding-top:8px
    }

    .profile-shell {
        max-width: 420px;
        padding: 0
    }

    .profile-panel {
        padding: 20px 24px 28px 16px
    }

    .profile-heading {
        margin-bottom: 14px;
        font-size: 17px
    }

    .profile-account-row {
        min-height: 24px
    }

    .profile-group {
        margin-bottom: 14px
    }

    .profile-label {
        margin-bottom: 9px
    }

    .profile-input .form-control {
        height: 31px
    }

    .profile-actions {
        margin-top: 24px
    }

    .profile-submit.btn-primary {
        height: 38px
    }
}