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

/**
 * @file
 * Block styling.
 */

.block__title {
  margin-block: 0;
}

.region--sidebar .block__title {
  margin-block: 0 var(--sp0-75);
  border-block-end: none;
  color: var(--color-text-neutral-loud);
  font-size: var(--font-size-base);
  font-weight: bold;
  line-height: var(--sp);
  text-transform: capitalize;
}

.block__title-link,
.block__title-link a {
  color: var(--color-text-neutral-loud);
}

:is(.block__title-link, .block__title-link a):hover {
  color: var(--color--gray-45);
  -webkit-text-decoration: none;
  text-decoration: none;
}

:is(.block__title-link, .block__title-link a):hover .item-count {
  color: var(--color-text-light);
}

.site-footer .block__title {
  color: var(--color--gray-65);
}

.block__content {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp);
}

.block__content > * {
  flex-basis: 100%;
  margin: 0;
  max-width: 100%;
}

.block__content > *:first-child {
  margin-block-start: 0;
}

.block__content > .column {
  flex-basis: auto;
  flex-grow: 1;
  margin-block-start: var(--sp);
}

.block-system-main-block > .block__content > .chart {
  border-bottom: 1px dotted var(--color--gray-70);
  flex-basis: 100%;
  padding-block-end: 0.3125rem;
}

.block-system-main-block > .block__content > .chart > canvas {
  border-bottom: 1px dotted var(--color--gray-70);
  padding-block-end: 1.25rem;
}