/*
  Wortic macOS UI Kit — Icon abstraction
  .wm-icon é a ÚNICA interface que componentes devem usar para exibir
  ícones. A fonte (sprite.svg próprio hoje; poderia ser outra lib
  amanhã) fica encapsulada — nada além deste arquivo deve saber disso.
*/

@layer base {
  /* [hidden] TEM que vencer o display desta classe.
     Achado pelo Will em 08/08/2026, num print: o botão de revelar senha
     mostrava o olho E o olho-cortado ao mesmo tempo. O HTML marcava o
     segundo com `hidden`, mas `display:inline-block` de uma CLASSE ganha do
     `[hidden]{display:none}` da folha do navegador, que é regra de UA.
     Sem esta linha, todo `hidden` em ícone do kit é ignorado — e já tinha
     acontecido antes no cursor da camada WIC. */
  .wm-icon[hidden] {
    display: none;
  }

  .wm-icon {
    display: inline-block;
    flex: none;
    width: var(--wm-icon-size, var(--wm-icon-md));
    height: var(--wm-icon-size, var(--wm-icon-md));
    color: currentColor;
    fill: none;
    vertical-align: middle;
  }

  .wm-icon--xs { --wm-icon-size: var(--wm-icon-xs); }
  .wm-icon--sm { --wm-icon-size: var(--wm-icon-sm); }
  .wm-icon--md { --wm-icon-size: var(--wm-icon-md); }
  .wm-icon--lg { --wm-icon-size: var(--wm-icon-lg); }
  .wm-icon--xl { --wm-icon-size: var(--wm-icon-xl); }

  .wm-icon--spin {
    animation: wm-spin 0.9s linear infinite;
  }
}