.klyp-CopyableLink{--cl-h:auto;--cl-r:var(--r-card);--cl-px:var(--space-12);--cl-gap:var(--space-8);--cl-font:var(--font-size-13);box-sizing:border-box;width:100%;min-width:0;font-family:var(--font-sans)}.klyp-CopyableLink[data-emphasis=default]{display:inline-flex}.klyp-CopyableLink[data-emphasis=hero]{gap:var(--space-12);grid-template-columns:minmax(0,1fr) auto;align-items:stretch;display:grid}.klyp-CopyableLink[data-size=sm]{--cl-r:var(--r-chip);--cl-px:var(--space-8);--cl-gap:var(--space-6);--cl-font:var(--font-size-12)}.klyp-CopyableLink[data-size=md]{--cl-r:var(--r-card);--cl-px:var(--space-12);--cl-gap:var(--space-8);--cl-font:var(--font-size-13)}.klyp-CopyableLink[data-size=lg]{--cl-h:48px;--cl-r:var(--r-card);--cl-px:var(--space-16);--cl-gap:var(--space-10);--cl-font:var(--font-size-14)}.klyp-CopyableLink__field{align-items:center;gap:var(--cl-gap);width:100%;min-width:0;height:var(--cl-h);padding-inline:var(--cl-px);background:var(--color-bg-surface-solid);border:var(--bw-default) solid var(--color-border-subtle);border-radius:var(--cl-r);box-sizing:border-box;transition:border-color var(--duration-fast) var(--easing-standard), box-shadow var(--duration-fast) var(--easing-standard), opacity var(--duration-fast) var(--easing-standard);display:flex}.klyp-CopyableLink[data-size=sm] .klyp-CopyableLink__field{padding-block:var(--space-4)}.klyp-CopyableLink[data-size=md] .klyp-CopyableLink__field{padding-block:var(--space-6)}.klyp-CopyableLink__field:focus-within{border-color:var(--color-border-focus);box-shadow:0 0 0 var(--bw-default) var(--color-ring)}.klyp-CopyableLink[data-invalid] .klyp-CopyableLink__field{border-color:var(--color-status-danger)}.klyp-CopyableLink[data-invalid] .klyp-CopyableLink__field:focus-within{border-color:var(--color-status-danger);box-shadow:0 0 0 var(--bw-default) color-mix(in oklch, var(--color-status-danger) 25%, transparent)}.klyp-CopyableLink[data-disabled] .klyp-CopyableLink__field{opacity:var(--opacity-disabled);cursor:not-allowed}.klyp-CopyableLink[data-loading] .klyp-CopyableLink__field{cursor:progress}.klyp-CopyableLink__leadingIcon{color:var(--color-fg-muted);transition:color var(--duration-fast) var(--easing-standard);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.klyp-CopyableLink__field:focus-within .klyp-CopyableLink__leadingIcon{color:var(--color-fg-primary)}.klyp-CopyableLink__input{min-width:0;color:var(--color-fg-primary);font:inherit;font-size:var(--cl-font);font-variant-numeric:tabular-nums;line-height:var(--line-height-snug);box-shadow:none;background:0 0;border:0;outline:none;flex:1;margin:0;padding:0;transition:none}.klyp-CopyableLink__input:focus,.klyp-CopyableLink__input:focus-visible{box-shadow:none;border:0;outline:none}.klyp-CopyableLink__input[readonly]{color:var(--color-fg-primary)}.klyp-CopyableLink__input:disabled{cursor:not-allowed;background:0 0}.klyp-CopyableLink__input[data-truncate]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.klyp-CopyableLink__input::selection{background:var(--color-bg-selection,#ffffff2e);color:var(--color-fg-primary)}.klyp-CopyableLink[data-font=mono] .klyp-CopyableLink__input{font-family:var(--font-mono)}.klyp-CopyableLink[data-loading] .klyp-CopyableLink__input{color:#0000;border-radius:var(--radius-sm);position:relative;overflow:hidden}.klyp-CopyableLink[data-loading] .klyp-CopyableLink__input:before{content:"";background:linear-gradient(90deg, transparent 0%, color-mix(in oklch, var(--color-fg-primary) 14%, transparent) 50%, transparent 100%);will-change:transform;pointer-events:none;animation:1.2s linear infinite klyp-CopyableLink-shimmer;position:absolute;inset:0;transform:translate(-100%)}@media (prefers-reduced-motion:reduce){.klyp-CopyableLink[data-loading] .klyp-CopyableLink__input{color:var(--color-fg-muted)}.klyp-CopyableLink[data-loading] .klyp-CopyableLink__input:before{animation:none}}.klyp-CopyableLink[data-emphasis=default] .klyp-CopyableLink__copyBtn{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-8);color:var(--color-fg-primary);border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;font-size:var(--font-size-12);font-weight:var(--font-weight-medium);transition:background-color var(--duration-fast) var(--easing-standard), color var(--duration-fast) var(--easing-standard);background:0 0;border:0;flex-shrink:0;display:inline-flex}.klyp-CopyableLink[data-emphasis=default] .klyp-CopyableLink__copyBtn:hover{background:var(--color-bg-surface-hover)}.klyp-CopyableLink[data-emphasis=default] .klyp-CopyableLink__copyBtn:focus-visible{background:var(--color-bg-surface-hover);color:var(--color-fg-accent)}.klyp-CopyableLink[data-emphasis=default] .klyp-CopyableLink__copyBtn:disabled{cursor:not-allowed;opacity:var(--opacity-disabled);background:0 0}.klyp-CopyableLink[data-emphasis=default] .klyp-CopyableLink__copyBtn[data-copied]{color:var(--color-status-success)}.klyp-CopyableLink[data-emphasis=default] .klyp-CopyableLink__copyBtn[data-error]{color:var(--color-status-danger)}.klyp-CopyableLink[data-emphasis=hero] .klyp-CopyableLink__copyBtn.klyp-MeshButton[data-size=lg]{height:var(--cl-h);border-radius:var(--cl-r);padding-inline:var(--space-20);font-size:var(--font-size-14)}.klyp-CopyableLink[data-emphasis=hero] .klyp-CopyableLink__copyBtn.klyp-MeshButton[data-size=md],.klyp-CopyableLink[data-emphasis=hero] .klyp-CopyableLink__copyBtn.klyp-MeshButton[data-size=sm]{height:var(--cl-h);border-radius:var(--cl-r)}.klyp-CopyableLink__copyIcon{justify-content:center;align-items:center;display:inline-flex}.klyp-CopyableLink__copyLabel{line-height:1}@container (width<480px){.klyp-CopyableLink[data-emphasis=hero]{grid-template-columns:1fr}.klyp-CopyableLink[data-emphasis=hero] .klyp-CopyableLink__copyBtn.klyp-MeshButton{width:100%}}@keyframes klyp-CopyableLink-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}
