:root {
  --card-padding-vertical: @card-padding-vertical;
  --card-padding-horizontal: @card-padding-horizontal;

  --card-borderRadius: @card-borderRadius;
}

.card {
  min-height: 100%;
  border-radius: var(--card-borderRadius);
  box-shadow: inset 0 0 0 1px var(--common-baseColor-divider);
  padding-top: var(--card-padding-vertical);
  padding-right: var(--card-padding-horizontal);
  padding-bottom: var(--card-padding-vertical);
  padding-left: var(--card-padding-horizontal);

  &--dark {
    #common.box-dark();
    box-shadow: none;
  }

  &--light {
    #common.box-light();
    box-shadow: none;
  }
}