.blog-voice-widget{--bv-bg:#07459c;--bv-white:#ffffff;--bv-ink-soft:#bfd6f7;--bv-accent:#0a61db;--bv-border:rgba(255, 255, 255, 0.45);--bv-hover:rgba(255, 255, 255, 0.15);--bv-shadow:0 1px 2px rgba(4, 24, 58, 0.15), 0 10px 24px -14px rgba(4, 24, 58, 0.55);display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin:1.75rem 0;padding:.6rem 1rem .6rem .9rem;background:var(--bv-bg);border:none;border-radius:999px;box-shadow:var(--bv-shadow);color:var(--bv-white)}.blog-voice-group{display:flex;align-items:center;gap:.9rem}.blog-voice-heading{display:flex;align-items:center;gap:.4rem;font-size:.9rem;font-weight:700;color:var(--bv-white);white-space:nowrap}.blog-voice-heading-icon{width:17px;height:17px;color:var(--bv-white);flex-shrink:0}.blog-voice-controls{display:grid;grid-template-columns:auto auto auto;align-items:center;gap:.35rem}.blog-voice-widget button{display:grid;place-items:center;width:2.15rem;height:2.15rem;padding:0;border:none;border-radius:999px;background:#fff0;color:var(--bv-white);cursor:pointer;transition:background-color 0.15s ease,color 0.15s ease,transform 0.1s ease}.blog-voice-icon{width:17px;height:17px}.blog-voice-play,.blog-voice-pause{grid-column:1;grid-row:1;background:var(--bv-white);color:var(--bv-accent)}.blog-voice-play,.blog-voice-pause,.blog-voice-stop{grid-row:1}.blog-voice-stop{grid-column:2;background:#fff0;color:var(--bv-white);box-shadow:inset 0 0 0 1.5px var(--bv-border)}.blog-voice-eq{grid-column:3;grid-row:1}.blog-voice-widget button:hover:not(:disabled){transform:translateY(-1px)}.blog-voice-play:hover:not(:disabled),.blog-voice-pause:hover:not(:disabled){background:#eaf1fd}.blog-voice-stop:hover:not(:disabled){background:var(--bv-hover)}.blog-voice-widget button:active:not(:disabled){transform:translateY(0)}.blog-voice-widget button:focus-visible{outline:2.5px solid var(--bv-white);outline-offset:2px}.blog-voice-play:disabled,.blog-voice-pause:disabled{display:none}.blog-voice-stop:disabled{opacity:.35;cursor:not-allowed;box-shadow:inset 0 0 0 1.5px var(--bv-border)}.blog-voice-eq{display:none;align-items:flex-end;gap:3px;height:1.1rem;margin-left:.15rem}.blog-voice-widget[data-state="playing"] .blog-voice-eq,.blog-voice-widget[data-state="paused"] .blog-voice-eq{display:flex}.blog-voice-eq span{width:3px;border-radius:2px;background:var(--bv-white);height:35%}.blog-voice-widget[data-state="playing"] .blog-voice-eq span{animation:blog-voice-bounce 0.9s ease-in-out infinite}.blog-voice-eq span:nth-child(1){animation-delay:-0.6s}.blog-voice-eq span:nth-child(2){animation-delay:-0.3s}.blog-voice-eq span:nth-child(3){animation-delay:0s}.blog-voice-widget[data-state="paused"] .blog-voice-eq span:nth-child(1){height:30%}.blog-voice-widget[data-state="paused"] .blog-voice-eq span:nth-child(2){height:60%}.blog-voice-widget[data-state="paused"] .blog-voice-eq span:nth-child(3){height:40%}@keyframes blog-voice-bounce{0%,100%{height:30%}50%{height:100%}}@media (prefers-reduced-motion:reduce){.blog-voice-widget[data-state="playing"] .blog-voice-eq span{animation:none;height:70%}}.blog-voice-rate-label{display:flex;align-items:center;gap:.5rem;margin-left:auto;font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--bv-ink-soft);white-space:nowrap}.blog-voice-rate{appearance:none;-webkit-appearance:none;font-size:.85rem;font-weight:700;text-transform:none;letter-spacing:normal;padding:.35rem 1.9rem .35rem .75rem;border:none;border-radius:999px;background-color:var(--bv-white);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%230a61db' d='M6 8 0 1.4 1.4 0 6 5.2 10.6 0 12 1.4Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem center;background-size:9px 6px;color:var(--bv-accent);cursor:pointer;transition:background-color 0.15s ease}.blog-voice-rate:hover{background-color:#eaf1fd}.blog-voice-rate:focus-visible{outline:2.5px solid var(--bv-white);outline-offset:2px}.blog-voice-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:480px){.blog-voice-widget{border-radius:16px;align-items:stretch;flex-direction:column;gap:.6rem}.blog-voice-group{justify-content:space-between}.blog-voice-rate-label{margin-left:0;justify-content:space-between}}