.naj-icon{--naj-icon-size:48px;--naj-icon-color:currentColor;display:inline-flex;width:var(--naj-icon-size);height:var(--naj-icon-size);align-items:center;justify-content:center;color:var(--naj-icon-color);vertical-align:middle}.naj-icon-svg{width:70%;height:70%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.naj-icon-style-filled{fill:currentColor;stroke:currentColor;stroke-width:1.2}.naj-icon-style-duotone{fill:color-mix(in srgb,currentColor 22%,transparent);stroke:currentColor}.naj-icon-container-soft{border-radius:999px;background:color-mix(in srgb,currentColor 12%,transparent)}.naj-icon-container-outline{border:2px solid currentColor;border-radius:999px}.naj-icon-container-square{border-radius:22%;background:color-mix(in srgb,currentColor 12%,transparent)}
.naj-icon-picker{padding:4px 0 10px}.naj-icon-search{width:100%;max-width:440px;margin:5px 0 14px}.naj-icon-category h4{margin:16px 0 8px}.naj-icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}.naj-icon-choice{appearance:none;background:#fff;border:1px solid #dcdcde;border-radius:12px;min-height:88px;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;color:#0D1B2A}.naj-icon-choice:hover{border-color:#E34234}.naj-icon-choice.is-selected{outline:3px solid #C6E08E;border-color:#0D1B2A}.naj-icon-choice svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.naj-icon-choice span{font-size:11px;font-weight:700;text-align:center}.naj-icon-controls{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px;padding:14px;background:#f6f7f7;border-radius:12px}.naj-icon-controls label{font-weight:700}.naj-icon-controls select,.naj-icon-controls input{display:block;margin-top:4px}