:root:has(:modal){scrollbar-gutter:stable}body:has(> :modal){overflow:hidden}dialog{overscroll-behavior:contain}dialog:not([open]){display:none!important}dialog:modal{max-width:none;max-height:none;padding:0;border:0;color:#fff;background-color:transparent}dialog::backdrop{overflow:hidden;overscroll-behavior:contain;background-color:rgb(0 0 0 / .8);backdrop-filter:blur(.25rem)}.lb{display:grid;grid-template:1fr auto 3fr/1fr auto 1fr;width:100%;height:100%;padding:1rem}.lb-inner{display:grid;grid-area:2/2;grid-template:auto auto/var(--lbgridcols);transition:grid-template .3s ease-in;pointer-events:none;--lbgridcols:var(--navbtnw) var(--calccol) var(--closebtnw) var(--navbtnw);--calccol:calc(var(--w, 13ch) - var(--closebtnw));--navbtnw:var(--hasnav, 2.75rem);--closebtnw:2rem}.lb-close{z-index:1;grid-area:2/3;align-self:start;padding:.5rem;color:var(--lb,#9e9);pointer-events:auto}.lb-close:focus{outline-offset:-.25rem}.lb-nav{display:grid;grid-area:1/1/2/-1;grid-template:auto/var(--lbgridcols);color:var(--lb,#9e9);transition:grid-template .3s ease-in;pointer-events:auto}.lb-nav button{width:var(--navbtnw);overflow:hidden}.lb-nav button[aria-disabled="true"]{opacity:.25;filter:grayscale(1)}.lb-nav button:focus{outline:0}.lb-nav button:focus span:first-child{outline:.125rem solid;outline-offset:.5rem}.lb-nav-next{grid-column:4}.lb-img-wrapper{display:grid;isolation:isolate;grid-area:1/2/2/4;place-items:center;justify-self:center;width:var(--w,120px);height:var(--h,120px);overflow:hidden;padding:.5rem;outline:1px solid transparent;border-radius:.25rem;background-color:#fff;transition-property:width,height;transition-duration:.3s;transition-timing-function:ease-in}.lb-img-wrapper img{display:block;width:100%;height:100%;object-fit:cover}.lb[aria-busy="true"] .lb-img-wrapper img{opacity:0}.lb-loader{z-index:1;grid-area:1/2/2/4;place-self:center}.lb-loader svg{fill:var(--lbloader,#0c8)}.lb-footer{grid-area:2/2/3/4;padding:.5rem;border-radius:.25rem;background-color:#000;pointer-events:auto}.lb-footer:has(> .lb-caption:empty):has(> .lb-photocnt:empty){display:none}.lb-footer::before{display:block;float:right;width:1.5rem;height:1.5rem;content:''}:is(.lb-caption, .lb-photocnt):empty{display:none}.lb-caption{font-size:.875rem}.lb[aria-busy="true"] .lb-caption{opacity:0}.lb-photocnt{font-size:.75rem}@media (prefers-reduced-motion:no-preference){.lb-loader .motion-no{display:none}.lb-loader .motion-yes{display:block!important}}