#walletBody {
  overflow: scroll;
  width: 100%;
  display: flex;
  height: 84px;
  justify-content: center;
  align-items:center;
}

#walletBody img {
  width: 64px;
  height: 64px;
  padding: 8px;
  transition: all 0.15s ease-out;
}

#walletBody img.selected {
  border: 1px solid #fff;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.5);
}


#walletBody img:hover {
  border: 1px solid rgba(0,0,0,0.5);
  border-radius: 8px;
  width: 80px;
  height: 80px;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}

#duckSelector {
  overflow: scroll;
  width: 100%;
  display: flex;
  height: 128px;
  font-size: 12px;
  font-family: "Pure-Regular";
}

/* Scrollbar fixes */
#duckSelector::-webkit-scrollbar, #walletBody::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}
#duckSelector, #walletBody {
  -ms-overflow-style: none;  /* Internet Explorer 10+ */
  scrollbar-width: none;  /* Firefox */
}

#duckSelector img {
  width: 78px;
  height: 78px;
  padding: 8px;
  transition: all 0.15s ease-out;
}

#duckSelector img:hover {
  border: 1px solid rgba(0,0,0,0.5);
  border-radius: 8px;
  width: 96px;
  height: 96px;
  background: rgba(0, 0, 0, 0.15);
  cursor: pointer;
}

#loader {
 background: rgba(0, 0, 0, 0.75);
 display: flex;
 justify-content: center;
 align-items: center;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
}
#loader > div {
 color: #fff;
 font-family: 'Play-Bold';
 font-size: 14px;
}

@media only screen and (max-width: 600px) {
	#walletBody img {
	  width: 32px;
	  height: 32px;
	}
	
	#walletBody img:hover {
	  width: 40px;
	  height: 40px;
	}
	
	#duckSelector img {
	  width: 39px;
	  height: 39px;
	}
	
	#duckSelector img:hover {
	  width: 48px;
	  height: 48px;
	}

}