.media-lightbox{-webkit-backdrop-filter:blur(20px);color:#fff;overscroll-behavior:contain;background-color:#0c0d10f0;background-image:radial-gradient(circle,#20242e73 0%,#0a0b0ef5 100%);border:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.media-lightbox::backdrop{-webkit-backdrop-filter:blur(20px);background-color:#0c0d10f0}.media-lightbox .lb-shell{-webkit-user-select:none;user-select:none;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.media-lightbox .lb-header{z-index:10;background:linear-gradient(#000000a6 0%,#0000 100%);flex-shrink:0;justify-content:space-between;align-items:center;height:3.5rem;padding:0 1.25rem;display:flex}.media-lightbox .lb-header-title-slot{flex:1 1 0;order:1;align-items:center;min-width:0;display:flex}.media-lightbox .lb-header-count-slot{flex-shrink:0;order:2;justify-content:center;align-items:center;display:flex}.media-lightbox .lb-header-close-slot{flex:1 1 0;order:3;justify-content:flex-end;align-items:center;min-width:0;display:flex}.media-lightbox .lb-title{font-family:var(--font-sans);font-size:var(--text-caption);color:#ffffffe0;letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;font-weight:500;display:none;overflow:hidden}.media-lightbox .lb-count{font-family:var(--font-sans);font-variant-numeric:tabular-nums;color:#fffffff2;letter-spacing:.05em;-webkit-backdrop-filter:blur(8px);background:#ffffff1a;border-radius:9999px;padding:.25rem .75rem;font-size:.9375rem;font-weight:600}.media-lightbox .lb-icon-btn{color:#ffffffd9;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;padding:0;transition:background-color .15s,color .15s,transform .15s;display:flex}.media-lightbox .lb-icon-btn:hover{color:#fff;background:#ffffff29}.media-lightbox .lb-icon-btn:active{transform:scale(.92)}.media-lightbox .lb-icon-btn:focus-visible{outline-offset:-2px;outline:2px solid #fff}.media-lightbox .lb-stage:focus{outline:none}@media (width>=40rem){.media-lightbox .lb-title{max-width:36vw;display:block}}.media-lightbox .lb-stage{cursor:zoom-out;flex:1 1 0;justify-content:center;align-items:center;min-height:0;padding:.75rem 1rem;display:flex;position:relative;overflow:hidden}.media-lightbox .lb-stage img,.media-lightbox .lb-stage video{object-fit:contain;cursor:default;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:6px;width:auto;max-width:min(92vw,1200px);height:auto;max-height:100%;box-shadow:0 20px 50px #000000b3,0 0 0 1px #ffffff14}@keyframes lbMediaFade{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}.media-lightbox .lb-media-entering{animation:.22s cubic-bezier(.16,1,.3,1) forwards lbMediaFade}@media (prefers-reduced-motion:reduce){.media-lightbox .lb-media-entering{animation:none}}.media-lightbox .lb-nav-btn{-webkit-backdrop-filter:blur(12px);color:#fff;cursor:pointer;z-index:20;background:#ffffff1f;border:1px solid #ffffff29;border-radius:50%;justify-content:center;align-items:center;width:3.25rem;height:3.25rem;transition:transform .18s cubic-bezier(.16,1,.3,1),background-color .18s,box-shadow .18s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 18px #0006}.media-lightbox .lb-nav-prev{left:1.5rem}.media-lightbox .lb-nav-next{right:1.5rem}.media-lightbox .lb-nav-btn:hover{background:#ffffff40;transform:translateY(-50%)scale(1.08);box-shadow:0 6px 24px #0000008c}.media-lightbox .lb-nav-btn:active{transform:translateY(-50%)scale(.95)}.media-lightbox .lb-nav-btn:focus-visible{outline-offset:3px;outline:2px solid #fff}@media (width<=39.99rem){.media-lightbox .lb-nav-btn{background:#0f111799;border:1px solid #fff3;width:2.5rem;height:2.5rem;box-shadow:0 2px 10px #00000080}.media-lightbox .lb-nav-prev{left:.5rem}.media-lightbox .lb-nav-next{right:.5rem}}.media-lightbox .lb-footer{z-index:10;background:linear-gradient(#0000 0%,#000000b3 100%);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:.6rem;padding:.75rem 1.5rem 1.25rem;display:flex}.media-lightbox .lb-caption-wrap{text-align:left;pointer-events:auto;-webkit-user-select:text;user-select:text;width:100%;max-width:50rem}.media-lightbox .lb-caption{font-family:var(--font-sans);font-size:var(--text-caption);color:#ffffffe6;text-shadow:0 1px 4px #000c;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;line-height:1.55;display:-webkit-box;overflow:hidden}.media-lightbox .lb-caption[hidden]{display:none}.media-lightbox .lb-meta{font-family:var(--font-sans);color:#fff9;letter-spacing:.04em;margin-top:.25rem;margin-bottom:0;font-size:.8125rem}.media-lightbox .lb-meta:empty{display:none}.media-lightbox .lb-thumbs{scrollbar-width:thin;justify-content:center;align-items:center;gap:.5rem;max-width:100%;padding:.25rem .5rem;display:flex;overflow-x:auto}.media-lightbox .lb-thumb-btn{cursor:pointer;opacity:.5;background:#ffffff1a;border:1.5px solid #0000;border-radius:4px;flex-shrink:0;width:3.25rem;height:2.375rem;padding:0;transition:opacity .15s,border-color .15s,transform .15s;overflow:hidden}.media-lightbox .lb-thumb-btn:hover{opacity:.85;transform:scale(1.05)}.media-lightbox .lb-thumb-btn.lb-thumb-active{opacity:1;border-color:#fff;transform:scale(1.06);box-shadow:0 0 0 1px #0009}.media-lightbox .lb-thumb-btn:focus-visible{outline-offset:2px;outline:2px solid #fff}.media-lightbox .lb-thumb-img{object-fit:cover;width:100%;height:100%;display:block}.media-lightbox .lb-thumb-video{color:#fff;background:#1e1e24cc;justify-content:center;align-items:center;width:100%;height:100%;display:flex}@media (width<=39.99rem){.media-lightbox .lb-header{padding:0 .75rem}.media-lightbox .lb-icon-btn{width:2.75rem;height:2.75rem}.media-lightbox .lb-header-close-slot{flex:none;order:1;justify-content:flex-start}.media-lightbox .lb-header-title-slot{flex:1 1 0;order:2;min-width:0;margin-left:.75rem}.media-lightbox .lb-header-title-slot .lb-title{max-width:100%;font-size:.875rem;display:block}.media-lightbox .lb-header-count-slot{flex:none;order:3;margin-left:.5rem}.media-lightbox .lb-thumbs{display:none}.media-lightbox .lb-stage{padding:.25rem .5rem}.media-lightbox .lb-stage img,.media-lightbox .lb-stage video{border-radius:4px;max-width:95vw}.media-lightbox .lb-footer{box-sizing:border-box;gap:0;width:100%;max-width:100%;padding:.5rem 1rem 1rem;overflow:hidden}.media-lightbox .lb-caption{font-size:.8125rem}}
