.navigation-wrapper{position:relative}.dots{text-align:center;max-width:100%;padding:10px 16px}.dot{background:var(--color-primary-50);cursor:pointer;border:none;border-radius:50%;width:10px;height:10px;margin:0 5px;padding:5px}.dot:focus{outline:none}.dot.active{background:var(--color-primary-500)}