/* FreeProConverter launch refinements */
.conversion-progress{
  font-size:15.5px;
  line-height:1.55;
  margin-top:15px;
}

/* A completed result must never retain the processing spinner. */
.conversion-progress:has(+ .download-button)>span{
  display:none;
}
.conversion-progress:has(+ .download-button)::before{
  content:"✓";
  display:grid;
  place-items:center;
  width:20px;
  height:20px;
  color:#fff;
  background:#1f9a7c;
  border-radius:50%;
  font-size:12px;
  font-weight:850;
}

/* Keep the two homepage advertisements separate and intentional. */
main:has(> .hero-shell + .usage-banner){
  display:flex;
  flex-direction:column;
}
main:has(> .hero-shell + .usage-banner)>*{
  order:6;
}
main:has(> .hero-shell + .usage-banner)>.hero-shell{
  order:0;
}
main:has(> .hero-shell + .usage-banner)>.ad-leaderboard:not(.bottom-ad){
  order:1;
  margin-top:22px;
}
main:has(> .hero-shell + .usage-banner)>.usage-banner{
  order:2;
  margin-top:18px;
}
main:has(> .hero-shell + .usage-banner)>.category-section{
  order:3;
}
main:has(> .hero-shell + .usage-banner)>.bottom-ad{
  order:4;
  margin-top:4px;
  margin-bottom:30px;
}
main:has(> .hero-shell + .usage-banner)>.popular-section{
  order:5;
}
.usage-banner strong{
  font-size:15.5px;
  line-height:1.45;
}
.usage-banner small{
  font-size:13.5px;
  line-height:1.5;
}

@media(max-width:760px){
  .conversion-progress{font-size:15px}
  .usage-banner strong{font-size:14.5px}
  .usage-banner small{font-size:12.5px}
  main:has(> .hero-shell + .usage-banner)>.ad-leaderboard:not(.bottom-ad){margin-top:18px}
  main:has(> .hero-shell + .usage-banner)>.usage-banner{margin-top:14px}
  main:has(> .hero-shell + .usage-banner)>.bottom-ad{margin-top:0;margin-bottom:24px}
}
