/*
** Rainbow
** A set of colorful CSS3 buttons
**
** https://github.com/cristianradu/rainbow
** by Cristian Radu <code@cristianradu.com>
**
**
** Based on "Apple OS X Lion Buttons in CSS" by Pixify
** http://pixify.com/blog/use-os-x-lion-to-improve-your-ui/
**
** License: Attribution 4.0 International (CC BY 4.0)
** https://creativecommons.org/licenses/by/4.0/
*/
.rb {
  display: inline-block;
  padding: .75rem 1.5rem;
  color: #484848;
  background-color: #f0f0f0;
  border: 1px solid #717171;
  border-radius: 0.25rem;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", Arial, sans-serif;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  transition: all .25s; }
  .rb:hover {
    color: #484848;
    background-color: #fdfdfd;
    border-color: #7d7d7d;
    text-decoration: none;
    cursor: pointer; }
  .rb:active, .rb.selected {
    color: #484848;
    background-color: #dedede;
    border-color: #646464; }
  .rb:disabled, .rb.disabled {
    opacity: .35;
    cursor: not-allowed;
    pointer-events: none; }
  .rb.small {
    padding: .5rem .75rem;
    font-size: .75rem; }

.rb-group {
  display: inline-flex; }
  .rb-group .rb {
    border-radius: 0; }
    .rb-group .rb:first-child {
      border-top-left-radius: 0.25rem;
      border-bottom-left-radius: 0.25rem; }
    .rb-group .rb:last-of-type {
      border-top-right-radius: 0.25rem;
      border-bottom-right-radius: 0.25rem; }
    .rb-group .rb:not(:last-of-type) {
      border-right: none; }

.rb-red {
  background-color: #f0b4b4;
  border-color: #8a1c1c; }
  .rb-red.rb-chameleon {
    background-color: #f0f0f0;
    border-color: #717171; }
  .rb-red:hover {
    background-color: #f6d2d2;
    border-color: #c92828; }
  .rb-red:active, .rb-red.selected {
    background-color: #ea9696;
    border-color: #c92828; }

.rb-orange {
  background-color: #f0d2b4;
  border-color: #8a531c; }
  .rb-orange.rb-chameleon {
    background-color: #f0f0f0;
    border-color: #717171; }
  .rb-orange:hover {
    background-color: #f6e4d2;
    border-color: #c97928; }
  .rb-orange:active, .rb-orange.selected {
    background-color: #eac096;
    border-color: #c97928; }

.rb-yellow {
  background-color: #f0f0b4;
  border-color: #8a8a1c; }
  .rb-yellow.rb-chameleon {
    background-color: #f0f0f0;
    border-color: #717171; }
  .rb-yellow:hover {
    background-color: #f6f6d2;
    border-color: #c9c928; }
  .rb-yellow:active, .rb-yellow.selected {
    background-color: #eaea96;
    border-color: #c9c928; }

.rb-green {
  background-color: #b4f0b4;
  border-color: #1c8a1c; }
  .rb-green.rb-chameleon {
    background-color: #f0f0f0;
    border-color: #717171; }
  .rb-green:hover {
    background-color: #d2f6d2;
    border-color: #28c928; }
  .rb-green:active, .rb-green.selected {
    background-color: #96ea96;
    border-color: #28c928; }

.rb-blue {
  background-color: #b4d2f0;
  border-color: #1c538a; }
  .rb-blue.rb-chameleon {
    background-color: #f0f0f0;
    border-color: #717171; }
  .rb-blue:hover {
    background-color: #d2e4f6;
    border-color: #2879c9; }
  .rb-blue:active, .rb-blue.selected {
    background-color: #96c0ea;
    border-color: #2879c9; }

.rb-purple {
  background-color: #d2b4f0;
  border-color: #531c8a; }
  .rb-purple.rb-chameleon {
    background-color: #f0f0f0;
    border-color: #717171; }
  .rb-purple:hover {
    background-color: #e4d2f6;
    border-color: #7928c9; }
  .rb-purple:active, .rb-purple.selected {
    background-color: #c096ea;
    border-color: #7928c9; }

.rb-pink {
  background-color: #f0b4f0;
  border-color: #8a1c8a; }
  .rb-pink.rb-chameleon {
    background-color: #f0f0f0;
    border-color: #717171; }
  .rb-pink:hover {
    background-color: #f6d2f6;
    border-color: #c928c9; }
  .rb-pink:active, .rb-pink.selected {
    background-color: #ea96ea;
    border-color: #c928c9; }

.rb-lime {
  background-color: #d2f0b4;
  border-color: #538a1c; }
  .rb-lime.rb-chameleon {
    background-color: #f0f0f0;
    border-color: #717171; }
  .rb-lime:hover {
    background-color: #e4f6d2;
    border-color: #79c928; }
  .rb-lime:active, .rb-lime.selected {
    background-color: #c0ea96;
    border-color: #79c928; }

.rb-mint {
  background-color: #b4f0d2;
  border-color: #1c8a53; }
  .rb-mint.rb-chameleon {
    background-color: #f0f0f0;
    border-color: #717171; }
  .rb-mint:hover {
    background-color: #d2f6e4;
    border-color: #28c979; }
  .rb-mint:active, .rb-mint.selected {
    background-color: #96eac0;
    border-color: #28c979; }

.rb-aqua {
  background-color: #b4f0f0;
  border-color: #1c8a8a; }
  .rb-aqua.rb-chameleon {
    background-color: #f0f0f0;
    border-color: #717171; }
  .rb-aqua:hover {
    background-color: #d2f6f6;
    border-color: #28c9c9; }
  .rb-aqua:active, .rb-aqua.selected {
    background-color: #96eaea;
    border-color: #28c9c9; }

.rb-cobalt {
  background-color: #b4b4f0;
  border-color: #1c1c8a; }
  .rb-cobalt.rb-chameleon {
    background-color: #f0f0f0;
    border-color: #717171; }
  .rb-cobalt:hover {
    background-color: #d2d2f6;
    border-color: #2828c9; }
  .rb-cobalt:active, .rb-cobalt.selected {
    background-color: #9696ea;
    border-color: #2828c9; }

.rb-rose {
  background-color: #f0b4d2;
  border-color: #8a1c53; }
  .rb-rose.rb-chameleon {
    background-color: #f0f0f0;
    border-color: #717171; }
  .rb-rose:hover {
    background-color: #f6d2e4;
    border-color: #c92879; }
  .rb-rose:active, .rb-rose.selected {
    background-color: #ea96c0;
    border-color: #c92879; }

/*# sourceMappingURL=rainbow.css.map */