:where(html){-webkit-text-size-adjust:100%;}
img,svg,video{max-width:100%;height:auto;display:block;}
/* Use :where on descendants so reset beats colormekit but stays below style.css */
.cm-wrapper :where(a),
.cm-wrapper :where(a:visited),
.cm-wrapper :where(a:hover),
.cm-wrapper :where(a:active),
.cm-wrapper :where(a:focus){color:inherit;text-decoration:none;outline:none}
.cm-wrapper :where(p){margin:0;line-height:inherit}
.cm-wrapper :where(h1),
.cm-wrapper :where(h2),
.cm-wrapper :where(h3),
.cm-wrapper :where(h4),
.cm-wrapper :where(h5),
.cm-wrapper :where(h6){margin:0;font-size:inherit;font-weight:inherit;line-height:inherit}
.cm-wrapper :where(ul),
.cm-wrapper :where(ol){margin:0;padding:0;list-style:none}
.cm-wrapper :where(li){margin:0}
.cm-wrapper :where(figure){margin:0}
.cm-wrapper :where(blockquote){margin:0;padding:0}

/* Form elements reset (override colormekit.css) */
.cm-wrapper select:not([class*="tw:"]),
.cm-wrapper input:not([class*="tw:"]),
.cm-wrapper button:not([class*="tw:"]),
.cm-wrapper textarea:not([class*="tw:"]) {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  vertical-align: baseline;
}
.cm-wrapper select:not([class*="tw:"]) {
  width: auto;
  height: auto;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.cm-wrapper input[type="text"]:not([class*="tw:"]),
.cm-wrapper input[type="email"]:not([class*="tw:"]),
.cm-wrapper input[type="password"]:not([class*="tw:"]),
.cm-wrapper input[type="search"]:not([class*="tw:"]),
.cm-wrapper input[type="tel"]:not([class*="tw:"]),
.cm-wrapper input[type="url"]:not([class*="tw:"]),
.cm-wrapper input[type="number"]:not([class*="tw:"]),
.cm-wrapper input[type="date"]:not([class*="tw:"]),
.cm-wrapper textarea:not([class*="tw:"]) {
  display: block;
  width: auto;
  height: auto;
}
.cm-wrapper button:not([class*="tw:"]),
.cm-wrapper input[type="button"]:not([class*="tw:"]),
.cm-wrapper input[type="submit"]:not([class*="tw:"]),
.cm-wrapper input[type="reset"]:not([class*="tw:"]) {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.cm-wrapper label:not([class*="tw:"]) {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
}

.intro-marquee__rail {
  position: relative;
}

.intro-marquee__track {
  animation: intro-marquee var(--marquee-duration, 20s) linear infinite;
}

.intro-marquee__track:hover {
  animation-play-state: paused;
}

@keyframes intro-marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

@media (prefers-reduced-motion: reduce) {
.intro-marquee__track {
  animation-play-state: paused;
  transform: translateX(0) !important;
  }
}