@layer base{.field{--field-gap:.375rem;--field-ring-reach:calc(var(--focus-offset,2px) + var(--focus-width,2px) + 2px);gap:var(--field-gap);flex-direction:column;display:flex;position:relative}.field-label{font-weight:500;line-height:1.25}.field-description,.field-label{color:var(--color-base-content);font-size:1rem}.field-description,.field-error{line-height:1.4}.field-error{color:oklch(from var(--color-error) l calc(c * 2) h);font-size:1rem}@supports (color:color-mix(in lab,red,red)){.field-error{color:oklch(from color-mix(in oklab,var(--color-error) 50%,var(--color-base-content)) l calc(c * 2) h)}}.input[data-invalid],.input[data-status=error],.select[data-invalid],.select[data-status=error],.textarea[data-invalid],.textarea[data-status=error]{--input-accent:var(--color-error);--input-border:initial;--select-accent:var(--color-error);--select-border:initial;--textarea-accent:var(--color-error);--textarea-border:initial}.input[data-status=warning],.select[data-status=warning],.textarea[data-status=warning]{--input-accent:var(--color-warning);--input-border:initial;--select-accent:var(--color-warning);--select-border:initial;--textarea-accent:var(--color-warning);--textarea-border:initial}.input[data-status=success],.select[data-status=success],.textarea[data-status=success]{--input-accent:var(--color-success);--input-border:initial;--select-accent:var(--color-success);--select-border:initial;--textarea-accent:var(--color-success);--textarea-border:initial}.field:has(.field-status-attached) .input,.field:has(.field-status-attached) .select,.field:has(.field-status-attached) .textarea{border-end-end-radius:0;border-end-start-radius:0}.field-status{color:var(--field-status-color,var(--color-base-content));align-items:center;gap:.375rem;font-size:1rem;line-height:1.4;display:flex}.field-status svg{flex-shrink:0;width:1rem;height:1rem}.field-status-floating{z-index:1;inset-inline:0;position:absolute;top:100%}.field-status-floating.field-status-detached{margin-block-start:var(--field-gap,.375rem)}.field-status-floating.field-status-attached{margin-block-start:0}.field-status-attached{padding-inline:calc(var(--size-field,.25rem) * 3);border-bottom-left-radius:var(--radius-field,.25rem);border-bottom-right-radius:var(--radius-field,.25rem);background-color:var(--field-status-color,var(--color-base-content));margin-block-start:calc(var(--field-gap,.375rem) * -1);padding-block:.5rem}@supports (color:color-mix(in lab,red,red)){.field-status-attached{background-color:color-mix(in oklab,var(--field-status-color,var(--color-base-content)) 12%,var(--color-base-100))}}.field-status-attached{border-width:var(--border,1px);border-style:solid;border-color:var(--field-status-color,var(--color-base-300));border-top-width:0}.field:has(.field-status-attached) .input:focus{box-shadow:0 0 0 var(--focus-offset,2px) var(--color-base-100),0 0 0 calc(var(--focus-offset,2px) + var(--focus-width,2px)) var(--input-accent,var(--color-primary));clip-path:inset(calc(-1 * var(--field-ring-reach)) calc(-1 * var(--field-ring-reach)) 0 calc(-1 * var(--field-ring-reach)));outline:none}.field:has(.field-status-attached) .select:focus{box-shadow:0 0 0 var(--focus-offset,2px) var(--color-base-100),0 0 0 calc(var(--focus-offset,2px) + var(--focus-width,2px)) var(--select-accent,var(--color-primary));clip-path:inset(calc(-1 * var(--field-ring-reach)) calc(-1 * var(--field-ring-reach)) 0 calc(-1 * var(--field-ring-reach)));outline:none}.field:has(.field-status-attached) .textarea:focus{box-shadow:0 0 0 var(--focus-offset,2px) var(--color-base-100),0 0 0 calc(var(--focus-offset,2px) + var(--focus-width,2px)) var(--textarea-accent,var(--color-primary));clip-path:inset(calc(-1 * var(--field-ring-reach)) calc(-1 * var(--field-ring-reach)) 0 calc(-1 * var(--field-ring-reach)));outline:none}.field:has(.input:focus,.select:focus,.textarea:focus) .field-status-attached{box-shadow:0 0 0 var(--focus-offset,2px) var(--color-base-100),0 0 0 calc(var(--focus-offset,2px) + var(--focus-width,2px)) var(--field-status-color,var(--color-primary));clip-path:inset(0 calc(-1 * var(--field-ring-reach)) calc(-1 * var(--field-ring-reach)) calc(-1 * var(--field-ring-reach)))}.field-status-error{--field-status-color:var(--color-error)}.field-status-warning{--field-status-color:var(--color-warning)}.field-status-success{--field-status-color:var(--color-success)}}