forecast-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(var(--day-width),var(--day-width));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;font-size:.9rem;font-weight:500}forecast-grid-item .day-link{display:flex;flex-direction:column;align-items:center;width:100%;color:inherit;text-decoration:none}forecast-grid-item a.day-link:hover{background-color:var(--color-box-alternate-bg)}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-block:var(--space-3);margin-inline: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-block:var(--space-3);margin-inline: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;text-overflow:ellipsis;align-self:stretch;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{--sun-icon-size:16px;margin-block:var(--space-2);margin-inline:0;position:relative;height:var(--sun-icon-size);width:100%}forecast-grid-item .sun .icon{width:var(--sun-icon-size);height:var(--sun-icon-size);position:absolute;top:0;left:min(var(--sun-offset),100% - var(--sun-icon-size))}html.density-compact forecast-grid-item{font-size:.8rem}html.density-compact forecast-grid-item .condition{margin-inline:0}