.accessible-listen{background:#fff;padding:34px;box-shadow:20px 24px #aecdc2}.listen-title{justify-content:space-between;gap:18px;display:flex}.listen-title h3{margin:7px 0 4px;font-size:30px}.listen-title p{color:#71817c;margin:0}.listen-title>span{color:#5c706a;text-align:right;font-size:12px}.sentence{background:#f5f7f5;border:1px solid #d5dfda;margin:24px 0;padding:10px}.sentence p{color:#76837f;margin:0;padding:12px;line-height:1.75}.sentence p b{color:#31534d;background:#dce5e1;place-items:center;width:24px;height:24px;margin-right:9px;font-size:11px;display:inline-grid}.sentence p.current{color:#102b34;background:#fff3e8;outline:3px solid #ee6a5e;font-weight:700}.sentence p.current b{color:#fff;background:#ee6a5e}.listen-controls{grid-template-columns:1fr 1.4fr 1fr .8fr;gap:7px;display:grid}.listen-controls button,.listen-options button,.listen-options select{color:#143a43;background:#fff;border:1px solid #bfcac5;min-height:46px;font-weight:800}.listen-controls button.play{color:#fff;background:#092531;border-color:#092531}.listen-controls button:disabled{opacity:.45}.listen-options{align-items:end;gap:8px;margin-top:12px;display:flex}.listen-options label{font-size:12px;font-weight:800}.listen-options select{margin-top:4px;padding:0 12px;display:block}.listen-options button{padding:0 15px}.listen-options button[aria-pressed=true]{color:#fff;background:#143a43}.privacy-note{color:#677974!important;margin:18px 0 0!important;font-size:12px!important}.accessible-listen.large .sentence p{font-size:21px;line-height:1.9}.accessible-listen.contrast{color:#fff;background:#000;box-shadow:20px 24px #ffdf00}.accessible-listen.contrast .sentence{background:#000;border-color:#fff}.accessible-listen.contrast .sentence p{color:#fff}.accessible-listen.contrast .sentence p.current{color:#ffdf00;background:#151515;outline-color:#ffdf00}.accessible-listen.contrast button,.accessible-listen.contrast select{border-color:#fff}.accessible-listen.contrast .listen-title>span,.accessible-listen.contrast .listen-title p,.accessible-listen.contrast .privacy-note{color:#fff!important}@media (width<=620px){.accessible-listen{padding:22px;box-shadow:10px 12px #aecdc2}.listen-title{flex-direction:column}.listen-title>span{text-align:left}.listen-controls{grid-template-columns:1fr 1fr}.listen-options{flex-direction:column;align-items:stretch}.listen-options select{width:100%}}