#in_content:has(> #g-weather) {padding:0 18px}
#g-weather {
    --muted:#5c705f;
    color:var(--ink);
    padding:12px 0 22px;
    font-size:16px;
    line-height:1.4;
}
#g-weather * {box-sizing:border-box}
#g-weather a {color:var(--link-color,inherit);text-decoration:none}
#g-weather a:focus-visible {outline:2px solid var(--panel-accent, var(--focus));outline-offset:2px}
#g-weather .forecast-path {display:flex;flex-wrap:wrap;gap:6px;color:var(--muted);font-size:13px;margin:0 0 8px}
#g-weather .forecast-path a:hover {text-decoration:underline}
#g-weather .forecast-intro {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 20px;margin:0 0 17px}
#g-weather h1 {margin:0;color:var(--ink);font-size:clamp(24px,4vw,32px);font-weight:700;line-height:1.15;letter-spacing:-.3px}
#g-weather .forecast-links {display:flex;flex-wrap:wrap;gap:6px}
#g-weather .forecast-panel {color:var(--panel-ink);margin:0 0 var(--section-gap)}
#g-weather .forecast-panel-head {display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:3px 12px;padding:9px 15px}
#g-weather h2 {margin:0;padding:0;color:inherit;font-size:19px;font-weight:600;line-height:1.25}
#g-weather h2 a {display:inline-block}
#g-weather h2 a span {margin-left:3px;color:var(--panel-muted);font-size:14px}
@media (hover:hover) and (pointer:fine) {
    #g-weather h2 a:hover {
        background:linear-gradient(currentColor,currentColor) bottom / 100% 1px no-repeat;
    }
    #g-weather a.forecast-date:hover {text-decoration:underline;text-underline-offset:3px}
}
#g-weather .forecast-date {color:var(--panel-muted);font-size:13px}

#g-weather .forecast-current-content {display:grid;grid-template-columns:minmax(184px, 1fr) minmax(0, 2.6fr);align-items:center;padding:12px 15px;gap:10px 22px}
#g-weather .forecast-reading {display:flex;align-items:center;gap:12px}
#g-weather .forecast-reading .g-weather-icon {width:76px;height:76px;object-fit:contain;flex:none}
#g-weather .forecast-temperature {font-size:32px;font-weight:600;line-height:1.05;white-space:nowrap}
#g-weather .forecast-condition {font-size:15px;margin-top:3px}
#g-weather .forecast-feels {color:var(--panel-muted);font-size:13px}
#g-weather .forecast-metrics {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0}
#g-weather .forecast-metrics > div {position:relative;min-width:0;border-left:1px solid transparent;padding:4px 11px}
#g-weather .forecast-metrics > div::before {
    content:"";
    position:absolute;
    inset-block:0;
    left:-1px;
    width:0;
    border-left:1px solid var(--panel-edge);
    mask-image:var(--divider-mask);
    pointer-events:none;
}
#g-weather .forecast-metrics dt {font-size:13px;color:var(--panel-muted)}
#g-weather .forecast-metrics dd {margin:3px 0 0;font-weight:500;font-size:16px;overflow-wrap:anywhere}
#g-weather .forecast-metrics small {font-size:12px;color:var(--panel-muted);white-space:nowrap}
#g-weather .forecast-wind-arrow {display:inline-block;font-size:13px}

#g-weather .forecast-hours,#g-weather .forecast-days {display:grid;padding:7px;gap:4px;text-align:center}
#g-weather .forecast-hours {grid-template-columns:repeat(8,minmax(0,1fr))}
#g-weather .forecast-days {grid-template-columns:repeat(7,minmax(0,1fr))}
#g-weather .pogoda_hour,#g-weather .pogoda_day {min-width:0;padding:7px 3px 6px;border:1px solid transparent;border-radius:5px}
#g-weather .pogoda_hour.now,#g-weather .pogoda_day.now,#g-weather .pogoda_day:hover {border-color:var(--panel-edge);background:var(--panel-hover)}
#g-weather .pogoda_hour > div:first-child,#g-weather .name_day {color:var(--panel-muted);font-size:13px}
#g-weather .pogoda_img .g-weather-icon {display:block;width:52px;height:52px;object-fit:contain;margin:0 auto}
#g-weather .temper {font-size:19px;font-weight:600;line-height:1.2;white-space:nowrap}
#g-weather .pogoda_day .temper + .temper {margin-top:3px;font-size:15px;font-weight:400;color:var(--panel-muted)}
#g-weather .forecast-empty {color:var(--muted);margin:12px 0}

@media (max-width:760px) {
    #in_content:has(> #g-weather) {padding:0 10px}
    #g-weather .forecast-intro {margin-bottom:13px}
    #g-weather .forecast-current-content {grid-template-columns:1fr;gap:9px;padding:10px 12px}
    #g-weather .forecast-metrics {
        border-top:1px solid var(--panel-edge);
        border-image:var(--row-divider) 1;
        padding-top:5px;
    }
    #g-weather .forecast-metrics div:first-child {border-left:0;padding-left:0}
    #g-weather .forecast-metrics > div:first-child::before {content:none}
}
@media (max-width:600px) {
    #g-weather .forecast-hours {grid-template-columns:repeat(4,minmax(0,1fr))}
    #g-weather .forecast-days {grid-template-columns:repeat(4,minmax(0,1fr))}
    #g-weather .forecast-panel-head {padding:8px 12px}
    #g-weather .forecast-metrics {grid-template-columns:repeat(2,minmax(0,1fr))}
    #g-weather .forecast-metrics div:nth-child(odd) {padding-left:0;border-left:0}
    #g-weather .forecast-metrics > div:nth-child(odd)::before {content:none}
    #g-weather .forecast-metrics div:nth-child(n+3) {border-top:1px solid var(--panel-edge)}
    #g-weather .forecast-metrics > div:nth-child(3) {
        border-image:linear-gradient(to right, var(--divider-tip), var(--panel-edge) 36%) 1;
    }
    #g-weather .forecast-metrics > div:nth-child(4) {
        border-image:linear-gradient(to left, var(--divider-tip), var(--panel-edge) 36%) 1;
    }
    #g-weather .forecast-reading .g-weather-icon {width:72px;height:72px}
    #g-weather .pogoda_img .g-weather-icon {width:44px;height:44px}
    #g-weather .temper {font-size:17px}
}

#g-weather.forecast-design-dayparts {--panel-inset:15px}
#g-weather.forecast-design-dayparts .forecast-current-content,
#g-weather.forecast-design-dayparts .forecast-days {padding-inline:var(--panel-inset)}
#g-weather.forecast-design-dayparts .forecast-panel-head {
    margin:0 var(--panel-inset) 6px;
    padding:12px 0 8px;
}
#g-weather.forecast-design-dayparts .forecast-panel-head h2,
#g-weather.forecast-design-dayparts .pogoda_hour .forecast-slot,
#g-weather.forecast-design-dayparts .forecast-long .name_day {
    color:color-mix(in srgb,var(--panel-ink) 70%,#141414);
}
#g-weather.forecast-design-dayparts .forecast-panel-head h2 {font-size:22px;font-weight:500}
#g-weather.forecast-design-dayparts .forecast-hours {grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
#g-weather.forecast-design-dayparts .pogoda_hour {
    position:relative;
    display:grid;
    grid-template-columns:1fr minmax(0,58px) max-content 1fr;
    align-content:start;
    align-items:center;
}
#g-weather.forecast-design-dayparts .forecast-slot,
#g-weather.forecast-design-dayparts .forecast-part-description,
#g-weather.forecast-design-dayparts .forecast-no-reading {grid-column:1 / -1}
#g-weather.forecast-design-dayparts .pogoda_hour .forecast-slot {font-size:16px;font-weight:500}
#g-weather.forecast-design-dayparts .pogoda_hour.now {
    border-color:color-mix(in oklab, var(--g-palette-green) 66%, #468669);
    background:transparent;
    color:var(--panel-ink);
    isolation:isolate;
}
#g-weather.forecast-design-dayparts .pogoda_hour.now::before {
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    border-radius:inherit;
    background:var(--panel-paper) var(--panel-gradient);
    opacity:.6;
    pointer-events:none;
}
#g-weather.forecast-design-dayparts .pogoda_hour.now .forecast-slot {
    color:var(--panel-ink);
    position:relative;
    justify-self:center;
}
#g-weather.forecast-design-dayparts .pogoda_hour.now .forecast-slot::before {
    content:"";
    position:absolute;
    inset-inline-end:calc(100% + 6px);
    inset-block-start:calc(50% - 2.5px);
    width:5px;
    height:5px;
    background:radial-gradient(circle 2.5px, #397257 2px, transparent 2.5px);
}
#g-weather .forecast-local-clock {font-variant-numeric:tabular-nums}
@media (prefers-reduced-motion:no-preference) {
    #g-weather.forecast-design-dayparts .pogoda_hour.now .forecast-slot::before {
        animation:forecast-indicator-fade 2s ease-in-out infinite;
    }
    #g-weather .forecast-clock-colon {animation:forecast-indicator-fade 1s ease-in-out infinite}
    @keyframes forecast-indicator-fade {
        0%, 20%, 100% {opacity:1}
        65%, 75% {opacity:0}
    }
}
#g-weather.forecast-design-dayparts .forecast-part-description {
    margin-top:4px;
    color:var(--panel-muted);
    font-size:13px;
    line-height:1.25;
    overflow-wrap:anywhere;
}
#g-weather.forecast-design-dayparts .pogoda_hour .pogoda_img {grid-column:2}
#g-weather.forecast-design-dayparts .pogoda_hour .temper {grid-column:3;margin-inline-start:6px;font-size:24px}
#g-weather.forecast-design-dayparts .pogoda_hour .pogoda_img .g-weather-icon {width:100%;height:auto;aspect-ratio:1}
#g-weather.forecast-design-dayparts .pogoda_hour:not(.now, :last-child, :has(+ .now))::after {
    content:"";
    position:absolute;
    inset-block:12%;
    inset-inline-end:-1px;
    width:0;
    border-inline-end:1px solid var(--panel-edge);
    mask-image:var(--divider-mask);
    pointer-events:none;
}
#g-weather.forecast-design-dayparts .forecast-no-reading {display:grid;place-items:center;min-height:58px;color:var(--panel-muted)}
#g-weather.forecast-design-dayparts .forecast-long .name_day {font-size:14px}
#g-weather.forecast-design-dayparts .forecast-long .pogoda_day:is(.now,:hover) {background:transparent}
@media (max-width:600px) {
    #g-weather.forecast-design-dayparts .forecast-current-content {padding-bottom:0}
    #g-weather.forecast-design-dayparts .forecast-metrics {padding-top:0}
    #g-weather.forecast-design-dayparts .forecast-metrics > div:nth-child(-n+2) {padding-top:9px}
    #g-weather.forecast-design-dayparts .forecast-metrics > div:nth-child(n+3) {padding-bottom:14px}
    #g-weather.forecast-design-dayparts .forecast-metrics > div:nth-child(even) {
        border-left:0;
        padding-left:12px;
    }
    #g-weather .forecast-metrics > div:nth-child(even)::before {
        inset-block:8px;
        left:0;
    }
    #g-weather.forecast-design-dayparts .forecast-hours {padding-inline:5px}
    #g-weather.forecast-design-dayparts .pogoda_hour {
        grid-template-columns:1fr minmax(0,46px) max-content 1fr;
        padding-inline:6px;
    }
    #g-weather.forecast-design-dayparts .pogoda_hour .temper {margin-inline-start:4px;font-size:19px}
}
@media (max-width:420px) {
    #g-weather.forecast-design-dayparts .forecast-hours {
        grid-template-columns:repeat(2,minmax(0,1fr));
        row-gap:4px;
    }
    #g-weather.forecast-design-dayparts .pogoda_hour:nth-child(even)::after {content:none}
}