/* Account Page */

.account-container-wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--gap-14);
}

.account-info-container {
    display: flex;
    flex-direction: column;
    gap: var(--gap-24);
    width: 440px;
    padding: var(--padding-24);
    border-radius: var(--radius-12);
    background-color: var(--surface-normal-container10);
}

.account-info-keyvalue {
    display: flex;
    justify-content: space-between;
}

.link-button {
    color: var(--texticon-onnormal-lowemp);
}

.link-button:hover {
    color: var(--texticon-onnormal-highemp);
}

/* 회원탈퇴 모달 */
.modal-btn-container {
    margin-top: var(--gap-10);
    display: flex;
    justify-content: center;
    gap: var(--gap-14);
    width: 100%;
}
/* ----------------------------- 반응형 디자인 - 모바일 ----------------------------- */
@media (max-width: 500px) {
    .account-content-container {
        width: 100%;
    }
    
    .account-info-container {
        width: 100%;
        box-sizing: border-box;
    }
    
    .account-info-keyvalue {
        flex-direction: column;
        width: 100%;
        gap: var(--gap-4);
    }
}