/* LIBRARY */

.library-container .resources-toolbar .input-wrapper.search-suggestions-input-wrapper {
    width: 100%;
    max-width: 300px;
}

.library-container .resource-start-entry .close-btn {
    top: -12px;
    right: -12px;
    width: 36px;
    height: 36px;
    border-radius: 100%;
}

.library-container .resource-start-entry .resource-card .resource-title .tag.start-entry-tag {
    display: inline-block !important;
}

.library-container .resource-card .resource-buttons,
.library-container .resource-card.compact .resource-title-container .resource-buttons {
    display: none !important;
}

.library-container .resource-card .resource-title-container .resource-buttons,
.library-container .resource-card.compact .resource-buttons {
    display: flex !important;
}

.library-container .resource-card.compact .resource-meta .meta:not(.always-show),
.library-container .resource-card.compact .resource-meta .interpunct:not(.always-show) {
    display: none !important;
}



/* SEARCH FUNCTIONALITY */

.search-suggestions-list {
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    display: block !important;

    background: var(--color-white);
    padding: 10px 8px;
    border-radius: 28px;
    box-shadow: 0 14px 32px #00000040;
    margin-top: 8px !important;

    /* Hidden by default */
    height: 0;
    transform: scale(0);
    opacity: 0;
    transform-origin: top center;
    transition: height .25s ease, transform .2s ease, opacity .2s ease;
}

.search-suggestions-list.show {
    transform: scale(1);
    opacity: 1;
}

.search-suggestions-list > div {
    border-radius: 100px;
    background: transparent;
    padding: 10px 16px;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    text-align: start;
}

.search-suggestions-list > div:hover,
.search-suggestions-list > div.selected {
    background: var(--color-gray-light);
}




/* MEDIA QUERIES */

@media (max-width: 991.97px) {

    .library-container .resource-start-entry .close-btn {
        top: -16px;
        right: 16px;
    }

}

@media (max-width: 767.97px) {

    .library-container .toggle-switch.style-toggle {
        display: none;
    }

    .library-container .resource-card.compact .resource-buttons {
        display: flex !important;
    }

    .library-container .resource-card .resource-details {
        gap: 14px;
    }

    .library-container .resource-card .resource-meta .meta:not(.always-show),
    .library-container .resource-card .resource-meta .interpunct:not(.always-show) {
        display: none !important;
    }

}