weather-alerts-bar{display:grid;grid-template-rows:0fr}weather-alerts-bar.visible{grid-template-rows:1fr}@media (prefers-reduced-motion:no-preference){weather-alerts-bar.animate{transition:grid-template-rows .3s ease-out}}weather-alerts-bar .bar{overflow:hidden;min-height:0;background-color:var(--bg-color);background-image:linear-gradient(rgba(var(--severity),.12),rgba(var(--severity),.12));border-bottom:1px solid var(--color-box-border)}weather-alerts-bar .bar.warning{--severity:var(--wu-red-raw)}weather-alerts-bar .bar.watch{--severity:var(--wu-orange-raw)}weather-alerts-bar .bar.advisory{--severity:var(--wu-yellow-raw)}weather-alerts-bar .bar.notice{--severity:var(--wu-lightblue-raw)}weather-alerts-bar .bar .max-width{margin:0 auto;padding:0 1em}weather-alerts-bar a{display:flex;align-items:center;gap:.75em;border-left:.25em solid rgb(var(--severity));padding:.625em 1em;color:var(--font-color);text-decoration:none}weather-alerts-bar a:hover .event{text-decoration:underline}weather-alerts-bar .alert-icon{flex-shrink:0;width:1.375em;height:1.375em;background-color:rgb(var(--severity));-webkit-mask-image:var(--mask-alert-triangle);mask-image:var(--mask-alert-triangle);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center}weather-alerts-bar .text{flex-grow:1;min-width:0}weather-alerts-bar .event{font-size:.9375em;font-weight:700}weather-alerts-bar .until{font-size:.8125em;color:var(--color-secondary-font)}weather-alerts-bar .more{flex-shrink:0;font-size:.8125em;color:var(--color-secondary-font)}weather-alerts-bar .chevron{flex-shrink:0;width:1.25em;height:1.25em;background-size:contain;background-position:center;opacity:.6}@media (max-width:640px){weather-alerts-bar a{gap:.5em;padding:.5em .75em}weather-alerts-bar .more{display:none}}