.form-element{border-radius:.25rem;border-width:1px;padding:.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.form-element:focus{--tw-border-opacity:1;border-color:rgb(8 145 178/var(--tw-border-opacity));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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(103 232 249/var(--tw-ring-opacity))}.form-element-showcase .force-hover,.form-element-showcase .form-element:hover{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity));--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.form-element-showcase .force-focus{--tw-border-opacity:1;border-color:rgb(8 145 178/var(--tw-border-opacity));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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(103 232 249/var(--tw-ring-opacity))}.form-element-showcase .force-valid{--tw-border-opacity:1;border-color:rgb(22 163 74/var(--tw-border-opacity))}.form-element-showcase .force-valid::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(22 163 74/var(--tw-placeholder-opacity))}.form-element-showcase .force-valid::placeholder{--tw-placeholder-opacity:1;color:rgb(22 163 74/var(--tw-placeholder-opacity))}.form-element-showcase .force-invalid{--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity))}.form-element-showcase .force-invalid::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(220 38 38/var(--tw-placeholder-opacity))}.form-element-showcase .force-invalid::placeholder{--tw-placeholder-opacity:1;color:rgb(220 38 38/var(--tw-placeholder-opacity))}.form-element-showcase .force-focus.force-hover,.form-element-showcase .force-invalid.force-hover,.form-element-showcase .force-valid.force-hover{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity));--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.form-element-showcase input:disabled,.form-element-showcase select:disabled,.form-element-showcase textarea:disabled{cursor:not-allowed;--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity));opacity:.6}.error-message{color:rgb(220 38 38/var(--tw-text-opacity))}.error-message,.success-message{margin-top:.25rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1}.success-message{color:rgb(22 163 74/var(--tw-text-opacity))}.form-element-showcase .force-loading{cursor:wait;--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.form-element-showcase .force-loading:after{content:"Loading...";margin-left:.5rem;animation:spin 1s linear infinite;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.form-element-showcase select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:2rem}.form-element-showcase .force-focus.force-valid{--tw-border-opacity:1;--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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(103 232 249/var(--tw-ring-opacity))}.form-element-showcase .force-focus.force-invalid,.form-element-showcase .force-focus.force-valid{border-color:rgb(8 145 178/var(--tw-border-opacity));box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.form-element-showcase .force-focus.force-invalid{--tw-border-opacity:1;--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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(252 165 165/var(--tw-ring-opacity))}.form-element-showcase input[type=checkbox]:checked,.form-element-showcase input[type=checkbox]:checked:hover,.form-element-showcase input[type=radio]:checked,.form-element-showcase input[type=radio]:checked:hover{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}