.vp-container{position:relative;width:100%;background:#000;overflow:hidden;user-select:none;-webkit-user-select:none;outline:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1;border-radius:inherit}.vp-container *,.vp-container :after,.vp-container :before{box-sizing:border-box}.vp-container :focus,.vp-container:focus{outline:none}.vp-container:fullscreen{border-radius:0;background:#000}.vp-container:fullscreen .vp-video{background:#000}.vp-container--hide-cursor{cursor:none}.vp-video{display:block;background:#000}.vp-poster,.vp-video{width:100%;height:100%}.vp-poster{inset:0;object-fit:cover;z-index:5}.vp-gradient,.vp-poster{position:absolute;pointer-events:none}.vp-gradient{bottom:0;left:0;right:0;height:140px;background:linear-gradient(0deg,rgba(0,0,0,.65),rgba(0,0,0,.3) 50%,transparent);opacity:0;transition:opacity .3s ease;z-index:10}.vp-gradient--visible{opacity:1}.vp-controls{position:absolute;bottom:0;left:0;right:0;padding:0 12px 10px;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:30}.vp-controls--visible{opacity:1;pointer-events:auto}.vp-progress{position:relative;width:100%;height:20px;cursor:pointer;display:flex;align-items:center;margin-bottom:2px;touch-action:none}.vp-progress__track{position:relative;width:100%;height:3px;background:hsla(0,0%,100%,.2);border-radius:1.5px;overflow:visible;transition:height .15s ease}.vp-progress:hover .vp-progress__track{height:5px}.vp-progress__buffered{background:hsla(0,0%,100%,.35)}.vp-progress__buffered,.vp-progress__filled{position:absolute;top:0;left:0;height:100%;border-radius:inherit;pointer-events:none}.vp-progress__filled{background:#fff}.vp-progress__thumb{position:absolute;top:50%;width:14px;height:14px;background:#fff;border-radius:50%;transform:translate(-50%,-50%) scale(0);transition:transform .15s ease;z-index:2;box-shadow:0 0 6px rgba(0,0,0,.4);pointer-events:none}.vp-progress--dragging .vp-progress__thumb,.vp-progress:hover .vp-progress__thumb{transform:translate(-50%,-50%) scale(1)}.vp-controls-bar{justify-content:space-between}.vp-controls-bar,.vp-controls-left,.vp-controls-right{display:flex;align-items:center;gap:2px}.vp-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:none;color:#fff;cursor:pointer;padding:0;border-radius:6px;opacity:.9;transition:opacity .15s ease,background-color .15s ease;-webkit-tap-highlight-color:transparent;flex-shrink:0}.vp-btn:hover{opacity:1;background:hsla(0,0%,100%,.12)}.vp-btn:active{opacity:.8}.vp-btn svg{width:20px;height:20px;flex-shrink:0}.vp-time{color:#fff;font-size:13px;font-variant-numeric:tabular-nums;line-height:1;padding:0 6px;white-space:nowrap;opacity:.9;letter-spacing:.02em}.vp-volume{display:flex;align-items:center;gap:0}.vp-volume__slider-wrap{width:0;overflow:hidden;transition:width .2s ease,margin-left .2s ease;display:flex;align-items:center;margin-left:0}.vp-volume:hover .vp-volume__slider-wrap,.vp-volume__slider-wrap--expanded{width:68px;margin-left:2px}.vp-volume__slider{width:68px;height:20px;cursor:pointer;display:flex;align-items:center;position:relative;touch-action:none}.vp-volume__track{width:100%;height:3px;background:hsla(0,0%,100%,.2);border-radius:1.5px;position:relative;overflow:hidden}.vp-volume__filled{position:absolute;top:0;left:0;height:100%;background:#fff;border-radius:inherit;pointer-events:none}.vp-container--ios .vp-volume__slider-wrap{display:none!important}.vp-speed-btn{display:flex;align-items:center;justify-content:center;height:28px;padding:0 8px;border:1px solid hsla(0,0%,100%,.35);border-radius:14px;background:none;color:#fff;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;opacity:.9;transition:opacity .15s ease,background-color .15s ease,border-color .15s ease;-webkit-tap-highlight-color:transparent;flex-shrink:0;letter-spacing:.01em}.vp-speed-btn:hover{opacity:1;background:hsla(0,0%,100%,.12);border-color:hsla(0,0%,100%,.5)}.vp-speed-menu{position:absolute;bottom:calc(100% + 8px);right:0;background:hsla(0,0%,8%,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:12px;padding:6px 0;min-width:150px;z-index:40;opacity:0;transform:translateY(6px) scale(.96);transition:opacity .2s ease,transform .2s ease;pointer-events:none;box-shadow:0 8px 32px rgba(0,0,0,.4);border:1px solid hsla(0,0%,100%,.08)}.vp-speed-menu--visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.vp-speed-menu__title{color:hsla(0,0%,100%,.5);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:6px 16px 4px}.vp-speed-menu__item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 16px;border:none;background:none;color:hsla(0,0%,100%,.85);font-size:14px;cursor:pointer;transition:background-color .12s ease;text-align:left;line-height:1}.vp-speed-menu__item:hover{background:hsla(0,0%,100%,.1)}.vp-speed-menu__item--active{color:#fff;font-weight:600}.vp-speed-menu__check{width:16px;height:16px;opacity:0;flex-shrink:0;margin-left:12px}.vp-speed-menu__item--active .vp-speed-menu__check{opacity:1}.vp-center-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:25;display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;-webkit-tap-highlight-color:transparent}.vp-center-play--visible{opacity:1;pointer-events:auto}.vp-center-play:hover{transform:translate(-50%,-50%) scale(1.08)}.vp-center-play:active{transform:translate(-50%,-50%) scale(.95)}.vp-center-play svg{width:55px;height:55px;width:clamp(36px,15cqi,68px);height:clamp(36px,15cqi,68px);filter:drop-shadow(0 2px 8px rgba(0,0,0,.25))}.vp-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:35;width:44px;height:44px;pointer-events:none}.vp-spinner__circle{width:100%;height:100%;border:3px solid hsla(0,0%,100%,.2);border-top-color:#fff;border-radius:50%;animation:vp-spin .75s linear infinite}@keyframes vp-spin{to{transform:rotate(1turn)}}.vp-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:35;color:#fff;font-size:14px;text-align:center;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:14px 24px;border-radius:10px;max-width:80%;line-height:1.4}@container (max-width: 400px){.vp-controls{padding:0 6px 6px}.vp-btn{width:28px;height:28px}.vp-btn svg{width:16px;height:16px}.vp-time{font-size:10px;padding:0 2px}.vp-speed-btn{height:24px;padding:0 6px;font-size:11px}.vp-gradient{height:80px}.vp-pip-btn,.vp-speed-wrap{display:none}}@container (max-width: 280px){.vp-controls{padding:0 4px 4px}.vp-btn{width:24px;height:24px}.vp-btn svg{width:14px;height:14px}.vp-time{font-size:10px;padding:0 2px}.vp-speed-btn{height:20px;padding:0 5px;font-size:10px;border-radius:10px}.vp-progress{height:14px;margin-bottom:0}.vp-gradient{height:60px}.vp-volume{display:none}}