/* Flecha de dirección del viento o del oleaje; --rumbo la gira (ver partials/flecha_rumbo.html). */

@layer componentes {
  .flecha-rumbo {
    display: block;
    width: 18px;
    height: 18px;
    color: var(--color-rumbo);
    rotate: var(--rumbo, 0deg);
  }

  .flecha-rumbo--grande {
    width: 28px;
    height: 28px;
  }
}