a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,html,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{box-sizing:border-box}a{cursor:pointer;text-decoration:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,video{display:inline-block}[hidden],audio:not([controls]){display:none}a,abbr,acronym,address,applet,big,blockquote,body{vertical-align:baseline}a,abbr,acronym,address,applet,big,blockquote,body,caption{border:0;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0}cite,code,dd,del,dfn,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,html,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline}table{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0}tbody{vertical-align:baseline}tbody,td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0}tfoot{vertical-align:baseline}tfoot,th,thead,tr,tt,ul,var{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0}thead,tr,tt,ul,var{vertical-align:baseline}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,table,td,th{vertical-align:middle}caption,td,th{font-weight:400;text-align:left}a img{border:none}::-webkit-scrollbar{display:none}body{background-color:#eff2f8;margin:0 auto;max-width:100vw;min-height:100vh}body,html{overflow-x:hidden}*{box-sizing:border-box}audio,canvas,embed,iframe,img,object,svg,video{display:block;max-width:100%}@keyframes hand-ani{0%{transform:translateY(0) rotate(50deg)}5%{transform:translateY(-45px) rotate(50deg)}15%{transform:translateY(-100px) rotate(50deg)}20%{transform:translate(45px) rotate(-20deg)}30%{transform:translate(45px) rotate(-20deg)}38%{transform:translateY(-100px) rotate(50deg)}52%{transform:translateY(-54px) rotate(20deg)}61%{transform:translateY(-54px) rotate(50deg)}75%{transform:translateY(-54px) rotate(20deg)}77%{transform:translateY(-54px) rotate(20deg)}85%{transform:translateY(-54px) rotate(50deg)}to{transform:translateY(-54px) rotate(20deg)}}@keyframes screen-ani{0%{transform:translate(0)}44%{transform:translate(0)}52%{transform:translate(-100%)}67%{transform:translate(-100%)}75%{transform:translate(-200%)}91%{transform:translate(-200%)}to{transform:translate(-300%)}}@keyframes screen-content-ani{0%{transform:translateY(0)}24%{transform:translateY(-55px)}34%{transform:translateY(-55px)}40%{transform:translateY(-55px)}to{transform:translateY(0)}}@keyframes circle-ani{0%{height:0;opacity:0}10%{height:0;opacity:1}20%{height:0;opacity:1}30%{height:3.125rem;opacity:1}40%{height:0;opacity:0}to{height:0;opacity:0}}.adv{color:#000;font-size:3.46667vw;margin:1.33333vw auto;text-align:center}.weather-container{font-family:Arial,sans-serif;margin:0 auto;position:relative;width:100vw}.header{color:#fff;height:84vw;padding:8vw 4vw 0;position:relative;transform-origin:top;transition:transform .5s cubic-bezier(.22,1,.36,1),height .5s ease,padding .5s ease,opacity .5s cubic-bezier(.22,1,.36,1);will-change:transform,height,padding,opacity;z-index:1}.header-placeholder{height:84vw;width:100%}.header.fixed-init{height:36.93333vw;left:0;margin:0 auto;padding:2.66667vw 4vw 0;position:fixed;right:0;top:0;transform:translateY(-100%);transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .5s cubic-bezier(.22,1,.36,1);width:100vw}.header.fixed-init.header-scrolled{opacity:1;transform:translateY(0)}.location{align-items:center;display:flex;gap:2.66667vw;height:7.46667vw}.location img{height:4.53333vw;width:3.73333vw}.location-ip{font-size:5.33333vw;margin-right:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:33.33333vw}.add-city{position:relative}.add-city,.add-city img{height:5.33333vw;width:5.33333vw}.date-time{font-size:3.2vw;margin-top:1.33333vw}.weather-bg{height:100%;left:0;opacity:1;overflow:hidden;pointer-events:none;position:absolute;top:0;transition:opacity .5s ease;width:100%;z-index:2}.weather-bg img{height:70.4vw;left:24.4vw;position:absolute;top:19.33333vw;width:70.4vw}.weather-icon img{height:15.6vw;left:73.86667vw;position:absolute;top:22vw;width:14.26667vw;z-index:2}.temp{font-size:25.06667vw;margin-left:2.8vw;margin-top:17.33333vw;position:absolute;z-index:3}.header.header-scrolled{height:36.93333vw;left:0;margin:0 auto;opacity:1;padding:2.66667vw 4vw 0;position:fixed;right:0;top:0;transform:none;transition:transform .5s cubic-bezier(.22,1,.36,1),height .5s ease,padding .5s ease,opacity .5s cubic-bezier(.22,1,.36,1);width:100vw;z-index:999}.header.header-scrolled .location{position:absolute;top:26.4vw}.header.header-scrolled .location-ip{color:#fff;font-size:5.33333vw}.header.header-scrolled .date-time{color:#fff;font-size:3.2vw;font-weight:400;position:absolute;right:2.66667vw;top:27.73333vw;width:46.66667vw}.header.header-scrolled .temp{color:#fff;font-size:16.26667vw;font-weight:500;margin-left:0;margin-top:1.33333vw}.header.header-scrolled .weather-bg{opacity:0}.header.header-scrolled .weather-icon img{height:15.06667vw;left:34.66667vw;top:5.33333vw;width:15.06667vw}.header.header-scrolled .add-city img{display:block;height:5.33333vw;position:absolute;right:-44.66667vw;top:-21.33333vw;width:5.33333vw}.info-bar{background-color:#fff;border-radius:3.06667vw;color:#000;display:flex;height:27.33333vw;justify-content:space-around;margin:0 auto;padding:4.26667vw 7.33333vw 3.06667vw;position:relative;top:-13.33333vw;width:92vw;z-index:3}.info-item{height:20vw;text-align:center}.info-item img{display:block;height:6.4vw;margin:0 auto;width:6.4vw}.info-label{color:#494343;font-size:2.93333vw;margin:.93333vw 0 2.93333vw}.info-value{color:#000;font-size:3.73333vw;font-weight:700}.forecast-24h{background:#fff;border-radius:3.06667vw;height:50.66667vw;margin:-9.33333vw auto 0;padding:4.26667vw 3.33333vw;width:92.13333vw}.forecast-24h h2{font-family:Arial,Helvetica,sans-serif;font-size:4.8vw;font-weight:500;margin-bottom:6.66667vw}.forecast-hours{display:flex;overflow-x:scroll}.hour-item{justify-content:center;margin-right:2vw}.hour-item,.hour-item .bg{align-items:center;display:flex;flex-direction:column;width:13.33333vw}.hour-item .bg{background-color:#f9f9f9;border-radius:1.33333vw;height:19.46667vw;justify-content:space-around;margin-bottom:2vw}.hour-item .bg .hour-time{color:#494343;font-size:2.93333vw;font-weight:400}.hour-item .bg img{height:6.93333vw;width:6.93333vw}.hour-item .hour-temp{font-size:4.4vw;font-weight:500}.forecast-10d{background-color:#fff;border:1px solid #ddd;border-radius:3.06667vw;margin:4vw auto;padding:2.66667vw;width:92vw}.forecast-10d h2{font-family:Arial,Helvetica,sans-serif;font-size:4.8vw;font-weight:500;margin:4vw 0 5.33333vw 1.33333vw}.forecast-days .day-item{align-items:center;background-color:#f9f9f9;border-bottom:1px solid #eee;border-radius:3.06667vw;display:flex;font-size:3.6vw;height:16vw;justify-content:space-between;margin:0 auto 2.66667vw;padding:2.66667vw 3.6vw;width:86.66667vw}.day-item-lf{display:flex;flex-direction:column;justify-content:center;padding-left:3.2vw;position:relative}.day-item-lf p{font-size:3.2vw;line-height:1.2;margin:0}.day-item-lf p:first-child{position:relative}.forecast-days .day-item:first-child .day-item-lf:before{background-color:#436edc;border-radius:3.06667vw;content:"";display:inline-block;height:8.4vw;left:0;position:absolute;top:50%;transform:translateY(-50%);width:.8vw}.day-item-lf p:last-child{font-size:3.73333vw;font-weight:500;margin-top:.66667vw}.day-item img{align-self:center;height:6.66667vw;width:6.66667vw}.day-item-rf{align-items:center;display:flex;justify-content:space-around;width:25.33333vw}.day-item-rf .min-temp{color:#c9c9c9}.expand{color:#868da5;display:flex;font-size:3.2vw;font-weight:400;justify-content:center;margin:6vw auto}.expand span{margin-right:3.33333vw}.expand img{display:block;width:2.66667vw}.list{margin:4vw auto;width:89.33333vw}.list-item{height:69.33333vw;margin-bottom:1.33333vw}.list-item img{border-radius:1.33333vw;display:block;height:46.26667vw;width:89.33333vw}.list-item .list-item-title{display:-webkit-box;-webkit-box-orient:vertical;font-size:4.26667vw;font-weight:500;-webkit-line-clamp:2;line-clamp:2;margin:4vw 0 2.66667vw;overflow:hidden;text-overflow:ellipsis}.list-item .list-item-day{color:#494343;font-size:3.2vw;font-weight:400}.list-item-link{color:inherit;text-decoration:none}.list-item-link:focus{outline:none}.loading{color:#868da5;font-size:3.2vw;padding:2.66667vw;text-align:center}.loading:after{animation:spin 1s linear infinite;border:.4vw solid #f3f3f3;border-radius:50%;border-top-color:#4f7ffa;content:"";display:inline-block;height:2.66667vw;margin-left:1.33333vw;vertical-align:middle;width:2.66667vw}.loading-sentinel{background:transparent;height:2.66667vw}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}[dir=rtl] .location-ip{margin-left:auto;margin-right:0}[dir=rtl] .header.header-scrolled .location{left:auto;right:4vw}[dir=rtl] .header.header-scrolled .date-time{left:4vw;right:auto}[dir=rtl] .temp{margin-left:0;margin-right:2.8vw}[dir=rtl] .weather-bg img{left:auto;right:24.4vw}[dir=rtl] .weather-icon img{left:auto;right:73.86667vw}[dir=rtl] .header.header-scrolled .weather-icon img{left:auto;right:34.66667vw}[dir=rtl] .header.header-scrolled .add-city img{left:-53.33333vw;right:auto}[dir=rtl] .day-item-lf{padding-left:0;padding-right:3.2vw}[dir=rtl] .forecast-days .day-item:first-child .day-item-lf:before{left:auto;right:0}[dir=rtl] .expand span{margin-left:3.33333vw;margin-right:0}[dir=rtl] .loading:after{margin-left:0;margin-right:1.33333vw}[dir=rtl] .hour-item{margin-left:2vw;margin-right:0}[dir=rtl] .city-name{margin-left:3.33333vw;margin-right:0}