.route-finder{
  margin-bottom:1rem;
}
.route-finder .top-section{
  border-top-left-radius:7px;
  border-top-right-radius:7px;
  display:flex;
  gap:.3333333333rem;
  padding:1rem;
  background:#404b5d;
  position:relative;
}
.route-finder .top-section .input-group{
  width:50%;
  margin-bottom:0;
}
.route-finder .top-section .input-group label{
  width:3rem;
  background:#000;
  color:#fff;
  text-align:right;
  padding:.5rem .3333333333rem;
}
.route-finder .top-section .input-group input{
  margin-bottom:0;
  background:#373d45;
  border-color:#373d45;
  color:#fff;
}
.route-finder .top-section .input-group input:focus{
  box-shadow:0 0 0 3px #d5d5d5;
}
.route-finder .top-section .input-group input::-moz-placeholder{
  color:#ccc;
}
.route-finder .top-section .input-group input:-ms-input-placeholder{
  color:#ccc;
}
.route-finder .top-section .input-group input::placeholder{
  color:#ccc;
}
.route-finder .top-section .switch-places{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  border:.25rem solid #373d45;
  border-radius:50%;
  padding:.3333333333rem;
  font-size:.875rem;
  line-height:.875rem;
  background:#eaeaea;
  color:#fff;
  margin:0;
}
.route-finder .bottom-section{
  border-bottom-left-radius:7px;
  border-bottom-right-radius:7px;
  padding:.75rem;
  background:#eaeaea;
}
.route-finder .bottom-section button{
  width:100%;
  margin-bottom:0;
}
.route-finder #route-finder-error-message{
  margin-top:0;
}

@media (max-width:767.98px){
  .route-finder .top-section{
    flex-direction:column;
  }
  .route-finder .top-section .input-group{
    width:100%;
  }
  .route-finder .top-section .switch-places{
    top:50%;
    left:93%;
    transform:translate(-50%, -50%);
  }
  .route-finder .top-section .switch-places i{
    transform:rotate(90deg);
  }
}

/*# sourceMappingURL=routes-finder.css.map */