body[data-v-217d0312]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100vh;background-color:#f0f2f5;margin:0}.video-container[data-v-217d0312]{width:100%;min-height:200px;max-width:1000px;height:auto;background-color:#000;border-radius:8px;overflow:hidden;position:relative}#my-video[data-v-217d0312]{width:100%;display:block}.custom-controls[data-v-217d0312]{position:absolute;bottom:0;left:0;right:0;padding:15px;background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.8)),to(transparent));background:linear-gradient(0deg,rgba(0,0,0,.8) 0,transparent);color:#fff;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.video-container:hover .custom-controls[data-v-217d0312]{opacity:1}.progress-bar-container[data-v-217d0312]{width:100%;height:4px;background-color:hsla(0,0%,100%,.3);border-radius:2px;margin-bottom:10px;cursor:default}#progress-bar[data-v-217d0312]{width:0;height:100%;background-color:#0af;border-radius:2px;-webkit-transition:width .1s linear;transition:width .1s linear}.control-buttons[data-v-217d0312]{gap:15px}.control-btn[data-v-217d0312],.control-buttons[data-v-217d0312]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.control-btn[data-v-217d0312]{background:none;border:none;color:#fff;font-size:16px;cursor:pointer;gap:5px}.time-display[data-v-217d0312]{font-size:14px;color:#eee}