.audio-box{background-color:#f8f9fa;border:1px solid #ddd;border-radius:23px;width:calc(100% - 30px);height:48px;margin:20px 0;padding:5px 10px;font-family:Arial,sans-serif}.audio-box-header{text-align:right;align-items:center;width:280px;display:flex}.audio-box-header select#voice-select{margin-right:20px}.audio-box-header img{height:25px;margin-left:10px}.audio-controls{align-items:center;gap:10px;width:100%;display:flex}.audio-controls button{color:#fff;cursor:pointer;width:30px;height:30px;font-size:var(--fs-18);background-color:#007bff;border:none;border-radius:50%}.audio-controls button:focus-visible{outline:2px solid var(--app-color-second,#ecb500);outline-offset:2px}.audio-progress{cursor:pointer;background:#ddd;border-radius:5px;flex-grow:1;height:5px;position:relative}.audio-progress .progress-bar{background-color:#007bff;border-radius:5px;width:0%;height:100%}.time-display{font-size:var(--fs-14);color:#333;text-align:right;min-width:70px}.volume-control{width:70px}.audio-box-header select,.audio-box-header select:focus,.audio-box-header select:active{background:0 0;border:none}.audio-box-header select:focus-visible{background:0 0;border:none}@media (max-width:768px){.audio-box{width:100%}.audio-box-header{width:auto}}