.image-lightbox{--image-lightbox-shadow: 0 4px 12px 0 rgba( 0, 0, 0, 0.12 );--image-lightbox-backdrop: rgba( 0, 0, 0, 0.6 )}.image-lightbox tp-lightbox dialog{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);width:min(64rem,90vw);max-height:85vh;border:0;padding:0;background-color:var(--color-white);color:var(--color-navy);border-radius:var(--border-radius-large);overflow:hidden}.image-lightbox tp-lightbox dialog::backdrop{background-color:var(--image-lightbox-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.image-lightbox__body{display:flex;flex-direction:column;gap:20px;padding:24px;max-height:85vh;overflow-y:auto}.image-lightbox__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.image-lightbox__title{margin:0;font-size:24px;font-weight:900;color:var(--color-navy);line-height:1.3}.image-lightbox__close{flex-shrink:0}.image-lightbox__close button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:0;background-color:var(--color-white);box-shadow:var(--image-lightbox-shadow);color:var(--color-navy);cursor:pointer;transition-property:all;transition-duration:var(--transition-time);transition-timing-function:var(--transition-easing)}.image-lightbox__close button svg,.image-lightbox__close button path{fill:currentcolor;width:14px}@media(hover: hover){.image-lightbox__close button:hover{background-color:var(--color-pale-blue)}}.image-lightbox__media{position:relative;height:50vh;border-radius:var(--border-radius-medium);overflow:hidden;background-color:var(--color-gray-500)}.image-lightbox__media tp-lightbox-previous,.image-lightbox__media tp-lightbox-next{position:absolute;top:50%;transform:translateY(-50%);z-index:1}.image-lightbox__media tp-lightbox-previous{left:16px}.image-lightbox__media tp-lightbox-next{right:16px}.image-lightbox__main{display:block;width:100%;height:100%}.image-lightbox__img-wrap{display:block;width:100%;height:100%}.image-lightbox__img{display:block;width:100%;height:100%;object-fit:cover}.image-lightbox__overlay-arrow{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:0;background-color:var(--color-white);box-shadow:var(--image-lightbox-shadow);color:var(--color-navy);cursor:pointer;transition-property:all;transition-duration:var(--transition-time);transition-timing-function:var(--transition-easing)}.image-lightbox__overlay-arrow svg{width:8px;margin-left:2px}@media(hover: hover){.image-lightbox__overlay-arrow:hover{background-color:var(--color-pale-blue)}}.image-lightbox__overlay-arrow[aria-disabled=true],.image-lightbox__overlay-arrow:disabled{opacity:.4;cursor:not-allowed}.image-lightbox__overlay-arrow--prev{transform:rotate(180deg)}.image-lightbox__thumbs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.image-lightbox__thumbs::-webkit-scrollbar{display:none}.image-lightbox__thumb{flex:0 0 calc((100% - 56px)/8);min-width:5rem}.image-lightbox__thumb-btn{display:block;width:100%;aspect-ratio:4/3;padding:2px;border:2px solid rgba(0,0,0,0);border-radius:var(--border-radius-medium);overflow:hidden;cursor:pointer;background:var(--color-white);opacity:.6;transition-property:all;transition-duration:var(--transition-time);transition-timing-function:var(--transition-easing)}@media(hover: hover){.image-lightbox__thumb-btn:hover{opacity:1}}tp-lightbox-nav-item[current=yes] .image-lightbox__thumb-btn{opacity:1;border-color:var(--color-navy)}.image-lightbox__thumb-img{display:block;width:100%;height:100%;object-fit:cover;border-radius:calc(var(--border-radius-medium) - 2px)}.image-lightbox__counter{display:block;text-align:center;color:var(--color-gray-800);font-size:13px}