.ecocup-cup-search-bar {
  position: relative;
  width: 100%;
  display: flex;
  flex: 1;

  .comprehensive-search__search-section
    .comprehensive-search__camera-activator.disabled {
    width: fit-content;
  }

  .comprehensive-search__search-section
    .comprehensive-search__camera-activator {
    width: fit-content;
  }

  .comprehensive-search__search-section
    .comprehensive-search__search-input-wrapper {
    padding: 8px;
  }

  &-result {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 6px;
    z-index: 9;

    &-header {
      height: 44px;
      display: flex;
      align-items: center;
      border-bottom: 1px solid #eaecf0;
      background: #f9fafb;

      & > div {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #475467;
        font-size: 12px;
        font-weight: 500;
      }
    }

    &-content {
      max-height: 220px;
      display: flex;
      flex-direction: column;
      overflow-y: auto;

      &-item {
        min-height: 44px;
        height: 44px;
        display: flex;
        align-items: center;
        cursor: pointer;
        border-bottom: 1px solid #eaecf0;

        & > div {
          flex: 1;
          display: flex;
          align-items: center;
          justify-content: center;
          color: #101828;
          font-size: 12px;
          font-weight: 500;
        }

        &-membership {
          display: flex;
          padding: 2px 8px;
          border-radius: 16px;
          border: 1px solid #fedf89;
          background: #fffcf5;
          color: #b54708;
          text-align: center;
          font-size: 12px;
          font-weight: 500;
        }
      }
    }
  }
}
