/* UI-VIDEO-01 shared hover preview */
.hover-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.hover-video-badge{position:absolute;left:8px;bottom:8px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#18223bb3;color:#fff;pointer-events:none}
.hover-video-badge[hidden]{display:none}
.hover-video-sound{position:absolute;z-index:2;top:8px;left:8px;display:flex;align-items:center;gap:5px;height:30px;min-width:30px;padding:0 8px;border:0;border-radius:15px;background:#18223bcc;color:#fff;font:600 11px/1 var(--ui-font,inherit);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .12s}
.hover-video-sound.visible,.hover-video-sound:focus-visible{opacity:1;pointer-events:auto}
.hover-video-sound:hover{background:#18223b}
.hover-video-sound:focus-visible{outline:2px solid #fff;outline-offset:1px}
.hover-video-hint{white-space:nowrap}