.px-infobox {
  container-type: inline-size;
  position: relative;
  display: flex;
  --line-offset: clamp(1.25rem, 0.9121621622rem + 1.6891891892vw, 2.5rem);
}
.px-infobox::before {
  content: "";
  display: block;
  position: absolute;
  inset: calc(var(--line-offset) * -1) calc(var(--line-offset) * -1) var(--line-offset) var(--line-offset);
  border: 1px solid var(--secondColor);
  border-radius: var(--baseBorderRadius);
  z-index: 0;
  pointer-events: none;
}
.px-infobox[data-line=left]::before {
  inset: calc(var(--line-offset) * -1) var(--line-offset) var(--line-offset) calc(var(--line-offset) * -1);
}
@container (width <= 640px) {
  .px-infobox {
    --line-offset: 16px;
  }
}
.px-infobox > .px-infobox-inner {
  position: relative;
  z-index: 1;
  width: 100%;
  padding: clamp(1.875rem, 1.5371621622rem + 1.6891891892vw, 3.125rem);
  border-radius: var(--baseBorderRadius);
  background-color: var(--greyLight);
  box-shadow: var(--bigBoxShadow);
  overflow: hidden;
}
.px-infobox > .px-infobox-inner > *:first-child {
  margin-top: 0;
}
.px-infobox > .px-infobox-inner > *:last-child {
  margin-bottom: 0;
}