.picinfo_pic {
  border-radius: 12px;
}
.picinfo--float {
  overflow: hidden;
}
@media (min-width: 740px) {
  .picinfo--float.picinfo--start .picinfo_pic {
    float: inline-start;
    margin-inline-end: var(--margin-block);
  }
}
@media (min-width: 740px) {
  .picinfo--float.picinfo--end .picinfo_pic {
    float: inline-end;
    margin-inline-start: var(--margin-block);
  }
}
@media (min-width: 740px) {
  .picinfo--float .picinfo_pic {
    max-width: min(44vw, 444px);
    margin-bottom: var(--margin-text);
  }
}
@media (max-width: 739.98px) {
  .picinfo--float .picinfo_pic {
    margin-inline: auto;
    margin-bottom: 10px;
  }
}
@media (min-width: 1200px) {
  .picinfo--vertical {
    display: grid;
    grid-auto-flow: column;
    column-gap: var(--margin-block);
    align-items: center;
  }
  .picinfo--vertical.picinfo--start .picinfo_pic {
    justify-self: start;
  }
  .picinfo--vertical.picinfo--end .picinfo_pic {
    justify-self: end;
    order: 2;
  }
}
@media (min-width: 1200px) {
  .picinfo--vertical .picinfo_pic {
    max-width: min(44vw, 444px);
  }
}
@media (max-width: 1199.98px) {
  .picinfo--vertical .picinfo_pic {
    margin-inline: auto;
    margin-bottom: var(--margin-block);
  }
}
@media (min-width: 740px) {
  .picinfo--vertical .picinfo_content {
    --margin-block: 10px;
    --margin-heading: 10px;
    --margin-text: 4px;
  }
}
@media (max-width: 739.98px) {
  .picinfo--vertical .picinfo_content {
    --margin-block: 6px;
    --margin-heading: 6px;
    --margin-text: 2px;
  }
}
@media (max-width: 1199.98px) {
  .picinfo div:has(> .tableWrap) {
    clear: both;
  }
}