@keyframes written-copy-toast{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes written-copy-confirm{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.written-copy-control{transition:transform var(--vfc-duration-default) var(--vfc-ease-default)}.written-copy-control:active{transform:scale(.95)}.written-copy-control[data-copied] svg{animation:written-copy-confirm var(--vfc-duration-default) var(--vfc-ease-default)}.written-copy-toast{inset:auto;bottom:var(--gap-lg);width:max-content;max-width:calc(100vw - var(--gap-xl));pointer-events:none;background:0 0;border:0;margin:0;padding:0;position:fixed;inset-inline-start:50%;overflow:visible;translate:-50%}.written-copy-toast-motion>div{background:var(--vfc-color-neutral-dark-neutrals-dark-800)}.written-copy-toast-motion p{color:var(--vfc-color-white-100)}.written-copy-toast-motion{animation:written-copy-toast var(--vfc-duration-default) var(--vfc-ease-ease-in)}.written-copy-toast[data-exiting] .written-copy-toast-motion{animation:written-copy-toast var(--vfc-duration-default) var(--vfc-ease-ease-out) reverse forwards}@media (prefers-reduced-motion:reduce){.written-copy-control,.written-copy-control[data-copied] svg,.written-copy-toast-motion,.written-copy-toast[data-exiting] .written-copy-toast-motion{transition:none;animation:none}}