/*
 * Link — Figma "text-email" (4446:4710) and the "link" role of the type scale.
 *
 * Hover is a 60% opacity in the maquette rather than a colour change.
 */

.mo-link {
    color: var(--mo-text-action);
    font-family: var(--mo-font-family);
    font-size: var(--mo-font-size-link);
    font-weight: var(--mo-font-weight-semibold);
    line-height: var(--mo-line-height-link);
    text-decoration: none;
    transition: opacity 120ms ease;
}

.mo-link:hover {
    opacity: 0.6;
}

.mo-link--sm {
    font-size: var(--mo-font-size-body-sm);
    line-height: var(--mo-line-height-body-sm);
}

/* Truncates a long value, e.g. an email address, on one line. */
.mo-link--truncate {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}