/* --------------------------------------------------------------
	Modal settings
-------------------------------------------------------------- */

dialog {
    border: 15px solid #ffffff;
    box-sizing: border-box;
    padding: 0;
    opacity: 0;
    transform: scale(0.8);
    transition:
        opacity 0.3s ease,
        transform 0.3s ease,
        overlay 0.3s allow-discrete,
        display 0.3s allow-discrete;
}

dialog[open] {
    opacity: 1;
    transform: scale(1);
    transition:
        opacity 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94),
        transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94),
        overlay 0.35s allow-discrete,
        display 0.35s allow-discrete;
}

@starting-style {
    dialog[open] {
        opacity: 0;
        transform: scale(0.8);
    }
}

dialog::backdrop {
    background-color: rgba(3, 3, 3, 0);
    transition:
        background-color 0.3s ease,
        overlay 0.3s allow-discrete,
        display 0.3s allow-discrete;
}

dialog[open]::backdrop {
    background-color: rgba(3, 3, 3, 0.9);
    transition:
        background-color 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94),
        overlay 0.35s allow-discrete,
        display 0.35s allow-discrete;
}

@starting-style {
    dialog[open]::backdrop {
        background-color: rgba(3, 3, 3, 0);
    }
}



/* --------------------------------------------------------------
	Page-specific settings
-------------------------------------------------------------- */

#modal-appendix-01 h1 {
    width: 1200px;
    margin: 0 0 0.4rem 0;
    font-size: 0.9rem;
    font-weight: 600;
    text-align: justify;
    line-height: 1.4;
}

#modal-appendix-01 table {
    width: 1200px;
    margin: 0;
    font-family: "Times New Roman";
}

#modal-appendix-01 table {
    border: none;
}

#modal-appendix-01 table tr,
#modal-appendix-01 table tr th,
#modal-appendix-01 table tr td {
    border-left: none;
    border-right: none;
    color: #444;
    font-weight: 400;
}

#modal-appendix-01 thead tr th {
    border-top: 1px solid #555;
    border-bottom: 1px solid #555;
}

#modal-appendix-01 tbody tr:last-child td {
    border-bottom: 1px solid #555;
}

#modal-appendix-01 tfoot tr td {
    border-bottom: none;
}

#modal-appendix-01 tbody tr th,
#modal-appendix-01 tbody tr td {
    padding: 0.4rem 1rem;
}

#modal-appendix-01 tbody tr td:first-child {
    text-align: right;
    padding-right: 1.4rem;
}