@mixin chip-choice-base-container-styles() { ... }@mixin chip-choice-base-container-styles() { 
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
 }

@mixin chip-choice-base-styles($type) { ... }@mixin chip-choice-base-styles($type) { 
  @include common.chip-base-styles($type);

  border: unit.rem(1px) solid map.get(variants.$styles, $type, '$chip-border-color');
 }

@mixin chip-choice-control-styles() { ... }@mixin chip-choice-control-styles() { 
  opacity: 0;
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  cursor: pointer;
  margin: 0;
 }

@mixin chip-choice-selected-styles($type) { ... }@mixin chip-choice-selected-styles($type) { 
  background: map.get(variants.$styles, $type, '$chip-selected-background');
  border: unit.rem(2px) solid map.get(variants.$styles, $type, '$chip-selected-border-color');

  &::after {
    $distance: unit.rem(-3px);

    top: $distance;
    left: $distance;
    right: $distance;
    bottom: $distance;
  }
 }

@mixin chip-choice-active-styles($type) { ... }@mixin chip-choice-active-styles($type) { 
  background: map.get(variants.$styles, $type, '$pressed-background');
 }

@mixin chip-choice-hover-styles($type) { ... }@mixin chip-choice-hover-styles($type) { 
  box-shadow: 0 unit.rem(1px 1px) rgba(0, 0, 0, 0.14), 0 unit.rem(2px 1px -1px) rgba(0, 0, 0, 0.12),
    0 unit.rem(1px 3px) rgba(0, 0, 0, 0.2);
  background: map.get(variants.$styles, $type, '$hover-background');
 }

@mixin chip-choice-disabled-styles() { ... }@mixin chip-choice-disabled-styles() { 
  @include common.chip-disabled-styles;

  box-shadow: none;
  cursor: default;
  opacity: settings.$chip-choice-deselected-disabled-opacity;
 }

@mixin chip-choice-selected-disabled-styles() { ... }@mixin chip-choice-selected-disabled-styles() { 
  opacity: settings.$chip-choice-selected-disabled-opacity;
 }

$chip-choice-icon-spacing: spacing.get('s1') !default;

$chip-choice-selected-disabled-opacity: 0.3;

$chip-choice-deselected-disabled-opacity: 0.5;