.ts-lightbox { cursor: zoom-in; display: block; position: relative; }
.ts-lightbox::after { align-items: center; background: rgb(16 19 22 / 82%); border-radius: 50%; bottom: 1rem; color: var(--ts-white); content: "\f00e"; display: flex; font-family: "Font Awesome 7 Free"; font-weight: 900; height: 3rem; justify-content: center; position: absolute; right: 1rem; width: 3rem; }
.ts-lightbox-dialog { background: transparent; border: 0; height: 100%; margin: auto; max-height: 100%; max-width: 100%; padding: clamp(1rem, 4vw, 3rem); width: 100%; }
.ts-lightbox-dialog::backdrop { backdrop-filter: blur(5px); background: rgb(8 10 12 / 90%); }
.ts-lightbox-dialog__frame { align-items: center; display: flex; height: 100%; justify-content: center; position: relative; }
.ts-lightbox-dialog img { border-radius: var(--ts-radius); box-shadow: 0 1rem 4rem rgb(0 0 0 / 45%); max-height: calc(100vh - 4rem); max-width: min(100%, 90rem); object-fit: contain; }
.ts-lightbox-dialog__close { align-items: center; background: var(--ts-red); border: 0; border-radius: 50%; color: var(--ts-white); cursor: pointer; display: flex; font-size: 1.25rem; height: 3rem; justify-content: center; position: fixed; right: clamp(1rem, 3vw, 2rem); top: clamp(1rem, 3vw, 2rem); width: 3rem; z-index: 2; }