.hh24-tts-player,.hh24-tts-player *{box-sizing:border-box}.hh24-tts-player{--hh24-tts-accent:#da3437;width:100%;max-width:100%;margin:0 0 30px;padding:20px 22px;display:grid;grid-template-columns:112px minmax(0,1fr);gap:22px;align-items:center;background:#fff;border:1px solid #ededed;border-radius:8px;box-shadow:0 5px 24px rgb(0 0 0 / .045);color:#303030;font-family:Arial,Helvetica,sans-serif;line-height:1.35;overflow:hidden}.hh24-tts-player button,.hh24-tts-player select,.hh24-tts-player input{font:inherit}.hh24-tts-play{position:relative;width:98px;height:98px;margin:0;padding:0;display:grid;place-items:center;border:5px solid #303030;border-radius:999px;background:#fff;color:#303030;cursor:pointer;transition:transform .18s ease,border-color .18s ease,color .18s ease}.hh24-tts-play:hover,.hh24-tts-play:focus-visible{border-color:var(--hh24-tts-accent);color:var(--hh24-tts-accent);transform:scale(1.025);outline:none}.hh24-tts-icon-play{width:0;height:0;margin-left:8px;border-top:21px solid #fff0;border-bottom:21px solid #fff0;border-left:31px solid currentColor}.hh24-tts-icon-pause{display:none;gap:8px}.hh24-tts-icon-pause i{width:9px;height:39px;display:block;border-radius:2px;background:currentColor}.hh24-tts-player.is-playing .hh24-tts-icon-play{display:none}.hh24-tts-player.is-playing .hh24-tts-icon-pause{display:flex}.hh24-tts-main{min-width:0}.hh24-tts-topline,.hh24-tts-toolbar,.hh24-tts-progress-row{display:flex;align-items:center}.hh24-tts-topline{justify-content:space-between;gap:20px}.hh24-tts-title{min-width:0;overflow:hidden;color:#303030;font-size:clamp(20px, 2.2vw, 29px);font-weight:400;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.hh24-tts-powered{flex:0 0 auto;color:#858585;font-size:clamp(15px, 1.55vw, 21px);white-space:nowrap}.hh24-tts-powered a,.hh24-tts-powered span{color:inherit;text-decoration:underline;text-underline-offset:3px}.hh24-tts-powered a:hover,.hh24-tts-powered a:focus-visible{color:var(--hh24-tts-accent)}.hh24-tts-toolbar{min-height:48px;margin-top:5px;gap:12px}.hh24-tts-listen-time{margin-right:auto;color:#303030;font-size:clamp(17px, 1.8vw, 23px);white-space:nowrap}.hh24-tts-voice-wrap{position:relative;display:inline-flex}.hh24-tts-voice{min-height:38px;max-width:116px;margin:0;padding:6px 28px 6px 11px;border:0;border-radius:8px;background:#eef0f3;color:#4f5358;font-size:14px;font-weight:700;cursor:pointer}.hh24-tts-skip,.hh24-tts-speed{flex:0 0 auto;border:0;background:#fff0;color:#b5b5b5;cursor:pointer}.hh24-tts-skip{width:46px;height:46px;padding:2px}.hh24-tts-skip svg{width:100%;height:100%;overflow:visible;fill:currentColor}.hh24-tts-skip text{fill:#fff;font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:700}.hh24-tts-skip:hover,.hh24-tts-skip:focus-visible{color:var(--hh24-tts-accent);outline:none}.hh24-tts-speed{min-width:74px;min-height:42px;padding:6px 13px;border-radius:999px;background:#eef0f5;color:#5e6167;font-size:18px}.hh24-tts-speed:hover,.hh24-tts-speed:focus-visible{color:var(--hh24-tts-accent);outline:2px solid color-mix(in srgb,var(--hh24-tts-accent) 24%,transparent)}.hh24-tts-progress-row{margin-top:2px;gap:12px}.hh24-tts-current,.hh24-tts-duration{flex:0 0 auto;color:#aaa;font-size:clamp(17px, 1.7vw, 22px);font-variant-numeric:tabular-nums}.hh24-tts-progress{--hh24-tts-progress:0%;width:100%;height:18px;margin:0;padding:0;appearance:none;-webkit-appearance:none;background:#fff0;cursor:pointer}.hh24-tts-progress::-webkit-slider-runnable-track{height:12px;border-radius:999px;background:linear-gradient(to right,var(--hh24-tts-accent) 0 var(--hh24-tts-progress),#ececec var(--hh24-tts-progress) 100%)}.hh24-tts-progress::-moz-range-track{height:12px;border-radius:999px;background:#ececec}.hh24-tts-progress::-moz-range-progress{height:12px;border-radius:999px;background:var(--hh24-tts-accent)}.hh24-tts-progress::-webkit-slider-thumb{width:17px;height:17px;margin-top:-2.5px;border:3px solid #fff;border-radius:50%;appearance:none;-webkit-appearance:none;background:var(--hh24-tts-accent);box-shadow:0 1px 5px rgb(0 0 0 / .25);opacity:0;transition:opacity .15s ease}.hh24-tts-progress::-moz-range-thumb{width:12px;height:12px;border:3px solid #fff;border-radius:50%;background:var(--hh24-tts-accent);box-shadow:0 1px 5px rgb(0 0 0 / .25);opacity:0}.hh24-tts-progress:hover::-webkit-slider-thumb,.hh24-tts-progress:focus-visible::-webkit-slider-thumb,.hh24-tts-progress:hover::-moz-range-thumb,.hh24-tts-progress:focus-visible::-moz-range-thumb{opacity:1}.hh24-tts-data{display:none!important}@media (max-width:760px){.hh24-tts-player{grid-template-columns:78px minmax(0,1fr);gap:14px;margin-bottom:24px;padding:16px;border-radius:7px}.hh24-tts-play{width:72px;height:72px;border-width:4px}.hh24-tts-icon-play{margin-left:5px;border-top-width:15px;border-bottom-width:15px;border-left-width:23px}.hh24-tts-icon-pause{gap:6px}.hh24-tts-icon-pause i{width:7px;height:29px}.hh24-tts-topline{display:block}.hh24-tts-title{font-size:18px}.hh24-tts-powered{margin-top:3px;font-size:12px}.hh24-tts-toolbar{min-height:38px;margin-top:8px;gap:5px;flex-wrap:wrap}.hh24-tts-listen-time{width:100%;margin-right:0;font-size:14px}.hh24-tts-voice{min-height:31px;max-width:94px;padding:4px 23px 4px 8px;font-size:12px}.hh24-tts-skip{width:34px;height:34px}.hh24-tts-speed{min-width:57px;min-height:32px;padding:4px 8px;font-size:13px}.hh24-tts-progress-row{grid-column:1 / -1;margin-top:8px;gap:7px}.hh24-tts-current,.hh24-tts-duration{font-size:13px}.hh24-tts-progress::-webkit-slider-runnable-track,.hh24-tts-progress::-moz-range-track,.hh24-tts-progress::-moz-range-progress{height:8px}}@media (max-width:430px){.hh24-tts-player{grid-template-columns:62px minmax(0,1fr);gap:11px;padding:14px}.hh24-tts-play{width:60px;height:60px;border-width:3px}.hh24-tts-title{font-size:16px}.hh24-tts-powered{font-size:11px}.hh24-tts-icon-play{border-top-width:13px;border-bottom-width:13px;border-left-width:20px}}@media (prefers-reduced-motion:reduce){.hh24-tts-player *,.hh24-tts-player *::before,.hh24-tts-player *::after{scroll-behavior:auto!important;transition:none!important}}.hh24-tts-player .screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}