/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.audio-section{width:100%;margin:30px 0;padding:20px;border:solid 4px #e8e8e8;}.audio-section h3{font-weight:300;color:#3e3e3e !important;margin:0 0 10px !important;padding:5px 10px;letter-spacing:2px;font-size:18px;}.player-container{display:flex;align-items:center;gap:20px;background:#444;padding:15px 25px;border-radius:10px;}.controls-main{display:flex;gap:10px;align-items:center;flex-shrink:0;}.play-btn{width:40px;height:40px;border-radius:50%;border:none;background:#888;color:#000;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:.2s;}.play-btn:hover{background:rgba(136,136,136,0.7)}.oscilloscope{flex-grow:1;height:100px;filter:contrast(1.2) drop-shadow(0 0 2px #f006);}.player-bottom{margin-top:15px;}.progress-container{width:100%;height:4px;background:#222;border-radius:2px;overflow:hidden;cursor:pointer;}.progress-bar{width:0;height:100%;background:rgba(38,142,108,1);transition:width .1s linear;}.time-info{display:flex;justify-content:space-between;font-size:12px;color:#777;margin-top:6px;font-family:monospace;}.volume-control{margin-top:15px;display:flex;align-items:center;gap:10px;color:#888;font-size:14px;}.volume-btn{cursor:pointer;user-select:none;width:24px;text-align:center;transition:.2s;}.volume-btn:hover{transform:scale(1.1);color:#268E6C;}.volume-slider{flex-grow:1;appearance:none;height:4px;border-radius:2px;outline:none;background:#222;}.volume-slider::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:#268E6C;cursor:pointer;border:none;}.volume-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#268E6C;cursor:pointer;border:none;}