input,textarea{background-color:rgb(var(--light-blue));border-radius:10px;font-size:.875rem;line-height:1.25rem;padding:.5rem 1rem;width:100%}input:focus,textarea:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-color:rgb(var(--main-blue)/.2)}input.invalid-input,input:focus,textarea.invalid-input,textarea:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}input.invalid-input,textarea.invalid-input{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-color:rgb(var(--red)/.5)}.error-message{align-items:center;color:rgb(var(--red));display:flex;font-size:.75rem;line-height:1rem;margin-right:.5rem;padding-right:.75rem;position:relative}.error-message:before{background-color:rgb(var(--red)/.5);border-radius:9999px;height:.375rem;position:absolute;right:0;width:.375rem;--tw-content:"";content:var(--tw-content)}