.badge-wrapper{isolation:isolate;display:inline-flex;position:relative}.badge-standalone{display:inline-flex}.badge-standalone .badge{top:unset;right:unset;position:static}.badge{z-index:4;border-radius:var(--fds-ref-radius-full);white-space:nowrap;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;transition:background-color .2s,transform .15s;display:flex;position:absolute}.badge--2xs:not(.badge--dot){right:calc(- 2px)}.badge--sm:not(.badge--dot){height:var(--fds-sem-dimension-xsmall);min-width:var(--fds-sem-dimension-xsmall);padding:var(--fds-ref-spacing-4xsmall) var(--fds-ref-spacing-2xsmall-nudge);top:-6px;right:-8px}.badge--sm:not(.badge--dot) .badge__icon{width:var(--fds-sem-dimension-2xsmall);height:var(--fds-sem-dimension-2xsmall)}.badge--md:not(.badge--dot){height:var(--fds-sem-dimension-xsmall-nudge);min-width:var(--fds-sem-dimension-xsmall-nudge);padding:var(--fds-ref-spacing-4xsmall) var(--fds-ref-spacing-2xsmall);top:-8px;right:-10px}.badge--md:not(.badge--dot) .badge__icon{width:var(--fds-sem-dimension-xsmall);height:var(--fds-sem-dimension-xsmall)}.badge--lg:not(.badge--dot){height:var(--fds-sem-dimension-small);min-width:var(--fds-sem-dimension-small);padding:var(--fds-ref-spacing-4xsmall) var(--fds-ref-spacing-2xsmall);top:-10px;right:-12px}.badge--lg:not(.badge--dot) .badge__icon{width:14px;height:14px}.badge .badge__icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.badge .badge__icon svg{width:100%;height:100%;display:block}.badge--with-icon:not(.badge--dot){gap:var(--fds-ref-spacing-3xsmall);padding:var(--fds-ref-spacing-3xsmall)}.badge--icon-only:not(.badge--dot){padding:0}.badge--icon-only:not(.badge--dot).badge--sm{width:var(--fds-sem-dimension-xsmall);min-width:var(--fds-sem-dimension-xsmall)}.badge--icon-only:not(.badge--dot).badge--md{width:var(--fds-sem-dimension-xsmall-nudge);min-width:var(--fds-sem-dimension-xsmall-nudge)}.badge--icon-only:not(.badge--dot).badge--lg{width:var(--fds-sem-dimension-small);min-width:var(--fds-sem-dimension-small)}.badge--dot{padding:0}.badge--dot.badge--2xs{width:var(--fds-sem-dimension-4xsmall);height:var(--fds-sem-dimension-4xsmall);min-width:var(--fds-sem-dimension-4xsmall);top:0;right:0}.badge--dot.badge--xs{width:var(--fds-sem-dimension-3xsmall);height:var(--fds-sem-dimension-3xsmall);min-width:var(--fds-sem-dimension-3xsmall);top:0;right:0}.badge--dot.badge--sm{width:var(--fds-sem-dimension-xsmall);height:var(--fds-sem-dimension-xsmall);min-width:var(--fds-sem-dimension-xsmall);top:-8px;right:-8px}.badge--dot.badge--md{width:var(--fds-sem-dimension-xsmall-nudge);height:var(--fds-sem-dimension-xsmall-nudge);min-width:var(--fds-sem-dimension-xsmall-nudge);top:-10px;right:-10px}.badge--dot.badge--lg{width:var(--fds-sem-dimension-small);height:var(--fds-sem-dimension-small);min-width:var(--fds-sem-dimension-small);top:-12px;right:-12px}.badge--primary{background:rgba(var(--hero), var(--fds-ref-alpha-100));color:rgba(var(--hero-sc), var(--fds-ref-alpha-90))}.badge--secondary{background:rgba(var(--oc-1), var(--fds-ref-alpha-100));color:rgba(var(--oc-1-sc), var(--fds-ref-alpha-90))}.badge--tertiary{background:rgba(var(--oc-2), var(--fds-ref-alpha-100));color:rgba(var(--oc-2-sc), var(--fds-ref-alpha-90))}.badge--informative{background:rgba(var(--info), var(--fds-ref-alpha-100));color:rgba(var(--static-white), var(--fds-ref-alpha-90))}.badge--red{background:rgba(var(--error), var(--fds-ref-alpha-100));color:rgba(var(--static-white), var(--fds-ref-alpha-90))}.badge--neutral{background:rgba(var(--neutral), var(--fds-ref-alpha-100));color:rgba(var(--neutral-sc), var(--fds-ref-alpha-90))}.badge--transparent-dark{background:rgba(var(--static-black), var(--fds-ref-alpha-48));color:rgba(var(--static-white), var(--fds-ref-alpha-80))}.badge--transparent-light{background:rgba(var(--static-white), var(--fds-ref-alpha-72));color:rgba(var(--static-black), var(--fds-ref-alpha-90))}