.badge__text{font-family:var(--theme--component-font-family-interaction);font-variant:initial;letter-spacing:0;text-transform:none;text-align:start;inline-size:100%;font-size:.875rem;font-style:normal;font-weight:400;font-stretch:100%;line-height:150%;display:inline-block}.badge__text.badge__text--ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.badge__icon{z-index:1;flex-shrink:0;position:relative}.badge__icon .icon{block-size:1rem;inline-size:1rem}.badge{color:var(--theme--text-secondary-default);background:var(--theme--surface-quaternary-default);border-radius:2px;align-items:center;gap:.25rem;padding:.25rem .5rem;display:inline-flex}.badge.badge--subtle{color:var(--theme--text-primary-default);background:var(--theme--surface-tertiary-subtle-default)}.badge.badge--plain{color:var(--theme--text-primary-default);background:var(--theme--surface-basic-white)}.badge.badge--danger{color:var(--theme--text-colored-red);background:var(--theme--surface-colored-subtle-red-subtle)}.badge.badge--warning{color:var(--theme--text-colored-orange);background:var(--theme--surface-colored-subtle-orange-subtle)}.badge.badge--green{color:var(--theme--text-colored-green);background:var(--theme--surface-colored-subtle-green-subtle)}.badge.badge--small{block-size:1.5rem;box-shadow:none;padding:0 .375rem}.badge.badge--small .badge__text{font-variant:initial;letter-spacing:0;text-transform:none;font-size:.75rem;font-style:normal;font-weight:400;font-stretch:100%;line-height:16px}.badge.badge--bold .badge__text{font-weight:700}.badge.badge--special{position:relative;overflow:hidden}.badge.badge--special:after{z-index:0;aspect-ratio:1;content:"";filter:blur(.3125rem);transform-origin:50%;background:conic-gradient(from -90deg,oklch(50.46% .2275 330.97),oklch(64.05% .1292 231.05),oklch(78.19% .1825 126.75),oklch(86.52% .1768 90.38),oklch(77.2% .1738 64.55),oklch(53.08% .2178 29.23),oklch(50.46% .2275 330.97));inline-size:250%;transition:opacity .2s;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-25%,-50%)rotate(0)}.badge.badge--special:hover:after{animation:5s linear badge-special-animation}.badge.badge--special .badge__text{z-index:1;color:var(--theme--text-secondary-default)}@keyframes badge-special-animation{0%{transform:translate(-25%,-50%)rotate(0)}to{transform:translate(-25%,-50%)rotate(360deg)}}