/* Center native Bootstrap dialogs without changing their state or handlers. */
.modal .modal-dialog{display:flex;align-items:center;min-height:calc(100% - 32px);margin:16px auto}
.modal .modal-dialog-centered::before{display:none}
.modal .modal-content{width:100%;min-width:0}
@media(max-width:575px){.modal .modal-dialog{min-height:calc(100% - 24px);margin:12px}}