*::-webkit-scrollbar {
  width: 6px !important;
  height: 6px !important;
}

*::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, .2)
}

*::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, .08)
}

body {
  overflow: hidden;
}

.app-wrapper-main::-webkit-scrollbar-track {
  background-color: #dfdfdf;
}

*:focus {
  outline: 0;
}

.button {
  background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f1f1f1));
  border: none;
  border-radius: 5px;
  padding: 3px 8px;
  box-shadow: 0 0.5px 0.05px rgba(0, 0, 0, 0.4), 0 -0.5px 0 rgba(0, 0, 0, 0.12);
  font-size: 12px;

  &:active {
    background: -webkit-gradient(linear, left top, left bottom, from(#e7e7e7), to(#e9e9e9));
  }

  &.active {
    background: #6b6b6b;
    border-color: #6b6b6b;
    color: #ffffff;
  }
}

.Input {
  width: 100%;
  border-radius: 3px;
  padding: 3px 8px;
  color: #444;
  font-size: 12px;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  border: 1px solid transparent;
  box-shadow: 0 0.5px 0 rgba(0, 0, 0, 0.15), 0 -0.5px 0 rgba(0, 0, 0, 0.15), 0.5px 0 0 rgba(0, 0, 0, 0.15), -0.5px 0 0 rgba(0, 0, 0, 0.15);

  &:focus {
    border-color: #E10098;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(225, 0, 152, 0.1);
  }

  &.error {
    border-color: red;
  }
}