.wk-demo{color:#f5f5f7;text-align:left;background:#111113;border:1px solid #ffffff26;border-radius:16px;width:100%;min-width:0;overflow:hidden}.wk-demo-screen{aspect-ratio:1660/1080;background:#101012;position:relative}.wk-demo-screen video,.wk-demo-poster{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.wk-demo-poster{z-index:1}.wk-demo-play{z-index:2;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#121216d9;border:1px solid #ffffff70;border-radius:50%;place-items:center;width:60px;height:60px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wk-demo-play:hover{background:#0071e3}.wk-demo-play svg{width:22px;height:22px}.wk-demo-timeline{background:#ffffff12;height:2px}.wk-demo-timeline span{background:#2997ff;height:100%;display:block}.wk-demo-controls{align-items:center;gap:8px;min-height:48px;padding:2px 8px;display:flex}.wk-demo-controls button{min-width:44px;min-height:44px;color:inherit;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:9px;padding:8px;display:flex}.wk-demo-controls button:first-child{text-align:left;flex:1;justify-content:flex-start;min-width:0;font-size:12px}.wk-demo-controls button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wk-demo-controls svg{flex-shrink:0}.wk-demo-controls button:hover{background:#ffffff12}.wk-demo-duration{color:#a1a1a8;white-space:nowrap;font-size:11px}.wk-demo-error{z-index:3;background:#161617ed;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:14px;display:flex;position:absolute;inset:0}.wk-demo-error button{color:#fff;background:#0071e3;border:0;border-radius:24px;padding:12px 18px}.wk-demo:fullscreen{border:0;border-radius:0;flex-direction:column;display:flex}.wk-demo:fullscreen .wk-demo-screen{aspect-ratio:auto;flex:1;min-height:0}.wk-demo:fullscreen .wk-demo-controls{flex-shrink:0}.wk-demo-film .wk-demo-screen{aspect-ratio:16/9}.wk-demo-sound{z-index:2;color:#fff;background:#171719dc;border:1px solid #ffffff45;border-radius:24px;align-items:center;gap:9px;min-height:44px;padding:10px 16px;font-size:12px;display:flex;position:absolute;bottom:16px;right:16px}.wk-demo-sound:hover{background:#303034}.wk-demo-sound:focus-visible{outline-offset:4px;outline:2px solid #2997ff}@media (max-width:540px){.wk-demo{border-radius:10px}.wk-demo-controls{gap:4px;padding-inline:4px}.wk-demo-controls button:first-child{gap:6px;font-size:11px}.wk-demo-play{width:48px;height:48px}.wk-demo-sound{padding:10px 12px;bottom:10px;right:10px}}