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