body.modal-open,html.modal-open{overflow:hidden;width:100vw;height:100dvh}body.modal-open dialog.modal,html.modal-open dialog.modal{opacity:1;transform:scale(1)}body.modal-open dialog.modal::backdrop,html.modal-open dialog.modal::backdrop{background:rgba(0,0,0,.7)}dialog.modal{opacity:0;transform:scale(.95);transition:opacity .3s ease,transform .3s ease;padding:20px;border:none;background:0 0;outline:0;width:auto;max-width:none;justify-content:center}dialog.modal[open]{display:flex}dialog.modal::backdrop{background:rgba(0,0,0,0);backdrop-filter:blur(4px)}dialog.modal .modal-content{background-color:#fff;border:1px solid #999;border-radius:6px;box-shadow:0 5px 15px rgba(0,0,0,.5);background-clip:padding-box;outline:0}dialog.modal .modal.extra-padding .modal-content{padding:15px}dialog.modal .modal.no-border .modal-content{border:none}dialog.modal .modal-header{padding:15px;border-bottom:1px solid #e5e5e5}dialog.modal .modal-header h2,dialog.modal .modal-header h3,dialog.modal .modal-header h4,dialog.modal .modal-header h5,dialog.modal .modal-header h6,dialog.modal .modal-header>h1{margin:0}dialog.modal .modal-header .close{margin-top:-2px;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;border:none;background:0 0;cursor:pointer;float:right}dialog.modal .modal-header .close:hover{opacity:.5}dialog.modal .modal-title{margin:0;line-height:1.42857143}dialog.modal .modal-body{padding:15px;min-height:100px}dialog.modal .modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}dialog.modal .modal-footer .btn+.btn{margin-left:5px}.modal-dialog.modal-lg{width:900px}@media (max-width:767px){dialog.modal{margin:0;padding:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh}dialog.modal .modal-dialog{width:100vw;height:100dvh;position:fixed;margin:0;padding:0}dialog.modal .modal-dialog .modal-content{width:100vw;height:100dvh;border:0;border-radius:0;display:flex;flex-direction:column}dialog.modal .modal-dialog .modal-content .modal-body{flex-grow:1;overflow-y:scroll}}@media (min-width:768px) and (max-width:991px),(min-width:992px){dialog.modal{position:relative;width:90%;margin:10px auto}dialog.modal .modal-content{max-height:90dvh;overflow-y:auto}}