.vp-frame{aspect-ratio:9/16;cursor:pointer;background:#000;border-radius:14px;flex-shrink:0;width:100%;max-width:340px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 2px 16px #0000001f}.vp-frame--fill{aspect-ratio:auto;border-radius:inherit;max-width:none;box-shadow:none;margin:0;position:absolute;inset:0}.vp-video{object-fit:contain;width:100%;height:100%;display:block}.vp-shade{z-index:1;pointer-events:none;background:linear-gradient(#0000,#00000059 60%,#000000b3);height:28%;min-height:72px;position:absolute;bottom:0;left:0;right:0}.vp-shade--top{background:linear-gradient(#00000073,#0000);height:14%;min-height:54px;top:0;bottom:auto}.vp-mute{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#00000073;border:0;border-radius:9999px;align-items:center;gap:5px;height:26px;padding:0 9px;font:500 11px/1 SF Pro Text,system-ui,-apple-system,Inter,sans-serif;display:inline-flex;position:absolute;top:14px;left:14px}.vp-mute:hover{background:#0009}.vp-controls{z-index:2;color:#fff;align-items:center;gap:8px;font:500 11px/1 SF Pro Text,system-ui,-apple-system,Inter,sans-serif;display:flex;position:absolute;bottom:14px;left:14px;right:14px}.vp-play{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#ffffff2e;border:0;border-radius:9999px;flex:none;place-items:center;width:26px;height:26px;display:grid}.vp-play:hover{background:#ffffff47}.vp-time{font-variant-numeric:tabular-nums;min-width:32px}.vp-time--total{opacity:.75;text-align:right}.vp-progress{cursor:pointer;flex:1;height:3px;margin:-8px 0;padding:8px 0;position:relative}.vp-progress:before{content:"";background:#ffffff40;border-radius:9999px;height:3px;margin-top:-1.5px;position:absolute;top:50%;left:0;right:0}.vp-progress>i{z-index:1;background:#fff;border-radius:9999px;height:3px;margin-top:-1.5px;position:absolute;top:50%;left:0}.vp-dot{z-index:2;opacity:0;pointer-events:none;background:#fff;border-radius:9999px;width:10px;height:10px;margin:-5px 0 0 -5px;transition:opacity .12s;position:absolute;top:50%}.vp-progress:hover .vp-dot{opacity:1}