.library-tab-icon {
    -webkit-mask: url('library-tab-icon.svg');
    mask: url('library-tab-icon.svg');
}

.arduino-list-widget {
    color: var(--theia-ui-font-color1);
}

.arduino-list-widget .search-bar {
    margin: 0 10px 0 15px;
    border-color: var(--theia-border-color3);
}

.arduino-list-widget .search-bar:focus {
    border-color: var(--theia-accent-color3);
}

.filterable-list-container {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.component-list-item {
    padding: 10px 10px 10px 15px;
    font-size: var(--theia-ui-font-size1);
}

.component-list-item:hover {
    background: var(--theia-accent-color4);
    cursor: pointer;
}

.component-list-item:hover .meta-info {
    color: var(--theia-ui-font-color1);
}

.component-list-item .meta-info {
    color: var(--theia-ui-font-color3);
}

.component-list-item .header {
    padding-bottom: 2px;
    display: flex;
    flex-direction: column;
}

.component-list-item .header .version-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.component-list-item .header .name {
    font-weight: bold;
}

.component-list-item .header .author {
    font-weight: bold;
    color: var(--theia-ui-font-color2);
}

.component-list-item .header .version {
    color: var(--theia-ui-font-color2);
}

.component-list-item .header .installed {
    margin-left: 4px;
    justify-self: end;
    background-color: var(--theia-accent-color2);
    padding: 2px 4px 2px 4px;
    font-size: 10px;
    font-weight: bold;
    max-height: calc(1em + 4px);
    color: var(--theia-inverse-ui-font-color0);
}

.component-list-item .footer {
    padding-top: 5px;
    display: flex;
}

.component-list-item .footer a {
    color: var(--theia-brand-color1);
    text-decoration: none;
    font-weight: 600;
}
.component-list-item .footer .install {
    margin-left: auto;
}

.component-list-item a:hover {
    text-decoration: underline;
}

.component-list-item strong.installed {
    color: rgb(0, 151, 157)
}