body{margin-top:50px;font-family:system-ui,Helvetica,Arial,sans-serif;background-color:#fff;color:#1c2d3c;text-align:center}.container{display:flex;width:450px;height:50px;margin:auto;align-items:center;padding-right:4px;border:1px solid #ccc;border-radius:5px;background-color:#f9f9f9;direction:rtl}.cityTags{display:flex;margin-left:8px;gap:2px}.cityTag{display:inline-block;background-color:#2e3946;color:#fff;padding:6px 8px;border-radius:5px;font-size:14px;cursor:default}.selectInput{flex:1;width:100%;height:100%;border:none;outline:none;background-color:transparent;font-size:16px}.selectInput::placeholder{text-align:right;color:#999}.popupList{display:inline-block;direction:rtl;background:#fff;border-radius:8px;box-shadow:0 5px 10px #00000026;width:450px;max-height:250px;overflow-y:auto;list-style:none;margin:-8px;padding:0;scrollbar-width:none;-ms-overflow-style:none}.popupList::-webkit-scrollbar{display:none}.popupList li{text-align:right;padding:10px 14px;cursor:pointer;transition:background .2s;border-bottom:1px solid rgb(223,223,223);margin:8px;border-radius:8px}.popupList li:hover{background:#e1e0e0}.selectedCity{color:#007182;text-decoration:line-through}