@layer components{.button{appearance:none;cursor:pointer;text-align:center;border:0;border-radius:999px;justify-content:center;align-items:center;font-family:inherit;text-decoration:none;display:inline-flex}.button:hover{cursor:pointer}.button:is([disabled],[aria-disabled=true]){cursor:not-allowed}.button--variant-primary{background-color:var(--colour-bg-fill-brand-strong);color:var(--colour-content-brand-on-brand-strong)}.button--variant-primary:hover{background-color:var(--colour-temp-bg-fill-brand-strong-hover)}.button--variant-primary:active{background-color:var(--colour-temp-bg-fill-brand-strong-active)}.button--variant-primary:is([disabled],[aria-disabled=true]){background-color:var(--colour-bg-fill-brand-strong-disabled);color:var(--colour-content-brand-on-brand-strong-disabled)}.button--variant-destructive{background-color:var(--colour-bg-fill-danger-strong);color:var(--colour-content-danger-on-danger-strong)}.button--variant-destructive:hover{background-color:var(--colour-temp-bg-fill-danger-strong-hover)}.button--variant-destructive:active{background-color:var(--colour-temp-bg-fill-danger-strong-active)}.button--variant-destructive:is([disabled],[aria-disabled=true]){background-color:var(--colour-bg-fill-danger-strong-disabled);color:var(--colour-content-danger-on-danger-strong-disabled)}.button--variant-secondary{background-color:var(--colour-bg-fill-medium);color:var(--colour-content-interactive)}.button--variant-secondary:hover,.button--variant-secondary:active{background-color:var(--colour-bg-fill-strong)}.button--variant-secondary:is([disabled],[aria-disabled=true]){background-color:var(--colour-bg-fill-medium);color:var(--colour-content-interactive-disabled)}.button--variant-tertiary{background-color:var(--colour-bg-surface);outline:1px solid var(--colour-border-weak);color:var(--colour-content-interactive)}.button--variant-tertiary:hover{outline-color:var(--colour-border-strong)}.button--variant-tertiary:active{outline-color:var(--colour-border-strong);background-color:var(--colour-bg-fill-medium)}.button--variant-tertiary:focus-visible{outline-color:var(--colour-content-interactive);outline-width:2px}.button--variant-tertiary:is([disabled],[aria-disabled=true]){background-color:var(--colour-bg-surface);color:var(--colour-content-weak);outline-color:var(--colour-border-weak)}.button--variant-tertiary-destructive{background-color:var(--colour-bg-surface);color:var(--colour-content-danger);outline:1px solid var(--colour-border-weak)}.button--variant-tertiary-destructive:hover{outline-color:var(--colour-temp-border-danger-weak)}.button--variant-tertiary-destructive:active{background-color:var(--colour-bg-fill-danger-weak);outline-color:var(--colour-temp-border-danger-weak)}.button--variant-tertiary-destructive:focus-visible{outline-width:2px;outline-color:var(--colour-content-interactive)}.button--variant-tertiary-destructive:is([disabled],[aria-disabled=true]){background-color:var(--colour-bg-surface);color:var(--colour-content-weak);outline-color:var(--colour-border-weak)}.button--variant-text,.button--variant-text-destructive{color:var(--colour-content-interactive);height:1.5rem;min-width:unset;background:0 0;border:0;padding-inline:.5rem}:is(.button--variant-text,.button--variant-text-destructive):hover,:is(.button--variant-text,.button--variant-text-destructive):active{text-decoration:underline}:is(.button--variant-text,.button--variant-text-destructive):focus-visible{outline-color:var(--colour-content-interactive);outline-width:1px;outline-style:solid}:is(.button--variant-text,.button--variant-text-destructive):is([disabled],[aria-disabled=true]){color:var(--colour-content-interactive-disabled);text-decoration:none}.button--variant-text-destructive{color:var(--colour-content-danger)}.button--variant-text-destructive:is([disabled],[aria-disabled=true]){color:var(--colour-content-danger-disabled)}.button--size-large{font-size:var(--text-size-button);font-weight:var(--text-weight-button);line-height:var(--text-height-button);padding:.5rem 1.5rem}.button--size-large.button--variant-text,.button--size-large.button--variant-text-destructive{padding:0 .5rem}.button--size-small{font-size:var(--text-size-small-button);font-weight:var(--text-weight-small-button);line-height:var(--text-height-small-button);min-width:unset;padding:.25rem .75rem}.button--size-small.button--variant-text,.button--size-small.button--variant-text-destructive{padding:0 .5rem}@keyframes copy-button-in{10%{opacity:0;transform:translateY(5px)}30%{opacity:1;transform:translateY(0)}70%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5px)}}@keyframes copy-button-out{0%{opacity:1;transform:translateY(0)}20%{opacity:0;transform:translateY(-5px)}70%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.copy-button{--icon-diameter:1.25rem;padding:6px}.copy-button__icons{height:var(--icon-diameter);width:var(--icon-diameter);display:inline-block}.copy-button__icon{height:var(--icon-diameter);width:var(--icon-diameter);display:inline-block;position:relative}.copy-button__icon svg{height:var(--icon-diameter);width:var(--icon-diameter)}.copy-button__icon--check{opacity:0}.copy-button__icon--check.copy-button__icon--animating{animation:.6s ease-out copy-button-in}.copy-button__icon--copy{width:0}.copy-button__icon--copy.copy-button__icon--animating{animation:.6s ease-out copy-button-out}}