@image-viewer: ~"@{prefix}-image-viewer";

@image-viewer-icon-font-size: 24px;

@image-viewer-nav-height: if(isdefined(@td-image-viewer-nav-height), @td-image-viewer-nav-height, 48px);
@image-viewer-nav-bg-color: if(isdefined(@td-image-viewer-nav-bg-color), @td-image-viewer-nav-bg-color, @font-gray-3);
@image-viewer-nav-color: if(isdefined(@td-image-viewer-nav-color), @td-image-viewer-nav-color, @font-white-1);
@image-viewer-nav-index-font-size: if(isdefined(@td-image-viewer-nav-index-font-size), @td-image-viewer-nav-index-font-size, @font-size-base);
@image-viewer-close-margin-left: if(isdefined(@td-image-viewer-close-margin-left), @td-image-viewer-close-margin-left, @spacer-1);
@image-viewer-delete-margin-right: if(isdefined(@td-image-viewer-delete-margin-right), @td-image-viewer-delete-margin-right, @spacer-1);
@image-viewer-mask-bg-color: if(isdefined(@td-image-viewer-mask-bg-color), @td-image-viewer-mask-bg-color, #000);