/* =====================================================================
   충교위키 프로그램 설명서 공통 서식  post_guide.css
   - 게시글 본문: <div class="pg"> … </div> 안에 class 이름만 씀
   - 둥근 모서리·그림자·배치·아이콘은 모두 이 파일에서 (게시판 필터가 본문 style 의 이런 속성을 지움)
   - 앞의 :is(html,#pg) 는 테마의 #bo_v_con 규칙보다 우선하게 하는 장치
   ===================================================================== */

/* ---------- 바깥 상자 ---------- */
:is(html,#pg) .pg{container:pg/inline-size;box-sizing:border-box;max-width:100%;margin:0 auto 8px;padding:5px;
  background:#fff;border:1px solid #dbe2ec;border-radius:14px;
  box-shadow:0 1px 2px rgba(15,23,42,.05),0 8px 24px rgba(15,23,42,.07);
  color:#1f2937;font-size:15px;line-height:1.65;letter-spacing:-.1px;text-align:left;
  word-break:keep-all;overflow-wrap:break-word}
:is(html,#pg) .pg *,:is(html,#pg) .pg *::before,:is(html,#pg) .pg *::after{box-sizing:border-box}
:is(html,#pg) .pg :where(p,ul,ol,li,h2,h3,h4,figure){margin:0;padding:0}
:is(html,#pg) .pg :where(ul,ol){list-style:none}
:is(html,#pg) .pg :where(b,strong){font-weight:700}
:is(html,#pg) .pg a{color:#1f66d1;font-weight:700;text-decoration:none;word-break:break-all}
:is(html,#pg) .pg a:hover{text-decoration:underline}
:is(html,#pg) .pg :where(img){max-width:100%;height:auto}
:is(html,#pg) .pg :where(table){border-collapse:collapse;border-spacing:0;width:100%;margin:0}
:is(html,#pg) .pg :where(td,th){border:0;padding:0}
:is(html,#pg) .pg :where(th){text-align:left}

/* ---------- 머리 배너 ---------- */
:is(html,#pg) .pg-hero{border-radius:10px;padding:22px 22px 24px;color:#e3ebf7;
  background:#14345e linear-gradient(135deg,#123058 0%,#14345e 45%,#1b4a86 100%)}
:is(html,#pg) .pg-eyebrow{font-size:11.5px;font-weight:700;letter-spacing:1.5px;color:#8fb4e8}
:is(html,#pg) .pg-title{margin-top:6px;font-size:26px;line-height:1.35;font-weight:700;letter-spacing:-.8px;color:#fff}
:is(html,#pg) .pg-title small{font-size:17px;font-weight:700;color:#8fb4e8;letter-spacing:-.3px}
:is(html,#pg) .pg-title em{font-style:normal;color:#93c5fd}
:is(html,#pg) .pg-badge{display:inline-block;margin-left:6px;padding:1px 9px;border-radius:999px;vertical-align:4px;
  font-size:12px;font-weight:700;letter-spacing:.5px;color:#0b2545;background:#93c5fd}
:is(html,#pg) .pg-badge.is-excel{background:#86efac}
:is(html,#pg) .pg-badge.is-app{background:#fcd34d}
:is(html,#pg) .pg-lead{margin-top:8px;font-size:15.5px;color:#e3ebf7}
:is(html,#pg) .pg-lead b{color:#fff}
:is(html,#pg) .pg-meta{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.14);font-size:13px;color:#a9c3e8}
:is(html,#pg) .pg-meta b{color:#fff}

/* ---------- 묶음 사이 간격 ---------- */
:is(html,#pg) .pg > * + *{margin-top:14px}
:is(html,#pg) .pg-sec{margin-top:26px}

/* ---------- 작은 제목 / 섹션 제목 ---------- */
:is(html,#pg) .pg-kicker{display:flex;align-items:center;gap:8px;margin-top:18px;font-size:12px;font-weight:700;letter-spacing:1.5px;color:#1d4ed8}
:is(html,#pg) .pg-kicker::after{content:"";flex:1;height:1px;background:#e3e8ef}
:is(html,#pg) .pg-h{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:26px 0 12px;padding:0 0 9px;border-bottom:2px solid #14345e;
  font-size:18.5px;line-height:1.35;font-weight:700;color:#14345e;letter-spacing:-.4px}
:is(html,#pg) .pg-h small{font-size:13.5px;font-weight:400;color:#1d4ed8;letter-spacing:0}
:is(html,#pg) .pg-no{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:36px;height:29px;padding:0 8px;
  border-radius:8px;background:#14345e;color:#fff;font-size:14.5px;font-weight:700;letter-spacing:.5px;line-height:1}
:is(html,#pg) .pg-sub{margin:18px 0 8px;font-size:15.5px;font-weight:700;color:#1f2937}

/* ---------- 문단·글머리 ---------- */
:is(html,#pg) .pg-p{font-size:14.5px;color:#374151}
:is(html,#pg) .pg-p + .pg-p{margin-top:8px}
:is(html,#pg) .pg-bul{display:grid;gap:6px;font-size:14.5px;color:#374151}
:is(html,#pg) .pg-bul > li{position:relative;padding-left:16px}
:is(html,#pg) .pg-bul > li::before{content:"";position:absolute;left:3px;top:.68em;width:6px;height:6px;border-radius:50%;background:var(--pg-ac,#1d4ed8)}
:is(html,#pg) .pg-num{display:grid;gap:6px;font-size:14.5px;color:#374151;counter-reset:pgn}
:is(html,#pg) .pg-num > li{position:relative;padding-left:30px;counter-increment:pgn}
:is(html,#pg) .pg-num > li::before{content:counter(pgn);position:absolute;left:0;top:.1em;width:21px;height:21px;border-radius:6px;
  background:var(--pg-ac,#1f66d1);color:#fff;font-size:12px;font-weight:700;line-height:21px;text-align:center}
:is(html,#pg) .pg-cap{margin-top:8px;font-size:12px;color:#8a93a0;text-align:center}

/* ---------- 정보표 (항목 | 내용) ---------- */
:is(html,#pg) .pg-kv{border:1px solid #dfe5ee;border-radius:12px;overflow:hidden}
:is(html,#pg) .pg-kv table{table-layout:fixed}
:is(html,#pg) .pg-kv th{width:112px;padding:10px 12px;background:#f5f8fc;font-size:13.5px;font-weight:700;color:#334155;vertical-align:top}
:is(html,#pg) .pg-kv td{padding:10px 14px;font-size:14px;color:#374151}
:is(html,#pg) .pg-kv tr + tr th,:is(html,#pg) .pg-kv tr + tr td{border-top:1px solid #e9eef4}

/* ---------- 자료표 ---------- */
:is(html,#pg) .pg-tbl{border:1px solid #dfe5ee;border-radius:12px;overflow:auto}
:is(html,#pg) .pg-tbl table{min-width:100%}
:is(html,#pg) .pg-tbl th{padding:9px 10px;background:#f5f8fc;font-size:13px;font-weight:700;color:#334155;text-align:center;white-space:nowrap}
:is(html,#pg) .pg-tbl td{padding:9px 10px;font-size:14px;color:#374151;border-top:1px solid #e9eef4}
:is(html,#pg) .pg-tbl td.c,:is(html,#pg) .pg-tbl th.c{text-align:center}
:is(html,#pg) .pg-tbl td.r{text-align:right}
:is(html,#pg) .pg-tbl td.em{font-weight:700;color:#1f66d1}

/* ---------- 카드 묶음 ---------- */
:is(html,#pg) .pg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
:is(html,#pg) .pg-grid.is-3{grid-template-columns:repeat(3,minmax(0,1fr))}
:is(html,#pg) .pg-grid.is-1{grid-template-columns:minmax(0,1fr)}
:is(html,#pg) .pg-grid.is-4,:is(html,#pg) .pg-duo.is-4{grid-template-columns:repeat(4,minmax(0,1fr))}
:is(html,#pg) .pg .nw{white-space:nowrap}
:is(html,#pg) .pg-card{border:1px solid #e3e8ef;border-radius:12px;background:#fff;padding:13px 14px}
:is(html,#pg) .pg-card.is-soft{background:#f8fafc}
:is(html,#pg) .pg-card > * + *,:is(html,#pg) .pg-d > :is(div,ul,ol,table,p),:is(html,#pg) .pg-d + :is(div,ul,ol,p){margin-top:8px}

/* 단계 카드 */
:is(html,#pg) .pg-step{display:flex;align-items:flex-start;gap:12px;border:1px solid #e3e8ef;border-radius:12px;background:#fff;padding:13px 14px}
:is(html,#pg) .pg-step-n{flex:0 0 32px;height:32px;border-radius:50%;border:1.8px solid var(--pg-ac,#1f66d1);color:var(--pg-ac,#1f66d1);
  display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;line-height:1}
:is(html,#pg) .pg-t{display:block;font-size:15.5px;font-weight:700;color:#1f2937;line-height:1.45}
:is(html,#pg) .pg-d{display:block;margin-top:2px;font-size:13.5px;color:#5b6572}

/* 아이콘 줄 (기능·화면 설명) */
:is(html,#pg) .pg-items{border:1px solid #e3e8ef;border-radius:12px;background:#fff;padding:2px 14px}
:is(html,#pg) .pg-item{display:flex;align-items:flex-start;gap:12px;padding:12px 0}
:is(html,#pg) .pg-item + .pg-item{border-top:1px solid #edf1f5}
:is(html,#pg) .pg-items.is-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
:is(html,#pg) .pg-items.is-grid .pg-item + .pg-item{border-top:0}
:is(html,#pg) .pg-items.is-grid .pg-item:nth-child(n+3){border-top:1px solid #edf1f5}
:is(html,#pg) .pg-item .pg-t{color:var(--pg-ac,#1f2937)}

/* 알림 상자 */
:is(html,#pg) .pg-note{display:flex;align-items:flex-start;gap:12px;border-radius:12px;padding:12px 14px;
  background:var(--pg-tint,#eef4fd);border:1px solid var(--pg-bd,#d3e2f8)}
:is(html,#pg) .pg-note .pg-ic{background:#fff}
:is(html,#pg) .pg-note .pg-t{color:var(--pg-ac,#1f66d1)}
:is(html,#pg) .pg-note .pg-d{color:#374151;font-size:14px}
:is(html,#pg) .pg-note + .pg-note{margin-top:8px}

/* 색 범례 */
:is(html,#pg) .pg-legend{border:1px solid #e3e8ef;border-radius:12px;overflow:hidden;background:#fff}
:is(html,#pg) .pg-lg{display:flex;align-items:stretch}
:is(html,#pg) .pg-lg + .pg-lg{border-top:1px solid #edf1f5}
:is(html,#pg) .pg-lg-k{flex:0 0 104px;display:flex;align-items:center;padding:10px 12px;border-left:5px solid var(--pg-ac);
  background:var(--pg-tint);font-size:13px;font-weight:700;color:var(--pg-ac)}
:is(html,#pg) .pg-lg > div{padding:10px 14px}

/* 두 칸 상자 (일정·비교) */
:is(html,#pg) .pg-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px;border-radius:12px;
  background:var(--pg-tint,#fff7ed);border:1px solid var(--pg-bd,#f6dfbf)}
:is(html,#pg) .pg-box{border-radius:9px;background:#fff;border:1px solid var(--pg-bd,#f0d7ad);padding:10px 12px;text-align:center}
:is(html,#pg) .pg-box-k{font-size:12.5px;color:#6b7280}
:is(html,#pg) .pg-box-v{font-size:16px;font-weight:700;color:var(--pg-ac,#9a5a06)}
:is(html,#pg) .pg-box-s{font-size:12px;color:#8a93a0}

/* 꼬리표·버튼 모양 */
:is(html,#pg) .pg-chips{display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px;border-radius:12px;
  background:var(--pg-tint,#f4faf6);border:1px solid var(--pg-bd,#cfe3d6)}
:is(html,#pg) .pg-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;background:#fff;
  border:1px solid #d5dce6;font-size:12.5px;color:#374151;white-space:nowrap}
:is(html,#pg) .pg-chip i{width:8px;height:8px;border-radius:2px;background:var(--pg-ac,#94a3b8);font-size:0;line-height:0;color:transparent;overflow:hidden}

/* 묻고 답하기 */
:is(html,#pg) .pg-qa{border:1px solid #e3e8ef;border-radius:12px;background:#fff;padding:2px 14px}
:is(html,#pg) .pg-qa-i{display:flex;gap:12px;padding:12px 0}
:is(html,#pg) .pg-qa-i + .pg-qa-i{border-top:1px solid #edf1f5}
:is(html,#pg) .pg-qa-q{flex:0 0 26px;height:26px;border-radius:50%;border:1.8px solid #14345e;color:#14345e;
  display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:700;line-height:1}
:is(html,#pg) .pg-qa-i .pg-t{font-size:14.5px;color:#14345e}
:is(html,#pg) .pg-qa-i .pg-d{font-size:14px;color:#374151}

/* ---------- 프로그램 화면 틀 ---------- */
:is(html,#pg) .pg-screen{border:1px solid #cbd5e1;border-radius:12px;overflow:hidden;background:#e8edf4;
  box-shadow:0 1px 2px rgba(15,23,42,.06),0 4px 12px rgba(15,23,42,.06)}
:is(html,#pg) .pg-screen-bar{display:flex;align-items:center;gap:10px;padding:7px 12px}
:is(html,#pg) .pg-screen-bar::before{content:"";flex:0 0 38px;height:10px;
  background:radial-gradient(circle at 5px 5px,#ef4444 4px,transparent 4.5px),
             radial-gradient(circle at 19px 5px,#f59e0b 4px,transparent 4.5px),
             radial-gradient(circle at 33px 5px,#22c55e 4px,transparent 4.5px)}
:is(html,#pg) .pg-url{flex:1;min-width:0;padding:2px 12px;border-radius:999px;background:#fff;border:1px solid #d5dce6;
  font-size:11px;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:is(html,#pg) .pg-screen-body{background:#fff;overflow:auto}

/* ---------- 꼬리말 ---------- */
:is(html,#pg) .pg-foot{margin-top:24px;padding:12px 8px 8px;border-top:1px solid #e3e8ef;font-size:12px;color:#8a93a0;text-align:center}

/* ---------- 윤곽선 아이콘 ---------- */
:is(html,#pg) .pg-ic{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:52px;height:52px;border-radius:14px;
  background:var(--pg-tint,#eef4fd);border:1px solid var(--pg-bd,#d3e2f8);
  font-size:0;line-height:0;color:transparent;vertical-align:middle;overflow:hidden}
:is(html,#pg) .pg-ic::before{content:"";width:29px;height:29px;background:var(--pg-ac,#1f66d1);
  -webkit-mask:var(--pg-i) center/contain no-repeat;mask:var(--pg-i) center/contain no-repeat}
:is(html,#pg) .pg-ic.is-sm{width:39px;height:39px;border-radius:12px}
:is(html,#pg) .pg-ic.is-sm::before{width:22px;height:22px}

/* ---------- 좁은 화면 (휴대폰·좁은 패널) ---------- */
@container pg (max-width:560px){
  :is(html,#pg) .pg-hero{padding:18px 16px 20px}
  :is(html,#pg) .pg-title{font-size:22px}
  :is(html,#pg) .pg-lead{font-size:14.5px}
  :is(html,#pg) .pg-grid,:is(html,#pg) .pg-grid.is-3,:is(html,#pg) .pg-items.is-grid,:is(html,#pg) .pg-duo{grid-template-columns:minmax(0,1fr)}
  :is(html,#pg) .pg-items.is-grid .pg-item + .pg-item{border-top:1px solid #edf1f5}
  :is(html,#pg) .pg-grid.is-4,:is(html,#pg) .pg-duo.is-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  :is(html,#pg) .pg-kv th{width:88px;padding:9px 10px}
  :is(html,#pg) .pg-kv td{padding:9px 11px}
  :is(html,#pg) .pg-lg-k{flex-basis:92px}
}
@media (max-width:600px){
  :is(html,#pg) .pg-grid,:is(html,#pg) .pg-grid.is-3,:is(html,#pg) .pg-items.is-grid,:is(html,#pg) .pg-duo{grid-template-columns:minmax(0,1fr)}
  :is(html,#pg) .pg-grid.is-4,:is(html,#pg) .pg-duo.is-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ---------- 색 묶음 ---------- */
:is(html,#pg) .t-blue{--pg-ac:#1f66d1;--pg-tint:#eef4fd;--pg-bd:#d3e2f8}
:is(html,#pg) .t-navy{--pg-ac:#14345e;--pg-tint:#eef2f8;--pg-bd:#d5deeb}
:is(html,#pg) .t-green{--pg-ac:#15803d;--pg-tint:#ecf8f0;--pg-bd:#cdebd7}
:is(html,#pg) .t-teal{--pg-ac:#0f7b6c;--pg-tint:#e9f7f4;--pg-bd:#c9ebe4}
:is(html,#pg) .t-cyan{--pg-ac:#0e7490;--pg-tint:#e8f5f9;--pg-bd:#c8e7f0}
:is(html,#pg) .t-amber{--pg-ac:#c2620a;--pg-tint:#fff5e8;--pg-bd:#f6dfbf}
:is(html,#pg) .t-red{--pg-ac:#be123c;--pg-tint:#fff0f3;--pg-bd:#f7d0da}
:is(html,#pg) .t-violet{--pg-ac:#6d3fd8;--pg-tint:#f3effe;--pg-bd:#e0d6fb}
:is(html,#pg) .t-pink{--pg-ac:#be185d;--pg-tint:#fdeff6;--pg-bd:#f6d2e4}
:is(html,#pg) .t-slate{--pg-ac:#475569;--pg-tint:#f1f5f9;--pg-bd:#dbe2ea}
:is(html,#pg) .t-gray{--pg-ac:#94a3b8;--pg-tint:#f8fafc;--pg-bd:#e2e8f0}

/* ---------- 아이콘 그림 (77종) ---------- */
:is(html,#pg) .ic-upload{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 15V4'/%3E%3Cpath d='m7 9 5-5 5 5'/%3E%3Cpath d='M5 15v3a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-3'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-download{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11'/%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3Cpath d='M5 15v3a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-3'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-file{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5'/%3E%3Cpath d='M9 13h6M9 17h4'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-file-check{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5'/%3E%3Cpath d='m9 14.5 2 2 4-4'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-sheet{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='16' height='16' rx='2'/%3E%3Cpath d='M4 9.5h16M4 15h16M10 4v16'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-table{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='4.5' width='17' height='15' rx='2'/%3E%3Cpath d='M3.5 9.5h17M3.5 14.5h17M9 9.5v10M15 9.5v10'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-columns{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='4.5' width='17' height='15' rx='2'/%3E%3Cpath d='M9.5 4.5v15M3.5 9h6'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-grid{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='6.5' height='6.5' rx='1.5'/%3E%3Crect x='13.5' y='4' width='6.5' height='6.5' rx='1.5'/%3E%3Crect x='4' y='13.5' width='6.5' height='6.5' rx='1.5'/%3E%3Crect x='13.5' y='13.5' width='6.5' height='6.5' rx='1.5'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-list{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6.5h11M9 12h11M9 17.5h11'/%3E%3Cpath d='M4.5 6.5h.01M4.5 12h.01M4.5 17.5h.01'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-search{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m20 20-4.2-4.2'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-check{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='m8.5 12.2 2.4 2.4 4.8-5'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-tick{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-alert{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.3 4.2 2.9 17.5A2 2 0 0 0 4.6 20.5h14.8a2 2 0 0 0 1.7-3L13.7 4.2a2 2 0 0 0-3.4 0z'/%3E%3Cpath d='M12 9.5v4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-x-circle{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='m9.2 9.2 5.6 5.6M14.8 9.2l-5.6 5.6'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-info{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 11v5.5'/%3E%3Cpath d='M12 7.6h.01'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-help{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M9.6 9.4a2.5 2.5 0 0 1 4.8.9c0 1.7-2.4 2.2-2.4 3.6'/%3E%3Cpath d='M12 16.9h.01'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-sliders{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h9M17 7h3M4 12h3M11 12h9M4 17h11M19 17h1'/%3E%3Ccircle cx='15' cy='7' r='2'/%3E%3Ccircle cx='9' cy='12' r='2'/%3E%3Ccircle cx='17' cy='17' r='2'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-gear{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 2.8v2.6M12 18.6v2.6M2.8 12h2.6M18.6 12h2.6M5.5 5.5l1.8 1.8M16.7 16.7l1.8 1.8M5.5 18.5l1.8-1.8M16.7 7.3l1.8-1.8'/%3E%3Ccircle cx='12' cy='12' r='6.6'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-book{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4.5A1.5 1.5 0 0 1 6.5 3H19v14H6.5A1.5 1.5 0 0 0 5 18.5z'/%3E%3Cpath d='M5 18.5A1.5 1.5 0 0 0 6.5 20H19'/%3E%3Cpath d='M9 7h6'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-link{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4h6v6'/%3E%3Cpath d='M20 4l-9 9'/%3E%3Cpath d='M18 14v4a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-swap{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4 3 8l4 4'/%3E%3Cpath d='M3 8h14'/%3E%3Cpath d='m17 20 4-4-4-4'/%3E%3Cpath d='M21 16H7'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-undo{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12a8 8 0 1 0 2.3-5.6'/%3E%3Cpath d='M4 4v4.5h4.5'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-calendar{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='2'/%3E%3Cpath d='M3.5 10h17M8 3v4M16 3v4'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-clock{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7.5V12l3 2'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-camera{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8.5a2 2 0 0 1 2-2h2l1.5-2h5L16 6.5h2a2 2 0 0 1 2 2V18a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z'/%3E%3Ccircle cx='12' cy='13' r='3.5'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-image{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='4.5' width='17' height='15' rx='2'/%3E%3Ccircle cx='9' cy='9.5' r='1.6'/%3E%3Cpath d='m20.5 16-5-5-8.5 8.5'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-printer{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 9V3.5h10V9'/%3E%3Crect x='3.5' y='9' width='17' height='8' rx='2'/%3E%3Cpath d='M7 14h10v6.5H7z'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-save{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 3.5H16l4 4v11a2 2 0 0 1-2 2H5.5a2 2 0 0 1-2-2v-13a2 2 0 0 1 2-2z'/%3E%3Cpath d='M8 3.5v5h7v-5'/%3E%3Cpath d='M7.5 20.5v-6h9v6'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-shield{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 5 6v5.5c0 4.3 3 7.9 7 9.5 4-1.6 7-5.2 7-9.5V6z'/%3E%3Cpath d='m9 12 2.2 2.2L15.5 10'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-lock{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='10.5' width='14' height='10' rx='2'/%3E%3Cpath d='M8 10.5V7.5a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-user{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.8'/%3E%3Cpath d='M4.5 20.5a7.5 7.5 0 0 1 15 0'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-users{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8.5' r='3.3'/%3E%3Cpath d='M3 20a6 6 0 0 1 12 0'/%3E%3Cpath d='M15.5 5.6a3.3 3.3 0 0 1 0 6'/%3E%3Cpath d='M17.5 14.5a6 6 0 0 1 3.5 5.5'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-school{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 20.5h18'/%3E%3Cpath d='M5 20.5V10l7-5 7 5v10.5'/%3E%3Cpath d='M10 20.5v-5h4v5'/%3E%3Cpath d='M12 9.5h.01'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-home{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3.5 11 8.5-7 8.5 7'/%3E%3Cpath d='M5.5 9.5V20h13V9.5'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-cart{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='19.5' r='1.3'/%3E%3Ccircle cx='17' cy='19.5' r='1.3'/%3E%3Cpath d='M3 4h2.2l2.3 11h11l2-8H6.3'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-receipt{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3.5h12V21l-3-1.8-3 1.8-3-1.8L6 21z'/%3E%3Cpath d='M9 8h6M9 11.5h6M9 15h3.5'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-card{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5.5' width='18' height='13' rx='2'/%3E%3Cpath d='M3 10h18M7 14.5h4'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-won{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='m7.8 8.5 1.9 7 2.3-6 2.3 6 1.9-7'/%3E%3Cpath d='M7 11.5h10'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-chart{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20.5h16'/%3E%3Crect x='5.5' y='11' width='3' height='7' rx='.8'/%3E%3Crect x='10.5' y='6' width='3' height='12' rx='.8'/%3E%3Crect x='15.5' y='13.5' width='3' height='4.5' rx='.8'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-pie{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5A8.5 8.5 0 1 0 20.5 12H12z'/%3E%3Cpath d='M15 3.8A8.5 8.5 0 0 1 20.2 9H15z'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-gauge{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 17a8.5 8.5 0 1 1 15 0'/%3E%3Cpath d='m12 13 3.5-4'/%3E%3Ccircle cx='12' cy='13.5' r='1.3'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-layers{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 4 8.5 4.5L12 13 3.5 8.5z'/%3E%3Cpath d='m3.5 12.5 8.5 4.5 8.5-4.5'/%3E%3Cpath d='m3.5 16.5 8.5 4.5 8.5-4.5'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-edit{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4L19 9a2.8 2.8 0 0 0-4-4L4 16z'/%3E%3Cpath d='m13.5 6.5 4 4'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-scissors{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6.5' cy='7' r='2.5'/%3E%3Ccircle cx='6.5' cy='17' r='2.5'/%3E%3Cpath d='M8.6 8.4 20 17M8.6 15.6 20 7'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-calculator{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='2'/%3E%3Cpath d='M8 7h8v3H8z'/%3E%3Cpath d='M8.5 14h.01M12 14h.01M15.5 14h.01M8.5 17.5h.01M12 17.5h.01M15.5 17.5h.01'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-truck{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6.5h11v10H3z'/%3E%3Cpath d='M14 10h4l3 3.5v3h-7z'/%3E%3Ccircle cx='7' cy='18' r='1.8'/%3E%3Ccircle cx='17.5' cy='18' r='1.8'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-bus{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4.5' y='3.5' width='15' height='14' rx='2.5'/%3E%3Cpath d='M4.5 11h15'/%3E%3Cpath d='M7 17.5V20M17 17.5V20'/%3E%3Cpath d='M8 14.5h.01M16 14.5h.01'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-pin{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-6.5-5.6-6.5-11a6.5 6.5 0 0 1 13 0c0 5.4-6.5 11-6.5 11z'/%3E%3Ccircle cx='12' cy='10' r='2.4'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-route{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='18' r='2'/%3E%3Ccircle cx='18' cy='6' r='2'/%3E%3Cpath d='M8 18h7.5a3.5 3.5 0 0 0 0-7h-7a3.5 3.5 0 0 1 0-7H16'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-fuel{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 20.5V5a1.5 1.5 0 0 1 1.5-1.5h6A1.5 1.5 0 0 1 14 5v15.5'/%3E%3Cpath d='M3.5 20.5h12'/%3E%3Cpath d='M5 10h9'/%3E%3Cpath d='M14 8.5h1.5A1.5 1.5 0 0 1 17 10v5.5a1.5 1.5 0 0 0 3 0V8l-2.5-2.5'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-mail{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5.5' width='17' height='13' rx='2'/%3E%3Cpath d='m4 7 8 6 8-6'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-folder{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 7a2 2 0 0 1 2-2h4l2 2.5h7a2 2 0 0 1 2 2V17a2 2 0 0 1-2 2h-13a2 2 0 0 1-2-2z'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-archive{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='4' width='17' height='4.5' rx='1'/%3E%3Cpath d='M5 8.5V18a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8.5'/%3E%3Cpath d='M10 12.5h4'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-zap{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 3 5 13.5h6L10 21l8-10.5h-6z'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-cloud{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 18.5a4.5 4.5 0 0 1-.6-9 6 6 0 0 1 11.5 1.6 3.8 3.8 0 0 1-.4 7.4z'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-copy{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8.5' y='8.5' width='12' height='12' rx='2'/%3E%3Cpath d='M15.5 8.5v-3a2 2 0 0 0-2-2h-8a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h3'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-cursor{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 4 5.5 15.5 2.3-6.7 6.7-2.3z'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-plus{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-star{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3.8 2.5 5.1 5.6.8-4 3.9 1 5.6-5.1-2.6-5 2.6 1-5.6-4.1-3.9 5.6-.8z'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-spark{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5 13.8 10.2 20.5 12 13.8 13.8 12 20.5 10.2 13.8 3.5 12 10.2 10.2z'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-globe{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M3.5 12h17'/%3E%3Cpath d='M12 3.5c2.4 2.4 3.5 5.3 3.5 8.5s-1.1 6.1-3.5 8.5c-2.4-2.4-3.5-5.3-3.5-8.5s1.1-6.1 3.5-8.5z'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-monitor{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='12.5' rx='2'/%3E%3Cpath d='M8.5 20.5h7M12 16.5v4'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-phone{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='3' width='10' height='18' rx='2'/%3E%3Cpath d='M11 17.5h2'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-key{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='15' r='4'/%3E%3Cpath d='m11 12 8.5-8.5M16 7l2.5 2.5M14 9l2 2'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-filter{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16l-6.2 7.5V19l-3.6 1.5v-8z'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-compare{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 4H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h4'/%3E%3Cpath d='M14 4h4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-4'/%3E%3Cpath d='M12 2.5v19'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-merge{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4v4.5C5 10.5 6.5 12 8.5 12H12'/%3E%3Cpath d='M19 4v4.5c0 2-1.5 3.5-3.5 3.5H12v8.5'/%3E%3Cpath d='m8.5 17 3.5 3.5 3.5-3.5'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-trash{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M10 11v6M14 11v6'/%3E%3Cpath d='M6 7l1 12.5A1.5 1.5 0 0 0 8.5 21h7a1.5 1.5 0 0 0 1.5-1.5L18 7'/%3E%3Cpath d='M9 7V4.5h6V7'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-eye{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 12S6 5.5 12 5.5 21.5 12 21.5 12 18 18.5 12 18.5 2.5 12 2.5 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-tag{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 12.2V4.5a1 1 0 0 1 1-1h7.7l8.3 8.3a1.5 1.5 0 0 1 0 2.1l-6.3 6.3a1.5 1.5 0 0 1-2.1 0z'/%3E%3Ccircle cx='8' cy='8' r='1.4'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-bell{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 16.5V11a6 6 0 0 1 12 0v5.5l1.5 2h-15z'/%3E%3Cpath d='M10 20.5a2 2 0 0 0 4 0'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-percent{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18.5 5.5 5.5 18.5'/%3E%3Ccircle cx='7' cy='7' r='2.3'/%3E%3Ccircle cx='17' cy='17' r='2.3'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-database{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='6' rx='7.5' ry='2.8'/%3E%3Cpath d='M4.5 6v12c0 1.5 3.4 2.8 7.5 2.8s7.5-1.3 7.5-2.8V6'/%3E%3Cpath d='M4.5 12c0 1.5 3.4 2.8 7.5 2.8s7.5-1.3 7.5-2.8'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-code{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m8.5 7.5-5 4.5 5 4.5M15.5 7.5l5 4.5-5 4.5'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-scale{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v16.5M7.5 20.5h9'/%3E%3Cpath d='M5 7.5h14'/%3E%3Cpath d='m5 7.5-2.5 6a2.5 2.5 0 0 0 5 0z'/%3E%3Cpath d='m19 7.5-2.5 6a2.5 2.5 0 0 0 5 0z'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-arrow{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E")}
:is(html,#pg) .ic-layout{--pg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='4.5' width='17' height='15' rx='2'/%3E%3Cpath d='M3.5 9h17M9.5 9v10.5'/%3E%3C/svg%3E")}