.animated-box{border-radius:.75rem;--tw-bg-opacity: 1;background-color:rgba(59,130,246,var(--tw-bg-opacity));--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);text-align:center;vertical-align:middle;position:absolute;top:0px;left:0px;z-index:10;--size: min(8vmax, 50px);width:var(--size);height:var(--size);line-height:var(--size);aspect-ratio:1/1}input.astro-F3hxQW1l,button.astro-F3hxQW1l{accent-color:#3b82f6}input.astro-F3hxQW1l:focus-visible,button.astro-F3hxQW1l:focus-visible{outline:2px solid #60a5fa}.playback-block.astro-F3hxQW1l{overflow:hidden;border-radius:.75rem;--tw-bg-opacity: 1;background-color:rgba(229,231,235,var(--tw-bg-opacity));padding:1.25rem}@media (prefers-color-scheme: dark){.playback-block.astro-F3hxQW1l{--tw-bg-opacity: 1;background-color:rgba(38,38,40,var(--tw-bg-opacity))}}.playback-canvas.astro-F3hxQW1l{position:relative;padding-bottom:2rem;height:min(200px,20vh)}.playback.astro-F3hxQW1l{display:grid;grid-template-columns:40px 1fr minmax(4ch,-webkit-max-content);grid-template-columns:40px 1fr minmax(4ch,max-content);gap:10px;align-items:center}.control-btn.astro-F3hxQW1l{--tw-bg-opacity: 1;background-color:rgba(229,231,235,var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(59,130,246,var(--tw-text-opacity))}@media (prefers-color-scheme: dark){.control-btn.astro-F3hxQW1l{--tw-bg-opacity: 1;background-color:rgba(51,51,51,var(--tw-bg-opacity))}}.control-btn.astro-F3hxQW1l:hover{--tw-bg-opacity: 1;background-color:rgba(209,213,219,var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(37,99,235,var(--tw-text-opacity))}@media (prefers-color-scheme: dark){.control-btn.astro-F3hxQW1l:hover{background-color:#0009}}.control-btn.astro-F3hxQW1l:focus{--tw-bg-opacity: 1;background-color:rgba(37,99,235,var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(0,0,0,var(--tw-text-opacity))}.control-btn.astro-F3hxQW1l{position:relative;border-radius:.375rem;border-width:2px;border-color:#60a5fa80;width:40px;height:40px}.control-btn.astro-F3hxQW1l .icon{visibility:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.playback[data-state=play].astro-F3hxQW1l .icon.pause,.playback[data-state=pause].astro-F3hxQW1l .icon.play,.playback[data-state=replay].astro-F3hxQW1l .icon.replay{visibility:visible}.progress-bar{margin:0;padding:0}.progress-output.astro-F3hxQW1l{text-align:center;--tw-ordinal: var(--tw-empty, );--tw-slashed-zero: var(--tw-empty, );--tw-numeric-figure: var(--tw-empty, );--tw-numeric-spacing: var(--tw-empty, );--tw-numeric-fraction: var(--tw-empty, );font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);--tw-numeric-spacing: tabular-nums}svg.astro-ucAwyrkc{fill:currentColor;width:24px;height:24px}svg.astro-ucAwyrkc g.astro-ucAwyrkc,svg.astro-ucAwyrkc path.astro-ucAwyrkc{fill:currentColor;width:100%;height:100%}