.z-vid{--vid-line:hsla(0,0%,100%,.09)}.z-vid__figure{margin:0}.z-vid__frame{aspect-ratio:16/9;background:#05070c;border:1px solid var(--z-border,var(--vid-line));border-radius:var(--z-radius-lg,16px);box-shadow:var(--z-shadow-lg,0 24px 60px rgba(0,0,0,.35));overflow:hidden;position:relative}.z-vid__iframe,.z-vid__video{border:0;display:block;height:100%;inset:0;position:absolute;width:100%}.z-vid__video{background:#05070c;object-fit:cover}.z-vid__play{background:rgba(3,5,10,.28);border:0;cursor:pointer;display:grid;inset:0;padding:0;place-items:center;position:absolute;transition:background .2s ease,opacity .25s ease}.z-vid__play:hover{background:rgba(3,5,10,.18)}.z-vid__play:focus-visible{outline:2px solid #fff;outline-offset:-4px}.z-vid.is-playing .z-vid__play{opacity:0;pointer-events:none}.z-vid__playcircle{background:hsla(0,0%,100%,.92);border-radius:50%;box-shadow:0 8px 30px rgba(0,0,0,.35);color:#0d0f16;display:grid;height:68px;place-items:center;transition:transform .15s ease;width:68px}.z-vid__play:hover .z-vid__playcircle{transform:scale(1.06)}.z-vid__playcircle svg{height:30px;margin-left:3px;width:30px}.z-vid__placeholder{align-items:center;background:hsla(0,0%,100%,.025);border:1.5px dashed hsla(0,0%,100%,.18);border-radius:inherit;color:var(--z-text-muted,#8b93a7);display:flex;flex-direction:column;gap:12px;inset:0;justify-content:center;padding:24px;position:absolute;text-align:center}.z-vid__placeholder .z-vid__playcircle{background:hsla(0,0%,100%,.08);box-shadow:none;color:var(--z-text-muted,#8b93a7);height:54px;width:54px}.z-vid__placeholder .z-vid__playcircle svg{height:22px;width:22px}.z-vid__placeholder p{font-size:.85rem;margin:0;max-width:26ch}.z-vid__caption{color:var(--z-text-muted,#8b93a7);font-size:.82rem;margin:10px 2px 0}.z-vid__transcript{border:1px solid var(--z-border,var(--vid-line));border-radius:var(--z-radius-md,12px);margin-top:14px;overflow:hidden}.z-vid__transcript>summary{align-items:center;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;list-style:none;padding:12px 16px}.z-vid__transcript>summary::-webkit-details-marker{display:none}.z-vid__transcript>summary:before{color:var(--z-text-muted,#8b93a7);content:"›";display:inline-block;font-size:1.1em;transition:transform .2s ease}.z-vid__transcript[open]>summary:before{transform:rotate(90deg)}.z-vid__transcript-body{color:var(--z-text-muted,#8b93a7);font-size:.9rem;max-height:340px;overflow-y:auto;padding:0 16px 16px}