.infoBox {
  padding: 10px;
  position: absolute;
  top: 20px;
  left: 20px;
  background-color: white;
  width: 280px;
  box-shadow: 0 2px 6px 0 rgba(114, 124, 245, 0.5);
  z-index: 100;
}
.infoBox .inputText {
  margin-right: 10px;
}
.infoBox .input {
  width: 150px;
  height: 32px;
  font-size: 16px;
}
/* types */
.native-toast-error {
  background-color: #d92727;
  color: white;
}
.native-toast-success {
  background-color: #62a465;
  color: white;
}
.native-toast-warning {
  background-color: #fdaf17;
  color: white;
}
.native-toast-info {
  background-color: #5060ba;
  color: white;
}
[class^="native-toast-icon-"] {
  vertical-align: middle;
  margin-right: 8px;
}
[class^="native-toast-icon-"] svg {
  width: 16px;
  height: 16px;
}
