.SearchForm {
  display: flex;
  align-items: center;
  gap: 24px; }
  @media (max-width: 1019px) {
    .SearchForm {
      align-items: flex-start;
      flex-direction: column;
      gap: 20px; } }
  .SearchForm input {
    flex-grow: 1;
    font-size: 18px;
    line-height: 24px;
    width: 100%;
    display: block;
    padding: 8px 16px;
    background: white;
    border: 1px solid rgba(0, 0, 0, 0.25); }
    .SearchForm input::-webkit-search-cancel-button {
      -webkit-appearance: none;
      appearance: none;
      height: 16px;
      width: 16px;
      background-image: url("https://www.downtownmelody.com/_x/d3d3LnBhbGF1bXVzaWNhLmNhdA/resources/palaumusica/images/2023/icon-clear.svg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain; }
    .dark_mode .SearchForm input {
      border-color: white; }
  .SearchForm button {
    background: none;
    color: black;
    display: inline-flex;
    transition: all 0.5s ease;
    font-family: "Karla", Arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    border: 2px solid black;
    border-radius: 28px;
    font-size: 18px;
    line-height: 18px;
    padding: 8px 24px; }
    .dark_block .SearchForm button,
    .dark_mode .SearchForm button {
      color: white;
      border-color: white; }
    .SearchForm button:hover, .SearchForm button:focus {
      color: white;
      background: black; }
      .dark_block .SearchForm button:hover,
      .dark_mode .SearchForm button:hover, .dark_block .SearchForm button:focus,
      .dark_mode .SearchForm button:focus {
        color: black;
        background: white; }
    .SearchForm button,
    .SearchForm button a {
      text-decoration: none; }

/*# sourceMappingURL=searchform.palau_2023.scss.map */