@mixin root-container() { ... }@mixin root-container() { 
  @include elevation.elevation('high');
  @include typography.style-as('paragraph-1');

  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: stretch;
  width: settings.$width;
  min-height: settings.$min-height;
  max-width: settings.$max-width;
  background-color: settings.$background-color;
  border-radius: settings.$radius;
  color: settings.$text-color;
 }

@mixin root-container-stacked() { ... }@mixin root-container-stacked() { 
  flex-direction: column;
  align-items: stretch;
 }

@mixin label() { ... }@mixin label() { 
  padding: spacing.get('s3', 's4');
  flex: 1 1 auto;
 }

@mixin actions() { ... }@mixin actions() { 
  padding-left: spacing.get('s4');
  padding-right: spacing.get('s4');
 }

@mixin actions-stacked() { ... }@mixin actions-stacked() { 
  margin-bottom: spacing.get('s2');
  padding-right: spacing.get('s2');
  display: flex;
  align-items: center;
  justify-content: flex-end;
 }

@mixin action() { ... }@mixin action() { 
  @include typography.style-as('paragraph-2');

  display: inline-block;
  padding: spacing.get('s2');
  background-color: settings.$action-background-color;
  border: settings.$action-border-width solid transparent;
  border-radius: settings.$action-radius;
  cursor: pointer;
  line-height: 1;

  &,
  &:hover,
  &:focus,
  &:visited {
    color: settings.$action-text-color;
    text-decoration: underline;
  }

  &:focus {
    background-color: settings.$action-background-color-focus;
    border-color: settings.$action-border-color-focus;
    color: settings.$action-text-color-focus;
    outline: 0;
  }
 }

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

$text-color: color.get('text', 'inverse') !default;

$radius: kib-core.dimensions-get('small') !default;

$action-background-color: transparent !default;

$action-background-color-focus: $action-background-color !default;

$action-border-width: unit.rem(1px) !default;

$action-text-color: color.get('link', 'active', 'inverse') !default;

$action-border-color-focus: currentColor !default;

$action-text-color-focus: $action-text-color !default;

$action-radius: $radius !default;

$width: 100% !default;

$max-width: unit.rem(400px) !default;

$min-height: unit.rem(48px) !default;