body {
    margin: 0;
}

canvas {
    display: block;
}

.modal-dialog {
    max-width: 40%;
}

.modal-dialog-slideout {
    min-height: 100%;
    margin: 0 0 0 0;
    background: #fff;
}

.modal.fade .modal-dialog.modal-dialog-slideout {
    -webkit-transform: translate(-100%, 0)scale(1);
    transform: translate(-100%, 0)scale(1);
}

.modal.fade.show .modal-dialog.modal-dialog-slideout {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    display: flex;
    align-items: stretch;
    -webkit-box-align: stretch;
    height: 100%;
}

.modal.fade.show .modal-dialog.modal-dialog-slideout .modal-body {
    overflow-y: auto;
    overflow-x: hidden;
}

.modal-dialog-slideout .modal-content {
    border: 0;
}

.modal-dialog-slideout .modal-header,
.modal-dialog-slideout .modal-footer {
    height: 4rem;
    display: block;
}

.alert {
    --bs-alert-margin-bottom: 0;
}

form {
    margin-bottom: 0;
}