:root{--basecolor:#2277b9;--lightcolor:#45aaf2;--heavycolor:#2650a3;--lineargradient:linear-gradient(90deg,#2650a3 0%,#346dc4 50%,#2650a3);--gradient:radial-gradient(ellipse at center,#3167be 0%,#2650a3 100%);--imagecolor:#4694d9;--semitransparentheavycolor:rgba(0,0,150,0.25);--sidegradient:linear-gradient(90deg,#3e62bc 0%,#204698);--textcolor:#fff}body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}.currentmicro{width:100%;height:100%;background:var(--sidegradient);pointer-events:none;position:absolute;min-width:120px;min-height:70px}.currentmicro #locationsearchpanel,.currentmicro .locationheaderarrow{display:none}.currentmicro .locationheadername{width:100%;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:5px;box-sizing:border-box;text-indent:0;margin-top:56px;position:absolute;font-weight:700;letter-spacing:.4px;bottom:1%;z-index:2}.currentmicro .locationheadertempandcond{position:absolute}.currentmicro .locationheadertemp{position:fixed;margin:0;font-size:320%;line-height:180%;letter-spacing:2px;left:50%}.currentmicro .condshort{position:absolute;margin:0 0 0 75px}.currentmicro .condshort .cls-1{fill:var(--imagecolor)}.currentmicro .condshort .condicon{margin-top:0;position:fixed;left:50%}.currentmicro .condshort *{max-height:100%;max-width:100%}.currentmicrolink{width:100%;height:100%;display:block;position:absolute;top:0;left:0}.location{width:320px;position:absolute;background:#fff;box-shadow:inset 0 0 1px #ccc;z-index:2}.locationheadername{text-indent:25px;cursor:pointer;font-size:16px}.locationheaderarrow{width:15px;height:51px;display:inline-block;text-indent:0;margin-right:15px}.locationheaderarrow .cls-arrow{stroke:var(--textcolor)}.locationopened .locationheaderarrow{transform:rotate(180deg)}.locationsearchwrapper{background:#f2f2f2}.locationsearchwrapper input{width:260px;margin:10px 30px;height:22px;border:none;border-radius:4px;text-indent:25px;background-size:16px 16px}.locationsearchicon{position:absolute;width:15px;margin:14px 0 0 36px}.locationsearchicon .cls-1{fill:#7e7e7e}.location .citieslist{max-height:200px;overflow:auto}.locationheader div{display:inline-block}.recentlist{width:320px}.recentlist label{padding:0 15px;color:#7f7f7f;text-transform:uppercase;display:block;height:40px;line-height:40px;letter-spacing:.5px;font-size:15px}.condshort{display:inline-block;text-align:center}.condshort *{display:inline-block;vertical-align:top;font-size:14px;color:grey}.condshort .condicon{width:50px;height:50px;background-size:contain;background-repeat:no-repeat;background-position:50%;margin-right:10px;margin-top:6px}.condshortinline{display:inline-block;font-size:14px;margin-right:6px;white-space:normal}.condshortwrap{display:table}.condshortwrap div{display:table-cell;vertical-align:middle;width:130px;height:56px;line-height:22px}@media screen and (max-width:900px){.condshort .condicon{width:35px;height:35px;margin-top:12px}.condshortwrap div{display:table-cell;vertical-align:middle;width:130px}}@media screen and (max-width:400px){.condshortwrap div{display:table-cell;vertical-align:middle;width:85px;font-size:12px;line-height:14px}.condshort .condicon{margin-right:2px}}.citieslist{width:320px}.citieslist .citieslistitem div{display:inline-block;vertical-align:top}.citieslist .citieslistitem{height:38px;border-bottom:1px solid #dfe1e5;margin:0 25px;padding:0 5px;line-height:38px;white-space:nowrap}.citieslist .citieslistitem:last-child{border-bottom:none}.citieslist .citieslistitem .condshort .condicon{margin:0 10px 0 0;padding:0;width:35px;height:35px}.citieslist .citieslistitem .citieslistlabel{width:190px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer}.citieslist .citieslistwithoutinfo.citieslistitem .citieslistlabel{width:260px}.citieslist .citieslistitem.citieslistwithoutinfo .citieslisttemp,.citieslist .citieslistitem.citieslistwithoutinfo .condshort{display:none}.currentmicro{background:var(--basecolor);color:var(--textcolor)}.currentmicro .locationheadername{color:var(--heavycolor)}.currentmicro .condshort .cls-1{fill:var(--heavycolor)}html body{--basecolor:#fff;--lightcolor:#efefef;--heavycolor:#d3d4d7;--lineargradient:linear-gradient(90deg,#2650a3 0%,#346dc4 50%,#2650a3);--gradient:radial-gradient(ellipse at center,#3167be 0%,#2650a3 100%);--imagecolor:#cfcfcf;--semitransparentheavycolor:rgba(0,0,150,0.25);--sidegradient:linear-gradient(90deg,#3e62bc 0%,#204698);--textcolor:#000}