/* This file was automatically generated and should not be edited. */
/* CSS variables from MUI theme */
$palette_primary_main: var(--palette-primary-main);
$palette_primary_dark: var(--palette-primary-dark);
$palette_primary_light: var(--palette-primary-light);
$palette_t1: var(--palette-primary-text-1);
$palette_t6: var(--palette-primary-text-6);
$palette_t7: var(--palette-primary-text-7);
$palette_t8: var(--palette-primary-text-8);
$palette_t9: var(--palette-primary-text-9);
$palette_b1: var(--palette-background-b-1);
$palette_b2: var(--palette-background-b-2);
$palette_b3: var(--palette-background-b-3);
$palette_b4: var(--palette-background-b-4);
$palette_b5: var(--palette-background-b-5);
$palette_b6: var(--palette-background-b-6);
$palette_b7: var(--palette-background-b-7);
$palette_b8: var(--palette-background-b-8);
$palette_b9: var(--palette-background-b-9);
$palette_b10: var(--palette-background-b-10);
$palette_b11: var(--palette-background-b-11);
$palette_error_main: var(--palette-error-main);
$palette_error_dark: var(--palette-error-dark);
$palette_error_light: var(--palette-error-light);
$palette_success_main: var(--palette-success-main);
$palette_success_dark: var(--palette-success-dark);
$palette_success_light: var(--palette-success-light);
$palette_success_bright: var(--palette-success-bright);
$palette_warning_main: var(--palette-warning-main);
$palette_warning_dark: var(--palette-warning-dark);
$palette_warning_light: var(--palette-warning-light);
$palette_info_main: var(--palette-info-main);
$palette_info_dark: var(--palette-info-dark);
$palette_info_light: var(--palette-info-light);
$palette_p1: var(--palette-pastel-p-1);
$palette_p2: var(--palette-pastel-p-2);
$palette_p3: var(--palette-pastel-p-3);
$palette_p4: var(--palette-pastel-p-4);
$palette_p5: var(--palette-pastel-p-5);
$palette_p6: var(--palette-pastel-p-6);
$palette_p7: var(--palette-pastel-p-7);
$palette_p8: var(--palette-pastel-p-8);
$palette_p9: var(--palette-pastel-p-9);
$palette_p10: var(--palette-pastel-p-10);
$palette_p11: var(--palette-pastel-p-11);
$palette_p12: var(--palette-pastel-p-12);
$palette_p13: var(--palette-pastel-p-13);
$palette_p14: var(--palette-pastel-p-14);
$palette_p15: var(--palette-pastel-p-15);
$palette_p16: var(--palette-pastel-p-16);

/* Other common variables ./src/styles/vars.base.scss */
$spacing: 8px;
$transition_parameters: cubic-bezier(0.4, 0, 0.2, 1) 0.15s;
$transition: all $transition_parameters;
$fontFamily: 'Roboto', sans-serif;

:export {
  spacing: 8;
}

/* SCSS functions ./src/styles/utils.scss */
@function colorAlpha($color, $opacity) {
  @return #{'rgb(from #{$color} r g b / #{$opacity})'};
}

@function spacing($top, $right: '', $bottom: '', $left: '') {
  @if ($right == '') {
    @return $top * $spacing;
  }

  @if ($bottom == '') {
    @return ($top * $spacing) ($right * $spacing);
  }

  @if ($left == '') {
    @return ($top * $spacing) ($right * $spacing) ($bottom * $spacing);
  }

  @return ($top * $spacing) ($right * $spacing) ($bottom * $spacing) ($left * $spacing);
}

@function transition($properties...) {
  $result: '';
  @each $property in $properties {
    @if ($result != '') {
      $result: $result + ', ';
    }

    $result: $result + $property + ' ' + $transition_parameters;
  }

  @return #{$result};
}
