/* One disclosure symbol across FAQ, support, guide and walkthrough. */
body .faq-item .faq-icon,
body .qa .qa-sign,
body .step .expand {
  position: relative;
  flex: 0 0 20px;
  display: inline-block;
  width: 20px;
  height: 20px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--text-3, var(--muted, #77736d));
  font-size: 0;
  transform: none;
}
body .step .expand { position: absolute; }
body .faq-item.open .faq-icon { transform: none; }
body .step.active .expand { background: transparent; border: 0; border-radius: 0; }
body .faq-item .faq-icon::before, body .faq-item .faq-icon::after,
body .qa .qa-sign::before, body .qa .qa-sign::after,
body .step .expand::before, body .step .expand::after {
  content: "";
  position: absolute;
  inset: auto;
  top: 50%;
  left: 50%;
  margin: 0;
  width: 14px;
  height: 1.5px;
  border-radius: 999px;
  background: currentColor;
  transform: translate(-50%, -50%);
  transition: transform 180ms ease, opacity 180ms ease;
}
body .faq-item .faq-icon::after,
body .qa .qa-sign::after,
body .step .expand::after { transform: translate(-50%, -50%) rotate(90deg); }
body .faq-item.open .faq-icon,
body .qa.open .qa-sign,
body .qa[open] .qa-sign,
body .step details[open] .expand { color: var(--brand, var(--blue, #1e51e3)); }
body .faq-item.open .faq-icon::after,
body .qa.open .qa-sign::after,
body .qa[open] .qa-sign::after,
body .step details[open] .expand::after { opacity: 0; transform: translate(-50%, -50%) rotate(0); }
@media (prefers-reduced-motion: reduce) {
  body .faq-item .faq-icon::before, body .faq-item .faq-icon::after,
  body .qa .qa-sign::before, body .qa .qa-sign::after,
  body .step .expand::before, body .step .expand::after { transition: none; }
}