:root{--color_input_active:#d92d3b;--color_input_inactive:#d3d3d3;--color_border_input_inactive:grey}.my_container_special_input{width:100%;max-width:500px}@media only screen and (max-width:550px){.my_container_special_input{width:92%}}.my_wrap_input,.my_wrap_input .my_div_animate_input,.my_wrap_input input{border-radius:3px}.my_wrap_input{width:100%;height:auto;padding:0;border:1px solid var(--color_border_input_inactive);-webkit-box-shadow:0 0px 0px 1px rgba(0,0,0,0);box-shadow:0 0px 0px 1px rgba(0,0,0,0);position:relative}.my_wrap_input.active{border-color:var(--color_input_active);-webkit-box-shadow:0 0 0px 1px var(--color_input_active);box-shadow:0 0 0px 1px var(--color_input_active)}.my_container_special_input .my_wrap_input input[type=text],.my_container_special_input .my_wrap_input input[type=password],.my_container_special_input .my_wrap_input input[type=email],.my_container_special_input .my_wrap_input input[type=number],.my_container_special_input .my_wrap_input input[type=tel]{width:100%;height:3em;border:0;padding-left:1em;position:relative}.my_div_animate_input{position:absolute;top:0;left:0;width:calc(100%);height:100%;padding:0 0 0 1em;font-size:1.2em;color:var(--color_input_inactive);display:flex;align-items:center;cursor:text;background:#fff;-webkit-transition:height .1s ease-in,width .1s ease-in,color 0s .1s ease-in,left 0s ease-in,padding 0s ease-in,font-size .1s,-webkit-transform .1s cubic-bezier(.4,0,.2,1);transition:height .1s ease-in,width .1s ease-in,color 0s .1s ease-in,left 0s ease-in,padding 0s ease-in,font-size .1s,-webkit-transform .1s cubic-bezier(.4,0,.2,1);-o-transition:height .1s ease-in,width .1s ease-in,transform .1s cubic-bezier(.4,0,.2,1),color 0s .1s ease-in,left 0s ease-in,padding 0s ease-in,font-size .1s;transition:height .1s ease-in,width .1s ease-in,transform .1s cubic-bezier(.4,0,.2,1),color 0s .1s ease-in,left 0s ease-in,padding 0s ease-in,font-size .1s;transition:height .1s ease-in,width .1s ease-in,transform .1s cubic-bezier(.4,0,.2,1),color 0s .1s ease-in,left 0s ease-in,padding 0s ease-in,font-size .1s,-webkit-transform .1s cubic-bezier(.4,0,.2,1)}.my_div_animate_input.textarea{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;transition:height 0s ease-in,width .1s ease-in,transform 0ms cubic-bezier(.4,0,.2,1),color 0s .1s ease-in,left 0s ease-in,padding 0s ease-in,font-size .1s;padding:1em 0 0 1em}.my_div_animate_input.textarea.my_start_animate{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.my_div_animate_input.my_start_animate{height:1em;font-size:95%;cursor:default;width:auto;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);padding:0 .2em;left:1em}.my_input_focus{color:var(--color_input_active)}.wrap-checkbox{width:2em;height:2em;display:inline-block;position:relative;border:1px solid grey;margin:.2em;transition:border .3s ease-in}.border{border:1px solid var(--color_input_active)}.wrap-image-checkbox{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;display:flex;justify-content:center;align-items:center;z-index:1}.image-checkbox{width:0;height:auto;transition:width .25s ease-in-out}.image-checkbox-active{width:100%;-animation:checked .25s linear forwards}@keyframes checked{100%{width:100%}}.wrap-checkbox input[type=checkbox]{opacity:0}.my_container_special_input .my_wrap_input textarea{width:100%;height:auto;border:1px;padding-left:1em;padding-top:1em;position:relative;display:block}.error-input{width:100%;height:auto;color:var(--red);font-size:.9em;position:relative;margin:2px auto 0;top:0;left:0;animation:height_error .3s ease-in-out forwards}@keyframes height_error{0%{opacity:0}100%{opacity:1}}.error-input:before{width:1em;height:1em;display:inline;content:'!';color:#fff;background:var(--red);position:relative;padding:0 8px;border-radius:100%;text-align:center;margin-right:.4em;font-size:1em}.error-input.domain:before{content:'👉'}