/* ═══ ÍCONES SVG ═══ */
.icon {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  vertical-align: middle;
}

.icon--solid {
  fill: currentColor;
  stroke: none;
}

.icon--sm {
  width: 1rem;
  height: 1rem;
}

.icon--md {
  width: 1.35rem;
  height: 1.35rem;
}

.icon--lg {
  width: 1.5rem;
  height: 1.5rem;
}

.icon--gold {
  color: #ffd080;
}

.icon--danger {
  color: #ff5a5a;
}

.dash-header__balance-icon .icon {
  width: 1.15rem;
  height: 1.15rem;
  color: #ffd080;
}

.dash-header__deposit .icon {
  width: 1.2rem;
  height: 1.2rem;
}

.dash-banner__sm-icon .icon {
  width: 1.15rem;
  height: 1.15rem;
}

.dash-bottom-nav__icon .icon {
  width: 1.2rem;
  height: 1.2rem;
  color: inherit;
}

@media (min-width: 768px) {
  .dash-bottom-nav__icon .icon {
    width: 1.55rem;
    height: 1.55rem;
  }
}

@media (min-width: 1024px) {
  .dash-bottom-nav__icon .icon {
    width: 1.7rem;
    height: 1.7rem;
  }
}

.dash-bottom-nav__item .icon--solid {
  color: inherit;
}

.dash-highlight__icon .icon {
  width: 0.9rem;
  height: 0.9rem;
}

.btn-icon .icon {
  width: 1.35rem;
  height: 1.35rem;
}

.btn-pause .icon {
  width: 1.1rem;
  height: 1.1rem;
}

.hud-label .icon {
  width: 0.75rem;
  height: 0.75rem;
  margin-right: 0.2rem;
  vertical-align: -0.1em;
  color: rgba(255, 215, 100, 0.85);
}

.life-mark .icon {
  width: 0.95rem;
  height: 0.95rem;
}

.rotate-icon .icon {
  width: 2.5rem;
  height: 2.5rem;
}