.nnds-icon {}

.nnds-icon-xxl {
    width: var(--iconSize-xxl);
    height: var(--iconSize-xxl);
}

.nnds-icon-xl {
    width: var(--iconSize-xl);
    height: var(--iconSize-xl);
}

.nnds-icon-l {
    width: var(--iconSize-l);
    height: var(--iconSize-l);
}

.nnds-icon-m {
    width: var(--iconSize-m);
    height: var(--iconSize-m);
}

.nnds-icon-s {
    width: var(--iconSize-s);
    height: var(--iconSize-s);
}

/* color-grey-1000 */
.nnds-icon-normal {
    filter: brightness(0) saturate(100%) invert(24%)
            sepia(0%) saturate(222%) hue-rotate(162deg)
            brightness(97%) contrast(95%);
}

/* color-brand-white */
.nnds-icon-inverted {
    filter: brightness(0) saturate(100%) invert(100%)
            sepia(0%) saturate(0%) hue-rotate(266deg)
            brightness(100%) contrast(100%);
}

/* color-mediumOrange-600 */
.nnds-icon-dataStatesSelected {
    filter: brightness(0) saturate(100%) invert(46%)
            sepia(48%) saturate(2931%) hue-rotate(356deg)
            brightness(94%) contrast(95%);
}

.nnds-icon-grey-900 {
    filter: brightness(0) saturate(100%) invert(35%)
            sepia(0%) saturate(1559%) hue-rotate(283deg)
            brightness(95%) contrast(98%);
}

.nnds-icon-sand-900 {
    filter: brightness(0) saturate(100%)
            invert(34%) sepia(4%) saturate(2306%)
            hue-rotate(341deg) brightness(95%) contrast(96%);
}

.nnds-icon-purple-900 {
    filter: brightness(0) saturate(100%)
            invert(33%) sepia(9%) saturate(2957%)
            hue-rotate(205deg) brightness(93%) contrast(93%);
}

.nnds-icon-green-700 {
    filter: brightness(0) saturate(100%)
            invert(47%) sepia(11%) saturate(1668%)
            hue-rotate(66deg) brightness(100%) contrast(91%);
}

.nnds-icon-green-900 {
    filter: brightness(0) saturate(100%)
            invert(31%) sepia(36%) saturate(497%)
            hue-rotate(66deg) brightness(96%) contrast(97%);
}

.nnds-icon-blue-700 {
    filter: brightness(0) saturate(100%)
            invert(47%) sepia(78%) saturate(379%)
            hue-rotate(171deg) brightness(86%) contrast(91%);
}

.nnds-icon-blue-900 {
    filter: brightness(0) saturate(100%)
            invert(28%) sepia(72%) saturate(383%)
            hue-rotate(169deg) brightness(98%) contrast(99%);
}

.nnds-icon-darkOrange-700 {
    filter: brightness(0) saturate(100%)
            invert(30%) sepia(79%) saturate(1554%)
            hue-rotate(350deg) brightness(99%) contrast(100%);
}

.nnds-icon-darkOrange-900 {
    filter: brightness(0) saturate(100%)
            invert(21%) sepia(60%) saturate(2328%)
            hue-rotate(352deg) brightness(95%) contrast(98%);
}

.nnds-icon-lightOrange-700 {
    filter: brightness(0) saturate(100%)
            invert(51%) sepia(76%) saturate(5719%)
            hue-rotate(25deg) brightness(98%) contrast(101%);
}

.nnds-icon-lightOrange-900 {
    filter: brightness(0) saturate(100%)
            invert(26%) sepia(100%) saturate(607%)
            hue-rotate(359deg) brightness(97%) contrast(103%);
}