.slider-container{max-width:var(--max-width);width:100vw;position:relative;overflow:hidden}.slider{display:flex;align-items:end}.slide{min-width:100%}.dots{padding-inline-start:2rem;display:flex;gap:4px}.dot{--tw-bg-opacity:1;background-color:rgb(217 217 217/var(--tw-bg-opacity));width:4px;height:4px;border-radius:4px;transition:all .3s ease}.dot.active{width:24px}