.cmp-weather{background-color:#fff}
.cmp-weather .weather-data-container{padding:.875rem 1rem;overflow:hidden}
.cmp-weather .weather-data-container__title{font-family:"IberiaHeadlineLight",Verdana,sans-serif;font-size:1.625rem}
@media screen and (min-width:767px){.cmp-weather .weather-data-container{padding:2.063rem 2.688rem}
}
@media screen and (min-width:1024px){.cmp-weather .weather-data-container{padding:1.438rem 2.063rem}
}
.cmp-weather__picture{display:flex;gap:10px;white-space:nowrap;width:400%;height:150px;background:repeating-linear-gradient(to bottom,#ddd,#ddd 1px,transparent 1px,transparent 1.375rem);margin-top:1.75rem;transition:transform 400ms ease-in-out}
@media screen and (min-width:480px){.cmp-weather__picture{width:240%}
}
@media screen and (min-width:767px){.cmp-weather__picture{width:150%}
}
@media screen and (min-width:1024px){.cmp-weather__picture{width:100%;transition:none}
}
.cmp-weather__picture-container{position:relative;height:215px;overflow:hidden}
.cmp-weather__picture__col-month{display:flex;flex-direction:column;justify-content:end;width:calc(33.33333333%);height:180px}
@media screen and (min-width:480px){.cmp-weather__picture__col-month{width:calc(20%)}
}
@media screen and (min-width:767px){.cmp-weather__picture__col-month{width:calc(12.5%)}
}
@media screen and (min-width:1024px){.cmp-weather__picture__col-month{width:calc(8.33333333%)}
}
.cmp-weather__picture__icon{align-self:center;width:2.188rem;margin-bottom:.375rem}
.cmp-weather__picture__icon::before{color:#666;font-size:2.188rem;width:2.188rem}
.cmp-weather__picture__bar{background-color:#666;width:2.188rem;align-self:center;margin-bottom:.25rem;transition:all 300ms ease-in-out;forced-color-adjust:none}
.cmp-weather__picture__bar:hover{background-color:#c7c7c7}
.cmp-weather__picture__month{font-size:.75rem;text-align:center;color:#666}
.cmp-weather__picture__temperatures{font-size:.75rem;text-align:center}
.cmp-weather__picture__btn-next,.cmp-weather__picture__btn-prev{position:absolute;background-color:#fff;width:1.75rem;height:1.75rem;border-radius:50px;z-index:10;cursor:pointer}
.cmp-weather__picture__btn-next::before,.cmp-weather__picture__btn-prev::before{font-size:.85rem;color:#d7192d}
.cmp-weather__picture__btn-next>span,.cmp-weather__picture__btn-prev>span{display:none}
.cmp-weather__picture__btn-prev{transform:rotate(180deg);top:5rem}
@media screen and (min-width:1024px){.cmp-weather__picture__btn-prev{display:none}
}
.cmp-weather__picture__btn-next{top:5rem;right:0}
@media screen and (min-width:1024px){.cmp-weather__picture__btn-next{display:none}
}