.vp-canvas{opacity:0;cursor:grab;transition:opacity 1.2s var(--ease-out-expo)}.vp-canvas:active{cursor:grabbing}.vp-poster{opacity:1;transition:opacity 1.2s var(--ease-out-expo) .2s}.vp.is-ready .vp-canvas{opacity:1}.vp.is-ready .vp-poster{opacity:0}.vp-btn{border:1px solid rgb(var(--line)/.14);width:36px;height:36px;color:rgb(var(--fg));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fbfaf7d9;border-radius:10px;justify-content:center;align-items:center;transition:background-color .2s,border-color .2s;display:flex}.vp-btn:hover{border-color:rgb(var(--line)/.4)}.vp-btn.is-on{background:var(--color-ink);color:#fff;border-color:var(--color-ink)}.vp .chip{background:#fbfaf7d9}.vp .chip.is-on{background:var(--color-ink)}