@layer components{.badge,.label{--j-badge-padding-y: 0.0625rem;--j-badge-padding-x: var(--uui-spacing-sm);--j-badge-padding-left: var(--j-badge-padding-x);--j-badge-padding-right: var(--j-badge-padding-x);--j-badge-gap: var(--uui-spacing-xxs);--j-badge-border-radius: var(--uui-radius-full);--j-badge-font-size: var(--uui-font-size-text-xs);--j-badge-font-weight: var(--uui-font-weight-medium);--j-badge-line-height: var(--uui-line-height-text-xs);--j-badge-line-height-calculated: calc(var(--j-badge-line-height) - 0.125rem);--j-badge-border-width: 0.0625rem;--j-badge-label-max-width: 11.25rem;--j-badge-btn-action-color: var(--j-badge-color);--j-link-color: var(--j-badge-color);padding-inline:var(--j-badge-padding-left) var(--j-badge-padding-right);display:inline-flex;align-items:center;gap:var(--j-badge-gap);line-height:var(--j-badge-line-height-calculated);border-radius:var(--j-badge-border-radius);border:var(--j-badge-border-width) solid var(--j-badge-border-color);background-color:var(--j-badge-background-color);color:var(--j-badge-color);position:relative}.badge-md,.label-md{--j-badge-padding-x: 0.625rem;--j-badge-font-size: var(--uui-font-size-text-sm);--j-badge-line-height: var(--uui-line-height-text-sm);--j-badge-gap: var(--uui-spacing-sm)}.badge-lg,.label-lg{--j-badge-padding-y: var(--uui-spacing-xs);--j-badge-padding-x: var(--uui-spacing-lg);--j-badge-font-size: var(--uui-font-size-text-sm);--j-badge-line-height: var(--uui-line-height-text-sm)}.badge__btn,.label__btn{background:none;border:0 none;color:inherit;padding:0}.badge__btn.dropdown-toggle:after,.label__btn.dropdown-toggle:after{content:initial}.badge.badge-primary,.label.badge-primary{--j-badge-background-color: var(--uui-component-colors-utility-brand-utility-brand-50);--j-badge-color: var(--uui-component-colors-utility-brand-utility-brand-700);--j-badge-border-color: var(--uui-component-colors-utility-brand-utility-brand-200)}.badge.badge-secondary,.label.badge-secondary{--j-badge-background-color: var(--uui-colors-background-bg-active);--j-badge-color: var(--uui-component-colors-utility-gray-utility-gray-700);--j-badge-border-color: var(--uui-colors-border-border-secondary)}.badge.badge-success,.label.badge-success{--j-badge-background-color: var(--uui-component-colors-utility-success-utility-success-50);--j-badge-color: var(--uui-component-colors-utility-success-utility-success-700);--j-badge-border-color: var(--uui-component-colors-utility-success-utility-success-200)}.badge.badge-info,.label.badge-info{--j-badge-background-color: var(--uui-component-colors-utility-blue-light-utility-blue-light-50);--j-badge-color: var(--uui-component-colors-utility-blue-light-utility-blue-light-700);--j-badge-border-color: var(--uui-component-colors-utility-blue-light-utility-blue-light-200)}.badge.badge-warning,.label.badge-warning{--j-badge-background-color: var(--uui-component-colors-utility-warning-utility-warning-50);--j-badge-color: var(--uui-component-colors-utility-warning-utility-warning-700);--j-badge-border-color: var(--uui-component-colors-utility-warning-utility-warning-200)}.badge.badge-danger,.label.badge-danger{--j-badge-background-color: var(--uui-component-colors-utility-error-utility-error-50);--j-badge-color: var(--uui-component-colors-utility-error-utility-error-700);--j-badge-border-color: var(--uui-component-colors-utility-error-utility-error-200)}.badge.-outline,.label.-outline{--j-badge-border-width: 0.125rem;--j-badge-background-color: var(--uui-colors-background-bg-primary)}.badge.-outline.badge-primary,.label.-outline.badge-primary{--j-badge-border-color: var(--uui-component-colors-utility-brand-utility-brand-600)}.badge.-outline.badge-secondary,.label.-outline.badge-secondary{--j-badge-border-color: var(--uui-component-colors-utility-gray-utility-gray-600)}.badge.-outline.badge-info,.label.-outline.badge-info{--j-badge-border-color: var(--uui-component-colors-utility-blue-light-utility-blue-light-600)}.badge.-outline.badge-success,.label.-outline.badge-success{--j-badge-border-color: var(--uui-component-colors-utility-success-utility-success-600)}.badge.-outline.badge-warning,.label.-outline.badge-warning{--j-badge-border-color: var(--uui-component-colors-utility-warning-utility-warning-600)}.badge.-outline.badge-danger,.label.-outline.badge-danger{--j-badge-border-color: var(--uui-component-colors-utility-error-utility-error-600)}.badge.-fill,.label.-fill{--j-badge-color: var(--uui-colors-base-white)}.badge.-fill.badge-primary.-fill,.label.-fill.badge-primary.-fill{--j-badge-background-color: var(--uui-colors-background-bg-brand-solid);--j-badge-border-color: var(--uui-colors-background-bg-brand-solid)}.badge.-fill.badge-secondary.-fill,.label.-fill.badge-secondary.-fill{--j-badge-background-color: var(--uui-colors-background-bg-secondary-solid);--j-badge-border-color: var(--uui-colors-background-bg-secondary-solid)}.badge.-fill.badge-info.-fill,.label.-fill.badge-info.-fill{--j-badge-background-color: var(--uui-component-colors-utility-blue-light-utility-blue-light-600);--j-badge-border-color: var(--uui-component-colors-utility-blue-light-utility-blue-light-600)}.badge.-fill.badge-success.-fill,.label.-fill.badge-success.-fill{--j-badge-background-color: var(--uui-colors-background-bg-success-solid);--j-badge-border-color: var(--uui-colors-background-bg-success-solid)}.badge.-fill.badge-warning.-fill,.label.-fill.badge-warning.-fill{--j-badge-background-color: var(--uui-colors-background-bg-warning-solid);--j-badge-border-color: var(--uui-colors-background-bg-warning-solid)}.badge.-fill.badge-danger.-fill,.label.-fill.badge-danger.-fill{--j-badge-background-color: var(--uui-colors-background-bg-error-solid);--j-badge-border-color: var(--uui-colors-background-bg-error-solid)}.badge.-square,.label.-square{--j-badge-border-radius: var(--uui-radius-sm)}.badge.-label-expand,.label.-label-expand{--j-badge-label-max-width: none}.badge.badge-workspace,.label.badge-workspace{--j-badge-padding-y: 0.0625rem;--j-badge-border-width: 0.125rem;--j-badge-color: var(--uui-component-colors-utility-brand-utility-brand-700);--j-badge-background-color: var(--uui-colors-background-bg-primary);--j-badge-border-color: var(--uui-colors-background-bg-brand-solid);--j-form-input-icon-tooltip-color: var(--uui-component-colors-utility-brand-utility-brand-700);--j-chooser-icon-color: var(--uui-component-colors-utility-brand-utility-brand-700)}.badge.badge-category,.label.badge-category{--j-badge-background-color: var(--uui-component-colors-utility-brand-utility-brand-50);--j-badge-color: var(--uui-component-colors-utility-brand-utility-brand-700);--j-badge-border-color: var(--uui-component-colors-utility-brand-utility-brand-200)}.badge-more__item .badge:has(.badge-label>.jalios-icon:first-child),.badge-more__item .label:has(.badge-label>.jalios-icon:first-child),.label-more__item .badge:has(.badge-label>.jalios-icon:first-child),.label-more__item .label:has(.badge-label>.jalios-icon:first-child){padding-inline:var(--uui-spacing-xs)}.badge-more__item .badge .jalios-icon.uui,.badge-more__item .label .jalios-icon.uui,.label-more__item .badge .jalios-icon.uui,.label-more__item .label .jalios-icon.uui{width:1.125rem;height:1.125rem}.badge-label,.label-label{display:flex;align-items:center;gap:var(--uui-spacing-xs)}.badge-label>span,.label-label>span{max-width:var(--j-badge-label-max-width);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge .btn-action,.label .btn-action{padding:0;position:relative;border:0 none;background-color:rgba(0,0,0,0);color:var(--j-badge-btn-action-color)}.badge .btn-action:after,.label .btn-action:after{content:"";inset:calc(var(--uui-spacing-xs)*-1);position:absolute}.badge:has(.badge-label>.jalios-icon:first-child),.label:has(.badge-label>.jalios-icon:first-child){padding-left:var(--uui-spacing-sm)}.badge .jalios-icon,.label .jalios-icon{--j-icons-svg-uui-size: var(--uui-spacing-lg)}.badge.badge-member,.badge.badge-dBMember,.label.badge-member,.label.badge-dBMember{--j-badge-border-width: 0.09375rem;--j-badge-padding-left: 0.1875rem;--j-badge-gap: var(--uui-spacing-xxs)}.badge.badge-member.badge-md,.badge.badge-dBMember.badge-md,.label.badge-member.badge-md,.label.badge-dBMember.badge-md{--j-badge-padding-left: var(--uui-spacing-xs);--j-badge-gap: var(--uui-spacing-sm)}.badge.badge-member.badge-lg,.badge.badge-dBMember.badge-lg,.label.badge-member.badge-lg,.label.badge-dBMember.badge-lg{--j-badge-padding-left: var(--uui-spacing-sm);--j-badge-gap: var(--uui-spacing-sm)}.badge.badge-member .badge-label,.badge.badge-dBMember .badge-label,.label.badge-member .badge-label,.label.badge-dBMember .badge-label{gap:var(--uui-spacing-sm)}.badge.badge-member .wrapper-photo,.badge.badge-dBMember .wrapper-photo,.label.badge-member .wrapper-photo,.label.badge-dBMember .wrapper-photo{padding:0}.badge.badge-member .wrapper-photo:after,.badge.badge-dBMember .wrapper-photo:after,.label.badge-member .wrapper-photo:after,.label.badge-dBMember .wrapper-photo:after{content:none}.badge.badge-member .wrapper-photo .photo,.badge.badge-dBMember .wrapper-photo .photo,.label.badge-member .wrapper-photo .photo,.label.badge-dBMember .wrapper-photo .photo{border:0;width:var(--uui-spacing-xl);height:var(--uui-spacing-xl)}.badge-list,.label-list{--j-badge-list-gap: var(--uui-spacing-md);padding-left:0;display:flex;align-items:center;flex-wrap:nowrap;position:relative}.badge-list>li,.label-list>li{margin-right:var(--j-badge-list-gap);display:inline-flex}.badge-list>li:last-child,.label-list>li:last-child{margin-right:0}.badge-list>li .badge-label>span,.label-list>li .badge-label>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:var(--j-badge-label-max-width)}.badge-list.-full-list,.label-list.-full-list{flex-wrap:wrap;row-gap:var(--uui-spacing-xs)}.badge-list.-two-lines,.label-list.-two-lines{align-items:flex-start;flex-wrap:wrap;row-gap:var(--uui-spacing-xs)}.badge-list.-vertical,.label-list.-vertical{flex-direction:column;align-items:start;gap:var(--uui-spacing-md)}.badge-list.-vertical li,.label-list.-vertical li{margin-right:inherit}.badge-list.-loading:not(.-full-list),.label-list.-loading:not(.-full-list){overflow:hidden}.badge.badge-wfstate,.label.badge-wfstate{--j-badge-background-color: var(--uui-component-colors-utility-warning-utility-warning-50);--j-badge-border-color: var(--uui-component-colors-utility-warning-utility-warning-200);--j-badge-color: var(--uui-component-colors-utility-warning-utility-warning-700)}.badge.pstatus-10,.label.pstatus-10{--j-badge-background-color: var(--uui-component-colors-utility-blue-light-utility-blue-light-50);--j-badge-color: var(--uui-component-colors-utility-blue-light-utility-blue-light-700);--j-badge-border-color: var(--uui-component-colors-utility-blue-light-utility-blue-light-200)}.badge.pstatus0,.label.pstatus0{--j-badge-background-color: var(--uui-component-colors-utility-success-utility-success-50);--j-badge-color: var(--uui-component-colors-utility-success-utility-success-700);--j-badge-border-color: var(--uui-component-colors-utility-success-utility-success-200)}.badge.pstatus10,.label.pstatus10{--j-badge-background-color: var(--uui-colors-background-bg-active);--j-badge-color: var(--uui-component-colors-utility-gray-utility-gray-700);--j-badge-border-color: var(--uui-colors-border-border-secondary)}.badge.pstatus20,.label.pstatus20{--j-badge-background-color: var(--uui-colors-background-bg-active);--j-badge-color: var(--uui-component-colors-utility-gray-utility-gray-700);--j-badge-border-color: var(--uui-colors-border-border-secondary)}.badge.pstatus1884,.label.pstatus1884{--j-badge-background-color: var(--uui-colors-background-bg-active);--j-badge-color: var(--uui-component-colors-utility-gray-utility-gray-700);--j-badge-border-color: var(--uui-colors-border-border-secondary)}.badge.pstatus-visible,.label.pstatus-visible{--j-badge-background-color: var(--uui-component-colors-utility-blue-light-utility-blue-light-50);--j-badge-color: var(--uui-component-colors-utility-blue-light-utility-blue-light-700);--j-badge-border-color: var(--uui-component-colors-utility-blue-light-utility-blue-light-200)}.badge.pstatus0.pstatus-visible,.label.pstatus0.pstatus-visible{--j-badge-background-color: var(--uui-component-colors-utility-success-utility-success-50);--j-badge-color: var(--uui-component-colors-utility-success-utility-success-700);--j-badge-border-color: var(--uui-component-colors-utility-success-utility-success-200)}.badge.pstatus-not-visible,.label.pstatus-not-visible{--j-badge-background-color: var(--uui-component-colors-utility-warning-utility-warning-50);--j-badge-color: var(--uui-component-colors-utility-warning-utility-warning-700);--j-badge-border-color: var(--uui-component-colors-utility-warning-utility-warning-200)}.badge:is(a,button):focus-visible,.label:is(a,button):focus-visible{outline:.125rem solid var(--uui-colors-border-border-brand);outline-offset:.125rem}.badge.badge-classification.not-specified{--j-badge-background-color: var(--uui-colors-background-bg-secondary);--j-badge-border-color: var(--uui-colors-border-border-secondary);--j-badge-color: var(--uui-colors-text-text-secondary)}.badge.badge-classification.not-specified .badge-label{--j-badge-color: var(--uui-colors-text-text-secondary)}.badge.badge-classification.not-specified .badge-label SPAN{color:var(--j-badge-color)}.badge.badge-classification .jalios-icon{color:var(--j-badge-color)}.badge.badge-classification button.badge__btn{position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;opacity:0;cursor:default}.wysiwyg .badge{--j-badge-label-max-width: 15rem}}
/*# sourceMappingURL=j-badge.css.map */