.carousel-dots[data-v-2c609230]{--dot-size:.625rem;--dot-active-width:2.5rem;justify-content:center;align-items:center;gap:.75rem;display:flex}.dot[data-v-2c609230]{width:var(--dot-size);height:var(--dot-size);background-color:var(--primary-color-1);opacity:.4;cursor:pointer;border:0;border-radius:100px;padding:0;transition:width .3s,opacity .3s}.dot[data-v-2c609230]:hover{opacity:.7}.dot.is-active[data-v-2c609230]{width:var(--dot-active-width);opacity:1}