@property --ui-link{syntax:"<color>";inherits:true;initial-value:rgba(0,0,0,0)}@property --ui-link-hover-line{syntax:"<color>";inherits:true;initial-value:rgba(0,0,0,0)}@property --ui-link-ring{syntax:"<color>";inherits:true;initial-value:rgba(0,0,0,0)}@property --ui-link-visited{syntax:"<color>";inherits:true;initial-value:rgba(0,0,0,0)}@property --ui-link-line-offset{syntax:"<length-percentage>";inherits:true;initial-value:0px}@property --ui-link-line-width{syntax:"<length-percentage>";inherits:true;initial-value:0px}@property --ui-link-ring-offset{syntax:"<length-percentage>";inherits:true;initial-value:0px}@property --ui-link-ring-width{syntax:"<length-percentage>";inherits:true;initial-value:0px}@layer reset, base, components, utilities;@layer base{:root{--ui-link: LinkText;--ui-link-visited: VisitedText;--ui-link-line-width: 0.0625rem;--ui-link-line-offset: 0.125rem;--ui-link-hover-line: color-mix(in oklch, var(--ui-link, LinkText) 35%, transparent);--ui-link-ring: var(--ui-ring, Highlight);--ui-link-ring-width: var(--ui-ring-width, 0.125rem);--ui-link-ring-offset: var(--ui-ring-offset, 0.0625rem)}}@layer base{a{color:var(--ui-link, LinkText);text-decoration-thickness:var(--ui-link-line-width, 0.0625rem);text-underline-offset:var(--ui-link-line-offset, 0.125rem)}a:focus-visible{outline:var(--ui-link-ring-width, 0.125rem) solid var(--ui-link-ring, Highlight);outline-offset:var(--ui-link-ring-offset, 0.0625rem)}@media(hover: hover)and (pointer: fine){a:hover{text-decoration:underline;text-decoration-color:var(--ui-link-hover-line, currentColor);text-decoration-thickness:var(--ui-link-line-width, 0.0625rem);text-underline-offset:var(--ui-link-line-offset, 0.125rem)}}a:visited{color:var(--ui-link-visited, VisitedText)}}