.sm-tts-player {
    box-sizing: border-box;
    margin: 1rem 0;
    padding: 1rem;
    color: #202124;
    background: #f5f7f8;
    border: 1px solid #68737d;
    border-radius: .4rem;
    font: inherit;
    line-height: 1.5;
    text-align: start;
}
.sm-tts-player .sm-tts-controls { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; }
.sm-tts-player button, .sm-tts-player select {
    min-height: 44px;
    min-width: 44px;
    padding: .45rem .75rem;
    border: 2px solid #44505c;
    border-radius: .25rem;
    background: #fff;
    color: #202124;
    font: inherit;
    line-height: 1.4;
    cursor: pointer;
    text-transform: none;
    letter-spacing: normal;
}
.sm-tts-player button[aria-disabled="true"] { opacity: .65; cursor: default; }
.sm-tts-player button:focus, .sm-tts-player select:focus {
    outline: 3px solid #0047ab;
    outline-offset: 3px;
}
.sm-tts-player p { margin: .6rem 0 0; }
.sm-tts-player .sm-tts-title { display: block; margin-bottom: .6rem; }
@media (forced-colors: active) {
    .sm-tts-player button:focus, .sm-tts-player select:focus { outline-color: Highlight; }
}

.sm-page-reader {
    box-sizing: border-box;
    margin: .65rem 0 1.15rem;
    color: #202124;
    font: inherit;
    text-align: start;
}
.sm-page-reader__controls {
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    width: 52px;
    height: 52px;
    overflow: hidden;
    border: 2px solid #64032e;
    border-radius: 999px;
    background: #64032e;
    transition: width .18s ease;
}
.sm-page-reader__controls--expanded { width: 148px; }
.sm-page-reader__primary, .sm-page-reader__stop, .sm-page-reader__speed {
    display: inline-grid;
    place-items: center;
    width: 48px;
    height: 48px;
    padding: 0;
    border: 0;
    color: #fff;
    background: transparent;
    font: 700 1.05rem/1 system-ui, sans-serif;
    cursor: pointer;
}
.sm-page-reader__primary { font-size: 1.15rem; padding-inline-start: .12rem; }
.sm-page-reader__primary[aria-pressed="true"] { padding-inline-start: 0; }
.sm-page-reader__stop, .sm-page-reader__speed { border-inline-start: 1px solid rgba(255, 255, 255, .55); }
.sm-page-reader__stop[hidden], .sm-page-reader__speed[hidden] { display: none !important; }
.sm-page-reader__stop { font-size: 1.05rem; }
.sm-page-reader__speed { font-size: .85rem; }
.sm-page-reader__primary:hover, .sm-page-reader__stop:hover, .sm-page-reader__speed:hover { background: #4f0225; }
.sm-page-reader__primary:focus, .sm-page-reader__stop:focus, .sm-page-reader__speed:focus { outline: none; }
.sm-page-reader__primary:focus-visible, .sm-page-reader__stop:focus-visible, .sm-page-reader__speed:focus-visible { outline: 3px solid #fff; outline-offset: -3px; }
.sm-page-reader__announcement {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
@media (forced-colors: active) {
    .sm-page-reader__controls { border-color: ButtonText; background: ButtonFace; }
    .sm-page-reader__primary, .sm-page-reader__stop, .sm-page-reader__speed { color: ButtonText; background: ButtonFace; }
    .sm-page-reader__stop, .sm-page-reader__speed { border-inline-start-color: ButtonText; }
    .sm-page-reader__primary:focus-visible, .sm-page-reader__stop:focus-visible, .sm-page-reader__speed:focus-visible { outline-color: Highlight; }
}