.icon {
  flex: none;
  inline-size: 1.25rem;
  block-size: 1.25rem;
}
.sm {
  inline-size: 1rem;
  block-size: 1rem;
}
.md {
  inline-size: 1.25rem;
  block-size: 1.25rem;
}
.lg {
  inline-size: 1.5rem;
  block-size: 1.5rem;
}
html[dir='rtl'] .mirror {
  transform: scaleX(-1);
}
@media (prefers-reduced-motion: reduce) {
  .icon {
    animation: none !important;
  }
}
