#city-widget .city-container .forecast-container{margin-bottom:28px;color:#013b74;background:#fff;border:1px solid #dbe7f0;border-radius:20px;padding:20px 20px 14px;box-shadow:0 10px 30px rgba(8,47,73,0.06)}@media (max-width: 649px){#city-widget .city-container .forecast-container{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);border-radius:0;border-left:none;border-right:none;padding:12px 10px 8px;margin-bottom:20px}}#city-widget .city-container .forecast-container h2 span{float:right;color:#0b5c8d;font-size:13px;font-weight:600;background:#eaf3fb;border-radius:999px;padding:7px 14px;margin-top:4px}#city-widget .city-container .forecast-container h2 span.content{float:left !important;color:#082f4a;background:transparent;padding:4px 0 4px 26px;margin-top:0;border-radius:0}#city-widget .city-container .forecast-container h2 span:empty{display:none}#city-widget .city-container .forecast-container .cell-header{margin-bottom:12px;display:flow-root}#city-widget .city-container .forecast-container .cell-header span.symbol{width:10px;height:10px;top:15px;left:2px}#city-widget .city-container .forecast-container .cell-header span.content{text-transform:none;letter-spacing:-0.01em;font-size:24px;line-height:1.25}@media (max-width: 649px){#city-widget .city-container .forecast-container .cell-header span.content{font-size:19px}}@media (max-width: 649px){#city-widget .city-container .forecast-container .cell-header span.date{font-size:12px;padding:5px 10px}}#city-widget .city-container .forecast-container ul{text-align:left;padding-left:1px}#city-widget .city-container .forecast-container ul li{display:block;line-height:20px}#city-widget .city-container .forecast-container p{line-height:20px;margin:0;padding:0}#city-widget .city-container .forecast-container .table .header,#city-widget .city-container .forecast-container .table .list{display:grid;grid-template-columns:64px 1.15fr 1.05fr 0.85fr 1.35fr;gap:4px;margin-bottom:4px}#city-widget .city-container .forecast-container .table .element{min-width:0}#city-widget .city-container .forecast-container .table .header .element{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:#8aa2b8;padding:2px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#city-widget .city-container .forecast-container .table .list{min-height:84px;position:relative;border-radius:10px}#city-widget .city-container .forecast-container .table .list.night{color:#dbe6f1}#city-widget .city-container .forecast-container .table .list.night .element{background:#2e4d6b}#city-widget .city-container .forecast-container .table .list.night .element.time{background:#21374e;color:#e8f0f7}#city-widget .city-container .forecast-container .table .list .element{background:#f4f8fc;border-radius:10px;padding:8px 6px;position:relative;z-index:2}#city-widget .city-container .forecast-container .table .list .element.time{background:#013b74;color:white;font-size:24px;padding:0;display:flex;align-items:center;justify-content:center}#city-widget .city-container .forecast-container .table .list .element.time .minutes{font-size:12px;margin-left:-3px}#city-widget .city-container .forecast-container .table .list .element.forecast{text-align:center;display:flex;align-items:center;justify-content:center}#city-widget .city-container .forecast-container .table .list .element.forecast .forecast-temp{font-size:26px}#city-widget .city-container .forecast-container .table .list .element.summary{display:flex;align-items:center}#city-widget .city-container .forecast-container .table .list .element.summary p{padding-left:4px;font-size:13px;line-height:1.45;color:#334155}#city-widget .city-container .forecast-container .table .list .element.wind{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}#city-widget .city-container .forecast-container .table .list .element.wind br{display:none}#city-widget .city-container .forecast-container .table .list .element.wind .wind-direction svg.wind-arrow{width:22px;height:22px;padding:3px;background:#fff7e0;border:1px solid #fbbf24;border-radius:50%;display:inline-block;vertical-align:middle}#city-widget .city-container .forecast-container .table .list .element.wind .wind-speed{font-size:13px}#city-widget .city-container .forecast-container .table .list .element.wind .pressure{font-size:13px;color:#475569}#city-widget .city-container .forecast-container .table .list .element.precipitation{display:flex;flex-direction:column;justify-content:center}#city-widget .city-container .forecast-container .table .list .element.precipitation li{display:flex;flex-direction:column;gap:2px;margin-bottom:6px;line-height:17px}#city-widget .city-container .forecast-container .table .list .element.precipitation .color-label{order:2;width:100%;height:4px;display:block;float:none;margin:0;border-radius:999px}#city-widget .city-container .forecast-container .table .list .element.precipitation .color-label:not([style]){display:none}#city-widget .city-container .forecast-container .table .list .element.precipitation p{order:1;display:flex;justify-content:space-between;align-items:baseline;gap:6px;line-height:17px}#city-widget .city-container .forecast-container .table .list .element.precipitation p .value{float:none}@media only screen and (max-width: 649px){#city-widget .city-container .forecast-container .table .header,#city-widget .city-container .forecast-container .table .list{grid-template-columns:48px 1.05fr 1.25fr 78px}#city-widget .city-container .forecast-container .table .header .element.summary{display:none}#city-widget .city-container .forecast-container .table .list .element.precipitation li{margin-bottom:3px;gap:1px}#city-widget .city-container .forecast-container .table .list .element.precipitation .prec-label{font-size:11px;color:#43546b;white-space:nowrap}#city-widget .city-container .forecast-container .table .list .element.precipitation .value{font-size:12px}#city-widget .city-container .forecast-container .table .list .element.forecast{flex-direction:column;gap:0}#city-widget .city-container .forecast-container .table .list .element.forecast .forecast-temp{font-size:18px;font-weight:600}#city-widget .city-container .forecast-container .table .list .element.forecast .forecast-feeltemp{display:none}#city-widget .city-container .forecast-container .table .list .element.forecast .temp-info{display:block}#city-widget .city-container .forecast-container .table .list .element.wind .wind-speed,#city-widget .city-container .forecast-container .table .list .element.wind .pressure{font-size:12px}#city-widget .city-container .forecast-container .table .list .element.summary{grid-column:1 / -1;min-height:0;background:transparent !important;padding:0 4px 2px}#city-widget .city-container .forecast-container .table .list .element.summary p{font-size:12px;color:#475569}#city-widget .city-container .forecast-container .table .list .element.summary:has(p:empty){display:none}#city-widget .city-container .forecast-container .table .list.night .element.summary p{color:#dbe6f1}}@media only screen and (min-width: 650px) and (max-width: 1023px){#city-widget .city-container .forecast-container .table .header,#city-widget .city-container .forecast-container .table .list{grid-template-columns:56px 1fr 1.2fr 0.85fr 1fr}#city-widget .city-container .forecast-container .table .list .element.summary p{font-size:13px}}#city-widget .city-container .forecast-container .table .list .sky-precip-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:10px;z-index:1}#city-widget .city-container .forecast-container .row-rain__drop{position:absolute;top:-26px;left:calc(var(--x) * 1%);width:2.5px;height:22px;animation:row-rain-fall calc(var(--dur) * 1s) linear infinite;animation-delay:calc(var(--delay) * 1s)}#city-widget .city-container .forecast-container .row-rain__drop path{fill:#4a7bab;opacity:var(--o)}#city-widget .city-container .forecast-container .table .list.night .row-rain__drop path{fill:#bcd8f2}@keyframes row-rain-fall{100%{transform:translateY(280px)}}#city-widget .city-container .forecast-container .row-snow__flake{position:absolute;top:-8px;left:calc(var(--x) * 1%);width:var(--s);height:var(--s);border-radius:50%;background:rgba(255,255,255,0.9);box-shadow:0 0 2px rgba(100,130,160,0.6);animation:row-snow-fall calc(var(--dur) * 1s) linear infinite;animation-delay:calc(var(--delay) * 1s)}@keyframes row-snow-fall{0%{transform:translate(0, 0)}50%{transform:translate(var(--sway), 130px)}100%{transform:translate(calc(var(--sway) * -0.6), 280px)}}#city-widget .city-container .forecast-container .table .list .sky-cloud-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:10px;z-index:1}#city-widget .city-container .forecast-container .row-cloud{position:absolute;left:-45%;top:var(--y, 0%);width:var(--w, 45%);height:90%;background:radial-gradient(ellipse 60% 45% at 35% 55%, rgba(255,255,255,0.9), transparent 70%),radial-gradient(ellipse 50% 40% at 65% 40%, rgba(255,255,255,0.75), transparent 72%);animation:row-cloud-drift calc(var(--dur) * 1s) linear infinite;animation-delay:calc(var(--delay) * 1s);opacity:0}#city-widget .city-container .forecast-container .row-cloud--veil{left:-110%;top:0;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.85) 30%, rgba(255,255,255,0.85) 70%, transparent);animation-name:row-cloud-veil-drift}#city-widget .city-container .forecast-container .sky-cloud-layer--night .row-cloud{background:radial-gradient(ellipse 60% 45% at 35% 55%, rgba(7,14,26,0.9), transparent 70%),radial-gradient(ellipse 50% 40% at 65% 40%, rgba(7,14,26,0.75), transparent 72%)}#city-widget .city-container .forecast-container .sky-cloud-layer--night .row-cloud--veil{background:linear-gradient(90deg, transparent, rgba(7,14,26,0.8) 30%, rgba(7,14,26,0.8) 70%, transparent)}@keyframes row-cloud-drift{0%{transform:translateX(0);opacity:0}12%{opacity:var(--o, 0.25)}88%{opacity:var(--o, 0.25)}100%{transform:translateX(320%);opacity:0}}@keyframes row-cloud-veil-drift{0%{transform:translateX(0);opacity:0}15%{opacity:var(--o, 0.2)}85%{opacity:var(--o, 0.2)}100%{transform:translateX(320%);opacity:0}}@media (prefers-reduced-motion: reduce){#city-widget .city-container .forecast-container .table .list .sky-precip-layer,#city-widget .city-container .forecast-container .table .list .sky-cloud-layer{display:none}}#city-widget .city-container .forecast-container .table .list.night .element.forecast .forecast-temp{color:#f4f8fc}#city-widget .city-container .forecast-container .table .list.night .element.forecast .forecast-feeltemp{color:#b3c5d6}#city-widget .city-container .forecast-container .table .list.night .element.precipitation .prec-label{color:#b3c5d6}#city-widget .city-container .forecast-container .table .list.night .element.precipitation .value{color:#eef4f9}#city-widget .city-container .forecast-container .table .list.night .element.precipitation .color-label{opacity:0.55}#city-widget .city-container .forecast-container .table .list.night .element.wind .wind-velocity{color:#eef4f9}#city-widget .city-container .forecast-container .table .list.night .element.wind .pressure{color:#bcd0e0}#city-widget .city-container .forecast-container .table .list.night .element.wind .wind-direction svg.wind-arrow{background:#24405c}#city-widget .city-container .forecast-container .table .list.night .element.wind .wind-direction svg.wind-arrow path{fill:#fcd34d}#city-widget .city-container .forecast-container .table .list.night .element.summary p{color:#dbe6f1}@media only screen and (max-width: 649px){#city-widget .city-container .forecast-container .table .list.night .element.summary p{color:#dbe6f1}#city-widget .city-container .forecast-container .table .list.night .element.precipitation .prec-label{color:#b3c5d6}#city-widget .city-container .forecast-container .table .list.night .element.precipitation .value{color:#eef4f9}}#city-widget .city-container .meteogram-wrapper{max-width:1024px;margin:6px auto 18px}#city-widget .city-container .meteogram-wrapper canvas{display:block;width:100%;height:auto;border:none;border-radius:14px;box-shadow:inset 0 0 0 1px rgba(8,47,73,0.1)}#city-widget .city-container .summary-box{position:relative;height:150px;overflow:hidden;margin:24px 0;border-radius:18px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 16px rgba(0,0,0,0.04),0 20px 40px rgba(0,128,255,0.08);transition:box-shadow 0.3s ease, transform 0.3s ease;display:inline-flex;background:linear-gradient(white, white) padding-box,linear-gradient(to right, #4d9cfa, #ec4ec7) border-box;border:1.5px solid transparent}#city-widget .city-container .summary-box:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(0,0,0,0.06),0 24px 48px rgba(0,128,255,0.15)}#city-widget .city-container .summary-box .summary-scroll{height:100%;overflow-y:auto;padding:20px 26px;line-height:1.75;color:#202124;text-shadow:0 0.5px 0.5px rgba(255,255,255,0.4);-webkit-font-smoothing:antialiased;scrollbar-width:none;-ms-overflow-style:none}#city-widget .city-container .summary-box .summary-scroll::-webkit-scrollbar{display:none}#city-widget .city-container .summary-box .summary-scroll p{margin:0;padding-bottom:10px !important}#city-widget .city-container .summary-box::before,#city-widget .city-container .summary-box::after{content:"";position:absolute;left:0;right:0;height:24px;pointer-events:none;z-index:2}#city-widget .city-container .summary-box::before{top:0;background:linear-gradient(to bottom, rgba(0,128,255,0.05), transparent)}#city-widget .city-container .summary-box::after{bottom:0;background:linear-gradient(to top, rgba(0,128,255,0.1), transparent)}#city-widget .city-container .summary-box.pulse-glow:hover{outline:1px solid rgba(0,128,255,0.08);box-shadow:0 0 0 1px rgba(0,128,255,0.12),0 6px 12px rgba(0,128,255,0.08),0 12px 24px rgba(0,128,255,0.14)}#city-widget .cities-nearby{background:#fff;border:1px solid #dbe7f0;border-radius:20px;padding:16px 20px;box-shadow:0 10px 30px rgba(8,47,73,0.06)}@media (max-width: 649px){#city-widget .cities-nearby{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);border-radius:0;border-left:none;border-right:none;padding:12px 10px}}