{"version":3,"sources":["link.pcss"],"names":[],"mappings":"AAAA,UAAU;;AAEV;EACE,6BAA6B;AAW/B;;AATE;IACE,0BAA0B;IAC1B,eAAe;EACjB;;AAEA;;IAEE,iBAAiB;EACnB;;AAGF;EACE,yCAAyC;AAK3C;;AAHE;IACE,wCAAwC;EAC1C;;AAGF;EACE,uCAAuC;AAKzC;;AAHE;IACE,wCAAwC;EAC1C;;AAGF;EACE,uCAAuC;AAMzC;;AAJE;IACE,wCAAwC;EAE1C;;AAHA;IAEE,qBAAqB;EACvB;;AAGF;mEACmE;;AAEjE;IACE,wCAAwC;EAG1C;;AAJA;IAEE,0BAA0B;IAC1B,eAAe;EACjB;;AAGF;4CAC4C;;AAI1C;IACE,yBAAyB;EAC3B","file":"link.css","sourcesContent":["/* Links */\n\n.Link {\n  color: var(--color-accent-fg);\n\n  &:hover {\n    text-decoration: underline;\n    cursor: pointer;\n  }\n\n  &:focus,\n  &:focus-visible {\n    outline-offset: 0;\n  }\n}\n\n.Link--primary {\n  color: var(--color-fg-default) !important;\n\n  &:hover {\n    color: var(--color-accent-fg) !important;\n  }\n}\n\n.Link--secondary {\n  color: var(--color-fg-muted) !important;\n\n  &:hover {\n    color: var(--color-accent-fg) !important;\n  }\n}\n\n.Link--muted {\n  color: var(--color-fg-muted) !important;\n\n  &:hover {\n    color: var(--color-accent-fg) !important;\n    text-decoration: none;\n  }\n}\n\n/* Set the link color only on hover\n   Useful when you want only part of a link to turn blue on hover */\n.Link--onHover {\n  &:hover {\n    color: var(--color-accent-fg) !important;\n    text-decoration: underline;\n    cursor: pointer;\n  }\n}\n\n/* When using a color utility class inside of a link class\n   color should change with link on hover. */\n.Link--secondary,\n.Link--primary,\n.Link--muted {\n  &:hover [class*='color-fg'] {\n    color: inherit !important;\n  }\n}"]}