@charset "utf-8";
/* dots */
.banenr-switch-dots{width: 100%; position:absolute; bottom:15px; left:0; display:flex; justify-content:center; z-index:4;}
.banenr-switch-dots .dot-indicator{width:10px; height:10px; border-radius:50%; background-color: var(--bg-main); cursor:pointer; transition:all 0.3s ease; margin: 5px;}
.banenr-switch-dots .dot-indicator.active{background-color: var(--bg-hover);}
/* btn */
.banenr-switch-prev,.banenr-switch-next{position:absolute; left: -100%; top:50%; transform:translateY(-50%); background-color:rgba(255,255,255,.7); width: fit-content; padding: .5rem; font-size:1.75rem; cursor:pointer; transition:all 0.3s ease-in-out; display:flex; line-height: 1; z-index: 5; outline: none;}
.banenr-switch-next{left: auto; right:-100%;}
.banenr-switch-prev:hover,.banenr-switch-next:hover{background-color: var(--bg-main); color: #fff;}
.banenr-switch-carousel:hover .banenr-switch-prev{left: 0;}
.banenr-switch-carousel:hover .banenr-switch-next{right: 0;}