@layer components{.link[data-focus-visible],.link:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.link{font-family:var(--font-display);letter-spacing:-.005em;align-items:center;gap:var(--space-xs);transition:background-color var(--transition-fast,0) var(--timing,ease), color var(--transition-fast,0) var(--timing,ease), transform var(--transition-fast,0) var(--timing,ease), box-shadow var(--transition-fast,0) var(--timing,ease);white-space:nowrap;justify-content:center;font-size:clamp(1.25rem,3vmin,1.75rem);font-weight:700;font-stretch:90%;line-height:1.05;text-decoration:none;display:inline-flex;position:relative}.link.small{font-size:var(--text-s);gap:var(--space-2xs)}.link.large{font-size:clamp(1.375rem,3.3vmin,2.25rem)}.link.filled .control-label{text-box:trim-both cap alphabetic}.link.filled.small{border-radius:var(--radius-s);min-height:40px;padding:0 var(--space-s)}.link.filled.medium{border-radius:var(--radius-m);min-height:var(--control-height);padding:0 var(--space-m)}.link.filled.large{border-radius:var(--radius-m);min-height:72px;padding:0 var(--space-l)}.link.filled{border-radius:var(--radius-m);box-shadow:0 3px 0 0 var(--chipboard), 0 8px 14px -6px var(--shadow);transition:transform var(--transition-fast,0) var(--timing,ease), box-shadow var(--transition-fast,0) var(--timing,ease);border:0;position:relative}.link.filled:not([data-disabled])[data-pressed]{box-shadow:0 1px 0 0 var(--chipboard), 0 4px 8px -6px var(--shadow);transform:translateY(2px)}@media (hover:hover) and (pointer:fine){.link.filled:not([data-disabled])[data-hovered]:not([data-pressed]){box-shadow:0 5px 0 0 var(--chipboard), 0 12px 18px -8px var(--shadow);transform:translateY(-2px)}}.link.filled{--control-ink:var(--on-primary);background:var(--primary);box-shadow:0 4px 0 var(--primary-edge), 0 12px 18px -10px var(--shadow);color:var(--control-ink)}.link.filled:not([data-disabled])[data-pressed]{box-shadow:0 1px 0 var(--primary-edge), 0 4px 8px -6px var(--shadow)}@media (hover:hover) and (pointer:fine){.link.filled:not([data-disabled])[data-hovered]:not([data-pressed]){box-shadow:0 6px 0 var(--primary-edge), 0 14px 20px -10px var(--shadow)}}.link.outlined .control-label{text-box:trim-both cap alphabetic}.link.outlined.small{border-radius:var(--radius-s);min-height:40px;padding:0 var(--space-s)}.link.outlined.medium{border-radius:var(--radius-m);min-height:var(--control-height);padding:0 var(--space-m)}.link.outlined.large{border-radius:var(--radius-m);min-height:72px;padding:0 var(--space-l)}.link.outlined{border-radius:var(--radius-m);box-shadow:0 3px 0 0 var(--chipboard), 0 8px 14px -6px var(--shadow);transition:transform var(--transition-fast,0) var(--timing,ease), box-shadow var(--transition-fast,0) var(--timing,ease);border:0;position:relative}.link.outlined:not([data-disabled])[data-pressed]{box-shadow:0 1px 0 0 var(--chipboard), 0 4px 8px -6px var(--shadow);transform:translateY(2px)}@media (hover:hover) and (pointer:fine){.link.outlined:not([data-disabled])[data-hovered]:not([data-pressed]){box-shadow:0 5px 0 0 var(--chipboard), 0 12px 18px -8px var(--shadow);transform:translateY(-2px)}}.link.outlined{--control-ink:var(--board-ink);background:var(--track-a);color:var(--control-ink)}.link.underlined{--control-ink:var(--ink-muted);color:var(--control-ink);padding-block:var(--space-2xs);text-decoration:underline;text-decoration-thickness:var(--stroke-thin);text-underline-offset:5px}.link.underlined:not([data-disabled])[data-pressed]{--control-ink:var(--ink)}@media (hover:hover) and (pointer:fine){.link.underlined:not([data-disabled])[data-hovered]{--control-ink:var(--ink)}}.link.underlined[data-pressed]{transform:translateY(1px)}.link[data-disabled]{--control-ink:var(--ink-muted);color:var(--control-ink);cursor:not-allowed}.link.filled[data-disabled],.link.outlined[data-disabled]{box-shadow:inset 0 3px 6px -4px var(--shadow);outline:var(--stroke-thin) dashed var(--socket-line);outline-offset:-2px;background:0 0;transform:none}.link[data-pending]{color:#0000;cursor:progress}}