/* WBL fx: flip-filter. Without JS every photo shows and the (useless) buttons stay hidden. */
.fx-ff-bar{display:none;flex-wrap:wrap;gap:8px;margin:0 0 16px}
html.fx-js .fx-ff-bar{display:flex}
.fx-ff-bar button{font:600 15px/1 var(--bf,system-ui);padding:12px 16px;min-height:44px;border-radius:99px;border:1px solid var(--line,#d9d1c3);background:var(--card,#fff);color:var(--ink,#1d2430);cursor:pointer}
.fx-ff-bar button[aria-pressed=true]{background:var(--ink,#1d2430);color:var(--bg,#fff);border-color:var(--ink,#1d2430)}
.fx-ff-grid{position:relative;list-style:none;margin:0;padding:0;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(min(150px,45%),1fr))}
.fx-ff-grid li{margin:0;border-radius:var(--r,6px);overflow:hidden;background:var(--bg2,#ece6db);position:relative}
.fx-ff-grid li[hidden]{display:none}
.fx-ff-grid img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block}
.fx-ff-grid span{position:absolute;left:8px;bottom:8px;right:8px;font:600 12.5px/1.25 var(--bf,system-ui);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.fx-ff-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}