.read-aloud{display:flex;justify-content:flex-start;width:100%}.read-aloud button{margin:0;border-radius:var(--sd-radius-control);font-family:var(--sd-text);cursor:pointer}.read-aloud :is(button,input):focus-visible{outline:2px solid var(--sd-navy);outline-offset:2px}.read-aloud__start{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px 0 14px;border:1px solid color-mix(in srgb,var(--sd-ink) 24%,transparent);background:transparent;color:var(--sd-ink);font-size:var(--sd-size-small);font-weight:500;line-height:1;letter-spacing:var(--sd-track-text);transition:background-color .2s,border-color .2s}.read-aloud__start:hover{border-color:color-mix(in srgb,var(--sd-ink) 50%,transparent);background:var(--sd-mist)}.read-aloud__player{width:100%;max-width:560px;padding:12px 16px;border:1px solid var(--sd-line);border-radius:var(--sd-radius-control);background:var(--sd-white);text-align:left}.read-aloud__controls{display:flex;align-items:center;gap:12px}.read-aloud__toggle{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:50%!important;background:var(--sd-action);color:var(--sd-white);transition:background-color .2s}.read-aloud__toggle:hover{background:var(--sd-navy)}.read-aloud__time{flex-shrink:0;min-width:4.5rem;font-size:var(--sd-size-label);line-height:var(--sd-leading-label);letter-spacing:var(--sd-track-micro);font-variant-numeric:tabular-nums;color:var(--sd-muted)}.read-aloud__seek{flex:1;min-width:0;margin:0;accent-color:var(--sd-ink);cursor:pointer}.read-aloud__speeds{display:flex;flex-shrink:0;gap:2px}.read-aloud__speed{padding:4px 6px;border:0;background:transparent;color:var(--sd-muted);font-size:var(--sd-size-micro);font-weight:500;line-height:1;letter-spacing:var(--sd-track-micro)}.read-aloud__speed:hover{color:var(--sd-ink)}.read-aloud__speed{border-radius:999px!important}.read-aloud__speed[aria-pressed=true]{background:var(--sd-mist);color:var(--sd-ink)}.read-aloud__note{margin:8px 0 0;font-size:var(--sd-size-micro);line-height:var(--sd-leading-label);letter-spacing:var(--sd-track-micro);color:var(--sd-muted)}@media (max-width:479.98px){.read-aloud__controls{flex-wrap:wrap}.read-aloud__seek{flex-basis:100%;order:3}.read-aloud__speeds{margin-left:auto}}