.modal{display:none;position:fixed;z-index:100;left:0;top:0;width:100vw;height:100vh;overflow:hidden;}.modal .content{position:relative;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#333;margin:auto;padding:0;border:1px solid #888;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);border-radius:.7rem;overflow:hidden;display:flex;flex-direction:column;flex-wrap:nowrap;width:fit-content;height:fit-content;max-width:80%;max-height:80%;color:#fff;}.modal .content .header{padding:.5em 1em;background-color:#eee;color:#222;}.modal .content .header>h4{padding:0;margin:0;}.modal .content .body{padding:.7em 1em;flex-grow:1;overflow:auto;text-align:left;}.modal .content .footer{border-top:1px solid #aaa;padding:.1em 1em;width:100%;}.modal .content .buttons{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;width:100%;margin:0 .5rem;}.modal .content .buttons>.button{width:max-content;text-decoration:none;}.modal .content .button{display:inline-block;background-color:#fff;border:.15rem solid #fff;color:#333;font-size:.8rem;font-weight:600;padding:.5rem 1rem;text-align:center;text-transform:uppercase;margin:.5rem;border-radius:.4rem;transition:all .2s ease-in-out;}.modal .content .button:hover{background-color:#2d62ed;color:#fff;border-color:#2d62ed;}.modal .content .button.outline,.modal .content .button.btn-cancel{background:transparent;color:#fff;}.modal .content .button.outline:hover,.modal .content .button.btn-cancel:hover{border-color:#2d62ed;color:#2d62ed;}.modal .content .button.LinkDisabled{color:#aaa;cursor:default;}.modal .content .button.LinkDisabled:hover{background-color:#fff;border-color:#fff;box-shadow:none;}.modal .content .button.btn-primary,.modal .content .button.btn-ok{background-color:#2d62ed;color:#fff;border:.15rem solid #2d62ed;}.modal .content .button.btn-primary.outline,.modal .content .button.btn-ok.outline{background:transparent;color:#2d62ed;}.modal .content .button.btn-primary:hover,.modal .content .button.btn-ok:hover{background-color:#fff;color:#2d62ed;border:.15rem solid #fff;}.modal .content .button.btn-secondary{background-color:#d50068;color:#fff;border:.15rem solid #d50068;}.modal .content .button.btn-secondary.outline{background:transparent;color:#d50068;}.modal .content .button.btn-secondary:hover{background-color:#fff;color:#d50068;border:.15rem solid #fff;}.modal .content .button.btn-yes{background-color:#23d3a7;color:#fff;border:.15rem solid #23d3a7;}.modal .content .button.btn-yes.outline{background:transparent;color:#23d3a7;}.modal .content .button.btn-yes:hover{background-color:#fff;color:#23d3a7;border:.15rem solid #fff;}.modal .content .button.btn-no{background-color:#f36161;color:#fff;border:.15rem solid #f36161;}.modal .content .button.btn-no.outline{background:transparent;color:#f36161;}.modal .content .button.btn-no:hover{background-color:#fff;color:#f36161;border:.15rem solid #fff;}.modal .close{color:#aaa;float:right;font-size:28px;font-weight:bold;}.modal .close:hover,.modal .close:focus{color:#000;text-decoration:none;cursor:pointer;}