@import url('base.css');

.peer-item .progress-bar {
  flex-grow: 1;
  height: 14px;
  position: relative;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.8);
  transition:
    opacity 1s,
    transform 1s,
    visibility 0s 1s;
}

.peer-item.sending-files .progress-bar {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  transition:
    opacity 1s,
    transform 1s;
}

.peer-item .progress-bar .bar {
  position: absolute;
  height: 100%;
  background-color: #69bffe;
  transition: width 200ms;
  border: solid 1px #bdbdbd;
  border-radius: 2px;
}

#peers_section {
  margin-top: 12px;
}

#share_by_url {
  margin-left: auto;
}

#open_folder {
  padding: 0;
  border: 0;
}

.peer-name:disabled {
  color: #a0a0a0;
}