/* ANIMATIONS */
@keyframes tt-animation-pop {
    0%   { transform: scale(1); }
    50%  { transform: scale(1.3); }
    100% { transform: scale(1); }
}

@keyframes tt-animation-shake {
    0%   { transform: translateX(0); }
    25%  { transform: translateX(-3px); }
    50%  { transform: translateX(3px); }
    75%  { transform: translateX(-2px); }
    100% { transform: translateX(0); }
}

/* COPY */
.tt-copy-feedback {
    opacity: 0;
    transition: opacity 0.3s ease;
    color: var(--success-color);
}
.tt-copy-feedback--visible {
    opacity: 1;
}
.tt-icon-animate {
    display: inline-block;
}
.tt-copy-150-animate {
    animation: tt-animation-pop 150ms ease-out;
}