.cpmx-sponsors {
  --cpmx-sponsors-navy: #071a67;
  --cpmx-sponsors-blue: #0758c9;
  --cpmx-sponsors-sky: #1595de;
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin: 0;
  font-family: inherit;
}

.cpmx-sponsors *,
.cpmx-sponsors *::before,
.cpmx-sponsors *::after {
  box-sizing: border-box;
}

.cpmx-sponsors__list {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: clamp(18px, 2.4vw, 28px);
}

.cpmx-sponsors__item {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 6px;
  border: 1px solid rgba(7, 88, 201, .2);
  border-radius: 22px;
  background: linear-gradient(145deg, #ffffff, #f1f7ff);
  box-shadow: 0 14px 34px rgba(7, 26, 103, .1);
  opacity: 1;
  transform: translateY(0);
  transition: opacity .22s ease, transform .22s ease, box-shadow .22s ease;
}

.cpmx-sponsors__item::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--cpmx-sponsors-navy), var(--cpmx-sponsors-blue), var(--cpmx-sponsors-sky));
  content: "";
  pointer-events: none;
}

.cpmx-sponsors__item:hover {
  box-shadow: 0 19px 42px rgba(7, 26, 103, .15);
  transform: translateY(-3px);
}

.cpmx-sponsors__item.is-hidden {
  display: none;
}

.cpmx-sponsors__item.is-fading {
  opacity: 0;
  transform: translateY(7px);
}

.cpmx-sponsors__image {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  border-radius: 17px !important;
  background: #eef5ff;
  clip-path: inset(0 round 17px);
}

@media (max-width: 640px) {
  .cpmx-sponsors__list {
    gap: 17px;
  }

  .cpmx-sponsors__item {
    border-radius: 18px;
  }

  .cpmx-sponsors__image {
    border-radius: 13px !important;
    clip-path: inset(0 round 13px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .cpmx-sponsors__item {
    transition-duration: .01ms !important;
  }
}