@layer components {
/* Tag */
.tag {
    border-radius: 60px;
    padding: 5px 6px 5px 8px;
    border: 1px solid;
}
.tag-outline-black {
    background-color: var(--semantic-base-background);
    border-color:  var(--semantic-primary-text);
    color: var(--semantic-primary-text);
}
.tag-outline-relux {
    background-color: var(--semantic-base-background);
    border-color: var(--semantic-relux-brand-primary);
    color: var(--semantic-relux-brand-primary);
}
.tag-outline-red {
    background-color: var(--semantic-base-background);
    border-color: var(--semantic-accent-red);
    color: var(--semantic-accent-red);
}
.tag-fill-black {
    background-color: var(--semantic-primary-text);
    color: var(--semantic-base-background);
}
.tag-fill-relux {
    background-color: var(--semantic-relux-brand-primary);
    color: var(--semantic-base-background);
}
.tag-fill-red {
    background-color: var(--semantic-accent-red);
    color: var(--semantic-base-background);
}

.tag-border-white {
    border-color:  var(--semantic-base-background);
}

/* Label Tag */
.labeltag-compulsory {
    padding: 4px;
    border-radius: 2px;
    color: var(--semantic-base-background);
    background-color: var(--semantic-error);
}
.labeltag-voluntary {
    padding: 4px;
    border-radius: 2px;
    color: var(--semantic-base-background);
    background-color: var(--semantic-caption);
}

/* Limited */
.limited-large {
    padding: 4px 8px;
}
.limited-small {
    padding: 0 4px;
}
.limited-red {
    background-color: var(--semantic-base-background);
    color: var(--semantic-error);
    border: 1px solid var(--semantic-error);
    border-radius: 2px;
}
.limited-relux {
    background-color: var(--semantic-base-background);
    color: var(--semantic-relux-brand-primary);
    border: 1px solid var(--semantic-relux-brand-primary);
    border-radius: 2px;
}
.limited-black {
    background-color: var(--semantic-base-background);
    color: var(--semantic-primary-text);
    border: 1px solid var(--semantic-primary-text);
    border-radius: 2px;
}
}