:root {
  --sdc-card-mobile-padding: 24px;
  --sdc-card-label-font-size: 20px;
  --sdc-card-label-letter-spacing: 0;
  --sdc-card-background-color: #fff;
  --sdc-card-padding: 0 24px;
  --sdc-card-margin: 24px 0;
  --sdc-card-border-radius: 2px;
  --sdc-card-label-color: #000;
  --sdc-card-label-weight: 400;
  --sdc-card-left-border-width: 0;
  --sdc-card-left-border-style: solid;
  --sdc-card-left-border-color: #000;
  --sdc-card-wrapper-height: auto;
}

.sdc-card-wrapper {
  position: relative;
  display: flex;
  padding-inline: var(--sdc-card-mobile-padding);
  margin-block: var(--sdc-card-margin);
  height: var(--sdc-card-wrapper-height);
}


.sdc-card {
  max-width: var(--sdc-card-max-width);
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: var(--sdc-card-background-color);
  padding: var(--sdc-card-padding);
  border-radius: var(--sdc-card-border-radius);
  border-left-width: var(--sdc-card-left-border-width);
  border-left-style: var(--sdc-card-left-border-style);
  border-left-color: var(--sdc-card-left-border-color);
}

.sdc-card-label {
  font-size: var(--sdc-card-label-font-size);
  font-weight: var(--sdc-card-label-weight);
  letter-spacing: var(--sdc-card-label-letter-spacing);
  color: var(--sdc-card-label-color);
  padding-bottom: 1rem;
}