.px-input-group-label-canvas {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  pointer-events: none;
}
.px-input-group-label {
  --input-group-label-size: var(--px-medium-size);
  --text-color: var(--px-neutral-10);
  height: var(--input-group-label-size);
  background-color: transparent;
  border-color: transparent;
  border-width: var(--px-bit);
  display: inline-flex;
  align-items: center;
  position: relative;
  color: var(--text-color);
  transition: 0.25s;
  z-index: 0;
}
.px-input-group-label__large {
  --input-group-label-size: var(--px-large-size);
}
.px-input-group-label__small {
  --input-group-label-size: var(--px-small-size);
}
.px-input-group-label.px-input-group-label__small {
  padding-right: 8px;
  padding-left: 8px;
  font-size: 12px;
}
.px-input-group-label.px-input-group-label__small.px-input-group-label__inner {
  padding-right: calc(8px + 1px + 1 * var(--px-bit));
}
.px-input-group-label.px-input-group-label__small.px-input-group-label__inner:last-child {
  padding-right: 8px;
}
.px-input-group-label.px-input-group-label__medium {
  padding-right: 12px;
  padding-left: 12px;
  font-size: 14px;
}
.px-input-group-label.px-input-group-label__medium.px-input-group-label__inner {
  padding-right: calc(12px + 1px + 1 * var(--px-bit));
}
.px-input-group-label.px-input-group-label__medium.px-input-group-label__inner:last-child {
  padding-right: 12px;
}
.px-input-group-label.px-input-group-label__large {
  padding-right: 16px;
  padding-left: 16px;
  font-size: 15px;
}
.px-input-group-label.px-input-group-label__large.px-input-group-label__inner {
  padding-right: calc(16px + 1px + 1 * var(--px-bit));
}
.px-input-group-label.px-input-group-label__large.px-input-group-label__inner:last-child {
  padding-right: 16px;
}