.user-guide-modal-iframe {
    border: 0;
    width: -webkit-fill-available;
    height: -webkit-fill-available;
}

.user-guide-modal .modal-dialog {
    border-radius: var(--aq-radius); /* gives overall curve */
    height: 80vh;
    overflow: hidden;
}

.user-guide-modal .modal-content {
    height: 80vh;
    border: none !important;
    box-shadow: var(--shadow) !important;
    border-radius: var(--aq-radius) !important; /* rounded corners for modal */
    background: var(--card-bg) !important;
    overflow: hidden;
}

.user-guide-modal .modal-body {
    margin: 1rem !important;
    background: transparent !important;
}