.o-field {
  position: relative;
  display: flex;
  max-width: 400px;
}
.o-field .c-icon[aria-hidden] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.o-field.o-field--autocomplete {
  position: relative;
}
.o-field.o-field--autocomplete .c-card--menu {
  position: absolute;
}

.c-fieldset,
.c-fieldset.c-list {
  display: block;
  width: 100%;
  margin: var(--spacing-small, 0.5em) 0;
  padding: 0;
  border: 0;
}

.c-fieldset__legend {
  display: block;
  width: 100%;
  padding: var(--spacing-medium, 1em) 0;
  padding: var(--spacing-xsmall, 0.25em) 0;
}

.c-label {
  display: block;
  width: 100%;
  padding: var(--spacing-medium, 1em) 0;
}

.c-field {
  display: block;
  width: 100%;
  margin: 0;
  padding: var(--spacing-small, 0.5em);
  font-weight: var(--text-font-weight, normal);
  font-size: var(--text-font-size-medium, 1em);
  font-family: inherit;
  background-color: #fff;
  border: var(--border-width, 1px) var(--border-style, solid) var(--border-color, var(--color-default, #74748c));
  border-radius: var(--border-radius, 4px);
  outline: 0;
  appearance: none;
  color: var(--global-input-color, gray);
}
.c-field:disabled, .c-field[disabled] {
  cursor: not-allowed;
  opacity: var(--disabled-opacity, 0.5);
}
.c-field:focus {
  border-color: var(--global-primary-color, orange);
  box-shadow: inset 0 0 0 2px var(--global-primary-color, orange);
}

.c-field input {
  margin-right: var(--spacing-tiny, 0.125em);
  font-size: var(--text-font-size-medium, 1em);
  outline: 0;
}
.c-field input:disabled, .c-field input[disabled] {
  cursor: not-allowed;
  opacity: var(--disabled-opacity, 0.5);
}

.c-field--label {
  margin: var(--spacing-small, 0.5em) 0 0 0;
}

.c-field--error {
  color: var(--color-error, #ee0202);
  border-color: var(--color-error, #ee0202);
}

.c-field--success {
  color: var(--color-success, #088a05);
  border-color: var(--color-success, #088a05);
}

.c-field--choice {
  background-color: transparent;
  border: 0;
  border-radius: 0;
}
.c-field--choice input {
  margin: 0;
}