/* Lightweight icon stand-ins for SpecXSorter (replaces all.min.css + webfonts on this page). */
.specx-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    flex-shrink: 0;
}

.specx-icon--sm {
    width: 0.95em;
    height: 0.95em;
}

.specx-icon--lg {
    width: 1.15em;
    height: 1.15em;
}

.specx-icon-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.35em;
}

.login .specx-icon {
    margin-right: 0.25rem;
}

.bars .specx-icon {
    width: 1.35em;
    height: 1.35em;
    cursor: pointer;
}

#closeButton .specx-icon {
    width: 1.25em;
    height: 1.25em;
}

.sidebar-area .info li {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
}

.sidebar-area .info .specx-icon {
    margin-top: 0.2rem;
    color: var(--primary-color, #19a1dd);
}