body.has-modal {
    overflow-y: hidden;
}
body.has-modal-scroll-fix {
    padding-right: 17px;
}

.modal-backdrop {
    overflow-y: auto;
}
.modal {
    overflow-y: auto;

    .modal-container {
        position: relative;
        outline: none;
        transition: opacity .3s linear;
     
        &.modal-container-additional {
            transition: transform .3s ease-out, opacity .3s linear, margin .3s ease;
            opacity: 0;

            &.show:not(.inactive) {
                opacity: 1;
            }
        }
    
        .modal-container-backdrop {
            position: absolute;
            display: none;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
        }
    
        &.inactive {
            opacity: 0.8;
    
            .modal-container-backdrop {
                display: block;
            }
        }
    }

    &.modal-scroll-fix {
        padding-left: 17px;
    }

    .modal-footer-content {
        flex-grow: 1;
    }

    .modal-content-pre {
        white-space: pre-wrap;
    }
}