:root {
    --card-background-color: #222222;
    --card-body-background-color: #252525;
    --card-border-color: #323232;
    --card-divider-color: #2c2c2c;
    --card-link-color: #08a2c8;
}

.modal-content {
    background-color: var(--card-background-color);
    border: 1px solid var(--card-border-color);
    border-radius: 10px;
}

.modal-header {
    color: white;
    border-bottom: 1px solid var(--card-divider-color);
}

.modal-header button.close {
    color: white;
}

.modal-body {
    background-color: var(--card-body-background-color);
    border-bottom: 1px solid var(--card-divider-color);
}

.modal-body input[type="text"] {
    color: white;
    border: 1px solid var(--card-border-color);
    border-radius: 10px;
}

.modal-body label {
    color: white;
}

.modal-body img {
    max-width: 70vw;
}

.modal-footer {
    border: none;
}

.modal-footer button#btn-close-report,
.modal-footer button#btn-close-promote {
    color: white;
    border-color: var(--card-border-color);
}

.modal-footer button#btn-close-report:hover,
.modal-footer button#btn-close-promote:hover,
.modal-footer button#btn-promote-post:hover {
    opacity: 0.75;
}

.modal-footer button#btn-promote-post {
    color: white;
    border-color: var(--card-link-color);
}

@media (min-width: 576px) {
    #lightbox-content-modal .modal-dialog {
        width: fit-content;
        max-width: 80vw;
    }
}