.TheSearch {
  border-radius: 20px !important;

  &.noBorder {
    --n-border: none !important;
  }


  :global {
    .n-input-wrapper {
      padding-left: 12px;
      padding-right: 4px;
      height: 42px !important;
    }

    .n-button {
      height: 34px;
      font-size: 15px;
      font-weight: 500;
      width: auto;
      opacity: 0.7;
    }

  }

  .active {
    display: none;
  }

  .active,
  .default {
    width: max(18px, 16px);
    height: max(18px, 16px);
  }

  &:global(.n-input--focus) {
    .active {
      display: block;
    }

    .default {
      display: none;
    }

    :global {
      .n-button {
        opacity: 1;
      }
    }
  }

  &:hover {
    :global {
      .n-button {
        opacity: 1;
      }
    }
  }
}
