@import '../../styles/ui/variables';

.status-wrapper {
  background-color: $color-grey-light;
  padding: 1rem 0;
  .ooni-logo {
    background-size: 30px;
    height: 30px;
    width: 30px;
    margin-right: 18px;
  }
}

.status-item {
  padding: 6px 12px;
  font-family: "Fira Sans";
  transition: .5s background-color,.5s color;
  background-color: $color-white;
  color: $color-grey;
  font-size: 12px;
  line-height: inherit;
  border-radius: $border-radius;
  display: inline-block;

}

.status-item .icon {
  font-size: 1em;
}

.status-item .badge {
  background-color: $color-ooni-blue;
}

.status-item.btn.active {
  background-color: $color-ooni-blue;
  color: $color-white;
}

.notifications {
  z-index: 99999;
  left: 30px;
  bottom: 0px;
  position: fixed;

  .notification {

    p {
      opacity: 1;
      padding: 0;
    }
  }
}
