@mixin kuiBottomShadow {
  box-shadow: 0 16px 16px -8px rgba(0, 0, 0, 10%);
}

@mixin kuiBottomShadowSmall {
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 10%);
}

@mixin kuiBottomShadowMedium {
  box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 20%);
}

@mixin kuiSlightShadow {
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 15%),;
}

@mixin kuiSlightShadowHover {
  box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 10%),;
}

@mixin kuiSlightShadowActive {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 20%),;
}