/*
.fr {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MDAgNjAwIj4NCjxwYXRoIGZpbGw9IiNlZDI5MzkiIGQ9Im0wLDBoOTAwdjYwMGgtOTAweiIvPg0KPHBhdGggZmlsbD0iI2ZmZiIgZD0ibTAsMGg2MDB2NjAwaC02MDB6Ii8+DQo8cGF0aCBmaWxsPSIjMDAyMzk1IiBkPSJtMCwwaDMwMHY2MDBoLTMwMHoiLz4NCjwvc3ZnPg0K);
}

.en {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNjAgMzAiIGhlaWdodD0iNjAwIj4NCjxkZWZzPg0KPGNsaXBQYXRoIGlkPSJ0Ij4NCjxwYXRoIGQ9Im0zMCwxNWgzMHYxNXp2MTVoLTMwemgtMzB2LTE1enYtMTVoMzB6Ii8+DQo8L2NsaXBQYXRoPg0KPC9kZWZzPg0KPHBhdGggZmlsbD0iIzAwMjQ3ZCIgZD0ibTAsMHYzMGg2MHYtMzB6Ii8+DQo8cGF0aCBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iNiIgZD0ibTAsMGw2MCwzMG0wLTMwbC02MCwzMCIvPg0KPHBhdGggc3Ryb2tlPSIjY2YxNDJiIiBzdHJva2Utd2lkdGg9IjQiIGQ9Im0wLDBsNjAsMzBtMC0zMGwtNjAsMzAiIGNsaXAtcGF0aD0idXJsKCN0KSIvPg0KPHBhdGggc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEwIiBkPSJtMzAsMHYzMG0tMzAtMTVoNjAiLz4NCjxwYXRoIHN0cm9rZT0iI2NmMTQyYiIgc3Ryb2tlLXdpZHRoPSI2IiBkPSJtMzAsMHYzMG0tMzAtMTVoNjAiLz4NCjwvc3ZnPg0K);
}

.es {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3NTAgNTAwIj4NCjxwYXRoIGZpbGw9IiNjNjBiMWUiIGQ9Im0wLDBoNzUwdjUwMGgtNzUweiIvPg0KPHBhdGggZmlsbD0iI2ZmYzQwMCIgZD0ibTAsMTI1aDc1MHYyNTBoLTc1MHoiLz4NCjwvc3ZnPg0K);
}

.it {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjEwMDAiIHZpZXdCb3g9IjAgMCAzIDIiPg0KPHBhdGggZmlsbD0iIzAwOTI0NiIgZD0ibTAsMGgxdjJoLTF6Ii8+DQo8cGF0aCBmaWxsPSIjZmZmIiBkPSJtMSwwaDF2MmgtMXoiLz4NCjxwYXRoIGZpbGw9IiNjZTJiMzciIGQ9Im0yLDBoMXYyaC0xeiIvPg0KPC9zdmc+DQo=);
}
*/

.lang-picker-module .lang-item {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background-position: center center;
  background-size: cover;
  box-shadow: rgb(33 43 54 / 25%) 0px 0px 5px;
  margin-right: 5px;
  cursor: pointer;
  transition-duration: 0.2s;
  opacity: 0.6;
}

.lang-picker-module .lang-list {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  left: 20px;
  right: 0;
  transition-duration: 0.3s;
  bottom: -12px;
  display: flex;
  align-items: center;
  width: 275px;
  padding: 16px;
}

.lang-picker-module.current-item:hover .lang-list,
.lang-picker-module .lang-list:hover {
  opacity: 1;
  pointer-events: all;
}

.lang-picker-module .lang-item:hover {
  transform: scale(1.2);
}

.lang-picker-module.current-item {
  position: fixed;
  bottom: 18px;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  border: solid 1px #00000033;
  cursor: pointer;
  left: 13px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1000;
  box-shadow: rgb(33 43 54 / 25%) 0px 0px 5px;
}

.lang-picker-module .current-item.fr .lang-item.fr,
.lang-picker-module .current-item.es .lang-item.es,
.lang-picker-module .current-item.en .lang-item.en,
.lang-picker-module .current-item.it .lang-item.it {
  opacity: 1;
}

.lang-picker-module .lang-list:hover .lang-item {
  opacity: 0.6;
}

.top-scroller {
  display: block;
  position: fixed;
  height: 30px;
  width: 30px;
  background-color: #535353;
  bottom: 115px;
  right: 69px;
  border-radius: 50%;
  color: white;
  font-size: 16px;
  cursor: pointer;
  z-index: 100000;
}

.top-scroller .fe {
  position: absolute;
  left: 7px;
  top: 7px;
}