.climate-marquee{
  width:100%;
  margin:0;
  overflow:hidden;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:var(--paper);
  color:var(--ink-60);
}
.climate-marquee:focus-visible{
  outline:2px solid var(--terra);
  outline-offset:-2px;
}
.climate-marquee__track{
  display:flex;
  width:max-content;
  animation:climate-marquee-scroll 110s linear infinite;
  will-change:transform;
}
.climate-marquee:hover .climate-marquee__track,
.climate-marquee:focus .climate-marquee__track,
.climate-marquee:focus-within .climate-marquee__track{
  animation-play-state:paused;
}
.climate-marquee__run{
  display:flex;
  flex:none;
  align-items:stretch;
}
.climate-marquee__label,
.climate-marquee__item{
  display:flex;
  flex:none;
  align-items:center;
  min-height:54px;
  padding:0 25px;
  border-right:1px solid var(--line);
  white-space:nowrap;
  font:500 10px/1.25 var(--mono);
  letter-spacing:.09em;
  text-transform:uppercase;
}
.climate-marquee__label{
  color:var(--terra);
  letter-spacing:.16em;
}
.climate-marquee__item strong{
  margin-right:12px;
  color:var(--ink);
  font-weight:600;
}
.climate-marquee__item span + span::before{
  content:"\00b7";
  margin:0 10px;
  color:var(--ink-30);
}
@keyframes climate-marquee-scroll{
  to{transform:translateX(-50%)}
}
@media(max-width:700px){
  .climate-marquee__label,
  .climate-marquee__item{
    min-height:46px;
    padding:0 18px;
    font-size:9px;
    letter-spacing:.075em;
  }
  .climate-marquee__item strong{margin-right:9px}
  .climate-marquee__item span + span::before{margin:0 8px}
}
@media(prefers-reduced-motion:reduce){
  .climate-marquee{overflow-x:auto;overscroll-behavior-inline:contain}
  .climate-marquee__track{animation:none;will-change:auto}
  .climate-marquee__run[aria-hidden="true"]{display:none}
}