@use 'ej2-base/styles/definition/fusionnew' as *;
@forward 'ej2-base/styles/definition/fusionnew';
$carousel-navigator-btn-bg: transparent !default;
$carousel-navigator-btn-bg-hover: rgba($primary-text-color, .4) !default;
$carousel-navigator-icon-color: $primary-text-color !default;
$carousel-indicator-bar-bg: $primary-text-color !default;
$carousel-indicator-bar-border: 1px solid rgba($primary-text-color, .4) !default;
$carousel-indicator-bar-bg-active: $primary !default;
$carousel-indicator-border-color-focus: $black !default;
$carousel-indicator-progress-bg: rgba($carousel-indicator-bar-bg-active, .4) !default;
$carousel-animation-duration: .6s !default;
$carousel-animation-timing-function: ease-in-out !default;
$carousel-navigator-btn-border-radius-hover: 50% !default;
$carousel-indicator-padding: 4px !default;
$carousel-indicator-height: 48px !default;
$carousel-indicator-bar-border-radius: 2px !default;
$carousel-indicator-bar-height: 5px !default;
$carousel-indicator-bar-width: 20px !default;
$carousel-indicator-dynamic-minheight: 36px !default;
$carousel-indicator-fraction-minheight: 36px !default;
$carousel-indicator-progress-minheight: 4px !default;
$carousel-indicator-progress-height: 4px !default;
$carousel-items-height: 100% !default;
$carousel-border-none: 0 !default;
$carousel-play-icon-line-height: 1 !default;
$carousel-indicator-border-radius: 50% !default;
$carousel-dynamic-indicator-bar-height: 8px !default;
$carousel-indicator-progressbar-height: 100% !default;
$carousel-padding-none: 0 !default;
$carousel-margin-none: 0 !default;
$carousel-partial-horizontal-padding: 0 100px !default;
$carousel-partial-horizontal-padding-small: 0 75px !default;
$carousel-partial-horizontal-padding-extra-small: 0 50px !default;
$carousel-navigator-play-icon-padding-left: 3px !default;
$carousel-dynamic-indicator-bar-margin: 0 4px !default;
$carousel-navigator-btn-padding: .5em !default;