@mixin backdrop($background) { ... }@mixin backdrop($background) { 
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: settings.$backdrop-z-index;
  background-color: $background;
 }

@mixin control() { ... }@mixin control() { 
  @include kib-button-new.generate-styles('utility', 'tertiary');

  padding: 0;
  height: settings.$control-size;
  width: settings.$control-size;
 }

@mixin control-icon() { ... }@mixin control-icon() { 
  width: settings.$control-icon-size;
  height: settings.$control-icon-size;
 }

$backdrop-background: color.get('ui-bg', 'overlay', 'primary') !default;

$backdrop-z-index: 5000 !default;

$control-size: unit.rem(40px) !default;

$control-padding: unit.rem(14px) !default;

$control-icon-size: unit.rem(20px) !default;