.viewable-image .image-container{border:1px solid var(--colors-functional-default-border);border-radius:8px;cursor:pointer;padding:0 28px;position:relative}.viewable-image .image-container img{max-height:120px;max-width:200px;-o-object-fit:contain;object-fit:contain;padding:6px;z-index:1}.viewable-image .image-container .expand-icon{bottom:0;color:var(--colors-functional-primary);margin:4px;position:absolute;right:0;visibility:hidden;width:20px;z-index:5}.viewable-image .image-container:hover{border-color:var(--colors-functional-primary)}.viewable-image .image-container:hover .expand-icon{visibility:visible}.image-detail-modal .ant-modal-title{height:40px;max-width:calc(100% - 40px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-detail-modal .ant-modal-content{overflow:hidden}.image-detail-modal .ant-modal-body{align-items:center;display:flex;justify-content:center;max-height:calc(100% - 72px)}.image-detail-modal img{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}