/*! sysacss v0.1.0 | MIT License | github.com/shoaiyb/sysacss */

.ss-transparent,.ss-hvr-transparent:hover {
  color: transparent!important;
}

.ss-aqua,.ss-hvr-aqua:hover {
  color: #00ffff!important;
}

.ss-light-aqua,.ss-hvr-light-aqua:hover {
  color: #a6ffff!important;
}

.ss-black,.ss-hvr-black:hover {
  color: #000!important;
}

.ss-light-black,.ss-hvr-light-black:hover {
  color: #222!important;
}

.ss-blue,.ss-hvr-blue:hover {
  color: #2563eb!important;
}

.ss-light-blue,.ss-hvr-light-blue:hover {
  color: #3b82f6!important;
}

.ss-brand,.ss-hvr-brand:hover {
  color: #10c186!important;
}

.ss-brown,.ss-hvr-brown:hover {
  color: #795548!important;
}

.ss-light-brown,.ss-hvr-light-brown:hover {
  color: #86665a!important;
}

.ss-cyan,.ss-hvr-cyan:hover {
  color: #00bcd4!important;
}

.ss-light-cyan,.ss-hvr-light-cyan:hover {
  color: #19c3d8!important;
}

.ss-green,.ss-hvr-green:hover {
  color: #059669!important;
}

.ss-light-green,.ss-hvr-light-green:hover {
  color: #10b981!important;
}

.ss-gray,.ss-hvr-gray:hover {
  color: #9e9e9e!important;
}

.ss-light-gray,.ss-hvr-light-gray:hover {
  color: #f1f1f1!important;
}

.ss-indigo,.ss-hvr-indigo:hover {
  color: #4f46e5!important;
}

.ss-light-indigo,.ss-hvr-light-indigo:hover {
  color: #6158e8!important;
}

.ss-khaki,.ss-hvr-khaki:hover {
  color: #f0e68c!important;
}

.ss-light-khaki,.ss-hvr-light-khaki:hover {
  color: #f2e898!important;
}

.ss-lime,.ss-hvr-lime:hover {
  color: #66ff00!important;
}

.ss-light-lime,.ss-hvr-light-lime:hover {
  color: #75ff19!important;
}

.ss-maroon,.ss-hvr-marron:hover {
  color: #800000!important;
}

.ss-light-maroon,.ss-hvr-light-maroon:hover {
  color: #8d1919!important;
}

.ss-orange,.ss-hvr-orange:hover {
  color: #ff9800!important;
}

.ss-light-orange,.ss-hvr-light-orange:hover {
  color: #ffa219!important;
}

.ss-pink,.ss-hvr-pink:hover {
  color: #db2777!important;
}

.ss-light-pink,.ss-hvr-light-pink:hover {
  color: #ec4899!important;
}

.ss-purple,.ss-hvr-purple:hover {
  color: #7c3aed!important;
}

.ss-light-purple,.ss-hvr-light-purple:hover {
  color: #894eef!important;
}

.ss-red,.ss-hvr-red:hover {
  color: #dc2626!important;
}

.ss-light-red,.ss-hvr-light-red:hover {
  color: #ef4444!important;
}

.ss-sand,.ss-hvr-sand:hover {
  color: #fdf5e6!important;
}

.ss-light-sand,.ss-hvr-light-sand:hover {
  color: #fdf6e8!important;
}

.ss-teal,.ss-hvr-teal:hover {
  color: #009688!important;
}

.ss-light-teal,.ss-hvr-light-teal:hover {
  color: #19a094!important;
}

.ss-white,.ss-hvr-white:hover {
  color: #fff!important;
}

.ss-yellow,.ss-hvr-yellow:hover {
  color: #d2be0e!important;
}

.ss-light-yellow,.ss-hvr-light-yellow:hover {
  color: #f59e0b!important;
}

.ss-hvr-none:hover {
  background-color: transparent!important;
  box-shadow: none!important;
}

.ss-bg-transparent,.ss-hvr-bg-transparent:hover {
  background-color: transparent!important;
}

.ss-bg-aqua,.ss-hvr-bg-aqua:hover {
  background-color: #00ffff!important;
}

.ss-bg-light-aqua,.ss-hvr-bg-light-aqua:hover {
  background-color: #a6ffff!important;
}

.ss-bg-black,.ss-hvr-bg-black:hover {
  background-color: #000!important;
}

.ss-bg-light-black,.ss-hvr-bg-light-black:hover {
  background-color: #222!important;
}

.ss-bg-blue,.ss-hvr-bg-blue:hover {
  background-color: #2563eb!important;
}

.ss-bg-light-blue,.ss-hvr-bg-light-blue:hover {
  background-color: #3b82f6!important;
}

.ss-bg-brand,.ss-hvr-bg-brand:hover {
  background-color: #10c186!important;
}

.ss-bg-brown,.ss-hvr-bg-brown:hover {
  background-color: #795548!important;
}

.ss-bg-light-brown,.ss-hvr-bg-light-brown:hover {
  background-color: #86665a!important;
}

.ss-bg-cyan,.ss-hvr-bg-cyan:hover {
  background-color: #00bcd4!important;
}

.ss-bg-light-cyan,.ss-hvr-bg-light-cyan:hover {
  background-color: #19c3d8!important;
}

.ss-bg-green,.ss-hvr-bg-green:hover {
  background-color: #059669!important;
}

.ss-bg-light-green,.ss-hvr-bg-light-green:hover {
  background-color: #10b981!important;
}

.ss-bg-gray,.ss-hvr-bg-gray:hover {
  background-color: #9e9e9e!important;
}

.ss-bg-light-gray,.ss-hvr-bg-light-gray:hover {
  background-color: #f1f1f1!important;
}

.ss-bg-indigo,.ss-hvr-bg-indigo:hover {
  background-color: #4f46e5!important;
}

.ss-bg-light-indigo,.ss-hvr-bg-light-indigo:hover {
  background-color: #6158e8!important;
}

.ss-bg-khaki,.ss-hvr-bg-khaki:hover {
  background-color: #f0e68c!important;
}

.ss-bg-light-khaki,.ss-hvr-bg-light-khaki:hover {
  background-color: #f2e898!important;
}

.ss-bg-lime,.ss-hvr-bg-lime:hover {
  background-color: #66ff00!important;
}

.ss-bg-light-lime,.ss-hvr-bg-light-lime:hover {
  background-color: #75ff19!important;
}

.ss-bg-maroon,.ss-hvr-bg-maroon:hover {
  background-color: #800000!important;
}

.ss-bg-light-maroon,.ss-hvr-bg-light-maroon:hover {
  background-color: #8d1919!important;
}

.ss-bg-orange,.ss-hvr-bg-orange:hover {
  background-color: #ff9800!important;
}

.ss-bg-light-orange,.ss-hvr-bg-light-orange:hover {
  background-color: #ffa219!important;
}

.ss-bg-pink,.ss-hvr-bg-pink:hover {
  background-color: #db2777!important;
}

.ss-bg-light-pink,.ss-hvr-bg-light-pink:hover {
  background-color: #ec4899!important;
}

.ss-bg-purple,.ss-hvr-bg-purple:hover {
  background-color: #7c3aed!important;
}

.ss-bg-light-purple,.ss-hvr-bg-light-purple:hover {
  background-color: #894eef!important;
}

.ss-bg-red,.ss-hvr-bg-red:hover {
  background-color: #dc2626!important;
}

.ss-bg-light-red,.ss-hvr-bg-light-red:hover {
  background-color: #ef4444!important;
}

.ss-bg-sand,.ss-hvr-bg-sand:hover {
  background-color: #fdf5e6!important;
}

.ss-bg-light-sand,.ss-hvr-bg-light-sand:hover {
  background-color: #fdf6e8!important;
}

.ss-bg-teal,.ss-hvr-bg-teal:hover {
  background-color: #009688!important;
}

.ss-bg-light-teal,.ss-hvr-bg-light-teal:hover {
  background-color: #19a094!important;
}

.ss-bg-white,.ss-hvr-bg-white:hover {
  background-color: #fff!important;
}

.ss-bg-yellow,.ss-hvr-bg-yellow:hover {
  background-color: #d97706!important;
}

.ss-bg-light-yellow,.ss-hvr-bg-light-yellow:hover {
  background-color: #f59e0b!important;
}

.ss-bd-transparent,.ss-hvr-bd-transparent:hover {
  border-color: transparent!important;
}

.ss-bd-none {
  border: none!important;
}

.ss-bd-aqua,.ss-hvr-bd-aqua:hover {
  border-color: #00ffff!important;
}

.ss-bd-light-aqua,.ss-hvr-bd-light-aqua:hover {
  border-color: #a6ffff!important;
}

.ss-bd-black,.ss-hvr-bd-black:hover {
  border-color: #000!important;
}

.ss-bd-light-black,.ss-hvr-bd-light-black:hover {
  border-color: #222!important;
}

.ss-bd-blue,.ss-hvr-bd-blue:hover {
  border-color: #2563eb!important;
}

.ss-bd-light-blue,.ss-hvr-bd-light-blue:hover {
  border-color: #3b82f6!important;
}

.ss-bd-brand,.ss-hvr-bd-brand:hover {
  border-color: #10c186!important;
}

.ss-bd-brown,.ss-hvr-bd-brown:hover {
  border-color: #795548!important;
}

.ss-bd-light-brown,.ss-hvr-bd-light-brown:hover {
  border-color: #86665a!important;
}

.ss-bd-cyan,.ss-hvr-bd-cyan:hover {
  border-color: #00bcd4!important;
}

.ss-bd-light-cyan,.ss-hvr-bd-light-cyan:hover {
  border-color: #19c3d8!important;
}

.ss-bd-green,.ss-hvr-bd-green:hover {
  border-color: #059669!important;
}

.ss-bd-light-green,.ss-hvr-bd-light-green:hover {
  border-color: #10b981!important;
}

.ss-bd-gray,.ss-hvr-bd-gray:hover {
  border-color: #9e9e9e!important;
}

.ss-bd-light-gray,.ss-hvr-bd-light-gray:hover {
  border-color: #f1f1f1!important;
}

.ss-bd-indigo,.ss-hvr-bd-indigo:hover {
  border-color: #4f46e5!important;
}

.ss-bd-light-indigo,.ss-hvr-bd-light-indigo:hover {
  border-color: #6158e8!important;
}

.ss-bd-khaki,.ss-hvr-bd-khaki:hover {
  border-color: #f0e68c!important;
}

.ss-bd-light-khaki,.ss-hvr-bd-light-khaki:hover {
  border-color: #f2e898!important;
}

.ss-bd-lime,.ss-hvr-bd-lime:hover {
  border-color: #66ff00!important;
}

.ss-bd-light-lime,.ss-hvr-bd-light-lime:hover {
  border-color: #75ff19!important;
}

.ss-bd-maroon,.ss-hvr-bd-maroon:hover {
  border-color: #800000!important;
}

.ss-bd-light-maroon,.ss-hvr-bd-light-maroon:hover {
  border-color: #8d1919!important;
}

.ss-bd-orange,.ss-hvr-bd-orange:hover {
  border-color: #ff9800!important;
}

.ss-bd-light-orange,.ss-hvr-bd-light-orange:hover {
  border-color: #ffa219!important;
}

.ss-bd-pink,.ss-hvr-bd-pink:hover {
  border-color: #db2777!important;
}

.ss-bd-light-pink,.ss-hvr-bd-light-pink:hover {
  border-color: #ec4899!important;
}

.ss-bd-purple,.ss-hvr-bd-purple:hover {
  border-color: #7c3aed!important;
}

.ss-bd-light-purple,.ss-hvr-bd-light-purple:hover {
  border-color: #894eef!important;
}

.ss-bd-red,.ss-hvr-bd-red:hover {
  border-color: #dc2626!important;
}

.ss-bd-light-red,.ss-hvr-bd-light-red:hover {
  border-color: #ef4444!important;
}

.ss-bd-sand,.ss-hvr-bd-sand:hover {
  border-color: #fdf5e6!important;
}

.ss-bd-light-sand,.ss-hvr-bd-light-sand:hover {
  border-color: #fdf6e8!important;
}

.ss-bd-teal,.ss-hvr-bd-teal:hover {
  border-color: #009688!important;
}

.ss-bd-light-teal,.ss-hvr-bd-light-teal:hover {
  border-color: #19a094!important;
}

.ss-bd-white,.ss-hvr-bd-white:hover {
  border-color: #fff!important;
}

.ss-bd-yellow,.ss-hvr-bd-yellow:hover {
  border-color: #d97706!important;
}

.ss-bd-light-yellow,.ss-hvr-bd-light-yellow:hover {
  border-color: #f59e0b!important;
}