.subscribe_form_group{width:100%;position:relative}.subscribe_form_group .input_field{width:100%;min-width:300px;display:flex;align-items:center;justify-content:center;gap:0 10px;position:relative}.subscribe_form_group .input_field .input{width:calc(100% - 50px)}.subscribe_form_group .input_field .submit{width:40px!important}.subscribe_form_group .input_field .submit .bell{transform-origin:top center}.subscribe_form_group .input_field .submit:hover .bell{animation:ring 2s forwards}.subscribe_form_group .input_field .success_pop{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgb(var(--color-success));z-index:1;display:inline-flex;align-items:center;justify-content:center;color:rgb(var(--color-light));border-radius:12px;visibility:hidden;opacity:0;transform:scale(.8);transition:all .25s ease;pointer-events:none}.subscribe_form_group .input_field .success_pop .msg{font-size:18px}.subscribe_form_group .input_field .success_pop.show{transform:scale(1);opacity:1;visibility:visible;pointer-events:all}.subscribe_form_group .input_field .loader{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;display:inline-flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);border-radius:12px;background-color:rgba(var(--color-secondary),0)}.subscribe_form_group .input_field .loader .dot-wave{width:40px;height:40px}.subscribe_form_group .status_message{font-size:12px;padding:.25rem}.subscribe_form_group .status_message.error{color:rgb(var(--color-danger))}@keyframes ring{0%{transform:rotate(0)}1%{transform:rotate(30deg)}3%{transform:rotate(-28deg)}5%{transform:rotate(34deg)}7%{transform:rotate(-32deg)}9%{transform:rotate(30deg)}11%{transform:rotate(-28deg)}13%{transform:rotate(26deg)}15%{transform:rotate(-24deg)}17%{transform:rotate(22deg)}19%{transform:rotate(-20deg)}21%{transform:rotate(18deg)}23%{transform:rotate(-16deg)}25%{transform:rotate(14deg)}27%{transform:rotate(-12deg)}29%{transform:rotate(10deg)}31%{transform:rotate(-8deg)}33%{transform:rotate(6deg)}35%{transform:rotate(-4deg)}37%{transform:rotate(2deg)}39%{transform:rotate(-1deg)}41%,to{transform:rotate(0)}}