.modal {
    --bs-modal-bg: var(--secondary-polynesian-color);
    --bs-modal-color: var(--neutral-white-color);
    --bs-modal-header-border-width: 0;
    --bs-modal-border-radius: 0;
    --bs-modal-inner-border-radius: 0;
    --bs-modal-header-padding: var(--spacing-24) var(--spacing-24) 0;
    --bs-modal-footer-border-width: 0;
    --bs-modal-padding: var(--spacing-30) var(--spacing-24) var(--spacing-24);
    --bs-modal-title-line-height: var(--line-height-120);
}
.course-unit-modal .modal-header .btn-close {
    --bs-btn-close-bg: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_9185_33035" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="32" height="32"><rect width="32" height="32" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_9185_33035)"><path d="M10.8667 22.6672L9 20.8005L13.8 16.0005L9 11.2339L10.8667 9.36719L15.6667 14.1672L20.4333 9.36719L22.3 11.2339L17.5 16.0005L22.3 20.8005L20.4333 22.6672L15.6667 17.8672L10.8667 22.6672Z" fill="white"/></g></svg>');
    height: 3.2rem;
    width: 3.2rem;
    background-size: cover;
    --bs-btn-close-opacity: 1;
    --bs-btn-close-hover-opacity: 1;
    padding: 0;
}
.course-unit-modal .modal-content p.label {
    font: var(--sm-14-font-definition);
}
.course-unit-modal .modal-content p.course-unit__label + p {
    margin-top: var(--spacing-8);
}
.course-unit-modal .modal-content p + p.course-unit__label {
    margin-top: var(--spacing-24);
}
.course-unit-modal .modal-content p.course-unit__label {
    font: var(--label-m-font-definition);
}
.course-unit-modal .modal-content p.course-unit__label::before {
    content: '';
    width: var(--spacing-8);
    height: var(--spacing-8);
    background-color: var(--neutral-white-color);
    display: inline-block;
    margin-right: var(--spacing-12);
    transform: translateY(-0.25rem);
}
.course-unit-modal .modal-content .row + .row {
    margin-top: var(--spacing-24);
}
.course-unit-modal .modal-footer {
    padding: var(--bs-modal-padding);
}
.course-unit-modal .modal-footer .pagination {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-top: 0;
    padding-bottom: var(--spacing-12);
}
@media screen and (min-width: 992px) {
    .modal {
        --bs-modal-padding: var(--spacing-32);
        --bs-modal-header-padding: var(--bs-modal-padding) var(--bs-modal-padding) 0;
    }
    .course-unit-modal .modal-body {
        padding-top: 0;
    }
    .course-unit-modal .modal-content p.label {
        font: var(--sm-15-font-definition);
    }
    .course-unit-modal .modal-content .row + .row {
        margin-top: var(--spacing-32);
    }
    .course-unit-modal .modal-footer {
        padding: 0 var(--bs-modal-padding) var(--bs-modal-padding);
    }
    .course-unit-modal .modal-footer .pagination {
        padding-top: var(--spacing-12);
    }
}