/* ==========================================================================
   Animation Styles - Hover effects, transitions, and utilities
   ========================================================================== */

/* Animated Selectable (logo, icons) */
.animated-selectable {
    transition-duration: 500ms;
    transition-timing-function: ease-in-out-cubic;
}

.animated-selectable:hover {
    scale: 0.9 0.9;
    rotate: 0;
}

/* Scale on Hover */
.scale-x2-on-hover {
    transition-duration: 0ms;
    scale: 1 1;
}

.scale-x2-on-hover:hover {
    transition-duration: 200ms;
    transition-timing-function: ease-out-cubic;
    scale: 2 2;
}