@layer starter, reset, base, state, application;
@layer reset {
  ._badge_1rwnm_2 {
    all: unset;
    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
    font-size: 100%;
    color: var(--foreground-color, #141414);
    margin: 0;
    padding: 0;
    border-style: none;
    border-width: 0;
    border-color: transparent;
    box-sizing: border-box;
    display: revert-layer;
  }
}
@layer base {
  ._badge_1rwnm_2 {
    background-color: var(--background-color-danger, var(--background-color-danger, #e13212));
    color: var(--foreground-color-on-danger, var(--foreground-color-on-danger, #ffffff));
    border-radius: 1.5rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 0.75rem;
    padding-block: 0.25rem;
    padding-inline: 0.375rem;
    min-height: 1.25rem;
    min-width: 1.25rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    position: absolute;
    line-height: 1em;
    inset-block-start: 0;
    inset-inline-end: 0;
    transform-origin: top right;
    transform: translateY(calc(-50% + var(--offsetY) - 0.0625rem)) translateX(calc(50% + var(--offsetX) + 0.0625rem));
  }
}
@layer state {
  [dir=rtl] ._badge_1rwnm_2 {
    transform-origin: top left;
    transform: translateY(calc(-50% + var(--offsetY) - 0.0625rem)) translateX(calc(-50% - (var(--offsetX) - 0.0625rem)));
  }
  ._badge_1rwnm_2._empty_1rwnm_43 {
    min-height: 0.75rem;
    min-width: 0.75rem;
    height: 0.75rem;
    width: 0.75rem;
  }
}