/* 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_error_alert: var(--palette-error-alert);
$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_warning_bright: var(--palette-warning-bright);
$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);
$zIndex_mobile_stepper: var(--z-index-mobile-stepper);
$zIndex_speed_dial: var(--z-index-speed-dial);
$zIndex_app_bar: var(--z-index-app-bar);
$zIndex_drawer: var(--z-index-drawer);
$zIndex_modal: var(--z-index-modal);
$zIndex_snackbar: var(--z-index-snackbar);
$zIndex_tooltip: var(--z-index-tooltip);

/* 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;
$AppContainer-ContainerName: CorvaUI-AppContainer-root;

: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};
}

/* SCSS mixins ./src/styles/mixins.scss */
@mixin verticalFadePseudoElements($size) {
  position: relative;

  &:before {
    content: '';
    position: absolute;
    z-index: 1;
    height: spacing($size);

    inset: 0 10px auto 0; // Right inset needed to not overlay the scrollbar
    background: linear-gradient(
      180deg,
      colorAlpha(var(--corvaui-background), 1) 0%,
      colorAlpha(var(--corvaui-background), 0) 100%
    );
  }

  &:after {
    content: '';
    position: absolute;
    z-index: 1;
    height: spacing($size);

    inset: auto 10px 0 0; // Right inset needed to not overlay the scrollbar
    background: linear-gradient(
      0deg,
      colorAlpha(var(--corvaui-background), 1) 0%,
      colorAlpha(var(--corvaui-background), 0) 100%
    );
  }
}

@mixin transparencyCheckerboard($checkerboardSize) {
  // Not theme colours
  background: #fff repeating-conic-gradient(#ccc 0% 25%, transparent 0% 50%) 50%;
  background-size: $checkerboardSize $checkerboardSize;
}

@mixin transparencyTransparentIndicator($borderWidth: 1px) {
  position: relative;

  &:before {
    content: '';
    position: absolute;
    width: 90%;
    border-radius: 2px;
    border: $borderWidth solid #ff0000; // Not a theme colour
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
  }
}