.typeicon {
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: left bottom; /*calc(100% - 20px) bottom;*/
    background-origin: content-box;
    height: 28px;    
    position: relative; /* makes cssnumber move to right corner */
    padding: 1px;
}

.cssnumbers {
    font-size: 0.8rem;
    background-color: lightseagreen;
    width: fit-content;
    /* line-height: 0.95rem; */
    /* text-align: center; */
    color: #fff;
    border-radius: 15px;
    position: relative;
    left: 24px;/*-0.5ex;*/
    padding: 0.1rem 0.3rem;
    /* margin-left: 0.7ex; */
}

[class*='video'].typeicon {
    background-image: url(icons/video_icon.png);
    color: transparent;
    font-size: 0;
}
[class*='audio'].typeicon {
    background-image: url(icons/audio_icon.png);
    color: transparent;
    font-size: 0;
}
[class*='image'].typeicon {
    background-image: url(icons/edit_icon.png);
    color: transparent;
    font-size: 0;
}
[class*='document'].typeicon {
    background-image: url(icons/document_icon.png);
    color: transparent;
    font-size: 0;
}
[class*='object'].typeicon {
    background-image: url(icons/configure_icon.png);
    color: transparent;
    font-size: 0;
}