:root{--breakpoint-s:30rem;--breakpoint-m:48rem;--breakpoint-l:64rem;--breakpoint-xl:80rem;--breakpoint-2xl:120rem}to-clipboard{cursor:pointer;display:inline-block;position:relative}to-clipboard .button{font-weight:300;font-family:var(--font-family-title);text-transform:none;font-size:var(--font-size-4)}@media (min-width:30rem){to-clipboard .button{font-size:var(--font-size-4)}}@media (min-width:48rem){to-clipboard .button{font-size:var(--font-size-2)}}@media (min-width:80rem){to-clipboard .button{font-size:var(--font-size-1)}}to-clipboard .button svg{z-index:-1;stroke-width:.2rem;width:120%;max-width:none;height:160%;stroke:var(--color-accent);fill:none;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .4s var(--animation-easing);backface-visibility:hidden;position:absolute;top:-30%;left:-10%;transform:translate(0)}:is(to-clipboard:hover,to-clipboard:focus-visible) button svg{stroke-dashoffset:0}:is(to-clipboard:hover,to-clipboard:focus-visible) .hint{color:var(--color-neutral-700);transform:scale(.9)}to-clipboard .hint{padding:var(--space-xs);margin-top:var(--space-xs);color:var(--color-neutral-400);font-size:var(--font-size-7);font-weight:var(--font-weight-bold);transition:transform var(--animation-duration) var(--transition-easing);justify-content:center;line-height:1;display:flex;position:relative;overflow:hidden}to-clipboard .hint .label-default,to-clipboard .hint .label-copied{pointer-events:none;transition:color .2s var(--animation-easing), opacity var(--animation-duration) .2s var(--transition-easing), transform var(--animation-duration) .2s var(--transition-easing);border:1px solid var(--color-neutral-400);border-radius:var(--border-radius-rounded);padding:calc(var(--space-2xs) * .9) var(--space-xs) var(--space-2xs) var(--space-xs);backface-visibility:hidden;will-change:color, opacity, transform;background:var(--color-neutral-100);display:inline-block;position:relative}to-clipboard .hint .label-copied{opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-50% - 1rem))}to-clipboard.is-copied .hint .label-default{opacity:0;transform:translateY(1rem)}to-clipboard.is-copied .hint .label-copied{opacity:1;transform:translate(-50%,-50%)}[data-theme=light] to-clipboard .hint{color:var(--color-neutral-600)}:is([data-theme=light] to-clipboard:hover,[data-theme=light] to-clipboard:focus-visible) .hint{color:var(--color-neutral-800);transform:scale(.9)}