@syncfusion/ej2-react-navigations 20.1.51 → 20.1.57

package/styles/carousel/fluent-dark.css

@@ -1,26 +1,21 @@
 /*! Carousel component FluentUI theme definitions and variables */
 .e-carousel .e-previous-icon::before {
-  content: '\e765';
+  content: "\e765";
 }
-
 .e-carousel .e-next-icon::before {
-  content: '\e748';
+  content: "\e748";
 }
-
 .e-carousel .e-play-icon::before {
-  content: '\e70c';
+  content: "\e70c";
 }
-
 .e-carousel .e-pause-icon::before {
-  content: '\e77b';
+  content: "\e77b";
 }
-
 .e-carousel.e-rtl .e-previous-icon::before {
-  content: '\e748';
+  content: "\e748";
 }
-
 .e-carousel.e-rtl .e-next-icon::before {
-  content: '\e765';
+  content: "\e765";
 }
 
 /*! carousel component styles */
@@ -30,7 +25,6 @@
   padding: 0;
   position: relative;
 }
-
 .e-carousel .e-carousel-items {
   height: 100%;
   margin: 0;
@@ -39,8 +33,7 @@
   position: relative;
   width: 100%;
 }
-
-.e-carousel .e-carousel-items .e-carousel-item {
+.e-carousel .e-carousel-items:not(.e-carousel-custom-animation) .e-carousel-item {
   -webkit-backface-visibility: hidden;
           backface-visibility: hidden;
   display: none;
@@ -50,39 +43,45 @@
   position: relative;
   width: 100%;
 }
-
-.e-carousel .e-carousel-items .e-carousel-item.e-active {
+.e-carousel .e-carousel-items:not(.e-carousel-custom-animation) .e-carousel-item.e-active {
   display: block;
 }
-
 .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item {
   transition: transform 0.6s ease-in-out;
 }
-
 .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-prev, .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-next, .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-active {
   display: block;
 }
-
 .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-next:not(.e-transition-start), .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-active.e-transition-end {
   transform: translateX(100%);
 }
-
 .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-prev:not(.e-transition-end), .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-active.e-transition-start {
   transform: translateX(-100%);
 }
-
 .e-carousel .e-carousel-items.e-carousel-fade-animation .e-carousel-item {
   display: block;
   opacity: 0;
   transition: opacity 0.6s ease-in-out;
   z-index: 0;
 }
-
 .e-carousel .e-carousel-items.e-carousel-fade-animation .e-carousel-item.e-active {
   opacity: 1;
   z-index: 1;
 }
-
+.e-carousel .e-carousel-items.e-carousel-custom-animation .e-carousel-item {
+  display: block;
+  height: 100%;
+  left: 0;
+  opacity: 0;
+  pointer-events: none;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.e-carousel .e-carousel-items.e-carousel-custom-animation .e-carousel-item.e-active {
+  opacity: 1;
+  pointer-events: visible;
+}
 .e-carousel .e-carousel-navigators {
   -ms-flex-align: center;
       align-items: center;
@@ -97,39 +96,33 @@
   width: 100%;
   z-index: 1;
 }
-
 .e-carousel .e-carousel-navigators .e-play-pause,
 .e-carousel .e-carousel-navigators .e-previous,
 .e-carousel .e-carousel-navigators .e-next {
-  padding: .5em;
+  padding: 0.5em;
   pointer-events: auto;
 }
-
 .e-carousel .e-carousel-navigators .e-play-pause .e-btn,
 .e-carousel .e-carousel-navigators .e-previous .e-btn,
 .e-carousel .e-carousel-navigators .e-next .e-btn {
   border: 0;
   box-shadow: none;
 }
-
 .e-carousel .e-carousel-navigators .e-play-pause .e-btn:hover,
 .e-carousel .e-carousel-navigators .e-previous .e-btn:hover,
 .e-carousel .e-carousel-navigators .e-next .e-btn:hover {
   border-radius: 50%;
 }
-
 .e-carousel .e-carousel-navigators .e-play-pause .e-btn.e-rtl,
 .e-carousel .e-carousel-navigators .e-previous .e-btn.e-rtl,
 .e-carousel .e-carousel-navigators .e-next .e-btn.e-rtl {
   transform: rotate(180deg);
 }
-
 .e-carousel .e-carousel-navigators .e-play-pause.e-hover-arrows,
 .e-carousel .e-carousel-navigators .e-previous.e-hover-arrows,
 .e-carousel .e-carousel-navigators .e-next.e-hover-arrows {
   display: none;
 }
-
 .e-carousel .e-carousel-indicators {
   -ms-flex-align: center;
       align-items: center;
@@ -145,7 +138,6 @@
   width: 100%;
   z-index: 1;
 }
-
 .e-carousel .e-carousel-indicators .e-indicator-bars {
   display: -ms-flexbox;
   display: flex;
@@ -155,11 +147,9 @@
       justify-content: center;
   pointer-events: auto;
 }
-
 .e-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar {
   padding: 0;
 }
-
 .e-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar .e-indicator {
   -ms-flex-align: center;
       align-items: center;
@@ -169,7 +159,6 @@
       justify-content: center;
   padding: 6px;
 }
-
 .e-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar .e-indicator div {
   border: 1px solid rgba(255, 255, 255, 0.4);
   border-radius: 50%;
@@ -179,7 +168,6 @@
   transition-timing-function: ease-in-out;
   width: 12px;
 }
-
 .e-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar .e-indicator .e-ripple-element {
   display: none;
 }
@@ -190,13 +178,11 @@
 .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled) {
   background-color: transparent;
 }
-
 .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled) .e-btn-icon,
 .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled) .e-btn-icon,
 .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled) .e-btn-icon {
   color: #fff;
 }
-
 .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled):active, .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled):focus, .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled):hover,
 .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled):active,
 .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled):focus,
@@ -207,30 +193,25 @@
   background-color: rgba(255, 255, 255, 0.4);
   outline: none;
 }
-
 .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator {
   background-color: transparent;
   border-color: transparent;
   box-shadow: none;
 }
-
 .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator div {
   background-color: #fff;
   border-color: #fff;
 }
-
 .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator:active, .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator:focus, .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator:hover {
   background-color: transparent;
   border-color: transparent;
   box-shadow: none;
   outline: none;
 }
-
 .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator:focus-visible {
   border-color: #000;
 }
-
 .e-carousel .e-carousel-indicators .e-indicator-bar.e-active .e-indicator div {
   background-color: #0078d4;
   border-color: #0078d4;
-}
+}

package/styles/carousel/fluent.css

@@ -1,26 +1,21 @@
 /*! Carousel component FluentUI theme definitions and variables */
 .e-carousel .e-previous-icon::before {
-  content: '\e765';
+  content: "\e765";
 }
-
 .e-carousel .e-next-icon::before {
-  content: '\e748';
+  content: "\e748";
 }
-
 .e-carousel .e-play-icon::before {
-  content: '\e70c';
+  content: "\e70c";
 }
-
 .e-carousel .e-pause-icon::before {
-  content: '\e77b';
+  content: "\e77b";
 }
-
 .e-carousel.e-rtl .e-previous-icon::before {
-  content: '\e748';
+  content: "\e748";
 }
-
 .e-carousel.e-rtl .e-next-icon::before {
-  content: '\e765';
+  content: "\e765";
 }
 
 /*! carousel component styles */
@@ -30,7 +25,6 @@
   padding: 0;
   position: relative;
 }
-
 .e-carousel .e-carousel-items {
   height: 100%;
   margin: 0;
@@ -39,8 +33,7 @@
   position: relative;
   width: 100%;
 }
-
-.e-carousel .e-carousel-items .e-carousel-item {
+.e-carousel .e-carousel-items:not(.e-carousel-custom-animation) .e-carousel-item {
   -webkit-backface-visibility: hidden;
           backface-visibility: hidden;
   display: none;
@@ -50,39 +43,45 @@
   position: relative;
   width: 100%;
 }
-
-.e-carousel .e-carousel-items .e-carousel-item.e-active {
+.e-carousel .e-carousel-items:not(.e-carousel-custom-animation) .e-carousel-item.e-active {
   display: block;
 }
-
 .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item {
   transition: transform 0.6s ease-in-out;
 }
-
 .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-prev, .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-next, .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-active {
   display: block;
 }
-
 .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-next:not(.e-transition-start), .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-active.e-transition-end {
   transform: translateX(100%);
 }
-
 .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-prev:not(.e-transition-end), .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-active.e-transition-start {
   transform: translateX(-100%);
 }
-
 .e-carousel .e-carousel-items.e-carousel-fade-animation .e-carousel-item {
   display: block;
   opacity: 0;
   transition: opacity 0.6s ease-in-out;
   z-index: 0;
 }
-
 .e-carousel .e-carousel-items.e-carousel-fade-animation .e-carousel-item.e-active {
   opacity: 1;
   z-index: 1;
 }
-
+.e-carousel .e-carousel-items.e-carousel-custom-animation .e-carousel-item {
+  display: block;
+  height: 100%;
+  left: 0;
+  opacity: 0;
+  pointer-events: none;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.e-carousel .e-carousel-items.e-carousel-custom-animation .e-carousel-item.e-active {
+  opacity: 1;
+  pointer-events: visible;
+}
 .e-carousel .e-carousel-navigators {
   -ms-flex-align: center;
       align-items: center;
@@ -97,39 +96,33 @@
   width: 100%;
   z-index: 1;
 }
-
 .e-carousel .e-carousel-navigators .e-play-pause,
 .e-carousel .e-carousel-navigators .e-previous,
 .e-carousel .e-carousel-navigators .e-next {
-  padding: .5em;
+  padding: 0.5em;
   pointer-events: auto;
 }
-
 .e-carousel .e-carousel-navigators .e-play-pause .e-btn,
 .e-carousel .e-carousel-navigators .e-previous .e-btn,
 .e-carousel .e-carousel-navigators .e-next .e-btn {
   border: 0;
   box-shadow: none;
 }
-
 .e-carousel .e-carousel-navigators .e-play-pause .e-btn:hover,
 .e-carousel .e-carousel-navigators .e-previous .e-btn:hover,
 .e-carousel .e-carousel-navigators .e-next .e-btn:hover {
   border-radius: 50%;
 }
-
 .e-carousel .e-carousel-navigators .e-play-pause .e-btn.e-rtl,
 .e-carousel .e-carousel-navigators .e-previous .e-btn.e-rtl,
 .e-carousel .e-carousel-navigators .e-next .e-btn.e-rtl {
   transform: rotate(180deg);
 }
-
 .e-carousel .e-carousel-navigators .e-play-pause.e-hover-arrows,
 .e-carousel .e-carousel-navigators .e-previous.e-hover-arrows,
 .e-carousel .e-carousel-navigators .e-next.e-hover-arrows {
   display: none;
 }
-
 .e-carousel .e-carousel-indicators {
   -ms-flex-align: center;
       align-items: center;
@@ -145,7 +138,6 @@
   width: 100%;
   z-index: 1;
 }
-
 .e-carousel .e-carousel-indicators .e-indicator-bars {
   display: -ms-flexbox;
   display: flex;
@@ -155,11 +147,9 @@
       justify-content: center;
   pointer-events: auto;
 }
-
 .e-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar {
   padding: 0;
 }
-
 .e-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar .e-indicator {
   -ms-flex-align: center;
       align-items: center;
@@ -169,7 +159,6 @@
       justify-content: center;
   padding: 6px;
 }
-
 .e-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar .e-indicator div {
   border: 1px solid rgba(255, 255, 255, 0.4);
   border-radius: 50%;
@@ -179,7 +168,6 @@
   transition-timing-function: ease-in-out;
   width: 12px;
 }
-
 .e-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar .e-indicator .e-ripple-element {
   display: none;
 }
@@ -190,13 +178,11 @@
 .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled) {
   background-color: transparent;
 }
-
 .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled) .e-btn-icon,
 .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled) .e-btn-icon,
 .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled) .e-btn-icon {
   color: #fff;
 }
-
 .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled):active, .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled):focus, .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled):hover,
 .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled):active,
 .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled):focus,
@@ -207,30 +193,25 @@
   background-color: rgba(255, 255, 255, 0.4);
   outline: none;
 }
-
 .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator {
   background-color: transparent;
   border-color: transparent;
   box-shadow: none;
 }
-
 .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator div {
   background-color: #fff;
   border-color: #fff;
 }
-
 .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator:active, .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator:focus, .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator:hover {
   background-color: transparent;
   border-color: transparent;
   box-shadow: none;
   outline: none;
 }
-
 .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator:focus-visible {
   border-color: #000;
 }
-
 .e-carousel .e-carousel-indicators .e-indicator-bar.e-active .e-indicator div {
   background-color: #0078d4;
   border-color: #0078d4;
-}
+}

package/styles/carousel/highcontrast-light.css

@@ -1,26 +1,21 @@
 /*! Carousel component highcontrast-light theme definitions and variables */
 .e-carousel .e-previous-icon::before {
-  content: '\e654';
+  content: "\e654";
 }
-
 .e-carousel .e-next-icon::before {
-  content: '\e830';
+  content: "\e830";
 }
-
 .e-carousel .e-play-icon::before {
-  content: '\e327';
+  content: "\e327";
 }
-
 .e-carousel .e-pause-icon::before {
-  content: '\e325';
+  content: "\e325";
 }
-
 .e-carousel.e-rtl .e-previous-icon::before {
-  content: '\e830';
+  content: "\e830";
 }
-
 .e-carousel.e-rtl .e-next-icon::before {
-  content: '\e654';
+  content: "\e654";
 }
 
 /*! carousel component styles */
@@ -30,7 +25,6 @@
   padding: 0;
   position: relative;
 }
-
 .e-carousel .e-carousel-items {
   height: 100%;
   margin: 0;
@@ -39,8 +33,7 @@
   position: relative;
   width: 100%;
 }
-
-.e-carousel .e-carousel-items .e-carousel-item {
+.e-carousel .e-carousel-items:not(.e-carousel-custom-animation) .e-carousel-item {
   -webkit-backface-visibility: hidden;
           backface-visibility: hidden;
   display: none;
@@ -50,39 +43,45 @@
   position: relative;
   width: 100%;
 }
-
-.e-carousel .e-carousel-items .e-carousel-item.e-active {
+.e-carousel .e-carousel-items:not(.e-carousel-custom-animation) .e-carousel-item.e-active {
   display: block;
 }
-
 .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item {
   transition: transform 0.6s ease-in-out;
 }
-
 .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-prev, .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-next, .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-active {
   display: block;
 }
-
 .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-next:not(.e-transition-start), .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-active.e-transition-end {
   transform: translateX(100%);
 }
-
 .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-prev:not(.e-transition-end), .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-active.e-transition-start {
   transform: translateX(-100%);
 }
-
 .e-carousel .e-carousel-items.e-carousel-fade-animation .e-carousel-item {
   display: block;
   opacity: 0;
   transition: opacity 0.6s ease-in-out;
   z-index: 0;
 }
-
 .e-carousel .e-carousel-items.e-carousel-fade-animation .e-carousel-item.e-active {
   opacity: 1;
   z-index: 1;
 }
-
+.e-carousel .e-carousel-items.e-carousel-custom-animation .e-carousel-item {
+  display: block;
+  height: 100%;
+  left: 0;
+  opacity: 0;
+  pointer-events: none;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.e-carousel .e-carousel-items.e-carousel-custom-animation .e-carousel-item.e-active {
+  opacity: 1;
+  pointer-events: visible;
+}
 .e-carousel .e-carousel-navigators {
   -ms-flex-align: center;
       align-items: center;
@@ -97,39 +96,33 @@
   width: 100%;
   z-index: 1;
 }
-
 .e-carousel .e-carousel-navigators .e-play-pause,
 .e-carousel .e-carousel-navigators .e-previous,
 .e-carousel .e-carousel-navigators .e-next {
-  padding: .5em;
+  padding: 0.5em;
   pointer-events: auto;
 }
-
 .e-carousel .e-carousel-navigators .e-play-pause .e-btn,
 .e-carousel .e-carousel-navigators .e-previous .e-btn,
 .e-carousel .e-carousel-navigators .e-next .e-btn {
   border: 0;
   box-shadow: none;
 }
-
 .e-carousel .e-carousel-navigators .e-play-pause .e-btn:hover,
 .e-carousel .e-carousel-navigators .e-previous .e-btn:hover,
 .e-carousel .e-carousel-navigators .e-next .e-btn:hover {
   border-radius: 50%;
 }
-
 .e-carousel .e-carousel-navigators .e-play-pause .e-btn.e-rtl,
 .e-carousel .e-carousel-navigators .e-previous .e-btn.e-rtl,
 .e-carousel .e-carousel-navigators .e-next .e-btn.e-rtl {
   transform: rotate(180deg);
 }
-
 .e-carousel .e-carousel-navigators .e-play-pause.e-hover-arrows,
 .e-carousel .e-carousel-navigators .e-previous.e-hover-arrows,
 .e-carousel .e-carousel-navigators .e-next.e-hover-arrows {
   display: none;
 }
-
 .e-carousel .e-carousel-indicators {
   -ms-flex-align: center;
       align-items: center;
@@ -145,7 +138,6 @@
   width: 100%;
   z-index: 1;
 }
-
 .e-carousel .e-carousel-indicators .e-indicator-bars {
   display: -ms-flexbox;
   display: flex;
@@ -155,11 +147,9 @@
       justify-content: center;
   pointer-events: auto;
 }
-
 .e-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar {
   padding: 0;
 }
-
 .e-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar .e-indicator {
   -ms-flex-align: center;
       align-items: center;
@@ -169,7 +159,6 @@
       justify-content: center;
   padding: 6px;
 }
-
 .e-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar .e-indicator div {
   border: 1px solid rgba(255, 255, 255, 0.4);
   border-radius: 50%;
@@ -179,7 +168,6 @@
   transition-timing-function: ease-in-out;
   width: 12px;
 }
-
 .e-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar .e-indicator .e-ripple-element {
   display: none;
 }
@@ -190,13 +178,11 @@
 .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled) {
   background-color: transparent;
 }
-
 .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled) .e-btn-icon,
 .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled) .e-btn-icon,
 .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled) .e-btn-icon {
   color: #fff;
 }
-
 .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled):active, .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled):focus, .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled):hover,
 .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled):active,
 .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled):focus,
@@ -207,30 +193,25 @@
   background-color: rgba(255, 255, 255, 0.4);
   outline: none;
 }
-
 .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator {
   background-color: transparent;
   border-color: transparent;
   box-shadow: none;
 }
-
 .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator div {
   background-color: #fff;
   border-color: #fff;
 }
-
 .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator:active, .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator:focus, .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator:hover {
   background-color: transparent;
   border-color: transparent;
   box-shadow: none;
   outline: none;
 }
-
 .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator:focus-visible {
   border-color: #000;
 }
-
 .e-carousel .e-carousel-indicators .e-indicator-bar.e-active .e-indicator div {
   background-color: #400074;
   border-color: #400074;
-}
+}