/* RWI_PRODUCT_PICKER_CLEAN_V1 */

.rwi-pp-native{
  display:none!important;
}

.rwi-pp-wrap{
  position:relative;
  width:100%;
  min-width:0;
  margin-bottom:5px;
  font-family:inherit;
}

.rwi-pp-control{
  width:100%;
  min-height:39px;
  display:flex;
  align-items:center;
  gap:6px;
  background:#fff;
  border:1px solid #b9ccd6;
  border-radius:9px;
  padding:0 8px;
}

.rwi-pp-control:focus-within{
  border-color:#0caf63;
  box-shadow:0 0 0 2px rgba(12,175,99,.12);
}

.rwi-pp-input{
  flex:1;
  min-width:0;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  margin:0!important;
  padding:8px 3px!important;
  min-height:36px!important;
  font-size:12px!important;
}

.rwi-pp-arrow{
  border:0;
  background:transparent;
  cursor:pointer;
  font-size:15px;
  padding:6px;
}

.rwi-pp-panel{
  display:none;
  position:absolute;
  left:0;
  right:0;
  top:calc(100% + 4px);
  z-index:400500;
  background:#fff;
  border:1px solid #d3dfe5;
  border-radius:10px;
  box-shadow:0 16px 40px rgba(0,0,0,.18);
  overflow:hidden;
}

.rwi-pp-panel.open{
  display:block;
}

.rwi-pp-meta{
  padding:7px 10px;
  font-size:10px;
  color:#6e818b;
  background:#f7fafb;
  border-bottom:1px solid #edf2f4;
}

.rwi-pp-list{
  max-height:260px;
  overflow:auto;
}

.rwi-pp-item{
  padding:9px 10px;
  border-bottom:1px solid #f0f3f5;
  cursor:pointer;
  font-size:12px;
  line-height:1.25;
}

.rwi-pp-item:hover,
.rwi-pp-item.active{
  background:#ecfdf5;
}

.rwi-pp-name{
  font-weight:800;
  color:#102f3d;
}

.rwi-pp-empty{
  padding:13px 10px;
  color:#71838c;
  font-size:11px;
}

@media(max-width:700px){
  .rwi-pp-list{
    max-height:220px;
  }
}