/* ==========================================================================
   LPEN header — 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.12 navigation · §9.4 deadline banner · §12 accessibility

   Two implementation notes that are not obvious:

   1. Elementor CONTAINERS in 4.2.2 render `_element_id` but drop
      `_css_classes`, so the three structural containers are addressed by id
      (#lpen-hdr, #lpen-bar, #lpen-search). Widgets do render `_css_classes`,
      so those keep class selectors.
   2. The API's HTML sanitiser strips <svg>, <form> and <input> from HTML
      widgets. Icons are therefore CSS mask-image (Tabler, currentColor —
      §5.5 is satisfied, the delivery mechanism just isn't inline SVG), and
      the search field is Elementor's own Search widget.

   The generated icon block is appended to this file at deploy time by
   build_header.py. Do not edit past the GENERATED marker.
   ========================================================================== */

#lpen-hdr {
  /* --- colour (§3.1) --- */
  --lpen-navy-900: #012032;
  --lpen-navy-800: #022E48;
  --lpen-navy-700: #0B4465;
  --lpen-navy-200: #9ABFD6;
  --lpen-navy-100: #C9DDE8;
  --lpen-navy-50:  #E5EEF3;
  --lpen-navy-25:  #F3F7F9;
  --lpen-action:   #0F5C96;
  --lpen-action-hover: #0B4465;
  --lpen-gold-700: #8A5A08;
  --lpen-gold-500: #C8901F;
  --lpen-gold-50:  #FDF3E0;
  --lpen-ink:      #111820;
  --lpen-muted:    #4A5666;
  --lpen-subtle:   #6B7684;
  --lpen-border-strong: #78848F;
  --lpen-border:   #CFD6DD;
  --lpen-surface-2:#EEF2F5;
  --lpen-surface-1:#F6F8FA;
  --lpen-white:    #FFFFFF;
  --lpen-focus:    #6A3FD4;
  --lpen-focus-halo:#F3F7F9;

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

  /* --- elevation (§4) --- */
  --lpen-e1: 0 1px 3px rgba(1,32,50,.08), 0 1px 2px rgba(1,32,50,.06);
  --lpen-e2: 0 4px 16px rgba(1,32,50,.12), 0 2px 6px rgba(1,32,50,.08);

  /* --- 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: 1440px;
  --lpen-bar-h: 76px;

  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 400;
  width: 100%;
  font-family: var(--lpen-font);
  color: var(--lpen-ink);
  background: var(--lpen-white);
  -webkit-font-smoothing: antialiased;
}

/* Sit below the WordPress admin bar for logged-in editors. */
body.admin-bar #lpen-hdr { top: 32px; }
@media (max-width: 782px) { body.admin-bar #lpen-hdr { top: 46px; } }

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

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

#lpen-hdr p,
#lpen-hdr ul,
#lpen-hdr li,
#lpen-hdr h2 { margin: 0; padding: 0; }
#lpen-hdr ul { list-style: none; }
#lpen-hdr a { text-decoration: none; color: inherit; }

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

/* --------------------------------------------------------------------------
   Icons (§5.5) — Tabler, delivered as CSS masks so colour still inherits
   through currentColor and no icon font has to be loaded.
   -------------------------------------------------------------------------- */
#lpen-hdr .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-hdr .lpen-i--8 { width: 8px;  height: 8px; }
#lpen-hdr .lpen-i--16 { width: 16px; height: 16px; }
#lpen-hdr .lpen-i--18 { width: 18px; height: 18px; }
#lpen-hdr .lpen-i--22 { width: 22px; height: 22px; }
#lpen-hdr .lpen-i--24 { width: 24px; height: 24px; }

/* --------------------------------------------------------------------------
   Focus — two-layer purple ring (§3.2). Both layers are required.
   -------------------------------------------------------------------------- */
#lpen-hdr :focus-visible,
#lpen-search :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;
}

/* --------------------------------------------------------------------------
   Skip link (§8.12) — first focusable element on the page.
   -------------------------------------------------------------------------- */
#lpen-hdr .lpen-skip {
  position: absolute;
  left: 8px;
  top: 8px;
  z-index: 500;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: var(--lpen-white);
  background: var(--lpen-action);
  border-radius: var(--lpen-r-md);
  transform: translateY(calc(-100% - 16px));
  transition: transform var(--lpen-fast) var(--lpen-ease);
}
#lpen-hdr .lpen-skip:focus { transform: translateY(0); }

#lpen-hdr .lpen-vh {
  position: absolute !important;
  width: 1px; height: 1px;
  margin: -1px; padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

#lpen-hdr .lpen-in {
  max-width: var(--lpen-wide);
  margin-inline: auto;
  padding-inline: var(--lpen-gutter);
}

/* ==========================================================================
   1. Deadline strip — §9.4
   Real deadline, real regulator, dismissible, never blocks content.
   ========================================================================== */
#lpen-hdr .lpen-deadline {
  background: var(--lpen-gold-50);
  border-bottom: 1px solid var(--lpen-gold-500);
}
#lpen-hdr .lpen-deadline[hidden] { display: none; }

#lpen-hdr .lpen-deadline__in {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  padding-block: 8px;
}
#lpen-hdr .lpen-deadline__icon { display: inline-flex; color: var(--lpen-gold-700); }

#lpen-hdr .lpen-deadline__text {
  flex: 1 1 auto;
  font-size: 14px;
  line-height: 22px;
  color: var(--lpen-navy-800);
}
#lpen-hdr .lpen-deadline__text strong { font-weight: 600; }
#lpen-hdr .lpen-deadline__meta { color: var(--lpen-gold-700); }

#lpen-hdr .lpen-deadline__cta {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex: none;
  padding: 11px 12px;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  color: var(--lpen-action);
  text-decoration: underline;
  text-underline-offset: 3px;
  border-radius: var(--lpen-r-md);
}
#lpen-hdr .lpen-deadline__cta:hover { color: var(--lpen-action-hover); text-decoration-thickness: 2px; }
#lpen-hdr .lpen-deadline__cta .lpen-i { transition: transform var(--lpen-fast) var(--lpen-ease); }
#lpen-hdr .lpen-deadline__cta:hover .lpen-i { transform: translateX(2px); }

#lpen-hdr .lpen-deadline__close {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px; height: 44px;
  margin-right: -12px;
  color: var(--lpen-gold-700);
  border-radius: var(--lpen-r-md);
  transition: background var(--lpen-fast) var(--lpen-ease);
}
#lpen-hdr .lpen-deadline__close:hover { background: rgba(200,144,31,.16); }

@media (max-width: 899px) {
  #lpen-hdr .lpen-deadline__meta { display: none; }
}
@media (max-width: 599px) {
  #lpen-hdr .lpen-deadline__cta span { display: none; }
  #lpen-hdr .lpen-deadline__cta { padding-inline: 8px; }
}

/* ==========================================================================
   2. Utility bar — audience switcher + secondary links
   ========================================================================== */
#lpen-hdr .lpen-util {
  background: var(--lpen-navy-900);
  color: var(--lpen-navy-100);
}
#lpen-hdr .lpen-util__in {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 44px;
}
#lpen-hdr .lpen-util__list { display: flex; align-items: center; gap: 2px; }

#lpen-hdr .lpen-util__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 11px 10px;
  font-size: 14px;
  line-height: 22px;
  color: var(--lpen-navy-100);
  border-radius: var(--lpen-r-md);
  transition: color var(--lpen-fast) var(--lpen-ease),
              background var(--lpen-fast) var(--lpen-ease);
}
#lpen-hdr .lpen-util__link:hover { color: var(--lpen-white); background: rgba(255,255,255,.08); }
#lpen-hdr .lpen-util__link .lpen-i { color: var(--lpen-navy-200); }
#lpen-hdr .lpen-util__link:hover .lpen-i { color: var(--lpen-white); }

#lpen-hdr .lpen-util__eyebrow {
  flex: none;
  padding-right: 8px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--lpen-navy-200);
}

@media (max-width: 1023px) { #lpen-hdr .lpen-util { display: none; } }

/* ==========================================================================
   3. Main bar
   #lpen-bar is a boxed Elementor container: .e-con is full-bleed so the mega
   sheet can span the viewport, .e-con-inner carries the 1440 measure.
   ========================================================================== */
#lpen-bar {
  position: relative;
  width: 100%;
  background: var(--lpen-white);
  border-bottom: 1px solid var(--lpen-border);
}
#lpen-bar > .e-con-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0;
  width: 100%;
  min-height: var(--lpen-bar-h);
  transition: min-height var(--lpen-base) var(--lpen-ease);
}

/* Elementor gives every widget position:relative; the nav widget must be
   static or the mega sheet anchors to the widget instead of to #lpen-bar. */
#lpen-hdr .lpen-w-nav { flex: 1 1 auto; min-width: 0; position: static; }
#lpen-hdr .lpen-w-nav > .elementor-widget-container { width: 100%; }
#lpen-hdr .lpen-w-cart,
#lpen-hdr .lpen-w-burger { flex: 0 0 auto; width: auto; }

#lpen-hdr .lpen-navwrap {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
}
@media (min-width: 1024px) { #lpen-hdr .lpen-navwrap { gap: 32px; } }

/* --- brand ------------------------------------------------------------- */
#lpen-hdr .lpen-brand {
  flex: none;
  display: inline-flex;
  align-items: center;
  padding: 4px;
  margin-left: -4px;
  border-radius: var(--lpen-r-md);
}
#lpen-hdr .lpen-brand img {
  display: block;
  width: auto;
  height: 44px;
  max-width: 100%;
  transition: height var(--lpen-base) var(--lpen-ease);
}
@media (max-width: 599px) { #lpen-hdr .lpen-brand img { height: 32px; } }

/* ==========================================================================
   4. Primary navigation — desktop bar / mobile drawer
   ========================================================================== */
#lpen-hdr .lpen-nav { flex: 1 1 auto; min-width: 0; }
#lpen-hdr .lpen-nav__list { display: flex; align-items: center; gap: 2px; }

/* The item is static so the mega sheet resolves against #lpen-bar and can
   run edge to edge; the underline therefore lives on the button itself. */
#lpen-hdr .lpen-nav__item { position: static; }

#lpen-hdr .lpen-nav__top {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 44px;
  padding: 0 12px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: var(--lpen-ink);
  white-space: nowrap;
  border-radius: var(--lpen-r-md);
  transition: color var(--lpen-fast) var(--lpen-ease),
              background var(--lpen-fast) var(--lpen-ease);
}
#lpen-hdr .lpen-nav__top:hover { color: var(--lpen-action); background: var(--lpen-surface-1); }

/* Open-panel / current-page indicator. Action blue — gold is reserved for
   accreditation and deadlines (§3.1), so it never decorates navigation. */
#lpen-hdr .lpen-nav__top::after {
  content: "";
  position: absolute;
  left: 12px; right: 12px;
  bottom: 5px;
  height: 3px;
  background: var(--lpen-action);
  border-radius: 3px 3px 0 0;
  opacity: 0;
  transition: opacity var(--lpen-fast) var(--lpen-ease);
}
#lpen-hdr .lpen-nav__item.is-open > .lpen-nav__top,
#lpen-hdr .lpen-nav__top[aria-current="page"] { color: var(--lpen-action); }
#lpen-hdr .lpen-nav__item.is-open > .lpen-nav__top::after,
#lpen-hdr .lpen-nav__top[aria-current="page"]::after { opacity: 1; }

#lpen-hdr .lpen-nav__caret {
  display: inline-flex;
  color: var(--lpen-subtle);
  transition: transform var(--lpen-base) var(--lpen-ease),
              color var(--lpen-fast) var(--lpen-ease);
}
#lpen-hdr .lpen-nav__top:hover .lpen-nav__caret { color: var(--lpen-action); }
#lpen-hdr .lpen-nav__item.is-open > .lpen-nav__top .lpen-nav__caret {
  transform: rotate(180deg);
  color: var(--lpen-action);
}

#lpen-hdr .lpen-nav__top--emphasis { color: var(--lpen-action); }

/* ==========================================================================
   5. Mega panel — full-bleed sheet anchored to the bar
   ========================================================================== */
#lpen-hdr .lpen-mega {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: var(--lpen-white);
  border-bottom: 1px solid var(--lpen-border);
  box-shadow: var(--lpen-e2);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-6px);
  transition: opacity var(--lpen-base) var(--lpen-ease),
              transform var(--lpen-base) var(--lpen-ease),
              visibility 0s linear var(--lpen-base);
}
#lpen-hdr .lpen-nav__item.is-open > .lpen-mega {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0s;
}

#lpen-hdr .lpen-mega__in {
  max-width: var(--lpen-wide);
  margin-inline: auto;
  padding: 32px var(--lpen-gutter);
}

#lpen-hdr .lpen-mega__grid {
  display: grid;
  gap: 32px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 1200px) {
  #lpen-hdr .lpen-mega__grid--3 { grid-template-columns: 1fr 1fr 1.15fr; }
}

#lpen-hdr .lpen-mega__h {
  margin-bottom: 12px;
  padding-bottom: 8px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--lpen-subtle);
  border-bottom: 1px solid var(--lpen-border);
}

#lpen-hdr .lpen-mega__list { display: flex; flex-direction: column; gap: 2px; }

#lpen-hdr .lpen-mega__link {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-height: 44px;
  padding: 10px 12px;
  margin-left: -12px;
  border-radius: var(--lpen-r-md);
  transition: background var(--lpen-fast) var(--lpen-ease);
}
#lpen-hdr .lpen-mega__link:hover { background: var(--lpen-surface-1); }
#lpen-hdr .lpen-mega__link:hover .lpen-mega__t { color: var(--lpen-action); }

#lpen-hdr .lpen-mega__ico {
  display: inline-flex;
  flex: none;
  margin-top: 2px;
  color: var(--lpen-action);
}
#lpen-hdr .lpen-mega__body { min-width: 0; }
#lpen-hdr .lpen-mega__t {
  display: block;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: var(--lpen-ink);
  transition: color var(--lpen-fast) var(--lpen-ease);
}
#lpen-hdr .lpen-mega__d {
  display: block;
  font-size: 14px;
  line-height: 22px;
  color: var(--lpen-muted);
}

/* Still 44px: §8 sets that as the minimum hit area for every interactive
   component, compact variants included. */
#lpen-hdr .lpen-mega__link--compact { min-height: 44px; padding-block: 10px; align-items: center; }
#lpen-hdr .lpen-mega__link--compact .lpen-mega__ico { margin-top: 0; color: var(--lpen-subtle); }
#lpen-hdr .lpen-mega__link--compact .lpen-mega__t { font-weight: 400; }
#lpen-hdr .lpen-mega__link--compact.is-current .lpen-mega__t { font-weight: 600; }
#lpen-hdr .lpen-mega__link--compact.is-current .lpen-mega__ico { color: var(--lpen-action); }

/* --- feature rail ------------------------------------------------------- */
#lpen-hdr .lpen-feature {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding: 24px;
  background: var(--lpen-navy-50);
  border-radius: var(--lpen-r-lg);
}
#lpen-hdr .lpen-feature--gold { background: var(--lpen-gold-50); }

#lpen-hdr .lpen-feature__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--lpen-navy-700);
}
#lpen-hdr .lpen-feature--gold .lpen-feature__eyebrow { color: var(--lpen-gold-700); }

#lpen-hdr .lpen-feature__title {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  color: var(--lpen-navy-800);
}
#lpen-hdr .lpen-feature__body {
  font-size: 14px;
  line-height: 22px;
  color: var(--lpen-muted);
}
#lpen-hdr .lpen-feature__facts {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 14px;
  line-height: 22px;
  color: var(--lpen-navy-800);
}
#lpen-hdr .lpen-feature__facts li { display: flex; align-items: flex-start; gap: 8px; }
#lpen-hdr .lpen-feature__facts .lpen-i { margin-top: 7px; color: var(--lpen-action); }
#lpen-hdr .lpen-feature--gold .lpen-feature__facts .lpen-i { color: var(--lpen-gold-700); }

#lpen-hdr .lpen-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 10px 24px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: var(--lpen-white);
  background: var(--lpen-action);
  border-radius: var(--lpen-r-md);
  transition: background var(--lpen-fast) var(--lpen-ease);
}
#lpen-hdr .lpen-btn:hover { background: var(--lpen-action-hover); color: var(--lpen-white); }
#lpen-hdr .lpen-btn .lpen-i { transition: transform var(--lpen-fast) var(--lpen-ease); }
#lpen-hdr .lpen-btn:hover .lpen-i { transform: translateX(2px); }

/* --- panel footer ------------------------------------------------------- */
#lpen-hdr .lpen-mega__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 24px;
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid var(--lpen-border);
}
#lpen-hdr .lpen-mega__footlink {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 44px;
  padding: 10px 12px;
  margin-left: -12px;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  color: var(--lpen-action);
  border-radius: var(--lpen-r-md);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: rgba(15,92,150,.35);
}
#lpen-hdr .lpen-mega__footlink:hover {
  color: var(--lpen-action-hover);
  text-decoration-color: currentColor;
}
#lpen-hdr .lpen-mega__note {
  flex: 1 1 260px;
  font-size: 14px;
  line-height: 22px;
  color: var(--lpen-muted);
}

/* ==========================================================================
   6. Actions — search, account, cart, burger
   ========================================================================== */
#lpen-hdr .lpen-act {
  flex: none;
  display: flex;
  align-items: center;
  gap: 2px;
  margin-left: auto;
}

#lpen-hdr .lpen-act__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 44px;
  height: 44px;
  padding: 0 10px;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  color: var(--lpen-navy-800);
  border-radius: var(--lpen-r-md);
  transition: color var(--lpen-fast) var(--lpen-ease),
              background var(--lpen-fast) var(--lpen-ease);
}
#lpen-hdr .lpen-act__btn:hover { color: var(--lpen-action); background: var(--lpen-surface-1); }
#lpen-hdr .lpen-act__label { display: none; }
@media (min-width: 1200px) { #lpen-hdr .lpen-act__label { display: inline; } }

/* Logged-in / logged-out swap. WordPress puts .logged-in on <body>, so this
   needs no JavaScript and cannot flash the wrong state. */
#lpen-hdr .lpen-acct--in { display: none; }
body.logged-in #lpen-hdr .lpen-acct--in { display: inline-flex; }
body.logged-in #lpen-hdr .lpen-acct--out { display: none; }

#lpen-hdr .lpen-burger { display: inline-flex; }
@media (min-width: 1024px) { #lpen-hdr .lpen-burger { display: none; } }
#lpen-hdr .lpen-burger__x { display: none; }
body.lpen-drawer-open #lpen-hdr .lpen-burger__x { display: inline-flex; }
body.lpen-drawer-open #lpen-hdr .lpen-burger__bars { display: none; }

/* ==========================================================================
   7. Search overlay — Elementor Search widget inside a scrim container
   ========================================================================== */
#lpen-search {
  position: fixed;
  inset: 0;
  z-index: 500;
  /* Elementor writes flex-direction from the container settings; the scrim
     needs a row so justify-content centres the panel horizontally. */
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 12vh 16px 16px;
  background: rgba(1,32,50,.55);
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--lpen-base) var(--lpen-ease),
              visibility 0s linear var(--lpen-base);
}
#lpen-search.is-open {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

#lpen-search-panel {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: min(720px, 100%);
  max-height: 76vh;
  overflow-y: auto;
  padding: 24px;
  background: var(--lpen-white);
  border-radius: var(--lpen-r-lg);
  box-shadow: var(--lpen-e2);
  transform: translateY(-12px);
  transition: transform var(--lpen-base) var(--lpen-ease);
}
#lpen-search.is-open #lpen-search-panel { transform: translateY(0); }
#lpen-search-panel > .elementor-element { width: 100%; }

#lpen-hdr .lpen-search__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
#lpen-hdr .lpen-search__title {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  color: var(--lpen-navy-800);
}
#lpen-hdr .lpen-search__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px; height: 44px;
  margin-right: -10px;
  color: var(--lpen-muted);
  border-radius: var(--lpen-r-md);
}
#lpen-hdr .lpen-search__close:hover { color: var(--lpen-ink); background: var(--lpen-surface-1); }

/* Elementor Search widget, brought into the design system (§8.3). */
#lpen-search-panel .e-search-input {
  height: 52px;
  padding: 0 12px;
  font: 400 16px/24px var(--lpen-font);
  color: var(--lpen-ink);
  background: var(--lpen-white);
  border: 1px solid var(--lpen-border-strong);
  border-radius: var(--lpen-r-md);
}
#lpen-search-panel .e-search-input::placeholder { color: var(--lpen-subtle); }
#lpen-search-panel .e-search-input:focus-visible { border-color: var(--lpen-action); }
#lpen-search-panel .e-search-submit {
  min-width: 52px;
  height: 52px;
  color: var(--lpen-white);
  background: var(--lpen-action);
  border: 0;
  border-radius: var(--lpen-r-md);
  transition: background var(--lpen-fast) var(--lpen-ease);
}
#lpen-search-panel .e-search-submit:hover { background: var(--lpen-action-hover); }

#lpen-hdr .lpen-search__hint {
  font-size: 14px;
  line-height: 22px;
  color: var(--lpen-muted);
}
#lpen-hdr .lpen-search__chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
#lpen-hdr .lpen-search__chip {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 11px 16px;
  font-size: 14px;
  line-height: 22px;
  color: var(--lpen-navy-800);
  background: var(--lpen-navy-50);
  border-radius: var(--lpen-r-pill);
  transition: background var(--lpen-fast) var(--lpen-ease);
}
#lpen-hdr .lpen-search__chip:hover { background: var(--lpen-navy-100); }

/* ==========================================================================
   8. Drawer — below 1024px the nav becomes a full-height sheet
   ========================================================================== */
@media (max-width: 1023px) {
  #lpen-hdr .lpen-nav {
    position: fixed;
    left: 0; right: 0;
    top: var(--lpen-drawer-top, 64px);
    bottom: 0;
    z-index: 390;
    display: block;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    padding: 8px var(--lpen-gutter) 64px;
    background: var(--lpen-white);
    border-top: 1px solid var(--lpen-border);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    transition: opacity var(--lpen-base) var(--lpen-ease),
                transform var(--lpen-base) var(--lpen-ease),
                visibility 0s linear var(--lpen-base);
  }
  body.lpen-drawer-open #lpen-hdr .lpen-nav {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition-delay: 0s;
  }
  body.lpen-drawer-open { overflow: hidden; }

  #lpen-hdr .lpen-nav__list { display: block; }
  #lpen-hdr .lpen-nav__item { border-bottom: 1px solid var(--lpen-border); }

  #lpen-hdr .lpen-nav__top {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: auto;
    min-height: 56px;
    padding: 16px 4px;
    font-size: 18px;
    line-height: 24px;
    border-radius: 0;
  }
  #lpen-hdr .lpen-nav__top::after { display: none; }
  #lpen-hdr .lpen-nav__top:hover { background: none; }

  #lpen-hdr .lpen-mega {
    position: static;
    display: none;
    box-shadow: none;
    border: 0;
    opacity: 1;
    visibility: visible;
    transform: none;
    transition: none;
  }
  #lpen-hdr .lpen-nav__item.is-open > .lpen-mega { display: block; }

  #lpen-hdr .lpen-mega__in { max-width: none; padding: 0 0 16px; }
  #lpen-hdr .lpen-mega__grid { display: block; }
  #lpen-hdr .lpen-mega__col + .lpen-mega__col { margin-top: 24px; }
  #lpen-hdr .lpen-mega__link,
#lpen-hdr .lpen-mega__footlink { margin-left: 0; padding-left: 4px; }
  #lpen-hdr .lpen-mega__foot { margin-top: 16px; }
  #lpen-hdr .lpen-feature { margin-top: 24px; }
}

/* ==========================================================================
   9. Scrolled state — shrink to a compact sticky bar
   ========================================================================== */
#lpen-hdr.is-scrolled .lpen-deadline,
#lpen-hdr.is-scrolled .lpen-util { display: none; }
#lpen-hdr.is-scrolled #lpen-bar > .e-con-inner { min-height: 64px; }
#lpen-hdr.is-scrolled .lpen-brand img { height: 38px; }
#lpen-hdr.is-scrolled { box-shadow: var(--lpen-e1); }
@media (max-width: 599px) {
  #lpen-hdr.is-scrolled .lpen-brand img { height: 30px; }
}

/* ==========================================================================
   10. Reduced motion (§4 — a WCAG 2.1 obligation, not a nicety)
   ========================================================================== */
@media (prefers-reduced-motion: reduce) {
  #lpen-hdr *,
#lpen-hdr *::before,
#lpen-hdr *::after {
    transition-duration: 1ms !important;
    animation-duration: 1ms !important;
    transform: none !important;
  }
  #lpen-hdr .lpen-skip:focus { transform: translateY(0) !important; }
}

/* ==========================================================================
   11. Elementor WooCommerce cart widget
   Kept as Elementor's own widget so the count and subtotal stay live; only
   its box needs bringing into the design system.
   ========================================================================== */
#lpen-hdr .lpen-cart-widget .elementor-menu-cart__toggle { margin: 0; }
#lpen-hdr .lpen-cart-widget .elementor-menu-cart__toggle .elementor-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 44px;
  height: 44px;
  padding: 0 10px;
  font: 600 14px/22px var(--lpen-font, "Source Sans 3", Arial, sans-serif);
  color: #022E48;
  background: transparent;
  border: 0;
  border-radius: 4px;
  transition: color 120ms cubic-bezier(.2,0,.2,1), background 120ms cubic-bezier(.2,0,.2,1);
}
#lpen-hdr .lpen-cart-widget .elementor-menu-cart__toggle .elementor-button:hover {
  color: #0F5C96;
  background: #F6F8FA;
}
#lpen-hdr .lpen-cart-widget .elementor-button-icon { position: relative; display: inline-flex; }
#lpen-hdr .lpen-cart-widget .elementor-button-icon-qty {
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  font: 600 11px/18px "Source Sans 3", Arial, sans-serif;
  color: #FFFFFF;
  background: #0F5C96;
  border-radius: 999px;
}
#lpen-hdr .lpen-cart-widget .elementor-menu-cart__toggle .elementor-button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #6A3FD4, 0 0 0 4px #F3F7F9;
}

/* The header is navigation; it has no business on paper. */
@media print {
  #lpen-hdr { display: none !important; }
}

/* ======================= GENERATED ICONS — DO NOT EDIT ==================== */
/* Tabler 3.46.0 — 24 glyphs, generated by build_header.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--book-2{-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.5 3a3 3 0 0 0-2.4 2.2v13.6a3 3 0 0 0 2 2l.4.2h12.8l.2-.1.5-.6V3.7l-.1-.2-.6-.4-6.4-.1zM18 10v5h-5.8l-6.2.2v-4.7c0-5.2 0-4.9.3-5.2S6.2 5 12.4 5H18zM8.7 7l-.6.5v1q.2.3.6.4h6.6q.4 0 .6-.4v-1l-.6-.4zM18 18v1H6.7l-.2-.1a1 1 0 0 1-.2-1.6c.3-.3-.1-.3 6.1-.3H18z'/></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.5 3a3 3 0 0 0-2.4 2.2v13.6a3 3 0 0 0 2 2l.4.2h12.8l.2-.1.5-.6V3.7l-.1-.2-.6-.4-6.4-.1zM18 10v5h-5.8l-6.2.2v-4.7c0-5.2 0-4.9.3-5.2S6.2 5 12.4 5H18zM8.7 7l-.6.5v1q.2.3.6.4h6.6q.4 0 .6-.4v-1l-.6-.4zM18 18v1H6.7l-.2-.1a1 1 0 0 1-.2-1.6c.3-.3-.1-.3 6.1-.3H18z'/></svg>")}
.lpen-i--briefcase{-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 2a3 3 0 0 0-2.4 2.1v1.1L7 6H5.7l-1.6.1a3 3 0 0 0-2 2v10.7a3 3 0 0 0 2 2l.4.2h15l.3-.1a3 3 0 0 0 2-2l.2-.4v-10l-.1-.3a3 3 0 0 0-2-2c-.3-.2-.4-.2-1.6-.2H17v-.8l-.1-1q-.5-1.6-2-2l-.4-.2zm4.8 2 .4.3q.3.3.3 1.1V6H9v-.6q0-.8.3-1.1C9.6 4 9.6 4 12 4zm5 4 .4.3c.3.3.3.3.3 2.3v1.8h-.2a19 19 0 0 1-15.6 0H4v-1.8c0-2 0-2 .3-2.3l.4-.2zm-7.6 3-.6.4v.5q0 .4.2.7a1 1 0 0 0 1.6-.2v-1a1 1 0 0 0-1.2-.4m-7.3 3.6a21 21 0 0 0 15.6-.1l-.2 4-.3.3h-15l-.3-.3c-.2-.3-.2-.3-.2-2.2v-1.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='M9.5 2a3 3 0 0 0-2.4 2.1v1.1L7 6H5.7l-1.6.1a3 3 0 0 0-2 2v10.7a3 3 0 0 0 2 2l.4.2h15l.3-.1a3 3 0 0 0 2-2l.2-.4v-10l-.1-.3a3 3 0 0 0-2-2c-.3-.2-.4-.2-1.6-.2H17v-.8l-.1-1q-.5-1.6-2-2l-.4-.2zm4.8 2 .4.3q.3.3.3 1.1V6H9v-.6q0-.8.3-1.1C9.6 4 9.6 4 12 4zm5 4 .4.3c.3.3.3.3.3 2.3v1.8h-.2a19 19 0 0 1-15.6 0H4v-1.8c0-2 0-2 .3-2.3l.4-.2zm-7.6 3-.6.4v.5q0 .4.2.7a1 1 0 0 0 1.6-.2v-1a1 1 0 0 0-1.2-.4m-7.3 3.6a21 21 0 0 0 15.6-.1l-.2 4-.3.3h-15l-.3-.3c-.2-.3-.2-.3-.2-2.2v-1.8z'/></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--calendar-due{-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.7 2-.6.5v.8L7 4h-.8l-1 .1a3 3 0 0 0-2 2l-.2.4v13l.1.3a3 3 0 0 0 2 2l.4.2h13l.3-.1a3 3 0 0 0 2-2l.2-.4v-13l-.1-.3a3 3 0 0 0-2-2q-.3-.2-1.1-.2H17v-.7l-.1-.8a1 1 0 0 0-1.8 0v.9L15 4H9v-.6l-.1-.9a1 1 0 0 0-1.2-.4M7 6.7l.1.8a1 1 0 0 0 1.8 0v-.8L9 6h6v.7l.1.8a1 1 0 0 0 1.8 0v-.8L17 6h.6q.8 0 1.1.3c.3.3.3.4.3 2.1V10H5V8.4c0-1.8 0-1.8.3-2.1Q5.6 6 6.4 6H7zm12 8.9c0 3.8 0 3.7-.2 4l-.3.3h-13l-.3-.3c-.2-.3-.2-.1-.2-4V12h14zM11.5 14a2 2 0 0 0-1.4 1.4q-.2.8.1 1.4l.9.9a2 2 0 0 0 1.8 0l.9-.9q.3-.6.1-1.4 0-.5-.4-.8a2 2 0 0 0-2-.6'/></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.7 2-.6.5v.8L7 4h-.8l-1 .1a3 3 0 0 0-2 2l-.2.4v13l.1.3a3 3 0 0 0 2 2l.4.2h13l.3-.1a3 3 0 0 0 2-2l.2-.4v-13l-.1-.3a3 3 0 0 0-2-2q-.3-.2-1.1-.2H17v-.7l-.1-.8a1 1 0 0 0-1.8 0v.9L15 4H9v-.6l-.1-.9a1 1 0 0 0-1.2-.4M7 6.7l.1.8a1 1 0 0 0 1.8 0v-.8L9 6h6v.7l.1.8a1 1 0 0 0 1.8 0v-.8L17 6h.6q.8 0 1.1.3c.3.3.3.4.3 2.1V10H5V8.4c0-1.8 0-1.8.3-2.1Q5.6 6 6.4 6H7zm12 8.9c0 3.8 0 3.7-.2 4l-.3.3h-13l-.3-.3c-.2-.3-.2-.1-.2-4V12h14zM11.5 14a2 2 0 0 0-1.4 1.4q-.2.8.1 1.4l.9.9a2 2 0 0 0 1.8 0l.9-.9q.3-.6.1-1.4 0-.5-.4-.8a2 2 0 0 0-2-.6'/></svg>")}
.lpen-i--calendar-event{-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.7 2-.6.5v.8L7 4h-.8l-1 .1a3 3 0 0 0-2 2l-.2.4v13l.1.3a3 3 0 0 0 2 2l.4.2h13l.3-.1a3 3 0 0 0 2-2l.2-.4v-13l-.1-.3a3 3 0 0 0-2-2q-.3-.2-1.1-.2H17v-.7l-.1-.8a1 1 0 0 0-1.8 0v.9L15 4H9v-.6l-.1-.9a1 1 0 0 0-1.2-.4M7 6.7l.1.8a1 1 0 0 0 1.8 0v-.8L9 6h6v.7l.1.8a1 1 0 0 0 1.8 0v-.8L17 6h.6q.8 0 1.1.3c.3.3.3.4.3 2.1V10H5V8.4c0-1.8 0-1.8.3-2.1Q5.6 6 6.4 6H7zm12 8.9c0 3.8 0 3.7-.2 4l-.3.3h-13l-.3-.3c-.2-.3-.2-.1-.2-4V12h14zM7.7 14l-.6.4v3q.2.4.6.4h2.6q.4 0 .6-.4v-3l-.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='m7.7 2-.6.5v.8L7 4h-.8l-1 .1a3 3 0 0 0-2 2l-.2.4v13l.1.3a3 3 0 0 0 2 2l.4.2h13l.3-.1a3 3 0 0 0 2-2l.2-.4v-13l-.1-.3a3 3 0 0 0-2-2q-.3-.2-1.1-.2H17v-.7l-.1-.8a1 1 0 0 0-1.8 0v.9L15 4H9v-.6l-.1-.9a1 1 0 0 0-1.2-.4M7 6.7l.1.8a1 1 0 0 0 1.8 0v-.8L9 6h6v.7l.1.8a1 1 0 0 0 1.8 0v-.8L17 6h.6q.8 0 1.1.3c.3.3.3.4.3 2.1V10H5V8.4c0-1.8 0-1.8.3-2.1Q5.6 6 6.4 6H7zm12 8.9c0 3.8 0 3.7-.2 4l-.3.3h-13l-.3-.3c-.2-.3-.2-.1-.2-4V12h14zM7.7 14l-.6.4v3q.2.4.6.4h2.6q.4 0 .6-.4v-3l-.6-.4z'/></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--chevron-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='m8.7 5-.6.5v.9l2.8 2.9 2.7 2.7-2.7 2.7L8 18l.1.5.6.5.7-.1c.2 0 6.3-6.2 6.5-6.4v-1a105 105 0 0 0-6.6-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='m8.7 5-.6.5v.9l2.8 2.9 2.7 2.7-2.7 2.7L8 18l.1.5.6.5.7-.1c.2 0 6.3-6.2 6.5-6.4v-1a105 105 0 0 0-6.6-6.4z'/></svg>")}
.lpen-i--circle-filled{-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 d='M7 3.3a10 10 0 1 1-5 9v-.6a10 10 0 0 1 5-8.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 d='M7 3.3a10 10 0 1 1-5 9v-.6a10 10 0 0 1 5-8.4'/></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--help-circle{-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 2a10 10 0 0 0-6 3q-3 3-3 7.3a10 10 0 0 0 3.8 7.5 10 10 0 0 0 7.6 2.1 10 10 0 0 0 5.7-2.8 10 10 0 0 0-.9-15 10 10 0 0 0-7.1-2m1.6 2a8 8 0 1 1-1.4 16 8 8 0 0 1 1.4-16m-1.3 4q-.8 0-1.4.7-.6.5-.5.9t.4.8l.6.2q.4 0 .8-.3.4-.5 1-.4c.6.2 1 1 .5 1.6q-.2.3-.8.4h-.4l-.5.5v1l.6.5 1-.1q1.4-.4 2-1.5.5-1.1.2-2-.2-1.2-1-1.8l-1.1-.5zm.3 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='M11 2a10 10 0 0 0-6 3q-3 3-3 7.3a10 10 0 0 0 3.8 7.5 10 10 0 0 0 7.6 2.1 10 10 0 0 0 5.7-2.8 10 10 0 0 0-.9-15 10 10 0 0 0-7.1-2m1.6 2a8 8 0 1 1-1.4 16 8 8 0 0 1 1.4-16m-1.3 4q-.8 0-1.4.7-.6.5-.5.9t.4.8l.6.2q.4 0 .8-.3.4-.5 1-.4c.6.2 1 1 .5 1.6q-.2.3-.8.4h-.4l-.5.5v1l.6.5 1-.1q1.4-.4 2-1.5.5-1.1.2-2-.2-1.2-1-1.8l-1.1-.5zm.3 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--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--menu-2{-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 5-.6.5v1q.2.4.6.4h16.6q.4 0 .6-.4v-1l-.6-.4zm0 6-.6.4v1q.2.3.6.4h16.6q.4 0 .6-.4v-1l-.6-.4zm0 6-.6.4v1q.2.4.6.4h16.6q.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='m3.7 5-.6.5v1q.2.4.6.4h16.6q.4 0 .6-.4v-1l-.6-.4zm0 6-.6.4v1q.2.3.6.4h16.6q.4 0 .6-.4v-1l-.6-.4zm0 6-.6.4v1q.2.4.6.4h16.6q.4 0 .6-.4v-1l-.6-.4z'/></svg>")}
.lpen-i--news{-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 3A2 2 0 0 0 3 4.6v13.2a4 4 0 0 0 3.2 3.1c.4.1.6.1 6.4 0H19q1.5-.5 2-2v-6.3c.1-6.3.1-6-.1-6.5q-.3-.6-.8-.8c-.4-.3-.6-.3-1.9-.3h-1l-.1-.3q-.1-.6-.5-1l-1-.6L10 3zM15 11.9l.2 7.2h-4.3c-4.5 0-4.4 0-4.8-.2q-.6-.3-.8-.8c-.3-.5-.3 0-.3-6.9V5h10zM7.7 7l-.6.4v1q.2.3.6.4h4.6q.4 0 .6-.4v-1l-.6-.4zM19 12.6v5.7l-.5.6h-1l-.3-.3c-.2-.3-.2 0-.2-6V7h2zM7.7 11l-.6.4v1q.2.3.6.4h4.6q.4 0 .6-.4v-1l-.6-.4zm0 4-.6.4v1q.2.4.6.4h4.6q.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='M4.5 3A2 2 0 0 0 3 4.6v13.2a4 4 0 0 0 3.2 3.1c.4.1.6.1 6.4 0H19q1.5-.5 2-2v-6.3c.1-6.3.1-6-.1-6.5q-.3-.6-.8-.8c-.4-.3-.6-.3-1.9-.3h-1l-.1-.3q-.1-.6-.5-1l-1-.6L10 3zM15 11.9l.2 7.2h-4.3c-4.5 0-4.4 0-4.8-.2q-.6-.3-.8-.8c-.3-.5-.3 0-.3-6.9V5h10zM7.7 7l-.6.4v1q.2.3.6.4h4.6q.4 0 .6-.4v-1l-.6-.4zM19 12.6v5.7l-.5.6h-1l-.3-.3c-.2-.3-.2 0-.2-6V7h2zM7.7 11l-.6.4v1q.2.3.6.4h4.6q.4 0 .6-.4v-1l-.6-.4zm0 4-.6.4v1q.2.4.6.4h4.6q.4 0 .6-.4v-1l-.6-.4z'/></svg>")}
.lpen-i--player-play{-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.7 3-.6.5v16.8c0 .5.7.8 1.2.7l13.4-8.3a1 1 0 0 0 0-1.3L7.3 3zM13 8.9l5 3-10 6.2V5.9z'/></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.7 3-.6.5v16.8c0 .5.7.8 1.2.7l13.4-8.3a1 1 0 0 0 0-1.3L7.3 3zM13 8.9l5 3-10 6.2V5.9z'/></svg>")}
.lpen-i--printer{-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='M8.5 2a3 3 0 0 0-2.4 2.1v2.1L6 8h-.8l-1 .1a3 3 0 0 0-2 2l-.2.4v5l.1.3q.5 1.6 2 2 .3.3 1.1.2H6v.8l.1 1q.5 1.6 2 2l.4.2h7l.3-.1q1.6-.5 2-2c.2-.3.2-.4.2-1.1V18h.8l1-.1q1.6-.5 2-2l.2-.4v-5l-.1-.3a3 3 0 0 0-2-2q-.3-.2-1.1-.2H18V6.2l-.1-2q-.5-1.6-2-2l-.4-.2zm6.8 2 .4.3c.3.3.3.4.3 2.1V8H8V6.4c0-1.8 0-1.8.3-2.1S8.5 4 12 4zm4 6q.5.2.6.7v4.6q0 .3-.4.6h-.8l-.7.1v-.8l-.1-1a3 3 0 0 0-2-2l-.4-.2h-7l-.3.1a3 3 0 0 0-2 2c-.2.3-.2.4-.2 1.1v.8h-.7l-.8-.1-.4-.6v-4.6q0-.5.6-.6zm-4 4q.5 0 .6.6v4.6q0 .3-.4.6h-7l-.4-.6v-4.6q0-.5.6-.6z'/></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='M8.5 2a3 3 0 0 0-2.4 2.1v2.1L6 8h-.8l-1 .1a3 3 0 0 0-2 2l-.2.4v5l.1.3q.5 1.6 2 2 .3.3 1.1.2H6v.8l.1 1q.5 1.6 2 2l.4.2h7l.3-.1q1.6-.5 2-2c.2-.3.2-.4.2-1.1V18h.8l1-.1q1.6-.5 2-2l.2-.4v-5l-.1-.3a3 3 0 0 0-2-2q-.3-.2-1.1-.2H18V6.2l-.1-2q-.5-1.6-2-2l-.4-.2zm6.8 2 .4.3c.3.3.3.4.3 2.1V8H8V6.4c0-1.8 0-1.8.3-2.1S8.5 4 12 4zm4 6q.5.2.6.7v4.6q0 .3-.4.6h-.8l-.7.1v-.8l-.1-1a3 3 0 0 0-2-2l-.4-.2h-7l-.3.1a3 3 0 0 0-2 2c-.2.3-.2.4-.2 1.1v.8h-.7l-.8-.1-.4-.6v-4.6q0-.5.6-.6zm-4 4q.5 0 .6.6v4.6q0 .3-.4.6h-7l-.4-.6v-4.6q0-.5.6-.6z'/></svg>")}
.lpen-i--scale{-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 2-.6.5v1l-.1.7-5.7 1.1-1.7 3.3L2 11.7v.3a4 4 0 0 0 2.5 3.7A4 4 0 0 0 10 12v-.3L8.7 9.2 7.5 6.8l3.4-.6.1 6.4V19H9c-2.3 0-2.3 0-2.6.2l-.3.3v1q.2.4.6.4h10.6q.4 0 .6-.4v-1l-.3-.3c-.3-.2-.3-.2-2.5-.2H13V6.2l3.5.6-1.2 2.4-1.3 2.5v.3a4 4 0 0 0 2.5 3.7A4 4 0 0 0 22 12v-.3l-1.6-3.1-1.7-3.3c-.2-.2-.3-.2-3-.7L13 4.2v-.8l-.1-.9a1 1 0 0 0-1.2-.4M7 10.2l1 2v.3l-.6.9q-.6.6-1.4.6a2 2 0 0 1-1.3-.5l-.6-1-.1-.3 1-2 1-2zm12 0 1 2v.3l-.6.9q-.6.6-1.4.6a2 2 0 0 1-1.3-.5l-.6-1-.1-.3 1-2 1-2z'/></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 2-.6.5v1l-.1.7-5.7 1.1-1.7 3.3L2 11.7v.3a4 4 0 0 0 2.5 3.7A4 4 0 0 0 10 12v-.3L8.7 9.2 7.5 6.8l3.4-.6.1 6.4V19H9c-2.3 0-2.3 0-2.6.2l-.3.3v1q.2.4.6.4h10.6q.4 0 .6-.4v-1l-.3-.3c-.3-.2-.3-.2-2.5-.2H13V6.2l3.5.6-1.2 2.4-1.3 2.5v.3a4 4 0 0 0 2.5 3.7A4 4 0 0 0 22 12v-.3l-1.6-3.1-1.7-3.3c-.2-.2-.3-.2-3-.7L13 4.2v-.8l-.1-.9a1 1 0 0 0-1.2-.4M7 10.2l1 2v.3l-.6.9q-.6.6-1.4.6a2 2 0 0 1-1.3-.5l-.6-1-.1-.3 1-2 1-2zm12 0 1 2v.3l-.6.9q-.6.6-1.4.6a2 2 0 0 1-1.3-.5l-.6-1-.1-.3 1-2 1-2z'/></svg>")}
.lpen-i--school{-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.8 4 1.3 8.3a1 1 0 0 0 0 1.4c.2.2.3.2 2 .9l1.7.7v2.6l.1 2.9q.4 1.1 1.6 1.9 1.5.9 3.8 1.2h3q1.9-.2 3-.8a5 5 0 0 0 2.2-1.8c.3-.7.3-.5.3-3.4v-2.6l1-.4 1-.4v4.8l.1.2a1 1 0 0 0 1.8 0v-3.4c.1-3.6.1-3.5-.2-3.8-.2-.2-.5-.3-5.3-2.2-5.2-2-5.3-2.1-5.6-2m3.9 3.4L19.2 9l-3.6 1.5-3.6 1.4-3.6-1.4L4.8 9 12 6.1zm-6.1 5.6 2.4.9c.2 0 .4 0 2.6-1l2.4-1v4.1l-.1.2q-.6 1-2.9 1.5-2.6.4-5-.2-1.5-.6-1.9-1.3l-.1-.2v-4h.2z'/></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.8 4 1.3 8.3a1 1 0 0 0 0 1.4c.2.2.3.2 2 .9l1.7.7v2.6l.1 2.9q.4 1.1 1.6 1.9 1.5.9 3.8 1.2h3q1.9-.2 3-.8a5 5 0 0 0 2.2-1.8c.3-.7.3-.5.3-3.4v-2.6l1-.4 1-.4v4.8l.1.2a1 1 0 0 0 1.8 0v-3.4c.1-3.6.1-3.5-.2-3.8-.2-.2-.5-.3-5.3-2.2-5.2-2-5.3-2.1-5.6-2m3.9 3.4L19.2 9l-3.6 1.5-3.6 1.4-3.6-1.4L4.8 9 12 6.1zm-6.1 5.6 2.4.9c.2 0 .4 0 2.6-1l2.4-1v4.1l-.1.2q-.6 1-2.9 1.5-2.6.4-5-.2-1.5-.6-1.9-1.3l-.1-.2v-4h.2z'/></svg>")}
.lpen-i--search{-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.2 2a8 8 0 0 0-6.4 4.5 8 8 0 0 0 11.7 10.1l.4-.3 2.7 2.7 3 2.9q.7.3 1.3-.4v-1L19 17.6 16.3 15l.3-.4A8 8 0 0 0 9.2 2m1.4 2a6 6 0 1 1-1.2 12 6 6 0 0 1 1.2-12'/></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.2 2a8 8 0 0 0-6.4 4.5 8 8 0 0 0 11.7 10.1l.4-.3 2.7 2.7 3 2.9q.7.3 1.3-.4v-1L19 17.6 16.3 15l.3-.4A8 8 0 0 0 9.2 2m1.4 2a6 6 0 1 1-1.2 12 6 6 0 0 1 1.2-12'/></svg>")}
.lpen-i--user-circle{-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 2a10 10 0 0 0-6 3q-3 3-3 7.3a10 10 0 0 0 3.8 7.5 10 10 0 0 0 7.6 2.1 10 10 0 0 0 5.7-2.8 10 10 0 0 0-.9-15 10 10 0 0 0-7.1-2m1.6 2a8 8 0 0 1 5.5 13L18 17c-.2-.3-.9-1-1.2-1.1q-1-.6-2-.8H9.2A5 5 0 0 0 6 17l-.1.1-.1-.1-1-1.5a8 8 0 0 1 8-11.5m-1.4 2a4 4 0 1 0 1.3 7.9 4 4 0 0 0-1.3-7.8m1.1 2A2 2 0 0 1 14 9.7a2 2 0 0 1-.6 1.7q-.6.6-1.4.6a2 2 0 1 1 .5-4m2 9a3 3 0 0 1 2.1 1.5l-1.1.7a8 8 0 0 1-8.1-.7l.5-.6q.6-.7 1.6-.9z'/></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 2a10 10 0 0 0-6 3q-3 3-3 7.3a10 10 0 0 0 3.8 7.5 10 10 0 0 0 7.6 2.1 10 10 0 0 0 5.7-2.8 10 10 0 0 0-.9-15 10 10 0 0 0-7.1-2m1.6 2a8 8 0 0 1 5.5 13L18 17c-.2-.3-.9-1-1.2-1.1q-1-.6-2-.8H9.2A5 5 0 0 0 6 17l-.1.1-.1-.1-1-1.5a8 8 0 0 1 8-11.5m-1.4 2a4 4 0 1 0 1.3 7.9 4 4 0 0 0-1.3-7.8m1.1 2A2 2 0 0 1 14 9.7a2 2 0 0 1-.6 1.7q-.6.6-1.4.6a2 2 0 1 1 .5-4m2 9a3 3 0 0 1 2.1 1.5l-1.1.7a8 8 0 0 1-8.1-.7l.5-.6q.6-.7 1.6-.9z'/></svg>")}
.lpen-i--users{-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='M8.4 2a5 5 0 0 0-4.1 6.6 5 5 0 0 0 5.7 3.3 5 5 0 0 0 3.4-7.2 5 5 0 0 0-5-2.7m7.4.2c-.7.1-1 1-.6 1.5q.2.3.7.4a3 3 0 0 1 2 2V7q0 .7-.2 1.3a3 3 0 0 1-1.9 1.6q-.5.1-.7.5a1 1 0 0 0 .8 1.5l.7-.2q1-.3 1.9-1.1Q20 9.1 20 6.8q0-.8-.3-1.4a5 5 0 0 0-2.4-2.8q-1-.6-1.5-.4m-6 2a3 3 0 0 1 2 2q.2.2.2.8l-.1.9a3 3 0 0 1-2 2H8.1a3 3 0 0 1-2-2Q5.8 7.6 6 7l.1-.9a3 3 0 0 1 2.4-2zm-3.5 10a5 5 0 0 0-4.3 4v3.4a1 1 0 0 0 1.8 0v-.2L4 20l.1-1.8a3 3 0 0 1 2-2h5.7a3 3 0 0 1 2 2c.2.3.2.4.2 1.8v1.4l.1.2a1 1 0 0 0 1.8 0V18a5 5 0 0 0-4.3-4zm11.2.2a1 1 0 0 0-.5 1.3q0 .5.8.6a3 3 0 0 1 1.8 1.6c.3.6.3.6.3 2.2v1.4l.1.2a1 1 0 0 0 1.8 0V18a5 5 0 0 0-3.3-3.7q-.6-.3-1 0'/></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='M8.4 2a5 5 0 0 0-4.1 6.6 5 5 0 0 0 5.7 3.3 5 5 0 0 0 3.4-7.2 5 5 0 0 0-5-2.7m7.4.2c-.7.1-1 1-.6 1.5q.2.3.7.4a3 3 0 0 1 2 2V7q0 .7-.2 1.3a3 3 0 0 1-1.9 1.6q-.5.1-.7.5a1 1 0 0 0 .8 1.5l.7-.2q1-.3 1.9-1.1Q20 9.1 20 6.8q0-.8-.3-1.4a5 5 0 0 0-2.4-2.8q-1-.6-1.5-.4m-6 2a3 3 0 0 1 2 2q.2.2.2.8l-.1.9a3 3 0 0 1-2 2H8.1a3 3 0 0 1-2-2Q5.8 7.6 6 7l.1-.9a3 3 0 0 1 2.4-2zm-3.5 10a5 5 0 0 0-4.3 4v3.4a1 1 0 0 0 1.8 0v-.2L4 20l.1-1.8a3 3 0 0 1 2-2h5.7a3 3 0 0 1 2 2c.2.3.2.4.2 1.8v1.4l.1.2a1 1 0 0 0 1.8 0V18a5 5 0 0 0-4.3-4zm11.2.2a1 1 0 0 0-.5 1.3q0 .5.8.6a3 3 0 0 1 1.8 1.6c.3.6.3.6.3 2.2v1.4l.1.2a1 1 0 0 0 1.8 0V18a5 5 0 0 0-3.3-3.7q-.6-.3-1 0'/></svg>")}
.lpen-i--world{-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.9 2a10 10 0 0 0-7.4 4.8 10 10 0 0 0 3.8 14A10 10 0 1 0 11 2.1m1.4 2.6L13.6 8h-3.2A21 21 0 0 1 12 4.2zm-3 .3-1 3H5.2l.2-.4a8 8 0 0 1 4.3-3.2zm6.1-.2a8 8 0 0 1 3.2 2.8l.2.4h-3.3v-.4l-1.2-3.2zM8 10.1V14H4.2v-.2L4 12c0-.8 0-1.1.2-1.8V10zm6 .2V14h-4v-4h4zm5.8 0L20 12l-.2 1.8v.2H16a20 20 0 0 0 0-4h3.8zM8.5 16.5l1 3.1-.3-.1a8 8 0 0 1-4-3.4L5 16h3.3zm5-.5a19 19 0 0 1-1.5 3.8 15 15 0 0 1-1.6-3.8zm5.3 0a8 8 0 0 1-4.5 3.6l.2-.6 1-3H19'/></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.9 2a10 10 0 0 0-7.4 4.8 10 10 0 0 0 3.8 14A10 10 0 1 0 11 2.1m1.4 2.6L13.6 8h-3.2A21 21 0 0 1 12 4.2zm-3 .3-1 3H5.2l.2-.4a8 8 0 0 1 4.3-3.2zm6.1-.2a8 8 0 0 1 3.2 2.8l.2.4h-3.3v-.4l-1.2-3.2zM8 10.1V14H4.2v-.2L4 12c0-.8 0-1.1.2-1.8V10zm6 .2V14h-4v-4h4zm5.8 0L20 12l-.2 1.8v.2H16a20 20 0 0 0 0-4h3.8zM8.5 16.5l1 3.1-.3-.1a8 8 0 0 1-4-3.4L5 16h3.3zm5-.5a19 19 0 0 1-1.5 3.8 15 15 0 0 1-1.6-3.8zm5.3 0a8 8 0 0 1-4.5 3.6l.2-.6 1-3H19'/></svg>")}
.lpen-i--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='m5.7 5-.6.5v.9l2.8 2.9 2.7 2.7-2.7 2.7L5 18l.1.5.6.5.7-.1 2.9-2.8 2.7-2.7 2.7 2.7L18 19l.5-.1.5-.6-.1-.7-2.8-2.9-2.7-2.7 2.7-2.7L19 6l-.1-.5a1 1 0 0 0-1.2-.4c-.2 0-.5.3-3 2.8L12 10.6 9.3 7.9a21 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 5-.6.5v.9l2.8 2.9 2.7 2.7-2.7 2.7L5 18l.1.5.6.5.7-.1 2.9-2.8 2.7-2.7 2.7 2.7L18 19l.5-.1.5-.6-.1-.7-2.8-2.9-2.7-2.7 2.7-2.7L19 6l-.1-.5a1 1 0 0 0-1.2-.4c-.2 0-.5.3-3 2.8L12 10.6 9.3 7.9a21 21 0 0 0-3-2.8z'/></svg>")}