range-slider{--color-bg: black;--color-progress: var(--accent-color);--thumb-inline-size: 8px;--thumb-block-size: 24px;--track-inline-size: 100%;--track-block-size: 2px;display:grid;grid-template-columns:1fr auto;gap:var(--space-s);align-items:center;inline-size:100%;font-variant-numeric:tabular-nums;text-align:center}range-slider .c-slider-input{position:relative}range-slider .c-slider-input:after{content:"";position:absolute;inset-block:0;inset-inline-start:0;z-index:1;display:block;inline-size:100%;block-size:var(--track-block-size);margin-block:auto;background-color:var(--color-progress);transform-origin:0 50%;scale:calc(var(--progress) * .01) 1}range-slider output{display:inline-grid;place-items:center;inline-size:3em;font-family:var(--font-family-en)}range-slider input[type=range]{position:relative;z-index:5;display:block;inline-size:100%;block-size:var(--thumb-block-size);background:none;outline:none;-webkit-appearance:none;appearance:none}range-slider .c-slider-bg{position:relative}range-slider .c-slider-bg:before,range-slider .c-slider-bg:after{content:"";position:absolute;inset:0;display:block;margin:auto;background-color:var(--color-bg)}range-slider .c-slider-bg:before{inline-size:2px;block-size:8px;translate:0 8px}range-slider .c-slider-bg:after{inline-size:100%;block-size:var(--track-block-size)}range-slider input[type=range]::-webkit-slider-thumb{position:relative;z-index:10;box-sizing:border-box;inline-size:var(--thumb-inline-size);block-size:var(--thumb-block-size);border:1px solid var(--color-bg);border-radius:0;box-shadow:0 0 0 2px var(--color-progress);background-color:var(--color-progress);-webkit-appearance:none;appearance:none;cursor:grab}range-slider input[type=range]:focus-visible::-webkit-slider-thumb{outline:auto 1px Highlight;outline:auto 1px -webkit-focus-ring-color;outline-offset:3px}range-slider input[type=range]::-webkit-slider-runnable-track{border:none;appearance:none;cursor:pointer}range-slider input[type=range]::-moz-range-thumb{position:relative;z-index:10;box-sizing:border-box;inline-size:var(--thumb-inline-size);block-size:var(--thumb-block-size);border:1px solid var(--color-bg);border-radius:0;box-shadow:0 0 0 2px var(--color-progress);background-color:var(--color-progress);appearance:none;cursor:grab}range-slider input[type=range]:focus-visible::-moz-range-thumb{outline:auto 1px Highlight;outline:auto 1px -webkit-focus-ring-color;outline-offset:3px}range-slider input[type=range]::-moz-range-track{border:none;appearance:none;cursor:pointer}dom-speaker[data-astro-cid-7naj5pbq]{--bg-color: var(--color-dark-bg);--text-color: var(--color-dark-text);--space: var(--space-m);--border-size: 1px;--border-color: hsl(180 25% 25%);--border-radius: 8px;--display-bg: black;--accent-color: hsl(180 10% 60%);--hover-color: hsla(180 42% 62% / .2);--input-bg: hsl(180 20% 22%);--level-size: min(4cqi, 40px);--level-gap: 1px;--level-color: hsl(180 52% 72%);--level-color-current: hsl(180 60% 90%);--level-color-hover: hsl(180 42% 62%);--scrollbar-thumb: hsl(180 20% 22%);--scrollbar-track: hsl(180 20% 80%);container:dom-speaker / inline-size;display:block}@media (min-width: 768px){dom-speaker[data-astro-cid-7naj5pbq]{--space: var(--space-l)}}.c-app[data-astro-cid-7naj5pbq]{display:grid;background-color:var(--bg-color);color:var(--text-color)}.c-header[data-astro-cid-7naj5pbq]{padding:var(--space)}.c-header-title[data-astro-cid-7naj5pbq]{display:grid;font-family:var(--font-family-en)}.c-header-title-target[data-astro-cid-7naj5pbq]{line-height:1.4;overflow-wrap:break-word}.c-header-title-target[data-astro-cid-7naj5pbq]:not(:focus){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-header-url[data-astro-cid-7naj5pbq]{inline-size:fit-content;margin-block-start:var(--space-s);font-family:var(--font-family-en);font-size:var(--font-size-p-s);line-height:1.2;word-break:break-word;overflow-wrap:break-word}.c-header-url[data-astro-cid-7naj5pbq]:not(:has(a)){opacity:.6}.c-header-url[data-astro-cid-7naj5pbq] a{color:inherit;text-decoration:underline}@media (hover){.c-header-url[data-astro-cid-7naj5pbq] a:hover{text-decoration:none}}.c-display-container[data-astro-cid-7naj5pbq]{position:relative;overflow-x:auto;padding:var(--space);border-block:solid 4px var(--border-color);background-color:var(--display-bg)}.c-display-border[data-astro-cid-7naj5pbq]{position:relative}.c-display-border[data-astro-cid-7naj5pbq]:after{content:"";position:absolute;inset-block-end:0;inline-size:100%;block-size:var(--border-size);background-color:var(--border-color)}.c-display[data-astro-cid-7naj5pbq]{contain:strict;display:grid;align-content:start;overflow:auto;block-size:400px;border-block-start:solid var(--border-size) var(--border-color);border-inline:solid var(--border-size) var(--border-color);scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);resize:vertical}dom-speaker[data-astro-cid-7naj5pbq] [data-dom-speaker-elem]{display:grid;grid-template-columns:3em auto 1fr;grid-template-areas:"number bar name";align-items:center;inline-size:100%;border-block-end:solid var(--border-size) var(--border-color);counter-increment:index 1;background-color:var(--display-bg);color:var(--level-color);line-height:1.1;cursor:pointer}dom-speaker[data-astro-cid-7naj5pbq] [data-dom-speaker-elem][data-dom-speaker-current]{--level-color: var(--level-color-current)}dom-speaker[data-astro-cid-7naj5pbq] [data-dom-speaker-elem]:not([data-dom-speaker-current]):is(:hover,:focus-visible){--level-color: var(--level-color-hover)}dom-speaker[data-astro-cid-7naj5pbq] [data-dom-speaker-elem]:before{content:counter(index);position:sticky;inset-block-start:0;inset-inline-start:0;display:grid;align-items:center;align-self:stretch;padding:.5em;border-inline-end:solid 1px var(--border-color);background-color:var(--display-bg);font-family:var(--font-family-en);font-size:var(--font-size-p-xs);text-align:center}dom-speaker[data-astro-cid-7naj5pbq][generated] [data-dom-speaker-elem]:after{--inline-size: calc(var(--level-size) * var(--level, 1) - var(--level-gap));content:"";display:block;grid-area:bar;inline-size:var(--inline-size);block-size:100%;background:linear-gradient(to right,var(--level-color) calc(var(--level-size) - var(--level-gap)),var(--border-color) calc(var(--level-size) - var(--level-gap)),var(--border-color) var(--level-size));background-position:0 50%;background-size:var(--level-size) 100%;background-repeat:repeat-x;animation:display-bar .4s ease .4s;animation-fill-mode:backwards}.c-display[data-astro-cid-7naj5pbq] span{display:grid;grid-auto-flow:column;justify-content:start;align-items:center;padding:1em;font-family:var(--font-family-8bit);font-size:var(--font-size-p-xs);text-transform:uppercase;white-space:nowrap}.c-display[data-astro-cid-7naj5pbq] span:before{content:"<"}.c-display[data-astro-cid-7naj5pbq] span:after{content:">"}@keyframes display-bar{0%{inline-size:0}to{inline-size:var(--inline-size)}}.c-message[data-astro-cid-7naj5pbq]{position:absolute;inset:0;z-index:10;inline-size:fit-content;block-size:fit-content;max-inline-size:80%;margin:auto;padding-block:var(--space-xs);padding-inline:var(--space-m);border:solid 1px currentColor;background-color:#000;font-family:var(--font-family-8bit);font-size:var(--font-size-p-xs);text-align:center}.c-message[data-astro-cid-7naj5pbq][aria-hidden=true]{display:none}@media (scripting: none){.c-message[data-astro-cid-7naj5pbq]{display:none}}.c-mode[data-astro-cid-7naj5pbq]{display:flex;gap:var(--space-m);margin-block-start:var(--space-m);font-family:var(--font-family-en);font-size:var(--font-size-p-s);text-transform:uppercase}.c-mode-item[data-astro-cid-7naj5pbq]{display:grid;grid-template-columns:repeat(2,auto)}.c-mode-item[data-astro-cid-7naj5pbq] label{padding-inline-start:var(--space-xs)}.c-mode-item[data-astro-cid-7naj5pbq] :where(input,label){cursor:pointer}.c-mode-checkbox[data-astro-cid-7naj5pbq]{position:relative;inline-size:20px;block-size:20px;border:solid 2px var(--accent-color);border-radius:0;background-color:transparent;vertical-align:text-bottom;-webkit-appearance:none;appearance:none}.c-mode-checkbox[data-astro-cid-7naj5pbq]:before{content:"";position:absolute;inset:2px;overflow:hidden;margin:auto}.c-mode-checkbox[data-astro-cid-7naj5pbq]:checked:before{background-color:var(--accent-color)}.c-synth[data-astro-cid-7naj5pbq]{display:grid;gap:var(--space);padding:var(--space)}@container dom-speaker (min-inline-size: 860px){.c-synth[data-astro-cid-7naj5pbq]{grid-template-columns:1fr 280px;align-items:start}}.c-synth-controls[data-astro-cid-7naj5pbq]{container:synth-controls / inline-size;border-radius:var(--border-radius);box-shadow:0 -1px #000;background-color:var(--input-bg)}.c-synth-label[data-astro-cid-7naj5pbq]{font-family:var(--font-family-en);font-size:var(--font-size-p-s);text-transform:uppercase}.c-voices[data-astro-cid-7naj5pbq]{display:grid;grid-template-columns:1fr auto;grid-template-areas:"label  speaker" "select speaker";column-gap:var(--space-s);row-gap:var(--space-xs);justify-content:center;align-items:center;padding-block:var(--space-s);padding-inline:var(--space);border-start-start-radius:var(--border-radius);border-start-end-radius:var(--border-radius);background-color:var(--accent-color);color:var(--bg-color)}.c-voices-label[data-astro-cid-7naj5pbq]{grid-area:label}.c-voices-select-icon[data-astro-cid-7naj5pbq]{position:relative}.c-voices-select-icon[data-astro-cid-7naj5pbq]:after{content:"";position:absolute;inset-block:0;inset-inline-end:16px;display:block;inline-size:6px;block-size:12px;margin-block:auto;background-image:url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="6" height="12" fill="%2392dddd"><path d="m2 0h2v2h-2z"/><path d="m4 12h-2v-2h2z"/><path d="m0 2h6v2h-6z"/><path d="m6 10h-6l.00000017-2h5.99999983z"/></svg>');background-size:auto 100%;pointer-events:none}.c-voices-select-target[data-astro-cid-7naj5pbq]{overflow:hidden;text-overflow:ellipsis;inline-size:100%;padding-block:1em;padding-inline:var(--space-m);border:solid 1px var(--border-color);background-color:var(--display-bg);color:var(--level-color);font-family:var(--font-family-8bit);font-size:var(--font-size-p-xs);white-space:nowrap;-webkit-appearance:none;appearance:none;cursor:pointer}.c-voices-speaker[data-astro-cid-7naj5pbq]{grid-area:speaker;max-inline-size:min(25cqi,80px);margin-inline-start:var(--space-s)}.c-voices-speaker[data-astro-cid-7naj5pbq] svg{inline-size:100%;max-inline-size:80px}@container synth-controls (min-inline-size: 640px){.c-voices[data-astro-cid-7naj5pbq]{grid-template-columns:auto 1fr auto;grid-template-rows:auto;grid-template-areas:"label select speaker"}}.c-ranges[data-astro-cid-7naj5pbq]{padding:var(--space)}.c-ranges[data-astro-cid-7naj5pbq]>[data-astro-cid-7naj5pbq]+[data-astro-cid-7naj5pbq]{margin-block-start:var(--space-s)}.c-sidebar[data-astro-cid-7naj5pbq]{display:grid;gap:var(--space)}.c-btn-container[data-astro-cid-7naj5pbq]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xs);padding-block:10px;padding-inline:var(--space-xs);border-radius:var(--border-radius);box-shadow:0 -1px #000;background-color:#2d4343}.c-btn[data-astro-cid-7naj5pbq]{display:grid;gap:var(--space-xs);inline-size:100%;font-family:var(--font-family-en);font-size:var(--font-size-p-xs);line-height:1.1;letter-spacing:.05em;text-align:center;text-transform:uppercase}.c-btn-ui[data-astro-cid-7naj5pbq]{--border-size: 1px;--shadow-size: 2px;--shadow-color: black;position:relative;z-index:100;display:block;inline-size:100%;min-block-size:40px;padding:var(--space-s);border:solid var(--border-size) var(--border-color);border-block-end-color:var(--shadow-color);border-radius:var(--border-radius);box-shadow:0 var(--shadow-size) 0 var(--shadow-color);background-color:var(--bg-color);text-transform:uppercase;cursor:pointer;translate:0 calc(-1 * var(--shadow-size));transition-duration:.1s;transition-property:box-shadow,translate;transition-timing-function:ease}.c-btn-ui[data-astro-cid-7naj5pbq].--s{--shadow-size: 2px;min-block-size:0;padding-block:.5em;font-size:var(--font-size-p-xs)}.c-btn-ui[data-astro-cid-7naj5pbq]:active{box-shadow:none;translate:0 0}.c-btn-lamp[data-astro-cid-7naj5pbq]{--icon-size: 8px;--gap: var(--space-xs);--off: #5b4646;--on: #ffc400;display:grid;grid-template-columns:repeat(2,auto);column-gap:var(--gap);justify-content:center;align-items:center;padding-inline-end:calc(var(--icon-size) + var(--gap))}.c-btn-ui[data-astro-cid-7naj5pbq] svg{position:absolute;inset:0;inline-size:12px;margin:auto;fill:var(--accent-color)}.c-btn[data-astro-cid-7naj5pbq].--play[aria-checked=true] .c-btn-play[data-astro-cid-7naj5pbq]{display:none}.c-btn[data-astro-cid-7naj5pbq].--play:not([aria-checked=true]) .c-btn-pause[data-astro-cid-7naj5pbq]{display:none}.c-btn-lamp[data-astro-cid-7naj5pbq]:before{content:"";display:block;inline-size:var(--icon-size);block-size:var(--icon-size);border-radius:50%;background-color:var(--off)}.c-btn[data-astro-cid-7naj5pbq][aria-checked=true] .c-btn-lamp[data-astro-cid-7naj5pbq]:before{box-shadow:0 0 4px 0 var(--on);background-color:var(--on)}.c-file[data-astro-cid-7naj5pbq]{position:relative;display:grid;place-items:center}.c-file[data-astro-cid-7naj5pbq]:has(.c-file-input:focus-visible){outline:auto 1px Highlight;outline:auto 1px -webkit-focus-ring-color;outline-offset:3px}.c-file-input[data-astro-cid-7naj5pbq]{position:absolute;inset:0;inline-size:100%;block-size:100%;opacity:0;cursor:pointer}.c-presets[data-astro-cid-7naj5pbq]{display:grid;gap:var(--space-s);border:solid 1px var(--border-color);border-radius:var(--border-radius);font-family:var(--font-family-en);font-size:var(--font-size-p-s)}.c-presets-header[data-astro-cid-7naj5pbq]{display:grid;grid-template-columns:1fr auto;margin-block-start:-.75em;margin-inline:var(--space-m)}.c-presets-header-item[data-astro-cid-7naj5pbq]{inline-size:fit-content;margin-inline:-.75em;padding-inline:.75em;background-color:var(--bg-color);font-size:var(--font-size-p-s);text-transform:uppercase}.c-presets-list[data-astro-cid-7naj5pbq]{display:grid;grid-template-columns:auto minmax(0,1fr) auto;row-gap:var(--space-s);justify-items:start;padding-block-end:var(--space-m);padding-inline:var(--space-m);counter-reset:presets}.c-presets-list[data-astro-cid-7naj5pbq][aria-hidden=true]{display:none}.c-presets-item[data-astro-cid-7naj5pbq]{display:grid;grid-template-columns:subgrid;grid-template-areas:"number name delete";grid-column:1 / -1;align-items:start;counter-increment:presets 1;overflow-wrap:break-word;word-wrap:break-word}.c-presets-item[data-astro-cid-7naj5pbq]:before{content:counter(presets)".";text-align:end;transition:opacity .1s ease}.c-presets-input[data-astro-cid-7naj5pbq]{grid-area:name;padding-inline:.5em;border:none;background:none;color:inherit}.c-presets-btn[data-astro-cid-7naj5pbq]{grid-area:name;padding-inline:.5em;transition:opacity .1s ease}.c-presets-delete[data-astro-cid-7naj5pbq]{grid-area:delete;margin-block:-5px;margin-inline-start:var(--space-s);padding:10px;border-radius:var(--border-radius);text-transform:uppercase}@media (hover){.c-presets-item[data-astro-cid-7naj5pbq]:has(.c-presets-delete:hover):before,.c-presets-item[data-astro-cid-7naj5pbq]:has(.c-presets-delete:hover) .c-presets-btn[data-astro-cid-7naj5pbq]{opacity:.6}.c-presets-item[data-astro-cid-7naj5pbq]:has(.c-presets-delete:hover) .c-presets-btn[data-astro-cid-7naj5pbq]{text-decoration:line-through}}.c-presets-item[data-astro-cid-7naj5pbq]:has(.c-presets-delete:focus):before,.c-presets-item[data-astro-cid-7naj5pbq]:has(.c-presets-delete:focus) .c-presets-btn[data-astro-cid-7naj5pbq]{opacity:.6}.c-presets-item[data-astro-cid-7naj5pbq]:has(.c-presets-delete:focus) .c-presets-btn[data-astro-cid-7naj5pbq]{text-decoration:line-through}.c-presets-delete[data-astro-cid-7naj5pbq] svg{fill:var(--accent-color);transition:fill .1s ease}.c-presets-input[data-astro-cid-7naj5pbq]:focus{grid-column:2 / -1}.c-presets-item[data-astro-cid-7naj5pbq]:has(.c-presets-input:focus) .c-presets-delete[data-astro-cid-7naj5pbq]{display:none}.c-presets-desc[data-astro-cid-7naj5pbq]{padding-block-end:var(--space-m);padding-inline:var(--space-m);opacity:.6}.c-presets[data-astro-cid-7naj5pbq]:has(.c-presets-list[aria-hidden=false]) .c-presets-desc[data-astro-cid-7naj5pbq]{display:none}.c-presets-btn[data-astro-cid-7naj5pbq]{text-align:start}@media (hover){.c-btn[data-astro-cid-7naj5pbq]:hover .c-btn-ui[data-astro-cid-7naj5pbq],.c-btn-ui[data-astro-cid-7naj5pbq]:hover{background-color:color-mix(in srgb,var(--bg-color) 90%,var(--accent-color))}}.c-btn[data-astro-cid-7naj5pbq]:active .c-btn-ui[data-astro-cid-7naj5pbq],.c-btn-ui[data-astro-cid-7naj5pbq]:active{background-color:color-mix(in srgb,var(--bg-color) 90%,var(--accent-color))}.c-presets-save[data-astro-cid-7naj5pbq]:hover,.c-presets-btn[data-astro-cid-7naj5pbq]:hover,.c-presets-delete[data-astro-cid-7naj5pbq]:hover{background-color:var(--hover-color)}dom-speaker[data-astro-cid-7naj5pbq]:has([data-dom-speaker=writing-mode]:checked) .c-display[data-astro-cid-7naj5pbq]{--level-size: 16px;overflow-x:auto;inline-size:400px;block-size:100%;writing-mode:vertical-lr;text-orientation:upright}dom-speaker[data-astro-cid-7naj5pbq]:has([data-dom-speaker=writing-mode]:checked) .c-display-border[data-astro-cid-7naj5pbq]:after{inset-inline-end:0;inline-size:var(--border-size);block-size:100%}dom-speaker[data-astro-cid-7naj5pbq]:has([data-dom-speaker=writing-mode]:checked) [data-dom-speaker-elem]:before{font-size:.625rem;letter-spacing:-.3em}dom-speaker[data-astro-cid-7naj5pbq]:has([data-dom-speaker=writing-mode]:checked) [data-dom-speaker-elem]:after{background:linear-gradient(to bottom,var(--level-color) calc(var(--level-size) - var(--level-gap)),var(--border-color) calc(var(--level-size) - var(--level-gap)),var(--border-color) var(--level-size));background-position:50% 0;background-size:100% var(--level-size);background-repeat:repeat-y}dom-speaker[data-astro-cid-7naj5pbq]:has([data-dom-speaker=writing-mode]:checked) .c-display[data-astro-cid-7naj5pbq] span:before,dom-speaker[data-astro-cid-7naj5pbq]:has([data-dom-speaker=writing-mode]:checked) .c-display[data-astro-cid-7naj5pbq] span:after{text-orientation:sideways}dom-speaker[data-astro-cid-7naj5pbq]:has([data-dom-speaker=writing-mode]:checked) .c-message[data-astro-cid-7naj5pbq]{writing-mode:horizontal-tb}