.px-infobox {
  position: relative;
  container-type: inline-size;
  max-width: var(--reducedWidth) !important;
}
.px-infobox-inner {
  padding: 40px;
  background-color: var(--contrastColorInverted);
  border-radius: var(--baseBorderRadiusBig);
  border-bottom: 3px solid var(--main-color);
  box-shadow: var(--mainBoxShadowBig);
  display: flex;
  align-items: center;
  gap: clamp(1.1764705882rem, 0.6995230525rem + 2.5337837838vw, 2.9411764706rem);
}
@container (width <=640px) {
  .px-infobox-inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
}
.px-infobox-inner .icon {
  height: 100px;
}
@container (width <=640px) {
  .px-infobox-inner .icon {
    height: 50px;
  }
}
.px-infobox-inner .icon img {
  height: 100%;
  width: auto;
  display: block;
}
.px-infobox.iconposition-right .icon {
  order: 2;
}
@container (width <=640px) {
  .px-infobox.iconposition-right .icon {
    order: 0;
  }
}
.px-infobox.iconpositionvertical-top .px-infobox-inner {
  align-items: flex-start;
}
.px-infobox.iconpositionvertical-bottom .px-infobox-inner {
  align-items: flex-end;
}
@container (width <=640px) {
  .px-infobox.iconpositionvertical-bottom .px-infobox-inner {
    align-items: flex-start;
  }
}