@use '../../abstract' as *;
.label {
  --p-label-text-color: var(--color-neutral-80);

  color: hsl(var(--p-label-text-color));
  display: inline-block;
  cursor: pointer;
  line-height: 1.5;
  margin-bottom: pxToRem(4);
  font-size: var(--font-size-0);

  &:where(.is-required)::after { content:"*"; color:hsl(var(--color-danger-100)); }

  #{$theme-dark} & {
    --p-label-text-color: var(--color-neutral-5);
  }
}