/* hide native scrollbar on carousel track */
[data-carousel-target="track"]::-webkit-scrollbar {
  display: none;
}

/* carousel navigation arrow */
.carousel-arrow {
  border-radius: 9999px;
  background-color: #DAE7EE;
  width: 3rem;
  height: 3rem;
  transition: all 150ms ease;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 35 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27 2L34 9M34 9L27 16M34 9H2' stroke='%2344403C' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: 60% 60%;
  background-position: center;
  background-repeat: no-repeat;
}

.carousel-arrow:hover {
  background-color: #E9F1F5;
}

.carousel-arrow.left {
  transform: rotate(180deg);
  background-color: #E9F1F5;
}

.carousel-arrow.left:hover {
  background-color: #DAE7EE;
}