.Tag {
    --bgColor: var(--color-base-faint);
    --fgColor: #fff;

    padding: 2px 7px;
    font-size: var(--font-size-small);
    font-weight: 500;

    border-radius: var(--border-radius);
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;

    display: flex;
    align-items: center;

    background-color: var(--bgColor);
    color: var(--fgColor);

    &:before {
        width: 6px;
        height: 6px;
        background-color: currentColor;
        opacity: .3;
        border-radius: 5px;
        content: '';
        margin: 0 5px 0 2px;
    }

    &.big {
        font-size: var(--font-size);
        font-weight: 400;
        padding: 4px 10px;

        &:before {
            width: 7px;
            height: 7px;
            margin-right: 6px;
        }
    }
}