.profile_list form {
    padding: 2rem;
    width: 48rem;
    max-width: 100%;
}

.profile_list form .row {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.profile_list form .form-group {
    margin-bottom: 1rem;
}

.profile_list form .half-group {
    width: calc(50% - 0.5rem);
    max-width: calc(50% - 0.5rem);
    min-width: calc(50% - 0.5rem);
}

.password_text {
    margin-bottom: 2rem;
}

.password_text b {
    margin-bottom: 0.5rem;
    display: block;
}

.profile_list .btn {
    width: auto;
    display: block;
    text-align: center;
    margin: 2rem auto 0;
    background-color: var(--secondary_color);
    color: var(--white);
    font-weight: bold;
    border: 0.0625rem solid var(--secondary_color);
}

.profile_list .btn:hover,
.profile_list .btn_focus,
.profile_list .btn_focus-visible {
    background-color: var(--white);
    color: var(--secondary_color);
}

@media screen and (max-width: 24rem) {

    .profile_list form .half-group {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
    }
}

.profile_list form label {
    font-weight: 700;
    margin-bottom: 0.25rem;
    display: block;
}

.profile_list form input,
.profile_list form select {
    width: 100%;
    vertical-align: center;
    background-color: #fafafa;
    padding: 0.625rem 1.125rem;
    border: 0.0625rem solid var(--menu_border);
}

.profile_list form .checkbox-group {
    background-color: #fafafa;
    padding: 0.625rem 1.125rem;
    border: 0.0625rem solid var(--menu_border);
    width: 100%;
}

.profile_list form .checkbox-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.125rem 0;
}

.profile_list form .checkbox-item input[type="checkbox"] {
    width: auto;
    padding: 0;
    border: none;
    background: none;
    flex-shrink: 0;
}

.profile_list form .checkbox-item label {
    font-weight: normal;
    margin-bottom: 0;
    display: inline;
}