/* Typography Usage mixins */
:host {
  display: inline;
}
:host ::slotted(*) {
  all: unset;
  cursor: pointer;
  outline: none;
  color: var(--tds-link);
  text-decoration: underline;
}
:host ::slotted(*:hover) {
  color: var(--tds-link-hover);
  text-decoration: none;
}
:host .no-underline ::slotted(*) {
  text-decoration: none;
}
:host .no-underline ::slotted(*:hover) {
  color: var(--tds-link-hover);
  text-decoration: underline;
  text-decoration-color: var(--tds-link-hover);
}
:host ::slotted(*:focus-visible) {
  color: var(--tds-link-focus);
  text-decoration: none;
  box-shadow: 0 0 0 1px var(--tds-white), 0 0 0 3px var(--tds-link-focus);
}
:host ::slotted(*:active) {
  color: var(--tds-link);
  text-decoration: underline;
  text-decoration-color: var(--tds-link);
}
:host ::slotted(*:visited) {
  color: var(--tds-link-visited);
  text-decoration-color: var(--tds-link-visited);
}

.disabled ::slotted(*),
.disabled ::slotted(*:visited) {
  opacity: var(--tds-link-opacity-disabled);
  pointer-events: none;
}

.standalone ::slotted(*) {
  font-family: var(--detail-02-font-family);
  font-size: var(--detail-02-font-size);
  line-height: var(--detail-02-line-height);
  font-weight: var(--detail-02-font-weight);
  letter-spacing: var(--detail-02-letter-spacing);
  text-transform: var(--detail-02-text-transform);
}