.o-ui-icon {
    display: block;
    fill: currentColor;
}

/* SIZES */
.o-ui-icon-2xs {
    width: var(--o-ui-global-scale-charlie);
    height: var(--o-ui-global-scale-charlie);
}

.o-ui-icon-xs {
    width: var(--o-ui-global-scale-delta);
    height: var(--o-ui-global-scale-delta);
}

.o-ui-icon-sm {
    width: var(--o-ui-global-scale-echo);
    height: var(--o-ui-global-scale-echo);
}

.o-ui-icon-md {
    width: var(--o-ui-global-scale-foxtrot);
    height: var(--o-ui-global-scale-foxtrot);
}

.o-ui-icon-lg {
    width: var(--o-ui-global-scale-golf);
    height: var(--o-ui-global-scale-golf);
}

.o-ui-icon-xl {
    width: var(--o-ui-global-scale-hotel);
    height: var(--o-ui-global-scale-hotel);
}

.o-ui-icon-inherit-size {
    width: 1em;
    height: 1em;
}

/* DISABLED */
.o-ui-icon-disabled {
    opacity: var(--o-ui-disabled-opacity);
}