/* =========================================
   Studoes Subject Library Modal List
========================================= */

.ss-subject-library-scroll {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 0.85rem 1.15rem 1.1rem;
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 transparent;
}

.ss-subject-library-scroll::-webkit-scrollbar,
.ss-subject-suggestions::-webkit-scrollbar {
    width: 8px;
}

.ss-subject-library-scroll::-webkit-scrollbar-thumb,
.ss-subject-suggestions::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: #cbd5e1;
}

.ss-subject-popup-list.ss-subject-library-list {
    display: grid;
    gap: 0.55rem;
    padding: 0;
    overflow: visible;
}

.ss-subject-popup-item.ss-subject-library-row {
    grid-template-columns: 2.25rem minmax(0, 1fr) 1.1rem;
    gap: 0.72rem;
    min-height: 4rem;
    padding: 0.68rem 0.75rem;
    border-radius: 0.9rem;
    background: #ffffff;
}

.ss-subject-popup-icon.ss-subject-library-row-icon {
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 0.78rem;
}

.ss-subject-library-row-copy strong {
    font-size: 0.96rem;
    line-height: 1.2;
}

.ss-subject-library-row-copy small {
    margin-top: 0.16rem;
    font-size: 0.78rem;
    font-weight: 720;
}

.ss-subject-library-chevron {
    width: 0.55rem;
    height: 0.55rem;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
    transform: rotate(45deg);
    color: #8b96ad;
}

.ss-subject-popup-item:hover .ss-subject-library-chevron,
.ss-subject-popup-item:focus-visible .ss-subject-library-chevron {
    color: #3159f5;
}

.ss-subject-popup-empty.ss-subject-library-empty,
.ss-subject-popup-empty.ss-subject-popup-no-results {
    padding: 2rem 1rem;
    border: 1px dashed #d7e1f6;
    border-radius: 1rem;
    background: #fbfcff;
}

.ss-subject-popup-empty img {
    width: 3.1rem;
    height: 3.1rem;
    object-fit: contain;
    margin-bottom: 0.65rem;
}

.ss-subject-add-body {
    padding: 0.95rem 1.15rem;
}

.ss-subject-add-footer {
    padding: 0.85rem 1.15rem 1rem;
}