.lozenge {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    gap: var(--ds-space-050, 4px);
    block-size: 20px;
    max-inline-size: 100%;
    padding-block: var(--ds-space-025, 2px);
    padding-inline: var(--ds-space-050, 4px);
    overflow: hidden;
    border-width: var(--ds-border-width, 1px);
    border-style: solid;
    border-color: var(--lozenge-border-color, transparent);
    border-radius: var(--ds-radius-small, 4px);
    background-color: var(--lozenge-background-color);
    font: var(--ds-font-body-small, normal 400 12px/16px sans-serif);
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--lozenge-text-color);

    &.lozenge-neutral {
        --lozenge-border-color: var(--ds-border, #0b120e24);
        --lozenge-background-color: var(--ds-background-neutral, #0515240f);
        --lozenge-text-color: var(--ds-text, #292a2e);
    }

    &.lozenge-success {
        --lozenge-border-color: var(--ds-border-success-subtle, #b3df72);
        --lozenge-background-color: var(--ds-background-success-subtler, #d3f1a7);
        --lozenge-text-color: var(--ds-text-success-bolder, #37471f);
    }

    &.lozenge-danger {
        --lozenge-border-color: var(--ds-border-danger-subtle, #fd9891);
        --lozenge-background-color: var(--ds-background-danger-subtler, #ffd5d2);
        --lozenge-text-color: var(--ds-text-danger-bolder, #5d1f1a);
    }

    &.lozenge-warning {
        --lozenge-border-color: var(--ds-border-warning-subtle, #fbc828);
        --lozenge-background-color: var(--ds-background-warning-subtler, #fce4a6);
        --lozenge-text-color: var(--ds-text-warning-bolder, #693200);
    }

    &.lozenge-information {
        --lozenge-border-color: var(--ds-border-information-subtle, #8fb8f6);
        --lozenge-background-color: var(--ds-background-information-subtler, #cfe1fd);
        --lozenge-text-color: var(--ds-text-information-bolder, #123263);
    }

    &.lozenge-discovery {
        --lozenge-border-color: var(--ds-border-discovery-subtle, #d8a0f7);
        --lozenge-background-color: var(--ds-background-discovery-subtler, #eed7fc);
        --lozenge-text-color: var(--ds-text-discovery-bolder, #48245d);
    }
}