.form-ctl__mode-ptr { display: inline-block; font-size: 14pt }
.mode-ptr--hidden { display: none; }


.form-ctl__select {
  font-size: 13pt;
  outline: none;
  border: 0;
  padding: 0;
  width: 100%;
  color: inherit;
  border-bottom: solid 1px gray;
  background-color: &clr_bg;;
}

.KEY-cnt--hidden { display: none; }

.form-ctl__notification {
  padding: 5pt;
  margin-right: 5pt;
  border-radius: 3pt;
  color: #363E42;
  background-color: #FED65A;
}

.form-ctl__pubkey { color: inherit; }
.form-ctl__pubkey::before {
  display: inline-block;
  content: "&#128229;";
  text-decoration: none;
  padding-right: 5pt;
}
.form-ctl__pubkey:visited { color: inherit; }

.form-cnt__install-privkey-cb { display: none; }
.form-cnt__install-privkey-cb ~ .form-cnt__privkey-cnt {
  display: none;
  margin: 0 10pt;
}
.form-cnt__install-privkey-cb:checked ~ .form-cnt__privkey-cnt { display: block; }
.form-cnt__install-privkey-cb:checked ~ .form-cnt__form-ctl
  .form-cnt__form-ctl__install-privkey-btn::before { content: "&#9698;"; }

.form-cnt__form-ctl__install-privkey-btn {
  color: inherit;
  user-select: none;
  cursor: pointer;
}
.form-cnt__form-ctl__install-privkey-btn::before {
  font-weight: bold;
  display: inline-block;
  content: "&#9655;";
  font-size: 14pt;
  text-align: right;
  margin-right: 5pt;
}

.form-ctl__radio-btn {
  margin-right: 10pt;
}

.form-ctl__file {
  position: relative;
  display: inline-block;
}



.file__input-file {
  position: absolute;
  z-index: -1;
  opacity: 0;
  display: block;
  width: 0;
  height: 0;
}

.file__cnt {
  display: flex;
  align-items: center;
  margin: 4pt 0;
  padding: 1px;
  color: &clr_btn_txt;;
  background-color: &clr_btn_bg;;
  border: solid 1px &clr_btn_bg;;
  border-radius: 3pt;
  user-select: none;
  cursor: pointer;
}

.file__cnt:hover {
  background-color: &clr_btn_hover;;
}

.file__cnt__btn {
  margin: 0;
  padding: 0 5pt;
  white-space: nowrap;
}

.file__cnt__name {
  flex-grow: 1;
  margin: 0 auto;
  padding: 4pt 5pt;
  outline: none;
  border: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-family: sans-serif;
  color: &clr_txt;;
  background-color: &clr_bg;;
}

.file__input-file:focus + .file__cnt {
  background-color: &clr_btn_hover;;
}
.file__input-file:active + .file__cnt {
  background-color: &clr_btn_hover;;
}
.file__input-file:disabled + .file__cnt {
  color: #4A4A4A;
  background-color: #F4F4F4;
  cursor: not-allowed;
}


