@layer tx.components{.tx-captions{border:1px solid var(--tx-border,currentColor);border-radius:var(--tx-radius-lg,.5rem);background-color:var(--tx-surface,Canvas);color:var(--tx-foreground,CanvasText);gap:.75rem;max-inline-size:36rem;padding:.75rem;display:grid}.tx-captions[data-status=blocked],.tx-captions[data-status=error]{border-color:var(--tx-destructive,crimson)}.tx-captions__active{border-radius:var(--tx-radius-md,.375rem);background-color:var(--tx-surface,Canvas);min-block-size:2.5rem;color:var(--tx-foreground,CanvasText);border:1px solid var(--tx-border,ButtonBorder);font-size:var(--tx-text-sm,.875rem);margin:0;padding:.5rem .75rem;line-height:1.4}.tx-captions__active:empty{display:none}.tx-captions__message{font-size:var(--tx-text-sm,.875rem);color:canvastext;margin:0}.tx-captions-chapters{gap:.35rem;display:grid}.tx-captions-chapters__title{font-size:var(--tx-text-sm,.875rem);color:var(--tx-foreground,CanvasText);margin:0;font-weight:600}.tx-captions-chapters__list{gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.tx-captions-chapters__item{margin:0}.tx-captions-chapters__button{border-radius:var(--tx-radius-md,.375rem);background:var(--tx-background,Canvas);inline-size:100%;color:var(--tx-foreground,CanvasText);font:inherit;text-align:start;cursor:pointer;border:1px solid #0000;outline:none;justify-content:space-between;align-items:baseline;gap:.75rem;margin:0;padding:.4rem .6rem;display:flex}.tx-captions-chapters__button:hover{background-color:var(--tx-muted,color-mix(in oklab, CanvasText 10%, Canvas));color:var(--tx-foreground,CanvasText)}.tx-captions-chapters__button:focus-visible{outline:var(--tx-focus-ring-width,2px) solid var(--tx-ring,Highlight);outline-offset:var(--tx-focus-ring-offset,2px)}.tx-captions-chapters__button[aria-current=true]{border-color:var(--tx-border,currentColor);background-color:var(--tx-background,Canvas);color:canvastext;font-weight:600}.tx-captions-chapters__button:disabled{cursor:not-allowed;opacity:.5}.tx-captions-chapters__time,.tx-captions-chapters__label{color:inherit}.tx-captions-chapters__time{font-variant-numeric:tabular-nums;font-size:var(--tx-text-xs,.75rem);color:canvastext;flex-shrink:0}.tx-captions-transcript{gap:.35rem;display:grid}.tx-captions-transcript__title{font-size:var(--tx-text-sm,.875rem);color:var(--tx-foreground,CanvasText);margin:0;font-weight:600}.tx-captions-transcript__list{border:1px solid var(--tx-border,currentColor);border-radius:var(--tx-radius-md,.375rem);gap:.15rem;max-block-size:14rem;margin:0;padding:.25rem;list-style:none;display:grid;overflow:auto}.tx-captions-transcript__item{margin:0}.tx-captions-transcript__button{border-radius:var(--tx-radius-sm,.25rem);background:var(--tx-background,Canvas);inline-size:100%;color:var(--tx-foreground,CanvasText);font:inherit;text-align:start;cursor:pointer;border:1px solid #0000;outline:none;grid-template-columns:3.5rem 1fr;gap:.5rem;margin:0;padding:.35rem .5rem;display:grid}.tx-captions-transcript__button:hover{background-color:var(--tx-muted,color-mix(in oklab, CanvasText 10%, Canvas));color:var(--tx-foreground,CanvasText)}.tx-captions-transcript__button:focus-visible{outline:var(--tx-focus-ring-width,2px) solid var(--tx-ring,Highlight);outline-offset:var(--tx-focus-ring-offset,2px)}.tx-captions-transcript__button[aria-current=true]{background-color:var(--tx-background,Canvas);color:canvastext;font-weight:600}.tx-captions-transcript__button:disabled{cursor:not-allowed;opacity:.5}.tx-captions-transcript__time,.tx-captions-transcript__text{color:inherit}.tx-captions-transcript__time{font-variant-numeric:tabular-nums;font-size:var(--tx-text-xs,.75rem);color:canvastext}.tx-captions-transcript__text{font-size:var(--tx-text-sm,.875rem);line-height:1.35}@media (forced-colors:active){.tx-captions,.tx-captions-transcript__list,.tx-captions-chapters{color:canvastext;forced-color-adjust:none;background:canvas;border:1px solid buttontext}.tx-captions__active{color:canvastext;background:canvas;border:1px solid buttontext}.tx-captions__message{color:graytext}.tx-captions-chapters__button,.tx-captions-transcript__button{color:buttontext;background:canvas;border:1px solid #0000}.tx-captions-chapters__button:hover,.tx-captions-transcript__button:hover{background:buttonface;border-color:buttontext}.tx-captions-chapters__button:focus-visible,.tx-captions-transcript__button:focus-visible{outline-offset:2px;outline:3px solid highlight}.tx-captions-chapters__button[aria-current=true],.tx-captions-transcript__button[aria-current=true]{color:selecteditemtext;forced-color-adjust:none;background:selecteditem;border-color:highlight;outline:2px solid highlight}.tx-captions-chapters__button:disabled,.tx-captions-transcript__button:disabled{opacity:1;color:graytext;border-color:graytext}.tx-captions-chapters__time,.tx-captions-transcript__time,.tx-captions-chapters__label,.tx-captions-transcript__text{color:inherit}}}.demo.svelte-1jbm9u{gap:1.25rem;max-inline-size:36rem;padding:1.5rem;display:grid}.demo.svelte-1jbm9u h2:where(.svelte-1jbm9u),.demo.svelte-1jbm9u h3:where(.svelte-1jbm9u),.demo.svelte-1jbm9u p:where(.svelte-1jbm9u){margin:0}.clock.svelte-1jbm9u{grid-template-columns:1fr auto;align-items:center;gap:.35rem .75rem;font-size:.875rem;display:grid}.clock.svelte-1jbm9u span:where(.svelte-1jbm9u):first-child{grid-column:1/-1}.clock.svelte-1jbm9u input:where(.svelte-1jbm9u){inline-size:100%}
