@charset "UTF-8";.monthly-weather-widget{padding-block:32px 16px;gap:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#304659}.monthly-weather-widget,.monthly-weather-widget__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.monthly-weather-widget__content{width:100%;gap:16px}.monthly-weather-widget__content__title{text-align:center;font-weight:700;font-size:24px;line-height:100%}.monthly-weather-widget__content__text{font-weight:400;font-size:16px;line-height:24px;text-align:center}.monthly-weather-widget__graph{width:100%;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px}.monthly-weather-widget__graph__switch{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:92px;height:36px;gap:4px;border-radius:10px;padding:4px;background:#f3f6f8}.monthly-weather-widget__graph__switch__btn{width:40px;height:28px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:none;z-index:1;padding:0}.monthly-weather-widget__graph__switch__btn span{display:none}.monthly-weather-widget__graph__switch__slider{position:absolute;width:100%;height:100%;top:0;inset-inline-start:0;z-index:0;padding:4px}.monthly-weather-widget__graph__switch__slider-rect{background-color:#fff;border-radius:6px;-webkit-box-shadow:0 2px 2.3px 0 rgba(0,0,0,.14901960784313725);box-shadow:0 2px 2.3px 0 rgba(0,0,0,.14901960784313725);height:100%;inset-block-start:0;inset-inline-start:0;position:relative;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform .4s;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;width:50%;z-index:0}.monthly-weather-widget__graph__switch__slider-rect--right{-webkit-transform:translateX(100%);transform:translateX(100%)}.monthly-weather-widget__graph__prep-chart,.monthly-weather-widget__graph__temp-chart{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;gap:6px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}.monthly-weather-widget__graph__prep-chart.hidden,.monthly-weather-widget__graph__temp-chart.hidden{display:none}.monthly-weather-widget__graph__bars{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;gap:6px}.monthly-weather-widget__graph__bar{width:100%;height:160px;background:#f4f9fe;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.monthly-weather-widget__graph__bar__value{position:relative;width:100%;border-radius:4px;max-height:0;height:100%;-webkit-transition:max-height .4s ease-in-out;transition:max-height .4s ease-in-out}.monthly-weather-widget__graph__temp-chart .monthly-weather-widget__graph__bar__value:before{content:attr(data-value) "°C";font-family:Open Sans;font-weight:400;font-size:10px;line-height:24px;vertical-align:middle;top:-20px;width:100%;text-align:center;position:absolute}.monthly-weather-widget__graph__bar-titles{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:6px}.monthly-weather-widget__graph__bar-title{width:100%;text-align:center;font-weight:400;font-size:10px;line-height:24px}.monthly-weather-widget__graph--loading{position:absolute;width:100%;height:100%;top:0;left:0;backdrop-filter:blur(4px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (min-width:768px){.monthly-weather-widget{padding-block:60px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:90px}.monthly-weather-widget__content{width:calc(40% - 36px);-webkit-box-flex:1;-ms-flex:1;flex:1}.monthly-weather-widget__content__title{font-weight:700;font-size:36px;line-height:40px;vertical-align:middle;text-align:start}.monthly-weather-widget__content__text{text-align:start}.monthly-weather-widget__graph{width:calc(60% - 54px);-webkit-box-flex:1;-ms-flex:1;flex:1}.monthly-weather-widget__graph__switch{width:272px}.monthly-weather-widget__graph__switch__btn{width:130px;gap:8px}.monthly-weather-widget__graph__switch__btn span{display:inline;font-weight:600;font-size:12px;line-height:100%}.monthly-weather-widget__graph__bar{height:300px}.monthly-weather-widget__graph__bar-title{line-height:10px}}.pop-spinner{width:30px;height:30px;position:relative}.pop-spinner div{position:absolute;top:50%;left:50%;width:3px;height:6px;background:#ffb02e;border-radius:3px;-webkit-transform-origin:center -10px;transform-origin:center -10px;-webkit-animation:pop 1.2s linear infinite;animation:pop 1.2s linear infinite;opacity:0}.pop-spinner div:first-child{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg);-webkit-animation-delay:0s;animation-delay:0s}.pop-spinner div:nth-child(2){-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);-webkit-animation-delay:.15s;animation-delay:.15s}.pop-spinner div:nth-child(3){-webkit-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg);-webkit-animation-delay:.3s;animation-delay:.3s}.pop-spinner div:nth-child(4){-webkit-transform:translate(-50%,-50%) rotate(135deg);transform:translate(-50%,-50%) rotate(135deg);-webkit-animation-delay:.45s;animation-delay:.45s}.pop-spinner div:nth-child(5){-webkit-transform:translate(-50%,-50%) rotate(180deg);transform:translate(-50%,-50%) rotate(180deg);-webkit-animation-delay:.6s;animation-delay:.6s}.pop-spinner div:nth-child(6){-webkit-transform:translate(-50%,-50%) rotate(225deg);transform:translate(-50%,-50%) rotate(225deg);-webkit-animation-delay:.75s;animation-delay:.75s}.pop-spinner div:nth-child(7){-webkit-transform:translate(-50%,-50%) rotate(270deg);transform:translate(-50%,-50%) rotate(270deg);-webkit-animation-delay:.9s;animation-delay:.9s}.pop-spinner div:nth-child(8){-webkit-transform:translate(-50%,-50%) rotate(315deg);transform:translate(-50%,-50%) rotate(315deg);-webkit-animation-delay:1.05s;animation-delay:1.05s}@-webkit-keyframes pop{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes pop{0%{opacity:0}50%{opacity:1}to{opacity:0}}