﻿/* nx-icon.css - Local theme override */

.nx-icon {
    display: inline-flex ;
    align-items: center ;
    justify-content: center ;
    width: 20px ;
    height: 20px ;
    overflow: visible ;
    vertical-align: middle ;
    line-height: 0 ;
    box-sizing: border-box ;
    color: inherit ;
}

    /* Icon size variants */
    .nx-icon.small {
        width: 16px ;
        height: 16px ;
    }

    .nx-icon.large {
        width: 24px ;
        height: 24px ;
    }

    /* Status color variants */
    .nx-icon.positive {
        color: var(--nx-positive-fg) ;
    }

    .nx-icon.alert {
        color: var(--nx-alert-fg) ;
    }

    .nx-icon.negative {
        color: var(--nx-negative-fg) ;
    }

    .nx-icon.muted {
        color: var(--nx-muted-fg) ;
    }
