.speech-control--detail{display:block;margin:18px 0 24px}.article-speech-player{display:grid;grid-template-columns:minmax(200px,1fr) minmax(200px,1.15fr) auto minmax(92px,.45fr) auto;gap:22px;align-items:center;min-height:116px;padding:20px 28px;border:1px solid #ebe2ff;border-radius:14px;background:linear-gradient(105deg,#fbf9ff 0,#fff 58%,#faf7ff 100%);box-shadow:0 8px 24px rgba(91,53,173,.05);color:#24243a}.article-speech-player__identity{display:inline-flex;align-items:center;gap:14px}.article-speech-player__identity small,.article-speech-player__identity strong{display:block}.article-speech-player__identity strong{font-size:15px;font-weight:700}.article-speech-player__duration small,.article-speech-player__identity small{margin-top:5px;color:#8b899a;font-size:11px}.article-speech-player__wave{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#8954ff,#5420d0);color:#fff;box-shadow:0 8px 18px rgba(91,42,210,.25);font-size:24px}.article-speech-player__voice{display:flex;align-items:center;gap:10px;height:42px;padding:0 14px;border:1px solid #e7e5ec;border-radius:9px;background:#fff;color:#777488;margin:0}.article-speech-player__voice select{flex:1;min-width:0;border:0;outline:0;background:0 0;color:#777488;font-size:12px;appearance:none}.article-speech-player__voice select:disabled{opacity:.65}.article-speech-player__controls{display:inline-flex;align-items:center;gap:12px}.article-speech-player__play,.article-speech-player__skip,.article-speech-player__stop{display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer}.article-speech-player__play{width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,#6d35e5,#5420cf);color:#fff;font-size:22px;box-shadow:0 8px 18px rgba(91,42,210,.25)}.article-speech-player__skip{position:relative;width:38px;height:38px;border:1px solid #e1dce9;border-radius:50%;background:#fff;color:#28243a;font-size:15px}.article-speech-player__skip span{position:absolute;top:9px;font-size:9px;font-weight:700}.article-speech-player__skip i{margin-top:2px}.article-speech-player__duration{display:grid;grid-template-columns:1fr auto;column-gap:8px;align-items:end;min-width:92px}.article-speech-player__duration strong{font-size:16px;direction:ltr}.article-speech-player__track{grid-column:1/-1;display:block;height:3px;margin-top:8px;overflow:hidden;border-radius:3px;background:#e7e2ee}.article-speech-player__track i{display:block;width:0;height:100%;border-radius:inherit;background:#6d35e5;transition:width .2s ease}.article-speech-player__stop{width:28px;height:28px;border-radius:50%;background:#f1edf7;color:#6f697d;font-size:11px}.article-speech-player button:focus,.article-speech-player button:hover{outline:2px solid rgba(93,48,218,.25);outline-offset:2px}@media (max-width:991px){.article-speech-player{grid-template-columns:1fr 1fr}.article-speech-player__controls,.article-speech-player__duration{justify-self:center}}@media (max-width:575px){.article-speech-player{grid-template-columns:1fr;gap:16px;padding:20px}.article-speech-player__voice{width:100%}.article-speech-player__controls,.article-speech-player__duration{justify-self:stretch}.article-speech-player__controls{justify-content:center}}
.speech-control:not(.speech-control--detail){display:inline-flex;align-items:center;vertical-align:middle}.speech-control:not(.speech-control--detail) .js-speech-play,.speech-control:not(.speech-control--detail) .js-speech-stop{display:inline-flex;align-items:center;justify-content:center;width:1.6em;height:1.6em;margin-inline-start:.35em;padding:0;border:0;color:inherit;background:0 0;font-size:.65em;line-height:1;opacity:0;vertical-align:middle;transition:opacity .15s ease,color .15s ease}.entry-content:hover .speech-control:not(.speech-control--detail) .js-speech-play,.sg-post:hover .speech-control:not(.speech-control--detail) .js-speech-play,.speech-control:not(.speech-control--detail) .js-speech-play:focus,.speech-control:not(.speech-control--detail) .js-speech-stop:focus,article:hover>.speech-control:not(.speech-control--detail) .js-speech-play,h1:hover .speech-control:not(.speech-control--detail) .js-speech-play,h2:hover .speech-control:not(.speech-control--detail) .js-speech-play,h3:hover .speech-control:not(.speech-control--detail) .js-speech-play,h4:hover .speech-control:not(.speech-control--detail) .js-speech-play,h5:hover .speech-control:not(.speech-control--detail) .js-speech-play,h6:hover .speech-control:not(.speech-control--detail) .js-speech-play{opacity:.55}.speech-control:not(.speech-control--detail) .js-speech-play:focus,.speech-control:not(.speech-control--detail) .js-speech-play:hover,.speech-control:not(.speech-control--detail) .js-speech-stop:focus,.speech-control:not(.speech-control--detail) .js-speech-stop:hover{color:var(--primary-color);opacity:1;outline:1px solid currentColor;outline-offset:2px}@media (hover:none){.speech-control:not(.speech-control--detail) .js-speech-play{opacity:.55}}