.trust-logos { padding-block: var(--tl-top) var(--tl-bottom); background: var(--tl-background); }
trust-logo-marquee { display: block; }
.trust-logos__list { display: flex; align-items: center; justify-content: center; gap: var(--tl-gap, 0px); margin: 0; padding: 0; list-style: none; }
.trust-logos__item { display: flex; flex: 1 1 0; align-items: center; justify-content: center; min-width: 0; height: var(--tl-height); }
.trust-logos__link { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; min-height: 44px; }
.trust-logos__image { display: block; width: 100%; height: 100%; object-fit: contain; }
.trust-logos__list--grayscale .trust-logos__image { filter: grayscale(1); }
.trust-logos__link:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.trust-logos__placeholder { display: grid; place-items: center; width: 100%; height: 100%; padding: 4px; border: 1px dashed #d6dfeb; color: #626974; font-family: var(--font-stack-body); font-size: 12px; line-height: 1.3; text-align: center; }
@media (max-width: 767px) {
  .trust-logos__list { gap: 0; }
  .trust-logos__list { justify-content: flex-start; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: thin; }
  .trust-logos__item { flex: none; width: calc(var(--tl-mobile-height) * var(--tl-ratio, 2)); height: var(--tl-mobile-height); scroll-snap-align: start; }
  .trust-logos__item + .trust-logos__item { margin-inline-start: var(--tl-mobile-gap, var(--tl-gap, 0px)); }
  .trust-logos__link { min-width: 0; min-height: 0; }
  .trust-logos--running { overflow: hidden; }
  .trust-logos--running .trust-logos__list { width: max-content; overflow: visible; scroll-snap-type: none; will-change: transform; }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .trust-logos__list { --tl-static-gap: var(--tl-tablet-gap, var(--tl-gap, 0px)); }
  .trust-logos__item { --tl-height: var(--tl-tablet-height, var(--tl-mobile-height)); }
}
@media (min-width: 768px) {
  /* Explicit margins also work on tablet browsers without flex-gap support. */
  .trust-logos__list { gap: 0; }
  .trust-logos__item { flex: 0 1 calc(var(--tl-height) * var(--tl-ratio, 2)); height: auto; }
  .trust-logos__item + .trust-logos__item { margin-inline-start: var(--tl-static-gap, var(--tl-gap, 0px)); }
  .trust-logos__link { min-width: 0; height: auto; min-height: 0; }
  .trust-logos__image { min-width: 0; max-width: 100%; height: auto; max-height: var(--tl-height); }
}