.zl-ls-unit-search-input {
  position: relative;
  display: flex;
  width: 100%;
  height: var(--spacing36);
  padding-left: 18px;
  line-height: (var(--spacing36));
  background-color: var(--color-layer-icon-title);

  .zl-ls-ant-input-affix-wrapper-focused {
    border: transparent;
  }

  .zl-ls-ant-input-prefix {
    position: absolute;
    top: 0;
    right: 0;
  }

  .zl-ls-ant-input-focused
  , .zl-ls-ant-input:focus {
    border: none;
    box-shadow: 0 0 0 0 transparent;
  }

  .icon-delete-filling {
    position: absolute;
    top: 11px;
    right: 10px;
  }

  .zl-ls-ant-input-affix-wrapper {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    padding-left: 24px;
    border: none;

    .zl-ls-ant-input-prefix {
      position: absolute;
      top: 2px;
      left: 10px;

      svg {
        width: 14px;
        height: 14px;
        color: var(--color-white);
      }
    }
  }

  input {
    margin-right: 4px;
    border: transparent;
    background-color: transparent;
    color: var(--color-white);
    font-size: var(--font-size-12);
  }
}