forecast-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(120px,120px);white-space:nowrap}forecast-grid-item{border-top:1px solid var(--color-box-border);border-left:1px solid var(--color-box-border);border-bottom:1px solid var(--color-box-border);display:flex;flex-direction:column;align-items:center;font-size:.9rem;font-weight:500}forecast-grid-item:last-child{border-right:1px solid var(--color-box-border)}forecast-grid-item .date{font-size:.8rem;font-weight:700;padding:.2rem 0;width:100%;text-align:center;border-bottom:1px solid var(--color-box-border)}forecast-grid-item .temp{display:flex;margin:12px auto}forecast-grid-item .temp .high{color:var(--wu-red)}forecast-grid-item .temp .high:after{content:"|";margin:0 4px;color:var(--font-color)}forecast-grid-item .temp .low{color:var(--wu-lightblue)}forecast-grid-item .condition-icon{width:64px;height:64px}forecast-grid-item .condition{margin:12px 4px;display:box;display:-moz-box;display:-webkit-box;box-orient:vertical;-moz-box-orient:vertical;-webkit-box-orient:vertical;line-clamp:2;-moz-line-clamp:2;-webkit-line-clamp:2;overflow:hidden;min-block-size:2lh;text-wrap:auto;text-align:center}forecast-grid-item .precip{background-size:12px;background-position:left center;text-indent:16px}forecast-grid-item .sun{margin:8px 0;position:relative;height:16px;width:100%}forecast-grid-item .sun .icon{width:16px;height:16px;position:absolute;top:0}