.vp{position:relative;overflow:hidden;width:100%;border-radius:inherit;background:#0b0c14;color:#fff;outline:none;isolation:isolate}.vp:focus-visible{box-shadow:0 0 0 3px rgba(65,118,230,.6)}.vp .vp-media{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:contain;border-radius:0;box-shadow:none;background:transparent;cursor:pointer}.vp:after{content:"";position:absolute;inset:auto 0 0;height:45%;z-index:1;background:linear-gradient(0deg,rgba(8,12,30,.45),transparent);opacity:0;transition:opacity .25s;pointer-events:none}.vp.vp-show:after{opacity:1}.vp-center{position:absolute;top:50%;left:50%;z-index:2;display:grid;place-items:center;width:68px;height:68px;padding:0 0 0 4px;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:rgba(255,255,255,.2);color:#fff;-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);box-shadow:0 8px 30px rgba(10,20,60,.25),inset 0 1px 0 rgba(255,255,255,.35);transform:translate(-50%,-50%);cursor:pointer;transition:transform .2s,background .2s}.vp-center:hover{background:rgba(255,255,255,.3);transform:translate(-50%,-50%) scale(1.06)}.vp-bar{position:absolute;right:12px;bottom:12px;left:12px;z-index:3;display:flex;flex-direction:column;gap:6px;padding:10px 12px 6px;border:1px solid rgba(255,255,255,.22);border-radius:16px;background:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);box-shadow:0 10px 30px rgba(10,20,60,.2),inset 0 1px 0 rgba(255,255,255,.25);opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s;pointer-events:none}.vp.vp-started.vp-show .vp-bar,.vp:focus-within .vp-bar{opacity:1;transform:none;pointer-events:auto}.vp:not(.vp-show){cursor:none}.vp-progress{width:100%;height:14px;margin:0;background:transparent;appearance:none;cursor:pointer}.vp-progress::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(to right,#fff var(--vp-played),rgba(255,255,255,.45) var(--vp-played) var(--vp-buffered),rgba(255,255,255,.22) var(--vp-buffered))}.vp-progress::-moz-range-track{height:4px;border-radius:4px;background:linear-gradient(to right,#fff var(--vp-played),rgba(255,255,255,.45) var(--vp-played) var(--vp-buffered),rgba(255,255,255,.22) var(--vp-buffered))}.vp-progress::-webkit-slider-thumb{width:12px;height:12px;margin-top:-4px;border:0;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.3);appearance:none;transform:scale(0);-webkit-transition:transform .15s;transition:transform .15s}.vp-progress::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff;transform:scale(0);-moz-transition:transform .15s;transition:transform .15s}.vp-progress:focus-visible::-webkit-slider-thumb,.vp-progress:hover::-webkit-slider-thumb{transform:scale(1)}.vp-progress:focus-visible::-moz-range-thumb,.vp-progress:hover::-moz-range-thumb{transform:scale(1)}.vp-progress:focus-visible{outline:none}.vp-row{display:flex;align-items:center;gap:2px}.vp-more>button,.vp-row button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:10px;background:none;color:#fff;cursor:pointer;transition:background .15s}.vp-row button:focus-visible,.vp-row button:hover,.vp-row button[aria-expanded=true]{background:rgba(255,255,255,.18);outline:none}.vp-time{margin-left:8px;font-size:12.5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.02em;opacity:.9;white-space:nowrap}.vp-spacer{flex:1 1}.vp-more{position:relative}.vp-menu{position:absolute;right:0;bottom:calc(100% + 10px);display:flex;flex-direction:column;min-width:170px;padding:6px;border:1px solid rgba(255,255,255,.22);border-radius:14px;background:rgba(20,26,48,.55);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);box-shadow:0 12px 32px rgba(0,0,0,.3)}.vp-menu-label{padding:6px 10px 4px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;opacity:.65}.vp-menu a,.vp-menu button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;height:auto;padding:8px 10px;border-radius:9px;color:#fff;font:inherit;font-size:13px;text-align:left}.vp-menu a{justify-content:flex-start;margin-top:4px;border-top:1px solid rgba(255,255,255,.12);border-radius:0 0 9px 9px}.vp-menu a:hover,.vp-menu button:hover{background:rgba(255,255,255,.14)}@media(max-width:520px){.vp-bar{right:8px;bottom:8px;left:8px;padding:8px 8px 4px;border-radius:14px}.vp-more>button,.vp-row button{width:30px;height:30px}.vp-row>button:nth-child(2),.vp-row>button:nth-child(3){display:none}.vp-center{width:56px;height:56px}}@media(prefers-reduced-transparency:reduce){.vp-bar,.vp-center,.vp-menu{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(15,20,40,.85)}}@media(prefers-reduced-motion:reduce){.vp-bar,.vp-center,.vp:after{transition:none}}