.location-search-field{--location-search-field-color: var(--color-input-fg);--location-search-field-input-font-size: 1rem;--location-search-field-input-height: var(--input-height);--location-search-field-input-border-radius: 0;--location-search-field-input-fg: var(--color-black);--location-search-field-input-bg: var(--color-white);--location-search-field-input-border-color: var(--color-gray-medium);--location-search-field-input-placeholder-color: var(--color-input-placeholder);--location-search-field-input-base-padding-x: var(--spacing-m);--location-search-field-icon-size: 1em;--location-search-field-icon-size-large: 1.2em;--location-search-field-input-padding-left: calc( var(--location-search-field-input-base-padding-x) + var(--location-search-field-icon-size) );--location-search-field-input-padding-right: calc( var(--location-search-field-input-base-padding-x) + var(--location-search-field-icon-size) );--location-search-field-icon-color: var(--color-primary);--location-search-field-spinner-display: none;color:var(--location-search-field-color);position:relative;display:flex}@media screen and (min-width:30rem){.location-search-field{--location-search-field-input-base-padding-x: var(--spacing-l)}}.location-search-field__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.location-search-field__wrapper{display:contents}.location-search-field__wrapper[data-empty]{--location-search-field-input-padding-right: var(--location-search-field-input-base-padding-x)}@media screen and (min-width:30rem){.location-search-field__wrapper[data-empty][data-loading]{--location-search-field-input-padding-right: calc( var(--location-search-field-input-base-padding-x) + var(--location-search-field-icon-size) )}}@media screen and (min-width:30rem){.location-search-field__wrapper[data-loading]{--location-search-field-input-padding-right: calc( var(--location-search-field-input-base-padding-x) + (var(--location-search-field-icon-size) * 2) );--location-search-field-spinner-display: block}}.location-search-field__input-field[type=search]{height:var(--location-search-field-input-height);border-color:var(--location-search-field-input-border-color);border-radius:var(--location-search-field-input-border-radius);padding-left:var(--location-search-field-input-padding-left);padding-right:var(--location-search-field-input-padding-right);color:var(--location-search-field-input-fg);background:var(--location-search-field-input-bg);font-size:var(--location-search-field-input-font-size)}.location-search-field__input-field[type=search]::-webkit-search-cancel-button{appearance:none}.location-search-field__input-field[type=search]::placeholder{color:var(--location-search-field-input-placeholder-color)}.location-search-field__icon{position:absolute;top:0;width:var(--location-search-field-icon-size-large);height:var(--location-search-field-input-height);color:var(--location-search-field-icon-color);left:var(--spacing);z-index:3}.location-search-field__locate{position:absolute;display:flex;align-items:center;font-size:inherit;justify-content:center;top:2px;bottom:2px;left:2px;border:0;padding:0;background:transparent;width:calc(var(--location-search-field-input-padding-left) - 4px);color:var(--location-search-field-icon-color);z-index:3}.location-search-field__locate:hover,.location-search-field__locate:focus-visible{background-color:var(--color-primary-light)}.location-search-field__locate svg{display:block;width:var(--location-search-field-icon-size-large);height:var(--location-search-field-icon-size-large)}.location-search-field__input-meta{display:flex;align-items:center;gap:var(--spacing-xs);position:absolute;right:var(--spacing);color:var(--location-search-field-icon-color);top:50%;transform:translateY(-50%);z-index:3;height:var(--location-search-field-icon-size)}.location-search-field__spinner{display:var(--location-search-field-spinner-display);height:var(--location-search-field-icon-size);width:var(--location-search-field-icon-size)}.location-search-field__clear{height:var(--location-search-field-icon-size);width:var(--location-search-field-icon-size);border:0;padding:0;color:inherit;background:transparent}[data-empty] .location-search-field__clear{display:none}.location-search-field__clear svg{display:block;width:100%;height:auto}.location-search-bar{--location-search-bar-gap: var(--spacing-s);--location-search-bar-flex-flow: row wrap;--location-search-bar-fields-flex: 3 1 12.5rem;--location-search-bar-dropdown-flex: 2 1 11.25rem;width:100%;display:flex;flex-flow:var(--location-search-bar-flex-flow);gap:var(--location-search-bar-gap)}.location-search-bar--vertical{--location-search-bar-flex-flow: column;--location-search-bar-fields-flex: auto;--location-search-bar-dropdown-flex: auto}.location-search-bar__keyword,.location-search-bar__location{flex:var(--location-search-bar-fields-flex)}.location-search-bar__distance{flex:var(--location-search-bar-dropdown-flex)}