.vsl-player{position:relative;width:100%;height:100%;background:#000;overflow:hidden;border-radius:inherit}.vsl-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.vsl-replay,.vsl-thumb,.vsl-unmute{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease}.vsl-visible{opacity:1;pointer-events:auto}.vsl-thumb{z-index:10;cursor:pointer;transition-duration:.4s}.vsl-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.vsl-center{position:absolute;inset:0}.vsl-big-play,.vsl-center{display:flex;align-items:center;justify-content:center}.vsl-big-play{width:56px;height:56px;border-radius:50%;background:hsla(0,0%,100%,.1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.2);transition:background-color .3s}.vsl-big-play:hover{background:hsla(0,0%,100%,.2)}.vsl-big-play-icon{width:20px;height:20px;color:#fff;margin-left:2px}.vsl-unmute{z-index:20;display:flex;align-items:center;justify-content:center;cursor:pointer;background:none;border:0;transform:scale(.9)}.vsl-unmute.vsl-visible{transform:scale(1)}.vsl-replay{z-index:30;justify-content:center;cursor:pointer;background:rgba(0,0,0,.5);border:0}.vsl-pill,.vsl-replay{display:flex;align-items:center}.vsl-pill{gap:8px;padding:12px 20px;border-radius:999px;background:rgba(0,0,0,.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.2);font-size:16px;font-weight:600;color:#fff;font-family:inherit}.vsl-pill-light{padding:12px 24px;background:hsla(0,0%,100%,.1);transition:background-color .3s}.vsl-pill-light:hover{background:hsla(0,0%,100%,.2)}.vsl-pill-icon{width:20px;height:20px}.vsl-pulse{animation:vsl-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes vsl-pulse{50%{opacity:.5}}.vsl-click-layer{position:absolute;inset:0;z-index:5;cursor:pointer}.vsl-glass-btn{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:10px;background:rgba(0,0,0,.45);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid hsla(0,0%,100%,.12);color:#fff;cursor:pointer;transition:background .2s,border-color .2s}.vsl-glass-btn:hover{background:rgba(0,0,0,.6);border-color:hsla(0,0%,100%,.2)}.vsl-top-left{position:absolute;top:12px;left:12px;z-index:20}.vsl-small-play{width:14px;height:14px;color:#fff;margin-left:2px}.vsl-top-right{position:absolute;top:12px;right:12px;z-index:20;display:flex;align-items:center;gap:6px}.vsl-volume-wrap{overflow:hidden;transition:all .2s}.vsl-bottom{position:absolute;bottom:0;left:0;right:0;z-index:20}.vsl-progress-bar{position:relative;width:100%;height:18px;cursor:pointer;display:flex;align-items:flex-end}.vsl-progress-bar:before{content:"";right:0;background:hsla(0,0%,100%,.15)}.vsl-progress-bar:before,.vsl-progress-fill{position:absolute;left:0;bottom:0;height:6px}.vsl-progress-fill{background:#06f;pointer-events:none}.vsl-progress-thumb{position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;bottom:-1px;transform:translate(-50%,-50%);box-shadow:0 1px 4px rgba(0,0,0,.4);pointer-events:none;opacity:0;transition:opacity .15s}.vsl-progress-bar:hover .vsl-progress-thumb{opacity:1}.vsl-progress-bar:hover .vsl-progress-fill,.vsl-progress-bar:hover:before{height:8px}.vsl-volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:40px;height:3px;background:hsla(0,0%,100%,.25);border-radius:2px;outline:none;cursor:pointer;display:block}.vsl-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;border-radius:50%;background:#fff;cursor:pointer}.vsl-volume-slider::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#fff;border:none;cursor:pointer}@media (max-width:768px){.vsl-big-play{width:48px;height:48px}.vsl-big-play-icon{width:16px;height:16px}.vsl-pill{padding:10px 16px;font-size:14px}.vsl-pill-icon{width:16px;height:16px}}@media (prefers-reduced-motion:reduce){.vsl-pulse{animation:none}}