/* Revier Screenreader CSS v1.1.3 */
.sr-widget{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start;font:inherit; position: relative;}
.sr-controls{display:flex;flex-wrap:nowrap;gap:.5rem;align-items:center;position:relative}
.sr-btn{border:1px solid transparent;background:#fff;color:var(--bde-brand-primary-color);border-radius:20px;padding:5px 10px;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem}
.sr-btn:hover{background:#fff;box-shadow:0 0 0 1px var(--bde-brand-primary-color) inset}
.sr-btn:focus{outline:none}
.sr-btn:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--bde-brand-primary-color) 35%, transparent), 0 0 0 1px var(--bde-brand-primary-color) inset}
.sr-btn[disabled]{opacity:.5;cursor:not-allowed;background:#eee;border-color:#eee}
.sr-btn-ghost{border-color:transparent}
.sr-controls:has(.sr-btn[aria-pressed="false"]) .sr-stop,
.sr-controls:has(.sr-btn[aria-pressed="false"]) .sr-options-toggle {
	display: none;
}
.sr-field{display:flex;align-items:center;gap:.4rem}
.sr-label{font-size:.875rem;color:#222}
.sr-voices{max-width:20rem}
/* Absolute dropdown for options */
.sr-options{position:absolute;left:0;top:calc(100% + .25rem);z-index:9999;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 8px 24px rgba(0,0,0,.08);padding:.75rem 1rem;min-width:280px}
.sr-options[hidden]{display:none}
/* Range accent */
input[type=range]{accent-color:var(--bde-brand-primary-color)}
input[type=range]::-webkit-slider-thumb{background:var(--bde-brand-primary-color)}
input[type=range]::-moz-range-thumb{background:var(--bde-brand-primary-color)}
select.sr-voices{border:1px solid var(--bde-brand-primary-color)}
.sr-icon svg{display:block;fill:currentColor;}