.hp{margin:0 0 20px}.hp-fig{margin:0 0 10px;border-radius:10px;overflow:hidden;aspect-ratio:16/9;max-height:360px;width:100%;background:rgba(127,127,127,.12)}.hp-fig img{display:block;width:100%;height:100%;object-fit:cover}.hp-compact .hp-fig{max-height:260px}.hp-empty{margin:0 0 10px}.hp-acts{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.hp-pick{position:relative;cursor:pointer}.hp-pick:focus-within{outline:2px solid currentColor;outline-offset:3px}.hp-busy{opacity:.6;cursor:default}.hp-file{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.hp-msg{margin:8px 0 0}