[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}[data-seriesdemo-card].svelte-182dhjr{position:relative;display:flex;min-height:34rem;flex-direction:column;gap:0;overflow:hidden;padding:0}@media(min-width:768px){[data-seriesdemo-card].svelte-182dhjr{min-height:0;height:470px;flex-direction:row}}.series-demo-list.svelte-182dhjr{-webkit-mask-image:linear-gradient(to bottom,black calc(100% - 1.5rem),transparent);mask-image:linear-gradient(to bottom,black calc(100% - 1.5rem),transparent)}.series-demo-band-icon.svelte-182dhjr{width:34px;height:34px;-webkit-mask:var(--card-icon) center / contain no-repeat;mask:var(--card-icon) center / contain no-repeat}.series-demo-arrow.svelte-182dhjr{transition:transform .2s var(--ease-snappy),color .15s ease}@media(hover:hover)and (pointer:fine){.series-demo-row.svelte-182dhjr:hover{background:color-mix(in srgb,var(--color-syoro) 10%,transparent)}.series-demo-row.svelte-182dhjr:hover .series-demo-arrow:where(.svelte-182dhjr){transform:translate(3px);color:var(--color-konpeki)}}@media(prefers-reduced-motion:reduce){.series-demo-arrow.svelte-182dhjr{transition:none}.series-demo-row.svelte-182dhjr:hover .series-demo-arrow:where(.svelte-182dhjr){transform:none}}