.o-ui-lozenge {
    display: inline-flex;
    align-items: center;
    background-color: var(--o-ui-alias-background-3);
    color: var(--o-ui-alias-text-1);
    text-transform: uppercase;
    padding: 0 var(--o-ui-global-scale-bravo);
    border-radius: 4px;
    min-height: var(--o-ui-global-scale-echo);
    line-height: var(--o-ui-global-scale-echo);
    width: max-content;
    height: max-content;
}

/* SIZE */
.o-ui-lozenge-sm {
    min-height: var(--o-ui-global-scale-delta);
    line-height: var(--o-ui-global-scale-delta);
}

.o-ui-lozenge-lg {
    min-height: var(--o-ui-global-scale-foxtrot);
    line-height: var(--o-ui-global-scale-foxtrot);
}

/* CONTENT | ICON */
.o-ui-lozenge-has-icon {
    padding-left: calc(var(--o-ui-global-scale-bravo) / 2);
}

.o-ui-lozenge-icon {
    margin-right: 0.125rem;
}

/* PRIMARY */
.o-ui-lozenge.o-ui-lozenge-primary {
    background-color: var(--o-ui-alias-background-primary-1);
    color: var(--o-ui-global-white);
}

.o-ui-lozenge.o-ui-lozenge-primary .o-ui-lozenge-text {
    color: var(--o-ui-global-white);
}

.o-ui-lozenge.o-ui-lozenge-primary .o-ui-lozenge-icon {
    fill: currentColor;
    color: inherit;
}