@layer tx.components{.tx-composition-animation{gap:var(--tx-space-3);max-inline-size:100%;display:grid}.tx-composition-animation__stage{border:var(--tx-border-width-thin) solid var(--tx-border,ButtonBorder);border-radius:var(--tx-shape-radius-lg);background:var(--tx-surface,Canvas);margin:0;overflow:auto}.tx-composition-animation__controls{gap:var(--tx-space-2);flex-wrap:wrap;align-items:center;display:flex}.tx-composition-animation__btn{min-block-size:2.25rem;padding-inline:var(--tx-space-3);border:var(--tx-border-width-thin) solid var(--tx-input,var(--tx-border,ButtonBorder));border-radius:var(--tx-shape-radius-lg);background:var(--tx-surface,Canvas);color:var(--tx-foreground,CanvasText);font:inherit;font-size:var(--tx-type-label-size);cursor:pointer;margin:0;font-weight:500}.tx-composition-animation__btn:hover:not(:disabled){background:var(--tx-muted,color-mix(in srgb, CanvasText 6%, Canvas))}.tx-composition-animation__btn:focus-visible{outline:var(--tx-focus-ring-width,2px) solid var(--tx-ring,Highlight);outline-offset:var(--tx-focus-ring-offset,2px)}.tx-composition-animation__btn:disabled{opacity:.5;cursor:not-allowed}.tx-composition-animation__scrubber{min-inline-size:8rem;accent-color:var(--tx-primary,Highlight);flex:12rem}.tx-composition-animation__time{font-variant-numeric:tabular-nums;color:var(--tx-muted-foreground,CanvasText);font-size:.8125rem}.tx-composition-animation__note{color:var(--tx-muted-foreground,CanvasText);margin:0;font-size:.8125rem}.tx-composition-animation__error{padding:var(--tx-space-3) var(--tx-space-4);border:var(--tx-border-width-thin) solid var(--tx-destructive,Mark);border-radius:var(--tx-shape-radius-lg);color:var(--tx-foreground,CanvasText);margin:0}@media (forced-colors:active){.tx-composition-animation__btn,.tx-composition-animation__stage{border:var(--tx-border-width-thin) solid ButtonText}.tx-composition-animation__btn:focus-visible{outline:2px solid highlight}}}section.svelte-1y835rs{gap:1rem;max-inline-size:40rem;padding:1rem;display:grid}.dark-panel.svelte-1y835rs{border-radius:var(--tx-radius,.5rem);background:var(--tx-background,#020617);color:var(--tx-foreground,#e2e8f0);padding:.75rem}
