.photo-wrap { position: relative; display: inline-flex; }
.photo-wrap .photo { cursor: zoom-in; }
.photo-remove { position: absolute; top: -6px; right: -6px; width: 21px; height: 21px; padding: 0; border: 0; border-radius: 50%; background: #b73731; color: #fff; font-size: 17px; line-height: 19px; cursor: pointer; box-shadow: 0 2px 5px rgba(0, 0, 0, .2); }
.photo-viewer { width: min(960px, calc(100vw - 24px)); height: min(90vh, 900px); padding: 16px; border: 0; border-radius: 14px; background: #101b31; box-shadow: 0 20px 60px rgba(0, 0, 0, .45); }
.photo-viewer::backdrop { background: rgba(5, 14, 30, .78); }
.photo-viewer img { display: block; width: 100%; height: 100%; object-fit: contain; }
.photo-viewer-close { position: absolute; top: 9px; right: 10px; z-index: 1; width: 36px; height: 36px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .92); color: #172850; font-size: 28px; line-height: 30px; cursor: pointer; }