.mlsimport-range,
.mlsimport-bedsbaths {
position: relative;
}  .mlsimport-range__toggle,
.mlsimport-range__toggle:hover,
.mlsimport-range__toggle:focus,
.mlsimport-bedsbaths__toggle,
.mlsimport-bedsbaths__toggle:hover,
.mlsimport-bedsbaths__toggle:focus {
display: block;
width: 100%;
min-height: 40px;
margin: 0;
padding: 8px 30px 8px 10px;
border: 1px solid var(--mli-border, #e2e2e2);
border-radius: 6px;
background: #fff;
font: inherit; font-size: 13px;
font-weight: 300;
line-height: 22px;
color: var(--mli-text, #1a1a1a);
text-align: left; white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
cursor: pointer;
box-sizing: border-box;
position: relative;
} .mlsimport-range__toggle::after,
.mlsimport-bedsbaths__toggle::after {
content: '';
position: absolute;
right: 12px;
top: 50%;
width: 5px;
height: 5px;
border-right: 1.5px solid #8a8a8a;
border-bottom: 1.5px solid #8a8a8a;
transform: translateY( -65% ) rotate( 45deg );
pointer-events: none;
} .mlsimport-range__popup,
.mlsimport-bedsbaths__popup {
display: none;
position: absolute;
z-index: 60;
left: 0;
right: 0;
top: calc( 100% + 4px );
min-width: 240px;
padding: 14px;
background: #fff;
border: 1px solid var(--mli-border, #e2e2e2);
border-radius: 6px;
box-shadow: 0 6px 22px rgba( 0, 0, 0, 0.13 );
box-sizing: border-box;
} .mlsimport-range.is-open .mlsimport-range__popup,
.mlsimport-bedsbaths.is-open .mlsimport-bedsbaths__popup {
display: block;
}  .mlsimport-range__fields {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 18px;
} .mlsimport-range__display {
width: 100%;
min-width: 0;
padding: 8px 10px;
border: 1px solid var(--mli-border, #e2e2e2);
border-radius: 6px;
font: inherit;
font-size: 14px;
color: var(--mli-text, #1a1a1a);
text-align: center;
box-sizing: border-box;
} .mlsimport-range__sep {
color: #8a8a8a;
}  .mlsimport-range__slider {
position: relative;
height: 4px;
margin: 6px 10px 20px;
} .mlsimport-range__rail {
position: absolute;
inset: 0;
border-radius: 2px;
background: #e2e2e2;
} .mlsimport-range__range {
position: absolute;
top: 0;
height: 100%;
border-radius: 2px;
background: var(--mli-accent);
}  .mlsimport-range__handle {
box-sizing: border-box;
position: absolute;
top: 50%;
width: 16px;
height: 16px;
margin-left: -8px;
border: 2px solid var(--mli-accent);
border-radius: 50%;
background: #fff;
transform: translateY( -50% );
cursor: grab;
touch-action: none;
box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.2 );
} .mlsimport-range__handle:active {
cursor: grabbing;
}
.mlsimport-range__toggle.is-empty,
.mlsimport-bedsbaths__toggle.is-empty {
color: var(--mli-muted, #6b7785);
} .mlsimport-range__handle:focus {
outline: none;
box-shadow: 0 0 0 3px rgba( 42, 125, 225, 0.25 );
}  .mlsimport-bedsbaths__heading {
margin: 0 0 8px;
font-size: 13px;
font-weight: 600;
color: var(--mli-text, #1a1a1a);
} .mlsimport-bedsbaths__grid {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-bottom: 14px;
} .mlsimport-bedsbaths__item,
.mlsimport-bedsbaths__item:hover,
.mlsimport-bedsbaths__item:focus {
flex: 1 1 auto;
min-width: 44px;
padding: 8px 0;
border: 1px solid var(--mli-border, #e2e2e2);
border-radius: 6px;
background: #fff;
font: inherit; font-size: 13px;
font-weight: 300;
color: var(--mli-text, #1a1a1a);
text-align: center;
cursor: pointer;
} .mlsimport-bedsbaths__item:hover {
border-color: var(--mli-accent);
} .mlsimport-bedsbaths__item.is-selected {
border-color: var(--mli-accent);
background: var(--mli-accent);
color: #fff;
}  .mlsimport-range__actions,
.mlsimport-bedsbaths__actions {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
} .mlsimport-range__reset,
.mlsimport-bedsbaths__reset,
.mlsimport-range__done,
.mlsimport-bedsbaths__done {
padding: 7px 16px;
border: 0;
border-radius: 6px;
font: inherit;
font-size: 13px;
cursor: pointer;
} .mlsimport-range__reset,
.mlsimport-range__reset:hover,
.mlsimport-range__reset:focus,
.mlsimport-bedsbaths__reset,
.mlsimport-bedsbaths__reset:hover,
.mlsimport-bedsbaths__reset:focus {
background: none;
color: #8a8a8a;
padding-left: 0;
} .mlsimport-range__reset:hover,
.mlsimport-bedsbaths__reset:hover {
color: #c0392b;
} .mlsimport-range__done,
.mlsimport-range__done:hover,
.mlsimport-range__done:focus,
.mlsimport-bedsbaths__done,
.mlsimport-bedsbaths__done:hover,
.mlsimport-bedsbaths__done:focus {
background: var(--mli-accent);
color: #fff;
}