/* Tool 3 — Noah Commerce Typewriter */
.commerce-typewriter{
  display:block;
  min-height:18px;
  margin:0 0 7px;
  font-size:12px;
  line-height:1.4;
  font-weight:700;
  transition:color .3s ease;
}
.commerce-typewriter::after{
  content:"";
  display:inline-block;
  width:1px;
  height:1em;
  margin-left:3px;
  vertical-align:-.12em;
  background:currentColor;
  animation:commerce-typewriter-caret .75s steps(1,end) infinite;
}
.commerce-typewriter[data-tone="gold"]{color:#efc15b}
.commerce-typewriter[data-tone="blue"]{color:#55a8ff}
.commerce-typewriter[data-tone="green"]{color:#20d394}
.commerce-typewriter[data-tone="purple"]{color:#9b70ff}

@keyframes commerce-typewriter-caret{
  0%,49%{opacity:1}
  50%,100%{opacity:0}
}

@media(max-width:760px){
  .commerce-typewriter{
    min-height:14px;
    font-size:9px;
    margin-bottom:5px;
  }
}
@media(prefers-reduced-motion:reduce){
  .commerce-typewriter::after{
    animation:none;
    opacity:1;
  }
}