.c-lightbox{width:100%;height:100%;grid-template:"main"max-content"thumbnails"48px/1fr;place-content:center;gap:4.8rem;display:grid}@media (min-width:768px){.c-lightbox{grid-template:"thumbnails main."/48px 1fr 48px;justify-items:center}}.c-lightbox__viewport{width:100%;max-width:945px;max-height:100%;aspect-ratio:1;grid-area:main;overflow:hidden}.c-lightbox__viewport.is-draggable{cursor:move;cursor:grab}.c-lightbox__viewport.is-dragging{cursor:grabbing}.c-lightbox__track{width:100%;height:100%;row-gap:1.6rem;display:flex}@media (min-width:768px){.c-lightbox__track{flex-direction:column}}.c-lightbox__item{width:100%;height:100%;flex-shrink:0}.c-lightbox__item .pinch-zoom-container{width:100%}.c-lightbox__thumbnails{width:100%;grid-area:thumbnails;gap:.8rem;margin-inline:auto;display:flex;overflow:hidden}@media (min-width:768px){.c-lightbox__thumbnails{flex-direction:column}}.c-lightbox__thumbnails img{object-fit:contain}.c-lightbox__thumbnails-viewport{width:100%;height:100%;grid-area:slider;overflow:hidden}.c-lightbox__thumbnails-viewport.is-draggable{cursor:move;cursor:grab}.c-lightbox__thumbnails-viewport.is-dragging{cursor:grabbing}.c-lightbox__thumbnails-track{gap:8px;display:flex}@media (min-width:768px){.c-lightbox__thumbnails-track{height:100%;flex-direction:column}}.c-lightbox__thumbnails-button{min-width:45px;border:1px solid #ccc;border-radius:3px;padding:1px}.c-lightbox__thumbnails-button.is-selected{border-color:#191919}[data-lightbox]{cursor:zoom-in}