/* src/field/src/Field.css */
.o-ui-field {
  display: grid;
  align-items: center;
  grid-template-rows: max-content max-content max-content;
  grid-template-areas: "label" "input" "message";
  row-gap: 0;
}
.o-ui-field-fluid {
  width: 100%;
}
.o-ui-field .o-ui-field-label {
  grid-area: label;
  padding-bottom: var(--hop-space-stack-xs);
}
.o-ui-field-input {
  grid-area: input;
}
.o-ui-field .o-ui-field-message {
  grid-area: message;
  padding-top: var(--hop-space-stack-xs);
}