@keyframes vibrate{0%,33.3%{transform:translate(0)}6.6%{transform:translate(-2px,2px)}13.2%{transform:translate(-2px,-2px)}19.8%{transform:translate(2px,2px)}26.4%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes faded{0%{opacity:0}to{opacity:1}}.form-control{width:100%;display:flex;flex-direction:column;row-gap:6px}.form-control .form-label{font-size:var(--font-size-label,14px);color:var(--font-color-label,#fff);font-weight:600;transition:.375s ease}.form-control[is-error=true] :where(input){animation:vibrate 1.5s linear infinite;border:1.25px solid var(--color-failed,rgb(229,77,77))!important}.form-control[is-error=true] :where(label){color:var(--color-failed,rgb(229,77,77))}.form-control .error-msg{display:flex;column-gap:6px;animation:faded .5s linear;color:var(--color-failed,rgb(229,77,77));font-size:14px;font-weight:500}.form-control .error-msg:before{content:"*";font-size:18px;position:relative}