.city-select{position:relative;width:100%}.city-select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:6px 10px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:.8rem;font-family:Inter,sans-serif;color:#111827;background:#fafbfc;cursor:pointer;transition:border-color .2s,box-shadow .2s;outline:none;text-align:left}.city-select-trigger:hover{border-color:#d1d5db}.city-select-trigger--open{border-color:#137fec;box-shadow:0 0 0 3px rgba(19,127,236,.1);background:#ffffff}.city-select-placeholder{color:#9ca3af}.city-select-value{color:#111827;font-weight:500}.city-select-actions{display:flex;align-items:center;gap:2px;margin-left:8px}.city-select-clear{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;color:#9ca3af;transition:all .15s}.city-select-clear:hover{background:#f3f4f6;color:#374151}.city-select-arrow{font-size:18px;color:#6b7280;transition:transform .2s ease}.city-select-dropdown{background:#ffffff;border:1.5px solid #e5e7eb;border-radius:12px;box-shadow:0 12px 36px rgba(15,23,42,.12),0 4px 12px rgba(15,23,42,.06);overflow:hidden;animation:cityDropdownIn .15s ease}@keyframes cityDropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.city-select-search-wrap{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid #f3f4f6;background:#f9fafb}.city-select-search-wrap .material-symbols-outlined{font-size:16px;color:#9ca3af}.city-select-search{border:none!important;outline:none!important;box-shadow:none!important;background:transparent!important;padding:0!important;font-size:.78rem;font-family:Inter,sans-serif;color:#111827;width:100%}.city-select-search::placeholder{color:#9ca3af}.city-select-list{max-height:220px;overflow-y:auto;padding:4px 0}.city-select-list::-webkit-scrollbar{width:5px}.city-select-list::-webkit-scrollbar-track{background:transparent}.city-select-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.city-select-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.city-select-option{display:flex;align-items:center;gap:6px;padding:5px 10px;font-size:.78rem;color:#374151;cursor:pointer;transition:background .1s}.city-select-option:hover{background:#f0f7ff;color:#137fec}.city-select-option--active{background:#eff6ff;color:#137fec;font-weight:600}.city-select-option-icon{font-size:16px;color:#9ca3af}.city-select-option--active .city-select-option-icon,.city-select-option:hover .city-select-option-icon{color:#137fec}.city-select-empty{padding:16px;text-align:center;font-size:.85rem;color:#9ca3af}[data-theme=dark] .city-select-trigger{background:#1e293b;border-color:#334155;color:#f1f5f9}[data-theme=dark] .city-select-trigger:hover{border-color:#475569}[data-theme=dark] .city-select-trigger--open{background:#1e293b;border-color:#3b9eff;box-shadow:0 0 0 3px rgba(59,158,255,.15)}[data-theme=dark] .city-select-placeholder{color:#64748b}[data-theme=dark] .city-select-value{color:#f1f5f9}[data-theme=dark] .city-select-arrow{color:#94a3b8}[data-theme=dark] .city-select-clear:hover{background:#334155;color:#e2e8f0}[data-theme=dark] .city-select-dropdown{background:#1e293b;border-color:#334155;box-shadow:0 12px 36px rgba(0,0,0,.45),0 4px 12px rgba(0,0,0,.3)}[data-theme=dark] .city-select-search-wrap{background:#0f172a;border-bottom-color:#334155}[data-theme=dark] .city-select-search-wrap .material-symbols-outlined{color:#64748b}[data-theme=dark] .city-select-search{color:#f1f5f9}[data-theme=dark] .city-select-search::placeholder{color:#64748b}[data-theme=dark] .city-select-list::-webkit-scrollbar-thumb{background:#475569}[data-theme=dark] .city-select-list::-webkit-scrollbar-thumb:hover{background:#64748b}[data-theme=dark] .city-select-option{color:#cbd5e1}[data-theme=dark] .city-select-option--active,[data-theme=dark] .city-select-option:hover{background:#1e3a5f;color:#60a5fa}[data-theme=dark] .city-select-option-icon{color:#64748b}[data-theme=dark] .city-select-option--active .city-select-option-icon,[data-theme=dark] .city-select-option:hover .city-select-option-icon{color:#60a5fa}[data-theme=dark] .city-select-empty{color:#64748b}@media (max-width:480px){.city-select-list{max-height:40vh}.city-select-option{padding:9px 12px;font-size:.82rem}.city-select-option-icon{font-size:18px}}