:is( .react, [data-floating-ui-portal], .react-portal ) .badge-base{display:inline-flex;align-items:center;gap:var(--pl-size-unit);border-radius:var(--pl-radius-s);padding:0 var(--pl-size-unit);font-weight:var(--pl-font-weight-bold);font-size:var(--pl-font-size-xs);text-transform:uppercase}:is( .react, [data-floating-ui-portal], .react-portal ) .badge-danger{background-color:var(--pl-color-danger);color:var(--pl-color-white)}:is( .react, [data-floating-ui-portal], .react-portal ) .badge-success{background-color:var(--pl-color-success);color:var(--pl-color-white)}:is( .react, [data-floating-ui-portal], .react-portal ) .badge-info{background-color:var(--pl-color-info);color:var(--pl-color-white)}
:is( .react, [data-floating-ui-portal], .react-portal ) .fullwidth{width:100%}