@layer components{.FieldSet{row-gap:var(--spacing-400);flex-direction:column;display:flex}.FieldLegend{font-size:var(--text-label-md);line-height:var(--text-label-md--line-height);font-weight:var(--font-weight-600);margin-bottom:var(--spacing-200)}.FieldGroup{gap:var(--spacing-400);flex-direction:column;width:100%;display:flex}.Field{gap:var(--spacing-200);width:100%;display:flex}.Field[data-width=half]{--input-gap:var(--custom-input-gap,0);width:calc(50% - var(--input-gap) / 2)}.Field[data-orientation=horizontal]{column-gap:var(--spacing-200);row-gap:var(--spacing-100);grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.Field[data-orientation=horizontal]>.FieldError{grid-column:2}.Field[data-orientation=vertical]{row-gap:var(--spacing-150);flex-direction:column}.FieldLabel{font-weight:var(--font-weight-600)}.FieldLabel[data-invalid]{color:var(--red-100)}.Field[data-size=md] .FieldLabel{font-size:var(--text-label-md);line-height:var(--text-label-md--line-height)}.Field[data-size=sm] .FieldLabel{font-size:var(--text-label-sm);line-height:var(--text-label-sm--line-height)}.Field[data-orientation=horizontal][data-size=md] .FieldLabel{min-width:12rem}.Field[data-orientation=horizontal][data-size=sm] .FieldLabel{min-width:5rem}.FieldDescription{color:var(--gray-400)}.Field[data-size=md] .FieldDescription{font-size:var(--text-body-sm);line-height:var(--text-body-sm--line-height)}.Field[data-size=sm] .FieldDescription{font-size:var(--text-body-xs);line-height:var(--text-body-xs--line-height)}.FieldError{color:var(--red-100)}.Field[data-size=md] .FieldError{font-size:var(--text-body-sm);line-height:var(--text-body-sm--line-height)}.Field[data-size=sm] .FieldError{font-size:var(--text-body-xs);line-height:var(--text-body-xs--line-height)}}