@mixin card-root() { ... }@mixin card-root() { 
  @include kib-foundations.card;
  @include kib-foundations.card-interactive-default;

  padding: spacing.get('s4');
  margin-bottom: spacing.get('s2');
  display: flex;
  flex-direction: column;
  width: 100%;

  // This fixes IE11 vertical alignment bug
  // @see https://chewyinc.atlassian.net/browse/CDS-4167
  min-height: settings.$min-height;
  align-items: top;
  justify-content: stretch;

  &:focus,
  &:hover {
    @include kib-foundations.card-interactive-hover;
  }

  &:active {
    @include kib-foundations.card-interactive-active;
  }

  // This fixes IE11 not showing custom focus outline
  // @see https://chewyinc.atlassian.net/browse/CDS-4168
  overflow: visible;
  text-align: left;
 }

@mixin card-disabled() { ... }@mixin card-disabled() { 
  @include kib-foundations.card-interactive-disabled;
 }

@mixin selected() { ... }@mixin selected() { 
  border-color: kib-foundations.$card-outline-border-color;
 }

@mixin label() { ... }@mixin label() { 
  @include section-heading.heading;
  @include section-heading.heading-small;

  padding-left: settings.$label-spacing;
 }

@mixin unselected-label() { ... }@mixin unselected-label() { 
  $distance: kib-foundations.$card-border-width * -3;

  position: absolute;
  top: $distance;
  left: $distance;
  right: $distance;
  bottom: $distance;
  border: none;
  content: '';
  cursor: pointer;
  z-index: 1;
 }

@mixin radio-control-custom($block) { ... }@mixin radio-control-custom($block) { 
  @include mixins.choice-control-custom($block);

  #{$block}__native:checked ~ & {
    #{$block}__fill {
      opacity: 1;
      transform: translate(-50%, -50%) scale(1);
    }
  }
 }

@mixin radio-control-fill() { ... }@mixin radio-control-fill() { 
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60%;
  height: 60%;
  background-color: settings.$control-fill-color;
  border-radius: 50%;
  content: '';
  opacity: 0;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.2s, opacity 0.2s;
 }

@mixin append-container-indent($width) { ... }@mixin append-container-indent($width) { 
  margin-top: spacing.get('s2');
  padding-left: calc(#{$width} + #{settings.$label-spacing});
 }

$appended-indent: kib-foundations.rem(20px) !default;

$label-spacing: spacing.get('s4') !default;

$control-fill-color: color.get('action', 'selection-control', 'on', 'primary') !default;

$min-height: kib-foundations.rem(52px) !default;