.hk-badge{--_fill:var(--tone-neutral-tint);--_words:var(--tone-neutral-on-tint);--_edge:var(--border-strong);--_height:var(--badge-height-small);--_pad:var(--space-2);display:inline-flex;align-items:center;box-sizing:border-box;width:-moz-fit-content;width:fit-content;height:var(--_height);padding-inline:var(--_pad);border:var(--border-width-thin) solid var(--_edge);border-radius:var(--corner-control);background-color:var(--_fill);color:var(--_words);font-family:var(--type-label-small-font-family);font-size:var(--type-label-small-font-size);font-weight:var(--type-label-small-font-weight);line-height:var(--type-label-small-line-height);white-space:nowrap;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hk-badge[data-size=medium]{--_height:var(--badge-height-medium);--_pad:var(--space-3);font-family:var(--type-label-font-family);font-size:var(--type-label-font-size);font-weight:var(--type-label-font-weight);line-height:var(--type-label-line-height)}.hk-badge[data-tone=accent]{--_edge:transparent;--_fill:var(--tone-accent-tint);--_words:var(--tone-accent-on-tint)}.hk-badge[data-tone=success]{--_edge:transparent;--_fill:var(--feedback-success-tint);--_words:var(--feedback-success-on-tint)}.hk-badge[data-tone=warning]{--_fill:var(--tone-warning-tint);--_words:var(--tone-warning-on-tint);--_edge:var(--tone-warning-edge)}.hk-badge[data-tone=error]{--_edge:transparent;--_fill:var(--feedback-error-tint);--_words:var(--feedback-error-on-tint)}.hk-badge[data-tone=info]{--_edge:transparent;--_fill:var(--feedback-info-tint);--_words:var(--feedback-info-on-tint)}.hk-badge[data-look=solid]{--_fill:var(--tone-neutral-solid);--_words:var(--tone-neutral-on-solid);--_edge:transparent}.hk-badge[data-look=solid][data-tone=accent]{--_fill:var(--tone-accent-solid);--_words:var(--tone-accent-on-solid)}.hk-badge[data-look=solid][data-tone=success]{--_fill:var(--feedback-success-solid);--_words:var(--feedback-success-on-solid)}.hk-badge[data-look=solid][data-tone=warning]{--_fill:var(--feedback-warning-solid);--_words:var(--feedback-warning-on-solid)}.hk-badge[data-look=solid][data-tone=error]{--_fill:var(--feedback-error-solid);--_words:var(--feedback-error-on-solid)}.hk-badge[data-look=solid][data-tone=info]{--_fill:var(--feedback-info-solid);--_words:var(--feedback-info-on-solid)}