.ofb{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(8px + env(safe-area-inset-bottom));z-index:60;width:min(448px,calc(100% - 16px));border-radius:16px;overflow:hidden;background:#222;box-shadow:0 10px 28px rgba(0,0,0,.45);animation:ofb-in .28s cubic-bezier(.2,.9,.3,1.1) both}@keyframes ofb-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.ofb-frame{display:block;aspect-ratio:5/2;text-decoration:none}.ofb-media{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.ofb-x{position:absolute;top:6px;right:6px;width:26px;height:26px;display:grid;place-items:center;border:none;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;font-size:16px;line-height:1;cursor:pointer;opacity:.75}.ofb-x:hover{opacity:1}@media (prefers-reduced-motion:reduce){.ofb{animation:none}}