.lightbox{--lb-top:var(--overlay-py,5rem);--lb-bottom:var(--overlay-py,5rem);--lb-side:calc(var(--overlay-px,3rem) * 2 + var(--button-round-size,10rem));-webkit-backdrop-filter:blur(2rem);backdrop-filter:blur(2rem);background-color:var(--color-overlay-outer-bg,#282829b3);color:var(--color-white,#fff);overscroll-behavior:none;z-index:120;position:fixed;inset:0}@media (max-width:1179.98px){.lightbox{-webkit-backdrop-filter:blur(.6rem);backdrop-filter:blur(.6rem)}}@media (max-width:767.98px),(max-width:1179.98px) and (orientation:portrait){.lightbox{--lb-top:calc(var(--pwx,6rem) * 2 + var(--button-round-size,10rem));--lb-bottom:calc(var(--pwx,6rem) * 2 + var(--button-round-size,10rem));--lb-side:var(--pwx,6rem)}}.lightbox:focus{outline:none}.lightbox-stage{opacity:0;touch-action:pan-y;-webkit-user-select:none;user-select:none;visibility:hidden;position:absolute;inset:0;overflow:hidden}.lightbox.is-zoom .lightbox-stage{touch-action:none}.lightbox-slide{inset:var(--lb-top) var(--lb-side) var(--lb-bottom);opacity:0;pointer-events:none;transition:opacity var(--duration-long,.35s);justify-content:center;align-items:center;margin:0;display:flex;position:absolute;container-type:size}.lightbox-slide.is-active{opacity:1;pointer-events:auto}.lightbox-media{aspect-ratio:var(--ar,1);transform-origin:50%;width:min(100cqw, 100cqh * var(--ar,1));flex-shrink:0;position:relative}.lightbox-media img{border-radius:var(--radius,2rem);object-fit:cover;-webkit-user-drag:none;width:100%;height:100%;display:block}.lightbox.is-zoom .lightbox-media{cursor:zoom-in}.lightbox.is-zoom.is-zoomed .lightbox-media{cursor:grab;will-change:transform}.lightbox.is-dragging .lightbox-media{cursor:grabbing}.lightbox-top{font-size:var(--size-small,1.6rem);left:var(--overlay-px,3rem);letter-spacing:normal;line-height:var(--line-height,1.3);min-height:var(--button-round-size,10rem);pointer-events:none;right:calc(var(--overlay-px,3rem) * 2 + var(--button-round-size,10rem));top:var(--overlay-py,5rem);z-index:1;align-items:center;display:flex;position:fixed}.lightbox-top .lightbox-count{display:flex}.lightbox-top .lightbox-count>*{display:block}.lightbox-top .lightbox-count .separator{padding:0 .25em}.lightbox-top .lightbox-hint{text-wrap:pretty}@media (max-width:767.98px),(max-width:1179.98px) and (orientation:portrait){.lightbox-top{left:var(--pwx,6rem);right:calc(var(--pwx,6rem) * 2 + var(--button-round-size,10rem));top:var(--pwx,6rem)}}@media (min-width:1180px),(min-width:768px) and (orientation:landscape){.lightbox-top:has(.lightbox-hint){min-height:0;left:50%;right:auto;top:calc(var(--overlay-py,5rem) + var(--gutter,2rem));transform:translate(-50%)}.lightbox-top .lightbox-hint{-webkit-backdrop-filter:blur(5rem);backdrop-filter:blur(5rem);background-color:var(--color-carousel-nav-bg,#0006);border-radius:var(--radius-small,1rem);transition:opacity var(--duration-default,.25s);white-space:nowrap;padding:1.15em 1.875em}.lightbox.is-explored .lightbox-top .lightbox-hint{opacity:0}}.lightbox-close{appearance:none;box-shadow:none;color:var(--color-white,#fff);cursor:pointer;font-size:var(--size-small,1.6rem);height:var(--button-round-size,10rem);right:var(--overlay-px,3rem);top:var(--overlay-py,5rem);transition:color var(--duration-default,.25s), background-color var(--duration-default,.25s);width:var(--button-round-size,10rem);z-index:1;background-color:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:fixed}.lightbox-close:hover:active{transform:scale(.985)}.lightbox-close svg{object-fit:contain;width:20%;height:20%;display:block}@media (hover:hover){.lightbox-close:hover{background-color:var(--color-black-off,#202020);color:var(--color-white,#fff)}}@media (max-width:767.98px),(max-width:1179.98px) and (orientation:portrait){.lightbox-close{right:var(--pwx,6rem);top:var(--pwx,6rem)}}@media (max-width:767.98px){.lightbox-close svg{width:25%;height:25%}}.lightbox-nav{padding:var(--overlay-py,5rem) var(--overlay-px,3rem);pointer-events:none;z-index:1;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0}.lightbox-nav-button{appearance:none;background-color:var(--color-white,#fff);box-shadow:none;color:var(--color-black-off,#202020);cursor:pointer;font-size:var(--size-small,1.6rem);height:var(--button-round-size,10rem);pointer-events:auto;transition:color var(--duration-default,.25s), background-color var(--duration-default,.25s), opacity var(--duration-default,.25s);width:var(--button-round-size,10rem);z-index:1;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.lightbox-nav-button:not([aria-disabled=true]):hover:active{transform:scale(.985)}.lightbox-nav-button svg{object-fit:contain;width:20%;height:20%;display:block}.lightbox-nav-button .icon path{fill:currentColor}@media (hover:hover){.lightbox-nav-button:not([aria-disabled=true]):hover{background-color:var(--color-black-off,#202020);color:var(--color-white,#fff)}}.lightbox-nav-button[aria-disabled=true]{cursor:default;opacity:.4}@media (max-width:767.98px),(max-width:1179.98px) and (orientation:portrait){.lightbox-nav{gap:var(--gutter-half,1rem);top:auto;bottom:var(--pwx,6rem);justify-content:center;padding:0}}@media (max-width:767.98px){.lightbox-nav-button svg{width:25%;height:25%}}.lightbox-zoom{bottom:var(--overlay-py,5rem);gap:var(--gutter-half,1rem);pointer-events:none;right:var(--overlay-px,3rem);z-index:1;flex-direction:column;display:flex;position:fixed}@media (max-width:767.98px),(max-width:1179.98px) and (orientation:portrait){.lightbox-zoom{bottom:var(--pwx,6rem);flex-direction:row;justify-content:center;left:0;right:0}}.lightbox.is-zoomed .lightbox-close{-webkit-backdrop-filter:blur(5rem);backdrop-filter:blur(5rem);background-color:var(--color-carousel-nav-bg,#0006)}@media (hover:hover){.lightbox.is-zoomed .lightbox-close:hover{background-color:var(--color-black-off,#202020)}}.lightbox-zoom .lightbox-nav-button{box-shadow:var(--shadow-hotspot,0 0 40px 5px #45454533)}.lightbox-close:focus-visible,.lightbox-nav-button:focus-visible{box-shadow:0 0 0 2px var(--color-black-off,#202020);outline:2px solid var(--color-white,#fff);outline-offset:2px}
