/* =========================================
   Studoes Subject Library Icon Readability
========================================= */

.ss-subject-library-title-icon.ss-subject-density-title-icon {
    width: 2.15rem;
    height: 2.15rem;
    border-radius: 0.78rem;
    background: #f4f7ff;
}

.ss-subject-library-title-icon img,
.ss-subject-popup-icon img,
.ss-subject-library-search img,
.ss-subject-popup-empty img,
.ss-subject-popup-close img {
    display: block;
    object-fit: contain;
}

.ss-subject-library-title-icon img {
    width: 1.35rem;
    height: 1.35rem;
}

.ss-subject-popup-close.ss-subject-icon-btn {
    width: 1.85rem;
    height: 1.85rem;
    border-color: #e4e9f4;
    background: #ffffff;
    box-shadow: none;
}

.ss-subject-popup-close img {
    width: 0.72rem;
    height: 0.72rem;
}

.ss-subject-library-search img {
    width: 1.1rem;
    height: 1.1rem;
    opacity: 0.95;
}

.ss-subject-add-glyph {
    position: relative;
    width: 1.05rem;
    height: 1.05rem;
}

.ss-subject-add-glyph::before,
.ss-subject-add-glyph::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 999px;
    background: #ffffff;
    transform: translate(-50%, -50%);
}

.ss-subject-add-glyph::before {
    width: 1.05rem;
    height: 0.15rem;
}

.ss-subject-add-glyph::after {
    width: 0.15rem;
    height: 1.05rem;
}

.ss-subject-popup-icon.ss-subject-library-row-icon {
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 0.58rem;
    background: #f3f7ff;
}

.ss-subject-popup-icon.ss-subject-library-row-icon img {
    width: 1.28rem;
    height: 1.28rem;
}

.ss-subject-library-chevron {
    width: 0.48rem;
    height: 0.48rem;
    border-width: 2px;
    color: #98a2b3;
}

.ss-subject-popup-empty.ss-subject-library-empty,
.ss-subject-popup-empty.ss-subject-popup-no-results,
.ss-subject-popup-empty.ss-subject-density-empty {
    min-height: 14rem;
    padding: 1.6rem 1rem;
    border-radius: 0.88rem;
    background: #fbfcff;
}

.ss-subject-popup-empty.ss-subject-density-empty img {
    width: 3.7rem;
    height: 3.7rem;
    margin-bottom: 0.55rem;
}

.ss-subject-popup-empty.ss-subject-density-empty strong {
    color: #111827;
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 820;
}

.ss-subject-popup-empty.ss-subject-density-empty p {
    max-width: 24rem;
    margin: 0.38rem auto 0;
    color: #697386;
    font-size: 0.86rem;
    line-height: 1.45;
    font-weight: 560;
}

.ss-subject-popup-empty.ss-subject-density-empty button {
    display: none;
}

@media (max-width: 767.98px) {
    .ss-subject-popup-item.ss-subject-library-row.ss-subject-density-row {
        min-height: 3.45rem;
        padding: 0.58rem 0.62rem;
    }
}