:root {
    --uim-primary-opacity: 1;
    --uim-secondary-opacity: 0.70;
    --uim-tertiary-opacity: 0.50;
    --uim-quaternary-opacity: 0.25;
    --uim-quinary-opacity: 0;
}

.uim-svg {
    display: inline-block;
    height: 1em;
    vertical-align: -0.125em;
    font-size: inherit;
    fill: var(--uim-color, currentColor);
}

.uim-svg svg {
    display: inline-block;
}

.uim-primary {
    opacity: var(--uim-primary-opacity);
}

.uim-secondary {
    opacity: var(--uim-secondary-opacity);
}

.uim-tertiary {
    opacity: var(--uim-tertiary-opacity);
}

.uim-quaternary {
    opacity: var(--uim-quaternary-opacity);
}

.uim-quinary {
    opacity: var(--uim-quinary-opacity);
}


:root {
    --uim-primary-opacity: 1;
    --uim-secondary-opacity: 0.70;
    --uim-tertiary-opacity: 0.50;
    --uim-quaternary-opacity: 0.25;
    --uim-quinary-opacity: 0;
}

.uim-svg {
    display: inline-block;
    height: 1em;
    vertical-align: -0.125em;
    font-size: inherit;
    fill: var(--uim-color, currentColor);
}

.uim-svg svg {
    display: inline-block;
}

.uim-primary {
    opacity: var(--uim-primary-opacity);
}

.uim-secondary {
    opacity: var(--uim-secondary-opacity);
}

.uim-tertiary {
    opacity: var(--uim-tertiary-opacity);
}

.uim-quaternary {
    opacity: var(--uim-quaternary-opacity);
}

.uim-quinary {
    opacity: var(--uim-quinary-opacity);
}


:root {
    --uim-primary-opacity: 1;
    --uim-secondary-opacity: 0.70;
    --uim-tertiary-opacity: 0.50;
    --uim-quaternary-opacity: 0.25;
    --uim-quinary-opacity: 0;
}

.uim-svg {
    display: inline-block;
    height: 1em;
    vertical-align: -0.125em;
    font-size: inherit;
    fill: var(--uim-color, currentColor);
}

.uim-svg svg {
    display: inline-block;
}

.uim-primary {
    opacity: var(--uim-primary-opacity);
}

.uim-secondary {
    opacity: var(--uim-secondary-opacity);
}

.uim-tertiary {
    opacity: var(--uim-tertiary-opacity);
}

.uim-quaternary {
    opacity: var(--uim-quaternary-opacity);
}

.uim-quinary {
    opacity: var(--uim-quinary-opacity);
}