.pk-icon {
  display: inline-block;
  position: relative;
  width: var(--pk-icon-size, clamp(18px, 1.45em, 80px));
  height: var(--pk-icon-size, clamp(18px, 1.45em, 80px));
  flex: 0 0 auto;
  vertical-align: middle;
  line-height: 1;
  margin: 0 .08em;
  pointer-events: none;
}
.pk-icon > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
/* Keep the original token available to textContent and existing dropdown logic. */
.pk-icon-source {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.nav .icon .pk-icon, .badge-slot > .pk-icon { --pk-icon-size: 100%; margin: 0; }
.nav .icon .pk-icon { width: 28px; height: 28px; }
.mc-mini .pk-icon { --pk-icon-size: 24px; }
.mr-phone .pk-icon { --pk-icon-size: 68px; }
#itemIcon .pk-icon { --pk-icon-size: 38px; margin: 0; }
#loopIcon .pk-icon { --pk-icon-size: 24px; }
.pk-skill-icon { display: block; width: 38px; height: 38px; object-fit: contain; }