.js-toolset-maps-distance-value {
width: 100px;
}
.js-toolset-maps-distance-center {
width: 100px;
} .ui-autocomplete {
padding: 0;
margin: 0;
list-style: none;
position: absolute;
z-index: 10000;
border: 1px solid #5b9dd9;
box-shadow: 0 1px 2px rgba(30, 140, 190, 0.8);
background-color: #fff;
}
.ui-autocomplete .ui-state-focus {
background-color: #ddd;
}
.ui-autocomplete li {
margin-bottom: 0;
padding: 4px 10px;
white-space: nowrap;
text-align: left;
cursor: pointer;
}
.js-toolset-maps-distance-current-location[aria-disabled="true"] {
opacity: 0.6;
cursor: default;
}
.js-toolset-maps-distance-current-location.toolset-maps-location-busy {
cursor: progress;
}
button.toolset-maps-inline-control {
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
width: auto !important;
max-width: 100% !important;
padding: 0;
font: inherit;
line-height: 1.2;
text-transform: none;
text-decoration: underline;
background: transparent;
border: 0;
box-shadow: none;
color: inherit;
cursor: pointer;
}
.toolset-maps-location-status {
display: inline-block;
margin-inline-start: 0.5em;
}
.toolset-maps-location-message--error {
color: #8a1f11;
}
.toolset-maps-location-retry {
margin-inline-start: 0.5em;
}
.js-toolset-maps-distance-center.toolset-maps-my-location {
font-style: italic;
cursor: default;
}
.toolset-maps-location-field {
position: relative;
max-width: 100%;
}
.toolset-maps-location-field--fit {
display: inline-block;
width: -moz-fit-content;
width: fit-content;
vertical-align: middle;
}
.toolset-maps-location-field--block {
display: block;
}
.toolset-maps-location-field--fill {
display: block;
width: 100%;
}
.toolset-maps-location-field--fill > .js-toolset-maps-distance-center {
box-sizing: border-box;
width: 100%;
}
button.toolset-maps-location-reset {
position: absolute;
top: 50%;
right: 0.3em;
width: 1.9em !important;
min-width: 24px !important;
max-width: 1.9em !important;
height: 1.9em;
min-height: 24px;
max-height: 100%;
border-radius: 50%;
background: #fff;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25);
color: #1d2327;
text-decoration: none;
transform: translateY(-50%);
}
[dir="rtl"] button.toolset-maps-location-reset {
right: auto;
left: 0.3em;
}
button.toolset-maps-location-reset:hover,
button.toolset-maps-location-reset:focus {
background: #fff;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.45);
color: #1d2327;
}
button.toolset-maps-location-reset:focus {
outline: 2px solid #1d2327;
outline-offset: 1px;
}