/* Upper Room feed look. Part 2, piece 5b-2b. */
.post .body,.post .body .txt{font-weight:700}
.post .body .more{font-weight:500}
.meta .pdove{margin-left:auto;display:inline-flex;align-items:center;color:#71767b;opacity:.6;padding:0 2px;flex:none}
.meta .pdove svg{width:19px;height:19px}
.meta .pdove+.pmore{margin-left:4px}
.post .mx{--mh:min(510px,52vh);margin-top:10px;border-radius:16px;overflow:hidden;border:1px solid #2f3336;background:#16181c;position:relative}
.post .mx.one{width:min(100%,calc(var(--mh) * var(--r)));aspect-ratio:var(--r)}
.post .mx.n2,.post .mx.n3,.post .mx.n4{display:grid;gap:2px;aspect-ratio:16/9;grid-template-columns:1fr 1fr;grid-template-rows:1fr}
.post .mx.n3,.post .mx.n4{grid-template-rows:1fr 1fr}
.post .mx.n3 .mt:first-child{grid-row:span 2}
.post .mt{display:block;position:relative;width:100%;height:100%;min-height:0;padding:0;margin:0;border:0;background:none;cursor:pointer;overflow:hidden;-webkit-tap-highlight-color:transparent}
.post .mt img,.post .mt video{width:100%;height:100%;object-fit:cover;display:block}
.post .mt.img:active img{filter:brightness(.88)}
.post .mdur{position:absolute;left:8px;bottom:8px;font-size:12px;font-weight:700;color:#fff;background:rgba(0,0,0,.6);border-radius:6px;padding:2px 6px;font-variant-numeric:tabular-nums;pointer-events:none}
.post .mdur:empty{display:none}
.post .mmute{position:absolute;right:8px;bottom:8px;width:32px;height:32px;border-radius:50%;border:0;background:rgba(0,0,0,.6);color:#fff;display:grid;place-items:center;cursor:pointer;padding:0}
.post .mmute svg{width:17px;height:17px;grid-area:1/1}
.post .mmute svg+svg,.post .mmute.on svg:first-child{display:none}
.post .mmute.on svg+svg{display:block}
.post .mt.vid::after{content:"";position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;
  background:rgba(0,0,0,.55) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l11-7z' fill='white'/%3E%3C/svg%3E") center/26px no-repeat;
  transition:opacity .2s;pointer-events:none}
.post .mt.vid.on::after{opacity:0}
.lb{position:fixed;inset:0;z-index:90;background:#000;opacity:0;transition:opacity .22s,background-color .2s;touch-action:none;overflow:hidden}
.lb.on{opacity:1}
.lb-tr{display:flex;height:100%;will-change:transform}
.lb-s{flex:0 0 100%;height:100%;display:grid;place-items:center}
.lb-s img{max-width:100%;max-height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
.lb-x{position:absolute;top:max(12px,env(safe-area-inset-top));left:12px;width:38px;height:38px;border-radius:50%;border:0;background:rgba(40,40,40,.75);color:#fff;display:grid;place-items:center;cursor:pointer;transition:opacity .2s}
.lb-x svg{width:18px;height:18px}
.lb-n{position:absolute;top:max(20px,calc(env(safe-area-inset-top) + 8px));left:0;right:0;text-align:center;color:#fff;font-size:14px;font-weight:600;pointer-events:none;transition:opacity .2s}
.lb.bare .lb-x,.lb.bare .lb-n{opacity:0}
.cz-md.n1 .cz-it{background:none;justify-self:start;border-radius:16px;overflow:hidden}
.cz-md.n1 .cz-it img,.cz-md.n1 .cz-it video{width:auto;max-width:100%;max-height:48vh;object-fit:contain}
@media (prefers-reduced-motion:reduce){.lb{transition:none}}
/* 7-16f Show less: styled like Show more */
.less{color:var(--dim);font-weight:700}
.less:hover{text-decoration:underline}
.post .body .less{font-weight:500}
.post .body .less{display:block;margin-top:6px}