.reel-surface{position:relative;min-width:0}
[data-inline-reel]{position:relative;display:block;overflow:hidden;aspect-ratio:9/16}
[data-inline-reel]>img,[data-inline-reel] .clip-preview{width:100%;height:100%;object-fit:cover;object-position:center;transform:none!important;transition:none!important}
[data-inline-reel] .clip-preview{position:absolute;inset:0;opacity:0;pointer-events:none}
/* Buffering must never replace the selected poster with the first decoded frame. */
[data-inline-reel].is-previewing .clip-preview{opacity:1}
[data-inline-reel]:is(.is-previewing,.is-selected){outline:4px solid #4aa7e9;outline-offset:1px;box-shadow:0 0 0 7px #4aa7e926,0 8px 24px #2589e824}
[data-inline-reel]:is(.is-previewing,.is-selected) :is(.reel-play,.v-reel-play,.play-badge){opacity:0}
.reel-audio,.reel-playback{position:absolute;right:10px;top:10px;bottom:auto;z-index:4;display:grid;place-items:center;width:40px;height:40px;min-height:40px;padding:9px;border:1px solid #ffffffb3;border-radius:50%;background:#122d43d9;color:#fff;cursor:pointer;box-shadow:0 2px 10px #0002}
.reel-playback{right:56px}
.reel-audio svg,.reel-playback svg{width:20px;height:20px;display:block}.reel-audio[hidden],.reel-playback[hidden]{display:none!important}
.reel-audio:focus-visible,.reel-playback:focus-visible{outline:3px solid #fff;outline-offset:3px}