#my-account-modal{
    .modal-palette{
        width:min(640px, 95vw);
    }

    .modal-body{
        max-height:65vh;
        overflow-y:auto;

        .section{
            border:1px solid #e2e2e2;
            border-radius:10px;
            padding:14px;
            margin-bottom:14px;
            background:#fff;

            .section-line{
                display:flex;
                align-items:center;
                gap:12px;
                margin-bottom:10px;

                &:last-child{
                    margin-bottom:0;
                }

                label{
                    width:180px;
                    font-weight:600;
                    color:#2d2d2d;
                }

                input{
                    width:calc(100% - 192px);
                }
            }
        }

        .section-label{
            font-weight:700;
            color:#3b3b3b;
            margin:4px 0 8px 0;
        }

        .account-message{
            min-height:22px;
            font-size:10.5pt;
        }

        .account-message.error{
            color:#b00020;
        }

        .account-message.success{
            color:#11652a;
        }
    }
}

@media screen and (max-width: 675px){
    #my-account-modal{
        .modal-body{
            .section{
                .section-line{
                    display:block;

                    label,
                    input{
                        display:block;
                        width:100%;
                    }

                    label{
                        margin-bottom:5px;
                    }
                }
            }
        }
    }
}
1657