/* =========================================================
   Digitizer carousel module
   ========================================================= */

.dz-carousel{
  position:relative;
}

.dz-carousel__track{
  display:flex;
  gap:var(--dz-gap);
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  padding:4px 0 18px;
  -ms-overflow-style:none;
  scrollbar-width:none;
}

.dz-carousel__track::-webkit-scrollbar{display:none;}

.dz-carousel__item{
  flex:0 0 min(420px, 84vw);
  scroll-snap-align:start;
}

.dz-carousel__nav{
  display:flex;
  justify-content:center;
  gap:10px;
  margin-top:18px;
}

.dz-carousel__arrow{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border:1px solid var(--dz-border);
  border-radius:50%;
  background:rgba(255,255,255,.06);
  color:#fff;
  cursor:pointer;
  transition:background .22s ease, border-color .22s ease;
}

.dz-carousel__arrow:hover{
  background:rgba(255,255,255,.11);
  border-color:var(--dz-border-strong);
}