.number-badge{width:var(--space-size-l);height:var(--space-size-l);border-radius:var(--number-badge-radius);border:1px solid var(--number-badge-background);background-color:var(--number-badge-background);color:var(--number-badge-color);font-size:var(--font-size-step-0);transition:background-color var(--transition-default-duration) var(--transition-default-timing-function),border-color var(--transition-default-duration) var(--transition-default-timing-function),color var(--transition-default-duration) var(--transition-default-timing-function);place-items:center;display:grid}@media screen and (width<640px){.number-badge{width:var(--space-size-m-l);height:var(--space-size-m-l);font-size:var(--font-size-step--1)}}@media screen and (width<480px){.number-badge{width:var(--space-size-s-m);height:var(--space-size-s-m);font-size:var(--font-size-step--2)}}.number-badge--large{width:var(--space-size-xl-2xl);height:var(--space-size-xl-2xl);font-size:var(--font-size-step-1)}@media screen and (width<640px){.number-badge--large{font-size:var(--font-size-step-0)}}.number-badge__text{font-family:var(--font-family-body);font-weight:500;line-height:1.5}.number-badge--active:not(.number-badge--disabled){background-color:var(--color-accent-light);border-color:var(--number-badge-active-border);color:var(--color-body-text)}.number-badge--disabled{background-color:var(--color-body-background);border-color:var(--color-seperator-dark---20);color:var(--color-body-text)}.number-badge--inactive{background-color:var(--number-badge-inactive-background);border-color:var(--number-badge-inactive-background);color:var(--number-badge-inactive-color)}.number-badge--inactive.number-badge--active{background-color:var(--svg-map-select-item-inactive-color);border-color:var(--svg-map-select-item-inactive-color);color:var(--color-body-text)}