.svg-icon{width:100%;height:auto}*,:after,:before{box-sizing:border-box;margin:0;padding:0;background-repeat:no-repeat;transition-timing-function:ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:root{font-family:Assistant,sans-serif;font-size:1.2vw}.meteo-news{width:100%;-webkit-box-orient:vertical;-ms-flex-flow:column nowrap;flex-flow:column nowrap;background-color:#faf8f5}.location,.meteo-news{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.location{width:80vw;-webkit-box-orient:horizontal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative;margin:auto}*+.location{margin-top:4rem}.day{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;-ms-flex-preferred-size:auto;flex-basis:auto}.day+.day{margin-left:2pt}.day .date-wrapper{color:#263545;padding:1rem 0;line-height:1.2;transition:.2s;height:6rem}.day .date-wrapper .weekday{font-weight:700;font-size:1.4rem;margin-bottom:.25rem}.day .date-wrapper .date{font-weight:300;font-size:1.8rem}.day .afternoon,.day .info,.day .morning{padding:3rem 1.5rem}.day .morning{background-color:#263545;color:#fff}.day .afternoon{background-color:#60b2d2;color:#fff}.day .info{background-color:#95c3d5;color:#fff;padding-top:1.5rem;padding-bottom:3rem;font-size:1.25rem;font-weight:300}.day .info>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.day .info>div:before{content:attr(data-title)}.day .info .precipitation .precipitation-value{font-weight:700}.day .info .precipitation .precipitation-value:after{content:" mm"}.day .info .wind .wind-value{font-weight:700}.day .info .wind .wind-value:after{content:" km/h"}.day .afternoon,.day .morning{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.day .afternoon svg,.day .morning svg{-ms-flex-negative:1;flex-shrink:1;-ms-flex-preferred-size:40%;flex-basis:40%;width:auto!important;height:auto!important;fill:#fff}.day .afternoon .temperature,.day .afternoon svg,.day .morning .temperature,.day .morning svg{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;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.day .afternoon .temperature,.day .morning .temperature{font-size:3rem;font-weight:700;white-space:nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-preferred-size:40%;flex-basis:40%}.day .afternoon .temperature:after,.day .morning .temperature:after{content:"\B0   C"}.day.active-day,.day:focus,.day:hover{cursor:pointer}.day.active-day .date-wrapper,.day:focus .date-wrapper,.day:hover .date-wrapper{color:#fe0166}.day-detail{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:absolute;top:6rem;bottom:0;right:0;left:0;color:#fff}.day-detail path{fill:#fff}.day-detail .charts,.day-detail .current,.day-detail .info{background-color:#60b2d2;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.day-detail .current{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.day-detail .current svg{width:20%;margin:0 1rem}.day-detail .current .right-now{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin-left:2rem}.day-detail .current .right-now .date,.day-detail .current .right-now .text{font-weight:700;-ms-flex-preferred-size:50%;flex-basis:50%}.day-detail .current .right-now .date{font-size:1.2rem;white-space:nowrap;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.day-detail .current .right-now .text{margin-top:.5rem;white-space:nowrap;font-size:1.7rem}.day-detail .current .right-now .text span{font-size:2.8rem}.day-detail .current .info{border-left:2pt solid #faf8f5;width:40%;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:1;flex-shrink:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;padding:2rem 1rem}.day-detail .current .info,.day-detail .current .info>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.day-detail .current .info>div{font-weight:700}.day-detail .current .info>div:before{content:attr(data-title);font-weight:300}.day-detail .timeline{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;background-color:#95c3d5;border-top:2pt solid #faf8f5}.day-detail .timeline svg{width:100%!important;height:auto!important}.day-detail .timeline .data-point{-ms-flex-preferred-size:12.5%;flex-basis:12.5%;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 1rem}.day-detail .timeline .data-point:first-child,.day-detail .timeline .data-point:last-child,.day-detail .timeline .data-point:nth-child(2),.day-detail .timeline .data-point:nth-last-child(2){color:#263545}.day-detail .timeline .data-point:first-child path,.day-detail .timeline .data-point:last-child path,.day-detail .timeline .data-point:nth-child(2) path,.day-detail .timeline .data-point:nth-last-child(2) path{fill:#263545}.day-detail .timeline .data-point .wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.day-detail .timeline .data-point .temperature{font-weight:700;white-space:nowrap;font-size:1.35rem}.day-detail .charts{background-color:rgba(0,0,0,.9);border-top:2pt solid #faf8f5;height:15rem;position:relative}.day-detail .charts:before{content:"<work-in-progress>";position:absolute;top:0;bottom:0;left:0;right:0;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;color:#fff;font-size:2rem}.svg-fill{fill:currentColor;stroke:none}