.tad-link{--link-color: var(--color-text-link);--link-text-decoration: none;--link-padding: 0;--link-background: none;--link-outline-offset: var(--space-ui-normal);--link-border-radius: max( 1px, calc(var(--size-radius-ui-small) - var(--link-outline-offset)) );--link-gap: var(--space-ui-tight);--link-grid-template-areas: "link icon";--link-color-underline: var(--color-border-link-default);--link-color-underline-hover: var(--color-border-link-hover);--link-margin-icon: var(--space-ui-tight);--link-font-weight: bold;color:var(--link-color);-webkit-text-decoration:var(--link-text-decoration);text-decoration:var(--link-text-decoration);padding:var(--link-padding);background:var(--link-background);border-radius:var(--link-border-radius);text-underline-offset:4px;text-decoration-color:var(--link-color-underline);inline-size:fit-content}.tad-link__icon{grid-area:icon;margin-inline-start:var(--link-margin-icon)}.tad-link:visited{color:var(--color-text-visited);text-decoration-color:var(--color-border-link-visited)}.tad-link:hover{--link-text-decoration: underline;--link-color-underline: var(--link-color-underline-hover)}.tad-link:focus-visible{outline:var(--size-border-focus) solid var(--color-border-focus);outline-offset:var(--link-outline-offset)}.tad-link--explore,.tad-link--help,.tad-link--strong,.tad-link--navigation{display:inline-grid;align-items:center;grid-template-columns:1fr auto;grid-template-areas:var(--link-grid-template-areas);gap:var(--link-gap);font:var(--font-text-ui-link);font-weight:var(--link-font-weight);--link-margin-icon: 0}.tad-link--help{--link-color: var(--color-text-help);--link-gap: var(--space-ui-normal);--link-grid-template-areas: "icon link";--link-color-underline-hover: currentColor}.tad-link--explore{--link-gap: 0}.tad-link--explore:focus-visible,.tad-link--help:focus-visible{--link-outline-offset: var(--space-ui-loose)}.tad-link--navigation{--link-font-weight: normal}.tad-link--reverse{--link-grid-template-areas: "icon link"}.tad-link--strong{--link-text-decoration: underline;--link-padding: var(--space-ui-spacious);--link-background: var(--color-background-secondary-default);--link-border-radius: var(--size-radius-ui-large);--link-gap: 0}.tad-link--strong:hover{--link-background: var(--color-background-secondary-hover)}.tad-link--strong:focus-visible{--link-outline-offset: 0}.tad-link--strong:active{--link-background: var(--color-background-secondary-pressed)}.tad-link--inline{--link-text-decoration: underline}
