.video-container{position:relative;width:100%;overflow:hidden;border:1px solid rgb(80 211 207 / 50%);border-radius:10px;aspect-ratio:16 / 9;transition:all ease .3s;box-shadow:0 0 20px 5px rgb(80 211 207 / 5%);}.video-container:hover{box-shadow:0 0 20px 5px rgb(80 211 207 / 20%);}.video-container video{width:100%;max-width:900px;aspect-ratio:16 / 9;display:block;}.video-controls{position:absolute;bottom:20px;left:20px;display:flex;gap:10px;background-color:rgb(81 211 208 / 70%);padding:8px;border-radius:56px;opacity:0;transition:opacity .3s ease;}.video-container:hover .video-controls{opacity:1;}.control-btn{background:none;border:none;color:#fff;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:rgba(0,0,0,.5);transition:background-color .2s ease;}.control-btn:hover{background-color:rgba(255,255,255,.2);}.volume-control{display:flex;align-items:center;position:relative;}.volume-slider-container{width:0;overflow:hidden;transition:width .3s ease;display:flex;align-items:center;}.volume-control:hover .volume-slider-container{width:80px;}.volume-slider{-webkit-appearance:none;width:80px;height:4px;border-radius:2px;background:rgba(255,255,255,.3);outline:none;margin:0 10px;}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;}.volume-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;border:none;}.video-quality{position:relative;}.quality-btn{display:flex;align-items:center;gap:5px;width:auto;padding:0 10px;border-radius:20px;}.quality-btn svg{margin-right:5px;}.quality-menu{position:absolute;bottom:50px;right:0;background-color:rgba(0,0,0,.8);border-radius:4px;padding:5px 0;display:none;flex-direction:column;min-width:100px;}.quality-menu.show{display:flex;}.quality-option{background:none;border:none;color:#fff;padding:8px 16px;text-align:left;cursor:pointer;transition:background-color .2s ease;}.quality-option:hover{background-color:rgba(255,255,255,.1);}.quality-option.selected{background-color:rgba(255,255,255,.2);}