.BackgroundColor{
  background-color: white;
  //TODO
  display: flex;
  overflow: hidden !important;
  flex-direction: column;
}
#canvas{
  width: 100%;
  height: 100%;
  display: block;
}

.TopTools{
  display: flex;
  background-color: var(--NapicuSimpleBoxBackgroundColor);
  padding: 3px;
  align-items: center;
  justify-content: space-between;
}

#InputLine::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
#InputLine{
  width: 50px;
  text-align: center;
  -moz-appearance: textfield;
}

.colors{
  display: flex;
  float: right;
  align-items: center;
}

.color{
  width: 23px;
  height: 23px;
  position: relative;
  margin: 0px 3px;
  cursor: pointer;
  border: 1px solid white;
}

.SelectedOption{
  transform: translate(-50%, 50%);
  position: absolute;
  bottom: -10px;
  font-size: 1rem;
  width: 7px;
  left: 50%;
  height: 7px;
  border-radius: 50%;
  //background-color: #00a8ff;
  background-color: white;
}
.SelectedColor{
  box-shadow: 0 0 0px 2px #ffffff;
}
.ToolsOptionsbr{
  display: flex;
  align-items: center;
  justify-content: space-between;
  >*{
    margin: 0 7px;
    min-width: 40px;
  }
}
