.route-finder{
  margin-bottom:1rem;
}
.route-finder .top-section{
  border-top-left-radius:4px;
  border-top-right-radius:4px;
  display:flex;
  gap:.3333333333rem;
  padding:1rem;
  background:#3c1053;
  position:relative;
}
.route-finder .top-section .input-group{
  width:50%;
  margin-bottom:0;
}
.route-finder .top-section .input-group label{
  width:3rem;
  background:#080607;
  color:#fff;
  text-align:right;
  padding:.5rem .3333333333rem;
}
.route-finder .top-section .input-group input{
  margin-bottom:0;
  background:#1f092b;
  border-color:#1f092b;
  color:#fff;
}
.route-finder .top-section .input-group input:focus{
  box-shadow:0 0 0 3px #f2f2f2;
}
.route-finder .top-section .input-group input::-moz-placeholder{
  color:#bfbfbf;
}
.route-finder .top-section .input-group input:-ms-input-placeholder{
  color:#bfbfbf;
}
.route-finder .top-section .input-group input::placeholder{
  color:#bfbfbf;
}
.route-finder .top-section .switch-places{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  border:.25rem solid #1f092b;
  border-radius:50%;
  padding:.3333333333rem;
  font-size:.875rem;
  line-height:.875rem;
  background:#7a20a9;
  color:#fff;
  margin:0;
}
.route-finder .bottom-section{
  border-bottom-left-radius:4px;
  border-bottom-right-radius:4px;
  padding:.75rem;
  background:#621a89;
}
.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 */