.AppHourlyItem_container__aqC1z{display:flex;flex-direction:column;margin-right:var(--hour-items-gap-touch);min-height:96px;position:relative}.AppHourlyItem_container__aqC1z:last-child{margin-right:0}@media screen and (min-width:768px){.AppHourlyItem_container__aqC1z{margin-right:var(--hour-items-gap-desktop)}}.AppHourlyItem_content__MoqYX{display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-height:100%;padding:4px 0;box-sizing:border-box}.AppHourlyItem_time__515ZC{font:var(--text-m);color:var(--text-primary);font-feature-settings:"pnum" on,"lnum" on;white-space:nowrap;flex-shrink:0}.AppHourlyItem_time__515ZC:first-letter{text-transform:uppercase}.AppHourlyItem_center__AJ7yk{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.AppHourlyItem_icon__7R5lC.AppHourlyItem_icon__7R5lC{width:32px;height:32px}@media screen and (min-width:768px){.AppHourlyItem_icon__7R5lC.AppHourlyItem_icon__7R5lC{width:40px;height:40px}}.AppHourlyItem_secondary__vRm6l{color:var(--weather-color-heavy-rain);font:var(--text-xxs);font-feature-settings:"pnum" on,"lnum" on}@media screen and (min-width:768px){.AppHourlyItem_secondary__vRm6l{font:var(--caption-caption-xl)}}.AppHourlyItem_main__HNbqX{font:var(--paragraph-m-medium);color:var(--text-primary);white-space:nowrap;font-feature-settings:"pnum" on,"lnum" on}@media screen and (min-width:768px){.AppHourlyItem_main__HNbqX{font:var(--paragraph-l-medium)}.AppHourlyItem_main_small__BK3Ok{font:var(--paragraph-m-medium)}}.AppHourlyItem_separator__cLM0_{width:0;margin-right:calc(var(--hour-items-gap-touch) - 10px);margin-left:-10px;border-right:thin solid var(--text-primary);opacity:.2}@media screen and (min-width:768px){.AppHourlyItem_separator__cLM0_{margin-right:calc(var(--hour-items-gap-desktop) - 10px)}}.AppHourly_container__4bfEv{position:relative}.AppHourly_container__4bfEv:after,.AppHourly_container__4bfEv:before{content:"";pointer-events:none;position:absolute;top:0;bottom:0;display:none;width:36px;background:var(--scroll-widget-gradient)}@media screen and (min-width:768px){.AppHourly_container__4bfEv:after,.AppHourly_container__4bfEv:before{display:block}}.AppHourly_container__4bfEv:after{right:0;z-index:0}.AppHourly_container__4bfEv:before{left:0;z-index:1;transform:scale(-1)}.AppHourly_list__gXAeN{display:flex;flex-direction:row;align-items:stretch;justify-content:flex-start;padding:8px 20px 0}@media screen and (min-width:768px){.AppHourly_list__gXAeN{padding:8px 32px}}