.seekbar-container{position:fixed;bottom:75px;left:0;width:100%;padding:0 20px;box-sizing:border-box;z-index:100;display:flex;flex-direction:column;align-items:center}.seekbar-background{position:relative;width:100%;max-width:1000px;height:10px;background:rgba(50,50,50,.6);border-radius:5px;cursor:pointer;overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,.3);transition:height .25s ease}.seekbar-background.active{height:14px}.seekbar-fill{left:0;background:linear-gradient(90deg,#00c2ff,#39b4db);box-shadow:0 0 8px rgba(0,194,255,.5);transition:background .8s ease}.energy-wave,.seekbar-fill{position:absolute;top:0;width:0;height:100%;border-radius:5px}.energy-wave{right:0;background:linear-gradient(90deg,rgba(0,241,255,0),rgba(0,241,255,.9));opacity:0;transition:width 0s linear,opacity 0s linear;pointer-events:none}.energy-wave.active{opacity:1;animation:wave-travel 1.2s ease-out forwards}@keyframes wave-travel{0%{width:0;opacity:.8}to{width:100%;opacity:0}}@keyframes subtle-pulse{0%{box-shadow:0 0 6px rgba(0,194,255,.4)}50%{box-shadow:0 0 10px rgba(0,194,255,.6)}to{box-shadow:0 0 6px rgba(0,194,255,.4)}}.seekbar-fill{animation:subtle-pulse 2.5s infinite}.seekbar-handle{position:absolute;top:50%;left:0;width:16px;height:16px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 5px rgba(0,0,0,.5);pointer-events:none;transition:transform .2s ease,box-shadow .2s ease,opacity .3s ease;opacity:0}.seekbar-background.active .seekbar-handle,.seekbar-background:hover .seekbar-handle{opacity:1;transform:translate(-50%,-50%) scale(1.2);box-shadow:0 0 8px rgba(0,194,255,.7)}.seekbar-time{margin-top:5px;font-size:14px;color:#fff;text-shadow:0 0 3px rgba(0,0,0,.8)}@media (max-width:768px){.seekbar-container{bottom:60px;padding:0 10px}.seekbar-background{height:8px}.seekbar-background.active{height:12px}.seekbar-time{font-size:12px}}@media (hover:none){.seekbar-handle{opacity:.3}.seekbar-background.active .seekbar-handle{opacity:1}}
/*# sourceMappingURL=/seekbar.34cab848.css.map */