.image-lightbox{position:fixed;inset:0;box-sizing:border-box;height:100dvh;overflow:hidden;z-index:100;display:flex;align-items:center;justify-content:center;padding:40px;background:#fff;user-select:none;-webkit-user-select:none}.image-lightbox:focus{outline:none}.image-lightbox.image-lightbox-exit-reveal{animation:image-lightbox-exit var(--lightbox-reveal-exit-duration) ease-in both;pointer-events:none}.image-lightbox.image-lightbox-exit-opaque{animation:none;pointer-events:none}.image-lightbox-exit-opaque .image-lightbox-content{opacity:0;animation:none}@keyframes image-lightbox-exit{0%{opacity:1}to{opacity:0}}.image-lightbox-content{position:relative;z-index:2;display:flex;max-width:100%;max-height:100%;flex-direction:column;align-items:center;cursor:default;pointer-events:none}.image-lightbox-screen-navigation{position:fixed;top:0;bottom:0;z-index:1;width:50vw;outline:none}.image-lightbox-screen-previous{left:0;cursor:w-resize}.image-lightbox-screen-next{right:0;cursor:e-resize}.image-lightbox-media{position:relative;isolation:isolate;display:flex;max-width:100%;max-height:calc(100dvh - 120px);pointer-events:auto;user-select:none;-webkit-user-select:none}.image-lightbox-video{position:relative;z-index:0}.image-lightbox-figure{max-width:100%;width:fit-content}.image-lightbox-image{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 120px);object-fit:contain;-webkit-user-drag:none}.image-lightbox-figure[style] .image-lightbox-image,.image-lightbox-figure[style] .image-lightbox-media{width:100%}.image-lightbox-video-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1;opacity:1;pointer-events:none;transition:opacity .9s ease;-webkit-transition:opacity .9s ease;transform:translateZ(0);will-change:opacity;-webkit-user-drag:none}.image-lightbox-video-poster-hidden{opacity:0}@media (hover:none) and (pointer:coarse){.image-lightbox{animation:image-lightbox-mobile-enter .3s ease-out both}}@keyframes image-lightbox-mobile-enter{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.image-lightbox{animation:none}}.image-lightbox-header{display:flex;align-items:baseline;justify-content:space-between;width:100%;padding-bottom:2px}.image-lightbox-counter{min-width:0}.image-lightbox-close{position:relative;z-index:101;margin:-8px -8px -6px 0;padding:8px;cursor:pointer;pointer-events:auto}.image-lightbox-comment{width:100%;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal}.image-lightbox-comment a{overflow-wrap:anywhere;word-break:break-word}.video-duration-badge{position:absolute;right:8px;bottom:8px;min-width:2.5rem;color:#fff;font-size:.75rem;line-height:1;text-align:right;text-shadow:0 1px 2px rgba(0,0,0,.7),0 0 4px rgba(0,0,0,.35);font-variant-numeric:tabular-nums;pointer-events:none;transition:opacity .18s ease-out}.video-duration-badge-loading{opacity:0}.video-duration-badge-ready{opacity:1}.image-lightbox-video-controls{display:flex;align-items:center;gap:8px;pointer-events:auto;user-select:none;-webkit-user-select:none}.image-lightbox-video-controls button{transition:opacity .15s ease}.image-lightbox-video-controls button:active{opacity:.5}@media (hover:hover) and (pointer:fine){.image-lightbox-video-controls button:hover{opacity:.5}}.image-lightbox-video-progress{display:block;width:100%;height:20px;margin-top:-2px;padding:0;appearance:none;border:0;border-radius:999px;background:transparent;cursor:pointer;pointer-events:auto;user-select:none;-webkit-user-select:none}.mix-audio-player{width:min(400px,100%)}.media-progress-times{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;margin-top:-6px;pointer-events:auto}.media-progress,.media-progress *{user-select:none;-webkit-user-select:none}.media-progress-times-with-center{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.media-progress-time-value{justify-self:end;min-width:5.75rem;text-align:right;font-variant-numeric:tabular-nums;transition:opacity .18s ease-out}.media-progress-times-with-center .media-progress-time-value{justify-self:center;text-align:center}.media-progress-time-value-visible{opacity:1}.media-progress-time-value-hidden{opacity:0;transition-duration:.12s}.media-progress-right{justify-self:end}.image-lightbox-video-progress:focus,.image-lightbox-video-progress:focus-visible{outline:none;box-shadow:none}.image-lightbox-video-progress::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(to right,#000 0 var(--video-progress),#d1d5db var(--video-progress) 100%)}.image-lightbox-video-progress::-webkit-slider-thumb{width:2px;height:8px;margin-top:-2px;appearance:none;border:0;border-radius:0;background:#000;opacity:0;transition:opacity .15s ease}.image-lightbox-video-progress:active::-webkit-slider-thumb,.image-lightbox-video-progress:focus-visible::-webkit-slider-thumb{opacity:1}@media (hover:hover) and (pointer:fine){.image-lightbox-video-progress:hover::-webkit-slider-thumb{opacity:1}}.image-lightbox-video-progress::-moz-range-track{height:4px;border-radius:999px;background:linear-gradient(to right,#000 0 var(--video-progress),#d1d5db var(--video-progress) 100%)}.image-lightbox-video-progress::-moz-range-thumb{width:2px;height:8px;border:0;border-radius:0;background:#000;opacity:0;transition:opacity .15s ease}.image-lightbox-video-progress:active::-moz-range-thumb,.image-lightbox-video-progress:focus-visible::-moz-range-thumb{opacity:1}@media (hover:hover) and (pointer:fine){.image-lightbox-video-progress:hover::-moz-range-thumb{opacity:1}}@media (max-width:640px){.image-lightbox{padding:36px 8px 16px}.image-lightbox-image{max-height:calc(100dvh - 140px)}}