.oknaudio{background-color:#595959;color:#fff}.play-audio .player{padding:18px 24px;border-radius:12px;display:flex;align-items:center;gap:20px;width:100%}.play-audio .play-btn{width:45px;height:45px;cursor:pointer;display:flex;justify-content:center;align-items:center}.play-audio .play-btn svg{width:20px;height:20px;fill:#000}.play-audio .progress{width:25%;height:10px;background:#b36f71;border-radius:6px;cursor:pointer;position:relative}.play-audio .progress-fill{height:10px;width:0%;background:#000;border-radius:6px}.play-audio .controls{display:flex;align-items:center;gap:15px;margin-left:auto}.play-audio .controls .icon-sun,.play-audio .controls .icon-moon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.play-audio .controls .icon-sun img,.play-audio .controls .icon-moon img{width:100%;height:100%;display:block}.play-audio .toggle{width:42px;height:20px;background:#fff;border-radius:20px;cursor:pointer;position:relative}.play-audio .toggle-circle{width:16px;height:16px;background:#be1f24;border-radius:50%;position:absolute;top:2px;left:2px;transition:left .3s ease,background .3s ease}.play-audio .font-controls span{cursor:pointer;padding:0 4px;font-size:18px}.play-audio .volume{display:flex;align-items:center;gap:8px;width:110px}.play-audio .volume-icon{flex-shrink:0;width:20px;height:20px;color:#fff;opacity:.8}.play-audio .volume-icon path{fill:#fff}.play-audio input[type=range]{flex:1;height:5px;accent-color:#be1f24}body.dark .play-audio .toggle-circle{left:24px;background:#333}@media(max-width: 768px){.play-audio .player{background:#be1f24;padding:9px 10px;border-radius:12px;display:flex;align-items:center;gap:15px;color:#fff;flex-wrap:wrap;align-items:center;text-align:center;justify-content:center;margin:0 auto}.play-audio .play-btn{width:100%;height:auto;border-radius:50%;border:2px solid #fff;background:#be1f24;cursor:pointer;display:flex;justify-content:center;align-items:center;padding:8px 0px;max-width:3.9rem}.play-audio .controls{gap:5px;margin-left:initial}}body.dark{background-color:#000;color:#fff}body.dark header,body.dark main,body.dark footer{background-color:#000}/*# sourceMappingURL=audio.css.map */