@layer components{.link{--link--icon-size:var(--s-size-icon-small);display:var(--link--display,inline-flex);color:var(--set-link--color,var(--link--color,var(--s-color-text-active,currentColor)));-webkit-text-decoration:var(--link--text-deco,none);-webkit-text-decoration:var(--link--text-deco,none);text-decoration:var(--link--text-deco,none);gap:var(--link--gap,var(--s-spacing-2));font-family:var(--link--ff,var(--s-type-label-font-family));font-weight:var(--link--fw,var(--s-type-label-font-weight));line-height:var(--link--lh,var(--s-type-label-line-height));font-size:var(--link--fs,var(--s-type-label-font-size));letter-spacing:var(--link--ls,var(--s-type-label-letter-spacing));padding:var(--link--p);align-items:center;align-self:var(--link--as);cursor:pointer}.link--hovered{--link--color:var(--link--color-hover,var(--s-color-text-hover));--link--text-deco:var(--link--text-deco-hover)}.link--pressed{--link--color:var(--link--color-pressed,var(--s-color-text-pressed));--link--text-deco:var(--link--text-deco-active)}.link--active{--link--color:var(--link--color-active,var(--s-color-text-active))}.link--focused{outline:var(--s-border-width-focus) solid var(--s-color-border-focus)}.link--disabled{--link--color:var(--link--color-disabled,var(--s-color-text-inactive));pointer-events:none}.link:has(.link__icon:only-child){padding:var(--s-spacing-1)}.link--underline-always{text-decoration:underline}.link--underline-hover{text-decoration:none}.link--underline-hover:hover{text-decoration:underline}.link--underline-none{text-decoration:none!important}a.link:not([href]){--link--color:var(--link--color-disabled,var(--s-color-text-inactive));pointer-events:none}.link__icon{--svg--width:var(--set-link--icon-size,var(--link--icon-size));--svg--height:var(--set-link--icon-size,var(--link--icon-size));flex-shrink:0}.link--color-primary{--link--color:var(--s-color-text-active);--link--color-hover:var(--s-color-text-hover);--link--color-pressed:var(--s-color-text-pressed);--link--color-active:var(--s-color-text-active);--link--text-deco-hover:var(--s-link-decoration);--link--text-deco-active:var(--s-link-decoration)}.link--color-secondary{--link--color:var(--s-color-text-subtle);--link--color-hover:var(--s-color-text-subtle-hover);--link--color-pressed:var(--s-color-text-subtle-pressed);--link--color-active:var(--link--color);--link--text-deco-hover:var(--link-secondary--text-deco-hover,var(--s-link-decoration));--link--text-deco-active:var(--link-secondary--text-deco-active,var(--s-link-decoration))}.link--color-destructive{--link--color:var(--s-color-text-error);--link--color-hover:var(--s-color-text-error);--link--color-pressed:var(--s-color-text-error);--link--color-active:var(--s-color-text-error);--link--text-deco-hover:var(--s-link-decoration);--link--text-deco-active:var(--s-link-decoration)}.link--color-destructive .link__icon{fill:var(--s-color-text-error)}.link--small{--link--icon-size:var(--s-size-icon-tiny);--link--ff:var(--s-type-label-small-font-family);--link--fw:var(--s-type-label-small-font-weight);--link--lh:var(--s-type-label-small-line-height);--link--fs:var(--s-type-label-small-font-size);--link--ls:var(--s-type-label-small-letter-spacing)}.link-group{gap:var(--s-spacing-3);flex-wrap:wrap;display:flex}}
