.AuthorFormSection { 
    width: 100%;
    display: grid;
    gap: 30px;
    justify-items: center;
    padding-top: 20px;
}

.AuthorForm { 
    display: grid;
    gap: 15px;
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    padding: 0 10px;
}

.AuthorForm .FormItem {
    display: grid;
    gap: 5px;
    color: #555;
}

.AuthorForm .ImageFormItem {
    grid-template-columns: 60px 1fr;
    row-gap: 5px;
    column-gap: 20px;
    grid-template-areas: 
        "Label Label"
        "Image Button";
}

.AuthorForm .ImageFormItem .Label {
    grid-area: Label;
}
.AuthorForm .ImageFormItem .AuthorImage {
    grid-area: Image;
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
    border-radius: 100px;
}
.AuthorForm .ImageFormItem .AuthorImage_Dummy {
    grid-area: Image;
    width: 100%;
    aspect-ratio: 1/1;
    background-color: #ccc;
    border-radius: 100px;
}
.AuthorForm .ImageFormItem .SubmitButton {
    grid-area: Button;
    align-self: center;
}


/**
 * メッセージの表示
 */
 #AuthorForm_MessageContainer {
    display: flex;
    justify-content: center;
    align-items: center;
}
#AuthorForm_MessageContainer > div {
    display: none;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 20px 20px;
    margin-top: 20px;
}
#AuthorForm_MessageContainer .SuccessMessage {
    color: darkblue;
}
#AuthorForm_MessageContainer .FailureMessage {
    color: rgb(205, 51, 82);
}
#AuthorForm_MessageContainer .Show {
    display: flex;    
}


.AuthorForm_ButtonContainer {
    display: flex;
    gap: 20px;
    justify-content: center;
}