/* Global utility variables */
/* Input styles */
/* Transition variables */
pn-tag {
  display: inline-block;
}

pn-tag .pn-tag {
  display: inline-flex;
  flex-direction: row;
  gap: 0.5em;
  justify-content: center;
  align-items: center;
  border-radius: 0.5em;
  /* Default size - Medium */
  padding: 0.5em 1em;
}
pn-tag .pn-tag[data-icon] {
  padding-left: 0.75em;
}
pn-tag .pn-tag {
  /* Default appearance */
  background-color: rgba(142, 221, 249, 0.3);
  color: #0d234b;
}
pn-tag .pn-tag[data-dark] {
  background-color: #8eddf9;
}
pn-tag .pn-tag pn-icon .pn-icon-svg path {
  fill: #0d234b;
}
pn-tag .pn-tag-label {
  line-height: 1.5em;
  font-weight: 400;
}
pn-tag .pn-tag {
  /* --------------------------------------- SIZES S + L --------------------------------------- */
  /** Extra small tag */
}
pn-tag .pn-tag[data-xsmall] {
  padding: 0 0.5em;
}
pn-tag .pn-tag[data-xsmall] .pn-tag-label {
  font-size: 0.875em;
  line-height: 1.715em;
}
pn-tag .pn-tag {
  /** Small tag */
}
pn-tag .pn-tag[data-small] {
  padding: 0.125em 0.5em;
}
pn-tag .pn-tag[data-small] .pn-tag-label {
  font-size: 0.875em;
  line-height: 1.715em;
}
pn-tag .pn-tag[data-small][data-icon] {
  padding-left: 0.5em;
}
pn-tag .pn-tag {
  /** Large tag */
}
pn-tag .pn-tag[data-large] {
  padding: 0.75em 1.25em;
}
pn-tag .pn-tag {
  /* --------------------------------------- /SIZES S + L --------------------------------------- */
  /* --------------------------------------- APPEARANCE --------------------------------------- */
}
pn-tag .pn-tag[data-appearance=discrete] {
  background-color: rgba(211, 206, 203, 0.3);
  color: #2d2013;
}
pn-tag .pn-tag[data-appearance=discrete][data-dark] {
  background-color: #d3cecb;
}
pn-tag .pn-tag[data-appearance=discrete] pn-icon .pn-icon-svg path {
  fill: #2d2013;
}
pn-tag .pn-tag[data-appearance=positive] {
  background-color: rgba(171, 227, 187, 0.3);
  color: #002f24;
}
pn-tag .pn-tag[data-appearance=positive][data-dark] {
  background-color: #abe3bb;
}
pn-tag .pn-tag[data-appearance=positive] pn-icon .pn-icon-svg path {
  fill: #002f24;
}
pn-tag .pn-tag[data-appearance=warning] {
  background-color: rgba(255, 200, 163, 0.3);
  color: #99290a;
}
pn-tag .pn-tag[data-appearance=warning][data-dark] {
  background-color: #ffc8a3;
}
pn-tag .pn-tag[data-appearance=warning] pn-icon .pn-icon-svg path {
  fill: #99290a;
}
pn-tag .pn-tag[data-appearance=error] {
  background-color: rgba(251, 194, 193, 0.3);
  color: #a70707;
}
pn-tag .pn-tag[data-appearance=error][data-dark] {
  background-color: #fbc2c1;
}
pn-tag .pn-tag[data-appearance=error] pn-icon .pn-icon-svg path {
  fill: #a70707;
}
pn-tag .pn-tag {
  /* --------------------------------------- /APPEARANCE --------------------------------------- */
}