.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.4);transition:opacity .3s ease}.support-request-modal .modal-content{background-color:#fefefe;margin:10% auto;padding:20px;border:1px solid #888;border-radius:10px;width:40%;transition:transform .3s ease;box-sizing:border-box;position:relative;min-height:300px}.support-request-modal .close{color:#aaa;float:right;font-size:28px;font-weight:bold}.support-request-modal .close:hover,.support-request-modal .close:focus{color:black;text-decoration:none;cursor:pointer}.support-request-modal .loader-container{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center}.support-request-modal .loader{width:5rem;height:5rem;border:5px solid #add8e6;border-radius:50%;overflow:hidden;transition:0.3s;box-shadow:0 0 .6rem rgba(0,0,0,0.3);animation:spin 1s linear infinite}.support-request-modal .loader.success{background:#90ee90;border-color:#90ee90}.support-request-modal .loader.fail{background:#ffcccb;border-color:#ffcccb}.support-request-modal .loader.success::before,.support-request-modal .loader.fail::before,.support-request-modal .loader.success::after,.support-request-modal .loader.fail::after{position:absolute;content:''}.support-request-modal .loader.success::before{height:7px;width:2.5rem;top:65%;left:44%;background-color:green;transform:rotate(-45deg);transform-origin:0% 50%;border-radius:5px;animation:baseGrow 1s}.support-request-modal .loader.success::after{height:7px;width:1.5rem;top:65%;left:50%;background-color:green;transform:rotate(-135deg);transform-origin:0% 50%;border-radius:5px;animation:tipGrow 1s}.support-request-modal .loader.fail::before{width:3rem;height:0.5rem;background:darkRed;top:calc(49.75%);left:calc(48.5%);transform:rotate(45deg);border-radius:10px;animation:leftIn .3s linear}.support-request-modal .loader.fail::after{width:3rem;height:0.5rem;background:darkRed;top:calc(49.75%);right:calc(48.5%);transform:rotate(-45deg);border-radius:10px;animation:rightIn .3s linear}.support-request-modal .loader.success,.support-request-modal .loader.fail{animation:pop 1.2s ease-in-out}@keyframes spin{0%{transform:rotate(0deg);border-top:5px solid #00f}100%{transform:rotate(360deg);border-top:5px solid #00f}}@keyframes tipGrow{0%{width:0px;left:0;top:0}25%{width:0px;left:0;top:0}50%{top:0%;left:0%;width:0}75%{top:0%;left:0%;width:0rem}100%{top:65%;left:50%;width:1.5rem}}@keyframes baseGrow{0%{width:0}90%{width:0}100%{width:2.5rem}}@keyframes pop{0%{transform:scale(1)}80%{transform:scale(1)}100%{transform:scale(1.1)}}@keyframes leftIn{0%{left:0;top:0;width:0}100%{top:calc(49.75%);left:calc(48.5%);width:3rem}}@keyframes rightIn{0%{right:0;top:0;width:0}100%{top:calc(49.75%);right:calc(48.5%);width:3rem}}.support-request-modal .status-message{text-align:center;margin-top:20px;font-size:20px;opacity:0;transition:opacity .5s}.support-request-modal .status-message.error{color:red}.support-request-modal .status-message.success{color:green}.support-request-modal .status-message.success p,.support-request-modal .status-message.error p{margin-top:15px}.support-request-modal form{display:block}.support-request-modal form input,.support-request-modal form textarea{width:100%;padding:10px;margin:10px 0;box-sizing:border-box;font-size:16px}.support-request-modal .btn{padding:10px 20px;margin:10px 5px;cursor:pointer;border:none;font-size:16px}.support-request-modal .btn.primary{background-color:#00f;color:#fff}.support-request-modal .btn.secondary{background-color:transparent;color:#000;border:1px solid #000}.support-request-modal .btn:hover{opacity:0.8}