Disable blue highlight when touch/press element with cursor: pointer

src/components/Arrow/Arrow.svelte

@@ -38,6 +38,7 @@
     justify-content: center;
     transition: opacity 100ms ease;
     cursor: pointer;
+    -webkit-tap-highlight-color: transparent;
   }
   .sc-carousel-arrow__circle:hover {
     opacity: 0.9;

src/components/Carousel/CarouselViewCustomArrows.svelte

@@ -119,6 +119,6 @@
     padding: 5px;
     font-weight: bold;
     cursor: pointer;
-    user-select: none;
+    -webkit-tap-highlight-color: transparent;
   }
 </style>

src/components/Dot/Dot.svelte

@@ -45,8 +45,9 @@
     border-radius: 50%;
     display: inline-block;
     opacity: 0.5;
-    cursor: pointer;
     transition: opacity 100ms ease;
+    cursor: pointer;
+    -webkit-tap-highlight-color: transparent;
   }
   .sc-carousel-dot__dot:hover {
     opacity: 0.9;

src/docs/Carousel.svx

@@ -348,6 +348,7 @@ Slot props:
     align-items: center;
     justify-content: center;
     cursor: pointer;
+    -webkit-tap-highlight-color: transparent;
   }
   .custom-arrow:hover {
     opacity: 0.5;

src/docs/components/AlbumsPreview/AlbumsPreview.svelte

@@ -89,6 +89,7 @@
     align-items: center;
     justify-content: center;
     cursor: pointer;
+    -webkit-tap-highlight-color: transparent;
   }
   .album-arrow > i{
     border: solid #1e1e1e;

src/docs/components/CustomDot.svelte

@@ -25,11 +25,12 @@
     background-color: #727272;
     border-radius: 50%;
     opacity: 0.7;
-    cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 5px;
+    cursor: pointer;
+    -webkit-tap-highlight-color: transparent;
   }
   .custom-dot__dot-container:hover {
     opacity: 0.9;