span.pidelo-brand-text[data-brand-text] {
  all: unset;
  display: inline;
}

span.pidelo-brand[data-brand] {
  all: unset;
  display: inline-block;
  flex: none;
  width: 3.08em;
  height: .85em;
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  line-height: 1;
  color: transparent;
  -webkit-text-fill-color: transparent;
  background: url('../wordmark/pidelo/pidelo-light.svg') left center / contain no-repeat;
  vertical-align: baseline;
  white-space: nowrap;
  text-shadow: none;
  text-transform: none;
}

span.pidelo-brand[data-brand='full'] {
  width: 7.20em;
  height: 1.04em;
  background-image: url('../wordmark/pidelo-full/pidelo-full-horizontal-light.svg');
  vertical-align: -.19em;
}

span.pidelo-brand[data-brand][data-surface='dark'] {
  background-image: url('../wordmark/pidelo/pidelo-dark.svg');
}

span.pidelo-brand[data-brand='full'][data-surface='dark'] {
  background-image: url('../wordmark/pidelo-full/pidelo-full-horizontal-dark.svg');
}

@media print, (forced-colors: active) {
  span.pidelo-brand[data-brand] {
    width: auto;
    height: auto;
    color: inherit;
    -webkit-text-fill-color: currentColor;
    background: none !important;
    vertical-align: baseline;
  }
}