window.scrollTo({ top: 0, behavior: 'smooth' }))"
class="cursor-pointer flex-1 h-2 rounded-full transition-all
bg-gray-200"
aria-label='Day 1'
x-tooltip="Day 1"
/>
window.scrollTo({ top: 0, behavior: 'smooth' }))"
class="cursor-pointer flex-1 h-2 rounded-full transition-all
bg-gray-200"
aria-label='Day 2'
x-tooltip="Day 2"
/>
window.scrollTo({ top: 0, behavior: 'smooth' }))"
class="cursor-pointer flex-1 h-2 rounded-full transition-all
bg-gray-200"
aria-label='Day 3'
x-tooltip="Day 3"
/>
window.scrollTo({ top: 0, behavior: 'smooth' }))"
class="cursor-pointer flex-1 h-2 rounded-full transition-all
bg-gray-200"
aria-label='Day 4'
x-tooltip="Day 4"
/>
window.scrollTo({ top: 0, behavior: 'smooth' }))"
class="cursor-pointer flex-1 h-2 rounded-full transition-all
bg-gray-200"
aria-label='Day 5'
x-tooltip="Day 5"
/>
window.scrollTo({ top: 0, behavior: 'smooth' }))"
class="cursor-pointer flex-1 h-2 rounded-full transition-all
bg-black"
aria-label='Day 6'
x-tooltip="Day 6"
/>
window.scrollTo({ top: 0, behavior: 'smooth' }))"
class="cursor-pointer flex-1 h-2 rounded-full transition-all
bg-gray-200"
aria-label='Day 7'
x-tooltip="Day 7"
/>
window.scrollTo({ top: 0, behavior: 'smooth' }))"
class="cursor-pointer flex-1 h-2 rounded-full transition-all
bg-gray-200"
aria-label='Day 8'
x-tooltip="Day 8"
/>
window.scrollTo({ top: 0, behavior: 'smooth' }))"
class="cursor-pointer flex-1 h-2 rounded-full transition-all
bg-gray-200"
aria-label='Day 9'
x-tooltip="Day 9"
/>
window.scrollTo({ top: 0, behavior: 'smooth' }))"
class="cursor-pointer flex-1 h-2 rounded-full transition-all
bg-gray-200"
aria-label='Day 10'
x-tooltip="Day 10"
/>
window.scrollTo({ top: 0, behavior: 'smooth' }))"
class="cursor-pointer flex-1 h-2 rounded-full transition-all
bg-gray-200"
aria-label='Day 11'
x-tooltip="Day 11"
/>
window.scrollTo({ top: 0, behavior: 'smooth' }))"
class="cursor-pointer flex-1 h-2 rounded-full transition-all
bg-gray-200"
aria-label='Day 12'
x-tooltip="Day 12"
/>
window.scrollTo({ top: 0, behavior: 'smooth' }))"
class="cursor-pointer flex-1 h-2 rounded-full transition-all
bg-gray-200"
aria-label='Day 13'
x-tooltip="Day 13"
/>
window.scrollTo({ top: 0, behavior: 'smooth' }))"
class="cursor-pointer flex-1 h-2 rounded-full transition-all
bg-gray-200"
aria-label='Day 14'
x-tooltip="Day 14"
/>
window.scrollTo({ top: 0, behavior: 'smooth' }))"
class="cursor-pointer flex-1 h-2 rounded-full transition-all
bg-gray-200"
aria-label='Day 15'
x-tooltip="Day 15"
/>
window.scrollTo({ top: 0, behavior: 'smooth' }))"
class="cursor-pointer flex-1 h-2 rounded-full transition-all
bg-gray-200"
aria-label='Day 16'
x-tooltip="Day 16"
/>
window.scrollTo({ top: 0, behavior: 'smooth' }))"
class="cursor-pointer flex-1 h-2 rounded-full transition-all
bg-gray-200"
aria-label='Day 17'
x-tooltip="Day 17"
/>
window.scrollTo({ top: 0, behavior: 'smooth' }))"
class="cursor-pointer flex-1 h-2 rounded-full transition-all
bg-gray-200"
aria-label='Day 18'
x-tooltip="Day 18"
/>
window.scrollTo({ top: 0, behavior: 'smooth' }))"
class="cursor-pointer flex-1 h-2 rounded-full transition-all
bg-gray-200"
aria-label='Day 19'
x-tooltip="Day 19"
/>
window.scrollTo({ top: 0, behavior: 'smooth' }))"
class="cursor-pointer flex-1 h-2 rounded-full transition-all
bg-gray-200"
aria-label='Day 20'
x-tooltip="Day 20"
/>
window.scrollTo({ top: 0, behavior: 'smooth' }))"
class="cursor-pointer flex-1 h-2 rounded-full transition-all
bg-gray-200"
aria-label='Day 21'
x-tooltip="Day 21"
/>
window.scrollTo({ top: 0, behavior: 'smooth' }))"
class="cursor-pointer flex-1 h-2 rounded-full transition-all
bg-gray-200"
aria-label='Day 22'
x-tooltip="Day 22"
/>
window.scrollTo({ top: 0, behavior: 'smooth' }))"
class="cursor-pointer flex-1 h-2 rounded-full transition-all
bg-gray-200"
aria-label='Day 23'
x-tooltip="Day 23"
/>
window.scrollTo({ top: 0, behavior: 'smooth' }))"
class="cursor-pointer flex-1 h-2 rounded-full transition-all
bg-gray-200"
aria-label='Day 24'
x-tooltip="Day 24"
/>
0 of 24 days completed