/**
 * @file
 * Visual styles for fields.
 */

.field:not(:last-child) {
  -webkit-margin-after: var(--size-8);
  margin-block-end: var(--size-8);
}

.node--view-mode-teaser .field {
  -webkit-margin-after: var(--size-4);
  margin-block-end: var(--size-4);
}

.node--view-mode-teaser .field:last-child {
  -webkit-margin-after: 0;
  margin-block-end: 0;
}

@media (min-width: 1024px) {
  .node--view-mode-teaser .field {
    -webkit-margin-after: var(--size-8);
    margin-block-end: var(--size-8);
  }
}

@media (--laptop) {
  .node--view-mode-teaser .field {
    -webkit-margin-after: var(--size-8);
    margin-block-end: var(--size-8);
  }
}

.field__label {
  font-weight: var(--font-weight-700);
}

.field--label-inline .field__label,
.field--label-inline .field__items {
  float: inline-start;
}

.field--label-inline .field__label,
.field--label-inline > .field__item,
.field--label-inline .field__items {
  -webkit-padding-end: 0.5em;
  padding-inline-end: 0.5em;
}

.field--label-inline .field__label::after {
  content: ":";
}