.lightbox{--padding:3.6rem;--thumbnails-area:calc(48px + (var(--padding)*2));flex-direction:column;row-gap:2rem;width:100%;height:100%;display:flex}@media (min-width:1024px){.lightbox{--tw-bg-opacity:1;background-color:rgb(241 241 241/var(--tw-bg-opacity));grid-template:"thumbnails main ."/var(--thumbnails-area)1fr var(--thumbnails-area);column-gap:3.6rem;display:grid}}.lightbox__viewport{grid-area:main;align-self:center;width:100%;max-width:945px;max-height:100%;margin-left:auto;margin-right:auto;overflow:hidden}@media (min-width:1536px){.lightbox__viewport{max-width:1200px}}@media (max-width:1023.9px){.lightbox__viewport{--tw-bg-opacity:1;background-color:rgb(241 241 241/var(--tw-bg-opacity));flex-grow:1}.lightbox__viewport .o-picture{width:100%;height:100%}.lightbox__viewport .o-picture .o-img{object-fit:cover}}@media (min-width:1024px){.lightbox__viewport{aspect-ratio:1}.lightbox__viewport .o-picture .o-img{object-fit:contain;height:100vh}}.lightbox__viewport.is-draggable{cursor:grab}.lightbox__viewport.is-dragging{cursor:grabbing}.lightbox__track{gap:1.6rem;width:100%;height:100%;display:flex}@media (min-width:1024px){.lightbox__track{flex-direction:column}}.lightbox__item{flex-shrink:0;width:100%;height:100%}.lightbox__item>picture{height:100%}.lightbox__item .pinch-zoom-container{width:100%}.lightbox__item .o-video__container{width:fit-content;margin:auto}.lightbox__thumbnails{grid-area:thumbnails;width:100%}@media (max-width:1023.9px){.lightbox__thumbnails{padding-bottom:2rem}}@media (min-width:1024px){.lightbox__thumbnails{padding:3.6rem}}.lightbox__thumbnails-viewport{max-width:100%;display:flex;overflow:auto}@media (max-width:1023.9px){.lightbox__thumbnails-viewport{padding-left:2.1rem;padding-right:2.1rem}}.lightbox__thumbnails-track{gap:.8rem;display:flex}@media (min-width:1024px){.lightbox__thumbnails-track{flex-direction:column}}.lightbox__thumbnails-item{border-style:solid;border-width:1px;border-color:var(--c-border-default);width:4.8rem;height:4.8rem;display:flex}.lightbox__thumbnails-item.is-selected{--tw-border-opacity:1;border-color:rgb(17 17 17/var(--tw-border-opacity))}.lightbox__thumbnails-item>button{width:100%;height:100%;display:flex}.lightbox__thumbnails-item>button img{width:100%;height:100%}.lightbox__thumbnails img{object-fit:contain}[data-lightbox]{cursor:zoom-in}