.city-count-list-item{-webkit-backdrop-filter:blur(10px);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff1a;border:2px solid #fff3;border-radius:16px;align-items:center;padding:16px;transition:all .3s;display:flex}.city-count-list-item:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.city-count-list-item:active{transform:translateY(0)}.city-count-list-item.disabled{opacity:.5;cursor:default}.city-count-list-item.disabled:hover{background:#ffffff1a;border-color:#fff3}.city-icon-wrapper{background:#ffffff26;border:2px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.city-icon-wrapper.disabled{background:#ffffff14}.city-icon{color:#fff}.city-icon.disabled{color:#ffffff80}.city-name{color:#fff;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex:1;margin-left:16px;font-size:18px;font-weight:500;display:-webkit-box;overflow:hidden}.city-name.disabled{color:#ffffff80}.city-count-number{color:#fff;margin-left:12px;font-size:16px;font-weight:500}.city-count-number.disabled{color:#ffffff80}.city-count-badge{background:var(--color-accent-yellow,#ffd600);color:#000;border-radius:12px;justify-content:center;align-items:center;min-width:24px;height:24px;margin-left:12px;padding:0 8px;font-size:14px;font-weight:600;display:flex;box-shadow:0 2px 6px #00000040}.city-count-loading{margin-left:12px}.city-count-loading .spinning{color:#fff;animation:1s linear infinite spin}@media (max-width:768px){.city-count-list-item{padding:14px}.city-icon-wrapper{width:50px;height:50px}.city-icon{width:22px;height:22px}.city-name{margin-left:14px;font-size:16px}.city-count-number{font-size:15px}.city-count-badge{min-width:22px;height:22px;font-size:13px}}
.add-city-button{-webkit-backdrop-filter:blur(10px);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff1a;border:2px dashed #ffffff4d;border-radius:16px;justify-content:center;align-items:center;height:74px;transition:all .3s;display:flex}.add-city-button:hover{background:#ffffff26;border-color:#ffffff80;transform:translateY(-2px)}.add-city-button:active{transform:translateY(0)}.add-city-icon{color:#fff;opacity:.8}.add-city-button.with-title{gap:12px}.add-city-title{color:#fff;opacity:.8;font-size:18px;font-weight:500}@media (max-width:768px){.add-city-button{height:70px}.add-city-icon{width:22px;height:22px}.add-city-title{font-size:16px}}