/*!
 * grid22 v0.1.0 — 135 icons
 * Precision-crafted SVG icons for modern products.
 * (c) Luis Villasmil — MIT License
 * https://grid22.design
 */
.g22 {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  -webkit-mask: var(--g22) center / contain no-repeat;
          mask: var(--g22) center / contain no-repeat;
}
.g22-alert-triangle { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.66 5.967L20.31 15.797A2 2 0 0 1 18.65 18.917L5.35 18.917A2 2 0 0 1 3.69 15.797L10.34 5.967A2 2 0 0 1 13.66 5.967Z'/%3E%3Cpath d='M12 9.617v3.9'/%3E%3Cpath d='M12 16.217h0.01'/%3E%3C/svg%3E"); }
.g22-alert { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 8v5'/%3E%3Cpath d='M12 16h.01'/%3E%3C/svg%3E"); }
.g22-arrow-down-left { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 7L7 17'/%3E%3Cpath d='M16 17H7V8'/%3E%3C/svg%3E"); }
.g22-arrow-down { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14'/%3E%3Cpath d='M6 13l6 6 6-6'/%3E%3C/svg%3E"); }
.g22-arrow-left { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5'/%3E%3Cpath d='M11 18l-6-6 6-6'/%3E%3C/svg%3E"); }
.g22-arrow-right { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='M13 6l6 6-6 6'/%3E%3C/svg%3E"); }
.g22-arrow-up-right { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17L17 7'/%3E%3Cpath d='M8 7h9v9'/%3E%3C/svg%3E"); }
.g22-arrow-up { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19V5'/%3E%3Cpath d='M6 11l6-6 6 6'/%3E%3C/svg%3E"); }
.g22-at-sign { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3.6'/%3E%3Cpath d='M15.6 8.4v4.5a2.7 2.7 0 0 0 5.4 0v-0.9a9 9 0 1 0-3.6 7.2'/%3E%3C/svg%3E"); }
.g22-battery { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='8' width='16' height='8' rx='2'/%3E%3Cpath d='M21 11v2'/%3E%3Cpath d='M5.5 11v2'/%3E%3Cpath d='M9 11v2'/%3E%3C/svg%3E"); }
.g22-bell { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.7 16.7h14.6l-1.9-2.6V9.2c0-3.3-2.2-5.6-5.4-5.6S6.6 5.9 6.6 9.2v4.9l-1.9 2.6z'/%3E%3Cpath d='M10.1 19c0.4 0.95 1.05 1.4 1.9 1.4s1.5-0.45 1.9-1.4'/%3E%3C/svg%3E"); }
.g22-box { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 4.5v9L12 21l-8-4.5v-9L12 3z'/%3E%3Cpath d='M4 7.5l8 4.5 8-4.5'/%3E%3Cpath d='M12 12v9'/%3E%3C/svg%3E"); }
.g22-bug { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='7' width='8' height='12' rx='4'/%3E%3Cpath d='M8 11H4'/%3E%3Cpath d='M20 11h-4'/%3E%3Cpath d='M8 15H4'/%3E%3Cpath d='M20 15h-4'/%3E%3Cpath d='M8 8L6 5'/%3E%3Cpath d='M16 8l2-3'/%3E%3Cpath d='M12 7V4'/%3E%3C/svg%3E"); }
.g22-calendar { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='16' rx='2'/%3E%3Cpath d='M4 9h16'/%3E%3Cpath d='M8 3v4'/%3E%3Cpath d='M16 3v4'/%3E%3C/svg%3E"); }
.g22-camera { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 7l1.5-2h7L17 7h2a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2z'/%3E%3Ccircle cx='12' cy='13' r='3.5'/%3E%3C/svg%3E"); }
.g22-chart { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5v14h16'/%3E%3Cpath d='M8 15l3-3 3 2 5-7'/%3E%3C/svg%3E"); }
.g22-check-circle { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.83'/%3E%3Cpath d='M8.17 12.29L10.82 14.94L16.42 9.35'/%3E%3C/svg%3E"); }
.g22-check { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E"); }
.g22-chevron-down { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); }
.g22-chevron-left { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E"); }
.g22-chevron-right { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E"); }
.g22-chevron-up { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 15l-6-6-6 6'/%3E%3C/svg%3E"); }
.g22-chevrons-left { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 6l-6 6 6 6'/%3E%3Cpath d='M11 6l-6 6 6 6'/%3E%3C/svg%3E"); }
.g22-chevrons-right { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 6l6 6-6 6'/%3E%3Cpath d='M13 6l6 6-6 6'/%3E%3C/svg%3E"); }
.g22-clipboard { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='5' width='14' height='16' rx='2'/%3E%3Crect x='9' y='3' width='6' height='4' rx='1'/%3E%3C/svg%3E"); }
.g22-clock { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3.5 2.5'/%3E%3C/svg%3E"); }
.g22-close { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6L6 18'/%3E%3Cpath d='M6 6L18 18'/%3E%3C/svg%3E"); }
.g22-cloud { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.565 18.01h9.6a3.84 3.84 0 0 0 0.48-7.651A5.76 5.76 0 0 0 6.605 9.85 3.36 3.36 0 0 0 7.565 18.01z'/%3E%3C/svg%3E"); }
.g22-code { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 8l-5 4 5 4'/%3E%3Cpath d='M15 8l5 4-5 4'/%3E%3C/svg%3E"); }
.g22-copy { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='10' y='10' width='11' height='11' rx='2'/%3E%3Cpath d='M6 16H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'/%3E%3C/svg%3E"); }
.g22-corner-down-right { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 10l5 5-5 5'/%3E%3Cpath d='M20 15H9a5 5 0 0 1-5-5V4'/%3E%3C/svg%3E"); }
.g22-corner-up-left { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 14L4 9l5-5'/%3E%3Cpath d='M4 9h11a5 5 0 0 1 5 5v6'/%3E%3C/svg%3E"); }
.g22-cpu { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='6' width='12' height='12' rx='2'/%3E%3Crect x='9' y='9' width='6' height='6'/%3E%3Cpath d='M9 3v3'/%3E%3Cpath d='M15 3v3'/%3E%3Cpath d='M9 18v3'/%3E%3Cpath d='M15 18v3'/%3E%3Cpath d='M3 9h3'/%3E%3Cpath d='M3 15h3'/%3E%3Cpath d='M18 9h3'/%3E%3Cpath d='M18 15h3'/%3E%3C/svg%3E"); }
.g22-credit-card { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='12' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3Cpath d='M7 15h3'/%3E%3C/svg%3E"); }
.g22-cursor-arrow { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4l13 6-6 1.5 3 6-2.5 1.2-3-6L5 17z'/%3E%3C/svg%3E"); }
.g22-cursor-text { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14'/%3E%3Cpath d='M9.5 5h5'/%3E%3Cpath d='M9.5 19h5'/%3E%3C/svg%3E"); }
.g22-dashboard { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='6' height='6' rx='1'/%3E%3Crect x='14' y='4' width='6' height='6' rx='1'/%3E%3Crect x='4' y='14' width='6' height='6' rx='1'/%3E%3Crect x='14' y='14' width='6' height='6' rx='1'/%3E%3C/svg%3E"); }
.g22-database { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='6' rx='7' ry='3'/%3E%3Cpath d='M5 6v12c0 1.7 3.1 3 7 3s7-1.3 7-3V6'/%3E%3Cpath d='M5 12c0 1.7 3.1 3 7 3s7-1.3 7-3'/%3E%3C/svg%3E"); }
.g22-download { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4.3v9.9'/%3E%3Cpath d='M8 10.4l4 4 4-4'/%3E%3Cpath d='M4 17.1v1.1a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-1.1'/%3E%3C/svg%3E"); }
.g22-edit { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 4.5a2.12 2.12 0 0 1 3 3L7 20l-4 1 1-4z'/%3E%3C/svg%3E"); }
.g22-external-link { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.25 4.3H5.65a2 2 0 0 0-2 2v12.4a2 2 0 0 0 2 2h12.4a2 2 0 0 0 2-2V14.1'/%3E%3Cpath d='M14.75 3.3h5.6v5.6'/%3E%3Cpath d='M20.35 3.3l-9 9'/%3E%3C/svg%3E"); }
.g22-eye-off { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.9 5.2A9.6 9.6 0 0 1 12 5c6.5 0 10 7 10 7a15 15 0 0 1-2.3 3.1'/%3E%3Cpath d='M6.3 7.3A14.6 14.6 0 0 0 2 12s3.5 7 10 7a9.5 9.5 0 0 0 3.3-.6'/%3E%3Cpath d='M10 10a3 3 0 0 0 4 4'/%3E%3Cpath d='M3 3l18 18'/%3E%3C/svg%3E"); }
.g22-eye { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E"); }
.g22-face-angry { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.6'/%3E%3Cpath d='M8.1 8.4l2.1 1'/%3E%3Cpath d='M15.9 8.4l-2.1 1'/%3E%3Cpath d='M9 11.2h.01'/%3E%3Cpath d='M15 11.2h.01'/%3E%3Cpath d='M8.9 16c.9-1.2 1.9-1.8 3.1-1.8s2.2.6 3.1 1.8'/%3E%3C/svg%3E"); }
.g22-face-confused { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.6'/%3E%3Cpath d='M8.8 10h.01'/%3E%3Cpath d='M15.2 10h.01'/%3E%3Cpath d='M9 16l6-1.3'/%3E%3C/svg%3E"); }
.g22-face-frown { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.6'/%3E%3Cpath d='M8.8 10h.01'/%3E%3Cpath d='M15.2 10h.01'/%3E%3Cpath d='M8.9 16.1c.9-1.2 1.9-1.8 3.1-1.8s2.2.6 3.1 1.8'/%3E%3C/svg%3E"); }
.g22-face-happy { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.6'/%3E%3Cpath d='M8.4 9.7c.5-.5 1-.5 1.6 0'/%3E%3Cpath d='M14 9.7c.5-.5 1-.5 1.6 0'/%3E%3Cpath d='M8.4 13.8c1 1.8 2.2 2.7 3.6 2.7s2.6-.9 3.6-2.7'/%3E%3C/svg%3E"); }
.g22-face-love { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.6'/%3E%3Cpath d='M8.7 8.9c.5-.7 1.6-.4 1.6.5 0 .9-1.6 1.8-1.6 1.8S7.1 10.3 7.1 9.4c0-.9 1.1-1.2 1.6-.5z' fill='currentColor' stroke='none'/%3E%3Cpath d='M15.3 8.9c.5-.7 1.6-.4 1.6.5 0 .9-1.6 1.8-1.6 1.8s-1.6-.9-1.6-1.8c0-.9 1.1-1.2 1.6-.5z' fill='currentColor' stroke='none'/%3E%3Cpath d='M8.7 14.1c1 1.4 2.1 2 3.3 2s2.3-.6 3.3-2'/%3E%3C/svg%3E"); }
.g22-face-neutral { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.6'/%3E%3Cpath d='M8.8 10h.01'/%3E%3Cpath d='M15.2 10h.01'/%3E%3Cpath d='M9 15h6'/%3E%3C/svg%3E"); }
.g22-face-sad { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.6'/%3E%3Cpath d='M8 8.7l2.1-.7'/%3E%3Cpath d='M16 8.7l-2.1-.7'/%3E%3Cpath d='M9 11.2h.01'/%3E%3Cpath d='M15 11.2h.01'/%3E%3Cpath d='M8.9 16.3c.9-1.2 1.9-1.8 3.1-1.8s2.2.6 3.1 1.8'/%3E%3C/svg%3E"); }
.g22-face-sleep { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.6'/%3E%3Cpath d='M7.8 10.2c.8.8 2 .8 2.8 0'/%3E%3Cpath d='M13.4 10.2c.8.8 2 .8 2.8 0'/%3E%3Ccircle cx='12' cy='15.4' r='1.5'/%3E%3C/svg%3E"); }
.g22-face-smile { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.6'/%3E%3Cpath d='M8.8 10h.01'/%3E%3Cpath d='M15.2 10h.01'/%3E%3Cpath d='M8.7 14.1c1 1.4 2.1 2 3.3 2s2.3-.6 3.3-2'/%3E%3C/svg%3E"); }
.g22-face-surprised { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.6'/%3E%3Cpath d='M8.8 10h.01'/%3E%3Cpath d='M15.2 10h.01'/%3E%3Ccircle cx='12' cy='15' r='1.7'/%3E%3C/svg%3E"); }
.g22-face-thinking { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.6'/%3E%3Cpath d='M13.9 7.7c.8-.8 1.8-.8 2.6 0'/%3E%3Cpath d='M8.8 10.4h.01'/%3E%3Cpath d='M15.2 10.4h.01'/%3E%3Cpath d='M9.2 15.7h3.2'/%3E%3C/svg%3E"); }
.g22-face-wink { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.6'/%3E%3Cpath d='M8.8 10h.01'/%3E%3Cpath d='M14.1 10h2.1'/%3E%3Cpath d='M8.7 14.1c1 1.4 2.1 2 3.3 2s2.3-.6 3.3-2'/%3E%3C/svg%3E"); }
.g22-fast-forward { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7v10l7-5z'/%3E%3Cpath d='M13 7v10l7-5z'/%3E%3C/svg%3E"); }
.g22-file { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M15 3v5h4'/%3E%3C/svg%3E"); }
.g22-film { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Cpath d='M7 4v16'/%3E%3Cpath d='M17 4v16'/%3E%3Cpath d='M3 9h4'/%3E%3Cpath d='M3 15h4'/%3E%3Cpath d='M17 9h4'/%3E%3Cpath d='M17 15h4'/%3E%3C/svg%3E"); }
.g22-filter { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 5h14l-5.5 7v5l-3 2v-7L5 5z'/%3E%3C/svg%3E"); }
.g22-folder { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7a2 2 0 0 1 2-2h3l2 2h7a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z'/%3E%3C/svg%3E"); }
.g22-gift { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='9' width='16' height='11' rx='2'/%3E%3Crect x='3' y='9' width='18' height='3.5' rx='1'/%3E%3Cpath d='M12 9v11'/%3E%3Cpath d='M12 9S10.5 4 8 5s1 4 4 4z'/%3E%3Cpath d='M12 9s1.5-5 4-4-1 4-4 4z'/%3E%3C/svg%3E"); }
.g22-git-branch { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='6.5' r='2.5'/%3E%3Ccircle cx='6' cy='17.5' r='2.5'/%3E%3Ccircle cx='18' cy='6.5' r='2.5'/%3E%3Cpath d='M6 9v6'/%3E%3Cpath d='M18 9a9 9 0 0 1-9 8.5'/%3E%3C/svg%3E"); }
.g22-git-commit { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3.5'/%3E%3Cpath d='M3 12h5'/%3E%3Cpath d='M16 12h5'/%3E%3C/svg%3E"); }
.g22-git-merge { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='6.5' r='2.5'/%3E%3Ccircle cx='18' cy='17.5' r='2.5'/%3E%3Cpath d='M6 9v9'/%3E%3Cpath d='M6 11a8 8 0 0 0 9.5 6.5'/%3E%3C/svg%3E"); }
.g22-grid { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' 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 12h16'/%3E%3Cpath d='M12 4v16'/%3E%3C/svg%3E"); }
.g22-hand-grab { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.4 9.75V7.5a1.8 1.8 0 0 0-1.8-1.8 1.8 1.8 0 0 0-1.8 1.8v1.26'/%3E%3Cpath d='M13.8 8.4V6.6a1.8 1.8 0 0 0-1.8-1.8 1.8 1.8 0 0 0-1.8 1.8v1.8'/%3E%3Cpath d='M10.2 8.31V7.5a1.8 1.8 0 0 0-1.8-1.8 1.8 1.8 0 0 0-1.8 1.8v4.5'/%3E%3Cpath d='M6.6 12a1.8 1.8 0 0 0-1.8-1.8 1.8 1.8 0 0 0-1.8 1.8'/%3E%3Cpath d='M17.4 9.3a1.8 1.8 0 1 1 3.6 0v2.7a7.2 7.2 0 0 1-7.2 7.2h-3.6a7.2 7.2 0 0 1-7.2-7.2 1.8 1.8 0 1 1 3.6 0v0.9'/%3E%3C/svg%3E"); }
.g22-hand-pointing { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 13.8a7.2 7.2 0 0 1-7.2 7.2'/%3E%3Cpath d='M17.4 11.1v-0.9a1.8 1.8 0 0 0-1.8-1.8 1.8 1.8 0 0 0-1.8 1.8'/%3E%3Cpath d='M13.8 10.2V9.3a1.8 1.8 0 0 0-1.8-1.8 1.8 1.8 0 0 0-1.8 1.8v0.9'/%3E%3Cpath d='M10.2 9.75V4.8a1.8 1.8 0 0 0-1.8-1.8 1.8 1.8 0 0 0-1.8 1.8v9'/%3E%3Cpath d='M17.4 11.1a1.8 1.8 0 1 1 3.6 0v2.7a7.2 7.2 0 0 1-7.2 7.2h-3.6a7.2 7.2 0 0 1-7.2-7.2 1.8 1.8 0 1 1 3.6 0'/%3E%3C/svg%3E"); }
.g22-hand { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.34 11.11V6.66a1.78 1.78 0 0 0-1.78-1.78 1.78 1.78 0 0 0-1.78 1.78'/%3E%3Cpath d='M13.78 10.22V4.88a1.78 1.78 0 0 0-1.78-1.78 1.78 1.78 0 0 0-1.78 1.78v1.78'/%3E%3Cpath d='M10.22 10.665V6.66a1.78 1.78 0 0 0-1.78-1.78 1.78 1.78 0 0 0-1.78 1.78v7.12'/%3E%3Cpath d='M17.34 8.44a1.78 1.78 0 1 1 3.56 0v5.34a7.12 7.12 0 0 1-7.12 7.12h-1.78c-2.492 0-4.005-0.765-5.331-2.083l-3.204-3.204a1.78 1.78 0 0 1 2.519-2.51L7.55 14.67'/%3E%3C/svg%3E"); }
.g22-hash { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4L7 20'/%3E%3Cpath d='M17 4l-2 16'/%3E%3Cpath d='M5 9h15'/%3E%3Cpath d='M4 15h15'/%3E%3C/svg%3E"); }
.g22-headphones { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14v-2a8 8 0 0 1 16 0v2'/%3E%3Crect x='3' y='14' width='4' height='6' rx='1'/%3E%3Crect x='17' y='14' width='4' height='6' rx='1'/%3E%3C/svg%3E"); }
.g22-help { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9.2 9.2a3 3 0 0 1 5.6 1c0 2-2.8 2.6-2.8 4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E"); }
.g22-home { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.42 10.57L12 3.14l8.58 7.43v8.29a2 2 0 0 1-2 2h-3.72V15.14H9.14v5.72H5.42a2 2 0 0 1-2-2z'/%3E%3C/svg%3E"); }
.g22-image { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Ccircle cx='8.5' cy='10' r='1.5'/%3E%3Cpath d='M21 16l-5-5L5 19'/%3E%3C/svg%3E"); }
.g22-info { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E"); }
.g22-link { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 17H7A5 5 0 0 1 7 7h2'/%3E%3Cpath d='M15 7h2a5 5 0 0 1 0 10h-2'/%3E%3Cpath d='M8 12h8'/%3E%3C/svg%3E"); }
.g22-list { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6h11'/%3E%3Cpath d='M9 12h11'/%3E%3Cpath d='M9 18h11'/%3E%3Ccircle cx='4.5' cy='6' r='1'/%3E%3Ccircle cx='4.5' cy='12' r='1'/%3E%3Ccircle cx='4.5' cy='18' r='1'/%3E%3C/svg%3E"); }
.g22-lock { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='9' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3Cpath d='M12 15v2'/%3E%3C/svg%3E"); }
.g22-log-in { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4'/%3E%3Cpath d='M10 17l5-5-5-5'/%3E%3Cpath d='M15 12H3'/%3E%3C/svg%3E"); }
.g22-log-out { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpath d='M16 17l5-5-5-5'/%3E%3Cpath d='M21 12H9'/%3E%3C/svg%3E"); }
.g22-mail { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.11' y='5.89' width='17.79' height='12.23' rx='2'/%3E%3Cpath d='M4.5 7.55L12 12.83L19.5 7.55'/%3E%3C/svg%3E"); }
.g22-maximize { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3H5a2 2 0 0 0-2 2v3'/%3E%3Cpath d='M16 3h3a2 2 0 0 1 2 2v3'/%3E%3Cpath d='M8 21H5a2 2 0 0 1-2-2v-3'/%3E%3Cpath d='M16 21h3a2 2 0 0 0 2-2v-3'/%3E%3C/svg%3E"); }
.g22-menu { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h16'/%3E%3Cpath d='M4 12h16'/%3E%3Cpath d='M4 18h16'/%3E%3C/svg%3E"); }
.g22-message-circle { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11.5a7.5 7.5 0 0 1-10.8 6.7L4 20l1.8-5.2A7.5 7.5 0 1 1 20 11.5z'/%3E%3C/svg%3E"); }
.g22-mic { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='3' width='6' height='11' rx='3'/%3E%3Cpath d='M6 11a6 6 0 0 0 12 0'/%3E%3Cpath d='M12 17v4'/%3E%3Cpath d='M9 21h6'/%3E%3C/svg%3E"); }
.g22-minimize { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3v4a2 2 0 0 1-2 2H3'/%3E%3Cpath d='M15 3v4a2 2 0 0 0 2 2h4'/%3E%3Cpath d='M9 21v-4a2 2 0 0 0-2-2H3'/%3E%3Cpath d='M15 21v-4a2 2 0 0 1 2-2h4'/%3E%3C/svg%3E"); }
.g22-minus { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E"); }
.g22-moon { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13A8 8 0 1 1 11 4a6 6 0 0 0 9 9z'/%3E%3C/svg%3E"); }
.g22-more-horizontal { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='5' cy='12' r='1'/%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3Ccircle cx='19' cy='12' r='1'/%3E%3C/svg%3E"); }
.g22-more-vertical { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='5' r='1'/%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3Ccircle cx='12' cy='19' r='1'/%3E%3C/svg%3E"); }
.g22-mouse-pointer-click { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.61 8.61l5.085 12.43 1.808-5.311 5.311-1.808L8.61 8.61z'/%3E%3Cpath d='M8.61 3.525v2.599'/%3E%3Cpath d='M3.525 8.61h2.599'/%3E%3Cpath d='M4.994 4.994l1.808 1.808'/%3E%3Cpath d='M4.994 12.226l1.808-1.808'/%3E%3C/svg%3E"); }
.g22-move { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v18'/%3E%3Cpath d='M3 12h18'/%3E%3Cpath d='M9 6l3-3 3 3'/%3E%3Cpath d='M9 18l3 3 3-3'/%3E%3Cpath d='M6 9l-3 3 3 3'/%3E%3Cpath d='M18 9l3 3-3 3'/%3E%3C/svg%3E"); }
.g22-music { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 17V6l10-2v11'/%3E%3Ccircle cx='6.5' cy='17' r='2.5'/%3E%3Ccircle cx='16.5' cy='15' r='2.5'/%3E%3C/svg%3E"); }
.g22-paperclip { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11l-8.5 8.5a5 5 0 0 1-7-7L13 4a3.4 3.4 0 0 1 4.8 4.8l-8.5 8.5a1.8 1.8 0 0 1-2.6-2.6L14 6'/%3E%3C/svg%3E"); }
.g22-pause-circle { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M10 9v6'/%3E%3Cpath d='M14 9v6'/%3E%3C/svg%3E"); }
.g22-pause { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5v14'/%3E%3Cpath d='M15 5v14'/%3E%3C/svg%3E"); }
.g22-phone { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L16 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 5a2 2 0 0 1 2-1z'/%3E%3C/svg%3E"); }
.g22-pinch { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3l6.5 6.5'/%3E%3Cpath d='M9.5 3.5v6h-6'/%3E%3Cpath d='M21 21l-6.5-6.5'/%3E%3Cpath d='M14.5 20.5v-6h6'/%3E%3C/svg%3E"); }
.g22-play-circle { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M10 8.5l6 3.5-6 3.5z'/%3E%3C/svg%3E"); }
.g22-play { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 5l10 7-10 7z'/%3E%3C/svg%3E"); }
.g22-plus { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14'/%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E"); }
.g22-refresh { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 0 1 15-6.7L21 8'/%3E%3Cpath d='M21 3v5h-5'/%3E%3Cpath d='M21 12a9 9 0 0 1-15 6.7L3 16'/%3E%3Cpath d='M3 21v-5h5'/%3E%3C/svg%3E"); }
.g22-repeat { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 3l3 3-3 3'/%3E%3Cpath d='M20 6H8a4 4 0 0 0-4 4v1'/%3E%3Cpath d='M7 21l-3-3 3-3'/%3E%3Cpath d='M4 18h12a4 4 0 0 0 4-4v-1'/%3E%3C/svg%3E"); }
.g22-rewind { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 7v10l-7-5z'/%3E%3Cpath d='M21 7v10l-7-5z'/%3E%3C/svg%3E"); }
.g22-rotate-ccw { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8a8 8 0 1 1 -.8 6'/%3E%3Cpath d='M4 3v5h5'/%3E%3C/svg%3E"); }
.g22-rotate-cw { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 8a8 8 0 1 0 .8 6'/%3E%3Cpath d='M20 3v5h-5'/%3E%3C/svg%3E"); }
.g22-save { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 8.5V19a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h8.5L19 8.5z'/%3E%3Cpath d='M8 3v5h7'/%3E%3Crect x='8' y='13' width='8' height='8'/%3E%3C/svg%3E"); }
.g22-search { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9.82' cy='9.82' r='6.67'/%3E%3Cpath d='M15.05 15.05L20.85 20.85'/%3E%3C/svg%3E"); }
.g22-send { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 3L3 10.5l7 3 3 7L21 3z'/%3E%3Cpath d='M21 3l-11 10.5'/%3E%3C/svg%3E"); }
.g22-server { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='7' rx='2'/%3E%3Crect x='3' y='13' width='18' height='7' rx='2'/%3E%3Cpath d='M7 7.5h.01'/%3E%3Cpath d='M7 16.5h.01'/%3E%3C/svg%3E"); }
.g22-settings { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.65 4.21h6.69a2 2 0 0 1 1.73 1l3.35 5.79a2 2 0 0 1 0 2l-3.35 5.79a2 2 0 0 1-1.73 1H8.65a2 2 0 0 1-1.73-1l-3.34-5.79a2 2 0 0 1 0-2l3.34-5.79a2 2 0 0 1 1.73-1z'/%3E%3Ccircle cx='12' cy='12' r='3.2'/%3E%3C/svg%3E"); }
.g22-share { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cpath d='M8.6 13.5l6.8 4'/%3E%3Cpath d='M15.4 6.5l-6.8 4'/%3E%3C/svg%3E"); }
.g22-shopping-bag { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 7h14l-1 13H6L5 7z'/%3E%3Cpath d='M9 7a3 3 0 0 1 6 0'/%3E%3C/svg%3E"); }
.g22-shopping-cart { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9.5' cy='19.3' r='1.4'/%3E%3Ccircle cx='17' cy='19.3' r='1.4'/%3E%3Cpath d='M3 3.3h2l2.4 12h10L20 6.3H6.2'/%3E%3C/svg%3E"); }
.g22-skip-back { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6v12l-9-6 9-6z'/%3E%3Cpath d='M6 5v14'/%3E%3C/svg%3E"); }
.g22-skip-forward { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 6v12l9-6-9-6z'/%3E%3Cpath d='M18 5v14'/%3E%3C/svg%3E"); }
.g22-sort { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 4v16'/%3E%3Cpath d='M5 8l3-4 3 4'/%3E%3Cpath d='M16 20V4'/%3E%3Cpath d='M13 16l3 4 3-4'/%3E%3C/svg%3E"); }
.g22-star { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5l2.6 5.3 5.8.8-4.2 4.1 1 5.8-5.2-2.7-5.2 2.7 1-5.8-4.2-4.1 5.8-.8z'/%3E%3C/svg%3E"); }
.g22-stop { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='6' width='12' height='12' rx='2'/%3E%3C/svg%3E"); }
.g22-sun { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3.6'/%3E%3Cpath d='M12 3v2.25'/%3E%3Cpath d='M12 18.75V21'/%3E%3Cpath d='M3 12h2.25'/%3E%3Cpath d='M18.75 12H21'/%3E%3Cpath d='M5.61 5.61l1.62 1.62'/%3E%3Cpath d='M16.77 16.77l1.62 1.62'/%3E%3Cpath d='M18.39 5.61l-1.62 1.62'/%3E%3Cpath d='M7.23 16.77l-1.62 1.62'/%3E%3C/svg%3E"); }
.g22-swipe { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 4v8'/%3E%3Cpath d='M14 4v8'/%3E%3Cpath d='M5 17h14'/%3E%3Cpath d='M7.5 14.5L5 17l2.5 2.5'/%3E%3Cpath d='M16.5 14.5L19 17l-2.5 2.5'/%3E%3C/svg%3E"); }
.g22-table { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3Cpath d='M9 5v14'/%3E%3C/svg%3E"); }
.g22-tag { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h7l9 9-7 7-9-9V4z'/%3E%3Ccircle cx='8' cy='8' r='1.3'/%3E%3C/svg%3E"); }
.g22-terminal { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M7 9l3 3-3 3'/%3E%3Cpath d='M13 15h4'/%3E%3C/svg%3E"); }
.g22-trash { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16'/%3E%3Cpath d='M10 11v6'/%3E%3Cpath d='M14 11v6'/%3E%3Cpath d='M6 7l0.92 12a2 2 0 0 0 2 1.85h6.16a2 2 0 0 0 2-1.85L18 7'/%3E%3Cpath d='M9 7V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3'/%3E%3C/svg%3E"); }
.g22-unlock { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='9' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 7.9-1'/%3E%3Cpath d='M12 15v2'/%3E%3C/svg%3E"); }
.g22-upload { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20V10'/%3E%3Cpath d='M8 14l4-4 4 4'/%3E%3Cpath d='M5 6h14'/%3E%3C/svg%3E"); }
.g22-user { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='7.4' r='3.7'/%3E%3Cpath d='M4.2 20c0-4.1 3.2-6.8 7.8-6.8s7.8 2.7 7.8 6.8'/%3E%3C/svg%3E"); }
.g22-users { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.5'/%3E%3Cpath d='M3 20a6 6 0 0 1 12 0'/%3E%3Cpath d='M16 5.2a3.5 3.5 0 0 1 0 6.6'/%3E%3Cpath d='M21 20a6 6 0 0 0-4.5-5.8'/%3E%3C/svg%3E"); }
.g22-video { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='13' height='12' rx='2'/%3E%3Cpath d='M16 10l5-3v10l-5-3z'/%3E%3C/svg%3E"); }
.g22-volume-x { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9v6h4l5 4V5L8 9H4z'/%3E%3Cpath d='M16 9l5 6'/%3E%3Cpath d='M21 9l-5 6'/%3E%3C/svg%3E"); }
.g22-volume { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9v6h4l5 4V5L8 9H4z'/%3E%3Cpath d='M16 9a4 4 0 0 1 0 6'/%3E%3Cpath d='M18.5 6.5a8 8 0 0 1 0 11'/%3E%3C/svg%3E"); }
.g22-wallet { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='13' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3Cpath d='M17 14h.01'/%3E%3C/svg%3E"); }
.g22-wifi { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9a14 14 0 0 1 18 0'/%3E%3Cpath d='M6 12.5a9 9 0 0 1 12 0'/%3E%3Cpath d='M9 16a4.5 4.5 0 0 1 6 0'/%3E%3Cpath d='M12 19h.01'/%3E%3C/svg%3E"); }
.g22-x-circle { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M15 9l-6 6'/%3E%3Cpath d='M9 9l6 6'/%3E%3C/svg%3E"); }
.g22-zap { --g22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 3L4 14h7l-1 7 9-11h-7l1-7z'/%3E%3C/svg%3E"); }