/* Container + loader */
.fpw {
  position: relative
}

.fpw-row {
  display: flex;
  gap: .75rem;
  flex-wrap: wrap;
  align-items: center;
  margin: .5rem 0
}



.fpw-row {
  width: 100%; /* Adjust width as needed */
  
}
select#fpw-fund {
    color: #000000;
}

#fpw-fund {
  width: 100%;
  padding: 6px 40px 6px 12px;
  font-size: 14px;
  font-family: 'Arial', sans-serif;
  border: 1px solid #ccc;
  border-radius: 12px;
  background-color: white;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 20 50 L 70 100 L 120 50' stroke='%23666' stroke-width='15' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px;
  box-shadow: 0 0 0 2px transparent;
  transition: box-shadow 0.2s ease;
}

#fpw-fund:focus {
  outline: none;
  box-shadow: 0 0 0 2px #007bff;
  border-color: #ccc;
}

@media only screen and (max-width: 600px) {
    #fpw-fund-wrapper {
      width: 280px; /* Adjust width as needed */
      
    }
}

#fpw-loader {
  display: none;
}

#fpw-loader.on {
  display: flex
}


/* Pills: horizontally scrollable */
.fpw-pills {
  display: flex;
  gap: .5rem;
  overflow-x: auto;
  padding: .25rem 0 .5rem;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}

.fpw-pills::-webkit-scrollbar {
  height: 6px
}

.fpw-pills::-webkit-scrollbar-thumb {
  background: #cfd3da;
  border-radius: 999px
}

.fpw-pills .pill {
  color: rgb(86, 86, 86);
  white-space: nowrap;
  border: 1px solid rgb(228, 228, 228);
  background: #fff;
  padding: 10px 14px;
  border-radius: 999px;
  font-size: 14px;
  cursor: pointer;
  transition: background .15s, color .15s, border-color .15s;
}

.fpw-pills .pill:hover {
  background: #f4f6f9
}

.fpw-pills .pill.is-active {
  background: var(--e-global-color-uicore_primary);
  border-color: var(--e-global-color-uicore_primary);
  color: #fff;
}

.fpw-empty {
  opacity: .75;
  font-size: .9rem
}