.speech-phrase .speech-play{appearance:none;color:inherit;font:inherit;line-height:inherit;text-align:inherit;white-space:normal;text-decoration-line:underline;text-decoration-style:dotted;-webkit-text-decoration-color:color-mix(in srgb, var(--tertiary) 70%, transparent);text-decoration-color:color-mix(in srgb, var(--tertiary) 70%, transparent);text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;border-radius:0;margin:0;padding:0;text-decoration-thickness:1px;display:inline}.speech-phrase .speech-play:hover,.speech-phrase .speech-play[data-speech-state]{-webkit-text-decoration-color:var(--tertiary);text-decoration-color:var(--tertiary)}.speech-phrase .speech-play[data-speech-state=loading]{opacity:.65;cursor:progress}.speech-phrase .speech-play:focus-visible{outline:2px solid var(--secondary);outline-offset:2px}.speech-phrase .speech-play:disabled{cursor:text;text-decoration:none}.speech-controls{z-index:calc(var(--z-tooltip) - 1);contain:layout paint style;box-sizing:border-box;border:1px solid color-mix(in srgb, var(--gray) 34%, transparent);border-radius:var(--radius-none);background:var(--light);width:min(22rem,100vw - 1.5rem);max-height:calc(100dvh - 1.5rem);color:var(--dark);font-family:var(--codeFont);font-variant-numeric:tabular-nums;margin:0;padding:.7rem .75rem .6rem;font-size:.62rem;line-height:1.5;position:fixed;inset:auto .75rem .75rem auto;overflow-y:auto}.speech-controls [hidden]{display:none!important}.speech-controls .speech-controls-head{align-items:center;gap:.5rem;min-height:1.25rem;display:flex}.speech-controls .speech-controls-shortcut{color:var(--gray);font:inherit;background:0 0;border:0;margin-left:auto;padding:0}.speech-controls .speech-close{width:1.25rem;height:1.25rem;color:var(--gray);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.speech-controls .speech-close svg{fill:none;stroke:currentColor;stroke-width:1px;width:.75rem;height:.75rem}.speech-controls .speech-controls-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin-block-start:.5rem;display:flex}.speech-controls .speech-controls-title{color:var(--dark);font-weight:500}.speech-controls .speech-speed{flex:1;grid-template-columns:1fr auto;align-items:center;gap:.35rem;display:grid}.speech-controls .speech-speed-trigger,.speech-controls .speech-stop{border:1px solid var(--lightgray);background:var(--light);min-height:1.75rem;color:var(--dark);font:inherit;cursor:pointer;border-radius:.25rem;padding:.15rem .4rem}.speech-controls .speech-speed-trigger{border-color:color-mix(in srgb, var(--gray) 28%, transparent);background:color-mix(in srgb, var(--light) 88%, transparent);border-radius:0;justify-content:space-between;align-items:center;gap:.5rem;min-width:4.25rem;display:inline-flex}.speech-controls .speech-speed-trigger:hover,.speech-controls .speech-speed-trigger[aria-expanded=true]{border-color:color-mix(in srgb, var(--tertiary) 48%, var(--lightgray));background:color-mix(in srgb, var(--tertiary) 8%, var(--light))}.speech-controls .speech-speed-trigger svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:.7rem;height:.7rem}.speech-controls .speech-speed-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.speech-controls .speech-speed-menu{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--gray) 34%, transparent);background:var(--light);min-width:5rem;color:var(--dark);font:inherit;border-radius:0;margin:0;padding:.2rem;position:fixed;inset:0 auto auto 0}.speech-controls .speech-speed-menu:popover-open{gap:1px;display:grid}.speech-controls .speech-speed-option{width:100%;min-height:1.5rem;color:var(--darkgray);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:0;grid-template-columns:.75rem minmax(0,1fr);align-items:center;gap:.35rem;padding:.28rem .34rem;display:grid}.speech-controls .speech-speed-option:hover,.speech-controls .speech-speed-option:focus-visible{background:color-mix(in srgb, var(--tertiary) 10%, var(--light));color:var(--dark)}.speech-controls .speech-speed-option .speech-speed-check{color:var(--tertiary);opacity:0}.speech-controls .speech-speed-option[aria-selected=true] .speech-speed-check{opacity:1}.speech-controls :is(button,summary):focus-visible{outline:2px solid var(--secondary);outline-offset:2px}.speech-controls .speech-model-details{border-top:1px solid color-mix(in srgb, var(--gray) 28%, transparent);margin-block-start:.45rem;padding-block-start:.4rem}.speech-controls .speech-model-details summary{cursor:pointer}.speech-controls .speech-model-details p{font-size:inherit;margin-block:.5rem 0;line-height:1.5}.speech-controls .speech-status{font-size:inherit;overflow-wrap:anywhere;margin-block:.5rem 0}.speech-controls .speech-status[data-error=true]{color:var(--dark)}:root[saved-theme=dark] .speech-controls{border-color:color-mix(in srgb, var(--gray) 46%, transparent)}@media (pointer:coarse){.speech-controls :is(.speech-speed-trigger,.speech-speed-option,.speech-stop,.speech-close){min-height:2.5rem}.speech-controls .speech-close{min-width:2.5rem}}