/* #region "../src/elements/logos/logos.scss" */
/*
- type: css
*/
.logos-container {
  container: logos / inline-size;
}

:is(.logos, .logo-card) {
  --card-padding-x: clamp(1.25rem, -5.17857rem + 28.5714cqw, 2.25rem);
  --card-padding-y: clamp(1rem, -2.21429rem + 14.2857cqw, 1.5rem);
}

:root.no-focus-visible .logos .logo-card:is(a):focus {
  outline: var(--focus-width, 2px) var(--focus-style, solid) var(--focus-color, #2fa5ab);
  outline-offset: var(--focus-offset, 3px);
}

.logos .logo-card:is(a):focus:not(:focus-visible) {
  outline: none;
}

.logos .logo-card:is(a):focus-visible {
  outline: var(--focus-width, 2px) var(--focus-style, solid) var(--focus-color, #2fa5ab);
  outline-offset: var(--focus-offset, 3px);
}

.logos .logo-card .card-inner {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.logos[data-style="grid"] {
  --columns: 1;
  grid-template-columns: repeat(var(--columns), 1fr);
  align-items: stretch;
  gap: clamp(1.25rem, .996479rem + 1.12676vw, 2rem);
  display: grid;
}

@container (width > 420px) {
  .logos[data-style="grid"] {
    --columns: 2;
  }
}

@container (width > 900px) {
  .logos[data-style="grid"] {
    --columns: 3;
  }
}

.logos[data-style="list"] {
  row-gap: calc(.5 * var(--layout-gap));
  flex-direction: column;
  display: flex;
}

.logos[data-style="list"] .logo-description > :first-child, .logos[data-style="list"] .logo-description > link:first-child + *, .logos[data-style="list"] .logo-description > a[name]:first-child + *, .logos[data-style="list"] .logo-description > .lead-text:first-child > :first-child {
  margin-top: 0;
}

.logos[data-style="list"] .logo-description > :last-child, .logos[data-style="list"] .logo-description > .lead-text:last-child > :last-child {
  margin-bottom: 0;
}

.logos[data-style="list"] .logo-card {
  width: 100%;
}

.logos[data-style="list"] .logo-card .card-inner {
  align-items: center;
  row-gap: calc(.5 * var(--layout-gap));
  grid-column: 1 / -1;
  grid-template-columns: 1fr;
  display: grid;
}

@container (width > 600px) {
  .logos[data-style="list"] .logo-card .card-inner {
    grid-template-columns: calc(var(--card-padding-x)  + 200px) calc(2 * var(--card-padding-x)  + 1px) 1fr;
    grid-template-rows: initial;
  }
}

.logos[data-style="list"] .logo-card .card-inner .logo-link {
  margin: calc(-1 * var(--card-padding-y)) calc(-1 * var(--card-padding-x));
  padding: var(--card-padding-y) var(--card-padding-x);
  border-radius: var(--base-radius);
}

:root.no-focus-visible .logos[data-style="list"] .logo-card .card-inner .logo-link:focus {
  outline: var(--focus-width, 2px) var(--focus-style, solid) var(--focus-color, #2fa5ab);
  outline-offset: -4px;
}

.logos[data-style="list"] .logo-card .card-inner .logo-link:focus:not(:focus-visible) {
  outline: none;
}

.logos[data-style="list"] .logo-card .card-inner .logo-link:focus-visible {
  outline: var(--focus-width, 2px) var(--focus-style, solid) var(--focus-color, #2fa5ab);
  outline-offset: -4px;
}

@container (width > 600px) {
  .logos[data-style="list"] .logo-card .card-inner .logo-link {
    justify-content: center;
    display: flex;
  }
}

.logos[data-style="list"] .logo-card .card-inner .attachment-logo-list:not(.logo-link *) {
  margin-inline: auto;
}

.logos[data-style="list"] .logo-card .card-inner hr {
  width: calc(100% + 2 * var(--card-padding-x));
  margin-inline: calc(-1 * var(--card-padding-x));
}

.logos[data-style="list"] .logo-card .card-inner hr:last-child {
  display: none;
}

@container (width > 600px) {
  .logos[data-style="list"] .logo-card .card-inner hr {
    margin-inline: auto;
    margin-block: calc(-1 * var(--card-padding-y));
    height: calc(100% + 2 * var(--card-padding-y));
    border: none;
    border-left: 1px solid var(--grey-200);
    width: 1px;
  }

  .logos[data-style="list"] .logo-card .card-inner hr:last-child {
    display: block;
  }
}

/* #endregion "../src/elements/logos/logos.scss" */


/*# sourceMappingURL=css-wpce--logos.css.map*/