@st-namespace 'StripCard-st-css';
@st-import [ --wix-color-1, --wix-color-5 ] from '@wix/tpa-style-webpack-plugin/stylable-variables.st.css';
@st-import [ createColor ] from '../../common/formatters.st';

/*
 * Background color
 * @type color
 */
@property st-global(--wix-ui-tpa-strip-card-main-b-g-color);

/*
 * Media color
 * @type color
 */
@property st-global(--wix-ui-tpa-strip-card-main-media-color);

/*
 * Border width
 * @type size
 */
@property st-global(--wix-ui-tpa-strip-card-main-border-width);

/*
 * Border color
 * @type color
 */
@property st-global(--wix-ui-tpa-strip-card-main-border-color);

/*
 * Side padding
 * @type size
 */
@property st-global(--wix-ui-tpa-strip-card-main-side-padding);

.root {
  -st-states: roundMedia, sidePadding;
  border-style: solid;
  border-color: createColor(--wix-ui-tpa-strip-card-main-border-color, (var(--wix-color-5), 0.2));
  border-width: var(--wix-ui-tpa-strip-card-main-border-width, 0px);
  padding: calc(32px - var(--wix-ui-tpa-strip-card-main-border-width, 0px));
  padding-left: calc(var(--wix-ui-tpa-strip-card-main-side-padding, 32px) - var(--wix-ui-tpa-strip-card-main-border-width, 0px));
  padding-right: calc(var(--wix-ui-tpa-strip-card-main-side-padding, 32px) - var(--wix-ui-tpa-strip-card-main-border-width, 0px));
  display: flex;
  background-color: createColor(--wix-ui-tpa-strip-card-main-b-g-color, var(--wix-color-1));
  min-height: 92px;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  min-width: 700px;
}

.root:not(:sidePadding) {
  padding-left: 0;
  padding-right: 0;
}

.mediaContainer {
  width: 84px;
  height: 84px;
  margin-right: 32px;
  flex-shrink: 0;
  background-color: createColor(--wix-ui-tpa-strip-card-main-media-color, (var(--wix-color-5), 0.2));
}

.root:roundMedia .mediaContainer {
  overflow: hidden;
  border-radius: 50%;
}

.infoContainer {
  height: auto;
  width: 100%;
}

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