.autocomplete-container{align-items:center;border-radius:.75rem;border-width:1px;display:flex;gap:.5rem;height:2.75rem;width:100%;--tw-border-opacity:1;border-color:rgb(212 212 212/var(--tw-border-opacity,1));transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.autocomplete-container:hover{--tw-border-opacity:1;border-color:rgb(0 165 247/var(--tw-border-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(0 165 247/var(--tw-ring-opacity,1))}@media(min-width:1024px){.autocomplete-container{height:4rem}}.city-input{background-color:transparent;border-radius:.25rem;font-size:.875rem;height:2.5rem;line-height:1.25rem;padding-left:.5rem;width:100%}.city-input:focus{outline:2px solid transparent;outline-offset:2px}@media(min-width:1024px){.city-input{font-size:1.125rem;line-height:1.75rem}}.city-result-list{border-width:2px;max-height:18rem;overflow-y:auto;position:absolute;width:100%;z-index:50;--tw-border-opacity:1;border-color:rgb(240 240 240/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.city-result-list::-webkit-scrollbar{width:.5rem}.city-result-list::-webkit-scrollbar-thumb{border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(102 102 102/var(--tw-bg-opacity,1))}.city-result{cursor:pointer;padding-bottom:.75rem;padding-left:.5rem;padding-top:.75rem}.city-result:hover{--tw-bg-opacity:1;background-color:rgb(240 240 240/var(--tw-bg-opacity,1))}