/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/**
 * @file
 * Styles for views.
 */

.view,
.view-content {
  display: flex;
  flex-direction: column;
  gap: var(--sp2);
  overflow-x: auto;
}

@media (min-width: 43.75rem) {
  .view,
  .view-content {
    gap: var(--sp3);
  }
}

.view .views-row .views-field,
.view-content .views-row .views-field {
  display: flex;
  flex-direction: column;
  margin-block: 0.375rem;
}

@media (min-width: 43.75rem) {
  .view .views-row .views-field,
  .view-content .views-row .views-field {
    flex-direction: row;
  }
}

.view .views-row .views-field .views-label,
.view-content .views-row .views-field .views-label {
  flex-basis: 100%;
}

@media (min-width: 43.75rem) {
  .view .views-row .views-field .views-label,
  .view-content .views-row .views-field .views-label {
    flex-basis: auto;
    min-width: 16rem;
    padding-inline-end: 1rem;
    width: 16rem;
  }
}

.view .views-row .views-field .field-content,
.view-content .views-row .views-field .field-content {
  color: var(--color--gray-45);
}

.view-filters > .views-exposed-form > .form-item {
  max-width: 100%;
}