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

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

.stacked {
  max-width: 50%;
}

.override {
  -st-mixin: LegacyCard(
    MainCardColor cornflowerblue,
    MainBorderWidth 5,
    MainBorderColor crimson,
    MainInfoColor rgba(255, 215, 0, 0.5),
    MainMediaColor rgba(250, 128, 114, 0.5),
    StackedInfoSidePadding 10px
  );
}

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

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