.dot-slider{display:flex;gap:4px;transition:opacity .5s ease}.dot-slider-top{top:-25px}.dot-slider-bottom,.dot-slider-top{position:absolute;left:50%;transform:translateX(-50%)}.dot-slider-bottom{bottom:-25px}.dot-slider-left{left:-25px}.dot-slider-left,.dot-slider-right{position:absolute;top:50%;transform:translateY(-50%);flex-direction:column}.dot-slider-right{right:-25px}.dot-slider-center{position:relative;justify-content:center}.dot{border-radius:50%;cursor:pointer;transition:opacity .5s ease;border:none;padding:0;opacity:.3}.dot.active{opacity:1}.dot-slider-sm .dot{width:6px;height:6px}.dot-slider-md .dot{width:8px;height:8px}.dot-slider-lg .dot{width:12px;height:12px}.dot-slider-white .dot{background-color:white}.dot-slider-dark .dot{background-color:var(--color-charcoal)}.dot-slider-primary .dot{background-color:var(--color-del-rio)}@media (max-width:550px){.dot-slider-top{left:0;transform:none}}