.app-badge{text-align:left;border-radius:9999px;justify-content:start;align-items:center;gap:2px;height:18px;padding:0 6px;font-size:.8rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.app-badge--only-icon{min-width:max-content;height:min-content;min-height:0;padding:0}.app-badge--only-icon .app-badge__icon{margin-right:0}.app-badge--has-icon{padding-left:2px}.app-badge--white{background-color:var(--w-color-status-white-75);color:var(--w-color-text-500)}.app-badge--white.app-badge--striped:after{background:repeating-linear-gradient(45deg, var(--w-color-status-white-100), var(--w-color-status-white-100) 8px, transparent 8px, transparent 16px)}.app-badge--black{background-color:var(--w-color-status-black-75);color:var(--w-color-text-500)}.app-badge--black.app-badge--striped:after{background:repeating-linear-gradient(45deg, var(--w-color-status-black-100), var(--w-color-status-black-100) 8px, transparent 8px, transparent 16px)}.app-badge--blue{background-color:var(--w-color-status-blue-75);color:var(--w-color-text-500)}.app-badge--blue.app-badge--striped:after{background:repeating-linear-gradient(45deg, var(--w-color-status-blue-100), var(--w-color-status-blue-100) 8px, transparent 8px, transparent 16px)}.app-badge--green{background-color:var(--w-color-status-green-75);color:var(--w-color-text-500)}.app-badge--green.app-badge--striped:after{background:repeating-linear-gradient(45deg, var(--w-color-status-green-100), var(--w-color-status-green-100) 8px, transparent 8px, transparent 16px)}.app-badge--green-light{background-color:var(--w-color-status-green-light-75);color:var(--w-color-text-500)}.app-badge--green-light.app-badge--striped:after{background:repeating-linear-gradient(45deg, var(--w-color-status-green-light-100), var(--w-color-status-green-light-100) 8px, transparent 8px, transparent 16px)}.app-badge--orange{background-color:var(--w-color-status-orange-75);color:var(--w-color-text-500)}.app-badge--orange.app-badge--striped:after{background:repeating-linear-gradient(45deg, var(--w-color-status-orange-100), var(--w-color-status-orange-100) 8px, transparent 8px, transparent 16px)}.app-badge--purple{background-color:var(--w-color-status-purple-75);color:var(--w-color-text-500)}.app-badge--purple.app-badge--striped:after{background:repeating-linear-gradient(45deg, var(--w-color-status-purple-100), var(--w-color-status-purple-100) 8px, transparent 8px, transparent 16px)}.app-badge--red{background-color:var(--w-color-status-red-75);color:var(--w-color-text-500)}.app-badge--red.app-badge--striped:after{background:repeating-linear-gradient(45deg, var(--w-color-status-red-100), var(--w-color-status-red-100) 8px, transparent 8px, transparent 16px)}.app-badge--red-light{background-color:var(--w-color-status-red-light-75);color:var(--w-color-text-500)}.app-badge--red-light.app-badge--striped:after{background:repeating-linear-gradient(45deg, var(--w-color-status-red-light-100), var(--w-color-status-red-light-100) 8px, transparent 8px, transparent 16px)}.app-badge--striped:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0}.app-badge__text,.app-badge__icon{z-index:1}.app-badge__text{-webkit-line-clamp:1;line-clamp:1;word-break:break-all;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.app-badge--square{border-radius:0}.display-status{width:fit-content;position:relative;overflow:hidden}.display-status__name,.display-status__description{z-index:1}.display-status__description{font-size:.8rem;font-weight:350}.display-status--description{gap:12px;width:100%}.display-status--description .display-status__label{font-weight:700}.display-status--description .app-badge{max-width:100%;height:unset;justify-content:flex-start;align-items:flex-start;gap:8px;padding:8px}.display-status .app-badge{border-radius:4px;width:100%;line-height:1rem}.display-status-tooltip-content{font-size:.8rem}.status-color-white{background-color:var(--w-color-status-white-500)}.status-color-black{background-color:var(--w-color-status-black-500)}.status-color-blue{background-color:var(--w-color-status-blue-500)}.status-color-green{background-color:var(--w-color-status-green-500)}.status-color-green-light{background-color:var(--w-color-status-green-light-500)}.status-color-orange{background-color:var(--w-color-status-orange-500)}.status-color-purple{background-color:var(--w-color-status-purple-500)}.status-color-red{background-color:var(--w-color-status-red-500)}.status-color-red-light{background-color:var(--w-color-status-red-light-500)}