@st-import [ setVar ] from '../../common/formatters.st';

.root {
  width: 100%;
  border: 1px solid #000;
  height: 380px;
}

.stacked {
  max-width: 50%;
}

.root.ratio20_80 .info {
  -st-mixin:
    setVar(--wix-ui-tpa-card-ratio, null, null, 80);
}

.root.ratio20_80 .media {
  -st-mixin:
    setVar(--wix-ui-tpa-card-ratio, null, null, 20);
}

.root.ratio40_60 .info {
  -st-mixin:
    setVar(--wix-ui-tpa-card-ratio, null, null, 40);
}

.root.ratio40_60 .media {
  -st-mixin:
    setVar(--wix-ui-tpa-card-ratio, null, null, 60);
}

.root.ratio20_80 .media img,
.root.ratio40_60 .media img {
  height: 100% !important;
  object-fit: cover;
}

/* st-namespace-reference="../../../../../src/components/Card/Card.visual.st.css" */