/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */.cycle-bar{grid-template-columns:repeat(7,minmax(0,1fr));align-items:stretch;gap:3px;width:clamp(8.5rem,14vw,10.5rem);height:2.25rem;display:grid}.cycle-bar__segment{border-radius:var(--radius-sm);background:var(--color-accent);position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.cycle-bar__segment{background:color-mix(in srgb,var(--color-accent)10%,var(--color-base-950))}}.cycle-bar__segment{border:1px solid var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.cycle-bar__segment{border:1px solid color-mix(in srgb,var(--color-accent)10%,transparent)}}.cycle-bar__segment:after{content:"";background:var(--color-accent);inset-inline:4px;border-radius:999px;height:3px;position:absolute;bottom:5px}@supports (color:color-mix(in lab,red,red)){.cycle-bar__segment:after{background:color-mix(in srgb,var(--color-accent)22%,transparent)}}.cycle-bar__segment:after{opacity:.54}.cycle-bar__segment--past{background:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.cycle-bar__segment--past{background:color-mix(in srgb,var(--color-accent)18%,var(--color-base-950))}}.cycle-bar__segment--past:after{background:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.cycle-bar__segment--past:after{background:color-mix(in srgb,var(--color-accent)42%,transparent)}}.cycle-bar__segment--past:after{opacity:.72}.cycle-bar__segment--active{background:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.cycle-bar__segment--active{background:color-mix(in srgb,var(--color-accent)28%,var(--color-base-950))}}.cycle-bar__segment--active{border-color:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.cycle-bar__segment--active{border-color:color-mix(in srgb,var(--color-accent)24%,transparent)}}.cycle-bar__segment--active:after{background:var(--color-accent);opacity:.9}.cycle-bar__marker{background:var(--color-accent);width:4px;height:.8rem;box-shadow:0 0 0 3px var(--color-accent);border-radius:999px;position:absolute;top:7px;left:50%}@supports (color:color-mix(in lab,red,red)){.cycle-bar__marker{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent)12%,transparent)}}.cycle-bar__marker{transform:translate(-50%)}@media (max-width:639px){.cycle-bar{width:min(10.5rem,100%)}}