.clip{justify-items:center;gap:8px;margin:0 0 18px;display:grid}.clip__frame{aspect-ratio:9/16;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg);max-width:100%;height:min(60vh,640px);position:relative;overflow:hidden}.clip__video{object-fit:cover;background:var(--bg);width:100%;height:100%;display:block}.clip__sound,.clip__play{font-family:var(--font-hud);border:1px solid var(--line-2);min-width:44px;min-height:44px;color:var(--teal);cursor:pointer;background:#05070fc7;border-radius:999px;padding:10px 14px;font-size:14px;font-weight:700;position:absolute}.clip__sound{top:10px;right:10px}.clip__play{background:var(--teal);color:#03201b;padding:12px 22px;top:50%;left:50%;transform:translate(-50%,-50%)}.clip__sound[hidden],.clip__play[hidden]{display:none}.clip__sound:focus-visible,.clip__play:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.clip__note{color:var(--dim);text-align:center;max-width:44ch;font-size:14px;line-height:1.5}