/*
 * Único CSS "cru" deste componente: o Tailwind não gera @keyframes com
 * duração dinâmica via classe utilitária (cada toast tem um `duration` em
 * ms diferente, aplicado via JS em style.animationDuration). Tudo o mais
 * (cores, layout, espaçamento, dark mode) é resolvido com classes do
 * Tailwind dentro de web/js/toast.js.
 *
 * Isso não conflita com o Tailwind: é só um arquivo CSS comum, carregado
 * separadamente do seu bundle compilado.
 *
 * A pilha de toasts (empilhar/expandir/swipe, igual ao shadcn base/toast)
 * é posicionada via style inline pelo JS, que também expõe em cada card as
 * mesmas variáveis e data-attributes do Base UI, caso se queira estilizar
 * daqui:
 *
 *   --toast-index               posição na pilha (0 = o da frente)
 *   --toast-height              altura natural medida, em px
 *   --toast-frontmost-height    altura do card da frente (usada no clamp)
 *   --toast-offset-y            deslocamento do card na pilha expandida
 *   --toast-swipe-movement-x/y  arraste em curso
 *
 *   [data-front]                card da frente
 *   [data-behind]               card atrás do da frente (pilha recolhida)
 *   [data-expanded]             pilha expandida (hover/foco no viewport)
 *   [data-limited]              passou do limite de cards e está saindo
 *   [data-swipe-direction]      direção do arraste em curso
 */
@keyframes yii-toast-shrink {
  from { transform: scaleX(1); }
  to { transform: scaleX(0); }
}

/*
 * Quem pede menos movimento continua vendo a barra de progresso (ela informa
 * o tempo restante), mas sem o vai-e-vem de empilhar/expandir.
 */
@media (prefers-reduced-motion: reduce) {
  .yii-toast,
  .yii-toast > * {
    transition-duration: 1ms !important;
  }
}