@layer components{@property --inherit-color-contrast{syntax:"*";inherits:true}@property --inherit-color-primary{syntax:"*";inherits:true}@property --inherit-link-color{syntax:"*";inherits:true}:root{--c-link--color--primary:var(--color--primary);--c-link--color--background-contrast:var(--color--background-contrast)}.c-link,a{--c-link--mixable-color:var(--inherit-color-contrast,var(--c-link--color--background-contrast,var(--color--background-contrast)));--c-link--mixable-color-saturated:var(--inherit-color-primary,var(--c-link--color--primary,var(--color--primary)));--c-link--link-color-mix:color-mix(in srgb,var(--c-link--mixable-color) var(--c-link--color-mix-amount,90%),var(--c-link--mixable-color-saturated));--c-link--state-link-color-mix:color-mix(in srgb,var(--c-link--mixable-color) var(--c-link--state-color-mix-amount,50%),var(--c-link--mixable-color-saturated))}.c-link,a:not([class^=c-]):not([class*=" c-"]){color:var(--inherit-link-color,var(--c-link--link-color-mix));text-decoration-style:solid;transition:color .1s}.c-link i,a:not([class^=c-]):not([class*=" c-"]) i{text-decoration:none}.c-link:hover,a:not([class^=c-]):not([class*=" c-"]):hover{text-decoration-style:solid}.c-link:active,.c-link:focus,a:not([class^=c-]):not([class*=" c-"]):active,a:not([class^=c-]):not([class*=" c-"]):focus{text-decoration:underline;text-decoration-style:dotted}.c-link:active,.c-link:hover,.c-link:visited,.c-link:visited:active,.c-link:visited:hover,a:not([class^=c-]):not([class*=" c-"]):active,a:not([class^=c-]):not([class*=" c-"]):hover,a:not([class^=c-]):not([class*=" c-"]):visited,a:not([class^=c-]):not([class*=" c-"]):visited:active,a:not([class^=c-]):not([class*=" c-"]):visited:hover{color:var(--inherit-link-color,var(--c-link--state-link-color-mix))}}