:root {
    --icon-search: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 768 768"><path fill="currentColor" d="M651.143 604.182c6.475 6.475 6.475 16.982 0 23.479l-23.479 23.479c-6.495 6.475-17.001 6.475-23.479 0l-164.351-164.351c-1.785-1.785-2.976-3.895-3.774-6.139-33.71 24.631-75.103 39.338-120.068 39.338-112.655 0-203.992-91.339-203.992-203.992s91.339-203.992 203.992-203.992c112.655 0 203.992 91.339 203.992 203.992 0 44.962-14.707 86.359-39.338 120.068 2.245 0.798 4.352 1.971 6.139 3.774l164.351 164.351zM316 179.996c-75.103 0-135.996 60.892-135.996 135.996s60.892 135.996 135.996 135.996 135.996-60.892 135.996-135.996c0-75.103-60.892-135.996-135.996-135.996z"></path></svg>');
    --icon-add: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>');
    --icon-send: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="22" y1="2" x2="11" y2="13"/><polygon points="22,2 15,22 11,13 2,9 22,2"/></svg>');
    --icon-clock-3pm: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 12V6"/><path d="M12 12H17"/></svg>');
    --icon-minus: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/></svg>');
    --icon-close: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>');
    --icon-menu: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="18" x2="21" y2="18"/></svg>');
    --icon-join: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2"/><circle cx="8.5" cy="7" r="4"/><line x1="20" y1="8" x2="20" y2="14"/><line x1="23" y1="11" x2="17" y2="11"/></svg>');
    --icon-signin: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4"/><polyline points="10 17 15 12 10 7"/><line x1="15" y1="12" x2="3" y2="12"/></svg>');
    --icon-signout: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/><polyline points="16 17 21 12 16 7"/><line x1="21" y1="12" x2="9" y2="12"/></svg>');
    --icon-categories: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 768 768" fill="currentColor" stroke="currentColor"><path d="M516.077 118.547h-264.223c0 0-33.049 0-33.049 33.181h330.321c0-33.181-33.049-33.181-33.049-33.181zM615.189 218.091c0-33.181-33.017-33.181-33.017-33.181h-396.384c0 0-33.016 0-33.016 33.181v33.181h462.416v-33.181zM681.221 251.275c-19.51-19.642-19.51-19.642-19.51-19.642v52.826h-555.455v-52.825c0 0 0 0-19.542 19.642s-33.547 24.884-25.683 66.365c7.833 41.342 45.76 267.972 51.396 298.63 6.172 33.647 40.384 33.181 40.384 33.181h462.416c0 0 34.175 0.466 40.382-33.181 5.643-30.661 43.532-257.289 51.396-298.63 7.796-41.479-6.203-46.719-25.782-66.365zM516.707 450.263c0 18.385-14.901 33.28-33.281 33.28h-198.887c-18.385 0-33.281-14.901-33.281-33.28v-66.266h33.181v66.365h199.086v-66.365h33.181v66.264z"></path></svg>');
    --icon-left: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"></polyline></svg>');
    --icon-right: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg>');
    --icon-folder: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10 4l2 2h8a2 2 0 012 2v10a2 2 0 01-2 2H4a2 2 0 01-2-2V6c0-1.1.9-2 2-2h6z" fill="currentColor" opacity="0.5"/><path d="M 2 8 h 18 a 2 2 0 0 1 2 2 v 8 a 2 2 0 0 1 -2 2 H 4 a 2 2 0 0 1 -2 -2 v -8 c 0 -1.1 0.9 -2 2 -2 z" fill="currentColor" opacity="1"/></svg>');
    --icon-folder-open: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10 4l2 2h8a2 2 0 012 2v10a2 2 0 01-2 2H4a2 2 0 01-2-2V6c0-1.1.9-2 2-2h6z" fill="currentColor" opacity="0.5"/><path d="m 2 9 h 20 c 1 0 2 1 2 2 l -2 7 c -1 2 -1 2 -4 2 H 4 c -1 0 -2 -1 -2 -2 l 2 -7 c 0 -1 1 -2 2 -2 z" fill="currentColor" opacity="1"/></svg>');
    --icon-theme-system: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><circle cx="12" cy="12" r="6"/><line x1="12" y1="2" x2="12" y2="4"/><line x1="12" y1="20" x2="12" y2="22"/><line x1="4.93" y1="4.93" x2="6.34" y2="6.34"/><line x1="17.66" y1="17.66" x2="19.07" y2="19.07"/><line x1="2" y1="12" x2="4" y2="12"/><line x1="20" y1="12" x2="22" y2="12"/><line x1="4.93" y1="19.07" x2="6.34" y2="17.66"/><line x1="17.66" y1="6.34" x2="19.07" y2="4.93"/></svg>');
    --icon-theme-light: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"/><line x1="12" y1="1" x2="12" y2="3"/><line x1="12" y1="21" x2="12" y2="23"/><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"/><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"/><line x1="1" y1="12" x2="3" y2="12"/><line x1="21" y1="12" x2="23" y2="12"/><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"/><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"/></svg>');
    --icon-theme-dark: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/></svg>');
    --icon-check: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>');
    --icon-down: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>');
    --icon-up: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="18 15 12 9 6 15"></polyline></svg>');
    --icon-back: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 768 768" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path fill="currentColor" d="M640.5 352.5v63h-390l178.5 180-45  45-256.5-256.5 256.5-256.5 45 45-178.5 180h390z"/></svg>');
    --icon-up-down: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 15l5 5 5-5M7 9l5-5 5 5"/></svg>');
    --icon-trend-up: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="7 17 17 7"/><polyline points="11 7 17 7 17 13"/></svg>');
    --icon-trend-down: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="7 7 17 17"/><polyline points="11 17 17 17 17 11"/></svg>');
    --icon-trend-side: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="13 17 18 12 13 7"/><line x1="18" y1="12" x2="6" y2="12"/></svg>');
    --icon-triangle-up: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 768 768"><path fill="currentColor" d="M384 192l192 384H192z"/></svg>');
    --icon-triangle-left: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 768 768"><path fill="currentColor" d="M192 384L576 576V192z"/></svg>');
    --icon-triangle-right: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 768 768"><path fill="currentColor" d="M576 384L192 576V192z"/></svg>');
    --icon-triangle-down: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 768 768"><path fill="currentColor" d="M192 192h384L384 576z"/></svg>');
    --icon-return: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 768 768" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path fill="currentColor" d="M607.5 223.5h64.5v192h-486l115.5 115.5-45 45-192-192 192-192 45 45-115.5 115.5h421.5v-129z"/></svg>');
    --icon-esc: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><rect x="1" y="1" width="22" height="22" rx="4" ry="4" fill="none" stroke="currentColor" stroke-width="2"/><text x="6" y="15" font-family="Arial" font-size="7" fill="currentColor">ESC</text></svg>');
    --icon-info: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg>');
    --icon-file-text: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>');
    --icon-star: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>');
    --icon-activity: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"></polyline></svg>');
    --icon-box: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>');
    --icon-save: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"></path><polyline points="17 21 17 13 7 13 7 21"></polyline><polyline points="7 3 7 8 15 8"></polyline></svg>');
    --icon-edit: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path></svg>');
    --icon-delete: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path><line x1="10" y1="11" x2="10" y2="17"></line><line x1="14" y1="11" x2="14" y2="17"></line></svg>');
    --icon-upload: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="17 8 12 3 7 8"/><line x1="12" y1="3" x2="12" y2="15"/></svg>');
    --icon-user: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>');
    --icon-copy: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg>');
    --icon-refresh: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="23 4 23 10 17 10"></polyline><polyline points="1 20 1 14 7 14"></polyline><path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"></path></svg>');
    --icon-mail: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>');
    --icon-lock: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg>');
    --icon-eye: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg>');
    --icon-heart: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg>');
    --icon-clock: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>');
    --icon-party: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5.8 11.3 2 22l10.7-3.79"/><path d="M4 3h.01"/><path d="M22 8h.01"/><path d="M15 2h.01"/><path d="M22 20h.01"/><path d="m22 2-2.24.75a2.9 2.9 0 0 0-1.96 3.12v0c.1.86-.57 1.63-1.45 1.63h-.38c-.86 0-1.6.6-1.76 1.44L14 10"/><path d="m22 13-.82-.33c-.86-.34-1.82.2-1.98 1.11v0c-.11.7-.72 1.22-1.43 1.22H17"/><path d="m11 2 .33.82c.34.86-.2 1.82-1.11 1.98v0C9.52 4.91 9 5.52 9 6.23V7"/><path d="M11 13c1.93 1.93 2.83 4.17 2 5-.83.83-3.07-.07-5-2-1.93-1.93-2.83-4.17-2-5 .83-.83 3.07.07 5 2Z"/></svg>');
    --icon-monitor: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect><line x1="8" y1="21" x2="16" y2="21"></line><line x1="12" y1="17" x2="12" y2="21"></line></svg>');
    --icon-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><circle cx="8.5" cy="8.5" r="1.5"/><polyline points="21 15 16 10 5 21"/></svg>');
    --icon-image-off: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="1" y1="1" x2="23" y2="23"/><path d="M21 21H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h3m4.58 0H21a2 2 0 0 1 2 2v13.42"/><path d="M11 11a3 3 0 1 0 4.24 4.24"/><polyline points="21 15 16 10 13 13"/><polyline points="5 21 10 16"/></svg>');
    --icon-message: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg>');
    --icon-shopping-cart: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="21" r="1"/><circle cx="20" cy="21" r="1"/><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"/></svg>');
    --icon-paypal: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 18V5l7 0c2 0 4 1 4 4s-2 4-4 4l-3 0 0 5"></path><path d="M10 21V10l6 0c1.5 0 3 0.8 3 3s-1.5 3-3 3l-2.5 0 0 5"></path></svg>');
    --icon-code: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg>');
    --icon-diamond: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2.7 10.3a2.41 2.41 0 0 0 0 3.41l7.59 7.59a2.41 2.41 0 0 0 3.41 0l7.59-7.59a2.41 2.41 0 0 0 0-3.41l-7.59-7.59a2.41 2.41 0 0 0-3.41 0Z"/></svg>');
    --icon-link: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg>');
    --icon-download: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>');
    --icon-globe: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="2" y1="12" x2="22" y2="12"></line><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path></svg>');
    --icon-shuffle: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 3 21 3 21 8"></polyline><line x1="4" y1="20" x2="21" y2="3"></line><polyline points="21 16 21 21 16 21"></polyline><line x1="15" y1="15" x2="21" y2="21"></line><line x1="4" y1="4" x2="9" y2="9"></line></svg>');
}

.icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-color: currentColor;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon.search {
    -webkit-mask-image: var(--icon-search);
    mask-image: var(--icon-search);
}

.icon.add {
    -webkit-mask-image: var(--icon-add);
    mask-image: var(--icon-add);
}

.icon.upload {
    -webkit-mask-image: var(--icon-upload);
    mask-image: var(--icon-upload);
}

.icon.user {
    -webkit-mask-image: var(--icon-user);
    mask-image: var(--icon-user);
}

.icon.send {
    -webkit-mask-image: var(--icon-send);
    mask-image: var(--icon-send);
}

.icon.clock-3pm {
    -webkit-mask-image: var(--icon-clock-3pm);
    mask-image: var(--icon-clock-3pm);
}

.icon.close {
    -webkit-mask-image: var(--icon-close);
    mask-image: var(--icon-close);
}

.icon.minus {
    -webkit-mask-image: var(--icon-minus);
    mask-image: var(--icon-minus);
}

.icon.menu {
    -webkit-mask-image: var(--icon-menu);
    mask-image: var(--icon-menu);
}

.icon.join {
    -webkit-mask-image: var(--icon-join);
    mask-image: var(--icon-join);
}

.icon.signin {
    -webkit-mask-image: var(--icon-signin);
    mask-image: var(--icon-signin);
}

.icon.signout {
    -webkit-mask-image: var(--icon-signout);
    mask-image: var(--icon-signout);
}

.icon.categories {
    -webkit-mask-image: var(--icon-categories);
    mask-image: var(--icon-categories);
}

.icon.folder {
    -webkit-mask-image: var(--icon-folder);
    mask-image: var(--icon-folder);
}

.icon.open-folder {
    -webkit-mask-image: var(--icon-folder-open);
    mask-image: var(--icon-folder-open);
}

.icon.theme-system {
    -webkit-mask-image: var(--icon-theme-system);
    mask-image: var(--icon-theme-system);
}

.icon.theme-light {
    -webkit-mask-image: var(--icon-theme-light);
    mask-image: var(--icon-theme-light);
}

.icon.theme-dark {
    -webkit-mask-image: var(--icon-theme-dark);
    mask-image: var(--icon-theme-dark);
}

.icon.check {
    -webkit-mask-image: var(--icon-check);
    mask-image: var(--icon-check);
}

.icon.down {
    -webkit-mask-image: var(--icon-down);
    mask-image: var(--icon-down);
}

.icon.up {
    -webkit-mask-image: var(--icon-up);
    mask-image: var(--icon-up);
}

.icon.back {
    -webkit-mask-image: var(--icon-back);
    mask-image: var(--icon-back);
}

.icon.up-down {
    -webkit-mask-image: var(--icon-up-down);
    mask-image: var(--icon-up-down);
}

.icon.left {
    -webkit-mask-image: var(--icon-left);
    mask-image: var(--icon-left);
}

.icon.right {
    -webkit-mask-image: var(--icon-right);
    mask-image: var(--icon-right);
}

.icon.trend-up {
    -webkit-mask-image: var(--icon-trend-up);
    mask-image: var(--icon-trend-up);
}

.icon.trend-side {
    -webkit-mask-image: var(--icon-trend-side);
    mask-image: var(--icon-trend-side);
}

.icon.trend-down {
    -webkit-mask-image: var(--icon-trend-down);
    mask-image: var(--icon-trend-down);
}

.icon.triangle-up {
    -webkit-mask-image: var(--icon-triangle-up);
    mask-image: var(--icon-triangle-up);
}

.icon.triangle-left {
    -webkit-mask-image: var(--icon-triangle-left);
    mask-image: var(--icon-triangle-left);
}

.icon.triangle-right {
    -webkit-mask-image: var(--icon-triangle-right);
    mask-image: var(--icon-triangle-right);
}

.icon.triangle-down {
    -webkit-mask-image: var(--icon-triangle-down);
    mask-image: var(--icon-triangle-down);
}

.icon.return {
    -webkit-mask-image: var(--icon-return);
    mask-image: var(--icon-return);
}

.icon.esc {
    -webkit-mask-image: var(--icon-esc);
    mask-image: var(--icon-esc);
}

.icon.info {
    -webkit-mask-image: var(--icon-info);
    mask-image: var(--icon-info);
}

.icon.file-text {
    -webkit-mask-image: var(--icon-file-text);
    mask-image: var(--icon-file-text);
}

.icon.star {
    -webkit-mask-image: var(--icon-star);
    mask-image: var(--icon-star);
}

.icon.activity {
    -webkit-mask-image: var(--icon-activity);
    mask-image: var(--icon-activity);
}

.icon.box {
    -webkit-mask-image: var(--icon-box);
    mask-image: var(--icon-box);
}

.icon.save {
    -webkit-mask-image: var(--icon-save);
    mask-image: var(--icon-save);
}

.icon.edit {
    -webkit-mask-image: var(--icon-edit);
    mask-image: var(--icon-edit);
}

.icon.delete {
    -webkit-mask-image: var(--icon-delete);
    mask-image: var(--icon-delete);
}

.icon.copy {
    -webkit-mask-image: var(--icon-copy);
    mask-image: var(--icon-copy);
}

.icon.refresh {
    -webkit-mask-image: var(--icon-refresh);
    mask-image: var(--icon-refresh);
}

.icon.mail {
    -webkit-mask-image: var(--icon-mail);
    mask-image: var(--icon-mail);
}

.icon.lock {
    -webkit-mask-image: var(--icon-lock);
    mask-image: var(--icon-lock);
}

.icon.eye {
    -webkit-mask-image: var(--icon-eye);
    mask-image: var(--icon-eye);
}

.icon.heart {
    -webkit-mask-image: var(--icon-heart);
    mask-image: var(--icon-heart);
}

.icon.clock {
    -webkit-mask-image: var(--icon-clock);
    mask-image: var(--icon-clock);
}

.icon.monitor {
    -webkit-mask-image: var(--icon-monitor);
    mask-image: var(--icon-monitor);
}

.icon.image {
    -webkit-mask-image: var(--icon-image);
    mask-image: var(--icon-image);
}

.icon.image-off {
    -webkit-mask-image: var(--icon-image-off);
    mask-image: var(--icon-image-off);
}

.icon.message {
    -webkit-mask-image: var(--icon-message);
    mask-image: var(--icon-message);
}

.icon.shopping-cart {
    -webkit-mask-image: var(--icon-shopping-cart);
    mask-image: var(--icon-shopping-cart);
}

.icon.paypal {
    -webkit-mask-image: var(--icon-paypal);
    mask-image: var(--icon-paypal);
}

.icon.code {
    -webkit-mask-image: var(--icon-code);
    mask-image: var(--icon-code);
}

.icon.diamond {
    -webkit-mask-image: var(--icon-diamond);
    mask-image: var(--icon-diamond);
}

.icon.link {
    -webkit-mask-image: var(--icon-link);
    mask-image: var(--icon-link);
}

.icon.download {
    -webkit-mask-image: var(--icon-download);
    mask-image: var(--icon-download);
}

.icon.party {
    -webkit-mask-image: var(--icon-party);
    mask-image: var(--icon-party);
    width: 14px;
    height: 14px;
    margin-right: 4px;
    vertical-align: text-bottom;
}

.icon.globe {
    -webkit-mask-image: var(--icon-globe);
    mask-image: var(--icon-globe);
}

.icon.shuffle {
    -webkit-mask-image: var(--icon-shuffle);
    mask-image: var(--icon-shuffle);
}