.media-viewer{
  --mv-ink:#f7f3eb;
  --mv-muted:rgba(247,243,235,.68);
  --mv-panel:rgba(27,24,22,.74);
  position:fixed;
  z-index:2147483000;
  inset:0;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  min-width:0;
  padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));
  overflow:hidden;
  color:var(--mv-ink);
  background:rgba(25,22,20,.88);
  -webkit-backdrop-filter:blur(18px) saturate(.8);
  backdrop-filter:blur(18px) saturate(.8);
  opacity:0;
  visibility:hidden;
  transition:opacity .24s ease,visibility 0s linear .24s;
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;
}
.media-viewer[aria-hidden="false"]{opacity:1;visibility:visible;transition-delay:0s}
.media-viewer__top{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;min-height:44px;pointer-events:none}
.media-viewer__count{padding:7px 11px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(18,16,15,.28);color:var(--mv-muted);font-size:11px;line-height:1;letter-spacing:.1em;font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.media-viewer__close,.media-viewer__arrow{display:grid;place-items:center;cursor:pointer;border:1px solid rgba(255,255,255,.2);background:var(--mv-panel);color:var(--mv-ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background .18s ease,border-color .18s ease,transform .18s ease,opacity .18s ease}
.media-viewer__close{width:42px;height:42px;border-radius:50%;pointer-events:auto}
.media-viewer__close svg,.media-viewer__arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.media-viewer__stage{position:relative;min-width:0;min-height:0;display:grid;place-items:center;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.media-viewer__scroller{display:grid;place-items:center;width:100%;height:100%;min-height:0;overflow:hidden;touch-action:pan-y}
.media-viewer__image{display:block;max-width:min(1180px,100%);max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 26px 80px rgba(0,0,0,.32);transform:translate3d(0,8px,0) scale(.985);opacity:0;transition:opacity .22s ease,transform .3s cubic-bezier(.22,.72,.22,1);-webkit-user-drag:none}
.media-viewer.is-tall .media-viewer__scroller{display:block;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;text-align:center}
.media-viewer.is-tall .media-viewer__image{max-height:none;margin:0 auto}
.media-viewer[aria-hidden="false"] .media-viewer__image.is-ready{opacity:1;transform:none}
.media-viewer__arrow{position:absolute;z-index:2;top:50%;width:46px;height:54px;margin-top:-27px;border-radius:999px}
.media-viewer__arrow--prev{left:2px}.media-viewer__arrow--next{right:2px}
.media-viewer__arrow[hidden]{display:none}
.media-viewer__bottom{position:relative;z-index:3;display:grid;justify-items:center;min-height:55px;padding-top:11px}
.media-viewer__caption{display:none}
.media-viewer__rail{display:flex;align-items:center;justify-content:flex-start;gap:7px;max-width:min(640px,calc(100vw - 40px));padding:5px;overflow-x:auto;scrollbar-width:none;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(18,16,15,.26);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.media-viewer__rail::-webkit-scrollbar{display:none}
.media-viewer__thumb{flex:0 0 auto;width:43px;height:43px;cursor:pointer;overflow:hidden;border:1px solid transparent;border-radius:9px;padding:0;background:rgba(255,255,255,.06);opacity:.5;transition:opacity .18s ease,border-color .18s ease,transform .18s ease}
.media-viewer__thumb img{display:block;width:100%;height:100%;object-fit:cover}
.media-viewer__thumb[aria-current="true"]{border-color:rgba(239,160,148,.9);opacity:1}
.media-viewer__rail[hidden]{display:none}
html.media-viewer-open{overflow:hidden!important;overscroll-behavior:none}
body.media-viewer-open{overflow:hidden!important;overscroll-behavior:none;animation:none!important;transform:none!important}
@media(hover:hover){.media-viewer__close:hover,.media-viewer__arrow:hover{border-color:rgba(255,255,255,.42);background:rgba(46,40,37,.9);transform:scale(1.03)}.media-viewer__thumb:hover{opacity:.9}}
@media(max-width:700px){
  .media-viewer{padding:max(13px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:rgba(30,27,25,.91)}
  .media-viewer__top{min-height:41px}.media-viewer__close{width:39px;height:39px}
  .media-viewer__stage{margin:5px 0 1px}
  .media-viewer__image{max-width:100%;max-height:100%;box-shadow:0 16px 46px rgba(0,0,0,.28)}
  .media-viewer__arrow{top:auto;bottom:6px;width:39px;height:39px;margin:0;border-color:rgba(255,255,255,.14);opacity:.86}
  .media-viewer__arrow--prev{left:4px}.media-viewer__arrow--next{right:4px}
  .media-viewer__bottom{min-height:57px;padding-top:8px}
  .media-viewer__rail{max-width:calc(100vw - 112px);gap:5px;padding:4px;border-radius:12px}
  .media-viewer__thumb{width:38px;height:38px;border-radius:8px}
}
@media(prefers-reduced-motion:reduce){.media-viewer,.media-viewer__image,.media-viewer__close,.media-viewer__arrow,.media-viewer__thumb{transition:none!important}}