/* Reicon docs/shared/styling.md: hover scale, spin, pulse. Native CSS adaptation. */
.reicon { flex: 0 0 auto; overflow: visible; transition: transform .2s ease; transform-origin: center; }
:is(button, a, [role="button"]):is(:hover, :focus-visible) .reicon { transform: scale(1.2); }
:is(button, a, [role="button"]):active .reicon { transform: scale(1); }
.shell-collapsed .collapse-button:is(:hover, :focus-visible) .reicon-collapse { transform: rotate(180deg) scale(1.2); }
@keyframes reicon-spin { to { transform: rotate(360deg); } }
@keyframes reicon-pulse { 50% { opacity: .5; } }
:is(button, a, [role="button"]):is(:hover, :focus-visible) .reicon-refresh { animation: reicon-spin 1s linear infinite; }
.reicon[data-reicon-motion="pulse"] { animation: reicon-pulse 2s ease-in-out infinite; }
@media (prefers-reduced-motion: reduce) {
  .reicon, :is(button, a, [role="button"]):is(:hover, :focus-visible, :active) .reicon { transition: none; animation: none; transform: none; }
}