.li-widgets--mkp-highlights {
  --icon-size: 114px;
  --celum-scale: 1.3;
  container-type: inline-size;
  container-name: mkp-highlights;
}
@container mkp-highlights (max-width: 767px) {
  .li-widgets--mkp-highlights__row {
    --icon-size: 25cqw;
  }
}
@container mkp-highlights (max-width: 450px) {
  .li-widgets--mkp-highlights__row {
    --icon-size: 45cqw;
  }
}
.li-widgets--mkp-highlights__row {
  display: flex;
  justify-content: center;
  gap: calc(var(--icon-size) * 0.15);
  margin: calc(var(--icon-size) * 0.15) 0;
}
@container mkp-highlights (max-width: 767px) {
  .li-widgets--mkp-highlights__row {
    flex-wrap: wrap;
  }
}
.li-widgets--mkp-highlights__row .mkp-highlights__item {
  display: block;
  width: var(--icon-size);
  height: var(--icon-size);
  background-color: #fff;
  border-radius: calc(var(--icon-size) * 0.5);
  position: relative;
  align-self: center;
  transition: filter 0.3s ease;
}
.li-widgets--mkp-highlights__row .mkp-highlights__item.logo {
  border-radius: calc(var(--icon-size) * var(--celum-scale) * 0.5);
  width: calc(var(--icon-size) * var(--celum-scale));
  height: calc(var(--icon-size) * var(--celum-scale));
  filter: drop-shadow(0 2px 7px rgba(0, 0, 0, 0.2));
}
@container mkp-highlights (max-width: 1024px) {
  .li-widgets--mkp-highlights__row .mkp-highlights__item.logo {
    display: none;
  }
}
.li-widgets--mkp-highlights__row .mkp-highlights__item.logo > img {
  left: 47%;
}
.li-widgets--mkp-highlights__row .mkp-highlights__item:hover {
  filter: drop-shadow(0 2px 7px #b0bec5);
}
.li-widgets--mkp-highlights__row .mkp-highlights__item > img {
  width: 70%;
  height: 70%;
  object-fit: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}