/* Lucide 1.63.0 official vectors, with the Apple mark from Simple Icons. */
.pn-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  flex: none;
  vertical-align: -0.14em;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.pn-icon use {
  pointer-events: none;
}
.icon.pn-icon {
  width: 20px;
  height: 20px;
}
.brand .pn-icon {
  vertical-align: middle;
}
.nav-signin .pn-icon,
.demo-caption .pn-icon,
.demo-scroll-hint .pn-icon,
.teaser-label .pn-icon {
  width: 13px;
  height: 13px;
}
.code-doodle.pn-icon {
  width: 28px;
  height: 28px;
}
.notes-folder > span {
  display: grid;
  place-items: center;
  width: 16px;
  height: 16px;
  flex: none;
}
.notes-folder > span > .pn-icon {
  display: block;
  width: 16px;
  height: 16px;
}
.notes-new-folder {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.notes-new-folder .pn-icon {
  display: block;
  width: 16px;
  height: 16px;
}
.notes-toolbar-start > .pn-icon,
.notes-toolbar-tools > .pn-icon {
  width: 17px;
  height: 17px;
}
.sticky-note .pn-icon {
  width: 0.85em;
  height: 0.85em;
}
.scene-replay .pn-icon {
  width: 13px;
  height: 13px;
}
.mac-demo-toolbar button,
.mac-demo-toolbar > a,
.mac-pages button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.mac-demo-toolbar .pn-icon {
  width: 16px;
  height: 16px;
  stroke-width: 1.8;
}
.mac-demo-toolbar .mac-search > .pn-icon {
  width: 12px;
  height: 12px;
}
.mac-pages button > .pn-icon {
  width: 12px;
  height: 12px;
}
.mac-pages button:nth-child(2) > .pn-icon {
  color: #20a7d4;
}
.mac-pages button:nth-child(3) > .pn-icon {
  color: #bd47d6;
}
.mac-clip-context-menu .pn-icon {
  width: 14px;
  height: 14px;
  margin-right: 5px;
}
.mac-account-close .pn-icon {
  width: 15px;
  height: 15px;
}
.cloud-devices .pn-icon {
  width: 20px;
  height: 20px;
}
.cloud-devices > i > .pn-icon {
  width: 14px;
  height: 14px;
}
.feature-card .stack-photo i .pn-icon {
  width: 12px;
  height: 12px;
}
.capture-action > .pn-icon {
  width: 15px;
  height: 15px;
}
.sample-stop > .pn-icon {
  width: 10px;
  height: 10px;
  fill: currentColor;
  stroke-width: 1.5;
}
.sample-mic > .pn-icon {
  width: 14px;
  height: 14px;
}
.play-icon.pn-icon {
  fill: currentColor;
}
.plan li::before {
  content: "";
  width: 14px;
  height: 14px;
  display: inline-block;
  flex: none;
  background: currentColor;
  mask: url("/assets/icons/check.svg") center / contain no-repeat;
  -webkit-mask: url("/assets/icons/check.svg") center / contain no-repeat;
}
.faq-list summary::after {
  display: none;
}
.faq-toggle.pn-icon {
  width: 30px;
  height: 30px;
  padding: 7px;
  border-radius: 50%;
  background: #eeece6;
  color: #777267;
  transition: transform 0.3s;
}
.faq-list details[open] .faq-toggle {
  transform: rotate(45deg);
  background: #e3e0d7;
}
/* Real vectors in the native Studio sample retain the existing control geometry. */
.studio-app header .pn-icon,
.studio-app button > .pn-icon {
  width: 15px;
  height: 15px;
  vertical-align: -0.2em;
}
.studio-app .studio-icon .pn-icon {
  width: 20px;
  height: 20px;
}
.studio-app .privacy-note .pn-icon {
  width: 12px;
  height: 12px;
}
/* The iPhone sample keeps the native functions, spacing, tint and touch targets. */
.dock .symbol .pn-icon {
  width: 23px;
  height: 23px;
}
.cl-title button .pn-icon {
  width: 20px;
  height: 20px;
}
.cl-badge .pn-icon {
  width: 17px;
  height: 17px;
}
.cl-copy .pn-icon {
  width: 17px;
  height: 17px;
}
.round .pn-icon {
  width: 21px;
  height: 21px;
}
.settings-icon .pn-icon {
  width: 21px;
  height: 21px;
}
.cl-flash .pn-icon {
  margin-right: 5px;
}
@media (prefers-reduced-motion: reduce) {
  .faq-toggle {
    transition: none;
  }
}
html[data-motion="paused"] .faq-toggle {
  transition: none;
}

.walkthrough-cursor.pn-icon {
  fill: white;
  stroke: #181818;
  stroke-width: 1.5;
}
.selection-crosshair.pn-icon {
  stroke: white;
}

.source-app-icon {
  width: 14px;
  height: 14px;
  border-radius: 3px;
  object-fit: contain;
  vertical-align: -0.15em;
}