/* Hidden until Alpine initializes and removes the attribute —
   prevents x-show elements from flashing visible on page load */
[x-cloak] {
  display: none !important;
}

/* icon fade transition classes (used via Alpine x-transition) */
.transition { transition-property: opacity; }
.ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
.ease-in { transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
.duration-150 { transition-duration: 150ms; }
.duration-100 { transition-duration: 100ms; }
.opacity-0 { opacity: 0; }
.opacity-100 { opacity: 1; }