@layer karibu.components{.k-field{--field-description-spacing:var(--space-1);--field-control-spacing:var(--space-1);--field-message-spacing:var(--space-1);--field-inline-gap:var(--space-4);--field-label-color:var(--color-text);--field-label-font-size:var(--font-size-2);--field-label-line-height:var(--line-height-2);--field-label-font-weight:var(--font-weight-medium);--field-description-color:var(--color-text-muted);--field-message-color:var(--color-danger-text);--field-message-font-size:var(--font-size-2);--field-message-line-height:var(--line-height-2);--field-required-color:var(--color-danger-text);--field-label-width:auto;min-width:0;display:grid}.k-field__label{color:var(--field-label-color);font-size:var(--field-label-font-size);line-height:var(--field-label-line-height);font-weight:var(--field-label-font-weight)}.k-field__required{color:var(--field-required-color);margin-inline-start:var(--space-1)}.k-field__description,.k-field__error p,.k-field__messages{margin:0}.k-field__description{color:var(--field-description-color);font-size:var(--field-message-font-size);line-height:var(--field-message-line-height);margin-block-start:var(--field-description-spacing)}.k-field__control{min-width:0;margin-block-start:var(--field-control-spacing);position:relative}.k-field__messages{min-width:0;color:var(--field-message-color);font-size:var(--field-message-font-size);line-height:var(--field-message-line-height)}.k-field__error{margin-block-start:var(--field-message-spacing)}.k-field__control:first-child,.k-field__description:first-child{margin-block-start:0}@media (width>=768px){.k-field--inline{grid-template-columns:var(--field-label-width) minmax(0,1fr);-moz-column-gap:var(--field-inline-gap);align-items:start;column-gap:var(--field-inline-gap)}.k-field--inline .k-field__label{grid-area:1/1}.k-field--inline .k-field__description{grid-area:2/1}.k-field--inline .k-field__control{grid-area:1/2;margin-block-start:0}.k-field--inline .k-field__messages{grid-area:2/2}}.k-field--sm{--field-label-font-size:var(--font-size-1);--field-label-line-height:var(--line-height-1);--field-message-font-size:var(--font-size-1);--field-message-line-height:var(--line-height-1)}.k-field--lg{--field-label-font-size:var(--font-size-3);--field-label-line-height:var(--line-height-3)}.k-field--invalid{--field-label-color:var(--color-danger-text)}.k-field--disabled{--field-label-color:var(--color-text-subtle);--field-description-color:var(--color-text-subtle)}}