/**
 * Card system menu.
 */

.card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-items: flex-start;
  border: 1px solid var(--color-neutral-lighter);
  border-radius: 2px;
  background-color: var(--color-neutral-white);
  box-shadow: 0 0.25rem 0.625rem rgb(0, 0, 0, .1);
}

/* 588px theme screenshot width */

@media screen and (min-width: 36.75rem) {
  .card--horizontal {
    flex-direction: row;
  }

  .toolbar-tray-open.toolbar-vertical.toolbar-fixed .card--horizontal {
    flex-direction: column;
  }
}

/* 53.75rem it is width of screenshot image + toolbar width(15rem) + 2rem of margins. */

@media screen and (min-width: 53.75rem) {
  .toolbar-tray-open.toolbar-vertical.toolbar-fixed .card--horizontal {
    flex-direction: row;
  }
}

/**
 * Card image.
 */

.card__image {
  overflow: hidden;
  border-radius: 1px 1px 0 0;
  line-height: 0;
}

@media screen and (min-width: 36.75rem) {
  .card--horizontal .card__image {
    flex-basis: 35%;
    border-start-start-radius: 1px;
    border-start-end-radius: 0;
    border-end-start-radius: 1px;
    border-end-end-radius: 0;
  }
}

/* 53.75rem it is width of screenshot image + toolbar width(15rem) + 2rem of margins. */

@media screen and (max-width: 53.75rem) {
  .toolbar-tray-open.toolbar-vertical.toolbar-fixed .card--horizontal .card__image {
    flex-basis: auto;
  }
}

@media screen and (min-width: 85.375rem) {
  .card--horizontal .card__image {
    flex-basis: 45%;
  }
}

/**
 * Card content.
 */

.card__content-wrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 0;
  box-sizing: border-box;
  padding: 24px;
}

@media screen and (min-width: 36.75rem) {
  .card--horizontal .card__content-wrapper {
    flex-basis: 65%;
  }

  /* Card content with image. */
  .card--horizontal .card__image ~ .card__content-wrapper {
    padding-inline-start: 16px;
  }
}

@media screen and (max-width: 53.75rem) {
  .toolbar-tray-open.toolbar-vertical.toolbar-fixed .card--horizontal .card__content-wrapper {
    flex-basis: auto;
  }
}

@media screen and (min-width: 85.375rem) {
  .card--horizontal .card__content-wrapper {
    flex-basis: 55%;
  }
}

/**
 * Card content.
 */

.card__content {
  flex-grow: 1;
}

/**
 * Card content items (title, description).
 */

.card__content-item {
  margin-block: 0 16px;
}

.card__content-item:last-child {
  margin-block-end: 0;
}

.card__content-item.heading-f {
  font-size: 18px;
}

/**
 * Card footer.
 */

.card__footer {
  order: 100;
  margin-block-start: 24px;
}

.card__footer li {
  list-style: none;
}

.card__footer ul {
  padding-left: 0;
}

.card__footer .operations {
  text-align: right;
}

.card__footer .action-links {
  margin-block: 0;
  text-align: right;
}

[dir="rtl"] .card__footer .action-links {
  text-align: left;
}

/**
 * Cards list.
 */

.card-list {
  display: flex;
  flex-direction: column;
}

.card-list--two-cols,
.card-list--four-cols {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
}

.card-list__item {
  box-sizing: border-box;
  margin-bottom: 16px;
}

.card-list--two-cols .card-list__item,
.card-list--four-cols .card-list__item {
  flex-basis: 100%;
}

/* 36.75rem theme screenshot width */

@media screen and (min-width: 36.75rem) {
  .card-list--four-cols .card-list__item {
    flex-basis: calc(50% - 8px);
    max-width: calc(50% - 8px);
    margin-right: 16px;
  }

  [dir="rtl"] .card-list--four-cols .card-list__item {
    margin-right: 0;
    margin-left: 16px;
  }

  .card-list--four-cols .card-list__item:nth-child(even) {
    margin-right: 0;
  }

  [dir="rtl"] .card-list--four-cols .card-list__item:nth-child(even) {
    margin-left: 0;
  }
}

/* 53.75rem it is width of screenshot image + toolbar width(15rem) + 2rem of margins. */

@media screen and (max-width: 53.75rem) {
  .toolbar-tray-open.toolbar-vertical.toolbar-fixed .card-list--four-cols .card-list__item {
    flex-basis: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}

@media screen and (min-width: 70rem) {
  .card-list--four-cols .card-list__item {
    flex-basis: calc(33.333% - 11px);
    max-width: calc(33.333% - 11px);
  }

  .card-list--four-cols .card-list__item:nth-child(even) {
    margin-right: 16px;
  }

  [dir="rtl"] .card-list--four-cols .card-list__item:nth-child(even) {
    margin-right: 0;
    margin-left: 16px;
  }

  .card-list--four-cols .card-list__item:nth-child(3n) {
    margin-right: 0;
  }

  [dir="rtl"] .card-list--four-cols .card-list__item:nth-child(3n) {
    margin-left: 0;
  }
}

@media screen and (min-width: 85.375rem) {
  .card-list--two-cols .card-list__item {
    flex-basis: calc(50% - 8px);
    max-width: calc(50% - 8px);
    margin-right: 16px;
  }

  [dir="rtl"] .card-list--two-cols .card-list__item {
    margin-right: 0;
    margin-left: 16px;
  }

  .card-list--two-cols .card-list__item:nth-child(even) {
    margin-right: 0;
  }

  [dir="rtl"] .card-list--two-cols .card-list__item:nth-child(even) {
    margin-left: 0;
  }

  .card-list--four-cols .card-list__item {
    flex-basis: calc(25% - 12px);
    max-width: calc(25% - 12px);
  }

  .card-list--four-cols .card-list__item:nth-child(even),
  .card-list--four-cols .card-list__item:nth-child(3n) {
    margin-right: 16px;
  }

  [dir="rtl"] .card-list--four-cols .card-list__item:nth-child(even),
  [dir="rtl"] .card-list--four-cols .card-list__item:nth-child(3n) {
    margin-right: 0;
    margin-left: 16px;
  }

  .card-list--four-cols .card-list__item:nth-child(4n) {
    margin-right: 0;
  }

  [dir="rtl"] .card-list--four-cols .card-list__item:nth-child(4n) {
    margin-left: 0;
  }
}

/**
 * @file
 * Styles for the system status counter component.
 */
.system-status-counter {
  --system-status-counter-status-icon: #e6e4df;
  --system-status-counter-status-icon-error: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23dc2323'%3e%3cpath d='M8.002 1c-3.868 0-7.002 3.134-7.002 7s3.134 7 7.002 7c3.865 0 7-3.134 7-7s-3.135-7-7-7zm4.025 9.284c.062.063.1.149.1.239 0 .091-.037.177-.1.24l-1.262 1.262c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-2.283-2.283-2.286 2.283c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-1.261-1.262c-.063-.062-.1-.148-.1-.24 0-.088.036-.176.1-.238l2.283-2.285-2.283-2.284c-.063-.064-.1-.15-.1-.24s.036-.176.1-.24l1.262-1.262c.063-.063.149-.1.24-.1.089 0 .176.036.24.1l2.285 2.284 2.283-2.284c.064-.063.15-.1.24-.1s.176.036.24.1l1.262 1.262c.062.063.1.149.1.24 0 .089-.037.176-.1.24l-2.283 2.284 2.283 2.284z'/%3e%3c/svg%3e");
  --system-status-counter-status-icon-warning: url("data:image/svg+xml,%3csvg fill='%23e29700' height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m14.66 12.316-5.316-10.633c-.738-1.476-1.946-1.476-2.685 0l-5.317 10.633c-.738 1.477.008 2.684 1.658 2.684h10.002c1.65 0 2.396-1.207 1.658-2.684zm-7.66-8.316h2.002v5h-2.002zm2.252 8.615c0 .344-.281.625-.625.625h-1.25c-.345 0-.626-.281-.626-.625v-1.239c0-.344.281-.625.626-.625h1.25c.344 0 .625.281.625.625z'/%3e%3c/svg%3e");
  --system-status-counter-status-icon-checked: url("data:image/svg+xml,%3csvg fill='%2373b355' height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m6.464 13.676c-.194.194-.513.194-.707 0l-4.96-4.955c-.194-.193-.194-.513 0-.707l1.405-1.407c.194-.195.512-.195.707 0l2.849 2.848c.194.193.513.193.707 0l6.629-6.626c.195-.194.514-.194.707 0l1.404 1.404c.193.194.193.513 0 .707z'/%3e%3c/svg%3e");

  display: inline-block;
  overflow-y: hidden;
  box-sizing: border-box;
  inline-size: 100%;
  white-space: nowrap;
}

.system-status-counter__status-icon {
  display: inline-block;
  block-size: 4.0625rem;
  inline-size: 3.75rem;
  vertical-align: middle;
}

.system-status-counter__status-icon::before {
  display: block;
  block-size: 100%;
  inline-size: 100%;
  content: "";
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 2.5rem;
}

[dir="rtl"] .system-status-counter__status-icon::before {
  background-position: left center;
}

@media (forced-colors: active) {
  .system-status-counter__status-icon::before {
    background-color: canvastext;
    background-image: none;
    mask-repeat: no-repeat;
    mask-position: right center;
    mask-size: 2.5rem;
  }
}

.system-status-counter__status-icon--error::before {
  background-image: var(--system-status-counter-status-icon-error);
}

.system-status-counter__status-icon--warning::before {
  background-image: var(--system-status-counter-status-icon-warning);
}

.system-status-counter__status-icon--checked::before {
  background-image: var(--system-status-counter-status-icon-checked);
}

@media (forced-colors: active) {
  .system-status-counter__status-icon--error::before {
    mask-image: var(--system-status-counter-status-icon-error);
  }

  .system-status-counter__status-icon--warning::before {
    mask-image: var(--system-status-counter-status-icon-warning);
  }

  .system-status-counter__status-icon--checked::before {
    mask-image: var(--system-status-counter-status-icon-checked);
  }
}

.system-status-counter__status-title {
  display: inline-block;
  padding: 0 1.125rem;
  vertical-align: middle;
  font-size: 1.125em;
  font-weight: bold;
  line-height: 1em;
}

.system-status-counter__title-count {
  display: block;
  margin-block-end: 0.5rem;
}

.system-status-counter__details {
  display: block;
  text-transform: none;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
}

@media screen and (min-width: 61rem) {
  .system-status-report-counters__item {
    padding-block: 12px;
  }

  .system-status-counter__status-icon,
  .system-status-counter {
    block-size: 4.0625rem;
  }

  .system-status-counter__status-icon {
    inline-size: 4.0625rem;
  }
}

/**
 * Styles for the system status report counters.
 */

.system-status-report-counters__item {
  width: 100%;
  margin-block: 0.625rem;
  margin-inline: 0;
}

@media screen and (min-width: 60em) {
  .system-status-report-counters__item {
    margin-block-end: 1.25rem;
  }

  .system-status-report-counters {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .system-status-report-counters__item--half-width {
    width: 49%;
  }

  .system-status-report-counters__item--third-width {
    width: 32%;
  }
}


/**
 * @file
 * From Claro styles for the System Status general info.
 */

.system-status-general-info {
  padding-block-start: 16px;
}

.system-status-general-info__header {
  padding: 2.75rem 0 24px;
  border-block-start: 1px solid var(--color-neutral-CB);
}

.system-status-general-info__item {
  display: block;
  overflow-x: auto;
  box-sizing: border-box;
  margin-block-end: 24px;
  padding: 1.125rem;
}

.system-status-general-info__item-icon {
  display: inline-block;
  width: 2.625rem;
  height: 2.625rem;
  vertical-align: top;
}

.system-status-general-info__item-icon::before {
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  border-radius: 2.625rem;
  background-color: var(--color-neutral-light);
  background-repeat: no-repeat;
  background-position: 50% center;
  background-size: 24px;
}

.system-status-general-info__item-icon--drupal::before {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' class='drupal-logo' width='142' height='180' viewBox='0 0 142 180'%3e  %3cpath fill='%23ffffff' d='M126.054 66.3c-.1-.2-.2-.3-.4-.5-9.8-11-23.7-26.6-33.7-37.7-3.1-3.3-6.2-6.6-9.1-10-.7-.8-1.3-1.6-2-2.4-.6-.6-.9-1-.9-1h.1c-3.4-4-6.1-8.5-8-13.3l-.5-1.1c0-.1-.1-.1-.2-.2-.1 0-.3-.1-.4-.1h-.1c-.2 0-.3.1-.4.1l-.2.2-.5 1.1c-2 4.8-4.7 9.3-8 13.3h.1s-.3.4-.9 1c-.7.8-1.3 1.6-2 2.4-3 3.4-6 6.7-9.1 10-10 11.1-24 26.7-33.8 37.7-.1.2-.2.3-.4.5-37 49.3 3.2 89.5 3.2 89.5h-.1c11.9 13.8 28.8 22.3 46.9 23.6 1.6.2 3.3.3 5.1.3h.1c1.7 0 3.4-.1 5.1-.3 18.2-1.3 35-9.8 46.9-23.6h-.1c.1 0 40.3-40.2 3.3-89.5Zm-86.1 34.7-.9 1.4-.1.1c-6.8 8.2-10.8 17-12.1 25.7-.2 1.1-1.2 1.8-2.2 1.6-.7-.1-1.2-.6-1.5-1.2-1.8-4.2-3-8.6-3.6-13.1-2.3-15.9 2.5-29.8 12.7-41.7l12.3-14.1c.7-.8 1.9-.9 2.7-.2l.2.2c3.3 3.8 7.6 8.7 12.4 14.3.6.7.6 1.8 0 2.6-6.6 7.9-13.6 16.3-19.9 24.3v.1Zm56.8 41.2c-3.8 10-11.3 16-21.9 17.7-15.1 2.3-29.2-8-31.5-23.1 0-.2 0-.3-.1-.5-1.2-8.5 1.4-16 6.9-22.4 6.4-7.5 20.5-24.9 20.7-25.2.3.3 15.3 19 20.9 25.6 7.1 8.3 8.8 17.8 5 27.9Zm22.3-15.7c-.1.3-.3.7-.4 1-.4 1-1.5 1.5-2.5 1.1-.6-.3-1.1-.8-1.2-1.5-1.4-8.4-5.4-16.8-11.9-24.7l-.1-.1-.6-.9-.4-.5c-5.2-6.6-32.7-38.8-44.7-52.9-.6-.7-.6-1.8 0-2.6 4-4.4 8-8.8 11.9-13.3.7-.8 1.9-.8 2.7-.1l.1.1c1.8 1.9 3.5 3.8 5.2 5.8 10.9 12.2 21.9 24.2 32.5 36.5 13.4 15.5 16.5 33.3 9.4 52.1Z'/%3e%3c/svg%3e");
}

.system-status-general-info__item-icon--clock::before {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='42.659' height='46.603' viewBox='0 0 42.659 46.603'%3e  %3cpath fill='%23FFF' d='M24.15 3.73V0h-8v3.915C6.15 6.13 0 14.717 0 24.978 0 36.92 9.975 46.603 21.918 46.603s20.74-9.682 20.74-21.625c0-10.576-8.507-19.372-18.507-21.25zm7 24.072H17.83V11h5v12.802h8.32v4z'/%3e%3c/svg%3e");
}

.system-status-general-info__item-icon--server::before {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='44' height='34' viewBox='0 0 44 34'%3e  %3cpath fill='%23FFF' d='M29.98 7.018H7.17c-1.208 0-2.197-.748-2.197-2s.99-2 2.2-2h22.81c1.208 0 2.198.748 2.198 2s-.99 2-2.2 2zM37.61 7c-1.104 0-2-.895-2-2s.896-2 2-2 2 .895 2 2-.894 2-2 2zM0 0v10h44V0H0zM29.98 31.018H7.17c-1.208 0-2.197-.748-2.197-2s.99-2 2.2-2h22.81c1.208 0 2.198.748 2.198 2s-.99 2-2.2 2zM37.61 31c-1.104 0-2-.895-2-2s.896-2 2-2 2 .895 2 2-.894 2-2 2zM0 24v10h44V24H0zM29.98 19.018H7.17c-1.208 0-2.197-.748-2.197-2s.99-2 2.2-2h22.81c1.208 0 2.198.748 2.198 2s-.99 2-2.2 2zM37.61 19c-1.104 0-2-.895-2-2s.896-2 2-2 2 .895 2 2-.894 2-2 2zM0 12v10h44V12H0z'/%3e%3c/svg%3e");
}

.system-status-general-info__item-icon--php::before {
  background-image: url("data:image/svg+xml,%3csvg height='33.447' viewBox='0 0 66 33.447' width='66' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%23fff'%3e%3cpath d='m49.5 12.255h-2.7l-1.473 7h2.4c1.59 0 2.773-.342 3.55-.94.78-.6 1.304-1.62 1.577-3.023.26-1.345.142-1.975-.357-2.528-.5-.553-1.498-.51-2.996-.51z'/%3e%3cpath d='m33 0c-18.225 0-33 7.488-33 16.724s14.775 16.724 33 16.724 33-7.488 33-16.724-14.775-16.724-33-16.724zm-9.328 19.982c-.787.737-1.662 1.376-2.625 1.69-.963.313-2.19.583-3.68.583h-3.377l-.935 5h-3.945l3.52-18h7.584c2.28 0 3.946.34 4.992 1.537s1.36 2.74.944 4.885c-.172.884-.462 1.628-.87 2.36-.413.732-.947 1.338-1.608 1.945zm11.51 2.273 1.558-8.124c.177-.91.112-1.29-.196-1.62s-.962-.255-1.963-.255h-3.126l-2.016 10h-3.913l3.52-18h3.912l-.935 5h3.486c2.193 0 3.706.124 4.54.888.832.765 1.08 1.99.748 3.703l-1.637 8.41h-3.977zm21.747-6.708c-.173.884-.463 1.692-.872 2.424-.41.734-.944 1.404-1.605 2.01-.787.738-1.662 1.377-2.625 1.69-.963.314-2.19.584-3.68.584h-3.377l-.934 5h-3.944l3.518-18h7.584c2.282 0 3.946.34 4.992 1.537 1.046 1.2 1.36 2.61.943 4.757z'/%3e%3cpath d='m18.72 12.255h-2.703l-1.473 7h2.4c1.59 0 2.773-.342 3.552-.94.778-.6 1.303-1.62 1.576-3.023.26-1.345.142-1.975-.357-2.528-.5-.553-1.497-.51-2.996-.51z'/%3e%3c/g%3e%3c/svg%3e");
  background-size: 2rem;
}

.system-status-general-info__item-icon--database::before {
  background-image: url("data:image/svg+xml,%3csvg height='44.262' viewBox='0 0 38.847 44.262' width='38.847' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%23fff'%3e%3cpath d='m19.745 0c5.74.123 12.272.953 16.9 4.668 1.865 1.498 2.786 3.91 1.597 6.126-1.255 2.34-4.13 3.733-6.518 4.6-5.63 2.04-12.113 2.38-18.014 1.573-2.92-.4-5.91-1.103-8.58-2.374-2.19-1.04-4.74-2.805-5.093-5.403-.532-3.925 4.23-6.23 7.264-7.3 3.986-1.408 8.239-1.853 12.444-1.89 4.302.092-3.334.03 0 0z'/%3e%3cpath d='m6.76 17.5c3.702 1.427 7.65 1.972 11.6 2.09 4.058.12 8.107-.424 12.023-1.523 4.227-1.186 7.227-3.624 8.463-6.145v5.965c-.076.524-.197 1.028-.384 1.5-.718 1.81-2.594 2.974-4.235 3.848-4.293 2.286-9.5 3.04-14.31 3.083-4.803.043-9.902-.542-14.3-2.575-1.906-.88-3.9-2.02-4.988-3.887-.66-1.135-.626-2.21-.626-3.486v-4.38c1.232 2.64 3.94 4.422 6.757 5.51z'/%3e%3cpath d='m6.76 26.436c3.702 1.428 7.65 1.973 11.6 2.09 4.058.12 8.107-.423 12.023-1.522 4.227-1.186 7.227-3.624 8.463-6.145v5.964c-.076.524-.197 1.028-.384 1.5-.718 1.81-2.594 2.974-4.235 3.848-4.293 2.286-9.5 3.04-14.31 3.083-4.803.043-9.902-.542-14.3-2.575-1.906-.88-3.9-2.02-4.988-3.887-.66-1.135-.626-2.21-.626-3.486v-4.38c1.232 2.64 3.94 4.422 6.757 5.51z'/%3e%3cpath d='m6.76 35.374c3.702 1.428 7.65 1.973 11.6 2.09 4.058.12 8.107-.423 12.023-1.522 4.227-1.186 7.227-3.624 8.463-6.145v5.965c-.076.524-.197 1.028-.384 1.5-.718 1.81-2.594 2.974-4.235 3.848-4.293 2.286-9.5 3.04-14.31 3.083-4.803.043-9.902-.542-14.3-2.575-1.906-.88-3.9-2.02-4.988-3.887-.66-1.134-.626-2.21-.626-3.485v-4.38c1.232 2.64 3.94 4.422 6.757 5.51z'/%3e%3c/g%3e%3c/svg%3e");
}

@media (forced-colors: active) {
  .system-status-general-info__item-icon::before {
    background-color: canvastext;
    background-image: none;
    mask-repeat: no-repeat;
    mask-position: 50% center;
    mask-size: 24px;
  }

  .system-status-general-info__item-icon--drupal::before {
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' class='drupal-logo' width='142' height='180' viewBox='0 0 142 180'%3e  %3cpath fill='%23ffffff' d='M126.054 66.3c-.1-.2-.2-.3-.4-.5-9.8-11-23.7-26.6-33.7-37.7-3.1-3.3-6.2-6.6-9.1-10-.7-.8-1.3-1.6-2-2.4-.6-.6-.9-1-.9-1h.1c-3.4-4-6.1-8.5-8-13.3l-.5-1.1c0-.1-.1-.1-.2-.2-.1 0-.3-.1-.4-.1h-.1c-.2 0-.3.1-.4.1l-.2.2-.5 1.1c-2 4.8-4.7 9.3-8 13.3h.1s-.3.4-.9 1c-.7.8-1.3 1.6-2 2.4-3 3.4-6 6.7-9.1 10-10 11.1-24 26.7-33.8 37.7-.1.2-.2.3-.4.5-37 49.3 3.2 89.5 3.2 89.5h-.1c11.9 13.8 28.8 22.3 46.9 23.6 1.6.2 3.3.3 5.1.3h.1c1.7 0 3.4-.1 5.1-.3 18.2-1.3 35-9.8 46.9-23.6h-.1c.1 0 40.3-40.2 3.3-89.5Zm-86.1 34.7-.9 1.4-.1.1c-6.8 8.2-10.8 17-12.1 25.7-.2 1.1-1.2 1.8-2.2 1.6-.7-.1-1.2-.6-1.5-1.2-1.8-4.2-3-8.6-3.6-13.1-2.3-15.9 2.5-29.8 12.7-41.7l12.3-14.1c.7-.8 1.9-.9 2.7-.2l.2.2c3.3 3.8 7.6 8.7 12.4 14.3.6.7.6 1.8 0 2.6-6.6 7.9-13.6 16.3-19.9 24.3v.1Zm56.8 41.2c-3.8 10-11.3 16-21.9 17.7-15.1 2.3-29.2-8-31.5-23.1 0-.2 0-.3-.1-.5-1.2-8.5 1.4-16 6.9-22.4 6.4-7.5 20.5-24.9 20.7-25.2.3.3 15.3 19 20.9 25.6 7.1 8.3 8.8 17.8 5 27.9Zm22.3-15.7c-.1.3-.3.7-.4 1-.4 1-1.5 1.5-2.5 1.1-.6-.3-1.1-.8-1.2-1.5-1.4-8.4-5.4-16.8-11.9-24.7l-.1-.1-.6-.9-.4-.5c-5.2-6.6-32.7-38.8-44.7-52.9-.6-.7-.6-1.8 0-2.6 4-4.4 8-8.8 11.9-13.3.7-.8 1.9-.8 2.7-.1l.1.1c1.8 1.9 3.5 3.8 5.2 5.8 10.9 12.2 21.9 24.2 32.5 36.5 13.4 15.5 16.5 33.3 9.4 52.1Z'/%3e%3c/svg%3e");
  }

  .system-status-general-info__item-icon--clock::before {
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='42.659' height='46.603' viewBox='0 0 42.659 46.603'%3e  %3cpath fill='%23FFF' d='M24.15 3.73V0h-8v3.915C6.15 6.13 0 14.717 0 24.978 0 36.92 9.975 46.603 21.918 46.603s20.74-9.682 20.74-21.625c0-10.576-8.507-19.372-18.507-21.25zm7 24.072H17.83V11h5v12.802h8.32v4z'/%3e%3c/svg%3e");
  }

  .system-status-general-info__item-icon--server::before {
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='44' height='34' viewBox='0 0 44 34'%3e  %3cpath fill='%23FFF' d='M29.98 7.018H7.17c-1.208 0-2.197-.748-2.197-2s.99-2 2.2-2h22.81c1.208 0 2.198.748 2.198 2s-.99 2-2.2 2zM37.61 7c-1.104 0-2-.895-2-2s.896-2 2-2 2 .895 2 2-.894 2-2 2zM0 0v10h44V0H0zM29.98 31.018H7.17c-1.208 0-2.197-.748-2.197-2s.99-2 2.2-2h22.81c1.208 0 2.198.748 2.198 2s-.99 2-2.2 2zM37.61 31c-1.104 0-2-.895-2-2s.896-2 2-2 2 .895 2 2-.894 2-2 2zM0 24v10h44V24H0zM29.98 19.018H7.17c-1.208 0-2.197-.748-2.197-2s.99-2 2.2-2h22.81c1.208 0 2.198.748 2.198 2s-.99 2-2.2 2zM37.61 19c-1.104 0-2-.895-2-2s.896-2 2-2 2 .895 2 2-.894 2-2 2zM0 12v10h44V12H0z'/%3e%3c/svg%3e");
  }

  .system-status-general-info__item-icon--php::before {
    mask-image: url("data:image/svg+xml,%3csvg height='33.447' viewBox='0 0 66 33.447' width='66' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%23fff'%3e%3cpath d='m49.5 12.255h-2.7l-1.473 7h2.4c1.59 0 2.773-.342 3.55-.94.78-.6 1.304-1.62 1.577-3.023.26-1.345.142-1.975-.357-2.528-.5-.553-1.498-.51-2.996-.51z'/%3e%3cpath d='m33 0c-18.225 0-33 7.488-33 16.724s14.775 16.724 33 16.724 33-7.488 33-16.724-14.775-16.724-33-16.724zm-9.328 19.982c-.787.737-1.662 1.376-2.625 1.69-.963.313-2.19.583-3.68.583h-3.377l-.935 5h-3.945l3.52-18h7.584c2.28 0 3.946.34 4.992 1.537s1.36 2.74.944 4.885c-.172.884-.462 1.628-.87 2.36-.413.732-.947 1.338-1.608 1.945zm11.51 2.273 1.558-8.124c.177-.91.112-1.29-.196-1.62s-.962-.255-1.963-.255h-3.126l-2.016 10h-3.913l3.52-18h3.912l-.935 5h3.486c2.193 0 3.706.124 4.54.888.832.765 1.08 1.99.748 3.703l-1.637 8.41h-3.977zm21.747-6.708c-.173.884-.463 1.692-.872 2.424-.41.734-.944 1.404-1.605 2.01-.787.738-1.662 1.377-2.625 1.69-.963.314-2.19.584-3.68.584h-3.377l-.934 5h-3.944l3.518-18h7.584c2.282 0 3.946.34 4.992 1.537 1.046 1.2 1.36 2.61.943 4.757z'/%3e%3cpath d='m18.72 12.255h-2.703l-1.473 7h2.4c1.59 0 2.773-.342 3.552-.94.778-.6 1.303-1.62 1.576-3.023.26-1.345.142-1.975-.357-2.528-.5-.553-1.497-.51-2.996-.51z'/%3e%3c/g%3e%3c/svg%3e");
    mask-size: 2rem;
  }

  .system-status-general-info__item-icon--database::before {
    mask-image: url("data:image/svg+xml,%3csvg height='44.262' viewBox='0 0 38.847 44.262' width='38.847' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%23fff'%3e%3cpath d='m19.745 0c5.74.123 12.272.953 16.9 4.668 1.865 1.498 2.786 3.91 1.597 6.126-1.255 2.34-4.13 3.733-6.518 4.6-5.63 2.04-12.113 2.38-18.014 1.573-2.92-.4-5.91-1.103-8.58-2.374-2.19-1.04-4.74-2.805-5.093-5.403-.532-3.925 4.23-6.23 7.264-7.3 3.986-1.408 8.239-1.853 12.444-1.89 4.302.092-3.334.03 0 0z'/%3e%3cpath d='m6.76 17.5c3.702 1.427 7.65 1.972 11.6 2.09 4.058.12 8.107-.424 12.023-1.523 4.227-1.186 7.227-3.624 8.463-6.145v5.965c-.076.524-.197 1.028-.384 1.5-.718 1.81-2.594 2.974-4.235 3.848-4.293 2.286-9.5 3.04-14.31 3.083-4.803.043-9.902-.542-14.3-2.575-1.906-.88-3.9-2.02-4.988-3.887-.66-1.135-.626-2.21-.626-3.486v-4.38c1.232 2.64 3.94 4.422 6.757 5.51z'/%3e%3cpath d='m6.76 26.436c3.702 1.428 7.65 1.973 11.6 2.09 4.058.12 8.107-.423 12.023-1.522 4.227-1.186 7.227-3.624 8.463-6.145v5.964c-.076.524-.197 1.028-.384 1.5-.718 1.81-2.594 2.974-4.235 3.848-4.293 2.286-9.5 3.04-14.31 3.083-4.803.043-9.902-.542-14.3-2.575-1.906-.88-3.9-2.02-4.988-3.887-.66-1.135-.626-2.21-.626-3.486v-4.38c1.232 2.64 3.94 4.422 6.757 5.51z'/%3e%3cpath d='m6.76 35.374c3.702 1.428 7.65 1.973 11.6 2.09 4.058.12 8.107-.423 12.023-1.522 4.227-1.186 7.227-3.624 8.463-6.145v5.965c-.076.524-.197 1.028-.384 1.5-.718 1.81-2.594 2.974-4.235 3.848-4.293 2.286-9.5 3.04-14.31 3.083-4.803.043-9.902-.542-14.3-2.575-1.906-.88-3.9-2.02-4.988-3.887-.66-1.134-.626-2.21-.626-3.485v-4.38c1.232 2.64 3.94 4.422 6.757 5.51z'/%3e%3c/g%3e%3c/svg%3e");
  }
}

.system-status-general-info__item-details {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: calc(100% - 3.75rem);
  padding-inline-start: 0.625rem;
  font-size: 14px;
}

.system-status-general-info__item-title {
  margin: 0 0 0.5rem;
  font-size: 1.125rem;
}

.system-status-general-info__sub-item-title {
  margin: 0.875rem 0 0;
  font-size: 0.875rem;
}

.system-status-general-info__sub-item__title {
  font-weight: bold;
}

.system-status-general-info__sub-item__value {
  display: block;
}

.system-status-general-info__run-cron {
  margin: 1em 0 0;
}

@media screen and (min-width: 48em) {
  .system-status-general-info__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .system-status-general-info__items::after {
    flex: auto;
    content: "";
  }

  .system-status-general-info__item {
    display: block;
    width: 32%;
  }

  .system-status-general-info__item:last-of-type {
    margin-inline-start: 2%;
  }
}

@media screen and (max-width: 48em) {
  .system-status-general-info__header {
    display: none;
  }

  .system-status-general-info {
    margin-block-start: 1.5625rem;
    border-block-start: 0;
  }
}


/**
 * @file
 * From Claro styles for the System Status Report.
 */
.system-status-report {
  position: relative;
  padding-block-start: 16px;
}

.system-status-report .item-list h3 {
  font-size: 22px;
  margin: 8px 0;
}

@media screen and (min-width: 38em) {
  .system-status-report {
    padding-block-start: 24px;
  }
}

.system-status-report__status-title {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding-block: 0.625em;
  padding-inline: 2.5em 0.375em;
  vertical-align: top;
  background-color: transparent;
  font-weight: normal;
}

.system-status-report__status-icon::before {
  position: absolute;
  inset-block-start: 0.75rem;
  inset-inline-start: 0.75rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background-repeat: no-repeat;
}

.system-status-report__status-icon--error::before {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23dc2323'%3e%3cpath d='M8.002 1c-3.868 0-7.002 3.134-7.002 7s3.134 7 7.002 7c3.865 0 7-3.134 7-7s-3.135-7-7-7zm4.025 9.284c.062.063.1.149.1.239 0 .091-.037.177-.1.24l-1.262 1.262c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-2.283-2.283-2.286 2.283c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-1.261-1.262c-.063-.062-.1-.148-.1-.24 0-.088.036-.176.1-.238l2.283-2.285-2.283-2.284c-.063-.064-.1-.15-.1-.24s.036-.176.1-.24l1.262-1.262c.063-.063.149-.1.24-.1.089 0 .176.036.24.1l2.285 2.284 2.283-2.284c.064-.063.15-.1.24-.1s.176.036.24.1l1.262 1.262c.062.063.1.149.1.24 0 .089-.037.176-.1.24l-2.283 2.284 2.283 2.284z'/%3e%3c/svg%3e");
}

.system-status-report__status-icon--warning::before {
  background-image: url("data:image/svg+xml,%3csvg fill='%23e29700' height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m14.66 12.316-5.316-10.633c-.738-1.476-1.946-1.476-2.685 0l-5.317 10.633c-.738 1.477.008 2.684 1.658 2.684h10.002c1.65 0 2.396-1.207 1.658-2.684zm-7.66-8.316h2.002v5h-2.002zm2.252 8.615c0 .344-.281.625-.625.625h-1.25c-.345 0-.626-.281-.626-.625v-1.239c0-.344.281-.625.626-.625h1.25c.344 0 .625.281.625.625z'/%3e%3c/svg%3e");
}

.system-status-report__entry__value {
  padding: 1em 0.5em;
}

.cron-description__run-cron {
  display: block;
}

.claro-details__wrapper.claro-details__wrapper--system-status-report {
  margin: 0;
}

.system-status-report__row {
  display: flex;
  border-bottom: 1px solid var(--color-neutral-CB);
}

.system-status-report__row:last-of-type {
  border-bottom: none;
}

.system-status-report__requirements-group {
  padding-block-start: 1.25rem;
}

.system-status-report__entry {
  overflow: auto;
  width: 100%;
  margin: 0;
  border: 0;
  border-radius: 0;
  background-color: transparent;
}

.system-status-report__entry h3 {
  margin-block: 0.625rem;
  font-size: 1.231em;
}

.system-status-report__entry--error {
  background-color: transparent;
}

.system-status-report__entry--warning {
  background-color: transparent;
}

.system-status-report .claro-details {
  border: none;
  border-block-end: 1px solid var(--color-neutral-lightest);
  box-shadow: none;
}

.system-status-report__status-title {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding-block: 1em;
  padding-inline: 3em 1em;
  font-weight: bold;
}

.system-status-report__status-icon::before {
  position: absolute;
  inset-block-start: 1em;
  inset-inline-start: 0.625rem;
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  margin-inline-end: 0.625rem;
  content: "";
  vertical-align: top;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
}

.system-status-report__status-icon--error::before {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23dc2323'%3e%3cpath d='M8.002 1c-3.868 0-7.002 3.134-7.002 7s3.134 7 7.002 7c3.865 0 7-3.134 7-7s-3.135-7-7-7zm4.025 9.284c.062.063.1.149.1.239 0 .091-.037.177-.1.24l-1.262 1.262c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-2.283-2.283-2.286 2.283c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-1.261-1.262c-.063-.062-.1-.148-.1-.24 0-.088.036-.176.1-.238l2.283-2.285-2.283-2.284c-.063-.064-.1-.15-.1-.24s.036-.176.1-.24l1.262-1.262c.063-.063.149-.1.24-.1.089 0 .176.036.24.1l2.285 2.284 2.283-2.284c.064-.063.15-.1.24-.1s.176.036.24.1l1.262 1.262c.062.063.1.149.1.24 0 .089-.037.176-.1.24l-2.283 2.284 2.283 2.284z'/%3e%3c/svg%3e");
}

.system-status-report__status-icon--warning::before {
  background-image: url("data:image/svg+xml,%3csvg fill='%23e29700' height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m14.66 12.316-5.316-10.633c-.738-1.476-1.946-1.476-2.685 0l-5.317 10.633c-.738 1.477.008 2.684 1.658 2.684h10.002c1.65 0 2.396-1.207 1.658-2.684zm-7.66-8.316h2.002v5h-2.002zm2.252 8.615c0 .344-.281.625-.625.625h-1.25c-.345 0-.626-.281-.626-.625v-1.239c0-.344.281-.625.626-.625h1.25c.344 0 .625.281.625.625z'/%3e%3c/svg%3e");
}

@media (forced-colors: active) {
  .system-status-report__status-icon::before {
    background-color: canvastext;
    background-image: none;
    mask-repeat: no-repeat;
    mask-position: top center;
    mask-size: contain;
  }

  .system-status-report__status-icon--error::before {
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23dc2323'%3e%3cpath d='M8.002 1c-3.868 0-7.002 3.134-7.002 7s3.134 7 7.002 7c3.865 0 7-3.134 7-7s-3.135-7-7-7zm4.025 9.284c.062.063.1.149.1.239 0 .091-.037.177-.1.24l-1.262 1.262c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-2.283-2.283-2.286 2.283c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-1.261-1.262c-.063-.062-.1-.148-.1-.24 0-.088.036-.176.1-.238l2.283-2.285-2.283-2.284c-.063-.064-.1-.15-.1-.24s.036-.176.1-.24l1.262-1.262c.063-.063.149-.1.24-.1.089 0 .176.036.24.1l2.285 2.284 2.283-2.284c.064-.063.15-.1.24-.1s.176.036.24.1l1.262 1.262c.062.063.1.149.1.24 0 .089-.037.176-.1.24l-2.283 2.284 2.283 2.284z'/%3e%3c/svg%3e");
  }

  .system-status-report__status-icon--warning::before {
    mask-image: url("data:image/svg+xml,%3csvg fill='%23e29700' height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m14.66 12.316-5.316-10.633c-.738-1.476-1.946-1.476-2.685 0l-5.317 10.633c-.738 1.477.008 2.684 1.658 2.684h10.002c1.65 0 2.396-1.207 1.658-2.684zm-7.66-8.316h2.002v5h-2.002zm2.252 8.615c0 .344-.281.625-.625.625h-1.25c-.345 0-.626-.281-.626-.625v-1.239c0-.344.281-.625.626-.625h1.25c.344 0 .625.281.625.625z'/%3e%3c/svg%3e");
  }
}

.system-status-report__entry__value {
  box-sizing: border-box;
  padding-block: 0 1em;
  padding-inline: 3em 1em;
  font-size: 16px;
}

.claro-details__summary--system-status-report {
  background: var(--color-neutral-lightest);
}

@media screen and (max-width: 48em) {
  .system-status-report {
    word-wrap: break-word;
  }
}

@media screen and (min-width: 48em) {
  .system-status-report__entry::after {
    display: table;
    clear: both;
    content: "";
  }

  .system-status-report__status-title {
    width: 18rem;
    cursor: default;
  }

  .system-status-report__status-title:hover,
  .system-status-report__status-title:focus {
    -webkit-text-decoration: none;
    text-decoration: none;
  }

  html.js .system-status-report__status-title::-webkit-details-marker {
    display: none;
  }

  .system-status-report__entry__value {
    display: block;
    width: calc(100% - 23em);
    padding-block-start: 1em;
    padding-inline-start: 0;
  }
}

/*
 * System admin module: modules page.
 */

.modules-table-filter,
.permissions-table-filter {
  padding: 0.25rem 24px;
  border: 1px solid var(--color-neutral-CB);
  border-radius: 2px 2px 0 0;
  box-shadow: 0 2px 4px rgb(0, 0, 0, 0.1);
}

/* Visually hide the module filter input description. */

.modules-table-filter .form-item__description,
.permissions-table-filter .form-item__description {
  position: absolute !important;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  word-wrap: normal;
}

.claro-details.claro-details--package-listing,
.claro-details.module-list__module-details {
  margin-top: 2rem;
  margin-bottom: 0;
  border: none;
  box-shadow: none;
}

.claro-details__wrapper.claro-details__wrapper--package-listing {
  margin: 0;
}

.claro-details__summary.claro-details__summary--package-listing {
  color: var(--color-functional-text);
  border-radius: 0.25rem;
  background: rgb(243, 244, 249, .4);
  font-size: 1.125rem; /* 18px */
  line-height: 1.424rem; /* 23px */
}

.module-list {
  margin-top: 0;
}

.module-list__module {
  color: var(--color-functional-text);
  border-bottom: 1px solid var(--color-neutral-CB);
  background: none;
}

.module-list__module:hover {
  background: none;
}

.module-list__module td {
  height: auto;
  padding: 16px 14px;
  vertical-align: top;
}

/* Set width only on wider view where description is visible by default. */

@media screen and (min-width: 60em) {
  td.module-list__module {
    width: 25%;
  }
}

.module-list__module-name {
  font-weight: bold;
}

.module-list__checkbox {
  padding-left: 0.6875rem; /* LTR */
  text-align: left; /* LTR */
}

[dir="rtl"] .module-list__checkbox {
  padding-right: 0.6875rem;
  padding-left: 14px;
  text-align: right;
}

.module-list__checkbox .form-type--checkbox {
  margin: 0;
  line-height: normal;
}

.module-list__checkbox .form-checkbox:not([disabled]) {
  cursor: pointer;
}

td.module-list__checkbox {
  width: 4%;
}

td.module-list__description {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
}

.claro-details.module-list__module-details {
  margin: 0;
}

.claro-details__summary.module-list__module-summary {
  padding-top: 16px;
  padding-bottom: 16px;
  font-weight: normal;
}

.claro-details__summary.module-list__module-summary::before {
  top: 28px;
}

.module-details__description {
  font-size:12px;
  line-height: 0.9375rem;
}

.claro-details__wrapper.module-details__wrapper {
  margin-top: 0;
  margin-bottom: 0;
}

.module-details__requirements {
  margin-bottom: 16px;
}

.module-details__links {
  position: relative;
  /* Negative margin matches the value of action link's top padding. */
  margin-top: calc((12px - ((24px - 12px) / 2)) * -1);
  margin-bottom: 16px;
}

.module-details__links .action-link + .action-link {
  margin-left: 0; /* LTR */
}

[dir="rtl"] .module-details__links .action-link + .action-link {
  margin-right: 0;
}

.claro-details .tableresponsive-toggle {
  padding: 16px 16px 16px 0;
}

.claro-details .tableresponsive-toggle::before {
  /* This adjustment is necessary for better alignment with the adjacent button
   text. */
  position: relative;
  top: -1px;
  display: inline-block;
  width: calc(16px * 2);
  height: 1.25rem;
  content: "";
  cursor: pointer;
  vertical-align: text-top;
  background: url("data:image/svg+xml,%3csvg height='16' stroke='%23545560' stroke-width='2' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3 8h10M8 3v10'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}

.claro-details .tableresponsive-toggle:hover {
  color: var(--color-primary-dark);
  background-color: var(--color-primary-lightest);
}

.claro-details .tableresponsive-toggle:hover::before {
  background-image: url("data:image/svg+xml,%3csvg height='16' stroke='%230036b1' stroke-width='2' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3 8h10M8 3v10'/%3e%3c/svg%3e");
}

.claro-details .tableresponsive-toggle-columns button {
  margin-top: 8px;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: var(--color-neutral-darkest);
  font-weight: bold;
}

.claro-details .admin-missing {
  color: var(--color-status-error-regular);
}