home-card-wc{display:block}home-card-wc .max-width{margin:0 auto;padding:4px 16px;box-sizing:border-box}home-card-wc h1{margin:16px 0;padding:0;font-size:1.125rem;font-weight:700;text-align:center}home-card-wc .contents{display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap;gap:16px}home-card-wc .large.icon{width:100px;height:100px;background-repeat:no-repeat;background-size:contain}home-card-wc .temp{font-size:4.7rem;display:flex}home-card-wc .feels-like{font-weight:300;font-size:.95rem;font-style:italic;text-align:center}home-card-wc .temp:after{font-size:1rem;margin:24px 0 0 2px;color:var(--font-color)}home-card-wc .temp.e:after{content:"°F"}home-card-wc .temp.m:after{content:"°C"}home-card-wc .temp-details{font-size:1.25rem;display:flex;flex-direction:column;align-items:center}home-card-wc .high-low{display:flex;margin-bottom:16px}home-card-wc .high-low div{padding:4px 0}home-card-wc .high-low div:first-of-type{border-right:1px solid;margin-right:8px;padding-right:8px}home-card-wc .precipitation{display:flex}home-card-wc .precipitation .chance{background-repeat:no-repeat;background-image:var(--icon-rain-drop);background-size:16px;background-position:left center;text-indent:16px}home-card-wc .precipitation .chance:after{content:"/";margin:0 4px}weather-timeline-wc{min-width:350px;flex-grow:1;max-width:450px;overflow:hidden}weather-timeline-wc .icons,weather-timeline-wc .marks,weather-timeline-wc .temps{display:flex;gap:1%}weather-timeline-wc .item{width:50px;height:50px;background-size:contain;text-align:center}weather-timeline-wc .past{opacity:.4}weather-timeline-wc .condition-icon{transform:scale(1);transition:all .3s ease}
@starting-style {
  weather-timeline-wc .condition-icon {
    opacity: 0;
    transform: scale(0);
    transform-origin: left;
  }
}
weather-timeline-wc .condition-icon:nth-of-type(2){transition-delay:0.1s}weather-timeline-wc .condition-icon:nth-of-type(3){transition-delay:0.2s}weather-timeline-wc .condition-icon:nth-of-type(4){transition-delay:0.3s}weather-timeline-wc .condition-icon:nth-of-type(4){transition-delay:0.3s}weather-timeline-wc .condition-icon:nth-of-type(5){transition-delay:0.4s}weather-timeline-wc .condition-icon:nth-of-type(6){transition-delay:0.5s}weather-timeline-wc .condition-icon:nth-of-type(7){transition-delay:0.6s}weather-timeline-wc .condition-icon:nth-of-type(8){transition-delay:0.7s}weather-timeline-wc .condition-icon:nth-of-type(9){transition-delay:0.8s}weather-timeline-wc .temps div{font-size:.75rem;height:auto}weather-timeline-wc .line-marks{position:relative;margin:8px 0 0 0}weather-timeline-wc .indicator{position:absolute;width:100%;height:10px;background-image:var(--icon-timeline-indicator);background-repeat:no-repeat;background-size:10px 10px;top:-5px;transform:translateX(0);margin-left:-5px;transition:transform 1s ease;z-index:2}
@starting-style {
  weather-timeline-wc .indicator {
    transform: translateX(0);
  }
}
weather-timeline-wc .line{height:1px;position:absolute;width:90%;margin-left:5%;background-color:rgba(var(--color-font),.3)}weather-timeline-wc .marks{position:absolute;width:100%;top:-4px}weather-timeline-wc .mark{height:5px;width:50px;display:flex;justify-content:center;margin-top:3px;opacity:.3}weather-timeline-wc .mark:first-of-type,weather-timeline-wc .mark:last-of-type{height:8px;margin-top:0}weather-timeline-wc .tick{width:1px;height:100%;background-color:var(--font-color)}weather-timeline-wc .times{display:flex;justify-content:space-around;font-size:.625rem;margin-top:16px;text-transform:uppercase;opacity:.8}weather-timeline-wc .dates{display:flex;justify-content:space-between;font-size:.625rem;margin-top:8px;opacity:.7;text-transform:capitalize}a.home-forecast-button{display:block;margin:32px auto;max-width:350px}@media (max-width:640px){home-card-wc{overflow:hidden}home-card-wc .large.icon{width:75px;height:75px}home-card-wc .temp{font-size:4rem}home-card-wc .temp-details{font-size:1rem}weather-timeline-wc{min-width:200px;max-width:100vw;margin-top:16px}}