/* ==========================================================================
   LPEN footer — design-system implementation
   Spec: LPEN-Design-System.md §3 colour · §4 radius/elevation/motion
         §5 typography · §5.5 Tabler icons · §6 spacing · §7 layout
         §8.1 button · §8.12 navigation · §12 accessibility

   Written unscoped and readable. build_footer.py prefixes every selector
   with #lpen-ftr at deploy time (CLAUDE.md §18b.3) and appends the generated
   icon block. Do not edit past the GENERATED marker.

   The footer is navy-900 throughout, which is the one place on the site where
   a dark surface is unambiguous — it ends the page rather than competing with
   content. Every colour pairing below was picked against §3.4: the lightest
   body text on navy-900 is navy-100 (#C9DDE8) at 11.8:1, links resolve to
   white on hover, and the gold CTA is gold-500 on navy at 8.1:1.
   ========================================================================== */

#lpen-ftr {
  /* --- colour (§3.1) --- */
  --lpen-navy-900: #012032;
  --lpen-navy-800: #022E48;
  --lpen-navy-700: #0B4465;
  --lpen-navy-600: #14567E;
  --lpen-navy-200: #9ABFD6;
  --lpen-navy-100: #C9DDE8;
  --lpen-navy-50:  #E5EEF3;
  --lpen-action:   #0F5C96;
  --lpen-gold-700: #8A5A08;
  --lpen-gold-500: #C8901F;
  --lpen-gold-300: #E8B75C;
  --lpen-gold-200: #F0CE8C;
  --lpen-gold-50:  #FDF3E0;
  --lpen-ink:      #111820;
  --lpen-white:    #FFFFFF;
  --lpen-focus:    #6A3FD4;
  --lpen-focus-halo:#F3F7F9;

  /* --- radius (§4) --- */
  --lpen-r-md: 4px;
  --lpen-r-lg: 8px;
  --lpen-r-pill: 999px;

  /* --- motion (§4) --- */
  --lpen-fast: 120ms;
  --lpen-base: 200ms;
  --lpen-ease: cubic-bezier(.2,0,.2,1);

  /* --- type (§5.1) --- */
  --lpen-font: "Source Sans 3","Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;

  /* --- layout (§7) --- */
  --lpen-gutter: 16px;
  --lpen-wide: 1280px;

  /* --- roles, so the bands do not repeat literals --- */
  --lpen-fg:        #FFFFFF;
  --lpen-fg-muted:  var(--lpen-navy-100);
  --lpen-fg-subtle: var(--lpen-navy-200);
  --lpen-rule:      rgba(154,191,214,.22);
  --lpen-rule-soft: rgba(154,191,214,.14);

  position: relative;
  width: 100%;
  font-family: var(--lpen-font);
  font-size: 16px;
  line-height: 26px;
  color: var(--lpen-fg-muted);
  background: var(--lpen-navy-900);
  -webkit-font-smoothing: antialiased;
}

@media (min-width: 600px) { #lpen-ftr { --lpen-gutter: 24px; } }
@media (min-width: 1024px) { #lpen-ftr { --lpen-gutter: 32px; } }

#lpen-ftr *,
#lpen-ftr *::before,
#lpen-ftr *::after { box-sizing: border-box; }

#lpen-ftr p,
#lpen-ftr ul,
#lpen-ftr li,
#lpen-ftr h2 { margin: 0; padding: 0; }
#lpen-ftr ul { list-style: none; }
#lpen-ftr a { text-decoration: none; color: inherit; }
#lpen-ftr img { max-width: 100%; height: auto; display: block; }

#lpen-ftr button {
  font: inherit;
  color: inherit;
  background: none;
  border: 0;
  cursor: pointer;
}

/* Elementor gives every widget position:relative and a stacking context that
   traps nothing here, but it also adds width constraints. Neutralise both so
   a band's background truly runs edge to edge (CLAUDE.md §18b.4). */
#lpen-ftr .elementor-widget-container,
#lpen-ftr .lpen-w-promo,
#lpen-ftr .lpen-w-fmain,
#lpen-ftr .lpen-w-assure,
#lpen-ftr .lpen-w-legal { width: 100%; }

/* --------------------------------------------------------------------------
   Icons (§5.5) — Tabler, delivered as CSS masks so colour still inherits
   through currentColor and no icon font has to be loaded.
   -------------------------------------------------------------------------- */
#lpen-ftr .lpen-i {
  display: inline-block;
  flex: none;
  width: 20px;
  height: 20px;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-position: center;  mask-position: center;
  -webkit-mask-size: contain;     mask-size: contain;
}
#lpen-ftr .lpen-i--16 { width: 16px; height: 16px; }
#lpen-ftr .lpen-i--18 { width: 18px; height: 18px; }
#lpen-ftr .lpen-i--24 { width: 24px; height: 24px; }

/* --------------------------------------------------------------------------
   Focus — two-layer purple ring (§3.2). Both layers are required. On navy the
   halo is what makes the ring visible, so it is not optional here.
   -------------------------------------------------------------------------- */
#lpen-ftr :focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--lpen-focus), 0 0 0 4px var(--lpen-focus-halo);
  border-radius: var(--lpen-r-md);
  position: relative;
  z-index: 2;
}

/* --------------------------------------------------------------------------
   Shared container (§7) — capped at 1280px, gutters step with the breakpoint.
   -------------------------------------------------------------------------- */
#lpen-ftr .lpen-in {
  width: 100%;
  max-width: var(--lpen-wide);
  margin: 0 auto;
  padding-left: var(--lpen-gutter);
  padding-right: var(--lpen-gutter);
}

/* Shared link treatment. Underline appears on hover only — §8.2. */
#lpen-ftr .lpen-ftr__link {
  color: var(--lpen-fg-muted);
  transition: color var(--lpen-fast) var(--lpen-ease);
}
#lpen-ftr .lpen-ftr__link:hover,
#lpen-ftr .lpen-ftr__link:focus-visible { color: var(--lpen-white); text-decoration: underline; }

/* ==========================================================================
   BAND 1 — the offer
   ========================================================================== */
#lpen-promo {
  border-bottom: 1px solid var(--lpen-rule);
  background-image:
    radial-gradient(90rem 32rem at 12% -40%, rgba(200,144,31,.16), transparent 60%),
    radial-gradient(70rem 28rem at 92% 120%, rgba(15,92,150,.38), transparent 62%);
}

#lpen-ftr .lpen-promo__in {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
  gap: 48px;
  align-items: center;
  padding-top: 64px;
  padding-bottom: 64px;
}

#lpen-ftr .lpen-promo__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  padding: 5px 12px 5px 10px;
  border-radius: var(--lpen-r-pill);
  background: rgba(200,144,31,.16);
  color: var(--lpen-gold-200);
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
}

#lpen-ftr .lpen-promo__title {
  margin-bottom: 12px;
  color: var(--lpen-white);
  font-size: 38px;
  line-height: 46px;
  font-weight: 600;
  letter-spacing: -.01em;
}

#lpen-ftr .lpen-promo__body {
  max-width: 56ch;
  color: var(--lpen-fg-muted);
  font-size: 18px;
  line-height: 30px;
}

#lpen-ftr .lpen-promo__facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 24px;
  margin-top: 24px;
}
#lpen-ftr .lpen-promo__facts li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: var(--lpen-fg-muted);
  font-size: 15px;
  line-height: 22px;
}
#lpen-ftr .lpen-promo__facts .lpen-i { margin-top: 2px; color: var(--lpen-gold-300); }

#lpen-ftr .lpen-promo__actions {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: stretch;
}

#lpen-ftr .lpen-promo__note {
  margin-top: 4px;
  color: var(--lpen-fg-subtle);
  font-size: 13px;
  line-height: 20px;
}

/* Buttons (§8.1) — 52px lg, radius-md, outline as inset shadow so the box
   model never shifts between states. */
#lpen-ftr .lpen-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 52px;
  padding: 12px 24px;
  border-radius: var(--lpen-r-md);
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  text-align: center;
  transition: background-color var(--lpen-fast) var(--lpen-ease),
              color var(--lpen-fast) var(--lpen-ease),
              box-shadow var(--lpen-fast) var(--lpen-ease);
}
#lpen-ftr .lpen-btn .lpen-i { transition: transform var(--lpen-base) var(--lpen-ease); }
#lpen-ftr .lpen-btn:hover .lpen-i { transform: translateX(3px); }

#lpen-ftr .lpen-btn--gold {
  background: var(--lpen-gold-500);
  color: #201400;
}
#lpen-ftr .lpen-btn--gold:hover,
#lpen-ftr .lpen-btn--gold:focus-visible { background: var(--lpen-gold-300); color: #201400; }

#lpen-ftr .lpen-btn--ghost {
  box-shadow: inset 0 0 0 1px var(--lpen-navy-200);
  color: var(--lpen-white);
}
#lpen-ftr .lpen-btn--ghost:hover,
#lpen-ftr .lpen-btn--ghost:focus-visible {
  background: rgba(255,255,255,.08);
  box-shadow: inset 0 0 0 1px var(--lpen-navy-100);
}
/* The focus ring must not be cancelled by the ghost button's inset outline. */
#lpen-ftr .lpen-btn--ghost:focus-visible {
  box-shadow: inset 0 0 0 1px var(--lpen-navy-100),
              0 0 0 2px var(--lpen-focus), 0 0 0 4px var(--lpen-focus-halo);
}

/* ==========================================================================
   BAND 2 — brand and link columns
   ========================================================================== */
#lpen-ftr .lpen-ftr__main {
  display: grid;
  grid-template-columns: minmax(0, 320px) minmax(0, 1fr);
  gap: 48px 64px;
  padding-top: 64px;
  padding-bottom: 56px;
}

/* --- brand --- */
#lpen-ftr .lpen-ftr__logo { display: inline-block; }
#lpen-ftr .lpen-ftr__logo img {
  width: 190px;
  /* The mark is navy-800 plus a grey wordmark; flattening it to white is the
     honest way to place it on navy-900 without a second asset. */
  filter: brightness(0) invert(1);
}

#lpen-ftr .lpen-ftr__tagline {
  margin-top: 16px;
  color: var(--lpen-gold-300);
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
}

#lpen-ftr .lpen-ftr__blurb {
  margin-top: 10px;
  max-width: 46ch;
  color: var(--lpen-fg-subtle);
  font-size: 15px;
  line-height: 24px;
}

#lpen-ftr .lpen-ftr__contact {
  display: grid;
  gap: 12px;
  margin-top: 24px;
}
#lpen-ftr .lpen-ftr__contact li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 15px;
  line-height: 22px;
  color: var(--lpen-fg-muted);
}
#lpen-ftr .lpen-ftr__contact .lpen-i { margin-top: 2px; color: var(--lpen-navy-200); }

#lpen-ftr .lpen-ftr__socials {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 24px;
}
/* 44×44 minimum hit area (§12), which is also why these are not 32px chips. */
#lpen-ftr .lpen-ftr__social {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: var(--lpen-r-md);
  color: var(--lpen-fg-muted);
  box-shadow: inset 0 0 0 1px var(--lpen-rule);
  transition: background-color var(--lpen-fast) var(--lpen-ease),
              color var(--lpen-fast) var(--lpen-ease),
              box-shadow var(--lpen-fast) var(--lpen-ease);
}
#lpen-ftr .lpen-ftr__social:hover {
  background: rgba(255,255,255,.08);
  color: var(--lpen-white);
  box-shadow: inset 0 0 0 1px var(--lpen-navy-200);
}

/* --- columns --- */
#lpen-ftr .lpen-ftr__cols {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 32px;
}

#lpen-ftr .lpen-ftr__h {
  margin-bottom: 14px;
  color: var(--lpen-white);
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

/* The button duplicate of the heading is desktop-hidden; JS turns it on below
   768px. Hidden with display:none so it is out of the tab order too. */
#lpen-ftr .lpen-ftr__toggle { display: none; }

#lpen-ftr .lpen-ftr__list { display: grid; gap: 10px; }
#lpen-ftr .lpen-ftr__list a {
  display: inline-block;
  font-size: 15px;
  line-height: 22px;
}

/* ==========================================================================
   BAND 3 — three things that are true
   ========================================================================== */
#lpen-assure { border-top: 1px solid var(--lpen-rule-soft); }

#lpen-ftr .lpen-assure__in { padding-top: 28px; padding-bottom: 28px; }

#lpen-ftr .lpen-assure__list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px 40px;
}
#lpen-ftr .lpen-assure__item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
#lpen-ftr .lpen-assure__item > .lpen-i { margin-top: 2px; color: var(--lpen-gold-300); }
#lpen-ftr .lpen-assure__body { display: block; }
#lpen-ftr .lpen-assure__t {
  display: block;
  color: var(--lpen-white);
  font-size: 15px;
  line-height: 22px;
  font-weight: 600;
}
#lpen-ftr .lpen-assure__d {
  display: block;
  color: var(--lpen-fg-subtle);
  font-size: 14px;
  line-height: 22px;
}

/* ==========================================================================
   BAND 4 — legal
   ========================================================================== */
#lpen-legal { border-top: 1px solid var(--lpen-rule); background: #011A29; }

#lpen-ftr .lpen-legal__in { padding-top: 24px; padding-bottom: 28px; }

#lpen-ftr .lpen-legal__disclaimer {
  max-width: 92ch;
  margin-bottom: 16px;
  color: var(--lpen-fg-subtle);
  font-size: 13px;
  line-height: 20px;
}

#lpen-ftr .lpen-legal__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 24px;
}

#lpen-ftr .lpen-legal__copy {
  color: var(--lpen-fg-subtle);
  font-size: 13px;
  line-height: 20px;
}

#lpen-ftr .lpen-legal__links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 20px;
}
#lpen-ftr .lpen-legal__links a { font-size: 13px; line-height: 20px; }

#lpen-ftr .lpen-top {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  margin-left: auto;
  padding: 8px 16px;
  border-radius: var(--lpen-r-md);
  box-shadow: inset 0 0 0 1px var(--lpen-rule);
  color: var(--lpen-fg-muted);
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  transition: background-color var(--lpen-fast) var(--lpen-ease),
              color var(--lpen-fast) var(--lpen-ease);
}
#lpen-ftr .lpen-top:hover { background: rgba(255,255,255,.08); color: var(--lpen-white); }
#lpen-ftr .lpen-top .lpen-i { transition: transform var(--lpen-base) var(--lpen-ease); }
#lpen-ftr .lpen-top:hover .lpen-i { transform: translateY(-2px); }

/* ==========================================================================
   Breakpoints (§7) — lg 1024, md 600–1023, sm <600
   ========================================================================== */

/* --- below lg: brand stacks above the columns --- */
@media (max-width: 1023px) {
  #lpen-ftr .lpen-promo__in {
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
    padding-top: 48px;
    padding-bottom: 48px;
  }
  #lpen-ftr .lpen-promo__actions { flex-direction: row; flex-wrap: wrap; }
  #lpen-ftr .lpen-promo__actions .lpen-btn { flex: 1 1 260px; }
  #lpen-ftr .lpen-promo__note { flex: 1 1 100%; margin-top: 0; }
  #lpen-ftr .lpen-promo__title { font-size: 30px; line-height: 38px; }

  /* The brand block keeps its own column here rather than spanning the full
     width — spanning it leaves half a screen of empty navy beside a 46ch
     paragraph, and pushes the links below the fold for no gain. */
  #lpen-ftr .lpen-ftr__main {
    grid-template-columns: minmax(0, 280px) minmax(0, 1fr);
    gap: 40px;
    padding-top: 48px;
    padding-bottom: 40px;
  }
  #lpen-ftr .lpen-ftr__cols { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 40px; }
}

/* --- below md: single column, collapsible link groups --- */
@media (max-width: 767px) {
  #lpen-ftr .lpen-promo__in { padding-top: 40px; padding-bottom: 40px; }
  #lpen-ftr .lpen-promo__title { font-size: 26px; line-height: 34px; }
  #lpen-ftr .lpen-promo__body { font-size: 16px; line-height: 26px; }
  #lpen-ftr .lpen-promo__facts { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  #lpen-ftr .lpen-promo__actions .lpen-btn { flex: 1 1 100%; }

  #lpen-ftr .lpen-ftr__main {
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
    padding-top: 40px;
    padding-bottom: 8px;
  }
  #lpen-ftr .lpen-ftr__blurb { max-width: 60ch; }
  #lpen-ftr .lpen-ftr__cols { grid-template-columns: minmax(0, 1fr); gap: 0; }

  /* Each group becomes a disclosure. `is-collapsible` is set by JS, so with
     JS off every list stays open and no dead button is shown. */
  #lpen-ftr .lpen-ftr__col.is-collapsible { border-top: 1px solid var(--lpen-rule-soft); }
  #lpen-ftr .lpen-ftr__col.is-collapsible:last-child { border-bottom: 1px solid var(--lpen-rule-soft); }
  #lpen-ftr .lpen-ftr__col.is-collapsible .lpen-ftr__h { display: none; }

  #lpen-ftr .lpen-ftr__col.is-collapsible .lpen-ftr__toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    min-height: 52px;
    padding: 14px 2px;
    color: var(--lpen-white);
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    text-align: left;
  }
  #lpen-ftr .lpen-ftr__toggle .lpen-i {
    color: var(--lpen-navy-200);
    transition: transform var(--lpen-base) var(--lpen-ease);
  }
  #lpen-ftr .lpen-ftr__toggle[aria-expanded="true"] .lpen-i { transform: rotate(180deg); }

  #lpen-ftr .lpen-ftr__col.is-collapsible .lpen-ftr__list {
    display: none;
    gap: 4px;
    padding: 0 2px 16px;
  }
  #lpen-ftr .lpen-ftr__col.is-collapsible .lpen-ftr__list.is-open { display: grid; }
  /* Tap targets inside the disclosure get the full 44px (§12). */
  #lpen-ftr .lpen-ftr__col.is-collapsible .lpen-ftr__list a {
    display: flex;
    align-items: center;
    min-height: 44px;
    font-size: 16px;
  }

  #lpen-ftr .lpen-assure__list { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  #lpen-ftr .lpen-assure__in { padding-top: 24px; padding-bottom: 24px; }

  #lpen-ftr .lpen-legal__row { flex-direction: column; align-items: flex-start; gap: 16px; }
  #lpen-ftr .lpen-top { margin-left: 0; }
}

/* --- below sm --- */
@media (max-width: 599px) {
  #lpen-ftr .lpen-promo__eyebrow { font-size: 11px; }
  #lpen-ftr .lpen-ftr__logo img { width: 168px; }
}

/* --------------------------------------------------------------------------
   Reduced motion (§12) — the only motion here is decorative.
   -------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  #lpen-ftr *,
#lpen-ftr *::before,
#lpen-ftr *::after {
    transition-duration: 1ms !important;
    animation-duration: 1ms !important;
  }
}

/* --------------------------------------------------------------------------
   Print — a footer of navigation is noise on paper; keep the identity.
   -------------------------------------------------------------------------- */
@media print {
  #lpen-promo,
#lpen-assure,
#lpen-ftr .lpen-ftr__cols,
#lpen-ftr .lpen-ftr__socials,
#lpen-ftr .lpen-top { display: none; }
  #lpen-ftr { background: #FFFFFF; color: #111820; }
  #lpen-legal { background: #FFFFFF; }
  #lpen-ftr .lpen-ftr__logo img { filter: none; }
  #lpen-ftr .lpen-ftr__link,
#lpen-ftr .lpen-legal__copy,
#lpen-ftr .lpen-legal__disclaimer,
#lpen-ftr .lpen-ftr__contact li { color: #111820; }
}
/* ======================= GENERATED ICONS — DO NOT EDIT ==================== */
/* Tabler 3.46.0 — 15 glyphs, generated by build_footer.py */
.lpen-i--arrow-narrow-right{-webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='currentColor' viewBox='0 0 24 24'><path fill-rule='evenodd' d='m14.7 7-.6.5v.9l1.3 1.4 1.2 1.2H4.7l-.6.5v1q.2.3.6.4l6 .1h5.9l-1.2 1.2-1.3 1.4q-.2.7.4 1.3h.9L20 12c0-.4 0-.4-2.3-2.7L15.3 7z'/></svg>");mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='currentColor' viewBox='0 0 24 24'><path fill-rule='evenodd' d='m14.7 7-.6.5v.9l1.3 1.4 1.2 1.2H4.7l-.6.5v1q.2.3.6.4l6 .1h5.9l-1.2 1.2-1.3 1.4q-.2.7.4 1.3h.9L20 12c0-.4 0-.4-2.3-2.7L15.3 7z'/></svg>")}
.lpen-i--arrow-up{-webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='currentColor' viewBox='0 0 24 24'><path fill-rule='evenodd' d='M11.6 4.1c-.2 0-.8.7-3.3 3.2L5 11l.1.5.6.5.7-.1c.1 0 1.2-1 2.4-2.3L11 7.4v12l.1.1a1 1 0 0 0 1.8 0v-6.2l.1-5.9 2.2 2.2 2.4 2.3q.7.2 1.3-.4v-.9l-3.2-3.3C12.4 4 12.4 4 12 4z'/></svg>");mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='currentColor' viewBox='0 0 24 24'><path fill-rule='evenodd' d='M11.6 4.1c-.2 0-.8.7-3.3 3.2L5 11l.1.5.6.5.7-.1c.1 0 1.2-1 2.4-2.3L11 7.4v12l.1.1a1 1 0 0 0 1.8 0v-6.2l.1-5.9 2.2 2.2 2.4 2.3q.7.2 1.3-.4v-.9l-3.2-3.3C12.4 4 12.4 4 12 4z'/></svg>")}
.lpen-i--brand-facebook{-webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='currentColor' viewBox='0 0 24 24'><path fill-rule='evenodd' d='M14.4 2A6 6 0 0 0 9 8.1V9H8c-1.2 0-1.4 0-1.6.2l-.3.3v4.8q0 .3.4.6h1.3L9 15v6.3q.2.4.5.6h5q.3-.2.4-.6l.1-3.2V15h2.3l.2-.1c.4-.3.4-.3 1-2.6l.5-2.4-.4-.7c-.3-.2-.3-.2-2-.2H15V8h3.3l.2-.1.5-.6V2.7l-.1-.2-.3-.3c-.3-.2-.3-.2-2.2-.2zM17 5v1h-2.5A2 2 0 0 0 13 7.7v2.7l.1.2.3.3c.3.2.3.2 1.9.2h1.4l-.2 1-.3 1h-1.1c-1.3 0-1.5 0-1.7.2l-.3.3V17l-.1 3h-2v-6.3l-.1-.2-.3-.3c-.2-.2-.4-.2-1.5-.2H8v-2h2.3l.2-.1.3-.3c.2-.2.2-.3.2-1.6 0-1.7 0-2 .5-2.8a4 4 0 0 1 1.7-1.7c.7-.4 1-.5 2.7-.5H17z'/></svg>");mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='currentColor' viewBox='0 0 24 24'><path fill-rule='evenodd' d='M14.4 2A6 6 0 0 0 9 8.1V9H8c-1.2 0-1.4 0-1.6.2l-.3.3v4.8q0 .3.4.6h1.3L9 15v6.3q.2.4.5.6h5q.3-.2.4-.6l.1-3.2V15h2.3l.2-.1c.4-.3.4-.3 1-2.6l.5-2.4-.4-.7c-.3-.2-.3-.2-2-.2H15V8h3.3l.2-.1.5-.6V2.7l-.1-.2-.3-.3c-.3-.2-.3-.2-2.2-.2zM17 5v1h-2.5A2 2 0 0 0 13 7.7v2.7l.1.2.3.3c.3.2.3.2 1.9.2h1.4l-.2 1-.3 1h-1.1c-1.3 0-1.5 0-1.7.2l-.3.3V17l-.1 3h-2v-6.3l-.1-.2-.3-.3c-.2-.2-.4-.2-1.5-.2H8v-2h2.3l.2-.1.3-.3c.2-.2.2-.3.2-1.6 0-1.7 0-2 .5-2.8a4 4 0 0 1 1.7-1.7c.7-.4 1-.5 2.7-.5H17z'/></svg>")}
.lpen-i--brand-instagram{-webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='currentColor' viewBox='0 0 24 24'><path fill-rule='evenodd' d='M7.4 3a5 5 0 0 0-4.3 4v10a5 5 0 0 0 4 4H17a5 5 0 0 0 4-4V7a5 5 0 0 0-4.4-4zm9.5 2.1a3 3 0 0 1 2 2v9.7a3 3 0 0 1-2 2l-.4.2h-9l-.3-.1a3 3 0 0 1-2-2l-.2-.4v-9l.1-.3A3 3 0 0 1 7.5 5h9zM16 6.6c-.7.4-.6 1.6.2 1.9h.3l.6-.2q.4-.4.4-1a1 1 0 0 0-1-.8zm-4.6 1.5a4 4 0 1 0 1.3 7.9 4 4 0 0 0-1.3-8m1.1 2a2 2 0 0 1 1.5 1.7 2 2 0 0 1-.6 1.7q-.6.6-1.4.6a2 2 0 1 1 .5-4'/></svg>");mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='currentColor' viewBox='0 0 24 24'><path fill-rule='evenodd' d='M7.4 3a5 5 0 0 0-4.3 4v10a5 5 0 0 0 4 4H17a5 5 0 0 0 4-4V7a5 5 0 0 0-4.4-4zm9.5 2.1a3 3 0 0 1 2 2v9.7a3 3 0 0 1-2 2l-.4.2h-9l-.3-.1a3 3 0 0 1-2-2l-.2-.4v-9l.1-.3A3 3 0 0 1 7.5 5h9zM16 6.6c-.7.4-.6 1.6.2 1.9h.3l.6-.2q.4-.4.4-1a1 1 0 0 0-1-.8zm-4.6 1.5a4 4 0 1 0 1.3 7.9 4 4 0 0 0-1.3-8m1.1 2a2 2 0 0 1 1.5 1.7 2 2 0 0 1-.6 1.7q-.6.6-1.4.6a2 2 0 1 1 .5-4'/></svg>")}
.lpen-i--brand-linkedin{-webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='currentColor' viewBox='0 0 24 24'><path fill-rule='evenodd' d='M6.4 2a5 5 0 0 0-4.3 4v12a5 5 0 0 0 4 4H18a5 5 0 0 0 4-4V6a5 5 0 0 0-4.4-4zm11.5 2.1a3 3 0 0 1 2 2v11.7a3 3 0 0 1-2 2l-.4.2h-11l-.3-.1a3 3 0 0 1-2-2l-.2-.4v-11l.1-.3A3 3 0 0 1 6.5 4h11zm-10.2 3-.6.4V8q0 .4.2.7A1 1 0 0 0 9 8.5v-1a1 1 0 0 0-1.2-.4m0 3-.6.4v6a1 1 0 0 0 1.8 0v-6a1 1 0 0 0-1.2-.4m4 0-.6.4v6a1 1 0 0 0 1.8 0v-.2l.1-1.8c0-2 0-2 .3-2.2q.3-.3.7-.3t.7.3c.3.3.3.2.3 2.2v1.8l.1.2a1 1 0 0 0 1.8 0v-4.3a3 3 0 0 0-3.9-2h-.4a1 1 0 0 0-.9-.1'/></svg>");mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='currentColor' viewBox='0 0 24 24'><path fill-rule='evenodd' d='M6.4 2a5 5 0 0 0-4.3 4v12a5 5 0 0 0 4 4H18a5 5 0 0 0 4-4V6a5 5 0 0 0-4.4-4zm11.5 2.1a3 3 0 0 1 2 2v11.7a3 3 0 0 1-2 2l-.4.2h-11l-.3-.1a3 3 0 0 1-2-2l-.2-.4v-11l.1-.3A3 3 0 0 1 6.5 4h11zm-10.2 3-.6.4V8q0 .4.2.7A1 1 0 0 0 9 8.5v-1a1 1 0 0 0-1.2-.4m0 3-.6.4v6a1 1 0 0 0 1.8 0v-6a1 1 0 0 0-1.2-.4m4 0-.6.4v6a1 1 0 0 0 1.8 0v-.2l.1-1.8c0-2 0-2 .3-2.2q.3-.3.7-.3t.7.3c.3.3.3.2.3 2.2v1.8l.1.2a1 1 0 0 0 1.8 0v-4.3a3 3 0 0 0-3.9-2h-.4a1 1 0 0 0-.9-.1'/></svg>")}
.lpen-i--brand-x{-webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='currentColor' viewBox='0 0 24 24'><path fill-rule='evenodd' d='M3.7 3A1 1 0 0 0 3 4v.4l3.3 4.5L9.5 13l-3.2 3.2L3 20l.1.5.6.5.7-.1 3.2-3.1 3-3 2.1 2.8 2.6 3.3.2.1h4.8q.4-.2.6-.5a1 1 0 0 0 0-1l-3.2-4.4-3.2-4.2 3.2-3.2L21 4l-.1-.5a1 1 0 0 0-1.2-.4c-.2 0-.5.3-3.3 3l-3 3.1-2.1-2.8L8.7 3zm9.2 8.9 5.1 7h-1.8l-5-7L6 5h1.8z'/></svg>");mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='currentColor' viewBox='0 0 24 24'><path fill-rule='evenodd' d='M3.7 3A1 1 0 0 0 3 4v.4l3.3 4.5L9.5 13l-3.2 3.2L3 20l.1.5.6.5.7-.1 3.2-3.1 3-3 2.1 2.8 2.6 3.3.2.1h4.8q.4-.2.6-.5a1 1 0 0 0 0-1l-3.2-4.4-3.2-4.2 3.2-3.2L21 4l-.1-.5a1 1 0 0 0-1.2-.4c-.2 0-.5.3-3.3 3l-3 3.1-2.1-2.8L8.7 3zm9.2 8.9 5.1 7h-1.8l-5-7L6 5h1.8z'/></svg>")}
.lpen-i--brand-youtube{-webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='currentColor' viewBox='0 0 24 24'><path fill-rule='evenodd' d='M5.4 3a5 5 0 0 0-4.3 4v10a5 5 0 0 0 4 4H19a5 5 0 0 0 4-4V7a5 5 0 0 0-4.4-4zm13.5 2.1a3 3 0 0 1 2 2v9.7a3 3 0 0 1-2 2l-.4.2h-13l-.3-.1a3 3 0 0 1-2-2l-.2-.4v-9l.1-.3A3 3 0 0 1 5.5 5h13zm-9.2 3-.6.4v6.8q.3.8 1.2.7l5.6-3.7a1 1 0 0 0-.2-1zm2.3 3.3 1 .6-1 .6-1 .6v-2.4z'/></svg>");mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='currentColor' viewBox='0 0 24 24'><path fill-rule='evenodd' d='M5.4 3a5 5 0 0 0-4.3 4v10a5 5 0 0 0 4 4H19a5 5 0 0 0 4-4V7a5 5 0 0 0-4.4-4zm13.5 2.1a3 3 0 0 1 2 2v9.7a3 3 0 0 1-2 2l-.4.2h-13l-.3-.1a3 3 0 0 1-2-2l-.2-.4v-9l.1-.3A3 3 0 0 1 5.5 5h13zm-9.2 3-.6.4v6.8q.3.8 1.2.7l5.6-3.7a1 1 0 0 0-.2-1zm2.3 3.3 1 .6-1 .6-1 .6v-2.4z'/></svg>")}
.lpen-i--building-community{-webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='currentColor' viewBox='0 0 24 24'><path fill-rule='evenodd' d='M9.5 2A2 2 0 0 0 8 3.6V8l-.2.1-.4.2-5.3 5.5v7.8q.2.4.6.4c.2.1 18.4.1 18.6 0q.4 0 .6-.4v-9c.1-9.5.1-9-.1-9.4q-.3-.6-.8-.8c-.5-.4 0-.4-6-.4zM20 12v8h-6v-6.3l-2-2.2-2-2V4h10zm-7.3-6-.6.5V7q0 .4.2.7a1 1 0 0 0 1.6-.2v-1a1 1 0 0 0-1.2-.4m4 0-.6.4V7q0 .4.2.7a1 1 0 0 0 1.6-.2v-1a1 1 0 0 0-1.2-.4m0 4-.6.4v.5q0 .4.2.7a1 1 0 0 0 1.6-.2v-1a1 1 0 0 0-1.2-.4M10 12.4l2 2V20H9v-3.3l-.1-.2a1 1 0 0 0-1.8 0v1.9L7 20H4v-5.6l2-2 2-2zm6.7 1.7-.6.4v.5q0 .4.2.7a1 1 0 0 0 1.6-.2v-1a1 1 0 0 0-1.2-.4'/></svg>");mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='currentColor' viewBox='0 0 24 24'><path fill-rule='evenodd' d='M9.5 2A2 2 0 0 0 8 3.6V8l-.2.1-.4.2-5.3 5.5v7.8q.2.4.6.4c.2.1 18.4.1 18.6 0q.4 0 .6-.4v-9c.1-9.5.1-9-.1-9.4q-.3-.6-.8-.8c-.5-.4 0-.4-6-.4zM20 12v8h-6v-6.3l-2-2.2-2-2V4h10zm-7.3-6-.6.5V7q0 .4.2.7a1 1 0 0 0 1.6-.2v-1a1 1 0 0 0-1.2-.4m4 0-.6.4V7q0 .4.2.7a1 1 0 0 0 1.6-.2v-1a1 1 0 0 0-1.2-.4m0 4-.6.4v.5q0 .4.2.7a1 1 0 0 0 1.6-.2v-1a1 1 0 0 0-1.2-.4M10 12.4l2 2V20H9v-3.3l-.1-.2a1 1 0 0 0-1.8 0v1.9L7 20H4v-5.6l2-2 2-2zm6.7 1.7-.6.4v.5q0 .4.2.7a1 1 0 0 0 1.6-.2v-1a1 1 0 0 0-1.2-.4'/></svg>")}
.lpen-i--certificate{-webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='currentColor' viewBox='0 0 24 24'><path fill-rule='evenodd' d='M4.5 4q-.9.2-1.6.9-.5.5-.8 1.2v11.7q.5 1.6 2 2l.3.2h5.9l.6-.5v-1l-.5-.4-3-.1H4.8l-.2-.1-.3-.3c-.2-.3-.2 0-.2-5.7l.1-5.3.5-.5H12c8.1-.1 7.5-.1 7.8.2s.3 0 .3 5.7v5.3l-.5.6q-.6.3-.5 1a1 1 0 0 0 1.5.7q.7-.3 1.2-1.3c.3-.7.3-.1.3-6.3V6.5l-.1-.3a3 3 0 0 0-2-2l-.4-.2h-15m1.2 4-.6.5v1q.2.3.6.4h12.6q.4 0 .6-.4v-1l-.6-.4zm0 3-.6.4v1q.2.3.6.4h3.6q.4 0 .6-.4v-1l-.6-.4zm8.7 0a4 4 0 0 0-2.6 6.3l.2.2V20c0 2.5 0 2.4.2 2.7q.5.5 1.1.3l1-.6.7-.5.8.5 1 .7q.6.1 1-.4c.2-.3.2-.3.2-2.7v-2.3l.2-.2q.8-1 .8-2.4 0-1.1-.6-2a4 4 0 0 0-4-2m1.1 2a2 2 0 0 1 1.5 1.7 2 2 0 0 1-.6 1.7q-.6.6-1.4.6a2 2 0 1 1 .5-4m-9.8 1-.6.5v1q.2.3.6.4h2.6q.4 0 .6-.4v-1l-.6-.4zm8.6 4.8H16V20l-.2-.2q-.5-.3-.8-.3t-.7.3l-.3.2v-1.1z'/></svg>");mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='currentColor' viewBox='0 0 24 24'><path fill-rule='evenodd' d='M4.5 4q-.9.2-1.6.9-.5.5-.8 1.2v11.7q.5 1.6 2 2l.3.2h5.9l.6-.5v-1l-.5-.4-3-.1H4.8l-.2-.1-.3-.3c-.2-.3-.2 0-.2-5.7l.1-5.3.5-.5H12c8.1-.1 7.5-.1 7.8.2s.3 0 .3 5.7v5.3l-.5.6q-.6.3-.5 1a1 1 0 0 0 1.5.7q.7-.3 1.2-1.3c.3-.7.3-.1.3-6.3V6.5l-.1-.3a3 3 0 0 0-2-2l-.4-.2h-15m1.2 4-.6.5v1q.2.3.6.4h12.6q.4 0 .6-.4v-1l-.6-.4zm0 3-.6.4v1q.2.3.6.4h3.6q.4 0 .6-.4v-1l-.6-.4zm8.7 0a4 4 0 0 0-2.6 6.3l.2.2V20c0 2.5 0 2.4.2 2.7q.5.5 1.1.3l1-.6.7-.5.8.5 1 .7q.6.1 1-.4c.2-.3.2-.3.2-2.7v-2.3l.2-.2q.8-1 .8-2.4 0-1.1-.6-2a4 4 0 0 0-4-2m1.1 2a2 2 0 0 1 1.5 1.7 2 2 0 0 1-.6 1.7q-.6.6-1.4.6a2 2 0 1 1 .5-4m-9.8 1-.6.5v1q.2.3.6.4h2.6q.4 0 .6-.4v-1l-.6-.4zm8.6 4.8H16V20l-.2-.2q-.5-.3-.8-.3t-.7.3l-.3.2v-1.1z'/></svg>")}
.lpen-i--chevron-down{-webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='currentColor' viewBox='0 0 24 24'><path fill-rule='evenodd' d='m5.7 8-.6.5v.9l6.4 6.5h.9L19 9.5v-1a1 1 0 0 0-1.2-.4c-.2 0-.5.3-3 2.8L12 13.6l-2.7-2.7a21 21 0 0 0-3-2.8z'/></svg>");mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='currentColor' viewBox='0 0 24 24'><path fill-rule='evenodd' d='m5.7 8-.6.5v.9l6.4 6.5h.9L19 9.5v-1a1 1 0 0 0-1.2-.4c-.2 0-.5.3-3 2.8L12 13.6l-2.7-2.7a21 21 0 0 0-3-2.8z'/></svg>")}
.lpen-i--crown{-webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='currentColor' viewBox='0 0 24 24'><path fill-rule='evenodd' d='m11.7 5-.3.2a48 48 0 0 0-3.6 5.3L5.7 8.9 3.4 7A1 1 0 0 0 2 8l1 5.3c1 4.9 1 5.2 1.2 5.4l.3.3h14.8q.4 0 .6-.4a91 91 0 0 0 1.8-11.2q-.5-.5-1.2-.2l-4.3 3.4-3.6-5.3a1 1 0 0 0-1-.1m2 5.2 1.8 2.5q.5.3 1 .1l3-2.4-.6 3.3-.6 3.2H5.8l-.6-3.2-.7-3.3 3 2.4h1l1.8-2.6L12 7.8z'/></svg>");mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='currentColor' viewBox='0 0 24 24'><path fill-rule='evenodd' d='m11.7 5-.3.2a48 48 0 0 0-3.6 5.3L5.7 8.9 3.4 7A1 1 0 0 0 2 8l1 5.3c1 4.9 1 5.2 1.2 5.4l.3.3h14.8q.4 0 .6-.4a91 91 0 0 0 1.8-11.2q-.5-.5-1.2-.2l-4.3 3.4-3.6-5.3a1 1 0 0 0-1-.1m2 5.2 1.8 2.5q.5.3 1 .1l3-2.4-.6 3.3-.6 3.2H5.8l-.6-3.2-.7-3.3 3 2.4h1l1.8-2.6L12 7.8z'/></svg>")}
.lpen-i--device-laptop{-webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='currentColor' viewBox='0 0 24 24'><path fill-rule='evenodd' d='M5.5 5A2 2 0 0 0 4 6.6V11c0 4.6 0 4.5.2 5l.9.8c.4.2 0 .2 6.9.2 6.8 0 6.5 0 7-.2l.8-.9c.2-.4.2-.3.2-4.9s0-4.5-.2-5q-.3-.4-.8-.7c-.5-.3 0-.3-7-.3zM18 11v4H6V7h12zM2.7 18l-.6.5v1q.2.4.6.4c.2.1 18.4.1 18.6 0q.4 0 .6-.4v-1l-.6-.4z'/></svg>");mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='currentColor' viewBox='0 0 24 24'><path fill-rule='evenodd' d='M5.5 5A2 2 0 0 0 4 6.6V11c0 4.6 0 4.5.2 5l.9.8c.4.2 0 .2 6.9.2 6.8 0 6.5 0 7-.2l.8-.9c.2-.4.2-.3.2-4.9s0-4.5-.2-5q-.3-.4-.8-.7c-.5-.3 0-.3-7-.3zM18 11v4H6V7h12zM2.7 18l-.6.5v1q.2.4.6.4c.2.1 18.4.1 18.6 0q.4 0 .6-.4v-1l-.6-.4z'/></svg>")}
.lpen-i--mail{-webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='currentColor' viewBox='0 0 24 24'><path fill-rule='evenodd' d='M4.5 4a3 3 0 0 0-2.4 2.2v11.6a3 3 0 0 0 2 2l.4.2h15l.3-.1a3 3 0 0 0 2-2l.2-.4v-11l-.1-.3a3 3 0 0 0-2-2l-.4-.2zm14.8 2 .4.3.2.2-4 2.7-3.9 2.6-4-2.6-3.9-2.7s.4-.4.6-.4zM7.8 11.4l3.9 2.5h.6l4-2.5L20 8.9v8.3q-.1.4-.5.7h-15l-.3-.3c-.2-.3-.2 0-.2-4.6V9z'/></svg>");mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='currentColor' viewBox='0 0 24 24'><path fill-rule='evenodd' d='M4.5 4a3 3 0 0 0-2.4 2.2v11.6a3 3 0 0 0 2 2l.4.2h15l.3-.1a3 3 0 0 0 2-2l.2-.4v-11l-.1-.3a3 3 0 0 0-2-2l-.4-.2zm14.8 2 .4.3.2.2-4 2.7-3.9 2.6-4-2.6-3.9-2.7s.4-.4.6-.4zM7.8 11.4l3.9 2.5h.6l4-2.5L20 8.9v8.3q-.1.4-.5.7h-15l-.3-.3c-.2-.3-.2 0-.2-4.6V9z'/></svg>")}
.lpen-i--map-pin{-webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='currentColor' viewBox='0 0 24 24'><path fill-rule='evenodd' d='M11.3 2A9 9 0 0 0 5 16.6c.2.4 4.4 4.6 5 5.1a3 3 0 0 0 4 0l5-5q1-1.5 1.5-2.9 1.1-3.4-.4-6.8a9 9 0 0 0-6.8-4.9zm1.8 2a7 7 0 0 1 5.2 9.9c-.5 1-.7 1.2-3.3 4-2.6 2.5-2.6 2.5-3 2.5s-.4 0-3-2.6c-2.6-2.7-2.8-2.9-3.3-4Q5 12.6 5 11t.7-3A7 7 0 0 1 13 4.1m-1.7 3a4 4 0 1 0 1.3 7.9 4 4 0 0 0-1.3-8m1.1 2a2 2 0 0 1 1.5 1.7 2 2 0 0 1-.6 1.7q-.6.6-1.4.6a2 2 0 1 1 .5-4'/></svg>");mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='currentColor' viewBox='0 0 24 24'><path fill-rule='evenodd' d='M11.3 2A9 9 0 0 0 5 16.6c.2.4 4.4 4.6 5 5.1a3 3 0 0 0 4 0l5-5q1-1.5 1.5-2.9 1.1-3.4-.4-6.8a9 9 0 0 0-6.8-4.9zm1.8 2a7 7 0 0 1 5.2 9.9c-.5 1-.7 1.2-3.3 4-2.6 2.5-2.6 2.5-3 2.5s-.4 0-3-2.6c-2.6-2.7-2.8-2.9-3.3-4Q5 12.6 5 11t.7-3A7 7 0 0 1 13 4.1m-1.7 3a4 4 0 1 0 1.3 7.9 4 4 0 0 0-1.3-8m1.1 2a2 2 0 0 1 1.5 1.7 2 2 0 0 1-.6 1.7q-.6.6-1.4.6a2 2 0 1 1 .5-4'/></svg>")}
.lpen-i--square-rounded-check{-webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='currentColor' viewBox='0 0 24 24'><path fill-rule='evenodd' d='M10.3 2q-4 .2-5.9 1.8Q3.4 4.6 3 6l-.7 2.6L2 12c0 1.8 0 2.4.2 3.5q.6 5.7 6.4 6.3c1 .1 1.6.2 3.4.2a21 21 0 0 0 5.4-.6q3.9-1.2 4.4-6c.1-1 .2-1.6.2-3.4s0-2.4-.2-3.4q-.4-3.3-2.2-4.8-1.4-1.2-3.6-1.5-2.4-.4-5.7-.3m3.2 2q3.6.2 5 1.5Q20 6.9 20 12t-1.6 6.5Q17 20 12 20t-6.4-1.5Q4 17.1 4 12q0-3 .5-4.7.8-2.5 3.6-3c1.3-.3 3.4-.4 5.4-.3m1.1 5-1.9 2-1.7 1.6-.7-.7q-.9-1-1-.8h-.6l-.6.4v.9l2.4 2.5h.9l4.5-4.4v-1a1 1 0 0 0-1.3-.4'/></svg>");mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='currentColor' viewBox='0 0 24 24'><path fill-rule='evenodd' d='M10.3 2q-4 .2-5.9 1.8Q3.4 4.6 3 6l-.7 2.6L2 12c0 1.8 0 2.4.2 3.5q.6 5.7 6.4 6.3c1 .1 1.6.2 3.4.2a21 21 0 0 0 5.4-.6q3.9-1.2 4.4-6c.1-1 .2-1.6.2-3.4s0-2.4-.2-3.4q-.4-3.3-2.2-4.8-1.4-1.2-3.6-1.5-2.4-.4-5.7-.3m3.2 2q3.6.2 5 1.5Q20 6.9 20 12t-1.6 6.5Q17 20 12 20t-6.4-1.5Q4 17.1 4 12q0-3 .5-4.7.8-2.5 3.6-3c1.3-.3 3.4-.4 5.4-.3m1.1 5-1.9 2-1.7 1.6-.7-.7q-.9-1-1-.8h-.6l-.6.4v.9l2.4 2.5h.9l4.5-4.4v-1a1 1 0 0 0-1.3-.4'/></svg>")}