/*!
 * SPDX-FileCopyrightText: 2025 The LivePlayer Project Authors
 * SPDX-License-Identifier: MPL-2.0
 */
@keyframes stretch{0%,40%,to{transform:scaleY(.4)}20%{transform:scaleY(1)}}.live-player-component{display:flex;flex-direction:column;width:100%;height:100%}.player-container{flex-grow:1;position:relative;background-color:#000;font-size:16px;color:#fff;overflow:hidden;display:flex;justify-content:center;align-items:center}.player-container.no-cursor{cursor:none}.video-element{width:100%;height:100%;object-fit:contain;display:block}.player-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;text-align:center;z-index:20;transition:opacity .3s}.loading-overlay{color:#fff;font-size:3em}.loading-equalizer{display:flex;align-items:center;justify-content:center;height:40px}.loading-equalizer div{width:6px;height:100%;margin:0 3px;background-color:#fff;animation:stretch 1.2s infinite ease-in-out}.loading-equalizer div:nth-child(2){animation-delay:-1.1s}.loading-equalizer div:nth-child(3){animation-delay:-1s}.loading-equalizer div:nth-child(4){animation-delay:-.9s}.loading-equalizer div:nth-child(5){animation-delay:-.8s}.player-offline-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);color:#fff;display:none;flex-direction:column;justify-content:center;align-items:center;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;text-align:center;z-index:5}.offline-content{display:flex;flex-direction:column;align-items:center}.offline-content .fa-video-slash{font-size:48px;margin-bottom:16px;opacity:.8}.offline-content span{font-size:16px;max-width:80%}.player-error-overlay{color:#ffc107;font-size:1.1em;padding:20px}.controls-container{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);padding:10px 15px;display:flex;align-items:center;gap:1em;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;z-index:30}.controls-container.visible,.player-container.paused .controls-container,.player-container:hover .controls-container{opacity:1;visibility:visible}.controls-left,.controls-right{display:flex;align-items:center;gap:1.25em}.controls-right{margin-left:auto}.control-button{background:0 0;border:0;color:#fff;font-size:1.1em;cursor:pointer;padding:0;transition:color .2s,transform .2s}.control-button:hover{color:#3498db;transform:scale(1.1)}.player-container.paused .play-pause-btn .fa-play{display:block}.fullscreen-btn .fa-compress,.mute-btn .fa-volume-up,.play-pause-btn .fa-pause,.player-container.fullscreen .fullscreen-btn .fa-expand,.player-container.paused .play-pause-btn .fa-pause{display:none}.player-container.fullscreen .fullscreen-btn .fa-compress{display:block}.unmute-notice{color:#ffc107;font-size:.8em;cursor:pointer;background-color:rgba(0,0,0,.5);padding:4px 8px;border-radius:4px;display:none;align-items:center;gap:5px}.unmute-notice.visible{display:flex}.line-switch-container{position:relative}.line-switch-menu{position:absolute;bottom:100%;right:0;background-color:rgba(30,30,30,.9);list-style:none;padding:5px 0;margin:0 0 10px;border-radius:4px;box-shadow:0-2px 10px rgba(0,0,0,.3);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .2s,transform .2s,visibility .2s;z-index:11}.line-switch-menu.visible{opacity:1;visibility:visible;transform:translateY(0)}.line-switch-menu li{padding:8px 20px;cursor:pointer;white-space:nowrap}.line-switch-menu li:hover{background-color:#3498db}.line-switch-menu li.active{font-weight:700;color:#3498db}.log-output{margin-top:15px;width:100%;height:150px;background-color:#242526;border:1px solid #3a3b3c;border-radius:4px;color:#b0b3b8;font-family:"Courier New",Courier,monospace;font-size:.8em;padding:10px;overflow-y:scroll;white-space:pre-wrap;resize:vertical;flex-shrink:0}.volume-container{display:flex;align-items:center;gap:.75em;transition:filter .2s}.volume-container.muted .volume-slider{background:#555}.volume-container.muted .volume-slider::-webkit-slider-thumb{background:#999}.volume-container.muted .volume-slider::-moz-range-thumb{background:#999}.volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:80px;height:5px;--track-color:rgba(255, 255, 255, 0.5);background:var(--track-color);border-radius:2.5px;outline:0;transition:background-color .3s;vertical-align:middle}