@use '@syncfusion/react-base/styles/themes/variables' as *;

$fab-offset: $spacing-16 !default;
$fab-z-index: 100000 !default;
$fab-border-radius: $radius-12 !default;
$fab-dimension: $spacing-40 !default;
$fab-padding: $spacing-0 $spacing-12 !default;
$fab-small-border-radius: $radius-8 !default;
$fab-small-min-dimension: $spacing-32 !default;
$fab-small-btn-padding: $spacing-0 $spacing-4 !default;
$fab-default-btn-padding: $spacing-0 $spacing-6 !default;
$fab-btn-padding: $spacing-0 $spacing-8 !default;
$fab-large-border-radius: $radius-16 !default;
$fab-large-min-dimension: $spacing-56 !default;
$fab-large-padding: $spacing-0 $spacing-16 !default;
$fab-box-shadow: $shadow-lg !default;
$fab-sizes: (
  'sm': (
    'padding': $spacing-9 $spacing-16,
    'font-size': $font-size-sm,
    'line-height': $line-height-sm,
    'svg-font-size': $font-size-xl,
    'icon-padding': $spacing-9,
    'border-radius': $radius-12,
    'gap': $spacing-8
  ),
  'me': (
    'padding': $spacing-13 $spacing-24,
    'font-size': $font-size-lg,
    'line-height': $line-height-lg,
    'svg-font-size': $font-size-2xl,
    'icon-padding': $spacing-15,
    'border-radius': $radius-16,
    'gap': $spacing-12
  ),
  'la': (
    'padding': $spacing-23 $spacing-28,
    'font-size': $font-size-2xl,
    'line-height': $line-height-2xl,
    'svg-font-size': $font-size-3xl,
    'icon-padding': $spacing-23,
    'border-radius': $radius-16,
    'gap': $spacing-12
  )
) !default;