#contact-react{width:100%;display:flex;flex-direction:column;gap:25px}#contact-react .success-dialog{width:300px;min-height:200px;border-radius:2rem;box-sizing:border-box;padding:25px;display:none;flex-direction:column;gap:25px;position:fixed;background-color:var(--color-5);top:50%;left:50%;transform:translate(-50%,-50%)}#contact-react .success-dialog.visible{display:flex}#contact-react .success-dialog .top{width:100%;display:flex;justify-content:flex-end}#contact-react .success-dialog .top .button-icon{display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;cursor:pointer}#contact-react .success-dialog .top button.button-icon{outline:none;padding:0;border:none}#contact-react .success-dialog .top .button-icon{width:50px;height:50px;font-size:25px;background-color:transparent;color:var(--color-2)}#contact-react .success-dialog .content{flex:1}#contact-react .success-dialog .content h6{font-size:2rem}#contact-react .success-dialog .content p{font-size:1.3rem;margin-top:25px}#contact-react form{width:100%;max-width:700px;display:block;border:4px dashed var(--color-4);box-sizing:border-box;padding:25px;border-radius:2rem;margin-top:25px}#contact-react form *[class*=form-error],#contact-react form *[class*=form-warning],#contact-react form *[class*=form-message]{display:block;margin:10px 0;box-sizing:border-box;border-radius:5px;padding:10px}#contact-react form .form-default.updating .form-message{color:var(--color-8)}#contact-react form .form-default.updated .form-message{background-color:var(--color-8);color:var(--color-2)}#contact-react form .form-errors{font-size:.8rem;font-weight:bolder;color:var(--color-6)}#contact-react form .form-row label,#contact-react form .form-row input,#contact-react form .form-row textarea{display:block;margin:10px 0;box-sizing:border-box}#contact-react form .form-row input,#contact-react form .form-row textarea{border:none;outline:none;border-radius:.4rem}#contact-react form .form-row label{font-weight:bolder}#contact-react form .form-row input{width:100%;height:40px;border-radius:5px;outline:none;padding:10px}#contact-react form .form-row .input-icon{position:relative}#contact-react form .form-row .input-icon .icon,#contact-react form .form-row .input-icon i{width:30px;height:30px;font-size:20px;display:flex;justify-content:center;align-items:center;position:absolute;top:50%;left:5px;transform:translateY(-50%)}#contact-react form .form-row .input-icon svg{width:15px;max-height:15px}#contact-react form .form-row .input-icon input{padding:5px 5px 5px 40px}#contact-react form .form-row .input-icon .icon,#contact-react form .form-row .input-icon i{opacity:.5}#contact-react form .form-row .input-icon input:focus+i,#contact-react form .form-row .input-icon input:focus+.icon{opacity:1}#contact-react form .form-row textarea{resize:vertical}#contact-react form .form-row .button-submit{display:flex;gap:10px;font-size:1rem;font-weight:bolder;box-sizing:border-box;padding:10px 25px;border-radius:.4rem;outline:none;border:none;box-shadow:1px 1px 4px var(--color-100)}#contact-react form .form-row .button-submit svg{width:15px}#contact-react form .form-select-one{display:inline-flex;flex-direction:column}#contact-react form .form-select-one .label-btn{display:inline-flex;align-items:center;gap:10px;background-color:var(--color-4);border-radius:.4rem;overflow:hidden}#contact-react form .form-select-one .label-btn .button-icon{display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;cursor:pointer}#contact-react form .form-select-one .label-btn button.button-icon{outline:none;padding:0;border:none}#contact-react form .form-select-one .label-btn .label{flex:1;font-size:1rem;box-sizing:border-box;padding:0 10px;cursor:pointer}#contact-react form .form-select-one .label-btn .button-icon{width:30px;height:30px;background-color:var(--color-4);color:var(--color-2)}#contact-react form .form-select-one .options{display:inline-flex;flex-direction:column;margin-top:10px}#contact-react form .form-select-one .options .option{width:100%;height:30px;cursor:pointer;box-sizing:border-box;padding:0 10px;display:inline-flex;align-items:center;justify-content:flex-start;font-size:1rem;border-radius:.4rem}#contact-react form .form-select-one .options .option:hover{background-color:var(--color-5)}#contact-react form .button-text{display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;padding:10px;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:.4rem;border:none}#contact-react form a.button-text{text-decoration:none}#contact-react form .form-row:not(:first-child){margin-top:25px}#contact-react form .form-error{box-sizing:border-box;padding:10px;border-radius:1rem;background-color:tomato;font-weight:bolder;font-size:1.3rem;margin-top:25px}#contact-react form textarea[name=message]{width:100%;padding:10px}#contact-react form input,#contact-react form textarea{background-color:var(--color-4);color:var(--color-2)}#contact-react form input:placeholder,#contact-react form textarea:placeholder{color:var(--color-2)}#contact-react form .button-text{background-color:var(--color-5);color:var(--color-2)}
