@layer bcc-design-layer{.bcc-tag{font-family:var(--g-text-body-font-family);display:inline-flex;align-items:center;transition-property:opacity,color,background-color;transition-duration:.15s;transition-timing-function:ease-in-out;box-sizing:border-box}.bcc-tag__text{display:flex;align-items:baseline;width:100%;font-size:var(--b-text-body-1-font-size);font-weight:500;text-align:center;white-space:nowrap;overflow:hidden}.bcc-tag__content,.bcc-tag__key{text-overflow:ellipsis;overflow:hidden}.bcc-tag__content_size_sm,.bcc-tag__content_size_xs,.bcc-tag__content_size_xxs{font-size:var(--b-text-caption-1-font-size)}.bcc-tag__content_size_sm{line-height:var(--b-text-caption-1-line-height)}.bcc-tag__content_size_md{font-size:var(--b-text-body-2-font-size);line-height:var(--b-text-body-2-line-height)}.bcc-tag__content_size_lg{font-style:normal;font-size:var(--b-text-body-1-font-size);line-height:var(--b-text-body-1-line-height);font-weight:500}.bcc-tag .bcc-tag__addon{display:flex;align-items:center;justify-content:center}.bcc-tag .bcc-tag__addon_side_left{left:2px}.bcc-tag .bcc-tag__addon_side_right{right:0}.bcc-tag_size_xxs{height:20px;border-radius:var(--b-border-radius-cof-8);padding:0 2px}.bcc-tag_size_xxs .bcc-tag__text{line-height:20px;margin:0 4px}.bcc-tag_size_xxs .bcc-tag__addon,.bcc-tag_size_xxs .bcc-tag__addon svg{--addon-size:calc(20px - 2px * 2);width:var(--addon-size);height:var(--addon-size)}.bcc-tag_size_xxs.bcc-tag{margin-right:8px}.bcc-tag_size_xs{height:20px;border-radius:var(--b-border-radius-cof-8);padding:0 5px}.bcc-tag_size_xs .bcc-tag__text{line-height:20px;margin:0 4px}.bcc-tag_size_xs .bcc-tag__addon,.bcc-tag_size_xs .bcc-tag__addon svg{--addon-size:calc(20px - 2px * 2);width:var(--addon-size);height:var(--addon-size)}.bcc-tag_size_xs.bcc-tag{margin-right:8px}.bcc-tag_size_sm{height:20px;border-radius:var(--b-border-radius-cof-8);padding:0 8px}.bcc-tag_size_sm .bcc-tag__text{line-height:20px;margin:0 2px}.bcc-tag_size_sm .bcc-tag__addon,.bcc-tag_size_sm .bcc-tag__addon svg{--addon-size:calc(20px - 2px * 2);width:var(--addon-size);height:var(--addon-size)}.bcc-tag_size_sm.bcc-tag{margin-right:8px}.bcc-tag_size_md{height:24px;border-radius:var(--b-border-radius-cof-8);padding:0 10px}.bcc-tag_size_md .bcc-tag__text{line-height:24px;margin:0 4px}.bcc-tag_size_md .bcc-tag__addon,.bcc-tag_size_md .bcc-tag__addon svg{--addon-size:calc(24px - 2px * 2);width:var(--addon-size);height:var(--addon-size)}.bcc-tag_size_md.bcc-tag{margin-right:8px}.bcc-tag_size_lg{height:40px;border-radius:var(--b-border-radius-cof-32);padding:0 12px}.bcc-tag_size_lg .bcc-tag__text{line-height:40px;margin:0 4px}.bcc-tag_size_lg .bcc-tag__addon,.bcc-tag_size_lg .bcc-tag__addon svg{--addon-size:calc(40px - 2px * 2);width:var(--addon-size);height:var(--addon-size)}.bcc-tag_size_lg.bcc-tag{margin-right:8px}.bcc-tag_color_default_neutral{color:var(--b-color-neutral-default-800);background-color:var(--b-color-neutral-default-100)}.bcc-tag_color_default_neutral svg,.bcc-tag_color_default_neutral svg path{fill:var(--b-color-neutral-default-800)}.bcc-tag_color_default_success{color:var(--b-color-status-success-600);background-color:var(--b-color-status-success-100)}.bcc-tag_color_default_success svg,.bcc-tag_color_default_success svg path{fill:var(--b-color-status-success-600)}.bcc-tag_color_default_error{color:var(--b-color-status-error-500);background-color:var(--b-color-status-error-100)}.bcc-tag_color_default_error svg,.bcc-tag_color_default_error svg path{fill:var(--b-color-status-error-500)}.bcc-tag_color_default_warning{color:var(--b-color-status-warning-600);background-color:var(--b-color-status-warning-100)}.bcc-tag_color_default_warning svg,.bcc-tag_color_default_warning svg path{fill:var(--b-color-status-warning-600)}.bcc-tag_color_default_info{color:var(--b-color-status-process-500);background-color:var(--b-color-status-process-100)}.bcc-tag_color_default_info svg,.bcc-tag_color_default_info svg path{fill:var(--b-color-status-process-500)}.bcc-tag_color_ghost_neutral{color:var(--b-color-neutral-default-800);background-color:transparent}.bcc-tag_color_ghost_neutral svg,.bcc-tag_color_ghost_neutral svg path{fill:var(--b-color-neutral-default-800)}.bcc-tag_color_ghost_success{color:var(--b-color-status-success-500);background-color:transparent}.bcc-tag_color_ghost_success svg,.bcc-tag_color_ghost_success svg path{fill:var(--b-color-status-success-500)}.bcc-tag_color_ghost_error{color:var(--b-color-status-error-500);background-color:transparent}.bcc-tag_color_ghost_error svg,.bcc-tag_color_ghost_error svg path{fill:var(--b-color-status-error-500)}.bcc-tag_color_ghost_warning{color:var(--b-color-status-warning-600);background-color:transparent}.bcc-tag_color_ghost_warning svg,.bcc-tag_color_ghost_warning svg path{fill:var(--b-color-status-warning-600)}.bcc-tag_color_ghost_info{color:var(--b-color-status-process-500);background-color:transparent}.bcc-tag_color_ghost_info svg,.bcc-tag_color_ghost_info svg path{fill:var(--b-color-status-process-500)}.bcc-tag_color_accent_neutral{color:var(--b-color-neutral-default-0);background-color:var(--b-color-neutral-default-800)}.bcc-tag_color_accent_neutral svg,.bcc-tag_color_accent_neutral svg path{fill:var(--b-color-neutral-default-0)}.bcc-tag_color_accent_success{color:var(--b-color-neutral-default-0);background-color:var(--b-color-status-success-500)}.bcc-tag_color_accent_success svg,.bcc-tag_color_accent_success svg path{fill:var(--b-color-neutral-default-0)}.bcc-tag_color_accent_error{color:var(--b-color-neutral-default-0);background-color:var(--b-color-status-error-500)}.bcc-tag_color_accent_error svg,.bcc-tag_color_accent_error svg path{fill:var(--b-color-neutral-default-0)}.bcc-tag_color_accent_warning{color:var(--b-color-neutral-default-0);background-color:var(--b-color-status-warning-500)}.bcc-tag_color_accent_warning svg,.bcc-tag_color_accent_warning svg path{fill:var(--b-color-neutral-default-0)}.bcc-tag_color_accent_info{color:var(--b-color-neutral-default-0);background-color:var(--b-color-status-process-500)}.bcc-tag_color_accent_info svg,.bcc-tag_color_accent_info svg path{fill:var(--b-color-neutral-default-0)}.bcc-tag_variant_ghost{background-color:transparent}.bcc-tag_variant_accent_color{color:var(--b-color-neutral-default-0);background-color:var(--b-color-neutral-default-800)}.bcc-tag_disabled{opacity:.3}}