/// Workflow base styles
@mixin base { ... }/// Workflow base styles
@mixin base { // updated
  display: flex;

  // overflow: visible;
  overflow: hidden; }

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

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

$radius-bottom: spacing.get('s2') !default;

$bottom-stepped-offset: unit.rem(64px) !default;

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

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

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

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

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

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

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

$title-success-text-color: color.get('message', 'success', '04') !default;

$transition-duration: 300ms !default;

$z-index: 5001 !default;

$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;