.spectrum-Link--sizeS {
  --spectrum-link-primary-text-size: var(--spectrum-link-s-primary-text-size, var(--spectrum-alias-item-text-size-s));
}

.spectrum-Link--sizeM {
  --spectrum-link-primary-text-size: var(--spectrum-link-m-primary-text-size, var(--spectrum-alias-item-text-size-m));
}

.spectrum-Link--sizeL {
  --spectrum-link-primary-text-size: var(--spectrum-link-l-primary-text-size, var(--spectrum-alias-item-text-size-l));
}

.spectrum-Link--sizeXL {
  --spectrum-link-primary-text-size: var(--spectrum-link-xl-primary-text-size, var(--spectrum-alias-item-text-size-xl));
}

.spectrum-Link {
  font-size: var(--spectrum-link-primary-text-size);
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  text-decoration: underline;
  transition: color var(--spectrum-global-animation-duration-100, 130ms) ease-in-out;
  outline: none;
  cursor: pointer;
}

.spectrum-Link.focus-ring {
    text-decoration: underline;
    -webkit-text-decoration-style: double;
            text-decoration-style: double;
  }

.spectrum-Link--quiet {
  text-decoration: none;
}

.spectrum-Link--quiet:hover {
    text-decoration: underline;
  }

.spectrum-Link {
  color: var(--spectrum-link-m-primary-text-color, var(--spectrum-global-color-blue-600));
}

.spectrum-Link:hover {
    color: var(--spectrum-link-m-primary-text-color-hover, var(--spectrum-global-color-blue-600));
  }

.spectrum-Link:active {
    color: var(--spectrum-link-m-primary-text-color-down, var(--spectrum-global-color-blue-700));
  }

.spectrum-Link.focus-ring {
    color: var(--spectrum-link-m-primary-text-color-key-focus, var(--spectrum-alias-text-color-key-focus));
  }

.spectrum-Link--secondary {
  color: inherit;
}

.spectrum-Link--secondary:hover {
    color: inherit;
  }

.spectrum-Link--secondary:active {
    color: inherit;
  }

.spectrum-Link--secondary:focus {
    color: inherit;
  }

.spectrum-Link--overBackground {
  color: var(--spectrum-link-m-primary-overbackground-text-color, var(--spectrum-alias-text-color-overbackground));
}

.spectrum-Link--overBackground:hover {
    color: var(--spectrum-link-m-primary-overbackground-text-color-hover, var(--spectrum-alias-text-color-overbackground));
  }

.spectrum-Link--overBackground:active {
    color: var(--spectrum-link-m-primary-overbackground-text-color-down, var(--spectrum-alias-text-color-overbackground));
  }

.spectrum-Link--overBackground:focus {
    color: var(--spectrum-link-m-primary-overbackground-text-color-key-focus, var(--spectrum-alias-text-color-overbackground));
  }