.kern-form-input{flex-direction:column;align-self:stretch;align-items:flex-start;gap:0;padding:0;display:flex}.kern-label{color:hsl(var(--foreground));margin-bottom:8px;font-size:.875rem;font-weight:600;line-height:1.5}.kern-label__optional{color:hsl(var(--muted-foreground));font-weight:400}.kern-hint{color:hsl(var(--muted-foreground));margin-top:0;margin-bottom:8px;font-size:.8125rem}.kern-form-input:has(.kern-hint) .kern-label{margin-bottom:0}.kern-input{border:none;border-bottom:2px solid hsl(var(--foreground));width:100%;height:48px;color:hsl(var(--foreground));box-sizing:border-box;background:#f6f7f8;border-radius:2px;outline:none;align-self:stretch;padding:0 16px;font-family:Fira Sans,sans-serif;font-size:1rem;line-height:1.5;transition:border-width .1s,outline .1s}.kern-input::placeholder{color:hsl(var(--muted-foreground))}.kern-input:hover{border-bottom-width:4px;padding-top:2px}.kern-input:focus{outline:4px solid hsl(var(--foreground));background:#f6f7f8;border:none;border-radius:2px;padding-bottom:2px}.kern-input:focus:hover{padding-top:0}.kern-input:disabled,.kern-input[aria-disabled=true]{opacity:.4;cursor:not-allowed}.kern-input:disabled:hover{border-bottom-width:2px;padding-top:0}.kern-input--error{border-bottom:2px solid hsl(var(--destructive));background:#feecec}.kern-input--error:focus{outline-color:hsl(var(--destructive));background:#feecec}.kern-error-message{color:hsl(var(--destructive));margin-top:4px;font-size:.8125rem;font-weight:500}.kern-checkbox,.kern-radio{border:2px solid hsl(var(--foreground));appearance:none;cursor:pointer;background:#f6f7f8;width:32px;min-width:32px;height:32px;min-height:32px;margin:0;transition:border-width .1s;position:relative}.kern-checkbox:hover,.kern-radio:hover{border-width:4px}.kern-checkbox:focus,.kern-checkbox:focus-visible,.kern-radio:focus,.kern-radio:focus-visible{box-shadow:0 0 0 4px hsl(var(--foreground));outline-offset:2px;outline:2px solid hsl(var(--foreground));border:0}.kern-checkbox{border-radius:2px}.kern-checkbox:checked:before{content:"";border-bottom:2px solid hsl(var(--foreground));border-right:2px solid hsl(var(--foreground));background:0 0;width:8px;height:16px;display:block;position:relative;top:3px;left:7px;transform:rotate(45deg)}.kern-radio{border-radius:100%}.kern-radio:checked:before{content:"";background-color:hsl(var(--foreground));border-radius:100%;width:12px;height:12px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.kern-checkbox--error,.kern-radio--error{border-color:hsl(var(--destructive));background:#feecec}.kern-checkbox--error:checked:before{border-color:hsl(var(--destructive))}.kern-radio--error:checked:before{background-color:hsl(var(--destructive))}.kern-form-check{grid-template-columns:32px auto;align-items:start;gap:0 12px;padding:4px 0;display:grid}.kern-form-check .kern-label{cursor:pointer;margin-bottom:0;padding-top:4px;font-weight:400}.kern-form-input fieldset,fieldset.kern-form-input{border:none;margin:0;padding:0}.kern-input--width-2{max-width:64px}.kern-input--width-4{max-width:96px}.kern-file-upload{border:2px dashed hsl(var(--foreground));cursor:pointer;text-align:center;box-sizing:border-box;background:#f6f7f8;border-radius:2px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100px;padding:24px 16px;transition:border-width .1s,box-shadow .1s;display:flex}.kern-file-upload:hover{box-shadow:inset 0 0 0 4px hsl(var(--foreground));border:none}.kern-file-upload:focus,.kern-file-upload:focus-visible{outline:4px solid hsl(var(--foreground));border-style:dashed}.kern-file-upload--error{border-color:hsl(var(--destructive));background:#feecec}
