.SuiteBadge {
    display: inline-flex;
    align-items: center;
    background-color: var(--pills-tags-default);
    padding: var(--padding-medium-small);
    border-radius: var(--radius-small);
    height: 24px;
    gap: 4px;

    &.disabled {
        background-color: var(--pills-tags-disabled);
    }

    &-children {
        display: flex;
        gap: 4px;
    }

    &.active {
        border-radius: var(--radius-large);
    }

    &-section {
        display: flex;
    }

    &-label {
        @include text-body-bold;

        color: var(--text-secondary);
    }

    &-brand {
        .BrandIcon {
            top: inherit;
        }
    }

    &-icon {
        .CountryFlag {
            width: 16px;
        }

        .disabled & {
            opacity: 0.5;
        }
    }

    &-text {
        flex: 1;

        .disabled & {
            color: var(--text-primary-disabled);
        }
    }

    &-indicator {
        display: flex;

        .Tag & {
            margin-left: 4px;
        }

        .GlyphIcon.success {
            color: var(--success);
        }

        .GlyphIcon.warning {
            color: var(--warning);
        }

        .GlyphIcon.error {
            color: var(--danger);
        }

        .GlyphIcon.revision {
            color: var(--revision);
        }
    }

    &-close {
        margin-left: auto;

        .disabled & {
            display: none;
        }
    }
}