.vp{border:1px solid var(--line);background:#000;border-radius:12px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.vp-video{aspect-ratio:16/9;object-fit:contain;cursor:pointer;background:#000;width:100%;display:block}.vp.vp-natural{aspect-ratio:auto;max-height:min(60vh,480px)}.vp.vp-natural .vp-video{aspect-ratio:auto;object-fit:contain;height:auto;max-height:min(60vh,480px)}.vp-center{-webkit-backdrop-filter:blur(6px);color:#fff;z-index:3;background:#00000080;border:1px solid #ffffff38;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;transition:background .15s,transform .1s;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vp-center:hover{background:#000000ad}.vp-center:active{transform:translate(-50%,-50%)scale(.95)}.vp-controls{inset-inline:0;z-index:4;opacity:0;pointer-events:none;background:linear-gradient(#0000 0%,#0000006b 44%,#000000d9 100%);align-items:center;gap:10px;padding:28px 12px 12px;transition:opacity .18s,transform .18s;display:flex;position:absolute;bottom:0;transform:translateY(6px)}.vp.vp-awake .vp-controls,.vp:hover .vp-controls{opacity:1;pointer-events:auto;transform:translateY(0)}.vp-btn{color:#fff;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:7px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;transition:background .14s,border-color .14s;display:inline-flex}.vp-btn:hover:not(:disabled){background:#fff3;border-color:#ffffff57}.vp-btn:disabled{opacity:.55;cursor:default}.vp-btn.vp-btn-active{background:var(--brand-violet);border-color:var(--brand-violet);color:#fff}.vp-btn.vp-btn-active:hover:not(:disabled){filter:brightness(.92);background:var(--brand-violet);border-color:var(--brand-violet)}.vp-clock{color:#ffffffd9;white-space:nowrap;font-variant-numeric:tabular-nums;flex:none;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px}.vp-scrubber{appearance:none;cursor:pointer;background:0 0;flex:auto;min-width:0;height:18px;margin:0}.vp-scrubber::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--brand-violet)0%,var(--brand-violet)var(--vp-progress,0%),#ffffff47 var(--vp-progress,0%),#ffffff47 100%);border-radius:999px;height:4px}.vp-scrubber::-moz-range-track{background:#ffffff47;border-radius:999px;height:4px}.vp-scrubber::-moz-range-progress{background:var(--brand-violet);border-radius:999px;height:4px}.vp-scrubber::-webkit-slider-thumb{appearance:none;background:var(--brand-violet);border:2px solid #fff;border-radius:999px;width:12px;height:12px;margin-top:-4px}.vp-scrubber::-moz-range-thumb{background:var(--brand-violet);border:2px solid #fff;border-radius:999px;width:12px;height:12px}