.weather-temp-graph .weather-temp-graph--wrapper{background:#fff;border-radius:8px;box-shadow:0 1px 2px #00000040;display:flex;margin:0 16px 24px;position:relative}.weather-temp-graph .weather-temp-graph--wrapper .button-next,.weather-temp-graph .weather-temp-graph--wrapper .button-prev{background-color:#1262ed;border-radius:4px;cursor:pointer;line-height:38px;margin:0;opacity:.7;padding:0 8px;position:absolute;top:60px;z-index:100}.weather-temp-graph .weather-temp-graph--wrapper .button-next:hover,.weather-temp-graph .weather-temp-graph--wrapper .button-prev:hover{opacity:1}.weather-temp-graph .weather-temp-graph--wrapper .button-next:after,.weather-temp-graph .weather-temp-graph--wrapper .button-prev:after{font-size:20px}.weather-temp-graph .weather-temp-graph--wrapper .button-next.button-disabled,.weather-temp-graph .weather-temp-graph--wrapper .button-prev.button-disabled{background:#8eacbb1a}.weather-temp-graph .weather-temp-graph--wrapper .button-next.button-disabled:after,.weather-temp-graph .weather-temp-graph--wrapper .button-prev.button-disabled:after{filter:invert(45%)}.weather-temp-graph .weather-temp-graph--wrapper .button-prev{left:6px;top:10px}.weather-temp-graph .weather-temp-graph--wrapper .button-prev:after{content:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC4zODggMi4xNSAzLjUzOCA3bDQuODUgNC44NWExLjI0NSAxLjI0NSAwIDAgMSAwIDEuNzYyIDEuMjQ1IDEuMjQ1IDAgMCAxLTEuNzYyIDBMLjg4OCA3Ljg3NWExLjI0NSAxLjI0NSAwIDAgMSAwLTEuNzYzTDYuNjI2LjM3NWExLjI0NSAxLjI0NSAwIDAgMSAxLjc2MiAwYy40NzUuNDg3LjQ4OCAxLjI4NyAwIDEuNzc1WiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==")}.weather-temp-graph .weather-temp-graph--wrapper .button-next{right:13px;top:10px}.weather-temp-graph .weather-temp-graph--wrapper .button-next:after{content:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNLjYxMiAyLjE1IDUuNDYyIDdsLTQuODUgNC44NWExLjI0NSAxLjI0NSAwIDAgMCAwIDEuNzYyIDEuMjQ1IDEuMjQ1IDAgMCAwIDEuNzYyIDBsNS43MzgtNS43MzdhMS4yNDUgMS4yNDUgMCAwIDAgMC0xLjc2M0wyLjM3NC4zNzVhMS4yNDUgMS4yNDUgMCAwIDAtMS43NjIgMEMuMTM3Ljg2Mi4xMjQgMS42NjIuNjEyIDIuMTVaIiBmaWxsPSIjZmZmIi8+PC9zdmc+")}.weather-temp-graph .weather-temp-graph--wrapper__helping-panel{align-items:center;color:#34515ecc;display:flex;flex-direction:column;font-size:12px;justify-content:flex-start;margin-top:70px;min-width:35px;pointer-events:none;width:35px}.weather-temp-graph .weather-temp-graph--wrapper__helping-panel ul.helping-panel__icons{bottom:0;font-size:16px;left:10px;pointer-events:auto;position:absolute}.weather-temp-graph .weather-temp-graph--wrapper__helping-panel ul.helping-panel__icons li{margin:16px 0}.weather-temp-graph .weather-temp-graph--wrapper__helping-panel .temperature{align-items:center;display:flex;font-size:12px;line-height:16px;margin-top:20px;transform:rotate(180deg);writing-mode:vertical-lr}.weather-temp-graph .weather-temp-graph--wrapper__helping-panel .temperature .stick{background-color:#1262ed;border-radius:2px;height:12px;margin-bottom:12px;width:4px}.weather-temp-graph .weather-temp-graph--wrapper__helping-panel .temperature.day{color:#1262ed}.weather-temp-graph .weather-temp-graph--wrapper__helping-panel .temperature.night .stick{background:#34515ecc}.weather-temp-graph .weather-temp-graph--wrapper .details{min-height:535px;position:relative;text-align:center;visibility:hidden}.weather-temp-graph .weather-temp-graph--wrapper .details__day .item-day.weekend b{color:#ce3e12}.weather-temp-graph .weather-temp-graph--wrapper .details .item-graph{font-size:16px;font-weight:600;margin:0}.weather-temp-graph .weather-temp-graph--wrapper .details .item-graph.night{background:#34515ecc}.weather-temp-graph .weather-temp-graph--wrapper .details .item-graph .weather-temp-graph-container{overflow:hidden;position:relative}.weather-temp-graph .weather-temp-graph--wrapper .details .item-graph .weather-temp-graph-container .weather_graph_day_icons{left:0;pointer-events:none;position:absolute;top:55px;transition:left 1s ease-in-out,right 1s ease-in-out}.weather-temp-graph .weather-temp-graph--wrapper .details .item-graph .weather-temp-graph-container .weather_graph_day_icons div,.weather-temp-graph .weather-temp-graph--wrapper .details .item-graph .weather-temp-graph-container .weather_graph_day_icons div i{float:left}.weather-temp-graph .weather-temp-graph--wrapper .details .item-graph .weather-temp-graph-container .weather_graph_night_icons{bottom:175px;left:0;position:absolute;transition:left 1s ease-in-out,right 1s ease-in-out}.weather-temp-graph .weather-temp-graph--wrapper .details .item-graph .weather-temp-graph-container .weather_graph_night_icons div,.weather-temp-graph .weather-temp-graph--wrapper .details .item-graph .weather-temp-graph-container .weather_graph_night_icons div i{float:left}.weather-temp-graph .weather-temp-graph--wrapper .details .item-graph .weather-temp-graph-container svg{border-bottom-left-radius:8px;border-bottom-right-radius:8px;margin-bottom:-4px}.weather-temp-graph .weather-temp-graph--wrapper .details .item-graph .weather-temp-graph-container svg>g{transition:1s ease-in-out}.weather-temp-graph .weather-temp-graph--wrapper .details .item-graph .weather-temp-graph-container svg .area{fill:url(#area-gradient);stroke-width:0}.weather-temp-graph .weather-temp-graph--wrapper .details .item-graph .weather-temp-graph-container svg .column_date{color:#34515ecc;font-size:12px;font-style:normal;font-weight:normal;letter-spacing:.4px;line-height:16px;text-align:center}.weather-temp-graph .weather-temp-graph--wrapper .details .item-graph .weather-temp-graph-container svg .column_weekday{font-size:14px;font-style:normal;font-weight:500;line-height:20px;text-align:center}.weather-temp-graph .weather-temp-graph--wrapper .details .item-graph .weather-temp-graph-container svg .column_textMax{font-size:16px;font-style:normal;font-weight:500;line-height:24px}.weather-temp-graph .weather-temp-graph--wrapper .details .item-graph .weather-temp-graph-container svg .column_textMin{font-size:16px;font-style:normal;font-weight:normal;line-height:24px}.weather-temp-graph .weather-temp-graph--wrapper .details .item-table{bottom:0;left:0;position:absolute;width:100%}.weather-temp-graph .weather-temp-graph--wrapper .details .item-table ul{color:#263238;display:flex;font-size:13px;justify-content:space-around;line-height:16px;margin-bottom:16px}.weather-temp-graph .weather-temp-graph--wrapper .details .item-table ul.wind-speed-list{border-top:1px solid #607d8b1f;padding-top:10px}.weather-temp-graph .weather-temp-graph--wrapper .details .item-table ul li{min-width:40px;white-space:nowrap}.weather-temp-graph .weather-temp-graph--wrapper .details .item-table ul li .light{color:#34515ecc;font-size:11px;white-space:nowrap}.weather-temp-graph{background:#fff;border-radius:20px;margin-top:16px}.weather-temp-graph .weather-temp-graph--wrapper{background:none;border-radius:0;box-shadow:none;margin:0;padding:0}.weather-temp-graph .weather-temp-graph--wrapper .button-next,.weather-temp-graph .weather-temp-graph--wrapper .button-prev{align-items:center;background-color:#596e940f;border-radius:9999px;display:flex;height:40px;justify-content:center;line-height:0;opacity:1;padding:0;top:10px;transition:background-color .15s ease;width:24px;z-index:10}.weather-temp-graph .weather-temp-graph--wrapper .button-next:hover,.weather-temp-graph .weather-temp-graph--wrapper .button-prev:hover{background-color:#596e941f}.weather-temp-graph .weather-temp-graph--wrapper .button-next:after,.weather-temp-graph .weather-temp-graph--wrapper .button-prev:after{content:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath d='M8.335 5 7.16 6.175 10.977 10 7.16 13.825 8.335 15l5-5-5-5Z' fill='%230B1824'/%3E%3C/svg%3E");display:block;font-size:0;height:20px;width:20px}.weather-temp-graph .weather-temp-graph--wrapper .button-next.button-disabled,.weather-temp-graph .weather-temp-graph--wrapper .button-prev.button-disabled{background-color:#596e940f}.weather-temp-graph .weather-temp-graph--wrapper .button-next.button-disabled:after,.weather-temp-graph .weather-temp-graph--wrapper .button-prev.button-disabled:after{filter:none;opacity:.4}.weather-temp-graph .weather-temp-graph--wrapper .button-prev:after{transform:scaleX(-1)}.weather-temp-graph.weather-temp-graph--static .weather-temp-graph--wrapper .details{flex:1 1 0;min-height:310px;min-width:0;visibility:visible}.weather-temp-graph.weather-temp-graph--static .weather-temp-graph--wrapper .details .item-graph{min-width:0}.weather-temp-graph.weather-temp-graph--static .weather-temp-graph--wrapper .graph-point{pointer-events:none;transition:fill .15s ease,stroke .15s ease,r .15s ease}.weather-temp-graph.weather-temp-graph--static .weather-temp-graph--wrapper .graph-point-hit{fill:#fff;fill-opacity:0;cursor:pointer}.weather-temp-graph.weather-temp-graph--static .weather-temp-graph--wrapper .graph-point-group:hover .graph-point{r:6;stroke:#fff}.weather-temp-graph.weather-temp-graph--static .weather-temp-graph--wrapper .graph-point-group:hover .graph-point--day{fill:#448aff}.weather-temp-graph.weather-temp-graph--static .weather-temp-graph--wrapper .graph-point-group:hover .graph-point--night{fill:#8eacbb}.weather-temp-graph.weather-temp-graph--static .weather-temp-graph--wrapper .graph-column .column-highlight{fill:#8eacbb;fill-opacity:0;transition:fill-opacity .15s ease}.weather-temp-graph.weather-temp-graph--static .weather-temp-graph--wrapper .graph-column:hover .column-highlight{fill-opacity:.12}.weather-temp-graph.weather-temp-graph--static .weather-temp-graph--wrapper .graph-column text{pointer-events:none}.weather-temp-graph.weather-temp-graph--static .weather-temp-graph--wrapper .details .item-graph .weather-temp-graph-container{-ms-overflow-style:none;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.weather-temp-graph.weather-temp-graph--static .weather-temp-graph--wrapper .details .item-graph .weather-temp-graph-container::-webkit-scrollbar{display:none}.weather-temp-graph--static.weather-temp-graph--with-table .weather-temp-graph--wrapper .details .item-graph .weather-temp-graph-container svg{border-bottom-left-radius:0;border-bottom-right-radius:0;margin-bottom:0}