.hp-service-city-picker{position:relative;width:100%;min-width:0;color:var(--bs-body-color,var(--hp-text))}
.hp-service-city-picker>label{display:flex;align-items:center;gap:.35rem;margin:0 0 .35rem;color:var(--bs-secondary-color,var(--hp-muted));font-size:.7rem;font-weight:750}
.hp-service-city-picker>label i,.hp-service-city-options__head i{color:var(--hp-accent);font-size:1rem}
.hp-service-city-picker .hp-service-city-input{display:flex;overflow:hidden;width:100%;min-width:0;border:1px solid var(--bs-border-color,var(--hp-border));border-radius:.55rem;background:var(--bs-body-bg,var(--hp-surface))}
.hp-service-city-picker .hp-service-city-input:focus-within{border-color:var(--hp-accent)}
.hp-service-city-picker .hp-service-city-input :is(input,.form-control,button,.btn){min-height:38px;border:0;box-shadow:none!important}
.hp-service-city-picker .hp-service-city-input input{min-width:0;flex:1;background:transparent;color:var(--bs-body-color,var(--hp-text));outline:0}
.hp-service-city-picker .hp-service-city-input button{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;padding-inline:.8rem;background:var(--hp-accent);color:#fff}
.hp-service-city-options{position:absolute;z-index:1120;inset-block-start:calc(100% + .45rem);inset-inline:0;width:100%;min-width:0;padding:.65rem;border:1px solid var(--bs-border-color,var(--hp-border));border-radius:.65rem;background:var(--bs-body-bg,var(--hp-surface));color:var(--bs-body-color,var(--hp-text));box-shadow:0 16px 42px rgb(0 0 0/.18)}
.hp-service-city-options[hidden]{display:none}
.hp-service-city-options__head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.1rem .15rem .55rem;font-size:.7rem;font-weight:750}
.hp-service-city-options__head>span{display:flex;align-items:center;gap:.38rem}
.hp-service-city-options__head small{color:var(--bs-secondary-color,var(--hp-muted));font-size:.62rem}
.hp-service-city-options__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))!important;max-height:320px;overflow:auto;overscroll-behavior:contain;gap:.12rem;scrollbar-width:none}
.hp-service-city-options__grid::-webkit-scrollbar{display:none;width:0;height:0}
.hp-service-city-options__grid>a{display:flex;align-items:center;gap:.4rem;min-width:0;padding:.45rem .5rem;border-radius:.35rem;background:transparent;color:inherit;font-size:.7rem;text-align:start;text-decoration:none}
.hp-service-city-options__grid>a>i{flex:0 0 auto;color:var(--bs-secondary-color,var(--hp-muted))}
.hp-service-city-options__grid>a>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hp-service-city-options__grid>a:is(:hover,:focus-visible,[aria-current="page"]){background:color-mix(in srgb,var(--hp-accent) 9%,transparent);color:var(--hp-accent);outline:0}
@media(max-width:479.98px){.hp-service-city-picker .hp-service-city-input button span{display:none}.hp-service-city-picker .hp-service-city-input button{padding-inline:.7rem}.hp-service-city-options__grid>a{gap:.2rem;padding:.4rem .25rem;font-size:.62rem}.hp-service-city-options__grid>a>i{display:none}}