.sw-search-input {
  display: flex;
  flex-direction: column;
  position: relative;

  .input-container {
    align-items: flex-start;
    box-sizing: border-box;
    display: flex;
    flex: 1 0 auto;
    position: relative;
  }

  &.search-bar-widget {
    min-height: var(--rhythm-6);

    .input-container {
      padding-left: var(--rhythm-5);
      padding-right: var(--rhythm-1);
    }
  }

  .filters-container {
    align-items: center;
    display: flex;
    gap: var(--rhythm-1);
  }
  .more-filters-dropdown {
    padding: var(--rhythm-1);

    li:not(:last-child) {
      margin-bottom: var(--rhythm-1);
    }
  }

  &.has-filters.search-bar-widget .input-container:after {
    background: var(--color-neutral-light);
    content: '';
    height: 1px;
    left: var(--rhythm-1);
    position: absolute;
    right: var(--rhythm-1);
    top: var(--rhythm-6);
  }

  &.has-filters.search-bar-widget .filters-container {
    padding: var(--rhythm-0_5) var(--rhythm-1) var(--rhythm-1);
  }
  &.has-filters.search-bar-widget {
    min-height: var(--rhythm-12);
  }

  .search-icon-container {
    left: var(--rhythm-0_5);
    position: absolute;
    top: var(--rhythm-2_5);
    transform: translateY(-50%);

    .search-icon {
      display: flex;
      padding: var(--rhythm-1_5) var(--rhythm-0_5);
    }
  }
}
