.cs{position:relative;width:max-content}.cs,.cs__pill{min-width:0;max-width:100%}.cs__pill{width:auto;display:inline-flex;align-items:center;gap:13px;border:1px solid var(--border-color);background:hsla(0,0%,100%,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-full);padding:10px 18px;box-shadow:var(--shadow-sm);cursor:pointer;white-space:nowrap;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.cs__pill:hover{border-color:var(--teal-400);box-shadow:var(--shadow-md)}.cs__pill.is-loading{opacity:.85}.cs__city{font-weight:800;font-size:15.5px;letter-spacing:.06em;color:var(--teal-900);flex:0 0 auto}.cs__sep{width:1px;height:21px;background:rgba(18,59,131,.1);flex:0 0 auto}.cs__wx{gap:8px;min-width:0}.cs__wx,.cs__wxIcon{display:inline-flex;align-items:center}.cs__wxIcon{color:var(--teal-700);justify-content:center;flex:0 0 auto}.cs__icon,.cs__wxIcon{width:21px;height:21px}.cs__temp{font-weight:800;font-size:15.5px;color:var(--teal-800);white-space:nowrap}.cs__menu{position:absolute;top:calc(100% + 10px);left:0;z-index:60;width:260px;border-radius:var(--radius-lg);border:1px solid var(--border-color);background:hsla(0,0%,100%,.97);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-xl);padding:8px;display:grid;grid-gap:5px;gap:5px;animation:fadeInUp .2s var(--ease-out) both}.cs--right .cs__menu{left:auto;right:0}.cs__item{width:100%;text-align:left;border:1px solid transparent;background:transparent;border-radius:var(--radius-sm);padding:13px 16px;font-weight:700;font-size:16px;color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.cs__item:hover{border-color:rgba(18,59,131,.1);background:var(--teal-50);color:var(--teal-800)}.cs__item.is-active{border-color:var(--teal-400);background:var(--teal-100);color:var(--teal-900);font-weight:800}@media (max-width:767px){.cs{max-width:100%}.cs__pill{padding:5px 10px;gap:8px}.cs__city,.cs__temp{font-size:13px}.cs__sep{height:17px}.cs__wx{gap:6px}.cs__wxIcon{width:17px;height:17px}.cs__icon{width:16px;height:16px}}@media (max-width:520px){.cs__menu{width:min(260px,calc(100vw - 32px))}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}