#map {
  width: 100vw;
  height: 100vh;
  background-color: black;
}
.superControl {
  z-index: 10;
}
.feather-20 {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.feather-20-out {
  width: 20px;
  height: 20px;
  color: #bbbbbf;
}
.feather-20-close {
  width: 20px;
  height: 20px;
  color: #1f1f1f;
}

.feather-24 {
  width: 24px;
  height: 24px;
}

.feather-48 {
  width: 48px;
  height: 48px;
}
.searchZone {
  background-color: white;
  border-radius: 0.357rem;
  position: absolute;
  top: 25px;
  left: 25px;
  height: 50px;
  width: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.input-group {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .input-group-prepend {
  margin-left: -1px;
  display: flex;
  align-items: center;
  padding: 4px;
  border: 1px solid #d8d6de;
  border-radius: 0 0.357rem 0.357rem 0;
  border-right: none;
}
.AtProposition {
  padding: 0.571rem 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.45;
  color: #6e6b7b;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #d8d6de;
  appearance: none;
  display: flex;
  align-items: center;
  font-family: "Roboto Flex", sans-serif !important;
}
.adresseSelected {
  font-family: "Roboto Flex", sans-serif !important;
  font-size: 16px;
  color: #ff0048;
  font-weight: bold;
  text-transform: uppercase;
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.571rem 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.45;
  color: #6e6b7b;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #d8d6de;
  appearance: none;
  border-radius: 0 0.357rem 0.357rem 0;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control:focus {
  color: #6e6b7b;
  background-color: #fff;
  border-color: #7367f0;
  outline: 0;
  box-shadow: 0 3px 10px 0 rgb(34 41 47 / 10%);
  border-left: none;
}

/*the container must be positioned relative:*/
.autocomplete {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 0.357rem;
}

.autocomplete-items {
  position: absolute;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
}

/*when hovering an item:*/
.autocomplete-items div:hover {
  background-color: #e9e9e9;
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: DodgerBlue !important;
  color: #ffffff;
}

.me {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAzwAAAMnCAMAAADMOaeEAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAASUExURQAAAP2BXacASP4+V////wAAAF2D5i4AAAAGdFJOU///////ALO/pL8AAAAJcEhZcwAADsMAAA7DAcdvqGQAAB6jSURBVHhe7dXbdtvYkgXRPl19/v+X22WHbUkERTKJzL0AxHyqEkHcGGv4f/4rqcTxSEWORypyPFKR45GKHI9U5HikIscjFTkeqcjxSEWORypyPFKR45GKHI9U5HikIscjFTkeqcjxSEWORypyPFKR45GKHI9U5HikIscjFTkeqcjxSEWORypyPFKR45GKHI9U5HikIscjFTkeqcjxSEWORypyPFKR45GKHI9U5HikIscjFTkeqcjxSEWORypyPFKR45GKHI9U5HikIscjFTkeqcjxSEWORypyPFKR45GKHI9U5HikIscjFTkeqcjxSEWORypyPFKR45GKHI9U5HikIscjFTkeqcjxSEWORypyPFKR45GKHI9U5HikIscjFTkeqcjxSEWORypyPFKR45GKHI9U5HikIscjFTkeqcjxSEWORypyPFKR45GKHI9U5HikIscjFTkeqcjxSEWORypyPFKR45GKHI9U5HikIscjFTkeqcjxSEWORypyPFKR45GKHI9U5HikIscjFTkeqcjxSEWORypyPFKR45GKHI9U5HikIscjFTkeqcjxSEWORypyPFKR45GKHI9U5HikIscjFTkeqcjxSEWORypyPFKR45GKHI9U5HikIscjFTkeqcjxSEWORypyPFKR45GKHI9U5HikIscjFTkeqcjxSEWORypyPFKR45GKHI9U5HikIscjFTkeqcjxSEWORypyPFKR45GKHI9U5HikIscjFTkeqcjxSEWORypyPFKR45GKHI9U5HikIscjFTkeqcjxSEWORypyPFKR45GKHI9U5HikIscjFTkeqcjxSEWORypyPFKR45GKHI9U5Hj28p8bfJDif7/i76pyPHtgLRs4YDHWsoUjVOB43sZM7uKwZVjJfRynVzme9zCQBzh4BQbyPY7VaxzPO9jGE/jCMLbxDL6hFzieOnbxJL40iFk8i2/paY6nik28gC9OYRPP43t6luMpYhAv4asjGMRr+K6e43hKWMPL+Ho/1vAqvq2nOJ4K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);
  background-size: cover;
}

.email {
  background: #dedbdf;
  border-radius: 10px;
  height: 360px;
  overflow: hidden;
  width: 360px;
  -webkit-tap-highlight-color: transparent;
  transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1),
    height 300ms cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1),
    border-radius 300ms cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 10;
  position: relative;
  display: flex;
  height: 50px;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.email:not(.expand) {
  cursor: pointer;
}
.email:not(.expand):hover {
  background: #c2c0c2;
}
.from {
  position: absolute;
  transition: opacity 200ms 100ms cubic-bezier(0, 0, 0.2, 1);
  width: 100%;
}
.from-contents {
  display: flex;
  flex-direction: row;
  transform-origin: 0 0;
  transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
}
.to {
  opacity: 0;
  position: absolute;
  transition: opacity 100ms cubic-bezier(0.4, 0, 1, 1);
  width: 100%;
  height: 100%;
}
.to-contents {
  transform: scale(0.55);
  transform-origin: 0 0;
  transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transform-origin: 0 0;
  transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 5px;
}
.avatar {
  border-radius: 12px;
  height: 40px;
  left: 6px;
  position: relative;
  top: 4px;
  width: 40px;
}
.name {
  font-size: 20px;
  line-height: 32px;
  margin-left: 10px;
  font-family: "Roboto Flex", sans-serif !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.top {
  display: flex;
  height: 150px;
  transition: height 300ms cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: white;
  width: 200px;
  height: 200px;
  margin: 5px;
  padding: 5px;
  border-radius: 0.457rem;
  align-self: center;
}
.avatar-large {
  border-radius: 21px;
  height: 42px;
  margin-left: 12px;
  position: relative;
  top: 14px;
  width: 42px;
}
.name-large {
  color: #efd8ef;
  font-size: 16px;
  line-height: 70px;
  margin-left: 20px;
}
.x-touch {
  align-items: center;
  align-self: center;
  cursor: pointer;
  display: flex;
  height: 50px;
  justify-content: center;
  margin-left: auto;
  width: 50px;
}
.x {
  background: #ba87f9;
  border-radius: 10px;
  height: 20px;
  position: relative;
  width: 20px;
}
.x-touch:hover .x {
  background: #cb9afb;
}
.line1 {
  background: #6422eb;
  height: 12px;
  position: absolute;
  transform: translateX(9px) translateY(4px) rotate(45deg);
  width: 2px;
}
.line2 {
  background: #6422eb;
  height: 12px;
  position: absolute;
  transform: translateX(9px) translateY(4px) rotate(-45deg);
  width: 2px;
}
.bottom {
  background: #fff;
  color: #444247;
  font-size: 14px;
  height: 200px;
  padding-top: 5px;
  width: 300px;
}
.row {
  align-items: center;
  display: flex;
  flex-direction: row;
  height: 60px;
}
.twitter {
  margin-left: 16px;
  height: 30px;
  position: relative;
  top: 0px;
  width: 30px;
}
.medium {
  height: 30px;
  margin-left: 16px;
  position: relative;
  width: 30px;
}
.link {
  margin-left: 16px;
}
.link a {
  color: #444247;
  text-decoration: none;
}
.link a:hover {
  color: #777579;
}
.email.expand {
  border-radius: 6px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), 0 6px 6px rgba(0, 0, 0, 0.16);
  height: 480px;
  width: 500px;
}
.expand .from {
  opacity: 0;
  transition: opacity 100ms cubic-bezier(0.4, 0, 1, 1);
}
.expand .from-contents {
  transform: scale(1.91);
}
.expand .to {
  opacity: 1;
  transition: opacity 200ms 100ms cubic-bezier(0, 0, 0.2, 1);
}
.expand .to-contents {
  transform: scale(1);
}
.container {
  width: 100%;
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 15px;
}
#qrcode {
  width: 170px;
  height: 170px;
}