[data-tocdemo-pill].svelte-669klz{--tocdemo-w-compact: 13rem;--tocdemo-w-expanded: 19rem;--tocdemo-fg-rgb: 255 255 255;width:var(--tocdemo-w-compact);border-radius:9999px;transition:width .42s cubic-bezier(.34,1.4,.64,1),border-radius .36s cubic-bezier(.23,1,.32,1)}@media(min-width:768px){[data-tocdemo-pill].svelte-669klz{--tocdemo-w-compact: 15rem;--tocdemo-w-expanded: 23rem}}[data-tocdemo-pill][data-expanded].svelte-669klz{width:var(--tocdemo-w-expanded);border-radius:16px}[data-tocdemo-panel].svelte-669klz{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .38s cubic-bezier(.23,1,.32,1),opacity .26s ease}[data-tocdemo-pill][data-expanded].svelte-669klz [data-tocdemo-panel]:where(.svelte-669klz){grid-template-rows:1fr;opacity:1}[data-tocdemo-chevron].svelte-669klz{transition:transform .36s cubic-bezier(.23,1,.32,1)}[data-tocdemo-pill][data-expanded].svelte-669klz [data-tocdemo-chevron]:where(.svelte-669klz){transform:rotate(180deg)}@media(prefers-reduced-motion:no-preference){[data-tocdemo-pill][data-expanded].svelte-669klz{animation:svelte-669klz-tocdemo-breathe .42s cubic-bezier(.34,1.4,.64,1)}.tocdemo-dot.svelte-669klz{animation:svelte-669klz-tocdemo-dot-pulse 1.6s ease-in-out infinite}}@keyframes svelte-669klz-tocdemo-breathe{0%{scale:1}40%{scale:1.02}to{scale:1}}@keyframes svelte-669klz-tocdemo-dot-pulse{0%,to{opacity:.55;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}.tocdemo-slot.svelte-669klz{display:inline-block;width:10px;height:10px;border-radius:50%;border:1px solid currentColor;position:relative;flex-shrink:0;opacity:.4;transition:opacity .2s ease-out}[data-tocdemo-link].svelte-669klz:hover .tocdemo-slot:where(.svelte-669klz){opacity:.7}[data-tocdemo-link][data-active].svelte-669klz{background-color:rgb(var(--tocdemo-fg-rgb) / .08)}[data-tocdemo-link][data-active].svelte-669klz .tocdemo-slot:where(.svelte-669klz){opacity:1;border-color:rgb(var(--tocdemo-fg-rgb))}[data-tocdemo-link][data-active].svelte-669klz .tocdemo-slot:where(.svelte-669klz):after{content:"";position:absolute;inset:1px;border-radius:50%;background:rgb(var(--tocdemo-fg-rgb));box-shadow:0 0 6px 1px rgb(var(--tocdemo-fg-rgb) / .7);animation:svelte-669klz-tocdemo-dot-pulse 1.6s ease-in-out infinite}[data-tocdemo-link].svelte-669klz{position:relative}[data-tocdemo-link].svelte-669klz:before{content:"";position:absolute;left:calc(.75rem + 4.5px);top:0;bottom:0;width:1px;background:currentColor;opacity:.5;pointer-events:none}[data-tocdemo-list].svelte-669klz li:where(.svelte-669klz):first-child [data-tocdemo-link]:where(.svelte-669klz):before{top:50%}[data-tocdemo-list].svelte-669klz li:where(.svelte-669klz):last-child [data-tocdemo-link]:where(.svelte-669klz):before{bottom:50%}[data-tocdemo-list].svelte-669klz li.is-upcoming:where(.svelte-669klz) [data-tocdemo-link]:where(.svelte-669klz):before{opacity:.15}[data-tocdemo-list].svelte-669klz li.is-upcoming:where(.svelte-669klz) .tocdemo-slot:where(.svelte-669klz){opacity:.3}[data-tocdemo-list].svelte-669klz li.is-passed:where(.svelte-669klz) .tocdemo-slot:where(.svelte-669klz){opacity:1}[data-tocdemo-list].svelte-669klz li.is-passed:where(.svelte-669klz) .tocdemo-slot:where(.svelte-669klz):after{content:"";position:absolute;inset:2px;border-radius:50%;background:currentColor}@media(prefers-reduced-motion:reduce){[data-tocdemo-link][data-active].svelte-669klz .tocdemo-slot:where(.svelte-669klz):after{animation:none;opacity:1;transform:none}}[data-tocdemo-pill].svelte-669klz [data-tocdemo-current]:where(.svelte-669klz),[data-tocdemo-pill].svelte-669klz [data-tocdemo-static-label]:where(.svelte-669klz),[data-tocdemo-pill].svelte-669klz .tocdemo-dot:where(.svelte-669klz){transition:opacity .18s ease-out}[data-tocdemo-pill].svelte-669klz [data-tocdemo-static-label]:where(.svelte-669klz){opacity:0;pointer-events:none}[data-tocdemo-pill][data-expanded].svelte-669klz [data-tocdemo-current]:where(.svelte-669klz){opacity:0;pointer-events:none}[data-tocdemo-pill][data-expanded].svelte-669klz [data-tocdemo-static-label]:where(.svelte-669klz){opacity:1}[data-tocdemo-pill][data-expanded].svelte-669klz .tocdemo-dot:where(.svelte-669klz){opacity:0;animation:none}