html.feed-media-viewer-open,
html.feed-media-viewer-open body{overflow:hidden}

.feed-media-viewer{
  position:fixed;
  z-index:1200;
  inset:0;
  display:grid;
  place-items:center;
  padding:18px;
  background:rgba(5,8,7,.94);
  opacity:0;
  transition:opacity .18s ease;
}
.feed-media-viewer[hidden]{display:none}
.feed-media-viewer.is-open{opacity:1}
.feed-media-viewer-dialog{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  width:min(1460px,100%);
  height:min(94dvh,960px);
  min-height:520px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  border-radius:8px;
  background:#080b0a;
  box-shadow:0 28px 90px rgba(0,0,0,.5);
}
.feed-media-viewer-stage{position:relative;min-width:0;min-height:0;overflow:hidden;background:#080b0a}
.feed-media-viewer-canvas{position:absolute;inset:0;display:grid;place-items:center;padding:68px 72px 148px}
.feed-media-viewer-image-wrap{display:block;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;cursor:zoom-in;touch-action:pan-y}
.feed-media-viewer-image-wrap.is-zoomed{cursor:grab;touch-action:none}
.feed-media-viewer-image-wrap.is-dragging{cursor:grabbing}
.feed-media-viewer-image-wrap img{
  display:block;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:100%!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#fff;
  user-select:none;
  -webkit-user-drag:none;
  opacity:1;
  transform:translate3d(0,0,0) scale(1) rotate(0deg);
  transform-origin:center;
  transition:opacity .14s ease,transform .18s ease;
}
.feed-media-viewer-image-wrap.is-loading img{opacity:.22}
.feed-media-viewer-image-wrap.is-dragging img{transition:opacity .14s ease}
.feed-media-viewer-status{
  position:absolute;
  display:grid;
  place-items:center;
  min-width:44px;
  min-height:44px;
  border-radius:50%;
  background:rgba(255,255,255,.12);
  color:#fff;
  font-size:18px;
}
.feed-media-viewer-status[hidden]{display:none}
.feed-media-viewer-status.is-error{width:auto;padding:0 14px;border-radius:6px;color:#f3f4f3;font-size:13px}
.feed-media-viewer-counter{
  position:absolute;
  z-index:3;
  top:20px;
  left:22px;
  min-width:52px;
  color:rgba(255,255,255,.76);
  font-size:13px;
  font-variant-numeric:tabular-nums;
  text-align:center;
}
.feed-media-viewer-dots{display:none}
.feed-media-viewer-switch{
  position:absolute;
  z-index:3;
  top:50%;
  display:grid;
  width:48px;
  height:64px;
  place-items:center;
  border:0;
  border-radius:6px;
  background:rgba(255,255,255,.08);
  color:rgba(255,255,255,.8);
  font:inherit;
  font-size:20px;
  cursor:pointer;
  transform:translateY(-50%);
  transition:background .18s ease,color .18s ease;
}
.feed-media-viewer-switch:hover,.feed-media-viewer-switch:focus-visible{background:rgba(255,255,255,.18);color:#fff}
.feed-media-viewer-switch.is-prev{left:14px}
.feed-media-viewer-switch.is-next{right:14px}
.feed-media-viewer-switch[hidden]{display:none}
.feed-media-viewer-toolbar{
  position:absolute;
  z-index:3;
  bottom:96px;
  left:50%;
  display:flex;
  align-items:center;
  gap:4px;
  min-height:46px;
  padding:3px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:7px;
  background:rgba(18,23,21,.82);
  transform:translateX(-50%);
}
.feed-media-viewer-toolbar button{
  display:grid;
  width:42px;
  height:40px;
  place-items:center;
  border:0;
  border-radius:5px;
  background:transparent;
  color:rgba(255,255,255,.82);
  font:inherit;
  font-size:15px;
  cursor:pointer;
}
.feed-media-viewer-toolbar button:hover,.feed-media-viewer-toolbar button:focus-visible{background:rgba(255,255,255,.12);color:#fff}
.feed-media-viewer-toolbar .feed-media-viewer-zoom-value{width:58px;font-size:12px;font-variant-numeric:tabular-nums}
.feed-media-viewer-thumbs{
  position:absolute;
  z-index:3;
  right:20px;
  bottom:16px;
  left:20px;
  display:flex;
  justify-content:center;
  gap:8px;
  overflow-x:auto;
  padding:4px;
  scrollbar-width:thin;
}
.feed-media-viewer-thumb{
  position:relative;
  flex:0 0 58px;
  width:58px;
  height:58px;
  overflow:hidden;
  padding:0;
  border:2px solid transparent;
  border-radius:5px;
  background:#1d2421;
  opacity:.58;
  cursor:pointer;
}
.feed-media-viewer-thumb:hover{opacity:.85}
.feed-media-viewer-thumb[aria-current="true"]{border-color:#45a88f;opacity:1}
.feed-media-viewer-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.feed-media-viewer-info{display:flex;min-width:0;flex-direction:column;background:#fff;color:#202925}
.feed-media-viewer-author{display:flex;align-items:center;gap:12px;min-height:92px;padding:20px 22px;border-bottom:1px solid #e9eeeb}
.feed-media-viewer-author>img{width:48px;height:48px;flex:0 0 48px;border-radius:50%;background:#edf1ef;object-fit:cover}
.feed-media-viewer-author>div{min-width:0}
.feed-media-viewer-author strong{display:block;overflow:hidden;color:#1f6f5b;font-size:16px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}
.feed-media-viewer-author span{display:block;overflow:hidden;margin-top:3px;color:#89938e;font-size:12px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}
.feed-media-viewer-content{overflow:auto;padding:24px 22px;color:#2a3530;font-size:15px;line-height:1.8;white-space:pre-line;word-break:break-word}
.feed-media-viewer-content[hidden]{display:none}
.feed-media-viewer-info-foot{display:flex;justify-content:flex-end;margin-top:auto;padding:15px 20px;border-top:1px solid #e9eeeb}
.feed-media-viewer-info-foot a{display:inline-flex;min-height:40px;align-items:center;gap:7px;padding:0 12px;border-radius:6px;color:#52615b;font-size:13px;font-weight:700;text-decoration:none}
.feed-media-viewer-info-foot a:hover,.feed-media-viewer-info-foot a:focus-visible{background:#f0f5f2;color:#1f6f5b}
.feed-media-viewer-close{
  position:absolute;
  z-index:5;
  top:12px;
  right:12px;
  display:grid;
  width:44px;
  height:44px;
  place-items:center;
  border:0;
  border-radius:50%;
  background:#edf1ef;
  color:#56625d;
  font:inherit;
  font-size:18px;
  cursor:pointer;
}
.feed-media-viewer-close:hover,.feed-media-viewer-close:focus-visible{background:#dfe8e3;color:#1f6f5b}
.feed-media-viewer button:focus-visible,.feed-media-viewer a:focus-visible{outline:3px solid rgba(69,168,143,.72);outline-offset:2px}

@media(max-width:820px){
  .feed-media-viewer{padding:0;background:#000}
  .feed-media-viewer-dialog{display:block;width:100%;height:100dvh;min-height:100svh;overflow:hidden;border:0;border-radius:0;background:#000;box-shadow:none}
  .feed-media-viewer-stage{width:100%;height:100%;background:#000}
  .feed-media-viewer-canvas{padding:max(20px,env(safe-area-inset-top)) 18px max(24px,calc(env(safe-area-inset-bottom) + 16px))}
  .feed-media-viewer-image-wrap{cursor:default;touch-action:none}
  .feed-media-viewer-image-wrap.is-zoomed{cursor:grab}
  .feed-media-viewer-info,.feed-media-viewer-toolbar,.feed-media-viewer-switch,.feed-media-viewer-thumbs,.feed-media-viewer-close,.feed-media-viewer-counter{display:none!important}
  .feed-media-viewer-dots{position:absolute;z-index:4;bottom:max(24px,calc(env(safe-area-inset-bottom) + 14px));left:50%;display:flex;align-items:center;justify-content:center;gap:7px;min-height:10px;transform:translateX(-50%);pointer-events:none}
  .feed-media-viewer-dots[hidden]{display:none}
  .feed-media-viewer-dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.42);box-shadow:0 1px 2px rgba(0,0,0,.36);transition:background .16s ease,transform .16s ease}
  .feed-media-viewer-dot.is-active{background:#fff;transform:scale(1.22)}
}

@media(prefers-reduced-motion:reduce){
  .feed-media-viewer,.feed-media-viewer-image-wrap img,.feed-media-viewer-switch,.feed-media-viewer-dot{transition:none}
}