PageSourceSearch

https://www.kundo.se/mail

html kundo.se collected 2026-09-24 17:43:55 UTC 256,405 bytes, 4,006 lines download raw bytes

1<!doctype html><html lang="sv" class="is-light"><head>
2    <meta charset="utf-8">
3    
4    <title>Effektiv och enkel e-posthantering | Kundo</title>
5     
6    <link rel="shortcut icon" href="https://www.kundo.se/hubfs/Favicon%20(5).png">
7    
7<script src="https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.9.6/lottie.min.js"></script>
7
8    
9    <meta name="description" content="Hantera kundärenden smidigt och tidseffektivt med Kundos GDPR-godkända mailhanteringssystem.">
10      
11      <meta name="viewport" content="width=device-width, initial-scale=1">
12
13    
13<script src="/hs/hsstatic/jquery-libs/static-1.4/jquery/jquery-1.11.2.js"></script>
vendor: 1 bytes, line 13
13
14<script>hsjQuery = window['jQuery'];</script>
14
15    <meta property="og:description" content="Hantera kundärenden smidigt och tidseffektivt med Kundos GDPR-godkända mailhanteringssystem.">
16    <meta property="og:title" content="Effektiv och enkel e-posthantering | Kundo">
17    <meta name="twitter:description" content="Hantera kundärenden smidigt och tidseffektivt med Kundos GDPR-godkända mailhanteringssystem.">
18    <meta name="twitter:title" content="Effektiv och enkel e-posthantering | Kundo">
19
20    
21
22    
23
24    <style>
25a.cta_button{-moz-box-sizing:content-box !important;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;vertical-align:middle}.hs-breadcrumb-menu{list-style-type:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}.hs-breadcrumb-menu-item{float:left;padding:10px 0px 10px 10px}.hs-breadcrumb-menu-divider:before{content:'›';padding-left:10px}.hs-featured-image-link{border:0}.hs-featured-image{float:right;margin:0 0 20px 20px;max-width:50%}@media (max-width: 568px){.hs-featured-image{float:none;margin:0;width:100%;max-width:100%}}.hs-screen-reader-text{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px}
26</style>
27
28<link rel="stylesheet" href="https://www.kundo.se/hubfs/hub_generated/template_assets/1/176019753596/1790156513129/template_main.min.css">
29<link rel="stylesheet" href="https://www.kundo.se/hubfs/hub_generated/template_assets/1/176020452410/1790156514383/template_theme-overrides.min.css">
30
31<style>
32  #hs_cos_wrapper_logo .logo {
33  display:flex;
34  align-items:center;
35}
36
37#hs_cos_wrapper_logo .logo__link {
38  display:flex;
39  align-items:center;
40}
41
42#hs_cos_wrapper_logo .logo__image {
43  max-width:100%;
44  height:auto;
45}
46
47</style>
48
49
50  <style>
51    #hs_cos_wrapper_main-menu .main-menu { position:relative; }
52
53#hs_cos_wrapper_main-menu .main-menu__background {
54  background-color:rgba(255,255,255,0.7);
55  -webkit-backdrop-filter:blur(20px);
56  backdrop-filter:blur(20px);
57  border-radius:50px;
58  position:absolute;
59  top:0;
60  left:50%;
61  width:100%;
62  height:100%;
63  transform:translateX(-50%);
64  transition:width 0.5s var(--easing-base),height 0.5s var(--easing-base);
65}
66
67#hs_cos_wrapper_main-menu .main-menu__inner {
68  padding:0 18px;
69  margin:0;
70  display:flex;
71  position:relative;
72  z-index:1;
73}
74
75#hs_cos_wrapper_main-menu .main-menu__item { list-style:none; }
76
77#hs_cos_wrapper_main-menu .main-menu__link-label {
78  display:block;
79  font:var(--font-nav-item);
80  letter-spacing:var(--letter-spacing-nav-item);
81  color:var(--color-obsidian);
82  padding:24px 12px;
83  margin:0;
84  text-decoration:none;
85  transition:color 0.1s ease-in-out;
86}
87
88#hs_cos_wrapper_main-menu .is-link .main-menu__link-label:hover,
89#hs_cos_wrapper_main-menu .is-link .main-menu__link-label:focus { color:var(--color-lurid-orange); }
90
91#hs_cos_wrapper_main-menu .main-menu__item.is-visible .main-menu__link-label img { transform:rotate(180deg); }
92
93#hs_cos_wrapper_main-menu .main-menu__link-label img {
94  display:inline-block;
95  margin-bottom:0.15em;
96  margin-left:0.4em;
97  transition:transform 400ms var(--easing-base);
98}
99
100#hs_cos_wrapper_main-menu .main-menu__submenu-title,
101#hs_cos_wrapper_main-menu .main-menu__submenu::before {
102  font:var(--font-label);
103  letter-spacing:var(--letter-spacing-label);
104  display:block;
105  color:var(--color-beef-jerky);
106  margin-bottom:8px;
107}
108
109#hs_cos_wrapper_main-menu .main-menu__highlight .main-menu__submenu-title { padding-left:18px; }
110
111#hs_cos_wrapper_main-menu .main-menu__submenu::before { content:attr(aria-label); }
112
113#hs_cos_wrapper_main-menu .main-menu__submenu-container {
114  padding:50px;
115  display:none;
116  position:absolute;
117  top:100%;
118  left:50%;
119  transform:translateX(-50%);
120  gap:44px;
121  display:flex;
122  z-index:-100;
123  opacity:0;
124  transition:opacity 0.2s linear;
125  pointer-events:none;
126}
127
128#hs_cos_wrapper_main-menu .main-menu__submenu-container.is-visible {
129  z-index:100;
130  opacity:1;
131  transition:opacity 0.3s linear 0.2s;
132  pointer-events:all;
133}
134
135#hs_cos_wrapper_main-menu .main-menu__submenu {
136  padding:0;
137  margin:0;
138  list-style:none;
139}
140
141#hs_cos_wrapper_main-menu .main-menu__submenu-link {
142  display:inline-block;
143  color:var(--color-obsidian);
144  text-decoration:none;
145  padding:7px 0px;
146  break-inside:avoid;
147  white-space:nowrap;
148  transition:color 0.1s ease-in-out;
149  font:var(--font-nav-subitem-small);
150  letter-spacing:var(--letter-spacing-nav-subitem-small);
151}
152
153#hs_cos_wrapper_main-menu .main-menu__submenu-link:hover,
154#hs_cos_wrapper_main-menu .main-menu__submenu-link:focus { color:var(--color-lurid-orange); }
155
156#hs_cos_wrapper_main-menu .main-menu__submenu-link.is-small {
157  font:var(--font-nav-subitem-small);
158  letter-spacing:var(--letter-spacing-nav-subitem-small);
159}
160
161#hs_cos_wrapper_main-menu .main-menu__submenu-link.is-large {
162  font:var(--font-nav-subitem-large);
163  letter-spacing:var(--letter-spacing-nav-subitem-large);
164}
165
166#hs_cos_wrapper_main-menu .main-menu__highlight {
167  width:285px;
168  padding-left:30px;
169}
170
171#hs_cos_wrapper_main-menu .main-menu__highlight-image-container {
172  width:100%;
173  overflow:hidden;
174  position:relative;
175  aspect-ratio:285/179;
176  border-radius:var(--radius-s);
177  margin-bottom:10px;
178  padding:16px 20px;
179  display:flex;
180  flex-direction:column;
181  justify-content:flex-end;
182}
183
184#hs_cos_wrapper_main-menu .main-menu__highlight-image-container:after {
185  content:'';
186  position:absolute;
187  top:0;
188  left:0;
189  width:100%;
190  height:100%;
191  background:linear-gradient(0deg,rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%);
192  z-index:1;
193}
194
195#hs_cos_wrapper_main-menu .main-menu__highlight-image {
196  position:absolute;
197  top:0;
198  left:0;
199  width:100%;
200  height:100%;
201  object-fit:cover;
202  object-position:center;
203}
204
205#hs_cos_wrapper_main-menu .main-menu__highlight-title {
206  font:var(--font-nav-subitem-large);
207  letter-spacing:var(--letter-spacing-nav-subitem-large);
208  font-size:24px;
209  color:var(--color-snow);
210  position:relative;
211  line-height:1;
212  z-index:2;
213  padding:0;
214  margin:0;
215  text-wrap:balance;
216  position:relative;
217  z-index:2;
218}
219
220#hs_cos_wrapper_main-menu .main-menu__highlight-link {
221  display:inline-block;
222  text-decoration:none;
223  color:var(--color-lurid-orange);
224  font:var(--font-label);
225  letter-spacing:var(--letter-spacing-label);
226  padding:0 18px;
227  transition:color 0.1s ease-in-out;
228}
229
230#hs_cos_wrapper_main-menu .main-menu__highlight-link:hover,
231#hs_cos_wrapper_main-menu .main-menu__highlight-link:focus { color:var(--color-burgundy); }
232
233@media (max-width:820px) {
234  #hs_cos_wrapper_main-menu .main-menu {
235    background-color:var(--color-beige);
236    height:100vh;
237    padding:84px 24px;
238    overflow:scroll;
239  }
240
241  #hs_cos_wrapper_main-menu .main-menu__background { display:none; }
242
243  #hs_cos_wrapper_main-menu .main-menu__inner {
244    flex-direction:column;
245    padding:0;
246  }
247
248  #hs_cos_wrapper_main-menu .main-menu__item { position:relative; }
249
250  #hs_cos_wrapper_main-menu .main-menu__link-label {
251    padding:7px 0px;
252    display:flex;
253    justify-content:space-between;
254  }
255
256  #hs_cos_wrapper_main-menu .main-menu__link-label img {
257    width:20px;
258    display:inline-block;
259    margin-bottom:0.15em;
260    margin-right:11px;
261    transition:transform 0.5s var(--easing-base);
262  }
263
264  #hs_cos_wrapper_main-menu .main-menu__item.is-open .main-menu__link-label img { transform:rotate(180deg); }
265
266  #hs_cos_wrapper_main-menu .main-menu__submenu-container {
267    flex-direction:column;
268    position:static;
269    transform:none;
270    width:100%;
271    z-index:100;
272    opacity:0 !important;
273    pointer-events:all;
274    padding:0 24px;
275    gap:14px;
276    transition:max-height 0.5s var(--easing-base),opacity 0.3s linear 0.1s !important;
277    display:flex;
278    overflow:hidden;
279    max-height:0;
280  }
281
282  #hs_cos_wrapper_main-menu .main-menu__submenu-container.is-open {
283    max-height:var(--max-height);
284    opacity:1 !important;
285  }
286
287  #hs_cos_wrapper_main-menu .main-menu__submenu-container>:first-child { padding-top:16px; }
288
289  #hs_cos_wrapper_main-menu .main-menu__submenu-container>ul:last-of-type { padding-bottom:16px; }
290
291  #hs_cos_wrapper_main-menu .main-menu__submenu-title { padding-left:25px !important; }
292
293  #hs_cos_wrapper_main-menu .main-menu__highlight {
294    width:100%;
295    padding-left:0;
296    padding-top:24px;
297  }
298
299  #hs_cos_wrapper_main-menu .main-menu__highlight-title { font-size:30px; }
300}
301
302  </style>
303
304
305  <style>
306    #hs_cos_wrapper_header-cta .header-cta {
307  display:block;
308  padding:24px;
309  border-radius:90px;
310  background-color:var(--color-lurid-orange);
311  font:var(--font-nav-item);
312  letter-spacing:var(--letter-spacing-nav-item);
313  font-size:17px;
314  color:var(--color-obsidian);
315  text-decoration:none;
316  transition:background-color 0.1s ease-in-out,transform 0.5s var(--easing-base);
317}
318
319#hs_cos_wrapper_header-cta .header-cta:hover,
320#hs_cos_wrapper_header-cta .header-cta:focus { background-color:var(--color-snow); }
321
322@media (max-width:820px) {
323  #hs_cos_wrapper_header-cta .header-cta { padding:14px 18px; }
324}
325
326  </style>
327
328<link rel="stylesheet" href="https://www.kundo.se/hubfs/hub_generated/template_assets/1/176019672067/1790156512925/template__normalize.min.css">
329<link rel="stylesheet" href="https://www.kundo.se/hubfs/hub_generated/template_assets/1/176774808902/1790156508689/template__tokens.min.css">
330
331<style>
332  #hs_cos_wrapper_widget_1725369007625 .bento-hero {
333  display:flex;
334  justify-content:space-between;
335  margin-bottom:var(--spacing-module);
336  border-radius:var(--radius-l);
337  overflow:hidden;
338}
339
340#hs_cos_wrapper_widget_1725369007625 .bento-hero__text-area,
341#hs_cos_wrapper_widget_1725369007625 .bento-hero__image-area {
342  width:calc(50% - (var(--spacing-gutter)/2));
343  display:flex;
344  flex-direction:column;
345}
346
347#hs_cos_wrapper_widget_1725369007625 .bento-hero__image-area { gap:var(--spacing-gutter); }
348
349#hs_cos_wrapper_widget_1725369007625 .bento-hero__spacer {
350  flex-grow:1;
351  background-color:var(--_bg1);
352  display:flex;
353  flex-direction:column;
354}
355
356#hs_cos_wrapper_widget_1725369007625 .bento-hero__image-area .bento-hero__spacer {
357  flex-grow:1;
358  flex-basis:50%;
359  min-height:200px;
360  width:calc(100% + var(--spacing-gutter));
361  margin-left:calc(var(--spacing-gutter)*-1);
362  border-bottom-right-radius:var(--radius-l);
363  border-top-right-radius:var(--radius-l);
364  position:relative;
365}
366
367#hs_cos_wrapper_widget_1725369007625 .bento-hero__image-area .bento-hero__spacer:after {
368  content:'';
369  position:absolute;
370  bottom:0;
371  left:0;
372  width:calc(var(--radius-l) + 10px);
373  height:calc(var(--radius-l) + 10px);
374  background-color:var(--_bg1);
375  transform:translateY(100%);
376}
377
378#hs_cos_wrapper_widget_1725369007625 .bento-hero__text-area .bento-hero__spacer { border-top-left-radius:var(--radius-l); }
379
380#hs_cos_wrapper_widget_1725369007625 .bento-hero__text-container {
381  background-color:var(--_bg1);
382  border-bottom-left-radius:var(--radius-l);
383  border-bottom-right-radius:var(--radius-l);
384  padding:40px;
385  padding-top:100px;
386}
387
388#hs_cos_wrapper_widget_1725369007625 .bento-hero__topic {
389  border:1px solid var(--color-lurid-orange);
390  display:inline-block;
391  color:var(--_fg);
392  padding:6px 16px;
393  line-height:1;
394  border-radius:var(--radius-l);
395  font:var(--font-label);
396  letter-spacing:var(--letter-spacing-label);
397  text-transform:uppercase;
398}
399
400#hs_cos_wrapper_widget_1725369007625 .bento-hero__title {
401  color:var(--_fg);
402  margin:0;
403  padding-bottom:8px;
404}
405
406#hs_cos_wrapper_widget_1725369007625 .bento-hero__title.is-large {
407  font:var(--font-h-xxl);
408  letter-spacing:var(--letter-spacing-h-xxl);
409  font-size:85px;
410  line-height:1;
411}
412
413#hs_cos_wrapper_widget_1725369007625 .bento-hero__title.is-small {
414  font:var(--font-h-xl);
415  letter-spacing:var(--letter-spacing-h-xl);
416}
417
418#hs_cos_wrapper_widget_1725369007625 .bento-hero__description {
419  font:var(--font-body-copy);
420  letter-spacing:var(--letter-spacing-body-copy);
421  color:var(--_fg);
422  margin:0;
423}
424
425#hs_cos_wrapper_widget_1725369007625 .bento-hero__image-container {
426  overflow:hidden;
427  position:relative;
428  border-radius:var(--radius-l);
429  border-top-left-radius:var(--radius-l-inner);
430  aspect-ratio:684/456;
431  box-shadow:0 0 0 var(--spacing-gutter) var(--_bg0);
432  background-color:var(--_bg1);
433}
434
435#hs_cos_wrapper_widget_1725369007625 .bento-hero__video-background {
436  width:100%;
437  height:100%;
438  object-fit:cover;
439  pointer-events:none;
440  background-color:transparent;
441  -webkit-transform:translate3d(0,0,0);
442}
443
444#hs_cos_wrapper_widget_1725369007625 .bento-hero__image {
445  width:100%;
446  height:100%;
447  position:absolute;
448  top:0;
449  left:0;
450  object-fit:cover;
451  object-position:center;
452}
453
454#hs_cos_wrapper_widget_1725369007625 .bento-hero__cta-button {
455  display:block;
456  font:var(--font-h-s-helvetica);
457  letter-spacing:var(--letter-spacing-h-s-helvetica);
458  color:var(--color-obsidian);
459  text-decoration:none;
460  padding:0 24px 0 40px;
461  height:100px;
462  border-radius:var(--radius-l);
463  background-color:var(--color-lurid-orange);
464  margin-top:var(--spacing-gutter);
465  display:flex;
466  justify-content:space-between;
467  align-items:center;
468  transition:background-color 0.1s ease-in-out;
469}
470
471#hs_cos_wrapper_widget_1725369007625 .bento-hero__cta-button:hover,
472#hs_cos_wrapper_widget_1725369007625 .bento-hero__cta-button:focus { background-color:var(--color-snow); }
473
474#hs_cos_wrapper_widget_1725369007625 .bento-hero__cta-button.in-bottom { display:none; }
475
476#hs_cos_wrapper_widget_1725369007625 .bento-hero__cta-button-icon-container {
477  display:flex;
478  align-items:center;
479  justify-content:flex-start;
480  min-width:50px;
481}
482
483#hs_cos_wrapper_widget_1725369007625 .bento-hero__cta-video-play-button-container {
484  position:absolute;
485  right:var(--spacing-gutter);
486  bottom:var(--spacing-gutter);
487  background-color:var(--color-lurid-orange);
488  border-radius:100vw;
489  padding:12px;
490  padding-left:20px;
491  z-index:3;
492  transform:scale(0.8);
493  transform-origin:bottom right;
494}
495
496@media (max-width:820px) {
497  #hs_cos_wrapper_widget_1725369007625 .bento-hero { flex-direction:column; }
498
499  #hs_cos_wrapper_widget_1725369007625 .bento-hero__text-container { padding:32px; }
500
501  #hs_cos_wrapper_widget_1725369007625 .bento-hero__text-area,
502  #hs_cos_wrapper_widget_1725369007625 .bento-hero__image-area { width:100%; }
503
504  #hs_cos_wrapper_widget_1725369007625 .bento-hero__image-container {
505    outline:none;
506    aspect-ratio:5/4;
507    border-top-left-radius:var(--radius-l);
508  }
509
510  #hs_cos_wrapper_widget_1725369007625 .bento-hero__title.is-large { font-size:48px; }
511
512  #hs_cos_wrapper_widget_1725369007625 .bento-hero__title,
513  #hs_cos_wrapper_widget_1725369007625 .bento-hero__description { width:90%; }
514
515  #hs_cos_wrapper_widget_1725369007625 .bento-hero__cta-button { border-radius:90px; }
516
517  #hs_cos_wrapper_widget_1725369007625 .bento-hero .bento-hero__image-area .bento-hero__spacer {
518    border-radius:0;
519    position:absolute;
520    width:calc(50% - (var(--spacing-gutter)/2));
521    min-height:calc((var(--radius-l) + var(--spacing-gutter))*2);
522    z-index:2;
523    box-shadow:0 0 0 var(--spacing-gutter) var(--_bg0);
524  }
525
526  #hs_cos_wrapper_widget_1725369007625 .bento-hero.is-image-first .bento-hero__text-area {
527    order:1;
528    z-index:3;
529  }
530
531  #hs_cos_wrapper_widget_1725369007625 .bento-hero.is-image-first .bento-hero__text-container {
532    border-top-left-radius:var(--radius-l);
533    padding-top:60px;
534  }
535
536  #hs_cos_wrapper_widget_1725369007625 .bento-hero.is-image-first .bento-hero__image-area {
537    gap:0;
538    position:relative;
539    margin-bottom:var(--spacing-gutter);
540  }
541
542  #hs_cos_wrapper_widget_1725369007625 .bento-hero.is-image-first .bento-hero__image-area .bento-hero__spacer {
543    order:1;
544    bottom:0;
545    right:0;
546    border-top-right-radius:var(--radius-l);
547    border-top-left-radius:var(--radius-l);
548    margin-bottom:calc(var(--spacing-gutter)*-1);
549  }
550
551  #hs_cos_wrapper_widget_1725369007625 .bento-hero.is-image-first .bento-hero__image-area .bento-hero__spacer::before,
552  #hs_cos_wrapper_widget_1725369007625 .bento-hero.is-image-first .bento-hero__image-area .bento-hero__spacer::after,
553  #hs_cos_wrapper_widget_1725369007625 .bento-hero.is-image-first .bento-hero__image-area .bento-hero__spacer-inner::after {
554    content:'';
555    position:absolute;
556    background-color:transparent;
557  }
558
559  #hs_cos_wrapper_widget_1725369007625 .bento-hero.is-image-first .bento-hero__image-area .bento-hero__spacer::before,
560  #hs_cos_wrapper_widget_1725369007625 .bento-hero.is-image-first .bento-hero__image-area .bento-hero__spacer::after {
561    width:calc(var(--radius-l)*2);
562    height:calc(var(--radius-l)*2);
563    border-radius:var(--radius-l);
564    box-shadow:var(--radius-l) var(--radius-l) 0 0 var(--_bg0);
565  }
566
567  #hs_cos_wrapper_widget_1725369007625 .bento-hero.is-image-first .bento-hero__image-area .bento-hero__spacer-inner::after {
568    width:calc((var(--radius-l) + var(--spacing-gutter))*2);
569    height:calc((var(--radius-l) + var(--spacing-gutter))*2);
570    border-radius:calc(var(--radius-l) + var(--spacing-gutter));
571    box-shadow:calc(var(--radius-l) + var(--spacing-gutter)) calc(var(--radius-l) + var(--spacing-gutter)) 0 0 var(--_bg1);
572    right:100%;
573    bottom:0;
574  }
575
576  #hs_cos_wrapper_widget_1725369007625 .bento-hero.is-image-first .bento-hero__image-area .bento-hero__spacer::before {
577    right:0;
578    top:calc((var(--spacing-gutter)*-1) - (var(--radius-l)*2));
579  }
580
581  #hs_cos_wrapper_widget_1725369007625 .bento-hero.is-image-first .bento-hero__image-area .bento-hero__spacer::after {
582    left:calc((var(--spacing-gutter)*-1) - (var(--radius-l)*2));
583    bottom:var(--spacing-gutter);
584    transform:none;
585    z-index:0;
586  }
587
588  #hs_cos_wrapper_widget_1725369007625 .bento-hero.is-image-first .bento-hero__image-area .bento-hero__spacer-inner {
589    position:absolute;
590    top:0;
591    bottom:0;
592    left:0;
593    right:0;
594    border-radius:var(--radius-l);
595    border-bottom-left-radius:0;
596    background-color:var(--_bg1);
597    z-index:1;
598  }
599
600  #hs_cos_wrapper_widget_1725369007625 .bento-hero.is-image-second .bento-hero__text-area {
601    position:relative;
602    z-index:3;
603  }
604
605  #hs_cos_wrapper_widget_1725369007625 .bento-hero.is-image-second .bento-hero__text-container {
606    padding-top:110px;
607    border-bottom-left-radius:0;
608    border-top-left-radius:var(--radius-l);
609    border-top-right-radius:var(--radius-l);
610  }
611
612  #hs_cos_wrapper_widget_1725369007625 .bento-hero.is-image-second .bento-hero__image-area { position:relative; }
613
614  #hs_cos_wrapper_widget_1725369007625 .bento-hero.is-image-second .bento-hero__image-container { margin-top:var(--spacing-gutter); }
615
616  #hs_cos_wrapper_widget_1725369007625 .bento-hero.is-image-second .bento-hero__image-area .bento-hero__spacer {
617    order:1;
618    top:0;
619    left:0;
620    border-bottom-right-radius:var(--radius-l);
621    border-bottom-left-radius:var(--radius-l);
622    margin-bottom:calc(var(--spacing-gutter)*-1);
623    margin-left:0;
624  }
625
626  #hs_cos_wrapper_widget_1725369007625 .bento-hero.is-image-second .bento-hero__image-area .bento-hero__spacer::before,
627  #hs_cos_wrapper_widget_1725369007625 .bento-hero.is-image-second .bento-hero__image-area .bento-hero__spacer::after,
628  #hs_cos_wrapper_widget_1725369007625 .bento-hero.is-image-second .bento-hero__image-area .bento-hero__spacer-inner::after {
629    content:'';
630    position:absolute;
631    background-color:transparent;
632  }
633
634  #hs_cos_wrapper_widget_1725369007625 .bento-hero.is-image-second .bento-hero__image-area .bento-hero__spacer::before,
635  #hs_cos_wrapper_widget_1725369007625 .bento-hero.is-image-second .bento-hero__image-area .bento-hero__spacer::after {
636    width:calc(var(--radius-l)*2);
637    height:calc(var(--radius-l)*2);
638    border-radius:var(--radius-l);
639    box-shadow:calc(var(--radius-l)*-1) calc(var(--radius-l)*-1) 0 0 var(--_bg0);
640  }
641
642  #hs_cos_wrapper_widget_1725369007625 .bento-hero.is-image-second .bento-hero__image-area .bento-hero__spacer-inner::after {
643    width:calc((var(--radius-l) + var(--spacing-gutter))*2);
644    height:calc((var(--radius-l) + var(--spacing-gutter))*2);
645    border-radius:calc(var(--radius-l) + var(--spacing-gutter));
646    box-shadow:calc(calc(var(--radius-l) + var(--spacing-gutter))*-1) calc(calc(var(--radius-l) + var(--spacing-gutter))*-1) 0 0 var(--_bg1);
647    left:100%;
648    top:0;
649  }
650
651  #hs_cos_wrapper_widget_1725369007625 .bento-hero.is-image-second .bento-hero__image-area .bento-hero__spacer::before {
652    left:calc(100% + var(--spacing-gutter));
653    top:var(--spacing-gutter);
654  }
655
656  #hs_cos_wrapper_widget_1725369007625 .bento-hero.is-image-second .bento-hero__image-area .bento-hero__spacer::after {
657    left:0;
658    top:calc(100% + var(--spacing-gutter));
659    transform:none;
660    z-index:0;
661  }
662
663  #hs_cos_wrapper_widget_1725369007625 .bento-hero.is-image-second .bento-hero__image-area .bento-hero__spacer-inner {
664    position:absolute;
665    top:0;
666    bottom:0;
667    left:0;
668    right:0;
669    border-radius:var(--radius-l);
670    border-top-left-radius:0;
671    border-top-right-radius:0;
672    background-color:var(--_bg1);
673    z-index:1;
674  }
675
676  #hs_cos_wrapper_widget_1725369007625 .bento-hero.is-image-second .bento-hero__cta-button.in-text-area { display:none; }
677
678  #hs_cos_wrapper_widget_1725369007625 .bento-hero.is-image-second .bento-hero__cta-button.in-bottom { display:flex; }
679}
680
681</style>
682
683
684<style>
685  #hs_cos_wrapper_widget_1729239796617 .usp-list {
686  background-color:var(--_bg);
687  padding:50px;
688  border-radius:var(--radius-l);
689  margin-bottom:var(--spacing-module);
690}
691
692#hs_cos_wrapper_widget_1729239796617 .usp-list__title {
693  font:var(--font-h-m);
694  letter-spacing:var(--letter-spacing-h-m);
695  color:var(--_fg2);
696  margin:0;
697  text-align:center;
698  padding-bottom:10px;
699}
700
701#hs_cos_wrapper_widget_1729239796617 .usp-list__list {
702  list-style:none;
703  padding:0;
704  margin:0;
705  display:flex;
706  flex-wrap:wrap;
707  margin-left:-40px;
708  justify-content:center;
709}
710
711#hs_cos_wrapper_widget_1729239796617 .usp-list__item {
712  width:33.333%;
713  padding-left:40px;
714  padding-top:40px;
715}
716
717#hs_cos_wrapper_widget_1729239796617 .usp-list__item-inner {
718  display:flex;
719  flex-direction:column;
720  align-items:center;
721}
722
723#hs_cos_wrapper_widget_1729239796617 .usp-list__icon {
724  width:70px;
725  margin-bottom:24px;
726}
727
728#hs_cos_wrapper_widget_1729239796617 .usp-list__text {
729  text-align:center;
730  color:var(--_fg2);
731  font:var(--font-h-s-helvetica);
732  letter-spacing:var(--letter-spacing-h-s-helvetica);
733}
734
735@media (max-width:820px) {
736  #hs_cos_wrapper_widget_1729239796617 .usp-list__item { width:50%; }
737}
738
739@media (max-width:480px) {
740  #hs_cos_wrapper_widget_1729239796617 .usp-list__item { width:100%; }
741}
742
743</style>
744
745
746<style>
747  #hs_cos_wrapper_module_1725369550039 .split-bento {
748  display:flex;
749  flex-direction:row;
750  justify-content:space-between;
751  margin-bottom:var(--spacing-module);
752}
753
754#hs_cos_wrapper_module_1725369550039 .split-bento__media-container,
755#hs_cos_wrapper_module_1725369550039 .split-bento__content {
756  width:calc(50% - (var(--spacing-gutter)/2));
757  height:auto;
758  flex-grow:0;
759  background-color:var(--_bg);
760  border-radius:var(--radius-l);
761}
762
763#hs_cos_wrapper_module_1725369550039 .split-bento__media-container.is-transparent,
764#hs_cos_wrapper_module_1725369550039 .split-bento__content.is-transparent { background-color:transparent !important; }
765
766#hs_cos_wrapper_module_1725369550039 .split-bento__media-container {
767  overflow:hidden;
768  position:relative;
769}
770
771#hs_cos_wrapper_module_1725369550039 .split-bento__media-container.is-right { order:1; }
772
773#hs_cos_wrapper_module_1725369550039 .split-bento__media-container.has-video:after {
774  content:"";
775  position:absolute;
776  top:0;
777  left:0;
778  width:100%;
779  height:100%;
780  background-image:url(https://www.kundo.se/hubfs/raw_assets/public/kundo2024/images/noise.gif);
781  background-size:125px;
782  mix-blend-mode:overlay;
783  opacity:0.2;
784}
785
786#hs_cos_wrapper_module_1725369550039 .split-bento__content {
787  padding:40px 36px;
788  aspect-ratio:680/560;
789  display:flex;
790  flex-direction:column;
791  justify-content:space-between;
792}
793
794#hs_cos_wrapper_module_1725369550039 .split-bento.is-video-sized .split-bento__content { aspect-ratio:auto; }
795
796#hs_cos_wrapper_module_1725369550039 .split-bento__media {
797  width:100%;
798  height:100%;
799  position:absolute;
800  top:0;
801  left:0;
802  object-fit:cover;
803  object-position:center;
804}
805
806#hs_cos_wrapper_module_1725369550039 .split-bento__title {
807  font:var(--font-h-xl);
808  letter-spacing:var(--letter-spacing-h-xl);
809  margin:0;
810  margin-bottom:8px;
811  color:var(--_fg);
812}
813
814#hs_cos_wrapper_module_1725369550039 .split-bento__description p {
815  margin-top:0;
816  font:var(--font-body-copy);
817  letter-spacing:var(--letter-spacing-body-copy);
818  color:var(--_fg);
819}
820
821#hs_cos_wrapper_module_1725369550039 .split-bento__description.is-large p {
822  font:var(--font-intro);
823  letter-spacing:var(--letter-spacing-intro);
824}
825
826#hs_cos_wrapper_module_1725369550039 .split-bento__description.is-xlarge p {
827  font:var(--font-intro-huge);
828  letter-spacing:var(--letter-spacing-intro-huge);
829}
830
831#hs_cos_wrapper_module_1725369550039 .split-bento__actions {
832  display:flex;
833  justify-content:flex-end;
834  font:var(--font-c2a);
835  letter-spacing:var(--letter-spacing-c2a);
836}
837
838#hs_cos_wrapper_module_1725369550039 .split-bento__link {
839  display:inline-flex;
840  align-items:center;
841  gap:8px;
842  font:var(--font-c2a);
843  letter-spacing:var(--letter-spacing-c2a);
844  color:var(--_fg);
845  text-decoration:none;
846}
847
848#hs_cos_wrapper_module_1725369550039 .split-bento__link-icon {
849  transition:transform 0.1s ease-in-out;
850  width:var(--size-button-icon);
851  height:var(--size-button-icon);
852}
853
854#hs_cos_wrapper_module_1725369550039 .split-bento__link:hover .split-bento__link-icon,
855#hs_cos_wrapper_module_1725369550039 .split-bento__link:focus .split-bento__link-icon { transform:rotate(-15deg); }
856
857@media (max-width:820px) {
858  #hs_cos_wrapper_module_1725369550039 .split-bento {
859    flex-direction:column;
860    gap:var(--spacing-gutter);
861  }
862
863  #hs_cos_wrapper_module_1725369550039 .split-bento__media-container { aspect-ratio:680/560; }
864
865  #hs_cos_wrapper_module_1725369550039 .split-bento.is-video-sized .split-bento__media-container { aspect-ratio:auto; }
866
867  #hs_cos_wrapper_module_1725369550039 .split-bento__media-container,
868  #hs_cos_wrapper_module_1725369550039 .split-bento__content {
869    width:100%;
870    height:auto;
871  }
872
873  #hs_cos_wrapper_module_1725369550039 .split-bento__content { aspect-ratio:auto; }
874
875  #hs_cos_wrapper_module_1725369550039 .split-bento__content.is-transparent { padding:16px 0px; }
876
877  #hs_cos_wrapper_module_1725369550039 .split-bento__media-container.is-right { order:0 !important; }
878}
879
880</style>
881
882
883<style>
884  #hs_cos_wrapper_widget_1725369563953 .split-bento {
885  display:flex;
886  flex-direction:row;
887  justify-content:space-between;
888  margin-bottom:var(--spacing-module);
889}
890
891#hs_cos_wrapper_widget_1725369563953 .split-bento__media-container,
892#hs_cos_wrapper_widget_1725369563953 .split-bento__content {
893  width:calc(50% - (var(--spacing-gutter)/2));
894  height:auto;
895  flex-grow:0;
896  background-color:var(--_bg);
897  border-radius:var(--radius-l);
898}
899
900#hs_cos_wrapper_widget_1725369563953 .split-bento__media-container.is-transparent,
901#hs_cos_wrapper_widget_1725369563953 .split-bento__content.is-transparent { background-color:transparent !important; }
902
903#hs_cos_wrapper_widget_1725369563953 .split-bento__media-container {
904  overflow:hidden;
905  position:relative;
906}
907
908#hs_cos_wrapper_widget_1725369563953 .split-bento__media-container.is-right { order:1; }
909
910#hs_cos_wrapper_widget_1725369563953 .split-bento__media-container.has-video:after {
911  content:"";
912  position:absolute;
913  top:0;
914  left:0;
915  width:100%;
916  height:100%;
917  background-image:url(https://www.kundo.se/hubfs/raw_assets/public/kundo2024/images/noise.g
917if);
918  background-size:125px;
919  mix-blend-mode:overlay;
920  opacity:0.2;
921}
922
923#hs_cos_wrapper_widget_1725369563953 .split-bento__content {
924  padding:40px 36px;
925  aspect-ratio:680/560;
926  display:flex;
927  flex-direction:column;
928  justify-content:space-between;
929}
930
931#hs_cos_wrapper_widget_1725369563953 .split-bento.is-video-sized .split-bento__content { aspect-ratio:auto; }
932
933#hs_cos_wrapper_widget_1725369563953 .split-bento__media {
934  width:100%;
935  height:100%;
936  position:absolute;
937  top:0;
938  left:0;
939  object-fit:cover;
940  object-position:center;
941}
942
943#hs_cos_wrapper_widget_1725369563953 .split-bento__title {
944  font:var(--font-h-xl);
945  letter-spacing:var(--letter-spacing-h-xl);
946  margin:0;
947  margin-bottom:8px;
948  color:var(--_fg);
949}
950
951#hs_cos_wrapper_widget_1725369563953 .split-bento__description p {
952  margin-top:0;
953  font:var(--font-body-copy);
954  letter-spacing:var(--letter-spacing-body-copy);
955  color:var(--_fg);
956}
957
958#hs_cos_wrapper_widget_1725369563953 .split-bento__description.is-large p {
959  font:var(--font-intro);
960  letter-spacing:var(--letter-spacing-intro);
961}
962
963#hs_cos_wrapper_widget_1725369563953 .split-bento__description.is-xlarge p {
964  font:var(--font-intro-huge);
965  letter-spacing:var(--letter-spacing-intro-huge);
966}
967
968#hs_cos_wrapper_widget_1725369563953 .split-bento__actions {
969  display:flex;
970  justify-content:flex-end;
971  font:var(--font-c2a);
972  letter-spacing:var(--letter-spacing-c2a);
973}
974
975#hs_cos_wrapper_widget_1725369563953 .split-bento__link {
976  display:inline-flex;
977  align-items:center;
978  gap:8px;
979  font:var(--font-c2a);
980  letter-spacing:var(--letter-spacing-c2a);
981  color:var(--_fg);
982  text-decoration:none;
983}
984
985#hs_cos_wrapper_widget_1725369563953 .split-bento__link-icon {
986  transition:transform 0.1s ease-in-out;
987  width:var(--size-button-icon);
988  height:var(--size-button-icon);
989}
990
991#hs_cos_wrapper_widget_1725369563953 .split-bento__link:hover .split-bento__link-icon,
992#hs_cos_wrapper_widget_1725369563953 .split-bento__link:focus .split-bento__link-icon { transform:rotate(-15deg); }
993
994@media (max-width:820px) {
995  #hs_cos_wrapper_widget_1725369563953 .split-bento {
996    flex-direction:column;
997    gap:var(--spacing-gutter);
998  }
999
1000  #hs_cos_wrapper_widget_1725369563953 .split-bento__media-container { aspect-ratio:680/560; }
1001
1002  #hs_cos_wrapper_widget_1725369563953 .split-bento.is-video-sized .split-bento__media-container { aspect-ratio:auto; }
1003
1004  #hs_cos_wrapper_widget_1725369563953 .split-bento__media-container,
1005  #hs_cos_wrapper_widget_1725369563953 .split-bento__content {
1006    width:100%;
1007    height:auto;
1008  }
1009
1010  #hs_cos_wrapper_widget_1725369563953 .split-bento__content { aspect-ratio:auto; }
1011
1012  #hs_cos_wrapper_widget_1725369563953 .split-bento__content.is-transparent { padding:16px 0px; }
1013
1014  #hs_cos_wrapper_widget_1725369563953 .split-bento__media-container.is-right { order:0 !important; }
1015}
1016
1017</style>
1018
1019
1020<style>
1021  #hs_cos_wrapper_module_1729239090331 .split-bento {
1022  display:flex;
1023  flex-direction:row;
1024  justify-content:space-between;
1025  margin-bottom:var(--spacing-module);
1026}
1027
1028#hs_cos_wrapper_module_1729239090331 .split-bento__media-container,
1029#hs_cos_wrapper_module_1729239090331 .split-bento__content {
1030  width:calc(50% - (var(--spacing-gutter)/2));
1031  height:auto;
1032  flex-grow:0;
1033  background-color:var(--_bg);
1034  border-radius:var(--radius-l);
1035}
1036
1037#hs_cos_wrapper_module_1729239090331 .split-bento__media-container.is-transparent,
1038#hs_cos_wrapper_module_1729239090331 .split-bento__content.is-transparent { background-color:transparent !important; }
1039
1040#hs_cos_wrapper_module_1729239090331 .split-bento__media-container {
1041  overflow:hidden;
1042  position:relative;
1043}
1044
1045#hs_cos_wrapper_module_1729239090331 .split-bento__media-container.is-right { order:1; }
1046
1047#hs_cos_wrapper_module_1729239090331 .split-bento__media-container.has-video:after {
1048  content:"";
1049  position:absolute;
1050  top:0;
1051  left:0;
1052  width:100%;
1053  height:100%;
1054  background-image:url(https://www.kundo.se/hubfs/raw_assets/public/kundo2024/images/noise.gif);
1055  background-size:125px;
1056  mix-blend-mode:overlay;
1057  opacity:0.2;
1058}
1059
1060#hs_cos_wrapper_module_1729239090331 .split-bento__content {
1061  padding:40px 36px;
1062  aspect-ratio:680/560;
1063  display:flex;
1064  flex-direction:column;
1065  justify-content:space-between;
1066}
1067
1068#hs_cos_wrapper_module_1729239090331 .split-bento.is-video-sized .split-bento__content { aspect-ratio:auto; }
1069
1070#hs_cos_wrapper_module_1729239090331 .split-bento__media {
1071  width:100%;
1072  height:100%;
1073  position:absolute;
1074  top:0;
1075  left:0;
1076  object-fit:cover;
1077  object-position:center;
1078}
1079
1080#hs_cos_wrapper_module_1729239090331 .split-bento__title {
1081  font:var(--font-h-xl);
1082  letter-spacing:var(--letter-spacing-h-xl);
1083  margin:0;
1084  margin-bottom:8px;
1085  color:var(--_fg);
1086}
1087
1088#hs_cos_wrapper_module_1729239090331 .split-bento__description p {
1089  margin-top:0;
1090  font:var(--font-body-copy);
1091  letter-spacing:var(--letter-spacing-body-copy);
1092  color:var(--_fg);
1093}
1094
1095#hs_cos_wrapper_module_1729239090331 .split-bento__description.is-large p {
1096  font:var(--font-intro);
1097  letter-spacing:var(--letter-spacing-intro);
1098}
1099
1100#hs_cos_wrapper_module_1729239090331 .split-bento__description.is-xlarge p {
1101  font:var(--font-intro-huge);
1102  letter-spacing:var(--letter-spacing-intro-huge);
1103}
1104
1105#hs_cos_wrapper_module_1729239090331 .split-bento__actions {
1106  display:flex;
1107  justify-content:flex-end;
1108  font:var(--font-c2a);
1109  letter-spacing:var(--letter-spacing-c2a);
1110}
1111
1112#hs_cos_wrapper_module_1729239090331 .split-bento__link {
1113  display:inline-flex;
1114  align-items:center;
1115  gap:8px;
1116  font:var(--font-c2a);
1117  letter-spacing:var(--letter-spacing-c2a);
1118  color:var(--_fg);
1119  text-decoration:none;
1120}
1121
1122#hs_cos_wrapper_module_1729239090331 .split-bento__link-icon {
1123  transition:transform 0.1s ease-in-out;
1124  width:var(--size-button-icon);
1125  height:var(--size-button-icon);
1126}
1127
1128#hs_cos_wrapper_module_1729239090331 .split-bento__link:hover .split-bento__link-icon,
1129#hs_cos_wrapper_module_1729239090331 .split-bento__link:focus .split-bento__link-icon { transform:rotate(-15deg); }
1130
1131@media (max-width:820px) {
1132  #hs_cos_wrapper_module_1729239090331 .split-bento {
1133    flex-direction:column;
1134    gap:var(--spacing-gutter);
1135  }
1136
1137  #hs_cos_wrapper_module_1729239090331 .split-bento__media-container { aspect-ratio:680/560; }
1138
1139  #hs_cos_wrapper_module_1729239090331 .split-bento.is-video-sized .split-bento__media-container { aspect-ratio:auto; }
1140
1141  #hs_cos_wrapper_module_1729239090331 .split-bento__media-container,
1142  #hs_cos_wrapper_module_1729239090331 .split-bento__content {
1143    width:100%;
1144    height:auto;
1145  }
1146
1147  #hs_cos_wrapper_module_1729239090331 .split-bento__content { aspect-ratio:auto; }
1148
1149  #hs_cos_wrapper_module_1729239090331 .split-bento__content.is-transparent { padding:16px 0px; }
1150
1151  #hs_cos_wrapper_module_1729239090331 .split-bento__media-container.is-right { order:0 !important; }
1152}
1153
1154</style>
1155
1156
1157<style>
1158  #hs_cos_wrapper_widget_1729240334251 .section-title {
1159  font:var(--font-h-s-helvetica);
1160  letter-spacing:var(--letter-spacing-h-s-helvetica);
1161  text-align:center;
1162  color:var(--_color);
1163  padding:24px;
1164  margin-bottom:0;
1165}
1166
1167</style>
1168
1169
1170<style>
1171  #hs_cos_wrapper_widget_1729240231869 .icon-cards {
1172  display:grid;
1173  grid-template-columns:repeat(auto-fit,minmax(400px,1fr));
1174  gap:var(--spacing-gutter);
1175  margin-bottom:var(--spacing-module);
1176}
1177
1178#hs_cos_wrapper_widget_1729240231869 .icon-cards__card {
1179  display:flex;
1180  flex-direction:column;
1181  justify-content:space-between;
1182  border-radius:var(--radius-l);
1183  padding:30px;
1184}
1185
1186#hs_cos_wrapper_widget_1729240231869 .icon-cards__card:nth-child(1) { background-color:var(--_bg0); }
1187
1188#hs_cos_wrapper_widget_1729240231869 .icon-cards__card:nth-child(2) { background-color:var(--_bg1); }
1189
1190#hs_cos_wrapper_widget_1729240231869 .icon-cards__card:nth-child(3) { background-color:var(--_bg2); }
1191
1192#hs_cos_wrapper_widget_1729240231869 .icon-cards__icon {
1193  width:70px;
1194  margin-bottom:34px;
1195}
1196
1197#hs_cos_wrapper_widget_1729240231869 .icon-cards__content {
1198  display:flex;
1199  flex-direction:column;
1200}
1201
1202#hs_cos_wrapper_widget_1729240231869 .icon-cards__title {
1203  font:var(--font-h-m);
1204  letter-spacing:var(--letter-spacing-h-m);
1205  color:var(--_fg);
1206  margin:0;
1207  padding-bottom:16px;
1208}
1209
1210#hs_cos_wrapper_widget_1729240231869 .icon-cards__description {
1211  font:var(--font-body-copy);
1212  letter-spacing:var(--letter-spacing-body-copy);
1213  color:var(--_fg);
1214  margin:0;
1215}
1216
1217#hs_cos_wrapper_widget_1729240231869 .icon-cards__link-spacer {
1218  height:57px;
1219  margin-top:10px;
1220}
1221
1222#hs_cos_wrapper_widget_1729240231869 .icon-cards__link {
1223  align-self:flex-end;
1224  margin-top:10px;
1225  text-decoration:none;
1226  transition:transform 0.1s ease-in-out;
1227}
1228
1229#hs_cos_wrapper_widget_1729240231869 .icon-cards__link:hover,
1230#hs_cos_wrapper_widget_1729240231869 .icon-cards__link:focus { transform:rotate(-15deg); }
1231
1232@media (max-width:400px) {
1233  #hs_cos_wrapper_widget_1729240231869 .icon-cards { grid-template-columns:1fr; }
1234}
1235
1236</style>
1237
1238
1239<style>
1240  #hs_cos_wrapper_widget_1729240261564 .cta-quote {
1241  display:flex;
1242  flex-direction:row;
1243  justify-content:space-between;
1244  padding:64px;
1245}
1246
1247#hs_cos_wrapper_widget_1729240261564 .cta-quote__area {
1248  flex-grow:0;
1249  flex-shrink:0;
1250}
1251
1252#hs_cos_wrapper_widget_1729240261564 .cta-quote__area:first-child {
1253  width:calc(66.666% - (var(--spacing-gutter)/2));
1254  max-width:917px;
1255}
1256
1257#hs_cos_wrapper_widget_1729240261564 .cta-quote__area:last-child { width:calc(33.333% - (var(--spacing-gutter)/2)); }
1258
1259#hs_cos_wrapper_widget_1729240261564 .cta-quote__quote {
1260  font:var(--font-h-xl);
1261  letter-spacing:var(--letter-spacing-h-xl);
1262  padding-bottom:48px;
1263  color:var(--_fg);
1264}
1265
1266#hs_cos_wrapper_widget_1729240261564 .cta-quote__quotee {
1267  font:var(--font-body-copy);
1268  letter-spacing:var(--letter-spacing-body-copy);
1269  color:var(--_fg);
1270}
1271
1272#hs_cos_wrapper_widget_1729240261564 .cta-quote__quotee.is-mobile { display:none; }
1273
1274#hs_cos_wrapper_widget_1729240261564 .cta-quote__image-container {
1275  overflow:hidden;
1276  position:relative;
1277  margin-bottom:23px;
1278  border-radius:var(--radius-l);
1279  aspect-ratio:387/325;
1280}
1281
1282#hs_cos_wrapper_widget_1729240261564 .cta-quote__image {
1283  width:100%;
1284  height:100%;
1285  position:absolute;
1286  top:0;
1287  left:0;
1288  object-fit:cover;
1289  object-position:center;
1290}
1291
1292#hs_cos_wrapper_widget_1729240261564 .cta-quote__actions {
1293  display:flex;
1294  justify-content:flex-end;
1295}
1296
1297@media (max-width:820px) {
1298  #hs_cos_wrapper_widget_1729240261564 .cta-quote {
1299    flex-direction:column;
1300    padding:52px 0px;
1301  }
1302
1303  #hs_cos_wrapper_widget_1729240261564 .cta-quote__area:first-child,
1304  #hs_cos_wrapper_widget_1729240261564 .cta-quote__area:last-child { width:100%; }
1305
1306  #hs_cos_wrapper_widget_1729240261564 .cta-quote__quotee { padding:0px 12px 10px; }
1307
1308  #hs_cos_wrapper_widget_1729240261564 .cta-quote__quotee.is-mobile { display:block; }
1309
1310  #hs_cos_wrapper_widget_1729240261564 .cta-quote__quotee.is-desktop { display:none; }
1311
1312  #hs_cos_wrapper_widget_1729240261564 .cta-quote__image-container { margin-bottom:10px; }
1313}
1314
1315</style>
1316
1317
1318<style>
1319  #hs_cos_wrapper_widget_1781770229198 .eye-grabber-cta {
1320  border-radius:var(--radius-l);
1321  display:flex;
1322  flex-direction:column;
1323  justify-content:center;
1324  align-items:center;
1325  padding:92px var(--spacing-gutter);
1326  margin-bottom:var(--spacing-module);
1327}
1328
1329#hs_cos_wrapper_widget_1781770229198 .eye-grabber-cta.is-opaque { background-color:var(--color-lurid-orange); }
1330
1331#hs_cos_wrapper_widget_1781770229198 .eye-grabber-cta__title {
1332  font:var(--font-h-l-helvetica);
1333  letter-spacing:var(--letter-spacing-h-l-helvetica);
1334  color:var(--color-off-white);
1335  padding-bottom:44px;
1336  margin:0;
1337  text-align:center;
1338}
1339
1340#hs_cos_wrapper_widget_1781770229198 .eye-grabber-cta.is-transparent .eye-grabber-cta__title { color:var(--_fg); }
1341
1342#hs_cos_wrapper_widget_1781770229198 .eye-grabber-cta__actions {
1343  display:flex;
1344  gap:var(--spacing-gutter);
1345}
1346
1347#hs_cos_wrapper_widget_1781770229198 .eye-grabber-cta__button {
1348  font:var(--font-button-l);
1349  padding:26px 40px;
1350  border-radius:110px;
1351  text-decoration:none;
1352  text-align:center;
1353  transition:all 0.1s;
1354  will-change:color,border-color;
1355}
1356
1357#hs_cos_wrapper_widget_1781770229198 .eye-grabber-cta__button.is-primary {
1358  color:var(--color-obsidian);
1359  background-color:var(--color-off-white);
1360}
1361
1362#hs_cos_wrapper_widget_1781770229198 .eye-grabber-cta__button.is-primary:hover,
1363#hs_cos_wrapper_widget_1781770229198 .eye-grabber-cta__button.is-primary:focus { color:var(--color-lurid-orange); }
1364
1365#hs_cos_wrapper_widget_1781770229198 .eye-grabber-cta__button.is-secondary {
1366  color:var(--color-off-white);
1367  border:var(--border-small) solid var(--color-off-white);
1368  background-color:var(--color-lurid-orange);
1369}
1370
1371#hs_cos_wrapper_widget_1781770229198 .eye-grabber-cta__button.is-secondary:hover,
1372#hs_cos_wrapper_widget_1781770229198 .eye-grabber-cta__button.is-secondary:focus {
1373  color:var(--color-obsidian);
1374  border-color:var(--color-obsidian);
1375}
1376
1377#hs_cos_wrapper_widget_1781770229198 .eye-grabber-cta.is-transparent .eye-grabber-cta__button.is-primary { background-color:var(--color-lurid-orange); }
1378
1379#hs_cos_wrapper_widget_1781770229198 .eye-grabber-cta.is-transparent .eye-grabber-cta__button.is-primary:hover { background-color:var(--color-off-white); }
1380
1381#hs_cos_wrapper_widget_1781770229198 .eye-grabber-cta.is-transparent .eye-grabber-cta__button.is-secondary {
1382  color:var(--color-lurid-orange);
1383  border:var(--border-small) solid var(--color-lurid-orange);
1384  background-color:var(--_bg);
1385}
1386
1387@media (max-width:820px) {
1388  #hs_cos_wrapper_widget_1781770229198 .eye-grabber-cta { padding:64px 19px; }
1389
1390  #hs_cos_wrapper_widget_1781770229198 .eye-grabber-cta__title { padding-bottom:10px; }
1391
1392  #hs_cos_wrapper_widget_1781770229198 .eye-grabber-cta__button { padding:15px 20px; }
1393}
1394
1395</style>
1396
1397
1398  <style>
1399    .main-footer {
1400      position: relative;
1401      padding-top: 66px;
1402    }
1403
1404    .main-footer__columns {
1405      display: flex;
1406      justify-content: space-between;
1407      gap: var(--spacing-gutter);
1408      max-width: 70%;
1409      margin-left: auto;
1410      margin-right: auto;
1411    }
1412
1413    .main-footer__column {
1414      width: calc(25% - (var(--spacing-gutter) / 2));
1415    }
1416
1417    .main-footer__logo-container {
1418      padding: 2vw 2vw 0;
1419    }
1420
1421    .main-footer__logo {
1422      width: 100%;
1423      height: auto;
1424    }
1425
1426    .main-footer__language-switcher--label-current {
1427      font: var(--font-nav-item);
1428      letter-spacing: var(--letter-spacing-nav-item);
1429      font-size: 17px;
1430      text-decoration: none;
1431      color: var(--_fg);
1432      padding: 16px;
1433      text-align: center;
1434    }
1435
1436    .main-footer__language-switcher-caret {
1437      display: inline-block;
1438      margin-left: 8px;
1439    }
1440
1441    .main-footer__copyright {
1442      font: var(--font-label);
1443      letter-spacing: var(--letter-spacing-label);
1444      color: var(--_fg);
1445      writing-mode: vertical-rl;
1446      text-orientation: mixed;
1447      position: absolute;
1448      top: 69px;
1449      right: 21px;
1450    }
1451
1452    .main-footer__lang-switch-container {
1453      position: relative;
1454      margin-top: -37px;
1455    }
1456
1457    #hs_cos_wrapper_language-switcher,
1458    .lang_switcher_class {
1459      position: absolute;
1460      top: 0;
1461      right: 0;
1462      width: 100%;
1463      height: 100%;
1464    }
1465
1466    .globe_class {
1467      position: absolute;
1468      top: 0;
1469      left: 0;
1470      width: 100% !important;
1471      height: 100% !important;
1472      background-image: none !important;
1473    }
1474
1475    .lang_list_class {
1476      top: 30px !important;
1477      border: none;
1478    }
1479
1480    .lang_list_class:before,
1481    .lang_list_class:after {
1482      display: none !important;
1483    }
1484
1485    .lang_list_class li {
1486      font: var(--font-label);
1487      letter-spacing: var(--letter-spacing-label);
1488      color: var(--color-obsidian) !important;
1489      border: none !important;
1490      font-size: 16px !important;
1491      padding-left: 32px !important;
1492      padding-right: 32px !important;
1493    }
1494
1495    .lang_list_class li:first-child {
1496      border-top-left-radius: var(--radius-s);
1497      border-top-right-radius: var(--radius-s);
1498    }
1499
1500    .lang_list_class li:last-child {
1501      border-bottom-left-radius: var(--radius-s);
1502      border-bottom-right-radius: var(--radius-s);
1503    }
1504
1505    .lang_list_class a {
1506      display: inline-block;
1507      padding: 4px;
1508    }
1509
1510    .lang_list_class a:hover {
1511      color: var(--color-lurid-orange) !important;
1512    }
1513
1514
1515    @media (max-width: 820px) {
1516      .main-footer__columns {
1517        max-width: 80%;
1518        flex-wrap: wrap;
1519      }
1520
1521      .main-footer__column {
1522        width: calc(50% - var(--spacing-gutter));
1523        flex-grow: 0;
1524        flex-shrink: 0;
1525      }
1526    }
1527
1528    @media (max-width: 500px) {
1529      .main-footer__columns {
1530        max-width: 90%;
1531      }
1532
1533      .main-footer__copyright {
1534        right: 4px;
1535      }
1536    }
1537  </style>
1538
1539
1540  <style>
1541    #hs_cos_wrapper_footer-column-1 .footer-column {
1542  display:flex;
1543  flex-direction:column;
1544  gap:12px;
1545  align-items:center;
1546  list-style:none;
1547  margin:0;
1548  padding:0 0 40px;
1549}
1550
1551#hs_cos_wrapper_footer-column-1 .footer-column:before {
1552  content:attr(aria-label);
1553  font:var(--font-h-s-helvetica);
1554  letter-spacing:var(--letter-spacing-h-s-helvetica);
1555  color:var(--_fg);
1556  padding-bottom:calc(24px - 6px);
1557}
1558
1559#hs_cos_wrapper_footer-column-1 .footer-column__link-text,
1560#hs_cos_wrapper_footer-column-1 .footer-column__link-button,
1561#hs_cos_wrapper_footer-column-1 .footer-column__link-text-only {
1562  display:inline-flex;
1563  font:var(--font-nav-item);
1564  letter-spacing:var(--letter-spacing-nav-item);
1565  font-size:17px;
1566  text-decoration:none;
1567  text-align:center;
1568  line-height:1.2;
1569}
1570
1571#hs_cos_wrapper_footer-column-1 .footer-column__link-text,
1572#hs_cos_wrapper_footer-column-1 .footer-column__link-text-only { color:var(--_fg); }
1573
1574#hs_cos_wrapper_footer-column-1 .footer-column__link-text:hover,
1575#hs_cos_wrapper_footer-column-1 .footer-column__link-text:focus { color:var(--color-lurid-orange); }
1576
1577#hs_cos_wrapper_footer-column-1 .footer-column__link-button {
1578  color:var(--color-obsidian);
1579  padding:15px 20px;
1580  background-color:var(--color-snow);
1581  border-radius:90px;
1582  transition:background-color 0.1s ease-in-out;
1583}
1584
1585#hs_cos_wrapper_footer-column-1 .footer-column__link-button:hover,
1586#hs_cos_wrapper_footer-column-1 .footer-column__link-button:focus { background-color:var(--color-lurid-orange); }
1587
1588#hs_cos_wrapper_footer-column-1 .footer-column__link-button img {
1589  display:inline-block;
1590  margin-left:8px;
1591}
1592
1593@media (max-width:500px) {
1594  #hs_cos_wrapper_footer-column-1 .footer-column { gap:8px; }
1595
1596  #hs_cos_wrapper_footer-column-1 .footer-column:before { padding-bottom:calc(16px - 6px); }
1597}
1598
1599  </style>
1600
1601
1602  <style>
1603    #hs_cos_wrapper_footer-column-2 .footer-column {
1604  display:flex;
1605  flex-direction:column;
1606  gap:12px;
1607  align-items:center;
1608  list-style:none;
1609  margin:0;
1610  padding:0 0 40px;
1611}
1612
1613#hs_cos_wrapper_footer-column-2 .footer-column:before {
1614  content:attr(aria-label);
1615  font:var(--font-h-s-helvetica);
1616  letter-spacing:var(--letter-spacing-h-s-helvetica);
1617  color:var(--_fg);
1618  padding-bottom:calc(24px - 6px);
1619}
1620
1621#hs_cos_wrapper_footer-column-2 .footer-column__link-text,
1622#hs_cos_wrapper_footer-column-2 .footer-column__link-button,
1623#hs_cos_wrapper_footer-column-2 .footer-column__link-text-only {
1624  display:inline-flex;
1625  font:var(--font-nav-item);
1626  letter-spacing:var(--letter-spacing-nav-item);
1627  font-size:17px;
1628  text-decoration:none;
1629  text-align:center;
1630  line-height:1.2;
1631}
1632
1633#hs_cos_wrapper_footer-column-2 .footer-column__link-text,
1634#hs_cos_wrapper_footer-column-2 .footer-column__link-text-only { color:var(--_fg); }
1635
1636#hs_cos_wrapper_footer-column-2 .footer-column__link-text:hover,
1637#hs_cos_wrapper_footer-column-2 .footer-column__link-text:focus { color:var(--color-lurid-orange); }
1638
1639#hs_cos_wrapper_footer-column-2 .footer-column__link-button {
1640  color:var(--color-obsidian);
1641  padding:15px 20px;
1642  background-color:var(--color-snow);
1643  border-radius:90px;
1644  transition:background-color 0.1s ease-in-out;
1645}
1646
1647#hs_cos_wrapper_footer-column-2 .footer-column__link-button:hover,
1648#hs_cos_wrapper_footer-column-2 .footer-column__link-button:focus { background-color:var(--color-lurid-orange); }
1649
1650#hs_cos_wrapper_footer-column-2 .footer-column__link-button img {
1651  display:inline-block;
1652  margin-left:8px;
1653}
1654
1655@media (max-width:500px) {
1656  #hs_cos_wrapper_footer-column-2 .footer-column { gap:8px; }
1657
1658  #hs_cos_wrapper_footer-column-2 .footer-column:before { padding-bottom:calc(16px - 6px); }
1659}
1660
1661  </style>
1662
1663
1664  <style>
1665    #hs_cos_wrapper_footer-column-3 .footer-column {
1666  display:flex;
1667  flex-direction:column;
1668  gap:12px;
1669  align-items:center;
1670  list-style:none;
1671  margin:0;
1672  padding:0 0 40px;
1673}
1674
1675#hs_cos_wrapper_footer-column-3 .footer-column:before {
1676  content:attr(aria-label);
1677  font:var(--font-h-s-helvetica);
1678  letter-spacing:var(--letter-spacing-h-s-helvetica);
1679  color:var(--_fg);
1680  padding-bottom:calc(24px - 6px);
1681}
1682
1683#hs_cos_wrapper_footer-column-3 .footer-column__link-text,
1684#hs_cos_wrapper_footer-column-3 .footer-column__link-button,
1685#hs_cos_wrapper_footer-column-3 .footer-column__link-text-only {
1686  display:inline-flex;
1687  font:var(--font-nav-item);
1688  letter-spacing:var(--letter-spacing-nav-item);
1689  font-size:17px;
1690  text-decoration:none;
1691  text-align:center;
1692  line-height:1.2;
1693}
1694
1695#hs_cos_wrapper_footer-column-3 .footer-column__link-text,
1696#hs_cos_wrapper_footer-column-3 .footer-column__link-text-only { color:var(--_fg); }
1697
1698#hs_cos_wrapper_footer-column-3 .footer-column__link-text:hover,
1699#hs_cos_wrapper_footer-column-3 .footer-column__link-text:focus { color:var(--color-lurid-orange); }
1700
1701#hs_cos_wrapper_footer-column-3 .footer-column__link-button {
1702  color:var(--color-obsidian);
1703  padding:15px 20px;
1704  background-color:var(--color-snow);
1705  border-radius:90px;
1706  transition:background-color 0.1s ease-in-out;
1707}
1708
1709#hs_cos_wrapper_footer-column-3 .footer-column__link-button:hover,
1710#hs_cos_wrapper_footer-column-3 .footer-column__link-button:focus { background-color:var(--color-lurid-orange); }
1711
1712#hs_cos_wrapper_footer-column-3 .footer-column__link-button img {
1713  display:inline-block;
1714  margin-left:8px;
1715}
1716
1717@media (max-width:500px) {
1718  #hs_cos_wrapper_footer-column-3 .footer-column { gap:8px; }
1719
1720  #hs_cos_wrapper_footer-column-3 .footer-column:before { padding-bottom:calc(16px - 6px); }
1721}
1722
1723  </style>
1724
1725
1726  <style>
1727    #hs_cos_wrapper_footer-column-4 .footer-column {
1728  display:flex;
1729  flex-direction:column;
1730  gap:12px;
1731  align-items:center;
1732  list-style:none;
1733  margin:0;
1734  padding:0 0 40px;
1735}
1736
1737#hs_cos_wrapper_footer-column-4 .footer-column:before {
1738  content:attr(aria-label);
1739  font:var(--font-h-s-helvetica);
1740  letter-spacing:var(--letter-spacing-h-s-helvetica);
1741  color:var(--_fg);
1742  padding-bottom:calc(24px - 6px);
1743}
1744
1745#hs_cos_wrapper_footer-column-4 .footer-column__link-text,
1746#hs_cos_wrapper_footer-column-4 .footer-column__link-button,
1747#hs_cos_wrapper_footer-column-4 .footer-column__link-text-only {
1748  display:inline-flex;
1749  font:var(--font-nav-item);
1750  letter-spacing:var(--letter-spacing-nav-item);
1751  font-size:17px;
1752  text-decoration:none;
1753  text-align:center;
1754  line-height:1.2;
1755}
1756
1757#hs_cos_wrapper_footer-column-4 .footer-column__link-text,
1758#hs_cos_wrapper_footer-column-4 .footer-column__link-text-only { color:var(--_fg); }
1759
1760#hs_cos_wrapper_footer-column-4 .footer-column__link-text:hover,
1761#hs_cos_wrapper_footer-column-4 .footer-column__link-text:focus { color:var(--color-lurid-orange); }
1762
1763#hs_cos_wrapper_footer-column-4 .footer-column__link-button {
1764  color:var(--color-obsidian);
1765  padding:15px 20px;
1766  background-color:var(--color-snow);
1767  border-radius:90px;
1768  transition:background-color 0.1s ease-in-out;
1769}
1770
1771#hs_cos_wrapper_footer-column-4 .footer-column__link-button:hover,
1772#hs_cos_wrapper_footer-column-4 .footer-column__link-button:focus { background-color:var(--color-lurid-orange); }
1773
1774#hs_cos_wrapper_footer-column-4 .footer-column__link-button img {
1775  display:inline-block;
1776  margin-left:8px;
1777}
1778
1779@media (max-width:500px) {
1780  #hs_cos_wrapper_footer-column-4 .footer-column { gap:8px; }
1781
1782  #hs_cos_wrapper_footer-column-4 .footer-column:before { padding-bottom:calc(16px - 6px); }
1783}
1784
1785  </style>
1786
1787<link rel="stylesheet" href="/hs/hsstatic/cos-LanguageSwitcher/static-1.336/sass/LanguageSwitcher.css">
1788
1789    
1790
1791
1792    
1793<!--  Added by GoogleAnalytics4 integration -->
1794<script data-cookieconsent="ignore">
1795var _hsp = window._hsp = window._hsp || [];
1796window.dataLayer = window.dataLayer || [];
1797function gtag(){dataLayer.push(arguments);}
1798
1799var useGoogleConsentModeV2 = true;
1800var waitForUpdateMillis = 1000;
1801
1802
1803if (!window._hsGoogleConsentRunOnce) {
1804  window._hsGoogleConsentRunOnce = true;
1805
1806  gtag('consent', 'default', {
1807    'ad_storage': 'denied',
1808    'analytics_storage': 'denied',
1809    'ad_user_data': 'denied',
1810    'ad_personalization': 'denied',
1811    'wait_for_update': waitForUpdateMillis
1812  });
1813
1814  if (useGoogleConsentModeV2) {
1815    _hsp.push(['useGoogleConsentModeV2'])
1816  } else {
1817    _hsp.push(['addPrivacyConsentListener', function(consent){
1818      var hasAnalyticsConsent = consent && (consent.allowed || (consent.categories && consent.categories.analytics));
1819      var hasAdsConsent = consent && (consent.allowed || (consent.categories && consent.categories.advertisement));
1820
1821      gtag('consent', 'update', {
1822        'ad_storage': hasAdsConsent ? 'granted' : 'denied',
1823        'analytics_storage': hasAnalyticsConsent ? 'granted' : 'denied',
1824        'ad_user_data': hasAdsConsent ? 'granted' : 'denied',
1825        'ad_personalization': hasAdsConsent ? 'granted' : 'denied'
1826      });
1827    }]);
1828  }
1829}
1830
1831gtag('js', new Date());
1832gtag('set', 'developer_id.dZTQ1Zm', true);
1833gtag('config', 'G-333396693');
1834</script>
vendor: 92 bytes, lines 1834-1835
1834
1835<script data-cookieconsent="ignore" async src="https://www.googletagmanager.com/gtag/js?id=
1835G-333396693
vendor: 13 bytes, lines 1835-1836
1835"></script>
1836
1837<!-- /Added by GoogleAnalytics4 integration -->
1838
1839<!--  Added by GoogleTagManager integration -->
1840<script data-cookieconsent="ignore">
1841var _hsp = window._hsp = window._hsp || [];
1842window.dataLayer = window.dataLayer || [];
1843function gtag(){dataLayer.push(arguments);}
1844
1845var useGoogleConsentModeV2 = true;
1846var waitForUpdateMillis = 1000;
1847
1848if (useGoogleConsentModeV2) {
1849
1850  gtag('set','developer_id.dZTQ1Zm',true);
1851
1852  gtag('consent', 'default', {
1853  'ad_storage': 'denied',
1854  'analytics_storage': 'denied',
1855  'ad_user_data': 'denied',
1856  'ad_personalization': 'denied',
1857  'wait_for_update': waitForUpdateMillis
1858  });
1859}
1860
1861var hsLoadGtm = function loadGtm() {
1862    if(window._hsGtmLoadOnce) {
1863      return;
1864    }
1865
1866    if (useGoogleConsentModeV2) {
1867      _hsp.push(['useGoogleConsentModeV2'])
1868    }
vendor: 349 bytes, lines 1868-1874
1868
1869
1870    (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
1871    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
1872    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
1873    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
1874    })(window,document,'script','dataLayer','
1874GTM-TGR53V
vendor: 9 bytes, lines 1874-1876
1874');
1875
1876    
1876window._hsGtmLoadOnce = true;
1877};
1878
1879_hsp.push(['addPrivacyConsentListener', function(consent){
1880  if(consent.allowed || (consent.categories && consent.categories.analytics)){
1881    hsLoadGtm();
1882  }
1883}]);
1884
1885</script>
1885
1886
1887<!-- /Added by GoogleTagManager integration -->
1888
1889    <link rel="canonical" href="https://www.kundo.se/mail">
1890
1891<script src="//cdn.cookietractor.com/cookietractor.js" data-lang="sv-SE" data-id="135bac07-ccff-4c31-b096-57f021654fde" data-disable-youtube-wrapper="true"></script>
1891
1892<style>
1893 /* latin */
1894@font-face {
1895  font-family: 'Open Sans';
1896  font-style: italic;
1897  font-weight: 400;
1898  font-stretch: 100%;
1899  font-display: swap;
1900  src: url(https://fonts.gstatic.com/s/opensans/v34/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWuU6FxZCJgg.woff2) format('woff2');
1901  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
1902} @font-face {
1903  font-family: 'Open Sans';
1904  font-style: italic;
1905  font-weight: 600;
1906  font-stretch: 100%;
1907  font-display: swap;
1908  src: url(https://fonts.gstatic.com/s/opensans/v34/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWuU6FxZCJgg.woff2) format('woff2');
1909  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
1910} @font-face {
1911  font-family: 'Open Sans';
1912  font-style: italic;
1913  font-weight: 700;
1914  font-stretch: 100%;
1915  font-display: swap;
1916  src: url(https://fonts.gstatic.com/s/opensans/v34/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWuU6FxZCJgg.woff2) format('woff2');
1917  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
1918} @font-face {
1919  font-family: 'Open Sans';
1920  font-style: normal;
1921  font-weight: 400;
1922  font-stretch: 100%;
1923  font-display: swap;
1924  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I.woff2) format('woff2');
1925  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
1926} @font-face {
1927  font-family: 'Open Sans';
1928  font-style: normal;
1929  font-weight: 600;
1930  font-stretch: 100%;
1931  font-display: swap;
1932  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I.woff2) format('woff2');
1933  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
1934} @font-face {
1935  font-family: 'Open Sans';
1936  font-style: normal;
1937  font-weight: 700;
1938  font-stretch: 100%;
1939  font-display: swap;
1940  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I.woff2) format('woff2');
1941  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
1942}
1943</style>
1944
1945<!-- Google Tag Manager -->
1946
1947<!-- End Google Tag Manager -->
1948<!-- Google Tag Manager (info) -->
1949<!-- language: sv -->
1950<!-- id:'GTM-TGR53V' -->
1951<!-- Google Tag Manager (verification) | Facebook (verification) -->
1952
1953
1954<meta name="google-site-verification" content="iZKAvIJ9nKxe5pAf-AtO89-7gyO5rsl0FOkKbnEfn6c">
1955 
1956 
1957
1958<meta property="og:url" content="https://www.kundo.se/mail">
1959<meta name="twitter:card" content="summary">
1960<meta http-equiv="content-language" content="sv">
1961<link rel="alternate" hreflang="en" href="https://www.kundo.se/en/mail">
1962<link rel="alternate" hreflang="no" href="https://www.kundo.no/mail">
1963<link rel="alternate" hreflang="sv" href="https://www.kundo.se/mail">
1964
1965
1966
1967
1968
1969
1970
1971    
1971<script>
1972      window.kundoUtils = {};
1973    </script>
1973
1974  <meta name="generator" content="HubSpot"></head>
1975  <body>
1976<!--  Added by GoogleTagManager integration -->
vendor: 68 bytes, lines 1976-1977
1976
1977<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1977GTM-TGR53V
vendor: 84 bytes, lines 1977-1978
1977" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1978
1979<!-- /Added by GoogleTagManager integration -->
1980
1981    <input type="hidden" value="">
1982     
1982<script>
1983    class KIcon extends HTMLElement {
1984    constructor() {
1985        super();
1986        this.attachShadow({ mode: "open" });
1987    }
1988    connectedCallback() {
1989        const iconName = this.getAttribute("data-icon");
1990
1991        let icon
1992
1993        switch (iconName) {
1994            case "badge-star":
1995                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
1996                    <path fill-rule="evenodd" clip-rule="evenodd" d="M101.116 16.0949C106.719 9.16824 117.281 9.16825 122.884 16.0949L124.407 17.977C126.148 20.1291 129.135 20.8109 131.637 19.6273L133.826 18.5921C141.88 14.7827 151.396 19.3655 153.439 28.0373L153.994 30.3937C154.629 33.088 157.024 34.9983 159.792 35.0177L162.213 35.0346C171.122 35.0967 177.708 43.3546 175.786 52.0542L175.264 54.4181C174.667 57.1209 175.996 59.8815 178.481 61.0999L180.655 62.1655C188.655 66.087 191.005 76.3844 185.499 83.3886L184.003 85.2918C182.292 87.4679 182.292 90.5319 184.003 92.708L185.499 94.6113C191.005 101.615 188.655 111.913 180.655 115.834L178.481 116.9C175.996 118.118 174.667 120.879 175.264 123.582L175.786 125.946C177.708 134.645 171.122 142.903 162.213 142.965L159.792 142.982C157.024 143.001 154.629 144.912 153.994 147.606L153.439 149.962C151.396 158.634 141.88 163.217 133.826 159.408L131.637 158.373C129.135 157.189 126.148 157.871 124.407 160.023L122.884 161.905C117.281 168.832 106.719 168.832 101.116 161.905L99.593 160.023C97.8521 157.871 94.8649 157.189 92.3627 158.373L90.1743 159.408C82.1205 163.217 72.6042 158.634 70.5611 149.962L70.006 147.606C69.3712 144.912 66.9757 143.001 64.2078 
1996142.982L61.7869 142.965C52.8778 142.903 46.2924 134.645 48.2142 125.946L48.7364 123.582C49.3335 120.879 48.0041 118.118 45.5187 116.9L43.3449 115.834C35.3451 111.913 32.9947 101.615 38.5008 94.6112L39.997 92.708C41.7077 90.5319 41.7077 87.4679 39.997 85.2918L38.5008 83.3886C32.9947 76.3844 35.3451 66.087 43.3449 62.1655L45.5187 61.0999C48.0041 59.8815 49.3335 57.1209 48.7364 54.4181L48.2142 52.0542C46.2924 43.3546 52.8778 35.0967 61.7869 35.0346L64.2078 35.0177C66.9757 34.9983 69.3712 33.088 70.006 30.3937L70.5611 28.0373C72.6042 19.3655 82.1205 14.7827 90.1743 18.5922L92.3627 19.6273C94.8649 20.8109 97.8521 20.1291 99.593 17.977L101.116 16.0949ZM116.665 21.1263C114.263 18.1578 109.737 18.1578 107.335 21.1263L105.813 23.0085C101.751 28.0299 94.7805 29.6208 88.942 26.8591L86.7536 25.824C83.302 24.1913 79.2236 26.1554 78.348 29.8719L77.7928 32.2283C76.3117 38.5149 70.7222 42.9724 64.2636 43.0175L61.8427 43.0344C58.0246 43.061 55.2022 46.6001 56.0259 50.3285L56.5481 52.6924C57.9413 58.9991 54.8394 65.4403 49.0399 68.2832L46.8662 69.3488C43.4377 71.0295 42.4304 75.4426 44.7901 78.4444L46.2863 80.3477C50.2779 85.4253 50.2779 92.5745 46.2863 97.6522L44.7901 99.5554C42.4304 102.557 43.4377 106.97 46.8662 108.651L49.0399 109.717C54.8393 112.559 57.9413 119.001 56.5481 125.307L56.0259 127.671C55.2022 131.4 58.0246 134.939 61.8427 134.965L64.2636 134.982C70.7222 135.027 76.3117 139.485 77.7928 145.772L78.348 148.128C79.2236 151.844 83.302 153.809 86.7536 152.176L88.942 151.141C94.7805 148.379 101.751 149.97 105.813 154.991L107.335 156.874C109.737 159.842 114.263 159.842 116.665 156.874L118.187 154.991C122.249 149.97 129.219 148.379 135.058 151.141L137.246 152.176C140.698 153.809 144.776 151.844 145.652 148.128L146.207 145.772C147.688 139.485 153.278 135.027 159.736 134.982L162.157 134.965C165.975 134.939 168.798 131.4 167.974 127.671L167.452 125.307C166.059 119.001 169.161 112.559 174.96 109.717L177.134 108.651C180.562 106.97 181.57 102.557 179.21 99.5554L177.714 97.6522C173.722 92.5745 173.722 85.4253 177.714 80.3477L179.21 78.4444C181.57 75.4426 180.562 71.0295 177.134 69.3488L174.96 68.2832C169.161 65.4403 166.059 58.9991 167.452 52.6924L167.974 50.3285C168.798 46.6001 165.975 43.061 162.157 43.0344L159.736 43.0175C153.278 42.9724 147.688 38.5149 146.207 32.2283L145.652 29.8719C144.776 26.1554 140.698 24.1913 137.246 25.8239L135.058 26.8591C129.219 29.6208 122.249 28.0299 118.187 23.0085L116.665 21.1263Z" fill="var(--_fg)"/>
1997                    <path fill-rule="evenodd" clip-rule="evenodd" d="M112 47C88.804 47 70 65.804 70 89C70 112.196 88.804 131 112 131C135.196 131 154 112.196 154 89C154 65.804 135.196 47 112 47ZM62 89C62 61.3858 84.3858 39 112 39C139.614 39 162 61.3858 162 89C162 116.614 139.614 139 112 139C84.3858 139 62 116.614 62 89Z" fill="var(--_fg)"/>
1998                    <path fill-rule="evenodd" clip-rule="evenodd" d="M176.84 192.497L154.669 141.408L147.331 144.592L167.013 189.949L153.859 186.361C151.525 185.724 149.069 186.851 148.029 189.035L142.125 201.433L121.655 155.376L114.345 158.625L137.462 210.639C139.197 214.542 144.71 214.614 146.546 210.758L154.174 194.739L170.938 199.311C174.985 200.415 178.51 196.345 176.84 192.497Z" fill="var(--_fg)"/>
1999                    <path fill-rule="evenodd" clip-rule="evenodd" d="M47.1599 192.497L69.3306 141.408L76.6694 144.592L56.9865 189.949L70.141 186.361C72.4753 185.724 74.9306 186.851 75.9709 189.035L81.8747 201.433L102.345 155.376L109.655 158.625L86.5377 210.639C84.8033 214.542 79.2905 214.614 77.4544 210.758L69.8263 194.739L53.0622 199.311C49.0153 200.415 45.49 196.345 47.1599 192.497Z" fill="var(--_fg)"/>
2000                    <path fill-rule="evenodd" clip-rule="evenodd" d="M112 61C113.403 61 114.704 61.7352 115.427 62.9375L122.453 74.6123L135.728 77.6867C137.095 78.0033 138.196 79.013 138.63 80.3475C139.063 81.682 138.766 83.1461 137.846 84.2057L128.914 94.4956L130.092 108.071C130.213 109.468 129.593 110.828 128.458 111.652C127.323 112.477 125.838 112.647 124.546 112.1L112 106.784L99.4535 112.1C98.1615 112.647 96.6772 112.477 95.542 111.652C94.4068 110.828 93.7868 109.468 93.9081 108.071L95.0863 94.4956L86.154 84.2057C85.2342 83.1461 84.9368 81.682 85.3704 80.3475C85.804 79.013 86.9052 78.0033 88.2721 77.6867L101.547 74.6123L108.573 62.9375C109.296 61.7352 110.597 61 112 61ZM112 72.7574L107.527 80.1894C106.969 81.1174 106.058 81.7793 105.003 82.0237L96.5524 83.9808L102.238 90.5311C102.949 91.349 103.296 92.4199 103.203 93.499L102.453 102.141L110.44 98.7569C111.437 98.3344 112.563 98.3344 113.56 98.7569L121.547 102.141L120.797 93.499C120.704 92.4199 121.052 91.349 121.762 90.5311L127.448 83.9808L118.997 82.0237C117.942 81.7793 117.031 81.11
200074 116.473 80.1894L112 72.7574Z" fill="var(--_fg)"/>
2001                    </svg>
2002                `
2003            break;
2004            case "badge":
2005                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2006                <path fill-rule="evenodd" clip-rule="evenodd" d="M101.116 16.0949C106.719 9.16824 117.281 9.16825 122.884 16.0949L124.407 17.977C126.148 20.1291 129.135 20.8109 131.637 19.6273L133.826 18.5921C141.88 14.7827 151.396 19.3655 153.439 28.0373L153.994 30.3937C154.629 33.088 157.024 34.9983 159.792 35.0177L162.213 35.0346C171.122 35.0967 177.708 43.3546 175.786 52.0542L175.264 54.4181C174.667 57.1209 175.996 59.8815 178.481 61.0999L180.655 62.1655C188.655 66.087 191.005 76.3844 185.499 83.3886L184.003 85.2918C182.292 87.4679 182.292 90.5319 184.003 92.708L185.499 94.6113C191.005 101.615 188.655 111.913 180.655 115.834L178.481 116.9C175.996 118.118 174.667 120.879 175.264 123.582L175.786 125.946C177.708 134.645 171.122 142.903 162.213 142.965L159.792 142.982C157.024 143.001 154.629 144.912 153.994 147.606L153.439 149.962C151.396 158.634 141.88 163.217 133.826 159.408L131.637 158.373C129.135 157.189 126.148 157.871 124.407 160.023L122.884 161.905C117.281 168.832 106.719 168.832 101.116 161.905L99.593 160.023C97.8521 157.871 94.8649 157.189 92.3627 158.373L90.1742 159.408C82.1205 163.217 72.6042 158.634 70.5611 149.962L70.006 147.606C69.3712 144.912 66.9757 143.001 64.2077 142.982L61.7869 142.965C52.8778 142.903 46.2924 134.645 48.2142 125.946L48.7364 123.582C49.3335 120.879 48.0041 118.118 45.5186 116.9L43.3449 115.834C35.345 111.913 32.9947 101.615 38.5008 94.6112L39.997 92.708C41.7077 90.5319 41.7077 87.4679 39.997 85.2918L38.5008 83.3886C32.9947 76.3844 35.345 66.087 43.3449 62.1655L45.5186 61.0999C48.0041 59.8815 49.3335 57.1209 48.7364 54.4181L48.2142 52.0542C46.2924 43.3546 52.8778 35.0967 61.7869 35.0346L64.2077 35.0177C66.9757 34.9983 69.3712 33.088 70.006 30.3937L70.5611 28.0373C72.6042 19.3655 82.1205 14.7827 90.1742 18.5922L92.3627 19.6273C94.8649 20.8109 97.8521 20.1291 99.593 17.977L101.116 16.0949ZM116.665 21.1263C114.263 18.1578 109.737 18.1578 107.335 21.1263L105.813 23.0085C101.751 28.0299 94.7805 29.6208 88.942 26.8591L86.7536 25.824C83.3019 24.1913 79.2235 26.1554 78.3479 29.8719L77.7928 32.2283C76.3117 38.5149 70.7221 42.9724 64.2636 43.0175L61.8427 43.0344C58.0245 43.061 55.2022 46.6001 56.0259 50.3285L56.5481 52.6924C57.9413 58.9991 54.8393 65.4403 49.0399 68.2832L46.8661 69.3488C43.4377 71.0295 42.4304 75.4426 44.7901 78.4444L46.2863 80.3477C50.2779 85.4253 50.2779 92.5745 46.2863 97.6522L44.7901 99.5554C42.4304 102.557 43.4377 106.97 46.8661 108.651L49.0399 109.717C54.8393 112.559 57.9413 119.001 56.5481 125.307L56.0259 127.671C55.2022 131.4 58.0245 134.939 61.8427 134.965L64.2636 134.982C70.7221 135.027 76.3117 139.485 77.7928 145.772L78.3479 148.128C79.2235 151.844 83.3019 153.809 86.7536 152.176L88.942 151.141C94.7805 148.379 101.751 149.97 105.813 154.991L107.335 156.874C109.737 159.842 114.263 159.842 116.665 156.874L118.187 154.991C122.249 149.97 129.219 148.379 135.058 151.141L137.246 152.176C140.698 153.809 144.776 151.844 145.652 148.128L146.207 145.772C147.688 139.485 153.278 135.027 159.736 134.982L162.157 134.965C165.975 134.939 168.798 131.4 167.974 127.671L167.452 125.307C166.059 119.001 169.161 112.559 174.96 109.717L177.134 108.651C180.562 106.97 181.57 102.557 179.21 99.5554L177.714 97.6522C173.722 92.5745 173.722 85.4253 177.714 80.3477L179.21 78.4444C181.57 75.4426 180.562 71.0295 177.134 69.3488L174.96 68.2832C169.161 65.4403 166.059 58.9991 167.452 52.6924L167.974 50.3285C168.798 46.6001 165.975 43.061 162.157 43.0344L159.736 43.0175C153.278 42.9724 147.688 38.5149 146.207 32.2283L145.652 29.8719C144.776 26.1554 140.698 24.1913 137.246 25.8239L135.058 26.8591C129.219 29.6208 122.249 28.0299 118.187 23.0085L116.665 21.1263Z" fill="var(--_fg)"/>
2007                <path fill-rule="evenodd" clip-rule="evenodd" d="M112 47C88.804 47 70 65.804 70 89C70 112.196 88.804 131 112 131C135.196 131 154 112.196 154 89C154 65.804 135.196 47 112 47ZM62 89C62 61.3858 84.3858 39 112 39C139.614 39 162 61.3858 162 89C162 116.614 139.614 139 112 139C84.3858 139 62 116.614 62 89Z" fill="var(--_fg)"/>
2008                <path fill-rule="evenodd" clip-rule="evenodd" d="M176.84 192.497L154.669 141.408L147.331 144.592L167.013 189.949L153.859 186.361C151.525 185.724 149.069 186.851 148.029 189.035L142.125 201.433L121.655 155.376L114.345 158.625L137.462 210.639C139.197 214.542 144.71 214.614 146.546 210.758L154.174 194.739L170.938 199.311C174.985 200.415 178.51 196.345 176.84 192.497Z" fill="var(--_fg)"/>
2009                <path fill-rule="evenodd" clip-rule="evenodd" d="M47.1599 192.497L69.3306 141.408L76.6694 144.592L56.9865 189.949L70.141 186.361C72.4753 185.724 74.9306 186.851 75.9709 189.035L81.8747 201.433L102.345 155.376L109.655 158.625L86.5377 210.639C84.8033 214.542 79.2905 214.614 77.4544 210.758L69.8263 194.739L53.0622 199.311C49.0153 200.415 45.49 196.345 47.1599 192.497Z" fill="var(--_fg)"/>
2010                </svg>
2011                `
2012            break;
2013            case "cloud":
2014                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2015                <path fill-rule="evenodd" clip-rule="evenodd" d="M97.7296 70.3981C106.659 54.6422 123.583 44 143 44C171.719 44 195 67.2812 195 96C195 101.891 194.019 107.56 192.209 112.848C203.945 118.776 212 130.943 212 145C212 164.882 195.882 181 176 181H48C28.1178 181 12 164.882 12 145C12 128.92 22.5392 115.309 37.0846 110.686C37.0285 109.797 37 108.902 37 108C37 84.804 55.804 66 79 66C85.725 66 92.0882 67.5832 97.7296 70.3981ZM143 52C125.275 52 109.99 62.4809 103.019 77.6005C102.535 78.6493 101.622 79.4379 100.514 79.7635C99.4063 80.0891 98.2117 79.92 97.2376 79.2996C91.9699 75.9444 85.7181 74 79 74C60.2223 74 45 89.2223 45 108C45 109.73 45.1289 111.428 45.3771 113.084C45.6911 115.181 44.3147 117.159 42.2394 117.592C29.5383 120.247 20 131.514 20 145C20 160.464 32.536 173 48 173H176C191.464 173 204 160.464 204 145C204 132.958 196.396 122.681 185.714 118.73C184.685 118.349 183.858 117.562 183.425 116.554C182.993 115.545 182.994 114.403 183.429 113.395C185.726 108.065 187 102.187 187 96C187 71.6995 167.301 52 143 52Z" fill="var(--_fg)"/>
2016                </svg>`
2017            break;
2018            case "cog":
2019                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2020                <path fill-rule="evenodd" clip-rule="evenodd" d="M89.99 24C89.99 17.3726 95.3626 12 101.99 12H121.99C128.617 12 133.99 17.3726 133.99 24V38.1831C139.112 39.7106 144.006 41.7536 148.617 44.2531L158.665 34.2058C163.351 29.5201 170.949 29.5201 175.635 34.2058L189.781 48.35C194.467 53.0364 194.467 60.6351 189.781 65.3215L179.734 75.367C182.234 79.9763 184.282 84.8732 185.806 89.9919H200C206.627 89.9919 212 95.3645 212 101.992V121.998C212 128.626 206.627 133.998 200 133.998H185.824C184.296 139.119 182.253 144.013 179.754 148.623L189.801 158.669C194.487 163.355 194.487 170.954 189.801 175.64L175.655 189.784C170.969 194.47 163.371 194.47 158.685 189.784L148.637 179.737C144.027 182.237 139.129 184.285 134.01 185.809V200C134.01 206.627 128.637 212 122.01 212H102.01C95.3826 212 90.01 206.627 90.01 200V185.807C84.8879 184.279 79.9939 182.236 75.3832 179.737L65.3348 189.784C60.6486 194.47 53.0514 194.47 48.3652 189.784L34.2195 175.64C29.5326 170.954 29.5326 163.355 34.2195 158.669L44.266 148.623C41.7659 144.013 39.7179 139.116 38.1934 133.997L23.9952 133.991C17.3697 133.989 12 128.617 12 121.991V101.995C12 95.3658 17.3755 89.9924 24.0047 89.995L38.1763 90.0007C39.7038 84.8797 41.7468 79.9869 44.2462 75.3771L34.1995 65.3315C29.5126 60.6451 29.5126 53.0464 34.1995 48.36L48.3452 34.2158C53.0314 29.5301 60.6287 29.5301 65.3148 34.2158L75.363 44.2629C79.9729 41.7631 84.8705 39.7154 89.99 38.1909V24ZM101.99 20C99.7809 20 97.99 21.7909 97.99 24V44.3507L94.972 45.115C88.4862 46.7575 82.3542 49.3358 76.7376 52.6827L74.0632 54.2764L59.6583 39.8729C58.0962 38.311 55.5638 38.311 54.0017 39.8729L39.856 54.0172C38.2937 55.5793 38.2937 58.1122 39.856 59.6743L54.2602 74.077L52.666 76.7518C49.32 82.3656 46.7501 88.488 45.0965 94.988L44.3295 98.0031L24.0016 97.995C21.7918 97.9942 20 99.7853 20 101.995V121.991C20 124.2 21.7899 125.99 23.9984 125.991L44.3534 125.999L45.1175 129.016C46.7602 135.501 49.3388 141.632 52.686 147.248L54.2802 149.923L39.876 164.326C38.3137 165.888 38.3137 168.421 39.876 169.983L54.0217 184.127C55.5838 185.689 58.1162 185.689 59.6783 184.127L74.0832 169.724L76.7576 171.317C82.3721 174.663 88.4951 177.233 94.9959 178.886L98.01 179.653V200C98.01 202.209 99.8009 204 102.01 204H122.01C124.219 204 126.01 202.209 126.01 200V179.649L129.028 178.885C135.514 177.243 141.646 174.664 147.262 171.317L149.937 169.724L164.342 184.127C165.904 185.689 168.436 185.689 169.998 184.127L184.144 169.983C185.706 168.421 185.706 165.888 184.144 164.326L169.74 149.923L171.334 147.248C174.68 141.634 177.25 135.512 178.903 129.012L179.67 125.998H200C202.209 125.998 204 124.207 204 121.998V101.992C204 99.7827 202.209 97.9919 200 97.9919H179.647L178.882 94.9741C177.24 88.4891 174.661 82.3578 171.314 76.7418L169.72 74.067L184.124 59.6643C185.686 58.1022 185.686 55.5693 184.124 54.0072L169.978 39.8629C168.416 38.301 165.884 38.301 164.322 39.8629L149.917 54.2664L147.242 52.6727C141.628 49.3271 135.505 46.7573 129.004 45.104L125.99 44.3374V24C125.99 21.7909 124.199 20 121.99 20H101.99Z" fill="var(--_fg)"/>
2021                <path fill-rule="evenodd" clip-rule="evenodd" d="M112 78C93.2223 78 78 93.2223 78 112C78 130.778 93.2223 146 112 146C130.778 146 146 130.778 146 112C146 93.2223 130.778 78 112 78ZM70 112C70 88.804 88.804 70 112 70C135.196 70 154 88.804 154 112C154 135.196 135.196 154 112 154C88.804 154 70 135.196 70 112Z" fill="var(--_fg)"/>
2022                </svg>
2023                `
2024            break;
2025            case "cogs":
2026                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2027<path fill-rule="evenodd" clip-rule="evenodd" d="M139.995 106.4C139.995 103.418 142.413 101 145.395 101H158.595C161.577 101 163.995 103.418 163.995 106.4V114.354C166.123 115.033 168.171 115.886 170.124 116.897L175.757 111.265C177.866 109.156 181.284 109.156 183.393 111.265L192.729 120.599C194.838 122.708 194.838 126.128 192.729 128.236L187.097 133.868C188.108 135.82 188.963 137.869 189.641 139.996H197.6C200.582 139.996 203 142.414 203 145.396V158.599C203 161.581 200.582 163.999 197.6 163.999H189.65C188.971 166.127 188.118 168.174 187.107 170.127L192.739 175.759C194.848 177.867 194.848 181.287 192.739 183.396L183.403 192.73C181.294 194.839 177.876 194.839 175.767 192.73L170.134 187.098C168.181 188.11 166.132 188.964 164.005 189.643V197.6C164.005 200.582 161.587 203 158.605 203H145.405C142.423 203 140.005 200.582 140.005 197.6V189.641C137.877 188.962 135.829 188.109 133.876 187.098L128.243 192.73C126.134 194.839 122.716 194.839 120.607 192.73L111.271 183.396C109.162 181.287 109.162 177.867 111.271 175.759L116.903 170.127C115.892 168.175 115.037 166.126 114.358 163.998L106.398 163.995C103.416 163.994 101 161.577 101 158.595V145.397C101 142.414 103.419 139.996 106.402 139.997L114.35 140C115.029 137.873 115.882 135.825 116.893 133.873L111.261 128.241C109.152 126.133 109.152 122.713 111.261 120.604L120.597 111.27C122.706 109.161 126.124 109.161 128.233 111.27L133.866 116.902C135.819 115.89 137.868 115.036 139.995 114.357V106.4ZM145.995 107V118.954L143.731 119.527C140.585 120.324 137.608 121.575 134.881 123.2L132.875 124.396L124.415 115.937L115.928 124.423L124.388 132.882L123.192 134.888C121.568 137.613 120.32 140.585 119.517 143.741L118.942 146.002L107 145.997V157.995L118.955 158L119.528 160.262C120.325 163.409 121.577 166.385 123.202 169.112L124.398 171.118L115.938 179.577L124.425 188.063L132.885 179.604L134.891 180.8C137.617 182.424 140.589 183.671 143.744 184.474L146.005 185.049V197H158.005V185.046L160.269 184.473C163.415 183.676 166.392 182.425 169.119 180.8L171.125 179.604L179.585 188.063L188.072 179.577L179.612 171.118L180.808 169.112C182.432 166.387 183.68 163.415 184.483 160.259L185.058 157.999H197V145.996H185.045L184.472 143.733C183.675 140.586 182.423 137.61 180.798 134.883L179.602 132.877L188.062 124.418L179.575 115.932L171.115 124.391L169.109 123.195C166.383 121.571 163.411 120.324 160.256 119.521L157.995 118.946V107H145.995Z" fill="var(--_fg)"/>
2028<path fill-rule="evenodd" clip-rule="evenodd" d="M152 139C144.82 139 139 144.82 139 152C139 159.18 144.82 165 152 165C159.18 165 165 159.18 165 152C165 144.82 159.18 139 152 139ZM133 152C133 141.506 141.507 133 152 133C162.493 133 171 141.506 171 152C171 162.493 162.493 171 152 171C141.507 171 133 162.493 133 152Z" fill="var(--_fg)"/>
2029<path fill-rule="evenodd" clip-rule="evenodd" d="M59.995 27.4286C59.995 23.8782 62.8732 21 66.4236 21H77.5664C81.1168 21 83.995 23.8782 83.995 27.4286V34.3537C86.1228 35.0325 88.1709 35.8858 90.1238 36.897L95.0295 31.9918C97.54 29.4816 101.61 29.4816 104.12 31.9918L112.001 39.872C114.512 42.3825 114.512 46.4532 112.001 48.9638L107.097 53.8681C108.108 55.8202 108.963 57.8689 109.641 59.9959H116.571C120.122 59.9959 123 62.8741 123 66.4245V77.5705C123 81.1209 120.122 83.9991 116.571 83.9991H109.65C108.971 86.1265 108.118 88.1742 107.106 90.1267L112.011 95.0312C114.522 97.5418 114.522 101.612 112.011 104.123L104.13 112.003C101.62 114.513 97.55 114.513 95.0395 112.003L90.1339 107.098C88.1815 108.11 86.1324 108.964 84.005 109.643V116.571C84.005 120.122 81.1268 123 77.5764 123H66.4336C62.8832 123 60.005 120.122 60.005 116.571V109.641C57.8772 108.962 55.8291 108.109 53.8762 107.098L48.9704 112.003C46.46 114.513 42.39 114.513 39.8796 112.003L31.9985 104.123C29.4877 101.612 29.4877 97.5418 31.9985 95.0312L36.9033 90.1269C35.8918 88.1745 35.0368 86.1255 34.3585 83.9982L27.426 83.9954C23.8766 83.994 21 81.1162 21 77.5668V66.4259C21 62.8745 23.8797 59.9959 27.4311 59.9973L34.3504 60C35.0292 57.8729 35.8824 55.8255 36.8935 53.8732L31.9885 48.9688C29.4777 46.4582 29.4777 42.3875 31.9885 39.8769L39.8696 31.9968C42.38 29.4866 46.45 29.4866 48.9605 31.9968L53.8661 36.9019C55.8185 35.8904 57.8676 35.0356 59.995 34.3573V27.4286ZM66.4236 27C66.1869 27 65.995 27.1919 65.995 27.4286V38.9536L63.7315 39.5269C60.5847 40.3238 57.6081 41.5751 54.8807 43.2004L52.8749 44.3956L44.718 36.2396C44.5507 36.0723 44.2793 36.0723 44.112 36.2396L36.231 44.1198C36.0636 44.2872 36.0636 44.5586 36.231 44.7259L44.3877 52.8818L43.192 54.8879C41.5675 57.6134 40.32 60.5853 39.5174 63.7405L38.9422 66.0019L27.4287 65.9973C27.192 65.9972 27 66.1891 27 66.4259V77.5668C27 77.8035 27.1918 77.9953 27.4284 77.9954L38.9551 78L39.5282 80.2624C40.3251 83.4088 41.5766 86.385 43.202 89.1121L44.3977 91.1182L36.241 99.2741C36.0736 99.4414 36.0736 99.7128 36.241 99.8802L44.122 107.76C44.2893 107.928 44.5607 107.928 44.728 107.76L52.8849 99.6044L54.8907 100.8C57.6166 102.424 60.5888 103.671 63.7445 104.474L66.005 105.049V116.571C66.005 116.808 66.1969 117 66.4336 117H77.5764C77.8131 117 78.005 116.808 78.005 116.571V105.046L80.2685 104.473C83.4153 103.676 86.3919 102.425 89.1193 100.8L91.1251 99.6044L99.282 107.76C99.4493 107.928 99.7207 107.928 99.888 107.76L107.769 99.8802C107.936 99.7128 107.936 99.4414 107.769 99.2741L99.6123 91.1182L100.808 89.1121C102.432 86.3866 103.68 83.4147 104.483 80.2595L105.058 77.9991H116.571C116.808 77.9991 117 77.8072 117 77.5705V66.4245C117 66.1878 116.808 65.9959 116.571 65.9959H105.045L104.472 63.7326C103.675 60.5862 102.423 57.61 100.798 54.8829L99.6023 52.8768L107.759 44.7209C107.926 44.5536 107.926 44.2822 107.759 44.1148L99.878 36.2346C99.7107 36.0673 99.4393 36.0673 99.272 36.2346L91.1151 44.39
202906L89.1093 43.1954C86.3834 41.5711 83.4111 40.3237 80.2555 39.5211L77.995 38.9462V27.4286C77.995 27.1919 77.8031 27 77.5664 27H66.4236Z" fill="var(--_fg)"/>
2030<path fill-rule="evenodd" clip-rule="evenodd" d="M72 58.9998C64.8203 58.9998 59 64.8201 59 71.9998C59 79.1795 64.8203 84.9998 72 84.9998C79.1797 84.9998 85 79.1795 85 71.9998C85 64.8201 79.1797 58.9998 72 58.9998ZM53 71.9998C53 61.5064 61.5066 52.9998 72 52.9998C82.4934 52.9998 91 61.5064 91 71.9998C91 82.4932 82.4934 90.9998 72 90.9998C61.5066 90.9998 53 82.4932 53 71.9998Z" fill="var(--_fg)"/>
2031</svg>
2032`
2033            break;
2034            case "collaboration":
2035                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2036<path fill-rule="evenodd" clip-rule="evenodd" d="M112 28C103.163 28 96 35.1634 96 44C96 52.8366 103.163 60 112 60C120.837 60 128 52.8366 128 44C128 35.1634 120.837 28 112 28ZM88 44C88 30.7452 98.7452 20 112 20C125.255 20 136 30.7452 136 44C136 57.2548 125.255 68 112 68C98.7452 68 88 57.2548 88 44Z" fill="var(--_fg)"/>
2037<path fill-rule="evenodd" clip-rule="evenodd" d="M164 132C155.163 132 148 139.163 148 148C148 156.837 155.163 164 164 164C172.837 164 180 156.837 180 148C180 139.163 172.837 132 164 132ZM140 148C140 134.745 150.745 124 164 124C177.255 124 188 134.745 188 148C188 161.255 177.255 172 164 172C150.745 172 140 161.255 140 148Z" fill="var(--_fg)"/>
2038<path fill-rule="evenodd" clip-rule="evenodd" d="M112 68C96.221 68 83.9498 76.1607 80.8117 89.0171C80.6383 89.7279 80.8179 90.3569 81.3401 90.9175C81.9095 91.5287 82.8694 92 84 92H140C141.131 92 142.091 91.5287 142.66 90.9175C143.182 90.3569 143.362 89.7279 143.188 89.0171C140.05 76.1607 127.779 68 112 68ZM73.0399 87.1201C77.2859 69.7249 93.6186 60 112 60C130.381 60 146.714 69.7249 150.96 87.1201C152.789 94.614 146.261 100 140 100H84C77.7393 100 71.2107 94.614 73.0399 87.1201Z" fill="var(--_fg)"/>
2039<path fill-rule="evenodd" clip-rule="evenodd" d="M164 172C148.221 172 135.95 180.161 132.812 193.017C132.638 193.728 132.818 194.357 133.34 194.918C133.909 195.529 134.869 196 136 196H192C193.131 196 194.091 195.529 194.66 194.918C195.182 194.357 195.362 193.728 195.188 193.017C192.05 180.161 179.779 172 164 172ZM125.04 191.12C129.286 173.725 145.619 164 164 164C182.381 164 198.714 173.725 202.96 191.12C204.789 198.614 198.261 204 192 204H136C129.739 204 123.211 198.614 125.04 191.12Z" fill="var(--_fg)"/>
2040<path fill-rule="evenodd" clip-rule="evenodd" d="M60 132C51.1634 132 44 139.163 44 148C44 156.837 51.1634 164 60 164C68.8366 164 76 156.837 76 148C76 139.163 68.8366 132 60 132ZM36 148C36 134.745 46.7452 124 60 124C73.2548 124 84 134.745 84 148C84 161.255 73.2548 172 60 172C46.7452 172 36 161.255 36 148Z" fill="var(--_fg)"/>
2041<path fill-rule="evenodd" clip-rule="evenodd" d="M60 172C44.221 172 31.9498 180.161 28.8117 193.017C28.6383 193.728 28.8179 194.357 29.3401 194.918C29.9095 195.529 30.8694 196 32 196H88C89.1306 196 90.0906 195.529 90.6599 194.918C91.1821 194.357 91.3617 193.728 91.1883 193.017C88.0502 180.161 75.779 172 60 172ZM21.0399 191.12C25.2859 173.725 41.6186 164 60 164C78.3814 164 94.7141 173.725 98.9601 191.12C100.789 198.614 94.2607 204 88 204H32C25.7393 204 19.2107 198.614 21.0399 191.12Z" fill="var(--_fg)"/>
2042<path fill-rule="evenodd" clip-rule="evenodd" d="M112 127.685L130.634 143.99L125.366 150.01L112 138.315L98.634 150.01L93.366 143.99L112 127.685Z" fill="var(--_fg)"/>
2043<path fill-rule="evenodd" clip-rule="evenodd" d="M108 134V110H116V134H108Z" fill="var(--_fg)"/>
2044</svg>
2045`
2046            break;
2047            case "desktop-collaboration":
2048                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2049<path fill-rule="evenodd" clip-rule="evenodd" d="M20 40C20 28.9543 28.9543 20 40 20H184C195.046 20 204 28.9543 204 40V136C204 147.046 195.046 156 184 156H40C28.9543 156 20 147.046 20 136V40ZM40 28C33.3726 28 28 33.3726 28 40V136C28 142.627 33.3726 148 40 148H184C190.627 148 196 142.627 196 136V40C196 33.3726 190.627 28 184 28H40Z" fill="var(--_fg)"/>
2050<path fill-rule="evenodd" clip-rule="evenodd" d="M60 190C60 182.268 66.268 176 74 176H150C157.732 176 164 182.268 164 190C164 197.732 157.732 204 150 204H74C66.268 204 60 197.732 60 190ZM74 184C70.6863 184 68 186.686 68 190C68 193.314 70.6863 196 74 196H150C153.314 196 156 193.314 156 190C156 186.686 153.314 184 150 184H74Z" fill="var(--_fg)"/>
2051<path fill-rule="evenodd" clip-rule="evenodd" d="M82.1648 178.864L90.1648 151.864L97.8352 154.136L89.8352 181.136L82.1648 178.864Z" fill="var(--_fg)"/>
2052<path fill-rule="evenodd" clip-rule="evenodd" d="M141.835 178.864L133.835 151.864L126.165 154.136L134.165 181.136L141.835 178.864Z" fill="var(--_fg)"/>
2053<path fill-rule="evenodd" clip-rule="evenodd" d="M139 54C130.163 54 123 61.1634 123 70C123 78.8366 130.163 86 139 86C147.837 86 155 78.8366 155 70C155 61.1634 147.837 54 139 54ZM115 70C115 56.7452 125.745 46 139 46C152.255 46 163 56.7452 163 70C163 83.2548 152.255 94 139 94C125.745 94 115 83.2548 115 70Z" fill="var(--_fg)"/>
2054<path fill-rule="evenodd" clip-rule="evenodd" d="M140 94C124.285 94 111.609 103.299 108.658 118.793C108.506 119.59 108.738 120.303 109.303 120.9C109.904 121.535 110.871 122 112 122H168C169.129 122 170.096 121.535 170.697 120.9C171.262 120.303 171.494 119.59 171.342 118.793C168.391 103.299 155.715 94 140 94ZM100.8 117.296C104.553 97.586 120.913 86 140 86C159.087 86 175.447 97.586 179.2 117.296C180.598 124.632 174.356 130 168 130H112C105.644 130 99.4023 124.632 100.8 117.296Z" fill="var(--_fg)"/>
2055<path fill-rule="evenodd" clip-rule="evenodd" d="M83 54C74.1634 54 67 61.1634 67 70C67 78.8366 74.1634 86 83 86C91.8366 86 99 78.8366 99 70C99 61.1634 91.8366 54 83 54ZM59 70C59 56.7452 69.7452 46 83 46C96.2548 46 107 56.7452 107 70C107 83.2548 96.2548 94 83 94C69.7452 94 59 83.2548 59 70Z" fill="var(--_fg)"/>
2056<path fill-rule="evenodd" clip-rule="evenodd" d="M84 94C68.2846 94 55.609 103.299 52.6583 118.793C52.5065 119.59 52.7375 120.303 53.3029 120.9C53.9036 121.535 54.8714 122 56 122H112V130H56C49.6441 130 43.4023 124.632 44.7995 117.296C48.5532 97.586 64.9129 86 84 86C95.6558 86 106.481 90.2079 113.939 98.2866L108.061 103.713C102.331 97.5066 93.7592 94 84 94Z" fill="var(--_fg)"/>
2057<path fill-rule="evenodd" clip-rule="evenodd" d="M132.451 80.5811C135.451 78.8331 137.691 76.8685 138.691 75.9597L133.309 70.0402C132.476 70.7982 130.715 72.3336 128.424 73.6689C126.097 75.0245 123.517 76 121 76V84C125.482 84 129.486 82.3088 132.451 80.5811Z" fill="var(--_fg)"/>
2058<path fill-rule="evenodd" clip-rule="evenodd" d="M89.5487 80.5811C86.5487 78.8331 84.3089 76.8685 83.3093 75.9597L88.6907 70.0402C89.5245 70.7982 91.2846 72.3336 93.5763 73.6689C95.9028 75.0245 98.4825 76 101 76V84C96.5175 84 92.5139 82.3088 89.5487 80.5811Z" fill="var(--_fg)"/>
2059</svg>
2060`
2061            break;
2062            case "desktop-envelope":
2063                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2064<path fill-rule="evenodd" clip-rule="evenodd" d="M32 48C25.3726 48 20 53.3726 20 60V134C20 140.627 25.3726 146 32 146H152C158.627 146 164 140.627 164 134V88.0841H172V134C172 145.046 163.046 154 152 154H32C20.9543 154 12 145.046 12 134V60C12 48.9543 20.9543 40 32 40H119V48H32Z" fill="var(--_fg)"/>
2065<path fill-rule="evenodd" clip-rule="evenodd" d="M46 190C46 182.268 52.268 176 60 176H124C131.732 176 138 182.268 138 190C138 197.732 131.732 204 124 204H60C52.268 204 46 197.732 46 190ZM60 184C56.6863 184 54 186.686 54 190C54 193.314 56.6863 196 60 196H124C127.314 196 130 193.314 130 190C130 186.686 127.314 184 124 184H60Z" fill="var(--_fg)"/>
2066<path fill-rule="evenodd" clip-rule="evenodd" d="M117.808 177.776L108.808 149.776L101.192 152.224L110.192 180.224L117.808 177.776Z" fill="var(--_fg)"/>
2067<path fill-rule="evenodd" clip-rule="evenodd" d="M115 32C115 25.3726 120.373 20 127 20H200C206.627 20 212 25.3726 212 32V80C212 86.6274 206.627 92 200 92H127C120.373 92 115 86.6274 115 80V32ZM127 28C124.791 28 123 29.7909 123 32V80C123 82.2091 124.791 84 127 84H200C202.209 84 204 82.2091 204 80V32C204 29.7909 202.209 28 200 28H127Z" fill="var(--_fg)"/>
2068<path fill-rule="evenodd" clip-rule="evenodd" d="M157.91 65.0556L116.764 37.3167L121.236 30.6833L162.382 58.4222C163.058 58.8777 163.942 58.8777 164.618 58.4222L205.764 30.6833L210.236 37.3167L169.09 65.0556C165.711 67.3333 161.289 67.3333 157.91 65.0556Z" fill="var(--_fg)"/>
2069<path fill-rule="evenodd" clip-rule="evenodd" d="M118.172 83.1716L147.172 54.1716L152.828 59.8284L123.828 88.8284L118.172 83.1716Z" fill="var(--_fg)"/>
2070<path fill-rule="evenodd" clip-rule="evenodd" d="M208.828 83.1716L179.828 54.1716L174.172 59.8284L203.172 88.8284L208.828 83.1716Z" fill="var(--_fg)"/>
2071<path fill-rule="evenodd" clip-rule="evenodd" d="M66.1919 177.776L75.1919 149.776L82.8081 152.224L73.8081 180.224L66.1919 177.776Z" fill="var(--_fg)"/>
2072</svg>
2073`
2074            break;
2075            case "desktop-message":
2076                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2077<path fill-rule="evenodd" clip-rule="evenodd" d="M32 48C25.3726 48 20 53.3726 20 60V134C20 140.627 25.3726 146 32 146H152C158.627 146 164 140.627 164 134V88.0841H172V134C172 145.046 163.046 154 152 154H32C20.9543 154 12 145.046 12 134V60C12 48.9543 20.9543 40 32 40H119V48H32Z" fill="var(--_fg)"/>
2078<path fill-rule="evenodd" clip-rule="evenodd" d="M46 190C46 182.268 52.268 176 60 176H124C131.732 176 138 182.268 138 190C138 197.732 131.732 204 124 204H60C52.268 204 46 197.732 46 190ZM60 184C56.6863 184 54 186.686 54 190C54 193.314 56.6863 196 60 196H124C127.314 196 130 193.314 130 190C130 186.686 127.314 184 124 184H60Z" fill="var(--_fg)"/>
2079<path fill-rule="evenodd" clip-rule="evenodd" d="M117.808 177.776L108.808 149.776L101.192 152.224L110.192 180.224L117.808 177.776Z" fill="var(--_fg)"/>
2080<path fill-rule="evenodd" clip-rule="evenodd" d="M66.1919 177.776L75.1919 149.776L82.8081 152.224L73.8081 180.224L66.1919 177.776Z" fill="var(--_fg)"/>
2081<path fill-rule="evenodd" clip-rule="evenodd" d="M136 28C129.373 28 124 33.3726 124 40V90.0804C124 91.8348 126.098 92.739 127.373 91.5344L134.097 85.1839C135.582 83.7814 137.548 83 139.59 83H192C198.627 83 204 77.6274 204 71V40C204 33.3726 198.627 28 192 28H136ZM116 40C116 28.9543 124.954 20 136 20H192C203.046 20 212 28.9543 212 40V71C212 82.0457 203.046 91 192 91H139.59L132.866 97.3505C126.489 103.374 116 98.8524 116 90.0804V40Z" fill="var(--_fg)"/>
2082</svg>
2083`
2084            break;
2085            case "desktop-messages-1":
2086                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2087<path fill-rule="evenodd" clip-rule="evenodd" d="M20 40C20 28.9543 28.9543 20 40 20H184C195.046 20 204 28.9543 204 40V136C204 147.046 195.046 156 184 156H40C28.9543 156 20 147.046 20 136V40ZM40 28C33.3726 28 28 33.3726 28 40V136C28 142.627 33.3726 148 40 148H184C190.627 148 196 142.627 196 136V40C196 33.3726 190.627 28 184 28H40Z" fill="var(--_fg)"/>
2088<path fill-rule="evenodd" clip-rule="evenodd" d="M60 190C60 182.268 66.268 176 74 176H150C157.732 176 164 182.268 164 190C164 197.732 157.732 204 150 204H74C66.268 204 60 197.732 60 190ZM74 184C70.6863 184 68 186.686 68 190C68 193.314 70.6863 196 74 196H150C153.314 196 156 193.314 156 190C156 186.686 153.314 184 150 184H74Z" fill="var(--_fg)"/>
2089<path fill-rule="evenodd" clip-rule="evenodd" d="M82.1648 178.864L90.1648 151.864L97.8352 154.136L89.8352 181.136L82.1648 178.864Z" fill="var(--_fg)"/>
2090<path fill-rule="evenodd" clip-rule="evenodd" d="M141.835 178.864L133.835 151.864L126.165 154.136L134.165 181.136L141.835 178.864Z" fill="var(--_fg)"/>
2091<path fill-rule="evenodd" clip-rule="evenodd" d="M64 52C61.7909 52 60 53.7909 60 56V104.907L64.149 101.104C65.6258 99.7501 67.5568 98.9997 69.5602 99.001L131.997 99.043C134.207 99.0445 136 97.2532 136 95.043V56C136 53.7909 134.209 52 132 52H64ZM52 56C52 49.3726 57.3726 44 64 44H132C138.627 44 144 49.3726 144 56V95.043C144 101.674 138.623 107.047 131.992 107.043L69.5548 107.001L62.8922 113.108C58.7231 116.93 52 113.973 52 108.317V56Z" fill="var(--_fg)"/>
2092<path fill-rule="evenodd" clip-rule="evenodd" d="M160 78C162.209 78 164 79.7909 164 82V126.907L159.85 123.103C158.374 121.75 156.446 121 154.444 121H92C89.7909 121 88 119.209 88 117V105H80V117C80 123.627 85.3726 129 92 129H154.444L161.108 135.108C165.277 138.93 172 135.973 172 130.317V82C172 75.3726 166.627 70 160 70H140V78H160Z" fill="var(--_fg)"/>
2093</svg>
2094`
2095            break;
2096            case "desktop-messages-2":
2097                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2098<path fill-rule="evenodd" clip-rule="evenodd" d="M12 32C12 20.9543 20.9543 12 32 12H192C203.046 12 212 20.9543 212 32V136C212 147.046 203.046 156 192 156H32C20.9543 156 12 147.046 12 136V32ZM32 20C25.3726 20 20 25.3726 20 32V136C20 142.627 25.3726 148 32 148H192C198.627 148 204 142.627 204 136V32C204 25.3726 198.627 20 192 20H32Z" fill="var(--_fg)"/>
2099<path fill-rule="evenodd" clip-rule="evenodd" d="M60 198C60 190.268 66.268 184 74 184H150C157.732 184 164 190.268 164 198C164 205.732 157.732 212 150 212H74C66.268 212 60 205.732 60 198ZM74 192C70.6863 192 68 194.686 68 198C68 201.314 70.6863 204 74 204H150C153.314 204 156 201.314 156 198C156 194.686 153.314 192 150 192H74Z" fill="var(--_fg)"/>
2100<path fill-rule="evenodd" clip-rule="evenodd" d="M81.1332 185.976L90.1332 151.976L97.8668 154.024L88.8668 188.024L81.1332 185.976Z" fill="var(--_fg)"/>
2101<path fill-rule="evenodd" clip-rule="evenodd" d="M142.867 185.976L133.867 151.976L126.133 154.024L135.133 188.024L142.867 185.976Z" fill="var(--_fg)"/>
2102<path fill-rule="evenodd" clip-rule="evenodd" d="M86 44C92.6274 44 98 49.3726 98 56V94.0804C98 95.8348 95.9022 96.739 94.6268 95.5344L87.9027 89.1839C86.4176 87.7814 84.4523 87 82.4097 87H48C41.3726 87 36 81.6274 36 75V56C36 49.3726 41.3726 44 48 44H86ZM106 56C106 44.9543 97.0457 36 86 36H48C36.9543 36 28 44.9543 28 56V75C28 86.0457 36.9543 95 48 95H82.4097L89.1338 101.351C95.5111 107.374 106 102.852 106 94.0804V56Z" fill="var(--_fg)"/>
2103<path fill-rule="evenodd" clip-rule="evenodd" d="M138 72C131.373 72 126 77.3726 126 84V122.08C126 123.835 128.098 124.739 129.373 123.534L136.097 117.184C137.582 115.781 139.548 115 141.59 115H176C182.627 115 188 109.627 188 103V84C188 77.3726 182.627 72 176 72H138ZM118 84C118 72.9543 126.954 64 138 64H176C187.046 64 196 72.9543 196 84V103C196 114.046 187.046 123 176 123H141.59L134.866 129.351C128.489 135.374 118 130.852 118 122.08V84Z" fill="var(--_fg)"/>
2104</svg>
2105`
2106            break;
2107            case "desktop-review":
2108                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2109<path fill-rule="evenodd" clip-rule="evenodd" d="M20 40C20 28.9543 28.9543 20 40 20H184C195.046 20 204 28.9543 204 40V136C204 147.046 195.046 156 184 156H40C28.9543 156 20 147.046 20 136V40ZM40 28C33.3726 28 28 33.3726 28 40V136C28 142.627 33.3726 148 40 148H184C190.627 148 196 142.627 196 136V40C196 33.3726 190.627 28 184 28H40Z" fill="var(--_fg)"/>
2110<path fill-rule="evenodd" clip-rule="evenodd" d="M60 190C60 182.268 66.268 176 74 176H150C157.732 176 164 182.268 164 190C164 197.732 157.732 204 150 204H74C66.268 204 60 197.732 60 190ZM74 184C70.6863 184 68 186.686 68 190C68 193.314 70.6863 196 74 196H150C153.314 196 156 193.314 156 190C156 186.686 153.314 184 150 184H74Z" fill="var(--_fg)"/>
2111<path fill-rule="evenodd" clip-rule="evenodd" d="M82.1648 178.864L90.1648 151.864L97.8352 154.136L89.8352 181.136L82.1648 178.864Z" fill="var(--_fg)"/>
2112<path fill-rule="evenodd" clip-rule="evenodd" d="M141.835 178.864L133.835 151.864L126.165 154.136L134.165 181.136L141.835 178.864Z" fill="var(--_fg)"/>
2113<path fill-rule="evenodd" clip-rule="evenodd" d="M112 46C113.389 46 114.679 46.7206 115.407 47.9036L122.493 59.4194L135.785 62.0777C137.167 62.3543 138.303 63.3387 138.772 64.6686C139.241 65.9985 138.976 67.4773 138.073 68.5607L129.098 79.3311L129.991 92.7339C130.084 94.1227 129.448 95.4598 128.312 96.2642C127.176 97.0687 125.704 97.2249 124.424 96.6766L112 91.3519L99.5757 96.6766C98.2964 97.2249 96.824 97.0687 95.6882 96.2642C94.5523 95.4598 93.9163 94.1227 94.0089 92.7339L94.9024 79.3311L85.9272 68.5607C85.0243 67.4773 84.7587 65.9985 85.2281 64.6686C85.6976 63.3387 86.8327 62.3543 88.2156 62.0777L101.507 59.4194L108.593 47.9036C109.321 46.7206 110.611 46 112 46ZM112 57.6322L107.407 65.0964C106.824 66.0429 105.874 66.7044 104.785 66.9223L96.3768 68.6039L102.073 75.4393C102.731 76.2286 103.06 77.2408 102.991 78.2661L102.426 86.7515L110.424 83.3234C111.431 82.8922 112.57 82.8922 113.576 83.3234L121.575 86.7515L121.009 78.2661C120.941 77.2408 121.269 76.2286 121.927 75.4393L127.623 68.6039L119.216 66.9223C118.126 66.7044 117.176 66.0429 116.593 65.0964L112 57.6322Z" fill="var(--_fg)"/>
2114<path fill-rule="evenodd" clip-rule="evenodd" d="M172 113H52V105H172V113Z" fill="var(--_fg)"/>
2115<path fill-rule="evenodd" clip-rule="evenodd" d="M172 129H52V121H172V129Z" fill="var(--_fg)"/>
2116</svg>
2117`
2118            break;
2119            case "envelope":
2120                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2121<path fill-rule="evenodd" clip-rule="evenodd" d="M12 48C12 36.9543 20.9543 28 32 28H192C203.046 28 212 36.9543 212 48V176C212 187.046 203.046 196 192 196H32C20.9543 196 12 187.046 12 176V48ZM32 36C25.3726 36 20 41.3726 20 48V176C20 182.627 25.3726 188 32 188H192C198.627 188 204 182.627 204 176V48C204 41.3726 198.627 36 192 36H32Z" fill="var(--_fg)"/>
2122<path fill-rule="evenodd" clip-rule="evenodd" d="M99.5859 127.274L13.5172 59.1362L18.4828 52.8638L104.552 121.002C108.916 124.457 115.084 124.457 119.448 121.002L205.517 52.8638L210.483 59.1362L124.414 127.274C117.14 133.033 106.86 133.033 99.5859 127.274Z" fill="var(--_fg)"/>
2123<path fill-rule="evenodd" clip-rule="evenodd" d="M94.8284 118.828L22.8284 190.828L17.1716 185.172L89.1716 113.172L94.8284 118.828Z" fill="var(--_fg)"/>
2124<path fill-rule="evenodd" clip-rule="evenodd" d="M129.172 118.828L201.172 190.828L206.828 185.172L134.828 113.172L129.172 118.828Z" fill="var(--_fg)"/>
2125</svg>
2126`
2127            break;
2128            case "facebook":
2129                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2130<path fill-rule="evenodd" clip-rule="evenodd" d="M20 40C20 28.9543 28.9543 20 40 20H184C195.046 20 204 28.9543 204 40V184C204 195.046 195.046 204 184 204H149C143.477 204 139 199.523 139 194V144C139 138.477 143.477 134 149 134H163C164.105 134 165 133.105 165 132V115C165 113.895 164.105 113 163 113H149C143.477 113 139 108.523 139 103V90C139 84.4772 143.477 80 149 80H163C164.105 80 165 79.1046 165 78V62C165 60.8954 164.105 60 163 60H144C128.536 60 116 72.536 116 88V103C116 108.523 111.523 113 106 113H92C90.8954 113 90 113.895 90 115V132C90 133.105 90.8954 134 92 134H106C111.523 134 116 138.477 116 144V194C116 199.523 111.523 204 106 204H40C28.9543 204 20 195.046 20 184V40ZM40 28C33.3726 28 28 33.3726 28 40V184C28 190.627 33.3726 196 40 196H106C107.105 196 108 195.105 108 194V144C108 142.895 107.105 142 106 142H92C86.4772 142 82 137.523 82 132V115C82 109.477 86.4772 105 92 105H106C107.105 105 108 104.105 108 103V88C108 68.1177 124.118 52 144 52H163C168.523 52 173 56.4772 173 62V78C173 83.5228 168.523 88 163 88H149C147.895 88 147 88.8954 147 90V103C147 104.105 147.895 105 149 105H163C168.523 105 173 109.477 173 115V132C173 137.523 168.523 142 163 142H149C147.895 142 147 142.895 147 144V194C147 195.105 147.895 196 149 196H184C190.627 196 196 190.627 196 184V40C196 33.3726 190.627 28 184 28H40Z" fill="var(--_fg)"/>
2131</svg>
2132`
2133            break;
2134            case "four-hour":
2135                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2136<path fill-rule="evenodd" clip-rule="evenodd" d="M112 20C61.1898 20 20 61.1898 20 112C20 162.81 61.1898 204 112 204C162.81 204 204 162.81 204 112C204 61.1898 162.81 20 112 20ZM12 112C12 56.7715 56.7715 12 112 12C167.228 12 212 56.7715 212 112C212 167.228 167.228 212 112 212C56.7715 212 12 167.228 12 112Z" fill="var(--_fg)"/>
2137<path d="M108 16H116V36H108V16Z" fill="var(--_fg)"/>
2138<path d="M108 188H116V208H108V188Z" fill="var(--_fg)"/>
2139<path d="M208 108L208 116L188 116L188 108L208 108Z" fill="var(--_fg)"/>
2140<path d="M36 108L36 116L16 116L16 108L36 108Z" fill="var(--_fg)"/>
2141<path d="M177.054 41.2893L182.711 46.9462L168.569 61.0883L162.912 55.4314L177.054 41.2893Z" fill="var(--_fg)"/>
2142<path d="M55.4315 162.912L61.0883 168.568L46.9462 182.711L41.2893 177.054L55.4315 162.912Z" fill="var(--_fg)"/>
2143<path d="M182.711 177.054L177.054 182.711L162.912 168.568L168.569 162.912L182.711 177.054Z" fill="var(--_fg)"/>
2144<path d="M61.0883 55.4314L55.4315 61.0883L41.2893 46.9461L46.9462 41.2893L61.0883 55.4314Z" fill="var(--_fg)"/>
2145<path fill-rule="evenodd" clip-rule="evenodd" d="M87 72H95V111H125V119H87V72Z" fill="var(--_fg)"/>
2146<path fill-rule="evenodd" clip-rule="evenodd" d="M123 152V72H131V152H123Z" fill="var(--_fg)"/>
2147</svg>
2148`
2149            break;
2150            case "graph-arrow":
2151                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2152<path fill-rule="evenodd" clip-rule="evenodd" d="M78 88C78 76.9543 86.9543 68 98 68H126C137.046 68 146 76.9543 146 88V204H78V88ZM98 76C91.3726 76 86 81.3726 86 88V196H138V88C138 81.3726 132.627 76 126 76H98Z" fill="var(--_fg)"/>
2153<path fill-rule="evenodd" clip-rule="evenodd" d="M138 40C138 28.9543 146.954 20 158 20H184C195.046 20 204 28.9543 204 40V168C204 187.882 187.882 204 168 204H138V40ZM158 28C151.373 28 146 33.3726 146 40V196H168C183.464 196 196 183.464 196 168V40C196 33.3726 190.627 28 184 28H158Z" fill="var(--_fg)"/>
2154<path fill-rule="evenodd" clip-rule="evenodd" d="M20 136C20 124.954 28.9543 116 40 116H66C77.0457 116 86 124.954 86 136V204H56C36.1177 204 20 187.882 20 168V136ZM40 124C33.3726 124 28 129.373 28 136V168C28 183.464 40.536 196 56 196H78V136C78 129.373 72.6274 124 66 124H40Z" fill="var(--_fg)"/>
2155<path fill-rule="evenodd" clip-rule="evenodd" d="M94 28H70V20H102V52H94V28Z" fill="var(--_fg)"/>
2156<path fill-rule="evenodd" clip-rule="evenodd" d="M64.3431 52L94.1716 22.1716L99.8284 27.8284L67.6568 60H50.6568L24.8284 85.8284L19.1716 80.1716L47.3431 52H64.3431Z" fill="var(--_fg)"/>
2157</svg>
2158`
2159            break;
2160            case "graph-star":
2161                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2162<path fill-rule="evenodd" clip-rule="evenodd" d="M84 120C84 108.954 92.9543 100 104 100H120C131.046 100 140 108.954 140 120V204H84V120ZM104 108C97.3726 108 92 113.373 92 120V196H132V120C132 113.373 126.627 108 120 108H104Z" fill="var(--_fg)"/>
2163<path fill-rule="evenodd" clip-rule="evenodd" d="M36 152C36 140.954 44.9543 132 56 132H72C83.0457 132 92 140.954 92 152V204H72C52.1177 204 36 187.882 36 168V152ZM56 140C49.3726 140 44 145.373 44 152V168C44 183.464 56.536 196 72 196H84V152C84 145.373 78.6274 140 72 140H56Z" fill="var(--_fg)"/>
2164<path fill-rule="evenodd" clip-rule="evenodd" d="M157.245 20.1C158.789 18.6333 161.211 18.6333 162.755 20.1L202.755 58.1C203.941 59.2272 204.322 60.9634 203.715 62.4832C203.108 64.0031 201.637 65 200 65H188V168C188 187.882 171.882 204 152 204H136C133.791 204 132 202.209 132 200V65H120C118.363 65 116.892 64.0031 116.285 62.4832C115.678 60.9634 116.059 59.2272 117.245 58.1L157.245 20.1ZM130.018 57H136C138.209 57 140 58.7909 140 61V196H152C167.464 196 180 183.464 180 168V61C180 58.7909 181.791 57 184 57H189.982L160 28.5172L130.018 57Z" fill="var(--_fg)"/>
2165<path fill-rule="evenodd" clip-rule="evenodd" d="M63.0001 28C64.3785 28 65.6598 28.7097 66.391 29.8783L76.2545 45.6421L94.772 49.2845C96.1638 49.5583 97.3065 50.5486 97.7752 51.8874C98.244 53.2261 97.9688 54.713 97.0518 55.7951L84.6223 70.4644L85.8604 88.7295C85.9543 90.1147 85.3232 91.4495 84.193 92.256C83.0629 93.0625 81.5953 93.2252 80.3159 92.686L63 85.3873L45.6841 92.686C44.4047 93.2252 42.9371 93.0625 41.807 92.256C40.6768 91.4495 40.0457 90.1147 40.1396 88.7295L41.3777 70.4644L28.9482 55.7951C28.0312 54.713 27.756 53.2261 28.2248 51.8874C28.6935 50.5486 29.8362 49.5583 31.228 49.2845L49.7455 45.6421L59.6091 29.8783C60.3403 28.7097 61.6216 28 63.0001 28ZM63 39.541L55.6083 51.3543C55.022 52.2914 54.074 52.944 52.9894 53.1574L39.4546 55.8196L48.5301 66.5304C49.2026 67.3242 49.5395 68.3488 49.4691 69.3868L48.5604 82.792L61.4464 77.3606C62.4398 76.9418 63.5602 76.9418 64.5536 77.3606L77.4396 82.792L76.5309 69.3868C76.4605 68.3488 76.7974 67.3242 77.4699 66.5304L86.5454 55.8196L73.0106 53.1574C71.926 52.944 70.978 52.2914 70.3917 51.3543L63 39.541Z" fill="var(--_fg)"/>
2166</svg>
2167`
2168            break;
2169            case "graph":
2170                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2171<path fill-rule="evenodd" clip-rule="evenodd" d="M78 40C78 28.9543 86.9543 20 98 20H126C137.046 20 146 28.9543 146 40V204H78V40ZM98 28C91.3726 28 86 33.3726 86 40V196H138V40C138 33.3726 132.627 28 126 28H98Z" fill="var(--_fg)"/>
2172<path fill-rule="evenodd" clip-rule="evenodd" d="M138 147C138 135.954 146.954 127 158 127H184C195.046 127 204 135.954 204 147V168C204 187.882 187.882 204 168 204H138V147ZM158 135C151.373 135 146 140.373 146 147V196H168C183.464 196 196 183.464 196 168V147C196 140.373 190.627 135 184 135H158Z" fill="var(--_fg)"/>
2173<path fill-rule="evenodd" clip-rule="evenodd" d="M20 91C20 79.9543 28.9543 71 40 71H66C77.0457 71 86 79.9543 86 91V204H56C36.1177 204 20 187.882 20 168V91ZM40 79C33.3726 79 28 84.3726 28 91V168C28 183.464 40.536 196 56 196H78V91C78 84.3726 72.6274 79 66 79H40Z" fill="var(--_fg)"/>
2174</svg>
2175`
2176            break;
2177            case "instagram":
2178                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2179<path fill-rule="evenodd" clip-rule="evenodd" d="M20 64C20 39.6995 39.6995 20 64 20H160C184.301 20 204 39.6995 204 64V160C204 184.301 184.301 204 160 204H64C39.6995 204 20 184.301 20 160V64ZM64 28C44.1178 28 28 44.1178 28 64V160C28 179.882 44.1178 196 64 196H160C179.882 196 196 179.882 196 160V64C196 44.1178 179.882 28 160 28H64Z" fill="var(--_fg)"/>
2180<path fill-rule="evenodd" clip-rule="evenodd" d="M112 70C88.804 70 70 88.804 70 112C70 135.196 88.804 154 112 154C135.196 154 154 135.196 154 112C154 88.804 135.196 70 112 70ZM62 112C62 84.3858 84.3858 62 112 62C139.614 62 162 84.3858 162 112C162 139.614 139.614 162 112 162C84.3858 162 62 139.614 62 112Z" fill="var(--_fg)"/>
2181<path fill-rule="evenodd" clip-rule="evenodd" d="M166 52C162.686 52 160 54.6863 160 58C160 61.3137 162.686 64 166 64C169.314 64 172 61.3137 172 58C172 54.6863 169.314 52 166 52ZM152 58C152 50.268 158.268 44 166 44C173.732 44 180 50.268 180 58C180 65.732 173.732 72 166 72C158.268 72 152 65.732 152 58Z" fill="var(--_fg)"/>
2182</svg>
2183`
2184            break;
2185            case "layout":
2186                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2187<path fill-rule="evenodd" clip-rule="evenodd" d="M118 40C118 28.9543 126.954 20 138 20H184C195.046 20 204 28.9543 204 40V86C204 97.0457 195.046 106 184 106H138C126.954 106 118 97.0457 118 86V40ZM138 28C131.373 28 126 33.3726 126 40V86C126 92.6274 131.373 98 138 98H184C190.627 98 196 92.6274 196 86V40C196 33.3726 190.627 28 184 28H138Z" fill="var(--_fg)"/>
2188<path fill-rule="evenodd" clip-rule="evenodd" d="M20 138C20 126.954 28.9543 118 40 118H184C195.046 118 204 126.954 204 138V184C204 195.046 195.046 204 184 204H40C28.9543 204 20 195.046 20 184V138ZM40 126C33.3726 126 28 131.373 28 138V184C28 190.627 33.3726 196 40 196H184C190.627 196 196 190.627 196 184V138C196 131.373 190.627 126 184 126H40Z" fill="var(--_fg)"/>
2189<path fill-rule="evenodd" clip-rule="evenodd" d="M138 40H184V55H176V48H146V55H138V40Z" fill="var(--_fg)"/>
2190<path fill-rule="evenodd" clip-rule="evenodd" d="M157 86V40H165V86H157Z" fill="var(--_fg)"/>
2191<path fill-rule="evenodd" clip-rule="evenodd" d="M173 86H149V78H173V86Z" fill="var(--_fg)"/>
2192<path fill-rule="evenodd" clip-rule="evenodd" d="M77.7381 147.518L181.701 196.38L178.299 203.62L78.0029 156.482L25.9121 184.832L22.0879 177.805L77.7381 147.518Z" fill="var(--_fg)"/>
2193<path fill-rule="evenodd" clip-rule="evenodd" d="M161.939 155.585L201.853 176.455L198.147 183.545L161.561 164.415L129.544 177.808L126.456 170.427L161.939 155.585Z" fill="var(--_fg)"/>
2194<path d="M136 146C136 150.418 132.418 154 128 154C123.582 154 120 150.418 120 146C120 141.582 123.582 138 128 138C132.418 138 136 141.582 136 146Z" fill="var(--_fg)"/>
2195<path fill-rule="evenodd" clip-rule="evenodd" d="M20 40C20 28.9543 28.9543 20 40 20H86C97.0457 20 106 28.9543 106 40V86C106 97.0457 97.0457 106 86 106H40C28.9543 106 20 97.0457 20 86V40ZM40 28C33.3726 28 28 33.3726 28 40V86C28 92.6274 33.3726 98 40 98H86C92.6274 98 98 92.6274 98 86V40C98 33.3726 92.6274 28 86 28H40Z" fill="var(--_fg)"/>
2196<path fill-rule="evenodd" clip-rule="evenodd" d="M86 50H40V42H86V50Z" fill="var(--_fg)"/>
2197<path fill-rule="evenodd" clip-rule="evenodd" d="M86 67H40V59H86V67Z" fill="var(--_fg)"/>
2198<path fill-rule="evenodd" clip-rule="evenodd" d="M86 84H40V76H86V84Z" fill="var(--_fg)"/>
2199</svg>
2200`
2201            break;
2202            case "message-ai":
2203                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2204<path fill-rule="evenodd" clip-rule="evenodd" d="M52 59C45.3726 59 40 64.3726 40 71V179.634C40 180.504 41.0343 180.959 41.6757 180.371L55.0006 168.157C57.2161 166.126 60.1129 165 63.1184 165.002L171.991 165.085C178.622 165.09 184 159.716 184 153.085V71C184 64.3726 178.627 59 172 59H52ZM32 71C32 59.9543 40.9543 51 52 51H172C183.046 51 192 59.9543 192 71V153.085C192 164.136 183.036 173.093 171.985 173.085L63.1123 173.002C62.1105 173.002 61.1449 173.377 60.4064 174.054L47.0815 186.268C41.3089 191.56 32 187.465 32 179.634V71Z" fill="var(--_fg)"/>
2205<path fill-rule="evenodd" clip-rule="evenodd" d="M94.8751 78.728C96.3097 75.0907 101.457 75.0907 102.892 78.728L107.459 90.308L119.039 94.8751C122.676 96.3097 122.676 101.457 119.039 102.892L107.459 107.459L102.892 119.039C101.457 122.676 96.3097 122.676 94.8751 119.039L90.308 107.459L78.728 102.892C75.0907 101.457 75.0907 96.3097 78.728 94.8751L90.308 90.308L94.8751 78.728ZM98.8835 83.0722L95.098 92.6705C94.66 93.781 93.781 94.66 92.6705 95.098L83.0722 98.8835L92.6705 102.669C93.781 103.107 94.66 103.986 95.098 105.097L98.8835 114.695L102.669 105.097C103.107 103.986 103.986 103.107 105.097 102.669L114.695 98.8835L105.097 95.098C103.986 94.66 103.107 93.781 102.669 92.6705L98.8835 83.0722Z" fill="var(--_fg)"/>
2206<path fill-rule="evenodd" clip-rule="evenodd" d="M123.12 109.417C124.479 105.972 129.354 105.972 130.713 109.417L134.589 119.244L144.416 123.12C147.861 124.479 147.861 129.354 144.416 130.713L134.589 134.589L130.713 144.416C129.354 147.861 124.479 147.861 123.12 144.416L119.244 134.589L109.417 130.713C105.972 129.354 105.972 124.479 109.417 123.12L119.244 119.244L123.12 109.417ZM126.916 114.299L123.998 121.699C123.583 122.751 122.751 123.583 121.699 123.998L114.299 126.916L121.699 129.835C122.751 130.25 123.583 131.082 123.998 132.134L126.916 139.534L129.835 132.134C130.25 131.082 131.082 130.25 132.134 129.835L139.534 126.916L132.134 123.998C131.082 123.583 130.25 122.751 129.835 121.699L126.916 114.299Z" fill="var(--_fg)"/>
2207</svg>
2208`
2209            break;
2210            case "message-heart":
2211                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2212<path fill-rule="evenodd" clip-rule="evenodd" d="M52 59C45.3726 59 40 64.3726 40 71V179.634C40 180.504 41.0343 180.959 41.6757 180.371L55.0006 168.157C57.2161 166.126 60.1129 165 63.1184 165.002L171.991 165.085C178.622 165.09 184 159.716 184 153.085V71C184 64.3726 178.627 59 172 59H52ZM32 71C32 59.9543 40.9543 51 52 51H172C183.046 51 192 59.9543 192 71V153.085C192 164.136 183.036 173.093 171.985 173.085L63.1123 173.002C62.1105 173.002 61.1449 173.377 60.4064 174.054L47.0815 186.268C41.3089 191.56 32 187.465 32 179.634V71Z" fill="var(--_fg)"/>
2213<path fill-rule="evenodd" clip-rule="evenodd" d="M112.794 83.8572C117.042 79.5269 122.943 77 129.049 77C135.155 77 141.056 79.5264 145.303 83.8559C149.599 88.2325 152 94.2188 152 100.313C152 103.365 151.41 106.388 150.263 109.21C148.457 113.651 145.201 116.921 142.555 119.58C142.245 119.892 141.942 120.195 141.652 120.491L111.999 150.711L82.3461 120.491C77.4819 115.534 72 109.562 72 100.313C72 94.1549 74.3998 88.2339 78.6949 83.8566C82.9926 79.4767 88.8378 77.0019 94.949 77.0019C101.06 77.0019 106.905 79.4767 111.203 83.8566L111.999 84.6678L112.794 83.8572ZM129.049 85C125.127 85 121.273 86.6373 118.506 89.4589L111.999 96.0902L105.493 89.4596C102.683 86.5963 98.889 85.0019 94.949 85.0019C91.009 85.0019 87.2147 86.5963 84.4051 89.4596C81.593 92.3255 80 96.2283 80 100.313C80 106.012 83.1549 109.893 88.0563 114.888L111.999 139.289L135.942 114.888C136.235 114.59 136.521 114.3 136.799 114.017C139.601 111.178 141.685 109.066 142.852 106.197C143.609 104.334 144 102.334 144 100.313C144 96.2813 142.398 92.3172 139.594 89.4602L139.592 89.4589C136.825 86.6373 132.971 85 129.049 85Z" fill="var(--_fg)"/>
2214</svg>
2215`
2216            break;
2217            case "message-star":
2218                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2219<path fill-rule="evenodd" clip-rule="evenodd" d="M52 59C45.3726 59 40 64.3726 40 71V179.634C40 180.504 41.0343 180.959 41.6757 180.371L55.0006 168.157C57.2161 166.126 60.1129 165 63.1184 165.002L171.991 165.085C178.622 165.09 184 159.716 184 153.085V71C184 64.3726 178.627 59 172 59H52ZM32 71C32 59.9543 40.9543 51 52 51H172C183.046 51 192 59.9543 192 71V153.085C192 164.136 183.036 173.093 171.985 173.085L63.1123 173.002C62.1105 173.002 61.1449 173.377 60.4064 174.054L47.0815 186.268C41.3089 191.56 32 187.465 32 179.634V71Z" fill="var(--_fg)"/>
2220<path fill-rule="evenodd" clip-rule="evenodd" d="M112 76C113.382 76 114.666 76.7132 115.396 77.8864L125.95
22207 94.8546L145.776 98.7737C147.165 99.0483 148.305 100.037 148.774 101.373C149.243 102.709 148.971 104.193 148.059 105.276L134.752 121.064L136.078 140.731C136.171 142.117 135.539 143.453 134.407 144.259C133.275 145.064 131.806 145.225 130.526 144.683L112 136.833L93.4737 144.683C92.1944 145.225 90.7253 145.064 89.5933 144.259C88.4614 143.453 87.8287 142.117 87.9222 140.731L89.2483 121.064L75.9415 105.276C75.0291 104.193 74.7569 102.709 75.2259 101.373C75.6949 100.037 76.8352 99.0483 78.2241 98.7737L98.0431 94.8546L108.604 77.8863C109.334 76.7132 110.618 76 112 76ZM112 87.5698L103.918 100.556C103.333 101.496 102.384 102.151 101.298 102.366L86.4297 105.306L96.4064 117.143C97.0743 117.935 97.4085 118.956 97.3388 119.99L96.3416 134.779L110.439 128.805C111.437 128.383 112.563 128.383 113.561 128.805L127.658 134.779L126.661 119.99C126.592 118.956 126.926 117.935 127.594 117.143L137.57 105.306L122.702 102.366C121.616 102.151 120.667 101.496 120.082 100.556L112 87.5698Z" fill="var(--_fg)"/>
2221</svg>
2222`
2223            break;
2224            case "message-text":
2225                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2226<path fill-rule="evenodd" clip-rule="evenodd" d="M52 59C45.3726 59 40 64.3726 40 71V179.634C40 180.504 41.0343 180.959 41.6757 180.371L55.0006 168.157C57.2161 166.126 60.1129 165 63.1184 165.002L171.991 165.085C178.622 165.09 184 159.716 184 153.085V71C184 64.3726 178.627 59 172 59H52ZM32 71C32 59.9543 40.9543 51 52 51H172C183.046 51 192 59.9543 192 71V153.085C192 164.136 183.036 173.093 171.985 173.085L63.1123 173.002C62.1105 173.002 61.1449 173.377 60.4064 174.054L47.0815 186.268C41.3089 191.56 32 187.465 32 179.634V71Z" fill="var(--_fg)"/>
2227<path fill-rule="evenodd" clip-rule="evenodd" d="M164 116H60V108H164V116Z" fill="var(--_fg)"/>
2228<path fill-rule="evenodd" clip-rule="evenodd" d="M112 92H60V84H112V92Z" fill="var(--_fg)"/>
2229<path fill-rule="evenodd" clip-rule="evenodd" d="M164 140H60V132H164V140Z" fill="var(--_fg)"/>
2230</svg>
2231`
2232            break;
2233            case "messages-ai":
2234                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2235<path fill-rule="evenodd" clip-rule="evenodd" d="M32 36C25.3726 36 20 41.3726 20 48V156.634C20 157.504 21.0343 157.959 21.6757 157.371L35.0006 145.157C37.2161 143.126 40.1129 142 43.1184 142.002L151.991 142.085C158.622 142.09 164 136.716 164 130.085V48C164 41.3726 158.627 36 152 36H32ZM12 48C12 36.9543 20.9543 28 32 28H152C163.046 28 172 36.9543 172 48V130.085C172 141.136 163.036 150.093 151.985 150.085L43.1123 150.002C42.1105 150.002 41.1449 150.377 40.4064 151.054L27.0815 163.268C21.3089 168.56 12 164.465 12 156.634V48Z" fill="var(--_fg)"/>
2236<path fill-rule="evenodd" clip-rule="evenodd" d="M192 84C198.627 84 204 89.3726 204 96V196.634C204 197.504 202.966 197.959 202.324 197.371L188.997 185.154C186.784 183.125 183.89 182 180.888 182H72C65.3726 182 60 176.627 60 170V146H52V170C52 181.046 60.9543 190 72 190H180.888C181.889 190 182.853 190.375 183.591 191.051L196.918 203.268C202.691 208.56 212 204.465 212 196.634V96C212 84.9543 203.046 76 192 76H168V84H192Z" fill="var(--_fg)"/>
2237<path fill-rule="evenodd" clip-rule="evenodd" d="M75.8751 55.728C77.3097 52.0907 82.4574 52.0907 83.8919 55.728L88.459 67.308L100.039 71.8751C103.676 73.3097 103.676 78.4574 100.039 79.8919L88.459 84.459L83.8919 96.0391C82.4574 99.6764 77.3097 99.6764 75.8751 96.0391L71.308 84.459L59.728 79.8919C56.0907 78.4574 56.0907 73.3097 59.728 71.8751L71.308 67.308L75.8751 55.728ZM79.8835 60.0722L76.098 69.6705C75.66 70.781 74.781 71.66 73.6705 72.098L64.0722 75.8835L73.6705 79.669C74.781 80.107 75.66 80.986 76.098 82.0965L79.8835 91.6948L83.669 82.0965C84.107 80.986 84.986 80.107 86.0965 79.669L95.6948 75.8835L86.0965 72.098C84.986 71.66 84.107 70.781 83.669 69.6705L79.8835 60.0722Z" fill="var(--_fg)"/>
2238<path fill-rule="evenodd" clip-rule="evenodd" d="M104.12 86.4165C105.479 82.9718 110.354 82.9718 111.713 86.4165L115.589 96.2443L125.416 100.12C128.861 101.479 128.861 106.354 125.416 107.713L115.589 111.589L111.713 121.416C110.354 124.861 105.479 124.861 104.12 121.416L100.244 
2238111.589L90.4165 107.713C86.9718 106.354 86.9718 101.479 90.4165 100.12L100.244 96.2443L104.12 86.4165ZM107.916 91.2988L104.998 98.6989C104.583 99.7506 103.751 100.583 102.699 100.998L95.2988 103.916L102.699 106.835C103.751 107.25 104.583 108.082 104.998 109.134L107.916 116.534L110.835 109.134C111.25 108.082 112.082 107.25 113.134 106.835L120.534 103.916L113.134 100.998C112.082 100.583 111.25 99.7506 110.835 98.6989L107.916 91.2988Z" fill="var(--_fg)"/>
2239</svg>
2240`
2241            break;
2242            case "messages-arrow":
2243                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2244<path fill-rule="evenodd" clip-rule="evenodd" d="M32 36C25.3726 36 20 41.3726 20 48V156.634C20 157.504 21.0343 157.959 21.6757 157.371L35.0006 145.157C37.2161 143.126 40.1129 142 43.1184 142.002L151.991 142.085C158.622 142.09 164 136.716 164 130.085V48C164 41.3726 158.627 36 152 36H32ZM12 48C12 36.9543 20.9543 28 32 28H152C163.046 28 172 36.9543 172 48V130.085C172 141.136 163.036 150.093 151.985 150.085L43.1123 150.002C42.1105 150.002 41.1449 150.377 40.4064 151.054L27.0815 163.268C21.3089 168.56 12 164.465 12 156.634V48Z" fill="var(--_fg)"/>
2245<path fill-rule="evenodd" clip-rule="evenodd" d="M192 84C198.627 84 204 89.3726 204 96V196.634C204 197.504 202.966 197.959 202.324 197.371L188.997 185.154C186.784 183.125 183.89 182 180.888 182H72C65.3726 182 60 176.627 60 170V146H52V170C52 181.046 60.9543 190 72 190H180.888C181.889 190 182.853 190.375 183.591 191.051L196.918 203.268C202.691 208.56 212 204.465 212 196.634V96C212 84.9543 203.046 76 192 76H168V84H192Z" fill="var(--_fg)"/>
2246<path fill-rule="evenodd" clip-rule="evenodd" d="M92 64C80.9074 64 71.4923 71.2272 68.2265 81.2403L60.6208 78.7597C64.9285 65.552 77.3435 56 92 56C106.656 56 119.071 65.552 123.379 78.7597L115.773 81.2403C112.508 71.2272 103.093 64 92 64Z" fill="var(--_fg)"/>
2247<path fill-rule="evenodd" clip-rule="evenodd" d="M130.522 69.3964L122.118 85.0029L104.216 81.4223L105.784 73.5777L117.882 75.9971L123.478 65.6036L130.522 69.3964Z" fill="var(--_fg)"/>
2248<path fill-rule="evenodd" clip-rule="evenodd" d="M92.0001 114C103.093 114 112.508 106.773 115.774 96.7597L123.379 99.2403C119.072 112.448 106.657 122 92.0001 122C77.3436 122 64.9286 112.448 60.6209 99.2403L68.2266 96.7597C71.4924 106.773 80.9075 114 92.0001 114Z" fill="var(--_fg)"/>
2249<path fill-rule="evenodd" clip-rule="evenodd" d="M51.4781 106.104L59.8816 90.4971L77.7845 94.0777L76.2156 101.922L64.1184 99.5029L58.5219 109.896L51.4781 106.104Z" fill="var(--_fg)"/>
2250</svg>
2251`
2252            break;
2253            case "messages-heart":
2254                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2255<path fill-rule="evenodd" clip-rule="evenodd" d="M32 36C25.3726 36 20 41.3726 20 48V156.634C20 157.504 21.0343 157.959 21.6757 157.371L35.0006 145.157C37.2161 143.126 40.1129 142 43.1184 142.002L151.991 142.085C158.622 142.09 164 136.716 164 130.085V48C164 41.3726 158.627 36 152 36H32ZM12 48C12 36.9543 20.9543 28 32 28H152C163.046 28 172 36.9543 172 48V130.085C172 141.136 163.036 150.093 151.985 150.085L43.1123 150.002C42.1105 150.002 41.1449 150.377 40.4064 151.054L27.0815 163.268C21.3089 168.56 12 164.465 12 156.634V48Z" fill="var(--_fg)"/>
2256<path fill-rule="evenodd" clip-rule="evenodd" d="M192 84C198.627 84 204 89.3726 204 96V196.634C204 197.504 202.966 197.959 202.324 197.371L188.997 185.154C186.784 183.125 183.89 182 180.888 182H72C65.3726 182 60 176.627 60 170V146H52V170C52 181.046 60.9543 190 72 190H180.888C181.889 190 182.853 190.375 183.591 191.051L196.918 203.268C202.691 208.56 212 204.465 212 196.634V96C212 84.9543 203.046 76 192 76H168V84H192Z" fill="var(--_fg)"/>
2257<path fill-rule="evenodd" clip-rule="evenodd" d="M92.7945 60.8572C97.0415 56.5269 102.943 54 109.049 54C115.155 54 121.056 56.5264 125.303 60.8559C129.599 65.2325 132 71.2188 132 77.3133C132 80.3645 131.41 83.3876 130.263 86.2104C128.457 90.6511 125.201 93.9215 122.555 96.5797C122.245 96.8916 121.942 97.1951 121.652 97.491L91.9991 127.711L62.3461 97.491C57.4819 92.5338 52 86.5623 52 77.3133C52 71.1549 54.3998 65.2339 58.6949 60.8566C62.9926 56.4767 68.8378 54.0019 74.949 54.0019C81.0602 54.0019 86.9054 56.4767 91.203 60.8566L91.9991 61.6678L92.7945 60.8572ZM109.049 62C105.127 62 101.273 63.6373 98.506 66.4589L91.9991 73.0902L85.4929 66.4596C82.6833 63.5963 78.889 62.0019 74.949 62.0019C71.009 62.0019 67.2147 63.5963 64.4051 66.4596C61.593 69.3255 60 73.2283 60 77.3133C60 83.012 63.1549 86.893 68.0563 91.888L91.9991 116.289L115.942 91.888C116.235 91.5896 116.521 91.2998 116.799 91.0172C119.601 88.1785 121.685 86.0655 122.852 83.1973C123.609 81.3341 124 79.3345 124 77.3133C124 73.2813 122.398 69.3172 119.594 66.4602L119.592 66.4589C116.825 63.6373 112.971 62 109.049 62Z" fill="var(--_fg)"/>
2258</svg>
2259`
2260            break;
2261            case "messages-star":
2262                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2263<path fill-rule="evenodd" clip-rule="evenodd" d="M32 36C25.3726 36 20 41.3726 20 48V156.634C20 157.504 21.0343 157.959 21.6757 157.371L35.0006 145.157C37.2161 143.126 40.1129 142 43.1184 142.002L151.991 142.085C158.622 142.09 164 136.716 164 130.085V48C164 41.3726 158.627 36 152 36H32ZM12 48C12 36.9543 20.9543 28 32 28H152C163.046 28 172 36.9543 172 48V130.085C172 141.136 163.036 150.093 151.985 150.085L43.1123 150.002C42.1105 150.002 41.1449 150.377 40.4064 151.054L27.0815 163.268C21.3089 168.56 12 164.465 12 156.634V48Z" fill="var(--_fg)"/>
2264<path fill-rule="evenodd" clip-rule="evenodd" d="M192 84C198.627 84 204 89.3726 204 96V196.634C204 197.504 202.966 197.959 202.324 197.371L188.997 185.154C186.784 183.125 183.89 182 180.888 182H72C65.3726 182 60 176.627 60 170V146H52V170C52 181.046 60.9543 190 72 190H180.888C181.889 190 182.853 190.375 183.591 191.051L196.918 203.268C202.691 208.56 212 204.465 212 196.634V96C212 84.9543 203.046 76 192 76H168V84H192Z" fill="var(--_fg)"/>
2265<path fill-rule="evenodd" clip-rule="evenodd" d="M92.0001 52C93.3819 52 94.6658 52.7132 95.396 53.8864L105.957 70.8546L125.776 74.7737C127.165 75.0483 128.305 76.0368 128.774 77.3727C129.243 78.7086 128.971 80.1929 128.059 81.2755L114.752 97.0636L116.078 116.731C116.171 118.117 115.539 119.453 114.407 120.259C113.275 121.064 111.806 121.225 110.526 120.683L92 112.833L73.4737 120.683C72.1943 121.225 70.7252 121.064 69.5933 120.259C68.4613 119.453 67.8286 118.117 67.9221 116.731L69.2482 97.0636L55.9415 81.2755C55.029 80.1929 54.7568 78.7086 55.2258 77.3727C55.6948 76.0368 56.8351 75.0483 58.224 74.7737L78.043 70.8546L88.6041 53.8863C89.3343 52.7132 90.6182 52 92.0001 52ZM92 63.5698L83.9177 76.5555C83.3326 77.4956 82.384 78.1511 81.2977 78.3659L66.4296 81.306L76.4064 93.1431C77.0742 93.9355 77.4085 94.9561 77.3388 95.99L76.3416 110.779L90.4394 104.805C91.4369 104.383 92.5631 104.383 93.5606 104.805L107.658 110.779L106.661 95.99C106.592 94.9561 106.926 93.9355 107.594 93.1431L117.57 81.306L102.702 78.3659C101.616 78.1511 100.667 77.4956 100.082 76.5555L92 63.5698Z" fill="var(--_fg)"/>
2266</svg>
2267`
2268            break;
2269            case "messages-text":
2270                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2271<path fill-rule="evenodd" clip-rule="evenodd" d="M32 36C25.3726 36 20 41.3726 20 48V156.634C20 157.504 21.0343 157.959 21.6757 157.371L35.0006 145.157C37.2161 143.126 40.1129 142 43.1184 142.002L151.991 142.085C158.622 142.09 164 136.716 164 130.085V48C164 41.3726 158.627 36 152 36H32ZM12 48C12 36.9543 20.9543 28 32 28H152C163.046 28 172 36.9543 172 48V130.085C172 141.136 163.036 150.093 151.985 150.085L43.1123 150.002C42.1105 150.002 41.1449 150.377 40.4064 151.054L27.0815 163.268C21.3089 168.56 12 164.465 12 156.634V48Z" fill="var(--_fg)"/>
2272<path fill-rule="evenodd" clip-rule="evenodd" d="M192 84C198.627 84 204 89.3726 204 96V196.634C204 197.504 202.966 197.959 202.324 197.371L188.997 185.154C186.784 183.125 183.89 182 180.888 182H72C65.3726 182 60 176.627 60 170V146H52V170C52 181.046 60.9543 190 72 190H180.888C181.889 190 182.853 190.375 183.591 191.051L196.918 203.268C202.691 208.56 212 204.465 212 196.634V96C212 84.9543 203.046 76 192 76H168V84H192Z" fill="var(--_fg)"/>
2273<path fill-rule="evenodd" clip-rule="evenodd" d="M144 93H40V85H144V93Z" fill="var(--_fg)"/>
2274<path fill-rule="evenodd" clip-rule="evenodd" d="M92 69H40V61H92V69Z" fill="var(--_fg)"/>
2275<path fill-rule="evenodd" clip-rule="evenodd" d="M144 117H40V109H144V117Z" fill="var(--_fg)"/>
2276</svg>
2277`
2278            break;
2279            case "phone-envelope":
2280                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2281<path fill-rule="evenodd" clip-rule="evenodd" d="M140 180L24 180L24 172L140 172L140 180Z" fill="var(--_fg)"/>
2282<path fill-rule="evenodd" clip-rule="evenodd" d="M94 52L70 52V44L94 44V52Z" fill="var(--_fg)"/>
2283<path fill-rule="evenodd" clip-rule="evenodd" d="M20 40C20 28.9543 28.9543 20 40 20H124C135.046 20 144 28.9543 144 40V64H136V40C136 33.3726 130.627 28 124 28H40C33.3726 28 28 33.3726 28 40V184C28 190.627 33.3726 196 40 196H124C130.627 196 136 190.627 136 184V128H144V184C144 195.046 135.046 204 124 204H40C28.9543 204 20 195.046 20 184V40Z" fill="var(--_fg)"/>
2284<path fill-rule="evenodd" clip-rule="evenodd" d="M107 72C107 65.3726 112.373 60 119 60H192C198.627 60 204 65.3726 204 72V120C204 126.627 198.627 132 192 132H119C112.373 132 107 126.627 107 120V72ZM119 68C116.791 68 115 69.7909 115 72V120C115 122.209 116.791 124 119 124H192C194.209 124 196 122.209 196 120V72C196 69.7909 194.209 68 192 68H119Z" fill="var(--_fg)"/>
2285<path fill-rule="evenodd" clip-rule="evenodd" d="M149.91 105.056L108.764 77.3167L113.236 70.6833L154.382 98.4222C155.058 98.8778 155.942 98.8778 156.618 98.4222L197.764 70.6833L202.236 77.3167L161.09 105.056C157.711 107.333 153.289 107.333 149.91 105.056Z" fill="var(--_fg)"/>
2286<path fill-rule="evenodd" clip-rule="evenodd" d="M110.172 123.172L139.172 94.1716L144.828 99.8284L115.828 128.828L110.172 123.172Z" fill="var(--_fg)"/>
2287<path fill-rule="evenodd" clip-rule="evenodd" d="M200.828 123.172L171.828 94.1716L166.172 99.8284L195.172 128.828L200.828 123.172Z" fill="var(--_fg)"/>
2288</svg>
2289`
2290            break;
2291            case "phone-message":
2292                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2293<path fill-rule="evenodd" clip-rule="evenodd" d="M140 180L24 180L24 172L140 172L140 180Z" fill="var(--_fg)"/>
2294<path fill-rule="evenodd" clip-rule="evenodd" d="M94 52L70 52V44L94 44V52Z" fill="var(--_fg)"/>
2295<path fill-rule="evenodd" clip-rule="evenodd" d="M20 40C20 28.9543 28.9543 20 40 20H124C135.046 20 144 28.9543 144 40V64H136V40C136 33.3726 130.627 28 124 28H40C33.3726 28 28 33.3726 28 40V184C28 190.627 33.3726 196 40 196H124C130.627 196 136 190.627 136 184V128H144V184C144 195.046 135.046 204 124 204H40C28.9543 204 20 195.046 20 184V40Z" fill="var(--_fg)"/>
2296<path fill-rule="evenodd" clip-rule="evenodd" d="M128 68C121.373 68 116 73.3726 116 80V130.08C116 131.835 118.098 132.739 119.373 131.534L126.097 125.184C127.582 123.781 129.548 123 131.59 123H184C190.627 123 196 117.627 196 111V80C196 73.3726 190.627 68 184 68H128ZM108 80C108 68.9543 116.954 60 128 60H184C195.046 60 204 68.9543 204 80V111C204 122.046 195.046 131 184 131H131.59L124.866 137.351C118.489 143.374 108 138.852 108 130.08V80Z" fill="var(--_fg)"/>
2297</svg>
2298`
2299            break;
2300            case "phone-messages":
2301                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2302<path fill-rule="evenodd" clip-rule="evenodd" d="M170 180L54 180L54 172L170 172L170 180Z" fill="var(--_fg)"/>
2303<path fill-rule="evenodd" clip-rule="evenodd" d="M124 52L100 52V44L124 44V52Z" fill="var(--_fg)"/>
2304<path fill-rule="evenodd" clip-rule="evenodd" d="M50 40C50 28.9543 58.9543 20 70 20H154C165.046 20 174 28.9543 174 40V88H166V40C166 33.3726 160.627 28 154 28H70C63.3726 28 58 33.3726 58 40V64H50V40ZM58 122V184C58 190.627 63.3726 196 70 196H154C160.627 196 166 190.627 166 184V142H174V184C174 195.046 165.046 204 154 204H70C58.9543 204 50 195.046 50 184V122H58Z" fill="var(--_fg)"/>
2305<path fill-rule="evenodd" clip-rule="evenodd" d="M138 92C131.373 92 126 97.3726 126 104V148.08C126 149.835 128.098 150.739 129.373 149.534L136.097 143.184C137.582 141.781 139.548 141 141.59 141H184C190.627 141 196 135.627 196 129V104C196 97.3726 190.627 92 184 92H138ZM118 104C118 92.9543 126.954 84 138 84H184C195.046 84 204 92.9543 204 104V129C204 140.046 195.046 149 184 149H141.59L134.866 155.351C128.489 161.374 118 156.852 118 148.08V104Z" fill="var(--_fg)"/>
2306<path fill-rule="evenodd" clip-rule="evenodd" d="M86 68C92.6274 68 98 73.3726 98 80V124.08C98 125.835 95.9022 126.739 94.6268 125.534L87.9027 119.184C86.4176 117.781 84.4523 117 82.4097 117H40C33.3726 117 28 111.627 28 105V80C28 73.3726 33.3726 68 40 68H86ZM106 80C106 68.9543 97.0457 60 86 60H40C28.9543 60 20 68.9543 20 80V105C20 116.046 28.9543 125 40 125H82.4097L89.1338 131.351C95.5111 137.374 106 132.852 106 124.08V80Z" fill="var(--_fg)"/>
2307</svg>
2308`
2309            break;
2310            case "phone-plus":
2311                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2312<path fill-rule="evenodd" clip-rule="evenodd" d="M136 180L24 180L24 172L136 172L136 180Z" fill="var(--_fg)"/>
2313<path fill-rule="evenodd" clip-rule="evenodd" d="M92 52L68 52V44L92 44V52Z" fill="var(--_fg)"/>
2314<path fill-rule="evenodd" clip-rule="evenodd" d="M20 40C20 28.9543 28.9543 20 40 20H120C131.046 20 140 28.9543 140 40V184C140 195.046 131.046 204 120 204H40C28.9543 204 20 195.046 20 184V40ZM40 28C33.3726 28 28 33.3726 28 40V184C28 190.627 33.3726 196 40 196H120C126.627 196 132 190.627 132 184V40C132 33.3726 126.627 28 120 28H40Z" fill="var(--_fg)"/>
2315<path fill-rule="evenodd" clip-rule="evenodd" d="M167 52H191V71H210V95H191V114H167V95H148V71H167V52ZM175 60V79H156V87H175V106H183V87H202V79H183V60H175Z" fill="var(--_fg)"/>
2316</svg>
2317`
2318            break;
2319            case "pin":
2320                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2321<path fill-rule="evenodd" clip-rule="evenodd" d="M112 20C76.6367 20 48 48.2262 48 84C48 104.717 57.8611 128.489 70.3616 150.166C82.7931 171.723 97.5076 190.658 106.56 201.568C109.447 205.048 114.553 205.048 117.44 201.568C126.492 190.658 141.207 171.723 153.638 150.166C166.139 128.489 176 104.717 176 84C176 48.2262 147.363 20 112 20ZM40 84C40 43.7738 72.2526 12 112 12C151.747 12 184 43.7738 184 84C184 106.889 173.246 132.179 160.569 154.162C147.822 176.266 132.796 195.589 123.597 206.677C117.511 214.012 106.489 214.012 100.403 206.677C91.2039 195.589 76.1778 176.266 63.4314 154.162C50.7541 132.179 40 106.889 40 84Z" fill="var(--_fg)"/>
2322<path fill-rule="evenodd" clip-rule="evenodd" d="M78 172H16V164H78V172Z" fill="var(--_fg)"/>
2323<path fill-rule="evenodd" clip-rule="evenodd" d="M208 172H146V164H208V172Z" fill="var(--_fg)"/>
2324<path fill-rule="evenodd" clip-rule="evenodd" d="M112 56C96.536 56 84 68.536 84 84C84 99.464 96.536 112 112 112C127.464 112 140 99.464 140 84C140 68.536 127.464 56 112 56ZM76 84C76 64.1177 92.1177 48 112 48C131.882 48 148 64.1177 148 84C148 103.882 131.882 120 112 120C92.1177 120 76 103.882 76 84Z" fill="var(--_fg)"/>
2325</svg>
2326`
2327            break;
2328            case "puzzles":
2329                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2330<path fill-rule="evenodd" clip-rule="evenodd" d="M116 24V50.5391C116 52.9076 114.666 54.7156 113.119 55.7048C111.604 56.6727 109.625 57.0518 107.707 56.4953C106.586 56.1702 105.347 56 104 56C97.3691 56 92 61.3691 92 68C92 74.6309 97.3691 80 104 80C105.347 80 106.586 79.8298 107.707 79.5047C109.625 78.9482 111.604 79.3273 113.119 80.2952C114.666 81.2844 116 83.0924 116 85.4609V136.355C117.312 136.114 118.651 136 120 136C131.049 136 140 144.951 140 156C140 167.049 131.049 176 120 176C118.651 176 117.312 175.886 116 175.645V200H108V173.461C108 171.092 109.334 169.284 110.881 168.295C112.396 167.327 114.375 166.948 116.293 167.505C117.414 167.83 118.653 168 120 168C126.631 168 132 162.631 132 156C132 149.369 126.631 144 120 144C118.653 144 117.414 144.17 116.293 144.495C114.375 145.052 112.396 144.673 110.881 143.705C109.334 142.716 108 140.908 108 138.539V87.6445C106.688 87.8861 105.349 88 104 88C92.9509 88 84 79.0491 84 68C84 56.9509 92.9509 48 104 48C105.349 48 106.688 48.1139 108 48.3555V24H116Z" fill="var(--_fg)"/>
2331<path fill-rule="evenodd" clip-rule="evenodd" d="M136 104C136 92.9509 144.951 84 156 84C167.049 84 176 92.9509 176 104C176 105.349 175.886 106.688 175.645 108H200V116H173.461C171.092 116 169.284 114.666 168.295 113.119C167.327 111.604 166.948 109.625 167.505 107.707C167.83 106.586 168 105.347 168 104C168 97.3691 162.631 92 156 92C149.369 92 144 97.3691 144 104C144 105.347 144.17 106.586 144.495 107.707C145.052 109.625 144.673 111.604 143.705 113.119C142.716 114.666 140.908 116 138.539 116H87.6445C87.8861 117.312 88 118.651 88 120C88 131.049 79.0491 140 68 140C56.9509 140 48 131.049 48 120C48 118.651 48.1139 117.312 48.3555 116H24V108H50.5391C52.9076 108 54.7156 109.334 55.7048 110.881C56.6727 112.396 57.0518 114.375 56.4953 116.293C56.1702 117.414 56 118.653 56 120C56 126.631 61.3691 132 68 132C74.6309 132 80 126.631 80 120C80 118.653 79.8298 117.414 79.5047 116.293C78.9482 114.375 79.3273 112.396 80.2952 110.881C81.2844 109.334 83.0924 108 85.4609 108H136.355C136.114 106.688 136 105.349 136 104Z" fill="var(--_fg)"/>
2332<path fill-rule="evenodd" clip-rule="evenodd" d="M20 40C20 28.9543 28.9543 20 40 20H184C195.046 20 204 28.9543 204 40V184C204 195.046 195.046 204 184 204H40C28.9543 204 20 195.046 20 184V40ZM40 28C33.3726 28 28 33.3726 28 40V184C28 190.627 33.3726 196 40 196H184C190.627 196 196 190.627 196 184V40C196 33.3726 190.627 28 184 28H40Z" fill="var(--_fg)"/>
2333</svg>
2334`
2335            break;
2336            case "rocket":
2337                icon =`<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2338<g clip-path="url(#clip0_4_1201)">
2339<path fill-rule="evenodd" clip-rule="evenodd" d="M54.5794 105.598L118.593 169.611C129.909 162.424 141.34 153.3 152.177 142.462C172.85 121.79 187.229 99.0192 193.881 79.0653C200.617 58.8576 199.09 42.8198 190.23 33.9602C181.371 25.1007 165.333 23.5741 145.125 30.3099C125.171 36.9612 102.4 51.341 81.7283 72.0132C70.8909 82.8506 61.7666 94.282 54.5794 105.598ZM46.0898 104.099C53.8613 91.3456 63.9591 78.4687 76.0715 66.3563C97.4314 44.9964 121.232 29.8416 142.595 22.7205C163.705 15.6839 183.731 16.1469 195.887 28.3034C208.044 40.4599 208.507 60.4854 201.47 81.5951C194.349 102.959 179.194 126.759 157.834 148.119C145.722 160.231 132.845 170.329 120.091 178.101L117.405 179.737L44.4532 106.785L46.0898 104.099Z" fill="var(--_fg)"/>
2340<path fill-rule="evenodd" clip-rule="evenodd" d="M48.7364 99.7551L124.435 175.454L120.091 178.101C114.793 181.329 109.51 184.16 104.305 186.568C96.1884 190.324 86.9608 187.994 80.9353 181.969L42.2215 143.255C36.1959 137.229 33.8665 128.002 37.6219 119.885C40.0301 114.68 42.861 109.397 46.0893 104.099L48.7364 99.7551ZM50.332 112.664C48.312 116.229 46.4934 119.763 44.8824 123.245C42.7086 127.943 43.9196 133.639 47.8783 137.598L86.5921 176.312C90.5509 180.27 96.2473 181.482 100.946 179.308C104.427 177.697 107.962 175.878 111.526 173.858L50.332 112.664Z" fill="var(--_fg)"/>
2341<path fill-rule="evenodd" clip-rule="evenodd" d="M34.5336 74.0775C37.5829 70.8611 42.0464 69.3956 46.4088 70.1786L73.1196 74.9729L71.7063 82.847L44.9955 78.0528C43.285 77.7458 41.5349 78.3204 40.3393 79.5815L21.8566 99.0771C19.5504 101.51 20.1394 105.461 23.0547 107.115L42.8217 118.331L38.8737 125.289L19.1067 114.073C11.6715 109.854 10.1693 99.7769 16.0509 93.5731L34.5336 74.0775Z" fill="var(--_fg)"/>
2342<path fill-rule="evenodd" clip-rule="evenodd" d="M150.922 190.467C154.139 187.418 155.604 182.954 154.821 178.592L150.
2342027 151.881L142.153 153.294L146.947 180.005C147.254 181.715 146.679 183.466 145.418 184.661L125.923 203.144C123.49 205.45 119.539 204.861 117.885 201.946L106.669 182.179L99.7108 186.127L110.927 205.894C115.146 213.329 125.223 214.831 131.427 208.95L150.922 190.467Z" fill="var(--_fg)"/>
2343<path fill-rule="evenodd" clip-rule="evenodd" d="M137.593 61.4883C130.659 68.422 130.659 79.6639 137.593 86.5976C144.527 93.5314 155.769 93.5314 162.702 86.5976C169.636 79.6639 169.636 68.422 162.702 61.4883C155.769 54.5545 144.527 54.5545 137.593 61.4883ZM131.936 92.2545C121.878 82.1966 121.878 65.8894 131.936 55.8314C141.994 45.7735 158.301 45.7735 168.359 55.8314C178.417 65.8894 178.417 82.1966 168.359 92.2545C158.301 102.312 141.994 102.312 131.936 92.2545Z" fill="var(--_fg)"/>
2344<path fill-rule="evenodd" clip-rule="evenodd" d="M28.3031 190.23L51.7826 166.751L57.4394 172.408L33.96 195.887L28.3031 190.23Z" fill="var(--_fg)"/>
2345<path fill-rule="evenodd" clip-rule="evenodd" d="M50.1633 199.137L67.1656 182.135L72.8225 187.791L55.8201 204.794L50.1633 199.137Z" fill="var(--_fg)"/>
2346<path fill-rule="evenodd" clip-rule="evenodd" d="M18.5875 167.561L35.5898 150.558L41.2467 156.215L24.2443 173.218L18.5875 167.561Z" fill="var(--_fg)"/>
2347</g>
2348<defs>
2349<clipPath id="clip0_4_1201">
2350<rect width="224" height="224" fill="white"/>
2351</clipPath>
2352</defs>
2353</svg>
2354`
2355            break;
2356            case "rounded-message-heart":
2357                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2358<path fill-rule="evenodd" clip-rule="evenodd" d="M112 20C61.1891 20 20 61.1891 20 112C20 128.717 24.4535 144.316 32.2386 157.801C34.6869 162.042 35.4176 167.285 33.6148 172.13L22.7971 201.203L51.8773 190.382C56.7165 188.582 61.9538 189.308 66.1922 191.75C79.6837 199.524 95.3209 204 112 204C162.811 204 204 162.811 204 112C204 61.1891 162.811 20 112 20ZM12 112C12 56.7709 56.7709 12 112 12C167.229 12 212 56.7709 212 112C212 167.229 167.229 212 112 212C93.8706 212 76.8619 207.131 62.1983 198.682C59.783 197.29 57.0252 197.003 54.6672 197.88L17.3949 211.749C15.9283 212.295 14.2781 211.935 13.1716 210.828C12.065 209.722 11.7054 208.072 12.2511 206.605L26.117 169.34C26.9954 166.98 26.706 164.218 25.3103 161.801C16.8434 147.135 12 130.161 12 112Z" fill="var(--_fg)"/>
2359<path fill-rule="evenodd" clip-rule="evenodd" d="M68.134 79.2096C73.5161 73.6818 81.0728 70 89 70C99.0544 70 106.152 75.2981 112.003 80.9481C117.912 75.2692 125.079 70 135 70C142.932 70 150.563 73.7606 155.867 79.2103C161.427 84.9197 164 92.3011 164 100C164 111.756 157.389 119.091 150.867 125.789C150.867 125.79 150.866 125.79 150.866 125.79L111.999 165.736L73.134 125.79C73.1337 125.79 73.1334 125.79 73.133 125.789C66.6037 119.083 60 111.769 60 100C60 92.2006 62.5858 84.9081 68.134 79.2096ZM89 78C83.5256 78 77.9603 80.5852 73.866 84.7904C69.9379 88.8249 68 94.0348 68 100C68 108.268 72.3458 113.513 78.866 120.21L78.867 120.211L111.999 154.264L145.133 120.211L145.134 120.21C151.646 113.521 156 108.255 156 100C156 94.1167 154.064 88.8245 150.135 84.7911L150.133 84.7897C146.108 80.6529 140.465 78 135 78C127.058 78 121.326 82.7567 114.865 89.3935L111.999 92.3371L109.133 89.3935C102.692 82.7786 97.0895 78 89 78Z" fill="var(--_fg)"/>
2360</svg>
2361`
2362            break;
2363            case "rounded-message-star":
2364                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2365<path fill-rule="evenodd" clip-rule="evenodd" d="M112 20C61.1891 20 20 61.1891 20 112C20 128.717 24.4535 144.316 32.2386 157.801C34.6869 162.042 35.4176 167.285 33.6148 172.13L22.7971 201.203L51.8773 190.382C56.7165 188.582 61.9538 189.308 66.1922 191.75C79.6837 199.524 95.3209 204 112 204C162.811 204 204 162.811 204 112C204 61.1891 162.811 20 112 20ZM12 112C12 56.7709 56.7709 12 112 12C167.229 12 212 56.7709 212 112C212 167.229 167.229 212 112 212C93.8706 212 76.8619 207.131 62.1984 198.682C59.783 197.29 57.0252 197.003 54.6672 197.88L17.3949 211.749C15.9283 212.295 14.2781 211.935 13.1716 210.828C12.065 209.722 11.7054 208.072 12.2511 206.605L26.1171 169.34C26.9954 166.98 26.706 164.218 25.3103 161.801C16.8434 147.135 12 130.161 12 112Z" fill="var(--_fg)"/>
2366<path fill-rule="evenodd" clip-rule="evenodd" d="M112 62C113.389 62 114.679 62.7206 115.407 63.9036L130.533 88.4835L158.909 95.1046C160.275 95.4233 161.374 96.4342 161.806 97.7687C162.238 99.1032 161.939 100.566 161.018 101.625L142.098 123.384L143.992 152.742C144.081 154.132 143.441 155.469 142.302 156.271C141.163 157.073 139.689 157.224 138.411 156.671L112 145.239L85.5889 156.671C84.3106 157.224 82.8365 157.073 81.6975 156.271C80.5585 155.469 79.9186 154.132 80.0083 152.742L81.9024 123.384L62.9816 101.625C62.0612 100.566 61.7625 99.1032 62.1942 97.7687C62.626 96.4342 63.7252 95.4233 65.0911 95.1046L93.4673 88.4835L108.593 63.9036C109.321 62.7206 110.611 62 112 62ZM112 73.6322L99.4066 94.0964C98.8473 95.0052 97.9481 95.6529 96.9089 95.8954L73.3759 101.386L89.0184 119.375C89.7098 120.17 90.0595 121.206 89.9917 122.258L88.4127 146.731L110.411 137.209C111.425 136.77 112.575 136.77 113.589 137.209L135.587 146.731L134.008 122.258C133.94 121.206 134.29 120.17 134.982 119.375L150.624 101.386L127.091 95.8954C126.052 95.6529 125.153 95.0052 124.593 94.0964L112 73.6322Z" fill="var(--_fg)"/>
2367</svg>
2368`
2369            break;
2370            case "search-cog":
2371                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2372<path fill-rule="evenodd" clip-rule="evenodd" d="M92 20C52.2355 20 20 52.2355 20 92C20 131.765 52.2355 164 92 164C131.765 164 164 131.765 164 92C164 52.2355 131.765 20 92 20ZM12 92C12 47.8172 47.8172 12 92 12C136.183 12 172 47.8172 172 92C172 136.183 136.183 172 92 172C47.8172 172 12 136.183 12 92Z" fill="var(--_fg)"/>
2373<path fill-rule="evenodd" clip-rule="evenodd" d="M78.995 50C78.995 44.4772 83.4721 40 88.995 40H94.995C100.518 40 104.995 44.4772 104.995 50V53.63C106.694 54.2062 108.341 54.8915 109.929 55.6776L112.504 53.1026C116.409 49.1979 122.741 49.1978 126.646 53.1026L130.89 57.3464C134.796 61.2518 134.796 67.584 130.89 71.4893L128.316 74.0627C129.103 75.6502 129.789 77.2976 130.365 78.9959H134C139.523 78.9959 144 83.4731 144 88.9959V94.9991C144 100.522 139.523 104.999 134 104.999H130.373C129.797 106.697 129.112 108.344 128.326 109.932L130.9 112.506C134.806 116.411 134.806 122.743 130.9 126.649L126.656 130.892C122.751 134.797 116.419 134.797 112.514 130.892L109.939 128.318C108.352 129.104 106.704 129.79 105.005 130.366V134C105.005 139.523 100.528 144 95.005 144H89.005C83.4822 144 79.005 139.523 79.005 134V130.365C77.3063 129.789 75.6591 129.104 74.071 128.317L71.4957 130.892C67.5905 134.797 61.2595 134.797 57.3543 130.892L53.11 126.649C49.2043 122.743 49.2043 116.411 53.11 112.506L55.6837 109.932C54.8972 108.344 54.2109 106.697 53.6347 104.998L49.99
23736 104.996C44.4747 104.994 40 100.518 40 94.9964V88.9983C40 83.4739 44.4796 78.9961 50.004 78.9983L53.6269 78.9998C54.203 77.3019 54.8881 75.6554 55.674 74.068L53.1 71.4943C49.1943 67.589 49.1943 61.2568 53.1 57.3514L57.3443 53.1076C61.2495 49.2028 67.5805 49.2029 71.4857 53.1076L74.0607 55.6823C75.6485 54.8959 77.2963 54.2097 78.995 53.6336V50ZM88.995 48C87.8904 48 86.995 48.8954 86.995 50V59.732L83.977 60.4963C80.9262 61.2689 78.0392 62.4823 75.3926 64.0594L72.7182 65.6531L65.8291 58.7648C65.0481 57.9838 63.7819 57.9838 63.0009 58.7648L58.7566 63.0086C57.9754 63.7896 57.9754 65.0561 58.7566 65.8372L65.6452 72.7251L64.051 75.3999C62.475 78.044 61.2651 80.9267 60.4865 83.9871L59.7195 87.0022L50.0008 86.9983C48.8959 86.9979 48 87.8934 48 88.9983V94.9964C48 96.1007 48.895 96.996 49.9992 96.9964L59.7334 97.0003L60.4975 100.017C61.2702 103.067 62.4838 105.954 64.061 108.6L65.6552 111.275L58.7666 118.163C57.9854 118.944 57.9854 120.21 58.7666 120.991L63.0109 125.235C63.7919 126.016 65.0581 126.016 65.8391 125.235L72.7282 118.347L75.4026 119.941C78.0471 121.516 80.9301 122.726 83.9909 123.505L87.005 124.271V134C87.005 135.105 87.9004 136 89.005 136H95.005C96.1096 136 97.005 135.105 97.005 134V124.268L100.023 123.504C103.074 122.731 105.961 121.518 108.607 119.941L111.282 118.347L118.171 125.235C118.952 126.016 120.218 126.016 120.999 125.235L125.243 120.991C126.025 120.21 126.025 118.944 125.243 118.163L118.355 111.275L119.949 108.6C121.525 105.956 122.735 103.073 123.513 100.013L124.28 96.9991H134C135.105 96.9991 136 96.1036 136 94.9991V88.9959C136 87.8914 135.105 86.9959 134 86.9959H124.267L123.502 83.9781C122.73 80.9278 121.516 78.0411 119.939 75.3949L118.345 72.7201L125.233 65.8322C126.015 65.0511 126.015 63.7847 125.233 63.0036L120.989 58.7597C120.208 57.9788 118.942 57.9788 118.161 58.7598L111.272 65.6481L108.597 64.0544C105.953 62.4786 103.07 61.2687 100.009 60.4903L96.995 59.7237V50C96.995 48.8954 96.0996 48 94.995 48H88.995Z" fill="var(--_fg)"/>
2374<path fill-rule="evenodd" clip-rule="evenodd" d="M92 77C83.7157 77 77 83.7157 77 92C77 100.284 83.7157 107 92 107C100.284 107 107 100.284 107 92C107 83.7157 100.284 77 92 77ZM69 92C69 79.2975 79.2975 69 92 69C104.703 69 115 79.2975 115 92C115 104.703 104.703 115 92 115C79.2975 115 69 104.703 69 92Z" fill="var(--_fg)"/>
2375<path fill-rule="evenodd" clip-rule="evenodd" d="M154.828 135.172L203.826 184.17C209.294 189.637 209.294 198.359 203.826 203.826C198.359 209.294 189.637 209.294 184.17 203.826L135.171 154.829L140.828 149.172L189.826 198.17C192.17 200.513 195.826 200.513 198.17 198.17C200.513 195.826 200.513 192.17 198.17 189.826L149.172 140.828L154.828 135.172Z" fill="var(--_fg)"/>
2376</svg>
2377`
2378            break;
2379            case "search":
2380                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2381<path fill-rule="evenodd" clip-rule="evenodd" d="M92 20C52.2355 20 20 52.2355 20 92C20 131.765 52.2355 164 92 164C131.765 164 164 131.765 164 92C164 52.2355 131.76
23815 20 92 20ZM12 92C12 47.8172 47.8172 12 92 12C136.183 12 172 47.8172 172 92C172 136.183 136.183 172 92 172C47.8172 172 12 136.183 12 92Z" fill="var(--_fg)"/>
2382<path fill-rule="evenodd" clip-rule="evenodd" d="M154.828 135.172L203.826 184.17C209.294 189.637 209.294 198.359 203.826 203.826C198.359 209.294 189.637 209.294 184.17 203.826L135.171 154.829L140.828 149.172L189.826 198.17C192.17 200.513 195.826 200.513 198.17 198.17C200.513 195.826 200.513 192.17 198.17 189.826L149.172 140.828L154.828 135.172Z" fill="var(--_fg)"/>
2383</svg>
2384`
2385            break;
2386            case "share":
2387            icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2388<path fill-rule="evenodd" clip-rule="evenodd" d="M168 38C158.059 38 150 46.0589 150 56C150 65.9411 158.059 74 168 74C177.941 74 186 65.9411 186 56C186 46.0589 177.941 38 168 38ZM142 56C142 41.6406 153.641 30 168 30C182.359 30 194 41.6406 194 56C194 70.3594 182.359 82 168 82C159.246 82 151.502 77.6737 146.791 71.0424L91.1871 98.7611L87.618 91.6014L143.217 63.885C142.427 61.398 142 58.7488 142 56ZM56 94C46.0589 94 38 102.059 38 112C38 121.941 46.0589 130 56 130C65.9411 130 74 121.941 74 112
2388C74 102.059 65.9411 94 56 94ZM30 112C30 97.6406 41.6406 86 56 86C70.3594 86 82 97.6406 82 112C82 114.76 81.57 117.419 80.7735 119.914L136.235 147.645L132.657 154.8L77.1913 127.068C72.478 133.685 64.743 138 56 138C41.6406 138 30 126.359 30 112ZM150 168C150 158.059 158.059 150 168 150C177.941 150 186 158.059 186 168C186 177.941 177.941 186 168 186C158.059 186 150 177.941 150 168ZM168 142C153.641 142 142 153.641 142 168C142 182.359 153.641 194 168 194C182.359 194 194 182.359 194 168C194 153.641 182.359 142 168 142Z" fill="var(--_fg)"/>
2389</svg>
2390`
2391            break;
2392            case "shield-check":
2393                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2394<path fill-rule="evenodd" clip-rule="evenodd" d="M116.762 22.929C113.721 21.6082 110.269 21.6046 107.225 22.919L35.2428 54.0021C30.7687 55.9341 28.0952 60.1952 28.5421 64.59C31.3218 91.923 44.4697 127.12 61.1905 155.517C69.5376 169.693 78.6645 181.983 87.6571 190.672C96.7903 199.498 105.152 204 112 204C118.856 204 127.197 199.515 136.289 190.72C145.243 182.059 154.318 169.802 162.609 155.647C179.217 127.294 192.242 92.091 194.973 64.5751C195.409 60.1802 192.741 55.9254 188.28 53.9882L116.762 22.929ZM104.053 15.5745C109.126 13.3838 114.88 13.3898 119.949 15.5911L191.467 46.6504C198.696 49.7901 203.756 57.0775 202.934 65.3652C200.058 94.339 186.522 130.651 169.512 159.69C160.994 174.232 151.496 187.141 141.851 196.47C132.344 205.667 122.059 212 112 212C101.944 212 91.637 205.643 82.098 196.425C72.4186 187.072 62.8695 174.135 54.2968 159.576C37.1782 130.503 23.5119 94.1977 20.5832 65.3994C19.7382 57.0906 24.8225 49.7878 32.0713 46.6576L104.053 15.5745Z" fill="var(--_fg)"/>
2395<path fill-rule="evenodd" clip-rule="evenodd" d="M138.308 80.623C140.656 78.25 144.489 78.25 146.837 80.623L154.451 88.3172C156.765 90.6551 156.765 94.4198 154.451 96.7578L108.32 143.377C105.971 145.75 102.138 145.75 99.7899 143.377L70.5488 113.827C68.2353 111.489 68.2353 107.724 70.5488 105.386L78.1626 97.6921C80.5107 95.3191 84.3442 95.3191 86.6923 97.6921L104.055 115.238L138.308 80.623ZM142.573 87.6867L108.32 122.302C105.971 124.675 102.138 124.675 99.7899 122.302L82.4274 104.756L77.6274 109.607L104.055 136.313L147.373 92.5375L142.573 87.6867Z" fill="var(--_fg)"/>
2396</svg>
2397`
2398            break;
2399            case "smiley-check":
2400                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2401<path fill-rule="evenodd" clip-rule="evenodd" d="M81 20C47.3106 20 20 47.3106 20 81C20 114.689 47.3106 142 81 142C114.689 142 142 114.689 142 81C142 47.3106 114.689 20 81 20ZM12 81C12 42.8924 42.8924 12 81 12C119.108 12 150 42.8924 150 81C150 119.108 119.108 150 81 150C42.8924 150 12 119.108 12 81Z" fill="var(--_fg)"/>
2402<path fill-rule="evenodd" clip-rule="evenodd" d="M49.4556 93.1299C49.455 93.128 49.4544 93.1262 53.2396 91.833C57.0247 90.5397 57.0242 90.5381 57.0236 90.5365L57.0227 90.5338L57.0213 90.5298C57.0207 90.5281 57.0204 90.5272 57.0203 90.527L57.0258 90.5424C57.0328 90.5618 57.0464 90.5994 57.0669 90.6539C57.1078 90.7629 57.1761 90.9391 57.2731 91.1729C57.4674 91.6413 57.7754 92.3364 58.209 93.1824C59.0805 94.883 60.4345 97.1444 62.3537 99.3913C66.1624 103.85 72.0743 108.145 81 108.145C89.9257 108.145 95.8376 103.85 99.6463 99.3913C101.565 97.1444 102.919 94.883 103.791 93.1824C104.225 92.3364 104.533 91.6413 104.727 91.1729C104.824 90.9391 104.892 90.7629 104.933 90.6539C104.954 90.5994 104.967 90.5618 104.974 90.5424L104.979 90.5298L104.977 90.5338L104.976 90.5365C104.976 90.5381 104.975 90.5397 108.76 91.833C112.546 93.1262 112.545 93.128 112.544 93.1299L112.543 93.134L112.54 93.1436L112.531 93.1684C112.524 93.1875 112.516 93.2114 112.506 93.2401C112.485 93.2975 112.457 93.374 112.422 93.4683C112.351 93.6569 112.25 93.917 112.116 94.2386C111.85 94.8811 111.453 95.7729 110.91 96.8312C109.83 98.9392 108.148 101.756 105.729 104.587C100.863 110.284 92.8946 116.145 81 116.145C69.1054 116.145 61.1371 110.284 56.2707 104.587C53.8523 101.756 52.1699 98.9392 51.0895 96.8312C50.5472 95.7729 50.1503 94.8811 49.8838 94.2386C49.7504 93.917 49.6492 93.6569 49.5783 93.4683C49.5429 93.374 49.515 93.2975 49.4944 93.2401C49.4841 93.2114 49.47
240257 93.1875 49.469 93.1684L49.4604 93.1436L49.4571 93.134L49.4556 93.1299ZM57.0203 90.527C57.0203 90.5269 57.0203 90.5269 57.0203 90.527Z" fill="var(--_fg)"/>
2403<path fill-rule="evenodd" clip-rule="evenodd" d="M58.6562 64.6875C53.2378 64.6875 48.7114 67.702 46.6867 71.9032L39.4799 68.4301C42.8709 61.3936 50.2415 56.6875 58.6562 56.6875C64.8364 56.6875 70.5227 59.1425 74.4547 63.3852L68.587 68.8231C66.2383 66.2888 62.7133 64.6875 58.6562 64.6875Z" fill="var(--_fg)"/>
2404<path fill-rule="evenodd" clip-rule="evenodd" d="M103.344 64.6875C108.754 64.6875 113.288 67.72 115.316 71.9094L122.517 68.4239C119.129 61.4251 111.767 56.6875 103.344 56.6875C97.1558 56.6875 91.476 59.1626 87.5513 63.3788L93.407 68.8295C95.763 66.2986 99.2944 64.6875 103.344 64.6875Z" fill="var(--_fg)"/>
2405<path fill-rule="evenodd" clip-rule="evenodd" d="M192.154 129.88C194.06 127.973 197.151 127.973 199.057 129.88L209.705 140.528C211.612 142.434 211.612 145.524 209.705 147.431L147.515 209.621C145.609 211.527 142.519 211.527 140.612 209.621L105.295 174.303C103.388 172.397 103.388 169.306 105.295 167.4L115.943 156.752C117.849 154.846 120.94 154.846 122.846 156.752L144.064 177.97L192.154 129.88ZM195.606 137.742L147.515 185.832C145.609 187.738 142.519 187.738 140.612 185.832L119.394 164.614L113.157 170.851L144.064 201.758L201.843 143.979L195.606 137.742Z" fill="var(--_fg)"/>
2406</svg>
2407`
2408            break;
2409            case "smiley-twinkle":
2410                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2411<path fill-rule="evenodd" clip-rule="evenodd" d="M192 16V28H184V16H192Z" fill="var(--_fg)"/>
2412<path fill-rule="evenodd" clip-rule="evenodd" d="M192 44V56H184V44H192Z" fill="var(--_fg)"/>
2413<path fill-rule="evenodd" clip-rule="evenodd" d="M208 40L196 40L196 32L208 32L208 40Z" fill="var(--_fg)"/>
2414<path fill-rule="evenodd" clip-rule="evenodd" d="M180 40L168 40L168 32L180 32L180 40Z" fill="var(--_fg)"/>
2415<path fill-rule="evenodd" clip-rule="evenodd" d="M40 168V180H32V168H40Z" fill="var(--_fg)"/>
2416<path fill-rule="evenodd" clip-rule="evenodd" d="M40 196V208H32V196H40Z" fill="var(--_fg)"/>
2417<path fill-rule="evenodd" clip-rule="evenodd" d="M56 192L44 192L44 184L56 184L56 192Z" fill="var(--_fg)"/>
2418<path fill-rule="evenodd" clip-rule="evenodd" d="M28 192L16 192L16 184L28 184L28 192Z" fill="var(--_fg)"/>
2419<path fill-rule="evenodd" clip-rule="evenodd" d="M112 40C72.2355 40 40 72.2355 40 112C40 151.765 72.2355 184 112 184C151.765 184 184 151.765 184 112C184 72.2355 151.765 40 112 40ZM32 112C32 67.8172 67.8172 32 112 32C156.183 32 192 67.8172 192 112C192 156.183 156.183 192 112 192C67.8172 192 32 156.183 32 112Z" fill="var(--_fg)"/>
2420<path fill-rule="evenodd" clip-rule="evenodd" d="M138 92C144.564 92 149.906 95.5915 152.4 100.743L159.6 97.2572C155.762 89.3268 147.61 84 138 84C131.107 84 124.628 86.3798 120.072 91.2746L125.928 96.7254C128.715 93.7312 132.923 92 138 92Z" fill="var(--_fg)"/>
2421<path fill-rule="evenodd" clip-rule="evenodd" d="M86 92C79.4363 92 74.0938 95.5915 71.6004 100.743L64.3996 97.2572C68.2383 89.3268 76.3895 84 86 84C92.8927 84 99.3716 86.3798 103.928 91.2746L98.0722 96.7254C95.285 93.7312 91.077 92 86 92Z" fill="var(--_fg)"/>
2422<path fill-rule="evenodd" clip-rule="evenodd" d="M76.2065 125.269C76.2058 125.267 76.2053 125.265 80 124C83.7947 122.735 83.7942 122.733 83.7937 122.732L83.7929 122.729L83.7917 122.726C83.7912 122.724 83.7911 122.724 83.7915 122.725L83.7997 122.749C83.8091 122.776 83.8262 122.824 83.8512 122.892C83.9013 123.029 83.9831 123.246 84.0984 123.53C84.3293 124.101 84.6928 124.941 85.2027 125.961C86.2271 128.01 87.8174 130.733 90.0729 133.439C94.5591 138.823 101.524 144 112 144C122.476 144 129.441 138.823 133.927 133.439C136.183 130.733 137.773 128.01 138.797 125.961C139.307 124.941 139.671 124.101 139.902 123.53C140.017 123.246 140.099 123.029 140.149 122.892C140.174 122.824 140.191 122.776 140.2 122.749L140.207 122.729L140.206 122.732C140.206 122.733 140.205 122.735 144 124C147.795 125.265 147.794 125.267 147.794 125.269L147.792 125.273L147.789 125.283L147.78 125.309C147.773 125.33 147.764 125.356 147.752 125.388C147.73 125.453 147.699 125.539 147.66 125.647C147.581 125.861 147.467 126.161 147.317 126.532C147.017 127.274 146.568 128.309 145.953 129.539C144.727 131.99 142.817 135.267 140.073 138.561C134.559 145.177 125.524 152 112 152C98.4756 152 89.4409 145.177 83.9271 138.561C81.1825 135.267 79.2729 131.99 78.0473 129.539C77.4322 128.309 76.9832 127.274 76.6828 126.532C76.5325 126.161 76.419 125.861 76.3402 125.647C76.3008 125.539 76.27 125.452 76.2476 125.388C76.2364 125.356 76.2273 125.33 76.2203 125.309L76.2112 125.283L76.2079 125.273L76.2065 125.269Z" fill="var(--_fg)"/>
2423</svg>
2424`
2425            break;
2426            case "smiley":
2427                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2428<path fill-rule="evenodd" clip-rule="evenodd" d="M112 20C61.1898 20 20 61.1898 20 112C20 162.81 61.1898 204 112 204C162.81 204 204 162.81 204 112C204 61.1898 162.81 20 112 20ZM12 112C12 56.7715 56.7715 12 112 12C167.228 12 212 56.7715 212 112C212 167.228 167.228 212 112 212C56.7715 212 12 167.228 12 112Z" fill="var(--_fg)"/>
2429<path fill-rule="evenodd" clip-rule="evenodd" d="M67.2161 129.297C67.2155 129.295 67.2148 129.293 71 128C74.7852 126.707 74.7846 126.705 74.7841 126.704L74.7833 126.701L74.7824 126.699C74.782 126.698 74.7823 126.698 74.7832 126.701L74.796 126.737C74.8096 126.775 74.8331 126.84 74.8669 126.93C74.9345 127.11 75.0432 127.39 75.1951 127.756C75.4994 128.49 75.9755 129.563 76.6418 130.863C77.9787 133.472 80.0567 136.944 83.0102 140.402C88.8877 147.283 98.1094 154 112 154C125.891 154 135.112 147.283 140.99 140.402C143.943 136.944 146.021 133.472 147.358 130.863C148.025 129.563 148.501 128.49 148.805 127.756C148.957 127.39 149.065 127.11 149.133 126.93C149.167 126.84 149.19 126.775 149.204 126.737L149.216 126.704C149.215 126.705 149.215 126.707 153 128C156.785 129.293 156.785 129.295 156.784 129.297L156.782 129.301L156.779 129.312L156.768 129.342C156.76 129.366 156.749 129.397 156.735 129.435C156.708 129.511 156.67 129.614 156.622 129.744C156.524 130.004 156.383 130.368 156.194 130.822C155.818 131.729 155.253 132.999 154.478 134.512C152.932 137.528 150.525 141.556 147.073 145.598C140.138 153.717 128.859 162 112 162C95.1405 162 83.8623 153.717 76.9273 145.598C73.4745 141.556 71.0681 137.528 69.5223 134.512C68.7472 132.999 68.1823 131.729 67.8058 130.822C67.6175 130.368 67.4759 130.004 67.3783 129.744C67.3296 129.614 67.2918 129.511 67.2646 129.435C67.2511 129.397 67.2402 129.366 67.2319 129.342L67.2214 129.312L67.2176 129.301L67.2161 129.297Z" fill="var(--_fg)"/>
2430<path fill-rule="evenodd" clip-rule="evenodd" d="M79 86C70.2829 86 62.9195 90.8555 59.6034 97.7365L52.3966 94.2635C57.079 84.5472 67.2866 78 79 78C87.6214 78 95.5042 81.4223 100.934 87.2811L95.0662 92.7189C91.2199 88.5686 85.4983 86 79 86Z" fill="var(--_fg)"/>
2431<path fill-rule="evenodd" clip-rule="evenodd" d="M145 86C153.709 86 161.08 90.8853 164.4 97.7428L171.6 94.2572C166.921 84.5904 156.722 78 145 78C136.371 78 128.494 81.4495 123.072 87.2746L128.928 92.7254C132.781 88.5855 138.509 86 145 86Z" fill="var(--_fg)"/>
2432</svg>
2433`
2434            break;
2435            case "star":
2436                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2437<path fill-rule="evenodd" clip-rule="evenodd" d="M112.5 20C113.903 20 115.204 20.7352 115.927 21.9375L147.147 73.8132L206.131 87.474C207.497 87.7906 208.599 88.8003 209.032 90.1348C209.466 91.4693 209.168 92.9334 208.249 93.993L168.559 139.715L173.794 200.033C173.915 201.431 173.295 202.79 172.16 203.615C171.025 204.44 169.541 204.61 168.249 204.062L112.5 180.444L56.7513 204.062C55.4593 204.61 53.975 204.44 52.8398 203.615C51.7046 202.79 51.0846 201.431 51.2059 200.033L56.4408 139.715L16.7513 93.993C15.8315 92.9334 15.5342 91.4693 15.9678 90.1348C16.4014 88.8003 17.5025 87.7906 18.8695 87.474L77.8535 73.8132L109.073 21.9375C109.796 20.7352 111.097 20 112.5 20ZM112.5 31.7574L83.8342 79.3902C83.2757 80.3183 82.3647 80.9801 81.3094 81.2245L27.1497 93.768L63.593 135.75C64.303 136.568 64.651 137.639 64.5573 138.718L59.7506 194.103L110.94 172.417C111.937 171.994 113.063 171.994 114.06 172.417L165.249 194.103L160.443 138.718C160.349 137.639 160.697 136.568 161.407 135.75L197.85 93.768L143.691 81.2245C142.635 80.9801 141.724 80.3183 141.166 79.3902L112.5 31.7574Z" fill="var(--_fg)"/>
2438</svg>
2439`
2440            break;
2441            case "stats":
2442                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2443<path fill-rule="evenodd" clip-rule="evenodd" d="M28 32C28 20.9543 36.9543 12 48 12H176C187.046 12 196 20.9543 196 32V59H188V32C188 25.3726 182.627 20 176 20H48C41.3726 20 36 25.3726 36 32V192C36 198.627 41.3726 204 48 204H176C182.627 204 188 198.627 188 192V122H196V192C196 203.046 187.046 212 176 212H48C36.9543 212 28 203.046 28 192V32Z" fill="var(--_fg)"/>
2444<path fill-rule="evenodd" clip-rule="evenodd" d="M170 56C151.222 56 136 71.2223 136 90C136 108.778 151.222 124 170 124C188.778 124 204 108.778 204 90C204 71.2223 188.778 56 170 56ZM128 90C128 66.804 146.804 48 170 48C193.196 48 212 66.804 212 90C212 113.196 193.196 132 170 132C146.804 132 128 113.196 128 90Z" fill="var(--_fg)"/>
2445<path fill-rule="evenodd" clip-rule="evenodd" d="M182.887 53.9454L173.622 92.0353L145.828 119.828L140.172 114.172L166.378 87.9647L175.113 52.0546L182.887 53.9454Z" fill="var(--_fg)"/>
2446<path fill-rule="evenodd" clip-rule="evenodd" d="M199.805 114.344L167.805 93.3442L172.195 86.6558L204.195 107.656L199.805 114.344Z" fill="var(--_fg)"/>
2447<path fill-rule="evenodd" clip-rule="evenodd" d="M80 104C80 97.3726 85.3726 92 92 92H104C110.627 92 116 97.3726 116 104V188H80V104ZM92 100C89.7909 100 88 101.791 88 104V180H108V104C108 101.791 106.209 100 104 100H92Z" fill="var(--_fg)"/>
2448<path fill-rule="evenodd" clip-rule="evenodd" d="M108 152C108 145.373 113.373 140 120 140H132C138.627 140 144 145.373 144 152V168C144 179.046 135.046 188 124 188H108V152ZM120 148C117.791 148 116 149.791 116 152V180H124C130.627 180 136 174.627 136 168V152C136 149.791 134.209 148 132 148H120Z" fill="var(--_fg)"/>
2449<path fill-rule="evenodd" clip-rule="evenodd" d="M52 128C52 121.373 57.3726 116 64 116H76C82.6274 116 88 121.373 88 128V188H72C60.9543 188 52 179.046 52 168V128ZM64 124C61.7909 124 60 125.791 60 128V168C60 174.627 65.3726 180 72 180H80V128
2449C80 125.791 78.2091 124 76 124H64Z" fill="var(--_fg)"/>
2450<path fill-rule="evenodd" clip-rule="evenodd" d="M129.828 42.8284L89.1823 83.4746L73.264 69.5461L58.9081 84.7465L53.0919 79.2535L72.736 58.4539L88.8177 72.5254L124.172 37.1716L129.828 42.8284Z" fill="var(--_fg)"/>
2451</svg>
2452`
2453            break;
2454            case "twenty-four-hour":
2455                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2456<path fill-rule="evenodd" clip-rule="evenodd" d="M118 112V74H126V108H156V116H122C119.791 116 118 114.209 118 112Z" fill="var(--_fg)"/>
2457<path fill-rule="evenodd" clip-rule="evenodd" d="M112 20C61.1898 20 20 61.1898 20 112H12C12 56.7715 56.7715 12 112 12C145.692 12 175.491 28.6655 193.602 54.1849L187.079 58.8151C170.403 35.3188 142.99 20 112 20ZM112 204C162.81 204 204 162.81 204 112H212C212 167.228 167.228 212 112 212C78.5382 212 48.9158 195.561 30.7697 170.336L37.2639 165.664C53.9714 188.889 81.221 204 112 204Z" fill="var(--_fg)"/>
2458<path fill-rule="evenodd" clip-rule="evenodd" d="M188 53V33H196V57C196 59.2091 194.209 61 192 61H168V53H188Z" fill="var(--_fg)"/>
2459<path fill-rule="evenodd" clip-rule="evenodd" d="M36 171L36 191L28 191L28 167C28 164.791 29.7909 163 32 163L56 163L56 171L36 171Z" fill="var(--_fg)"/>
2460<path fill-rule="evenodd" clip-rule="evenodd" d="M98 82H68V74H102C104.209 74 106 75.7909 106 78V112C106 114.209 104.209 116 102 116H76V142H106V150H72C69.7909 150 68 148.209 68 146V112C68 109.791 69.7909 108 72 108H98V82Z" fill="var(--_fg)"/>
2461<path fill-rule="evenodd" clip-rule="evenodd" d="M148 150V74H156V150H148Z" fill="var(--_fg)"/>
2462</svg>
2463`
2464            break;
2465            case "twinkle":
2466                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2467<path fill-rule="evenodd" clip-rule="evenodd" d="M68.9599 21.4836C71.8373 14.1878 82.1627 14.1877 85.0401 21.4836L98.366 55.2718C98.4314 55.4375 98.5625 55.5686 98.7282 55.634L132.516 68.9598C139.812 71.8373 139.812 82.1627 132.516 85.0401L98.7282 98.366C98.5625 98.4313 98.4314 98.5625 98.366 98.7282L85.0401 132.516C82.1627 139.812 71.8373 139.812 68.9599 132.516L55.634 98.7282C55.5686 98.5625 55.4375 98.4313 55.2718 98.366L21.4836 85.0401C14.1878 82.1627 14.1878 71.8373 21.4836 68.9598L55.2718 55.634C55.4375 55.5686 55.5686 55.4375 55.634 55.2718L68.9599 21.4836ZM76.6295 24.1106C76.5654 24.1518 76.4777 24.2267 76.402 24.4187L63.0761 58.2069C62.1976 60.4344 60.4344 62.1976 58.2069 63.0761L24.4187 76.4019C24.2268 76.4777 24.1519 76.5653 24.1106 76.6295C24.0564 76.7137 24.0117 76.842 24.0117 77C24.0117 77.1579 24.0564 77.2863 24.1106 77.3705C24.1519 77.4346 24.2268 77.5223 24.4188 77.598L58.2069 90.9239C60.4344 91.8024 62.1976 93.5656 63.0761 95.793L76.402 129.581C76.4777 129.773 76.5654 129.848 76.6295 129.889C76.7137 129.944 76.8421 129.988 77 129.988C77.1579 129.988 77.2863 129.944 77.3705 129.889C77.4346 129.848 77.5223 129.773 77.598 129.581L90.9239 95.793C91.8024 93.5656 93.5656 91.8024 95.7931 90.9239L129.581 77.598C129.773 77.5223 129.848 77.4346 129.889 77.3705C129.944 77.2863 129.988 77.1579 129.988 77C129.988 76.842 129.944 76.7137 129.889 76.6295C129.848 76.5653 129.773 76.4777 129.581 76.4019L95.7931 63.0761C93.5656 62.1976 91.8024 60.4344 90.9239 58.2069L77.598 24.4187C77.5223 24.2267 77.4346 24.1518 77.3705 24.1106C77.2863 24.0564 77.1579 24.0117 77 24.0117C76.8421 24.0117 76.7137 24.0564 76.6295 24.1106Z" fill="var(--_fg)"/>
2468<path fill-rule="evenodd" clip-rule="evenodd" d="M148.558 107.967C151.221 101.214 160.779 101.214 163.442 107.967L174.923 137.077L204.033 148.558C210.786 151.221 210.786 160.779 204.033 163.442L174.923 174.923L163.442 204.033C160.779 210.786 151.221 210.786 148.558 204.033L137.077 174.923L107.967 163.442C101.214 160.779 101.214 151.221 107.967 148.558L137.077 137.077L148.558 107.967ZM167.481 140.012L156 110.902L144.519 140.012C143.706 142.074 142.074 143.706 140.012 144.519L110.902 156L140.012 167.481C142.074 168.294 143.706 169.926 144.519 171.988L156 201.098L167.481 171.988C168.294 169.926 169.926 168.294 171.988 167.481L201.098 156L171.988 144.519C169.926 143.706 168.294 142.074 167.481 140.012Z" fill="var(--_fg)"/>
2469</svg>
2470`
2471            break;
2472            case "whatsapp":
2473                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2474<path fill-rule="evenodd" clip-rule="evenodd" d="M112 20C61.1891 20 20 61.1891 20 112C20 128.717 24.4535 144.316 32.2386 157.801C34.6869 162.042 35.4176 167.285 33.6148 172.13L22.7971 201.203L51.8773 190.382C56.7165 188.582 61.9538 189.308 66.1922 191.75C79.6837 199.524 95.3209 204 112 204C162.811 204 204 162.811 204 112C204 61.1891 162.811 20 112 20ZM12 112C12 56.7709 56.7709 12 112 12C167.229 12 212 56.7709 212 112C212 167.229 167.229 212 112 212C93.8706 212 76.8619 207.131 62.1983 198.682C59.783 197.29 57.0252 197.003 54.6672 197.88L17.3949 211.749C15.9283 212.295 14.2781 211.935 13.1716 210.828C12.065 209.722 11.7054 208.072 12.2511 206.605L26.117 169.34C26.9954 166.98 26.706 164.218 25.3103 161.801C16.8434 147.135 12 130.161 12 112Z" fill="var(--_fg)"/>
2475<path fill-rule="evenodd" clip-rule="evenodd" d="M98.6453 86.7977C98.9606 88.1133 99.212 89.7293 98.9361 91.2471C98.5255 93.5055 97.3932 95.3819 96.2495 96.8496C95.105 98.3184 93.746 99.6282 92.6221 100.69C92.464 100.839 92.3117 100.982 92.165 101.121C91.1747 102.053 90.4395 102.746 89.8884 103.392C89.8299 103.461 89.7783 103.523 89.733 103.58C89.8345 103.788 89.96 104.032 90.1124 104.312C90.7369 105.46 91.6949 107.004 92.9508 108.789C95.4632 112.361 99.0339 116.711 103.222 120.601C107.602 124.668 112.682 128.325 116.933 130.924C119.058 132.223 120.914 133.22 122.317 133.86C122.82 134.089 123.231 134.258 123.551 134.374C123.697 134.237 123.897 134.031 124.151 133.725C124.962 132.749 125.795 131.436 126.835 129.797L126.936 129.638C127.936 128.063 129.147 126.163 130.492 124.637C131.757 123.202 133.784 121.333 136.603 121.051C138.549 120.857 141.411 121.278 144.226 121.921C147.2 122.599 150.65 123.649 153.969 125.023C157.254 126.384 160.604 128.142 163.238 130.311C165.796 132.416 168.278 135.416 168.494 139.31C168.68 142.648 167.475 145.858 165.84 148.592C164.182 151.365 161.897 153.962 159.431 156.188C156.957 158.422 154.194 160.379 151.483 161.831C148.841 163.246 145.949 164.344 143.267 164.523C139.307 164.787 131.878 165.187 121.772 162.108C111.696 159.038 99.1872 152.585 84.8073 139.489C70.3452 126.318 63.0941 113.777 59.4899 103.832C55.9863 94.1644 55.9968 87.126 56.0004 84.7343C56.0005 84.6625 56.0006 84.5949 56.0006 84.5316C56.0006 82.8643 56.5502 80.5789 57.2692 78.3814C58.032 76.0503 59.1387 73.3599 60.5427 70.7574C61.9359 68.175 63.6998 65.5333 65.8269 63.4157C67.9311 61.3209 70.6837 59.4531 74.0332 59.0591C77.9439 58.599 81.4969 60.8734 84.0664 63.1247C86.8243 65.5413 89.4391 68.8056 91.6464 72.1329C93.8668 75.4801 95.7894 79.0647 97.1084 82.2388C97.7668 83.8232 98.305 85.3775 98.6453 86.7977ZM124.165 134.562C124.165 134.563 124.155 134.561 124.132 134.556C124.153 134.559 124.165 134.562 124.165 134.562ZM89.4102 102.827C89.4111 102.828 89.4174 102.846 89.4263 102.88C89.4137 102.843 89.4093 102.826 89.4102 102.827ZM78.7942 69.1417C76.5667 67.19 75.3073 66.9644 74.968 67.0043C74.0675 67.1102 72.8826 67.68 71.4711 69.0851C70.0827 70.4674 68.7528 72.3882 67.5835 74.5558C66.425 76.7033 65.5004 78.9504 64.8726 80.8693C64.201 82.9217 64.0006 84.1988 64.0006 84.5316C64.0006 84.5963 64.0004 84.6665 64.0002 84.7419C63.9954 86.7921 63.9815 92.7464 67.0112 101.106C70.157 109.786 76.656 121.245 90.1939 133.574C103.814 145.978 115.305 151.775 124.104 154.455C132.873 157.127 139.194 156.776 142.735 156.54C143.803 156.469 145.535 155.942 147.705 154.779C149.808 153.653 152.044 152.079 154.07 150.25C156.104 148.414 157.82 146.417 158.974 144.486C160.151 142.518 160.571 140.915 160.507 139.753C160.473 139.147 160.018 138.022 158.153 136.487C156.366 135.015 153.81 133.617 150.908 132.415C148.038 131.226 145.02 130.308 142.447 129.72C139.869 129.132 138.153 128.974 137.503 129.004C137.421 129.052 137.088 129.252 136.494 129.926C135.636 130.9 134.753 132.251 133.69 133.925C133.621 134.034 133.551 134.145 133.479 134.258C132.548 135.727 131.456 137.451 130.303 138.839C129.184 140.185 127.239 142.196 124.442 142.507C123.275 142.637 122.156 142.327 121.525 142.132C120.74 141.888 119.88 141.541 118.997 141.138C117.218 140.327 115.07 139.162 112.76 137.749C108.139 134.924 102.616 130.954 97.7787 126.463C93.1099 122.127 89.1806 117.335 86.4073 113.392C85.0205 111.42 83.8891 109.613 83.0851 108.135C82.686 107.402 82.3374 106.694 82.0768 106.054C81.8867 105.586 81.5006 104.6 81.5006 103.532C81.5006 101.126 82.8969 99.2619 83.8003 98.2023C84.6619 97.
24751915 85.7647 96.1557 86.711 95.2669C86.8544 95.1322 86.9942 95.0009 87.1291 94.8735C88.2552 93.81 89.2087 92.8698 89.9391 91.9324C90.6559 91.0125 90.9634 90.3352 91.0595 89.8457C91.0589 89.8481 91.0585 89.8493 91.0581 89.8492C91.0517 89.8488 91.0666 89.5009 90.8656 88.6619C90.6532 87.7754 90.2734 86.6383 89.7209 85.3087C88.618 82.6547 86.9469 79.5206 84.9798 76.5553C82.9996 73.5702 80.8331 70.9282 78.7942 69.1417Z" fill="var(--_fg)"/>
2476</svg>
2477`
2478            break;
2479            case "window-checklist":
2480                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2481<path fill-rule="evenodd" clip-rule="evenodd" d="M20 40C20 28.9543 28.9543 20 40 20H184C195.046 20 204 28.9543 204 40V184C204 195.046 195.046 204 184 204H40C28.9543 204 20 195.046 20 184V40ZM40 28C33.3726 28 28 33.3726 28 40V184C28 190.627 33.3726 196 40 196H184C190.627 196 196 190.627 196 184V40C196 33.3726 190.627 28 184 28H40Z" fill="var(--_fg)"/>
2482<path fill-rule="evenodd" clip-rule="evenodd" d="M199 60H24V52H199V60Z" fill="var(--_fg)"/>
2483<path d="M44 40C44 42.2091 42.2091 44 40 44C37.7909 44 36 42.2091 36 40C36 37.7909 37.7909 36 40 36C42.2091 36 44 37.7909 44 40Z" fill="var(--_fg)"/>
2484<path d="M58 40C58 42.2091 56.2091 44 54 44C51.7909 44 50 42.2091 50 40C50 37.7909 51.7909 36 54 36C56.2091 36 58 37.7909 58 40Z" fill="var(--_fg)"/>
2485<path d="M72 40C72 42.2091 70.2091 44 68 44C65.7909 44 64 42.2091 64 40C64 37.7909 65.7909 36 68 36C70.2091 36 72 37.7909 72 40Z" fill="var(--_fg)"/>
2486<path fill-rule="evenodd" clip-rule="evenodd" d="M172 168H96V160H172V168Z" fill="var(--_fg)"/>
2487<path fill-rule="evenodd" clip-rule="evenodd" d="M82.8284 157.828L62 178.657L49.1716 165.828L54.8284 160.172L62 167.343L77.1716 152.172L82.8284 157.828Z" fill="var(--_fg)"/>
2488<path fill-rule="evenodd" clip-rule="evenodd" d="M82.8284 121.828L62 142.657L49.1716 129.828L54.8284 124.172L62 131.343L77.1716 116.172L82.8284 121.828Z" fill="var(--_fg)"/>
2489<path fill-rule="evenodd" clip-rule="evenodd" d="M82.8284 85.8285L62 106.657L49.1716 93.8285L54.8284 88.1716L62 95.3432L77.1716 80.1716L82.8284 85.8285Z" fill="var(--_fg)"/>
2490<path fill-rule="evenodd" clip-rule="evenodd" d="M172 132H96V124H172V132Z" fill="var(--_fg)"/>
2491<path fill-rule="evenodd" clip-rule="evenodd" d="M172 96H96V88H172V96Z" fill="var(--_fg)"/>
2492</svg>
2493`
2494            break;
2495            case "window-cloud":
2496                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2497<path fill-rule="evenodd" clip-rule="evenodd" d="M20 40C20 28.9543 28.9543 20 40 20H184C195.046 20 204 28.9543 204 40V184C204 195.046 195.046 204 184 204H40C28.9543 204 20 195.046 20 184V40ZM40 28C33.3726 28 28 33.3726 28 40V184C28 190.627 33.3726 196 40 196H184C190.627 196 196 190.627 196 184V40C196 33.3726 190.627 28 184 28H40Z" fill="var(--_fg)"/>
2498<path fill-rule="evenodd" clip-rule="evenodd" d="M199 60H24V52H199V60Z" fill="var(--_fg)"/>
2499<path d="M44 40C44 42.2091 42.2091 44 40 44C37.7909 44 36 42.2091 36 40C36 37.7909 37.7909 36 40 36C42.2091 36 44 37.7909 44 40Z" fill="var(--_fg)"/>
2500<path d="M58 40C58 42.2091 56.2091 44 54 44C51.7909 44 50 42.2091 50 40C50 37.7909 51.7909 36 54 36C56.2091 36 58 37.7909 58 40Z" fill="var(--_fg)"/>
2501<path d="M72 40C72 42.2091 70.2091 44 68 44C65.7909 44 64 42.2091 64 40C64 37.7909 65.7909 36 68 36C70.2091 36 72 37.7909 72 40Z" fill="var(--_fg)"/>
2502<path fill-rule="evenodd" clip-rule="evenodd" d="M103.189 96.5252C108.897 87.7848 118.77 82 130 82C147.673 82 162 96.3269 162 114C162 117.053 161.571 120.01 160.77 122.813C167.469 126.582 172 133.758 172 142C172 154.15 162.15 164 150 164H74C61.8497 164 52 154.15 52 142C52 132.654 57.8253 124.675 66.0418 121.485C66.014 120.993 66 120.498 66 120C66 105.641 77.6406 94 92 94C96.0019 94 99.7982 94.9065 103.189 96.5252ZM130 90C120.425 90 112.151 95.6075 108.299 103.735C107.793 104.803 106.841 105.592 105.699 105.891C104.556 106.191 103.34 105.97 102.375 105.289C99.4437 103.217 95.8699 102 92 102C82.0589 102 74 110.059 74 120C74 121.225 74.1217 122.417 74.3525 123.567C74.7872 125.732 73.3848 127.84 71.2196 128.275C64.8192 129.563 60 135.223 60 142C60 149.732 66.268 156 74 156H150C157.732 156 164 149.732 164 142C164 135.846 160.027 130.61 154.495 128.736C153.441 128.379 152.583 127.599 152.128 126.583C151.673 125.567 151.662 124.407 152.098 123.382C153.321 120.506 154 117.337 154 114C154 100.745 143.255 90 130 90Z" fill="var(--_fg)"/>
2503</svg>
2504`
2505            break;
2506            case "window-cog":
2507                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2508<path fill-rule="evenodd" clip-rule="evenodd" d="M20 40C20 28.9543 28.9543 20 40 20H184C195.046 20 204 28.9543 204 40V184C204 195.046 195.046 204 184 204H40C28.9543 204 20 195.046 20 184V40ZM40 28C33.3726 28 28 33.3726 28 40V184C28 190.627 33.3726 196 40 196H184C190.627 196 196 190.627 196 184V40C196 33.3726 190.627 28 184 28H40Z" fill="var(--_fg)"/>
2509<path fill-rule="evenodd" clip-rule="evenodd" d="M199 60H24V52H199V60Z" fill="var(--_fg)"/>
2510<path d="M44 40C44 42.2091 42.2091 44 40 44C37.7909 44 36 42.2091 36 40C36 37.7909 37.7909 36 40 36C42.2091 36 44 37.7909 44 40Z" fill="var(--_fg)"/>
2511<path d="M58 40C58 42.2091 56.2091 44 54 44C51.7909 44 50 42.2091 50 40C50 37.7909 51.7909 36 54 36C56.2091 36 58 37.7909 58 40Z" fill="var(--_fg)"/>
2512<path d="M72 40C72 42.2091 70.2091 44 68 44C65.7909 44 64 42.2091 64 40C64 37.7909 65.7909 36 68 36C70.2091 36 72 37.7909 72 40Z" fill="var(--_fg)"/>
2513<path fill-rule="evenodd" clip-rule="evenodd" d="M98.995 86C98.995 80.4772 103.472 76 108.995 76H114.995C120.518 76 124.995 80.4772 124.995 86V89.63C126.694 90.2062 128.341 90.8915 129.929 91.6776L132.504 89.1026C136.409 85.1979 142.741 85.1978 146.646 89.1026L150.89 93.3464C154.796 97.2518 154.796 103.584 150.89 107.489L148.316 110.063C149.103 111.65 149.789 113.298 150.365 114.996H154C159.523 114.996 164 119.473 164 124.996V130.999C164 136.522 159.523 140.999 154 140.999H150.373C149.797 142.697 149.112 144.344 148.326 145.932L150.9 148.506C154.806 152.411 154.806 158.743 150.9 162.649L146.656 166.892C142.751 170.797 136.419 170.797 132.514 166.892L129.939 164.318C128.352 165.104 126.704 165.79 125.005 166.366V170C125.005 175.523 120.528 180 115.005 180H109.005C103.482 180 99.005 175.523 99.005 170V166.365C97.3063 165.789 95.6591 165.104 94.071 164.317L91.4957 166.892C87.5905 170.797 81.2595 170.797 77.3543 166.892L73.11 162.649C69.2043 158.743 69.2043 152.411 73.11 148.506L75.6837 145.932C74.8972 144.344 74.2109 142.697 73.6347 140.998L69.996 140.996C64.4747 140.994 60 136.518 60 130.996V124.998C60 119.474 64.4796 114.996 70.004 114.998L73.6269 115C74.203 113.302 74.8881 111.655 75.674 110.068L73.1 107.494C69.1943 103.589 69.1943 97.2568 73.1 93.3514L77.3443 89.1076C81.2495 85.2028 87.5805 85.2029 91.4857 89.1076L94.0607 91.6823C95.6485 90.8959 97.2963 90.2097 98.995 89.6336V86ZM108.995 84C107.89 84 106.995 84.8954 106.995 86V95.732L103.977 96.4963C100.926 97.2689 98.0392 98.4823 95.3926 100.059L92.7182 101.653L85.8291 94.7648C85.0481 93.9838 83.7819 93.9838 83.0009 94.7648L78.7566 99.0086C77.9754 99.7896 77.9754 101.056 78.7566 101.837L85.6452 108.725L84.051 111.4C82.475 114.044 81.2651 116.927 80.4865 119.987L79.7195 123.002L70.0008 122.998C68.8959 122.998 68 123.893 68 124.998V130.996C68 132.101 68.895 132.996 69.9992 132.996L79.7334 133L80.4975 136.017C81.2702 139.067 82.4838 141.954 84.061 144.6L85.6552 147.275L78.7666 154.163C77.9854 154.944 77.9854 156.21 78.7666 156.991L83.0109 161.235C83.7919 162.016 85.0581 162.016 85.8391 161.235L92.7282 154.347L95.4026 155.941C98.0471 157.516 100.93 158.726 103.991 159.505L107.005 160.271V170C107.005 171.105 107.9 172 109.005 172H115.005C116.11 172 117.005 171.105 117.005 170V160.268L120.023 159.504C123.074 158.731 125.961 157.518 128.607 155.941L131.282 154.347L138.171 161.235C138.952 162.016 140.218 162.016 140.999 161.235L145.243 156.991C146.025 156.21 146.025 154.944 145.243 154.163L138.355 147.275L139.949 144.6C141.525 141.956 142.735 139.073 143.513 136.013L144.28 132.999H154C155.105 132.999 156 132.104 156 130.999V124.996C156 123.891 155.105 122.996 154 122.996H144.267L143.502 119.978C142.73 116.928 141.516 114.041 139.939 111.395L138.345 108.72L145.233 101.832C146.015 101.051 146.015 99.7847 145.233 99.0036L140.989 94.7597C140.208 93.9788 138.942 93.9788 138.161 94.7598L131.272 101.648L128.597 100.054C125.953 98.4786 123.07 97.2687 120.009 96.4903L116.995 95.7237V86C116.995 84.8954 116.1 84 114.995 84H108.995Z" fill="var(--_fg)"/>
2514<path fill-rule="evenodd" clip-rule="evenodd" d="M112 113C103.716 113 97 119.716 97 128C97 136.284 103.716 143 112 143C120.284 143 127 136.284 127 128C127 119.716 120.284 113 112 113ZM89 128C89 115.297 99.2975 105 112 105C124.703 105 135 115.297 135 128C135 140.703 124.703 151 112 151C99.2975 151 89 140.703 89 128Z" fill="var(--_fg)"/>
2515</svg>
2516`
2517            break;
2518            case "window-envelope":
2519                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2520<path fill-rule="evenodd" clip-rule="evenodd" d="M20 40C20 28.9543 28.9543 20 40 20H184C195.046 20 204 28.9543 204 40V184C204 195.046 195.046 204 184 204H40C28.9543 204 20 195.046 20 184V40ZM40 28C33.3726 28 28 33.3726 28 40V184C28 190.627 33.3726 196 40 196H184C190.627 196 196 190.627 196 184V40C196 33.3726 190.627 28 184 28H40Z" fill="var(--_fg)"/>
2521<path fill-rule="evenodd" clip-rule="evenodd" d="M199 60H24V52H199V60Z" fill="var(--_fg)"/>
2522<path d="M44 40C44 42.2091 42.2091 44 40 44C37.7909 44 36 42.2091 36 40C36 37.7909 37.7909 36 40 36C42.2091 36 44 37.7909 44 40Z" fill="var(--_fg)"/>
2523<path d="M58 40C58 42.2091 56.2091 44 54 44C51.7909 44 50 42.2091 50 40C50 37.7909 51.7909 36 54 36C56.2091 36 58 37.7909 58 40Z" fill="var(--_fg)"/>
2524<path d="M72 40C72 42.2091 70.2091 44 68 44C65.7909 44 64 42.2091 64 40C64 37.7909 65.7909 36 68 36C70.2091 36 72 37.7909 72 40Z" fill="var(--_fg)"/>
2525<path fill-rule="evenodd" clip-rule="evenodd" d="M60 94C60 87.3726 65.3726 82 72 82H152C158.627 82 164 87.3726 164 94V158C164 164.627 158.627 170 152 170H72C65.3726 170 60 164.627 60 158V94ZM72 90C69.7909 90 68 91.7909 68 94V158C68 160.209 69.7909 162 72 162H152C154.209 162 156 160.209 156 158V94C156 91.7909 154.209 90 152 90H72Z" fill="var(--_fg)"/>
2526<path fill-rule="evenodd" clip-rule="evenodd" d="M105.793 136.188L61.5172 101.136L66.4828 94.8638L110.759 129.915C111.486 130.491 112.514 130.491 113.241 129.915L157.517 94.8638L162.483 101.136L118.207 136.188C114.57 139.067 109.43 139.067 105.793 136.188Z" fill="var(--_fg)"/>
2527<path fill-rule="evenodd" clip-rule="evenodd" d="M104.828 130.828L68.8285 166.828L63.1716 161.172L99.1716 125.172L104.828 130.828Z" fill="var(--_fg)"/>
2528<path fill-rule="evenodd" clip-rule="evenodd" d="M119.172 130.828L155.172 166.828L160.828 161.172L124.828 125.172L119.172 130.828Z" fill="var(--_fg)"/>
2529</svg>
2530`
2531            break;
2532            case "window-envelopes":
2533                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2534<path fill-rule="evenodd" clip-rule="evenodd" d="M20 40C20 28.9543 28.9543 20 40 20H184C195.046 20 204 28.9543 204 40V184C204 195.046 195.046 204 184 204H40C28.9543 204 20 195.046 20 184V40ZM40 28C33.3726 28 28 33.3726 28 40V184C28 190.627 33.3726 196 40 196H184C190.627 196 196 190.627 196 184V40C196 33.3726 190.627 28 184 28H40Z" fill="var(--_fg)"/>
2535<path fill-rule="evenodd" clip-rule="evenodd" d="M199 60H24V52H199V60Z" fill="var(--_fg)"/>
2536<path d="M44 40C44 42.2091 42.2091 44 40 44C37.7909 44 36 42.2091 36 40C36 37.7909 37.7909 36 40 36C42.2091 36 44 37.7909 44 40Z" fill="var(--_fg)"/>
2537<path d="M58 40C58 42.2091 56.2091 44 54 44C51.7909 44 50 42.2091 50 40C50 37.7909 51.7909 36 54 36C56.2091 36 58 37.7909 58 40Z" fill="var(--_fg)"/>
2538<path d="M72 40C72 42.2091 70.2091 44 68 44C65.7909 44 64 42.2091 64 40C64 37.7909 65.7909 36 68 36C70.2091 36 72 37.7909 72 40Z" fill="var(--_fg)"/>
2539<path fill-rule="evenodd" clip-rule="evenodd" d="M50 116C50 109.373 55.3726 104 62 104H130C136.627 104 142 109.373 142 116V168C142 174.627 136.627 180 130 180H62C55.3726 180 50 174.627 50 168V116ZM62 112C59.7909 112 58 113.791 58 116V168C58 170.209 59.7909 172 62 172H130C132.209 172 134 170.209 134 168V116C134 113.791 132.209 112 130 112H62Z" fill="var(--_fg)"/>
2540<path fill-rule="evenodd" clip-rule="evenodd" d="M66 100C66 93.3726 71.3726 88 78 88H146C152.627 88 158 93.3726 158 100V152C158 158.627 152.627 164 146 164H138V156H146C148.209 156 150 154.209 150 152V100C150 97.7909 148.209 96 146 96H78C75.7909 96 74 97.7909 74 100V108H66V100Z" fill="var(--_fg)"/>
2541<path fill-rule="evenodd" clip-rule="evenodd" d="M82 84C82 77.3726 87.3726 72 94 72H162C168.627 72 174 77.3726 174 84V136C174 142.627 168.627 148 162 148H154V140H162C164.209 140 166 138.209 166 136V84C166 81.7909 164.209 80 162 80H94C91.7909 80 90 81.7909 90 84V92H82V84Z" fill="var(--_fg)"/>
2542<path fill-rule="evenodd" clip-rule="evenodd" d="M89.8218 151.233L51.5287 121.145L56.4713 114.855L94.7643 144.942C95.4896 145.512 96.5104 145.512 97.2356 144.942L135.529 114.855L140.471 121.145L102.178 
2542151.233C98.5521 154.082 93.4479 154.082 89.8218 151.233Z" fill="var(--_fg)"/>
2543<path fill-rule="evenodd" clip-rule="evenodd" d="M103.172 144.828L133.172 174.828L138.828 169.172L108.828 139.172L103.172 144.828Z" fill="var(--_fg)"/>
2544<path fill-rule="evenodd" clip-rule="evenodd" d="M88.8285 144.828L58.8285 174.828L53.1716 169.172L83.1716 139.172L88.8285 144.828Z" fill="var(--_fg)"/>
2545</svg>
2546`
2547            break;
2548            case "window-graph":
2549                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2550<path fill-rule="evenodd" clip-rule="evenodd" d="M20 40C20 28.9543 28.9543 20 40 20H184C195.046 20 204 28.9543 204 40V184C204 195.046 195.046 204 184 204H40C28.9543 204 20 195.046 20 184V40ZM40 28C33.3726 28 28 33.3726 28 40V184C28 190.627 33.3726 196 40 196H184C190.627 196 196 190.627 196 184V40C196 33.3726 190.627 28 184 28H40Z" fill="var(--_fg)"/>
2551<path fill-rule="evenodd" clip-rule="evenodd" d="M199 60H24V52H199V60Z" fill="var(--_fg)"/>
2552<path d="M44 40C44 42.2091 42.2091 44 40 44C37.7909 44 36 42.2091 36 40C36 37.7909 37.7909 36 40 36C42.2091 36 44 37.7909 44 40Z" fill="var(--_fg)"/>
2553<path d="M58 40C58 42.2091 56.2091 44 54 44C51.7909 44 50 42.2091 50 40C50 37.7909 51.7909 36 54 36C56.2091 36 58 37.7909 58 40Z" fill="var(--_fg)"/>
2554<path d="M72 40C72 42.2091 70.2091 44 68 44C65.7909 44 64 42.2091 64 40C64 37.7909 65.7909 36 68 36C70.2091 36 72 37.7909 72 40Z" fill="var(--_fg)"/>
2555<path fill-rule="evenodd" clip-rule="evenodd" d="M93 88C93 81.3726 98.3726 76 105 76H119C125.627 76 131 81.3726 131 88V172H93V88ZM105 84C102.791 84 101 85.7909 101 88V164H123V88C123 85.7909 121.209 84 119 84H105Z" fill="var(--_fg)"/>
2556<path fill-rule="evenodd" clip-rule="evenodd" d="M123 142C123 135.373 128.373 130 135 130H149C155.627 130 161 135.373 161 142V152C161 163.046 152.046 172 141 172H123V142ZM135 138C132.791 138 131 139.791 131 142V164H141C147.627 164 153 158.627 153 152V142C153 139.791 151.209 138 149 138H135Z" fill="var(--_fg)"/>
2557<path fill-rule="evenodd" clip-rule="evenodd" d="M63 114C63 107.373 68.3726 102 75 102H89C95.6274 102 101 107.373 101 114V172H83C71.9543 172 63 163.046 63 152V114ZM75 110C72.7909 110 71 111.791 71 114V152C71 158.627 76.3726 164 83 164H93V114C93 111.791 91.2091 110 89 110H75Z" fill="var(--_fg)"/>
2558</svg>
2559`
2560            break;
2561            case "window-layout-1":
2562                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2563<path fill-rule="evenodd" clip-rule="evenodd" d="M20 40C20 28.9543 28.9543 20 40 20H184C195.046 20 204 28.9543 204 40V184C204 195.046 195.046 204 184 204H40C28.9543 204 20 195.046 20 184V40ZM40 28C33.3726 28 28 33.3726 28 40V184C28 190.627 33.3726 196 40 196H184C190.627 196 196 190.627 196 184V40C196 33.3726 190.627 28 184 28H40Z" fill="var(--_fg)"/>
2564<path fill-rule="evenodd" clip-rule="evenodd" d="M199 60H24V52H199V60Z" fill="var(--_fg)"/>
2565<path d="M44 40C44 42.2091 42.2091 44 40 44C37.7909 44 36 42.2091 36 40C36 37.7909 37.7909 36 40 36C42.2091 36 44 37.7909 44 40Z" fill="var(--_fg)"/>
2566<path d="M58 40C58 42.2091 56.2091 44 54 44C51.7909 44 50 42.2091 50 40C50 37.7909 51.7909 36 54 36C56.2091 36 58 37.7909 58 40Z" fill="var(--_fg)"/>
2567<path d="M72 40C72 42.2091 70.2091 44 68 44C65.7909 44 64 42.2091 64 40C64 37.7909 65.7909 36 68 36C70.2091 36 72 37.7909 72 40Z" fill="var(--_fg)"/>
2568<path fill-rule="evenodd" clip-rule="evenodd" d="M51 88C51 81.3726 56.3726 76 63 76H160C166.627 76 172 81.3726 172 88V108C172 114.627 166.627 120 160 120H63C56.3726 120 51 114.627 51 108V88ZM63 84C60.7909 84 59 85.7909 59 88V108C59 110.209 60.7909 112 63 112H160C162.209 112 164 110.209 164 108V88C164 85.7909 162.209 84 160 84H63Z" fill="var(--_fg)"/>
2569<path fill-rule="evenodd" clip-rule="evenodd" d="M52 144C52 137.373 57.3726 132 64 132H94C100.627 132 106 137.373 106 144V160C106 166.627 100.627 172 94 172H64C57.3726 172 52 166.627 52 160V144ZM64 140C61.7909 140 60 141.791 60 144V160C60 162.209 61.7909 164 64 164H94C96.2091 164 98 162.209 98 160V144C98 141.791 96.2091 140 94 140H64Z" fill="var(--_fg)"/>
2570<path fill-rule="evenodd" clip-rule="evenodd" d="M118 144C118 137.373 123.373 132 130 132H160C166.627 132 172 137.373 172 144V160C172 166.627 166.627 172 160 172H130C123.373 172 118 166.627 118 160V144ZM130 140C127.791 140 126 141.791 126 144V160C126 162.209 127.791 164 130 164H160C162.209 164 164 162.209 164 160V144C164 141.791 162.209 140 160 140H130Z" fill="var(--_fg)"/>
2571</svg>
2572`
2573            break;
2574            case "window-layout-2":
2575                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2576<path fill-rule="evenodd" clip-rule="evenodd" d="M20 40C20 28.9543 28.9543 20 40 20H184C195.046 20 204 28.9543 204 40V184C204 195.046 195.046 204 184 204H40C28.9543 204 20 195.046 20 184V40ZM40 28C33.3726 28 28 33.3726 28 40V184C28 190.627 33.3726 196 40 196H184C190.627 196 196 190.627 196 184V40C196 33.3726 190.627 28 184 28H40Z" fill="var(--_fg)"/>
2577<path fill-rule="evenodd" clip-rule="evenodd" d="M199 60H24V52H199V60Z" fill="var(--_fg)"/>
2578<path d="M44 40C44 42.2091 42.2091 44 40 44C37.7909 44 36 42.2091 36 40C36 37.7909 37.7909 36 40 36C42.2091 36 44 37.7909 44 40Z" fill="var(--_fg)"/>
2579<path d="M58 40C58 42.2091 56.2091 44 54 44C51.7909 44 50 42.2091 50 40C50 37.7909 51.7909 36 54 36C56.2091 36 58 37.7909 58 40Z" fill="var(--_fg)"/>
2580<path d="M72 40C72 42.2091 70.2091 44 68 44C65.7909 44 64 42.2091 64 40C64 37.7909 65.7909 36 68 36C70.2091 36 72 37.7909 72 40Z" fill="var(--_fg)"/>
2581<path fill-rule="evenodd" clip-rule="evenodd" d="M52 88C52 81.3726 57.3726 76 64 76H160C166.627 76 172 81.3726 172 88V112C172 118.627 166.627 124 160 124H64C57.3726 124 52 118.627 52 112V88ZM64 84C61.7909 84 60 85.7909 60 88V112C60 114.209 61.7909 116 64 116H160C162.209 116 164 114.209 164 112V88C164 85.7909 162.209 84 160 84H64Z" fill="var(--_fg)"/>
2582<path fill-rule="evenodd" clip-rule="evenodd" d="M172 148H52V140H172V148Z" fill="var(--_fg)"/>
2583<path fill-rule="evenodd" clip-rule="evenodd" d="M172 164H52V156H172V164Z" fill="var(--_fg)"/>
2584</svg>
2585`
2586            break;
2587            case "window-messages":
2588                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2589<path fill-rule="evenodd" clip-rule="evenodd" d="M20 40C20 28.9543 28.9543 20 40 20H184C195.046 20 204 28.9543 204 40V184C204 195.046 195.046 204 184 204H40C28.9543 204 20 195.046 20 184V40ZM40 28C33.3726 28 28 33.3726 28 40V184C28 190.627 33.3726 196 40 196H184C190.627 196 196 190.627 196 184V40C196 33.3726 190.627 28 184 28H40Z" fill="var(--_fg)"/>
2590<path fill-rule="evenodd" clip-rule="evenodd" d="M199 60H24V52H199V60Z" fill="var(--_fg)"/>
2591<path d="M44 40C44 42.2091 42.2091 44 40 44C37.7909 44 36 42.2091 36 40C36 37.7909 37.7909 36 40 36C42.2091 36 44 37.7909 44 40Z" fill="var(--_fg)"/>
2592<path d="M58 40C58 42.2091 56.2091 44 54 44C51.7909 44 50 42.2091 50 40C50 37.7909 51.7909 36 54 36C56.2091 36 58 37.7909 58 40Z" fill="var(--_fg)"/>
2593<path d="M72 40C72 42.2091 70.2091 44 68 44C65.7909 44 64 42.2091 64 40C64 37.7909 65.7909 36 68 36C70.2091 36 72 37.7909 72 40Z" fill="var(--_fg)"/>
2594<path fill-rule="evenodd" clip-rule="evenodd" d="M64 88C61.7909 88 60 89.7909 60 92V140.907L64.149 137.104C65.6258 135.75 67.5568 135 69.5602 135.001L131.997 135.043C134.207 135.044 136 133.253 136 131.043V92C136 89.7909 134.209 88 132 88H64ZM52 92C52 85.3726 57.3726 80 64 80H132C138.627 80 144 85.3726 144 92V131.043C144 137.674 138.623 143.047 131.992 143.043L69.5548 143.001L62.8922 149.108C58.7231 152.93 52 149.973 52 144.317V92Z" fill="var(--_fg)"/>
2595<path fill-rule="evenodd" clip-rule="evenodd" d="M160 114C162.209 114 164 115.791 164 118V162.907L159.85 159.103C158.374 157.75 156.446 157 154.444 157H92C89.7909 157 88 155.209 88 153V141H80V153C80 159.627 85.3726 165 92 165H154.444L161.108 171.108C165.277 174.93 172 171.973 172 166.317V118C172 111.373 166.627 106 160 106H140V114H160Z" fill="var(--_fg)"/>
2596</svg>
2597`
2598            break;
2599            case "window-review":
2600                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2601<path fill-rule="evenodd" clip-rule="evenodd" d="M20 40C20 28.9543 28.9543 20 40 20H184C195.046 20 204 28.9543 204 40V184C204 195.046 195.046 204 184 204H40C28.9543 204 20 195.046 20 184V40ZM40 28C33.3726 28 28 33.3726 28 40V184C28 190.627 33.3726 196 40 196H184C190.627 196 196 190.627 196 184V40C196 33.3726 190.627 28 184 28H40Z" fill="var(--_fg)"/>
2602<path fill-rule="evenodd" clip-rule="evenodd" d="M199 60H24V52H199V60Z" fill="var(--_fg)"/>
2603<path d="M44 40C44 42.2091 42.2091 44 40 44C37.7909 44 36 42.2091 36 40C36 37.7909 37.7909 36 40 36C42.2091 36 44 37.7909 44 40Z" fill="var(--_fg)"/>
2604<path d="M58 40C58 42.2091 56.2091 44 54 44C51.7909 44 50 42.2091 50 40C50 37.7909 51.7909 36 54 36C56.2091 36 58 37.7909 58 40Z" fill="var(--_fg)"/>
2605<path d="M72 40C72 42.2091 70.2091 44 68 44C65.7909 44 64 42.2091 64 40C64 37.7909 65.7909 36 68 36C70.2091 36 72 37.7909 72 40Z" fill="var(--_fg)"/>
2606<path fill-rule="evenodd" clip-rule="evenodd" d="M112 80C113.389 80 114.679 80.7206 115.407 81.9036L122.493 93.4194L135.784 96.0777C137.167 96.3543 138.302 97.3387 138.772 98.6686C139.241 99.9985 138.976 101.477 138.073 102.561L129.098 113.331L129.991 126.734C130.084 128.123 129.448 129.46 128.312 130.264C127.176 131.069 125.704 131.225 124.424 130.677L112 125.352L99.5756 130.677C98.2963 131.225 96.8239 131.069 95.6881 130.264C94.5522 129.46 93.9162 128.123 94.0088 126.734L94.9023 113.331L85.927 102.561C85.0242 101.477 84.7586 99.9985 85.228 98.6686C85.6975 97.3387 86.8325 96.3543 88.2155 96.0777L101.507 93.4194L108.593 81.9036C109.321 80.7206 110.611 80 112 80ZM112 91.6322L107.407 99.0964C106.824 100.043 105.874 100.704 104.784 100.922L96.3767 102.604L102.073 109.439C102.731 110.229 103.059 111.241 102.991 112.266L102.425 120.752L110.424 117.323C111.43 116.892 112.569 116.892 113.576 117.323L121.574 120.752L121.009 112.266C120.94 111.241 121.269 110.229 121.927 109.439L127.623 102.604L119.215 100.922C118.126 100.704 117.176 100.043 116.593 99.0964L112 91.6322Z" fill="var(--_fg)"/>
2607<path fill-rule="evenodd" clip-rule="evenodd" d="M172 152H52V144H172V152Z" fill="var(--_fg)"/>
2608<path fill-rule="evenodd" clip-rule="evenodd" d="M172 168H52V160H172V168Z" fill="var(--_fg)"/>
2609</svg>
2610`
2611            break;
2612            case "window-self-service":
2613                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2614<path fill-rule="evenodd" clip-rule="evenodd" d="M20 40C20 28.9543 28.9543 20 40 20H184C195.046 20 204 28.9543 204 40V140H196V40C196 33.3726 190.627 28 184 28H40C33.3726 28 28 33.3726 28 40V184C28 190.627 33.3726 196 40 196H138V204H40C28.9543 204 20 195.046 20 184V40Z" fill="var(--_fg)"/>
2615<path fill-rule="evenodd" clip-rule="evenodd" d="M199 60H24V52H199V60Z" fill="var(--_fg)"/>
2616<path d="M44 40C44 42.2091 42.2091 44 40 44C37.7909 44 36 42.2091 36 40C36 37.7909 37.7909 36 40 36C42.2091 36 44 37.7909 44 40Z" fill="var(--_fg)"/>
2617<path d="M58 40C58 42.2091 56.2091 44 54 44C51.7909 44 50 42.2091 50 40C50 37.7909 51.7909 36 54 36C56.2091 36 58 37.7909 58 40Z" fill="var(--_fg)"/>
2618<path d="M72 40C72 42.2091 70.2091 44 68 44C65.7909 44 64 42.2091 64 40C64 37.7909 65.7909 36 68 36C70.2091 36 72 37.7909 72 40Z" fill="var(--_fg)"/>
2619<path fill-rule="evenodd" clip-rule="evenodd" d="M51 88C51 81.3726 56.3726 76 63 76H160C166.627 76 172 81.3726 172 88V104C172 110.627 166.627 116 160 116H147.75V108H160C162.209 108 164 106.209 164 104V88C164 85.7909 162.209 84 160 84H63C60.7909 84 59 85.7909 59 88V104C59 106.209 60.7909 108 63 108H126.5V116H63C56.3726 116 51 110.627 51 104V88Z" fill="var(--_fg)"/>
2620<path fill-rule="evenodd" clip-rule="evenodd" d="M52 144C52 137.373 57.3726 132 64 132H94C100.627 132 106 137.373 106 144V160C106 166.627 100.627 172 94 172H64C57.3726 172 52 166.627 52 160V144ZM64 140C61.7909 140 60 141.791 60 144V160C60 162.209 61.7909 164 64 164H94C96.2091 164 98 162.209 98 160V144C98 141.791 96.2091 140 94 140H64Z" fill="var(--_fg)"/>
2621<path fill-rule="evenodd" clip-rule="evenodd" d="M138 107C134.686 107 132 109.686 132 113V180C132 193.255 142.745 204 156 204H180C193.255 204 204 193.255 204 180V157H212V180C212 197.673 197.673 212 180 212H156C138.327 212 124 197.673 124 180V113C124 105.268 130.268 99 138 99C145.732 99 152 105.268 152 113V144.5H144V113C144 109.686 141.314 107 138 107Z" fill="var(--_fg)"/>
2622<path fill-rule="evenodd" clip-rule="evenodd" d="M158 132C154.686 132 152 134.686 152 138V153H144V138C144 130.268 150.268 124 158 124C165.732 124 172 130.268 172 138V153H164V138C164 134.686 161.314 132 158 132Z" fill="var(--_fg)"/>
2623<path fill-rule="evenodd" clip-rule="evenodd" d="M178 138C174.686 138 172 140.686 172 144V159H164V144C164 136.268 170.268 130 178 130C185.732 130 192 136.268 192 144V159H184V144C184 140.686 181.314 138 178 138Z" fill="var(--_fg)"/>
2624<path fill-rule="evenodd" clip-rule="evenodd" d="M198 144C194.686 144 192 146.686 192 150V165H184V150C184 142.268 190.268 136 198 136C205.732 136 212 142.268 212 150V165H204V150C204 146.686 201.314 144 198 144Z" fill="var(--_fg)"/>
2625</svg>
2626`
2627            break;
2628            case "window-stacked-messages":
2629                icon = `<svg width="100%" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
2630<path fill-rule="evenodd" clip-rule="evenodd" d="M20 40C20 28.9543 28.9543 20 40 20H184C195.046 20 204 28.9543 204 40V184C204 195.046 195.046 204 184 204H40C28.9543 204 20 195.046 20 184V40ZM40 28C33.3726 28 28 33.3726 28 40V184C28 190.627 33.3726 196 40 196H184C190.627 196 196 190.627 196 184V40C196 33.3726 190.627 28 184 28H40Z" fill="var(--_fg)"/>
2631<path fill-rule="evenodd" clip-rule="evenodd" d="M199 60H24V52H199V60Z" fill="var(--_fg)"/>
2632<path d="M44 40C44 42.2091 42.2091 44 40 44C37.7909 44 36 42.2091 36 40C36 37.7909 37.7909 36 40 36C42.2091 36 44 37.7909 44 40Z" fill="var(--_fg)"/>
2633<path d="M58 40C58 42.2091 56.2091 44 54 44C51.7909 44 50 42.2091 50 40C50 37.7909 51.7909 36 54 36C56.2091 36 58 37.7909 58 40Z" fill="var(--_fg)"/>
2634<path d="M72 40C72 42.2091 70.2091 44 68 44C65.7909 44 64 42.2091 64 40C64 37.7909 65.7909 36 68 36C70.2091 36 72 37.7909 72 40Z" fill="var(--_fg)"/>
2635<path fill-rule="evenodd" clip-rule="evenodd" d="M66 100C66 93.3726 71.3726 88 78 88H146C152.627 88 158 93.3726 158 100V148C158 154.627 152.627 160 146 160H138V152H146C148.209 152 150 150.209 150 148V100C150 97.7909 148.209 96 146 96H78C75.7909 96 74 97.7909 74 100V108H66V100Z" fill="var(--_fg)"/>
2636<path fill-rule="evenodd" clip-rule="evenodd" d="M82 84C82 77.3726 87.3726 72 94 72H162C168.627 72 174 77.3726 174 84V132C174 138.627 168.627 144 162 144H154V136H162C164.209 136 166 134.209 166 132V84C166 81.7909 164.209 80 162 80H94C91.7909 80 90 81.7909 90 84V92H82V84Z" fill="var(--_fg)"/>
2637<path fill-rule="evenodd" clip-rule="evenodd" d="M62 112C59.7909 112 58 113.791 58 116V174.77L64.4397 169.71C65.8506 168.602 67.5934 168 69.3878 168.001L129.997 168.043C132.207 168.044 134 166.253 134 164.043V116C134 113.791 132.209 112 130 112H62ZM50 116C50 109.373 55.3726 104 62 104H130C136.627 104 142 109.373 142 116V164.043C142 170.674 136.622 176.047 129.992 176.043L69.3822 176.001L60.5158 182.967C56.251 186.318 50 183.28 50 177.856V116Z" fill="var(--_fg)"/>
2638</svg>
2639`
2640            break;
2641        }
2642
2643        this.shadowRoot.innerHTML = Boolean(icon) ? icon : '';
2644    }
2645}
2646window.customElements.define("k-icon", KIcon);
2647</script>
2647
2648
2649    
2649<script>
2650      class IconButton extends HTMLElement {
2651        constructor() {
2652          super();
2653          this.attachShadow({ mode: 'open' });
2654        }
2655        connectedCallback() {
2656          const label = this.getAttribute('data-label');
2657          const target = this.getAttribute('data-target');
2658          const href = this.getAttribute('data-href');
2659          const invertIcon = Boolean(this.getAttribute('data-invert-icon'));
2660          const onLightIcon =
2661            "//4047309.fs1.hubspotusercontent-na1.net/hubfs/4047309/raw_assets/public/kundo2024/images/icons/arrow-right-circle--on-light.svg";
2662          const onDarkIcon =
2663            "//4047309.fs1.hubspotusercontent-na1.net/hubfs/4047309/raw_assets/public/kundo2024/images/icons/arrow-right-circle--on-dark.svg";
2664          const isDarkPage =
2665            document.documentElement.classList.contains('is-dark');
2666
2667          let currentIcon = isDarkPage ? onDarkIcon : onLightIcon;
2668
2669          if (invertIcon) {
2670            currentIcon = isDarkPage ? onLightIcon : onDarkIcon;
2671          }
2672
2673          this.shadowRoot.innerHTML = `
2674          <style>
2675            .icon-button {
2676              display: inline-flex;
2677              align-items: center;
2678              gap: 8px;
2679              font: var(--font-c2a);
2680              letter-spacing: var(--letter-spacing-c2a);
2681              color: var(--_fg);
2682              text-decoration: none;
2683            }
2684
2685          .icon-button__icon {
2686            transition: transform 0.1s ease-in-out;
2687            width: var(--size-button-icon);
2688            height: var(--size-button-icon);
2689          }
2690
2691          .icon-button:hover .icon-button__icon,
2692          .icon-button:focus .icon-button__icon {
2693            transform: rotate(-15deg);
2694          }
2695          </style>
2696
2697          <a class="icon-button" href="${href}" target="${target}">
2698            ${label}
2699            <img
2700                class="icon-button__icon"
2701                src="${currentIcon}"
2702                alt="Link icon"
2703            />
2704          </a>
2705          `;
2706        }
2707      }
2708      window.customElements.define('icon-button', IconButton);
2709    </script>
2709
2710
2711    
2711<script>
2712      class VideoModal extends HTMLElement {
2713        constructor() {
2714          super();
2715          this.attachShadow({ mode: 'open' });
2716          this._onKeyDown = this._onKeyDown.bind(this);
2717        }
2718
2719        connectedCallback() {
2720          const name = this.getAttribute('data-name');
2721          const bg = this.getAttribute('data-color-bg');
2722          const icon =
2723            "//4047309.fs1.hubspotusercontent-na1.net/hubfs/4047309/raw_assets/public/kundo2024/images/icons/plus-circle--on-dark.svg";
2724          const videoCover = this.getAttribute('data-video-cover');
2725          const video = this.getAttribute('data-video');
2726
2727          this.shadowRoot.innerHTML = `
2728          <style>
2729            .video-modal {
2730              position: fixed;
2731              inset: 0;
2732              background-color: var(--_bg);
2733              z-index: 99999;
2734              display: flex;
2735              align-items: center;
2736              justify-content: center;
2737              padding: 100px var(--spacing-gutter);
2738              opacity: 0;
2739              visibility: hidden;
2740              transition: opacity 500ms ease, visibility 500ms ease;
2741              overflow: hidden;
2742            }
2743
2744            .video-modal.is-visible {
2745              opacity: 1;
2746              visibility: visible;
2747            }
2748
2749            .video-modal__player {
2750              max-width: 100%;
2751              max-height: 100%;
2752              object-fit: contain;
2753              border-radius: var(--radius-s);
2754              min-height: 0;
2755            }
2756
2757            .video-modal__button {
2758              position: absolute;
2759              z-index: 100000;
2760              background-color: transparent;
2761              border: none;
2762              padding: 0;
2763              line-height: 0;
2764              cursor: pointer;
2765            }
2766
2767            .video-modal__close-button {
2768              top: var(--spacing-gutter);
2769              right: var(--spacing-gutter);
2770              transform: rotate(45deg);
2771              transition: transform 300ms ease;
2772            }
2773
2774            .video-modal__close-button:hover,
2775            .video-modal__close-button:focus {
2776              transform: rotate(-45deg);
2777            }
2778
2779            .video-modal__mute-button {
2780              top: var(--spacing-gutter);
2781              left: var(--spacing-gutter);
2782              width: 45px;
2783              height: 45px;
2784              display: flex;
2785              align-items: center;
2786              justify-content: center;
2787              background-color: var(--color-snow);
2788              border-radius: 50%;
2789              transition: transform 0.1s ease-in-out;
2790            }
2791
2792            .video-modal__mute-button svg {
2793              width: 22px;
2794              height: 22px;
2795              fill: var(--color-black);
2796            }
2797
2798            .video-modal__mute-button:hover,
2799            .video-modal__mute-button:focus {
2800              transform: rotate(-15deg);
2801            }
2802          </style>
2803
2804          <div
2805            class="video-modal"
2806            style="--_bg: ${bg};"
2807            js-fullscreen-player="${name}"
2808          >
2809            <button
2810              class="video-modal__button video-modal__close-button"
2811              js-close-fullscreen-player
2812            >
2813              <img
2814                src="${icon}"
2815                alt="close"
2816              />
2817            </button>
2818            <button
2819              class="video-modal__button video-modal__mute-button"
2820              js-mute-button
2821            >
2822              <svg viewBox="0 0 24 24" js-unmute-icon style="display:none;">
2823                <path d="M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z"/>
2824              </svg>
2825              <svg viewBox="0 0 24 24" js-mute-icon>
2826                <path d="M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"/>
2827              </svg>
2828            </button>
2829            <video
2830              class="video-modal__player"
2831              preload="auto"
2832              poster="${videoCover}"
2833              controls
2834              js-fullscreen-video-elem
2835            >
2836              <source src="${video}" type="video/mp4" />
2837            </video>
2838          </div>
2839        `;
2840
2841          const closeButton = this.shadowRoot.querySelector(
2842            '[js-close-fullscreen-player]',
2843          );
2844          closeButton.addEventListener('click', (event) => {
2845            event.preventDefault();
2846            this.hide();
2847          });
2848
2849          const muteButton = this.shadowRoot.querySelector('[js-mute-button]');
2850          const videoElem = this.shadowRoot.querySelector(
2851            '[js-fullscreen-video-elem]',
2852          );
2853          const muteIcon = this.shadowRoot.querySelector('[js-mute-icon]');
2854          const unmuteIcon = this.shadowRoot.querySelector('[js-unmute-icon]');
2855
2856          muteButton.addEventListener('click', (event) => {
2857            event.preventDefault();
2858            videoElem.muted = !videoElem.muted;
2859            muteIcon.style.display = videoElem.muted ? 'block' : 'none';
2860            unmuteIcon.style.display = videoElem.muted ? 'none' : 'block';
2861            muteButton.blur();
2862          });
2863        }
2864
2865        _onKeyDown(event) {
2866          if (event.key === 'Escape') {
2867            this.hide();
2868          }
2869        }
2870
2871        show() {
2872          const modal = this.shadowRoot.querySelector('[js-fullscreen-player]');
2873          const video = this.shadowRoot.querySelector(
2874            '[js-fullscreen-video-elem]',
2875          );
2876          const muteIcon = this.shadowRoot.querySelector('[js-mute-icon]');
2877          const unmuteIcon = this.shadowRoot.querySelector('[js-unmute-icon]');
2878          modal.classList.add('is-visible');
2879          document.addEventListener('keydown', this._onKeyDown);
2880          if (video) {
2881            video.muted = false;
2882            video.currentTime = 0;
2883            video.play().catch(() => {});
2884            muteIcon.style.display = 'none';
2885            unmuteIcon.style.display = 'block';
2886          }
2887        }
2888
2889        hide() {
2890          const modal = this.shadowRoot.querySelector('[js-fullscreen-player]');
2891          const video = this.shadowRoot.querySelector(
2892            '[js-fullscreen-video-elem]',
2893          );
2894          modal.classList.remove('is-visible');
2895          document.removeEventListener('keydown', this._onKeyDown);
2896          if (video) {
2897            video.pause();
2898            video.currentTime = 0;
2899          }
2900        }
2901      }
2902      window.customElements.define('video-modal', VideoModal);
2903
2904      if (!window.kundoUtils.showVideoModal) {
2905        window.kundoUtils.showVideoModal = function (name) {
2906          const videoModal = document.querySelector(
2907            `video-modal[data-name="${name}"]`,
2908          );
2909          if (videoModal) videoModal.show();
2910        };
2911      }
2912    </script>
2912
2913
2914    
2914<script>
2915      class VideoBackground extends HTMLElement {
2916        constructor() {
2917          super();
2918          this.attachShadow({ mode: 'open' });
2919        }
2920
2921        connectedCallback() {
2922          const cover = this.getAttribute('data-cover');
2923          const video = this.getAttribute('data-video');
2924          const natural = this.getAttribute('data-fit') === 'natural';
2925
2926          this.shadowRoot.innerHTML = `
2927            <style>
2928              ${natural ? `:host {
2929                display: block;
2930                position: relative;
2931                width: 100%;
2932                height: 100%;
2933                aspect-ratio: var(--_ratio, 16 / 9);
2934              }` : ''}
2935
2936              .video-background {
2937                width: 100%;
2938                height: 100%;
2939                ${natural ? 'position: absolute; inset: 0;' : ''}
2940                object-fit: cover;
2941                pointer-events: none;
2942                background-color: transparent;
2943                object-position: center;
2944              }
2945
2946              .video-background::-webkit-media-controls-start-playback-button {
2947                display: none;
2948              }
2949            </style>
2950
2951            <video
2952              class="video-background"
2953              autoplay
2954              muted
2955              loop
2956              playsinline
2957              webkit-playsinline
2958              preload="auto"
2959              poster="${cover}"
2960            >
2961              <source src="${video}" type="video/mp4" />
2962            </video>
2963          `;
2964
2965          const videoElement = this.shadowRoot.querySelector('video');
2966          if (!videoElement) return;
2967
2968          if (natural) {
2969            videoElement.addEventListener('loadedmetadata', () => {
2970              const { videoWidth, videoHeight } = videoElement;
2971              if (videoWidth && videoHeight) {
2972                this.style.setProperty('--_ratio', `${videoWidth} / ${videoHeight}`);
2973              }
2974            });
2975          }
2976
2977          videoElement.addEventListener('click', (event) => {
2978            event.preventDefault();
2979          });
2980
2981          videoElement.play().catch((error) => {
2982            console.log('Autoplay blocked', error);
2983          });
2984
2985          if ('IntersectionObserver' in window) {
2986            const observer = new IntersectionObserver((entries) => {
2987              entries.forEach((entry) => {
2988                if (entry.isIntersecting) {
2989                  entry.target.play().catch((error) => {
2990                    console.error('Autoplay blocked', error);
2991                  });
2992                } else {
2993                  entry.target.pause();
2994                }
2995              });
2996            });
2997
2998            observer.observe(videoElement);
2999          }
3000        }
3001      }
3002      window.customElements.define('video-background', VideoBackground);
3003    </script>
3003
3004
3005    
3005<script>
3006      class LottiePlayer extends HTMLElement {
3007        constructor() {
3008          super();
3009          this.attachShadow({ mode: 'open' });
3010
3011          this.container = document.createElement('div');
3012          this.container.classList.add('lottie-player');
3013
3014          this.shadowRoot.innerHTML = `
3015            <style>
3016              .lottie-player {
3017                position: relative;
3018                overflow: hidden;
3019                height: 100%;
3020                width: 100%;
3021              }
3022
3023              .lottie-player > svg {
3024                position: absolute;
3025                top: 0;
3026                left: 0;
3027                width: 100%;
3028                height: 100%;
3029                object-fit: contain;
3030                object-position: center;
3031              }
3032            </style>
3033          `;
3034          this.shadowRoot.appendChild(this.container);
3035        }
3036
3037        connectedCallback() {
3038          const src = this.getAttribute('src');
3039          const fit =
3040            this.getAttribute('data-cover') === 'true'
3041              ? 'xMidYMid slice'
3042              : 'xMidYMid meet';
3043
3044          this.lottiePlayer = lottie.loadAnimation({
3045            container: this.container,
3046            renderer: 'svg',
3047            loop: true,
3048            autoplay: false,
3049            path: src,
3050            rendererSettings: {
3051              preserveAspectRatio: fit,
3052            },
3053          });
3054
3055          this.observer = new IntersectionObserver(
3056            this.handleIntersection.bind(this),
3057            {
3058              threshold: 0.1,
3059            },
3060          );
3061
3062          this.observer.observe(this);
3063        }
3064
3065        disconnectedCallback() {
3066          this.observer.disconnect();
3067          this.lottiePlayer.destroy();
3068        }
3069
3070        handleIntersection(entries) {
3071          entries.forEach((entry) => {
3072            if (entry.isIntersecting) {
3073              this.lottiePlayer.play();
3074            } else {
3075              this.lottiePlayer.stop();
3076            }
3077          });
3078        }
3079      }
3080      window.customElements.define('lottie-player', LottiePlayer);
3081    </script>
3081
3082
3083    <div class="body-wrapper   hs-content-id-182026288725 hs-site-page page ">
3084       <div data-global-resource-path="kundo2024/templates/partials/header.html">
3085
3086<header class="header" data-js-header>
3087
3088  
3089  <a href="#main-content" class="header__skip">Skip to content</a>
3090
3091  
3092  <div class="header__container content-wrapper">
3093
3094    <div class="header__logo header__logo-container">
3095      <div id="hs_cos_wrapper_logo" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
3096
3097
3098
3099<div class="logo">
3100    <a href="https://www.kundo.se/" class="logo__link is-main" aria-label="Go to home page">
3101        <img class="logo__image" src="https://www.kundo.se/hubfs/raw_assets/public/kundo2024/images/icons/logo--on-light.svg" alt="Kundo logo">
3102    </a>
3103</div></div>
3104    </div>
3105
3106
3107    
3108
3109    <div class="header__main-menu-container" data-js-main-menu-container>
3110      <div id="hs_cos_wrapper_main-menu" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
3111
3112
3113
3114
3115<div class="main-menu" data-js-main-menu>
3116  <div class="main-menu__background" data-js-main-menu-background></div>
3117
3118  <ul class="main-menu__inner">
3119    
3120      <li class="main-menu__item is-submenu" data-js-submenu-item>
3121        
3122          <p class="main-menu__link-label">Platform <img src="https://www.kundo.se/hubfs/raw_assets/public/kundo2024/images/icons/caret-down--on-light.svg" alt="Open submenu"></p>
3123
3124          <div class="main-menu__submenu-container" data-js-submenu-container>
3125            
3126              <ul class="main-menu__submenu" aria-label="Capabilities:">
3127                
3128                  <li>
3129                    <a class="main-menu__submenu-link is-large" href="https://www.kundo.se/arendehantering">Ärendehantering</a>
3130                  </li>
3131                
3132                  <li>
3133                    <a class="main-menu__submenu-link is-large" href="https://www.kundo.se/kunskapsplattform">Kunskapsagent</a>
3134                  </li>
3135                
3136                  <li>
3137                    <a class="main-menu__submenu-link is-large" href="https://www.kundo.se/ai-chat">AI Chat</a>
3138                  </li>
3139                
3140              </ul>
3141            
3142              <ul class="main-menu__submenu" aria-label="Andra funktioner">
3143                
3144                  <li>
3145                    <a class="main-menu__submenu-link is-small" href="https://www.kundo.se/mail">Mail</a>
3146                  </li>
3147                
3148                  <li>
3149                    <a class="main-menu__submenu-link is-small" href="https://www.kundo.se/csat">CSAT</a>
3150                  </li>
3151                
3152                  <li>
3153                    <a class="main-menu__submenu-link is-small" href="https://www.kundo.se/forum">Forum</a>
3154                  </li>
3155                
3156              </ul>
3157            
3158
3159            <div class="main-menu__highlight is-mobile-hidden">
3160                <p class="main-menu__submenu-title">Aktuellt</p>
3161
3162                <div class="main-menu__highlight-image-container">
3163                  <img loading="lazy" class="main-menu__highlight-image" src="https://www.kundo.se/hubfs/ekmansofie_11454_a_webinar_setup_with_a_kamera_recording_a_we_e70139e2-bf70-4d54-acad-e4b4d2e63ca9_1%202.png" alt="Highlight image" data-js-fade-load>
3164                  <p class="main-menu__highlight-title">Agentic Help Center lanseras: Er nya ingång till kundservice</p>
3165                </div>
3166
3167                <a class="main-menu__highlight-link" href="https://www.kundo.se/webinar" target="">
3168                  <span class="main-menu__highlight-link-text">Anmäl dig →</span>
3169                </a>
3170              </div>
3171          </div>
3172        
3173      </li>
3174    
3175      <li class="main-menu__item is-link" data-js-link-item>
3176        
3177          <a class="main-menu__link-label" href="https://www.kundo.se/blogg/kundberattelser" target="">
3178            Kunder
3179          </a>
3180        
3181      </li>
3182    
3183      <li class="main-menu__item is-link" data-js-link-item>
3184        
3185          <a class="main-menu__link-label" href="https://www.kundo.se/om-oss" target="">
3186            Om Kundo
3187          </a>
3188        
3189      </li>
3190    
3191      <li class="main-menu__item is-link" data-js-link-item>
3192        
3193          <a class="main-menu__link-label" href="https://kundo.app/dashboard/?lang=sv" target="">
3194            Logga in
3195          </a>
3196        
3197      </li>
3198    
3199  </ul>
3200
3201  <div class="main-menu__highlight is-desktop-hidden">
3202    <p class="main-menu__submenu-title">Aktuellt</p>
3203
3204    <div class="main-menu__highlight-image-container">
3205      <img loading="lazy" class="main-menu__highlight-image" src="https://www.kundo.se/hubfs/ekmansofie_11454_a_webinar_setup_with_a_kamera_recording_a_
3205we_e70139e2-bf70-4d54-acad-e4b4d2e63ca9_1%202.png" alt="Highlight image" data-js-fade-load>
3206      <p class="main-menu__highlight-title">Agentic Help Center lanseras: Er nya ingång till kundservice</p>
3207    </div>
3208
3209    <a class="main-menu__highlight-link" href="https://www.kundo.se/webinar" target="">
3210      <span class="main-menu__highlight-link-text">Anmäl dig →</span>
3211    </a>
3212  </div>
3213</div></div>
3214    </div>
3215
3216    <div class="header__cta-area">
3217      <div id="hs_cos_wrapper_header-cta" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
3218
3219<a class="header-cta" href="https://www.kundo.se/demo" target="">
3220  Boka demo
3221</a></div>
3222
3223      <button class="hamburger is-desktop-hidden" data-js-menu-toggle>
3224        <div class="hamburger__inner">
3225          <div class="hamburger__line"></div>
3226        </div>
3227      </button>
3228    </div>
3229  </div>
3230</header></div>  
3231
3232      <main id="main-content" class="body-container-wrapper">
3233        
3234
3235
3236
3237<div class="container-fluid body-container">
3238<div class="row-fluid-wrapper">
3239<div class="row-fluid">
3240<div class="span12 widget-span widget-type-cell " style="" data-widget-type="cell" data-x="0" data-w="12">
3241
3242<div class="row-fluid-wrapper row-depth-1 row-number-1 dnd-section">
3243<div class="row-fluid ">
3244<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">
3245
3246<div class="row-fluid-wrapper row-depth-1 row-number-2 dnd-row">
3247<div class="row-fluid ">
3248<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
3249<div id="hs_cos_wrapper_widget_1725369007625" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">           
3250
3251<section class="bento-hero is-image-first" style="--_bg0: var(--color-beige); --_bg1: var(--color-eggplant); --_fg: var(--color-off-white)" data-js-slide-in>
3252  <div class="bento-hero__text-area">
3253    <div class="bento-hero__spacer"></div>
3254    <div class="bento-hero__text-container">
3255      
3256      <h1 class="bento-hero__title is-large">
3257        Förenkla din mailhantering
3258      </h1>
3259      <p class="bento-hero__description">Med Kundos mailhanteringssystem får kundserviceteamet full överblick över alla inkommande mail och kan arbeta tillsammans i GDPR-säkrade inkorgar.</p>
3260    </div>
3261
3262    
3263  </div>
3264
3265  <div class="bento-hero__image-area">
3266    <div class="bento-hero__spacer">
3267      <div class="bento-hero__spacer-inner"></div>
3268    </div>
3269    <div class="bento-hero__image-container">
3270      
3271      <img width="800" class="bento-hero__image" src="https://www.kundo.se/hs-fs/hubfs/New%20website%20HT24/luca-nicoletti-dzbSQkqZzUw-unsplash.jpg?width=800&amp;name=luca-nicoletti-dzbSQkqZzUw-unsplash.jpg" alt="Porträtt av en leende kvinna i en mysig miljö med trädetaljer och mjuk belysning i bakgrunden" data-js-fade-load srcset="https://www.kundo.se/hs-fs/hubfs/New%20website%20HT24/luca-nicoletti-dzbSQkqZzUw-unsplash.jpg?width=400&amp;name=luca-nicoletti-dzbSQkqZzUw-unsplash.jpg 400w, https://www.kundo.se/hs-fs/hubfs/New%20website%20HT24/luca-nicoletti-dzbSQkqZzUw-unsplash.jpg?width=800&amp;name=luca-nicoletti-dzbSQkqZzUw-unsplash.jpg 800w, https://www.kundo.se/hs-fs/hubfs/New%20website%20HT24/luca-nicoletti-dzbSQkqZzUw-unsplash.jpg?width=1200&amp;name=luca-nicoletti-dzbSQkqZzUw-unsplash.jpg 1200w, https://www.kundo.se/hs-fs/hubfs/New%20website%20HT24/luca-nicoletti-dzbSQkqZzUw-unsplash.jpg?width=1600&amp;name=luca-nicoletti-dzbSQkqZzUw-unsplash.jpg 1600w, https://www.kundo.se/hs-fs/hubfs/New%20website%20HT24/luca-nicoletti-dzbSQkqZzUw-unsplash.jpg?width=2000&amp;name=luca-nicoletti-dzbSQkqZzUw-unsplash.jpg 2000w, https://www.kundo.se/hs-fs/hubfs/New%20website%20HT24/luca-nicoletti-dzbSQkqZzUw-unsplash.jpg?width=2400&amp;name=luca-nicoletti-dzbSQkqZzUw-unsplash.jpg 2400w" sizes="(max-width: 800px) 100vw, 800px">
3272      
3273    </div>
3274  </div>
3275
3276  
3277</section>
3278
3279</div>
3280
3281</div><!--end widget-span -->
3282</div><!--end row-->
3283</div><!--end row-wrapper -->
3284
3285</div><!--end widget-span -->
3286</div><!--end row-->
3287</div><!--end row-wrapper -->
3288
3289<div class="row-fluid-wrapper row-depth-1 row-number-3 dnd-section">
3290<div class="row-fluid ">
3291<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">
3292
3293<div class="row-fluid-wrapper row-depth-1 row-number-4 dnd-row">
3294<div class="row-fluid ">
3295<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
3296<div id="hs_cos_wrapper_widget_1729239796617" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
3297
3298
3299
3300
3301
3302<section class="usp-list" style="--_bg: var(--color-snow); --_fg: var(--color-eggplant); --_fg2: var(--color-obsidian)" data-js-slide-in>
3303  
3304
3305  <ul class="usp-list__list">
3306    
3307      <li class="usp-list__item">
3308        <div class="usp-list__item-inner">
3309          <div class="usp-list__icon">
3310            <k-icon data-icon="window-stacked-messages"></k-icon>
3311          </div>
3312          <p class="usp-list__text">Full översikt över alla inkomma ärenden</p>
3313        </div>
3314      </li>
3315    
3316      <li class="usp-list__item">
3317        <div class="usp-list__item-inner">
3318          <div class="usp-list__icon">
3319            <k-icon data-icon="cog"></k-icon>
3320          </div>
3321          <p class="usp-list__text">Smarta funktioner för smidigt samarbete</p>
3322        </div>
3323      </li>
3324    
3325      <li class="usp-list__item">
3326        <div class="usp-list__item-inner">
3327          <div class="usp-list__icon">
3328            <k-icon data-icon="messages-ai"></k-icon>
3329          </div>
3330          <p class="usp-list__text">AI och automation för effektiv kundservice</p>
3331        </div>
3332      </li>
3333    
3334  </ul>
3335</section></div>
3336
3337</div><!--end widget-span -->
3338</div><!--end row-->
3339</div><!--end row-wrapper -->
3340
3341</div><!--end widget-span -->
3342</div><!--end row-->
3343</div><!--end row-wrapper -->
3344
3345<div class="row-fluid-wrapper row-depth-1 row-number-5 dnd-section">
3346<div class="row-fluid ">
3347<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">
3348
3349<div class="row-fluid-wrapper row-depth-1 row-number-6 dnd-row">
3350<div class="row-fluid ">
3351<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
3352<div id="hs_cos_wrapper_module_1725369550039" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">    
3353
3354
3355<section class="split-bento " style="--_bg: var(--color-off-white); --_fg: var(--color-burgundy)" data-js-slide-in>
3356  <div class="split-bento__media-container is-transparent  has-image">
3357    
3358    <img width="1000" loading="lazy" class="split-bento__media is-image" src="https://www.kundo.se/hs-fs/hubfs/New%20website%20HT24/pexels-tiger-lily-4484072.jpg?width=1000&amp;name=pexels-tiger-lily-4484072.jpg" alt="Man med mössa och väst håller en surfplatta i en lagerlokal fylld med varor i bakgrunden" data-js-fade-load srcset="https://www.kundo.se/hs-fs/hubfs/New%20website%20HT24/pexels-tiger-lily-4484072.jpg?width=500&amp;name=pexels-tiger-lily-4484072.jpg 500w, https://www.kundo.se/hs-fs/hubfs/New%20website%20HT24/pexels-tiger-lily-4484072.jpg?width=1000&amp;name=pexels-tiger-lily-4484072.jpg 1000w, https://www.kundo.se/hs-fs/hubfs/New%20website%20HT24/pexels-tiger-lily-4484072.jpg?width=1500&amp;name=pexels-tiger-lily-4484072.jpg 1500w, https://www.kundo.se/hs-fs/hubfs/New%20website%20HT24/pexels-tiger-lily-4484072.jpg?width=2000&amp;name=pexels-tiger-lily-4484072.jpg 2000w, https://www.kundo.se/hs-fs/hubfs/New%20website%20HT24/pexels-tiger-lily-4484072.jpg?width=2500&amp;name=pexels-tiger-lily-4484072.jpg 2500w, https://www.kundo.se/hs-fs/hubfs/New%20website%20HT24/pexels-tiger-lily-4484072.jpg?width=3000&amp;name=pexels-tiger-lily-4484072.jpg 3000w" sizes="(max-width: 1000px) 100v
3358w, 1000px">
3359    
3360  </div>
3361  <div class="split-bento__content is-transparent">
3362    <div>
3363      <h3 class="split-bento__title">Enkel och säker e-posthantering för alla ärenden</h3>
3364      <div class="split-bento__description is-default">
3365        <p>Samla alla e-postmeddelanden och inkorgar i ett enda system. Med vårt verktyg får teamet en tydlig överblick över inkommande e-post och aktuell status för varje ärende. Vi uppfyller givetvis alla GDPR-krav för att säkerställa dataskydd och trygg hantering av information.</p>
3366      </div>
3367    </div>
3368    <div class="split-bento__actions">
3369      
3370    </div>
3371  </div>
3372</section></div>
3373
3374</div><!--end widget-span -->
3375</div><!--end row-->
3376</div><!--end row-wrapper -->
3377
3378</div><!--end widget-span -->
3379</div><!--end row-->
3380</div><!--end row-wrapper -->
3381
3382<div class="row-fluid-wrapper row-depth-1 row-number-7 dnd-section">
3383<div class="row-fluid ">
3384<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">
3385
3386<div class="row-fluid-wrapper row-depth-1 row-number-8 dnd-row">
3387<div class="row-fluid ">
3388<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
3389<div id="hs_cos_wrapper_widget_1725369563953" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">    
3390
3391
3392<section class="split-bento " style="--_bg: var(--color-off-white); --_fg: var(--color-burgundy)" data-js-slide-in>
3393  <div class="split-bento__media-container is-opaque is-right has-image">
3394    
3395    <img width="1000" loading="lazy" class="split-bento__media is-image" src="https://www.kundo.se/hs-fs/hubfs/2024_Produktbilder/05%20Mail%20Helhetserbjudande%20Styrkan%20i%20samarbete.png?width=1000&amp;name=05%20Mail%20Helhetserbjudande%20Styrkan%20i%20samarbete.png" alt="Illustration av Kundos funktioner som inkluderar AI-assistent, taggar, mallar, automatiska regler och ärendestatus" data-js-fade-load srcset="https://www.kundo.se/hs-fs/hubfs/2024_Produktbilder/05%20Mail%20Helhetserbjudande%20Styrkan%20i%20samarbete.png?width=500&amp;name=05%20Mail%20Helhetserbjudande%20Styrkan%20i%20samarbete.png 500w, https://www.kundo.se/hs-fs/hubfs/2024_Produktbilder/05%20Mail%20Helhetserbjudande%20Styrkan%20i%20samarbete.png?width=1000&amp;name=05%20Mail%20Helhetserbjudande%20Styrkan%20i%20samarbete.png 1000w, https://www.kundo.se/hs-fs/hubfs/2024_Produktbilder/05%20Mail%20Helhetserbjudande%20Styrkan%20i%20samarbete.png?width=1500&amp;name=05%20Mail%20Helhetserbjudande%20Styrkan%20i%20samarbete.png 1500w, https://www.kundo.se/hs-fs/hubfs/2024_Produktbilder/05%20Mail%20Helhetserbjudande%20Styrkan%20i%20samarbete.png?width=2000&amp;name=05%20Mail%20Helhetserbjudande%20Styrkan%20i%20samarbete.png 2000w, https://www.kundo.se/hs-fs/hubfs/2024_Produktbilder/05%20Mail%20Helhetserbjudande%20Styrkan%20i%20samarbete.png?width=2500&amp;name=05%20Mail%20Helhetserbjudande%20Styrkan%20i%20samarbete.png 2500w, https://www.kundo.se/hs-fs/hubfs/2024_Produktbilder/05%20Mail%20Helhetserbjudande%20Styrkan%20i%20samarbete.png?width=3000&amp;name=05%20Mail%20Helhetserbjudande%20Styrkan%20i%20samarbete.png 3000w" sizes="(max-width: 1000px) 100vw, 1000px">
3396    
3397  </div>
3398  <div class="split-bento__content is-opaque">
3399    <div>
3400      <h3 class="split-bento__title">Mailhantering som förenklar teamwork</h3>
3401      <div class="split-bento__description is-default">
3402        <p>Kundos mailhanteringssystem är utformat för effektivt samarbete och överblick, så att team enkelt kan hantera e-post och ärenden tillsammans. Systemet säkerställer tydlig ansvarsfördelning, snabb uppföljning av obesvarade frågor och enkel tilldelning av ärenden till rätt person – både inom teamet och med externa partners.</p>
3403      </div>
3404    </div>
3405    <div class="split-bento__actions">
3406      
3407    </div>
3408  </div>
3409</section></div>
3410
3411</div><!--end widget-span -->
3412</div><!--end row-->
3413</div><!--end row-wrapper -->
3414
3415</div><!--end widget-span -->
3416</div><!--end row-->
3417</div><!--end row-wrapper -->
3418
3419<div class="row-fluid-wrapper row-depth-1 row-number-9 dnd-section">
3420<div class="row-fluid ">
3421<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">
3422
3423<div class="row-fluid-wrapper row-depth-1 row-number-10 dnd-row">
3424<div class="row-fluid ">
3425<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
3426<div id="hs_cos_wrapper_module_1729239090331" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">    
3427
3428
3429<section class="split-bento " style="--_bg: var(--color-off-white); --_fg: var(--color-burgundy)" data-js-slide-in>
3430  <div class="split-bento__media-container is-transparent  has-image">
3431    
3432    <img width="1000" loading="lazy" class="split-bento__media is-image" src="https://www.kundo.se/hs-fs/hubfs/2024_Produktbilder/13%20Mail%20Delerbjudande%20%C3%84rendehantering.jpg?width=1000&amp;name=13%20Mail%20Delerbjudande%20%C3%84rendehantering.jpg" alt="Översikt av Kundos funktioner med fokus på automationsverktyg, samarbetsfunktioner och AI-assistent" data-js-fade-load srcset="https://www.kundo.se/hs-fs/hubfs/2024_Produktbilder/13%20Mail%20Delerbjudande%20%C3%84rendehantering.jpg?width=500&amp;name=13%20Mail%20Delerbjudande%20%C3%84rendehantering.jpg 500w, https://www.kundo.se/hs-fs/hubfs/2024_Produktbilder/13%20Mail%20Delerbjudande%20%C3%84rendehantering.jpg?width=1000&amp;name=13%20Mail%20Delerbjudande%20%C3%84rendehantering.jpg 1000w, https://www.kundo.se/hs-fs/hubfs/2024_Produktbilder/13%20Mail%20Delerbjudande%20%C3%84rendehantering.jpg?width=1500&amp;name=13%20Mail%20Delerbjudande%20%C3%84rendehantering.jpg 1500w, https://www.kundo.se/hs-fs/hubfs/2024_Produktbilder/13%20Mail%20Delerbjudande%20%C3%84rendehantering.jpg?width=2000&amp;name=13%20Mail%20Delerbjudande%20%C3%84rendehantering.jpg 2000w, https://www.kundo.se/hs-fs/hubfs/2024_Produktbilder/13%20Mail%20Delerbjudande%20%C3%84rendehantering.jpg?width=2500&amp;name=13%20Mail%20Delerbjudande%20%C3%84rendehantering.jpg 2500w, https://www.kundo.se/hs-fs/hubfs/2024_Produktbilder/13%20Mail%20Delerbjudande%20%C3%84rendehantering.jpg?width=3000&amp;name=13%20Mail%20Delerbjudande%20%C3%84rendehantering.jpg 3000w" sizes="(max-width: 1000px) 100v
3432w, 1000px">
3433    
3434  </div>
3435  <div class="split-bento__content is-transparent">
3436    <div>
3437      <h3 class="split-bento__title">Effektiv mailhantering med AI och automation</h3>
3438      <div class="split-bento__description is-default">
3439        <p>Kundos mailhanteringssystem använder AI och automation för att effektivisera kundservice. Automatiska regler sorterar och tilldelar ärenden, medan AI-funktioner som Smart Replies och Smart Suggestions gör det enkelt att snabbt ge personliga svar och rekommendera relevanta hjälpguider. Resultatet är smidigare hantering och högre kundnöjdhet.</p>
3440      </div>
3441    </div>
3442    <div class="split-bento__actions">
3443      
3444    </div>
3445  </div>
3446</section></div>
3447
3448</div><!--end widget-span -->
3449</div><!--end row-->
3450</div><!--end row-wrapper -->
3451
3452<div class="row-fluid-wrapper row-depth-1 row-number-11 dnd-row">
3453<div class="row-fluid ">
3454<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
3455<div id="hs_cos_wrapper_widget_1729240334251" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
3456
3457
3458
3459
3460
3461
3462
3463<h2 class="section-title" style="--_color: var(--color-burgundy)" data-js-slide-in>
3464  Utforska fler produkter
3465</h2></div>
3466
3467</div><!--end widget-span -->
3468</div><!--end row-->
3469</div><!--end row-wrapper -->
3470
3471<div class="row-fluid-wrapper row-depth-1 row-number-12 dnd-row">
3472<div class="row-fluid ">
3473<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
3474<div id="hs_cos_wrapper_widget_1729240231869" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
3475
3476
3477
3478
3479
3480
3481
3482
3483
3484
3485<section class="icon-cards" style="--_bg0: var(--color-burgundy); --_bg1: var(--color-eggplant); --_bg2: var(--color-beef-jerky); --_fg: var(--color-off-white)">
3486
3487  <article class="icon-cards__card" data-js-slide-in>
3488    <div class="icon-cards__icon">
3489      <k-icon data-icon="message-ai"></k-icon>
3490    </div>
3491
3492    <div class="icon-cards__content">
3493      <h1 class="icon-cards__title">AI Chat för omedelbar service och enastående upplevelser</h1>
3494      <p class="icon-cards__description">Upptäck ett nytt sätt att leverera kundservice på som skapar fantastiska kundupplevelser för både kunder, agenter och ledare.  </p>
3495
3496      
3497        <a class="icon-cards__link" href="https://www.kundo.se/ai-chat" target="">
3498          <img src="https://www.kundo.se/hubfs/raw_assets/public/kundo2024/images/icons/arrow-right-circle--on-dark.svg" alt="Read more">
3499        </a>
3500      
3501    </div>
3502  </article>
3503
3504  <article class="icon-cards__card" data-js-slide-in>
3505    <div class="icon-cards__icon">
3506      <k-icon data-icon="window-checklist"></k-icon>
3507    </div>
3508
3509    <div class="icon-cards__content">
3510      <h1 class="icon-cards__title">Helhetslösning för ärendehantering</h1>
3511      <p class="icon-cards__description">Samla alla dina ärenden i ett system för enkel hantering, oavsett om de kommer från mail, chatt, sociala medier eller samtal.</p>
3512
3513      
3514        <a class="icon-cards__link" href="https://www.kundo.se/arendehantering" target="">
3515          <img src="https://www.kundo.se/hubfs/raw_assets/public/kundo2024/images/icons/arrow-right-circle--on-dark.svg" alt="Read more">
3516        </a>
3517      
3518    </div>
3519  </article>
3520
3521  <article class="icon-cards__card" data-js-slide-in>
3522    <div class="icon-cards__icon">
3523      <k-icon data-icon="smiley-check"></k-icon>
3524    </div>
3525
3526    <div class="icon-cards__content">
3527      <h1 class="icon-cards__title">Boosta ditt team och öka kundnöjdheten med CSAT-undersökningar</h1>
3528      <p class="icon-cards__description">Upptäck hur vår kundnöjdhetsundersökning (CSAT) förvandlar rutinmässiga uppgifter till givande aktiviteter. </p>
3529
3530      
3531        <a class="icon-cards__link" href="https://www.kundo.se/csat" target="">
3532          <img src="https://www.kundo.se/hubfs/raw_assets/public/kundo2024/images/icons/arrow-right-circle--on-dark.svg" alt="Read more">
3533        </a>
3534      
3535    </div>
3536  </article>
3537
3538</section></div>
3539
3540</div><!--end widget-span -->
3541</div><!--end row-->
3542</div><!--end row-wrapper -->
3543
3544</div><!--end widget-span -->
3545</div><!--end row-->
3546</div><!--end row-wrapper -->
3547
3548<div class="row-fluid-wrapper row-depth-1 row-number-13 dnd-section">
3549<div class="row-fluid ">
3550<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">
3551
3552<div class="row-fluid-wrapper row-depth-1 row-number-14 dnd-row">
3553<div class="row-fluid ">
3554<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
3555<div id="hs_cos_wrapper_widget_1729240261564" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
3556
3557
3558
3559
3560
3561
3562
3563<section class="cta-quote" style="--_fg: var(--color-burgundy)" data-js-slide-in>
3564
3565  <div class="cta-quote__area">
3566    <blockquote class="cta-quote__quote">”Med dagens volym hade Outlook inte fungerat”</blockquote>
3567    <p class="cta-quote__quotee is-desktop">När Kila Möbler växte ökade även kraven på kundservice. Med rätt lösning har de kunnat hantera en kraftigt ökad volym utan att kompromissa med kvaliteten.</p>
3568  </div>
3569
3570  <div class="cta-quote__area">
3571    <div class="cta-quote__image-container">
3572      <img width="800" loading="lazy" class="cta-quote__image" src="https://www.kundo.se/hs-fs/hubfs/kilamobler_hubspot-1.jpg?width=800&amp;name=kilamobler_hubspot-1.jpg" alt="Porträtt av en leende man i en mörk pikétröja mot en ljus bakgrund" data-js-fade-load srcset="https://www.kundo.se/hs-fs/hubfs/kilamobler_hubspot-1.jpg?width=400&amp;name=kilamobler_hubspot-1.jpg 400w, https://www.kundo.se/hs-fs/hubfs/kilamobler_hubspot-1.jpg?width=800&amp;name=kilamobler_hubspot-1.jpg 800w, https://www.kundo.se/hs-fs/hubfs/kilamobler_hubspot-1.jpg?width=1200&amp;name=kilamobler_hubspot-1.jpg 1200w, https://www.kundo.se/hs-fs/hubfs/kilamobler_hubspot-1.jpg?width=1600&amp;name=kilamobler_hubspot-1.jpg 1600w, https://www.kundo.se/hs-fs/hubfs/kilamobler_hubspot-1.jpg?width=2000&amp;name=kilamobler_hubspot-1.jpg 2000w, https://www.kundo.se/hs-fs/hubfs/kilamobler_hubspot-1.jpg?width=2400&amp;name=kilamobler_hubspot-1.jpg 2400w" sizes="(max-width: 800px) 100v
3572w, 800px">
3573    </div>
3574
3575    <p class="cta-quote__quotee is-mobile">När Kila Möbler växte ökade även kraven på kundservice. Med rätt lösning har de kunnat hantera en kraftigt ökad volym utan att kompromissa med kvaliteten.</p>
3576
3577    <div class="cta-quote__actions">
3578      
3579        <icon-button data-label="Läs mer" data-target="" data-href="https://www.kundo.se/blogg/kundberattelser/kila-mobler" />
3580      
3581    </div>
3582  </div>
3583</section></div>
3584
3585</div><!--end widget-span -->
3586</div><!--end row-->
3587</div><!--end row-wrapper -->
3588
3589</div><!--end widget-span -->
3590</div><!--end row-->
3591</div><!--end row-wrapper -->
3592
3593<div class="row-fluid-wrapper row-depth-1 row-number-15 dnd-section">
3594<div class="row-fluid ">
3595<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">
3596
3597<div class="row-fluid-wrapper row-depth-1 row-number-16 dnd-row">
3598<div class="row-fluid ">
3599<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
3600<div id="hs_cos_wrapper_widget_1781770229198" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">    
3601
3602<section class="eye-grabber-cta is-opaque" style="--_fg: var(--color-burgundy); --_bg: var(--color-beige)" data-js-slide-in>
3603  <h2 class="eye-grabber-cta__title">Framtidssäkra er kundservice idag</h2>
3604  <div class="eye-grabber-cta__actions">
3605    <a class="eye-grabber-cta__button is-primary" href="https://www.kundo.se/demo" target="">
3606      Boka demo
3607    </a>
3608  </div>
3609</section></div>
3610
3611</div><!--end widget-span -->
3612</div><!--end row-->
3613</div><!--end row-wrapper -->
3614
3615</div><!--end widget-span -->
3616</div><!--end row-->
3617</div><!--end row-wrapper -->
3618
3619</div><!--end widget-span -->
3620</div>
3621</div>
3622</div>
3623
3624      </main>
3625
3626       <div data-global-resource-path="kundo2024/templates/partials/footer.html">
3627
3628
3629
3630
3631
3632
3633
3634
3635
3636<footer class="main-footer" style="--_fg: var(--color-burgundy); --_bg: var(--color-off-white)">
3637  <span class="main-footer__copyright">©Kundo 2026</span>
3638
3639  
3640
3641  <div class="main-footer__columns">
3642    <nav class="main-footer__column">
3643      <div id="hs_cos_wrapper_footer-column-1" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
3644
3645<ul class="footer-column" aria-label="Lösningar">
3646  
3647    <li class="footer-column__link">
3648      
3649        <a class="footer-column__link-text" href="https://www.kundo.se/arendehantering" target="">AI Ticketing</a>
3650      
3651    </li>
3652  
3653    <li class="footer-column__link">
3654      
3655        <a class="footer-column__link-text" href="https://www.kundo.se/kunskapsplattform" target="">Knowledge Agent</a>
3656      
3657    </li>
3658  
3659    <li class="footer-column__link">
3660      
3661        <a class="footer-column__link-text" href="https://www.kundo.se/ai-chat" target="">AI Chat</a>
3662      
3663    </li>
3664  
3665</ul></div>
3666    </nav>
3667
3668    <nav class="main-footer__column">
3669      <div id="hs_cos_wrapper_footer-column-2" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
3670
3671<ul class="footer-column" aria-label="Om oss">
3672  
3673    <li class="footer-column__link">
3674      
3675        <a class="footer-column__link-text" href="https://www.kundo.se/om-oss" target="">Detta är Kundo</a>
3676      
3677    </li>
3678  
3679    <li class="footer-column__link">
3680      
3681        <a class="footer-column__link-text" href="https://jobb.kundo.se/" target="">Karriär</a>
3682      
3683    </li>
3684  
3685    <li class="footer-column__link">
3686      
3687        <a class="footer-column__link-text" href="https://www.kundo.se/kontakt" target="">Kontakt</a>
3688      
3689    </li>
3690  
3691    <li class="footer-column__link">
3692      
3693        <a class="footer-column__link-text" href="https://www.kundo.se/hjalp-support?path=%2Fguide%2Fpersonuppgifter-och-dataskydd%3Fcategory%3Dpolicies-sakerhet-och-gdpr" target="">GDPR</a>
3694      
3695    </li>
3696  
3697    <li class="footer-column__link">
3698      
3699        <a class="footer-column__link-text" href="https://www.kundo.se/hjalp-support?path=%2Fguide%2Fcookie-och-integritetspolicy" target="">Cookies</a>
3700      
3701    </li>
3702  
3703    <li class="footer-column__link">
3704      
3705        <a class="footer-column__link-text" href="https://kundo.se/api-doc/" target="">Kundo API</a>
3706      
3707    </li>
3708  
3709    <li class="footer-column__link">
3710      
3711        <a class="footer-column__link-text" href="https://www.kundo.se/blogg/kundberattelser/tag/kundcase" target="">Kunder</a>
3712      
3713    </li>
3714  
3715    <li class="footer-column__link">
3716      
3717        <a class="footer-column__link-text" href="https://www.kundo.se/blogg" target="">Resurser</a>
3718      
3719    </li>
3720  
3721</ul></div>
3722    </nav>
3723
3724    <nav class="main-footer__column">
3725      <div id="hs_cos_wrapper_footer-column-3" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
3726
3727<ul class="footer-column" aria-label="Mer">
3728  
3729    <li class="footer-column__link">
3730      
3731        <a class="footer-column__link-text" href="https://www.kundo.se/mail" target="">Mailhantering</a>
3732      
3733    </li>
3734  
3735    <li class="footer-column__link">
3736      
3737        <a class="footer-column__link-text" href="https://www.kundo.se/chatt" target="">Livechatt</a>
3738      
3739    </li>
3740  
3741    <li class="footer-column__link">
3742      
3743        <a class="footer-column__link-text" href="https://www.kundo.se/csat" target="">CSAT</a>
3744      
3745    </li>
3746  
3747    <li class="footer-column__link">
3748      
3749        <a class="footer-column__link-text" href="https://www.kundo.se/forum" target="">Forum</a>
3750      
3751    </li>
3752  
3753    <li class="footer-column__link">
3754      
3755        <a class="footer-column__link-text" href="https://www.kundo.se/help-center" target="">Help Center</a>
3756      
3757    </li>
3758  
3759</ul></div>
3760    </nav>
3761
3762    <nav class="main-footer__column">
3763      <div id="hs_cos_wrapper_footer-column-4" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
3764
3765<ul class="footer-column" aria-label="Kontakt">
3766  
3767    <li class="footer-column__link">
3768      
3769        <a class="footer-column__link-text" href="mailto:[email protected]" target="">[email protected]</a>
3770      
3771    </li>
3772  
3773    <li class="footer-column__link">
3774      
3775        <a class="footer-column__link-button" href="https://www.kundo.se/hjalp-support" target="">
3776          Support  <img src="https://www.kundo.se/hubfs/raw_assets/public/kundo2024/images/icons/arrow-right--on-light.svg" alt="Link icon">
3777        </a>
3778      
3779    </li>
3780  
3781</ul></div>
3782
3783      
3784        <div class="main-footer__lang-switch-container">
3785          
3786  <div id="hs_cos_wrapper_language-switcher" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-language_switcher" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span id="hs_cos_wrapper_language-switcher_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_language_switcher" style="" data-hs-cos-general-type="widget" data-hs-cos-type="language_switcher"><div class="lang_switcher_class">
3787   <div class="globe_class" onclick="">
3788       <ul class="lang_list_class">
3789           <li>
3790               <a class="lang_switcher_link" data-language="sv" lang="sv" href="https://www.kundo.se/mail">Svenska</a>
3791           </li>
3792           <li>
3793               <a class="lang_switcher_link" data-language="en" lang="en" href="https://www.kundo.se/en/mail">English</a>
3794           </li>
3795           <li>
3796               <a class="lang_switcher_link" data-language="no" lang="no" href="https://www.kundo.no/mail">Norsk</a>
3797           </li>
3798       </ul>
3799   </div>
3800</div></span></div>
3801  <div class="main-footer__language-switcher--label-current">Svenska<img class="main-footer__language-switcher-caret" src="https://www.kundo.se/hubfs/raw_assets/public/kundo2024/images/icons/caret-down--on-light.svg" alt="Caret down"></div>
3802
3803        </div>
3804      
3805    </nav>
3806  </div>
3807
3808  <div class="main-footer__logo-container">
3809    <img class="main-footer__logo" src="https://www.kundo.se/hubfs/raw_assets/public/kundo2024/images/icons/logo--on-light-alt.svg" alt="Kundo logo">
3810  </div>
3811
3812</footer></div> 
3813    </div>
3814      
3815<!-- HubSpot performance collection script -->
3816<script defer src="/hs/hsstatic/content-cwv-embed/static-1.1293/embed.js"></script>
vendor: 1 bytes, line 3816
3816
3817<script src="https://www.kundo.se/hubfs/hub_generated/template_assets/1/176020452412/1790156508694/template_main.min.js"></script>
3817
3818
3819  
3819<script>
3820    // sticky/shy header
3821    const header = document.querySelector('[data-js-header]');
3822    const headerHeight = header.offsetHeight;
3823    const headerClass = 'is-hidden';
3824    let scrollPosition = 0;
3825    let timeout = false;
3826
3827    window.addEventListener('scroll', function() {
3828      if (!timeout) {
3829        window.requestAnimationFrame(function() {
3830          const scrollTop = window.pageYOffset;
3831          let scrollDown = false;
3832
3833          if (scrollTop > scrollPosition) {
3834            scrollDown = true;
3835          } else {
3836            scrollDown = false;
3837          }
3838
3839          if (scrollTop > 200) {
3840            header.classList.add('is-small');
3841          } else {
3842            header.classList.remove('is-small');
3843          }
3844
3845          scrollPosition = window.scrollY;
3846          animateHeader(scrollPosition, scrollDown);
3847          timeout = false;
3848        });
3849
3850        timeout = true;
3851      }
3852    });
3853
3854    function animateHeader(scrollPos, scrollDownBoolean) {
3855      if ((scrollPos > headerHeight * 2) && scrollDownBoolean) {
3856        header.classList.add(headerClass);
3857      } else {
3858        header.classList.remove(headerClass);
3859      }
3860    }
3861
3862    const hamburger = document.querySelector('[data-js-menu-toggle]')
3863    const mainMenuContainer = document.querySelector('[data-js-main-menu-container]');
3864    const body = document.querySelector('body');
3865
3866    hamburger.addEventListener('click', function() {
3867      this.classList.toggle('is-active')
3868      mainMenuContainer.classList.toggle('is-open')
3869      body.classList.toggle('is-not-scrollable')
3870    })
3871  </script>
3871
3872
3873<script>
3874var hsVars = hsVars || {}; hsVars['language'] = 'sv';
3875</script>
3875
3876
3877<script src="/hs/hsstatic/cos-i18n/static-1.53/bundles/project.js"></script>
3877
3878
3879  
3879<script>
3880    const mainMenu = document.querySelector('[data-js-main-menu]');
3881    const mainMenuBackground = document.querySelector('[data-js-main-menu-background]');
3882    const submenuItems = document.querySelectorAll('[data-js-submenu-item]');
3883
3884    // detect when a submenu item is hovered over
3885    submenuItems.forEach(item => {
3886      const submenuContainer = item.parentElement.querySelector('[data-js-submenu-container]');
3887      const height = submenuContainer.scrollHeight;
3888      submenuContainer.style.setProperty("--max-height", height + "px");
3889
3890      item.addEventListener('click', function() {
3891        submenuContainer.classList.toggle('is-open');
3892        item.classList.toggle('is-open');
3893      });
3894
3895      item.addEventListener('mouseenter', function() {
3896
3897        // get the height of the mainMenu and the submenu container
3898        const mainMenuHeight = mainMenu.offsetHeight;
3899        const submenuContainerHeight = submenuContainer.offsetHeight;
3900
3901        // get the longest width between the mainMenu and the submenu container
3902        const maxWidth = Math.max(mainMenu.offsetWidth, submenuContainer.offsetWidth);
3903
3904        mainMenuBackground.style.width = `${maxWidth}px`;
3905        mainMenuBackground.style.height = `${mainMenuHeight + submenuContainerHeight}px`;
3906        item.classList.add('is-visible');
3907        submenuContainer.classList.add('is-visible');
3908      });
3909
3910      item.addEventListener('mouseleave', function() {
3911        setTimeout(() => {
3912          if (mainMenu.matches(':hover')) return;
3913
3914          const mainMenuHeight = mainMenu.offsetHeight;
3915          const mainMenuWidth = mainMenu.offsetWidth;
3916
3917          mainMenuBackground.style.width = `${mainMenuWidth}px`;
3918          mainMenuBackground.style.height = `${mainMenuHeight}px`;
3919          item.classList.remove('is-visible');
3920          submenuContainer.classList.remove('is-visible');
3921        }, 250);
3922      });
3923    });
3924
3925  </script>
3925
3926
3927
3928<script>
3929  let showPlayerButtonwidget_1725369007625 = document.querySelector(
3930    '[js-show-fullscreen-player="widget_1725369007625"]'
3931  );
3932  if (showPlayerButtonwidget_1725369007625) {
3933    showPlayerButtonwidget_1725369007625.addEventListener('click', function (event) {
3934      event.preventDefault();
3935      window.kundoUtils.showVideoModal('widget_1725369007625');
3936    });
3937  }
3938</script>
3938
3939
3940 
3941
3942
3943<!-- Start of HubSpot Analytics Code -->
3944<script type="text/javascript">
3945var _hsq = _hsq || [];
3946_hsq.push(["setContentType", "standard-page"]);
3947_hsq.push(["setCanonicalUrl", "https:\/\/www.kundo.se\/mail"]);
3948_hsq.push(["setPageId", "182026288725"]);
3949_hsq.push(["setContentMetadata", {
3950    "contentPageId": 182026288725,
3951    "legacyPageId": "182026288725",
3952    "contentFolderId": null,
3953    "contentGroupId": null,
3954    "abTestId": null,
3955    "languageVariantId": 182026288725,
3956    "languageCode": "sv",
3957    
3958    
3959}]);
3960</script>
3960
3961
3962<script type="text/javascript" id="hs-script-loader" async defer src="/hs/scriptloader/4047309.js"></script>
3962
3963<!-- End of HubSpot Analytics Code -->
3964
3965
3966<script type="text/javascript">
3967var hsVars = {
3968    render_id: "8eb8c3a0-798c-418d-a5d6-f668d27ccd38",
3969    ticks: 1790156550944,
3970    page_id: 182026288725,
3971    
3972    content_group_id: 0,
3973    portal_id: 4047309,
3974    app_hs_base_url: "https://app.hubspot.com",
3975    cp_hs_base_url: "https://cp.hubspot.com",
3976    language: "sv",
3977    analytics_page_type: "standard-page",
3978    scp_content_type: "",
3979    
3980    analytics_page_id: "182026288725",
3981    category_id: 1,
3982    folder_id: 0,
3983    is_hubspot_user: false
3984}
3985</script>
3985
3986
3987
3988<script defer src="/hs/hsstatic/HubspotToolsMenu/static-1.640/js/index.js"></script>
3988
3989
3990<script defer>
3991window.addEventListener('CookieConsent', function (event) {
3992     ;(function (k, u, n, d, o) {
3993    k['KUNDO_WIDGET'] = d
3994    ;(js = u.createElement(n)), (fjs = u.getElementsByTagName(n)[0])
3995    js.id = d
3996    js.src = `https://static.kundo.se/widget/kundo-widget-v1.js?t=${Date.now()}`
3997    js.async = 1
3998    fjs.parentNode.insertBefore(js, fjs)
3999  })(window, document, 'script', 'KUNDO_WIDGET')
4000  window.KUNDO_WIDGET = { publicId: '2f95ca71-9265-4d4f-bce9-814e81dfec97' }
4001});
4002</script>
4002
4003
4004
4005  
4006</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.