@st-namespace 'Card-visual-st-css';
:import {
  -st-from: './Card.deprecated.st.css';
  -st-default: Card;
  -st-named: container;
}

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

.stacked {
  max-width: 50%;
}

.root.ratio20_80 .info {
  -st-mixin: container(
    Ratio 80
  );
}

.root.ratio20_80 .media {
  -st-mixin: container(
    Ratio 20
  );
}

.root.ratio40_60 .info {
  -st-mixin: container(
    Ratio 40
  );
}

.root.ratio40_60 .media {
  -st-mixin: container(
    Ratio 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-deprecated.st.css" */