/* Lucide: one optical size and stroke language across the site. */
.icon {
  display: inline-block;
  width: 1.125rem;
  height: 1.125rem;
  flex: none;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
  vertical-align: -.2em;
  pointer-events: none;
}
.text-link > span,
.button-primary > span,
.form-footer button > span,
.nav-cta > span,
.more-work b,
.work-meta b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}
.button-primary,
.form-footer button,
.nav-cta {
  display: inline-flex;
  align-items: center;
}
.button-primary > span .icon,
.form-footer button > span .icon,
.nav-cta > span .icon {
  vertical-align: middle;
  transform: translateY(1px);
}
.nav-cta > span { margin-left: .6rem; }
.project-link .icon { margin-left: .3rem; }
.menu-toggle .icon { width: 1.25rem; height: 1.25rem; }
.menu-toggle .icon-close { display: none; }
.menu-toggle[aria-expanded="true"] .icon-menu { display: none; }
.menu-toggle[aria-expanded="true"] .icon-close { display: inline-block; }
.project-context summary .disclosure-icon {
  display: inline-flex;
  transform: none;
}
.project-context[open] summary .disclosure-icon { transform: none; }
.disclosure-icon .icon-collapse { display: none; }
.project-context[open] .icon-expand { display: none; }
.project-context[open] .icon-collapse { display: inline-block; }
.pricing-page .maintenance-learn-icon {
  border: 0;
  border-radius: 0;
}
.maintenance-learn-icon .icon { width: 1.4rem; height: 1.4rem; }
.maintenance-dialog-close .icon { width: 1.25rem; height: 1.25rem; }
.thank-mark .icon { width: 1.75rem; height: 1.75rem; }
.phone-ui b .icon { width: 50%; height: 50%; }