.resourceDetail[data-type="image"] .resourceContent {
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
}

.resourceDetail[data-type="image"] img {
    display: block;
    position: relative;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.resourcePreviewDialog .resourceDetail[data-type="image"] img {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGklEQVQYlWM4f/78f3TMgA0MBYWDzDkUKQQA/bqrGdQW7V0AAAAASUVORK5CYII=');
}

.resourceThumb[data-type="image"] {
    background-image: linear-gradient( 35deg, transparent 49.5%, rgba(0,0,0,0.25) 50%, transparent 50.5% ), linear-gradient( -35deg, transparent 49.5%, rgba(0,0,0,0.25) 50%, transparent 50.5% ), linear-gradient(#bdbdbd, #bdbdbd);
}

.resourceDetail[data-type="image"] .resourceTooltip {
    display: none;
}

/* Annotation Tile */

.tileElement[data-type="image"] [class^="icon-"]::before, .tileElement[data-type="image"] [class*=" icon-"]::before {
    content: "\e809";
}

/* Edit Image Overlay Properties */

.editPropertiesContainer .propertiesTypeIcon[data-type="image"] [class^="icon-"]::before, .editPropertiesContainer .propertiesTypeIcon[data-type="image"] [class*=" icon-"]::before {
    content: "\e809";
}