#wm-contact-form {
position: relative;
}
#wm-contact-form form button[type="submit"]:disabled,
#wm-contact-form form button[type="submit"][disabled] {
opacity: 0.65;
cursor: not-allowed;
}
#wm-contact-form form .form-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
}
#wm-contact-form .form-overlay-error,
#wm-contact-form .form-overlay-success,
#wm-contact-form .form-overlay-filesize {
padding: 30px;
background-color: #fff;
border-radius: 0px;
border: 1px solid #333;
}
#wm-contact-form .form-overlay,
#wm-contact-form .form-overlay-error,
#wm-contact-form .form-overlay-success,
#wm-contact-form .form-overlay-filesize,
#wm-contact-form .form-overlay-loading {
display: none;
}
#wm-contact-form form.loading .form-container,
#wm-contact-form form.error .form-container,
#wm-contact-form form.success .form-container,
#wm-contact-form form.filesize .form-container {
opacity: 0.3;
pointer-events: none;
}
#wm-contact-form form.error .form-overlay-error,
#wm-contact-form form.error .form-overlay,
#wm-contact-form form.success .form-overlay-success,
#wm-contact-form form.success .form-overlay,
#wm-contact-form form.filesize .form-overlay-filesize,
#wm-contact-form form.filesize .form-overlay,
#wm-contact-form form.loading .form-overlay-loading,
#wm-contact-form form.loading .form-overlay {
display: flex;
}
#wm-contact-form #cryptchaUi .cryptcha{
padding-top:10px;
padding-bottom:10px;
font-size:0.8em
}
#wm-contact-form #cryptchaUi .progress-bar{
height:3px;
border-radius:3px;
transition:width 1.5s linear;
}
@keyframes svelte-14vnvai-waiter{
0%{
background:rgb(119, 119, 119)
}
50%{
background:rgb(255, 255, 255);
margin-left:20%;
margin-right:20%
}
100%{
background:rgb(119, 119, 119)
}
}
#wm-contact-form #cryptchaUi waiter-bar{
height: 3px;
margin-top: 3px;
border-radius:3px;
animation:svelte-14vnvai-waiter 2s infinite
}
#wm-contact-form #cryptchaUi .error{
color:red
}
#wm-contact-form #cryptchaUi .ok{
color:green
}