.component-weather-tile{background:linear-gradient(174.4deg,#8b6ae9,#f4747c);display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:6.4rem;overflow:hidden;width:100%;max-width:100vw;color:var(--color-white);padding:0 1.6rem}@media screen and (min-width:1060px){.component-weather-tile{width:var(--container-width);max-width:var(--container-max-width)}}.component-weather-tile+.component-traffic-tile{margin-top:calc(var(--grid-vertical-spacing)*-1)}.component-weather-tile .tile-container{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;width:100%;height:100%}.component-weather-tile a{text-decoration:none;color:currentColor;height:100%;display:inline-flex}.component-weather-tile .current-weather{flex-direction:column;justify-content:center}.component-weather-tile .current-weather .location,.component-weather-tile .current-weather .title{display:block}.component-weather-tile .current-weather .title{font-size:1.2rem;line-height:1.6rem}.component-weather-tile .current-weather .location{font-weight:500;font-size:1.6rem;line-height:2rem}.component-weather-tile .conditions-icon,.component-weather-tile .conditions-icon .weather-details{flex-direction:row;align-items:center;justify-content:space-between}.component-weather-tile .conditions-icon .weather-details{display:inline-flex;padding:1.5rem}.component-weather-tile .conditions-icon .weather-details .icon-weather{transform:scale(.4)}.component-weather-tile .conditions-icon .weather-details .icon-weather .weather-fill{fill:var(--weather-icon-color)}.component-weather-tile .conditions-icon .weather-details .temp-current{font-size:1.8rem;font-weight:700;line-height:2.2rem;letter-spacing:-.02rem;padding:0 1rem 0 0}.component-weather-tile .conditions-icon .icon-arrow>path{fill:currentColor}