:host {
  --border-outline: 4px solid var(--pine-color-blue-200);
  --border-radius: var(--pine-border-radius-075);
  --box-shadow-focus: inset 0 0 0 2px var(--pine-color-blue-200);
  --color-text-default: var(--pine-color-grey-900);
  --font-size: var(--pine-font-size-100);
  --font-size-sm: var(--pine-font-size-085);
  --font-size-xs: var(--pine-font-size-085);
  --font-weight: var(--pine-font-weight-medium);
  --spacing-inline-start-margin: var(--pine-spacing-050);
  --sizing-svg-lg: 15px;
  --sizing-svg-md: 13px;
  --sizing-svg-sm: 11px;
  display: inline;
}
:host pds-icon {
  margin-inline-start: var(--spacing-inline-start-margin);
}

.pds-link {
  align-items: center;
  color: var(--color-text);
  display: inline-flex;
  font-weight: inherit;
}
.pds-link:focus-visible {
  box-shadow: var(--box-shadow-focus);
  outline: none;
}

.pds-link--sm {
  font-size: var(--font-size-xs);
}
.pds-link--sm pds-icon {
  height: var(--sizing-svg-sm);
  width: var(--sizing-svg-sm);
}

.pds-link--md {
  font-size: var(--font-size-sm);
}
.pds-link--md pds-icon {
  height: var(--sizing-svg-md);
  width: var(--sizing-svg-md);
}

.pds-link--lg {
  font-size: var(--font-size);
}
.pds-link--lg pds-icon {
  height: var(--sizing-svg-lg);
  width: var(--sizing-svg-lg);
}

.pds-link--plain {
  font-weight: var(--font-weight);
  text-decoration: none;
}
.pds-link--plain:hover {
  text-decoration: underline;
}

.pds-link--default {
  text-decoration: underline;
}
.pds-link--default:hover {
  text-decoration: none;
}