.flavor-tts{display:flex;align-items:center;gap:12px;margin:16px 0 20px;box-sizing:border-box;width:100%}.flavor-tts__btn{display:flex;align-items:center;gap:9px;background:var(--flavor-flavor-flavor-primary,#B71C1C);color:#fff;border:none;border-radius:100px;padding:10px 18px 10px 14px;font-size:14px;font-weight:700;font-family:var(--flavor-flavor-flavor-font-body,inherit);cursor:pointer;width:100%;flex:1;transition:background .18s,transform .15s,box-shadow .18s;box-shadow:0 2px 8px rgb(183 28 28 / .25)}.flavor-tts__btn:hover{background:#8b1414;transform:translateY(-1px);box-shadow:0 4px 14px rgb(183 28 28 / .35)}.flavor-tts__btn:active{transform:translateY(0)}.flavor-tts__btn i{font-size:18px;line-height:1}.flavor-tts__spinner{width:14px;height:14px;border-width:2px;color:#fff}.flavor-tts__eq{display:flex;align-items:flex-end;gap:3px;height:18px;flex-shrink:0;margin-left:auto}.flavor-tts__eq-bar{width:3px;border-radius:2px;background:rgb(255 255 255 / .85);height:4px;transform-origin:bottom;transition:height .1s}@keyframes dn-eq1{0%,100%{height:4px}25%{height:16px}50%{height:8px}75%{height:14px}}@keyframes dn-eq2{0%,100%{height:10px}25%{height:4px}50%{height:16px}75%{height:6px}}@keyframes dn-eq3{0%,100%{height:14px}25%{height:8px}50%{height:4px}75%{height:18px}}@keyframes dn-eq4{0%,100%{height:6px}25%{height:14px}50%{height:12px}75%{height:4px}}@keyframes dn-eq5{0%,100%{height:12px}25%{height:6px}50%{height:18px}75%{height:8px}}.flavor-tts.is-playing .flavor-tts__eq-bar:nth-child(1){animation:dn-eq1 .9s ease-in-out infinite}.flavor-tts.is-playing .flavor-tts__eq-bar:nth-child(2){animation:dn-eq2 .7s ease-in-out infinite .15s}.flavor-tts.is-playing .flavor-tts__eq-bar:nth-child(3){animation:dn-eq3 1.1s ease-in-out infinite .05s}.flavor-tts.is-playing .flavor-tts__eq-bar:nth-child(4){animation:dn-eq4 .8s ease-in-out infinite .25s}.flavor-tts.is-playing .flavor-tts__eq-bar:nth-child(5){animation:dn-eq5 .95s ease-in-out infinite .1s}.flavor-tts.is-paused .flavor-tts__eq-bar{height:8px}.flavor-tts__status{font-size:12px;color:rgb(255 255 255 / .75);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;text-align:left}@media (max-width:575.98px){.flavor-tts__btn{padding:9px 14px 9px 12px;font-size:13px}.flavor-tts__btn i{font-size:16px}.flavor-tts__eq{height:16px}}