.vp{background:#0f0b14;border-radius:14px;outline:none;line-height:0;display:block;position:relative;overflow:hidden}.vp:focus-visible{outline:3px solid var(--мст-фокус);outline-offset:3px}.vp video{width:100%;height:100%;max-height:inherit;object-fit:contain;cursor:pointer;background:#0f0b14;display:block}.vp-big{background:var(--мст-слива);color:#fff;cursor:pointer;border:0;border-radius:50%;place-items:center;width:64px;height:64px;margin:-32px 0 0 -32px;transition:transform .15s ease-out;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 8px 24px #00000059}.vp-big svg{margin-left:3px}.vp-big:hover{transform:scale(1.06)}.vp-big:focus-visible{outline-offset:2px;outline:3px solid #fff}.vp-bar{opacity:0;background:linear-gradient(#0a060e00,#0a060eb8);align-items:center;gap:8px;padding:8px 10px;line-height:1;transition:opacity .18s ease-out;display:flex;position:absolute;bottom:0;left:0;right:0}.vp:hover .vp-bar,.vp:focus-within .vp-bar,.vp:not(.vp-playing).vp-started .vp-bar{opacity:1}@media (hover:none){.vp-bar{opacity:1}}.vp-btn{color:#fff;cursor:pointer;background:#ffffff24;border:0;border-radius:50%;place-items:center;width:32px;min-width:32px;height:32px;padding:0;display:grid}.vp-btn:hover{background:#ffffff42}.vp-btn:focus-visible{outline-offset:2px;outline:2px solid #fff}.vp-line{cursor:pointer;flex:1;align-items:center;height:18px;display:flex;position:relative}.vp-line:before{content:"";background:#ffffff47;border-radius:999px;height:3px;position:absolute;left:0;right:0}.vp-line span{transform-origin:0;background:#fff;border-radius:999px;height:3px;transition:transform .1s linear;position:absolute;left:0;right:0;transform:scaleX(0)}.vp-time{color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;opacity:.9;font-size:12px}@media (width<=820px){.vp-bar{gap:6px;padding:8px}.vp-btn{width:36px;min-width:36px;height:36px}.vp-time{font-size:11.5px}}@media (prefers-reduced-motion:reduce){.vp-big,.vp-bar,.vp-line span{transition:none}}