diff --git a/apps/common/mobile/lib/controller/Themes.js b/apps/common/mobile/lib/controller/Themes.js
new file mode 100644
index 000000000..5e9d9bfc6
--- /dev/null
+++ b/apps/common/mobile/lib/controller/Themes.js
@@ -0,0 +1,48 @@
+import { Dom7 } from 'framework7'
+import { LocalStorage } from "../../utils/LocalStorage";
+
+class ThemesController {
+    constructor() {
+        this.themes_map = {
+            dark : {
+                id: 'theme-dark',
+                type:'dark'
+            },
+            light: {
+                id: 'theme-light',
+                type: 'light'
+            }};
+
+        const obj = LocalStorage.getItem("ui-theme");
+        let theme = this.themes_map.light;
+        if ( !!obj )
+            theme = this.themes_map[JSON.parse(obj).type];
+        else
+        if ( window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches ) {
+            theme = this.themes_map['dark'];
+            LocalStorage.setItem("ui-theme", JSON.stringify(theme));
+        }
+
+        const $$ = Dom7;
+        const $body = $$('body');
+        $body.attr('class') && $body.attr('class',  $body.attr('class').replace(/\s?theme-type-(?:dark|light)/, ''));
+        $body.addClass(`theme-type-${theme.type}`);
+    }
+
+    get isCurrentDark() {
+        const obj = LocalStorage.getItem("ui-theme");
+        return !!obj ? JSON.parse(obj).type === 'dark' : false;
+    }
+
+    switchDarkTheme(dark) {
+        const theme = this.themes_map[dark ? 'dark' : 'light'];
+        LocalStorage.setItem("ui-theme", JSON.stringify(theme));
+
+        const $body = $$('body');
+        $body.attr('class') && $body.attr('class',  $body.attr('class').replace(/\s?theme-type-(?:dark|light)/, ''));
+        $body.addClass(`theme-type-${theme.type}`);
+    }
+}
+
+const themes = new ThemesController()
+export {themes as Themes}
\ No newline at end of file
diff --git a/apps/common/mobile/resources/less/_mixins.less b/apps/common/mobile/resources/less/_mixins.less
index 139fa586b..4378affb1 100644
--- a/apps/common/mobile/resources/less/_mixins.less
+++ b/apps/common/mobile/resources/less/_mixins.less
@@ -1,8 +1,10 @@
 // Encoded SVG Background
-.encoded-svg-mask(@svg, @color: @themeColor) {
+.encoded-svg-mask(@svg, @color: @brandColor) {
   @url: `encodeURIComponent(@{svg})`;
   background-color: @color;
   -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,@{url}");
+  -webkit-mask-size: contain;
+  -webkit-mask-repeat: round;
 }
 
 .encoded-svg-uncolored-mask(@svg) {
diff --git a/apps/common/mobile/resources/less/about.less b/apps/common/mobile/resources/less/about.less
index 3072fb575..557eabaf8 100644
--- a/apps/common/mobile/resources/less/about.less
+++ b/apps/common/mobile/resources/less/about.less
@@ -1,4 +1,4 @@
-@text-normal: #000;
+// @text-normal: #000;
 // @common-image-about-path - defined in webpack config
 
 .about {
@@ -14,13 +14,14 @@
         margin: 0 auto 15px;
 
         a {
-            color: @text-normal;
+            // color: @text-normal;
         }
     }
 
     h3 {
         font-weight: normal;
         margin: 0;
+        color: @text-secondary;
 
         &.vendor {
             color: @text-normal;
@@ -30,13 +31,27 @@
     }
 
     p > label {
+        color: @text-normal;
         margin-right: 5px;
+        color: @text-secondary;
     }
 
     .logo {
-          display: inline-block;
-          width: 100%;
-          height: 55px;
-          background: ~"url(@{common-image-about-path}/logo_s.svg) no-repeat center";
+        display: inline-block;
+        width: 100%;
+        height: 55px;
+        background: ~"url(@{common-image-about-path}/logo_s.svg) no-repeat center";
     }
+
+    .theme-type-dark {
+        .about .logo {
+            background: ~"url(@{common-image-about-path}/logo-white_s.svg) no-repeat center";
+        }
+    } 
 }
+
+.theme-type-dark {
+    .about .logo {
+        background: ~"url(@{common-image-about-path}/logo-white_s.svg) no-repeat center";
+    }
+}
\ No newline at end of file
diff --git a/apps/common/mobile/resources/less/collaboration.less b/apps/common/mobile/resources/less/collaboration.less
index eb0265178..af591d3e0 100644
--- a/apps/common/mobile/resources/less/collaboration.less
+++ b/apps/common/mobile/resources/less/collaboration.less
@@ -1,8 +1,6 @@
 .page.page-users {
-    background-color: @white;
     .block-title {
         text-transform: none;
-        color: @black;
         margin-top: 20px;
         margin-bottom: 20px;
         font-size: 17px;
@@ -15,7 +13,7 @@
         text-align: center;
         border-radius: 50px;
         line-height: 40px;
-        color: @white;
+        color: @fill-white;
         font-size: 18px;
     }
 }
\ No newline at end of file
diff --git a/apps/common/mobile/resources/less/colors-table-dark.less b/apps/common/mobile/resources/less/colors-table-dark.less
index f2c790eff..51062c360 100644
--- a/apps/common/mobile/resources/less/colors-table-dark.less
+++ b/apps/common/mobile/resources/less/colors-table-dark.less
@@ -6,6 +6,7 @@
         --background-secondary: #333;
         --background-tertiary: #131313;
         --background-menu-divider: fade(#545458, 65%);
+        --background-button: #333333;
 
         --text-normal: fade(#FFF, 87%);
         --text-secondary: fade(#FFF, 60%);
@@ -18,7 +19,7 @@
 
         --brand-word: #208BFF;
         --brand-cell: #34C759;
-        --brand-slide: #FF4A31;
+        --brand-slide: #FE8C33;
         --brand-primary: #3E9CF0;
         --brand-secondary: #FFAF49;
         --brand-text-on-brand: #000;
@@ -29,5 +30,15 @@
         --toolbar-tab-normal: #757575;
 
         --component-disabled-opacity: .4;
+
+        --image-border-types-filter: invert(100%) brightness(4);
+
+        --canvas-content-background: #fff;
+        
+        --active-opacity-word: fade(#446995, 20%);
+        --active-opacity-slide: fade(#AA5252, 20%);
+        --active-opacity-cell: fade(#40865C, 20%);
+
+        --image-border-types-filter: invert(100%) brightness(4);
     }
 }
\ No newline at end of file
diff --git a/apps/common/mobile/resources/less/colors-table.less b/apps/common/mobile/resources/less/colors-table.less
index 5addf7759..739b351c6 100644
--- a/apps/common/mobile/resources/less/colors-table.less
+++ b/apps/common/mobile/resources/less/colors-table.less
@@ -11,6 +11,7 @@
     --background-secondary: #FFF;
     --background-tertiary: #EFF0F5;
     --background-menu-divider: fade(#3C3C43, 36%);
+    --background-button: #EFF0F5;
 
     --text-normal: #000000;
     --text-secondary: fade(#000, 60%);
@@ -27,6 +28,14 @@
     --toolbar-tab-normal:fade(#FFF, 50%);
 
     --component-disabled-opacity: .4;
+
+    --canvas-content-background: #fff;
+
+    --active-opacity-word: fade(#446995, 30%);
+    --active-opacity-slide: fade(#AA5252, 30%);
+    --active-opacity-cell: fade(#40865C, 30%);
+
+    --image-border-types-filter: none;
 }
 
 @brand-word: var(--brand-word);
@@ -40,6 +49,7 @@
 @background-secondary: var(--background-secondary);
 @background-tertiary: var(--background-tertiary);
 @background-menu-divider: var(--background-menu-divider);
+@background-button: var(--background-button);
 
 @text-normal: var(--text-normal);
 @text-secondary: var(--text-secondary);
@@ -50,7 +60,6 @@
 @fill-black: var(--fill-black);
 @fill-white: var(--fill-white);
 
-@toolbar-background: var(--toolbar-background);
 @toolbar-icons: var(--toolbar-icons);
 @toolbar-segment: var(--toolbar-segment);
 @toolbar-tab-normal: var(--toolbar-tab-normal);
diff --git a/apps/common/mobile/resources/less/comments.less b/apps/common/mobile/resources/less/comments.less
index 40d30d9ce..9dc7945cb 100644
--- a/apps/common/mobile/resources/less/comments.less
+++ b/apps/common/mobile/resources/less/comments.less
@@ -1,5 +1,5 @@
 @comment-date: #6d6d72;
-@swipe-icon: rgba(0, 0, 0, 0.12);
+@swipe-icon: #E5E5E5;
 
 @import './ios/comments';
 @import './material/comments';
@@ -9,6 +9,7 @@
   .name {
     font-weight: 600;
     font-size: 16px;
+    color: @text-normal;
   }
   .wrap-textarea {
     margin-top: 6px;
@@ -20,6 +21,7 @@
       margin-top: 0;
       height: 100%;
       padding: 5px 0;
+      color: @text-normal;
     }
   }
 }
@@ -36,7 +38,7 @@
         }
         .wrap-textarea {
           textarea {
-            color: @black;
+            color: @text-normal;
             width: 100%;
           }
         }
@@ -75,26 +77,26 @@
   .user-name {
     font-size: 16px;
     line-height: 22px;
-    color: @black;
+    color: @text-normal;
     margin: 0;
     font-weight: 700;
   }
   .comment-date, .reply-date {
     font-size: 12px;
     line-height: 18px;
-    color: @comment-date;
+    color: @text-secondary;
     margin: 0;
   }
   .comment-quote {
-    color: @themeColor;
-    border-left: 1px solid @themeColor;
+    color: @text-secondary;
+    border-left: 1px solid @text-secondary;
     padding-left: 10px;
     padding-right: 16px;
     margin: 5px 0;
     font-size: 14px;
   }
   .comment-text, .reply-text {
-    color: @black;
+    color: @text-normal;
     font-size: 14px;
     line-height: 25px;
     margin: 0;
@@ -116,7 +118,7 @@
 }
 
 #view-comment-sheet {
-  background-color: @white;
+  background-color: @fill-white;
   border-top-left-radius: 4px;
   border-top-right-radius: 4px;
   height: 45%;
@@ -130,11 +132,12 @@
     display: flex;
     justify-content: center;
     height: 40px;
+    background-color: @background-primary;
     .icon-swipe {
       margin-top: 8px;
       width: 40px;
       height: 4px;
-      background: @swipe-icon;
+      background: @background-menu-divider;
       border-radius: 2px;
     }
   }
@@ -143,10 +146,10 @@
 #view-comment-popover, #view-comment-sheet {
   .toolbar {
     position: fixed;
-    background-color: @white;
+    background-color: @background-primary;
     box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2), 0px 4px 5px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14);
     .link {
-      --f7-toolbar-link-color: @themeColor;
+      --f7-toolbar-link-color: @brandColor;
     }
     .toolbar-inner {
       padding: 0 16px;
@@ -168,7 +171,7 @@
 }
 
 #view-comment-popover {
-  background-color: @white;
+  background-color: @background-primary;
   .pages {
     position: absolute;
   }
@@ -197,7 +200,7 @@
 .page-current-comment {
   position: relative;
   .page-content {
-    background-color: @white;
+    background-color: @background-primary;
   }
   .comment-list {
     ul {
@@ -227,6 +230,7 @@
 .no-comments {
   text-align: center;
   margin-top: 35px;
+  color: @text-normal;
 }
 
 .actions-modal.modal-in {
diff --git a/apps/common/mobile/resources/less/common-ios.less b/apps/common/mobile/resources/less/common-ios.less
index 324c03a27..871ef2973 100644
--- a/apps/common/mobile/resources/less/common-ios.less
+++ b/apps/common/mobile/resources/less/common-ios.less
@@ -1,29 +1,56 @@
 
-.device-ios {
+.device-ios .app-layout {
     @blockTitleColor: #6d6d72;
     @item-border-color: #c8c7cc;
-    --f7-list-item-border-color: @item-border-color;
     @darkGreen: #40865c;
+    @text-normal: var(--text-normal);
 
-    --f7-navbar-link-color: @themeColor;
-    --f7-subnavbar-link-color: @themeColor;
-    --f7-navbar-text-color: @black;
+    --f7-navbar-link-color: @brandColor;
+    --f7-subnavbar-link-color: @brandColor;
+    --f7-navbar-text-color: @text-normal;
     --f7-navbar-title-line-height: 44px;
     --f7-navbar-link-line-height: 44px;
     --f7-navbar-title-font-size: 17px;
 
-    --f7-list-bg-color: @white;
-    --f7-navbar-bg-color: #f7f7f8;
+    --f7-list-bg-color: @background-primary;
+    --f7-navbar-bg-color: @toolbar-background;
 
-    --f7-tabbar-link-inactive-color: @themeColor;
+    --f7-tabbar-link-inactive-color: @toolbar-segment;
 
-    --f7-radio-active-color: @themeColor;
-    --f7-toggle-active-color: @themeColor;
-    --f7-range-bar-active-bg-color: @themeColor;
+    --f7-radio-active-color: @brandColor;
+    --f7-toggle-active-color: @brandColor;
+    --f7-range-bar-active-bg-color: @brandColor;
 
-    --f7-list-button-text-color: @themeColor;
+    --f7-list-button-text-color: @brandColor;
 
-    --f7-dialog-button-text-color: @themeColor;
+    --f7-list-item-border-color: @background-menu-divider;
+
+    --f7-page-bg-color: @background-tertiary;
+    --f7-list-item-title-text-color: @text-normal;
+    --f7-list-item-text-text-color: @text-normal;
+    --f7-list-item-subtitle-text-color: @text-secondary;
+    --f7-label-text-color: @text-normal;
+    --f7-list-item-after-text-color: @text-normal;
+    --f7-input-text-color: @text-normal;
+    --f7-block-title-text-color: @text-secondary;
+    --f7-input-placeholder-color: @text-secondary;
+
+    --f7-list-chevron-icon-color: @text-tertiary;
+    --f7-searchbar-search-icon-color: @text-tertiary;
+    --f7-searchbar-input-clear-button-color: @text-tertiary;
+
+    --f7-toggle-inactive-color: @background-menu-divider;
+    --f7-toggle-border-color: @background-menu-divider;
+    --f7-actions-button-border-color: @background-menu-divider;
+    --f7-popover-bg-color: @background-primary;
+    --f7-dialog-bg-color-rgb: @background-secondary;
+    --f7-dialog-title-text-color: @text-normal;
+    --f7-dialog-text-color: @text-normal;
+    --f7-dialog-button-text-color: @brandColor;
+    --f7-dialog-border-divider-color: @background-menu-divider;
+
+    --f7-subnavbar-border-color: @background-menu-divider;
+    --f7-list-border-color: @background-menu-divider;
 
     // Main Toolbar
     #editor-navbar.navbar .right a + a,
@@ -31,13 +58,14 @@
         margin-left: 0;
     }
 
-    .navbar, .subnavbar {
+    .navbar, .navbar-bg, .subnavbar {
         a.btn-doc-back {
             width: 22px;
         }
         background-color: var(--f7-navbar-bg-color);
         .title {
             font-weight: 600;
+            color: @text-normal;
         }
         .navbar-inner, .subnavbar-inner {
             z-index: auto;
@@ -50,6 +78,12 @@
         }
     }
 
+    .subnavbar {
+        .icon-back {
+            color: @brandColor;
+        }
+    }
+
     .popover__titled {
         .list {
             ul {
@@ -138,6 +172,7 @@
                 width: 100%;
                 margin-top: 10px;
                 padding:  0 5px;
+                background: none;
             }
             &:first-child li:first-child, &:last-child li:last-child {
                 border-radius: 0;
@@ -172,7 +207,7 @@
             .thumb {
                 width: 100%;
                 height: 100%;
-                background-color: @white;
+                background-color: @fill-white;
                 background-size: cover;
 
                 label {
@@ -208,6 +243,9 @@
     }
 
     .list {
+        li {
+            color: @text-normal;
+        }
         .item-content {
             .color-preview {
                 width: 22px;
@@ -239,9 +277,11 @@
             }
         }
         .item-inner {
+            color: @text-normal;
             padding-top: 7px;
+            color: @text-normal;
             .item-after {
-                color: @black;
+                color: @text-normal;
                 .after-start {
                     margin: 0 5px;
                 }
@@ -268,6 +308,11 @@
                         display: flex;
                         align-items: center;
                         justify-content: center;
+                        &.active {
+                            color: @brandColor;
+                            // background-color: var(--button-active-opacity);
+                            background-color: @button-active-opacity;
+                        }
                     }
                 }
             }
@@ -289,7 +334,7 @@
             position: relative;
             overflow: hidden;
             -webkit-box-flex: 1;
-            border: 1px solid @themeColor;
+            border: 1px solid @toolbar-segment;
             text-decoration: none;
             text-align: center;
             margin: 0;
@@ -302,6 +347,7 @@
             cursor: pointer;
             outline: 0;
             font-weight: 600;
+            color: @brandColor;
             &:first-child {
                 border-radius: 5px 0 0 5px;
                 border-left-width: 1px;
@@ -311,19 +357,24 @@
                 border-radius: 0 5px 5px 0;
             }
             &.tab-link-active {
-                background: @themeColor;
-                color: @white;
+                // background: @brandColor;
+                // color: @fill-white;
+                background: @toolbar-segment;
+                color: @brand-text-on-brand;
+                i.icon {
+                    background-color: @brand-text-on-brand;
+                }
             }
         }
     }
 
     .button {
-        border: 1px solid @themeColor;
-        color: @themeColor;
+        border: 1px solid @brandColor;
+        color: @brandColor;
         text-decoration: none;
         text-align: center;
         display: block;
-        border-radius: 5px;
+        // border-radius: 5px;
         line-height: 27px;
         box-sizing: border-box;
         background: 0 0;
@@ -339,22 +390,22 @@
         cursor: pointer;
         outline: 0;
         &.active {
-            background: @themeColor;
-            color: @white;
+            background: @brandColor;
+            color: @fill-white;
             i.icon {
-                background-color: @white;
+                background-color: @fill-white;
             }
         }
     }
 
     .button-fill {
-        color: @themeColor;
-        background-color: @white;
+        color: @brandColor;
+        background-color: @background-primary;
     }
 
     .button-red {
-        color: @red;
-        background-color: @white;
+        color: @text-error;
+        background-color: @background-primary;
     }
 
     .buttons-list {
@@ -371,7 +422,7 @@
     }
 
     .button-red .list-button {
-        color: red;
+        color: @text-error;
     }
 
     .list-button {
@@ -393,12 +444,12 @@
 
     .shapes {
         .page-content {
-            background: @white;
+            background: @fill-white;
         }
     }
 
     .dialog {
-        background-color: rgba(var(--f7-dialog-bg-color-rgb), 1);
+        background-color: var(--f7-dialog-bg-color-rgb);
     }
 
     #color-picker {
@@ -424,7 +475,7 @@
 
     .dataview, #add-table, #add-shape, #add-slide, #add-chart {
         &.page-content, .page-content {
-            background-color: @white;
+            background-color: @background-tertiary;
         }
     }
 
@@ -466,7 +517,7 @@
             height: 28px;
         }
         .buttons-row-replace a {
-            color: @themeColor;
+            color: @brandColor;
         }
     }
 
@@ -479,12 +530,15 @@
         appearance: none;
         border-radius: 5px;
         font-family: inherit;
-        color: @black;
+        color: @text-normal;
         font-size: 14px;
         font-weight: 400;
         padding: 0 8px;
-        background-color: @white;
+        background-color: @background-button;
         padding: 0 28px;
+        &::placeholder {
+            color: @text-tertiary;
+        }
     }
 
     .searchbar-inner {
@@ -549,14 +603,15 @@
     }
 
     .actions-button {
-        background: rgba(255,255,255,.95);
+        background: @background-secondary;
+        --f7-actions-button-border-color: @background-menu-divider;
     }
     
     .actions-button-text {
         height: 57px;
         line-height: 57px;
         font-size: 20px;
-        color: @themeColor;
+        color: @text-normal;
         white-space: normal;
         text-overflow: ellipsis;
     }
@@ -588,6 +643,12 @@
             padding-left: 0;
         }
     }
+
+    // Toggle Icon 
+
+    .toggle-icon {
+        background: transparent;
+    }
 }
 
 
diff --git a/apps/common/mobile/resources/less/common-material.less b/apps/common/mobile/resources/less/common-material.less
index f2ef4e368..da9496959 100644
--- a/apps/common/mobile/resources/less/common-material.less
+++ b/apps/common/mobile/resources/less/common-material.less
@@ -1,36 +1,46 @@
 
-.device-android {
+.device-android .app-layout {
     @tabLinkColor: rgba(255,255,255,.7);
     @red: #f44336;
     @white: #fff;
     @darkGreen: #40865c;
     @darkGrey: #757575;
+    @text-normal: var(--text-normal);
+    @brand-text-on-brand: var(--brand-text-on-brand);
 
     @touchColor: rgba(255,255,255,0.1);
 
     --f7-navbar-shadow-image: none;
+    --f7-theme-color: @brandColor;
 
-    --f7-theme-color: @themeColor;
-
-    --f7-navbar-bg-color: @themeColor;
-    --f7-navbar-link-color: @navBarIconColor;
-    --f7-navbar-text-color: @navBarIconColor;
+    --f7-navbar-bg-color: @toolbar-background;
+    --f7-navbar-link-color: @fill-white;
+    --f7-navbar-text-color: @fill-white;
     --f7-navbar-height: 56px;
 
-    --f7-subnavbar-bg-color: @themeColor;
-    --f7-subnavbar-link-color: @navBarIconColor;
-    --f7-subnavbar-text-color: @navBarIconColor;
+    --f7-subnavbar-bg-color: @toolbar-background;
+    --f7-subnavbar-link-color: @toolbar-icons;
+    --f7-subnavbar-text-color: @fill-white;
     --f7-subnavbar-height: 56px;
 
-    --f7-radio-active-color: @themeColor;
-    --f7-toggle-active-color: @themeColor;
-    --f7-range-bar-active-bg-color: @themeColor;
-    --f7-range-knob-color: @themeColor;
+    --f7-radio-active-color: @brandColor;
+    --f7-toggle-active-color: @brandColor;
+    --f7-range-bar-active-bg-color: @brandColor;
+    --f7-range-knob-color: @brandColor;
     --f7-range-knob-size: 16px;
 
     --f7-link-highlight-color: transparent;
     --f7-link-touch-ripple-color: @touchColor;
 
+    --f7-actions-bg-color: @background-secondary;
+    --f7-actions-button-border-color: @background-menu-divider;
+    --f7-popover-bg-color: @background-secondary;
+
+    --f7-dialog-bg-color: @background-secondary;
+    --f7-dialog-text-color: @text-secondary;
+    --f7-dialog-title-text-color: @text-normal;
+    --f7-dialog-button-text-color: @brandColor;
+
     .button {
         --f7-touch-ripple-color: transparent;
     }
@@ -41,10 +51,8 @@
         }
     }
 
-    --f7-input-focused-border-color: @themeColor;
-    --f7-label-focused-text-color: @themeColor;
-
-    --f7-dialog-button-text-color: @themeColor;
+    --f7-input-focused-border-color: @brandColor;
+    --f7-label-focused-text-color: @brandColor;
 
     .navbar {
         --f7-touch-ripple-color: @touchColor;
@@ -67,6 +75,26 @@
         }
     }
 
+    .page {
+        --f7-text-color: @text-normal;
+        --f7-list-item-title-text-color: @text-normal;
+        --f7-list-item-text-text-color: @text-normal;
+        --f7-list-item-subtitle-text-color: @text-secondary;
+        --f7-block-title-text-color: @text-secondary;
+        --f7-input-placeholder-color: @text-secondary;
+        --f7-label-text-color: @text-normal;
+        --f7-page-bg-color: @background-tertiary;
+        --f7-list-bg-color: @background-primary;
+        --f7-list-item-border-color: @background-menu-divider;
+        --f7-list-chevron-icon-color: @text-tertiary;
+        --f7-toggle-inactive-color: @background-menu-divider;
+        --f7-toggle-border-color: @background-menu-divider;
+        --f7-actions-button-text-color: @text-normal;
+        --f7-input-text-color: @text-normal;
+        --f7-subnavbar-border-color: @background-menu-divider;
+        --f7-list-border-color: @background-menu-divider;
+    }
+
     .add-popup {
         .view{
             .block-title{
@@ -94,16 +122,19 @@
             margin-left: 0;
             border-radius: 0;
             height: 32px;
+            i.icon-expand-down {
+                background: @brandColor;
+            }
         }
         label {
-            color: @black;
+            color: @text-normal;
             margin: 0 5px;
             line-height: 32px;
         }
     }
     .button {
-        --f7-button-text-color: @themeColor;
-        color: @themeColor;
+        --f7-button-text-color: @brandColor;
+        color: @brandColor;
         text-align: center;
         display: block;
         border-radius: 2px;
@@ -131,8 +162,7 @@
     }
 
     .button-fill {
-        color: @white;
-        // background-color: @themeColor;
+        color: @brand-text-on-brand;
         background-color: transparent;
     }
 
@@ -141,18 +171,19 @@
     }
 
     .button-red {
-        color: @white;
-        background-color: @red;
+        color: @brand-text-on-brand;
+        background-color: @text-error;
     }
 
     .buttons-list {
         ul {
+            background-color: @background-tertiary;
             &::before, &::after {
                 display: none;
             }
             li {
                 margin: 20px 16px;
-                color: @white;
+                color: @fill-white;
                 border-radius: 2px;
                 text-transform: uppercase;
                 height: 36px;
@@ -168,8 +199,8 @@
         }
     }
     .button-fill .list-button {
-        background-color: @themeColor;
-        color: @white;
+        background-color: @brandColor;
+        color: @brand-text-on-brand;
         height: 36px;
         text-align: center;
         line-height: 36px;
@@ -184,7 +215,7 @@
         box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
     }
     .button-red .list-button {
-        background-color: @red;
+        background-color: @text-error;
     }
     // Tabs
     .tab-buttons {
@@ -208,14 +239,15 @@
                 opacity: 0.5;
             }
             &.tab-link-active {
-                color: @white;
+                color: @fill-white;
                 i.icon {
                     opacity: 1;
+                    background-color: @fill-white;
                 }
             }
         }
         .tab-link-highlight {
-            --f7-tabbar-link-active-border-color: rgba(255,255,255,0.5);
+            --f7-tabbar-link-active-border-color: @toolbar-icons;
             position: absolute;
             left: 0;
             bottom: 0;
@@ -224,6 +256,12 @@
     }
     // List
     .list {
+        li {
+            color: @text-normal;
+        }
+        .item-inner {
+            color: @text-normal;
+        }
         li.no-indicator {
             .item-link {
                 .item-inner{
@@ -237,7 +275,7 @@
         .item-link {
             .item-inner {
                 .item-after {
-                    color: @black;
+                    color: @text-normal;
                 }
             }
         }
@@ -280,11 +318,12 @@
                                 margin-left: 0;
                             }
                             &.active {
-                                color: @white;
-                                background-color: @themeColor;
-                                i.icon {
-                                    background-color: @white;
-                                }
+                                color: @brandColor;
+                                // background-color: var(--button-active-opacity);
+                                background-color: @button-active-opacity;
+                                // i.icon {
+                                //     background-color: @white;
+                                // }
                             }
                         }
                     }
@@ -298,6 +337,7 @@
                 border-radius: 4px;
                 margin-top: -3px;
                 box-shadow: 0 0 0 1px rgba(0, 0, 0, .15) inset;
+                background: @fill-white;
                 &.auto {
                     background-color: @autoColor;
                 }
@@ -311,6 +351,7 @@
         .list{
             margin: 5px;
             ul {
+                background: none;
                 &:before, &:after {
                     display: none;
                 }
@@ -350,7 +391,7 @@
             .thumb {
                 width: 100%;
                 height: 100%;
-                background-color: @white;
+                background-color: @fill-white;
                 background-size: cover;
 
                 label {
@@ -377,7 +418,7 @@
     #color-picker {
         .right-block {
             .button-round {
-                background-color: @themeColor;
+                background-color: @brandColor;
             }
         }
     }
@@ -429,7 +470,7 @@
         height: 18px;
         margin-top: -8px;
         &:after {
-            color: @white;
+            color: @fill-white;
             font-size: 19px;
             line-height: 19px;
         }
@@ -437,7 +478,7 @@
 
     .searchbar-icon {
         &:after {
-            color: @white;
+            color: @fill-white;
             font-size: 19px;
         }
     }
@@ -450,11 +491,11 @@
         appearance: none;
         border-radius: 0;
         font-family: inherit;
-        color: @white;
+        color: @fill-white;
         font-size: 16px;
         font-weight: 400;
         padding: 0;
-        border-bottom: 1px solid @white;
+        border-bottom: 1px solid @fill-white;
         height: 100%;
         padding: 0 36px 0 24px;
         background-color: transparent;
@@ -467,7 +508,7 @@
     }
 
     .searchbar input[type=search]::placeholder {
-        color: @white;
+        color: @fill-white;
     }
 
     .navbar {
@@ -490,12 +531,17 @@
         a.link {
             padding: 0 16px;
         }
+        a.link.searchbar-enable {
+            i.icon-search {
+                background-color: @toolbar-icons;
+            }
+        }
         a.icon-only {
             width: auto;
             height: 56px;
         }
         .buttons-row-replace a {
-            color: @white;
+            color: @fill-white;
             padding: 0;
         }
         .searchbar .buttons-row {
@@ -517,7 +563,9 @@
         cursor: pointer;
         line-height: 48px;
         font-size: 16px;
-        color: rgba(0,0,0,.87);
+        // color: rgba(0,0,0,.87);
+        color: @text-normal;
+        // color: var(--f7-actions-button-text-color, );
     }
 
     @media (min-width: 496px) {
diff --git a/apps/common/mobile/resources/less/common.less b/apps/common/mobile/resources/less/common.less
index 8806ec6f1..d1d3b0c81 100644
--- a/apps/common/mobile/resources/less/common.less
+++ b/apps/common/mobile/resources/less/common.less
@@ -48,6 +48,9 @@
     .subnavbar-inner {
         padding: 0;
     }
+    .icon-back {
+        color: @toolbar-icons;
+    }
 }
 
 .page.page-with-subnavbar {
@@ -92,6 +95,9 @@
         max-height: initial;
         -webkit-line-clamp: initial;
     }
+    .font-item img {
+        filter: var(--image-border-types-filter, none)
+    }
 }
 
 .shapes {
@@ -103,7 +109,7 @@
         .thumb {
             width: 100%;
             height: 100%;
-            background-color: @themeColor;
+            background-color: @brandColor;
         }
     }
 }
@@ -149,7 +155,7 @@
     .content-block {
         margin: 0 auto 15px;
         a {
-            color: @black;
+            color: @text-normal;
         }
     }
 }
@@ -166,7 +172,7 @@
 .color-schemes-menu {
     cursor: pointer;
     display: block;
-    background-color: @white;
+    // background-color: @white;
     .item-inner {
         justify-content: flex-start;
     }
@@ -181,7 +187,7 @@
     }
     .item-title {
         margin-left: 20px;
-        color: #212121;
+        color: @text-normal;
     }
 }
 
@@ -224,7 +230,7 @@
         bottom: 0;
         z-index: 1;
         background-repeat: no-repeat;
-        .encoded-svg-background('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 22 22" fill="#aa5252"><g><circle fill="#fff" cx="11" cy="11" r="11"/><path d="M11,21A10,10,0,1,1,21,11,10,10,0,0,1,11,21h0ZM17.4,7.32L17.06,7a0.48,0.48,0,0,0-.67,0l-7,6.84L6.95,11.24a0.51,0.51,0,0,0-.59.08L6,11.66a0.58,0.58,0,0,0,0,.65l3.19,3.35a0.38,0.38,0,0,0,.39,0L17.4,8a0.48,0.48,0,0,0,0-.67h0Z"/></g></svg>');
+        .encoded-svg-mask('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 22 22" fill="@{brandColor}"><g><circle fill="transparent" cx="11" cy="11" r="11"/><path d="M11,21A10,10,0,1,1,21,11,10,10,0,0,1,11,21h0ZM17.4,7.32L17.06,7a0.48,0.48,0,0,0-.67,0l-7,6.84L6.95,11.24a0.51,0.51,0,0,0-.59.08L6,11.66a0.58,0.58,0,0,0,0,.65l3.19,3.35a0.38,0.38,0,0,0,.39,0L17.4,8a0.48,0.48,0,0,0,0-.67h0Z"/></g></svg>');
     }
     .active .item-inner:before {
         opacity: 1;
@@ -268,7 +274,7 @@
         right: -5px;
         bottom: -5px;
         z-index: 1;
-        .encoded-svg-background('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 22 22" fill="#aa5252"><g><circle fill="#fff" cx="11" cy="11" r="11"/><path d="M11,21A10,10,0,1,1,21,11,10,10,0,0,1,11,21h0ZM17.4,7.32L17.06,7a0.48,0.48,0,0,0-.67,0l-7,6.84L6.95,11.24a0.51,0.51,0,0,0-.59.08L6,11.66a0.58,0.58,0,0,0,0,.65l3.19,3.35a0.38,0.38,0,0,0,.39,0L17.4,8a0.48,0.48,0,0,0,0-.67h0Z"/></g></svg>');
+        .encoded-svg-mask('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 22 22" fill="@{brandColor}"><g><circle fill="transparent" cx="11" cy="11" r="11"/><path d="M11,21A10,10,0,1,1,21,11,10,10,0,0,1,11,21h0ZM17.4,7.32L17.06,7a0.48,0.48,0,0,0-.67,0l-7,6.84L6.95,11.24a0.51,0.51,0,0,0-.59.08L6,11.66a0.58,0.58,0,0,0,0,.65l3.19,3.35a0.38,0.38,0,0,0,.39,0L17.4,8a0.48,0.48,0,0,0,0-.67h0Z"/></g></svg>');
     }
 }
 
@@ -379,7 +385,7 @@
     }
     &.active {
         .color-auto {
-            box-shadow: 0 0 0 1px @white, 0 0 0 4px @themeColor;
+            box-shadow: 0 0 0 1px @white, 0 0 0 4px @brandColor;
             border-radius: 1px;
         }
     }
@@ -404,7 +410,7 @@
                             position: absolute;
                             width: 100%;
                             height: 100%;
-                            box-shadow: 0 0 0 1px @white, 0 0 0 4px @themeColor;
+                            box-shadow: 0 0 0 1px @white, 0 0 0 4px @brandColor;
                             z-index: 1;
                             border-radius: 1px;
                         }
@@ -422,6 +428,7 @@
         }
         .list .item-inner {
             display: block;
+            color: var(--text-normal);
         }
         .standart-colors, .dynamic-colors {
             .palette {
@@ -480,7 +487,7 @@
             justify-content: center;
             align-items: center;
             border-radius: 100px;
-            background-color: @white;
+            background-color: @fill-white;
             box-shadow: 0 4px 4px rgba(0,0,0,.25);
             // border-color: transparent;
             border: 0;
@@ -557,6 +564,7 @@
                         height: 100%;
                         padding: 0;
                         background-size: contain;
+                        background-color: var(--canvas-content-background);
                     }
                 }
             }
diff --git a/apps/common/mobile/resources/less/dataview.less b/apps/common/mobile/resources/less/dataview.less
index 104d04836..8ca304ead 100644
--- a/apps/common/mobile/resources/less/dataview.less
+++ b/apps/common/mobile/resources/less/dataview.less
@@ -25,7 +25,7 @@
       height: 22px;
       right: -5px;
       bottom: -5px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><circle fill="#fff" cx="11" cy="11" r="11"/><path d="M11,21A10,10,0,1,1,21,11,10,10,0,0,1,11,21h0ZM17.4,7.32L17.06,7a0.48,0.48,0,0,0-.67,0l-7,6.84L6.95,11.24a0.51,0.51,0,0,0-.59.08L6,11.66a0.58,0.58,0,0,0,0,.65l3.19,3.35a0.38,0.38,0,0,0,.39,0L17.4,8a0.48,0.48,0,0,0,0-.67h0Z"/></g></svg>');
+      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><circle fill="#fff" cx="11" cy="11" r="11"/><path d="M11,21A10,10,0,1,1,21,11,10,10,0,0,1,11,21h0ZM17.4,7.32L17.06,7a0.48,0.48,0,0,0-.67,0l-7,6.84L6.95,11.24a0.51,0.51,0,0,0-.59.08L6,11.66a0.58,0.58,0,0,0,0,.65l3.19,3.35a0.38,0.38,0,0,0,.39,0L17.4,8a0.48,0.48,0,0,0,0-.67h0Z"/></g></svg>');
     }
   }
 }
\ No newline at end of file
diff --git a/apps/common/mobile/resources/less/icons.less b/apps/common/mobile/resources/less/icons.less
index 638f99f5e..ac7a718c2 100644
--- a/apps/common/mobile/resources/less/icons.less
+++ b/apps/common/mobile/resources/less/icons.less
@@ -5,17 +5,17 @@ i.icon {
     &.icon-paste {
         width: 24px;
         height: 24px;
-        .encoded-svg-uncolored-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 2H0V20H9V24H24V7H19V2H14V3H18V7H9V19H1V3H5V2ZM10 8H23V23H10V8Z" /><path d="M5 0H14V5H5V0Z" /><path fill-rule="evenodd" clip-rule="evenodd" d="M21 12H12V11H21V12Z" /><path fill-rule="evenodd" clip-rule="evenodd" d="M21 16H12V15H21V16Z" /><path fill-rule="evenodd" clip-rule="evenodd" d="M21 20H12V19H21V20Z" /></svg>');
+        .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 2H0V20H9V24H24V7H19V2H14V3H18V7H9V19H1V3H5V2ZM10 8H23V23H10V8Z" /><path d="M5 0H14V5H5V0Z" /><path fill-rule="evenodd" clip-rule="evenodd" d="M21 12H12V11H21V12Z" /><path fill-rule="evenodd" clip-rule="evenodd" d="M21 16H12V15H21V16Z" /><path fill-rule="evenodd" clip-rule="evenodd" d="M21 20H12V19H21V20Z" /></svg>', @text-normal);
     }
     &.icon-copy {
         width: 24px;
         height: 24px;
-        .encoded-svg-uncolored-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M1 1H15V7H16V0H0V17H8V16H1V1Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M23 8H9V23H23V8ZM8 7V24H24V7H8Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13 5H3V4H13V5Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8 9H3V8H8V9Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8 13H3V12H8V13Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21 12H11V11H21V12Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21 16H11V15H21V16Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21 20H11V19H21V20Z"/></svg>');
+        .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M1 1H15V7H16V0H0V17H8V16H1V1Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M23 8H9V23H23V8ZM8 7V24H24V7H8Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13 5H3V4H13V5Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8 9H3V8H8V9Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8 13H3V12H8V13Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21 12H11V11H21V12Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21 16H11V15H21V16Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21 20H11V19H21V20Z"/></svg>', @text-normal);
     }
     &.icon-cut {
         width: 24px;
         height: 24px;
-        .encoded-svg-uncolored-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#cut)"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.22427 22.2702C4.51527 23.1269 6.52738 22.7183 7.6592 21.0127C8.79101 19.3071 8.38572 17.2943 7.09472 16.4376C5.80372 15.5809 3.79161 15.9896 2.65979 17.6952C1.52798 19.4008 1.93328 21.4136 3.22427 22.2702ZM2.67135 23.1035C4.51208 24.325 7.11827 23.6364 8.49243 21.5656C9.8666 19.4948 9.48837 16.8259 7.64764 15.6044C5.80691 14.3829 3.20072 15.0714 1.82656 17.1422C0.452398 19.2131 0.830625 21.882 2.67135 23.1035Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20.9158 22.2702C19.6248 23.1269 17.6127 22.7183 16.4809 21.0127C15.349 19.3071 15.7543 17.2943 17.0453 16.4376C18.3363 15.5809 20.3484 15.9896 21.4803 17.6952C22.6121 19.4008 22.2068 21.4136 20.9158 22.2702ZM21.4687 23.1035C19.628 24.325 17.0218 23.6364 15.6476 21.5656C14.2735 19.4948 14.6517 16.8259 16.4924 15.6044C18.3331 14.3829 20.9393 15.0714 22.3135 17.1422C23.6877 19.2131 23.3094 21.882 21.4687 23.1035Z"/><path d="M16.4924 15.6044L13.9037 12.4737L19.9552 0.675715C20.0693 0.446914 19.9552 0.172352 19.727 0.0808313C19.4416 -0.0106892 19.0993 0.0808312 18.9851 0.263872L12.0233 11.4212L5.17562 0.263872C5.06149 0.035071 4.71911 -0.0564496 4.43379 0.035071C4.14847 0.126592 4.03434 0.401153 4.14847 0.629955L10.2001 12.4279L7.64761 15.6044L9.2292 18L12.0233 13.4804L14.9108 18L16.4924 15.6044Z"/></g><defs><clipPath id="cut"><rect width="24" height="24"/></clipPath></defs></svg>');
+        .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#cut)"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.22427 22.2702C4.51527 23.1269 6.52738 22.7183 7.6592 21.0127C8.79101 19.3071 8.38572 17.2943 7.09472 16.4376C5.80372 15.5809 3.79161 15.9896 2.65979 17.6952C1.52798 19.4008 1.93328 21.4136 3.22427 22.2702ZM2.67135 23.1035C4.51208 24.325 7.11827 23.6364 8.49243 21.5656C9.8666 19.4948 9.48837 16.8259 7.64764 15.6044C5.80691 14.3829 3.20072 15.0714 1.82656 17.1422C0.452398 19.2131 0.830625 21.882 2.67135 23.1035Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20.9158 22.2702C19.6248 23.1269 17.6127 22.7183 16.4809 21.0127C15.349 19.3071 15.7543 17.2943 17.0453 16.4376C18.3363 15.5809 20.3484 15.9896 21.4803 17.6952C22.6121 19.4008 22.2068 21.4136 20.9158 22.2702ZM21.4687 23.1035C19.628 24.325 17.0218 23.6364 15.6476 21.5656C14.2735 19.4948 14.6517 16.8259 16.4924 15.6044C18.3331 14.3829 20.9393 15.0714 22.3135 17.1422C23.6877 19.2131 23.3094 21.882 21.4687 23.1035Z"/><path d="M16.4924 15.6044L13.9037 12.4737L19.9552 0.675715C20.0693 0.446914 19.9552 0.172352 19.727 0.0808313C19.4416 -0.0106892 19.0993 0.0808312 18.9851 0.263872L12.0233 11.4212L5.17562 0.263872C5.06149 0.035071 4.71911 -0.0564496 4.43379 0.035071C4.14847 0.126592 4.03434 0.401153 4.14847 0.629955L10.2001 12.4279L7.64761 15.6044L9.2292 18L12.0233 13.4804L14.9108 18L16.4924 15.6044Z"/></g><defs><clipPath id="cut"><rect width="24" height="24"/></clipPath></defs></svg>', @text-normal);
     }
     &.icon-prev:after, &.icon-next:after {
         content: none;
@@ -23,11 +23,11 @@ i.icon {
     &.icon-collaboration {
         width: 24px;
         height: 24px;
-        .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g><path fill-rule="evenodd" clip-rule="evenodd" d="M15.9912 6C15.9912 8.34102 15.4074 10.1346 14.6055 11.3121C13.7983 12.4974 12.8249 13 11.9912 13C11.1575 13 10.1841 12.4974 9.37695 11.3121C8.57501 10.1346 7.99121 8.34102 7.99121 6C7.99121 3.61508 9.96974 2 11.9912 2C14.0127 2 15.9912 3.61508 15.9912 6ZM14.5015 12.9506C13.7365 13.6361 12.8649 14 11.9912 14C11.1195 14 10.2499 13.6378 9.48619 12.9554C7.78363 13.6081 6.36015 14.2591 5.26963 14.9224C3.55256 15.9667 3 16.8326 3 17.5C3 18.2545 3.4257 19.0877 4.82302 19.7879C6.25015 20.5031 8.57272 20.9999 12 21C15.4273 21 17.7499 20.5031 19.177 19.7879C20.5743 19.0877 21 18.2545 21 17.5C21 16.8326 20.4474 15.9667 18.7304 14.9224C17.6372 14.2575 16.2095 13.605 14.5015 12.9506ZM15.2272 12.1594C16.2765 10.7825 16.9912 8.67814 16.9912 6C16.9912 3 14.5 1 11.9912 1C9.48242 1 6.99121 3 6.99121 6C6.99121 8.68159 7.70777 10.7879 8.75931 12.1647C4.60309 13.7964 2 15.4951 2 17.5C2 19.9852 5 21.9999 12 22C19 22 22 19.9852 22 17.5C22 15.4929 19.3913 13.7927 15.2272 12.1594Z" fill="@{themeColor}"/></g></svg>');
+        .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g><path fill-rule="evenodd" clip-rule="evenodd" d="M15.9912 6C15.9912 8.34102 15.4074 10.1346 14.6055 11.3121C13.7983 12.4974 12.8249 13 11.9912 13C11.1575 13 10.1841 12.4974 9.37695 11.3121C8.57501 10.1346 7.99121 8.34102 7.99121 6C7.99121 3.61508 9.96974 2 11.9912 2C14.0127 2 15.9912 3.61508 15.9912 6ZM14.5015 12.9506C13.7365 13.6361 12.8649 14 11.9912 14C11.1195 14 10.2499 13.6378 9.48619 12.9554C7.78363 13.6081 6.36015 14.2591 5.26963 14.9224C3.55256 15.9667 3 16.8326 3 17.5C3 18.2545 3.4257 19.0877 4.82302 19.7879C6.25015 20.5031 8.57272 20.9999 12 21C15.4273 21 17.7499 20.5031 19.177 19.7879C20.5743 19.0877 21 18.2545 21 17.5C21 16.8326 20.4474 15.9667 18.7304 14.9224C17.6372 14.2575 16.2095 13.605 14.5015 12.9506ZM15.2272 12.1594C16.2765 10.7825 16.9912 8.67814 16.9912 6C16.9912 3 14.5 1 11.9912 1C9.48242 1 6.99121 3 6.99121 6C6.99121 8.68159 7.70777 10.7879 8.75931 12.1647C4.60309 13.7964 2 15.4951 2 17.5C2 19.9852 5 21.9999 12 22C19 22 22 19.9852 22 17.5C22 15.4929 19.3913 13.7927 15.2272 12.1594Z" fill="@{brandColor}"/></g></svg>');
     }
     &.icon-cancellation {
         width: 24px;
         height: 24px;
-        .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0"        style="mask-type:alpha" maskUnits="userSpaceOnUse" x="2" y="2" width="20" height="20"><circle cx="12" cy="12" r="9.5" fill="@{gray}" stroke="@{themeColor}"/></mask><g mask="url(#mask0)"><circle cx="12" cy="12" r="9.5" transform="rotate(-90 12 12)" stroke="@{themeColor}"/><line x1="5.09054" y1="19.2024" x2="19.1919" y2="5.10094" stroke="@{themeColor}"/></g></svg>');
+        .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="2" y="2" width="20" height="20"><circle cx="12" cy="12" r="9.5" fill="@{gray}" stroke="@{brandColor}"/></mask><g mask="url(#mask0)"><circle cx="12" cy="12" r="9.5" transform="rotate(-90 12 12)" stroke="@{brandColor}"/><line x1="5.09054" y1="19.2024" x2="19.1919" y2="5.10094" stroke="@{brandColor}"/></g></svg>');
     }
 }
diff --git a/apps/common/mobile/resources/less/ios/_collaboration.less b/apps/common/mobile/resources/less/ios/_collaboration.less
index d958e12f4..e55a265a7 100644
--- a/apps/common/mobile/resources/less/ios/_collaboration.less
+++ b/apps/common/mobile/resources/less/ios/_collaboration.less
@@ -1,7 +1,7 @@
 .page-change {
-  background-color: #FFFFFF;
+  background-color: @fill-white;
   .block-description {
-    background-color: #fff;
+    background-color: @fill-white;
     padding-top: 15px;
     padding-bottom: 15px;
     margin: 0;
@@ -11,18 +11,18 @@
   #user-name {
     font-size: 17px;
     line-height: 22px;
-    color: #000000;
+    color: @fill-black;
     margin: 0;
   }
   #date-change {
     font-size: 14px;
     line-height: 18px;
-    color: #6d6d72;
+    color: @text-tertiary;
     margin: 0;
     margin-top: 3px;
   }
   #text-change {
-    color: #000000;
+    color: @fill-black;
     font-size: 15px;
     line-height: 20px;
     margin: 0;
@@ -155,19 +155,19 @@
   .user-name {
     font-size: 17px;
     line-height: 22px;
-    color: #000000;
+    color: @fill-black;
     margin: 0;
     font-weight: bold;
   }
   .comment-date, .reply-date {
     font-size: 13px;
     line-height: 18px;
-    color: #6d6d72;
+    color: @text-secondary;
     margin: 0;
     margin-top: 0px;
   }
   .comment-text, .reply-text {
-    color: #000000;
+    color: @fill-black;
     font-size: 15px;
     line-height: 25px;
     margin: 0;
@@ -205,8 +205,8 @@
     }
   }
   .comment-quote {
-    color: @themeColor;
-    border-left: 1px solid @themeColor;
+    color: @text-secondary;
+    border-left: 1px solid @text-secondary;
     padding-left: 10px;
     padding-right: 16px;
     margin: 5px 0;
@@ -233,7 +233,7 @@
 
 .container-edit-comment {
   .page {
-    background-color: #FFFFFF;
+    background-color: @fill-white;
   }
 }
 
@@ -380,10 +380,10 @@
 }
 
 #done-comment {
-  color: @themeColor;
+  color: @brandColor;
 }
 .page-add-comment {
-  background-color: #FFFFFF;
+  background-color: @fill-white;
   .wrap-comment, .wrap-reply {
     padding: 16px 24px 0 16px;
     .header-comment {
@@ -396,7 +396,7 @@
     }
     .comment-date {
       font-size: 13px;
-      color: #6d6d72;
+      color: @text-secondary;
       padding-left: 5px;
     }
     .wrap-textarea {
diff --git a/apps/common/mobile/resources/less/ios/_color-palette.less b/apps/common/mobile/resources/less/ios/_color-palette.less
index 9e868c0c1..b9c504f21 100644
--- a/apps/common/mobile/resources/less/ios/_color-palette.less
+++ b/apps/common/mobile/resources/less/ios/_color-palette.less
@@ -15,7 +15,7 @@
         position: absolute;
         width: 100%;
         height: 100%;
-        box-shadow: 0 0 0 1px white, 0 0 0 4px @themeColor;
+        box-shadow: 0 0 0 1px white, 0 0 0 4px @brandColor;
         z-index: 1;
         border-radius: 1px;
       }
@@ -166,6 +166,6 @@
 }
 
 #font-color-auto.active .color-auto {
-  box-shadow: 0 0 0 1px white, 0 0 0 4px @themeColor;
+  box-shadow: 0 0 0 1px white, 0 0 0 4px @brandColor;
   border-radius: 1px;
 }
diff --git a/apps/common/mobile/resources/less/ios/_dataview.less b/apps/common/mobile/resources/less/ios/_dataview.less
index 92b849b43..6ddb04406 100644
--- a/apps/common/mobile/resources/less/ios/_dataview.less
+++ b/apps/common/mobile/resources/less/ios/_dataview.less
@@ -29,7 +29,7 @@
       height: 22px;
       right: -5px;
       bottom: -5px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><circle fill="#fff" cx="11" cy="11" r="11"/><path d="M11,21A10,10,0,1,1,21,11,10,10,0,0,1,11,21h0ZM17.4,7.32L17.06,7a0.48,0.48,0,0,0-.67,0l-7,6.84L6.95,11.24a0.51,0.51,0,0,0-.59.08L6,11.66a0.58,0.58,0,0,0,0,.65l3.19,3.35a0.38,0.38,0,0,0,.39,0L17.4,8a0.48,0.48,0,0,0,0-.67h0Z"/></g></svg>');
+      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><circle fill="#fff" cx="11" cy="11" r="11"/><path d="M11,21A10,10,0,1,1,21,11,10,10,0,0,1,11,21h0ZM17.4,7.32L17.06,7a0.48,0.48,0,0,0-.67,0l-7,6.84L6.95,11.24a0.51,0.51,0,0,0-.59.08L6,11.66a0.58,0.58,0,0,0,0,.65l3.19,3.35a0.38,0.38,0,0,0,.39,0L17.4,8a0.48,0.48,0,0,0,0-.67h0Z"/></g></svg>');
     }
   }
 }
\ No newline at end of file
diff --git a/apps/common/mobile/resources/less/ios/_listview.less b/apps/common/mobile/resources/less/ios/_listview.less
index c1ea628bd..9a5d40fe5 100644
--- a/apps/common/mobile/resources/less/ios/_listview.less
+++ b/apps/common/mobile/resources/less/ios/_listview.less
@@ -24,10 +24,10 @@
     }
 
     input.field {
-      color: @themeColor;
+      color: @brandColor;
 
       &.placeholder-color::-webkit-input-placeholder {
-        color: @themeColor;
+        color: @brandColor;
       }
 
       &.right {
@@ -88,6 +88,6 @@
 
 .list-block {
   .item-link.list-button {
-    color: @themeColor;
+    color: @brandColor;
   }
 }
\ No newline at end of file
diff --git a/apps/common/mobile/resources/less/ios/comments.less b/apps/common/mobile/resources/less/ios/comments.less
index a00df23c6..cde7c1f88 100644
--- a/apps/common/mobile/resources/less/ios/comments.less
+++ b/apps/common/mobile/resources/less/ios/comments.less
@@ -1,6 +1,10 @@
 .device-ios {
   .wrap-comment {
     height: calc(100% - 60px);
+    background-color: @background-tertiary;
+    .comment-date {
+      color: @text-secondary;
+    }
   }
   .add-comment-popup, .add-reply-popup, .add-comment-dialog, .add-reply-dialog {
     .wrap-textarea {
diff --git a/apps/common/mobile/resources/less/ios/icons.less b/apps/common/mobile/resources/less/ios/icons.less
index 401956832..0456b303c 100644
--- a/apps/common/mobile/resources/less/ios/icons.less
+++ b/apps/common/mobile/resources/less/ios/icons.less
@@ -1,6 +1,13 @@
 // @common-image-header-path - defined in webpack config
 
 .device-ios {
+    .theme-type-dark {
+        i.icon {
+            &.icon-logo {
+                background: ~"url(@{common-image-header-path}/logo-android.svg)" no-repeat center;
+            }
+        }
+    }
     i.icon {
         &.icon_mask {
             background-color: white;
@@ -13,7 +20,7 @@
         &.icon-prev {
             width: 22px;
             height: 22px;
-            .encoded-svg-background('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M16,20.5L15,21.5L4.5,11l0,0l0,0L15,0.5L16,1.5L6.6,11L16,20.5z"/></g></svg>');
+            .encoded-svg-mask('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M16,20.5L15,21.5L4.5,11l0,0l0,0L15,0.5L16,1.5L6.6,11L16,20.5z"/></g></svg>');
             &:after {
               display: none;
             }
@@ -21,7 +28,7 @@
         &.icon-next {
             width: 22px;
             height: 22px;
-            .encoded-svg-background('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M15.5,11L6,1.5l1.1-1.1L17.5,11l0,0l0,0L7.1,21.5L6,20.5L15.5,11z"/></g></svg>');
+            .encoded-svg-mask('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M15.5,11L6,1.5l1.1-1.1L17.5,11l0,0l0,0L7.1,21.5L6,20.5L15.5,11z"/></g></svg>');
             &:after {
                 display: none;
             }
@@ -29,7 +36,7 @@
         &.icon-edit {
             width: 22px;
             height: 22px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M0,20h22v1H0V20z"/><polygon points="19.3,5.3 6.1,18.4 4.6,16.9 17.8,3.8 17.1,3.1 3.5,16.7 3,20 6.3,19.5 19.9,5.9 	"/><path d="M20.5,5.3L22,3.8c0,0-0.2-1.2-0.9-1.9C20.4,1.1,19.2,1,19.2,1l-1.5,1.5L20.5,5.3z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M0,20h22v1H0V20z"/><polygon points="19.3,5.3 6.1,18.4 4.6,16.9 17.8,3.8 17.1,3.1 3.5,16.7 3,20 6.3,19.5 19.9,5.9"/><path d="M20.5,5.3L22,3.8c0,0-0.2-1.2-0.9-1.9C20.4,1.1,19.2,1,19.2,1l-1.5,1.5L20.5,5.3z"/></g></svg>');
         }
     }
 }
diff --git a/apps/common/mobile/resources/less/material/_collaboration.less b/apps/common/mobile/resources/less/material/_collaboration.less
index 58fe43f98..2d89a7280 100644
--- a/apps/common/mobile/resources/less/material/_collaboration.less
+++ b/apps/common/mobile/resources/less/material/_collaboration.less
@@ -1,6 +1,6 @@
 .page-change {
   .block-description {
-    background-color: #fff;
+    background-color: @fill-white;
     padding-top: 15px;
     padding-bottom: 15px;
     margin: 0;
@@ -10,18 +10,18 @@
   #user-name {
     font-size: 16px;
     line-height: 22px;
-    color: #000000;
+    color: @fill-black;
     margin: 0;
   }
   #date-change {
     font-size: 14px;
     line-height: 18px;
-    color: #6d6d72;
+    color: @text-tertiary;
     margin: 0;
     margin-top: 3px;
   }
   #text-change {
-    color: #000000;
+    color: @fill-black;
     font-size: 15px;
     line-height: 20px;
     margin: 0;
@@ -152,18 +152,18 @@
   .user-name {
     font-size: 16px;
     line-height: 22px;
-    color: #000000;
+    color: @fill-black;
     margin: 0;
   }
   .comment-date, .reply-date {
     font-size: 12px;
     line-height: 18px;
-    color: #6d6d72;
+    color: @text-secondary;
     margin: 0;
     margin-top: 0px;
   }
   .comment-text, .reply-text {
-    color: #000000;
+    color: @fill-black;
     font-size: 15px;
     line-height: 25px;
     margin: 0;
@@ -185,8 +185,8 @@
     }
   }
   .comment-quote {
-    color: @themeColor;
-    border-left: 1px solid @themeColor;
+    color: @text-secondary;
+    border-left: 1px solid @text-secondary;
     padding-left: 10px;
     padding-right: 16px;
     margin: 5px 0;
@@ -291,7 +291,7 @@
     }
     a {
       &.link {
-        color: @themeColor;
+        color: @brandColor;
         font-size: 16px;
       }
     }
@@ -316,6 +316,7 @@
     display: flex;
     justify-content: center;
     height: 40px;
+    background-color: @background-primary;
     .icon-swipe {
       margin-top: 8px;
       width: 40px;
@@ -419,7 +420,7 @@
     }
     .comment-date {
       font-size: 13px;
-      color: #6d6d72;
+      color: @text-secondary;
     }
     .wrap-textarea {
       margin-top: 16px;
@@ -471,7 +472,7 @@
     }
   }
   .page-add-comment {
-    background-color: #FFFFFF;
+    background-color: @fill-white;
   }
   .header-comment {
     justify-content: flex-start;
@@ -483,7 +484,7 @@
 }
 
 .page-edit-comment, .page-add-reply, .page-edit-reply {
-  background-color: #FFFFFF;
+  background-color: @fill-white;
   .header-comment {
     justify-content: flex-start;
   }
diff --git a/apps/common/mobile/resources/less/material/_color-palette.less b/apps/common/mobile/resources/less/material/_color-palette.less
index c6284cf79..ab77c10a0 100644
--- a/apps/common/mobile/resources/less/material/_color-palette.less
+++ b/apps/common/mobile/resources/less/material/_color-palette.less
@@ -15,7 +15,7 @@
         position: absolute;
         width: 100%;
         height: 100%;
-        box-shadow: 0 0 0 1px white, 0 0 0 4px @themeColor;
+        box-shadow: 0 0 0 1px white, 0 0 0 4px @brandColor;
         z-index: 1;
         border-radius: 1px;
       }
@@ -71,7 +71,7 @@
     justify-content: center;
     align-items: center;
     border-radius: 100px;
-    background-color: @themeColor;
+    background-color: @brandColor;
     box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
     border-color: transparent;
     margin-top: 25px;
@@ -170,6 +170,6 @@
   }
 }
 #font-color-auto.active .color-auto {
-  box-shadow: 0 0 0 1px white, 0 0 0 4px @themeColor;
+  box-shadow: 0 0 0 1px white, 0 0 0 4px @brandColor;
   border-radius: 1px;
 }
diff --git a/apps/common/mobile/resources/less/material/_dataview.less b/apps/common/mobile/resources/less/material/_dataview.less
index 2c93fe576..fca18dbd7 100644
--- a/apps/common/mobile/resources/less/material/_dataview.less
+++ b/apps/common/mobile/resources/less/material/_dataview.less
@@ -26,7 +26,7 @@
       height: 22px;
       right: -5px;
       bottom: -5px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><circle fill="#fff" cx="11" cy="11" r="11"/><path d="M11,21A10,10,0,1,1,21,11,10,10,0,0,1,11,21h0ZM17.4,7.32L17.06,7a0.48,0.48,0,0,0-.67,0l-7,6.84L6.95,11.24a0.51,0.51,0,0,0-.59.08L6,11.66a0.58,0.58,0,0,0,0,.65l3.19,3.35a0.38,0.38,0,0,0,.39,0L17.4,8a0.48,0.48,0,0,0,0-.67h0Z"/></g></svg>');
+      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><circle fill="#fff" cx="11" cy="11" r="11"/><path d="M11,21A10,10,0,1,1,21,11,10,10,0,0,1,11,21h0ZM17.4,7.32L17.06,7a0.48,0.48,0,0,0-.67,0l-7,6.84L6.95,11.24a0.51,0.51,0,0,0-.59.08L6,11.66a0.58,0.58,0,0,0,0,.65l3.19,3.35a0.38,0.38,0,0,0,.39,0L17.4,8a0.48,0.48,0,0,0,0-.67h0Z"/></g></svg>');
     }
   }
 }
\ No newline at end of file
diff --git a/apps/common/mobile/resources/less/material/_listview.less b/apps/common/mobile/resources/less/material/_listview.less
index b352e3225..ba134cc39 100644
--- a/apps/common/mobile/resources/less/material/_listview.less
+++ b/apps/common/mobile/resources/less/material/_listview.less
@@ -43,7 +43,7 @@
 
           &.active {
             color: #fff;
-            background-color: @themeColor;
+            background-color: @brandColor;
           }
         }
       }
diff --git a/apps/common/mobile/resources/less/material/_sailfish_fix.less b/apps/common/mobile/resources/less/material/_sailfish_fix.less
index 71403062c..fa6985cfb 100644
--- a/apps/common/mobile/resources/less/material/_sailfish_fix.less
+++ b/apps/common/mobile/resources/less/material/_sailfish_fix.less
@@ -22,18 +22,18 @@
 
 
 .sailfish {
-    .icon-redefine(icon-text-align-center, '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M1,3v1h21V3H1z M4,7v1h14V7H4z M1,12h21v-1H1V12z M4,15v1h14v-1H4z M1,20h21v-1H1V20z"/></g></svg>');
-    .icon-redefine(icon-text-align-jast, '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M1,3v1h21V3H1z M1,8h21V7H1V8z M1,12h21v-1H1V12z M1,16h21v-1H1V16z M1,20h21v-1H1V20z"/></g></svg>');
-    .icon-redefine(icon-text-align-left, '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M1,3v1h21V3H1z M15,7H1v1h14V7z M1,12h21v-1H1V12z M15,15H1v1h14V15z M1,20h21v-1H1V20z"/></g></svg>');
-    .icon-redefine(icon-text-align-right, '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M1,3v1h21V3H1z M8,8h14V7H8V8z M22,11H1v1h21V11z M8,16h14v-1H8V16z M22,19H1v1h21V19z"/></g></svg>');
-    .icon-redefine(icon-de-indent, '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M1,20v-1h21v1H1z M11,15h11v1H11V15z M11,11h11v1H11V11z M11,7h11v1H11V7z M6.3,7L7,7.7l-3.8,3.8L7,15.3L6.3,16L2,11.8l-0.2-0.3L2,11.2L6.3,7z M1,3h21v1H1V3z"/></g></svg>');
-    .icon-redefine(icon-in-indent, '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M1,20v-1h21v1H1z M12,16H1v-1h11V16z M12,12H1v-1h11V12z M12,8H1V7h11V8z M21,11.2l0.2,0.3L21,11.8L16.7,16L16,15.3l3.8-3.8L16,7.7L16.7,7L21,11.2z M22,4H1V3h21V4z"/></g></svg>');
-    .icon-redefine(icon-block-align-left, '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><rect x="1" y="1" width="26" height="1"/><rect x="1" y="4" width="26" height="1"/><rect x="1" y="25" width="26" height="1"/><rect x="1" y="22" width="26" height="1"/><rect x="1" y="8" width="12" height="11"/></g></svg>');
-    .icon-redefine(icon-block-align-center, '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><rect y="1" width="26" height="1"/><rect y="4" width="26" height="1"/><rect y="25" width="26" height="1"/><rect y="22" width="26" height="1"/><rect x="7" y="8.08" width="12" height="10.92"/></g></svg>');
-    .icon-redefine(icon-block-align-right, '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><rect x="1" y="1" width="26" height="1"/><rect x="1" y="4" width="26" height="1"/><rect x="1" y="25" width="26" height="1"/><rect x="1" y="22" width="26" height="1"/><rect x="15" y="8" width="12" height="11"/></g></svg>');
-    .icon-redefine(icon-text-valign-top, '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><rect x="2" y="2" width="19" height="1"/><rect x="2" y="4" width="19" height="1"/><polygon points="12 18 11 18 11 7.83 8.65 9.8 8 8.94 11.5 6 15 9 14.35 9.8 12 7.83 12 18"/></g></svg>');
-    .icon-redefine(icon-text-valign-middle, '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><rect x="2" y="10" width="19" height="1"/><rect x="2" y="12" width="19" height="1"/><polygon points="11 2 12 2 12 7.17 14.35 5.2 15 6.06 11.5 9 8 6 8.65 5.2 11 7.17 11 2"/><polygon points="12 21 11 21 11 15.83 8.65 17.8 8 16.94 11.5 14 15 17 14.35 17.8 12 15.83 12 21"/></g></svg>');
-    .icon-redefine(icon-text-valign-bottom,'<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><rect x="2" y="18" width="19" height="1"/><rect x="2" y="20" width="19" height="1"/><polygon points="11 4 12 4 12 15.17 14.35 13.2 15 14.06 11.5 17 8 14 8.65 13.2 11 15.17 11 4"/></g></svg>');
+    .icon-redefine(icon-text-align-center, '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M1,3v1h21V3H1z M4,7v1h14V7H4z M1,12h21v-1H1V12z M4,15v1h14v-1H4z M1,20h21v-1H1V20z"/></g></svg>');
+    .icon-redefine(icon-text-align-jast, '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M1,3v1h21V3H1z M1,8h21V7H1V8z M1,12h21v-1H1V12z M1,16h21v-1H1V16z M1,20h21v-1H1V20z"/></g></svg>');
+    .icon-redefine(icon-text-align-left, '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M1,3v1h21V3H1z M15,7H1v1h14V7z M1,12h21v-1H1V12z M15,15H1v1h14V15z M1,20h21v-1H1V20z"/></g></svg>');
+    .icon-redefine(icon-text-align-right, '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M1,3v1h21V3H1z M8,8h14V7H8V8z M22,11H1v1h21V11z M8,16h14v-1H8V16z M22,19H1v1h21V19z"/></g></svg>');
+    .icon-redefine(icon-de-indent, '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M1,20v-1h21v1H1z M11,15h11v1H11V15z M11,11h11v1H11V11z M11,7h11v1H11V7z M6.3,7L7,7.7l-3.8,3.8L7,15.3L6.3,16L2,11.8l-0.2-0.3L2,11.2L6.3,7z M1,3h21v1H1V3z"/></g></svg>');
+    .icon-redefine(icon-in-indent, '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M1,20v-1h21v1H1z M12,16H1v-1h11V16z M12,12H1v-1h11V12z M12,8H1V7h11V8z M21,11.2l0.2,0.3L21,11.8L16.7,16L16,15.3l3.8-3.8L16,7.7L16.7,7L21,11.2z M22,4H1V3h21V4z"/></g></svg>');
+    .icon-redefine(icon-block-align-left, '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><rect x="1" y="1" width="26" height="1"/><rect x="1" y="4" width="26" height="1"/><rect x="1" y="25" width="26" height="1"/><rect x="1" y="22" width="26" height="1"/><rect x="1" y="8" width="12" height="11"/></g></svg>');
+    .icon-redefine(icon-block-align-center, '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><rect y="1" width="26" height="1"/><rect y="4" width="26" height="1"/><rect y="25" width="26" height="1"/><rect y="22" width="26" height="1"/><rect x="7" y="8.08" width="12" height="10.92"/></g></svg>');
+    .icon-redefine(icon-block-align-right, '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><rect x="1" y="1" width="26" height="1"/><rect x="1" y="4" width="26" height="1"/><rect x="1" y="25" width="26" height="1"/><rect x="1" y="22" width="26" height="1"/><rect x="15" y="8" width="12" height="11"/></g></svg>');
+    .icon-redefine(icon-text-valign-top, '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><rect x="2" y="2" width="19" height="1"/><rect x="2" y="4" width="19" height="1"/><polygon points="12 18 11 18 11 7.83 8.65 9.8 8 8.94 11.5 6 15 9 14.35 9.8 12 7.83 12 18"/></g></svg>');
+    .icon-redefine(icon-text-valign-middle, '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><rect x="2" y="10" width="19" height="1"/><rect x="2" y="12" width="19" height="1"/><polygon points="11 2 12 2 12 7.17 14.35 5.2 15 6.06 11.5 9 8 6 8.65 5.2 11 7.17 11 2"/><polygon points="12 21 11 21 11 15.83 8.65 17.8 8 16.94 11.5 14 15 17 14.35 17.8 12 15.83 12 21"/></g></svg>');
+    .icon-redefine(icon-text-valign-bottom,'<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><rect x="2" y="18" width="19" height="1"/><rect x="2" y="20" width="19" height="1"/><polygon points="11 4 12 4 12 15.17 14.35 13.2 15 14.06 11.5 17 8 14 8.65 13.2 11 15.17 11 4"/></g></svg>');
 
     .item-content.buttons .item-inner > .row .button.active {
         background-color: @themeColorLight;
diff --git a/apps/common/mobile/resources/less/material/comments.less b/apps/common/mobile/resources/less/material/comments.less
index 92616d7c2..98bd8ec3a 100644
--- a/apps/common/mobile/resources/less/material/comments.less
+++ b/apps/common/mobile/resources/less/material/comments.less
@@ -1,6 +1,10 @@
 .device-android {
   .wrap-comment {
     height: calc(100% - 72px);
+    background-color: @background-tertiary;
+    .comment-date {
+      color: @text-secondary;
+    }
   }
   .add-comment-popup, .add-reply-popup, .add-comment-dialog, .add-reply-dialog {
     .wrap-textarea {
@@ -17,7 +21,7 @@
       display: flex;
       .initials {
         border-radius: 50px;
-        color: @white;
+        color: @fill-white;
         display: flex;
         justify-content: center;
         align-items: center;
diff --git a/apps/common/mobile/resources/less/material/contextmenu.less b/apps/common/mobile/resources/less/material/contextmenu.less
index 95476f42a..a1a6a9daa 100644
--- a/apps/common/mobile/resources/less/material/contextmenu.less
+++ b/apps/common/mobile/resources/less/material/contextmenu.less
@@ -19,7 +19,7 @@
             }
 
             .list-button {
-                color: #212121;
+                color: @text-normal;
             }
 
             //.item-link {
diff --git a/apps/common/mobile/resources/less/material/icons.less b/apps/common/mobile/resources/less/material/icons.less
index 53577e587..6768ae033 100644
--- a/apps/common/mobile/resources/less/material/icons.less
+++ b/apps/common/mobile/resources/less/material/icons.less
@@ -3,7 +3,7 @@
 .device-android {
     i.icon {
         &.icon_mask {
-            background-color: black;
+            background-color: @text-normal;
         }
         &.icon-logo {
             width: 100px;
@@ -13,7 +13,7 @@
         &.icon-prev {
             width: 20px;
             height: 20px;
-            .encoded-svg-background('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 22 22" fill="@{themeColor}"><g><polygon points="5.1,10.9 13.9,2 16,4.1 9.2,11.1 16,17.9 13.9,20 5.1,11.2 5,11.1 "/></g></svg>');
+            .encoded-svg-mask('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 22 22" fill="@{brandColor}"><g><polygon points="5.1,10.9 13.9,2 16,4.1 9.2,11.1 16,17.9 13.9,20 5.1,11.2 5,11.1 "/></g></svg>');
             &:after {
               display: none;
             }
@@ -21,7 +21,7 @@
         &.icon-next {
             width: 20px;
             height: 20px;
-            .encoded-svg-background('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 22 22" fill="@{themeColor}"><g><polygon points="16.9,10.9 8.1,2 6,4.1 12.8,11.1 6,17.9 8.1,20 16.9,11.2 17,11.1 "/></g></svg>');
+            .encoded-svg-mask('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 22 22" fill="@{brandColor}"><g><polygon points="16.9,10.9 8.1,2 6,4.1 12.8,11.1 6,17.9 8.1,20 16.9,11.2 17,11.1 "/></g></svg>');
             &:after {
                 display: none;
             }
@@ -32,12 +32,12 @@
             &.icon-collaboration {
                 width: 24px;
                 height: 24px;
-                .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.9912 6C14.9912 8.18203 14.4464 9.76912 13.7789 10.7492C13.101 11.7447 12.4042 12 11.9912 12C11.5782 12 10.8814 11.7447 10.2035 10.7492C9.53601 9.76912 8.99121 8.18203 8.99121 6C8.99121 4.23017 10.4571 3 11.9912 3C13.5254 3 14.9912 4.23017 14.9912 6ZM13.4917 13.6397C13.0059 13.8771 12.4989 14 11.9912 14C11.4861 14 10.9817 13.8784 10.4983 13.6434C8.53188 14.3681 6.94518 15.0737 5.78927 15.7768C4.10512 16.8011 4 17.4079 4 17.5C4 17.7664 4.1014 18.3077 5.27104 18.8939C6.50029 19.5099 8.64545 19.9999 12 20C15.3546 20 17.4997 19.5099 18.7289 18.8939C19.8986 18.3078 20 17.7664 20 17.5C20 17.4079 19.8949 16.8011 18.2107 15.7768C17.0529 15.0726 15.4627 14.3657 13.4917 13.6397ZM15.2272 12.1594C16.2765 10.7825 16.9912 8.67814 16.9912 6C16.9912 3 14.5 1 11.9912 1C9.48242 1 6.99121 3 6.99121 6C6.99121 8.68159 7.70777 10.7879 8.75931 12.1647C4.60309 13.7964 2 15.4951 2 17.5C2 19.9852 5 21.9999 12 22C19 22 22 19.9852 22 17.5C22 15.4929 19.3913 13.7927 15.2272 12.1594Z" fill="@{navBarIconColor}"/></svg>');
+                .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.9912 6C14.9912 8.18203 14.4464 9.76912 13.7789 10.7492C13.101 11.7447 12.4042 12 11.9912 12C11.5782 12 10.8814 11.7447 10.2035 10.7492C9.53601 9.76912 8.99121 8.18203 8.99121 6C8.99121 4.23017 10.4571 3 11.9912 3C13.5254 3 14.9912 4.23017 14.9912 6ZM13.4917 13.6397C13.0059 13.8771 12.4989 14 11.9912 14C11.4861 14 10.9817 13.8784 10.4983 13.6434C8.53188 14.3681 6.94518 15.0737 5.78927 15.7768C4.10512 16.8011 4 17.4079 4 17.5C4 17.7664 4.1014 18.3077 5.27104 18.8939C6.50029 19.5099 8.64545 19.9999 12 20C15.3546 20 17.4997 19.5099 18.7289 18.8939C19.8986 18.3078 20 17.7664 20 17.5C20 17.4079 19.8949 16.8011 18.2107 15.7768C17.0529 15.0726 15.4627 14.3657 13.4917 13.6397ZM15.2272 12.1594C16.2765 10.7825 16.9912 8.67814 16.9912 6C16.9912 3 14.5 1 11.9912 1C9.48242 1 6.99121 3 6.99121 6C6.99121 8.68159 7.70777 10.7879 8.75931 12.1647C4.60309 13.7964 2 15.4951 2 17.5C2 19.9852 5 21.9999 12 22C19 22 22 19.9852 22 17.5C22 15.4929 19.3913 13.7927 15.2272 12.1594Z"/></svg>', @toolbar-icons);
             }
             &.icon-edit {
                 width: 22px;
                 height: 22px;
-                .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{navBarIconColor}"><g><path d="M0,20h22v1H0V20z"/><polygon points="17.1,3.1 3.5,16.7 3,20 6.3,19.5 19.9,5.9 	"/><path d="M20.5,5.3L22,3.8c0,0-0.2-1.2-0.9-1.9C20.4,1.1,19.2,1,19.2,1l-1.5,1.5L20.5,5.3z"/></g></svg>');
+                .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M0,20h22v1H0V20z"/><polygon points="17.1,3.1 3.5,16.7 3,20 6.3,19.5 19.9,5.9"/><path d="M20.5,5.3L22,3.8c0,0-0.2-1.2-0.9-1.9C20.4,1.1,19.2,1,19.2,1l-1.5,1.5L20.5,5.3z"/></g></svg>');
             }
         }
     }
diff --git a/apps/documenteditor/mobile/src/controller/settings/ApplicationSettings.jsx b/apps/documenteditor/mobile/src/controller/settings/ApplicationSettings.jsx
index c3f823e0c..98f516d09 100644
--- a/apps/documenteditor/mobile/src/controller/settings/ApplicationSettings.jsx
+++ b/apps/documenteditor/mobile/src/controller/settings/ApplicationSettings.jsx
@@ -2,6 +2,7 @@ import React, { Component } from "react";
 import { ApplicationSettings } from "../../view/settings/ApplicationSettings";
 import { LocalStorage } from '../../../../../common/mobile/utils/LocalStorage';
 import {observer, inject} from "mobx-react";
+import { Themes } from '../../../../../common/mobile/lib/controller/Themes.js';
 
 class ApplicationSettingsController extends Component {
     constructor(props) {
@@ -24,20 +25,6 @@ class ApplicationSettingsController extends Component {
         Common.EditorApi.get().asc_setSpellCheck(value);
     }
 
-    switchDarkTheme(value) {
-        const theme = value ? {id:'theme-dark', type:'dark'} : {id:'theme-light', type:'light'};
-        LocalStorage.setItem("ui-theme", JSON.stringify(theme));
-
-        const $body = $$('body');
-        $body.attr('class') && $body.attr('class',  $body.attr('class').replace(/\s?theme-type-(?:dark|light)/, ''));
-        $body.addClass(`theme-type-${theme.type}`);
-    }
-
-    isThemeDark() {
-        const obj = LocalStorage.getItem("ui-theme");
-        return !!obj ? JSON.parse(obj).type === 'dark' : false;
-    }
-
     switchNoCharacters(value) {
         LocalStorage.setBool("de-mobile-no-characters", value);
         Common.EditorApi.get().put_ShowParaMarks(value);
@@ -81,13 +68,11 @@ class ApplicationSettingsController extends Component {
             <ApplicationSettings 
                 setUnitMeasurement={this.setUnitMeasurement}
                 switchSpellCheck={this.switchSpellCheck}
-                switchDarkTheme={this.switchDarkTheme}
                 switchNoCharacters={this.switchNoCharacters}
                 switchShowTableEmptyLine={this.switchShowTableEmptyLine}
                 switchDisplayComments={this.switchDisplayComments}
                 switchDisplayResolved={this.switchDisplayResolved}  
                 setMacrosSettings={this.setMacrosSettings}               
-                isThemeDark={this.isThemeDark}
             />
         )
     }
diff --git a/apps/documenteditor/mobile/src/less/app-ios.less b/apps/documenteditor/mobile/src/less/app-ios.less
index 5fb8ff040..d8f784511 100644
--- a/apps/documenteditor/mobile/src/less/app-ios.less
+++ b/apps/documenteditor/mobile/src/less/app-ios.less
@@ -1,7 +1,7 @@
 .ios {
     .view {
         .bullets-numbers{
-            background: #fff;
+            background: @brand-text-on-brand;
         }
     }
 
@@ -45,7 +45,7 @@
 .color-schemes-menu {
     cursor: pointer;
     display: block;
-    background-color: #fff;
+    // background-color: #fff;
     .item-inner {
         justify-content: flex-start;
     }
@@ -60,7 +60,7 @@
     }
     .item-title {
         margin-left: 20px;
-        color: #212121;
+        // color: #212121;
     }
 }
 
diff --git a/apps/documenteditor/mobile/src/less/app-material.less b/apps/documenteditor/mobile/src/less/app-material.less
index b40c69124..0182800f7 100644
--- a/apps/documenteditor/mobile/src/less/app-material.less
+++ b/apps/documenteditor/mobile/src/less/app-material.less
@@ -1,7 +1,7 @@
 
 // Colors
 @themeColorLight: #a2bdde;
-@navBarIconColor: #fff;
+@navBarIconColor: @toolbar-icons;
 
 
 .device-android {
@@ -93,7 +93,7 @@
 .color-schemes-menu {
     cursor: pointer;
     display: block;
-    background-color: #fff;
+    // background-color: #fff;
     .item-inner {
         justify-content: flex-start;
     }
@@ -108,6 +108,6 @@
     }
     .item-title {
         margin-left: 20px;
-        color: #212121;
+        // color: #212121;
     }
 }
\ No newline at end of file
diff --git a/apps/documenteditor/mobile/src/less/app.less b/apps/documenteditor/mobile/src/less/app.less
index 887ff250f..a4c192194 100644
--- a/apps/documenteditor/mobile/src/less/app.less
+++ b/apps/documenteditor/mobile/src/less/app.less
@@ -1,10 +1,29 @@
-@themeColor: #446995;
 
 @import '../../../../../vendor/framework7-react/node_modules/framework7/less/mixins.less';
 
 @import '../../../../common/mobile/resources/less/_mixins.less';
 @import '../../../../common/mobile/resources/less/colors-table.less';
 @import '../../../../common/mobile/resources/less/colors-table-dark.less';
+@brandColor: var(--brand-word);
+
+.device-ios {
+    --toolbar-background: var(--background-primary, #FFF);
+    --toolbar-segment: var(--brand-word, #446995);
+    --toolbar-icons: var(--brand-word, #446995);
+}
+
+.device-android {
+    --toolbar-background: var(--brand-word, #446995);
+
+    .theme-type-dark {
+        --toolbar-icons: var(--brand-word, #446995);
+    }
+}
+
+@toolbar-background: var(--toolbar-background);
+@toolbar-segment: var(--toolbar-segment);
+@button-active-opacity: var(--active-opacity-word);
+
 @import '../../../../common/mobile/resources/less/collaboration.less';
 @import '../../../../common/mobile/resources/less/common.less';
 @import '../../../../common/mobile/resources/less/common-ios.less';
@@ -48,9 +67,9 @@
 
 // Review
 .page-review {
-    --f7-toolbar-link-color: @themeColor;
+    --f7-toolbar-link-color: @brandColor;
     .toolbar {
-        background-color: @white;
+        background-color: @background-secondary;
         box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
         position: absolute;
         #btn-reject-change {
@@ -66,27 +85,28 @@
         }
     }
     .page-content {
-        background-color: @white;
+        // background-color: @white;
         .no-changes {
             padding: 15px;
+            color: @text-normal;
         }
         .block-description {
             padding: 15px;
             .user-name {
                 font-size: 17px;
                 line-height: 22px;
-                color: @black;
+                color: @text-normal;
                 margin: 0;
             }
             .date-change {
                 font-size: 14px;
                 line-height: 18px;
-                color: @darkGray;
+                color: @text-secondary;
                 margin: 0;
                 margin-top: 3px;
             }
             .text {
-                color: @black;
+                color: @text-normal;
                 font-size: 15px;
                 line-height: 20px;
                 margin: 0;
diff --git a/apps/documenteditor/mobile/src/less/icons-ios.less b/apps/documenteditor/mobile/src/less/icons-ios.less
index 05960f7e5..99205059b 100644
--- a/apps/documenteditor/mobile/src/less/icons-ios.less
+++ b/apps/documenteditor/mobile/src/less/icons-ios.less
@@ -3,83 +3,83 @@
     &.icon-undo {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M22,16v2h-1v-2l0,0c0-2.9-2.1-5-5-5l0,0H1.9L5,14c0.1,0.1,0.1,0.2,0,0.3l-0.4,0.4c-0.1,0.1-0.2,0.1-0.3,0l-4.2-4.2c-0.1-0.1-0.1-0.2,0-0.3l0.4-0.4h0.1L4.4,6c0.1-0.1,0.2-0.1,0.3,0l0.5,0.4c0.1,0.1,0.1,0.2,0,0.3L1.9,10H16l0,0C19.3,10,22,12.7,22,16L22,16z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M22,16v2h-1v-2l0,0c0-2.9-2.1-5-5-5l0,0H1.9L5,14c0.1,0.1,0.1,0.2,0,0.3l-0.4,0.4c-0.1,0.1-0.2,0.1-0.3,0l-4.2-4.2c-0.1-0.1-0.1-0.2,0-0.3l0.4-0.4h0.1L4.4,6c0.1-0.1,0.2-0.1,0.3,0l0.5,0.4c0.1,0.1,0.1,0.2,0,0.3L1.9,10H16l0,0C19.3,10,22,12.7,22,16L22,16z"/></g></svg>');
     }
     &.icon-redo {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M0,16c0-3.3,2.7-6,6-6v0h14.1l-3.3-3.3c-0.1-0.1-0.1-0.2,0-0.3L17.3,6c0.1-0.1,0.2-0.1,0.3,0l3.8,3.8c0,0,0.1,0,0.1,0l0.4,0.4c0.1,0.1,0.1,0.2,0,0.3l-4.2,4.2c-0.1,0.1-0.2,0.1-0.3,0l-0.4-0.4c-0.1-0.1-0.1-0.2,0-0.3l3.1-3H6v0c-2.9,0-5,2.1-5,5h0v2H0L0,16L0,16z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M0,16c0-3.3,2.7-6,6-6v0h14.1l-3.3-3.3c-0.1-0.1-0.1-0.2,0-0.3L17.3,6c0.1-0.1,0.2-0.1,0.3,0l3.8,3.8c0,0,0.1,0,0.1,0l0.4,0.4c0.1,0.1,0.1,0.2,0,0.3l-4.2,4.2c-0.1,0.1-0.2,0.1-0.3,0l-0.4-0.4c-0.1-0.1-0.1-0.2,0-0.3l3.1-3H6v0c-2.9,0-5,2.1-5,5h0v2H0L0,16L0,16z"/></g></svg>');
     }
     &.icon-edit-settings {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M8 1L3 15h1.19995l1.77686-5h5.04638l.61573 1.7325.87988-.87988L9 1zm.5 1.9L10.66772 9H6.33228z" clip-rule="evenodd" fill-rule="evenodd"/><path d="M18.3 11.3l-9.2 9.1-1.5-1.5 9.2-9.1-.7-.7-9.6 9.6L6 22l3.3-.5 9.6-9.6zm1.2 0L21 9.8s-.2-1.2-.9-1.9c-.7-.8-1.9-.9-1.9-.9l-1.5 1.5z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M8 1L3 15h1.19995l1.77686-5h5.04638l.61573 1.7325.87988-.87988L9 1zm.5 1.9L10.66772 9H6.33228z" clip-rule="evenodd" fill-rule="evenodd"/><path d="M18.3 11.3l-9.2 9.1-1.5-1.5 9.2-9.1-.7-.7-9.6 9.6L6 22l3.3-.5 9.6-9.6zm1.2 0L21 9.8s-.2-1.2-.9-1.9c-.7-.8-1.9-.9-1.9-.9l-1.5 1.5z"/></g></svg>');
     }
     &.icon-plus {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M22,12H12v10h-1V12H1v-1h10V1h1v10h10V12z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M22,12H12v10h-1V12H1v-1h10V1h1v10h10V12z"/></g></svg>');
     }
     &.icon-settings {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M11.8,3l0.4,2c0.1,0.7,0.6,1.1,1.3,1.1c0.3,0,0.5-0.1,0.7-0.2l1.9-1.2l1.1,1.1l-1.1,1.8C15.8,8,15.8,8.5,16,8.9c0.2,0.4,0.5,0.7,1,0.8l2.1,0.5v1.6L17,12.2c-0.5,0.1-0.8,0.4-1,0.8c-0.2,0.4-0.1,0.9,0.1,1.2l1.2,1.9l-1.1,1.1l-1.8-1.1c-0.2-0.2-0.5-0.2-0.8-0.2c-0.6,0-1.2,0.5-1.3,1.1l-0.5,2.1h-1.6l-0.4-2C9.7,16.4,9.2,16,8.5,16c-0.3,0-0.5,0.1-0.7,0.2l-1.9,1.2l-1.1-1.1l1.1-1.8c0.3-0.4,0.3-0.9,0.1-1.3c-0.2-0.4-0.5-0.7-1-0.8l-2.1-0.5v-1.6l2-0.4c0.5-0.1,0.8-0.4,1-0.8C6.1,8.7,6,8.2,5.8,7.9l-1-2l1.1-1.1l1.8,1.1C8,6.1,8.2,6.2,8.5,6.2c0.6,0,1.2-0.5,1.3-1.1L10.3,3H11.8 M11,15.5c2.5,0,4.5-2,4.5-4.5s-2-4.5-4.5-4.5s-4.5,2-4.5,4.5S8.5,15.5,11,15.5 M12.1,2H9.9C9.6,2,9.4,2.2,9.3,2.5L8.8,4.9c0,0.2-0.2,0.3-0.3,0.3s-0.1,0-0.2-0.1L6.2,3.8C6.1,3.7,6,3.7,5.8,3.7c-0.1,0-0.3,0-0.4,0.1L3.8,5.4c-0.1,0.2-0.2,0.5,0,0.8l1.3,2.1c0.1,0.2,0.1,0.4-0.2,0.5L2.5,9.3C2.2,9.4,2,9.6,2,9.9v2.2c0,0.3,0.2,0.5,0.5,0.6l2.4,0.5c0.3,0.1,0.4,0.3,0.2,0.5l-1.3,2.1c-0.2,0.2-0.1,0.6,0.1,0.8l1.6,1.6c0.1,0.1,0.3,0.2,0.4,0.2s0.2,0,0.3-0.1L8.3,17c0.1-0.1,0.1-0.1,0.2-0.1s0.3,0.1,0.3,0.3l0.5,2.3C9.4,19.8,9.6,20,9.9,20h2.2c0.3,0,0.5-0.2,0.6-0.5l0.5-2.4c0-0.2,0.1-0.3,0.3-0.3c0.1,0,0.1,0,0.2,0.1l2.1,1.3c0.1,0.1,0.2,0.1,0.3,0.1c0.2,0,0.3-0.1,0.4-0.2l1.6-1.6c0.2-0.2,0.2-0.5,0.1-0.8l-1.3-2.1c-0.2-0.2-0.1-0.5,0.2-0.5l2.4-0.5c0.3-0.1,0.5-0.3,0.5-0.6V9.8c0-0.3-0.2-0.5-0.5-0.6l-2.4-0.5c-0.3-0.1-0.4-0.3-0.2-0.5l1.3-2.1c0.2-0.2,0.1-0.6-0.1-0.8l-1.6-1.6c-0.1-0.1-0.3-0.2-0.4-0.2c-0.1,0-0.2,0-0.3,0.1l-2.1,1.3C13.6,5,13.6,5,13.5,5c-0.1,0-0.3-0.1-0.3-0.3l-0.5-2.2C12.6,2.2,12.4,2,12.1,2L12.1,2z M11,14.5c-1.9,0-3.5-1.6-3.5-3.5S9.1,7.5,11,7.5s3.5,1.6,3.5,3.5S12.9,14.5,11,14.5L11,14.5z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M11.8,3l0.4,2c0.1,0.7,0.6,1.1,1.3,1.1c0.3,0,0.5-0.1,0.7-0.2l1.9-1.2l1.1,1.1l-1.1,1.8C15.8,8,15.8,8.5,16,8.9c0.2,0.4,0.5,0.7,1,0.8l2.1,0.5v1.6L17,12.2c-0.5,0.1-0.8,0.4-1,0.8c-0.2,0.4-0.1,0.9,0.1,1.2l1.2,1.9l-1.1,1.1l-1.8-1.1c-0.2-0.2-0.5-0.2-0.8-0.2c-0.6,0-1.2,0.5-1.3,1.1l-0.5,2.1h-1.6l-0.4-2C9.7,16.4,9.2,16,8.5,16c-0.3,0-0.5,0.1-0.7,0.2l-1.9,1.2l-1.1-1.1l1.1-1.8c0.3-0.4,0.3-0.9,0.1-1.3c-0.2-0.4-0.5-0.7-1-0.8l-2.1-0.5v-1.6l2-0.4c0.5-0.1,0.8-0.4,1-0.8C6.1,8.7,6,8.2,5.8,7.9l-1-2l1.1-1.1l1.8,1.1C8,6.1,8.2,6.2,8.5,6.2c0.6,0,1.2-0.5,1.3-1.1L10.3,3H11.8 M11,15.5c2.5,0,4.5-2,4.5-4.5s-2-4.5-4.5-4.5s-4.5,2-4.5,4.5S8.5,15.5,11,15.5 M12.1,2H9.9C9.6,2,9.4,2.2,9.3,2.5L8.8,4.9c0,0.2-0.2,0.3-0.3,0.3s-0.1,0-0.2-0.1L6.2,3.8C6.1,3.7,6,3.7,5.8,3.7c-0.1,0-0.3,0-0.4,0.1L3.8,5.4c-0.1,0.2-0.2,0.5,0,0.8l1.3,2.1c0.1,0.2,0.1,0.4-0.2,0.5L2.5,9.3C2.2,9.4,2,9.6,2,9.9v2.2c0,0.3,0.2,0.5,0.5,0.6l2.4,0.5c0.3,0.1,0.4,0.3,0.2,0.5l-1.3,2.1c-0.2,0.2-0.1,0.6,0.1,0.8l1.6,1.6c0.1,0.1,0.3,0.2,0.4,0.2s0.2,0,0.3-0.1L8.3,17c0.1-0.1,0.1-0.1,0.2-0.1s0.3,0.1,0.3,0.3l0.5,2.3C9.4,19.8,9.6,20,9.9,20h2.2c0.3,0,0.5-0.2,0.6-0.5l0.5-2.4c0-0.2,0.1-0.3,0.3-0.3c0.1,0,0.1,0,0.2,0.1l2.1,1.3c0.1,0.1,0.2,0.1,0.3,0.1c0.2,0,0.3-0.1,0.4-0.2l1.6-1.6c0.2-0.2,0.2-0.5,0.1-0.8l-1.3-2.1c-0.2-0.2-0.1-0.5,0.2-0.5l2.4-0.5c0.3-0.1,0.5-0.3,0.5-0.6V9.8c0-0.3-0.2-0.5-0.5-0.6l-2.4-0.5c-0.3-0.1-0.4-0.3-0.2-0.5l1.3-2.1c0.2-0.2,0.1-0.6-0.1-0.8l-1.6-1.6c-0.1-0.1-0.3-0.2-0.4-0.2c-0.1,0-0.2,0-0.3,0.1l-2.1,1.3C13.6,5,13.6,5,13.5,5c-0.1,0-0.3-0.1-0.3-0.3l-0.5-2.2C12.6,2.2,12.4,2,12.1,2L12.1,2z M11,14.5c-1.9,0-3.5-1.6-3.5-3.5S9.1,7.5,11,7.5s3.5,1.6,3.5,3.5S12.9,14.5,11,14.5L11,14.5z"/></g></svg>');
     }
     &.icon-expand-down {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M20.5,6.5l1.1,1.1L11,18l0,0l0,0L0.5,7.5l1.1-1.1l9.5,9.5L20.5,6.5z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M20.5,6.5l1.1,1.1L11,18l0,0l0,0L0.5,7.5l1.1-1.1l9.5,9.5L20.5,6.5z"/></g></svg>');
     }
     //Settings
     &.icon-spellcheck {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path fill-rule="evenodd" clip-rule="evenodd" d="M8 1L3 15H4.2L5.97686 10H11.0231L11.6768 11.8394C11.955 11.5504 12.262 11.2892 12.593 11.0605L9 1H8ZM8.5 2.9L10.6678 9H6.33223L8.5 2.9Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16 21C18.7614 21 21 18.7614 21 16C21 13.2386 18.7614 11 16 11C13.2386 11 11 13.2386 11 16C11 18.7614 13.2386 21 16 21ZM15.3536 18.3536L19.3536 14.3536L18.6464 13.6464L15 17.2929L13.3536 15.6464L12.6464 16.3536L14.6464 18.3536L15 18.7071L15.3536 18.3536Z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path fill-rule="evenodd" clip-rule="evenodd" d="M8 1L3 15H4.2L5.97686 10H11.0231L11.6768 11.8394C11.955 11.5504 12.262 11.2892 12.593 11.0605L9 1H8ZM8.5 2.9L10.6678 9H6.33223L8.5 2.9Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16 21C18.7614 21 21 18.7614 21 16C21 13.2386 18.7614 11 16 11C13.2386 11 11 13.2386 11 16C11 18.7614 13.2386 21 16 21ZM15.3536 18.3536L19.3536 14.3536L18.6464 13.6464L15 17.2929L13.3536 15.6464L12.6464 16.3536L14.6464 18.3536L15 18.7071L15.3536 18.3536Z"/></g></svg>');
     }
     &.icon-search {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M15.8,15c1.4-1.6,2.2-3.7,2.2-5.9c0-5-4-9-9-9C4,0,0,4,0,9c0,5,4,9,9,9c2.3,0,4.4-0.9,5.9-2.2l5.8,5.8l0.2-0.6l0.7-0.2L15.8,15z M9,17c-4.4,0-8-3.6-8-8c0-4.4,3.6-8,8-8c4.4,0,8,3.6,8,8C17,13.5,13.5,17,9,17z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M15.8,15c1.4-1.6,2.2-3.7,2.2-5.9c0-5-4-9-9-9C4,0,0,4,0,9c0,5,4,9,9,9c2.3,0,4.4-0.9,5.9-2.2l5.8,5.8l0.2-0.6l0.7-0.2L15.8,15z M9,17c-4.4,0-8-3.6-8-8c0-4.4,3.6-8,8-8c4.4,0,8,3.6,8,8C17,13.5,13.5,17,9,17z"/></g></svg>');
     }
     &.icon-reader {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M17,21H1V9h6V2l0,0h10v5h1V1H6.2L0,7.6V22h18v-3h-1V21z M6,2.8V8H1.1L6,2.8z M13,8c-5.1,0-9,5-9,5s4.1,5,9,5c5,0,9-5,9-5S18,8,13,8z M8.7,15.5C6.8,14.4,6.4,13,6.4,13s0.4-1.5,2.4-2.6C8.3,11.2,8,12,8,13C8,13.9,8.3,14.8,8.7,15.5z M13,16.7c-2.1,0-3.7-1.7-3.7-3.7c0-2.1,1.7-3.7,3.7-3.7c2.1,0,3.7,1.7,3.7,3.7C16.7,15.1,15.1,16.7,13,16.7z M17.3,15.5c0.4-0.7,0.7-1.6,0.7-2.5c0-1-0.3-1.8-0.7-2.6c2,1.1,3.4,2.6,3.4,2.6S19.2,14.4,17.3,15.5z M13,11.7c-0.7,0-1.3,0.6-1.3,1.3s0.6,1.3,1.3,1.3s1.3-0.6,1.3-1.3S13.7,11.7,13,11.7z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M17,21H1V9h6V2l0,0h10v5h1V1H6.2L0,7.6V22h18v-3h-1V21z M6,2.8V8H1.1L6,2.8z M13,8c-5.1,0-9,5-9,5s4.1,5,9,5c5,0,9-5,9-5S18,8,13,8z M8.7,15.5C6.8,14.4,6.4,13,6.4,13s0.4-1.5,2.4-2.6C8.3,11.2,8,12,8,13C8,13.9,8.3,14.8,8.7,15.5z M13,16.7c-2.1,0-3.7-1.7-3.7-3.7c0-2.1,1.7-3.7,3.7-3.7c2.1,0,3.7,1.7,3.7,3.7C16.7,15.1,15.1,16.7,13,16.7z M17.3,15.5c0.4-0.7,0.7-1.6,0.7-2.5c0-1-0.3-1.8-0.7-2.6c2,1.1,3.4,2.6,3.4,2.6S19.2,14.4,17.3,15.5z M13,11.7c-0.7,0-1.3,0.6-1.3,1.3s0.6,1.3,1.3,1.3s1.3-0.6,1.3-1.3S13.7,11.7,13,11.7z"/></g></svg>');
     }
     &.icon-doc-setup {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-4 6 22 22" fill="@{themeColor}"><g><path id="XMLID_2_" d="M15,27H-1V15h6V8l0,0h10V27z M16,7H4.2L-2,13.6V28h18V7z M4,8.8V14h-4.9L4,8.8z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-4 6 22 22" fill="@{brandColor}"><g><path id="XMLID_2_" d="M15,27H-1V15h6V8l0,0h10V27z M16,7H4.2L-2,13.6V28h18V7z M4,8.8V14h-4.9L4,8.8z"/></g></svg>');
     }
     &.icon-app-settings {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 14H16C18.2091 14 20 15.7909 20 18C20 20.2091 18.2091 22 16 22H7C4.79086 22 3 20.2091 3 18C3 15.7909 4.79086 14 7 14ZM16 13C18.7614 13 21 15.2386 21 18C21 20.7614 18.7614 23 16 23H7C4.23858 23 2 20.7614 2 18C2 15.2386 4.23858 13 7 13H16Z" fill="@{themeColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16 20C14.8954 20 14 19.1046 14 18C14 16.8954 14.8954 16 16 16C17.1046 16 18 16.8954 18 18C18 19.1046 17.1046 20 16 20ZM16 21C14.3431 21 13 19.6569 13 18C13 16.3431 14.3431 15 16 15C17.6569 15 19 16.3431 19 18C19 19.6569 17.6569 21 16 21Z" fill="@{themeColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16 3H7C4.79086 3 3 4.79086 3 7C3 9.20914 4.79086 11 7 11H16C18.2091 11 20 9.20914 20 7C20 4.79086 18.2091 3 16 3ZM7 2C4.23858 2 2 4.23858 2 7C2 9.76142 4.23858 12 7 12H16C18.7614 12 21 9.76142 21 7C21 4.23858 18.7614 2 16 2H7Z" fill="@{themeColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7 9C8.10457 9 9 8.10457 9 7C9 5.89543 8.10457 5 7 5C5.89543 5 5 5.89543 5 7C5 8.10457 5.89543 9 7 9ZM7 10C8.65685 10 10 8.65685 10 7C10 5.34315 8.65685 4 7 4C5.34315 4 4 5.34315 4 7C4 8.65685 5.34315 10 7 10Z" fill="@{themeColor}"/></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 14H16C18.2091 14 20 15.7909 20 18C20 20.2091 18.2091 22 16 22H7C4.79086 22 3 20.2091 3 18C3 15.7909 4.79086 14 7 14ZM16 13C18.7614 13 21 15.2386 21 18C21 20.7614 18.7614 23 16 23H7C4.23858 23 2 20.7614 2 18C2 15.2386 4.23858 13 7 13H16Z" fill="@{brandColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16 20C14.8954 20 14 19.1046 14 18C14 16.8954 14.8954 16 16 16C17.1046 16 18 16.8954 18 18C18 19.1046 17.1046 20 16 20ZM16 21C14.3431 21 13 19.6569 13 18C13 16.3431 14.3431 15 16 15C17.6569 15 19 16.3431 19 18C19 19.6569 17.6569 21 16 21Z" fill="@{brandColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16 3H7C4.79086 3 3 4.79086 3 7C3 9.20914 4.79086 11 7 11H16C18.2091 11 20 9.20914 20 7C20 4.79086 18.2091 3 16 3ZM7 2C4.23858 2 2 4.23858 2 7C2 9.76142 4.23858 12 7 12H16C18.7614 12 21 9.76142 21 7C21 4.23858 18.7614 2 16 2H7Z" fill="@{brandColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7 9C8.10457 9 9 8.10457 9 7C9 5.89543 8.10457 5 7 5C5.89543 5 5 5.89543 5 7C5 8.10457 5.89543 9 7 9ZM7 10C8.65685 10 10 8.65685 10 7C10 5.34315 8.65685 4 7 4C5.34315 4 4 5.34315 4 7C4 8.65685 5.34315 10 7 10Z" fill="@{brandColor}"/></svg>');
     }
     &.icon-download {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" y="0px" x="0px" fill="@{themeColor}"><path d="M12 0H11L11 14L7.39999 10.3L6.69999 11.1L11.5 16L16.3 11.1L15.6 10.3L12 14L12 0Z"/><path d="M14 5V6H19V20H4V6H9V5H3V21H20V5H14Z"/></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" y="0px" x="0px" fill="@{brandColor}"><path d="M12 0H11L11 14L7.39999 10.3L6.69999 11.1L11.5 16L16.3 11.1L15.6 10.3L12 14L12 0Z"/><path d="M14 5V6H19V20H4V6H9V5H3V21H20V5H14Z"/></svg>');
     }
     &.icon-print {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-0 0 22 22" y="0px" x="0px" fill="@{themeColor}"><g><path fill-rule="evenodd" clip-rule="evenodd" d="M5 1H17V6H21V17H17V21H5V17H1V6H5V1ZM6 6H16V2H6V6ZM5 16V13H2V16H5ZM2 12H20V7H2V12ZM20 13H17V16H20V13ZM16 13H6V20H16V13ZM14 16H8V15H14V16ZM14 18H8V17H14V18Z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-0 0 22 22" y="0px" x="0px" fill="@{brandColor}"><g><path fill-rule="evenodd" clip-rule="evenodd" d="M5 1H17V6H21V17H17V21H5V17H1V6H5V1ZM6 6H16V2H6V6ZM5 16V13H2V16H5ZM2 12H20V7H2V12ZM20 13H17V16H20V13ZM16 13H6V20H16V13ZM14 16H8V15H14V16ZM14 18H8V17H14V18Z"/></g></svg>');
     }
     &.icon-info {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M10,17h2V8h-2V17z M11,1C5.5,1,1,5.5,1,11s4.5,10,10,10s10-4.5,10-10S16.5,1,11,1z M11,20c-5,0-9-4-9-9s4-9,9-9s9,4,9,9S16,20,11,20z M10,7h2V5h-2V7z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M10,17h2V8h-2V17z M11,1C5.5,1,1,5.5,1,11s4.5,10,10,10s10-4.5,10-10S16.5,1,11,1z M11,20c-5,0-9-4-9-9s4-9,9-9s9,4,9,9S16,20,11,20z M10,7h2V5h-2V7z"/></g></svg>');
     }
     &.icon-help {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M11.6,1.3c-3.3,0-6,2.8-6,6.2c0.3,0,0.7,0,0.9,0c0-2.9,2.3-5.2,5.1-5.2s5.1,2.3,5.1,5.2c0,1.7-1.9,3.2-3,4.3C12.9,12.6,11,14.2,11,16c0,1.2,0,2.2,0,2.7c0.3,0,0.6,0,0.9,0c0-0.6,0-1.6,0-2.5c0-1.4,1.1-2.4,2.2-3.5c1.7-1.5,3.5-3.1,3.5-5.2C17.6,4.1,14.9,1.3,11.6,1.3z M11.5,20.2c-0.3,0-0.5,0.2-0.5,0.5v0.8c0,0.3,0.2,0.5,0.5,0.5s0.5-0.2,0.5-0.5v-0.8C11.9,20.4,11.7,20.2,11.5,20.2z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M11.6,1.3c-3.3,0-6,2.8-6,6.2c0.3,0,0.7,0,0.9,0c0-2.9,2.3-5.2,5.1-5.2s5.1,2.3,5.1,5.2c0,1.7-1.9,3.2-3,4.3C12.9,12.6,11,14.2,11,16c0,1.2,0,2.2,0,2.7c0.3,0,0.6,0,0.9,0c0-0.6,0-1.6,0-2.5c0-1.4,1.1-2.4,2.2-3.5c1.7-1.5,3.5-3.1,3.5-5.2C17.6,4.1,14.9,1.3,11.6,1.3z M11.5,20.2c-0.3,0-0.5,0.2-0.5,0.5v0.8c0,0.3,0.2,0.5,0.5,0.5s0.5-0.2,0.5-0.5v-0.8C11.9,20.4,11.7,20.2,11.5,20.2z"/></g></svg>');
     }
     &.icon-about {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-1 7 22 22" fill="@{themeColor}"><g><path d="M21,18.5c0-0.3-0.1-0.6-0.7-0.9l-2.6-1.2l2.6-1.2c0.6-0.3,0.7-0.6,0.7-0.9c0-0.3-0.1-0.6-0.7-0.9l-8.9-4.1c-0.7-0.4-1.9-0.4-2.8,0l-8.9,4.1C-0.9,13.8-1,14.1-1,14.3s0.1,0.6,0.7,0.9l2.6,1.2l-2.6,1.2C-0.9,18-1,18.4-1,18.5c0,0.2,0.1,0.6,0.7,0.9l2.5,1.2l-2.5,1.2C-0.9,22.1-1,22.5-1,22.7c0,0.3,0.1,0.6,0.7,0.9l8.9,4.1c0.5,0.2,0.8,0.3,1.4,0.3s1-0.1,1.4-0.3l8.9-4.1c0.6-0.4,0.7-0.6,0.7-0.9c0-0.3-0.1-0.6-0.7-0.9l-2.5-1.2l2.5-1.2C20.9,19.2,21,18.8,21,18.5z M-0.2,14.3L-0.2,14.3c0,0,0.1-0.1,0.3-0.2L9,10c0.6-0.3,1.5-0.3,2,0l8.9,4.1c0.2,0.1,0.3,0.2,0.3,0.2l0,0c0,0-0.1,0.1-0.3,0.2L11,18.6c-0.6,0.3-1.5,0.3-2,0l-8.9-4.1C-0.1,14.4-0.2,14.3-0.2,14.3z M20.2,22.7L20.2,22.7c0,0-0.1,0.1-0.3,0.2L11,27.1c-0.6,0.3-1.5,0.3-2,0l-8.9-4.1c-0.2-0.1-0.3-0.2-0.3-0.2l0,0c0,0,0.1-0.1,0.3-0.2l3-1.5l5.5,2.6c0.7,0.4,1.9,0.4,2.8,0l5.5-2.6l3,1.5C20.1,22.7,20.2,22.7,20.2,22.7z M19.9,18.7L11,22.8c-0.6,0.3-1.5,0.3-2,0l-8.9-4.1c-0.2-0.1-0.3-0.2-0.3-0.2l0,0c0,0,0.1-0.1,0.3-0.2l3-1.5l5.5,2.6c0.7,0.4,1.9,0.4,2.8,0l5.5-2.6l3,1.5c0.2,0.1,0.3,0.2,0.3,0.2l0,0C20.2,18.5,20.1,18.6,19.9,18.7z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-1 7 22 22" fill="@{brandColor}"><g><path d="M21,18.5c0-0.3-0.1-0.6-0.7-0.9l-2.6-1.2l2.6-1.2c0.6-0.3,0.7-0.6,0.7-0.9c0-0.3-0.1-0.6-0.7-0.9l-8.9-4.1c-0.7-0.4-1.9-0.4-2.8,0l-8.9,4.1C-0.9,13.8-1,14.1-1,14.3s0.1,0.6,0.7,0.9l2.6,1.2l-2.6,1.2C-0.9,18-1,18.4-1,18.5c0,0.2,0.1,0.6,0.7,0.9l2.5,1.2l-2.5,1.2C-0.9,22.1-1,22.5-1,22.7c0,0.3,0.1,0.6,0.7,0.9l8.9,4.1c0.5,0.2,0.8,0.3,1.4,0.3s1-0.1,1.4-0.3l8.9-4.1c0.6-0.4,0.7-0.6,0.7-0.9c0-0.3-0.1-0.6-0.7-0.9l-2.5-1.2l2.5-1.2C20.9,19.2,21,18.8,21,18.5z M-0.2,14.3L-0.2,14.3c0,0,0.1-0.1,0.3-0.2L9,10c0.6-0.3,1.5-0.3,2,0l8.9,4.1c0.2,0.1,0.3,0.2,0.3,0.2l0,0c0,0-0.1,0.1-0.3,0.2L11,18.6c-0.6,0.3-1.5,0.3-2,0l-8.9-4.1C-0.1,14.4-0.2,14.3-0.2,14.3z M20.2,22.7L20.2,22.7c0,0-0.1,0.1-0.3,0.2L11,27.1c-0.6,0.3-1.5,0.3-2,0l-8.9-4.1c-0.2-0.1-0.3-0.2-0.3-0.2l0,0c0,0,0.1-0.1,0.3-0.2l3-1.5l5.5,2.6c0.7,0.4,1.9,0.4,2.8,0l5.5-2.6l3,1.5C20.1,22.7,20.2,22.7,20.2,22.7z M19.9,18.7L11,22.8c-0.6,0.3-1.5,0.3-2,0l-8.9-4.1c-0.2-0.1-0.3-0.2-0.3-0.2l0,0c0,0,0.1-0.1,0.3-0.2l3-1.5l5.5,2.6c0.7,0.4,1.9,0.4,2.8,0l5.5-2.6l3,1.5c0.2,0.1,0.3,0.2,0.3,0.2l0,0C20.2,18.5,20.1,18.6,19.9,18.7z"/></g></svg>');
     }
 
     // Download
@@ -87,55 +87,55 @@
     &.icon-format-docx {
       width: 30px;
       height: 30px;
-      .encoded-svg-background('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="22.015 20.75 66 66"><defs><style>.cls-1{fill:"@{themeColor}"}.cls-2{fill:#fff;}.cls-3{fill:"@{themeColor}"}</style></defs><g id="g3103" transform="translate(-21.015556,0)" display="none"><path class="cls-1" fill="@{themeColor}" d="M78.521,0h7.475c0,3.337,0,6.663,0,10   c13.375,0.075,26.738-0.138,40.101,0.075c2.85-0.288,5.087,1.925,4.825,4.775c0.212,24.625-0.051,49.262,0.125,73.887   c-0.125,2.525,0.25,5.325-1.213,7.563c-1.825,1.3-4.188,1.138-6.313,1.237C111.008,97.475,98.508,97.5,85.996,97.5   c0,3.338,0,6.662,0,10h-7.813c-19.024-3.475-38.1-6.662-57.162-10c-0.013-29.162,0-58.325,0-87.475   C40.183,6.675,59.359,3.413,78.521,0z"/><path class="cls-2" d="M85.996,13.75c13.75,0,27.5,0,41.25,0   c0,26.663,0,53.338,0,80c-13.75,0-27.5,0-41.25,0c0-3.338,0-6.662,0-10c10.838,0,21.663,0,32.5,0c0-1.662,0-3.338,0-5   c-10.837,0-21.662,0-32.5,0c0-2.088,0-4.162,0-6.25c10.838,0,21.663,0,32.5,0c0-1.662,0-3.338,0-5c-10.837,0-21.662,0-32.5,0   c0-2.088,0-4.162,0-6.25c10.838,0,21.663,0,32.5,0c0-1.662,0-3.338,0-5c-10.837,0-21.662,0-32.5,0c0-2.087,0-4.163,0-6.25   c10.838,0,21.663,0,32.5,0c0-1.663,0-3.337,0-5c-10.837,0-21.662,0-32.5,0c0-2.087,0-4.163,0-6.25c10.838,0,21.663,0,32.5,0   c0-1.663,0-3.337,0-5c-10.837,0-21.662,0-32.5,0c0-2.087,0-4.163,0-6.25c10.838,0,21.663,0,32.5,0c0-1.663,0-3.337,0-5   c-10.837,0-21.662,0-32.5,0C85.996,19.587,85.996,16.663,85.996,13.75z"/><path class="cls-2" fill="#fff" d="M46.846,35.837   c2.375-0.137,4.75-0.237,7.125-0.362c1.662,8.438,3.362,16.862,5.162,25.262c1.413-8.675,2.976-17.325,4.487-25.987   c2.5-0.087,5-0.225,7.488-0.375c-2.825,12.112-5.301,24.325-8.388,36.362c-2.088,1.088-5.213-0.05-7.688,0.125   c-1.663-8.274-3.601-16.5-5.088-24.813c-1.462,8.075-3.362,16.075-5.037,24.101c-2.4-0.125-4.813-0.275-7.226-0.438   c-2.074-11-4.512-21.925-6.449-32.95c2.137-0.1,4.287-0.188,6.425-0.263c1.287,7.962,2.75,15.888,3.875,23.862   C43.297,52.188,45.096,44.013,46.846,35.837z"/></g><path class="cls-3" fill="@{themeColor}" d="M50.69,36.792c2.375-0.137,4.75-0.237,7.125-0.362  c1.662,8.438,3.362,16.862,5.162,25.262c1.413-8.675,2.976-17.325,4.487-25.987c2.5-0.087,5-0.225,7.488-0.375  c-2.825,12.112-5.301,24.325-8.388,36.362c-2.088,1.088-5.213-0.05-7.688,0.125c-1.663-8.274-3.601-16.5-5.088-24.813  c-1.462,8.075-3.362,16.075-5.037,24.101c-2.4-0.125-4.813-0.275-7.226-0.438c-2.074-11-4.512-21.925-6.449-32.95  c2.137-0.1,4.287-0.188,6.425-0.263c1.287,7.962,2.75,15.888,3.875,23.862C47.14,53.143,48.94,44.968,50.69,36.792z"/></svg>')
+      .encoded-svg-mask('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="22.015 20.75 66 66"><defs><style>.cls-1{fill:"@{brandColor}"}.cls-2{fill:#fff;}.cls-3{fill:"@{brandColor}"}</style></defs><g id="g3103" transform="translate(-21.015556,0)" display="none"><path class="cls-1" fill="@{brandColor}" d="M78.521,0h7.475c0,3.337,0,6.663,0,10   c13.375,0.075,26.738-0.138,40.101,0.075c2.85-0.288,5.087,1.925,4.825,4.775c0.212,24.625-0.051,49.262,0.125,73.887   c-0.125,2.525,0.25,5.325-1.213,7.563c-1.825,1.3-4.188,1.138-6.313,1.237C111.008,97.475,98.508,97.5,85.996,97.5   c0,3.338,0,6.662,0,10h-7.813c-19.024-3.475-38.1-6.662-57.162-10c-0.013-29.162,0-58.325,0-87.475   C40.183,6.675,59.359,3.413,78.521,0z"/><path class="cls-2" d="M85.996,13.75c13.75,0,27.5,0,41.25,0   c0,26.663,0,53.338,0,80c-13.75,0-27.5,0-41.25,0c0-3.338,0-6.662,0-10c10.838,0,21.663,0,32.5,0c0-1.662,0-3.338,0-5   c-10.837,0-21.662,0-32.5,0c0-2.088,0-4.162,0-6.25c10.838,0,21.663,0,32.5,0c0-1.662,0-3.338,0-5c-10.837,0-21.662,0-32.5,0   c0-2.088,0-4.162,0-6.25c10.838,0,21.663,0,32.5,0c0-1.662,0-3.338,0-5c-10.837,0-21.662,0-32.5,0c0-2.087,0-4.163,0-6.25   c10.838,0,21.663,0,32.5,0c0-1.663,0-3.337,0-5c-10.837,0-21.662,0-32.5,0c0-2.087,0-4.163,0-6.25c10.838,0,21.663,0,32.5,0   c0-1.663,0-3.337,0-5c-10.837,0-21.662,0-32.5,0c0-2.087,0-4.163,0-6.25c10.838,0,21.663,0,32.5,0c0-1.663,0-3.337,0-5   c-10.837,0-21.662,0-32.5,0C85.996,19.587,85.996,16.663,85.996,13.75z"/><path class="cls-2" fill="#fff" d="M46.846,35.837   c2.375-0.137,4.75-0.237,7.125-0.362c1.662,8.438,3.362,16.862,5.162,25.262c1.413-8.675,2.976-17.325,4.487-25.987   c2.5-0.087,5-0.225,7.488-0.375c-2.825,12.112-5.301,24.325-8.388,36.362c-2.088,1.088-5.213-0.05-7.688,0.125   c-1.663-8.274-3.601-16.5-5.088-24.813c-1.462,8.075-3.362,16.075-5.037,24.101c-2.4-0.125-4.813-0.275-7.226-0.438   c-2.074-11-4.512-21.925-6.449-32.95c2.137-0.1,4.287-0.188,6.425-0.263c1.287,7.962,2.75,15.888,3.875,23.862   C43.297,52.188,45.096,44.013,46.846,35.837z"/></g><path class="cls-3" fill="@{brandColor}" d="M50.69,36.792c2.375-0.137,4.75-0.237,7.125-0.362  c1.662,8.438,3.362,16.862,5.162,25.262c1.413-8.675,2.976-17.325,4.487-25.987c2.5-0.087,5-0.225,7.488-0.375  c-2.825,12.112-5.301,24.325-8.388,36.362c-2.088,1.088-5.213-0.05-7.688,0.125c-1.663-8.274-3.601-16.5-5.088-24.813  c-1.462,8.075-3.362,16.075-5.037,24.101c-2.4-0.125-4.813-0.275-7.226-0.438c-2.074-11-4.512-21.925-6.449-32.95  c2.137-0.1,4.287-0.188,6.425-0.263c1.287,7.962,2.75,15.888,3.875,23.862C47.14,53.143,48.94,44.968,50.69,36.792z"/></svg>')
     }
 
     &.icon-format-pdf {
       width: 30px;
       height: 30px;
-      .encoded-svg-background('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 33 33" y="0px" x="0px"><defs><style>.cls-1{fill:"@{themeColor}"}</style></defs><path d="M11.875,18.648c0.8-1.567,1.709-3.334,2.437-5.107l0,0  l0.288-0.7c-0.95-3.616-1.52-6.519-1.011-8.396l0,0c0.137-0.489,0.704-0.786,1.31-0.786l0,0l0.369,0.005h0.068  c0.83-0.013,1.22,1.042,1.264,1.453l0,0c0.073,0.683-0.243,1.839-0.243,1.839l0,0c0-0.467,0.018-1.221-0.276-1.873l0,0  c-0.343-0.753-0.671-1.204-0.965-1.275l0,0c-0.148,0.099-0.292,0.304-0.342,0.699l0,0c-0.103,0.553-0.133,1.252-0.133,1.612l0,0  c0,1.272,0.25,2.952,0.743,4.683l0,0c0.093-0.268,0.174-0.526,0.24-0.767l0,0c0.101-0.38,0.743-2.901,0.743-2.901l0,0  c0,0-0.162,3.355-0.388,4.371l0,0c-0.048,0.215-0.102,0.427-0.158,0.644l0,0c0.812,2.268,2.121,4.292,3.68,5.75l0,0  c0.615,0.575,1.393,1.038,2.128,1.461l0,0c1.605-0.229,3.084-0.338,4.318-0.324l0,0c1.637,0.021,2.838,0.264,3.324,0.743l0,0  c0.238,0.232,0.335,0.514,0.365,0.83l0,0c0.007,0.122-0.053,0.41-0.07,0.482l0,0c0.018-0.088,0.018-0.518-1.297-0.938l0,0  c-1.034-0.33-2.971-0.32-5.295-0.073l0,0c2.688,1.315,5.307,1.968,6.137,1.577l0,0c0.203-0.1,0.449-0.437,0.449-0.437l0,0  c0,0-0.146,0.665-0.252,0.831l0,0c-0.134,0.18-0.396,0.376-0.646,0.441l0,0c-1.311,0.35-4.722-0.459-7.695-2.158l0,0  c-3.322,0.489-6.972,1.393-9.897,2.353l0,0c-2.874,5.037-5.035,7.351-6.793,6.471l0,0L3.63,28.833  c-0.263-0.15-0.303-0.516-0.242-0.813l0,0c0.205-1.003,1.462-2.513,3.988-4.021l0,0c0.272-0.165,1.483-0.805,1.483-0.805l0,0  c0,0-0.896,0.868-1.106,1.038l0,0c-2.016,1.652-3.504,3.73-3.467,4.536l0,0l0.007,0.069C6.005,28.594,8.573,25.109,11.875,18.648   M12.921,19.184c-0.551,1.038-1.09,2.001-1.588,2.886l0,0c2.752-1.153,5.715-1.892,8.535-2.416l0,0  c-0.379-0.262-0.746-0.539-1.093-0.832l0,0c-1.554-1.314-2.737-2.955-3.595-4.681l0,0C14.636,15.607,13.989,17.166,12.921,19.184" fill="@{themeColor}" class="cls-1"/></svg>')
+      .encoded-svg-mask('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 33 33" y="0px" x="0px"><defs><style>.cls-1{fill:"@{brandColor}"}</style></defs><path d="M11.875,18.648c0.8-1.567,1.709-3.334,2.437-5.107l0,0  l0.288-0.7c-0.95-3.616-1.52-6.519-1.011-8.396l0,0c0.137-0.489,0.704-0.786,1.31-0.786l0,0l0.369,0.005h0.068  c0.83-0.013,1.22,1.042,1.264,1.453l0,0c0.073,0.683-0.243,1.839-0.243,1.839l0,0c0-0.467,0.018-1.221-0.276-1.873l0,0  c-0.343-0.753-0.671-1.204-0.965-1.275l0,0c-0.148,0.099-0.292,0.304-0.342,0.699l0,0c-0.103,0.553-0.133,1.252-0.133,1.612l0,0  c0,1.272,0.25,2.952,0.743,4.683l0,0c0.093-0.268,0.174-0.526,0.24-0.767l0,0c0.101-0.38,0.743-2.901,0.743-2.901l0,0  c0,0-0.162,3.355-0.388,4.371l0,0c-0.048,0.215-0.102,0.427-0.158,0.644l0,0c0.812,2.268,2.121,4.292,3.68,5.75l0,0  c0.615,0.575,1.393,1.038,2.128,1.461l0,0c1.605-0.229,3.084-0.338,4.318-0.324l0,0c1.637,0.021,2.838,0.264,3.324,0.743l0,0  c0.238,0.232,0.335,0.514,0.365,0.83l0,0c0.007,0.122-0.053,0.41-0.07,0.482l0,0c0.018-0.088,0.018-0.518-1.297-0.938l0,0  c-1.034-0.33-2.971-0.32-5.295-0.073l0,0c2.688,1.315,5.307,1.968,6.137,1.577l0,0c0.203-0.1,0.449-0.437,0.449-0.437l0,0  c0,0-0.146,0.665-0.252,0.831l0,0c-0.134,0.18-0.396,0.376-0.646,0.441l0,0c-1.311,0.35-4.722-0.459-7.695-2.158l0,0  c-3.322,0.489-6.972,1.393-9.897,2.353l0,0c-2.874,5.037-5.035,7.351-6.793,6.471l0,0L3.63,28.833  c-0.263-0.15-0.303-0.516-0.242-0.813l0,0c0.205-1.003,1.462-2.513,3.988-4.021l0,0c0.272-0.165,1.483-0.805,1.483-0.805l0,0  c0,0-0.896,0.868-1.106,1.038l0,0c-2.016,1.652-3.504,3.73-3.467,4.536l0,0l0.007,0.069C6.005,28.594,8.573,25.109,11.875,18.648   M12.921,19.184c-0.551,1.038-1.09,2.001-1.588,2.886l0,0c2.752-1.153,5.715-1.892,8.535-2.416l0,0  c-0.379-0.262-0.746-0.539-1.093-0.832l0,0c-1.554-1.314-2.737-2.955-3.595-4.681l0,0C14.636,15.607,13.989,17.166,12.921,19.184" fill="@{brandColor}" class="cls-1"/></svg>')
     }
 
     &.icon-format-pdfa {
       width: 30px;
       height: 30px;
-      .encoded-svg-background('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 33 33" y="0px" x="0px"><defs><style>.cls-1{fill:"@{themeColor}"}</style></defs><path fill-rule="evenodd" clip-rule="evenodd" d="M11.875 18.648L11.9617 18.4783C12.7401 16.954 13.6102 15.2503 14.312 13.541L14.6 12.841C13.65 9.225 13.08 6.322 13.589 4.445C13.726 3.956 14.293 3.659 14.899 3.659L15.268 3.664H15.336C16.166 3.651 16.556 4.706 16.6 5.117C16.673 5.8 16.357 6.956 16.357 6.956L16.3571 6.87946C16.358 6.40944 16.3594 5.70047 16.081 5.083C15.738 4.33 15.41 3.879 15.116 3.808C14.968 3.907 14.824 4.112 14.774 4.507C14.671 5.06 14.641 5.759 14.641 6.119C14.641 7.391 14.891 9.071 15.384 10.802C15.477 10.534 15.558 10.276 15.624 10.035C15.725 9.655 16.367 7.134 16.367 7.134C16.367 7.134 16.205 10.489 15.979 11.505C15.931 11.72 15.877 11.932 15.821 12.149C16.633 14.417 17.942 16.441 19.501 17.899C19.9467 18.3157 20.4779 18.6735 21.0164 19H29C30.1046 19 31 19.8954 31 21V29C31 30.1046 30.1046 31 29 31H17C15.8954 31 15 30.1046 15 29V21.5492C13.6156 21.9019 12.2807 22.2896 11.07 22.687C8.19599 27.724 6.03499 30.038 4.27699 29.158L3.62999 28.833C3.36699 28.683 3.32699 28.317 3.38799 28.02C3.59299 27.017 4.84999 25.507 7.37599 23.999C7.64799 23.834 8.85899 23.194 8.85899 23.194C8.85899 23.194 7.96299 24.062 7.75299 24.232C5.73699 25.884 4.24899 27.962 4.28599 28.768L4.29299 28.837C6.00499 28.594 8.57299 25.109 11.875 18.648ZM18.775 18.822C18.8461 18.882 18.918 18.9413 18.9906 19H17C15.9681 19 15.1187 19.7815 15.0114 20.785C13.7648 21.146 12.529 21.5689 11.333 22.07C11.831 21.185 12.37 20.222 12.921 19.184C13.989 17.166 14.636 15.607 15.18 14.141C16.038 15.867 17.221 17.508 18.775 18.822ZM21.5553 27.3521H24.4447L24.9995 29H26.7518L23.7581 21.002H22.231L19.2537 29H21.006L21.5553 27.3521ZM23.9998 26.0172H22.0002L22.9945 23.0234L23.9998 26.0172Z" class="cls-1" fill="@{themeColor}"/></svg>')
+      .encoded-svg-mask('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 33 33" y="0px" x="0px"><defs><style>.cls-1{fill:"@{brandColor}"}</style></defs><path fill-rule="evenodd" clip-rule="evenodd" d="M11.875 18.648L11.9617 18.4783C12.7401 16.954 13.6102 15.2503 14.312 13.541L14.6 12.841C13.65 9.225 13.08 6.322 13.589 4.445C13.726 3.956 14.293 3.659 14.899 3.659L15.268 3.664H15.336C16.166 3.651 16.556 4.706 16.6 5.117C16.673 5.8 16.357 6.956 16.357 6.956L16.3571 6.87946C16.358 6.40944 16.3594 5.70047 16.081 5.083C15.738 4.33 15.41 3.879 15.116 3.808C14.968 3.907 14.824 4.112 14.774 4.507C14.671 5.06 14.641 5.759 14.641 6.119C14.641 7.391 14.891 9.071 15.384 10.802C15.477 10.534 15.558 10.276 15.624 10.035C15.725 9.655 16.367 7.134 16.367 7.134C16.367 7.134 16.205 10.489 15.979 11.505C15.931 11.72 15.877 11.932 15.821 12.149C16.633 14.417 17.942 16.441 19.501 17.899C19.9467 18.3157 20.4779 18.6735 21.0164 19H29C30.1046 19 31 19.8954 31 21V29C31 30.1046 30.1046 31 29 31H17C15.8954 31 15 30.1046 15 29V21.5492C13.6156 21.9019 12.2807 22.2896 11.07 22.687C8.19599 27.724 6.03499 30.038 4.27699 29.158L3.62999 28.833C3.36699 28.683 3.32699 28.317 3.38799 28.02C3.59299 27.017 4.84999 25.507 7.37599 23.999C7.64799 23.834 8.85899 23.194 8.85899 23.194C8.85899 23.194 7.96299 24.062 7.75299 24.232C5.73699 25.884 4.24899 27.962 4.28599 28.768L4.29299 28.837C6.00499 28.594 8.57299 25.109 11.875 18.648ZM18.775 18.822C18.8461 18.882 18.918 18.9413 18.9906 19H17C15.9681 19 15.1187 19.7815 15.0114 20.785C13.7648 21.146 12.529 21.5689 11.333 22.07C11.831 21.185 12.37 20.222 12.921 19.184C13.989 17.166 14.636 15.607 15.18 14.141C16.038 15.867 17.221 17.508 18.775 18.822ZM21.5553 27.3521H24.4447L24.9995 29H26.7518L23.7581 21.002H22.231L19.2537 29H21.006L21.5553 27.3521ZM23.9998 26.0172H22.0002L22.9945 23.0234L23.9998 26.0172Z" class="cls-1" fill="@{brandColor}"/></svg>')
     }
 
     &.icon-format-txt {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"><path d="M22 17H2V18H22V17Z" fill="@{themeColor}"/><path d="M22 20H2V21H22V20Z" fill="@{themeColor}"/><path d="M22 14H2V15H22V14Z" fill="@{themeColor}"/><path d="M22 11H2V12H22V11Z" fill="@{themeColor}"/><path d="M22 8H2V9H22V8Z" fill="@{themeColor}"/><path d="M22 5H2V6H22V5Z" fill="@{themeColor}"/><path d="M22 2H2V3H22V2Z" fill="@{themeColor}"/></svg>')
+      .encoded-svg-mask('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M22 17H2V18H22V17Z" fill="@{brandColor}"/><path d="M22 20H2V21H22V20Z" fill="@{brandColor}"/><path d="M22 14H2V15H22V14Z" fill="@{brandColor}"/><path d="M22 11H2V12H22V11Z" fill="@{brandColor}"/><path d="M22 8H2V9H22V8Z" fill="@{brandColor}"/><path d="M22 5H2V6H22V5Z" fill="@{brandColor}"/><path d="M22 2H2V3H22V2Z" fill="@{brandColor}"/></svg>')
     }
 
     &.icon-format-rtf {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"><rect x="2" y="2" width="7" height="7" fill="@{themeColor}"/><path d="M22 11H2V12H22V11Z" fill="@{themeColor}"/><path d="M22 14H2V15H22V14Z" fill="@{themeColor}"/><path d="M22 17H2V18H22V17Z" fill="@{themeColor}"/><path d="M22 20H2V21H22V20Z" fill="@{themeColor}"/><path d="M22 2H11V3H22V2Z" fill="@{themeColor}"/><path d="M22 5H11V6H22V5Z" fill="@{themeColor}"/><path d="M22 8H11V9H22V8Z" fill="@{themeColor}"/></svg>')
+      .encoded-svg-mask('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect x="2" y="2" width="7" height="7" fill="@{brandColor}"/><path d="M22 11H2V12H22V11Z" fill="@{brandColor}"/><path d="M22 14H2V15H22V14Z" fill="@{brandColor}"/><path d="M22 17H2V18H22V17Z" fill="@{brandColor}"/><path d="M22 20H2V21H22V20Z" fill="@{brandColor}"/><path d="M22 2H11V3H22V2Z" fill="@{brandColor}"/><path d="M22 5H11V6H22V5Z" fill="@{brandColor}"/><path d="M22 8H11V9H22V8Z" fill="@{brandColor}"/></svg>')
     }
 
     &.icon-format-odt {
       width: 30px;
       height: 30px;
-      .encoded-svg-background('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 193.631 193.63" y="0px" x="0px"><path d="M193.16,59.725v-0.006  c-0.334-0.173-0.671-0.334-1.004-0.497c-5.357-2.586-11.257-4.287-17.526-4.88c-11.083-1.049-21.673,1.496-30.622,6.678  c-6.13-3.477-13.072-5.741-20.542-6.448c-10.298-0.974-20.17,1.16-28.697,5.629c-0.084,0.044-0.17,0.095-0.251,0.135  c-0.207,0.162-0.347,0.414-0.347,0.697c0,0.492,0.392,0.89,0.889,0.89c0.046,0,0.091-0.007,0.139-0.017  c0.021-0.002,0.042-0.011,0.061-0.015c4.586-0.848,9.368-1.088,14.243-0.627c13.683,1.293,25.609,5.521,33.975,15.011  c0.436,0.455,0.822,0.427,1.265-0.024c10.524-12.2,26.663-17.021,44.006-15.382c0.968,0.094,1.921,0.213,2.871,0.355  c0.33,0.05,0.836,0.134,1.133,0.167c0.572,0.063,0.88-0.397,0.88-0.891C193.629,60.166,193.486,59.886,193.16,59.725L193.16,59.725z" class="cls-1"/><path d="M173.053,102.654c-0.056-0.029-0.106-0.046-0.154-0.066  c-10.517-4.349-22.02-6.758-34.093-6.758c-19.293,0-37.155,6.127-51.757,16.524c-11.146-4.993-23.497-7.776-36.496-7.776  c-18.485,0-35.648,5.617-49.895,15.237c-0.047,0.029-0.095,0.066-0.149,0.104C0.205,120.154,0,120.528,0,120.957  c0,0.729,0.592,1.324,1.323,1.324c0.086,0,0.174-0.013,0.259-0.03c0.058-0.015,0.107-0.028,0.161-0.048  c8.166-2.456,16.832-3.791,25.798-3.791c23.836,0,45.083,5.633,61.08,20.68c0.038,0.029,0.071,0.066,0.111,0.104  c0.232,0.205,0.53,0.325,0.863,0.325c0.412,0,0.774-0.189,1.018-0.486c0.006,0.004,0.515-0.72,0.773-1.07  c16.246-22.216,43.03-33.172,72.846-33.172c2.128,0,4.246,0.08,6.337,0.225c0.602,0.047,1.874,0.144,1.903,0.144  c0.726,0,1.322-0.591,1.322-1.324C173.796,103.313,173.492,102.862,173.053,102.654L173.053,102.654z" class="cls-1" fill="@{themeColor}"/></svg>')
+      .encoded-svg-mask('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 193.631 193.63" y="0px" x="0px"><path d="M193.16,59.725v-0.006  c-0.334-0.173-0.671-0.334-1.004-0.497c-5.357-2.586-11.257-4.287-17.526-4.88c-11.083-1.049-21.673,1.496-30.622,6.678  c-6.13-3.477-13.072-5.741-20.542-6.448c-10.298-0.974-20.17,1.16-28.697,5.629c-0.084,0.044-0.17,0.095-0.251,0.135  c-0.207,0.162-0.347,0.414-0.347,0.697c0,0.492,0.392,0.89,0.889,0.89c0.046,0,0.091-0.007,0.139-0.017  c0.021-0.002,0.042-0.011,0.061-0.015c4.586-0.848,9.368-1.088,14.243-0.627c13.683,1.293,25.609,5.521,33.975,15.011  c0.436,0.455,0.822,0.427,1.265-0.024c10.524-12.2,26.663-17.021,44.006-15.382c0.968,0.094,1.921,0.213,2.871,0.355  c0.33,0.05,0.836,0.134,1.133,0.167c0.572,0.063,0.88-0.397,0.88-0.891C193.629,60.166,193.486,59.886,193.16,59.725L193.16,59.725z" class="cls-1"/><path d="M173.053,102.654c-0.056-0.029-0.106-0.046-0.154-0.066  c-10.517-4.349-22.02-6.758-34.093-6.758c-19.293,0-37.155,6.127-51.757,16.524c-11.146-4.993-23.497-7.776-36.496-7.776  c-18.485,0-35.648,5.617-49.895,15.237c-0.047,0.029-0.095,0.066-0.149,0.104C0.205,120.154,0,120.528,0,120.957  c0,0.729,0.592,1.324,1.323,1.324c0.086,0,0.174-0.013,0.259-0.03c0.058-0.015,0.107-0.028,0.161-0.048  c8.166-2.456,16.832-3.791,25.798-3.791c23.836,0,45.083,5.633,61.08,20.68c0.038,0.029,0.071,0.066,0.111,0.104  c0.232,0.205,0.53,0.325,0.863,0.325c0.412,0,0.774-0.189,1.018-0.486c0.006,0.004,0.515-0.72,0.773-1.07  c16.246-22.216,43.03-33.172,72.846-33.172c2.128,0,4.246,0.08,6.337,0.225c0.602,0.047,1.874,0.144,1.903,0.144  c0.726,0,1.322-0.591,1.322-1.324C173.796,103.313,173.492,102.862,173.053,102.654L173.053,102.654z" class="cls-1" fill="@{brandColor}"/></svg>')
     }
 
     &.icon-format-html {
       width: 30px;
       height: 30px;
-      .encoded-svg-background('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 62 62"><g><path class="cls-1" fill="@{themeColor}" d="M24.993,38.689L11.34,32.753v-3.288l13.653-5.91v3.872l-9.523,3.641l9.523,3.777V38.689z"/><path class="cls-1" fill="@{themeColor}" d="M27.09,41.298l4.931-20.596h2.867l-4.986,20.596H27.09z"/><path class="cls-1" fill="@{themeColor}" d="M36.986,38.703v-3.845l9.536-3.75L36.986,27.4v-3.817l13.666,5.91v3.261L36.986,38.703z"/></g></svg>')
+      .encoded-svg-mask('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 62 62"><g><path class="cls-1" fill="@{brandColor}" d="M24.993,38.689L11.34,32.753v-3.288l13.653-5.91v3.872l-9.523,3.641l9.523,3.777V38.689z"/><path class="cls-1" fill="@{brandColor}" d="M27.09,41.298l4.931-20.596h2.867l-4.986,20.596H27.09z"/><path class="cls-1" fill="@{brandColor}" d="M36.986,38.703v-3.845l9.536-3.75L36.986,27.4v-3.817l13.666,5.91v3.261L36.986,38.703z"/></g></svg>')
     }
 
     &.icon-format-dotx {
       width: 30px;
       height: 30px;
-      .encoded-svg-background('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 33 33"><defs><style>.cls-1{fill:#446995;}.cls-2{fill:#fff;}.cls-3{fill:#446995;}</style></defs><g><rect id="Rectangle_20" data-name="Rectangle 20" width="33" height="33" fill="none"/><path id="Path_38" data-name="Path 38" d="M12.223,119.714c1.251-.066,2.5-.115,3.752-.177.875,4.123,1.771,8.239,2.718,12.343.744-4.239,1.567-8.464,2.363-12.7,1.317-.042,2.633-.109,3.944-.183-1.488,5.917-2.792,11.886-4.417,17.767-1.1.531-2.745-.026-4.049.06-.876-4.042-1.9-8.061-2.679-12.123-.77,3.945-1.771,7.854-2.653,11.775-1.264-.06-2.535-.134-3.805-.213C6.3,130.892,5.02,125.553,4,120.167c1.125-.049,2.258-.093,3.384-.129.678,3.889,1.448,7.762,2.041,11.659C10.353,127.7,11.3,123.708,12.223,119.714Z" transform="translate(-2 -117)" class="cls-1" fill="@{themeColor}"/><g id="Group_5" data-name="Group 5" transform="translate(16 16)"><path id="Path_44" data-name="Path 44" d="M1.011,0H13.989A1.011,1.011,0,0,1,15,1.011V13.989A1.011,1.011,0,0,1,13.989,15H1.011A1.011,1.011,0,0,1,0,13.989V1.011A1.011,1.011,0,0,1,1.011,0Z" class="cls-1" fill="@{themeColor}"/><path id="Path_39" data-name="Path 39" d="M5.794,13.25V3.911H9.258V2.25h-9V3.911H3.729V13.25Z" transform="translate(2.742 -0.25)" class="cls-2" fill="#fff" /></g></g></svg>')
+      .encoded-svg-mask('<svg xmlns="http://www.w3.org/2000/svg" width="21" height="19" viewBox="0 0 21 19" fill="#000"><path fill-rule="evenodd" d="M10.9985 9c-.5522 0-.99996.44772-.99996 1v8c0 .5523.44776 1 .99996 1h9c.5523 0 1-.4477 1-1v-8c0-.55228-.4477-1-1-1h-9zm4 8v-5h-2v-1h5v1h-2v5h-1z"/><path d="M7.97326.40492L6.48043.47623 5.38941 5.15309l-.77467 3.31162-.87852-5.09363L3.25428.69187.99854.77754l1.29895 6.21515.96522 4.51801 2.53697.1427.61204-2.63941L7.5681 3.8027l1.09681 5.03141.33363 1.45299V10c0-.99111.72092-1.81383 1.66696-1.9724L8.98193.35832l-1.00867.0466zM10.8976 8.0025L10.9985 8h2.0571l.8934-3.68759L14.9985 0l-2.6289.12215-.4155 2.19607-1.0565 5.68428z"/></svg>')
     }
 
     &.icon-format-ott {
       width: 30px;
       height: 30px;
-      .encoded-svg-background('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 33 33"><defs><clipPath id="clip-ott"><rect width="33" height="33"/></clipPath><style>.cls-1{fill:#446995;}</style></defs><g id="ott" clip-path="url(#clip-ott)"><rect id="Rectangle_20" data-name="Rectangle 20" width="33" height="33" fill="none"/><path id="Path_33" data-name="Path 33" d="M125.173,121h0c-.046-.03-.093-.059-.141-.088a6.133,6.133,0,0,0-2.467-.869,6.014,6.014,0,0,0-4.309,1.188,6.223,6.223,0,0,0-2.892-1.147,5.965,5.965,0,0,0-4.039,1l-.036.024a.176.176,0,0,0-.049.125.145.145,0,0,0,.126.158l.019,0a.019.019,0,0,0,.009,0,5.781,5.781,0,0,1,2.005-.111,6.41,6.41,0,0,1,4.782,2.669c.06.081.115.076.178,0a6.288,6.288,0,0,1,6.194-2.735c.136.017.27.038.4.064.047.009.119.024.161.03.08.011.123-.071.123-.159A.155.155,0,0,0,125.173,121Z" transform="translate(-94.24 -116)" class="cls-1" fill="@{themeColor}"/><path id="Path_34" data-name="Path 34" d="M126.894,125.978a.175.175,0,0,0-.022-.011,11.686,11.686,0,0,0-4.905-1.082,11.924,11.924,0,0,0-7.444,2.647,11.725,11.725,0,0,0-5.251-1.245,11.884,11.884,0,0,0-7.176,2.441.229.229,0,0,0-.022.016.217.217,0,0,0-.073.167.2.2,0,0,0,.191.211.167.167,0,0,0,.037,0,.118.118,0,0,0,.023-.008,11.679,11.679,0,0,1,3.71-.608c3.429,0,6.486.9,8.787,3.315a.093.093,0,0,1,.016.016.172.172,0,0,0,.123.052.18.18,0,0,0,.147-.078s.075-.115.111-.171a12.1,12.1,0,0,1,10.479-5.315c.306,0,.611.014.912.037l.273.022a.2.2,0,0,0,.191-.211A.211.211,0,0,0,126.894,125.978Z" transform="translate(-100 -115.885)" class="cls-1" fill="@{themeColor}"/><g id="Group_5" data-name="Group 5" transform="translate(16 16)"><path id="Path_44" data-name="Path 44" d="M1.011,0H13.989A1.011,1.011,0,0,1,15,1.011V13.989A1.011,1.011,0,0,1,13.989,15H1.011A1.011,1.011,0,0,1,0,13.989V1.011A1.011,1.011,0,0,1,1.011,0Z" class="cls-1" fill="@{themeColor}"/><path id="Path_39" data-name="Path 39" d="M5.794,13.25V3.911H9.258V2.25h-9V3.911H3.729V13.25Z" transform="translate(2.742 -0.25)" fill="#fff"/></g></g></svg>')
+      .encoded-svg-mask('<svg xmlns="http://www.w3.org/2000/svg" width="22" height="18" viewBox="0 0 22 18" fill="none"><path fill-rule="evenodd" d="M18.9524.65678l-.0785-.04649-.0201-.0117c-.5256-.30277-1.1045-.50192-1.7196-.57134-1.0875-.12282-2.1267.17515-3.0048.78185-.6015-.40708-1.2825-.67215-2.0156-.75492-1.0105-.11403-1.9792.13581-2.81586.65904l-.01038.00672-.01425.00908c-.02031.01897-.03405.04847-.03405.0816 0 .0576.03846.1042.08723.1042.00451 0 .00893-.00082.01364-.00199s.00253-.0006.00375-.00103l.00223-.00072c.45-.09928.91919-.12738 1.39759-.07341 1.3427.15138 2.5128.6464 3.3337 1.75747.0429.05327.0807.05.1242-.00281 1.0326-1.42836 2.6162-1.99279 4.3181-1.8009l.2817.04156.0281.00521.083.01434c.0562.00738.0864-.04648.0864-.10432-.0005-.0391-.0146-.07259-.0465-.09144zM11.9985 8c-.5522 0-1 .44772-1 1v8c0 .5523.4477 1 1 1h9c.5523 0 1-.4477 1-1V9c0-.55228-.4477-1-1-1h-9zm4 8v-5h-2v-1h5v1h-2v5h-1zm.9693-10.32247l.0118.00606c.043.02436.0729.07716.0726.13898 0 .0857-.0584.15489-.1298.15489-.0028 0-.1275-.01136-.1866-.01686l-.6219-.02634c-2.9255 0-5.5537 1.2826-7.14778 3.88374l-.04596.07604-.02989.04912c-.02395.03488-.05947.05694-.09989.05694-.03268 0-.06192-.0141-.08468-.0381-.00393-.00456-.00717-.00889-.01089-.01217C7.12513 8.18814 5.0403 7.52852 2.70144 7.52852c-.87978 0-1.73011.1563-2.53139.44385-.00487.00226-.00932.00362-.01442.00519l-.00138.00043c-.00834.00199-.01697.00351-.02541.00351-.07173 0-.12982-.06955-.12982-.1549 0-.05034.02012-.09413.04994-.12152l.00484-.00414.00978-.00804c1.39796-1.1263 3.08205-1.78393 4.89586-1.78393 1.2755 0 2.48742.32583 3.58111.91041C9.97345 5.60211 11.726 4.88477 13.6191 4.88477c1.1847 0 2.3134.28192 3.3454.79121l.0033.00155z" fill="#000"/></svg>')
     }
 
 
@@ -143,234 +143,234 @@
     &.icon-text-additional {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M18.5,15.5c-1.1,0-2,0.9-2,2s0.9,2,2,2s2-0.9,2-2S19.6,15.5,18.5,15.5z M18.5,18.5c-0.6,0-1-0.4-1-1c0-0.6,0.4-1,1-1s1,0.4,1,1C19.5,18.1,19.1,18.5,18.5,18.5z M18.5,7.5c1.1,0,2-0.9,2-2c0-1.1-0.9-2-2-2s-2,0.9-2,2C16.5,6.6,17.4,7.5,18.5,7.5z M18.5,4.5c0.6,0,1,0.4,1,1s-0.4,1-1,1s-1-0.4-1-1S17.9,4.5,18.5,4.5z M18.5,9.5c-1.1,0-2,0.9-2,2s0.9,2,2,2s2-0.9,2-2S19.6,9.5,18.5,9.5z M18.5,12.5c-0.6,0-1-0.4-1-1c0-0.6,0.4-1,1-1s1,0.4,1,1C19.5,12.1,19.1,12.5,18.5,12.5z M6.9,3.8L1,18.9h1.5l1.8-4.7h6.9l1.7,4.7h1.5L8.6,3.8H6.9z M4.7,12.9l3-7.9l3,7.9H4.7z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M18.5,15.5c-1.1,0-2,0.9-2,2s0.9,2,2,2s2-0.9,2-2S19.6,15.5,18.5,15.5z M18.5,18.5c-0.6,0-1-0.4-1-1c0-0.6,0.4-1,1-1s1,0.4,1,1C19.5,18.1,19.1,18.5,18.5,18.5z M18.5,7.5c1.1,0,2-0.9,2-2c0-1.1-0.9-2-2-2s-2,0.9-2,2C16.5,6.6,17.4,7.5,18.5,7.5z M18.5,4.5c0.6,0,1,0.4,1,1s-0.4,1-1,1s-1-0.4-1-1S17.9,4.5,18.5,4.5z M18.5,9.5c-1.1,0-2,0.9-2,2s0.9,2,2,2s2-0.9,2-2S19.6,9.5,18.5,9.5z M18.5,12.5c-0.6,0-1-0.4-1-1c0-0.6,0.4-1,1-1s1,0.4,1,1C19.5,12.1,19.1,12.5,18.5,12.5z M6.9,3.8L1,18.9h1.5l1.8-4.7h6.9l1.7,4.7h1.5L8.6,3.8H6.9z M4.7,12.9l3-7.9l3,7.9H4.7z"/></g></svg>');
     }
     &.icon-bullets {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M7,4v1h15V4H7z M1,6h3V3H1V6z M7,12h15v-1H7V12z M1,13h3v-3H1V13z M7,19h15v-1H7V19z M1,20h3v-3H1V20z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M7,4v1h15V4H7z M1,6h3V3H1V6z M7,12h15v-1H7V12z M1,13h3v-3H1V13z M7,19h15v-1H7V19z M1,20h3v-3H1V20z"/></g></svg>');
     }
     &.icon-numbers {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M7,3.8v1h15v-1H7z M7,11.8h15v-1H7V11.8z M7,18.8h15v-1H7V18.8z M3.1,6.9h0.7V2H3.3C3.2,2.4,3.1,2.6,2.9,2.7C2.7,2.8,2.4,2.9,2,2.9v0.5h1.2V6.9z M3.3,9C2.6,9,2.1,9.2,1.9,9.7c-0.2,0.3-0.2,0.6-0.2,1h0.6c0-0.3,0.1-0.5,0.1-0.7c0.2-0.3,0.5-0.5,0.9-0.5c0.3,0,0.5,0.1,0.7,0.3s0.3,0.4,0.3,0.7c0,0.2-0.1,0.5-0.3,0.7c-0.1,0.1-0.3,0.3-0.6,0.4l-0.7,0.4c-0.4,0.3-0.7,0.5-0.9,0.9c-0.2,0.3-0.2,0.7-0.3,1.1h3.4v-0.6H2.2c0.1-0.2,0.2-0.5,0.4-0.7c0.1-0.1,0.3-0.2,0.5-0.4L3.6,12c0.4-0.2,0.7-0.4,0.9-0.6c0.3-0.3,0.4-0.6,0.4-1c0-0.4-0.1-0.7-0.4-1C4.3,9.1,3.9,9,3.3,9z M4.1,18.3c0.2-0.1,0.3-0.2,0.4-0.3c0.2-0.2,0.2-0.4,0.2-0.7c0-0.4-0.1-0.7-0.4-1C4,16.1,3.6,16,3.1,16c-0.6,0-1.1,0.2-1.3,0.7c-0.1,0.3-0.2,0.6-0.2,0.9h0.6c0-0.3,0.1-0.5,0.1-0.6c0.2-0.3,0.4-0.4,0.9-0.4c0.2,0,0.4,0.1,0.6,0.2C4,16.9,4.1,17,4.1,17.3c0,0.3-0.1,0.6-0.4,0.7c-0.1,0.1-0.3,0.1-0.6,0.1c-0.1,0-0.1,0-0.1,0c0,0-0.1,0-0.2,0v0.5c0,0,0.1,0,0.1,0c0,0,0.1,0,0.1,0c0.4,0,0.7,0.1,0.9,0.2c0.2,0.1,0.3,0.4,0.3,0.7c0,0.3-0.1,0.5-0.3,0.7c-0.2,0.2-0.5,0.3-0.8,0.3c-0.4,0-0.7-0.1-0.9-0.4c-0.1-0.1-0.2-0.4-0.2-0.7H1.5c0,0.5,0.1,0.8,0.4,1.2C2.1,20.8,2.5,21,3.1,21c0.6,0,1-0.1,1.3-0.4c0.3-0.3,0.5-0.7,0.5-1.1c0-0.3-0.1-0.5-0.2-0.7C4.5,18.5,4.3,18.3,4.1,18.3z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M7,3.8v1h15v-1H7z M7,11.8h15v-1H7V11.8z M7,18.8h15v-1H7V18.8z M3.1,6.9h0.7V2H3.3C3.2,2.4,3.1,2.6,2.9,2.7C2.7,2.8,2.4,2.9,2,2.9v0.5h1.2V6.9z M3.3,9C2.6,9,2.1,9.2,1.9,9.7c-0.2,0.3-0.2,0.6-0.2,1h0.6c0-0.3,0.1-0.5,0.1-0.7c0.2-0.3,0.5-0.5,0.9-0.5c0.3,0,0.5,0.1,0.7,0.3s0.3,0.4,0.3,0.7c0,0.2-0.1,0.5-0.3,0.7c-0.1,0.1-0.3,0.3-0.6,0.4l-0.7,0.4c-0.4,0.3-0.7,0.5-0.9,0.9c-0.2,0.3-0.2,0.7-0.3,1.1h3.4v-0.6H2.2c0.1-0.2,0.2-0.5,0.4-0.7c0.1-0.1,0.3-0.2,0.5-0.4L3.6,12c0.4-0.2,0.7-0.4,0.9-0.6c0.3-0.3,0.4-0.6,0.4-1c0-0.4-0.1-0.7-0.4-1C4.3,9.1,3.9,9,3.3,9z M4.1,18.3c0.2-0.1,0.3-0.2,0.4-0.3c0.2-0.2,0.2-0.4,0.2-0.7c0-0.4-0.1-0.7-0.4-1C4,16.1,3.6,16,3.1,16c-0.6,0-1.1,0.2-1.3,0.7c-0.1,0.3-0.2,0.6-0.2,0.9h0.6c0-0.3,0.1-0.5,0.1-0.6c0.2-0.3,0.4-0.4,0.9-0.4c0.2,0,0.4,0.1,0.6,0.2C4,16.9,4.1,17,4.1,17.3c0,0.3-0.1,0.6-0.4,0.7c-0.1,0.1-0.3,0.1-0.6,0.1c-0.1,0-0.1,0-0.1,0c0,0-0.1,0-0.2,0v0.5c0,0,0.1,0,0.1,0c0,0,0.1,0,0.1,0c0.4,0,0.7,0.1,0.9,0.2c0.2,0.1,0.3,0.4,0.3,0.7c0,0.3-0.1,0.5-0.3,0.7c-0.2,0.2-0.5,0.3-0.8,0.3c-0.4,0-0.7-0.1-0.9-0.4c-0.1-0.1-0.2-0.4-0.2-0.7H1.5c0,0.5,0.1,0.8,0.4,1.2C2.1,20.8,2.5,21,3.1,21c0.6,0,1-0.1,1.3-0.4c0.3-0.3,0.5-0.7,0.5-1.1c0-0.3-0.1-0.5-0.2-0.7C4.5,18.5,4.3,18.3,4.1,18.3z"/></g></svg>');
     }
     &.icon-linespacing {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><polygon id="XMLID_7_" points="22,4 22,3 12,3 11,3 1,3 1,4 11,4 11,4.3 8,7.4 8.7,8.1 11,5.7 11,17.3 8.7,14.9 8,15.6 11,18.7 11,19 1,19 1,20 11,20 12,20 22,20 22,19 12,19 12,18.6 15,15.6 14.3,14.9 12,17.2 12,5.8 14.3,8.1 15,7.4 12,4.4 12,4 	"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><polygon id="XMLID_7_" points="22,4 22,3 12,3 11,3 1,3 1,4 11,4 11,4.3 8,7.4 8.7,8.1 11,5.7 11,17.3 8.7,14.9 8,15.6 11,18.7 11,19 1,19 1,20 11,20 12,20 22,20 22,19 12,19 12,18.6 15,15.6 14.3,14.9 12,17.2 12,5.8 14.3,8.1 15,7.4 12,4.4 12,4 	"/></g></svg>');
     }
     &.icon-text-color {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M8.9,12l2.3-6.3l2.2,6.3H8.9z M4.7,17.8h2l1.6-4.3h5.6l1.5,4.3h2.1L12.3,3.5h-2.2L4.7,17.8z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M8.9,12l2.3-6.3l2.2,6.3H8.9z M4.7,17.8h2l1.6-4.3h5.6l1.5,4.3h2.1L12.3,3.5h-2.2L4.7,17.8z"/></g></svg>');
     }
     &.icon-text-selection {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M7.6,10.3c0.2,0.3,0.4,0.4,0.5,0.5c0.3,0.2,0.6,0.3,1,0.3c0.7,0,1.3-0.3,1.7-0.8c0.4-0.5,0.6-1.2,0.6-2.1c0-0.9-0.2-1.5-0.6-2c-0.4-0.4-0.9-0.7-1.6-0.7c-0.3,0-0.6,0.1-0.9,0.2C8,6,7.8,6.2,7.6,6.4V3.8H6.8V11h0.8V10.3z M8,6.9c0.3-0.3,0.7-0.4,1.1-0.4c0.5,0,0.8,0.2,1,0.5c0.2,0.4,0.4,0.8,0.4,1.4c0,0.6-0.1,1.1-0.4,1.5c-0.2,0.4-0.6,0.6-1.1,0.6c-0.6,0-1.1-0.3-1.3-0.9C7.6,9.2,7.6,8.8,7.6,8.3C7.6,7.7,7.7,7.2,8,6.9z M5.7,10.4c-0.1,0-0.2,0-0.2-0.1c0-0.1-0.1-0.1-0.1-0.2v-3c0-0.5-0.2-0.9-0.6-1.1C4.4,5.8,4,5.6,3.3,5.6c-0.5,0-1,0.1-1.4,0.4C1.5,6.3,1.3,6.7,1.3,7.4h0.8c0-0.3,0.1-0.5,0.2-0.6c0.2-0.2,0.5-0.4,1-0.4c0.4,0,0.7,0.1,0.9,0.2c0.2,0.1,0.3,0.4,0.3,0.7c0,0.1,0,0.3-0.1,0.3C4.4,7.7,4.3,7.8,4.1,7.8L2.7,8C2.2,8.1,1.8,8.2,1.5,8.5C1.2,8.8,1,9.1,1,9.6c0,0.4,0.2,0.8,0.5,1.1c0.3,0.3,0.7,0.4,1.2,0.4c0.4,0,0.8-0.1,1.1-0.3c0.3-0.2,0.6-0.4,0.8-0.6c0,0.2,0.1,0.4,0.2,0.5c0.1,0.2,0.4,0.3,0.7,0.3c0.1,0,0.2,0,0.3,0c0.1,0,0.2,0,0.3-0.1v-0.6c-0.1,0-0.1,0-0.2,0C5.8,10.4,5.7,10.4,5.7,10.4z M4.5,9.1c0,0.5-0.2,0.9-0.7,1.2c-0.3,0.1-0.6,0.2-0.9,0.2c-0.3,0-0.5-0.1-0.7-0.2C2,10.1,2,9.9,2,9.6C2,9.3,2.1,9,2.4,8.9c0.2-0.1,0.4-0.2,0.7-0.2l0.5-0.1c0.2,0,0.3-0.1,0.5-0.1c0.2,0,0.3-0.1,0.4-0.2V9.1z M18.5,5L8.3,15.3l-0.5,2c-0.6,0.4-1.3,0.3-1.5,0.6c-0.3,0.4,0.9,0.4,1.5,0.3c0.4,0,0.5,0,0.5-0.2l2.2-0.6L20.7,7.1L18.5,5z M9,15.3l9.5-9.5L20,7.1l-9.5,9.5L9,15.3z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M7.6,10.3c0.2,0.3,0.4,0.4,0.5,0.5c0.3,0.2,0.6,0.3,1,0.3c0.7,0,1.3-0.3,1.7-0.8c0.4-0.5,0.6-1.2,0.6-2.1c0-0.9-0.2-1.5-0.6-2c-0.4-0.4-0.9-0.7-1.6-0.7c-0.3,0-0.6,0.1-0.9,0.2C8,6,7.8,6.2,7.6,6.4V3.8H6.8V11h0.8V10.3z M8,6.9c0.3-0.3,0.7-0.4,1.1-0.4c0.5,0,0.8,0.2,1,0.5c0.2,0.4,0.4,0.8,0.4,1.4c0,0.6-0.1,1.1-0.4,1.5c-0.2,0.4-0.6,0.6-1.1,0.6c-0.6,0-1.1-0.3-1.3-0.9C7.6,9.2,7.6,8.8,7.6,8.3C7.6,7.7,7.7,7.2,8,6.9z M5.7,10.4c-0.1,0-0.2,0-0.2-0.1c0-0.1-0.1-0.1-0.1-0.2v-3c0-0.5-0.2-0.9-0.6-1.1C4.4,5.8,4,5.6,3.3,5.6c-0.5,0-1,0.1-1.4,0.4C1.5,6.3,1.3,6.7,1.3,7.4h0.8c0-0.3,0.1-0.5,0.2-0.6c0.2-0.2,0.5-0.4,1-0.4c0.4,0,0.7,0.1,0.9,0.2c0.2,0.1,0.3,0.4,0.3,0.7c0,0.1,0,0.3-0.1,0.3C4.4,7.7,4.3,7.8,4.1,7.8L2.7,8C2.2,8.1,1.8,8.2,1.5,8.5C1.2,8.8,1,9.1,1,9.6c0,0.4,0.2,0.8,0.5,1.1c0.3,0.3,0.7,0.4,1.2,0.4c0.4,0,0.8-0.1,1.1-0.3c0.3-0.2,0.6-0.4,0.8-0.6c0,0.2,0.1,0.4,0.2,0.5c0.1,0.2,0.4,0.3,0.7,0.3c0.1,0,0.2,0,0.3,0c0.1,0,0.2,0,0.3-0.1v-0.6c-0.1,0-0.1,0-0.2,0C5.8,10.4,5.7,10.4,5.7,10.4z M4.5,9.1c0,0.5-0.2,0.9-0.7,1.2c-0.3,0.1-0.6,0.2-0.9,0.2c-0.3,0-0.5-0.1-0.7-0.2C2,10.1,2,9.9,2,9.6C2,9.3,2.1,9,2.4,8.9c0.2-0.1,0.4-0.2,0.7-0.2l0.5-0.1c0.2,0,0.3-0.1,0.5-0.1c0.2,0,0.3-0.1,0.4-0.2V9.1z M18.5,5L8.3,15.3l-0.5,2c-0.6,0.4-1.3,0.3-1.5,0.6c-0.3,0.4,0.9,0.4,1.5,0.3c0.4,0,0.5,0,0.5-0.2l2.2-0.6L20.7,7.1L18.5,5z M9,15.3l9.5-9.5L20,7.1l-9.5,9.5L9,15.3z"/></g></svg>');
     }
     // Align
     &.icon-text-align-left {
       width: 22px;
       height: 22px;
-      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M1,3v1h21V3H1z M15,7H1v1h14V7z M1,12h21v-1H1V12z M15,15H1v1h14V15z M1,20h21v-1H1V20z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M1,3v1h21V3H1z M15,7H1v1h14V7z M1,12h21v-1H1V12z M15,15H1v1h14V15z M1,20h21v-1H1V20z"/></g></svg>');
     }
     &.icon-text-align-right {
       width: 22px;
       height: 22px;
-      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M1,3v1h21V3H1z M8,8h14V7H8V8z M22,11H1v1h21V11z M8,16h14v-1H8V16z M22,19H1v1h21V19z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M1,3v1h21V3H1z M8,8h14V7H8V8z M22,11H1v1h21V11z M8,16h14v-1H8V16z M22,19H1v1h21V19z"/></g></svg>');
     }
     &.icon-text-align-center {
       width: 22px;
       height: 22px;
-      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M1,3v1h21V3H1z M4,7v1h14V7H4z M1,12h21v-1H1V12z M4,15v1h14v-1H4z M1,20h21v-1H1V20z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M1,3v1h21V3H1z M4,7v1h14V7H4z M1,12h21v-1H1V12z M4,15v1h14v-1H4z M1,20h21v-1H1V20z"/></g></svg>');
     }
     &.icon-text-align-just {
       width: 22px;
       height: 22px;
-      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M1,3v1h21V3H1z M1,8h21V7H1V8z M1,12h21v-1H1V12z M1,16h21v-1H1V16z M1,20h21v-1H1V20z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M1,3v1h21V3H1z M1,8h21V7H1V8z M1,12h21v-1H1V12z M1,16h21v-1H1V16z M1,20h21v-1H1V20z"/></g></svg>');
     }
     &.icon-de-indent {
       width: 22px;
       height: 22px;
-      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M1,20v-1h21v1H1z M11,15h11v1H11V15z M11,11h11v1H11V11z M11,7h11v1H11V7z M6.3,7L7,7.7l-3.8,3.8L7,15.3L6.3,16L2,11.8l-0.2-0.3L2,11.2L6.3,7z M1,3h21v1H1V3z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M1,20v-1h21v1H1z M11,15h11v1H11V15z M11,11h11v1H11V11z M11,7h11v1H11V7z M6.3,7L7,7.7l-3.8,3.8L7,15.3L6.3,16L2,11.8l-0.2-0.3L2,11.2L6.3,7z M1,3h21v1H1V3z"/></g></svg>');
     }
     &.icon-in-indent {
       width: 22px;
       height: 22px;
-      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M1,20v-1h21v1H1z M12,16H1v-1h11V16z M12,12H1v-1h11V12z M12,8H1V7h11V8z M21,11.2l0.2,0.3L21,11.8L16.7,16L16,15.3l3.8-3.8L16,7.7L16.7,7L21,11.2z M22,4H1V3h21V4z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M1,20v-1h21v1H1z M12,16H1v-1h11V16z M12,12H1v-1h11V12z M12,8H1V7h11V8z M21,11.2l0.2,0.3L21,11.8L16.7,16L16,15.3l3.8-3.8L16,7.7L16.7,7L21,11.2z M22,4H1V3h21V4z"/></g></svg>');
     }
     // Table
     &.icon-table-add-column-left {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M15,19h-1H8H7v-1v-3H0V2h7h1h14v4v1v3v1v3v1v3v1H15z M15,18h6v-3h-6V18z M15,14h6v-3h-6V14z M8,18h6v-3H8V18z M8,14h6v-3H8V14z M14,10V7H8v3H14z M8,3v3h6V3H8z M21,3h-6v3h6V3z M15,7v3h6V7H15z M3,16h1v2h2v1H4v2H3v-2H1v-1h2V16z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M15,19h-1H8H7v-1v-3H0V2h7h1h14v4v1v3v1v3v1v3v1H15z M15,18h6v-3h-6V18z M15,14h6v-3h-6V14z M8,18h6v-3H8V18z M8,14h6v-3H8V14z M14,10V7H8v3H14z M8,3v3h6V3H8z M21,3h-6v3h6V3z M15,7v3h6V7H15z M3,16h1v2h2v1H4v2H3v-2H1v-1h2V16z"/></g></svg>');
     }
     &.icon-table-add-column-right {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M0,19l0-1l0-3l0-1l0-3l0-1l0-3l0-1l0-4h14h1h7v13h-7v3v1h-1H8H7H0z M7,15H1v3h6V15z M7,11H1v3h6V11z M14,15H8v3h6V15z M14,11H8v3h6V11z M14,10V7H8v3H14z M8,3v3h6V3H8z M1,6h6V3H1V6z M1,7v3h6V7H1z M19,18h2v1h-2v2h-1v-2h-2v-1h2v-2h1V18z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M0,19l0-1l0-3l0-1l0-3l0-1l0-3l0-1l0-4h14h1h7v13h-7v3v1h-1H8H7H0z M7,15H1v3h6V15z M7,11H1v3h6V11z M14,15H8v3h6V15z M14,11H8v3h6V11z M14,10V7H8v3H14z M8,3v3h6V3H8z M1,6h6V3H1V6z M1,7v3h6V7H1z M19,18h2v1h-2v2h-1v-2h-2v-1h2v-2h1V18z"/></g></svg>');
     }
     &.icon-table-add-row-above {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M21,20h-6h-1H8H7H0v-1v-3v-1v-3v-1V8V7V1h15v6h6h1v1v3v1v3v1v3v1H21z M7,8H1v3h6V8z M7,12H1v3h6V12z M7,16H1v3h6V16z M8,19h6v-3H8V19z M8,15h6v-3H8V15z M8,11h6V8H8V11z M21,8h-6v3h6V8z M21,12h-6v3h6V12z M21,16h-6v3h6V16z M19,6h-1V4h-2V3h2V1h1v2h2v1h-2V6z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M21,20h-6h-1H8H7H0v-1v-3v-1v-3v-1V8V7V1h15v6h6h1v1v3v1v3v1v3v1H21z M7,8H1v3h6V8z M7,12H1v3h6V12z M7,16H1v3h6V16z M8,19h6v-3H8V19z M8,15h6v-3H8V15z M8,11h6V8H8V11z M21,8h-6v3h6V8z M21,12h-6v3h6V12z M21,16h-6v3h6V16z M19,6h-1V4h-2V3h2V1h1v2h2v1h-2V6z"/></g></svg>');
     }
     &.icon-table-add-row-below {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M22,1v1v3v1v3v1v3v1h-1h-6v6H0v-6v-1v-3V9V6V5V2V1h7h1h6h1h6H22z M7,10H1v3h6V10z M7,6H1v3h6V6z M7,2H1v3h6V2z M8,5h6V2H8V5z M8,9h6V6H8V9z M8,13h6v-3H8V13z M21,10h-6v3h6V10z M21,6h-6v3h6V6z M21,2h-6v3h6V2z M19,17h2v1h-2v2h-1v-2h-2v-1h2v-2h1V17z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M22,1v1v3v1v3v1v3v1h-1h-6v6H0v-6v-1v-3V9V6V5V2V1h7h1h6h1h6H22z M7,10H1v3h6V10z M7,6H1v3h6V6z M7,2H1v3h6V2z M8,5h6V2H8V5z M8,9h6V6H8V9z M8,13h6v-3H8V13z M21,10h-6v3h6V10z M21,6h-6v3h6V6z M21,2h-6v3h6V2z M19,17h2v1h-2v2h-1v-2h-2v-1h2v-2h1V17z"/></g></svg>');
     }
     &.icon-table-remove-column {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M21,19h-6h-1h-1.6c-0.9,1.8-2.7,3-4.9,3s-4-1.2-4.9-3H1H0v-1v-3v-1v-3v-1V7V6V3V2h7h1h6h1h6h1v1v3v1v3v1v3v1v3v1H21z M7.5,12C5,12,3,14,3,16.5S5,21,7.5,21s4.5-2,4.5-4.5S10,12,7.5,12z M14,3H8v3h6V3z M14,7H8v3h6V7z M14,11H8v0.1c1.9,0.2,3.5,1.3,4.4,2.9H14V11z M14,15h-1.2c0.1,0.5,0.2,1,0.2,1.5c0,0.5-0.1,1-0.2,1.5H14V15z M21,3h-6v3h6V3z M21,7h-6v3h6V7z M21,11h-6v3h6V11z M21,15h-6v3h6V15z M9.6,19.3l-2.1-2.1l-2.1,2.1l-0.7-0.7l2.1-2.1l-2.1-2.1l0.7-0.7l2.1,2.1l2.1-2.1l0.7,0.7l-2.1,2.1l2.1,2.1L9.6,19.3z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M21,19h-6h-1h-1.6c-0.9,1.8-2.7,3-4.9,3s-4-1.2-4.9-3H1H0v-1v-3v-1v-3v-1V7V6V3V2h7h1h6h1h6h1v1v3v1v3v1v3v1v3v1H21z M7.5,12C5,12,3,14,3,16.5S5,21,7.5,21s4.5-2,4.5-4.5S10,12,7.5,12z M14,3H8v3h6V3z M14,7H8v3h6V7z M14,11H8v0.1c1.9,0.2,3.5,1.3,4.4,2.9H14V11z M14,15h-1.2c0.1,0.5,0.2,1,0.2,1.5c0,0.5-0.1,1-0.2,1.5H14V15z M21,3h-6v3h6V3z M21,7h-6v3h6V7z M21,11h-6v3h6V11z M21,15h-6v3h6V15z M9.6,19.3l-2.1-2.1l-2.1,2.1l-0.7-0.7l2.1-2.1l-2.1-2.1l0.7-0.7l2.1,2.1l2.1-2.1l0.7,0.7l-2.1,2.1l2.1,2.1L9.6,19.3z"/></g></svg>');
     }
     &.icon-table-remove-row {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M21,19h-6h-1h-1.6c-0.9,1.8-2.7,3-4.9,3s-4-1.2-4.9-3H1H0v-1v-3v-1v-3v-1V7V6V3V2h7h1h6h1h6h1v1v3v1v3v1v3v1v3v1H21z M1,18h1.2C2.1,17.5,2,17,2,16.5c0-0.5,0.1-1,0.2-1.5H1V18z M7,3H1v3h6V3z M7,7H1v3h6V7z M7.5,12C5,12,3,14,3,16.5S5,21,7.5,21s4.5-2,4.5-4.5S10,12,7.5,12z M14,3H8v3h6V3z M14,7H8v3h6V7z M14,15h-1.2c0.1,0.5,0.2,1,0.2,1.5c0,0.5-0.1,1-0.2,1.5H14V15z M21,3h-6v3h6V3z M21,7h-6v3h6V7z M21,15h-6v3h6V15z M9.6,19.3l-2.1-2.1l-2.1,2.1l-0.7-0.7l2.1-2.1l-2.1-2.1l0.7-0.7l2.1,2.1l2.1-2.1l0.7,0.7l-2.1,2.1l2.1,2.1L9.6,19.3z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M21,19h-6h-1h-1.6c-0.9,1.8-2.7,3-4.9,3s-4-1.2-4.9-3H1H0v-1v-3v-1v-3v-1V7V6V3V2h7h1h6h1h6h1v1v3v1v3v1v3v1v3v1H21z M1,18h1.2C2.1,17.5,2,17,2,16.5c0-0.5,0.1-1,0.2-1.5H1V18z M7,3H1v3h6V3z M7,7H1v3h6V7z M7.5,12C5,12,3,14,3,16.5S5,21,7.5,21s4.5-2,4.5-4.5S10,12,7.5,12z M14,3H8v3h6V3z M14,7H8v3h6V7z M14,15h-1.2c0.1,0.5,0.2,1,0.2,1.5c0,0.5-0.1,1-0.2,1.5H14V15z M21,3h-6v3h6V3z M21,7h-6v3h6V7z M21,15h-6v3h6V15z M9.6,19.3l-2.1-2.1l-2.1,2.1l-0.7-0.7l2.1-2.1l-2.1-2.1l0.7-0.7l2.1,2.1l2.1-2.1l0.7,0.7l-2.1,2.1l2.1,2.1L9.6,19.3z"/></g></svg>');
     }
     // Presets of table borders
     &.icon-table-borders-all {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path d="M26.9,0H0V27H27V0H26.9ZM13,26H1V14H13V26Zm0-13H1V1H13V13ZM26,26H14V14H26V26Zm0-13H14V1H26V13Z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path d="M26.9,0H0V27H27V0H26.9ZM13,26H1V14H13V26Zm0-13H1V1H13V13ZM26,26H14V14H26V26Zm0-13H14V1H26V13Z"/></g></svg>');
     }
     &.icon-table-borders-none {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M26.9,0H0V27H27V0H26.9ZM13,26H1V14H13V26Zm0-13H1V1H13V13ZM26,26H14V14H26V26Zm0-13H14V1H26V13Z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M26.9,0H0V27H27V0H26.9ZM13,26H1V14H13V26Zm0-13H1V1H13V13ZM26,26H14V14H26V26Zm0-13H14V1H26V13Z"/></g></svg>');
     }
     &.icon-table-borders-inner {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><polygon points="26 13 14 13 14 1 13 1 13 13 1 13 1 14 13 14 13 26 14 26 14 14 26 14 26 13"/><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><polygon points="26 13 14 13 14 1 13 1 13 13 1 13 1 14 13 14 13 26 14 26 14 14 26 14 26 13"/><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/></g></svg>');
     }
     &.icon-table-borders-outer {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/></g></svg>');
     }
     &.icon-table-borders-left {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect width="1" height="27"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect width="1" height="27"/></g></svg>');
     }
     &.icon-table-borders-center {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect x="13" width="1" height="27"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect x="13" width="1" height="27"/></g></svg>');
     }
     &.icon-table-borders-right {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect x="26" width="1" height="27"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect x="26" width="1" height="27"/></g></svg>');
     }
     &.icon-table-borders-top {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect width="27" height="1"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect width="27" height="1"/></g></svg>');
     }
     &.icon-table-borders-middle {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect y="13" width="27" height="1"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect y="13" width="27" height="1"/></g></svg>');
     }
     &.icon-table-borders-bottom {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect y="26" width="27" height="1"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect y="26" width="27" height="1"/></g></svg>');
     }
     // Reorder
     &.icon-move-backward {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><rect opacity="0.3" x="1" y="1" width="17" height="17"/><path d="M10,10V27H27V10H10ZM26,26H11V11H26V26Z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><rect opacity="0.3" x="1" y="1" width="17" height="17"/><path d="M10,10V27H27V10H10ZM26,26H11V11H26V26Z"/></g></svg>');
     }
     &.icon-move-forward {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M10,10V27H27V10H10ZM26,26H11V11H26V26Z"/><rect x="1" y="1" width="17" height="17"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M10,10V27H27V10H10ZM26,26H11V11H26V26Z"/><rect x="1" y="1" width="17" height="17"/></g></svg>');
     }
-    &.icon-move-background {
+    &.icon-move-mask {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><rect opacity="0.3" x="8" y="8" width="13" height="13"/><path d="M1,1V13H13V1H1ZM12,12H2V2H12V12Z"/><path d="M15,15V27H27V15H15ZM26,26H16V16H26V26Z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><rect opacity="0.3" x="8" y="8" width="13" height="13"/><path d="M1,1V13H13V1H1ZM12,12H2V2H12V12Z"/><path d="M15,15V27H27V15H15ZM26,26H16V16H26V26Z"/></g></svg>');
     }
     &.icon-move-foreground {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M1,1V13H13V1H1ZM12,12H2V2H12V12Z"/><path opacity="0.3" d="M15,15V27H27V15H15ZM26,26H16V16H26V26Z"/><rect x="8" y="8" width="13" height="13"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M1,1V13H13V1H1ZM12,12H2V2H12V12Z"/><path opacity="0.3" d="M15,15V27H27V15H15ZM26,26H16V16H26V26Z"/><rect x="8" y="8" width="13" height="13"/></g></svg>');
     }
     // Wrap
     &.icon-wrap-inline {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><rect y="1" width="26" height="1"/><rect y="4" width="26" height="1"/><rect y="25" width="26" height="1"/><rect y="22" width="26" height="1"/><rect y="7" width="5" height="1"/><rect x="20" y="19" width="6" height="1"/><path d="M16.08,8.31c-1.69,1-2.82,3.91-2.82,3.91s-0.19.06-.07-0.22a0.33,0.33,0,0,0,0-.45l0.78-1.9A0.45,0.45,0,0,0,14,9.48a0.26,0.26,0,0,0,0-.23,0.24,0.24,0,0,0-.14.18,0.49,0.49,0,0,0,0,.19l-0.78,1.9a0.17,0.17,0,0,0-.11,0,0.25,0.25,0,0,1-.11,0l-0.78-1.9a0.47,0.47,0,0,0,0-.19,0.24,0.24,0,0,0-.14-0.18,0.26,0.26,0,0,0,0,.23,0.45,0.45,0,0,0,.1.17l0.78,1.91a0.32,0.32,0,0,0-.05.44c0.12,0.29-.07.22-0.07,0.22S11.57,9.29,9.88,8.31s-3.55-2-3.8-.53,0.23,1.42.37,2,0.28,2.34.76,2.75A6.19,6.19,0,0,0,9.62,13s-2.17,1.24-2.14,2,0.62,4.86,1.83,4.92,2-1.87,2.34-2.78a26.9,26.9,0,0,1,.93-2.84,8.39,8.39,0,0,1,.14,1.51c0.11,0.3.25,0.26,0.25,0.26s0.14,0,.25-0.26a8.39,8.39,0,0,1,.14-1.51,26.73,26.73,0,0,1,.93,2.84c0.34,0.92,1.13,2.84,2.34,2.78s1.8-4.18,1.83-4.92-2.14-2-2.14-2a6.19,6.19,0,0,0,2.42-.44c0.48-.41.62-2.13,0.76-2.75s0.62-.62.37-2S17.77,7.33,16.08,8.31Z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><rect y="1" width="26" height="1"/><rect y="4" width="26" height="1"/><rect y="25" width="26" height="1"/><rect y="22" width="26" height="1"/><rect y="7" width="5" height="1"/><rect x="20" y="19" width="6" height="1"/><path d="M16.08,8.31c-1.69,1-2.82,3.91-2.82,3.91s-0.19.06-.07-0.22a0.33,0.33,0,0,0,0-.45l0.78-1.9A0.45,0.45,0,0,0,14,9.48a0.26,0.26,0,0,0,0-.23,0.24,0.24,0,0,0-.14.18,0.49,0.49,0,0,0,0,.19l-0.78,1.9a0.17,0.17,0,0,0-.11,0,0.25,0.25,0,0,1-.11,0l-0.78-1.9a0.47,0.47,0,0,0,0-.19,0.24,0.24,0,0,0-.14-0.18,0.26,0.26,0,0,0,0,.23,0.45,0.45,0,0,0,.1.17l0.78,1.91a0.32,0.32,0,0,0-.05.44c0.12,0.29-.07.22-0.07,0.22S11.57,9.29,9.88,8.31s-3.55-2-3.8-.53,0.23,1.42.37,2,0.28,2.34.76,2.75A6.19,6.19,0,0,0,9.62,13s-2.17,1.24-2.14,2,0.62,4.86,1.83,4.92,2-1.87,2.34-2.78a26.9,26.9,0,0,1,.93-2.84,8.39,8.39,0,0,1,.14,1.51c0.11,0.3.25,0.26,0.25,0.26s0.14,0,.25-0.26a8.39,8.39,0,0,1,.14-1.51,26.73,26.73,0,0,1,.93,2.84c0.34,0.92,1.13,2.84,2.34,2.78s1.8-4.18,1.83-4.92-2.14-2-2.14-2a6.19,6.19,0,0,0,2.42-.44c0.48-.41.62-2.13,0.76-2.75s0.62-.62.37-2S17.77,7.33,16.08,8.31Z"/></g></svg>');
     }
     &.icon-wrap-square {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><rect y="1" width="26" height="1"/><rect y="4" width="26" height="1"/><rect y="25" width="26" height="1"/><rect y="22" width="26" height="1"/><rect y="7" width="5" height="1"/><rect y="10" width="5" height="1"/><rect y="13" width="5" height="1"/><rect y="16" width="5" height="1"/><rect y="19" width="5" height="1"/><rect x="21" y="19" width="5" height="1"/><rect x="21" y="16" width="5" height="1"/><rect x="21" y="13" width="5" height="1"/><rect x="21" y="10" width="5" height="1"/><rect x="21" y="7" width="5" height="1"/><path d="M16.08,8.33c-1.69,1-2.82,3.91-2.82,3.91s-0.19.06-.07-0.22a0.33,0.33,0,0,0,0-.45l0.78-1.9A0.45,0.45,0,0,0,14,9.5a0.26,0.26,0,0,0,0-.23,0.24,0.24,0,0,0-.14.18,0.49,0.49,0,0,0,0,.19l-0.78,1.9a0.17,0.17,0,0,0-.11,0,0.25,0.25,0,0,1-.11,0l-0.78-1.9a0.47,0.47,0,0,0,0-.19,0.24,0.24,0,0,0-.14-0.18,0.26,0.26,0,0,0,0,.23,0.45,0.45,0,0,0,.1.17l0.78,1.91a0.32,0.32,0,0,0-.05.44c0.12,0.29-.07.22-0.07,0.22S11.57,9.3,9.88,8.33s-3.55-2-3.8-.53,0.23,1.42.37,2,0.28,2.34.76,2.75A6.19,6.19,0,0,0,9.62,13s-2.17,1.24-2.14,2,0.62,4.86,1.83,4.92,2-1.87,2.34-2.78a26.9,26.9,0,0,1,.93-2.84,8.39,8.39,0,0,1,.14,1.51c0.11,0.3.25,0.26,0.25,0.26s0.14,0,.25-0.26a8.39,8.39,0,0,1,.14-1.51,26.73,26.73,0,0,1,.93,2.84c0.34,0.92,1.13,2.84,2.34,2.78s1.8-4.18,1.83-4.92-2.14-2-2.14-2a6.19,6.19,0,0,0,2.42-.44c0.48-.41.62-2.13,0.76-2.75s0.62-.62.37-2S17.77,7.35,16.08,8.33Z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><rect y="1" width="26" height="1"/><rect y="4" width="26" height="1"/><rect y="25" width="26" height="1"/><rect y="22" width="26" height="1"/><rect y="7" width="5" height="1"/><rect y="10" width="5" height="1"/><rect y="13" width="5" height="1"/><rect y="16" width="5" height="1"/><rect y="19" width="5" height="1"/><rect x="21" y="19" width="5" height="1"/><rect x="21" y="16" width="5" height="1"/><rect x="21" y="13" width="5" height="1"/><rect x="21" y="10" width="5" height="1"/><rect x="21" y="7" width="5" height="1"/><path d="M16.08,8.33c-1.69,1-2.82,3.91-2.82,3.91s-0.19.06-.07-0.22a0.33,0.33,0,0,0,0-.45l0.78-1.9A0.45,0.45,0,0,0,14,9.5a0.26,0.26,0,0,0,0-.23,0.24,0.24,0,0,0-.14.18,0.49,0.49,0,0,0,0,.19l-0.78,1.9a0.17,0.17,0,0,0-.11,0,0.25,0.25,0,0,1-.11,0l-0.78-1.9a0.47,0.47,0,0,0,0-.19,0.24,0.24,0,0,0-.14-0.18,0.26,0.26,0,0,0,0,.23,0.45,0.45,0,0,0,.1.17l0.78,1.91a0.32,0.32,0,0,0-.05.44c0.12,0.29-.07.22-0.07,0.22S11.57,9.3,9.88,8.33s-3.55-2-3.8-.53,0.23,1.42.37,2,0.28,2.34.76,2.75A6.19,6.19,0,0,0,9.62,13s-2.17,1.24-2.14,2,0.62,4.86,1.83,4.92,2-1.87,2.34-2.78a26.9,26.9,0,0,1,.93-2.84,8.39,8.39,0,0,1,.14,1.51c0.11,0.3.25,0.26,0.25,0.26s0.14,0,.25-0.26a8.39,8.39,0,0,1,.14-1.51,26.73,26.73,0,0,1,.93,2.84c0.34,0.92,1.13,2.84,2.34,2.78s1.8-4.18,1.83-4.92-2.14-2-2.14-2a6.19,6.19,0,0,0,2.42-.44c0.48-.41.62-2.13,0.76-2.75s0.62-.62.37-2S17.77,7.35,16.08,8.33Z"/></g></svg>');
     }
     &.icon-wrap-tight {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><rect y="1" width="26" height="1"/><rect y="4" width="26" height="1"/><rect y="25" width="26" height="1"/><rect y="22" width="26" height="1"/><rect y="7" width="5" height="1"/><rect y="10" width="5" height="1"/><rect y="13" width="6" height="1"/><rect y="16" width="6" height="1"/><rect y="19" width="7" height="1"/><rect x="19" y="19" width="7" height="1"/><rect x="12" y="19" width="2" height="1"/><rect x="20" y="16" width="6" height="1"/><rect x="20" y="13" width="6" height="1"/><rect x="21" y="10" width="5" height="1"/><rect x="21" y="7" width="5" height="1"/><rect x="11" y="7" width="4" height="1"/><path d="M16.07,8.3c-1.69,1-2.82,3.91-2.82,3.91s-0.19.06-.07-0.22a0.33,0.33,0,0,0,0-.45l0.78-1.9A0.45,0.45,0,0,0,14,9.47a0.26,0.26,0,0,0,0-.23,0.24,0.24,0,0,0-.14.18,0.49,0.49,0,0,0,0,.19l-0.78,1.9a0.17,0.17,0,0,0-.11,0,0.25,0.25,0,0,1-.11,0L12.08,9.61a0.47,0.47,0,0,0,0-.19,0.24,0.24,0,0,0-.14-0.18,0.26,0.26,0,0,0,0,.23,0.45,0.45,0,0,0,.1.17l0.78,1.91a0.32,0.32,0,0,0-.05.44c0.12,0.29-.07.22-0.07,0.22S11.56,9.28,9.87,8.3s-3.55-2-3.8-.53,0.23,1.42.37,2,0.28,2.34.76,2.76A6.17,6.17,0,0,0,9.62,13s-2.17,1.25-2.14,2,0.62,4.86,1.83,4.92,2-1.87,2.34-2.79a27,27,0,0,1,.93-2.85,8.41,8.41,0,0,1,.14,1.51c0.11,0.3.25,0.26,0.25,0.26s0.14,0,.25-0.26a8.41,8.41,0,0,1,.14-1.51,26.81,26.81,0,0,1,.93,2.85c0.34,0.92,1.13,2.85,2.34,2.79s1.8-4.18,1.83-4.92-2.14-2-2.14-2a6.17,6.17,0,0,0,2.42-.44c0.48-.42.62-2.13,0.76-2.76s0.62-.62.37-2S17.76,7.32,16.07,8.3Z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><rect y="1" width="26" height="1"/><rect y="4" width="26" height="1"/><rect y="25" width="26" height="1"/><rect y="22" width="26" height="1"/><rect y="7" width="5" height="1"/><rect y="10" width="5" height="1"/><rect y="13" width="6" height="1"/><rect y="16" width="6" height="1"/><rect y="19" width="7" height="1"/><rect x="19" y="19" width="7" height="1"/><rect x="12" y="19" width="2" height="1"/><rect x="20" y="16" width="6" height="1"/><rect x="20" y="13" width="6" height="1"/><rect x="21" y="10" width="5" height="1"/><rect x="21" y="7" width="5" height="1"/><rect x="11" y="7" width="4" height="1"/><path d="M16.07,8.3c-1.69,1-2.82,3.91-2.82,3.91s-0.19.06-.07-0.22a0.33,0.33,0,0,0,0-.45l0.78-1.9A0.45,0.45,0,0,0,14,9.47a0.26,0.26,0,0,0,0-.23,0.24,0.24,0,0,0-.14.18,0.49,0.49,0,0,0,0,.19l-0.78,1.9a0.17,0.17,0,0,0-.11,0,0.25,0.25,0,0,1-.11,0L12.08,9.61a0.47,0.47,0,0,0,0-.19,0.24,0.24,0,0,0-.14-0.18,0.26,0.26,0,0,0,0,.23,0.45,0.45,0,0,0,.1.17l0.78,1.91a0.32,0.32,0,0,0-.05.44c0.12,0.29-.07.22-0.07,0.22S11.56,9.28,9.87,8.3s-3.55-2-3.8-.53,0.23,1.42.37,2,0.28,2.34.76,2.76A6.17,6.17,0,0,0,9.62,13s-2.17,1.25-2.14,2,0.62,4.86,1.83,4.92,2-1.87,2.34-2.79a27,27,0,0,1,.93-2.85,8.41,8.41,0,0,1,.14,1.51c0.11,0.3.25,0.26,0.25,0.26s0.14,0,.25-0.26a8.41,8.41,0,0,1,.14-1.51,26.81,26.81,0,0,1,.93,2.85c0.34,0.92,1.13,2.85,2.34,2.79s1.8-4.18,1.83-4.92-2.14-2-2.14-2a6.17,6.17,0,0,0,2.42-.44c0.48-.42.62-2.13,0.76-2.76s0.62-.62.37-2S17.76,7.32,16.07,8.3Z"/></g></svg>');
     }
     &.icon-wrap-through {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><rect y="1" width="26" height="1"/><rect y="4" width="26" height="1"/><rect y="25" width="26" height="1"/><rect y="22" width="26" height="1"/><rect y="7" width="5" height="1"/><rect y="10" width="5" height="1"/><rect y="13" width="6" height="1"/><rect y="16" width="6" height="1"/><rect y="19" width="7" height="1"/><rect x="19" y="19" width="7" height="1"/><rect x="20" y="16" width="6" height="1"/><rect x="20" y="13" width="6" height="1"/><rect x="21" y="10" width="5" height="1"/><rect x="21" y="7" width="5" height="1"/><path d="M16.09,8.31c-1.68,1-2.8,3.93-2.8,3.93s-0.19.06-.07-0.22a0.33,0.33,0,0,0,0-.45l0.77-1.91A0.46,0.46,0,0,0,14,9.49a0.26,0.26,0,0,0,0-.23,0.24,0.24,0,0,0-.14.18,0.49,0.49,0,0,0,0,.2l-0.77,1.91a0.17,0.17,0,0,0-.11,0,0.25,0.25,0,0,1-.11,0L12.12,9.64a0.48,0.48,0,0,0,0-.2,0.24,0.24,0,0,0-.14-0.18,0.26,0.26,0,0,0,0,.23,0.46,0.46,0,0,0,.1.17l0.78,1.92a0.32,0.32,0,0,0-.05.44c0.12,0.29-.07.22-0.07,0.22S11.61,9.3,9.93,8.31s-3.53-2-3.78-.54,0.22,1.43.36,2.05,0.28,2.35.76,2.77A6.08,6.08,0,0,0,9.68,13S7.52,14.3,7.55,15,8.17,19.92,9.37,20s2-1.88,2.32-2.8a27.27,27.27,0,0,1,.92-2.86,8.53,8.53,0,0,1,.14,1.52c0.11,0.3.25,0.26,0.25,0.26s0.14,0,.25-0.26a8.53,8.53,0,0,1,.14-1.52,27.09,27.09,0,0,1,.92,2.86c0.34,0.92,1.12,2.86,2.32,2.8s1.79-4.2,1.82-4.94-2.13-2-2.13-2a6.08,6.08,0,0,0,2.41-.45c0.48-.42.62-2.14,0.76-2.77s0.62-.62.36-2.05S17.77,7.33,16.09,8.31Z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><rect y="1" width="26" height="1"/><rect y="4" width="26" height="1"/><rect y="25" width="26" height="1"/><rect y="22" width="26" height="1"/><rect y="7" width="5" height="1"/><rect y="10" width="5" height="1"/><rect y="13" width="6" height="1"/><rect y="16" width="6" height="1"/><rect y="19" width="7" height="1"/><rect x="19" y="19" width="7" height="1"/><rect x="20" y="16" width="6" height="1"/><rect x="20" y="13" width="6" height="1"/><rect x="21" y="10" width="5" height="1"/><rect x="21" y="7" width="5" height="1"/><path d="M16.09,8.31c-1.68,1-2.8,3.93-2.8,3.93s-0.19.06-.07-0.22a0.33,0.33,0,0,0,0-.45l0.77-1.91A0.46,0.46,0,0,0,14,9.49a0.26,0.26,0,0,0,0-.23,0.24,0.24,0,0,0-.14.18,0.49,0.49,0,0,0,0,.2l-0.77,1.91a0.17,0.17,0,0,0-.11,0,0.25,0.25,0,0,1-.11,0L12.12,9.64a0.48,0.48,0,0,0,0-.2,0.24,0.24,0,0,0-.14-0.18,0.26,0.26,0,0,0,0,.23,0.46,0.46,0,0,0,.1.17l0.78,1.92a0.32,0.32,0,0,0-.05.44c0.12,0.29-.07.22-0.07,0.22S11.61,9.3,9.93,8.31s-3.53-2-3.78-.54,0.22,1.43.36,2.05,0.28,2.35.76,2.77A6.08,6.08,0,0,0,9.68,13S7.52,14.3,7.55,15,8.17,19.92,9.37,20s2-1.88,2.32-2.8a27.27,27.27,0,0,1,.92-2.86,8.53,8.53,0,0,1,.14,1.52c0.11,0.3.25,0.26,0.25,0.26s0.14,0,.25-0.26a8.53,8.53,0,0,1,.14-1.52,27.09,27.09,0,0,1,.92,2.86c0.34,0.92,1.12,2.86,2.32,2.8s1.79-4.2,1.82-4.94-2.13-2-2.13-2a6.08,6.08,0,0,0,2.41-.45c0.48-.42.62-2.14,0.76-2.77s0.62-.62.36-2.05S17.77,7.33,16.09,8.31Z"/></g></svg>');
     }
     &.icon-wrap-top-bottom {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><rect y="1" width="26" height="1"/><rect y="4" width="26" height="1"/><rect y="25" width="26" height="1"/><rect y="22" width="26" height="1"/><path d="M16.08,8.3c-1.68,1-2.8,3.91-2.8,3.91s-0.19.06-.07-0.22a0.33,0.33,0,0,0,0-.45l0.77-1.9A0.45,0.45,0,0,0,14,9.47a0.26,0.26,0,0,0,0-.23,0.24,0.24,0,0,0-.14.18,0.49,0.49,0,0,0,0,.19l-0.77,1.9a0.17,0.17,0,0,0-.11,0,0.25,0.25,0,0,1-.11,0L12.12,9.61a0.48,0.48,0,0,0,0-.19,0.24,0.24,0,0,0-.14-0.18,0.26,0.26,0,0,0,0,.23,0.45,0.45,0,0,0,.1.17l0.78,1.91a0.32,0.32,0,0,0,0,.44c0.12,0.29-.07.22-0.07,0.22S11.6,9.28,9.92,8.3s-3.52-2-3.77-.53,0.22,1.42.36,2,0.28,2.34.76,2.76a6.08,6.08,0,0,0,2.4.44s-2.15,1.25-2.12,2,0.61,4.86,1.82,4.92,2-1.87,2.32-2.79a27.11,27.11,0,0,1,.92-2.85,8.47,8.47,0,0,1,.14,1.51c0.11,0.3.25,0.26,0.25,0.26s0.14,0,.25-0.26a8.47,8.47,0,0,1,.14-1.51,26.94,26.94,0,0,1,.92,2.85c0.34,0.92,1.12,2.85,2.32,2.79s1.79-4.18,1.82-4.92-2.12-2-2.12-2a6.08,6.08,0,0,0,2.4-.44c0.48-.42.62-2.13,0.76-2.76s0.61-.62.36-2S17.75,7.32,16.08,8.3Z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><rect y="1" width="26" height="1"/><rect y="4" width="26" height="1"/><rect y="25" width="26" height="1"/><rect y="22" width="26" height="1"/><path d="M16.08,8.3c-1.68,1-2.8,3.91-2.8,3.91s-0.19.06-.07-0.22a0.33,0.33,0,0,0,0-.45l0.77-1.9A0.45,0.45,0,0,0,14,9.47a0.26,0.26,0,0,0,0-.23,0.24,0.24,0,0,0-.14.18,0.49,0.49,0,0,0,0,.19l-0.77,1.9a0.17,0.17,0,0,0-.11,0,0.25,0.25,0,0,1-.11,0L12.12,9.61a0.48,0.48,0,0,0,0-.19,0.24,0.24,0,0,0-.14-0.18,0.26,0.26,0,0,0,0,.23,0.45,0.45,0,0,0,.1.17l0.78,1.91a0.32,0.32,0,0,0,0,.44c0.12,0.29-.07.22-0.07,0.22S11.6,9.28,9.92,8.3s-3.52-2-3.77-.53,0.22,1.42.36,2,0.28,2.34.76,2.76a6.08,6.08,0,0,0,2.4.44s-2.15,1.25-2.12,2,0.61,4.86,1.82,4.92,2-1.87,2.32-2.79a27.11,27.11,0,0,1,.92-2.85,8.47,8.47,0,0,1,.14,1.51c0.11,0.3.25,0.26,0.25,0.26s0.14,0,.25-0.26a8.47,8.47,0,0,1,.14-1.51,26.94,26.94,0,0,1,.92,2.85c0.34,0.92,1.12,2.85,2.32,2.79s1.79-4.18,1.82-4.92-2.12-2-2.12-2a6.08,6.08,0,0,0,2.4-.44c0.48-.42.62-2.13,0.76-2.76s0.61-.62.36-2S17.75,7.32,16.08,8.3Z"/></g></svg>');
     }
     &.icon-wrap-infront {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><rect opacity="0.3" y="1" width="26" height="1"/><rect opacity="0.3" y="4" width="26" height="1"/><rect opacity="0.3" y="25" width="26" height="1"/><rect opacity="0.3" y="22" width="26" height="1"/><rect opacity="0.3" y="7" width="26" height="1"/><rect opacity="0.3" y="10" width="26" height="1"/><rect opacity="0.3" y="13" width="26" height="1"/><rect opacity="0.3" y="16" width="26" height="1"/><rect opacity="0.3" y="19" width="26" height="1"/><path d="M16.08,8.29c-1.69,1-2.82,3.93-2.82,3.93s-0.19.06-.07-0.22a0.33,0.33,0,0,0,0-.45l0.78-1.91A0.46,0.46,0,0,0,14,9.47a0.26,0.26,0,0,0,0-.23,0.25,0.25,0,0,0-.14.18,0.49,0.49,0,0,0,0,.2l-0.78,1.9a0.17,0.17,0,0,0-.11,0,0.25,0.25,0,0,1-.11,0L12.09,9.61a0.48,0.48,0,0,0,0-.2,0.24,0.24,0,0,0-.14-0.18,0.26,0.26,0,0,0,0,.23,0.46,0.46,0,0,0,.1.17l0.78,1.92a0.32,0.32,0,0,0-.05.44c0.12,0.29-.07.22-0.07,0.22S11.57,9.27,9.88,8.29s-3.55-2-3.8-.54,0.23,1.43.37,2.05,0.28,2.35.76,2.77A6.16,6.16,0,0,0,9.62,13s-2.17,1.25-2.14,2S8.1,19.89,9.31,20s2-1.87,2.34-2.8a27.1,27.1,0,0,1,.93-2.86,8.46,8.46,0,0,1,.14,1.52c0.11,0.3.25,0.26,0.25,0.26s0.14,0,.25-0.26a8.46,8.46,0,0,1,.14-1.52,26.92,26.92,0,0,1,.93,2.86c0.34,0.92,1.13,2.86,2.34,2.8s1.8-4.19,1.83-4.94-2.14-2-2.14-2a6.16,6.16,0,0,0,2.42-.45c0.48-.42.62-2.14,0.76-2.77s0.62-.62.37-2.05S17.77,7.31,16.08,8.29Z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><rect opacity="0.3" y="1" width="26" height="1"/><rect opacity="0.3" y="4" width="26" height="1"/><rect opacity="0.3" y="25" width="26" height="1"/><rect opacity="0.3" y="22" width="26" height="1"/><rect opacity="0.3" y="7" width="26" height="1"/><rect opacity="0.3" y="10" width="26" height="1"/><rect opacity="0.3" y="13" width="26" height="1"/><rect opacity="0.3" y="16" width="26" height="1"/><rect opacity="0.3" y="19" width="26" height="1"/><path d="M16.08,8.29c-1.69,1-2.82,3.93-2.82,3.93s-0.19.06-.07-0.22a0.33,0.33,0,0,0,0-.45l0.78-1.91A0.46,0.46,0,0,0,14,9.47a0.26,0.26,0,0,0,0-.23,0.25,0.25,0,0,0-.14.18,0.49,0.49,0,0,0,0,.2l-0.78,1.9a0.17,0.17,0,0,0-.11,0,0.25,0.25,0,0,1-.11,0L12.09,9.61a0.48,0.48,0,0,0,0-.2,0.24,0.24,0,0,0-.14-0.18,0.26,0.26,0,0,0,0,.23,0.46,0.46,0,0,0,.1.17l0.78,1.92a0.32,0.32,0,0,0-.05.44c0.12,0.29-.07.22-0.07,0.22S11.57,9.27,9.88,8.29s-3.55-2-3.8-.54,0.23,1.43.37,2.05,0.28,2.35.76,2.77A6.16,6.16,0,0,0,9.62,13s-2.17,1.25-2.14,2S8.1,19.89,9.31,20s2-1.87,2.34-2.8a27.1,27.1,0,0,1,.93-2.86,8.46,8.46,0,0,1,.14,1.52c0.11,0.3.25,0.26,0.25,0.26s0.14,0,.25-0.26a8.46,8.46,0,0,1,.14-1.52,26.92,26.92,0,0,1,.93,2.86c0.34,0.92,1.13,2.86,2.34,2.8s1.8-4.19,1.83-4.94-2.14-2-2.14-2a6.16,6.16,0,0,0,2.42-.45c0.48-.42.62-2.14,0.76-2.77s0.62-.62.37-2.05S17.77,7.31,16.08,8.29Z"/></g></svg>');
     }
     &.icon-wrap-behind {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M16.07,8.34c-1.68,1-2.8,3.91-2.8,3.91s-0.19.06-.07-0.22a0.33,0.33,0,0,0,0-.45l0.77-1.9A0.45,0.45,0,0,0,14,9.51a0.26,0.26,0,0,0,0-.23,0.24,0.24,0,0,0-.14.18,0.49,0.49,0,0,0,0,.19l-0.77,1.89a0.17,0.17,0,0,0-.11,0,0.25,0.25,0,0,1-.11,0l-0.77-1.9a0.48,0.48,0,0,0,0-.19,0.24,0.24,0,0,0-.14-0.18,0.26,0.26,0,0,0,0,.23,0.45,0.45,0,0,0,.1.17l0.78,1.91a0.32,0.32,0,0,0-.05.44c0.12,0.29-.07.22-0.07,0.22S11.6,9.32,9.92,8.34s-3.52-2-3.78-.53,0.22,1.42.36,2,0.28,2.34.76,2.75A6.1,6.1,0,0,0,9.67,13s-2.15,1.24-2.13,2,0.62,4.85,1.82,4.91,2-1.86,2.32-2.78a27,27,0,0,1,.92-2.84,8.43,8.43,0,0,1,.14,1.51c0.11,0.3.25,0.26,0.25,0.26s0.14,0,.25-0.26a8.43,8.43,0,0,1,.14-1.51,26.83,26.83,0,0,1,.92,2.84c0.34,0.92,1.12,2.84,2.32,2.78s1.79-4.17,1.82-4.91-2.13-2-2.13-2a6.1,6.1,0,0,0,2.41-.44c0.48-.41.62-2.13,0.76-2.75s0.62-.62.36-2S17.75,7.36,16.07,8.34Z"/><rect y="1" width="26" height="1"/><rect y="4" width="26" height="1"/><rect y="25" width="26" height="1"/><rect y="22" width="26" height="1"/><rect y="7" width="26" height="1"/><rect y="10" width="26" height="1"/><rect y="13" width="26" height="1"/><rect y="16" width="26" height="1"/><rect y="19" width="26" height="1"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M16.07,8.34c-1.68,1-2.8,3.91-2.8,3.91s-0.19.06-.07-0.22a0.33,0.33,0,0,0,0-.45l0.77-1.9A0.45,0.45,0,0,0,14,9.51a0.26,0.26,0,0,0,0-.23,0.24,0.24,0,0,0-.14.18,0.49,0.49,0,0,0,0,.19l-0.77,1.89a0.17,0.17,0,0,0-.11,0,0.25,0.25,0,0,1-.11,0l-0.77-1.9a0.48,0.48,0,0,0,0-.19,0.24,0.24,0,0,0-.14-0.18,0.26,0.26,0,0,0,0,.23,0.45,0.45,0,0,0,.1.17l0.78,1.91a0.32,0.32,0,0,0-.05.44c0.12,0.29-.07.22-0.07,0.22S11.6,9.32,9.92,8.34s-3.52-2-3.78-.53,0.22,1.42.36,2,0.28,2.34.76,2.75A6.1,6.1,0,0,0,9.67,13s-2.15,1.24-2.13,2,0.62,4.85,1.82,4.91,2-1.86,2.32-2.78a27,27,0,0,1,.92-2.84,8.43,8.43,0,0,1,.14,1.51c0.11,0.3.25,0.26,0.25,0.26s0.14,0,.25-0.26a8.43,8.43,0,0,1,.14-1.51,26.83,26.83,0,0,1,.92,2.84c0.34,0.92,1.12,2.84,2.32,2.78s1.79-4.17,1.82-4.91-2.13-2-2.13-2a6.1,6.1,0,0,0,2.41-.44c0.48-.41.62-2.13,0.76-2.75s0.62-.62.36-2S17.75,7.36,16.07,8.34Z"/><rect y="1" width="26" height="1"/><rect y="4" width="26" height="1"/><rect y="25" width="26" height="1"/><rect y="22" width="26" height="1"/><rect y="7" width="26" height="1"/><rect y="10" width="26" height="1"/><rect y="13" width="26" height="1"/><rect y="16" width="26" height="1"/><rect y="19" width="26" height="1"/></g></svg>');
     }
     // Table Wrap
     &.icon-wrap-table-inline {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><rect x="1" y="1" width="26" height="1"/><rect x="1" y="4" width="26" height="1"/><rect x="1" y="25" width="26" height="1"/><rect x="1" y="22" width="26" height="1"/><rect x="7" y="7" width="14" height="13"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><rect x="1" y="1" width="26" height="1"/><rect x="1" y="4" width="26" height="1"/><rect x="1" y="25" width="26" height="1"/><rect x="1" y="22" width="26" height="1"/><rect x="7" y="7" width="14" height="13"/></g></svg>');
     }
     &.icon-wrap-table-flow {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><rect x="1" y="1" width="26" height="1"/><rect x="1" y="4" width="26" height="1"/><rect x="1" y="25" width="26" height="1"/><rect x="1" y="22" width="26" height="1"/><rect x="1" y="7" width="4" height="1"/><rect x="1" y="10" width="4" height="1"/><rect x="1" y="13" width="4" height="1"/><rect x="1" y="16" width="4" height="1"/><rect x="1" y="19" width="4" height="1"/><rect x="23" y="19" width="4" height="1"/><rect x="23" y="16" width="4" height="1"/><rect x="23" y="13" width="4" height="1"/><rect x="23" y="10" width="4" height="1"/><rect x="23" y="7" width="4" height="1"/><rect x="7" y="7" width="14" height="13"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><rect x="1" y="1" width="26" height="1"/><rect x="1" y="4" width="26" height="1"/><rect x="1" y="25" width="26" height="1"/><rect x="1" y="22" width="26" height="1"/><rect x="1" y="7" width="4" height="1"/><rect x="1" y="10" width="4" height="1"/><rect x="1" y="13" width="4" height="1"/><rect x="1" y="16" width="4" height="1"/><rect x="1" y="19" width="4" height="1"/><rect x="23" y="19" width="4" height="1"/><rect x="23" y="16" width="4" height="1"/><rect x="23" y="13" width="4" height="1"/><rect x="23" y="10" width="4" height="1"/><rect x="23" y="7" width="4" height="1"/><rect x="7" y="7" width="14" height="13"/></g></svg>');
     }
     &.icon-block-align-left {
       width: 28px;
       height: 28px;
-      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><rect x="1" y="1" width="26" height="1"/><rect x="1" y="4" width="26" height="1"/><rect x="1" y="25" width="26" height="1"/><rect x="1" y="22" width="26" height="1"/><rect x="1" y="8" width="12" height="11"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><rect x="1" y="1" width="26" height="1"/><rect x="1" y="4" width="26" height="1"/><rect x="1" y="25" width="26" height="1"/><rect x="1" y="22" width="26" height="1"/><rect x="1" y="8" width="12" height="11"/></g></svg>');
     }
     &.icon-block-align-center {
       width: 28px;
       height: 28px;
-      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><rect y="1" width="26" height="1"/><rect y="4" width="26" height="1"/><rect y="25" width="26" height="1"/><rect y="22" width="26" height="1"/><rect x="7" y="8.08" width="12" height="10.92"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><rect y="1" width="26" height="1"/><rect y="4" width="26" height="1"/><rect y="25" width="26" height="1"/><rect y="22" width="26" height="1"/><rect x="7" y="8.08" width="12" height="10.92"/></g></svg>');
     }
     &.icon-block-align-right {
       width: 28px;
       height: 28px;
-      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><rect x="1" y="1" width="26" height="1"/><rect x="1" y="4" width="26" height="1"/><rect x="1" y="25" width="26" height="1"/><rect x="1" y="22" width="26" height="1"/><rect x="15" y="8" width="12" height="11"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><rect x="1" y="1" width="26" height="1"/><rect x="1" y="4" width="26" height="1"/><rect x="1" y="25" width="26" height="1"/><rect x="1" y="22" width="26" height="1"/><rect x="15" y="8" width="12" height="11"/></g></svg>');
     }
     // Insert link/image-library
     &.icon-link {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M12.4,9.8c0,0-2.1-0.1-3.8,1.2c-2.8,2-3.3,4.3-3.3,4.3s1.6-1.7,3.5-2.5c1.7-0.7,3.7-0.4,3.7-0.4v1.9l4.8-3.3V11l-4.8-3.3V9.8z M11,1C5.5,1,1,5.5,1,11c0,5.5,4.5,10,10,10s10-4.5,10-10C21,5.5,16.5,1,11,1z M11,20c-5,0-9-4.1-9-9C2,6,6,2,11,2s9,4.1,9,9C20,16,16,20,11,20z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M12.4,9.8c0,0-2.1-0.1-3.8,1.2c-2.8,2-3.3,4.3-3.3,4.3s1.6-1.7,3.5-2.5c1.7-0.7,3.7-0.4,3.7-0.4v1.9l4.8-3.3V11l-4.8-3.3V9.8z M11,1C5.5,1,1,5.5,1,11c0,5.5,4.5,10,10,10s10-4.5,10-10C21,5.5,16.5,1,11,1z M11,20c-5,0-9-4.1-9-9C2,6,6,2,11,2s9,4.1,9,9C20,16,16,20,11,20z"/></g></svg>');
     }
     &.icon-image-library {
       width: 22px;
@@ -381,126 +381,126 @@
     &.icon-add-table {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 5.59998H11.2V8.79998H4V5.59998Z" fill="@{themeColor}"/><path d="M12.8 5.59998H20V8.79998H12.8V5.59998Z" fill="@{themeColor}"/><path d="M4 10.4H11.2V13.6H4V10.4Z" fill="@{themeColor}"/><path d="M12.8 10.4H20V13.6H12.8V10.4Z" fill="@{themeColor}"/><path d="M4 15.2H11.2V18.4H4V15.2Z" fill="@{themeColor}"/><path d="M12.8 15.2H20V18.4H12.8V15.2Z" fill="@{themeColor}"/></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4 5.59998H11.2V8.79998H4V5.59998Z" fill="@{toolbar-segment}"/><path d="M12.8 5.59998H20V8.79998H12.8V5.59998Z" fill="@{toolbar-segment}"/><path d="M4 10.4H11.2V13.6H4V10.4Z" fill="@{toolbar-segment}"/><path d="M12.8 10.4H20V13.6H12.8V10.4Z" fill="@{toolbar-segment}"/><path d="M4 15.2H11.2V18.4H4V15.2Z" fill="@{brandColor}"/><path d="M12.8 15.2H20V18.4H12.8V15.2Z" fill="@{toolbar-segment}"/></svg>', @toolbar-segment);
     }
     &.icon-add-shape {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse cx="15.3333" cy="14.4002" rx="5.66667" ry="5.60002" fill="@{themeColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5 4.80005C4.44772 4.80005 4 5.24776 4 5.80005V15.8001C4 16.3524 4.44771 16.8001 5 16.8001H9.32787C9.02431 16.059 8.85714 15.2488 8.85714 14.4001C8.85714 10.8655 11.7566 8.00012 15.3333 8.00012C15.8924 8.00012 16.4349 8.07013 16.9524 8.20175V5.80005C16.9524 5.24776 16.5047 4.80005 15.9524 4.80005H5Z" fill="@{themeColor}"/></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><ellipse cx="15.3333" cy="14.4002" rx="5.66667" ry="5.60002" fill="@{toolbar-segment}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5 4.80005C4.44772 4.80005 4 5.24776 4 5.80005V15.8001C4 16.3524 4.44771 16.8001 5 16.8001H9.32787C9.02431 16.059 8.85714 15.2488 8.85714 14.4001C8.85714 10.8655 11.7566 8.00012 15.3333 8.00012C15.8924 8.00012 16.4349 8.07013 16.9524 8.20175V5.80005C16.9524 5.24776 16.5047 4.80005 15.9524 4.80005H5Z" fill="@{toolbar-segment}"/></svg>',@toolbar-segment);
     }
     &.icon-add-image {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.79177 16.6667L8.87529 13.1667L11.1254 15.5L14.2089 12L18.2092 16.6667H5.79177ZM19.4593 18.526C19.8204 18.2101 20.001 17.8455 20.001 17.4323V6.56771C20.001 6.15451 19.8204 5.78993 19.4593 5.47396C19.0981 5.15799 18.6814 5 18.2092 5H5.79177C5.31952 5 4.90283 5.15799 4.5417 5.47396C4.18057 5.78993 4 6.15451 4 6.56771V17.4323C4 17.8455 4.18057 18.2101 4.5417 18.526C4.90283 18.842 5.31952 19 5.79177 19H18.2092C18.6814 19 19.0981 18.842 19.4593 18.526ZM8.79933 11.2222C9.68304 11.2222 10.3994 10.5258 10.3994 9.66667C10.3994 8.80756 9.68304 8.11111 8.79933 8.11111C7.91562 8.11111 7.19923 8.80756 7.19923 9.66667C7.19923 10.5258 7.91562 11.2222 8.79933 11.2222Z" fill="@{themeColor}"/></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.79177 16.6667L8.87529 13.1667L11.1254 15.5L14.2089 12L18.2092 16.6667H5.79177ZM19.4593 18.526C19.8204 18.2101 20.001 17.8455 20.001 17.4323V6.56771C20.001 6.15451 19.8204 5.78993 19.4593 5.47396C19.0981 5.15799 18.6814 5 18.2092 5H5.79177C5.31952 5 4.90283 5.15799 4.5417 5.47396C4.18057 5.78993 4 6.15451 4 6.56771V17.4323C4 17.8455 4.18057 18.2101 4.5417 18.526C4.90283 18.842 5.31952 19 5.79177 19H18.2092C18.6814 19 19.0981 18.842 19.4593 18.526ZM8.79933 11.2222C9.68304 11.2222 10.3994 10.5258 10.3994 9.66667C10.3994 8.80756 9.68304 8.11111 8.79933 8.11111C7.91562 8.11111 7.19923 8.80756 7.19923 9.66667C7.19923 10.5258 7.91562 11.2222 8.79933 11.2222Z" fill="@{toolbar-segment}"/></svg>', @toolbar-segment);
     }
     &.icon-add-other {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.00049 18C7.00049 18.8284 6.32892 19.5 5.50049 19.5C4.67206 19.5 4.00049 18.8284 4.00049 18C4.00049 17.1716 4.67206 16.5 5.50049 16.5C6.32892 16.5 7.00049 17.1716 7.00049 18ZM13.5005 18C13.5005 18.8284 12.8289 19.5 12.0005 19.5C11.1721 19.5 10.5005 18.8284 10.5005 18C10.5005 17.1716 11.1721 16.5 12.0005 16.5C12.8289 16.5 13.5005 17.1716 13.5005 18ZM18.5005 19.5C19.3289 19.5 20.0005 18.8284 20.0005 18C20.0005 17.1716 19.3289 16.5 18.5005 16.5C17.6721 16.5 17.0005 17.1716 17.0005 18C17.0005 18.8284 17.6721 19.5 18.5005 19.5Z" fill="@{themeColor}"/></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.00049 18C7.00049 18.8284 6.32892 19.5 5.50049 19.5C4.67206 19.5 4.00049 18.8284 4.00049 18C4.00049 17.1716 4.67206 16.5 5.50049 16.5C6.32892 16.5 7.00049 17.1716 7.00049 18ZM13.5005 18C13.5005 18.8284 12.8289 19.5 12.0005 19.5C11.1721 19.5 10.5005 18.8284 10.5005 18C10.5005 17.1716 11.1721 16.5 12.0005 16.5C12.8289 16.5 13.5005 17.1716 13.5005 18ZM18.5005 19.5C19.3289 19.5 20.0005 18.8284 20.0005 18C20.0005 17.1716 19.3289 16.5 18.5005 16.5C17.6721 16.5 17.0005 17.1716 17.0005 18C17.0005 18.8284 17.6721 19.5 18.5005 19.5Z"/></svg>', @toolbar-segment);
     }
 
     &.icon-insert-comment {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.1538 9.00708H11.8462C10.8266 9.00708 10 9.83461 10 10.8554V15.1694C10 16.1902 10.8266 17.0177 11.8462 17.0177H13.8329C13.9409 17.0177 14.0454 17.0556 14.1284 17.1248L18.243 20.392C18.5436 20.6428 19 20.4288 19 20.037V17.4798C19 17.2246 19.2066 17.0177 19.4615 17.0177H20.1538C21.1734 17.0177 22 16.1902 22 15.1694V10.8554C22 9.83461 21.1734 9.00708 20.1538 9.00708ZM20 10.0083C20.5523 10.0083 21 10.4565 21 11.0095V15.0154C21 15.5683 20.5523 16.0165 20 16.0165H18.0025L18 18.8995C18 19.2912 18 19 18 19L14.5 16.0165H12C11.4477 16.0165 11 15.5683 11 15.0154V11.0095C11 10.4565 11.4477 10.0083 12 10.0083H20Z" fill="@{themeColor}"/><path d="M14.5 3H4.5C3.18908 3 2 4.2153 2 5.50295V12.0346C2 13.3222 3.18908 14.013 4.5 14.013H5.5C5.82773 14.013 6 14.1917 6 14.5136V17.5183C6 18.0125 6.6135 18.3352 7 18.0189L11 14.9858V13.5L7 16.5V13.0118H4.5C3.78992 13.0118 3 12.732 3 12.0346V5.50295C3 4.80547 3.78992 4.00118 4.5 4.00118H14.5C15.2101 4.00118 16 4.80547 16 5.50295V8.0059H17V5.50295C17 4.2153 15.8109 3 14.5 3Z" fill="@{themeColor}"/></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.1538 9.00708H11.8462C10.8266 9.00708 10 9.83461 10 10.8554V15.1694C10 16.1902 10.8266 17.0177 11.8462 17.0177H13.8329C13.9409 17.0177 14.0454 17.0556 14.1284 17.1248L18.243 20.392C18.5436 20.6428 19 20.4288 19 20.037V17.4798C19 17.2246 19.2066 17.0177 19.4615 17.0177H20.1538C21.1734 17.0177 22 16.1902 22 15.1694V10.8554C22 9.83461 21.1734 9.00708 20.1538 9.00708ZM20 10.0083C20.5523 10.0083 21 10.4565 21 11.0095V15.0154C21 15.5683 20.5523 16.0165 20 16.0165H18.0025L18 18.8995C18 19.2912 18 19 18 19L14.5 16.0165H12C11.4477 16.0165 11 15.5683 11 15.0154V11.0095C11 10.4565 11.4477 10.0083 12 10.0083H20Z" fill="@{brandColor}"/><path d="M14.5 3H4.5C3.18908 3 2 4.2153 2 5.50295V12.0346C2 13.3222 3.18908 14.013 4.5 14.013H5.5C5.82773 14.013 6 14.1917 6 14.5136V17.5183C6 18.0125 6.6135 18.3352 7 18.0189L11 14.9858V13.5L7 16.5V13.0118H4.5C3.78992 13.0118 3 12.732 3 12.0346V5.50295C3 4.80547 3.78992 4.00118 4.5 4.00118H14.5C15.2101 4.00118 16 4.80547 16 5.50295V8.0059H17V5.50295C17 4.2153 15.8109 3 14.5 3Z" fill="@{brandColor}"/></svg>');
     }
     &.icon-pagenumber {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M8.2,1L2,7.6V22h17V1H8.2z M8,2.8V8H3.1L8,2.8z M18,21H3V9h6V2l0,0h9V21z M12,19h1v-4h-0.7c0,0.2-0.1-0.1-0.1,0c-0.1,0.1-0.2,0-0.3,0c-0.1,0.1-0.2,0.1-0.4,0.1c-0.1,0-0.3,0-0.4,0V16H12V19z M15.3,17.3C15,17.9,15.1,18.4,15,19h0.9c0-0.3,0-0.6,0.1-0.9c0.1-0.3,0.1-0.6,0.3-0.9c0.1-0.3,0.3-0.6,0.4-0.9c0.2-0.3,0.1-0.3,0.3-0.5V15h-3v1h1.9C15.6,16.4,15.5,16.7,15.3,17.3z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M8.2,1L2,7.6V22h17V1H8.2z M8,2.8V8H3.1L8,2.8z M18,21H3V9h6V2l0,0h9V21z M12,19h1v-4h-0.7c0,0.2-0.1-0.1-0.1,0c-0.1,0.1-0.2,0-0.3,0c-0.1,0.1-0.2,0.1-0.4,0.1c-0.1,0-0.3,0-0.4,0V16H12V19z M15.3,17.3C15,17.9,15.1,18.4,15,19h0.9c0-0.3,0-0.6,0.1-0.9c0.1-0.3,0.1-0.6,0.3-0.9c0.1-0.3,0.3-0.6,0.4-0.9c0.2-0.3,0.1-0.3,0.3-0.5V15h-3v1h1.9C15.6,16.4,15.5,16.7,15.3,17.3z"/></g></svg>');
     }
     &.icon-sectionbreak {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M20,14V2H3v12H2V1h19v13H20z M5,14v1H4v-1H5z M7,14v1H6v-1H7z M9,14v1H8v-1H9z M11,14v1h-1v-1H11z M13,14v1h-1v-1H13z M15,14v1h-1v-1H15z M17,14v1h-1v-1H17z M18,14h1v1h-1V14z M3,21h17v-6h1v7H2v-7h1V21z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M20,14V2H3v12H2V1h19v13H20z M5,14v1H4v-1H5z M7,14v1H6v-1H7z M9,14v1H8v-1H9z M11,14v1h-1v-1H11z M13,14v1h-1v-1H13z M15,14v1h-1v-1H15z M17,14v1h-1v-1H17z M18,14h1v1h-1V14z M3,21h17v-6h1v7H2v-7h1V21z"/></g></svg>');
     }
     &.icon-footnote {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22 8.11133H20.9177V5.15361L20.9282 4.66765L20.9457 4.13624C20.7659 4.31571 20.641 4.43341 20.5709 4.48935L19.9825 4.96132L19.4606 4.31105L21.1103 3H22V8.11133Z" fill="@{themeColor}"/><path d="M10.3363 18.8514L8.98161 15.3968H4.61996L3.28021 18.8514H2L6.3021 7.94526H7.36646L11.6462 18.8514H10.3363ZM8.58713 14.2601L7.3218 10.8947C7.15806 10.4687 6.98935 9.94621 6.81567 9.32711C6.70651 9.80258 6.5502 10.3251 6.34676 10.8947L5.06655 14.2601H8.58713Z" fill="@{themeColor}"/><path d="M16.1425 10.5752C17.2143 10.5752 18.0454 10.9417 18.6359 11.6748C19.2313 12.4028 19.5291 13.4355 19.5291 14.7728C19.5291 16.11 19.2288 17.1501 18.6284 17.893C18.033 18.631 17.2043 19 16.1425 19C15.6115 19 15.1252 18.9034 14.6836 18.7103C14.2469 18.5121 13.8798 18.21 13.582 17.8039H13.4927L13.2322 18.8514H12.3465V7.29149H13.582V10.0997C13.582 10.7288 13.5622 11.2934 13.5225 11.7936H13.582C14.1576 10.9814 15.0111 10.5752 16.1425 10.5752ZM15.9638 11.6079C15.1203 11.6079 14.5124 11.8506 14.1403 12.336C13.7681 12.8164 13.582 13.6286 13.582 14.7728C13.582 15.9169 13.7731 16.7366 14.1551 17.2318C14.5372 17.7222 15.15 17.9673 15.9936 17.9673C16.7528 17.9673 17.3185 17.6925 17.6906 17.1427C18.0628 16.588 18.2488 15.793 18.2488 14.7579C18.2488 13.698 18.0628 12.908 17.6906 12.388C17.3185 11.8679 16.7429 11.6079 15.9638 11.6079Z" fill="@{themeColor}"/></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M22 8.11133H20.9177V5.15361L20.9282 4.66765L20.9457 4.13624C20.7659 4.31571 20.641 4.43341 20.5709 4.48935L19.9825 4.96132L19.4606 4.31105L21.1103 3H22V8.11133Z" fill="@{brandColor}"/><path d="M10.3363 18.8514L8.98161 15.3968H4.61996L3.28021 18.8514H2L6.3021 7.94526H7.36646L11.6462 18.8514H10.3363ZM8.58713 14.2601L7.3218 10.8947C7.15806 10.4687 6.98935 9.94621 6.81567 9.32711C6.70651 9.80258 6.5502 10.3251 6.34676 10.8947L5.06655 14.2601H8.58713Z" fill="@{brandColor}"/><path d="M16.1425 10.5752C17.2143 10.5752 18.0454 10.9417 18.6359 11.6748C19.2313 12.4028 19.5291 13.4355 19.5291 14.7728C19.5291 16.11 19.2288 17.1501 18.6284 17.893C18.033 18.631 17.2043 19 16.1425 19C15.6115 19 15.1252 18.9034 14.6836 18.7103C14.2469 18.5121 13.8798 18.21 13.582 17.8039H13.4927L13.2322 18.8514H12.3465V7.29149H13.582V10.0997C13.582 10.7288 13.5622 11.2934 13.5225 11.7936H13.582C14.1576 10.9814 15.0111 10.5752 16.1425 10.5752ZM15.9638 11.6079C15.1203 11.6079 14.5124 11.8506 14.1403 12.336C13.7681 12.8164 13.582 13.6286 13.582 14.7728C13.582 15.9169 13.7731 16.7366 14.1551 17.2318C14.5372 17.7222 15.15 17.9673 15.9936 17.9673C16.7528 17.9673 17.3185 17.6925 17.6906 17.1427C18.0628 16.588 18.2488 15.793 18.2488 14.7579C18.2488 13.698 18.0628 12.908 17.6906 12.388C17.3185 11.8679 16.7429 11.6079 15.9638 11.6079Z" fill="@{brandColor}"/></svg>');
     }
     &.icon-pagebreak {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M8,14v1h1v-1H8z M6,14v1h1v-1H6z M18,21H3v-6H2v7h17v-7h-1V21z M4,14v1h1v-1H4z M14,14v1h1v-1H14z M10,14v1h1v-1H10z M8.2,1L2,7.6V14h1V9h6V2l0,0h9v12h1V1H8.2z M8,8H3.1L8,2.8V8z M12,14v1h1v-1H12z M16,14v1h1v-1H16z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M8,14v1h1v-1H8z M6,14v1h1v-1H6z M18,21H3v-6H2v7h17v-7h-1V21z M4,14v1h1v-1H4z M14,14v1h1v-1H14z M10,14v1h1v-1H10z M8.2,1L2,7.6V14h1V9h6V2l0,0h9v12h1V1H8.2z M8,8H3.1L8,2.8V8z M12,14v1h1v-1H12z M16,14v1h1v-1H16z"/></g></svg>');
     }
     &.icon-stringbreak {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M18,12H5.1L9,15.9l-0.7,0.7l-4.5-4.5l-0.6-0.6l0.6-0.6l4.5-4.5L9,7.1L5.1,11H18V5h1v6v1H18z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M18,12H5.1L9,15.9l-0.7,0.7l-4.5-4.5l-0.6-0.6l0.6-0.6l4.5-4.5L9,7.1L5.1,11H18V5h1v6v1H18z"/></g></svg>');
     }
     // Collaboration
     &.icon-users {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16 7C16 9.34102 15.4162 11.1346 14.6143 12.3121C13.8071 13.4974 12.8337 14 12 14C11.1663 14 10.1929 13.4974 9.38574 12.3121C8.5838 11.1346 8 9.34102 8 7C8 4.61508 9.97853 3 12 3C14.0215 3 16 4.61508 16 7ZM15.1891 13.2201C14.2865 14.375 13.1451 15 12 15C10.8549 15 9.71347 14.375 8.81092 13.2201C7.40473 13.7844 6.21268 14.3488 5.26963 14.9224C3.55256 15.9667 3 16.8326 3 17.5C3 18.2545 3.4257 19.0877 4.82302 19.7879C6.25015 20.5031 8.57272 20.9999 12 21C15.4273 21 17.7499 20.5031 19.177 19.7879C20.5743 19.0877 21 18.2545 21 17.5C21 16.8326 20.4474 15.9667 18.7304 14.9224C17.7873 14.3488 16.5953 13.7844 15.1891 13.2201ZM15.7544 12.37C16.5137 11.0279 17 9.20917 17 7C17 4 14.5088 2 12 2C9.49121 2 7 4 7 7C7 9.20917 7.48633 11.0279 8.24563 12.37C4.38973 13.9392 2 15.579 2 17.5C2 19.9852 5 21.9999 12 22C19 22 22 19.9852 22 17.5C22 15.579 19.6103 13.9392 15.7544 12.37Z" fill="@{themeColor}"/></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16 7C16 9.34102 15.4162 11.1346 14.6143 12.3121C13.8071 13.4974 12.8337 14 12 14C11.1663 14 10.1929 13.4974 9.38574 12.3121C8.5838 11.1346 8 9.34102 8 7C8 4.61508 9.97853 3 12 3C14.0215 3 16 4.61508 16 7ZM15.1891 13.2201C14.2865 14.375 13.1451 15 12 15C10.8549 15 9.71347 14.375 8.81092 13.2201C7.40473 13.7844 6.21268 14.3488 5.26963 14.9224C3.55256 15.9667 3 16.8326 3 17.5C3 18.2545 3.4257 19.0877 4.82302 19.7879C6.25015 20.5031 8.57272 20.9999 12 21C15.4273 21 17.7499 20.5031 19.177 19.7879C20.5743 19.0877 21 18.2545 21 17.5C21 16.8326 20.4474 15.9667 18.7304 14.9224C17.7873 14.3488 16.5953 13.7844 15.1891 13.2201ZM15.7544 12.37C16.5137 11.0279 17 9.20917 17 7C17 4 14.5088 2 12 2C9.49121 2 7 4 7 7C7 9.20917 7.48633 11.0279 8.24563 12.37C4.38973 13.9392 2 15.579 2 17.5C2 19.9852 5 21.9999 12 22C19 22 22 19.9852 22 17.5C22 15.579 19.6103 13.9392 15.7544 12.37Z" fill="@{brandColor}"/></svg>');
     }
     &.icon-review {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 3H20V7H19V4H4V20H19V14H20V21H3V3Z" fill="@{themeColor}"/><path d="M16 8H7V7H16V8Z" fill="@{themeColor}"/><path d="M7 10H16V9H7V10Z" fill="@{themeColor}"/><path d="M14 12H7V11H14V12Z" fill="@{themeColor}"/><path d="M7 14H12V13H7V14Z" fill="@{themeColor}"/><path d="M11 16H7V15H11V16Z" fill="@{themeColor}"/><path d="M13 15.5V17H14.5L22.5 9L21 7.5L13 15.5Z" fill="@{themeColor}"/></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3 3H20V7H19V4H4V20H19V14H20V21H3V3Z" fill="@{brandColor}"/><path d="M16 8H7V7H16V8Z" fill="@{brandColor}"/><path d="M7 10H16V9H7V10Z" fill="@{brandColor}"/><path d="M14 12H7V11H14V12Z" fill="@{brandColor}"/><path d="M7 14H12V13H7V14Z" fill="@{brandColor}"/><path d="M11 16H7V15H11V16Z" fill="@{brandColor}"/><path d="M13 15.5V17H14.5L22.5 9L21 7.5L13 15.5Z" fill="@{brandColor}"/></svg>');
     }
     &.icon-review-changes {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19 10H5V9H19V10Z" fill="@{themeColor}"/><path d="M19 13H5V12H19V13Z" fill="@{themeColor}"/><path d="M19 16H5V15H19V16Z" fill="@{themeColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21 6H3V19H21V6ZM3 5H2V6V19V20H3H21H22V19V6V5H21H3Z" fill="@{themeColor}"/></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M19 10H5V9H19V10Z" fill="@{brandColor}"/><path d="M19 13H5V12H19V13Z" fill="@{brandColor}"/><path d="M19 16H5V15H19V16Z" fill="@{brandColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21 6H3V19H21V6ZM3 5H2V6V19V20H3H21H22V19V6V5H21H3Z" fill="@{brandColor}"/></svg>');
     }
     &.icon-accept-changes {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 20L9 17L8 18L12 22L22 12L21 11L12 20Z" fill="#40865C"/><path d="M19 9H5V8H19V9Z" fill="@{themeColor}"/><path d="M16 12H5V11H16V12Z" fill="@{themeColor}"/><path d="M14 15H5V14H14V15Z" fill="@{themeColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3 5H21V9H22V5V4H21H3H2V5V19V20H3H6V19H3V5Z" fill="@{themeColor}"/></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 20L9 17L8 18L12 22L22 12L21 11L12 20Z" fill="#40865C"/><path d="M19 9H5V8H19V9Z" fill="@{brandColor}"/><path d="M16 12H5V11H16V12Z" fill="@{brandColor}"/><path d="M14 15H5V14H14V15Z" fill="@{brandColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3 5H21V9H22V5V4H21H3H2V5V19V20H3H6V19H3V5Z" fill="@{brandColor}"/></svg>');
     }
     &.icon-reject-changes {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13 11L12 12L16 16L12 20L13 21L17 17L21 21L22 20L18 16L22 12L21 11L17 15L13 11Z" fill="#AA5252"/><path d="M19 9H5V8H19V9Z" fill="@{themeColor}"/><path d="M10 12H5V11H10V12Z" fill="@{themeColor}"/><path d="M10 15H5V14H10V15Z" fill="@{themeColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3 5H21V9H22V5V4H21H3H2V5V19V20H3H10V19H3V5Z" fill="@{themeColor}"/></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M13 11L12 12L16 16L12 20L13 21L17 17L21 21L22 20L18 16L22 12L21 11L17 15L13 11Z" fill="#AA5252"/><path d="M19 9H5V8H19V9Z" fill="@{brandColor}"/><path d="M10 12H5V11H10V12Z" fill="@{brandColor}"/><path d="M10 15H5V14H10V15Z" fill="@{brandColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3 5H21V9H22V5V4H21H3H2V5V19V20H3H10V19H3V5Z" fill="@{brandColor}"/></svg>');
     }
     &.icon-accept {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 18L2 11L1 12L9 20L23 6L22 5L9 18Z" fill="@{themeColor}"/></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M9 18L2 11L1 12L9 20L23 6L22 5L9 18Z" fill="@{brandColor}"/></svg>');
     }
     &.icon-reject {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 4L4 5L11 12L4 19L5 20L12 13L19 20L20 19L13 12L20 5L19 4L12 11L5 4Z" fill="@{themeColor}"/></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24"  xmlns="http://www.w3.org/2000/svg"><path d="M5 4L4 5L11 12L4 19L5 20L12 13L19 20L20 19L13 12L20 5L19 4L12 11L5 4Z" fill="@{brandColor}"/></svg>');
     }
     &.icon-next-change {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clipnext)"><path d="M16 12L6.5 22L7.5 23L18 12L7.5 1L6.5 2L16 12Z" fill="@{themeColor}"/></g><defs><clipPath id="clipnext"><rect width="24" height="24" fill="none"/></clipPath></defs></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clipnext)"><path d="M16 12L6.5 22L7.5 23L18 12L7.5 1L6.5 2L16 12Z" fill="@{brandColor}"/></g><defs><clipPath id="clipnext"><rect width="24" height="24" fill="none"/></clipPath></defs></svg>');
     }
     &.icon-prev-change {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clipprev)"><path d="M8 12L17.5 2L16.5 1L6 12L16.5 23L17.5 22L8 12Z" fill="@{themeColor}"/></g><defs><clipPath id="clipprev"><rect width="24" height="24" fill="none"/></clipPath></defs></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clipprev)"><path d="M8 12L17.5 2L16.5 1L6 12L16.5 23L17.5 22L8 12Z" fill="@{brandColor}"/></g><defs><clipPath id="clipprev"><rect width="24" height="24" fill="none"/></clipPath></defs></svg>');
     }
     &.icon-goto {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M21 3H3V21H21V3ZM3 2H2V3V21V22H3H21H22V21V3V2H21H3ZM15.2929 8H9V7H16.5H17V7.5V15H16V8.70711L7.35355 17.3536L6.64645 16.6464L15.2929 8Z" fill="@{themeColor}"/></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M21 3H3V21H21V3ZM3 2H2V3V21V22H3H21H22V21V3V2H21H3ZM15.2929 8H9V7H16.5H17V7.5V15H16V8.70711L7.35355 17.3536L6.64645 16.6464L15.2929 8Z" fill="@{brandColor}"/></svg>');
     }
 
     // Comments
     &.icon-menu-comment {
       width: 30px;
       height: 30px;
-      .encoded-svg-background('<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10 15C10 16.6569 8.65685 18 7 18C5.34315 18 4 16.6569 4 15C4 13.3431 5.34315 12 7 12C8.65685 12 10 13.3431 10 15ZM7 16.7143C7.94677 16.7143 8.71429 15.9468 8.71429 15C8.71429 14.0532 7.94677 13.2857 7 13.2857C6.05323 13.2857 5.28571 14.0532 5.28571 15C5.28571 15.9468 6.05323 16.7143 7 16.7143Z" fill="#A3A3A3"/><path fill-rule="evenodd" clip-rule="evenodd" d="M18 15C18 16.6569 16.6569 18 15 18C13.3431 18 12 16.6569 12 15C12 13.3431 13.3431 12 15 12C16.6569 12 18 13.3431 18 15ZM15 16.7143C15.9468 16.7143 16.7143 15.9468 16.7143 15C16.7143 14.0532 15.9468 13.2857 15 13.2857C14.0532 13.2857 13.2857 14.0532 13.2857 15C13.2857 15.9468 14.0532 16.7143 15 16.7143Z" fill="#A3A3A3"/><path fill-rule="evenodd" clip-rule="evenodd" d="M26 15C26 16.6569 24.6569 18 23 18C21.3431 18 20 16.6569 20 15C20 13.3431 21.3431 12 23 12C24.6569 12 26 13.3431 26 15ZM23 16.7143C23.9468 16.7143 24.7143 15.9468 24.7143 15C24.7143 14.0532 23.9468 13.2857 23 13.2857C22.0532 13.2857 21.2857 14.0532 21.2857 15C21.2857 15.9468 22.0532 16.7143 23 16.7143Z" fill="#A3A3A3"/></svg>');
+      .encoded-svg-mask('<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10 15C10 16.6569 8.65685 18 7 18C5.34315 18 4 16.6569 4 15C4 13.3431 5.34315 12 7 12C8.65685 12 10 13.3431 10 15ZM7 16.7143C7.94677 16.7143 8.71429 15.9468 8.71429 15C8.71429 14.0532 7.94677 13.2857 7 13.2857C6.05323 13.2857 5.28571 14.0532 5.28571 15C5.28571 15.9468 6.05323 16.7143 7 16.7143Z" fill="#A3A3A3"/><path fill-rule="evenodd" clip-rule="evenodd" d="M18 15C18 16.6569 16.6569 18 15 18C13.3431 18 12 16.6569 12 15C12 13.3431 13.3431 12 15 12C16.6569 12 18 13.3431 18 15ZM15 16.7143C15.9468 16.7143 16.7143 15.9468 16.7143 15C16.7143 14.0532 15.9468 13.2857 15 13.2857C14.0532 13.2857 13.2857 14.0532 13.2857 15C13.2857 15.9468 14.0532 16.7143 15 16.7143Z" fill="#A3A3A3"/><path fill-rule="evenodd" clip-rule="evenodd" d="M26 15C26 16.6569 24.6569 18 23 18C21.3431 18 20 16.6569 20 15C20 13.3431 21.3431 12 23 12C24.6569 12 26 13.3431 26 15ZM23 16.7143C23.9468 16.7143 24.7143 15.9468 24.7143 15C24.7143 14.0532 23.9468 13.2857 23 13.2857C22.0532 13.2857 21.2857 14.0532 21.2857 15C21.2857 15.9468 22.0532 16.7143 23 16.7143Z" fill="#A3A3A3"/></svg>', @text-tertiary);
     }
     &.icon-resolve-comment {
       width: 30px;
       height: 30px;
-      .encoded-svg-background('<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.6195 20.8555C11.8237 21.0673 12.1658 21.0577 12.358 20.8349L22.516 9.05783C22.7843 8.74676 22.7528 8.27781 22.4453 8.00545C22.1315 7.72756 21.651 7.7604 21.3779 8.07839L12.3546 18.587C12.1638 18.8092 11.8238 18.8206 11.6186 18.6117L8.10643 15.0366C7.81574 14.7407 7.34084 14.7345 7.04258 15.0228C6.74283 15.3125 6.73444 15.7903 7.02383 16.0904L11.6195 20.8555Z" fill="#A3A3A3"/></svg>');
+      .encoded-svg-mask('<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.6195 20.8555C11.8237 21.0673 12.1658 21.0577 12.358 20.8349L22.516 9.05783C22.7843 8.74676 22.7528 8.27781 22.4453 8.00545C22.1315 7.72756 21.651 7.7604 21.3779 8.07839L12.3546 18.587C12.1638 18.8092 11.8238 18.8206 11.6186 18.6117L8.10643 15.0366C7.81574 14.7407 7.34084 14.7345 7.04258 15.0228C6.74283 15.3125 6.73444 15.7903 7.02383 16.0904L11.6195 20.8555Z" fill="#A3A3A3"/></svg>');
     }
     &.icon-resolve-comment.check {
       width: 30px;
       height: 30px;
-      .encoded-svg-background('<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0H30V30H0V0Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.6195 20.8555C11.8237 21.0673 12.1658 21.0577 12.358 20.8349L22.516 9.05783C22.7843 8.74676 22.7528 8.27781 22.4453 8.00545V8.00545C22.1315 7.72756 21.651 7.7604 21.3779 8.07839L12.3546 18.587C12.1638 18.8092 11.8238 18.8206 11.6186 18.6117L8.10643 15.0366C7.81575 14.7407 7.34084 14.7345 7.04258 15.0228V15.0228C6.74283 15.3125 6.73444 15.7903 7.02383 16.0904L11.6195 20.8555Z" fill="@{green}"/></svg>');
+      .encoded-svg-background('<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><path d="M0 0H30V30H0V0Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.6195 20.8555C11.8237 21.0673 12.1658 21.0577 12.358 20.8349L22.516 9.05783C22.7843 8.74676 22.7528 8.27781 22.4453 8.00545V8.00545C22.1315 7.72756 21.651 7.7604 21.3779 8.07839L12.3546 18.587C12.1638 18.8092 11.8238 18.8206 11.6186 18.6117L8.10643 15.0366C7.81575 14.7407 7.34084 14.7345 7.04258 15.0228V15.0228C6.74283 15.3125 6.73444 15.7903 7.02383 16.0904L11.6195 20.8555Z" fill="@{green}" /></svg>');
     }
     &.icon-insert-comment {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.1538 9.00708H11.8462C10.8266 9.00708 10 9.83461 10 10.8554V15.1694C10 16.1902 10.8266 17.0177 11.8462 17.0177H13.8329C13.9409 17.0177 14.0454 17.0556 14.1284 17.1248L18.243 20.392C18.5436 20.6428 19 20.4288 19 20.037V17.4798C19 17.2246 19.2066 17.0177 19.4615 17.0177H20.1538C21.1734 17.0177 22 16.1902 22 15.1694V10.8554C22 9.83461 21.1734 9.00708 20.1538 9.00708ZM20 10.0083C20.5523 10.0083 21 10.4565 21 11.0095V15.0154C21 15.5683 20.5523 16.0165 20 16.0165H18.0025L18 18.8995C18 19.2912 18 19 18 19L14.5 16.0165H12C11.4477 16.0165 11 15.5683 11 15.0154V11.0095C11 10.4565 11.4477 10.0083 12 10.0083H20Z" fill="@{themeColor}"/><path d="M14.5 3H4.5C3.18908 3 2 4.2153 2 5.50295V12.0346C2 13.3222 3.18908 14.013 4.5 14.013H5.5C5.82773 14.013 6 14.1917 6 14.5136V17.5183C6 18.0125 6.6135 18.3352 7 18.0189L11 14.9858V13.5L7 16.5V13.0118H4.5C3.78992 13.0118 3 12.732 3 12.0346V5.50295C3 4.80547 3.78992 4.00118 4.5 4.00118H14.5C15.2101 4.00118 16 4.80547 16 5.50295V8.0059H17V5.50295C17 4.2153 15.8109 3 14.5 3Z" fill="@{themeColor}"/></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.1538 9.00708H11.8462C10.8266 9.00708 10 9.83461 10 10.8554V15.1694C10 16.1902 10.8266 17.0177 11.8462 17.0177H13.8329C13.9409 17.0177 14.0454 17.0556 14.1284 17.1248L18.243 20.392C18.5436 20.6428 19 20.4288 19 20.037V17.4798C19 17.2246 19.2066 17.0177 19.4615 17.0177H20.1538C21.1734 17.0177 22 16.1902 22 15.1694V10.8554C22 9.83461 21.1734 9.00708 20.1538 9.00708ZM20 10.0083C20.5523 10.0083 21 10.4565 21 11.0095V15.0154C21 15.5683 20.5523 16.0165 20 16.0165H18.0025L18 18.8995C18 19.2912 18 19 18 19L14.5 16.0165H12C11.4477 16.0165 11 15.5683 11 15.0154V11.0095C11 10.4565 11.4477 10.0083 12 10.0083H20Z" fill="@{brandColor}"/><path d="M14.5 3H4.5C3.18908 3 2 4.2153 2 5.50295V12.0346C2 13.3222 3.18908 14.013 4.5 14.013H5.5C5.82773 14.013 6 14.1917 6 14.5136V17.5183C6 18.0125 6.6135 18.3352 7 18.0189L11 14.9858V13.5L7 16.5V13.0118H4.5C3.78992 13.0118 3 12.732 3 12.0346V5.50295C3 4.80547 3.78992 4.00118 4.5 4.00118H14.5C15.2101 4.00118 16 4.80547 16 5.50295V8.0059H17V5.50295C17 4.2153 15.8109 3 14.5 3Z" fill="@{brandColor}"/></svg>');
     }
   }
   .tab-link-active {
@@ -508,22 +508,22 @@
       &.icon-add-table {
         width: 24px;
         height: 24px;
-        .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 5.59998H11.2V8.79998H4V5.59998Z" fill="white"/><path d="M12.8 5.59998H20V8.79998H12.8V5.59998Z" fill="white"/><path d="M4 10.4H11.2V13.6H4V10.4Z" fill="white"/><path d="M12.8 10.4H20V13.6H12.8V10.4Z" fill="white"/><path d="M4 15.2H11.2V18.4H4V15.2Z" fill="white"/><path d="M12.8 15.2H20V18.4H12.8V15.2Z" fill="white"/></svg>');
+        .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4 5.59998H11.2V8.79998H4V5.59998Z" fill="white"/><path d="M12.8 5.59998H20V8.79998H12.8V5.59998Z" fill="white"/><path d="M4 10.4H11.2V13.6H4V10.4Z" fill="white"/><path d="M12.8 10.4H20V13.6H12.8V10.4Z" fill="white"/><path d="M4 15.2H11.2V18.4H4V15.2Z" fill="white"/><path d="M12.8 15.2H20V18.4H12.8V15.2Z" fill="white"/></svg>');
       }
       &.icon-add-shape {
         width: 24px;
         height: 24px;
-        .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse cx="15.3333" cy="14.4002" rx="5.66667" ry="5.60002" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5 4.80005C4.44772 4.80005 4 5.24776 4 5.80005V15.8001C4 16.3524 4.44771 16.8001 5 16.8001H9.32787C9.02431 16.059 8.85714 15.2488 8.85714 14.4001C8.85714 10.8655 11.7566 8.00012 15.3333 8.00012C15.8924 8.00012 16.4349 8.07013 16.9524 8.20175V5.80005C16.9524 5.24776 16.5047 4.80005 15.9524 4.80005H5Z" fill="white"/></svg>');
+        .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><ellipse cx="15.3333" cy="14.4002" rx="5.66667" ry="5.60002" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5 4.80005C4.44772 4.80005 4 5.24776 4 5.80005V15.8001C4 16.3524 4.44771 16.8001 5 16.8001H9.32787C9.02431 16.059 8.85714 15.2488 8.85714 14.4001C8.85714 10.8655 11.7566 8.00012 15.3333 8.00012C15.8924 8.00012 16.4349 8.07013 16.9524 8.20175V5.80005C16.9524 5.24776 16.5047 4.80005 15.9524 4.80005H5Z" fill="white"/></svg>');
       }
       &.icon-add-image {
         width: 24px;
         height: 24px;
-        .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.79177 16.6667L8.87529 13.1667L11.1254 15.5L14.2089 12L18.2092 16.6667H5.79177ZM19.4593 18.526C19.8204 18.2101 20.001 17.8455 20.001 17.4323V6.56771C20.001 6.15451 19.8204 5.78993 19.4593 5.47396C19.0981 5.15799 18.6814 5 18.2092 5H5.79177C5.31952 5 4.90283 5.15799 4.5417 5.47396C4.18057 5.78993 4 6.15451 4 6.56771V17.4323C4 17.8455 4.18057 18.2101 4.5417 18.526C4.90283 18.842 5.31952 19 5.79177 19H18.2092C18.6814 19 19.0981 18.842 19.4593 18.526ZM8.79933 11.2222C9.68304 11.2222 10.3994 10.5258 10.3994 9.66667C10.3994 8.80756 9.68304 8.11111 8.79933 8.11111C7.91562 8.11111 7.19923 8.80756 7.19923 9.66667C7.19923 10.5258 7.91562 11.2222 8.79933 11.2222Z" fill="white"/></svg>');
+        .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.79177 16.6667L8.87529 13.1667L11.1254 15.5L14.2089 12L18.2092 16.6667H5.79177ZM19.4593 18.526C19.8204 18.2101 20.001 17.8455 20.001 17.4323V6.56771C20.001 6.15451 19.8204 5.78993 19.4593 5.47396C19.0981 5.15799 18.6814 5 18.2092 5H5.79177C5.31952 5 4.90283 5.15799 4.5417 5.47396C4.18057 5.78993 4 6.15451 4 6.56771V17.4323C4 17.8455 4.18057 18.2101 4.5417 18.526C4.90283 18.842 5.31952 19 5.79177 19H18.2092C18.6814 19 19.0981 18.842 19.4593 18.526ZM8.79933 11.2222C9.68304 11.2222 10.3994 10.5258 10.3994 9.66667C10.3994 8.80756 9.68304 8.11111 8.79933 8.11111C7.91562 8.11111 7.19923 8.80756 7.19923 9.66667C7.19923 10.5258 7.91562 11.2222 8.79933 11.2222Z" fill="white"/></svg>');
       }
       &.icon-add-other {
         width: 24px;
         height: 24px;
-        .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.00049 18C7.00049 18.8284 6.32892 19.5 5.50049 19.5C4.67206 19.5 4.00049 18.8284 4.00049 18C4.00049 17.1716 4.67206 16.5 5.50049 16.5C6.32892 16.5 7.00049 17.1716 7.00049 18ZM13.5005 18C13.5005 18.8284 12.8289 19.5 12.0005 19.5C11.1721 19.5 10.5005 18.8284 10.5005 18C10.5005 17.1716 11.1721 16.5 12.0005 16.5C12.8289 16.5 13.5005 17.1716 13.5005 18ZM18.5005 19.5C19.3289 19.5 20.0005 18.8284 20.0005 18C20.0005 17.1716 19.3289 16.5 18.5005 16.5C17.6721 16.5 17.0005 17.1716 17.0005 18C17.0005 18.8284 17.6721 19.5 18.5005 19.5Z" fill="white"/></svg>');
+        .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.00049 18C7.00049 18.8284 6.32892 19.5 5.50049 19.5C4.67206 19.5 4.00049 18.8284 4.00049 18C4.00049 17.1716 4.67206 16.5 5.50049 16.5C6.32892 16.5 7.00049 17.1716 7.00049 18ZM13.5005 18C13.5005 18.8284 12.8289 19.5 12.0005 19.5C11.1721 19.5 10.5005 18.8284 10.5005 18C10.5005 17.1716 11.1721 16.5 12.0005 16.5C12.8289 16.5 13.5005 17.1716 13.5005 18ZM18.5005 19.5C19.3289 19.5 20.0005 18.8284 20.0005 18C20.0005 17.1716 19.3289 16.5 18.5005 16.5C17.6721 16.5 17.0005 17.1716 17.0005 18C17.0005 18.8284 17.6721 19.5 18.5005 19.5Z" fill="white"/></svg>');
       }
     }
   }
diff --git a/apps/documenteditor/mobile/src/less/icons-material.less b/apps/documenteditor/mobile/src/less/icons-material.less
index 03e09345e..bc3b9c640 100644
--- a/apps/documenteditor/mobile/src/less/icons-material.less
+++ b/apps/documenteditor/mobile/src/less/icons-material.less
@@ -4,68 +4,68 @@
       &.icon-undo {
         width: 22px;
         height: 22px;
-        .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{navBarIconColor}"><g><path d="M20,17v-2c0-1.7-1.3-3-3-3H3.7l3.4,3.4l-1.4,1.4l-5.2-5.2L0,11l0.5-0.6l5.2-5.2l1.4,1.4L3.7,10H17c2.8,0,5,2.2,5,5v2H20z"/></g></svg>');
+        .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{toolbar-icons}"><g><path d="M20,17v-2c0-1.7-1.3-3-3-3H3.7l3.4,3.4l-1.4,1.4l-5.2-5.2L0,11l0.5-0.6l5.2-5.2l1.4,1.4L3.7,10H17c2.8,0,5,2.2,5,5v2H20z"/></g></svg>', @toolbar-icons);
       }
       &.icon-redo {
         width: 22px;
         height: 22px;
-        .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{navBarIconColor}"><g><path d="M0,17v-2c0-2.8,2.2-5,5-5h13.3l-3.4-3.4l1.4-1.4l5.2,5.2L22,11l-0.5,0.6l-5.2,5.2l-1.4-1.4l3.4-3.4H5c-1.7,0-3,1.3-3,3v2H0z"/></g></svg>');
+        .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{toolbar-icons}"><g><path d="M0,17v-2c0-2.8,2.2-5,5-5h13.3l-3.4-3.4l1.4-1.4l5.2,5.2L22,11l-0.5,0.6l-5.2,5.2l-1.4-1.4l3.4-3.4H5c-1.7,0-3,1.3-3,3v2H0z"/></g></svg>', @toolbar-icons);
       }
       &.icon-edit-settings {
         width: 22px;
         height: 22px;
-        .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M2.5 15L8 1h2l4.4146 11.2574-1.6009 1.6008L12.12012 12h-6.25L4.75 15zM9 3.66998L6.62012 10h4.75976z" clip-rule="evenodd" fill="#fff" fill-rule="evenodd"/><path d="M10 19.50035V22h2.49965l7.37231-7.37231-2.49965-2.49965zm11.805-6.80572c.26-.25997.26-.67991 0-.93987l-1.5598-1.559787c-.25992-.259964-.67986-.259964-.93983 0L18.08554 11.4148l2.49966 2.49966z" fill="#fff"/></g></svg>');
+        .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M2.5 15L8 1h2l4.4146 11.2574-1.6009 1.6008L12.12012 12h-6.25L4.75 15zM9 3.66998L6.62012 10h4.75976z" clip-rule="evenodd" fill="#fff" fill-rule="evenodd"/><path d="M10 19.50035V22h2.49965l7.37231-7.37231-2.49965-2.49965zm11.805-6.80572c.26-.25997.26-.67991 0-.93987l-1.5598-1.559787c-.25992-.259964-.67986-.259964-.93983 0L18.08554 11.4148l2.49966 2.49966z" fill="#fff"/></g></svg>', @toolbar-icons);
       }
       &.icon-plus {
         width: 22px;
         height: 22px;
-        .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{navBarIconColor}"><g><path d="M21,12h-9v9h-2v-9H1v-2h9V1h2v9h9V12z"/></g></svg>');
+        .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{toolbar-icons}"><g><path d="M21,12h-9v9h-2v-9H1v-2h9V1h2v9h9V12z"/></g></svg>', @toolbar-icons);
       }
       &.icon-settings {
         width: 22px;
         height: 22px;
-        .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{navBarIconColor}"><g><path d="M12.1,2H9.9C9.6,2,9.4,2.2,9.3,2.5L8.8,4.9c0,0.2-0.2,0.3-0.3,0.3s-0.1,0-0.2-0.1L6.2,3.8C6.1,3.7,6,3.7,5.8,3.7c-0.1,0-0.3,0-0.4,0.1L3.8,5.4c-0.1,0.2-0.2,0.5,0,0.8l1.3,2.1c0.1,0.2,0.1,0.4-0.2,0.5L2.5,9.3C2.2,9.4,2,9.6,2,9.9v2.2c0,0.3,0.2,0.5,0.5,0.6l2.4,0.5c0.3,0.1,0.4,0.3,0.2,0.5l-1.3,2.1c-0.2,0.2-0.1,0.6,0.1,0.8l1.6,1.6c0.1,0.1,0.3,0.2,0.4,0.2s0.2,0,0.3-0.1L8.3,17c0.1-0.1,0.1-0.1,0.2-0.1s0.3,0.1,0.3,0.3l0.5,2.3C9.4,19.8,9.6,20,9.9,20h2.2c0.3,0,0.5-0.2,0.6-0.5l0.5-2.4c0-0.2,0.1-0.3,0.3-0.3c0.1,0,0.1,0,0.2,0.1l2.1,1.3c0.1,0.1,0.2,0.1,0.3,0.1c0.2,0,0.3-0.1,0.4-0.2l1.6-1.6c0.2-0.2,0.2-0.5,0.1-0.8l-1.3-2.1c-0.2-0.2-0.1-0.5,0.2-0.5l2.4-0.5c0.3-0.1,0.5-0.3,0.5-0.6V9.8c0-0.3-0.2-0.5-0.5-0.6l-2.4-0.5c-0.3-0.1-0.4-0.3-0.2-0.5l1.3-2.1c0.2-0.2,0.1-0.6-0.1-0.8l-1.6-1.6c-0.1-0.1-0.3-0.2-0.4-0.2s-0.2,0-0.3,0.1l-2.1,1.3C13.6,5,13.6,5,13.5,5s-0.3-0.1-0.3-0.3l-0.5-2.2C12.6,2.2,12.4,2,12.1,2L12.1,2z M11,14.5c-1.9,0-3.5-1.6-3.5-3.5S9.1,7.5,11,7.5s3.5,1.6,3.5,3.5S12.9,14.5,11,14.5L11,14.5z"/></g></svg>');
+        .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{toolbar-icons}"><g><path d="M12.1,2H9.9C9.6,2,9.4,2.2,9.3,2.5L8.8,4.9c0,0.2-0.2,0.3-0.3,0.3s-0.1,0-0.2-0.1L6.2,3.8C6.1,3.7,6,3.7,5.8,3.7c-0.1,0-0.3,0-0.4,0.1L3.8,5.4c-0.1,0.2-0.2,0.5,0,0.8l1.3,2.1c0.1,0.2,0.1,0.4-0.2,0.5L2.5,9.3C2.2,9.4,2,9.6,2,9.9v2.2c0,0.3,0.2,0.5,0.5,0.6l2.4,0.5c0.3,0.1,0.4,0.3,0.2,0.5l-1.3,2.1c-0.2,0.2-0.1,0.6,0.1,0.8l1.6,1.6c0.1,0.1,0.3,0.2,0.4,0.2s0.2,0,0.3-0.1L8.3,17c0.1-0.1,0.1-0.1,0.2-0.1s0.3,0.1,0.3,0.3l0.5,2.3C9.4,19.8,9.6,20,9.9,20h2.2c0.3,0,0.5-0.2,0.6-0.5l0.5-2.4c0-0.2,0.1-0.3,0.3-0.3c0.1,0,0.1,0,0.2,0.1l2.1,1.3c0.1,0.1,0.2,0.1,0.3,0.1c0.2,0,0.3-0.1,0.4-0.2l1.6-1.6c0.2-0.2,0.2-0.5,0.1-0.8l-1.3-2.1c-0.2-0.2-0.1-0.5,0.2-0.5l2.4-0.5c0.3-0.1,0.5-0.3,0.5-0.6V9.8c0-0.3-0.2-0.5-0.5-0.6l-2.4-0.5c-0.3-0.1-0.4-0.3-0.2-0.5l1.3-2.1c0.2-0.2,0.1-0.6-0.1-0.8l-1.6-1.6c-0.1-0.1-0.3-0.2-0.4-0.2s-0.2,0-0.3,0.1l-2.1,1.3C13.6,5,13.6,5,13.5,5s-0.3-0.1-0.3-0.3l-0.5-2.2C12.6,2.2,12.4,2,12.1,2L12.1,2z M11,14.5c-1.9,0-3.5-1.6-3.5-3.5S9.1,7.5,11,7.5s3.5,1.6,3.5,3.5S12.9,14.5,11,14.5L11,14.5z"/></g></svg>', @toolbar-icons);
       }
       &.icon-prev {
         width: 20px;
         height: 20px;
-        .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{navBarIconColor}"><g><polygon points="5.1,10.9 13.9,2 16,4.1 9.2,11.1 16,17.9 13.9,20 5.1,11.2 5,11.1 "/></g></svg>');
+        .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{toolbar-icons}"><g><polygon points="5.1,10.9 13.9,2 16,4.1 9.2,11.1 16,17.9 13.9,20 5.1,11.2 5,11.1 "/></g></svg>', @toolbar-icons);
       }
       &.icon-next {
           width: 20px;
           height: 20px;
-          .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{navBarIconColor}"><g><polygon points="16.9,10.9 8.1,2 6,4.1 12.8,11.1 6,17.9 8.1,20 16.9,11.2 17,11.1 "/></g></svg>');
+          .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{toolbar-icons}"><g><polygon points="16.9,10.9 8.1,2 6,4.1 12.8,11.1 6,17.9 8.1,20 16.9,11.2 17,11.1 "/></g></svg>', @toolbar-icons);
       }
       &.icon-expand-down {
         width: 22px;
         height: 22px;
-        .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{navBarIconColor}"><g><polygon points="10.9,16.9 2,8.1 4.1,6 11.1,12.8 17.9,6 20,8.1 11.2,16.9 11.1,17 "/></g></svg>');
+        .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22"><g><polygon points="10.9,16.9 2,8.1 4.1,6 11.1,12.8 17.9,6 20,8.1 11.2,16.9 11.1,17 "/></g></svg>', @fill-white);
       }
       // Insert
       &.icon-add-table {
         width: 24px;
         height: 24px;
-        .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 4H11V8H2V4Z" fill="@{navBarIconColor}"/><path d="M13 4H22V8H13V4Z" fill="@{navBarIconColor}"/><path d="M2 10H11V14H2V10Z" fill="@{navBarIconColor}"/><path d="M13 10H22V14H13V10Z" fill="@{navBarIconColor}"/><path d="M2 16H11V20H2V16Z" fill="@{navBarIconColor}"/><path d="M13 16H22V20H13V16Z" fill="@{navBarIconColor}"/></svg>');
+        .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M2 4H11V8H2V4Z" fill="@{toolbar-tab-normal}"/><path d="M13 4H22V8H13V4Z" fill="@{toolbar-tab-normal}"/><path d="M2 10H11V14H2V10Z" fill="@{toolbar-tab-normal}"/><path d="M13 10H22V14H13V10Z" fill="@{toolbar-tab-normal}"/><path d="M2 16H11V20H2V16Z" fill="@{toolbar-tab-normal}"/><path d="M13 16H22V20H13V16Z" fill="@{toolbar-tab-normal}"/></svg>', @toolbar-tab-normal);
       }
       &.icon-add-shape {
         width: 24px;
         height: 24px;
-        .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="16" cy="15" r="7" fill="@{navBarIconColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3 3C2.44772 3 2 3.44772 2 4V17C2 17.5523 2.44772 18 3 18H8.58152C8.20651 17.0736 8 16.0609 8 15C8 10.5817 11.5817 7 16 7C16.6906 7 17.3608 7.08751 18 7.25204V4C18 3.44772 17.5523 3 17 3H3Z" fill="@{navBarIconColor}"/></svg>');
+        .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><circle cx="16" cy="15" r="7" fill="@{toolbar-tab-normal}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3 3C2.44772 3 2 3.44772 2 4V17C2 17.5523 2.44772 18 3 18H8.58152C8.20651 17.0736 8 16.0609 8 15C8 10.5817 11.5817 7 16 7C16.6906 7 17.3608 7.08751 18 7.25204V4C18 3.44772 17.5523 3 17 3H3Z" fill="@{toolbar-tab-normal}"/></svg>', @toolbar-tab-normal);
       }
       &.icon-add-image {
         width: 24px;
         height: 24px;
-        .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0)"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.23958 18L8.09375 13.5L10.9062 16.5L14.7604 12L19.7604 18H4.23958ZM21.3229 20.3906C21.7743 19.9844 22 19.5156 22 18.9844V5.01562C22 4.48438 21.7743 4.01562 21.3229 3.60938C20.8715 3.20313 20.3507 3 19.7604 3H4.23958C3.64931 3 3.12847 3.20313 2.67708 3.60938C2.22569 4.01562 2 4.48438 2 5.01562V18.9844C2 19.5156 2.22569 19.9844 2.67708 20.3906C3.12847 20.7969 3.64931 21 4.23958 21H19.7604C20.3507 21 20.8715 20.7969 21.3229 20.3906ZM8 11C9.10457 11 10 10.1046 10 9C10 7.89543 9.10457 7 8 7C6.89543 7 6 7.89543 6 9C6 10.1046 6.89543 11 8 11Z" fill="@{navBarIconColor}"/></g><defs><clipPath id="clip0"><path d="M0.000477791 0H24.0005V24H0.000477791V0Z" fill="transparent"/></clipPath></defs></svg>');
+        .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0)"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.23958 18L8.09375 13.5L10.9062 16.5L14.7604 12L19.7604 18H4.23958ZM21.3229 20.3906C21.7743 19.9844 22 19.5156 22 18.9844V5.01562C22 4.48438 21.7743 4.01562 21.3229 3.60938C20.8715 3.20313 20.3507 3 19.7604 3H4.23958C3.64931 3 3.12847 3.20313 2.67708 3.60938C2.22569 4.01562 2 4.48438 2 5.01562V18.9844C2 19.5156 2.22569 19.9844 2.67708 20.3906C3.12847 20.7969 3.64931 21 4.23958 21H19.7604C20.3507 21 20.8715 20.7969 21.3229 20.3906ZM8 11C9.10457 11 10 10.1046 10 9C10 7.89543 9.10457 7 8 7C6.89543 7 6 7.89543 6 9C6 10.1046 6.89543 11 8 11Z" fill="@{toolbar-tab-normal}"/></g><defs><clipPath id="clip0"><path d="M0.000477791 0H24.0005V24H0.000477791V0Z" fill="transparent"/></clipPath></defs></svg>', @toolbar-tab-normal);
       }
       &.icon-add-other {
         width: 24px;
         height: 24px;
-        .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 12C7 13.6569 5.65685 15 4 15C2.34315 15 1 13.6569 1 12C1 10.3431 2.34315 9 4 9C5.65685 9 7 10.3431 7 12ZM15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12ZM20 15C21.6569 15 23 13.6569 23 12C23 10.3431 21.6569 9 20 9C18.3431 9 17 10.3431 17 12C17 13.6569 18.3431 15 20 15Z" fill="@{navBarIconColor}"/></svg>');
+        .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 12C7 13.6569 5.65685 15 4 15C2.34315 15 1 13.6569 1 12C1 10.3431 2.34315 9 4 9C5.65685 9 7 10.3431 7 12ZM15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12ZM20 15C21.6569 15 23 13.6569 23 12C23 10.3431 21.6569 9 20 9C18.3431 9 17 10.3431 17 12C17 13.6569 18.3431 15 20 15Z" fill="@{toolbar-tab-normal}"/></svg>', @toolbar-tab-normal);
       }
       &.icon-search {
         width: 22px;
         height: 22px;
-        .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{white}"><g><path d="M19.5,16.8L16,13.3c0.7-1.1,1.1-2.4,1.1-3.8C17,5.4,13.6,2,9.5,2S2,5.4,2,9.5S5.4,17,9.5,17c1.4,0,2.7-0.4,3.8-1.1l3.5,3.5c0.7,0.7,1.9,0.7,2.6,0C20.2,18.7,20.2,17.6,19.5,16.8z M9.5,15.3c-3.2,0-5.8-2.6-5.8-5.8s2.6-5.8,5.8-5.8s5.8,2.6,5.8,5.8S12.7,15.3,9.5,15.3z"/></g></svg>');
+        .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{white}"><g><path d="M19.5,16.8L16,13.3c0.7-1.1,1.1-2.4,1.1-3.8C17,5.4,13.6,2,9.5,2S2,5.4,2,9.5S5.4,17,9.5,17c1.4,0,2.7-0.4,3.8-1.1l3.5,3.5c0.7,0.7,1.9,0.7,2.6,0C20.2,18.7,20.2,17.6,19.5,16.8z M9.5,15.3c-3.2,0-5.8-2.6-5.8-5.8s2.6-5.8,5.8-5.8s5.8,2.6,5.8,5.8S12.7,15.3,9.5,15.3z"/></g></svg>');
       }
     }
   }
@@ -73,68 +73,68 @@
     &.icon-plus {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{navBarIconColor}"><g><path d="M21,12h-9v9h-2v-9H1v-2h9V1h2v9h9V12z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{fill-white}"><g><path d="M21,12h-9v9h-2v-9H1v-2h9V1h2v9h9V12z"/></g></svg>', @fill-white);
     }
     &.icon-expand-down {
       width: 17px;
       height: 17px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{black}"><g><polygon points="10.9,16.9 2,8.1 4.1,6 11.1,12.8 17.9,6 20,8.1 11.2,16.9 11.1,17 "/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{fill-white}"><g><polygon points="10.9,16.9 2,8.1 4.1,6 11.1,12.8 17.9,6 20,8.1 11.2,16.9 11.1,17 "/></g></svg>', @fill-white);
     }
     &.icon-expand-up {
       width: 17px;
       height: 17px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{black}"><g><polygon points="10.9,5.1 2,13.9 4.1,16 11.1,9.2 17.9,16 20,13.9 11.2,5.1 11.1,5 "/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{black}"><g><polygon points="10.9,5.1 2,13.9 4.1,16 11.1,9.2 17.9,16 20,13.9 11.2,5.1 11.1,5 "/></g></svg>');
     }
     //Settings
     &.icon-spellcheck {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path fill-rule="evenodd" clip-rule="evenodd" d="M8 1L3 15H4.2L5.97686 10H11.0231L11.6768 11.8394C11.955 11.5504 12.262 11.2892 12.593 11.0605L9 1H8ZM8.5 2.9L10.6678 9H6.33223L8.5 2.9Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16 21C18.7614 21 21 18.7614 21 16C21 13.2386 18.7614 11 16 11C13.2386 11 11 13.2386 11 16C11 18.7614 13.2386 21 16 21ZM15.3536 18.3536L19.3536 14.3536L18.6464 13.6464L15 17.2929L13.3536 15.6464L12.6464 16.3536L14.6464 18.3536L15 18.7071L15.3536 18.3536Z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path fill-rule="evenodd" clip-rule="evenodd" d="M8 1L3 15H4.2L5.97686 10H11.0231L11.6768 11.8394C11.955 11.5504 12.262 11.2892 12.593 11.0605L9 1H8ZM8.5 2.9L10.6678 9H6.33223L8.5 2.9Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16 21C18.7614 21 21 18.7614 21 16C21 13.2386 18.7614 11 16 11C13.2386 11 11 13.2386 11 16C11 18.7614 13.2386 21 16 21ZM15.3536 18.3536L19.3536 14.3536L18.6464 13.6464L15 17.2929L13.3536 15.6464L12.6464 16.3536L14.6464 18.3536L15 18.7071L15.3536 18.3536Z"/></g></svg>');
     }
     &.icon-search {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M19.5,16.8L16,13.3c0.7-1.1,1.1-2.4,1.1-3.8C17,5.4,13.6,2,9.5,2S2,5.4,2,9.5S5.4,17,9.5,17c1.4,0,2.7-0.4,3.8-1.1l3.5,3.5c0.7,0.7,1.9,0.7,2.6,0C20.2,18.7,20.2,17.6,19.5,16.8z M9.5,15.3c-3.2,0-5.8-2.6-5.8-5.8s2.6-5.8,5.8-5.8s5.8,2.6,5.8,5.8S12.7,15.3,9.5,15.3z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M19.5,16.8L16,13.3c0.7-1.1,1.1-2.4,1.1-3.8C17,5.4,13.6,2,9.5,2S2,5.4,2,9.5S5.4,17,9.5,17c1.4,0,2.7-0.4,3.8-1.1l3.5,3.5c0.7,0.7,1.9,0.7,2.6,0C20.2,18.7,20.2,17.6,19.5,16.8z M9.5,15.3c-3.2,0-5.8-2.6-5.8-5.8s2.6-5.8,5.8-5.8s5.8,2.6,5.8,5.8S12.7,15.3,9.5,15.3z"/></g></svg>');
     }
     &.icon-reader {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M17,21H1V9h6V2l0,0h10v5h1V1H6.2L0,7.6V22h18v-3h-1V21z M6,2.8V8H1.1L6,2.8z M13,8c-5.1,0-9,5-9,5s4.1,5,9,5c5,0,9-5,9-5S18,8,13,8z M8.7,15.5C6.8,14.4,6.4,13,6.4,13s0.4-1.5,2.4-2.6C8.3,11.2,8,12,8,13C8,13.9,8.3,14.8,8.7,15.5z M13,16.7c-2.1,0-3.7-1.7-3.7-3.7c0-2.1,1.7-3.7,3.7-3.7c2.1,0,3.7,1.7,3.7,3.7C16.7,15.1,15.1,16.7,13,16.7z M17.3,15.5c0.4-0.7,0.7-1.6,0.7-2.5c0-1-0.3-1.8-0.7-2.6c2,1.1,3.4,2.6,3.4,2.6S19.2,14.4,17.3,15.5z M13,11.7c-0.7,0-1.3,0.6-1.3,1.3s0.6,1.3,1.3,1.3s1.3-0.6,1.3-1.3S13.7,11.7,13,11.7z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M17,21H1V9h6V2l0,0h10v5h1V1H6.2L0,7.6V22h18v-3h-1V21z M6,2.8V8H1.1L6,2.8z M13,8c-5.1,0-9,5-9,5s4.1,5,9,5c5,0,9-5,9-5S18,8,13,8z M8.7,15.5C6.8,14.4,6.4,13,6.4,13s0.4-1.5,2.4-2.6C8.3,11.2,8,12,8,13C8,13.9,8.3,14.8,8.7,15.5z M13,16.7c-2.1,0-3.7-1.7-3.7-3.7c0-2.1,1.7-3.7,3.7-3.7c2.1,0,3.7,1.7,3.7,3.7C16.7,15.1,15.1,16.7,13,16.7z M17.3,15.5c0.4-0.7,0.7-1.6,0.7-2.5c0-1-0.3-1.8-0.7-2.6c2,1.1,3.4,2.6,3.4,2.6S19.2,14.4,17.3,15.5z M13,11.7c-0.7,0-1.3,0.6-1.3,1.3s0.6,1.3,1.3,1.3s1.3-0.6,1.3-1.3S13.7,11.7,13,11.7z"/></g></svg>');
     }
     &.icon-doc-setup {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-4 6 22 22" fill="@{themeColor}"><g><path id="XMLID_2_" d="M15,27H-1V15h6V8l0,0h10V27z M16,7H4.2L-2,13.6V28h18V7z M4,8.8V14h-4.9L4,8.8z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-4 6 22 22" fill="@{brandColor}"><g><path id="XMLID_2_" d="M15,27H-1V15h6V8l0,0h10V27z M16,7H4.2L-2,13.6V28h18V7z M4,8.8V14h-4.9L4,8.8z"/></g></svg>');
     }
     &.icon-app-settings {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 14H16C18.2091 14 20 15.7909 20 18C20 20.2091 18.2091 22 16 22H7C4.79086 22 3 20.2091 3 18C3 15.7909 4.79086 14 7 14ZM16 13C18.7614 13 21 15.2386 21 18C21 20.7614 18.7614 23 16 23H7C4.23858 23 2 20.7614 2 18C2 15.2386 4.23858 13 7 13H16Z" fill="@{themeColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16 20C14.8954 20 14 19.1046 14 18C14 16.8954 14.8954 16 16 16C17.1046 16 18 16.8954 18 18C18 19.1046 17.1046 20 16 20ZM16 21C14.3431 21 13 19.6569 13 18C13 16.3431 14.3431 15 16 15C17.6569 15 19 16.3431 19 18C19 19.6569 17.6569 21 16 21Z" fill="@{themeColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16 3H7C4.79086 3 3 4.79086 3 7C3 9.20914 4.79086 11 7 11H16C18.2091 11 20 9.20914 20 7C20 4.79086 18.2091 3 16 3ZM7 2C4.23858 2 2 4.23858 2 7C2 9.76142 4.23858 12 7 12H16C18.7614 12 21 9.76142 21 7C21 4.23858 18.7614 2 16 2H7Z" fill="@{themeColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7 9C8.10457 9 9 8.10457 9 7C9 5.89543 8.10457 5 7 5C5.89543 5 5 5.89543 5 7C5 8.10457 5.89543 9 7 9ZM7 10C8.65685 10 10 8.65685 10 7C10 5.34315 8.65685 4 7 4C5.34315 4 4 5.34315 4 7C4 8.65685 5.34315 10 7 10Z" fill="@{themeColor}"/></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 14H16C18.2091 14 20 15.7909 20 18C20 20.2091 18.2091 22 16 22H7C4.79086 22 3 20.2091 3 18C3 15.7909 4.79086 14 7 14ZM16 13C18.7614 13 21 15.2386 21 18C21 20.7614 18.7614 23 16 23H7C4.23858 23 2 20.7614 2 18C2 15.2386 4.23858 13 7 13H16Z" fill="@{brandColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16 20C14.8954 20 14 19.1046 14 18C14 16.8954 14.8954 16 16 16C17.1046 16 18 16.8954 18 18C18 19.1046 17.1046 20 16 20ZM16 21C14.3431 21 13 19.6569 13 18C13 16.3431 14.3431 15 16 15C17.6569 15 19 16.3431 19 18C19 19.6569 17.6569 21 16 21Z" fill="@{brandColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16 3H7C4.79086 3 3 4.79086 3 7C3 9.20914 4.79086 11 7 11H16C18.2091 11 20 9.20914 20 7C20 4.79086 18.2091 3 16 3ZM7 2C4.23858 2 2 4.23858 2 7C2 9.76142 4.23858 12 7 12H16C18.7614 12 21 9.76142 21 7C21 4.23858 18.7614 2 16 2H7Z" fill="@{brandColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7 9C8.10457 9 9 8.10457 9 7C9 5.89543 8.10457 5 7 5C5.89543 5 5 5.89543 5 7C5 8.10457 5.89543 9 7 9ZM7 10C8.65685 10 10 8.65685 10 7C10 5.34315 8.65685 4 7 4C5.34315 4 4 5.34315 4 7C4 8.65685 5.34315 10 7 10Z" fill="@{brandColor}"/></svg>');
     }
     &.icon-download {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-0 0 22 22" y="0px" x="0px" fill="@{themeColor}"><g><path d="M12 0H11L11 14L7.39999 10.3L6.69999 11.1L11.5 16L16.3 11.1L15.6 10.3L12 14L12 0Z"/><path d="M14 5V6H19V20H4V6H9V5H3V21H20V5H14Z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-0 0 22 22" y="0px" x="0px" fill="@{brandColor}"><g><path d="M12 0H11L11 14L7.39999 10.3L6.69999 11.1L11.5 16L16.3 11.1L15.6 10.3L12 14L12 0Z"/><path d="M14 5V6H19V20H4V6H9V5H3V21H20V5H14Z"/></g></svg>');
     }
     &.icon-print {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-0 0 22 22" y="0px" x="0px" fill="@{themeColor}"><g><path fill-rule="evenodd" clip-rule="evenodd" d="M5 1H17V6H21V17H17V21H5V17H1V6H5V1ZM6 6H16V2H6V6ZM5 16V13H2V16H5ZM2 12H20V7H2V12ZM20 13H17V16H20V13ZM16 13H6V20H16V13ZM14 16H8V15H14V16ZM14 18H8V17H14V18Z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-0 0 22 22" y="0px" x="0px" fill="@{brandColor}"><g><path fill-rule="evenodd" clip-rule="evenodd" d="M5 1H17V6H21V17H17V21H5V17H1V6H5V1ZM6 6H16V2H6V6ZM5 16V13H2V16H5ZM2 12H20V7H2V12ZM20 13H17V16H20V13ZM16 13H6V20H16V13ZM14 16H8V15H14V16ZM14 18H8V17H14V18Z"/></g></svg>');
     }
     &.icon-info {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M10,17h2V8h-2V17z M11,1C5.5,1,1,5.5,1,11s4.5,10,10,10s10-4.5,10-10S16.5,1,11,1z M11,20c-5,0-9-4-9-9s4-9,9-9s9,4,9,9S16,20,11,20z M10,7h2V5h-2V7z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M10,17h2V8h-2V17z M11,1C5.5,1,1,5.5,1,11s4.5,10,10,10s10-4.5,10-10S16.5,1,11,1z M11,20c-5,0-9-4-9-9s4-9,9-9s9,4,9,9S16,20,11,20z M10,7h2V5h-2V7z"/></g></svg>');
     }
     &.icon-help {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M11.6,1.3c-3.3,0-6,2.8-6,6.2c0.3,0,0.7,0,0.9,0c0-2.9,2.3-5.2,5.1-5.2s5.1,2.3,5.1,5.2c0,1.7-1.9,3.2-3,4.3C12.9,12.6,11,14.2,11,16c0,1.2,0,2.2,0,2.7c0.3,0,0.6,0,0.9,0c0-0.6,0-1.6,0-2.5c0-1.4,1.1-2.4,2.2-3.5c1.7-1.5,3.5-3.1,3.5-5.2C17.6,4.1,14.9,1.3,11.6,1.3z M11.5,20.2c-0.3,0-0.5,0.2-0.5,0.5v0.8c0,0.3,0.2,0.5,0.5,0.5s0.5-0.2,0.5-0.5v-0.8C11.9,20.4,11.7,20.2,11.5,20.2z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M11.6,1.3c-3.3,0-6,2.8-6,6.2c0.3,0,0.7,0,0.9,0c0-2.9,2.3-5.2,5.1-5.2s5.1,2.3,5.1,5.2c0,1.7-1.9,3.2-3,4.3C12.9,12.6,11,14.2,11,16c0,1.2,0,2.2,0,2.7c0.3,0,0.6,0,0.9,0c0-0.6,0-1.6,0-2.5c0-1.4,1.1-2.4,2.2-3.5c1.7-1.5,3.5-3.1,3.5-5.2C17.6,4.1,14.9,1.3,11.6,1.3z M11.5,20.2c-0.3,0-0.5,0.2-0.5,0.5v0.8c0,0.3,0.2,0.5,0.5,0.5s0.5-0.2,0.5-0.5v-0.8C11.9,20.4,11.7,20.2,11.5,20.2z"/></g></svg>');
     }
     &.icon-about {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-1 7 22 22" fill="@{themeColor}"><g><path d="M21,18.5c0-0.3-0.1-0.6-0.7-0.9l-2.6-1.2l2.6-1.2c0.6-0.3,0.7-0.6,0.7-0.9c0-0.3-0.1-0.6-0.7-0.9l-8.9-4.1c-0.7-0.4-1.9-0.4-2.8,0l-8.9,4.1C-0.9,13.8-1,14.1-1,14.3s0.1,0.6,0.7,0.9l2.6,1.2l-2.6,1.2C-0.9,18-1,18.4-1,18.5c0,0.2,0.1,0.6,0.7,0.9l2.5,1.2l-2.5,1.2C-0.9,22.1-1,22.5-1,22.7c0,0.3,0.1,0.6,0.7,0.9l8.9,4.1c0.5,0.2,0.8,0.3,1.4,0.3s1-0.1,1.4-0.3l8.9-4.1c0.6-0.4,0.7-0.6,0.7-0.9c0-0.3-0.1-0.6-0.7-0.9l-2.5-1.2l2.5-1.2C20.9,19.2,21,18.8,21,18.5z M-0.2,14.3L-0.2,14.3c0,0,0.1-0.1,0.3-0.2L9,10c0.6-0.3,1.5-0.3,2,0l8.9,4.1c0.2,0.1,0.3,0.2,0.3,0.2l0,0c0,0-0.1,0.1-0.3,0.2L11,18.6c-0.6,0.3-1.5,0.3-2,0l-8.9-4.1C-0.1,14.4-0.2,14.3-0.2,14.3z M20.2,22.7L20.2,22.7c0,0-0.1,0.1-0.3,0.2L11,27.1c-0.6,0.3-1.5,0.3-2,0l-8.9-4.1c-0.2-0.1-0.3-0.2-0.3-0.2l0,0c0,0,0.1-0.1,0.3-0.2l3-1.5l5.5,2.6c0.7,0.4,1.9,0.4,2.8,0l5.5-2.6l3,1.5C20.1,22.7,20.2,22.7,20.2,22.7z M19.9,18.7L11,22.8c-0.6,0.3-1.5,0.3-2,0l-8.9-4.1c-0.2-0.1-0.3-0.2-0.3-0.2l0,0c0,0,0.1-0.1,0.3-0.2l3-1.5l5.5,2.6c0.7,0.4,1.9,0.4,2.8,0l5.5-2.6l3,1.5c0.2,0.1,0.3,0.2,0.3,0.2l0,0C20.2,18.5,20.1,18.6,19.9,18.7z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-1 7 22 22" fill="@{brandColor}"><g><path d="M21,18.5c0-0.3-0.1-0.6-0.7-0.9l-2.6-1.2l2.6-1.2c0.6-0.3,0.7-0.6,0.7-0.9c0-0.3-0.1-0.6-0.7-0.9l-8.9-4.1c-0.7-0.4-1.9-0.4-2.8,0l-8.9,4.1C-0.9,13.8-1,14.1-1,14.3s0.1,0.6,0.7,0.9l2.6,1.2l-2.6,1.2C-0.9,18-1,18.4-1,18.5c0,0.2,0.1,0.6,0.7,0.9l2.5,1.2l-2.5,1.2C-0.9,22.1-1,22.5-1,22.7c0,0.3,0.1,0.6,0.7,0.9l8.9,4.1c0.5,0.2,0.8,0.3,1.4,0.3s1-0.1,1.4-0.3l8.9-4.1c0.6-0.4,0.7-0.6,0.7-0.9c0-0.3-0.1-0.6-0.7-0.9l-2.5-1.2l2.5-1.2C20.9,19.2,21,18.8,21,18.5z M-0.2,14.3L-0.2,14.3c0,0,0.1-0.1,0.3-0.2L9,10c0.6-0.3,1.5-0.3,2,0l8.9,4.1c0.2,0.1,0.3,0.2,0.3,0.2l0,0c0,0-0.1,0.1-0.3,0.2L11,18.6c-0.6,0.3-1.5,0.3-2,0l-8.9-4.1C-0.1,14.4-0.2,14.3-0.2,14.3z M20.2,22.7L20.2,22.7c0,0-0.1,0.1-0.3,0.2L11,27.1c-0.6,0.3-1.5,0.3-2,0l-8.9-4.1c-0.2-0.1-0.3-0.2-0.3-0.2l0,0c0,0,0.1-0.1,0.3-0.2l3-1.5l5.5,2.6c0.7,0.4,1.9,0.4,2.8,0l5.5-2.6l3,1.5C20.1,22.7,20.2,22.7,20.2,22.7z M19.9,18.7L11,22.8c-0.6,0.3-1.5,0.3-2,0l-8.9-4.1c-0.2-0.1-0.3-0.2-0.3-0.2l0,0c0,0,0.1-0.1,0.3-0.2l3-1.5l5.5,2.6c0.7,0.4,1.9,0.4,2.8,0l5.5-2.6l3,1.5c0.2,0.1,0.3,0.2,0.3,0.2l0,0C20.2,18.5,20.1,18.6,19.9,18.7z"/></g></svg>');
     }
 
     // Download
@@ -142,55 +142,55 @@
     &.icon-format-docx {
       width: 30px;
       height: 30px;
-      .encoded-svg-background('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="22.015 20.75 66 66"><defs><style>.cls-1{fill:"@{themeColor}"}.cls-2{fill:#fff;}.cls-3{fill:"@{themeColor}"}</style></defs><g id="g3103" transform="translate(-21.015556,0)" display="none"><path class="cls-1" fill="@{themeColor}" d="M78.521,0h7.475c0,3.337,0,6.663,0,10   c13.375,0.075,26.738-0.138,40.101,0.075c2.85-0.288,5.087,1.925,4.825,4.775c0.212,24.625-0.051,49.262,0.125,73.887   c-0.125,2.525,0.25,5.325-1.213,7.563c-1.825,1.3-4.188,1.138-6.313,1.237C111.008,97.475,98.508,97.5,85.996,97.5   c0,3.338,0,6.662,0,10h-7.813c-19.024-3.475-38.1-6.662-57.162-10c-0.013-29.162,0-58.325,0-87.475   C40.183,6.675,59.359,3.413,78.521,0z"/><path class="cls-2" d="M85.996,13.75c13.75,0,27.5,0,41.25,0   c0,26.663,0,53.338,0,80c-13.75,0-27.5,0-41.25,0c0-3.338,0-6.662,0-10c10.838,0,21.663,0,32.5,0c0-1.662,0-3.338,0-5   c-10.837,0-21.662,0-32.5,0c0-2.088,0-4.162,0-6.25c10.838,0,21.663,0,32.5,0c0-1.662,0-3.338,0-5c-10.837,0-21.662,0-32.5,0   c0-2.088,0-4.162,0-6.25c10.838,0,21.663,0,32.5,0c0-1.662,0-3.338,0-5c-10.837,0-21.662,0-32.5,0c0-2.087,0-4.163,0-6.25   c10.838,0,21.663,0,32.5,0c0-1.663,0-3.337,0-5c-10.837,0-21.662,0-32.5,0c0-2.087,0-4.163,0-6.25c10.838,0,21.663,0,32.5,0   c0-1.663,0-3.337,0-5c-10.837,0-21.662,0-32.5,0c0-2.087,0-4.163,0-6.25c10.838,0,21.663,0,32.5,0c0-1.663,0-3.337,0-5   c-10.837,0-21.662,0-32.5,0C85.996,19.587,85.996,16.663,85.996,13.75z"/><path class="cls-2" fill="#fff" d="M46.846,35.837   c2.375-0.137,4.75-0.237,7.125-0.362c1.662,8.438,3.362,16.862,5.162,25.262c1.413-8.675,2.976-17.325,4.487-25.987   c2.5-0.087,5-0.225,7.488-0.375c-2.825,12.112-5.301,24.325-8.388,36.362c-2.088,1.088-5.213-0.05-7.688,0.125   c-1.663-8.274-3.601-16.5-5.088-24.813c-1.462,8.075-3.362,16.075-5.037,24.101c-2.4-0.125-4.813-0.275-7.226-0.438   c-2.074-11-4.512-21.925-6.449-32.95c2.137-0.1,4.287-0.188,6.425-0.263c1.287,7.962,2.75,15.888,3.875,23.862   C43.297,52.188,45.096,44.013,46.846,35.837z"/></g><path class="cls-3" fill="@{themeColor}" d="M50.69,36.792c2.375-0.137,4.75-0.237,7.125-0.362  c1.662,8.438,3.362,16.862,5.162,25.262c1.413-8.675,2.976-17.325,4.487-25.987c2.5-0.087,5-0.225,7.488-0.375  c-2.825,12.112-5.301,24.325-8.388,36.362c-2.088,1.088-5.213-0.05-7.688,0.125c-1.663-8.274-3.601-16.5-5.088-24.813  c-1.462,8.075-3.362,16.075-5.037,24.101c-2.4-0.125-4.813-0.275-7.226-0.438c-2.074-11-4.512-21.925-6.449-32.95  c2.137-0.1,4.287-0.188,6.425-0.263c1.287,7.962,2.75,15.888,3.875,23.862C47.14,53.143,48.94,44.968,50.69,36.792z"/></svg>')
+      .encoded-svg-mask('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="22.015 20.75 66 66"><defs><style>.cls-1{fill:"@{brandColor}"}.cls-2{fill:#fff;}.cls-3{fill:"@{brandColor}"}</style></defs><g id="g3103" transform="translate(-21.015556,0)" display="none"><path class="cls-1" fill="@{brandColor}" d="M78.521,0h7.475c0,3.337,0,6.663,0,10   c13.375,0.075,26.738-0.138,40.101,0.075c2.85-0.288,5.087,1.925,4.825,4.775c0.212,24.625-0.051,49.262,0.125,73.887   c-0.125,2.525,0.25,5.325-1.213,7.563c-1.825,1.3-4.188,1.138-6.313,1.237C111.008,97.475,98.508,97.5,85.996,97.5   c0,3.338,0,6.662,0,10h-7.813c-19.024-3.475-38.1-6.662-57.162-10c-0.013-29.162,0-58.325,0-87.475   C40.183,6.675,59.359,3.413,78.521,0z"/><path class="cls-2" d="M85.996,13.75c13.75,0,27.5,0,41.25,0   c0,26.663,0,53.338,0,80c-13.75,0-27.5,0-41.25,0c0-3.338,0-6.662,0-10c10.838,0,21.663,0,32.5,0c0-1.662,0-3.338,0-5   c-10.837,0-21.662,0-32.5,0c0-2.088,0-4.162,0-6.25c10.838,0,21.663,0,32.5,0c0-1.662,0-3.338,0-5c-10.837,0-21.662,0-32.5,0   c0-2.088,0-4.162,0-6.25c10.838,0,21.663,0,32.5,0c0-1.662,0-3.338,0-5c-10.837,0-21.662,0-32.5,0c0-2.087,0-4.163,0-6.25   c10.838,0,21.663,0,32.5,0c0-1.663,0-3.337,0-5c-10.837,0-21.662,0-32.5,0c0-2.087,0-4.163,0-6.25c10.838,0,21.663,0,32.5,0   c0-1.663,0-3.337,0-5c-10.837,0-21.662,0-32.5,0c0-2.087,0-4.163,0-6.25c10.838,0,21.663,0,32.5,0c0-1.663,0-3.337,0-5   c-10.837,0-21.662,0-32.5,0C85.996,19.587,85.996,16.663,85.996,13.75z"/><path class="cls-2" fill="#fff" d="M46.846,35.837   c2.375-0.137,4.75-0.237,7.125-0.362c1.662,8.438,3.362,16.862,5.162,25.262c1.413-8.675,2.976-17.325,4.487-25.987   c2.5-0.087,5-0.225,7.488-0.375c-2.825,12.112-5.301,24.325-8.388,36.362c-2.088,1.088-5.213-0.05-7.688,0.125   c-1.663-8.274-3.601-16.5-5.088-24.813c-1.462,8.075-3.362,16.075-5.037,24.101c-2.4-0.125-4.813-0.275-7.226-0.438   c-2.074-11-4.512-21.925-6.449-32.95c2.137-0.1,4.287-0.188,6.425-0.263c1.287,7.962,2.75,15.888,3.875,23.862   C43.297,52.188,45.096,44.013,46.846,35.837z"/></g><path class="cls-3" fill="@{brandColor}" d="M50.69,36.792c2.375-0.137,4.75-0.237,7.125-0.362  c1.662,8.438,3.362,16.862,5.162,25.262c1.413-8.675,2.976-17.325,4.487-25.987c2.5-0.087,5-0.225,7.488-0.375  c-2.825,12.112-5.301,24.325-8.388,36.362c-2.088,1.088-5.213-0.05-7.688,0.125c-1.663-8.274-3.601-16.5-5.088-24.813  c-1.462,8.075-3.362,16.075-5.037,24.101c-2.4-0.125-4.813-0.275-7.226-0.438c-2.074-11-4.512-21.925-6.449-32.95  c2.137-0.1,4.287-0.188,6.425-0.263c1.287,7.962,2.75,15.888,3.875,23.862C47.14,53.143,48.94,44.968,50.69,36.792z"/></svg>')
     }
 
     &.icon-format-pdf {
       width: 30px;
       height: 30px;
-      .encoded-svg-background('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 33 33" y="0px" x="0px"><defs><style>.cls-1{fill:"@{themeColor}"}</style></defs><path d="M11.875,18.648c0.8-1.567,1.709-3.334,2.437-5.107l0,0  l0.288-0.7c-0.95-3.616-1.52-6.519-1.011-8.396l0,0c0.137-0.489,0.704-0.786,1.31-0.786l0,0l0.369,0.005h0.068  c0.83-0.013,1.22,1.042,1.264,1.453l0,0c0.073,0.683-0.243,1.839-0.243,1.839l0,0c0-0.467,0.018-1.221-0.276-1.873l0,0  c-0.343-0.753-0.671-1.204-0.965-1.275l0,0c-0.148,0.099-0.292,0.304-0.342,0.699l0,0c-0.103,0.553-0.133,1.252-0.133,1.612l0,0  c0,1.272,0.25,2.952,0.743,4.683l0,0c0.093-0.268,0.174-0.526,0.24-0.767l0,0c0.101-0.38,0.743-2.901,0.743-2.901l0,0  c0,0-0.162,3.355-0.388,4.371l0,0c-0.048,0.215-0.102,0.427-0.158,0.644l0,0c0.812,2.268,2.121,4.292,3.68,5.75l0,0  c0.615,0.575,1.393,1.038,2.128,1.461l0,0c1.605-0.229,3.084-0.338,4.318-0.324l0,0c1.637,0.021,2.838,0.264,3.324,0.743l0,0  c0.238,0.232,0.335,0.514,0.365,0.83l0,0c0.007,0.122-0.053,0.41-0.07,0.482l0,0c0.018-0.088,0.018-0.518-1.297-0.938l0,0  c-1.034-0.33-2.971-0.32-5.295-0.073l0,0c2.688,1.315,5.307,1.968,6.137,1.577l0,0c0.203-0.1,0.449-0.437,0.449-0.437l0,0  c0,0-0.146,0.665-0.252,0.831l0,0c-0.134,0.18-0.396,0.376-0.646,0.441l0,0c-1.311,0.35-4.722-0.459-7.695-2.158l0,0  c-3.322,0.489-6.972,1.393-9.897,2.353l0,0c-2.874,5.037-5.035,7.351-6.793,6.471l0,0L3.63,28.833  c-0.263-0.15-0.303-0.516-0.242-0.813l0,0c0.205-1.003,1.462-2.513,3.988-4.021l0,0c0.272-0.165,1.483-0.805,1.483-0.805l0,0  c0,0-0.896,0.868-1.106,1.038l0,0c-2.016,1.652-3.504,3.73-3.467,4.536l0,0l0.007,0.069C6.005,28.594,8.573,25.109,11.875,18.648   M12.921,19.184c-0.551,1.038-1.09,2.001-1.588,2.886l0,0c2.752-1.153,5.715-1.892,8.535-2.416l0,0  c-0.379-0.262-0.746-0.539-1.093-0.832l0,0c-1.554-1.314-2.737-2.955-3.595-4.681l0,0C14.636,15.607,13.989,17.166,12.921,19.184" fill="@{themeColor}" class="cls-1"/></svg>')
+      .encoded-svg-mask('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 33 33" y="0px" x="0px"><defs><style>.cls-1{fill:"@{brandColor}"}</style></defs><path d="M11.875,18.648c0.8-1.567,1.709-3.334,2.437-5.107l0,0  l0.288-0.7c-0.95-3.616-1.52-6.519-1.011-8.396l0,0c0.137-0.489,0.704-0.786,1.31-0.786l0,0l0.369,0.005h0.068  c0.83-0.013,1.22,1.042,1.264,1.453l0,0c0.073,0.683-0.243,1.839-0.243,1.839l0,0c0-0.467,0.018-1.221-0.276-1.873l0,0  c-0.343-0.753-0.671-1.204-0.965-1.275l0,0c-0.148,0.099-0.292,0.304-0.342,0.699l0,0c-0.103,0.553-0.133,1.252-0.133,1.612l0,0  c0,1.272,0.25,2.952,0.743,4.683l0,0c0.093-0.268,0.174-0.526,0.24-0.767l0,0c0.101-0.38,0.743-2.901,0.743-2.901l0,0  c0,0-0.162,3.355-0.388,4.371l0,0c-0.048,0.215-0.102,0.427-0.158,0.644l0,0c0.812,2.268,2.121,4.292,3.68,5.75l0,0  c0.615,0.575,1.393,1.038,2.128,1.461l0,0c1.605-0.229,3.084-0.338,4.318-0.324l0,0c1.637,0.021,2.838,0.264,3.324,0.743l0,0  c0.238,0.232,0.335,0.514,0.365,0.83l0,0c0.007,0.122-0.053,0.41-0.07,0.482l0,0c0.018-0.088,0.018-0.518-1.297-0.938l0,0  c-1.034-0.33-2.971-0.32-5.295-0.073l0,0c2.688,1.315,5.307,1.968,6.137,1.577l0,0c0.203-0.1,0.449-0.437,0.449-0.437l0,0  c0,0-0.146,0.665-0.252,0.831l0,0c-0.134,0.18-0.396,0.376-0.646,0.441l0,0c-1.311,0.35-4.722-0.459-7.695-2.158l0,0  c-3.322,0.489-6.972,1.393-9.897,2.353l0,0c-2.874,5.037-5.035,7.351-6.793,6.471l0,0L3.63,28.833  c-0.263-0.15-0.303-0.516-0.242-0.813l0,0c0.205-1.003,1.462-2.513,3.988-4.021l0,0c0.272-0.165,1.483-0.805,1.483-0.805l0,0  c0,0-0.896,0.868-1.106,1.038l0,0c-2.016,1.652-3.504,3.73-3.467,4.536l0,0l0.007,0.069C6.005,28.594,8.573,25.109,11.875,18.648   M12.921,19.184c-0.551,1.038-1.09,2.001-1.588,2.886l0,0c2.752-1.153,5.715-1.892,8.535-2.416l0,0  c-0.379-0.262-0.746-0.539-1.093-0.832l0,0c-1.554-1.314-2.737-2.955-3.595-4.681l0,0C14.636,15.607,13.989,17.166,12.921,19.184" fill="@{brandColor}" class="cls-1"/></svg>')
     }
 
     &.icon-format-pdfa {
       width: 30px;
       height: 30px;
-      .encoded-svg-background('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 33 33" y="0px" x="0px"><defs><style>.cls-1{fill:"@{themeColor}"}</style></defs><path fill-rule="evenodd" clip-rule="evenodd" d="M11.875 18.648L11.9617 18.4783C12.7401 16.954 13.6102 15.2503 14.312 13.541L14.6 12.841C13.65 9.225 13.08 6.322 13.589 4.445C13.726 3.956 14.293 3.659 14.899 3.659L15.268 3.664H15.336C16.166 3.651 16.556 4.706 16.6 5.117C16.673 5.8 16.357 6.956 16.357 6.956L16.3571 6.87946C16.358 6.40944 16.3594 5.70047 16.081 5.083C15.738 4.33 15.41 3.879 15.116 3.808C14.968 3.907 14.824 4.112 14.774 4.507C14.671 5.06 14.641 5.759 14.641 6.119C14.641 7.391 14.891 9.071 15.384 10.802C15.477 10.534 15.558 10.276 15.624 10.035C15.725 9.655 16.367 7.134 16.367 7.134C16.367 7.134 16.205 10.489 15.979 11.505C15.931 11.72 15.877 11.932 15.821 12.149C16.633 14.417 17.942 16.441 19.501 17.899C19.9467 18.3157 20.4779 18.6735 21.0164 19H29C30.1046 19 31 19.8954 31 21V29C31 30.1046 30.1046 31 29 31H17C15.8954 31 15 30.1046 15 29V21.5492C13.6156 21.9019 12.2807 22.2896 11.07 22.687C8.19599 27.724 6.03499 30.038 4.27699 29.158L3.62999 28.833C3.36699 28.683 3.32699 28.317 3.38799 28.02C3.59299 27.017 4.84999 25.507 7.37599 23.999C7.64799 23.834 8.85899 23.194 8.85899 23.194C8.85899 23.194 7.96299 24.062 7.75299 24.232C5.73699 25.884 4.24899 27.962 4.28599 28.768L4.29299 28.837C6.00499 28.594 8.57299 25.109 11.875 18.648ZM18.775 18.822C18.8461 18.882 18.918 18.9413 18.9906 19H17C15.9681 19 15.1187 19.7815 15.0114 20.785C13.7648 21.146 12.529 21.5689 11.333 22.07C11.831 21.185 12.37 20.222 12.921 19.184C13.989 17.166 14.636 15.607 15.18 14.141C16.038 15.867 17.221 17.508 18.775 18.822ZM21.5553 27.3521H24.4447L24.9995 29H26.7518L23.7581 21.002H22.231L19.2537 29H21.006L21.5553 27.3521ZM23.9998 26.0172H22.0002L22.9945 23.0234L23.9998 26.0172Z" class="cls-1" fill="@{themeColor}"/></svg>')
+      .encoded-svg-mask('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 33 33" y="0px" x="0px"><defs><style>.cls-1{fill:"@{brandColor}"}</style></defs><path fill-rule="evenodd" clip-rule="evenodd" d="M11.875 18.648L11.9617 18.4783C12.7401 16.954 13.6102 15.2503 14.312 13.541L14.6 12.841C13.65 9.225 13.08 6.322 13.589 4.445C13.726 3.956 14.293 3.659 14.899 3.659L15.268 3.664H15.336C16.166 3.651 16.556 4.706 16.6 5.117C16.673 5.8 16.357 6.956 16.357 6.956L16.3571 6.87946C16.358 6.40944 16.3594 5.70047 16.081 5.083C15.738 4.33 15.41 3.879 15.116 3.808C14.968 3.907 14.824 4.112 14.774 4.507C14.671 5.06 14.641 5.759 14.641 6.119C14.641 7.391 14.891 9.071 15.384 10.802C15.477 10.534 15.558 10.276 15.624 10.035C15.725 9.655 16.367 7.134 16.367 7.134C16.367 7.134 16.205 10.489 15.979 11.505C15.931 11.72 15.877 11.932 15.821 12.149C16.633 14.417 17.942 16.441 19.501 17.899C19.9467 18.3157 20.4779 18.6735 21.0164 19H29C30.1046 19 31 19.8954 31 21V29C31 30.1046 30.1046 31 29 31H17C15.8954 31 15 30.1046 15 29V21.5492C13.6156 21.9019 12.2807 22.2896 11.07 22.687C8.19599 27.724 6.03499 30.038 4.27699 29.158L3.62999 28.833C3.36699 28.683 3.32699 28.317 3.38799 28.02C3.59299 27.017 4.84999 25.507 7.37599 23.999C7.64799 23.834 8.85899 23.194 8.85899 23.194C8.85899 23.194 7.96299 24.062 7.75299 24.232C5.73699 25.884 4.24899 27.962 4.28599 28.768L4.29299 28.837C6.00499 28.594 8.57299 25.109 11.875 18.648ZM18.775 18.822C18.8461 18.882 18.918 18.9413 18.9906 19H17C15.9681 19 15.1187 19.7815 15.0114 20.785C13.7648 21.146 12.529 21.5689 11.333 22.07C11.831 21.185 12.37 20.222 12.921 19.184C13.989 17.166 14.636 15.607 15.18 14.141C16.038 15.867 17.221 17.508 18.775 18.822ZM21.5553 27.3521H24.4447L24.9995 29H26.7518L23.7581 21.002H22.231L19.2537 29H21.006L21.5553 27.3521ZM23.9998 26.0172H22.0002L22.9945 23.0234L23.9998 26.0172Z" class="cls-1" fill="@{brandColor}"/></svg>')
     }
 
     &.icon-format-txt {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"><path d="M22 17H2V18H22V17Z" fill="@{themeColor}"/><path d="M22 20H2V21H22V20Z" fill="@{themeColor}"/><path d="M22 14H2V15H22V14Z" fill="@{themeColor}"/><path d="M22 11H2V12H22V11Z" fill="@{themeColor}"/><path d="M22 8H2V9H22V8Z" fill="@{themeColor}"/><path d="M22 5H2V6H22V5Z" fill="@{themeColor}"/><path d="M22 2H2V3H22V2Z" fill="@{themeColor}"/></svg>')
+      .encoded-svg-mask('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M22 17H2V18H22V17Z" fill="@{brandColor}"/><path d="M22 20H2V21H22V20Z" fill="@{brandColor}"/><path d="M22 14H2V15H22V14Z" fill="@{brandColor}"/><path d="M22 11H2V12H22V11Z" fill="@{brandColor}"/><path d="M22 8H2V9H22V8Z" fill="@{brandColor}"/><path d="M22 5H2V6H22V5Z" fill="@{brandColor}"/><path d="M22 2H2V3H22V2Z" fill="@{brandColor}"/></svg>')
     }
 
     &.icon-format-rtf {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"><rect x="2" y="2" width="7" height="7" fill="@{themeColor}"/><path d="M22 11H2V12H22V11Z" fill="@{themeColor}"/><path d="M22 14H2V15H22V14Z" fill="@{themeColor}"/><path d="M22 17H2V18H22V17Z" fill="@{themeColor}"/><path d="M22 20H2V21H22V20Z" fill="@{themeColor}"/><path d="M22 2H11V3H22V2Z" fill="@{themeColor}"/><path d="M22 5H11V6H22V5Z" fill="@{themeColor}"/><path d="M22 8H11V9H22V8Z" fill="@{themeColor}"/></svg>')
+      .encoded-svg-mask('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect x="2" y="2" width="7" height="7" fill="@{brandColor}"/><path d="M22 11H2V12H22V11Z" fill="@{brandColor}"/><path d="M22 14H2V15H22V14Z" fill="@{brandColor}"/><path d="M22 17H2V18H22V17Z" fill="@{brandColor}"/><path d="M22 20H2V21H22V20Z" fill="@{brandColor}"/><path d="M22 2H11V3H22V2Z" fill="@{brandColor}"/><path d="M22 5H11V6H22V5Z" fill="@{brandColor}"/><path d="M22 8H11V9H22V8Z" fill="@{brandColor}"/></svg>')
     }
 
     &.icon-format-odt {
       width: 30px;
       height: 30px;
-      .encoded-svg-background('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 193.631 193.63" y="0px" x="0px"><path d="M193.16,59.725v-0.006  c-0.334-0.173-0.671-0.334-1.004-0.497c-5.357-2.586-11.257-4.287-17.526-4.88c-11.083-1.049-21.673,1.496-30.622,6.678  c-6.13-3.477-13.072-5.741-20.542-6.448c-10.298-0.974-20.17,1.16-28.697,5.629c-0.084,0.044-0.17,0.095-0.251,0.135  c-0.207,0.162-0.347,0.414-0.347,0.697c0,0.492,0.392,0.89,0.889,0.89c0.046,0,0.091-0.007,0.139-0.017  c0.021-0.002,0.042-0.011,0.061-0.015c4.586-0.848,9.368-1.088,14.243-0.627c13.683,1.293,25.609,5.521,33.975,15.011  c0.436,0.455,0.822,0.427,1.265-0.024c10.524-12.2,26.663-17.021,44.006-15.382c0.968,0.094,1.921,0.213,2.871,0.355  c0.33,0.05,0.836,0.134,1.133,0.167c0.572,0.063,0.88-0.397,0.88-0.891C193.629,60.166,193.486,59.886,193.16,59.725L193.16,59.725z" class="cls-1"/><path d="M173.053,102.654c-0.056-0.029-0.106-0.046-0.154-0.066  c-10.517-4.349-22.02-6.758-34.093-6.758c-19.293,0-37.155,6.127-51.757,16.524c-11.146-4.993-23.497-7.776-36.496-7.776  c-18.485,0-35.648,5.617-49.895,15.237c-0.047,0.029-0.095,0.066-0.149,0.104C0.205,120.154,0,120.528,0,120.957  c0,0.729,0.592,1.324,1.323,1.324c0.086,0,0.174-0.013,0.259-0.03c0.058-0.015,0.107-0.028,0.161-0.048  c8.166-2.456,16.832-3.791,25.798-3.791c23.836,0,45.083,5.633,61.08,20.68c0.038,0.029,0.071,0.066,0.111,0.104  c0.232,0.205,0.53,0.325,0.863,0.325c0.412,0,0.774-0.189,1.018-0.486c0.006,0.004,0.515-0.72,0.773-1.07  c16.246-22.216,43.03-33.172,72.846-33.172c2.128,0,4.246,0.08,6.337,0.225c0.602,0.047,1.874,0.144,1.903,0.144  c0.726,0,1.322-0.591,1.322-1.324C173.796,103.313,173.492,102.862,173.053,102.654L173.053,102.654z" class="cls-1" fill="@{themeColor}"/></svg>')
+      .encoded-svg-mask('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 193.631 193.63" y="0px" x="0px"><path d="M193.16,59.725v-0.006  c-0.334-0.173-0.671-0.334-1.004-0.497c-5.357-2.586-11.257-4.287-17.526-4.88c-11.083-1.049-21.673,1.496-30.622,6.678  c-6.13-3.477-13.072-5.741-20.542-6.448c-10.298-0.974-20.17,1.16-28.697,5.629c-0.084,0.044-0.17,0.095-0.251,0.135  c-0.207,0.162-0.347,0.414-0.347,0.697c0,0.492,0.392,0.89,0.889,0.89c0.046,0,0.091-0.007,0.139-0.017  c0.021-0.002,0.042-0.011,0.061-0.015c4.586-0.848,9.368-1.088,14.243-0.627c13.683,1.293,25.609,5.521,33.975,15.011  c0.436,0.455,0.822,0.427,1.265-0.024c10.524-12.2,26.663-17.021,44.006-15.382c0.968,0.094,1.921,0.213,2.871,0.355  c0.33,0.05,0.836,0.134,1.133,0.167c0.572,0.063,0.88-0.397,0.88-0.891C193.629,60.166,193.486,59.886,193.16,59.725L193.16,59.725z" class="cls-1"/><path d="M173.053,102.654c-0.056-0.029-0.106-0.046-0.154-0.066  c-10.517-4.349-22.02-6.758-34.093-6.758c-19.293,0-37.155,6.127-51.757,16.524c-11.146-4.993-23.497-7.776-36.496-7.776  c-18.485,0-35.648,5.617-49.895,15.237c-0.047,0.029-0.095,0.066-0.149,0.104C0.205,120.154,0,120.528,0,120.957  c0,0.729,0.592,1.324,1.323,1.324c0.086,0,0.174-0.013,0.259-0.03c0.058-0.015,0.107-0.028,0.161-0.048  c8.166-2.456,16.832-3.791,25.798-3.791c23.836,0,45.083,5.633,61.08,20.68c0.038,0.029,0.071,0.066,0.111,0.104  c0.232,0.205,0.53,0.325,0.863,0.325c0.412,0,0.774-0.189,1.018-0.486c0.006,0.004,0.515-0.72,0.773-1.07  c16.246-22.216,43.03-33.172,72.846-33.172c2.128,0,4.246,0.08,6.337,0.225c0.602,0.047,1.874,0.144,1.903,0.144  c0.726,0,1.322-0.591,1.322-1.324C173.796,103.313,173.492,102.862,173.053,102.654L173.053,102.654z" class="cls-1" fill="@{brandColor}"/></svg>')
     }
 
     &.icon-format-html {
       width: 30px;
       height: 30px;
-      .encoded-svg-background('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 62 62"><g><path class="cls-1" fill="@{themeColor}" d="M24.993,38.689L11.34,32.753v-3.288l13.653-5.91v3.872l-9.523,3.641l9.523,3.777V38.689z"/><path class="cls-1" fill="@{themeColor}" d="M27.09,41.298l4.931-20.596h2.867l-4.986,20.596H27.09z"/><path class="cls-1" fill="@{themeColor}" d="M36.986,38.703v-3.845l9.536-3.75L36.986,27.4v-3.817l13.666,5.91v3.261L36.986,38.703z"/></g></svg>')
+      .encoded-svg-mask('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 62 62"><g><path class="cls-1" fill="@{brandColor}" d="M24.993,38.689L11.34,32.753v-3.288l13.653-5.91v3.872l-9.523,3.641l9.523,3.777V38.689z"/><path class="cls-1" fill="@{brandColor}" d="M27.09,41.298l4.931-20.596h2.867l-4.986,20.596H27.09z"/><path class="cls-1" fill="@{brandColor}" d="M36.986,38.703v-3.845l9.536-3.75L36.986,27.4v-3.817l13.666,5.91v3.261L36.986,38.703z"/></g></svg>')
     }
 
     &.icon-format-dotx {
       width: 30px;
       height: 30px;
-      .encoded-svg-background('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 33 33"><defs><style>.cls-1{fill:#446995;}.cls-2{fill:#fff;}.cls-3{fill:#446995;}</style></defs><g><rect id="Rectangle_20" data-name="Rectangle 20" width="33" height="33" fill="none"/><path id="Path_38" data-name="Path 38" d="M12.223,119.714c1.251-.066,2.5-.115,3.752-.177.875,4.123,1.771,8.239,2.718,12.343.744-4.239,1.567-8.464,2.363-12.7,1.317-.042,2.633-.109,3.944-.183-1.488,5.917-2.792,11.886-4.417,17.767-1.1.531-2.745-.026-4.049.06-.876-4.042-1.9-8.061-2.679-12.123-.77,3.945-1.771,7.854-2.653,11.775-1.264-.06-2.535-.134-3.805-.213C6.3,130.892,5.02,125.553,4,120.167c1.125-.049,2.258-.093,3.384-.129.678,3.889,1.448,7.762,2.041,11.659C10.353,127.7,11.3,123.708,12.223,119.714Z" transform="translate(-2 -117)" class="cls-1" fill="@{themeColor}"/><g id="Group_5" data-name="Group 5" transform="translate(16 16)"><path id="Path_44" data-name="Path 44" d="M1.011,0H13.989A1.011,1.011,0,0,1,15,1.011V13.989A1.011,1.011,0,0,1,13.989,15H1.011A1.011,1.011,0,0,1,0,13.989V1.011A1.011,1.011,0,0,1,1.011,0Z" class="cls-1" fill="@{themeColor}"/><path id="Path_39" data-name="Path 39" d="M5.794,13.25V3.911H9.258V2.25h-9V3.911H3.729V13.25Z" transform="translate(2.742 -0.25)" class="cls-2" fill="#fff" /></g></g></svg>')
+      .encoded-svg-mask('<svg xmlns="http://www.w3.org/2000/svg" width="21" height="19" viewBox="0 0 21 19" fill="#000"><path fill-rule="evenodd" d="M10.9985 9c-.5522 0-.99996.44772-.99996 1v8c0 .5523.44776 1 .99996 1h9c.5523 0 1-.4477 1-1v-8c0-.55228-.4477-1-1-1h-9zm4 8v-5h-2v-1h5v1h-2v5h-1z"/><path d="M7.97326.40492L6.48043.47623 5.38941 5.15309l-.77467 3.31162-.87852-5.09363L3.25428.69187.99854.77754l1.29895 6.21515.96522 4.51801 2.53697.1427.61204-2.63941L7.5681 3.8027l1.09681 5.03141.33363 1.45299V10c0-.99111.72092-1.81383 1.66696-1.9724L8.98193.35832l-1.00867.0466zM10.8976 8.0025L10.9985 8h2.0571l.8934-3.68759L14.9985 0l-2.6289.12215-.4155 2.19607-1.0565 5.68428z"/></svg>')
     }
 
     &.icon-format-ott {
       width: 30px;
       height: 30px;
-      .encoded-svg-background('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 33 33"><defs><clipPath id="clip-ott"><rect width="33" height="33"/></clipPath><style>.cls-1{fill:#446995;}</style></defs><g id="ott" clip-path="url(#clip-ott)"><rect id="Rectangle_20" data-name="Rectangle 20" width="33" height="33" fill="none"/><path id="Path_33" data-name="Path 33" d="M125.173,121h0c-.046-.03-.093-.059-.141-.088a6.133,6.133,0,0,0-2.467-.869,6.014,6.014,0,0,0-4.309,1.188,6.223,6.223,0,0,0-2.892-1.147,5.965,5.965,0,0,0-4.039,1l-.036.024a.176.176,0,0,0-.049.125.145.145,0,0,0,.126.158l.019,0a.019.019,0,0,0,.009,0,5.781,5.781,0,0,1,2.005-.111,6.41,6.41,0,0,1,4.782,2.669c.06.081.115.076.178,0a6.288,6.288,0,0,1,6.194-2.735c.136.017.27.038.4.064.047.009.119.024.161.03.08.011.123-.071.123-.159A.155.155,0,0,0,125.173,121Z" transform="translate(-94.24 -116)" class="cls-1" fill="@{themeColor}"/><path id="Path_34" data-name="Path 34" d="M126.894,125.978a.175.175,0,0,0-.022-.011,11.686,11.686,0,0,0-4.905-1.082,11.924,11.924,0,0,0-7.444,2.647,11.725,11.725,0,0,0-5.251-1.245,11.884,11.884,0,0,0-7.176,2.441.229.229,0,0,0-.022.016.217.217,0,0,0-.073.167.2.2,0,0,0,.191.211.167.167,0,0,0,.037,0,.118.118,0,0,0,.023-.008,11.679,11.679,0,0,1,3.71-.608c3.429,0,6.486.9,8.787,3.315a.093.093,0,0,1,.016.016.172.172,0,0,0,.123.052.18.18,0,0,0,.147-.078s.075-.115.111-.171a12.1,12.1,0,0,1,10.479-5.315c.306,0,.611.014.912.037l.273.022a.2.2,0,0,0,.191-.211A.211.211,0,0,0,126.894,125.978Z" transform="translate(-100 -115.885)" class="cls-1" fill="@{themeColor}"/><g id="Group_5" data-name="Group 5" transform="translate(16 16)"><path id="Path_44" data-name="Path 44" d="M1.011,0H13.989A1.011,1.011,0,0,1,15,1.011V13.989A1.011,1.011,0,0,1,13.989,15H1.011A1.011,1.011,0,0,1,0,13.989V1.011A1.011,1.011,0,0,1,1.011,0Z" class="cls-1" fill="@{themeColor}"/><path id="Path_39" data-name="Path 39" d="M5.794,13.25V3.911H9.258V2.25h-9V3.911H3.729V13.25Z" transform="translate(2.742 -0.25)" fill="#fff"/></g></g></svg>')
+      .encoded-svg-mask('<svg xmlns="http://www.w3.org/2000/svg" width="22" height="18" viewBox="0 0 22 18" fill="none"><path fill-rule="evenodd" d="M18.9524.65678l-.0785-.04649-.0201-.0117c-.5256-.30277-1.1045-.50192-1.7196-.57134-1.0875-.12282-2.1267.17515-3.0048.78185-.6015-.40708-1.2825-.67215-2.0156-.75492-1.0105-.11403-1.9792.13581-2.81586.65904l-.01038.00672-.01425.00908c-.02031.01897-.03405.04847-.03405.0816 0 .0576.03846.1042.08723.1042.00451 0 .00893-.00082.01364-.00199s.00253-.0006.00375-.00103l.00223-.00072c.45-.09928.91919-.12738 1.39759-.07341 1.3427.15138 2.5128.6464 3.3337 1.75747.0429.05327.0807.05.1242-.00281 1.0326-1.42836 2.6162-1.99279 4.3181-1.8009l.2817.04156.0281.00521.083.01434c.0562.00738.0864-.04648.0864-.10432-.0005-.0391-.0146-.07259-.0465-.09144zM11.9985 8c-.5522 0-1 .44772-1 1v8c0 .5523.4477 1 1 1h9c.5523 0 1-.4477 1-1V9c0-.55228-.4477-1-1-1h-9zm4 8v-5h-2v-1h5v1h-2v5h-1zm.9693-10.32247l.0118.00606c.043.02436.0729.07716.0726.13898 0 .0857-.0584.15489-.1298.15489-.0028 0-.1275-.01136-.1866-.01686l-.6219-.02634c-2.9255 0-5.5537 1.2826-7.14778 3.88374l-.04596.07604-.02989.04912c-.02395.03488-.05947.05694-.09989.05694-.03268 0-.06192-.0141-.08468-.0381-.00393-.00456-.00717-.00889-.01089-.01217C7.12513 8.18814 5.0403 7.52852 2.70144 7.52852c-.87978 0-1.73011.1563-2.53139.44385-.00487.00226-.00932.00362-.01442.00519l-.00138.00043c-.00834.00199-.01697.00351-.02541.00351-.07173 0-.12982-.06955-.12982-.1549 0-.05034.02012-.09413.04994-.12152l.00484-.00414.00978-.00804c1.39796-1.1263 3.08205-1.78393 4.89586-1.78393 1.2755 0 2.48742.32583 3.58111.91041C9.97345 5.60211 11.726 4.88477 13.6191 4.88477c1.1847 0 2.3134.28192 3.3454.79121l.0033.00155z" fill="#000"/></svg>')
     }
 
 
@@ -199,276 +199,276 @@
     &.icon-text-align-left {
       width: 22px;
       height: 22px;
-      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M1,3v1h21V3H1z M15,7H1v1h14V7z M1,12h21v-1H1V12z M15,15H1v1h14V15z M1,20h21v-1H1V20z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M1,3v1h21V3H1z M15,7H1v1h14V7z M1,12h21v-1H1V12z M15,15H1v1h14V15z M1,20h21v-1H1V20z"/></g></svg>');
     }
     &.icon-text-align-right {
       width: 22px;
       height: 22px;
-      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M1,3v1h21V3H1z M8,8h14V7H8V8z M22,11H1v1h21V11z M8,16h14v-1H8V16z M22,19H1v1h21V19z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M1,3v1h21V3H1z M8,8h14V7H8V8z M22,11H1v1h21V11z M8,16h14v-1H8V16z M22,19H1v1h21V19z"/></g></svg>');
     }
     &.icon-text-align-center {
       width: 22px;
       height: 22px;
-      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M1,3v1h21V3H1z M4,7v1h14V7H4z M1,12h21v-1H1V12z M4,15v1h14v-1H4z M1,20h21v-1H1V20z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M1,3v1h21V3H1z M4,7v1h14V7H4z M1,12h21v-1H1V12z M4,15v1h14v-1H4z M1,20h21v-1H1V20z"/></g></svg>');
     }
     &.icon-text-align-just {
       width: 22px;
       height: 22px;
-      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M1,3v1h21V3H1z M1,8h21V7H1V8z M1,12h21v-1H1V12z M1,16h21v-1H1V16z M1,20h21v-1H1V20z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M1,3v1h21V3H1z M1,8h21V7H1V8z M1,12h21v-1H1V12z M1,16h21v-1H1V16z M1,20h21v-1H1V20z"/></g></svg>');
     }
     &.icon-de-indent {
       width: 22px;
       height: 22px;
-      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M1,20v-1h21v1H1z M11,15h11v1H11V15z M11,11h11v1H11V11z M11,7h11v1H11V7z M6.3,7L7,7.7l-3.8,3.8L7,15.3L6.3,16L2,11.8l-0.2-0.3L2,11.2L6.3,7z M1,3h21v1H1V3z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M1,20v-1h21v1H1z M11,15h11v1H11V15z M11,11h11v1H11V11z M11,7h11v1H11V7z M6.3,7L7,7.7l-3.8,3.8L7,15.3L6.3,16L2,11.8l-0.2-0.3L2,11.2L6.3,7z M1,3h21v1H1V3z"/></g></svg>');
     }
     &.icon-in-indent {
       width: 22px;
       height: 22px;
-      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M1,20v-1h21v1H1z M12,16H1v-1h11V16z M12,12H1v-1h11V12z M12,8H1V7h11V8z M21,11.2l0.2,0.3L21,11.8L16.7,16L16,15.3l3.8-3.8L16,7.7L16.7,7L21,11.2z M22,4H1V3h21V4z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M1,20v-1h21v1H1z M12,16H1v-1h11V16z M12,12H1v-1h11V12z M12,8H1V7h11V8z M21,11.2l0.2,0.3L21,11.8L16.7,16L16,15.3l3.8-3.8L16,7.7L16.7,7L21,11.2z M22,4H1V3h21V4z"/></g></svg>');
     }
     // Table
     &.icon-table-add-column-left {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M15,19h-1H8H7v-1v-3H0V2h7h1h14v4v1v3v1v3v1v3v1H15z M15,18h6v-3h-6V18z M15,14h6v-3h-6V14z M8,18h6v-3H8V18z M8,14h6v-3H8V14z M14,10V7H8v3H14z M8,3v3h6V3H8z M21,3h-6v3h6V3z M15,7v3h6V7H15z M3,16h1v2h2v1H4v2H3v-2H1v-1h2V16z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M15,19h-1H8H7v-1v-3H0V2h7h1h14v4v1v3v1v3v1v3v1H15z M15,18h6v-3h-6V18z M15,14h6v-3h-6V14z M8,18h6v-3H8V18z M8,14h6v-3H8V14z M14,10V7H8v3H14z M8,3v3h6V3H8z M21,3h-6v3h6V3z M15,7v3h6V7H15z M3,16h1v2h2v1H4v2H3v-2H1v-1h2V16z"/></g></svg>');
     }
     &.icon-table-add-column-right {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M0,19l0-1l0-3l0-1l0-3l0-1l0-3l0-1l0-4h14h1h7v13h-7v3v1h-1H8H7H0z M7,15H1v3h6V15z M7,11H1v3h6V11z M14,15H8v3h6V15z M14,11H8v3h6V11z M14,10V7H8v3H14z M8,3v3h6V3H8z M1,6h6V3H1V6z M1,7v3h6V7H1z M19,18h2v1h-2v2h-1v-2h-2v-1h2v-2h1V18z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M0,19l0-1l0-3l0-1l0-3l0-1l0-3l0-1l0-4h14h1h7v13h-7v3v1h-1H8H7H0z M7,15H1v3h6V15z M7,11H1v3h6V11z M14,15H8v3h6V15z M14,11H8v3h6V11z M14,10V7H8v3H14z M8,3v3h6V3H8z M1,6h6V3H1V6z M1,7v3h6V7H1z M19,18h2v1h-2v2h-1v-2h-2v-1h2v-2h1V18z"/></g></svg>');
     }
     &.icon-table-add-row-above {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M21,20h-6h-1H8H7H0v-1v-3v-1v-3v-1V8V7V1h15v6h6h1v1v3v1v3v1v3v1H21z M7,8H1v3h6V8z M7,12H1v3h6V12z M7,16H1v3h6V16z M8,19h6v-3H8V19z M8,15h6v-3H8V15z M8,11h6V8H8V11z M21,8h-6v3h6V8z M21,12h-6v3h6V12z M21,16h-6v3h6V16z M19,6h-1V4h-2V3h2V1h1v2h2v1h-2V6z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M21,20h-6h-1H8H7H0v-1v-3v-1v-3v-1V8V7V1h15v6h6h1v1v3v1v3v1v3v1H21z M7,8H1v3h6V8z M7,12H1v3h6V12z M7,16H1v3h6V16z M8,19h6v-3H8V19z M8,15h6v-3H8V15z M8,11h6V8H8V11z M21,8h-6v3h6V8z M21,12h-6v3h6V12z M21,16h-6v3h6V16z M19,6h-1V4h-2V3h2V1h1v2h2v1h-2V6z"/></g></svg>');
     }
     &.icon-table-add-row-below {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M22,1v1v3v1v3v1v3v1h-1h-6v6H0v-6v-1v-3V9V6V5V2V1h7h1h6h1h6H22z M7,10H1v3h6V10z M7,6H1v3h6V6z M7,2H1v3h6V2z M8,5h6V2H8V5z M8,9h6V6H8V9z M8,13h6v-3H8V13z M21,10h-6v3h6V10z M21,6h-6v3h6V6z M21,2h-6v3h6V2z M19,17h2v1h-2v2h-1v-2h-2v-1h2v-2h1V17z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M22,1v1v3v1v3v1v3v1h-1h-6v6H0v-6v-1v-3V9V6V5V2V1h7h1h6h1h6H22z M7,10H1v3h6V10z M7,6H1v3h6V6z M7,2H1v3h6V2z M8,5h6V2H8V5z M8,9h6V6H8V9z M8,13h6v-3H8V13z M21,10h-6v3h6V10z M21,6h-6v3h6V6z M21,2h-6v3h6V2z M19,17h2v1h-2v2h-1v-2h-2v-1h2v-2h1V17z"/></g></svg>');
     }
     &.icon-table-remove-column {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M21,19h-6h-1h-1.6c-0.9,1.8-2.7,3-4.9,3s-4-1.2-4.9-3H1H0v-1v-3v-1v-3v-1V7V6V3V2h7h1h6h1h6h1v1v3v1v3v1v3v1v3v1H21z M7.5,12C5,12,3,14,3,16.5S5,21,7.5,21s4.5-2,4.5-4.5S10,12,7.5,12z M14,3H8v3h6V3z M14,7H8v3h6V7z M14,11H8v0.1c1.9,0.2,3.5,1.3,4.4,2.9H14V11z M14,15h-1.2c0.1,0.5,0.2,1,0.2,1.5c0,0.5-0.1,1-0.2,1.5H14V15z M21,3h-6v3h6V3z M21,7h-6v3h6V7z M21,11h-6v3h6V11z M21,15h-6v3h6V15z M9.6,19.3l-2.1-2.1l-2.1,2.1l-0.7-0.7l2.1-2.1l-2.1-2.1l0.7-0.7l2.1,2.1l2.1-2.1l0.7,0.7l-2.1,2.1l2.1,2.1L9.6,19.3z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M21,19h-6h-1h-1.6c-0.9,1.8-2.7,3-4.9,3s-4-1.2-4.9-3H1H0v-1v-3v-1v-3v-1V7V6V3V2h7h1h6h1h6h1v1v3v1v3v1v3v1v3v1H21z M7.5,12C5,12,3,14,3,16.5S5,21,7.5,21s4.5-2,4.5-4.5S10,12,7.5,12z M14,3H8v3h6V3z M14,7H8v3h6V7z M14,11H8v0.1c1.9,0.2,3.5,1.3,4.4,2.9H14V11z M14,15h-1.2c0.1,0.5,0.2,1,0.2,1.5c0,0.5-0.1,1-0.2,1.5H14V15z M21,3h-6v3h6V3z M21,7h-6v3h6V7z M21,11h-6v3h6V11z M21,15h-6v3h6V15z M9.6,19.3l-2.1-2.1l-2.1,2.1l-0.7-0.7l2.1-2.1l-2.1-2.1l0.7-0.7l2.1,2.1l2.1-2.1l0.7,0.7l-2.1,2.1l2.1,2.1L9.6,19.3z"/></g></svg>');
     }
     &.icon-table-remove-row {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M21,19h-6h-1h-1.6c-0.9,1.8-2.7,3-4.9,3s-4-1.2-4.9-3H1H0v-1v-3v-1v-3v-1V7V6V3V2h7h1h6h1h6h1v1v3v1v3v1v3v1v3v1H21z M1,18h1.2C2.1,17.5,2,17,2,16.5c0-0.5,0.1-1,0.2-1.5H1V18z M7,3H1v3h6V3z M7,7H1v3h6V7z M7.5,12C5,12,3,14,3,16.5S5,21,7.5,21s4.5-2,4.5-4.5S10,12,7.5,12z M14,3H8v3h6V3z M14,7H8v3h6V7z M14,15h-1.2c0.1,0.5,0.2,1,0.2,1.5c0,0.5-0.1,1-0.2,1.5H14V15z M21,3h-6v3h6V3z M21,7h-6v3h6V7z M21,15h-6v3h6V15z M9.6,19.3l-2.1-2.1l-2.1,2.1l-0.7-0.7l2.1-2.1l-2.1-2.1l0.7-0.7l2.1,2.1l2.1-2.1l0.7,0.7l-2.1,2.1l2.1,2.1L9.6,19.3z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M21,19h-6h-1h-1.6c-0.9,1.8-2.7,3-4.9,3s-4-1.2-4.9-3H1H0v-1v-3v-1v-3v-1V7V6V3V2h7h1h6h1h6h1v1v3v1v3v1v3v1v3v1H21z M1,18h1.2C2.1,17.5,2,17,2,16.5c0-0.5,0.1-1,0.2-1.5H1V18z M7,3H1v3h6V3z M7,7H1v3h6V7z M7.5,12C5,12,3,14,3,16.5S5,21,7.5,21s4.5-2,4.5-4.5S10,12,7.5,12z M14,3H8v3h6V3z M14,7H8v3h6V7z M14,15h-1.2c0.1,0.5,0.2,1,0.2,1.5c0,0.5-0.1,1-0.2,1.5H14V15z M21,3h-6v3h6V3z M21,7h-6v3h6V7z M21,15h-6v3h6V15z M9.6,19.3l-2.1-2.1l-2.1,2.1l-0.7-0.7l2.1-2.1l-2.1-2.1l0.7-0.7l2.1,2.1l2.1-2.1l0.7,0.7l-2.1,2.1l2.1,2.1L9.6,19.3z"/></g></svg>');
     }
     // Presets of table borders
     &.icon-table-borders-all {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path d="M26.9,0H0V27H27V0H26.9ZM13,26H1V14H13V26Zm0-13H1V1H13V13ZM26,26H14V14H26V26Zm0-13H14V1H26V13Z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path d="M26.9,0H0V27H27V0H26.9ZM13,26H1V14H13V26Zm0-13H1V1H13V13ZM26,26H14V14H26V26Zm0-13H14V1H26V13Z"/></g></svg>');
     }
     &.icon-table-borders-none {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M26.9,0H0V27H27V0H26.9ZM13,26H1V14H13V26Zm0-13H1V1H13V13ZM26,26H14V14H26V26Zm0-13H14V1H26V13Z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M26.9,0H0V27H27V0H26.9ZM13,26H1V14H13V26Zm0-13H1V1H13V13ZM26,26H14V14H26V26Zm0-13H14V1H26V13Z"/></g></svg>');
     }
     &.icon-table-borders-inner {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><polygon points="26 13 14 13 14 1 13 1 13 13 1 13 1 14 13 14 13 26 14 26 14 14 26 14 26 13"/><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><polygon points="26 13 14 13 14 1 13 1 13 13 1 13 1 14 13 14 13 26 14 26 14 14 26 14 26 13"/><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/></g></svg>');
     }
     &.icon-table-borders-outer {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/></g></svg>');
     }
     &.icon-table-borders-left {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect width="1" height="27"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect width="1" height="27"/></g></svg>');
     }
     &.icon-table-borders-center {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect x="13" width="1" height="27"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect x="13" width="1" height="27"/></g></svg>');
     }
     &.icon-table-borders-right {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect x="26" width="1" height="27"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect x="26" width="1" height="27"/></g></svg>');
     }
     &.icon-table-borders-top {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect width="27" height="1"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect width="27" height="1"/></g></svg>');
     }
     &.icon-table-borders-middle {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect y="13" width="27" height="1"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect y="13" width="27" height="1"/></g></svg>');
     }
     &.icon-table-borders-bottom {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect y="26" width="27" height="1"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect y="26" width="27" height="1"/></g></svg>');
     }
     // Reorder
     &.icon-move-backward {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><rect opacity="0.3" x="1" y="1" width="17" height="17"/><path d="M10,10V27H27V10H10ZM26,26H11V11H26V26Z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><rect opacity="0.3" x="1" y="1" width="17" height="17"/><path d="M10,10V27H27V10H10ZM26,26H11V11H26V26Z"/></g></svg>');
     }
     &.icon-move-forward {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M10,10V27H27V10H10ZM26,26H11V11H26V26Z"/><rect x="1" y="1" width="17" height="17"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M10,10V27H27V10H10ZM26,26H11V11H26V26Z"/><rect x="1" y="1" width="17" height="17"/></g></svg>');
     }
-    &.icon-move-background {
+    &.icon-move-mask {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><rect opacity="0.3" x="8" y="8" width="13" height="13"/><path d="M1,1V13H13V1H1ZM12,12H2V2H12V12Z"/><path d="M15,15V27H27V15H15ZM26,26H16V16H26V26Z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><rect opacity="0.3" x="8" y="8" width="13" height="13"/><path d="M1,1V13H13V1H1ZM12,12H2V2H12V12Z"/><path d="M15,15V27H27V15H15ZM26,26H16V16H26V26Z"/></g></svg>');
     }
     &.icon-move-foreground {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M1,1V13H13V1H1ZM12,12H2V2H12V12Z"/><path opacity="0.3" d="M15,15V27H27V15H15ZM26,26H16V16H26V26Z"/><rect x="8" y="8" width="13" height="13"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M1,1V13H13V1H1ZM12,12H2V2H12V12Z"/><path opacity="0.3" d="M15,15V27H27V15H15ZM26,26H16V16H26V26Z"/><rect x="8" y="8" width="13" height="13"/></g></svg>');
     }
     // Table Wrap
     &.icon-block-align-left {
       width: 28px;
       height: 28px;
-      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><rect x="1" y="1" width="26" height="1"/><rect x="1" y="4" width="26" height="1"/><rect x="1" y="25" width="26" height="1"/><rect x="1" y="22" width="26" height="1"/><rect x="1" y="8" width="12" height="11"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><rect x="1" y="1" width="26" height="1"/><rect x="1" y="4" width="26" height="1"/><rect x="1" y="25" width="26" height="1"/><rect x="1" y="22" width="26" height="1"/><rect x="1" y="8" width="12" height="11"/></g></svg>');
     }
     &.icon-block-align-center {
       width: 28px;
       height: 28px;
-      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><rect y="1" width="26" height="1"/><rect y="4" width="26" height="1"/><rect y="25" width="26" height="1"/><rect y="22" width="26" height="1"/><rect x="7" y="8.08" width="12" height="10.92"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><rect y="1" width="26" height="1"/><rect y="4" width="26" height="1"/><rect y="25" width="26" height="1"/><rect y="22" width="26" height="1"/><rect x="7" y="8.08" width="12" height="10.92"/></g></svg>');
     }
     &.icon-block-align-right {
       width: 28px;
       height: 28px;
-      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><rect x="1" y="1" width="26" height="1"/><rect x="1" y="4" width="26" height="1"/><rect x="1" y="25" width="26" height="1"/><rect x="1" y="22" width="26" height="1"/><rect x="15" y="8" width="12" height="11"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><rect x="1" y="1" width="26" height="1"/><rect x="1" y="4" width="26" height="1"/><rect x="1" y="25" width="26" height="1"/><rect x="1" y="22" width="26" height="1"/><rect x="15" y="8" width="12" height="11"/></g></svg>');
     }
     // Insert link/image-library
     &.icon-link {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.0235 7C18.4006 7 19.5743 7.49845 20.5446 8.49534C21.5149 9.46108 22 10.6293 22 12C22 13.3708 21.5149 14.5546 20.5446 15.5515C19.5743 16.5172 18.4006 17.0001 17.0235 17.0001H13V15H17C17.8451 15 18.5884 14.7882 19.1831 14.1963C19.8091 13.5733 20 12.8411 20 12C20 11.1589 19.8091 10.4424 19.1831 9.85049C18.5884 9.22743 17.8685 9 17.0235 9H13V7H17.0235ZM8.00939 12.9814V11.0187H15.9906V12.9814H8.00939ZM4.76995 9.85049C4.17527 10.4424 4 11.1589 4 12C4 12.8411 4.17527 13.5733 4.76995 14.1963C5.39593 14.7882 6.15493 15 7 15H11.0141V17.0001H6.97653C5.59937 17.0001 4.42567 16.5172 3.4554 15.5515C2.48513 14.5546 2 13.3708 2 12C2 10.6293 2.48513 9.46108 3.4554 8.49534C4.42567 7.49845 5.59937 7 6.97653 7H11.0141V9H6.97653C6.13146 9 5.39593 9.22743 4.76995 9.85049Z" fill="@{themeColor}"/></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.0235 7C18.4006 7 19.5743 7.49845 20.5446 8.49534C21.5149 9.46108 22 10.6293 22 12C22 13.3708 21.5149 14.5546 20.5446 15.5515C19.5743 16.5172 18.4006 17.0001 17.0235 17.0001H13V15H17C17.8451 15 18.5884 14.7882 19.1831 14.1963C19.8091 13.5733 20 12.8411 20 12C20 11.1589 19.8091 10.4424 19.1831 9.85049C18.5884 9.22743 17.8685 9 17.0235 9H13V7H17.0235ZM8.00939 12.9814V11.0187H15.9906V12.9814H8.00939ZM4.76995 9.85049C4.17527 10.4424 4 11.1589 4 12C4 12.8411 4.17527 13.5733 4.76995 14.1963C5.39593 14.7882 6.15493 15 7 15H11.0141V17.0001H6.97653C5.59937 17.0001 4.42567 16.5172 3.4554 15.5515C2.48513 14.5546 2 13.3708 2 12C2 10.6293 2.48513 9.46108 3.4554 8.49534C4.42567 7.49845 5.59937 7 6.97653 7H11.0141V9H6.97653C6.13146 9 5.39593 9.22743 4.76995 9.85049Z" fill="@{brandColor}"/></svg>');
     }
     &.icon-image-library {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0)"><path fill-rule="evenodd" clip-rule="evenodd" d="M20 5.5H4C3.72386 5.5 3.5 5.72386 3.5 6V15.5822L8.03349 11.6898C8.47476 11.3109 9.11904 11.2865 9.58778 11.6308L13.5726 14.5579L15.9619 12.6774C16.4488 12.2942 17.1428 12.3255 17.5933 12.7509L20.5 15.4962V6C20.5 5.72386 20.2761 5.5 20 5.5ZM20.5 17.5294L20.485 17.5453L16.7201 13.9895L14.3509 15.8542C13.9095 16.2016 13.2905 16.2119 12.8378 15.8793L8.85988 12.9573L3.5 17.5592V18C3.5 18.2761 3.72386 18.5 4 18.5H20C20.2761 18.5 20.5 18.2761 20.5 18V17.5294ZM4 4C2.89543 4 2 4.89543 2 6V18C2 19.1046 2.89543 20 4 20H20C21.1046 20 22 19.1046 22 18V6C22 4.89543 21.1046 4 20 4H4ZM16.5 9.5C16.5 11.1569 15.1569 12.5 13.5 12.5C11.8431 12.5 10.5 11.1569 10.5 9.5C10.5 7.84315 11.8431 6.5 13.5 6.5C15.1569 6.5 16.5 7.84315 16.5 9.5ZM13.5 11C14.3284 11 15 10.3284 15 9.5C15 8.67157 14.3284 8 13.5 8C12.6716 8 12 8.67157 12 9.5C12 10.3284 12.6716 11 13.5 11Z" fill="@{themeColor}"/></g><defs><clipPath id="clip0"><path d="M0 0H24V24H0V0Z" fill="transparent"/></clipPath></defs></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0)"><path fill-rule="evenodd" clip-rule="evenodd" d="M20 5.5H4C3.72386 5.5 3.5 5.72386 3.5 6V15.5822L8.03349 11.6898C8.47476 11.3109 9.11904 11.2865 9.58778 11.6308L13.5726 14.5579L15.9619 12.6774C16.4488 12.2942 17.1428 12.3255 17.5933 12.7509L20.5 15.4962V6C20.5 5.72386 20.2761 5.5 20 5.5ZM20.5 17.5294L20.485 17.5453L16.7201 13.9895L14.3509 15.8542C13.9095 16.2016 13.2905 16.2119 12.8378 15.8793L8.85988 12.9573L3.5 17.5592V18C3.5 18.2761 3.72386 18.5 4 18.5H20C20.2761 18.5 20.5 18.2761 20.5 18V17.5294ZM4 4C2.89543 4 2 4.89543 2 6V18C2 19.1046 2.89543 20 4 20H20C21.1046 20 22 19.1046 22 18V6C22 4.89543 21.1046 4 20 4H4ZM16.5 9.5C16.5 11.1569 15.1569 12.5 13.5 12.5C11.8431 12.5 10.5 11.1569 10.5 9.5C10.5 7.84315 11.8431 6.5 13.5 6.5C15.1569 6.5 16.5 7.84315 16.5 9.5ZM13.5 11C14.3284 11 15 10.3284 15 9.5C15 8.67157 14.3284 8 13.5 8C12.6716 8 12 8.67157 12 9.5C12 10.3284 12.6716 11 13.5 11Z" fill="@{brandColor}"/></g><defs><clipPath id="clip0"><path d="M0 0H24V24H0V0Z" fill="transparent"/></clipPath></defs></svg>');
     }
 
     &.icon-insert-comment {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.5 3H4.5C3.18908 3 2 4.2153 2 5.50295V15.0346C2 16.3222 3.18908 17.013 4.5 17.013H5.5C5.82773 17.013 6 17.1917 6 17.5136V21L12 17H20C21.1046 17 22 16.1046 22 15V8H20.5V14.5C20.5 15.0523 20.0523 15.5 19.5 15.5H11.5L7.5 18V15.5H4.5C3.94772 15.5 3.5 15.0523 3.5 14.5V5.5C3.5 4.94772 3.94772 4.5 4.5 4.5H19.5C20.0523 4.5 20.5 4.94772 20.5 5.5V8H22V5.50295C22 4.2153 20.8109 3 19.5 3Z" fill="@{themeColor}"/><path d="M6 7.5H18V9H6L6 7.5Z" fill="@{themeColor}"/><path d="M6 11H18V12.5H6V11Z" fill="@{themeColor}"/></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M19.5 3H4.5C3.18908 3 2 4.2153 2 5.50295V15.0346C2 16.3222 3.18908 17.013 4.5 17.013H5.5C5.82773 17.013 6 17.1917 6 17.5136V21L12 17H20C21.1046 17 22 16.1046 22 15V8H20.5V14.5C20.5 15.0523 20.0523 15.5 19.5 15.5H11.5L7.5 18V15.5H4.5C3.94772 15.5 3.5 15.0523 3.5 14.5V5.5C3.5 4.94772 3.94772 4.5 4.5 4.5H19.5C20.0523 4.5 20.5 4.94772 20.5 5.5V8H22V5.50295C22 4.2153 20.8109 3 19.5 3Z" fill="@{brandColor}"/><path d="M6 7.5H18V9H6L6 7.5Z" fill="@{brandColor}"/><path d="M6 11H18V12.5H6V11Z" fill="@{brandColor}"/></svg>');
     }
     &.icon-pagenumber {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M18 4H6V20.0282L18 20V4ZM4 4.5C4 3.11929 5.11929 2 6.5 2H18C18.5302 2 18.9864 2.20344 19.3918 2.61033C19.7661 2.98592 20 3.46792 20 4V20C20 20.5321 19.7973 21.0297 19.3918 21.4366C18.9864 21.8122 18.5302 22 18 22H6C5.46979 22 5.01364 21.8122 4.60819 21.4366C4.20273 21.0297 4 20.5266 4 19.9945V4.5ZM11.5698 16H10.1836V12.2578H10.1574L9 13.0686V11.8385L10.1836 11H11.5698V16ZM14.1593 16H12.7076L14.6333 12.1365V12.1088H12.3709V11H16V12.1053L14.1593 16Z" fill="@{themeColor}"/></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M18 4H6V20.0282L18 20V4ZM4 4.5C4 3.11929 5.11929 2 6.5 2H18C18.5302 2 18.9864 2.20344 19.3918 2.61033C19.7661 2.98592 20 3.46792 20 4V20C20 20.5321 19.7973 21.0297 19.3918 21.4366C18.9864 21.8122 18.5302 22 18 22H6C5.46979 22 5.01364 21.8122 4.60819 21.4366C4.20273 21.0297 4 20.5266 4 19.9945V4.5ZM11.5698 16H10.1836V12.2578H10.1574L9 13.0686V11.8385L10.1836 11H11.5698V16ZM14.1593 16H12.7076L14.6333 12.1365V12.1088H12.3709V11H16V12.1053L14.1593 16Z" fill="@{brandColor}"/></svg>');
     }
     &.icon-sectionbreak {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0)"><path d="M3 11H7V13H3V11Z" fill="@{themeColor}"/><path d="M9 11H15V13H9V11Z" fill="@{themeColor}"/><path d="M17 11H21V13H17V11Z" fill="@{themeColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M18 4H6V9H4V4C4 2.89543 4.89543 2 6 2H18C18.5302 2 18.9864 2.20344 19.3918 2.61033C19.7661 2.98592 20 3.46792 20 4V9H18V4ZM6 15V20.0282L18 20V15H20V20C20 20.5321 19.7973 21.0297 19.3918 21.4366C18.9864 21.8122 18.5302 22 18 22H6C5.46979 22 5.01364 21.8122 4.60819 21.4366C4.20273 21.0297 4 20.5266 4 19.9945V15H6Z" fill="@{themeColor}"/></g><defs><clipPath id="clip0"><path d="M0 0H24V24H0V0Z" fill="transparent"/></clipPath></defs></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0)"><path d="M3 11H7V13H3V11Z" fill="@{brandColor}"/><path d="M9 11H15V13H9V11Z" fill="@{brandColor}"/><path d="M17 11H21V13H17V11Z" fill="@{brandColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M18 4H6V9H4V4C4 2.89543 4.89543 2 6 2H18C18.5302 2 18.9864 2.20344 19.3918 2.61033C19.7661 2.98592 20 3.46792 20 4V9H18V4ZM6 15V20.0282L18 20V15H20V20C20 20.5321 19.7973 21.0297 19.3918 21.4366C18.9864 21.8122 18.5302 22 18 22H6C5.46979 22 5.01364 21.8122 4.60819 21.4366C4.20273 21.0297 4 20.5266 4 19.9945V15H6Z" fill="@{brandColor}"/></g><defs><clipPath id="clip0"><path d="M0 0H24V24H0V0Z" fill="transparent"/></clipPath></defs></svg>');
     }
     &.icon-footnote {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.1173 18.7983H10.109L9.36904 16.6471H4.74829L4.00837 18.7983H2L5.95633 7.58823H8.161L12.1173 18.7983ZM8.87072 14.916L7.05867 9.57143L5.24661 14.916H8.87072Z" fill="@{themeColor}"/><path d="M14.7577 16.3613C14.9288 16.6639 15.1906 16.9216 15.5429 17.1345C15.9053 17.3361 16.2677 17.437 16.6301 17.437C17.2543 17.437 17.7526 17.1905 18.1251 16.6975C18.5076 16.1933 18.6989 15.5434 18.6989 14.7479C18.6989 13.9524 18.5076 13.3025 18.1251 12.7983C17.7526 12.2941 17.2543 12.042 16.6301 12.042C16.2677 12.042 15.9103 12.1485 15.558 12.3613C15.2057 12.5742 14.9389 12.8375 14.7577 13.1513V16.3613ZM14.7577 18.7983H13.1721V7.58823H14.7577V11.8067C15.3516 10.9216 16.1318 10.479 17.0982 10.479C18.0445 10.479 18.8197 10.8711 19.4237 11.6555C20.0277 12.4286 20.3298 13.4594 20.3298 14.7479C20.3298 16.0588 20.0277 17.0952 19.4237 17.8571C18.8197 18.619 18.0445 19 17.0982 19C16.1419 19 15.3617 18.563 14.7577 17.6891V18.7983Z" fill="@{themeColor}"/><path d="M24 11.7227H22.7769V6.7479L21.7651 7.90756L21.0705 7.08403L22.943 5H24V11.7227Z" fill="@{themeColor}"/></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12.1173 18.7983H10.109L9.36904 16.6471H4.74829L4.00837 18.7983H2L5.95633 7.58823H8.161L12.1173 18.7983ZM8.87072 14.916L7.05867 9.57143L5.24661 14.916H8.87072Z" fill="@{brandColor}"/><path d="M14.7577 16.3613C14.9288 16.6639 15.1906 16.9216 15.5429 17.1345C15.9053 17.3361 16.2677 17.437 16.6301 17.437C17.2543 17.437 17.7526 17.1905 18.1251 16.6975C18.5076 16.1933 18.6989 15.5434 18.6989 14.7479C18.6989 13.9524 18.5076 13.3025 18.1251 12.7983C17.7526 12.2941 17.2543 12.042 16.6301 12.042C16.2677 12.042 15.9103 12.1485 15.558 12.3613C15.2057 12.5742 14.9389 12.8375 14.7577 13.1513V16.3613ZM14.7577 18.7983H13.1721V7.58823H14.7577V11.8067C15.3516 10.9216 16.1318 10.479 17.0982 10.479C18.0445 10.479 18.8197 10.8711 19.4237 11.6555C20.0277 12.4286 20.3298 13.4594 20.3298 14.7479C20.3298 16.0588 20.0277 17.0952 19.4237 17.8571C18.8197 18.619 18.0445 19 17.0982 19C16.1419 19 15.3617 18.563 14.7577 17.6891V18.7983Z" fill="@{brandColor}"/><path d="M24 11.7227H22.7769V6.7479L21.7651 7.90756L21.0705 7.08403L22.943 5H24V11.7227Z" fill="@{brandColor}"/></svg>');
     }
     &.icon-pagebreak {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0)"><path fill-rule="evenodd" clip-rule="evenodd" d="M6 8L10 7.99531V4L6 8ZM10 10H6V11H4V7L9 2H18C18.5302 2 18.9864 2.20344 19.3918 2.61033C19.7661 2.98592 20 3.46792 20 4V11H18V4H12V8C12 9.10457 11.1046 10 10 10ZM6 17V20.0282L18 20V17H20V20C20 20.5321 19.7973 21.0297 19.3918 21.4366C18.9864 21.8122 18.5302 22 18 22H6C5.46979 22 5.01364 21.8122 4.60819 21.4366C4.20273 21.0297 4 20.5266 4 19.9945V17H6Z" fill="@{themeColor}"/><path d="M3 13H7V15H3V13Z" fill="@{themeColor}"/><path d="M9 13H15V15H9V13Z" fill="@{themeColor}"/><path d="M17 13H21V15H17V13Z" fill="@{themeColor}"/></g><defs><clipPath id="clip0"><path d="M0.000488281 0H24.0005V24H0.000488281V0Z" fill="transparent"/></clipPath></defs></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0)"><path fill-rule="evenodd" clip-rule="evenodd" d="M6 8L10 7.99531V4L6 8ZM10 10H6V11H4V7L9 2H18C18.5302 2 18.9864 2.20344 19.3918 2.61033C19.7661 2.98592 20 3.46792 20 4V11H18V4H12V8C12 9.10457 11.1046 10 10 10ZM6 17V20.0282L18 20V17H20V20C20 20.5321 19.7973 21.0297 19.3918 21.4366C18.9864 21.8122 18.5302 22 18 22H6C5.46979 22 5.01364 21.8122 4.60819 21.4366C4.20273 21.0297 4 20.5266 4 19.9945V17H6Z" fill="@{brandColor}"/><path d="M3 13H7V15H3V13Z" fill="@{brandColor}"/><path d="M9 13H15V15H9V13Z" fill="@{brandColor}"/><path d="M17 13H21V15H17V13Z" fill="@{brandColor}"/></g><defs><clipPath id="clip0"><path d="M0.000488281 0H24.0005V24H0.000488281V0Z" fill="transparent"/></clipPath></defs></svg>');
     }
     &.icon-stringbreak {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 9.01309L11.4062 10.4181L7.79688 14.0241H17.9844V4.00208H20V15.9911H7.79688L11.4062 19.5971L10 21.0021L4 15.0076L10 9.01309Z" fill="@{themeColor}"/></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10 9.01309L11.4062 10.4181L7.79688 14.0241H17.9844V4.00208H20V15.9911H7.79688L11.4062 19.5971L10 21.0021L4 15.0076L10 9.01309Z" fill="@{brandColor}"/></svg>');
     }
     // Collaboration
     &.icon-users {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.5 7C15.5 9.26153 14.9357 10.9518 14.201 12.0307C13.4584 13.121 12.6234 13.5 12 13.5C11.3766 13.5 10.5416 13.121 9.79901 12.0307C9.0643 10.9518 8.5 9.26153 8.5 7C8.5 4.92262 10.2222 3.5 12 3.5C13.7778 3.5 15.5 4.92262 15.5 7ZM14.8461 13.6216C14.006 14.5191 13.0044 15 12 15C10.9956 15 9.99399 14.5191 9.15395 13.6216C7.69714 14.1996 6.4782 14.7725 5.52945 15.3496C3.82884 16.3839 3.5 17.1203 3.5 17.5C3.5 18.0104 3.76355 18.6977 5.04703 19.3409C6.37522 20.0065 8.60909 20.4999 12 20.5C15.3909 20.5 17.6248 20.0065 18.953 19.3409C20.2364 18.6977 20.5 18.0104 20.5 17.5C20.5 17.1203 20.1712 16.3839 18.4705 15.3496C17.5218 14.7725 16.3029 14.1996 14.8461 13.6216ZM15.7544 12.37C16.5137 11.0279 17 9.20917 17 7C17 4 14.5088 2 12 2C9.49121 2 7 4 7 7C7 9.20917 7.48633 11.0279 8.24563 12.37C4.38973 13.9392 2 15.579 2 17.5C2 19.9852 5 21.9999 12 22C19 22 22 19.9852 22 17.5C22 15.579 19.6103 13.9392 15.7544 12.37Z" fill="@{themeColor}"/></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.5 7C15.5 9.26153 14.9357 10.9518 14.201 12.0307C13.4584 13.121 12.6234 13.5 12 13.5C11.3766 13.5 10.5416 13.121 9.79901 12.0307C9.0643 10.9518 8.5 9.26153 8.5 7C8.5 4.92262 10.2222 3.5 12 3.5C13.7778 3.5 15.5 4.92262 15.5 7ZM14.8461 13.6216C14.006 14.5191 13.0044 15 12 15C10.9956 15 9.99399 14.5191 9.15395 13.6216C7.69714 14.1996 6.4782 14.7725 5.52945 15.3496C3.82884 16.3839 3.5 17.1203 3.5 17.5C3.5 18.0104 3.76355 18.6977 5.04703 19.3409C6.37522 20.0065 8.60909 20.4999 12 20.5C15.3909 20.5 17.6248 20.0065 18.953 19.3409C20.2364 18.6977 20.5 18.0104 20.5 17.5C20.5 17.1203 20.1712 16.3839 18.4705 15.3496C17.5218 14.7725 16.3029 14.1996 14.8461 13.6216ZM15.7544 12.37C16.5137 11.0279 17 9.20917 17 7C17 4 14.5088 2 12 2C9.49121 2 7 4 7 7C7 9.20917 7.48633 11.0279 8.24563 12.37C4.38973 13.9392 2 15.579 2 17.5C2 19.9852 5 21.9999 12 22C19 22 22 19.9852 22 17.5C22 15.579 19.6103 13.9392 15.7544 12.37Z" fill="@{brandColor}"/></svg>');
     }
     &.icon-review {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.5 3.5H4.5V20.5H17.5V18H19V20C19 20.5321 18.7973 21.0297 18.3918 21.4366C17.9864 21.8122 17.5302 22 17 22H5C4.46979 22 4.01364 21.8122 3.60819 21.4366C3.20273 21.0297 3 20.5266 3 19.9945V4C3 2.89543 3.89543 2 5 2H17C17.5302 2 17.9864 2.20344 18.3918 2.61033C18.7661 2.98592 19 3.46792 19 4V7H17.5V3.5Z" fill="@{themeColor}"/><path d="M22.8438 10.2396L21.8281 11.2552L19.7448 9.17188L20.7604 8.15625C20.8646 8.05208 20.9948 8 21.151 8C21.3073 8 21.4375 8.05208 21.5417 8.15625L22.8438 9.45833C22.9479 9.5625 23 9.69271 23 9.84896C23 10.0052 22.9479 10.1354 22.8438 10.2396ZM13 15.9167L19.1458 9.77083L21.2292 11.8542L15.0833 18H13V15.9167Z" fill="@{themeColor}"/><path d="M7 15.5H11V17H7V15.5Z" fill="@{themeColor}"/><path d="M7 11H13V12.5H7V11Z" fill="@{themeColor}"/><path d="M7 7H15V8.5H7V7Z" fill="@{themeColor}"/></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.5 3.5H4.5V20.5H17.5V18H19V20C19 20.5321 18.7973 21.0297 18.3918 21.4366C17.9864 21.8122 17.5302 22 17 22H5C4.46979 22 4.01364 21.8122 3.60819 21.4366C3.20273 21.0297 3 20.5266 3 19.9945V4C3 2.89543 3.89543 2 5 2H17C17.5302 2 17.9864 2.20344 18.3918 2.61033C18.7661 2.98592 19 3.46792 19 4V7H17.5V3.5Z" fill="@{brandColor}"/><path d="M22.8438 10.2396L21.8281 11.2552L19.7448 9.17188L20.7604 8.15625C20.8646 8.05208 20.9948 8 21.151 8C21.3073 8 21.4375 8.05208 21.5417 8.15625L22.8438 9.45833C22.9479 9.5625 23 9.69271 23 9.84896C23 10.0052 22.9479 10.1354 22.8438 10.2396ZM13 15.9167L19.1458 9.77083L21.2292 11.8542L15.0833 18H13V15.9167Z" fill="@{brandColor}"/><path d="M7 15.5H11V17H7V15.5Z" fill="@{brandColor}"/><path d="M7 11H13V12.5H7V11Z" fill="@{brandColor}"/><path d="M7 7H15V8.5H7V7Z" fill="@{brandColor}"/></svg>');
     }
     &.icon-review-changes {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.5 4.5L20.5 19.5L3.5 19.5L3.5 4.5L20.5 4.5ZM22 19L22 5C22 3.89543 21.1046 3 20 3L4.00549 3C3.47341 3 2.97026 3.20273 2.56338 3.60819C2.18779 4.01364 2 4.46978 2 5L2 19C2 19.5302 2.18779 19.9864 2.56338 20.3918C2.97026 20.7973 3.46792 21 4 21L20 21C20.5321 21 21.0141 20.7661 21.3897 20.3918C21.7966 19.9864 22 19.5302 22 19Z" fill="@{themeColor}"/><path d="M6 15H18V16.5H6V15Z" fill="@{themeColor}"/><path d="M6 11H18V12.5H6V11Z" fill="@{themeColor}"/><path d="M6 7H18V8.5H6V7Z" fill="@{themeColor}"/></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20.5 4.5L20.5 19.5L3.5 19.5L3.5 4.5L20.5 4.5ZM22 19L22 5C22 3.89543 21.1046 3 20 3L4.00549 3C3.47341 3 2.97026 3.20273 2.56338 3.60819C2.18779 4.01364 2 4.46978 2 5L2 19C2 19.5302 2.18779 19.9864 2.56338 20.3918C2.97026 20.7973 3.46792 21 4 21L20 21C20.5321 21 21.0141 20.7661 21.3897 20.3918C21.7966 19.9864 22 19.5302 22 19Z" fill="@{brandColor}"/><path d="M6 15H18V16.5H6V15Z" fill="@{brandColor}"/><path d="M6 11H18V12.5H6V11Z" fill="@{brandColor}"/><path d="M6 7H18V8.5H6V7Z" fill="@{brandColor}"/></svg>');
     }
     &.icon-accept-changes {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.3966 19.2877L21.6495 11L23 12.3562L13.3966 22L9 17.5849L10.3505 16.2288L13.3966 19.2877Z" fill="#40865C"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20.5 8L20.5 4.5L3.5 4.5L3.5 17.5L7 17.5L7 19L4 19C3.46792 19 2.97026 18.7973 2.56338 18.3918C2.18779 17.9864 2 17.5302 2 17L2 5C2 4.46978 2.18779 4.01364 2.56338 3.60819C2.97026 3.20273 3.4734 3 4.00549 3L20 3C21.1046 3 22 3.89543 22 5L22 8L20.5 8Z" fill="@{themeColor}"/><path d="M6 8H18V9.5H6V8Z" fill="@{themeColor}"/><path d="M6 12H16V13.5H6V12Z" fill="@{themeColor}"/></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M13.3966 19.2877L21.6495 11L23 12.3562L13.3966 22L9 17.5849L10.3505 16.2288L13.3966 19.2877Z" fill="#40865C"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20.5 8L20.5 4.5L3.5 4.5L3.5 17.5L7 17.5L7 19L4 19C3.46792 19 2.97026 18.7973 2.56338 18.3918C2.18779 17.9864 2 17.5302 2 17L2 5C2 4.46978 2.18779 4.01364 2.56338 3.60819C2.97026 3.20273 3.4734 3 4.00549 3L20 3C21.1046 3 22 3.89543 22 5L22 8L20.5 8Z" fill="@{brandColor}"/><path d="M6 8H18V9.5H6V8Z" fill="@{brandColor}"/><path d="M6 12H16V13.5H6V12Z" fill="@{brandColor}"/></svg>');
     }
     &.icon-reject-changes {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23 13.4099L19.4099 17L23 20.5901L21.5901 22L18 18.4099L14.4099 22L13 20.5901L16.5901 17L13 13.4099L14.4099 12L18 15.5901L21.5901 12L23 13.4099Z" fill="#C60915"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20.5 10L20.5 4.5L3.5 4.5L3.5 17.5L11 17.5L11 19L4 19C3.46792 19 2.97026 18.7973 2.56338 18.3918C2.18779 17.9864 2 17.5302 2 17L2 5C2 4.46978 2.18779 4.01364 2.56338 3.60819C2.97026 3.20273 3.4734 3 4.00549 3L20 3C21.1046 3 22 3.89543 22 5L22 10L20.5 10Z" fill="@{themeColor}"/><path d="M6 8H18V9.5H6L6 8Z" fill="@{themeColor}"/><path d="M6 12H11V13.5H6V12Z" fill="@{themeColor}"/></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M23 13.4099L19.4099 17L23 20.5901L21.5901 22L18 18.4099L14.4099 22L13 20.5901L16.5901 17L13 13.4099L14.4099 12L18 15.5901L21.5901 12L23 13.4099Z" fill="#C60915"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20.5 10L20.5 4.5L3.5 4.5L3.5 17.5L11 17.5L11 19L4 19C3.46792 19 2.97026 18.7973 2.56338 18.3918C2.18779 17.9864 2 17.5302 2 17L2 5C2 4.46978 2.18779 4.01364 2.56338 3.60819C2.97026 3.20273 3.4734 3 4.00549 3L20 3C21.1046 3 22 3.89543 22 5L22 10L20.5 10Z" fill="@{brandColor}"/><path d="M6 8H18V9.5H6L6 8Z" fill="@{brandColor}"/><path d="M6 12H11V13.5H6V12Z" fill="@{brandColor}"/></svg>');
     }
     &.icon-accept {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 18L2 11L1 12L9 20L23 6L22 5L9 18Z" fill="@{themeColor}"/></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M9 18L2 11L1 12L9 20L23 6L22 5L9 18Z" fill="@{brandColor}"/></svg>');
     }
     &.icon-reject {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 4L4 5L11 12L4 19L5 20L12 13L19 20L20 19L13 12L20 5L19 4L12 11L5 4Z" fill="@{themeColor}"/></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M5 4L4 5L11 12L4 19L5 20L12 13L19 20L20 19L13 12L20 5L19 4L12 11L5 4Z" fill="@{brandColor}"/></svg>');
     }
     &.icon-next-change {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.98438 6L15.9844 12L9.98438 18L8.57812 16.5938L13.1719 12L8.57812 7.40625L9.98438 6Z" fill="@{themeColor}"/></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M9.98438 6L15.9844 12L9.98438 18L8.57812 16.5938L13.1719 12L8.57812 7.40625L9.98438 6Z" fill="@{brandColor}"/></svg>');
     }
     &.icon-prev-change {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.4219 7.40625L10.8281 12L15.4219 16.5938L14.0156 18L8.01562 12L14.0156 6L15.4219 7.40625Z" fill="@{themeColor}"/></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M15.4219 7.40625L10.8281 12L15.4219 16.5938L14.0156 18L8.01562 12L14.0156 6L15.4219 7.40625Z" fill="@{brandColor}"/></svg>');
     }
     &.icon-goto {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.5 3.5H3.5V20.5H20.5V3.5ZM3.5 2H2V3.5V20.5V22H3.5H20.5H22V20.5V3.5V2H20.5H3.5ZM14.6893 8.25H9V6.75H16.5H17.25V7.5V15H15.75V9.31066L7.53033 17.5303L6.46967 16.4697L14.6893 8.25Z" fill="@{themeColor}"/></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.5 3.5H3.5V20.5H20.5V3.5ZM3.5 2H2V3.5V20.5V22H3.5H20.5H22V20.5V3.5V2H20.5H3.5ZM14.6893 8.25H9V6.75H16.5H17.25V7.5V15H15.75V9.31066L7.53033 17.5303L6.46967 16.4697L14.6893 8.25Z" fill="@{brandColor}"/></svg>');
     }
 
     // Comments
     &.icon-menu-comment {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.6047 16.5848C17.0078 16.1793 17.4729 15.9766 18 15.9766C18.5271 15.9766 18.9922 16.1793 19.3953 16.5848C19.7984 16.9903 20 17.4581 20 17.9883C20 18.5185 19.7984 18.9864 19.3953 19.3918C18.9922 19.7973 18.5271 20 18 20C17.4729 20 17.0078 19.7973 16.6047 19.3918C16.2016 18.9864 16 18.5185 16 17.9883C16 17.4581 16.2016 16.9903 16.6047 16.5848ZM16.6047 10.5965C17.0078 10.191 17.4729 9.9883 18 9.9883C18.5271 9.9883 18.9922 10.191 19.3953 10.5965C19.7984 11.0019 20 11.4698 20 12C20 12.5302 19.7984 12.9981 19.3953 13.4035C18.9922 13.809 18.5271 14.0117 18 14.0117C17.4729 14.0117 17.0078 13.809 16.6047 13.4035C16.2016 12.9981 16 12.5302 16 12C16 11.4698 16.2016 11.0019 16.6047 10.5965ZM19.3953 7.4152C18.9922 7.82066 18.5271 8.02339 18 8.02339C17.4729 8.02339 17.0078 7.82066 16.6047 7.4152C16.2016 7.00975 16 6.54191 16 6.0117C16 5.48148 16.2016 5.01365 16.6047 4.60819C17.0078 4.20273 17.4729 4 18 4C18.5271 4 18.9922 4.20273 19.3953 4.60819C19.7984 5.01365 20 5.48148 20 6.0117C20 6.54191 19.7984 7.00975 19.3953 7.4152Z" fill="black" fill-opacity="0.6"/></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M16.6047 16.5848C17.0078 16.1793 17.4729 15.9766 18 15.9766C18.5271 15.9766 18.9922 16.1793 19.3953 16.5848C19.7984 16.9903 20 17.4581 20 17.9883C20 18.5185 19.7984 18.9864 19.3953 19.3918C18.9922 19.7973 18.5271 20 18 20C17.4729 20 17.0078 19.7973 16.6047 19.3918C16.2016 18.9864 16 18.5185 16 17.9883C16 17.4581 16.2016 16.9903 16.6047 16.5848ZM16.6047 10.5965C17.0078 10.191 17.4729 9.9883 18 9.9883C18.5271 9.9883 18.9922 10.191 19.3953 10.5965C19.7984 11.0019 20 11.4698 20 12C20 12.5302 19.7984 12.9981 19.3953 13.4035C18.9922 13.809 18.5271 14.0117 18 14.0117C17.4729 14.0117 17.0078 13.809 16.6047 13.4035C16.2016 12.9981 16 12.5302 16 12C16 11.4698 16.2016 11.0019 16.6047 10.5965ZM19.3953 7.4152C18.9922 7.82066 18.5271 8.02339 18 8.02339C17.4729 8.02339 17.0078 7.82066 16.6047 7.4152C16.2016 7.00975 16 6.54191 16 6.0117C16 5.48148 16.2016 5.01365 16.6047 4.60819C17.0078 4.20273 17.4729 4 18 4C18.5271 4 18.9922 4.20273 19.3953 4.60819C19.7984 5.01365 20 5.48148 20 6.0117C20 6.54191 19.7984 7.00975 19.3953 7.4152Z" fill="@{text-tertiary}" fill-opacity="0.6"/></svg>', @text-tertiary);
     }
     &.icon-resolve-comment {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 16.1719L19.5938 5.57812L21 6.98438L9 18.9844L3.42188 13.4062L4.82812 12L9 16.1719Z" fill="black" fill-opacity="0.6"/></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M9 16.1719L19.5938 5.57812L21 6.98438L9 18.9844L3.42188 13.4062L4.82812 12L9 16.1719Z" fill="@{brandColor}"/></svg>');
     }
     &.icon-resolve-comment.check {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 16.1719L19.5938 5.57812L21 6.98438L9 18.9844L3.42188 13.4062L4.82812 12L9 16.1719Z" fill="#40865C" fill-opacity="0.6"/></svg>');
+      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M9 16.1719L19.5938 5.57812L21 6.98438L9 18.9844L3.42188 13.4062L4.82812 12L9 16.1719Z" fill="@{green}"/></svg>');
     }
     &.icon-done-comment {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 16.1719L19.5938 5.57812L21 6.98438L9 18.9844L3.42188 13.4062L4.82812 12L9 16.1719Z" fill="@{themeColor}"/></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M9 16.1719L19.5938 5.57812L21 6.98438L9 18.9844L3.42188 13.4062L4.82812 12L9 16.1719Z" fill="@{brandColor}"/></svg>');
     }
     &.icon-insert-comment {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.5 3H4.5C3.18908 3 2 4.2153 2 5.50295V15.0346C2 16.3222 3.18908 17.013 4.5 17.013H5.5C5.82773 17.013 6 17.1917 6 17.5136V21L12 17H20C21.1046 17 22 16.1046 22 15V8H20.5V14.5C20.5 15.0523 20.0523 15.5 19.5 15.5H11.5L7.5 18V15.5H4.5C3.94772 15.5 3.5 15.0523 3.5 14.5V5.5C3.5 4.94772 3.94772 4.5 4.5 4.5H19.5C20.0523 4.5 20.5 4.94772 20.5 5.5V8H22V5.50295C22 4.2153 20.8109 3 19.5 3Z" fill="@{themeColor}"/><path d="M6 7.5H18V9H6L6 7.5Z" fill="@{themeColor}"/><path d="M6 11H18V12.5H6V11Z" fill="@{themeColor}"/></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M19.5 3H4.5C3.18908 3 2 4.2153 2 5.50295V15.0346C2 16.3222 3.18908 17.013 4.5 17.013H5.5C5.82773 17.013 6 17.1917 6 17.5136V21L12 17H20C21.1046 17 22 16.1046 22 15V8H20.5V14.5C20.5 15.0523 20.0523 15.5 19.5 15.5H11.5L7.5 18V15.5H4.5C3.94772 15.5 3.5 15.0523 3.5 14.5V5.5C3.5 4.94772 3.94772 4.5 4.5 4.5H19.5C20.0523 4.5 20.5 4.94772 20.5 5.5V8H22V5.50295C22 4.2153 20.8109 3 19.5 3Z" fill="@{brandColor}"/><path d="M6 7.5H18V9H6L6 7.5Z" fill="@{brandColor}"/><path d="M6 11H18V12.5H6V11Z" fill="@{brandColor}"/></svg>');
     }
     &.icon-done-comment-white {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 16.1719L19.5938 5.57812L21 6.98438L9 18.9844L3.42188 13.4062L4.82812 12L9 16.1719Z" fill="#FFFFFF"/></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M9 16.1719L19.5938 5.57812L21 6.98438L9 18.9844L3.42188 13.4062L4.82812 12L9 16.1719Z" fill="@{fill-white}" /></svg>', @fill-white);
     }
   }
 }
\ No newline at end of file
diff --git a/apps/documenteditor/mobile/src/view/app.jsx b/apps/documenteditor/mobile/src/view/app.jsx
index b114f32d5..02821f8a5 100644
--- a/apps/documenteditor/mobile/src/view/app.jsx
+++ b/apps/documenteditor/mobile/src/view/app.jsx
@@ -30,7 +30,7 @@ export default class extends React.Component {
 
     render() {
         return (
-            <App { ...f7params } >
+            <App { ...f7params } className={'app-layout'} >
                 {/* Your main view, should have "view-main" class */}
                 <View main className="safe-areas" url="/" />
                 <MainController />
diff --git a/apps/documenteditor/mobile/src/view/settings/ApplicationSettings.jsx b/apps/documenteditor/mobile/src/view/settings/ApplicationSettings.jsx
index 7d696d813..a9500b69c 100644
--- a/apps/documenteditor/mobile/src/view/settings/ApplicationSettings.jsx
+++ b/apps/documenteditor/mobile/src/view/settings/ApplicationSettings.jsx
@@ -2,6 +2,7 @@ import React, {Fragment, useState} from "react";
 import { observer, inject } from "mobx-react";
 import { Page, Navbar, List, ListItem, BlockTitle, Toggle } from "framework7-react";
 import { useTranslation } from "react-i18next";
+import { Themes } from '../../../../../common/mobile/lib/controller/Themes.js';
 
 const PageApplicationSettings = props => {
     const { t } = useTranslation();
@@ -14,7 +15,7 @@ const PageApplicationSettings = props => {
     const isHiddenTableBorders = store.isHiddenTableBorders;
     const isComments = store.isComments;
     const isResolvedComments = store.isResolvedComments;
-    const [isThemeDark, setIsThemeDark] = useState(props.isThemeDark);
+    const [isThemeDark, setIsThemeDark] = useState(Themes.isCurrentDark);
 
     const changeMeasureSettings = value => {
         store.changeUnitMeasurement(value);
@@ -51,7 +52,7 @@ const PageApplicationSettings = props => {
                         </ListItem>
                         <ListItem title={'Dark theme'}>
                             <Toggle checked={isThemeDark}
-                                onToggleChange={toggle => {props.switchDarkTheme(!toggle), setIsThemeDark(!toggle)}}>
+                                onToggleChange={toggle => {Themes.switchDarkTheme(!toggle), setIsThemeDark(!toggle)}}>
                             </Toggle>
                         </ListItem>
                     </List>
diff --git a/apps/presentationeditor/mobile/locale/en.json b/apps/presentationeditor/mobile/locale/en.json
index 6cc90a707..1ea925633 100644
--- a/apps/presentationeditor/mobile/locale/en.json
+++ b/apps/presentationeditor/mobile/locale/en.json
@@ -466,7 +466,8 @@
       "txtScheme6": "Concourse",
       "txtScheme7": "Equity",
       "txtScheme8": "Flow",
-      "txtScheme9": "Foundry"
+      "txtScheme9": "Foundry",
+      "textDarkTheme": "Dark Theme"
     }
   }
 }
\ No newline at end of file
diff --git a/apps/presentationeditor/mobile/src/controller/settings/ApplicationSettings.jsx b/apps/presentationeditor/mobile/src/controller/settings/ApplicationSettings.jsx
index fce2d7d05..93428d9e9 100644
--- a/apps/presentationeditor/mobile/src/controller/settings/ApplicationSettings.jsx
+++ b/apps/presentationeditor/mobile/src/controller/settings/ApplicationSettings.jsx
@@ -2,6 +2,7 @@ import React, { Component } from "react";
 import { ApplicationSettings } from "../../view/settings/ApplicationSettings";
 import { LocalStorage } from '../../../../../common/mobile/utils/LocalStorage';
 import {observer, inject} from "mobx-react";
+import { Themes } from '../../../../../common/mobile/lib/controller/Themes.js';
 
 class ApplicationSettingsController extends Component {
     constructor(props) {
@@ -26,13 +27,12 @@ class ApplicationSettingsController extends Component {
         LocalStorage.setItem("pe-mobile-macros-mode", value);
     }
 
-
     render() {
         return (
             <ApplicationSettings 
                 setUnitMeasurement={this.setUnitMeasurement}
                 switchSpellCheck={this.switchSpellCheck} 
-                setMacrosSettings={this.setMacrosSettings}               
+                setMacrosSettings={this.setMacrosSettings}
             />
         )
     }
diff --git a/apps/presentationeditor/mobile/src/less/app-ios.less b/apps/presentationeditor/mobile/src/less/app-ios.less
index 71f59edee..84d3fca96 100644
--- a/apps/presentationeditor/mobile/src/less/app-ios.less
+++ b/apps/presentationeditor/mobile/src/less/app-ios.less
@@ -1,7 +1,7 @@
 .device-ios {
     .view {
         .page-content{
-            background: #fff;
+            background: @background-tertiary;
         }
     }
 }
diff --git a/apps/presentationeditor/mobile/src/less/app-material.less b/apps/presentationeditor/mobile/src/less/app-material.less
index 82d6f5c70..a76684757 100644
--- a/apps/presentationeditor/mobile/src/less/app-material.less
+++ b/apps/presentationeditor/mobile/src/less/app-material.less
@@ -5,9 +5,9 @@
 
 
 .device-android {
-    --f7-navbar-bg-color: @themeColor;
-    --f7-navbar-link-color: @navBarIconColor;
-    --f7-navbar-text-color: @navBarIconColor;
+    --f7-navbar-bg-color: @brandColor;
+    --f7-navbar-link-color: @text-link;
+    --f7-navbar-text-color: @text-normal;
 
     // Main Toolbar
     #editor-navbar.navbar .right {
diff --git a/apps/presentationeditor/mobile/src/less/app.less b/apps/presentationeditor/mobile/src/less/app.less
index 549cb860b..2c4ed09f5 100644
--- a/apps/presentationeditor/mobile/src/less/app.less
+++ b/apps/presentationeditor/mobile/src/less/app.less
@@ -1,10 +1,27 @@
-@themeColor: #aa5252;
-
 @import '../../../../../vendor/framework7-react/node_modules/framework7/less/mixins.less';
-
 @import '../../../../common/mobile/resources/less/_mixins.less';
 @import '../../../../common/mobile/resources/less/colors-table.less';
 @import '../../../../common/mobile/resources/less/colors-table-dark.less';
+
+@brandColor: var(--brand-slide);
+
+.device-ios {
+    --toolbar-background: var(--background-primary, #fff);
+    --toolbar-segment: var(--brand-slide, #aa5252);
+    --toolbar-icons: var(--brand-slide, #aa5252);
+}
+.device-android {
+    --toolbar-background: var(--brand-slide, #aa5252);
+
+    .theme-type-dark {
+        --toolbar-icons: var(--brand-slide, #aa5252);
+    }
+}
+
+@toolbar-background: var(--toolbar-background);
+@toolbar-segment: var(--toolbar-segment);
+@button-active-opacity: var(--active-opacity-slide);
+
 @import '../../../../common/mobile/resources/less/collaboration.less';
 @import '../../../../common/mobile/resources/less/common.less';
 @import '../../../../common/mobile/resources/less/common-ios.less';
diff --git a/apps/presentationeditor/mobile/src/less/icons-ios.less b/apps/presentationeditor/mobile/src/less/icons-ios.less
index a24403d20..3c7a619c5 100644
--- a/apps/presentationeditor/mobile/src/less/icons-ios.less
+++ b/apps/presentationeditor/mobile/src/less/icons-ios.less
@@ -4,247 +4,247 @@
     &.icon-search {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M15.8,15c1.4-1.6,2.2-3.7,2.2-5.9c0-5-4-9-9-9C4,0,0,4,0,9c0,5,4,9,9,9c2.3,0,4.4-0.9,5.9-2.2l5.8,5.8l0.2-0.6l0.7-0.2L15.8,15z M9,17c-4.4,0-8-3.6-8-8c0-4.4,3.6-8,8-8c4.4,0,8,3.6,8,8C17,13.5,13.5,17,9,17z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M15.8,15c1.4-1.6,2.2-3.7,2.2-5.9c0-5-4-9-9-9C4,0,0,4,0,9c0,5,4,9,9,9c2.3,0,4.4-0.9,5.9-2.2l5.8,5.8l0.2-0.6l0.7-0.2L15.8,15z M9,17c-4.4,0-8-3.6-8-8c0-4.4,3.6-8,8-8c4.4,0,8,3.6,8,8C17,13.5,13.5,17,9,17z"/></g></svg>');
     }
 
     &.icon-burger {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><rect x="2" y="17" width="18" height="1"/><rect x="2" y="13" width="18" height="1"/><rect x="2" y="9" width="18" height="1"/><rect x="2" y="5" width="18" height="1"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><rect x="2" y="17" width="18" height="1"/><rect x="2" y="13" width="18" height="1"/><rect x="2" y="9" width="18" height="1"/><rect x="2" y="5" width="18" height="1"/></g></svg>');
     }
 
     &.icon-edit-settings {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M8 1L3 15h1.19995l1.77686-5h5.04638l.61573 1.7325.87988-.87988L9 1zm.5 1.9L10.66772 9H6.33228z" clip-rule="evenodd" fill-rule="evenodd"/><path d="M18.3 11.3l-9.2 9.1-1.5-1.5 9.2-9.1-.7-.7-9.6 9.6L6 22l3.3-.5 9.6-9.6zm1.2 0L21 9.8s-.2-1.2-.9-1.9c-.7-.8-1.9-.9-1.9-.9l-1.5 1.5z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22"><g><path d="M8 1L3 15h1.19995l1.77686-5h5.04638l.61573 1.7325.87988-.87988L9 1zm.5 1.9L10.66772 9H6.33228z" clip-rule="evenodd" fill-rule="evenodd"/><path d="M18.3 11.3l-9.2 9.1-1.5-1.5 9.2-9.1-.7-.7-9.6 9.6L6 22l3.3-.5 9.6-9.6zm1.2 0L21 9.8s-.2-1.2-.9-1.9c-.7-.8-1.9-.9-1.9-.9l-1.5 1.5z"/></g></svg>');
     }
 
     &.icon-play {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M4.0464363,2.9884553c0.006526,0.00296,0.0142345,0.006835,0.0231438,0.0119021 c0.5908604,0.3357637,12.7118397,7.2924433,13.8977489,8.0268402c-0.5831585,0.3417759-13.0137587,7.4879274-13.934659,7.9826727 L4.0464363,2.9884553 M3.9889357,2C3.4427795,2.0000577,3.000525,2.4533575,3.000525,3.015348	c0,0.573487,0,15.1632957,0,15.9945221C3.000525,19.622963,3.4796104,20,3.9940588,20 c0.1729372,0,0.3499191-0.0426311,0.5139763-0.1332226c0.8905602-0.491045,13.1880894-7.5583372,13.9407387-7.9994459 c0.6751213-0.3955202,0.6867313-1.337512,0-1.7326603C17.4031754,9.5333271,5.1523852,2.501852,4.5393953,2.1535165 C4.3526201,2.0472794,4.165401,1.9999813,3.9889357,2L3.9889357,2z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M4.0464363,2.9884553c0.006526,0.00296,0.0142345,0.006835,0.0231438,0.0119021 c0.5908604,0.3357637,12.7118397,7.2924433,13.8977489,8.0268402c-0.5831585,0.3417759-13.0137587,7.4879274-13.934659,7.9826727 L4.0464363,2.9884553 M3.9889357,2C3.4427795,2.0000577,3.000525,2.4533575,3.000525,3.015348	c0,0.573487,0,15.1632957,0,15.9945221C3.000525,19.622963,3.4796104,20,3.9940588,20 c0.1729372,0,0.3499191-0.0426311,0.5139763-0.1332226c0.8905602-0.491045,13.1880894-7.5583372,13.9407387-7.9994459 c0.6751213-0.3955202,0.6867313-1.337512,0-1.7326603C17.4031754,9.5333271,5.1523852,2.501852,4.5393953,2.1535165 C4.3526201,2.0472794,4.165401,1.9999813,3.9889357,2L3.9889357,2z"/></g></svg>');
     }
 
     &.icon-undo {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M22,16v2h-1v-2l0,0c0-2.9-2.1-5-5-5l0,0H1.9L5,14c0.1,0.1,0.1,0.2,0,0.3l-0.4,0.4c-0.1,0.1-0.2,0.1-0.3,0l-4.2-4.2c-0.1-0.1-0.1-0.2,0-0.3l0.4-0.4h0.1L4.4,6c0.1-0.1,0.2-0.1,0.3,0l0.5,0.4c0.1,0.1,0.1,0.2,0,0.3L1.9,10H16l0,0C19.3,10,22,12.7,22,16L22,16z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M22,16v2h-1v-2l0,0c0-2.9-2.1-5-5-5l0,0H1.9L5,14c0.1,0.1,0.1,0.2,0,0.3l-0.4,0.4c-0.1,0.1-0.2,0.1-0.3,0l-4.2-4.2c-0.1-0.1-0.1-0.2,0-0.3l0.4-0.4h0.1L4.4,6c0.1-0.1,0.2-0.1,0.3,0l0.5,0.4c0.1,0.1,0.1,0.2,0,0.3L1.9,10H16l0,0C19.3,10,22,12.7,22,16L22,16z"/></g></svg>');
     }
 
     &.icon-redo {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M0,16c0-3.3,2.7-6,6-6v0h14.1l-3.3-3.3c-0.1-0.1-0.1-0.2,0-0.3L17.3,6c0.1-0.1,0.2-0.1,0.3,0l3.8,3.8c0,0,0.1,0,0.1,0l0.4,0.4c0.1,0.1,0.1,0.2,0,0.3l-4.2,4.2c-0.1,0.1-0.2,0.1-0.3,0l-0.4-0.4c-0.1-0.1-0.1-0.2,0-0.3l3.1-3H6v0c-2.9,0-5,2.1-5,5h0v2H0L0,16L0,16z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M0,16c0-3.3,2.7-6,6-6v0h14.1l-3.3-3.3c-0.1-0.1-0.1-0.2,0-0.3L17.3,6c0.1-0.1,0.2-0.1,0.3,0l3.8,3.8c0,0,0.1,0,0.1,0l0.4,0.4c0.1,0.1,0.1,0.2,0,0.3l-4.2,4.2c-0.1,0.1-0.2,0.1-0.3,0l-0.4-0.4c-0.1-0.1-0.1-0.2,0-0.3l3.1-3H6v0c-2.9,0-5,2.1-5,5h0v2H0L0,16L0,16z"/></g></svg>');
     }
 
     &.icon-reader {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M17,21H1V9h6V2l0,0h10v5h1V1H6.2L0,7.6V22h18v-3h-1V21z M6,2.8V8H1.1L6,2.8z M13,8c-5.1,0-9,5-9,5s4.1,5,9,5c5,0,9-5,9-5S18,8,13,8z M8.7,15.5C6.8,14.4,6.4,13,6.4,13s0.4-1.5,2.4-2.6C8.3,11.2,8,12,8,13C8,13.9,8.3,14.8,8.7,15.5z M13,16.7c-2.1,0-3.7-1.7-3.7-3.7c0-2.1,1.7-3.7,3.7-3.7c2.1,0,3.7,1.7,3.7,3.7C16.7,15.1,15.1,16.7,13,16.7z M17.3,15.5c0.4-0.7,0.7-1.6,0.7-2.5c0-1-0.3-1.8-0.7-2.6c2,1.1,3.4,2.6,3.4,2.6S19.2,14.4,17.3,15.5z M13,11.7c-0.7,0-1.3,0.6-1.3,1.3s0.6,1.3,1.3,1.3s1.3-0.6,1.3-1.3S13.7,11.7,13,11.7z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M17,21H1V9h6V2l0,0h10v5h1V1H6.2L0,7.6V22h18v-3h-1V21z M6,2.8V8H1.1L6,2.8z M13,8c-5.1,0-9,5-9,5s4.1,5,9,5c5,0,9-5,9-5S18,8,13,8z M8.7,15.5C6.8,14.4,6.4,13,6.4,13s0.4-1.5,2.4-2.6C8.3,11.2,8,12,8,13C8,13.9,8.3,14.8,8.7,15.5z M13,16.7c-2.1,0-3.7-1.7-3.7-3.7c0-2.1,1.7-3.7,3.7-3.7c2.1,0,3.7,1.7,3.7,3.7C16.7,15.1,15.1,16.7,13,16.7z M17.3,15.5c0.4-0.7,0.7-1.6,0.7-2.5c0-1-0.3-1.8-0.7-2.6c2,1.1,3.4,2.6,3.4,2.6S19.2,14.4,17.3,15.5z M13,11.7c-0.7,0-1.3,0.6-1.3,1.3s0.6,1.3,1.3,1.3s1.3-0.6,1.3-1.3S13.7,11.7,13,11.7z"/></g></svg>');
     }
 
     &.icon-download {
       width: 22px;
-      height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" y="0px" x="0px" fill="@{themeColor}"><path d="M12 0H11L11 14L7.39999 10.3L6.69999 11.1L11.5 16L16.3 11.1L15.6 10.3L12 14L12 0Z"/><path d="M14 5V6H19V20H4V6H9V5H3V21H20V5H14Z"/></svg>');
+      height: 22px;
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" y="0px" x="0px" fill="@{brandColor}"><path d="M12 0H11L11 14L7.39999 10.3L6.69999 11.1L11.5 16L16.3 11.1L15.6 10.3L12 14L12 0Z"/><path d="M14 5V6H19V20H4V6H9V5H3V21H20V5H14Z"/></svg>');
     }
 
     &.icon-print {
       width: 22px;
-      height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-0 0 22 22" y="0px" x="0px" fill="@{themeColor}"><g><path fill-rule="evenodd" clip-rule="evenodd" d="M5 1H17V6H21V17H17V21H5V17H1V6H5V1ZM6 6H16V2H6V6ZM5 16V13H2V16H5ZM2 12H20V7H2V12ZM20 13H17V16H20V13ZM16 13H6V20H16V13ZM14 16H8V15H14V16ZM14 18H8V17H14V18Z"/></g></svg>');
+      height: 22px;
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-0 0 22 22" y="0px" x="0px" fill="@{brandColor}"><g><path fill-rule="evenodd" clip-rule="evenodd" d="M5 1H17V6H21V17H17V21H5V17H1V6H5V1ZM6 6H16V2H6V6ZM5 16V13H2V16H5ZM2 12H20V7H2V12ZM20 13H17V16H20V13ZM16 13H6V20H16V13ZM14 16H8V15H14V16ZM14 18H8V17H14V18Z"/></g></svg>');
     }
 
     &.icon-spellcheck {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path fill-rule="evenodd" clip-rule="evenodd" d="M8 1L3 15H4.2L5.97686 10H11.0231L11.6768 11.8394C11.955 11.5504 12.262 11.2892 12.593 11.0605L9 1H8ZM8.5 2.9L10.6678 9H6.33223L8.5 2.9Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16 21C18.7614 21 21 18.7614 21 16C21 13.2386 18.7614 11 16 11C13.2386 11 11 13.2386 11 16C11 18.7614 13.2386 21 16 21ZM15.3536 18.3536L19.3536 14.3536L18.6464 13.6464L15 17.2929L13.3536 15.6464L12.6464 16.3536L14.6464 18.3536L15 18.7071L15.3536 18.3536Z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path fill-rule="evenodd" clip-rule="evenodd" d="M8 1L3 15H4.2L5.97686 10H11.0231L11.6768 11.8394C11.955 11.5504 12.262 11.2892 12.593 11.0605L9 1H8ZM8.5 2.9L10.6678 9H6.33223L8.5 2.9Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16 21C18.7614 21 21 18.7614 21 16C21 13.2386 18.7614 11 16 11C13.2386 11 11 13.2386 11 16C11 18.7614 13.2386 21 16 21ZM15.3536 18.3536L19.3536 14.3536L18.6464 13.6464L15 17.2929L13.3536 15.6464L12.6464 16.3536L14.6464 18.3536L15 18.7071L15.3536 18.3536Z"/></g></svg>');
     }
 
     &.icon-info {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M10,17h2V8h-2V17z M11,1C5.5,1,1,5.5,1,11s4.5,10,10,10s10-4.5,10-10S16.5,1,11,1z M11,20c-5,0-9-4-9-9s4-9,9-9s9,4,9,9S16,20,11,20z M10,7h2V5h-2V7z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M10,17h2V8h-2V17z M11,1C5.5,1,1,5.5,1,11s4.5,10,10,10s10-4.5,10-10S16.5,1,11,1z M11,20c-5,0-9-4-9-9s4-9,9-9s9,4,9,9S16,20,11,20z M10,7h2V5h-2V7z"/></g></svg>');
     }
 
     &.icon-plus {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M22,12H12v10h-1V12H1v-1h10V1h1v10h10V12z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M22,12H12v10h-1V12H1v-1h10V1h1v10h10V12z"/></g></svg>');
     }
 
     &.icon-settings {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M11.8,3l0.4,2c0.1,0.7,0.6,1.1,1.3,1.1c0.3,0,0.5-0.1,0.7-0.2l1.9-1.2l1.1,1.1l-1.1,1.8C15.8,8,15.8,8.5,16,8.9c0.2,0.4,0.5,0.7,1,0.8l2.1,0.5v1.6L17,12.2c-0.5,0.1-0.8,0.4-1,0.8c-0.2,0.4-0.1,0.9,0.1,1.2l1.2,1.9l-1.1,1.1l-1.8-1.1c-0.2-0.2-0.5-0.2-0.8-0.2c-0.6,0-1.2,0.5-1.3,1.1l-0.5,2.1h-1.6l-0.4-2C9.7,16.4,9.2,16,8.5,16c-0.3,0-0.5,0.1-0.7,0.2l-1.9,1.2l-1.1-1.1l1.1-1.8c0.3-0.4,0.3-0.9,0.1-1.3c-0.2-0.4-0.5-0.7-1-0.8l-2.1-0.5v-1.6l2-0.4c0.5-0.1,0.8-0.4,1-0.8C6.1,8.7,6,8.2,5.8,7.9l-1-2l1.1-1.1l1.8,1.1C8,6.1,8.2,6.2,8.5,6.2c0.6,0,1.2-0.5,1.3-1.1L10.3,3H11.8 M11,15.5c2.5,0,4.5-2,4.5-4.5s-2-4.5-4.5-4.5s-4.5,2-4.5,4.5S8.5,15.5,11,15.5 M12.1,2H9.9C9.6,2,9.4,2.2,9.3,2.5L8.8,4.9c0,0.2-0.2,0.3-0.3,0.3s-0.1,0-0.2-0.1L6.2,3.8C6.1,3.7,6,3.7,5.8,3.7c-0.1,0-0.3,0-0.4,0.1L3.8,5.4c-0.1,0.2-0.2,0.5,0,0.8l1.3,2.1c0.1,0.2,0.1,0.4-0.2,0.5L2.5,9.3C2.2,9.4,2,9.6,2,9.9v2.2c0,0.3,0.2,0.5,0.5,0.6l2.4,0.5c0.3,0.1,0.4,0.3,0.2,0.5l-1.3,2.1c-0.2,0.2-0.1,0.6,0.1,0.8l1.6,1.6c0.1,0.1,0.3,0.2,0.4,0.2s0.2,0,0.3-0.1L8.3,17c0.1-0.1,0.1-0.1,0.2-0.1s0.3,0.1,0.3,0.3l0.5,2.3C9.4,19.8,9.6,20,9.9,20h2.2c0.3,0,0.5-0.2,0.6-0.5l0.5-2.4c0-0.2,0.1-0.3,0.3-0.3c0.1,0,0.1,0,0.2,0.1l2.1,1.3c0.1,0.1,0.2,0.1,0.3,0.1c0.2,0,0.3-0.1,0.4-0.2l1.6-1.6c0.2-0.2,0.2-0.5,0.1-0.8l-1.3-2.1c-0.2-0.2-0.1-0.5,0.2-0.5l2.4-0.5c0.3-0.1,0.5-0.3,0.5-0.6V9.8c0-0.3-0.2-0.5-0.5-0.6l-2.4-0.5c-0.3-0.1-0.4-0.3-0.2-0.5l1.3-2.1c0.2-0.2,0.1-0.6-0.1-0.8l-1.6-1.6c-0.1-0.1-0.3-0.2-0.4-0.2c-0.1,0-0.2,0-0.3,0.1l-2.1,1.3C13.6,5,13.6,5,13.5,5c-0.1,0-0.3-0.1-0.3-0.3l-0.5-2.2C12.6,2.2,12.4,2,12.1,2L12.1,2z M11,14.5c-1.9,0-3.5-1.6-3.5-3.5S9.1,7.5,11,7.5s3.5,1.6,3.5,3.5S12.9,14.5,11,14.5L11,14.5z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M11.8,3l0.4,2c0.1,0.7,0.6,1.1,1.3,1.1c0.3,0,0.5-0.1,0.7-0.2l1.9-1.2l1.1,1.1l-1.1,1.8C15.8,8,15.8,8.5,16,8.9c0.2,0.4,0.5,0.7,1,0.8l2.1,0.5v1.6L17,12.2c-0.5,0.1-0.8,0.4-1,0.8c-0.2,0.4-0.1,0.9,0.1,1.2l1.2,1.9l-1.1,1.1l-1.8-1.1c-0.2-0.2-0.5-0.2-0.8-0.2c-0.6,0-1.2,0.5-1.3,1.1l-0.5,2.1h-1.6l-0.4-2C9.7,16.4,9.2,16,8.5,16c-0.3,0-0.5,0.1-0.7,0.2l-1.9,1.2l-1.1-1.1l1.1-1.8c0.3-0.4,0.3-0.9,0.1-1.3c-0.2-0.4-0.5-0.7-1-0.8l-2.1-0.5v-1.6l2-0.4c0.5-0.1,0.8-0.4,1-0.8C6.1,8.7,6,8.2,5.8,7.9l-1-2l1.1-1.1l1.8,1.1C8,6.1,8.2,6.2,8.5,6.2c0.6,0,1.2-0.5,1.3-1.1L10.3,3H11.8 M11,15.5c2.5,0,4.5-2,4.5-4.5s-2-4.5-4.5-4.5s-4.5,2-4.5,4.5S8.5,15.5,11,15.5 M12.1,2H9.9C9.6,2,9.4,2.2,9.3,2.5L8.8,4.9c0,0.2-0.2,0.3-0.3,0.3s-0.1,0-0.2-0.1L6.2,3.8C6.1,3.7,6,3.7,5.8,3.7c-0.1,0-0.3,0-0.4,0.1L3.8,5.4c-0.1,0.2-0.2,0.5,0,0.8l1.3,2.1c0.1,0.2,0.1,0.4-0.2,0.5L2.5,9.3C2.2,9.4,2,9.6,2,9.9v2.2c0,0.3,0.2,0.5,0.5,0.6l2.4,0.5c0.3,0.1,0.4,0.3,0.2,0.5l-1.3,2.1c-0.2,0.2-0.1,0.6,0.1,0.8l1.6,1.6c0.1,0.1,0.3,0.2,0.4,0.2s0.2,0,0.3-0.1L8.3,17c0.1-0.1,0.1-0.1,0.2-0.1s0.3,0.1,0.3,0.3l0.5,2.3C9.4,19.8,9.6,20,9.9,20h2.2c0.3,0,0.5-0.2,0.6-0.5l0.5-2.4c0-0.2,0.1-0.3,0.3-0.3c0.1,0,0.1,0,0.2,0.1l2.1,1.3c0.1,0.1,0.2,0.1,0.3,0.1c0.2,0,0.3-0.1,0.4-0.2l1.6-1.6c0.2-0.2,0.2-0.5,0.1-0.8l-1.3-2.1c-0.2-0.2-0.1-0.5,0.2-0.5l2.4-0.5c0.3-0.1,0.5-0.3,0.5-0.6V9.8c0-0.3-0.2-0.5-0.5-0.6l-2.4-0.5c-0.3-0.1-0.4-0.3-0.2-0.5l1.3-2.1c0.2-0.2,0.1-0.6-0.1-0.8l-1.6-1.6c-0.1-0.1-0.3-0.2-0.4-0.2c-0.1,0-0.2,0-0.3,0.1l-2.1,1.3C13.6,5,13.6,5,13.5,5c-0.1,0-0.3-0.1-0.3-0.3l-0.5-2.2C12.6,2.2,12.4,2,12.1,2L12.1,2z M11,14.5c-1.9,0-3.5-1.6-3.5-3.5S9.1,7.5,11,7.5s3.5,1.6,3.5,3.5S12.9,14.5,11,14.5L11,14.5z"/></g></svg>');
     }
 
     &.icon-about {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-1 7 22 22" fill="@{themeColor}"><g><path d="M21,18.5c0-0.3-0.1-0.6-0.7-0.9l-2.6-1.2l2.6-1.2c0.6-0.3,0.7-0.6,0.7-0.9c0-0.3-0.1-0.6-0.7-0.9l-8.9-4.1c-0.7-0.4-1.9-0.4-2.8,0l-8.9,4.1C-0.9,13.8-1,14.1-1,14.3s0.1,0.6,0.7,0.9l2.6,1.2l-2.6,1.2C-0.9,18-1,18.4-1,18.5c0,0.2,0.1,0.6,0.7,0.9l2.5,1.2l-2.5,1.2C-0.9,22.1-1,22.5-1,22.7c0,0.3,0.1,0.6,0.7,0.9l8.9,4.1c0.5,0.2,0.8,0.3,1.4,0.3s1-0.1,1.4-0.3l8.9-4.1c0.6-0.4,0.7-0.6,0.7-0.9c0-0.3-0.1-0.6-0.7-0.9l-2.5-1.2l2.5-1.2C20.9,19.2,21,18.8,21,18.5z M-0.2,14.3L-0.2,14.3c0,0,0.1-0.1,0.3-0.2L9,10c0.6-0.3,1.5-0.3,2,0l8.9,4.1c0.2,0.1,0.3,0.2,0.3,0.2l0,0c0,0-0.1,0.1-0.3,0.2L11,18.6c-0.6,0.3-1.5,0.3-2,0l-8.9-4.1C-0.1,14.4-0.2,14.3-0.2,14.3z M20.2,22.7L20.2,22.7c0,0-0.1,0.1-0.3,0.2L11,27.1c-0.6,0.3-1.5,0.3-2,0l-8.9-4.1c-0.2-0.1-0.3-0.2-0.3-0.2l0,0c0,0,0.1-0.1,0.3-0.2l3-1.5l5.5,2.6c0.7,0.4,1.9,0.4,2.8,0l5.5-2.6l3,1.5C20.1,22.7,20.2,22.7,20.2,22.7z M19.9,18.7L11,22.8c-0.6,0.3-1.5,0.3-2,0l-8.9-4.1c-0.2-0.1-0.3-0.2-0.3-0.2l0,0c0,0,0.1-0.1,0.3-0.2l3-1.5l5.5,2.6c0.7,0.4,1.9,0.4,2.8,0l5.5-2.6l3,1.5c0.2,0.1,0.3,0.2,0.3,0.2l0,0C20.2,18.5,20.1,18.6,19.9,18.7z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-1 7 22 22" fill="@{brandColor}"><g><path d="M21,18.5c0-0.3-0.1-0.6-0.7-0.9l-2.6-1.2l2.6-1.2c0.6-0.3,0.7-0.6,0.7-0.9c0-0.3-0.1-0.6-0.7-0.9l-8.9-4.1c-0.7-0.4-1.9-0.4-2.8,0l-8.9,4.1C-0.9,13.8-1,14.1-1,14.3s0.1,0.6,0.7,0.9l2.6,1.2l-2.6,1.2C-0.9,18-1,18.4-1,18.5c0,0.2,0.1,0.6,0.7,0.9l2.5,1.2l-2.5,1.2C-0.9,22.1-1,22.5-1,22.7c0,0.3,0.1,0.6,0.7,0.9l8.9,4.1c0.5,0.2,0.8,0.3,1.4,0.3s1-0.1,1.4-0.3l8.9-4.1c0.6-0.4,0.7-0.6,0.7-0.9c0-0.3-0.1-0.6-0.7-0.9l-2.5-1.2l2.5-1.2C20.9,19.2,21,18.8,21,18.5z M-0.2,14.3L-0.2,14.3c0,0,0.1-0.1,0.3-0.2L9,10c0.6-0.3,1.5-0.3,2,0l8.9,4.1c0.2,0.1,0.3,0.2,0.3,0.2l0,0c0,0-0.1,0.1-0.3,0.2L11,18.6c-0.6,0.3-1.5,0.3-2,0l-8.9-4.1C-0.1,14.4-0.2,14.3-0.2,14.3z M20.2,22.7L20.2,22.7c0,0-0.1,0.1-0.3,0.2L11,27.1c-0.6,0.3-1.5,0.3-2,0l-8.9-4.1c-0.2-0.1-0.3-0.2-0.3-0.2l0,0c0,0,0.1-0.1,0.3-0.2l3-1.5l5.5,2.6c0.7,0.4,1.9,0.4,2.8,0l5.5-2.6l3,1.5C20.1,22.7,20.2,22.7,20.2,22.7z M19.9,18.7L11,22.8c-0.6,0.3-1.5,0.3-2,0l-8.9-4.1c-0.2-0.1-0.3-0.2-0.3-0.2l0,0c0,0,0.1-0.1,0.3-0.2l3-1.5l5.5,2.6c0.7,0.4,1.9,0.4,2.8,0l5.5-2.6l3,1.5c0.2,0.1,0.3,0.2,0.3,0.2l0,0C20.2,18.5,20.1,18.6,19.9,18.7z"/></g></svg>');
     }
 
     &.icon-help {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M11.6,1.3c-3.3,0-6,2.8-6,6.2c0.3,0,0.7,0,0.9,0c0-2.9,2.3-5.2,5.1-5.2s5.1,2.3,5.1,5.2c0,1.7-1.9,3.2-3,4.3C12.9,12.6,11,14.2,11,16c0,1.2,0,2.2,0,2.7c0.3,0,0.6,0,0.9,0c0-0.6,0-1.6,0-2.5c0-1.4,1.1-2.4,2.2-3.5c1.7-1.5,3.5-3.1,3.5-5.2C17.6,4.1,14.9,1.3,11.6,1.3z M11.5,20.2c-0.3,0-0.5,0.2-0.5,0.5v0.8c0,0.3,0.2,0.5,0.5,0.5s0.5-0.2,0.5-0.5v-0.8C11.9,20.4,11.7,20.2,11.5,20.2z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M11.6,1.3c-3.3,0-6,2.8-6,6.2c0.3,0,0.7,0,0.9,0c0-2.9,2.3-5.2,5.1-5.2s5.1,2.3,5.1,5.2c0,1.7-1.9,3.2-3,4.3C12.9,12.6,11,14.2,11,16c0,1.2,0,2.2,0,2.7c0.3,0,0.6,0,0.9,0c0-0.6,0-1.6,0-2.5c0-1.4,1.1-2.4,2.2-3.5c1.7-1.5,3.5-3.1,3.5-5.2C17.6,4.1,14.9,1.3,11.6,1.3z M11.5,20.2c-0.3,0-0.5,0.2-0.5,0.5v0.8c0,0.3,0.2,0.5,0.5,0.5s0.5-0.2,0.5-0.5v-0.8C11.9,20.4,11.7,20.2,11.5,20.2z"/></g></svg>');
     }
 
     &.icon-setup {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M0,3v16h22V3H0z M21,17H1V5h20V17z M16.5,5.9l-7.2,7.2L8.8,15H4v1c0,0,3.2,0,5,0c0.4,0,0.2,0,0.2-0.2l2.2-0.6L18.7,8L16.5,5.9z M9.9,13.1l6.5-6.4L18,8l-6.5,6.4L9.9,13.1z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M0,3v16h22V3H0z M21,17H1V5h20V17z M16.5,5.9l-7.2,7.2L8.8,15H4v1c0,0,3.2,0,5,0c0.4,0,0.2,0,0.2-0.2l2.2-0.6L18.7,8L16.5,5.9z M9.9,13.1l6.5-6.4L18,8l-6.5,6.4L9.9,13.1z"/></g></svg>');
     }
 
     &.icon-versions {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-1 7 22 22" fill="@{themeColor}"><g><path d="M19,12c0-1.1-0.9-2-2-2c0-1.1-0.9-2-2-2H5c-1.1,0-2,0.9-2,2c-1.1,0-2,0.9-2,2c-1.1,0-2,0.9-2,2v12c0,1.1,0.9,2,2,2h18c1.1,0,2-0.9,2-2V14C21,12.9,20.1,12,19,12z M5,9h10c0.6,0,1,0.4,1,1H4C4,9.4,4.4,9,5,9z M3,11h14c0.6,0,1,0.4,1,1H2C2,11.4,2.4,11,3,11z M20,26c0,0.6-0.4,1-1,1H1c-0.6,0-1-0.4-1-1V14c0-0.6,0.4-1,1-1h18c0.6,0,1,0.4,1,1V26z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-1 7 22 22" fill="@{brandColor}"><g><path d="M19,12c0-1.1-0.9-2-2-2c0-1.1-0.9-2-2-2H5c-1.1,0-2,0.9-2,2c-1.1,0-2,0.9-2,2c-1.1,0-2,0.9-2,2v12c0,1.1,0.9,2,2,2h18c1.1,0,2-0.9,2-2V14C21,12.9,20.1,12,19,12z M5,9h10c0.6,0,1,0.4,1,1H4C4,9.4,4.4,9,5,9z M3,11h14c0.6,0,1,0.4,1,1H2C2,11.4,2.4,11,3,11z M20,26c0,0.6-0.4,1-1,1H1c-0.6,0-1-0.4-1-1V14c0-0.6,0.4-1,1-1h18c0.6,0,1,0.4,1,1V26z"/></g></svg>');
     }
 
     &.icon-text-additional {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M18.5,15.5c-1.1,0-2,0.9-2,2s0.9,2,2,2s2-0.9,2-2S19.6,15.5,18.5,15.5z M18.5,18.5c-0.6,0-1-0.4-1-1c0-0.6,0.4-1,1-1s1,0.4,1,1C19.5,18.1,19.1,18.5,18.5,18.5z M18.5,7.5c1.1,0,2-0.9,2-2c0-1.1-0.9-2-2-2s-2,0.9-2,2C16.5,6.6,17.4,7.5,18.5,7.5z M18.5,4.5c0.6,0,1,0.4,1,1s-0.4,1-1,1s-1-0.4-1-1S17.9,4.5,18.5,4.5z M18.5,9.5c-1.1,0-2,0.9-2,2s0.9,2,2,2s2-0.9,2-2S19.6,9.5,18.5,9.5z M18.5,12.5c-0.6,0-1-0.4-1-1c0-0.6,0.4-1,1-1s1,0.4,1,1C19.5,12.1,19.1,12.5,18.5,12.5z M6.9,3.8L1,18.9h1.5l1.8-4.7h6.9l1.7,4.7h1.5L8.6,3.8H6.9z M4.7,12.9l3-7.9l3,7.9H4.7z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M18.5,15.5c-1.1,0-2,0.9-2,2s0.9,2,2,2s2-0.9,2-2S19.6,15.5,18.5,15.5z M18.5,18.5c-0.6,0-1-0.4-1-1c0-0.6,0.4-1,1-1s1,0.4,1,1C19.5,18.1,19.1,18.5,18.5,18.5z M18.5,7.5c1.1,0,2-0.9,2-2c0-1.1-0.9-2-2-2s-2,0.9-2,2C16.5,6.6,17.4,7.5,18.5,7.5z M18.5,4.5c0.6,0,1,0.4,1,1s-0.4,1-1,1s-1-0.4-1-1S17.9,4.5,18.5,4.5z M18.5,9.5c-1.1,0-2,0.9-2,2s0.9,2,2,2s2-0.9,2-2S19.6,9.5,18.5,9.5z M18.5,12.5c-0.6,0-1-0.4-1-1c0-0.6,0.4-1,1-1s1,0.4,1,1C19.5,12.1,19.1,12.5,18.5,12.5z M6.9,3.8L1,18.9h1.5l1.8-4.7h6.9l1.7,4.7h1.5L8.6,3.8H6.9z M4.7,12.9l3-7.9l3,7.9H4.7z"/></g></svg>');
     }
 
     &.icon-text-color {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M8.9,12l2.3-6.3l2.2,6.3H8.9z M4.7,17.8h2l1.6-4.3h5.6l1.5,4.3h2.1L12.3,3.5h-2.2L4.7,17.8z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M8.9,12l2.3-6.3l2.2,6.3H8.9z M4.7,17.8h2l1.6-4.3h5.6l1.5,4.3h2.1L12.3,3.5h-2.2L4.7,17.8z"/></g></svg>');
     }
 
     &.icon-text-selection {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M7.6,10.3c0.2,0.3,0.4,0.4,0.5,0.5c0.3,0.2,0.6,0.3,1,0.3c0.7,0,1.3-0.3,1.7-0.8c0.4-0.5,0.6-1.2,0.6-2.1c0-0.9-0.2-1.5-0.6-2c-0.4-0.4-0.9-0.7-1.6-0.7c-0.3,0-0.6,0.1-0.9,0.2C8,6,7.8,6.2,7.6,6.4V3.8H6.8V11h0.8V10.3z M8,6.9c0.3-0.3,0.7-0.4,1.1-0.4c0.5,0,0.8,0.2,1,0.5c0.2,0.4,0.4,0.8,0.4,1.4c0,0.6-0.1,1.1-0.4,1.5c-0.2,0.4-0.6,0.6-1.1,0.6c-0.6,0-1.1-0.3-1.3-0.9C7.6,9.2,7.6,8.8,7.6,8.3C7.6,7.7,7.7,7.2,8,6.9z M5.7,10.4c-0.1,0-0.2,0-0.2-0.1c0-0.1-0.1-0.1-0.1-0.2v-3c0-0.5-0.2-0.9-0.6-1.1C4.4,5.8,4,5.6,3.3,5.6c-0.5,0-1,0.1-1.4,0.4C1.5,6.3,1.3,6.7,1.3,7.4h0.8c0-0.3,0.1-0.5,0.2-0.6c0.2-0.2,0.5-0.4,1-0.4c0.4,0,0.7,0.1,0.9,0.2c0.2,0.1,0.3,0.4,0.3,0.7c0,0.1,0,0.3-0.1,0.3C4.4,7.7,4.3,7.8,4.1,7.8L2.7,8C2.2,8.1,1.8,8.2,1.5,8.5C1.2,8.8,1,9.1,1,9.6c0,0.4,0.2,0.8,0.5,1.1c0.3,0.3,0.7,0.4,1.2,0.4c0.4,0,0.8-0.1,1.1-0.3c0.3-0.2,0.6-0.4,0.8-0.6c0,0.2,0.1,0.4,0.2,0.5c0.1,0.2,0.4,0.3,0.7,0.3c0.1,0,0.2,0,0.3,0c0.1,0,0.2,0,0.3-0.1v-0.6c-0.1,0-0.1,0-0.2,0C5.8,10.4,5.7,10.4,5.7,10.4z M4.5,9.1c0,0.5-0.2,0.9-0.7,1.2c-0.3,0.1-0.6,0.2-0.9,0.2c-0.3,0-0.5-0.1-0.7-0.2C2,10.1,2,9.9,2,9.6C2,9.3,2.1,9,2.4,8.9c0.2-0.1,0.4-0.2,0.7-0.2l0.5-0.1c0.2,0,0.3-0.1,0.5-0.1c0.2,0,0.3-0.1,0.4-0.2V9.1z M18.5,5L8.3,15.3l-0.5,2c-0.6,0.4-1.3,0.3-1.5,0.6c-0.3,0.4,0.9,0.4,1.5,0.3c0.4,0,0.5,0,0.5-0.2l2.2-0.6L20.7,7.1L18.5,5z M9,15.3l9.5-9.5L20,7.1l-9.5,9.5L9,15.3z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M7.6,10.3c0.2,0.3,0.4,0.4,0.5,0.5c0.3,0.2,0.6,0.3,1,0.3c0.7,0,1.3-0.3,1.7-0.8c0.4-0.5,0.6-1.2,0.6-2.1c0-0.9-0.2-1.5-0.6-2c-0.4-0.4-0.9-0.7-1.6-0.7c-0.3,0-0.6,0.1-0.9,0.2C8,6,7.8,6.2,7.6,6.4V3.8H6.8V11h0.8V10.3z M8,6.9c0.3-0.3,0.7-0.4,1.1-0.4c0.5,0,0.8,0.2,1,0.5c0.2,0.4,0.4,0.8,0.4,1.4c0,0.6-0.1,1.1-0.4,1.5c-0.2,0.4-0.6,0.6-1.1,0.6c-0.6,0-1.1-0.3-1.3-0.9C7.6,9.2,7.6,8.8,7.6,8.3C7.6,7.7,7.7,7.2,8,6.9z M5.7,10.4c-0.1,0-0.2,0-0.2-0.1c0-0.1-0.1-0.1-0.1-0.2v-3c0-0.5-0.2-0.9-0.6-1.1C4.4,5.8,4,5.6,3.3,5.6c-0.5,0-1,0.1-1.4,0.4C1.5,6.3,1.3,6.7,1.3,7.4h0.8c0-0.3,0.1-0.5,0.2-0.6c0.2-0.2,0.5-0.4,1-0.4c0.4,0,0.7,0.1,0.9,0.2c0.2,0.1,0.3,0.4,0.3,0.7c0,0.1,0,0.3-0.1,0.3C4.4,7.7,4.3,7.8,4.1,7.8L2.7,8C2.2,8.1,1.8,8.2,1.5,8.5C1.2,8.8,1,9.1,1,9.6c0,0.4,0.2,0.8,0.5,1.1c0.3,0.3,0.7,0.4,1.2,0.4c0.4,0,0.8-0.1,1.1-0.3c0.3-0.2,0.6-0.4,0.8-0.6c0,0.2,0.1,0.4,0.2,0.5c0.1,0.2,0.4,0.3,0.7,0.3c0.1,0,0.2,0,0.3,0c0.1,0,0.2,0,0.3-0.1v-0.6c-0.1,0-0.1,0-0.2,0C5.8,10.4,5.7,10.4,5.7,10.4z M4.5,9.1c0,0.5-0.2,0.9-0.7,1.2c-0.3,0.1-0.6,0.2-0.9,0.2c-0.3,0-0.5-0.1-0.7-0.2C2,10.1,2,9.9,2,9.6C2,9.3,2.1,9,2.4,8.9c0.2-0.1,0.4-0.2,0.7-0.2l0.5-0.1c0.2,0,0.3-0.1,0.5-0.1c0.2,0,0.3-0.1,0.4-0.2V9.1z M18.5,5L8.3,15.3l-0.5,2c-0.6,0.4-1.3,0.3-1.5,0.6c-0.3,0.4,0.9,0.4,1.5,0.3c0.4,0,0.5,0,0.5-0.2l2.2-0.6L20.7,7.1L18.5,5z M9,15.3l9.5-9.5L20,7.1l-9.5,9.5L9,15.3z"/></g></svg>');
     }
 
     &.icon-bullets {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M7,4v1h15V4H7z M1,6h3V3H1V6z M7,12h15v-1H7V12z M1,13h3v-3H1V13z M7,19h15v-1H7V19z M1,20h3v-3H1V20z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M7,4v1h15V4H7z M1,6h3V3H1V6z M7,12h15v-1H7V12z M1,13h3v-3H1V13z M7,19h15v-1H7V19z M1,20h3v-3H1V20z"/></g></svg>');
     }
 
     &.icon-numbers {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M7,3.8v1h15v-1H7z M7,11.8h15v-1H7V11.8z M7,18.8h15v-1H7V18.8z M3.1,6.9h0.7V2H3.3C3.2,2.4,3.1,2.6,2.9,2.7C2.7,2.8,2.4,2.9,2,2.9v0.5h1.2V6.9z M3.3,9C2.6,9,2.1,9.2,1.9,9.7c-0.2,0.3-0.2,0.6-0.2,1h0.6c0-0.3,0.1-0.5,0.1-0.7c0.2-0.3,0.5-0.5,0.9-0.5c0.3,0,0.5,0.1,0.7,0.3s0.3,0.4,0.3,0.7c0,0.2-0.1,0.5-0.3,0.7c-0.1,0.1-0.3,0.3-0.6,0.4l-0.7,0.4c-0.4,0.3-0.7,0.5-0.9,0.9c-0.2,0.3-0.2,0.7-0.3,1.1h3.4v-0.6H2.2c0.1-0.2,0.2-0.5,0.4-0.7c0.1-0.1,0.3-0.2,0.5-0.4L3.6,12c0.4-0.2,0.7-0.4,0.9-0.6c0.3-0.3,0.4-0.6,0.4-1c0-0.4-0.1-0.7-0.4-1C4.3,9.1,3.9,9,3.3,9z M4.1,18.3c0.2-0.1,0.3-0.2,0.4-0.3c0.2-0.2,0.2-0.4,0.2-0.7c0-0.4-0.1-0.7-0.4-1C4,16.1,3.6,16,3.1,16c-0.6,0-1.1,0.2-1.3,0.7c-0.1,0.3-0.2,0.6-0.2,0.9h0.6c0-0.3,0.1-0.5,0.1-0.6c0.2-0.3,0.4-0.4,0.9-0.4c0.2,0,0.4,0.1,0.6,0.2C4,16.9,4.1,17,4.1,17.3c0,0.3-0.1,0.6-0.4,0.7c-0.1,0.1-0.3,0.1-0.6,0.1c-0.1,0-0.1,0-0.1,0c0,0-0.1,0-0.2,0v0.5c0,0,0.1,0,0.1,0c0,0,0.1,0,0.1,0c0.4,0,0.7,0.1,0.9,0.2c0.2,0.1,0.3,0.4,0.3,0.7c0,0.3-0.1,0.5-0.3,0.7c-0.2,0.2-0.5,0.3-0.8,0.3c-0.4,0-0.7-0.1-0.9-0.4c-0.1-0.1-0.2-0.4-0.2-0.7H1.5c0,0.5,0.1,0.8,0.4,1.2C2.1,20.8,2.5,21,3.1,21c0.6,0,1-0.1,1.3-0.4c0.3-0.3,0.5-0.7,0.5-1.1c0-0.3-0.1-0.5-0.2-0.7C4.5,18.5,4.3,18.3,4.1,18.3z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M7,3.8v1h15v-1H7z M7,11.8h15v-1H7V11.8z M7,18.8h15v-1H7V18.8z M3.1,6.9h0.7V2H3.3C3.2,2.4,3.1,2.6,2.9,2.7C2.7,2.8,2.4,2.9,2,2.9v0.5h1.2V6.9z M3.3,9C2.6,9,2.1,9.2,1.9,9.7c-0.2,0.3-0.2,0.6-0.2,1h0.6c0-0.3,0.1-0.5,0.1-0.7c0.2-0.3,0.5-0.5,0.9-0.5c0.3,0,0.5,0.1,0.7,0.3s0.3,0.4,0.3,0.7c0,0.2-0.1,0.5-0.3,0.7c-0.1,0.1-0.3,0.3-0.6,0.4l-0.7,0.4c-0.4,0.3-0.7,0.5-0.9,0.9c-0.2,0.3-0.2,0.7-0.3,1.1h3.4v-0.6H2.2c0.1-0.2,0.2-0.5,0.4-0.7c0.1-0.1,0.3-0.2,0.5-0.4L3.6,12c0.4-0.2,0.7-0.4,0.9-0.6c0.3-0.3,0.4-0.6,0.4-1c0-0.4-0.1-0.7-0.4-1C4.3,9.1,3.9,9,3.3,9z M4.1,18.3c0.2-0.1,0.3-0.2,0.4-0.3c0.2-0.2,0.2-0.4,0.2-0.7c0-0.4-0.1-0.7-0.4-1C4,16.1,3.6,16,3.1,16c-0.6,0-1.1,0.2-1.3,0.7c-0.1,0.3-0.2,0.6-0.2,0.9h0.6c0-0.3,0.1-0.5,0.1-0.6c0.2-0.3,0.4-0.4,0.9-0.4c0.2,0,0.4,0.1,0.6,0.2C4,16.9,4.1,17,4.1,17.3c0,0.3-0.1,0.6-0.4,0.7c-0.1,0.1-0.3,0.1-0.6,0.1c-0.1,0-0.1,0-0.1,0c0,0-0.1,0-0.2,0v0.5c0,0,0.1,0,0.1,0c0,0,0.1,0,0.1,0c0.4,0,0.7,0.1,0.9,0.2c0.2,0.1,0.3,0.4,0.3,0.7c0,0.3-0.1,0.5-0.3,0.7c-0.2,0.2-0.5,0.3-0.8,0.3c-0.4,0-0.7-0.1-0.9-0.4c-0.1-0.1-0.2-0.4-0.2-0.7H1.5c0,0.5,0.1,0.8,0.4,1.2C2.1,20.8,2.5,21,3.1,21c0.6,0,1-0.1,1.3-0.4c0.3-0.3,0.5-0.7,0.5-1.1c0-0.3-0.1-0.5-0.2-0.7C4.5,18.5,4.3,18.3,4.1,18.3z"/></g></svg>');
     }
 
     &.icon-linespacing {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><polygon id="XMLID_7_" points="22,4 22,3 12,3 11,3 1,3 1,4 11,4 11,4.3 8,7.4 8.7,8.1 11,5.7 11,17.3 8.7,14.9 8,15.6 11,18.7 11,19 1,19 1,20 11,20 12,20 22,20 22,19 12,19 12,18.6 15,15.6 14.3,14.9 12,17.2 12,5.8 14.3,8.1 15,7.4 12,4.4 12,4 	"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><polygon id="XMLID_7_" points="22,4 22,3 12,3 11,3 1,3 1,4 11,4 11,4.3 8,7.4 8.7,8.1 11,5.7 11,17.3 8.7,14.9 8,15.6 11,18.7 11,19 1,19 1,20 11,20 12,20 22,20 22,19 12,19 12,18.6 15,15.6 14.3,14.9 12,17.2 12,5.8 14.3,8.1 15,7.4 12,4.4 12,4 	"/></g></svg>');
     }
 
     &.icon-text-align-center {
       width: 22px;
       height: 22px;
-      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M1,3v1h21V3H1z M4,7v1h14V7H4z M1,12h21v-1H1V12z M4,15v1h14v-1H4z M1,20h21v-1H1V20z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M1,3v1h21V3H1z M4,7v1h14V7H4z M1,12h21v-1H1V12z M4,15v1h14v-1H4z M1,20h21v-1H1V20z"/></g></svg>');
     }
 
     &.icon-text-align-just {
       width: 22px;
       height: 22px;
-      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M1,3v1h21V3H1z M1,8h21V7H1V8z M1,12h21v-1H1V12z M1,16h21v-1H1V16z M1,20h21v-1H1V20z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M1,3v1h21V3H1z M1,8h21V7H1V8z M1,12h21v-1H1V12z M1,16h21v-1H1V16z M1,20h21v-1H1V20z"/></g></svg>');
     }
 
     &.icon-text-align-left {
       width: 22px;
       height: 22px;
-      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M1,3v1h21V3H1z M15,7H1v1h14V7z M1,12h21v-1H1V12z M15,15H1v1h14V15z M1,20h21v-1H1V20z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M1,3v1h21V3H1z M15,7H1v1h14V7z M1,12h21v-1H1V12z M15,15H1v1h14V15z M1,20h21v-1H1V20z"/></g></svg>');
     }
 
     &.icon-text-align-right {
       width: 22px;
       height: 22px;
-      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M1,3v1h21V3H1z M8,8h14V7H8V8z M22,11H1v1h21V11z M8,16h14v-1H8V16z M22,19H1v1h21V19z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M1,3v1h21V3H1z M8,8h14V7H8V8z M22,11H1v1h21V11z M8,16h14v-1H8V16z M22,19H1v1h21V19z"/></g></svg>');
     }
 
     &.icon-de-indent {
       width: 22px;
       height: 22px;
-      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M1,20v-1h21v1H1z M11,15h11v1H11V15z M11,11h11v1H11V11z M11,7h11v1H11V7z M6.3,7L7,7.7l-3.8,3.8L7,15.3L6.3,16L2,11.8l-0.2-0.3L2,11.2L6.3,7z M1,3h21v1H1V3z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M1,20v-1h21v1H1z M11,15h11v1H11V15z M11,11h11v1H11V11z M11,7h11v1H11V7z M6.3,7L7,7.7l-3.8,3.8L7,15.3L6.3,16L2,11.8l-0.2-0.3L2,11.2L6.3,7z M1,3h21v1H1V3z"/></g></svg>');
     }
 
     &.icon-in-indent {
       width: 22px;
       height: 22px;
-      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M1,20v-1h21v1H1z M12,16H1v-1h11V16z M12,12H1v-1h11V12z M12,8H1V7h11V8z M21,11.2l0.2,0.3L21,11.8L16.7,16L16,15.3l3.8-3.8L16,7.7L16.7,7L21,11.2z M22,4H1V3h21V4z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M1,20v-1h21v1H1z M12,16H1v-1h11V16z M12,12H1v-1h11V12z M12,8H1V7h11V8z M21,11.2l0.2,0.3L21,11.8L16.7,16L16,15.3l3.8-3.8L16,7.7L16.7,7L21,11.2z M22,4H1V3h21V4z"/></g></svg>');
     }
 
     &.icon-table-add-column-left {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M15,19h-1H8H7v-1v-3H0V2h7h1h14v4v1v3v1v3v1v3v1H15z M15,18h6v-3h-6V18z M15,14h6v-3h-6V14z M8,18h6v-3H8V18z M8,14h6v-3H8V14z M14,10V7H8v3H14z M8,3v3h6V3H8z M21,3h-6v3h6V3z M15,7v3h6V7H15z M3,16h1v2h2v1H4v2H3v-2H1v-1h2V16z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M15,19h-1H8H7v-1v-3H0V2h7h1h14v4v1v3v1v3v1v3v1H15z M15,18h6v-3h-6V18z M15,14h6v-3h-6V14z M8,18h6v-3H8V18z M8,14h6v-3H8V14z M14,10V7H8v3H14z M8,3v3h6V3H8z M21,3h-6v3h6V3z M15,7v3h6V7H15z M3,16h1v2h2v1H4v2H3v-2H1v-1h2V16z"/></g></svg>');
     }
 
     &.icon-table-add-column-right {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M0,19l0-1l0-3l0-1l0-3l0-1l0-3l0-1l0-4h14h1h7v13h-7v3v1h-1H8H7H0z M7,15H1v3h6V15z M7,11H1v3h6V11z M14,15H8v3h6V15z M14,11H8v3h6V11z M14,10V7H8v3H14z M8,3v3h6V3H8z M1,6h6V3H1V6z M1,7v3h6V7H1z M19,18h2v1h-2v2h-1v-2h-2v-1h2v-2h1V18z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M0,19l0-1l0-3l0-1l0-3l0-1l0-3l0-1l0-4h14h1h7v13h-7v3v1h-1H8H7H0z M7,15H1v3h6V15z M7,11H1v3h6V11z M14,15H8v3h6V15z M14,11H8v3h6V11z M14,10V7H8v3H14z M8,3v3h6V3H8z M1,6h6V3H1V6z M1,7v3h6V7H1z M19,18h2v1h-2v2h-1v-2h-2v-1h2v-2h1V18z"/></g></svg>');
     }
 
     &.icon-table-add-row-above {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M21,20h-6h-1H8H7H0v-1v-3v-1v-3v-1V8V7V1h15v6h6h1v1v3v1v3v1v3v1H21z M7,8H1v3h6V8z M7,12H1v3h6V12z M7,16H1v3h6V16z M8,19h6v-3H8V19z M8,15h6v-3H8V15z M8,11h6V8H8V11z M21,8h-6v3h6V8z M21,12h-6v3h6V12z M21,16h-6v3h6V16z M19,6h-1V4h-2V3h2V1h1v2h2v1h-2V6z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M21,20h-6h-1H8H7H0v-1v-3v-1v-3v-1V8V7V1h15v6h6h1v1v3v1v3v1v3v1H21z M7,8H1v3h6V8z M7,12H1v3h6V12z M7,16H1v3h6V16z M8,19h6v-3H8V19z M8,15h6v-3H8V15z M8,11h6V8H8V11z M21,8h-6v3h6V8z M21,12h-6v3h6V12z M21,16h-6v3h6V16z M19,6h-1V4h-2V3h2V1h1v2h2v1h-2V6z"/></g></svg>');
     }
 
     &.icon-table-add-row-below {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M22,1v1v3v1v3v1v3v1h-1h-6v6H0v-6v-1v-3V9V6V5V2V1h7h1h6h1h6H22z M7,10H1v3h6V10z M7,6H1v3h6V6z M7,2H1v3h6V2z M8,5h6V2H8V5z M8,9h6V6H8V9z M8,13h6v-3H8V13z M21,10h-6v3h6V10z M21,6h-6v3h6V6z M21,2h-6v3h6V2z M19,17h2v1h-2v2h-1v-2h-2v-1h2v-2h1V17z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M22,1v1v3v1v3v1v3v1h-1h-6v6H0v-6v-1v-3V9V6V5V2V1h7h1h6h1h6H22z M7,10H1v3h6V10z M7,6H1v3h6V6z M7,2H1v3h6V2z M8,5h6V2H8V5z M8,9h6V6H8V9z M8,13h6v-3H8V13z M21,10h-6v3h6V10z M21,6h-6v3h6V6z M21,2h-6v3h6V2z M19,17h2v1h-2v2h-1v-2h-2v-1h2v-2h1V17z"/></g></svg>');
     }
 
     &.icon-table-remove-column {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M21,19h-6h-1h-1.6c-0.9,1.8-2.7,3-4.9,3s-4-1.2-4.9-3H1H0v-1v-3v-1v-3v-1V7V6V3V2h7h1h6h1h6h1v1v3v1v3v1v3v1v3v1H21z M7.5,12C5,12,3,14,3,16.5S5,21,7.5,21s4.5-2,4.5-4.5S10,12,7.5,12z M14,3H8v3h6V3z M14,7H8v3h6V7z M14,11H8v0.1c1.9,0.2,3.5,1.3,4.4,2.9H14V11z M14,15h-1.2c0.1,0.5,0.2,1,0.2,1.5c0,0.5-0.1,1-0.2,1.5H14V15z M21,3h-6v3h6V3z M21,7h-6v3h6V7z M21,11h-6v3h6V11z M21,15h-6v3h6V15z M9.6,19.3l-2.1-2.1l-2.1,2.1l-0.7-0.7l2.1-2.1l-2.1-2.1l0.7-0.7l2.1,2.1l2.1-2.1l0.7,0.7l-2.1,2.1l2.1,2.1L9.6,19.3z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M21,19h-6h-1h-1.6c-0.9,1.8-2.7,3-4.9,3s-4-1.2-4.9-3H1H0v-1v-3v-1v-3v-1V7V6V3V2h7h1h6h1h6h1v1v3v1v3v1v3v1v3v1H21z M7.5,12C5,12,3,14,3,16.5S5,21,7.5,21s4.5-2,4.5-4.5S10,12,7.5,12z M14,3H8v3h6V3z M14,7H8v3h6V7z M14,11H8v0.1c1.9,0.2,3.5,1.3,4.4,2.9H14V11z M14,15h-1.2c0.1,0.5,0.2,1,0.2,1.5c0,0.5-0.1,1-0.2,1.5H14V15z M21,3h-6v3h6V3z M21,7h-6v3h6V7z M21,11h-6v3h6V11z M21,15h-6v3h6V15z M9.6,19.3l-2.1-2.1l-2.1,2.1l-0.7-0.7l2.1-2.1l-2.1-2.1l0.7-0.7l2.1,2.1l2.1-2.1l0.7,0.7l-2.1,2.1l2.1,2.1L9.6,19.3z"/></g></svg>');
     }
 
     &.icon-table-remove-row {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M21,19h-6h-1h-1.6c-0.9,1.8-2.7,3-4.9,3s-4-1.2-4.9-3H1H0v-1v-3v-1v-3v-1V7V6V3V2h7h1h6h1h6h1v1v3v1v3v1v3v1v3v1H21z M1,18h1.2C2.1,17.5,2,17,2,16.5c0-0.5,0.1-1,0.2-1.5H1V18z M7,3H1v3h6V3z M7,7H1v3h6V7z M7.5,12C5,12,3,14,3,16.5S5,21,7.5,21s4.5-2,4.5-4.5S10,12,7.5,12z M14,3H8v3h6V3z M14,7H8v3h6V7z M14,15h-1.2c0.1,0.5,0.2,1,0.2,1.5c0,0.5-0.1,1-0.2,1.5H14V15z M21,3h-6v3h6V3z M21,7h-6v3h6V7z M21,15h-6v3h6V15z M9.6,19.3l-2.1-2.1l-2.1,2.1l-0.7-0.7l2.1-2.1l-2.1-2.1l0.7-0.7l2.1,2.1l2.1-2.1l0.7,0.7l-2.1,2.1l2.1,2.1L9.6,19.3z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M21,19h-6h-1h-1.6c-0.9,1.8-2.7,3-4.9,3s-4-1.2-4.9-3H1H0v-1v-3v-1v-3v-1V7V6V3V2h7h1h6h1h6h1v1v3v1v3v1v3v1v3v1H21z M1,18h1.2C2.1,17.5,2,17,2,16.5c0-0.5,0.1-1,0.2-1.5H1V18z M7,3H1v3h6V3z M7,7H1v3h6V7z M7.5,12C5,12,3,14,3,16.5S5,21,7.5,21s4.5-2,4.5-4.5S10,12,7.5,12z M14,3H8v3h6V3z M14,7H8v3h6V7z M14,15h-1.2c0.1,0.5,0.2,1,0.2,1.5c0,0.5-0.1,1-0.2,1.5H14V15z M21,3h-6v3h6V3z M21,7h-6v3h6V7z M21,15h-6v3h6V15z M9.6,19.3l-2.1-2.1l-2.1,2.1l-0.7-0.7l2.1-2.1l-2.1-2.1l0.7-0.7l2.1,2.1l2.1-2.1l0.7,0.7l-2.1,2.1l2.1,2.1L9.6,19.3z"/></g></svg>');
     }
 
     &.icon-expand-down {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M20.5,6.5l1.1,1.1L11,18l0,0l0,0L0.5,7.5l1.1-1.1l9.5,9.5L20.5,6.5z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M20.5,6.5l1.1,1.1L11,18l0,0l0,0L0.5,7.5l1.1-1.1l9.5,9.5L20.5,6.5z"/></g></svg>');
     }
 
     &.icon-pagebreak {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M8,14v1h1v-1H8z M6,14v1h1v-1H6z M18,21H3v-6H2v7h17v-7h-1V21z M4,14v1h1v-1H4z M14,14v1h1v-1H14z M10,14v1h1v-1H10z M8.2,1L2,7.6V14h1V9h6V2l0,0h9v12h1V1H8.2z M8,8H3.1L8,2.8V8z M12,14v1h1v-1H12z M16,14v1h1v-1H16z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M8,14v1h1v-1H8z M6,14v1h1v-1H6z M18,21H3v-6H2v7h17v-7h-1V21z M4,14v1h1v-1H4z M14,14v1h1v-1H14z M10,14v1h1v-1H10z M8.2,1L2,7.6V14h1V9h6V2l0,0h9v12h1V1H8.2z M8,8H3.1L8,2.8V8z M12,14v1h1v-1H12z M16,14v1h1v-1H16z"/></g></svg>');
     }
 
     &.icon-sectionbreak {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M20,14V2H3v12H2V1h19v13H20z M5,14v1H4v-1H5z M7,14v1H6v-1H7z M9,14v1H8v-1H9z M11,14v1h-1v-1H11z M13,14v1h-1v-1H13z M15,14v1h-1v-1H15z M17,14v1h-1v-1H17z M18,14h1v1h-1V14z M3,21h17v-6h1v7H2v-7h1V21z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M20,14V2H3v12H2V1h19v13H20z M5,14v1H4v-1H5z M7,14v1H6v-1H7z M9,14v1H8v-1H9z M11,14v1h-1v-1H11z M13,14v1h-1v-1H13z M15,14v1h-1v-1H15z M17,14v1h-1v-1H17z M18,14h1v1h-1V14z M3,21h17v-6h1v7H2v-7h1V21z"/></g></svg>');
     }
 
     &.icon-stringbreak {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M18,12H5.1L9,15.9l-0.7,0.7l-4.5-4.5l-0.6-0.6l0.6-0.6l4.5-4.5L9,7.1L5.1,11H18V5h1v6v1H18z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M18,12H5.1L9,15.9l-0.7,0.7l-4.5-4.5l-0.6-0.6l0.6-0.6l4.5-4.5L9,7.1L5.1,11H18V5h1v6v1H18z"/></g></svg>');
     }
 
     &.icon-pagenumber {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M8.2,1L2,7.6V22h17V1H8.2z M8,2.8V8H3.1L8,2.8z M18,21H3V9h6V2l0,0h9V21z M12,19h1v-4h-0.7c0,0.2-0.1-0.1-0.1,0c-0.1,0.1-0.2,0-0.3,0c-0.1,0.1-0.2,0.1-0.4,0.1c-0.1,0-0.3,0-0.4,0V16H12V19z M15.3,17.3C15,17.9,15.1,18.4,15,19h0.9c0-0.3,0-0.6,0.1-0.9c0.1-0.3,0.1-0.6,0.3-0.9c0.1-0.3,0.3-0.6,0.4-0.9c0.2-0.3,0.1-0.3,0.3-0.5V15h-3v1h1.9C15.6,16.4,15.5,16.7,15.3,17.3z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M8.2,1L2,7.6V22h17V1H8.2z M8,2.8V8H3.1L8,2.8z M18,21H3V9h6V2l0,0h9V21z M12,19h1v-4h-0.7c0,0.2-0.1-0.1-0.1,0c-0.1,0.1-0.2,0-0.3,0c-0.1,0.1-0.2,0.1-0.4,0.1c-0.1,0-0.3,0-0.4,0V16H12V19z M15.3,17.3C15,17.9,15.1,18.4,15,19h0.9c0-0.3,0-0.6,0.1-0.9c0.1-0.3,0.1-0.6,0.3-0.9c0.1-0.3,0.3-0.6,0.4-0.9c0.2-0.3,0.1-0.3,0.3-0.5V15h-3v1h1.9C15.6,16.4,15.5,16.7,15.3,17.3z"/></g></svg>');
     }
 
     &.icon-link {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M12.4,9.8c0,0-2.1-0.1-3.8,1.2c-2.8,2-3.3,4.3-3.3,4.3s1.6-1.7,3.5-2.5c1.7-0.7,3.7-0.4,3.7-0.4v1.9l4.8-3.3V11l-4.8-3.3V9.8z M11,1C5.5,1,1,5.5,1,11c0,5.5,4.5,10,10,10s10-4.5,10-10C21,5.5,16.5,1,11,1z M11,20c-5,0-9-4.1-9-9C2,6,6,2,11,2s9,4.1,9,9C20,16,16,20,11,20z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M12.4,9.8c0,0-2.1-0.1-3.8,1.2c-2.8,2-3.3,4.3-3.3,4.3s1.6-1.7,3.5-2.5c1.7-0.7,3.7-0.4,3.7-0.4v1.9l4.8-3.3V11l-4.8-3.3V9.8z M11,1C5.5,1,1,5.5,1,11c0,5.5,4.5,10,10,10s10-4.5,10-10C21,5.5,16.5,1,11,1z M11,20c-5,0-9-4.1-9-9C2,6,6,2,11,2s9,4.1,9,9C20,16,16,20,11,20z"/></g></svg>');
     }
 
     &.icon-image-library {
@@ -256,19 +256,19 @@
     &.icon-text-valign-top {
       width: 22px;
       height: 22px;
-      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><rect class="cls-1" x="2" y="2" width="19" height="1"/><rect class="cls-1" x="2" y="4" width="19" height="1"/><polygon class="cls-1" points="12 18 11 18 11 7.83 8.65 9.8 8 8.94 11.5 6 15 9 14.35 9.8 12 7.83 12 18"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><rect class="cls-1" x="2" y="2" width="19" height="1"/><rect class="cls-1" x="2" y="4" width="19" height="1"/><polygon class="cls-1" points="12 18 11 18 11 7.83 8.65 9.8 8 8.94 11.5 6 15 9 14.35 9.8 12 7.83 12 18"/></g></svg>');
     }
 
     &.icon-text-valign-middle {
       width: 22px;
       height: 22px;
-      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><rect class="cls-1" x="2" y="10" width="19" height="1"/><rect class="cls-1" x="2" y="12" width="19" height="1"/><polygon class="cls-1" points="11 2 12 2 12 7.17 14.35 5.2 15 6.06 11.5 9 8 6 8.65 5.2 11 7.17 11 2"/><polygon class="cls-1" points="12 21 11 21 11 15.83 8.65 17.8 8 16.94 11.5 14 15 17 14.35 17.8 12 15.83 12 21"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><rect class="cls-1" x="2" y="10" width="19" height="1"/><rect class="cls-1" x="2" y="12" width="19" height="1"/><polygon class="cls-1" points="11 2 12 2 12 7.17 14.35 5.2 15 6.06 11.5 9 8 6 8.65 5.2 11 7.17 11 2"/><polygon class="cls-1" points="12 21 11 21 11 15.83 8.65 17.8 8 16.94 11.5 14 15 17 14.35 17.8 12 15.83 12 21"/></g></svg>');
     }
 
     &.icon-text-valign-bottom {
       width: 22px;
       height: 22px;
-      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><rect class="cls-1" x="2" y="18" width="19" height="1"/><rect class="cls-1" x="2" y="20" width="19" height="1"/><polygon class="cls-1" points="11 4 12 4 12 15.17 14.35 13.2 15 14.06 11.5 17 8 14 8.65 13.2 11 15.17 11 4"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><rect class="cls-1" x="2" y="18" width="19" height="1"/><rect class="cls-1" x="2" y="20" width="19" height="1"/><polygon class="cls-1" points="11 4 12 4 12 15.17 14.35 13.2 15 14.06 11.5 17 8 14 8.65 13.2 11 15.17 11 4"/></g></svg>');
     }
 
     // Presets of table borders
@@ -276,61 +276,61 @@
     &.icon-table-borders-all {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path d="M26.9,0H0V27H27V0H26.9ZM13,26H1V14H13V26Zm0-13H1V1H13V13ZM26,26H14V14H26V26Zm0-13H14V1H26V13Z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path d="M26.9,0H0V27H27V0H26.9ZM13,26H1V14H13V26Zm0-13H1V1H13V13ZM26,26H14V14H26V26Zm0-13H14V1H26V13Z"/></g></svg>');
     }
 
     &.icon-table-borders-none {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M26.9,0H0V27H27V0H26.9ZM13,26H1V14H13V26Zm0-13H1V1H13V13ZM26,26H14V14H26V26Zm0-13H14V1H26V13Z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M26.9,0H0V27H27V0H26.9ZM13,26H1V14H13V26Zm0-13H1V1H13V13ZM26,26H14V14H26V26Zm0-13H14V1H26V13Z"/></g></svg>');
     }
 
     &.icon-table-borders-inner {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><polygon points="26 13 14 13 14 1 13 1 13 13 1 13 1 14 13 14 13 26 14 26 14 14 26 14 26 13"/><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><polygon points="26 13 14 13 14 1 13 1 13 13 1 13 1 14 13 14 13 26 14 26 14 14 26 14 26 13"/><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/></g></svg>');
     }
 
     &.icon-table-borders-outer {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/></g></svg>');
     }
 
     &.icon-table-borders-left {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect width="1" height="27"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect width="1" height="27"/></g></svg>');
     }
 
     &.icon-table-borders-center {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect x="13" width="1" height="27"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect x="13" width="1" height="27"/></g></svg>');
     }
 
     &.icon-table-borders-right {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect x="26" width="1" height="27"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect x="26" width="1" height="27"/></g></svg>');
     }
 
     &.icon-table-borders-top {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect width="27" height="1"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect width="27" height="1"/></g></svg>');
     }
 
     &.icon-table-borders-middle {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect y="13" width="27" height="1"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect y="13" width="27" height="1"/></g></svg>');
     }
 
     &.icon-table-borders-bottom {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect y="26" width="27" height="1"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect y="26" width="27" height="1"/></g></svg>');
     }
 
     // Reorder
@@ -338,73 +338,73 @@
     &.icon-move-backward {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><rect opacity="0.3" x="1" y="1" width="17" height="17"/><path d="M10,10V27H27V10H10ZM26,26H11V11H26V26Z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><rect opacity="0.3" x="1" y="1" width="17" height="17"/><path d="M10,10V27H27V10H10ZM26,26H11V11H26V26Z"/></g></svg>');
     }
 
     &.icon-move-forward {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M10,10V27H27V10H10ZM26,26H11V11H26V26Z"/><rect x="1" y="1" width="17" height="17"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M10,10V27H27V10H10ZM26,26H11V11H26V26Z"/><rect x="1" y="1" width="17" height="17"/></g></svg>');
     }
 
     &.icon-move-background {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><rect opacity="0.3" x="8" y="8" width="13" height="13"/><path d="M1,1V13H13V1H1ZM12,12H2V2H12V12Z"/><path d="M15,15V27H27V15H15ZM26,26H16V16H26V26Z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><rect opacity="0.3" x="8" y="8" width="13" height="13"/><path d="M1,1V13H13V1H1ZM12,12H2V2H12V12Z"/><path d="M15,15V27H27V15H15ZM26,26H16V16H26V26Z"/></g></svg>');
     }
 
     &.icon-move-foreground {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M1,1V13H13V1H1ZM12,12H2V2H12V12Z"/><path opacity="0.3" d="M15,15V27H27V15H15ZM26,26H16V16H26V26Z"/><rect x="8" y="8" width="13" height="13"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M1,1V13H13V1H1ZM12,12H2V2H12V12Z"/><path opacity="0.3" d="M15,15V27H27V15H15ZM26,26H16V16H26V26Z"/><rect x="8" y="8" width="13" height="13"/></g></svg>');
     }
 
     &.icon-align-left {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve" fill="@{themeColor}"><style type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd;}</style><g><g id="XMLID_35_"><path id="XMLID_36_" class="st0" d="M1,21h1V1H1V21z M4,13v4h16v-4H4z M12,5H4v4h8V5z"/></g></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve" fill="@{brandColor}"><style type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd;}</style><g><g id="XMLID_35_"><path id="XMLID_36_" class="st0" d="M1,21h1V1H1V21z M4,13v4h16v-4H4z M12,5H4v4h8V5z"/></g></g></svg>');
     }
 
     &.icon-align-center {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve" fill="@{themeColor}"><style type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd;}</style><g id="XMLID_5_"><g id="XMLID_24_"><polygon id="XMLID_25_" class="st0" points="19,13 11,13 11,9 15,9 15,5 11,5 11,1 10,1 10,5 6,5 6,9 10,9 10,13 2,13 2,17 10,17 10,21 11,21 11,17 19,17 		"/></g></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve" fill="@{brandColor}"><style type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd;}</style><g id="XMLID_5_"><g id="XMLID_24_"><polygon id="XMLID_25_" class="st0" points="19,13 11,13 11,9 15,9 15,5 11,5 11,1 10,1 10,5 6,5 6,9 10,9 10,13 2,13 2,17 10,17 10,21 11,21 11,17 19,17"/></g></g></svg>');
     }
 
     &.icon-align-right {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve" fill="@{themeColor}"><style type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd;}</style><g id="XMLID_5_"><g id="XMLID_42_"><path id="XMLID_44_" class="st0" d="M20,1v20h1V1H20z M2,17h16v-4H2V17z M10,9h8V5h-8V9z"/></g></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve" fill="@{brandColor}"><style type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd;}</style><g id="XMLID_5_"><g id="XMLID_42_"><path id="XMLID_44_" class="st0" d="M20,1v20h1V1H20z M2,17h16v-4H2V17z M10,9h8V5h-8V9z"/></g></g></svg>');
     }
 
     &.icon-align-top {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve" fill="@{themeColor}"><g><g id="XMLID_35_"><path id="XMLID_36_" d="M1,1v1h20V1H1z M9,4H5v16h4V4z M17,12V4h-4v8H17z"/></g></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve" fill="@{brandColor}"><g><g id="XMLID_35_"><path id="XMLID_36_" d="M1,1v1h20V1H1z M9,4H5v16h4V4z M17,12V4h-4v8H17z"/></g></g></svg>');
     }
 
     &.icon-align-middle {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve" fill="@{themeColor}"><style type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd;}</style><g id="XMLID_5_"><g id="XMLID_24_"><polygon id="XMLID_25_" class="st0" points="13,2 13,10 9,10 9,6 5,6 5,10 1,10 1,11 5,11 5,15 9,15 9,11 13,11 13,19 17,19 17,11 21,11 21,10 17,10 17,2 		"/></g></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve" fill="@{brandColor}"><style type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd;}</style><g id="XMLID_5_"><g id="XMLID_24_"><polygon id="XMLID_25_" class="st0" points="13,2 13,10 9,10 9,6 5,6 5,10 1,10 1,11 5,11 5,15 9,15 9,11 13,11 13,19 17,19 17,11 21,11 21,10 17,10 17,2 		"/></g></g></svg>');
     }
 
     &.icon-align-bottom {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve" fill="@{themeColor}"><g><g id="XMLID_35_"><path id="XMLID_36_" d="M21,20v-1H1v1H21z M9,1H5v16h4V1z M13,9v8h4V9H13z"/></g></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve" fill="@{brandColor}"><g><g id="XMLID_35_"><path id="XMLID_36_" d="M21,20v-1H1v1H21z M9,1H5v16h4V1z M13,9v8h4V9H13z"/></g></g></svg>');
     }
 
     &.icon-align-horizontal {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve" fill="@{themeColor}"><g><g id="XMLID_35_"><path id="XMLID_36_" d="M1,1v1h20V1H1z M0.999999,19.0000076V20h20v-0.9999924H0.999999z M9.000001,2.9999995h-4v15h4V2.9999995z M17,13.999999V6.9999986h-3.999999v7.0000005H17z"/></g></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve" fill="@{brandColor}"><g><g id="XMLID_35_"><path id="XMLID_36_" d="M1,1v1h20V1H1z M0.999999,19.0000076V20h20v-0.9999924H0.999999z M9.000001,2.9999995h-4v15h4V2.9999995z M17,13.999999V6.9999986h-3.999999v7.0000005H17z"/></g></g></svg>');
     }
 
     &.icon-align-vertical {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve" fill="@{themeColor}"><g><g id="XMLID_35_"><path id="XMLID_36_" d="M0.9999998,21h1v-20h-1V21z M19.0000076,21H20v-20h-0.9999924V21z M2.9999995,12.999999v3.999999h15 v-3.999999H2.9999995z M13.999999,4.999999H6.9999986v4h7.0000005V4.999999z"/></g></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve" fill="@{brandColor}"><g><g id="XMLID_35_"><path id="XMLID_36_" d="M0.9999998,21h1v-20h-1V21z M19.0000076,21H20v-20h-0.9999924V21z M2.9999995,12.999999v3.999999h15 v-3.999999H2.9999995z M13.999999,4.999999H6.9999986v4h7.0000005V4.999999z"/></g></g></svg>');
     }
 
     // Formats
@@ -412,106 +412,106 @@
     &.icon-format-pdf {
       width: 30px;
       height: 30px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="33px" height="33px" viewBox="-3.363 -3.658 33 33" xml:space="preserve"><defs><style>.cls-1{fill:@{themeColor};}</style></defs><path class="cls-1" d="M8.512,14.989c0.8-1.567,1.709-3.334,2.438-5.107l0,0l0.287-0.699  c-0.949-3.616-1.52-6.52-1.011-8.396l0,0C10.362,0.297,10.929,0,11.535,0l0,0l0.368,0.005h0.068c0.83-0.013,1.22,1.042,1.264,1.453  l0,0c0.073,0.684-0.242,1.839-0.242,1.839l0,0c0-0.467,0.018-1.221-0.276-1.873l0,0c-0.343-0.753-0.671-1.203-0.965-1.274l0,0  C11.604,0.25,11.46,0.455,11.411,0.85l0,0c-0.104,0.553-0.134,1.252-0.134,1.611l0,0c0,1.272,0.25,2.952,0.743,4.684l0,0  c0.093-0.269,0.174-0.526,0.24-0.768l0,0c0.101-0.38,0.743-2.9,0.743-2.9l0,0c0,0-0.162,3.354-0.388,4.371l0,0  c-0.049,0.215-0.103,0.427-0.158,0.644l0,0c0.812,2.268,2.121,4.292,3.68,5.75l0,0c0.615,0.575,1.393,1.038,2.128,1.461l0,0  c1.605-0.229,3.084-0.338,4.318-0.324l0,0c1.637,0.021,2.838,0.265,3.324,0.743l0,0c0.237,0.232,0.335,0.514,0.364,0.83l0,0  c0.007,0.122-0.053,0.41-0.069,0.482l0,0c0.018-0.088,0.018-0.519-1.298-0.938l0,0c-1.033-0.33-2.971-0.32-5.295-0.073l0,0  c2.688,1.315,5.308,1.969,6.138,1.577l0,0c0.203-0.1,0.448-0.437,0.448-0.437l0,0c0,0-0.146,0.665-0.252,0.831l0,0  c-0.134,0.18-0.396,0.376-0.646,0.44l0,0c-1.312,0.351-4.722-0.459-7.695-2.158l0,0c-3.322,0.489-6.972,1.394-9.896,2.354l0,0  c-2.874,5.036-5.036,7.35-6.793,6.47l0,0l-0.646-0.325c-0.263-0.149-0.303-0.516-0.242-0.813l0,0  c0.205-1.003,1.462-2.513,3.988-4.021l0,0c0.272-0.165,1.483-0.805,1.483-0.805l0,0c0,0-0.896,0.868-1.106,1.038l0,0  c-2.016,1.652-3.504,3.73-3.467,4.536l0,0l0.007,0.069C2.643,24.936,5.21,21.45,8.512,14.989 M9.559,15.525  c-0.551,1.038-1.09,2.001-1.588,2.886l0,0c2.752-1.153,5.715-1.892,8.535-2.416l0,0c-0.379-0.262-0.746-0.539-1.093-0.832l0,0  c-1.555-1.313-2.737-2.955-3.596-4.681l0,0C11.273,11.948,10.626,13.507,9.559,15.525" /></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="33px" height="33px" viewBox="-3.363 -3.658 33 33" xml:space="preserve"><defs><style>.cls-1{fill:@{brandColor};}</style></defs><path class="cls-1" d="M8.512,14.989c0.8-1.567,1.709-3.334,2.438-5.107l0,0l0.287-0.699  c-0.949-3.616-1.52-6.52-1.011-8.396l0,0C10.362,0.297,10.929,0,11.535,0l0,0l0.368,0.005h0.068c0.83-0.013,1.22,1.042,1.264,1.453  l0,0c0.073,0.684-0.242,1.839-0.242,1.839l0,0c0-0.467,0.018-1.221-0.276-1.873l0,0c-0.343-0.753-0.671-1.203-0.965-1.274l0,0  C11.604,0.25,11.46,0.455,11.411,0.85l0,0c-0.104,0.553-0.134,1.252-0.134,1.611l0,0c0,1.272,0.25,2.952,0.743,4.684l0,0  c0.093-0.269,0.174-0.526,0.24-0.768l0,0c0.101-0.38,0.743-2.9,0.743-2.9l0,0c0,0-0.162,3.354-0.388,4.371l0,0  c-0.049,0.215-0.103,0.427-0.158,0.644l0,0c0.812,2.268,2.121,4.292,3.68,5.75l0,0c0.615,0.575,1.393,1.038,2.128,1.461l0,0  c1.605-0.229,3.084-0.338,4.318-0.324l0,0c1.637,0.021,2.838,0.265,3.324,0.743l0,0c0.237,0.232,0.335,0.514,0.364,0.83l0,0  c0.007,0.122-0.053,0.41-0.069,0.482l0,0c0.018-0.088,0.018-0.519-1.298-0.938l0,0c-1.033-0.33-2.971-0.32-5.295-0.073l0,0  c2.688,1.315,5.308,1.969,6.138,1.577l0,0c0.203-0.1,0.448-0.437,0.448-0.437l0,0c0,0-0.146,0.665-0.252,0.831l0,0  c-0.134,0.18-0.396,0.376-0.646,0.44l0,0c-1.312,0.351-4.722-0.459-7.695-2.158l0,0c-3.322,0.489-6.972,1.394-9.896,2.354l0,0  c-2.874,5.036-5.036,7.35-6.793,6.47l0,0l-0.646-0.325c-0.263-0.149-0.303-0.516-0.242-0.813l0,0  c0.205-1.003,1.462-2.513,3.988-4.021l0,0c0.272-0.165,1.483-0.805,1.483-0.805l0,0c0,0-0.896,0.868-1.106,1.038l0,0  c-2.016,1.652-3.504,3.73-3.467,4.536l0,0l0.007,0.069C2.643,24.936,5.21,21.45,8.512,14.989 M9.559,15.525  c-0.551,1.038-1.09,2.001-1.588,2.886l0,0c2.752-1.153,5.715-1.892,8.535-2.416l0,0c-0.379-0.262-0.746-0.539-1.093-0.832l0,0  c-1.555-1.313-2.737-2.955-3.596-4.681l0,0C11.273,11.948,10.626,13.507,9.559,15.525" /></svg>');
     }
 
     &.icon-format-pdfa {
       width: 30px;
       height: 30px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 33 33" height="33px" width="33px" y="0px" x="0px"><defs><style>.cls-1{fill:@{themeColor};}</style></defs><path fill-rule="evenodd" clip-rule="evenodd" d="M11.875 18.648L11.9617 18.4783C12.7401 16.954 13.6102 15.2503 14.312 13.541L14.6 12.841C13.65 9.225 13.08 6.322 13.589 4.445C13.726 3.956 14.293 3.659 14.899 3.659L15.268 3.664H15.336C16.166 3.651 16.556 4.706 16.6 5.117C16.673 5.8 16.357 6.956 16.357 6.956L16.3571 6.87946C16.358 6.40944 16.3594 5.70047 16.081 5.083C15.738 4.33 15.41 3.879 15.116 3.808C14.968 3.907 14.824 4.112 14.774 4.507C14.671 5.06 14.641 5.759 14.641 6.119C14.641 7.391 14.891 9.071 15.384 10.802C15.477 10.534 15.558 10.276 15.624 10.035C15.725 9.655 16.367 7.134 16.367 7.134C16.367 7.134 16.205 10.489 15.979 11.505C15.931 11.72 15.877 11.932 15.821 12.149C16.633 14.417 17.942 16.441 19.501 17.899C19.9467 18.3157 20.4779 18.6735 21.0164 19H29C30.1046 19 31 19.8954 31 21V29C31 30.1046 30.1046 31 29 31H17C15.8954 31 15 30.1046 15 29V21.5492C13.6156 21.9019 12.2807 22.2896 11.07 22.687C8.19599 27.724 6.03499 30.038 4.27699 29.158L3.62999 28.833C3.36699 28.683 3.32699 28.317 3.38799 28.02C3.59299 27.017 4.84999 25.507 7.37599 23.999C7.64799 23.834 8.85899 23.194 8.85899 23.194C8.85899 23.194 7.96299 24.062 7.75299 24.232C5.73699 25.884 4.24899 27.962 4.28599 28.768L4.29299 28.837C6.00499 28.594 8.57299 25.109 11.875 18.648ZM18.775 18.822C18.8461 18.882 18.918 18.9413 18.9906 19H17C15.9681 19 15.1187 19.7815 15.0114 20.785C13.7648 21.146 12.529 21.5689 11.333 22.07C11.831 21.185 12.37 20.222 12.921 19.184C13.989 17.166 14.636 15.607 15.18 14.141C16.038 15.867 17.221 17.508 18.775 18.822ZM21.5553 27.3521H24.4447L24.9995 29H26.7518L23.7581 21.002H22.231L19.2537 29H21.006L21.5553 27.3521ZM23.9998 26.0172H22.0002L22.9945 23.0234L23.9998 26.0172Z" class="cls-1"/></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 33 33" height="33px" width="33px" y="0px" x="0px"><defs><style>.cls-1{fill:@{brandColor};}</style></defs><path fill-rule="evenodd" clip-rule="evenodd" d="M11.875 18.648L11.9617 18.4783C12.7401 16.954 13.6102 15.2503 14.312 13.541L14.6 12.841C13.65 9.225 13.08 6.322 13.589 4.445C13.726 3.956 14.293 3.659 14.899 3.659L15.268 3.664H15.336C16.166 3.651 16.556 4.706 16.6 5.117C16.673 5.8 16.357 6.956 16.357 6.956L16.3571 6.87946C16.358 6.40944 16.3594 5.70047 16.081 5.083C15.738 4.33 15.41 3.879 15.116 3.808C14.968 3.907 14.824 4.112 14.774 4.507C14.671 5.06 14.641 5.759 14.641 6.119C14.641 7.391 14.891 9.071 15.384 10.802C15.477 10.534 15.558 10.276 15.624 10.035C15.725 9.655 16.367 7.134 16.367 7.134C16.367 7.134 16.205 10.489 15.979 11.505C15.931 11.72 15.877 11.932 15.821 12.149C16.633 14.417 17.942 16.441 19.501 17.899C19.9467 18.3157 20.4779 18.6735 21.0164 19H29C30.1046 19 31 19.8954 31 21V29C31 30.1046 30.1046 31 29 31H17C15.8954 31 15 30.1046 15 29V21.5492C13.6156 21.9019 12.2807 22.2896 11.07 22.687C8.19599 27.724 6.03499 30.038 4.27699 29.158L3.62999 28.833C3.36699 28.683 3.32699 28.317 3.38799 28.02C3.59299 27.017 4.84999 25.507 7.37599 23.999C7.64799 23.834 8.85899 23.194 8.85899 23.194C8.85899 23.194 7.96299 24.062 7.75299 24.232C5.73699 25.884 4.24899 27.962 4.28599 28.768L4.29299 28.837C6.00499 28.594 8.57299 25.109 11.875 18.648ZM18.775 18.822C18.8461 18.882 18.918 18.9413 18.9906 19H17C15.9681 19 15.1187 19.7815 15.0114 20.785C13.7648 21.146 12.529 21.5689 11.333 22.07C11.831 21.185 12.37 20.222 12.921 19.184C13.989 17.166 14.636 15.607 15.18 14.141C16.038 15.867 17.221 17.508 18.775 18.822ZM21.5553 27.3521H24.4447L24.9995 29H26.7518L23.7581 21.002H22.231L19.2537 29H21.006L21.5553 27.3521ZM23.9998 26.0172H22.0002L22.9945 23.0234L23.9998 26.0172Z" class="cls-1"/></svg>');
     }
 
     &.icon-format-pptx {
       width: 30px;
       height: 30px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="65" height="65" viewBox="19.951 32.432 65.000002 65.000003" xml:space="preserve" ><defs><style>.cls-1{fill:@{themeColor};}</style></defs><path class="cls-1" d="M 51.31066,44.356609 C 47.702785,44.433229 43.9488,45.107 40.5548,44.9445 c -0.149,13.35 -0.123719,26.7115 -0.01172,40.0625 2.476001,0.199 4.9625,0.412 7.4375,0.625 -0.011,-4.888 6.72e-4,-9.776062 0.01367,-14.664062 3.088,0.100999 6.336828,0.300562 9.173828,-1.148438 7.988,-3.913 9.413391,-15.938562 4.025391,-22.476562 -2.8125,-2.544001 -6.274937,-3.062954 -9.882812,-2.986329 z m -0.416016,7.244141 c 1.641035,0.04387 3.222344,0.409844 4.261719,1.855469 1.425,2.45 1.350109,5.676172 0.162109,8.201172 -1.425,2.575 -4.650672,2.325 -7.138672,2.625 -0.262,-4.188 -0.236218,-8.377172 -0.199219,-12.576172 0.923626,-0.04237 1.929442,-0.131789 2.914063,-0.105469 z" /></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="65" height="65" viewBox="19.951 32.432 65.000002 65.000003" xml:space="preserve" ><defs><style>.cls-1{fill:@{brandColor};}</style></defs><path class="cls-1" d="M 51.31066,44.356609 C 47.702785,44.433229 43.9488,45.107 40.5548,44.9445 c -0.149,13.35 -0.123719,26.7115 -0.01172,40.0625 2.476001,0.199 4.9625,0.412 7.4375,0.625 -0.011,-4.888 6.72e-4,-9.776062 0.01367,-14.664062 3.088,0.100999 6.336828,0.300562 9.173828,-1.148438 7.988,-3.913 9.413391,-15.938562 4.025391,-22.476562 -2.8125,-2.544001 -6.274937,-3.062954 -9.882812,-2.986329 z m -0.416016,7.244141 c 1.641035,0.04387 3.222344,0.409844 4.261719,1.855469 1.425,2.45 1.350109,5.676172 0.162109,8.201172 -1.425,2.575 -4.650672,2.325 -7.138672,2.625 -0.262,-4.188 -0.236218,-8.377172 -0.199219,-12.576172 0.923626,-0.04237 1.929442,-0.131789 2.914063,-0.105469 z" /></svg>');
     }
 
     &.icon-format-potx {
       width: 30px;
       height: 30px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="33" height="33" viewBox="0 0 33 33"><defs><clipPath id="clip-potx"><rect width="33" height="33"/></clipPath><style>.cls-1{fill:@{themeColor};}</style></defs><g id="potx" clip-path="url(#clip-potx)"><rect id="Rectangle_20" data-name="Rectangle 20" width="33" height="33" fill="none"/><g id="Group_5" data-name="Group 5" transform="translate(16 16)"><path id="Path_44" data-name="Path 44" d="M1.011,0H13.989A1.011,1.011,0,0,1,15,1.011V13.989A1.011,1.011,0,0,1,13.989,15H1.011A1.011,1.011,0,0,1,0,13.989V1.011A1.011,1.011,0,0,1,1.011,0Z" class="cls-1"/><path id="Path_39" data-name="Path 39" d="M5.794,13.25V3.911H9.258V2.25h-9V3.911H3.729V13.25Z" transform="translate(2.742 -0.25)" fill="#fff"/></g><path id="Path_25" data-name="Path 25" d="M412.988,119c-1.658.033-3.382.327-4.94.257-.068,5.822-.057,11.646,0,17.467,1.136.087,2.279.18,3.415.273,0-2.132,0-4.263.006-6.395a8.88,8.88,0,0,0,4.213-.5c3.669-1.707,4.323-6.95,1.85-9.8a6.428,6.428,0,0,0-4.538-1.3Zm-.192,3.159a2.353,2.353,0,0,1,1.956.809,3.776,3.776,0,0,1,.075,3.576c-.655,1.124-2.136,1.014-3.278,1.145-.121-1.826-.108-3.652-.093-5.484C411.881,122.189,412.343,122.15,412.8,122.162Z" transform="translate(-404 -117)" class="cls-1"/></g></svg>');
+      .encoded-svg-mask('<svg xmlns="http://www.w3.org/2000/svg" width="16" height="19" viewBox="0 0 16 19" fill="none"><path fill-rule="evenodd" d="M3.17352.00205L1.83101.09132.03033.17294.02691 11.8183 2.20037 12l.00399-4.26256.1462.00492c.85813.0293 1.75027.05976 2.53467-.33875C7.21956 6.26618 7.6361 2.77059 6.06157.87012 5.23967.13063 4.22784-.02022 3.17352.00205zm-.12158 2.10573c.47956.01275.94167.11913 1.24541.53935.41642.71217.39454 1.64995.04737 2.38392-.34559.62117-1.05357.67679-1.7.72758l-.38613.03546-.05822-3.65565.22293-.01202.62864-.01864zM4.99854 10c0-.55228.44771-1 1-1h8.99996c.5523 0 1 .44772 1 1v8c0 .5523-.4477 1-1 1H5.99853c-.55228 0-.99999-.4477-.99999-1v-8zm5 2v5h.99996v-5h2v-1H7.99854v1h2z" fill="#000"/></svg>');
     }
 
     &.icon-format-odp {
       width: 30px;
       height: 30px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 -54.11 193.63 193.63" height="193.63px" width="193.63px" y="0px" x="0px" xml:space="preserve"><defs><style>.cls-1{fill:@{themeColor};}</style></defs><path d="M193.16,5.615V5.609c-0.334-0.173-0.671-0.334-1.005-0.497  c-5.356-2.586-11.256-4.287-17.525-4.88c-11.083-1.049-21.673,1.496-30.622,6.678c-6.13-3.477-13.071-5.741-20.542-6.448  c-10.298-0.974-20.17,1.16-28.697,5.629c-0.084,0.044-0.17,0.095-0.251,0.135c-0.207,0.162-0.347,0.414-0.347,0.697  c0,0.492,0.392,0.89,0.889,0.89c0.046,0,0.091-0.007,0.139-0.017c0.021-0.002,0.042-0.011,0.061-0.015  c4.586-0.848,9.368-1.088,14.243-0.627c13.684,1.293,25.609,5.521,33.975,15.011c0.437,0.455,0.822,0.427,1.266-0.024  c10.523-12.2,26.662-17.021,44.006-15.382c0.968,0.094,1.921,0.213,2.871,0.355c0.33,0.05,0.836,0.134,1.133,0.167  c0.572,0.063,0.88-0.397,0.88-0.891C193.629,6.056,193.485,5.776,193.16,5.615L193.16,5.615z" class="cls-1" /><path d="M173.054,48.544c-0.057-0.028-0.107-0.046-0.154-0.065  c-10.518-4.35-22.021-6.758-34.094-6.758c-19.293,0-37.154,6.127-51.757,16.524c-11.146-4.993-23.497-7.776-36.496-7.776  c-18.485,0-35.648,5.617-49.895,15.237c-0.047,0.029-0.095,0.066-0.149,0.104C0.205,66.044,0,66.418,0,66.848  c0,0.729,0.592,1.323,1.323,1.323c0.086,0,0.174-0.013,0.259-0.03c0.058-0.015,0.107-0.027,0.161-0.048  c8.166-2.456,16.832-3.791,25.798-3.791c23.836,0,45.083,5.634,61.08,20.681c0.038,0.028,0.071,0.065,0.111,0.104  c0.232,0.205,0.53,0.325,0.863,0.325c0.412,0,0.774-0.188,1.018-0.486c0.006,0.005,0.515-0.72,0.773-1.069  c16.246-22.217,43.03-33.172,72.845-33.172c2.129,0,4.246,0.08,6.338,0.225c0.602,0.047,1.873,0.144,1.902,0.144  c0.727,0,1.322-0.591,1.322-1.323C173.796,49.203,173.492,48.752,173.054,48.544L173.054,48.544z" class="cls-1" /></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 -54.11 193.63 193.63" height="193.63px" width="193.63px" y="0px" x="0px" xml:space="preserve"><defs><style>.cls-1{fill:@{brandColor};}</style></defs><path d="M193.16,5.615V5.609c-0.334-0.173-0.671-0.334-1.005-0.497  c-5.356-2.586-11.256-4.287-17.525-4.88c-11.083-1.049-21.673,1.496-30.622,6.678c-6.13-3.477-13.071-5.741-20.542-6.448  c-10.298-0.974-20.17,1.16-28.697,5.629c-0.084,0.044-0.17,0.095-0.251,0.135c-0.207,0.162-0.347,0.414-0.347,0.697  c0,0.492,0.392,0.89,0.889,0.89c0.046,0,0.091-0.007,0.139-0.017c0.021-0.002,0.042-0.011,0.061-0.015  c4.586-0.848,9.368-1.088,14.243-0.627c13.684,1.293,25.609,5.521,33.975,15.011c0.437,0.455,0.822,0.427,1.266-0.024  c10.523-12.2,26.662-17.021,44.006-15.382c0.968,0.094,1.921,0.213,2.871,0.355c0.33,0.05,0.836,0.134,1.133,0.167  c0.572,0.063,0.88-0.397,0.88-0.891C193.629,6.056,193.485,5.776,193.16,5.615L193.16,5.615z" class="cls-1" /><path d="M173.054,48.544c-0.057-0.028-0.107-0.046-0.154-0.065  c-10.518-4.35-22.021-6.758-34.094-6.758c-19.293,0-37.154,6.127-51.757,16.524c-11.146-4.993-23.497-7.776-36.496-7.776  c-18.485,0-35.648,5.617-49.895,15.237c-0.047,0.029-0.095,0.066-0.149,0.104C0.205,66.044,0,66.418,0,66.848  c0,0.729,0.592,1.323,1.323,1.323c0.086,0,0.174-0.013,0.259-0.03c0.058-0.015,0.107-0.027,0.161-0.048  c8.166-2.456,16.832-3.791,25.798-3.791c23.836,0,45.083,5.634,61.08,20.681c0.038,0.028,0.071,0.065,0.111,0.104  c0.232,0.205,0.53,0.325,0.863,0.325c0.412,0,0.774-0.188,1.018-0.486c0.006,0.005,0.515-0.72,0.773-1.069  c16.246-22.217,43.03-33.172,72.845-33.172c2.129,0,4.246,0.08,6.338,0.225c0.602,0.047,1.873,0.144,1.902,0.144  c0.727,0,1.322-0.591,1.322-1.323C173.796,49.203,173.492,48.752,173.054,48.544L173.054,48.544z" class="cls-1" /></svg>');
     }
 
     &.icon-format-otp {
       width: 30px;
       height: 30px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="33" height="33" viewBox="0 0 33 33"><defs><clipPath id="clip-otp"><rect width="33" height="33"/></clipPath><style>.cls-1{fill:@{themeColor};}</style></defs><g id="otp" clip-path="url(#clip-otp)"><rect id="Rectangle_20" data-name="Rectangle 20" width="33" height="33" fill="none"/><path id="Path_33" data-name="Path 33" d="M125.173,121h0c-.046-.03-.093-.059-.141-.088a6.133,6.133,0,0,0-2.467-.869,6.014,6.014,0,0,0-4.309,1.188,6.223,6.223,0,0,0-2.892-1.147,5.965,5.965,0,0,0-4.039,1l-.036.024a.176.176,0,0,0-.049.125.145.145,0,0,0,.126.158l.019,0a.019.019,0,0,0,.009,0,5.781,5.781,0,0,1,2.005-.111,6.41,6.41,0,0,1,4.782,2.669c.06.081.115.076.178,0a6.288,6.288,0,0,1,6.194-2.735c.136.017.27.038.4.064.047.009.119.024.161.03.08.011.123-.071.123-.159A.155.155,0,0,0,125.173,121Z" transform="translate(-94.24 -116)" class="cls-1"/><path id="Path_34" data-name="Path 34" d="M126.894,125.978a.175.175,0,0,0-.022-.011,11.686,11.686,0,0,0-4.905-1.082,11.924,11.924,0,0,0-7.444,2.647,11.725,11.725,0,0,0-5.251-1.245,11.884,11.884,0,0,0-7.176,2.441.229.229,0,0,0-.022.016.217.217,0,0,0-.073.167.2.2,0,0,0,.191.211.167.167,0,0,0,.037,0,.118.118,0,0,0,.023-.008,11.679,11.679,0,0,1,3.71-.608c3.429,0,6.486.9,8.787,3.315a.093.093,0,0,1,.016.016.172.172,0,0,0,.123.052.18.18,0,0,0,.147-.078s.075-.115.111-.171a12.1,12.1,0,0,1,10.479-5.315c.306,0,.611.014.912.037l.273.022a.2.2,0,0,0,.191-.211A.211.211,0,0,0,126.894,125.978Z" transform="translate(-100 -115.885)" class="cls-1"/><g id="Group_5" data-name="Group 5" transform="translate(16 16)"><path id="Path_44" data-name="Path 44" d="M1.011,0H13.989A1.011,1.011,0,0,1,15,1.011V13.989A1.011,1.011,0,0,1,13.989,15H1.011A1.011,1.011,0,0,1,0,13.989V1.011A1.011,1.011,0,0,1,1.011,0Z" class="cls-1"/><path id="Path_39" data-name="Path 39" d="M5.794,13.25V3.911H9.258V2.25h-9V3.911H3.729V13.25Z" transform="translate(2.742 -0.25)" fill="#fff"/></g></g></svg>');
+      .encoded-svg-mask('<svg xmlns="http://www.w3.org/2000/svg" width="22" height="18" viewBox="0 0 22 18" fill="none"><path fill-rule="evenodd" d="M18.9524.65678l-.0785-.04649-.0201-.0117c-.5256-.30277-1.1045-.50192-1.7196-.57134-1.0875-.12282-2.1267.17515-3.0048.78185-.6015-.40708-1.2825-.67215-2.0156-.75492-1.0105-.11403-1.9792.13581-2.81586.65904l-.01038.00672-.01425.00908c-.02031.01897-.03405.04847-.03405.0816 0 .0576.03846.1042.08723.1042.00451 0 .00893-.00082.01364-.00199s.00253-.0006.00375-.00103l.00223-.00072c.45-.09928.91919-.12738 1.39759-.07341 1.3427.15138 2.5128.6464 3.3337 1.75747.0429.05327.0807.05.1242-.00281 1.0326-1.42836 2.6162-1.99279 4.3181-1.8009l.2817.04156.0281.00521.083.01434c.0562.00738.0864-.04648.0864-.10432-.0005-.0391-.0146-.07259-.0465-.09144zM11.9985 8c-.5522 0-1 .44772-1 1v8c0 .5523.4477 1 1 1h9c.5523 0 1-.4477 1-1V9c0-.55228-.4477-1-1-1h-9zm4 8v-5h-2v-1h5v1h-2v5h-1zm.9693-10.32247l.0118.00606c.043.02436.0729.07716.0726.13898 0 .0857-.0584.15489-.1298.15489-.0028 0-.1275-.01136-.1866-.01686l-.6219-.02634c-2.9255 0-5.5537 1.2826-7.14778 3.88374l-.04596.07604-.02989.04912c-.02395.03488-.05947.05694-.09989.05694-.03268 0-.06192-.0141-.08468-.0381-.00393-.00456-.00717-.00889-.01089-.01217C7.12513 8.18814 5.0403 7.52852 2.70144 7.52852c-.87978 0-1.73011.1563-2.53139.44385-.00487.00226-.00932.00362-.01442.00519l-.00138.00043c-.00834.00199-.01697.00351-.02541.00351-.07173 0-.12982-.06955-.12982-.1549 0-.05034.02012-.09413.04994-.12152l.00484-.00414.00978-.00804c1.39796-1.1263 3.08205-1.78393 4.89586-1.78393 1.2755 0 2.48742.32583 3.58111.91041C9.97345 5.60211 11.726 4.88477 13.6191 4.88477c1.1847 0 2.3134.28192 3.3454.79121l.0033.00155z" fill="#000"/></svg>')
     }
 
     //  Collaboration
     &.icon-users {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16 7C16 9.34102 15.4162 11.1346 14.6143 12.3121C13.8071 13.4974 12.8337 14 12 14C11.1663 14 10.1929 13.4974 9.38574 12.3121C8.5838 11.1346 8 9.34102 8 7C8 4.61508 9.97853 3 12 3C14.0215 3 16 4.61508 16 7ZM15.1891 13.2201C14.2865 14.375 13.1451 15 12 15C10.8549 15 9.71347 14.375 8.81092 13.2201C7.40473 13.7844 6.21268 14.3488 5.26963 14.9224C3.55256 15.9667 3 16.8326 3 17.5C3 18.2545 3.4257 19.0877 4.82302 19.7879C6.25015 20.5031 8.57272 20.9999 12 21C15.4273 21 17.7499 20.5031 19.177 19.7879C20.5743 19.0877 21 18.2545 21 17.5C21 16.8326 20.4474 15.9667 18.7304 14.9224C17.7873 14.3488 16.5953 13.7844 15.1891 13.2201ZM15.7544 12.37C16.5137 11.0279 17 9.20917 17 7C17 4 14.5088 2 12 2C9.49121 2 7 4 7 7C7 9.20917 7.48633 11.0279 8.24563 12.37C4.38973 13.9392 2 15.579 2 17.5C2 19.9852 5 21.9999 12 22C19 22 22 19.9852 22 17.5C22 15.579 19.6103 13.9392 15.7544 12.37Z" fill="@{themeColor}"/></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16 7C16 9.34102 15.4162 11.1346 14.6143 12.3121C13.8071 13.4974 12.8337 14 12 14C11.1663 14 10.1929 13.4974 9.38574 12.3121C8.5838 11.1346 8 9.34102 8 7C8 4.61508 9.97853 3 12 3C14.0215 3 16 4.61508 16 7ZM15.1891 13.2201C14.2865 14.375 13.1451 15 12 15C10.8549 15 9.71347 14.375 8.81092 13.2201C7.40473 13.7844 6.21268 14.3488 5.26963 14.9224C3.55256 15.9667 3 16.8326 3 17.5C3 18.2545 3.4257 19.0877 4.82302 19.7879C6.25015 20.5031 8.57272 20.9999 12 21C15.4273 21 17.7499 20.5031 19.177 19.7879C20.5743 19.0877 21 18.2545 21 17.5C21 16.8326 20.4474 15.9667 18.7304 14.9224C17.7873 14.3488 16.5953 13.7844 15.1891 13.2201ZM15.7544 12.37C16.5137 11.0279 17 9.20917 17 7C17 4 14.5088 2 12 2C9.49121 2 7 4 7 7C7 9.20917 7.48633 11.0279 8.24563 12.37C4.38973 13.9392 2 15.579 2 17.5C2 19.9852 5 21.9999 12 22C19 22 22 19.9852 22 17.5C22 15.579 19.6103 13.9392 15.7544 12.37Z" fill="@{brandColor}"/></svg>');
     }
 
     &.icon-app-settings {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 14H16C18.2091 14 20 15.7909 20 18C20 20.2091 18.2091 22 16 22H7C4.79086 22 3 20.2091 3 18C3 15.7909 4.79086 14 7 14ZM16 13C18.7614 13 21 15.2386 21 18C21 20.7614 18.7614 23 16 23H7C4.23858 23 2 20.7614 2 18C2 15.2386 4.23858 13 7 13H16Z" fill="@{themeColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16 20C14.8954 20 14 19.1046 14 18C14 16.8954 14.8954 16 16 16C17.1046 16 18 16.8954 18 18C18 19.1046 17.1046 20 16 20ZM16 21C14.3431 21 13 19.6569 13 18C13 16.3431 14.3431 15 16 15C17.6569 15 19 16.3431 19 18C19 19.6569 17.6569 21 16 21Z" fill="@{themeColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16 3H7C4.79086 3 3 4.79086 3 7C3 9.20914 4.79086 11 7 11H16C18.2091 11 20 9.20914 20 7C20 4.79086 18.2091 3 16 3ZM7 2C4.23858 2 2 4.23858 2 7C2 9.76142 4.23858 12 7 12H16C18.7614 12 21 9.76142 21 7C21 4.23858 18.7614 2 16 2H7Z" fill="@{themeColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7 9C8.10457 9 9 8.10457 9 7C9 5.89543 8.10457 5 7 5C5.89543 5 5 5.89543 5 7C5 8.10457 5.89543 9 7 9ZM7 10C8.65685 10 10 8.65685 10 7C10 5.34315 8.65685 4 7 4C5.34315 4 4 5.34315 4 7C4 8.65685 5.34315 10 7 10Z" fill="@{themeColor}"/></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 14H16C18.2091 14 20 15.7909 20 18C20 20.2091 18.2091 22 16 22H7C4.79086 22 3 20.2091 3 18C3 15.7909 4.79086 14 7 14ZM16 13C18.7614 13 21 15.2386 21 18C21 20.7614 18.7614 23 16 23H7C4.23858 23 2 20.7614 2 18C2 15.2386 4.23858 13 7 13H16Z" fill="@{brandColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16 20C14.8954 20 14 19.1046 14 18C14 16.8954 14.8954 16 16 16C17.1046 16 18 16.8954 18 18C18 19.1046 17.1046 20 16 20ZM16 21C14.3431 21 13 19.6569 13 18C13 16.3431 14.3431 15 16 15C17.6569 15 19 16.3431 19 18C19 19.6569 17.6569 21 16 21Z" fill="@{brandColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16 3H7C4.79086 3 3 4.79086 3 7C3 9.20914 4.79086 11 7 11H16C18.2091 11 20 9.20914 20 7C20 4.79086 18.2091 3 16 3ZM7 2C4.23858 2 2 4.23858 2 7C2 9.76142 4.23858 12 7 12H16C18.7614 12 21 9.76142 21 7C21 4.23858 18.7614 2 16 2H7Z" fill="@{brandColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7 9C8.10457 9 9 8.10457 9 7C9 5.89543 8.10457 5 7 5C5.89543 5 5 5.89543 5 7C5 8.10457 5.89543 9 7 9ZM7 10C8.65685 10 10 8.65685 10 7C10 5.34315 8.65685 4 7 4C5.34315 4 4 5.34315 4 7C4 8.65685 5.34315 10 7 10Z" fill="@{brandColor}"/></svg>');
     }
 
     //comments
     &.icon-menu-comment {
       width: 30px;
       height: 30px;
-      .encoded-svg-background('<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10 15C10 16.6569 8.65685 18 7 18C5.34315 18 4 16.6569 4 15C4 13.3431 5.34315 12 7 12C8.65685 12 10 13.3431 10 15ZM7 16.7143C7.94677 16.7143 8.71429 15.9468 8.71429 15C8.71429 14.0532 7.94677 13.2857 7 13.2857C6.05323 13.2857 5.28571 14.0532 5.28571 15C5.28571 15.9468 6.05323 16.7143 7 16.7143Z" fill="#A3A3A3"/><path fill-rule="evenodd" clip-rule="evenodd" d="M18 15C18 16.6569 16.6569 18 15 18C13.3431 18 12 16.6569 12 15C12 13.3431 13.3431 12 15 12C16.6569 12 18 13.3431 18 15ZM15 16.7143C15.9468 16.7143 16.7143 15.9468 16.7143 15C16.7143 14.0532 15.9468 13.2857 15 13.2857C14.0532 13.2857 13.2857 14.0532 13.2857 15C13.2857 15.9468 14.0532 16.7143 15 16.7143Z" fill="#A3A3A3"/><path fill-rule="evenodd" clip-rule="evenodd" d="M26 15C26 16.6569 24.6569 18 23 18C21.3431 18 20 16.6569 20 15C20 13.3431 21.3431 12 23 12C24.6569 12 26 13.3431 26 15ZM23 16.7143C23.9468 16.7143 24.7143 15.9468 24.7143 15C24.7143 14.0532 23.9468 13.2857 23 13.2857C22.0532 13.2857 21.2857 14.0532 21.2857 15C21.2857 15.9468 22.0532 16.7143 23 16.7143Z" fill="#A3A3A3"/></svg>');
+      .encoded-svg-mask('<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10 15C10 16.6569 8.65685 18 7 18C5.34315 18 4 16.6569 4 15C4 13.3431 5.34315 12 7 12C8.65685 12 10 13.3431 10 15ZM7 16.7143C7.94677 16.7143 8.71429 15.9468 8.71429 15C8.71429 14.0532 7.94677 13.2857 7 13.2857C6.05323 13.2857 5.28571 14.0532 5.28571 15C5.28571 15.9468 6.05323 16.7143 7 16.7143Z" fill="#A3A3A3"/><path fill-rule="evenodd" clip-rule="evenodd" d="M18 15C18 16.6569 16.6569 18 15 18C13.3431 18 12 16.6569 12 15C12 13.3431 13.3431 12 15 12C16.6569 12 18 13.3431 18 15ZM15 16.7143C15.9468 16.7143 16.7143 15.9468 16.7143 15C16.7143 14.0532 15.9468 13.2857 15 13.2857C14.0532 13.2857 13.2857 14.0532 13.2857 15C13.2857 15.9468 14.0532 16.7143 15 16.7143Z" fill="#A3A3A3"/><path fill-rule="evenodd" clip-rule="evenodd" d="M26 15C26 16.6569 24.6569 18 23 18C21.3431 18 20 16.6569 20 15C20 13.3431 21.3431 12 23 12C24.6569 12 26 13.3431 26 15ZM23 16.7143C23.9468 16.7143 24.7143 15.9468 24.7143 15C24.7143 14.0532 23.9468 13.2857 23 13.2857C22.0532 13.2857 21.2857 14.0532 21.2857 15C21.2857 15.9468 22.0532 16.7143 23 16.7143Z" fill="#A3A3A3"/></svg>', @text-tertiary);
     }
 
     &.icon-resolve-comment {
       width: 30px;
       height: 30px;
-      .encoded-svg-background('<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.6195 20.8555C11.8237 21.0673 12.1658 21.0577 12.358 20.8349L22.516 9.05783C22.7843 8.74676 22.7528 8.27781 22.4453 8.00545C22.1315 7.72756 21.651 7.7604 21.3779 8.07839L12.3546 18.587C12.1638 18.8092 11.8238 18.8206 11.6186 18.6117L8.10643 15.0366C7.81574 14.7407 7.34084 14.7345 7.04258 15.0228C6.74283 15.3125 6.73444 15.7903 7.02383 16.0904L11.6195 20.8555Z" fill="#A3A3A3"/></svg>');
+      .encoded-svg-mask('<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.6195 20.8555C11.8237 21.0673 12.1658 21.0577 12.358 20.8349L22.516 9.05783C22.7843 8.74676 22.7528 8.27781 22.4453 8.00545C22.1315 7.72756 21.651 7.7604 21.3779 8.07839L12.3546 18.587C12.1638 18.8092 11.8238 18.8206 11.6186 18.6117L8.10643 15.0366C7.81574 14.7407 7.34084 14.7345 7.04258 15.0228C6.74283 15.3125 6.73444 15.7903 7.02383 16.0904L11.6195 20.8555Z" fill="@{brandColor}"/></svg>');
     }
 
     &.icon-resolve-comment.check {
       width: 30px;
       height: 30px;
-      .encoded-svg-background('<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0H30V30H0V0Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.6195 20.8555C11.8237 21.0673 12.1658 21.0577 12.358 20.8349L22.516 9.05783C22.7843 8.74676 22.7528 8.27781 22.4453 8.00545V8.00545C22.1315 7.72756 21.651 7.7604 21.3779 8.07839L12.3546 18.587C12.1638 18.8092 11.8238 18.8206 11.6186 18.6117L8.10643 15.0366C7.81575 14.7407 7.34084 14.7345 7.04258 15.0228V15.0228C6.74283 15.3125 6.73444 15.7903 7.02383 16.0904L11.6195 20.8555Z" fill="@{green}"/></svg>');
+      .encoded-svg-background('<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><path d="M0 0H30V30H0V0Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.6195 20.8555C11.8237 21.0673 12.1658 21.0577 12.358 20.8349L22.516 9.05783C22.7843 8.74676 22.7528 8.27781 22.4453 8.00545V8.00545C22.1315 7.72756 21.651 7.7604 21.3779 8.07839L12.3546 18.587C12.1638 18.8092 11.8238 18.8206 11.6186 18.6117L8.10643 15.0366C7.81575 14.7407 7.34084 14.7345 7.04258 15.0228V15.0228C6.74283 15.3125 6.73444 15.7903 7.02383 16.0904L11.6195 20.8555Z" fill="@{green}"/></svg>');
     }
 
     &.icon-insert-comment {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.1538 9.00708H11.8462C10.8266 9.00708 10 9.83461 10 10.8554V15.1694C10 16.1902 10.8266 17.0177 11.8462 17.0177H13.8329C13.9409 17.0177 14.0454 17.0556 14.1284 17.1248L18.243 20.392C18.5436 20.6428 19 20.4288 19 20.037V17.4798C19 17.2246 19.2066 17.0177 19.4615 17.0177H20.1538C21.1734 17.0177 22 16.1902 22 15.1694V10.8554C22 9.83461 21.1734 9.00708 20.1538 9.00708ZM20 10.0083C20.5523 10.0083 21 10.4565 21 11.0095V15.0154C21 15.5683 20.5523 16.0165 20 16.0165H18.0025L18 18.8995C18 19.2912 18 19 18 19L14.5 16.0165H12C11.4477 16.0165 11 15.5683 11 15.0154V11.0095C11 10.4565 11.4477 10.0083 12 10.0083H20Z" fill="@{themeColor}"/><path d="M14.5 3H4.5C3.18908 3 2 4.2153 2 5.50295V12.0346C2 13.3222 3.18908 14.013 4.5 14.013H5.5C5.82773 14.013 6 14.1917 6 14.5136V17.5183C6 18.0125 6.6135 18.3352 7 18.0189L11 14.9858V13.5L7 16.5V13.0118H4.5C3.78992 13.0118 3 12.732 3 12.0346V5.50295C3 4.80547 3.78992 4.00118 4.5 4.00118H14.5C15.2101 4.00118 16 4.80547 16 5.50295V8.0059H17V5.50295C17 4.2153 15.8109 3 14.5 3Z" fill="@{themeColor}"/></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.1538 9.00708H11.8462C10.8266 9.00708 10 9.83461 10 10.8554V15.1694C10 16.1902 10.8266 17.0177 11.8462 17.0177H13.8329C13.9409 17.0177 14.0454 17.0556 14.1284 17.1248L18.243 20.392C18.5436 20.6428 19 20.4288 19 20.037V17.4798C19 17.2246 19.2066 17.0177 19.4615 17.0177H20.1538C21.1734 17.0177 22 16.1902 22 15.1694V10.8554C22 9.83461 21.1734 9.00708 20.1538 9.00708ZM20 10.0083C20.5523 10.0083 21 10.4565 21 11.0095V15.0154C21 15.5683 20.5523 16.0165 20 16.0165H18.0025L18 18.8995C18 19.2912 18 19 18 19L14.5 16.0165H12C11.4477 16.0165 11 15.5683 11 15.0154V11.0095C11 10.4565 11.4477 10.0083 12 10.0083H20Z" fill="@{brandColor}"/><path d="M14.5 3H4.5C3.18908 3 2 4.2153 2 5.50295V12.0346C2 13.3222 3.18908 14.013 4.5 14.013H5.5C5.82773 14.013 6 14.1917 6 14.5136V17.5183C6 18.0125 6.6135 18.3352 7 18.0189L11 14.9858V13.5L7 16.5V13.0118H4.5C3.78992 13.0118 3 12.732 3 12.0346V5.50295C3 4.80547 3.78992 4.00118 4.5 4.00118H14.5C15.2101 4.00118 16 4.80547 16 5.50295V8.0059H17V5.50295C17 4.2153 15.8109 3 14.5 3Z" fill="@{brandColor}"/></svg>');
     }
 
     //Insert
     &.icon-add-slide {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4 6C4 4.89543 4.89543 4 6 4H18C19.1046 4 20 4.89543 20 6V18C20 19.1046 19.1046 20 18 20H6C4.89543 20 4 19.1046 4 18V6ZM11 10.9333V8H13V10.9333H16V12.9333H13V16H11V12.9333H8V10.9333H11Z" fill="@{themeColor}"/></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4 6C4 4.89543 4.89543 4 6 4H18C19.1046 4 20 4.89543 20 6V18C20 19.1046 19.1046 20 18 20H6C4.89543 20 4 19.1046 4 18V6ZM11 10.9333V8H13V10.9333H16V12.9333H13V16H11V12.9333H8V10.9333H11Z" fill="@{brandColor}"/></svg>');
     }
 
     &.icon-add-shape {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse cx="15.3333" cy="14.4002" rx="5.66667" ry="5.60002" fill="@{themeColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5 4.80005C4.44772 4.80005 4 5.24776 4 5.80005V15.8001C4 16.3524 4.44771 16.8001 5 16.8001H9.32787C9.02431 16.059 8.85714 15.2488 8.85714 14.4001C8.85714 10.8655 11.7566 8.00012 15.3333 8.00012C15.8924 8.00012 16.4349 8.07013 16.9524 8.20175V5.80005C16.9524 5.24776 16.5047 4.80005 15.9524 4.80005H5Z" fill="@{themeColor}"/></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><ellipse cx="15.3333" cy="14.4002" rx="5.66667" ry="5.60002" fill="@{brandColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5 4.80005C4.44772 4.80005 4 5.24776 4 5.80005V15.8001C4 16.3524 4.44771 16.8001 5 16.8001H9.32787C9.02431 16.059 8.85714 15.2488 8.85714 14.4001C8.85714 10.8655 11.7566 8.00012 15.3333 8.00012C15.8924 8.00012 16.4349 8.07013 16.9524 8.20175V5.80005C16.9524 5.24776 16.5047 4.80005 15.9524 4.80005H5Z" fill="@{brandColor}"/></svg>');
     }
 
     &.icon-add-image {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.79177 16.6667L8.87529 13.1667L11.1254 15.5L14.2089 12L18.2092 16.6667H5.79177ZM19.4593 18.526C19.8204 18.2101 20.001 17.8455 20.001 17.4323V6.56771C20.001 6.15451 19.8204 5.78993 19.4593 5.47396C19.0981 5.15799 18.6814 5 18.2092 5H5.79177C5.31952 5 4.90283 5.15799 4.5417 5.47396C4.18057 5.78993 4 6.15451 4 6.56771V17.4323C4 17.8455 4.18057 18.2101 4.5417 18.526C4.90283 18.842 5.31952 19 5.79177 19H18.2092C18.6814 19 19.0981 18.842 19.4593 18.526ZM8.79933 11.2222C9.68304 11.2222 10.3994 10.5258 10.3994 9.66667C10.3994 8.80756 9.68304 8.11111 8.79933 8.11111C7.91562 8.11111 7.19923 8.80756 7.19923 9.66667C7.19923 10.5258 7.91562 11.2222 8.79933 11.2222Z" fill="@{themeColor}"/></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.79177 16.6667L8.87529 13.1667L11.1254 15.5L14.2089 12L18.2092 16.6667H5.79177ZM19.4593 18.526C19.8204 18.2101 20.001 17.8455 20.001 17.4323V6.56771C20.001 6.15451 19.8204 5.78993 19.4593 5.47396C19.0981 5.15799 18.6814 5 18.2092 5H5.79177C5.31952 5 4.90283 5.15799 4.5417 5.47396C4.18057 5.78993 4 6.15451 4 6.56771V17.4323C4 17.8455 4.18057 18.2101 4.5417 18.526C4.90283 18.842 5.31952 19 5.79177 19H18.2092C18.6814 19 19.0981 18.842 19.4593 18.526ZM8.79933 11.2222C9.68304 11.2222 10.3994 10.5258 10.3994 9.66667C10.3994 8.80756 9.68304 8.11111 8.79933 8.11111C7.91562 8.11111 7.19923 8.80756 7.19923 9.66667C7.19923 10.5258 7.91562 11.2222 8.79933 11.2222Z" fill="@{brandColor}"/></svg>');
     }
 
     &.icon-add-other {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.00049 18C7.00049 18.8284 6.32892 19.5 5.50049 19.5C4.67206 19.5 4.00049 18.8284 4.00049 18C4.00049 17.1716 4.67206 16.5 5.50049 16.5C6.32892 16.5 7.00049 17.1716 7.00049 18ZM13.5005 18C13.5005 18.8284 12.8289 19.5 12.0005 19.5C11.1721 19.5 10.5005 18.8284 10.5005 18C10.5005 17.1716 11.1721 16.5 12.0005 16.5C12.8289 16.5 13.5005 17.1716 13.5005 18ZM18.5005 19.5C19.3289 19.5 20.0005 18.8284 20.0005 18C20.0005 17.1716 19.3289 16.5 18.5005 16.5C17.6721 16.5 17.0005 17.1716 17.0005 18C17.0005 18.8284 17.6721 19.5 18.5005 19.5Z" fill="@{themeColor}"/></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.00049 18C7.00049 18.8284 6.32892 19.5 5.50049 19.5C4.67206 19.5 4.00049 18.8284 4.00049 18C4.00049 17.1716 4.67206 16.5 5.50049 16.5C6.32892 16.5 7.00049 17.1716 7.00049 18ZM13.5005 18C13.5005 18.8284 12.8289 19.5 12.0005 19.5C11.1721 19.5 10.5005 18.8284 10.5005 18C10.5005 17.1716 11.1721 16.5 12.0005 16.5C12.8289 16.5 13.5005 17.1716 13.5005 18ZM18.5005 19.5C19.3289 19.5 20.0005 18.8284 20.0005 18C20.0005 17.1716 19.3289 16.5 18.5005 16.5C17.6721 16.5 17.0005 17.1716 17.0005 18C17.0005 18.8284 17.6721 19.5 18.5005 19.5Z" fill="@{brandColor}"/></svg>');
     }
 
     &.icon-add-table {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1 2H22V21H1V2ZM12 3H21V8H12V3ZM12 9H21V14H12V9ZM11 14V9H2V14H11ZM2 15V20H11V15H2ZM12 15H21V20H12V15ZM11 3V8H2V3H11Z" fill="@{themeColor}"/></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1 2H22V21H1V2ZM12 3H21V8H12V3ZM12 9H21V14H12V9ZM11 14V9H2V14H11ZM2 15V20H11V15H2ZM12 15H21V20H12V15ZM11 3V8H2V3H11Z" fill="@{brandColor}"/></svg>');
     }
   }
 
@@ -520,25 +520,25 @@
       &.icon-add-slide {
         width: 24px;
         height: 24px;
-        .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4 6C4 4.89543 4.89543 4 6 4H18C19.1046 4 20 4.89543 20 6V18C20 19.1046 19.1046 20 18 20H6C4.89543 20 4 19.1046 4 18V6ZM11 10.9333V8H13V10.9333H16V12.9333H13V16H11V12.9333H8V10.9333H11Z" fill="white"/></svg>');
+        .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4 6C4 4.89543 4.89543 4 6 4H18C19.1046 4 20 4.89543 20 6V18C20 19.1046 19.1046 20 18 20H6C4.89543 20 4 19.1046 4 18V6ZM11 10.9333V8H13V10.9333H16V12.9333H13V16H11V12.9333H8V10.9333H11Z" fill="@{fill-white}"/></svg>', @fill-white);
       }
 
       &.icon-add-shape {
         width: 24px;
         height: 24px;
-        .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse cx="15.3333" cy="14.4002" rx="5.66667" ry="5.60002" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5 4.80005C4.44772 4.80005 4 5.24776 4 5.80005V15.8001C4 16.3524 4.44771 16.8001 5 16.8001H9.32787C9.02431 16.059 8.85714 15.2488 8.85714 14.4001C8.85714 10.8655 11.7566 8.00012 15.3333 8.00012C15.8924 8.00012 16.4349 8.07013 16.9524 8.20175V5.80005C16.9524 5.24776 16.5047 4.80005 15.9524 4.80005H5Z" fill="white"/></svg>');
+        .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><ellipse cx="15.3333" cy="14.4002" rx="5.66667" ry="5.60002" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5 4.80005C4.44772 4.80005 4 5.24776 4 5.80005V15.8001C4 16.3524 4.44771 16.8001 5 16.8001H9.32787C9.02431 16.059 8.85714 15.2488 8.85714 14.4001C8.85714 10.8655 11.7566 8.00012 15.3333 8.00012C15.8924 8.00012 16.4349 8.07013 16.9524 8.20175V5.80005C16.9524 5.24776 16.5047 4.80005 15.9524 4.80005H5Z" fill="@{fill-white}"/></svg>', @fill-white);
       }
 
       &.icon-add-image {
         width: 24px;
         height: 24px;
-        .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.79177 16.6667L8.87529 13.1667L11.1254 15.5L14.2089 12L18.2092 16.6667H5.79177ZM19.4593 18.526C19.8204 18.2101 20.001 17.8455 20.001 17.4323V6.56771C20.001 6.15451 19.8204 5.78993 19.4593 5.47396C19.0981 5.15799 18.6814 5 18.2092 5H5.79177C5.31952 5 4.90283 5.15799 4.5417 5.47396C4.18057 5.78993 4 6.15451 4 6.56771V17.4323C4 17.8455 4.18057 18.2101 4.5417 18.526C4.90283 18.842 5.31952 19 5.79177 19H18.2092C18.6814 19 19.0981 18.842 19.4593 18.526ZM8.79933 11.2222C9.68304 11.2222 10.3994 10.5258 10.3994 9.66667C10.3994 8.80756 9.68304 8.11111 8.79933 8.11111C7.91562 8.11111 7.19923 8.80756 7.19923 9.66667C7.19923 10.5258 7.91562 11.2222 8.79933 11.2222Z" fill="white"/></svg>');
+        .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.79177 16.6667L8.87529 13.1667L11.1254 15.5L14.2089 12L18.2092 16.6667H5.79177ZM19.4593 18.526C19.8204 18.2101 20.001 17.8455 20.001 17.4323V6.56771C20.001 6.15451 19.8204 5.78993 19.4593 5.47396C19.0981 5.15799 18.6814 5 18.2092 5H5.79177C5.31952 5 4.90283 5.15799 4.5417 5.47396C4.18057 5.78993 4 6.15451 4 6.56771V17.4323C4 17.8455 4.18057 18.2101 4.5417 18.526C4.90283 18.842 5.31952 19 5.79177 19H18.2092C18.6814 19 19.0981 18.842 19.4593 18.526ZM8.79933 11.2222C9.68304 11.2222 10.3994 10.5258 10.3994 9.66667C10.3994 8.80756 9.68304 8.11111 8.79933 8.11111C7.91562 8.11111 7.19923 8.80756 7.19923 9.66667C7.19923 10.5258 7.91562 11.2222 8.79933 11.2222Z" fill="@{fill-white}"/></svg>', @fill-white);
       }
 
       &.icon-add-other {
         width: 24px;
         height: 24px;
-        .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.00049 18C7.00049 18.8284 6.32892 19.5 5.50049 19.5C4.67206 19.5 4.00049 18.8284 4.00049 18C4.00049 17.1716 4.67206 16.5 5.50049 16.5C6.32892 16.5 7.00049 17.1716 7.00049 18ZM13.5005 18C13.5005 18.8284 12.8289 19.5 12.0005 19.5C11.1721 19.5 10.5005 18.8284 10.5005 18C10.5005 17.1716 11.1721 16.5 12.0005 16.5C12.8289 16.5 13.5005 17.1716 13.5005 18ZM18.5005 19.5C19.3289 19.5 20.0005 18.8284 20.0005 18C20.0005 17.1716 19.3289 16.5 18.5005 16.5C17.6721 16.5 17.0005 17.1716 17.0005 18C17.0005 18.8284 17.6721 19.5 18.5005 19.5Z" fill="white"/></svg>');
+        .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.00049 18C7.00049 18.8284 6.32892 19.5 5.50049 19.5C4.67206 19.5 4.00049 18.8284 4.00049 18C4.00049 17.1716 4.67206 16.5 5.50049 16.5C6.32892 16.5 7.00049 17.1716 7.00049 18ZM13.5005 18C13.5005 18.8284 12.8289 19.5 12.0005 19.5C11.1721 19.5 10.5005 18.8284 10.5005 18C10.5005 17.1716 11.1721 16.5 12.0005 16.5C12.8289 16.5 13.5005 17.1716 13.5005 18ZM18.5005 19.5C19.3289 19.5 20.0005 18.8284 20.0005 18C20.0005 17.1716 19.3289 16.5 18.5005 16.5C17.6721 16.5 17.0005 17.1716 17.0005 18C17.0005 18.8284 17.6721 19.5 18.5005 19.5Z" fill="@{fill-white}"/></svg>', @fill-white);
       }
     }
   }
diff --git a/apps/presentationeditor/mobile/src/less/icons-material.less b/apps/presentationeditor/mobile/src/less/icons-material.less
index 90ffdba25..23488b3a3 100644
--- a/apps/presentationeditor/mobile/src/less/icons-material.less
+++ b/apps/presentationeditor/mobile/src/less/icons-material.less
@@ -4,241 +4,241 @@
     &.icon-expand-up {
       width: 17px;
       height: 17px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{black}"><g><polygon points="10.9,5.1 2,13.9 4.1,16 11.1,9.2 17.9,16 20,13.9 11.2,5.1 11.1,5 "/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{fill-white}"><g><polygon points="10.9,5.1 2,13.9 4.1,16 11.1,9.2 17.9,16 20,13.9 11.2,5.1 11.1,5 "/></g></svg>');
     }
 
     &.icon-expand-down {
       width: 17px;
       height: 17px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{black}"><g><polygon points="10.9,16.9 2,8.1 4.1,6 11.1,12.8 17.9,6 20,8.1 11.2,16.9 11.1,17 "/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><polygon points="10.9,16.9 2,8.1 4.1,6 11.1,12.8 17.9,6 20,8.1 11.2,16.9 11.1,17 "/></g></svg>');
     }
 
     &.icon-search {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M19.5,16.8L16,13.3c0.7-1.1,1.1-2.4,1.1-3.8C17,5.4,13.6,2,9.5,2S2,5.4,2,9.5S5.4,17,9.5,17c1.4,0,2.7-0.4,3.8-1.1l3.5,3.5c0.7,0.7,1.9,0.7,2.6,0C20.2,18.7,20.2,17.6,19.5,16.8z M9.5,15.3c-3.2,0-5.8-2.6-5.8-5.8s2.6-5.8,5.8-5.8s5.8,2.6,5.8,5.8S12.7,15.3,9.5,15.3z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M19.5,16.8L16,13.3c0.7-1.1,1.1-2.4,1.1-3.8C17,5.4,13.6,2,9.5,2S2,5.4,2,9.5S5.4,17,9.5,17c1.4,0,2.7-0.4,3.8-1.1l3.5,3.5c0.7,0.7,1.9,0.7,2.6,0C20.2,18.7,20.2,17.6,19.5,16.8z M9.5,15.3c-3.2,0-5.8-2.6-5.8-5.8s2.6-5.8,5.8-5.8s5.8,2.6,5.8,5.8S12.7,15.3,9.5,15.3z"/></g></svg>');
     }
 
     &.icon-edit {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M0,20h22v1H0V20z"/><polygon points="17.1,3.1 3.5,16.7 3,20 6.3,19.5 19.9,5.9 	"/><path d="M20.5,5.3L22,3.8c0,0-0.2-1.2-0.9-1.9C20.4,1.1,19.2,1,19.2,1l-1.5,1.5L20.5,5.3z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M0,20h22v1H0V20z"/><polygon points="17.1,3.1 3.5,16.7 3,20 6.3,19.5 19.9,5.9"/><path d="M20.5,5.3L22,3.8c0,0-0.2-1.2-0.9-1.9C20.4,1.1,19.2,1,19.2,1l-1.5,1.5L20.5,5.3z"/></g></svg>');
     }
 
     &.icon-edit-settings {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M2.5 15L8 1h2l4.4146 11.2574-1.6009 1.6008L12.12012 12h-6.25L4.75 15zM9 3.66998L6.62012 10h4.75976z" clip-rule="evenodd" fill="#fff" fill-rule="evenodd"/><path d="M10 19.50035V22h2.49965l7.37231-7.37231-2.49965-2.49965zm11.805-6.80572c.26-.25997.26-.67991 0-.93987l-1.5598-1.559787c-.25992-.259964-.67986-.259964-.93983 0L18.08554 11.4148l2.49966 2.49966z" fill="#fff"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22"><g><path d="M2.5 15L8 1h2l4.4146 11.2574-1.6009 1.6008L12.12012 12h-6.25L4.75 15zM9 3.66998L6.62012 10h4.75976z" clip-rule="evenodd" fill-rule="evenodd"/><path d="M10 19.50035V22h2.49965l7.37231-7.37231-2.49965-2.49965zm11.805-6.80572c.26-.25997.26-.67991 0-.93987l-1.5598-1.559787c-.25992-.259964-.67986-.259964-.93983 0L18.08554 11.4148l2.49966 2.49966z"/></g></svg>', @toolbar-icons);
     }
 
     &.icon-play {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M4.0464363,2.9884553c0.006526,0.00296,0.0142345,0.006835,0.0231438,0.0119021 c0.5908604,0.3357637,12.7118397,7.2924433,13.8977489,8.0268402c-0.5831585,0.3417759-13.0137587,7.4879274-13.934659,7.9826727 L4.0464363,2.9884553 M3.9889357,2C3.4427795,2.0000577,3.000525,2.4533575,3.000525,3.015348	c0,0.573487,0,15.1632957,0,15.9945221C3.000525,19.622963,3.4796104,20,3.9940588,20 c0.1729372,0,0.3499191-0.0426311,0.5139763-0.1332226c0.8905602-0.491045,13.1880894-7.5583372,13.9407387-7.9994459 c0.6751213-0.3955202,0.6867313-1.337512,0-1.7326603C17.4031754,9.5333271,5.1523852,2.501852,4.5393953,2.1535165 C4.3526201,2.0472794,4.165401,1.9999813,3.9889357,2L3.9889357,2z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{toolbar-icons}"><g><path d="M4.0464363,2.9884553c0.006526,0.00296,0.0142345,0.006835,0.0231438,0.0119021 c0.5908604,0.3357637,12.7118397,7.2924433,13.8977489,8.0268402c-0.5831585,0.3417759-13.0137587,7.4879274-13.934659,7.9826727 L4.0464363,2.9884553 M3.9889357,2C3.4427795,2.0000577,3.000525,2.4533575,3.000525,3.015348	c0,0.573487,0,15.1632957,0,15.9945221C3.000525,19.622963,3.4796104,20,3.9940588,20 c0.1729372,0,0.3499191-0.0426311,0.5139763-0.1332226c0.8905602-0.491045,13.1880894-7.5583372,13.9407387-7.9994459 c0.6751213-0.3955202,0.6867313-1.337512,0-1.7326603C17.4031754,9.5333271,5.1523852,2.501852,4.5393953,2.1535165 C4.3526201,2.0472794,4.165401,1.9999813,3.9889357,2L3.9889357,2z"/></g></svg>', @toolbar-icons);
     }
 
     &.icon-reader {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M17,21H1V9h6V2l0,0h10v5h1V1H6.2L0,7.6V22h18v-3h-1V21z M6,2.8V8H1.1L6,2.8z M13,8c-5.1,0-9,5-9,5s4.1,5,9,5c5,0,9-5,9-5S18,8,13,8z M8.7,15.5C6.8,14.4,6.4,13,6.4,13s0.4-1.5,2.4-2.6C8.3,11.2,8,12,8,13C8,13.9,8.3,14.8,8.7,15.5z M13,16.7c-2.1,0-3.7-1.7-3.7-3.7c0-2.1,1.7-3.7,3.7-3.7c2.1,0,3.7,1.7,3.7,3.7C16.7,15.1,15.1,16.7,13,16.7z M17.3,15.5c0.4-0.7,0.7-1.6,0.7-2.5c0-1-0.3-1.8-0.7-2.6c2,1.1,3.4,2.6,3.4,2.6S19.2,14.4,17.3,15.5z M13,11.7c-0.7,0-1.3,0.6-1.3,1.3s0.6,1.3,1.3,1.3s1.3-0.6,1.3-1.3S13.7,11.7,13,11.7z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M17,21H1V9h6V2l0,0h10v5h1V1H6.2L0,7.6V22h18v-3h-1V21z M6,2.8V8H1.1L6,2.8z M13,8c-5.1,0-9,5-9,5s4.1,5,9,5c5,0,9-5,9-5S18,8,13,8z M8.7,15.5C6.8,14.4,6.4,13,6.4,13s0.4-1.5,2.4-2.6C8.3,11.2,8,12,8,13C8,13.9,8.3,14.8,8.7,15.5z M13,16.7c-2.1,0-3.7-1.7-3.7-3.7c0-2.1,1.7-3.7,3.7-3.7c2.1,0,3.7,1.7,3.7,3.7C16.7,15.1,15.1,16.7,13,16.7z M17.3,15.5c0.4-0.7,0.7-1.6,0.7-2.5c0-1-0.3-1.8-0.7-2.6c2,1.1,3.4,2.6,3.4,2.6S19.2,14.4,17.3,15.5z M13,11.7c-0.7,0-1.3,0.6-1.3,1.3s0.6,1.3,1.3,1.3s1.3-0.6,1.3-1.3S13.7,11.7,13,11.7z"/></g></svg>');
     }
 
     &.icon-download {
       width: 22px;
-      height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" y="0px" x="0px" fill="@{themeColor}"><path d="M12 0H11L11 14L7.39999 10.3L6.69999 11.1L11.5 16L16.3 11.1L15.6 10.3L12 14L12 0Z"/><path d="M14 5V6H19V20H4V6H9V5H3V21H20V5H14Z"/></svg>');
+      height: 22px;
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" y="0px" x="0px" fill="@{brandColor}"><path d="M12 0H11L11 14L7.39999 10.3L6.69999 11.1L11.5 16L16.3 11.1L15.6 10.3L12 14L12 0Z"/><path d="M14 5V6H19V20H4V6H9V5H3V21H20V5H14Z"/></svg>');
     }
 
     &.icon-print {
       width: 22px;
-      height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-0 0 22 22" y="0px" x="0px" fill="@{themeColor}"><g><path fill-rule="evenodd" clip-rule="evenodd" d="M5 1H17V6H21V17H17V21H5V17H1V6H5V1ZM6 6H16V2H6V6ZM5 16V13H2V16H5ZM2 12H20V7H2V12ZM20 13H17V16H20V13ZM16 13H6V20H16V13ZM14 16H8V15H14V16ZM14 18H8V17H14V18Z"/></g></svg>');
+      height: 22px;
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-0 0 22 22" y="0px" x="0px" fill="@{brandColor}"><g><path fill-rule="evenodd" clip-rule="evenodd" d="M5 1H17V6H21V17H17V21H5V17H1V6H5V1ZM6 6H16V2H6V6ZM5 16V13H2V16H5ZM2 12H20V7H2V12ZM20 13H17V16H20V13ZM16 13H6V20H16V13ZM14 16H8V15H14V16ZM14 18H8V17H14V18Z"/></g></svg>');
     }
 
     &.icon-spellcheck {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path fill-rule="evenodd" clip-rule="evenodd" d="M8 1L3 15H4.2L5.97686 10H11.0231L11.6768 11.8394C11.955 11.5504 12.262 11.2892 12.593 11.0605L9 1H8ZM8.5 2.9L10.6678 9H6.33223L8.5 2.9Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16 21C18.7614 21 21 18.7614 21 16C21 13.2386 18.7614 11 16 11C13.2386 11 11 13.2386 11 16C11 18.7614 13.2386 21 16 21ZM15.3536 18.3536L19.3536 14.3536L18.6464 13.6464L15 17.2929L13.3536 15.6464L12.6464 16.3536L14.6464 18.3536L15 18.7071L15.3536 18.3536Z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path fill-rule="evenodd" clip-rule="evenodd" d="M8 1L3 15H4.2L5.97686 10H11.0231L11.6768 11.8394C11.955 11.5504 12.262 11.2892 12.593 11.0605L9 1H8ZM8.5 2.9L10.6678 9H6.33223L8.5 2.9Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16 21C18.7614 21 21 18.7614 21 16C21 13.2386 18.7614 11 16 11C13.2386 11 11 13.2386 11 16C11 18.7614 13.2386 21 16 21ZM15.3536 18.3536L19.3536 14.3536L18.6464 13.6464L15 17.2929L13.3536 15.6464L12.6464 16.3536L14.6464 18.3536L15 18.7071L15.3536 18.3536Z"/></g></svg>');
     }
 
     &.icon-info {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M10,17h2V8h-2V17z M11,1C5.5,1,1,5.5,1,11s4.5,10,10,10s10-4.5,10-10S16.5,1,11,1z M11,20c-5,0-9-4-9-9s4-9,9-9s9,4,9,9S16,20,11,20z M10,7h2V5h-2V7z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M10,17h2V8h-2V17z M11,1C5.5,1,1,5.5,1,11s4.5,10,10,10s10-4.5,10-10S16.5,1,11,1z M11,20c-5,0-9-4-9-9s4-9,9-9s9,4,9,9S16,20,11,20z M10,7h2V5h-2V7z"/></g></svg>');
     }
 
     &.icon-about {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-1 7 22 22" fill="@{themeColor}"><g><path d="M21,18.5c0-0.3-0.1-0.6-0.7-0.9l-2.6-1.2l2.6-1.2c0.6-0.3,0.7-0.6,0.7-0.9c0-0.3-0.1-0.6-0.7-0.9l-8.9-4.1c-0.7-0.4-1.9-0.4-2.8,0l-8.9,4.1C-0.9,13.8-1,14.1-1,14.3s0.1,0.6,0.7,0.9l2.6,1.2l-2.6,1.2C-0.9,18-1,18.4-1,18.5c0,0.2,0.1,0.6,0.7,0.9l2.5,1.2l-2.5,1.2C-0.9,22.1-1,22.5-1,22.7c0,0.3,0.1,0.6,0.7,0.9l8.9,4.1c0.5,0.2,0.8,0.3,1.4,0.3s1-0.1,1.4-0.3l8.9-4.1c0.6-0.4,0.7-0.6,0.7-0.9c0-0.3-0.1-0.6-0.7-0.9l-2.5-1.2l2.5-1.2C20.9,19.2,21,18.8,21,18.5z M-0.2,14.3L-0.2,14.3c0,0,0.1-0.1,0.3-0.2L9,10c0.6-0.3,1.5-0.3,2,0l8.9,4.1c0.2,0.1,0.3,0.2,0.3,0.2l0,0c0,0-0.1,0.1-0.3,0.2L11,18.6c-0.6,0.3-1.5,0.3-2,0l-8.9-4.1C-0.1,14.4-0.2,14.3-0.2,14.3z M20.2,22.7L20.2,22.7c0,0-0.1,0.1-0.3,0.2L11,27.1c-0.6,0.3-1.5,0.3-2,0l-8.9-4.1c-0.2-0.1-0.3-0.2-0.3-0.2l0,0c0,0,0.1-0.1,0.3-0.2l3-1.5l5.5,2.6c0.7,0.4,1.9,0.4,2.8,0l5.5-2.6l3,1.5C20.1,22.7,20.2,22.7,20.2,22.7z M19.9,18.7L11,22.8c-0.6,0.3-1.5,0.3-2,0l-8.9-4.1c-0.2-0.1-0.3-0.2-0.3-0.2l0,0c0,0,0.1-0.1,0.3-0.2l3-1.5l5.5,2.6c0.7,0.4,1.9,0.4,2.8,0l5.5-2.6l3,1.5c0.2,0.1,0.3,0.2,0.3,0.2l0,0C20.2,18.5,20.1,18.6,19.9,18.7z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-1 7 22 22" fill="@{brandColor}"><g><path d="M21,18.5c0-0.3-0.1-0.6-0.7-0.9l-2.6-1.2l2.6-1.2c0.6-0.3,0.7-0.6,0.7-0.9c0-0.3-0.1-0.6-0.7-0.9l-8.9-4.1c-0.7-0.4-1.9-0.4-2.8,0l-8.9,4.1C-0.9,13.8-1,14.1-1,14.3s0.1,0.6,0.7,0.9l2.6,1.2l-2.6,1.2C-0.9,18-1,18.4-1,18.5c0,0.2,0.1,0.6,0.7,0.9l2.5,1.2l-2.5,1.2C-0.9,22.1-1,22.5-1,22.7c0,0.3,0.1,0.6,0.7,0.9l8.9,4.1c0.5,0.2,0.8,0.3,1.4,0.3s1-0.1,1.4-0.3l8.9-4.1c0.6-0.4,0.7-0.6,0.7-0.9c0-0.3-0.1-0.6-0.7-0.9l-2.5-1.2l2.5-1.2C20.9,19.2,21,18.8,21,18.5z M-0.2,14.3L-0.2,14.3c0,0,0.1-0.1,0.3-0.2L9,10c0.6-0.3,1.5-0.3,2,0l8.9,4.1c0.2,0.1,0.3,0.2,0.3,0.2l0,0c0,0-0.1,0.1-0.3,0.2L11,18.6c-0.6,0.3-1.5,0.3-2,0l-8.9-4.1C-0.1,14.4-0.2,14.3-0.2,14.3z M20.2,22.7L20.2,22.7c0,0-0.1,0.1-0.3,0.2L11,27.1c-0.6,0.3-1.5,0.3-2,0l-8.9-4.1c-0.2-0.1-0.3-0.2-0.3-0.2l0,0c0,0,0.1-0.1,0.3-0.2l3-1.5l5.5,2.6c0.7,0.4,1.9,0.4,2.8,0l5.5-2.6l3,1.5C20.1,22.7,20.2,22.7,20.2,22.7z M19.9,18.7L11,22.8c-0.6,0.3-1.5,0.3-2,0l-8.9-4.1c-0.2-0.1-0.3-0.2-0.3-0.2l0,0c0,0,0.1-0.1,0.3-0.2l3-1.5l5.5,2.6c0.7,0.4,1.9,0.4,2.8,0l5.5-2.6l3,1.5c0.2,0.1,0.3,0.2,0.3,0.2l0,0C20.2,18.5,20.1,18.6,19.9,18.7z"/></g></svg>');
     }
 
     &.icon-help {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M11.6,1.3c-3.3,0-6,2.8-6,6.2c0.3,0,0.7,0,0.9,0c0-2.9,2.3-5.2,5.1-5.2s5.1,2.3,5.1,5.2c0,1.7-1.9,3.2-3,4.3C12.9,12.6,11,14.2,11,16c0,1.2,0,2.2,0,2.7c0.3,0,0.6,0,0.9,0c0-0.6,0-1.6,0-2.5c0-1.4,1.1-2.4,2.2-3.5c1.7-1.5,3.5-3.1,3.5-5.2C17.6,4.1,14.9,1.3,11.6,1.3z M11.5,20.2c-0.3,0-0.5,0.2-0.5,0.5v0.8c0,0.3,0.2,0.5,0.5,0.5s0.5-0.2,0.5-0.5v-0.8C11.9,20.4,11.7,20.2,11.5,20.2z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M11.6,1.3c-3.3,0-6,2.8-6,6.2c0.3,0,0.7,0,0.9,0c0-2.9,2.3-5.2,5.1-5.2s5.1,2.3,5.1,5.2c0,1.7-1.9,3.2-3,4.3C12.9,12.6,11,14.2,11,16c0,1.2,0,2.2,0,2.7c0.3,0,0.6,0,0.9,0c0-0.6,0-1.6,0-2.5c0-1.4,1.1-2.4,2.2-3.5c1.7-1.5,3.5-3.1,3.5-5.2C17.6,4.1,14.9,1.3,11.6,1.3z M11.5,20.2c-0.3,0-0.5,0.2-0.5,0.5v0.8c0,0.3,0.2,0.5,0.5,0.5s0.5-0.2,0.5-0.5v-0.8C11.9,20.4,11.7,20.2,11.5,20.2z"/></g></svg>');
     }
 
     &.icon-setup {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M0,3v16h22V3H0z M21,17H1V5h20V17z M16.5,5.9l-7.2,7.2L8.8,15H4v1c0,0,3.2,0,5,0c0.4,0,0.2,0,0.2-0.2l2.2-0.6L18.7,8L16.5,5.9z M9.9,13.1l6.5-6.4L18,8l-6.5,6.4L9.9,13.1z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M0,3v16h22V3H0z M21,17H1V5h20V17z M16.5,5.9l-7.2,7.2L8.8,15H4v1c0,0,3.2,0,5,0c0.4,0,0.2,0,0.2-0.2l2.2-0.6L18.7,8L16.5,5.9z M9.9,13.1l6.5-6.4L18,8l-6.5,6.4L9.9,13.1z"/></g></svg>');
     }
 
     &.icon-versions {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-1 7 22 22" fill="@{themeColor}"><g><path d="M19,12c0-1.1-0.9-2-2-2c0-1.1-0.9-2-2-2H5c-1.1,0-2,0.9-2,2c-1.1,0-2,0.9-2,2c-1.1,0-2,0.9-2,2v12c0,1.1,0.9,2,2,2h18c1.1,0,2-0.9,2-2V14C21,12.9,20.1,12,19,12z M5,9h10c0.6,0,1,0.4,1,1H4C4,9.4,4.4,9,5,9z M3,11h14c0.6,0,1,0.4,1,1H2C2,11.4,2.4,11,3,11z M20,26c0,0.6-0.4,1-1,1H1c-0.6,0-1-0.4-1-1V14c0-0.6,0.4-1,1-1h18c0.6,0,1,0.4,1,1V26z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-1 7 22 22" fill="@{brandColor}"><g><path d="M19,12c0-1.1-0.9-2-2-2c0-1.1-0.9-2-2-2H5c-1.1,0-2,0.9-2,2c-1.1,0-2,0.9-2,2c-1.1,0-2,0.9-2,2v12c0,1.1,0.9,2,2,2h18c1.1,0,2-0.9,2-2V14C21,12.9,20.1,12,19,12z M5,9h10c0.6,0,1,0.4,1,1H4C4,9.4,4.4,9,5,9z M3,11h14c0.6,0,1,0.4,1,1H2C2,11.4,2.4,11,3,11z M20,26c0,0.6-0.4,1-1,1H1c-0.6,0-1-0.4-1-1V14c0-0.6,0.4-1,1-1h18c0.6,0,1,0.4,1,1V26z"/></g></svg>');
     }
 
     //&.icon-text-additional {
     //  width: 22px;
     //  height: 22px;
-    //  .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M18.5,15.5c-1.1,0-2,0.9-2,2s0.9,2,2,2s2-0.9,2-2S19.6,15.5,18.5,15.5z M18.5,18.5c-0.6,0-1-0.4-1-1c0-0.6,0.4-1,1-1s1,0.4,1,1C19.5,18.1,19.1,18.5,18.5,18.5z M18.5,7.5c1.1,0,2-0.9,2-2c0-1.1-0.9-2-2-2s-2,0.9-2,2C16.5,6.6,17.4,7.5,18.5,7.5z M18.5,4.5c0.6,0,1,0.4,1,1s-0.4,1-1,1s-1-0.4-1-1S17.9,4.5,18.5,4.5z M18.5,9.5c-1.1,0-2,0.9-2,2s0.9,2,2,2s2-0.9,2-2S19.6,9.5,18.5,9.5z M18.5,12.5c-0.6,0-1-0.4-1-1c0-0.6,0.4-1,1-1s1,0.4,1,1C19.5,12.1,19.1,12.5,18.5,12.5z M6.9,3.8L1,18.9h1.5l1.8-4.7h6.9l1.7,4.7h1.5L8.6,3.8H6.9z M4.7,12.9l3-7.9l3,7.9H4.7z"/></g></svg>');
+    //  .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M18.5,15.5c-1.1,0-2,0.9-2,2s0.9,2,2,2s2-0.9,2-2S19.6,15.5,18.5,15.5z M18.5,18.5c-0.6,0-1-0.4-1-1c0-0.6,0.4-1,1-1s1,0.4,1,1C19.5,18.1,19.1,18.5,18.5,18.5z M18.5,7.5c1.1,0,2-0.9,2-2c0-1.1-0.9-2-2-2s-2,0.9-2,2C16.5,6.6,17.4,7.5,18.5,7.5z M18.5,4.5c0.6,0,1,0.4,1,1s-0.4,1-1,1s-1-0.4-1-1S17.9,4.5,18.5,4.5z M18.5,9.5c-1.1,0-2,0.9-2,2s0.9,2,2,2s2-0.9,2-2S19.6,9.5,18.5,9.5z M18.5,12.5c-0.6,0-1-0.4-1-1c0-0.6,0.4-1,1-1s1,0.4,1,1C19.5,12.1,19.1,12.5,18.5,12.5z M6.9,3.8L1,18.9h1.5l1.8-4.7h6.9l1.7,4.7h1.5L8.6,3.8H6.9z M4.7,12.9l3-7.9l3,7.9H4.7z"/></g></svg>');
     //}
     //&.icon-text-color {
     //  width: 22px;
     //  height: 22px;
-    //  .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M8.9,12l2.3-6.3l2.2,6.3H8.9z M4.7,17.8h2l1.6-4.3h5.6l1.5,4.3h2.1L12.3,3.5h-2.2L4.7,17.8z"/></g></svg>');
+    //  .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M8.9,12l2.3-6.3l2.2,6.3H8.9z M4.7,17.8h2l1.6-4.3h5.6l1.5,4.3h2.1L12.3,3.5h-2.2L4.7,17.8z"/></g></svg>');
     //}
     //&.icon-text-selection {
     //  width: 22px;
     //  height: 22px;
-    //  .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M7.6,10.3c0.2,0.3,0.4,0.4,0.5,0.5c0.3,0.2,0.6,0.3,1,0.3c0.7,0,1.3-0.3,1.7-0.8c0.4-0.5,0.6-1.2,0.6-2.1c0-0.9-0.2-1.5-0.6-2c-0.4-0.4-0.9-0.7-1.6-0.7c-0.3,0-0.6,0.1-0.9,0.2C8,6,7.8,6.2,7.6,6.4V3.8H6.8V11h0.8V10.3z M8,6.9c0.3-0.3,0.7-0.4,1.1-0.4c0.5,0,0.8,0.2,1,0.5c0.2,0.4,0.4,0.8,0.4,1.4c0,0.6-0.1,1.1-0.4,1.5c-0.2,0.4-0.6,0.6-1.1,0.6c-0.6,0-1.1-0.3-1.3-0.9C7.6,9.2,7.6,8.8,7.6,8.3C7.6,7.7,7.7,7.2,8,6.9z M5.7,10.4c-0.1,0-0.2,0-0.2-0.1c0-0.1-0.1-0.1-0.1-0.2v-3c0-0.5-0.2-0.9-0.6-1.1C4.4,5.8,4,5.6,3.3,5.6c-0.5,0-1,0.1-1.4,0.4C1.5,6.3,1.3,6.7,1.3,7.4h0.8c0-0.3,0.1-0.5,0.2-0.6c0.2-0.2,0.5-0.4,1-0.4c0.4,0,0.7,0.1,0.9,0.2c0.2,0.1,0.3,0.4,0.3,0.7c0,0.1,0,0.3-0.1,0.3C4.4,7.7,4.3,7.8,4.1,7.8L2.7,8C2.2,8.1,1.8,8.2,1.5,8.5C1.2,8.8,1,9.1,1,9.6c0,0.4,0.2,0.8,0.5,1.1c0.3,0.3,0.7,0.4,1.2,0.4c0.4,0,0.8-0.1,1.1-0.3c0.3-0.2,0.6-0.4,0.8-0.6c0,0.2,0.1,0.4,0.2,0.5c0.1,0.2,0.4,0.3,0.7,0.3c0.1,0,0.2,0,0.3,0c0.1,0,0.2,0,0.3-0.1v-0.6c-0.1,0-0.1,0-0.2,0C5.8,10.4,5.7,10.4,5.7,10.4z M4.5,9.1c0,0.5-0.2,0.9-0.7,1.2c-0.3,0.1-0.6,0.2-0.9,0.2c-0.3,0-0.5-0.1-0.7-0.2C2,10.1,2,9.9,2,9.6C2,9.3,2.1,9,2.4,8.9c0.2-0.1,0.4-0.2,0.7-0.2l0.5-0.1c0.2,0,0.3-0.1,0.5-0.1c0.2,0,0.3-0.1,0.4-0.2V9.1z M18.5,5L8.3,15.3l-0.5,2c-0.6,0.4-1.3,0.3-1.5,0.6c-0.3,0.4,0.9,0.4,1.5,0.3c0.4,0,0.5,0,0.5-0.2l2.2-0.6L20.7,7.1L18.5,5z M9,15.3l9.5-9.5L20,7.1l-9.5,9.5L9,15.3z"/></g></svg>');
+    //  .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M7.6,10.3c0.2,0.3,0.4,0.4,0.5,0.5c0.3,0.2,0.6,0.3,1,0.3c0.7,0,1.3-0.3,1.7-0.8c0.4-0.5,0.6-1.2,0.6-2.1c0-0.9-0.2-1.5-0.6-2c-0.4-0.4-0.9-0.7-1.6-0.7c-0.3,0-0.6,0.1-0.9,0.2C8,6,7.8,6.2,7.6,6.4V3.8H6.8V11h0.8V10.3z M8,6.9c0.3-0.3,0.7-0.4,1.1-0.4c0.5,0,0.8,0.2,1,0.5c0.2,0.4,0.4,0.8,0.4,1.4c0,0.6-0.1,1.1-0.4,1.5c-0.2,0.4-0.6,0.6-1.1,0.6c-0.6,0-1.1-0.3-1.3-0.9C7.6,9.2,7.6,8.8,7.6,8.3C7.6,7.7,7.7,7.2,8,6.9z M5.7,10.4c-0.1,0-0.2,0-0.2-0.1c0-0.1-0.1-0.1-0.1-0.2v-3c0-0.5-0.2-0.9-0.6-1.1C4.4,5.8,4,5.6,3.3,5.6c-0.5,0-1,0.1-1.4,0.4C1.5,6.3,1.3,6.7,1.3,7.4h0.8c0-0.3,0.1-0.5,0.2-0.6c0.2-0.2,0.5-0.4,1-0.4c0.4,0,0.7,0.1,0.9,0.2c0.2,0.1,0.3,0.4,0.3,0.7c0,0.1,0,0.3-0.1,0.3C4.4,7.7,4.3,7.8,4.1,7.8L2.7,8C2.2,8.1,1.8,8.2,1.5,8.5C1.2,8.8,1,9.1,1,9.6c0,0.4,0.2,0.8,0.5,1.1c0.3,0.3,0.7,0.4,1.2,0.4c0.4,0,0.8-0.1,1.1-0.3c0.3-0.2,0.6-0.4,0.8-0.6c0,0.2,0.1,0.4,0.2,0.5c0.1,0.2,0.4,0.3,0.7,0.3c0.1,0,0.2,0,0.3,0c0.1,0,0.2,0,0.3-0.1v-0.6c-0.1,0-0.1,0-0.2,0C5.8,10.4,5.7,10.4,5.7,10.4z M4.5,9.1c0,0.5-0.2,0.9-0.7,1.2c-0.3,0.1-0.6,0.2-0.9,0.2c-0.3,0-0.5-0.1-0.7-0.2C2,10.1,2,9.9,2,9.6C2,9.3,2.1,9,2.4,8.9c0.2-0.1,0.4-0.2,0.7-0.2l0.5-0.1c0.2,0,0.3-0.1,0.5-0.1c0.2,0,0.3-0.1,0.4-0.2V9.1z M18.5,5L8.3,15.3l-0.5,2c-0.6,0.4-1.3,0.3-1.5,0.6c-0.3,0.4,0.9,0.4,1.5,0.3c0.4,0,0.5,0,0.5-0.2l2.2-0.6L20.7,7.1L18.5,5z M9,15.3l9.5-9.5L20,7.1l-9.5,9.5L9,15.3z"/></g></svg>');
     //}
     //&.icon-bullets {
     //  width: 22px;
     //  height: 22px;
-    //  .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M7,4v1h15V4H7z M1,6h3V3H1V6z M7,12h15v-1H7V12z M1,13h3v-3H1V13z M7,19h15v-1H7V19z M1,20h3v-3H1V20z"/></g></svg>');
+    //  .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M7,4v1h15V4H7z M1,6h3V3H1V6z M7,12h15v-1H7V12z M1,13h3v-3H1V13z M7,19h15v-1H7V19z M1,20h3v-3H1V20z"/></g></svg>');
     //}
     //&.icon-numbers {
     //  width: 22px;
     //  height: 22px;
-    //  .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M7,3.8v1h15v-1H7z M7,11.8h15v-1H7V11.8z M7,18.8h15v-1H7V18.8z M3.1,6.9h0.7V2H3.3C3.2,2.4,3.1,2.6,2.9,2.7C2.7,2.8,2.4,2.9,2,2.9v0.5h1.2V6.9z M3.3,9C2.6,9,2.1,9.2,1.9,9.7c-0.2,0.3-0.2,0.6-0.2,1h0.6c0-0.3,0.1-0.5,0.1-0.7c0.2-0.3,0.5-0.5,0.9-0.5c0.3,0,0.5,0.1,0.7,0.3s0.3,0.4,0.3,0.7c0,0.2-0.1,0.5-0.3,0.7c-0.1,0.1-0.3,0.3-0.6,0.4l-0.7,0.4c-0.4,0.3-0.7,0.5-0.9,0.9c-0.2,0.3-0.2,0.7-0.3,1.1h3.4v-0.6H2.2c0.1-0.2,0.2-0.5,0.4-0.7c0.1-0.1,0.3-0.2,0.5-0.4L3.6,12c0.4-0.2,0.7-0.4,0.9-0.6c0.3-0.3,0.4-0.6,0.4-1c0-0.4-0.1-0.7-0.4-1C4.3,9.1,3.9,9,3.3,9z M4.1,18.3c0.2-0.1,0.3-0.2,0.4-0.3c0.2-0.2,0.2-0.4,0.2-0.7c0-0.4-0.1-0.7-0.4-1C4,16.1,3.6,16,3.1,16c-0.6,0-1.1,0.2-1.3,0.7c-0.1,0.3-0.2,0.6-0.2,0.9h0.6c0-0.3,0.1-0.5,0.1-0.6c0.2-0.3,0.4-0.4,0.9-0.4c0.2,0,0.4,0.1,0.6,0.2C4,16.9,4.1,17,4.1,17.3c0,0.3-0.1,0.6-0.4,0.7c-0.1,0.1-0.3,0.1-0.6,0.1c-0.1,0-0.1,0-0.1,0c0,0-0.1,0-0.2,0v0.5c0,0,0.1,0,0.1,0c0,0,0.1,0,0.1,0c0.4,0,0.7,0.1,0.9,0.2c0.2,0.1,0.3,0.4,0.3,0.7c0,0.3-0.1,0.5-0.3,0.7c-0.2,0.2-0.5,0.3-0.8,0.3c-0.4,0-0.7-0.1-0.9-0.4c-0.1-0.1-0.2-0.4-0.2-0.7H1.5c0,0.5,0.1,0.8,0.4,1.2C2.1,20.8,2.5,21,3.1,21c0.6,0,1-0.1,1.3-0.4c0.3-0.3,0.5-0.7,0.5-1.1c0-0.3-0.1-0.5-0.2-0.7C4.5,18.5,4.3,18.3,4.1,18.3z"/></g></svg>');
+    //  .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M7,3.8v1h15v-1H7z M7,11.8h15v-1H7V11.8z M7,18.8h15v-1H7V18.8z M3.1,6.9h0.7V2H3.3C3.2,2.4,3.1,2.6,2.9,2.7C2.7,2.8,2.4,2.9,2,2.9v0.5h1.2V6.9z M3.3,9C2.6,9,2.1,9.2,1.9,9.7c-0.2,0.3-0.2,0.6-0.2,1h0.6c0-0.3,0.1-0.5,0.1-0.7c0.2-0.3,0.5-0.5,0.9-0.5c0.3,0,0.5,0.1,0.7,0.3s0.3,0.4,0.3,0.7c0,0.2-0.1,0.5-0.3,0.7c-0.1,0.1-0.3,0.3-0.6,0.4l-0.7,0.4c-0.4,0.3-0.7,0.5-0.9,0.9c-0.2,0.3-0.2,0.7-0.3,1.1h3.4v-0.6H2.2c0.1-0.2,0.2-0.5,0.4-0.7c0.1-0.1,0.3-0.2,0.5-0.4L3.6,12c0.4-0.2,0.7-0.4,0.9-0.6c0.3-0.3,0.4-0.6,0.4-1c0-0.4-0.1-0.7-0.4-1C4.3,9.1,3.9,9,3.3,9z M4.1,18.3c0.2-0.1,0.3-0.2,0.4-0.3c0.2-0.2,0.2-0.4,0.2-0.7c0-0.4-0.1-0.7-0.4-1C4,16.1,3.6,16,3.1,16c-0.6,0-1.1,0.2-1.3,0.7c-0.1,0.3-0.2,0.6-0.2,0.9h0.6c0-0.3,0.1-0.5,0.1-0.6c0.2-0.3,0.4-0.4,0.9-0.4c0.2,0,0.4,0.1,0.6,0.2C4,16.9,4.1,17,4.1,17.3c0,0.3-0.1,0.6-0.4,0.7c-0.1,0.1-0.3,0.1-0.6,0.1c-0.1,0-0.1,0-0.1,0c0,0-0.1,0-0.2,0v0.5c0,0,0.1,0,0.1,0c0,0,0.1,0,0.1,0c0.4,0,0.7,0.1,0.9,0.2c0.2,0.1,0.3,0.4,0.3,0.7c0,0.3-0.1,0.5-0.3,0.7c-0.2,0.2-0.5,0.3-0.8,0.3c-0.4,0-0.7-0.1-0.9-0.4c-0.1-0.1-0.2-0.4-0.2-0.7H1.5c0,0.5,0.1,0.8,0.4,1.2C2.1,20.8,2.5,21,3.1,21c0.6,0,1-0.1,1.3-0.4c0.3-0.3,0.5-0.7,0.5-1.1c0-0.3-0.1-0.5-0.2-0.7C4.5,18.5,4.3,18.3,4.1,18.3z"/></g></svg>');
     //}
     //&.icon-linespacing {
     //  width: 22px;
     //  height: 22px;
-    //  .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><polygon id="XMLID_7_" points="22,4 22,3 12,3 11,3 1,3 1,4 11,4 11,4.3 8,7.4 8.7,8.1 11,5.7 11,17.3 8.7,14.9 8,15.6 11,18.7 11,19 1,19 1,20 11,20 12,20 22,20 22,19 12,19 12,18.6 15,15.6 14.3,14.9 12,17.2 12,5.8 14.3,8.1 15,7.4 12,4.4 12,4 	"/></g></svg>');
+    //  .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><polygon id="XMLID_7_" points="22,4 22,3 12,3 11,3 1,3 1,4 11,4 11,4.3 8,7.4 8.7,8.1 11,5.7 11,17.3 8.7,14.9 8,15.6 11,18.7 11,19 1,19 1,20 11,20 12,20 22,20 22,19 12,19 12,18.6 15,15.6 14.3,14.9 12,17.2 12,5.8 14.3,8.1 15,7.4 12,4.4 12,4 	"/></g></svg>');
     //}
     &.icon-text-align-center {
       width: 22px;
       height: 22px;
-      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M1,3v1h21V3H1z M4,7v1h14V7H4z M1,12h21v-1H1V12z M4,15v1h14v-1H4z M1,20h21v-1H1V20z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M1,3v1h21V3H1z M4,7v1h14V7H4z M1,12h21v-1H1V12z M4,15v1h14v-1H4z M1,20h21v-1H1V20z"/></g></svg>');
     }
 
     &.icon-text-align-just {
       width: 22px;
       height: 22px;
-      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M1,3v1h21V3H1z M1,8h21V7H1V8z M1,12h21v-1H1V12z M1,16h21v-1H1V16z M1,20h21v-1H1V20z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M1,3v1h21V3H1z M1,8h21V7H1V8z M1,12h21v-1H1V12z M1,16h21v-1H1V16z M1,20h21v-1H1V20z"/></g></svg>');
     }
 
     &.icon-text-align-left {
       width: 22px;
       height: 22px;
-      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M1,3v1h21V3H1z M15,7H1v1h14V7z M1,12h21v-1H1V12z M15,15H1v1h14V15z M1,20h21v-1H1V20z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M1,3v1h21V3H1z M15,7H1v1h14V7z M1,12h21v-1H1V12z M15,15H1v1h14V15z M1,20h21v-1H1V20z"/></g></svg>');
     }
 
     &.icon-text-align-right {
       width: 22px;
       height: 22px;
-      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M1,3v1h21V3H1z M8,8h14V7H8V8z M22,11H1v1h21V11z M8,16h14v-1H8V16z M22,19H1v1h21V19z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M1,3v1h21V3H1z M8,8h14V7H8V8z M22,11H1v1h21V11z M8,16h14v-1H8V16z M22,19H1v1h21V19z"/></g></svg>');
     }
 
     &.icon-de-indent {
       width: 22px;
       height: 22px;
-      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M1,20v-1h21v1H1z M11,15h11v1H11V15z M11,11h11v1H11V11z M11,7h11v1H11V7z M6.3,7L7,7.7l-3.8,3.8L7,15.3L6.3,16L2,11.8l-0.2-0.3L2,11.2L6.3,7z M1,3h21v1H1V3z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M1,20v-1h21v1H1z M11,15h11v1H11V15z M11,11h11v1H11V11z M11,7h11v1H11V7z M6.3,7L7,7.7l-3.8,3.8L7,15.3L6.3,16L2,11.8l-0.2-0.3L2,11.2L6.3,7z M1,3h21v1H1V3z"/></g></svg>');
     }
 
     &.icon-in-indent {
       width: 22px;
       height: 22px;
-      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M1,20v-1h21v1H1z M12,16H1v-1h11V16z M12,12H1v-1h11V12z M12,8H1V7h11V8z M21,11.2l0.2,0.3L21,11.8L16.7,16L16,15.3l3.8-3.8L16,7.7L16.7,7L21,11.2z M22,4H1V3h21V4z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M1,20v-1h21v1H1z M12,16H1v-1h11V16z M12,12H1v-1h11V12z M12,8H1V7h11V8z M21,11.2l0.2,0.3L21,11.8L16.7,16L16,15.3l3.8-3.8L16,7.7L16.7,7L21,11.2z M22,4H1V3h21V4z"/></g></svg>');
     }
 
     &.icon-table-add-column-left {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M15,19h-1H8H7v-1v-3H0V2h7h1h14v4v1v3v1v3v1v3v1H15z M15,18h6v-3h-6V18z M15,14h6v-3h-6V14z M8,18h6v-3H8V18z M8,14h6v-3H8V14z M14,10V7H8v3H14z M8,3v3h6V3H8z M21,3h-6v3h6V3z M15,7v3h6V7H15z M3,16h1v2h2v1H4v2H3v-2H1v-1h2V16z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M15,19h-1H8H7v-1v-3H0V2h7h1h14v4v1v3v1v3v1v3v1H15z M15,18h6v-3h-6V18z M15,14h6v-3h-6V14z M8,18h6v-3H8V18z M8,14h6v-3H8V14z M14,10V7H8v3H14z M8,3v3h6V3H8z M21,3h-6v3h6V3z M15,7v3h6V7H15z M3,16h1v2h2v1H4v2H3v-2H1v-1h2V16z"/></g></svg>');
     }
 
     &.icon-table-add-column-right {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M0,19l0-1l0-3l0-1l0-3l0-1l0-3l0-1l0-4h14h1h7v13h-7v3v1h-1H8H7H0z M7,15H1v3h6V15z M7,11H1v3h6V11z M14,15H8v3h6V15z M14,11H8v3h6V11z M14,10V7H8v3H14z M8,3v3h6V3H8z M1,6h6V3H1V6z M1,7v3h6V7H1z M19,18h2v1h-2v2h-1v-2h-2v-1h2v-2h1V18z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M0,19l0-1l0-3l0-1l0-3l0-1l0-3l0-1l0-4h14h1h7v13h-7v3v1h-1H8H7H0z M7,15H1v3h6V15z M7,11H1v3h6V11z M14,15H8v3h6V15z M14,11H8v3h6V11z M14,10V7H8v3H14z M8,3v3h6V3H8z M1,6h6V3H1V6z M1,7v3h6V7H1z M19,18h2v1h-2v2h-1v-2h-2v-1h2v-2h1V18z"/></g></svg>');
     }
 
     &.icon-table-add-row-above {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M21,20h-6h-1H8H7H0v-1v-3v-1v-3v-1V8V7V1h15v6h6h1v1v3v1v3v1v3v1H21z M7,8H1v3h6V8z M7,12H1v3h6V12z M7,16H1v3h6V16z M8,19h6v-3H8V19z M8,15h6v-3H8V15z M8,11h6V8H8V11z M21,8h-6v3h6V8z M21,12h-6v3h6V12z M21,16h-6v3h6V16z M19,6h-1V4h-2V3h2V1h1v2h2v1h-2V6z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M21,20h-6h-1H8H7H0v-1v-3v-1v-3v-1V8V7V1h15v6h6h1v1v3v1v3v1v3v1H21z M7,8H1v3h6V8z M7,12H1v3h6V12z M7,16H1v3h6V16z M8,19h6v-3H8V19z M8,15h6v-3H8V15z M8,11h6V8H8V11z M21,8h-6v3h6V8z M21,12h-6v3h6V12z M21,16h-6v3h6V16z M19,6h-1V4h-2V3h2V1h1v2h2v1h-2V6z"/></g></svg>');
     }
 
     &.icon-table-add-row-below {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M22,1v1v3v1v3v1v3v1h-1h-6v6H0v-6v-1v-3V9V6V5V2V1h7h1h6h1h6H22z M7,10H1v3h6V10z M7,6H1v3h6V6z M7,2H1v3h6V2z M8,5h6V2H8V5z M8,9h6V6H8V9z M8,13h6v-3H8V13z M21,10h-6v3h6V10z M21,6h-6v3h6V6z M21,2h-6v3h6V2z M19,17h2v1h-2v2h-1v-2h-2v-1h2v-2h1V17z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M22,1v1v3v1v3v1v3v1h-1h-6v6H0v-6v-1v-3V9V6V5V2V1h7h1h6h1h6H22z M7,10H1v3h6V10z M7,6H1v3h6V6z M7,2H1v3h6V2z M8,5h6V2H8V5z M8,9h6V6H8V9z M8,13h6v-3H8V13z M21,10h-6v3h6V10z M21,6h-6v3h6V6z M21,2h-6v3h6V2z M19,17h2v1h-2v2h-1v-2h-2v-1h2v-2h1V17z"/></g></svg>');
     }
 
     &.icon-table-remove-column {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M21,19h-6h-1h-1.6c-0.9,1.8-2.7,3-4.9,3s-4-1.2-4.9-3H1H0v-1v-3v-1v-3v-1V7V6V3V2h7h1h6h1h6h1v1v3v1v3v1v3v1v3v1H21z M7.5,12C5,12,3,14,3,16.5S5,21,7.5,21s4.5-2,4.5-4.5S10,12,7.5,12z M14,3H8v3h6V3z M14,7H8v3h6V7z M14,11H8v0.1c1.9,0.2,3.5,1.3,4.4,2.9H14V11z M14,15h-1.2c0.1,0.5,0.2,1,0.2,1.5c0,0.5-0.1,1-0.2,1.5H14V15z M21,3h-6v3h6V3z M21,7h-6v3h6V7z M21,11h-6v3h6V11z M21,15h-6v3h6V15z M9.6,19.3l-2.1-2.1l-2.1,2.1l-0.7-0.7l2.1-2.1l-2.1-2.1l0.7-0.7l2.1,2.1l2.1-2.1l0.7,0.7l-2.1,2.1l2.1,2.1L9.6,19.3z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M21,19h-6h-1h-1.6c-0.9,1.8-2.7,3-4.9,3s-4-1.2-4.9-3H1H0v-1v-3v-1v-3v-1V7V6V3V2h7h1h6h1h6h1v1v3v1v3v1v3v1v3v1H21z M7.5,12C5,12,3,14,3,16.5S5,21,7.5,21s4.5-2,4.5-4.5S10,12,7.5,12z M14,3H8v3h6V3z M14,7H8v3h6V7z M14,11H8v0.1c1.9,0.2,3.5,1.3,4.4,2.9H14V11z M14,15h-1.2c0.1,0.5,0.2,1,0.2,1.5c0,0.5-0.1,1-0.2,1.5H14V15z M21,3h-6v3h6V3z M21,7h-6v3h6V7z M21,11h-6v3h6V11z M21,15h-6v3h6V15z M9.6,19.3l-2.1-2.1l-2.1,2.1l-0.7-0.7l2.1-2.1l-2.1-2.1l0.7-0.7l2.1,2.1l2.1-2.1l0.7,0.7l-2.1,2.1l2.1,2.1L9.6,19.3z"/></g></svg>');
     }
 
     &.icon-table-remove-row {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M21,19h-6h-1h-1.6c-0.9,1.8-2.7,3-4.9,3s-4-1.2-4.9-3H1H0v-1v-3v-1v-3v-1V7V6V3V2h7h1h6h1h6h1v1v3v1v3v1v3v1v3v1H21z M1,18h1.2C2.1,17.5,2,17,2,16.5c0-0.5,0.1-1,0.2-1.5H1V18z M7,3H1v3h6V3z M7,7H1v3h6V7z M7.5,12C5,12,3,14,3,16.5S5,21,7.5,21s4.5-2,4.5-4.5S10,12,7.5,12z M14,3H8v3h6V3z M14,7H8v3h6V7z M14,15h-1.2c0.1,0.5,0.2,1,0.2,1.5c0,0.5-0.1,1-0.2,1.5H14V15z M21,3h-6v3h6V3z M21,7h-6v3h6V7z M21,15h-6v3h6V15z M9.6,19.3l-2.1-2.1l-2.1,2.1l-0.7-0.7l2.1-2.1l-2.1-2.1l0.7-0.7l2.1,2.1l2.1-2.1l0.7,0.7l-2.1,2.1l2.1,2.1L9.6,19.3z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M21,19h-6h-1h-1.6c-0.9,1.8-2.7,3-4.9,3s-4-1.2-4.9-3H1H0v-1v-3v-1v-3v-1V7V6V3V2h7h1h6h1h6h1v1v3v1v3v1v3v1v3v1H21z M1,18h1.2C2.1,17.5,2,17,2,16.5c0-0.5,0.1-1,0.2-1.5H1V18z M7,3H1v3h6V3z M7,7H1v3h6V7z M7.5,12C5,12,3,14,3,16.5S5,21,7.5,21s4.5-2,4.5-4.5S10,12,7.5,12z M14,3H8v3h6V3z M14,7H8v3h6V7z M14,15h-1.2c0.1,0.5,0.2,1,0.2,1.5c0,0.5-0.1,1-0.2,1.5H14V15z M21,3h-6v3h6V3z M21,7h-6v3h6V7z M21,15h-6v3h6V15z M9.6,19.3l-2.1-2.1l-2.1,2.1l-0.7-0.7l2.1-2.1l-2.1-2.1l0.7-0.7l2.1,2.1l2.1-2.1l0.7,0.7l-2.1,2.1l2.1,2.1L9.6,19.3z"/></g></svg>');
     }
 
     &.icon-pagebreak {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M8,14v1h1v-1H8z M6,14v1h1v-1H6z M18,21H3v-6H2v7h17v-7h-1V21z M4,14v1h1v-1H4z M14,14v1h1v-1H14z M10,14v1h1v-1H10z M8.2,1L2,7.6V14h1V9h6V2l0,0h9v12h1V1H8.2z M8,8H3.1L8,2.8V8z M12,14v1h1v-1H12z M16,14v1h1v-1H16z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M8,14v1h1v-1H8z M6,14v1h1v-1H6z M18,21H3v-6H2v7h17v-7h-1V21z M4,14v1h1v-1H4z M14,14v1h1v-1H14z M10,14v1h1v-1H10z M8.2,1L2,7.6V14h1V9h6V2l0,0h9v12h1V1H8.2z M8,8H3.1L8,2.8V8z M12,14v1h1v-1H12z M16,14v1h1v-1H16z"/></g></svg>');
     }
 
     &.icon-sectionbreak {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M20,14V2H3v12H2V1h19v13H20z M5,14v1H4v-1H5z M7,14v1H6v-1H7z M9,14v1H8v-1H9z M11,14v1h-1v-1H11z M13,14v1h-1v-1H13z M15,14v1h-1v-1H15z M17,14v1h-1v-1H17z M18,14h1v1h-1V14z M3,21h17v-6h1v7H2v-7h1V21z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M20,14V2H3v12H2V1h19v13H20z M5,14v1H4v-1H5z M7,14v1H6v-1H7z M9,14v1H8v-1H9z M11,14v1h-1v-1H11z M13,14v1h-1v-1H13z M15,14v1h-1v-1H15z M17,14v1h-1v-1H17z M18,14h1v1h-1V14z M3,21h17v-6h1v7H2v-7h1V21z"/></g></svg>');
     }
 
     &.icon-stringbreak {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M18,12H5.1L9,15.9l-0.7,0.7l-4.5-4.5l-0.6-0.6l0.6-0.6l4.5-4.5L9,7.1L5.1,11H18V5h1v6v1H18z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M18,12H5.1L9,15.9l-0.7,0.7l-4.5-4.5l-0.6-0.6l0.6-0.6l4.5-4.5L9,7.1L5.1,11H18V5h1v6v1H18z"/></g></svg>');
     }
 
     &.icon-pagenumber {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M8.2,1L2,7.6V22h17V1H8.2z M8,2.8V8H3.1L8,2.8z M18,21H3V9h6V2l0,0h9V21z M12,19h1v-4h-0.7c0,0.2-0.1-0.1-0.1,0c-0.1,0.1-0.2,0-0.3,0c-0.1,0.1-0.2,0.1-0.4,0.1c-0.1,0-0.3,0-0.4,0V16H12V19z M15.3,17.3C15,17.9,15.1,18.4,15,19h0.9c0-0.3,0-0.6,0.1-0.9c0.1-0.3,0.1-0.6,0.3-0.9c0.1-0.3,0.3-0.6,0.4-0.9c0.2-0.3,0.1-0.3,0.3-0.5V15h-3v1h1.9C15.6,16.4,15.5,16.7,15.3,17.3z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M8.2,1L2,7.6V22h17V1H8.2z M8,2.8V8H3.1L8,2.8z M18,21H3V9h6V2l0,0h9V21z M12,19h1v-4h-0.7c0,0.2-0.1-0.1-0.1,0c-0.1,0.1-0.2,0-0.3,0c-0.1,0.1-0.2,0.1-0.4,0.1c-0.1,0-0.3,0-0.4,0V16H12V19z M15.3,17.3C15,17.9,15.1,18.4,15,19h0.9c0-0.3,0-0.6,0.1-0.9c0.1-0.3,0.1-0.6,0.3-0.9c0.1-0.3,0.3-0.6,0.4-0.9c0.2-0.3,0.1-0.3,0.3-0.5V15h-3v1h1.9C15.6,16.4,15.5,16.7,15.3,17.3z"/></g></svg>');
     }
 
     &.icon-image-library {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0)"><path fill-rule="evenodd" clip-rule="evenodd" d="M20 5.5H4C3.72386 5.5 3.5 5.72386 3.5 6V15.5822L8.03349 11.6898C8.47476 11.3109 9.11904 11.2865 9.58778 11.6308L13.5726 14.5579L15.9619 12.6774C16.4488 12.2942 17.1428 12.3255 17.5933 12.7509L20.5 15.4962V6C20.5 5.72386 20.2761 5.5 20 5.5ZM20.5 17.5294L20.485 17.5453L16.7201 13.9895L14.3509 15.8542C13.9095 16.2016 13.2905 16.2119 12.8378 15.8793L8.85988 12.9573L3.5 17.5592V18C3.5 18.2761 3.72386 18.5 4 18.5H20C20.2761 18.5 20.5 18.2761 20.5 18V17.5294ZM4 4C2.89543 4 2 4.89543 2 6V18C2 19.1046 2.89543 20 4 20H20C21.1046 20 22 19.1046 22 18V6C22 4.89543 21.1046 4 20 4H4ZM16.5 9.5C16.5 11.1569 15.1569 12.5 13.5 12.5C11.8431 12.5 10.5 11.1569 10.5 9.5C10.5 7.84315 11.8431 6.5 13.5 6.5C15.1569 6.5 16.5 7.84315 16.5 9.5ZM13.5 11C14.3284 11 15 10.3284 15 9.5C15 8.67157 14.3284 8 13.5 8C12.6716 8 12 8.67157 12 9.5C12 10.3284 12.6716 11 13.5 11Z" fill="@{themeColor}"/></g><defs><clipPath id="clip0"><path d="M0 0H24V24H0V0Z" fill="transparent"/></clipPath></defs></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0)"><path fill-rule="evenodd" clip-rule="evenodd" d="M20 5.5H4C3.72386 5.5 3.5 5.72386 3.5 6V15.5822L8.03349 11.6898C8.47476 11.3109 9.11904 11.2865 9.58778 11.6308L13.5726 14.5579L15.9619 12.6774C16.4488 12.2942 17.1428 12.3255 17.5933 12.7509L20.5 15.4962V6C20.5 5.72386 20.2761 5.5 20 5.5ZM20.5 17.5294L20.485 17.5453L16.7201 13.9895L14.3509 15.8542C13.9095 16.2016 13.2905 16.2119 12.8378 15.8793L8.85988 12.9573L3.5 17.5592V18C3.5 18.2761 3.72386 18.5 4 18.5H20C20.2761 18.5 20.5 18.2761 20.5 18V17.5294ZM4 4C2.89543 4 2 4.89543 2 6V18C2 19.1046 2.89543 20 4 20H20C21.1046 20 22 19.1046 22 18V6C22 4.89543 21.1046 4 20 4H4ZM16.5 9.5C16.5 11.1569 15.1569 12.5 13.5 12.5C11.8431 12.5 10.5 11.1569 10.5 9.5C10.5 7.84315 11.8431 6.5 13.5 6.5C15.1569 6.5 16.5 7.84315 16.5 9.5ZM13.5 11C14.3284 11 15 10.3284 15 9.5C15 8.67157 14.3284 8 13.5 8C12.6716 8 12 8.67157 12 9.5C12 10.3284 12.6716 11 13.5 11Z" fill="@{brandColor}"/></g><defs><clipPath id="clip0"><path d="M0 0H24V24H0V0Z" fill="transparent"/></clipPath></defs></svg>');
     }
 
     &.icon-text-valign-top {
       width: 22px;
       height: 22px;
-      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><rect class="cls-1" x="2" y="2" width="19" height="1"/><rect class="cls-1" x="2" y="4" width="19" height="1"/><polygon class="cls-1" points="12 18 11 18 11 7.83 8.65 9.8 8 8.94 11.5 6 15 9 14.35 9.8 12 7.83 12 18"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><rect class="cls-1" x="2" y="2" width="19" height="1"/><rect class="cls-1" x="2" y="4" width="19" height="1"/><polygon class="cls-1" points="12 18 11 18 11 7.83 8.65 9.8 8 8.94 11.5 6 15 9 14.35 9.8 12 7.83 12 18"/></g></svg>');
     }
 
     &.icon-text-valign-middle {
       width: 22px;
       height: 22px;
-      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><rect class="cls-1" x="2" y="10" width="19" height="1"/><rect class="cls-1" x="2" y="12" width="19" height="1"/><polygon class="cls-1" points="11 2 12 2 12 7.17 14.35 5.2 15 6.06 11.5 9 8 6 8.65 5.2 11 7.17 11 2"/><polygon class="cls-1" points="12 21 11 21 11 15.83 8.65 17.8 8 16.94 11.5 14 15 17 14.35 17.8 12 15.83 12 21"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><rect class="cls-1" x="2" y="10" width="19" height="1"/><rect class="cls-1" x="2" y="12" width="19" height="1"/><polygon class="cls-1" points="11 2 12 2 12 7.17 14.35 5.2 15 6.06 11.5 9 8 6 8.65 5.2 11 7.17 11 2"/><polygon class="cls-1" points="12 21 11 21 11 15.83 8.65 17.8 8 16.94 11.5 14 15 17 14.35 17.8 12 15.83 12 21"/></g></svg>');
     }
 
     &.icon-text-valign-bottom {
       width: 22px;
       height: 22px;
-      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><rect class="cls-1" x="2" y="18" width="19" height="1"/><rect class="cls-1" x="2" y="20" width="19" height="1"/><polygon class="cls-1" points="11 4 12 4 12 15.17 14.35 13.2 15 14.06 11.5 17 8 14 8.65 13.2 11 15.17 11 4"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><rect class="cls-1" x="2" y="18" width="19" height="1"/><rect class="cls-1" x="2" y="20" width="19" height="1"/><polygon class="cls-1" points="11 4 12 4 12 15.17 14.35 13.2 15 14.06 11.5 17 8 14 8.65 13.2 11 15.17 11 4"/></g></svg>');
     }
 
     // Presets of table borders
@@ -246,61 +246,61 @@
     &.icon-table-borders-all {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path d="M26.9,0H0V27H27V0H26.9ZM13,26H1V14H13V26Zm0-13H1V1H13V13ZM26,26H14V14H26V26Zm0-13H14V1H26V13Z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path d="M26.9,0H0V27H27V0H26.9ZM13,26H1V14H13V26Zm0-13H1V1H13V13ZM26,26H14V14H26V26Zm0-13H14V1H26V13Z"/></g></svg>');
     }
 
     &.icon-table-borders-none {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M26.9,0H0V27H27V0H26.9ZM13,26H1V14H13V26Zm0-13H1V1H13V13ZM26,26H14V14H26V26Zm0-13H14V1H26V13Z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M26.9,0H0V27H27V0H26.9ZM13,26H1V14H13V26Zm0-13H1V1H13V13ZM26,26H14V14H26V26Zm0-13H14V1H26V13Z"/></g></svg>');
     }
 
     &.icon-table-borders-inner {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><polygon points="26 13 14 13 14 1 13 1 13 13 1 13 1 14 13 14 13 26 14 26 14 14 26 14 26 13"/><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><polygon points="26 13 14 13 14 1 13 1 13 13 1 13 1 14 13 14 13 26 14 26 14 14 26 14 26 13"/><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/></g></svg>');
     }
 
     &.icon-table-borders-outer {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/></g></svg>');
     }
 
     &.icon-table-borders-left {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect width="1" height="27"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect width="1" height="27"/></g></svg>');
     }
 
     &.icon-table-borders-center {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect x="13" width="1" height="27"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect x="13" width="1" height="27"/></g></svg>');
     }
 
     &.icon-table-borders-right {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect x="26" width="1" height="27"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect x="26" width="1" height="27"/></g></svg>');
     }
 
     &.icon-table-borders-top {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect width="27" height="1"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect width="27" height="1"/></g></svg>');
     }
 
     &.icon-table-borders-middle {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect y="13" width="27" height="1"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect y="13" width="27" height="1"/></g></svg>');
     }
 
     &.icon-table-borders-bottom {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect y="26" width="27" height="1"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect y="26" width="27" height="1"/></g></svg>');
     }
 
     // Reorder
@@ -308,73 +308,73 @@
     &.icon-move-backward {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><rect opacity="0.3" x="1" y="1" width="17" height="17"/><path d="M10,10V27H27V10H10ZM26,26H11V11H26V26Z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><rect opacity="0.3" x="1" y="1" width="17" height="17"/><path d="M10,10V27H27V10H10ZM26,26H11V11H26V26Z"/></g></svg>');
     }
 
     &.icon-move-forward {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M10,10V27H27V10H10ZM26,26H11V11H26V26Z"/><rect x="1" y="1" width="17" height="17"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M10,10V27H27V10H10ZM26,26H11V11H26V26Z"/><rect x="1" y="1" width="17" height="17"/></g></svg>');
     }
 
     &.icon-move-background {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><rect opacity="0.3" x="8" y="8" width="13" height="13"/><path d="M1,1V13H13V1H1ZM12,12H2V2H12V12Z"/><path d="M15,15V27H27V15H15ZM26,26H16V16H26V26Z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><rect opacity="0.3" x="8" y="8" width="13" height="13"/><path d="M1,1V13H13V1H1ZM12,12H2V2H12V12Z"/><path d="M15,15V27H27V15H15ZM26,26H16V16H26V26Z"/></g></svg>');
     }
 
     &.icon-move-foreground {
       width: 28px;
       height: 28px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M1,1V13H13V1H1ZM12,12H2V2H12V12Z"/><path opacity="0.3" d="M15,15V27H27V15H15ZM26,26H16V16H26V26Z"/><rect x="8" y="8" width="13" height="13"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M1,1V13H13V1H1ZM12,12H2V2H12V12Z"/><path opacity="0.3" d="M15,15V27H27V15H15ZM26,26H16V16H26V26Z"/><rect x="8" y="8" width="13" height="13"/></g></svg>');
     }
 
     &.icon-align-left {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve" fill="@{themeColor}"><style type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd;}</style><g><g id="XMLID_35_"><path id="XMLID_36_" class="st0" d="M1,21h1V1H1V21z M4,13v4h16v-4H4z M12,5H4v4h8V5z"/></g></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve" fill="@{brandColor}"><style type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd;}</style><g><g id="XMLID_35_"><path id="XMLID_36_" class="st0" d="M1,21h1V1H1V21z M4,13v4h16v-4H4z M12,5H4v4h8V5z"/></g></g></svg>');
     }
 
     &.icon-align-center {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve" fill="@{themeColor}"><style type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd;}</style><g id="XMLID_5_"><g id="XMLID_24_"><polygon id="XMLID_25_" class="st0" points="19,13 11,13 11,9 15,9 15,5 11,5 11,1 10,1 10,5 6,5 6,9 10,9 10,13 2,13 2,17 10,17 10,21 11,21 11,17 19,17 		"/></g></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve" fill="@{brandColor}"><style type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd;}</style><g id="XMLID_5_"><g id="XMLID_24_"><polygon id="XMLID_25_" class="st0" points="19,13 11,13 11,9 15,9 15,5 11,5 11,1 10,1 10,5 6,5 6,9 10,9 10,13 2,13 2,17 10,17 10,21 11,21 11,17 19,17"/></g></g></svg>');
     }
 
     &.icon-align-right {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve" fill="@{themeColor}"><style type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd;}</style><g id="XMLID_5_"><g id="XMLID_42_"><path id="XMLID_44_" class="st0" d="M20,1v20h1V1H20z M2,17h16v-4H2V17z M10,9h8V5h-8V9z"/></g></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve" fill="@{brandColor}"><style type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd;}</style><g id="XMLID_5_"><g id="XMLID_42_"><path id="XMLID_44_" class="st0" d="M20,1v20h1V1H20z M2,17h16v-4H2V17z M10,9h8V5h-8V9z"/></g></g></svg>');
     }
 
     &.icon-align-top {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve" fill="@{themeColor}"><g><g id="XMLID_35_"><path id="XMLID_36_" d="M1,1v1h20V1H1z M9,4H5v16h4V4z M17,12V4h-4v8H17z"/></g></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve" fill="@{brandColor}"><g><g id="XMLID_35_"><path id="XMLID_36_" d="M1,1v1h20V1H1z M9,4H5v16h4V4z M17,12V4h-4v8H17z"/></g></g></svg>');
     }
 
     &.icon-align-middle {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve" fill="@{themeColor}"><style type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd;}</style><g id="XMLID_5_"><g id="XMLID_24_"><polygon id="XMLID_25_" class="st0" points="13,2 13,10 9,10 9,6 5,6 5,10 1,10 1,11 5,11 5,15 9,15 9,11 13,11 13,19 17,19 17,11 21,11 21,10 17,10 17,2 		"/></g></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve" fill="@{brandColor}"><style type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd;}</style><g id="XMLID_5_"><g id="XMLID_24_"><polygon id="XMLID_25_" class="st0" points="13,2 13,10 9,10 9,6 5,6 5,10 1,10 1,11 5,11 5,15 9,15 9,11 13,11 13,19 17,19 17,11 21,11 21,10 17,10 17,2"/></g></g></svg>');
     }
 
     &.icon-align-bottom {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve" fill="@{themeColor}"><g><g id="XMLID_35_"><path id="XMLID_36_" d="M21,20v-1H1v1H21z M9,1H5v16h4V1z M13,9v8h4V9H13z"/></g></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve" fill="@{brandColor}"><g><g id="XMLID_35_"><path id="XMLID_36_" d="M21,20v-1H1v1H21z M9,1H5v16h4V1z M13,9v8h4V9H13z"/></g></g></svg>');
     }
 
     &.icon-align-horizontal {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve" fill="@{themeColor}"><g><g id="XMLID_35_"><path id="XMLID_36_" d="M1,1v1h20V1H1z M0.999999,19.0000076V20h20v-0.9999924H0.999999z M9.000001,2.9999995h-4v15h4V2.9999995z M17,13.999999V6.9999986h-3.999999v7.0000005H17z"/></g></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve" fill="@{brandColor}"><g><g id="XMLID_35_"><path id="XMLID_36_" d="M1,1v1h20V1H1z M0.999999,19.0000076V20h20v-0.9999924H0.999999z M9.000001,2.9999995h-4v15h4V2.9999995z M17,13.999999V6.9999986h-3.999999v7.0000005H17z"/></g></g></svg>');
     }
 
     &.icon-align-vertical {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve" fill="@{themeColor}"><g><g id="XMLID_35_"><path id="XMLID_36_" d="M0.9999998,21h1v-20h-1V21z M19.0000076,21H20v-20h-0.9999924V21z M2.9999995,12.999999v3.999999h15 v-3.999999H2.9999995z M13.999999,4.999999H6.9999986v4h7.0000005V4.999999z"/></g></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve" fill="@{brandColor}"><g><g id="XMLID_35_"><path id="XMLID_36_" d="M0.9999998,21h1v-20h-1V21z M19.0000076,21H20v-20h-0.9999924V21z M2.9999995,12.999999v3.999999h15 v-3.999999H2.9999995z M13.999999,4.999999H6.9999986v4h7.0000005V4.999999z"/></g></g></svg>');
     }
 
     // Formats
@@ -382,104 +382,105 @@
     &.icon-format-pdf {
       width: 30px;
       height: 30px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="33px" height="33px" viewBox="-3.363 -3.658 33 33" xml:space="preserve"><defs><style>.cls-1{fill:@{themeColor};}</style></defs><path class="cls-1" d="M8.512,14.989c0.8-1.567,1.709-3.334,2.438-5.107l0,0l0.287-0.699  c-0.949-3.616-1.52-6.52-1.011-8.396l0,0C10.362,0.297,10.929,0,11.535,0l0,0l0.368,0.005h0.068c0.83-0.013,1.22,1.042,1.264,1.453  l0,0c0.073,0.684-0.242,1.839-0.242,1.839l0,0c0-0.467,0.018-1.221-0.276-1.873l0,0c-0.343-0.753-0.671-1.203-0.965-1.274l0,0  C11.604,0.25,11.46,0.455,11.411,0.85l0,0c-0.104,0.553-0.134,1.252-0.134,1.611l0,0c0,1.272,0.25,2.952,0.743,4.684l0,0  c0.093-0.269,0.174-0.526,0.24-0.768l0,0c0.101-0.38,0.743-2.9,0.743-2.9l0,0c0,0-0.162,3.354-0.388,4.371l0,0  c-0.049,0.215-0.103,0.427-0.158,0.644l0,0c0.812,2.268,2.121,4.292,3.68,5.75l0,0c0.615,0.575,1.393,1.038,2.128,1.461l0,0  c1.605-0.229,3.084-0.338,4.318-0.324l0,0c1.637,0.021,2.838,0.265,3.324,0.743l0,0c0.237,0.232,0.335,0.514,0.364,0.83l0,0  c0.007,0.122-0.053,0.41-0.069,0.482l0,0c0.018-0.088,0.018-0.519-1.298-0.938l0,0c-1.033-0.33-2.971-0.32-5.295-0.073l0,0  c2.688,1.315,5.308,1.969,6.138,1.577l0,0c0.203-0.1,0.448-0.437,0.448-0.437l0,0c0,0-0.146,0.665-0.252,0.831l0,0  c-0.134,0.18-0.396,0.376-0.646,0.44l0,0c-1.312,0.351-4.722-0.459-7.695-2.158l0,0c-3.322,0.489-6.972,1.394-9.896,2.354l0,0  c-2.874,5.036-5.036,7.35-6.793,6.47l0,0l-0.646-0.325c-0.263-0.149-0.303-0.516-0.242-0.813l0,0  c0.205-1.003,1.462-2.513,3.988-4.021l0,0c0.272-0.165,1.483-0.805,1.483-0.805l0,0c0,0-0.896,0.868-1.106,1.038l0,0  c-2.016,1.652-3.504,3.73-3.467,4.536l0,0l0.007,0.069C2.643,24.936,5.21,21.45,8.512,14.989 M9.559,15.525  c-0.551,1.038-1.09,2.001-1.588,2.886l0,0c2.752-1.153,5.715-1.892,8.535-2.416l0,0c-0.379-0.262-0.746-0.539-1.093-0.832l0,0  c-1.555-1.313-2.737-2.955-3.596-4.681l0,0C11.273,11.948,10.626,13.507,9.559,15.525" /></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="33px" height="33px" viewBox="-3.363 -3.658 33 33" xml:space="preserve"><defs><style>.cls-1{fill:@{brandColor};}</style></defs><path class="cls-1" d="M8.512,14.989c0.8-1.567,1.709-3.334,2.438-5.107l0,0l0.287-0.699  c-0.949-3.616-1.52-6.52-1.011-8.396l0,0C10.362,0.297,10.929,0,11.535,0l0,0l0.368,0.005h0.068c0.83-0.013,1.22,1.042,1.264,1.453  l0,0c0.073,0.684-0.242,1.839-0.242,1.839l0,0c0-0.467,0.018-1.221-0.276-1.873l0,0c-0.343-0.753-0.671-1.203-0.965-1.274l0,0  C11.604,0.25,11.46,0.455,11.411,0.85l0,0c-0.104,0.553-0.134,1.252-0.134,1.611l0,0c0,1.272,0.25,2.952,0.743,4.684l0,0  c0.093-0.269,0.174-0.526,0.24-0.768l0,0c0.101-0.38,0.743-2.9,0.743-2.9l0,0c0,0-0.162,3.354-0.388,4.371l0,0  c-0.049,0.215-0.103,0.427-0.158,0.644l0,0c0.812,2.268,2.121,4.292,3.68,5.75l0,0c0.615,0.575,1.393,1.038,2.128,1.461l0,0  c1.605-0.229,3.084-0.338,4.318-0.324l0,0c1.637,0.021,2.838,0.265,3.324,0.743l0,0c0.237,0.232,0.335,0.514,0.364,0.83l0,0  c0.007,0.122-0.053,0.41-0.069,0.482l0,0c0.018-0.088,0.018-0.519-1.298-0.938l0,0c-1.033-0.33-2.971-0.32-5.295-0.073l0,0  c2.688,1.315,5.308,1.969,6.138,1.577l0,0c0.203-0.1,0.448-0.437,0.448-0.437l0,0c0,0-0.146,0.665-0.252,0.831l0,0  c-0.134,0.18-0.396,0.376-0.646,0.44l0,0c-1.312,0.351-4.722-0.459-7.695-2.158l0,0c-3.322,0.489-6.972,1.394-9.896,2.354l0,0  c-2.874,5.036-5.036,7.35-6.793,6.47l0,0l-0.646-0.325c-0.263-0.149-0.303-0.516-0.242-0.813l0,0  c0.205-1.003,1.462-2.513,3.988-4.021l0,0c0.272-0.165,1.483-0.805,1.483-0.805l0,0c0,0-0.896,0.868-1.106,1.038l0,0  c-2.016,1.652-3.504,3.73-3.467,4.536l0,0l0.007,0.069C2.643,24.936,5.21,21.45,8.512,14.989 M9.559,15.525  c-0.551,1.038-1.09,2.001-1.588,2.886l0,0c2.752-1.153,5.715-1.892,8.535-2.416l0,0c-0.379-0.262-0.746-0.539-1.093-0.832l0,0  c-1.555-1.313-2.737-2.955-3.596-4.681l0,0C11.273,11.948,10.626,13.507,9.559,15.525" /></svg>');
     }
 
     &.icon-format-pdfa {
       width: 30px;
       height: 30px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 33 33" height="33px" width="33px" y="0px" x="0px"><defs><style>.cls-1{fill:@{themeColor};}</style></defs><path fill-rule="evenodd" clip-rule="evenodd" d="M11.875 18.648L11.9617 18.4783C12.7401 16.954 13.6102 15.2503 14.312 13.541L14.6 12.841C13.65 9.225 13.08 6.322 13.589 4.445C13.726 3.956 14.293 3.659 14.899 3.659L15.268 3.664H15.336C16.166 3.651 16.556 4.706 16.6 5.117C16.673 5.8 16.357 6.956 16.357 6.956L16.3571 6.87946C16.358 6.40944 16.3594 5.70047 16.081 5.083C15.738 4.33 15.41 3.879 15.116 3.808C14.968 3.907 14.824 4.112 14.774 4.507C14.671 5.06 14.641 5.759 14.641 6.119C14.641 7.391 14.891 9.071 15.384 10.802C15.477 10.534 15.558 10.276 15.624 10.035C15.725 9.655 16.367 7.134 16.367 7.134C16.367 7.134 16.205 10.489 15.979 11.505C15.931 11.72 15.877 11.932 15.821 12.149C16.633 14.417 17.942 16.441 19.501 17.899C19.9467 18.3157 20.4779 18.6735 21.0164 19H29C30.1046 19 31 19.8954 31 21V29C31 30.1046 30.1046 31 29 31H17C15.8954 31 15 30.1046 15 29V21.5492C13.6156 21.9019 12.2807 22.2896 11.07 22.687C8.19599 27.724 6.03499 30.038 4.27699 29.158L3.62999 28.833C3.36699 28.683 3.32699 28.317 3.38799 28.02C3.59299 27.017 4.84999 25.507 7.37599 23.999C7.64799 23.834 8.85899 23.194 8.85899 23.194C8.85899 23.194 7.96299 24.062 7.75299 24.232C5.73699 25.884 4.24899 27.962 4.28599 28.768L4.29299 28.837C6.00499 28.594 8.57299 25.109 11.875 18.648ZM18.775 18.822C18.8461 18.882 18.918 18.9413 18.9906 19H17C15.9681 19 15.1187 19.7815 15.0114 20.785C13.7648 21.146 12.529 21.5689 11.333 22.07C11.831 21.185 12.37 20.222 12.921 19.184C13.989 17.166 14.636 15.607 15.18 14.141C16.038 15.867 17.221 17.508 18.775 18.822ZM21.5553 27.3521H24.4447L24.9995 29H26.7518L23.7581 21.002H22.231L19.2537 29H21.006L21.5553 27.3521ZM23.9998 26.0172H22.0002L22.9945 23.0234L23.9998 26.0172Z" class="cls-1"/></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 33 33" height="33px" width="33px" y="0px" x="0px"><defs><style>.cls-1{fill:@{brandColor};}</style></defs><path fill-rule="evenodd" clip-rule="evenodd" d="M11.875 18.648L11.9617 18.4783C12.7401 16.954 13.6102 15.2503 14.312 13.541L14.6 12.841C13.65 9.225 13.08 6.322 13.589 4.445C13.726 3.956 14.293 3.659 14.899 3.659L15.268 3.664H15.336C16.166 3.651 16.556 4.706 16.6 5.117C16.673 5.8 16.357 6.956 16.357 6.956L16.3571 6.87946C16.358 6.40944 16.3594 5.70047 16.081 5.083C15.738 4.33 15.41 3.879 15.116 3.808C14.968 3.907 14.824 4.112 14.774 4.507C14.671 5.06 14.641 5.759 14.641 6.119C14.641 7.391 14.891 9.071 15.384 10.802C15.477 10.534 15.558 10.276 15.624 10.035C15.725 9.655 16.367 7.134 16.367 7.134C16.367 7.134 16.205 10.489 15.979 11.505C15.931 11.72 15.877 11.932 15.821 12.149C16.633 14.417 17.942 16.441 19.501 17.899C19.9467 18.3157 20.4779 18.6735 21.0164 19H29C30.1046 19 31 19.8954 31 21V29C31 30.1046 30.1046 31 29 31H17C15.8954 31 15 30.1046 15 29V21.5492C13.6156 21.9019 12.2807 22.2896 11.07 22.687C8.19599 27.724 6.03499 30.038 4.27699 29.158L3.62999 28.833C3.36699 28.683 3.32699 28.317 3.38799 28.02C3.59299 27.017 4.84999 25.507 7.37599 23.999C7.64799 23.834 8.85899 23.194 8.85899 23.194C8.85899 23.194 7.96299 24.062 7.75299 24.232C5.73699 25.884 4.24899 27.962 4.28599 28.768L4.29299 28.837C6.00499 28.594 8.57299 25.109 11.875 18.648ZM18.775 18.822C18.8461 18.882 18.918 18.9413 18.9906 19H17C15.9681 19 15.1187 19.7815 15.0114 20.785C13.7648 21.146 12.529 21.5689 11.333 22.07C11.831 21.185 12.37 20.222 12.921 19.184C13.989 17.166 14.636 15.607 15.18 14.141C16.038 15.867 17.221 17.508 18.775 18.822ZM21.5553 27.3521H24.4447L24.9995 29H26.7518L23.7581 21.002H22.231L19.2537 29H21.006L21.5553 27.3521ZM23.9998 26.0172H22.0002L22.9945 23.0234L23.9998 26.0172Z" class="cls-1"/></svg>');
     }
 
     &.icon-format-pptx {
       width: 30px;
       height: 30px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="65" height="65" viewBox="19.951 32.432 65.000002 65.000003" xml:space="preserve" ><defs><style>.cls-1{fill:@{themeColor};}</style></defs><path class="cls-1" d="M 51.31066,44.356609 C 47.702785,44.433229 43.9488,45.107 40.5548,44.9445 c -0.149,13.35 -0.123719,26.7115 -0.01172,40.0625 2.476001,0.199 4.9625,0.412 7.4375,0.625 -0.011,-4.888 6.72e-4,-9.776062 0.01367,-14.664062 3.088,0.100999 6.336828,0.300562 9.173828,-1.148438 7.988,-3.913 9.413391,-15.938562 4.025391,-22.476562 -2.8125,-2.544001 -6.274937,-3.062954 -9.882812,-2.986329 z m -0.416016,7.244141 c 1.641035,0.04387 3.222344,0.409844 4.261719,1.855469 1.425,2.45 1.350109,5.676172 0.162109,8.201172 -1.425,2.575 -4.650672,2.325 -7.138672,2.625 -0.262,-4.188 -0.236218,-8.377172 -0.199219,-12.576172 0.923626,-0.04237 1.929442,-0.131789 2.914063,-0.105469 z" /></svg>');
+      // <defs><style>.cls-1{fill:@{brandColor};}</style></defs>  xml:space="preserve"
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="65" height="65" viewBox="19.951 32.432 65.000002 65.000003"><defs><style>.cls-1{fill:@{brandColor};}</style></defs><path class="cls-1" fill-rule="evenodd" clip-rule="evenodd" d="M 51.31066,44.356609 C 47.702785,44.433229 43.9488,45.107 40.5548,44.9445 c -0.149,13.35 -0.123719,26.7115 -0.01172,40.0625 2.476001,0.199 4.9625,0.412 7.4375,0.625 -0.011,-4.888 6.72e-4,-9.776062 0.01367,-14.664062 3.088,0.100999 6.336828,0.300562 9.173828,-1.148438 7.988,-3.913 9.413391,-15.938562 4.025391,-22.476562 -2.8125,-2.544001 -6.274937,-3.062954 -9.882812,-2.986329 z m -0.416016,7.244141 c 1.641035,0.04387 3.222344,0.409844 4.261719,1.855469 1.425,2.45 1.350109,5.676172 0.162109,8.201172 -1.425,2.575 -4.650672,2.325 -7.138672,2.625 -0.262,-4.188 -0.236218,-8.377172 -0.199219,-12.576172 0.923626,-0.04237 1.929442,-0.131789 2.914063,-0.105469 z"/></svg>');
     }
 
     &.icon-format-potx {
       width: 30px;
       height: 30px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="33" height="33" viewBox="0 0 33 33"><defs><clipPath id="clip-potx"><rect width="33" height="33"/></clipPath><style>.cls-1{fill:@{themeColor};}</style></defs><g id="potx" clip-path="url(#clip-potx)"><rect id="Rectangle_20" data-name="Rectangle 20" width="33" height="33" fill="none"/><g id="Group_5" data-name="Group 5" transform="translate(16 16)"><path id="Path_44" data-name="Path 44" d="M1.011,0H13.989A1.011,1.011,0,0,1,15,1.011V13.989A1.011,1.011,0,0,1,13.989,15H1.011A1.011,1.011,0,0,1,0,13.989V1.011A1.011,1.011,0,0,1,1.011,0Z" class="cls-1"/><path id="Path_39" data-name="Path 39" d="M5.794,13.25V3.911H9.258V2.25h-9V3.911H3.729V13.25Z" transform="translate(2.742 -0.25)" fill="#fff"/></g><path id="Path_25" data-name="Path 25" d="M412.988,119c-1.658.033-3.382.327-4.94.257-.068,5.822-.057,11.646,0,17.467,1.136.087,2.279.18,3.415.273,0-2.132,0-4.263.006-6.395a8.88,8.88,0,0,0,4.213-.5c3.669-1.707,4.323-6.95,1.85-9.8a6.428,6.428,0,0,0-4.538-1.3Zm-.192,3.159a2.353,2.353,0,0,1,1.956.809,3.776,3.776,0,0,1,.075,3.576c-.655,1.124-2.136,1.014-3.278,1.145-.121-1.826-.108-3.652-.093-5.484C411.881,122.189,412.343,122.15,412.8,122.162Z" transform="translate(-404 -117)" class="cls-1"/></g></svg>');
+      .encoded-svg-mask('<svg xmlns="http://www.w3.org/2000/svg" width="16" height="19" viewBox="0 0 16 19" fill="none"><path fill-rule="evenodd" d="M3.17352.00205L1.83101.09132.03033.17294.02691 11.8183 2.20037 12l.00399-4.26256.1462.00492c.85813.0293 1.75027.05976 2.53467-.33875C7.21956 6.26618 7.6361 2.77059 6.06157.87012 5.23967.13063 4.22784-.02022 3.17352.00205zm-.12158 2.10573c.47956.01275.94167.11913 1.24541.53935.41642.71217.39454 1.64995.04737 2.38392-.34559.62117-1.05357.67679-1.7.72758l-.38613.03546-.05822-3.65565.22293-.01202.62864-.01864zM4.99854 10c0-.55228.44771-1 1-1h8.99996c.5523 0 1 .44772 1 1v8c0 .5523-.4477 1-1 1H5.99853c-.55228 0-.99999-.4477-.99999-1v-8zm5 2v5h.99996v-5h2v-1H7.99854v1h2z" fill="#000"/></svg>');
     }
 
     &.icon-format-odp {
       width: 30px;
       height: 30px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 -54.11 193.63 193.63" height="193.63px" width="193.63px" y="0px" x="0px" xml:space="preserve"><defs><style>.cls-1{fill:@{themeColor};}</style></defs><path d="M193.16,5.615V5.609c-0.334-0.173-0.671-0.334-1.005-0.497  c-5.356-2.586-11.256-4.287-17.525-4.88c-11.083-1.049-21.673,1.496-30.622,6.678c-6.13-3.477-13.071-5.741-20.542-6.448  c-10.298-0.974-20.17,1.16-28.697,5.629c-0.084,0.044-0.17,0.095-0.251,0.135c-0.207,0.162-0.347,0.414-0.347,0.697  c0,0.492,0.392,0.89,0.889,0.89c0.046,0,0.091-0.007,0.139-0.017c0.021-0.002,0.042-0.011,0.061-0.015  c4.586-0.848,9.368-1.088,14.243-0.627c13.684,1.293,25.609,5.521,33.975,15.011c0.437,0.455,0.822,0.427,1.266-0.024  c10.523-12.2,26.662-17.021,44.006-15.382c0.968,0.094,1.921,0.213,2.871,0.355c0.33,0.05,0.836,0.134,1.133,0.167  c0.572,0.063,0.88-0.397,0.88-0.891C193.629,6.056,193.485,5.776,193.16,5.615L193.16,5.615z" class="cls-1" /><path d="M173.054,48.544c-0.057-0.028-0.107-0.046-0.154-0.065  c-10.518-4.35-22.021-6.758-34.094-6.758c-19.293,0-37.154,6.127-51.757,16.524c-11.146-4.993-23.497-7.776-36.496-7.776  c-18.485,0-35.648,5.617-49.895,15.237c-0.047,0.029-0.095,0.066-0.149,0.104C0.205,66.044,0,66.418,0,66.848  c0,0.729,0.592,1.323,1.323,1.323c0.086,0,0.174-0.013,0.259-0.03c0.058-0.015,0.107-0.027,0.161-0.048  c8.166-2.456,16.832-3.791,25.798-3.791c23.836,0,45.083,5.634,61.08,20.681c0.038,0.028,0.071,0.065,0.111,0.104  c0.232,0.205,0.53,0.325,0.863,0.325c0.412,0,0.774-0.188,1.018-0.486c0.006,0.005,0.515-0.72,0.773-1.069  c16.246-22.217,43.03-33.172,72.845-33.172c2.129,0,4.246,0.08,6.338,0.225c0.602,0.047,1.873,0.144,1.902,0.144  c0.727,0,1.322-0.591,1.322-1.323C173.796,49.203,173.492,48.752,173.054,48.544L173.054,48.544z" class="cls-1" /></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 -54.11 193.63 193.63" height="193.63px" width="193.63px" y="0px" x="0px" xml:space="preserve"><path d="M193.16,5.615V5.609c-0.334-0.173-0.671-0.334-1.005-0.497  c-5.356-2.586-11.256-4.287-17.525-4.88c-11.083-1.049-21.673,1.496-30.622,6.678c-6.13-3.477-13.071-5.741-20.542-6.448  c-10.298-0.974-20.17,1.16-28.697,5.629c-0.084,0.044-0.17,0.095-0.251,0.135c-0.207,0.162-0.347,0.414-0.347,0.697  c0,0.492,0.392,0.89,0.889,0.89c0.046,0,0.091-0.007,0.139-0.017c0.021-0.002,0.042-0.011,0.061-0.015  c4.586-0.848,9.368-1.088,14.243-0.627c13.684,1.293,25.609,5.521,33.975,15.011c0.437,0.455,0.822,0.427,1.266-0.024  c10.523-12.2,26.662-17.021,44.006-15.382c0.968,0.094,1.921,0.213,2.871,0.355c0.33,0.05,0.836,0.134,1.133,0.167  c0.572,0.063,0.88-0.397,0.88-0.891C193.629,6.056,193.485,5.776,193.16,5.615L193.16,5.615z" class="cls-1" fill="@{brandColor}" /><path d="M173.054,48.544c-0.057-0.028-0.107-0.046-0.154-0.065  c-10.518-4.35-22.021-6.758-34.094-6.758c-19.293,0-37.154,6.127-51.757,16.524c-11.146-4.993-23.497-7.776-36.496-7.776  c-18.485,0-35.648,5.617-49.895,15.237c-0.047,0.029-0.095,0.066-0.149,0.104C0.205,66.044,0,66.418,0,66.848  c0,0.729,0.592,1.323,1.323,1.323c0.086,0,0.174-0.013,0.259-0.03c0.058-0.015,0.107-0.027,0.161-0.048  c8.166-2.456,16.832-3.791,25.798-3.791c23.836,0,45.083,5.634,61.08,20.681c0.038,0.028,0.071,0.065,0.111,0.104  c0.232,0.205,0.53,0.325,0.863,0.325c0.412,0,0.774-0.188,1.018-0.486c0.006,0.005,0.515-0.72,0.773-1.069  c16.246-22.217,43.03-33.172,72.845-33.172c2.129,0,4.246,0.08,6.338,0.225c0.602,0.047,1.873,0.144,1.902,0.144  c0.727,0,1.322-0.591,1.322-1.323C173.796,49.203,173.492,48.752,173.054,48.544L173.054,48.544z" class="cls-1" fill="@{brandColor}" /></svg>');
     }
 
     &.icon-format-otp {
       width: 30px;
       height: 30px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="33" height="33" viewBox="0 0 33 33"><defs><clipPath id="clip-otp"><rect width="33" height="33"/></clipPath><style>.cls-1{fill:@{themeColor};}</style></defs><g id="otp" clip-path="url(#clip-otp)"><rect id="Rectangle_20" data-name="Rectangle 20" width="33" height="33" fill="none"/><path id="Path_33" data-name="Path 33" d="M125.173,121h0c-.046-.03-.093-.059-.141-.088a6.133,6.133,0,0,0-2.467-.869,6.014,6.014,0,0,0-4.309,1.188,6.223,6.223,0,0,0-2.892-1.147,5.965,5.965,0,0,0-4.039,1l-.036.024a.176.176,0,0,0-.049.125.145.145,0,0,0,.126.158l.019,0a.019.019,0,0,0,.009,0,5.781,5.781,0,0,1,2.005-.111,6.41,6.41,0,0,1,4.782,2.669c.06.081.115.076.178,0a6.288,6.288,0,0,1,6.194-2.735c.136.017.27.038.4.064.047.009.119.024.161.03.08.011.123-.071.123-.159A.155.155,0,0,0,125.173,121Z" transform="translate(-94.24 -116)" class="cls-1"/><path id="Path_34" data-name="Path 34" d="M126.894,125.978a.175.175,0,0,0-.022-.011,11.686,11.686,0,0,0-4.905-1.082,11.924,11.924,0,0,0-7.444,2.647,11.725,11.725,0,0,0-5.251-1.245,11.884,11.884,0,0,0-7.176,2.441.229.229,0,0,0-.022.016.217.217,0,0,0-.073.167.2.2,0,0,0,.191.211.167.167,0,0,0,.037,0,.118.118,0,0,0,.023-.008,11.679,11.679,0,0,1,3.71-.608c3.429,0,6.486.9,8.787,3.315a.093.093,0,0,1,.016.016.172.172,0,0,0,.123.052.18.18,0,0,0,.147-.078s.075-.115.111-.171a12.1,12.1,0,0,1,10.479-5.315c.306,0,.611.014.912.037l.273.022a.2.2,0,0,0,.191-.211A.211.211,0,0,0,126.894,125.978Z" transform="translate(-100 -115.885)" class="cls-1"/><g id="Group_5" data-name="Group 5" transform="translate(16 16)"><path id="Path_44" data-name="Path 44" d="M1.011,0H13.989A1.011,1.011,0,0,1,15,1.011V13.989A1.011,1.011,0,0,1,13.989,15H1.011A1.011,1.011,0,0,1,0,13.989V1.011A1.011,1.011,0,0,1,1.011,0Z" class="cls-1"/><path id="Path_39" data-name="Path 39" d="M5.794,13.25V3.911H9.258V2.25h-9V3.911H3.729V13.25Z" transform="translate(2.742 -0.25)" fill="#fff"/></g></g></svg>');
+      .encoded-svg-mask('<svg xmlns="http://www.w3.org/2000/svg" width="22" height="18" viewBox="0 0 22 18" fill="none"><path fill-rule="evenodd" d="M18.9524.65678l-.0785-.04649-.0201-.0117c-.5256-.30277-1.1045-.50192-1.7196-.57134-1.0875-.12282-2.1267.17515-3.0048.78185-.6015-.40708-1.2825-.67215-2.0156-.75492-1.0105-.11403-1.9792.13581-2.81586.65904l-.01038.00672-.01425.00908c-.02031.01897-.03405.04847-.03405.0816 0 .0576.03846.1042.08723.1042.00451 0 .00893-.00082.01364-.00199s.00253-.0006.00375-.00103l.00223-.00072c.45-.09928.91919-.12738 1.39759-.07341 1.3427.15138 2.5128.6464 3.3337 1.75747.0429.05327.0807.05.1242-.00281 1.0326-1.42836 2.6162-1.99279 4.3181-1.8009l.2817.04156.0281.00521.083.01434c.0562.00738.0864-.04648.0864-.10432-.0005-.0391-.0146-.07259-.0465-.09144zM11.9985 8c-.5522 0-1 .44772-1 1v8c0 .5523.4477 1 1 1h9c.5523 0 1-.4477 1-1V9c0-.55228-.4477-1-1-1h-9zm4 8v-5h-2v-1h5v1h-2v5h-1zm.9693-10.32247l.0118.00606c.043.02436.0729.07716.0726.13898 0 .0857-.0584.15489-.1298.15489-.0028 0-.1275-.01136-.1866-.01686l-.6219-.02634c-2.9255 0-5.5537 1.2826-7.14778 3.88374l-.04596.07604-.02989.04912c-.02395.03488-.05947.05694-.09989.05694-.03268 0-.06192-.0141-.08468-.0381-.00393-.00456-.00717-.00889-.01089-.01217C7.12513 8.18814 5.0403 7.52852 2.70144 7.52852c-.87978 0-1.73011.1563-2.53139.44385-.00487.00226-.00932.00362-.01442.00519l-.00138.00043c-.00834.00199-.01697.00351-.02541.00351-.07173 0-.12982-.06955-.12982-.1549 0-.05034.02012-.09413.04994-.12152l.00484-.00414.00978-.00804c1.39796-1.1263 3.08205-1.78393 4.89586-1.78393 1.2755 0 2.48742.32583 3.58111.91041C9.97345 5.60211 11.726 4.88477 13.6191 4.88477c1.1847 0 2.3134.28192 3.3454.79121l.0033.00155z" fill="#000"/></svg>')
     }
 
     //  Collaboration
     &.icon-users {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.5 7C15.5 9.26153 14.9357 10.9518 14.201 12.0307C13.4584 13.121 12.6234 13.5 12 13.5C11.3766 13.5 10.5416 13.121 9.79901 12.0307C9.0643 10.9518 8.5 9.26153 8.5 7C8.5 4.92262 10.2222 3.5 12 3.5C13.7778 3.5 15.5 4.92262 15.5 7ZM14.8461 13.6216C14.006 14.5191 13.0044 15 12 15C10.9956 15 9.99399 14.5191 9.15395 13.6216C7.69714 14.1996 6.4782 14.7725 5.52945 15.3496C3.82884 16.3839 3.5 17.1203 3.5 17.5C3.5 18.0104 3.76355 18.6977 5.04703 19.3409C6.37522 20.0065 8.60909 20.4999 12 20.5C15.3909 20.5 17.6248 20.0065 18.953 19.3409C20.2364 18.6977 20.5 18.0104 20.5 17.5C20.5 17.1203 20.1712 16.3839 18.4705 15.3496C17.5218 14.7725 16.3029 14.1996 14.8461 13.6216ZM15.7544 12.37C16.5137 11.0279 17 9.20917 17 7C17 4 14.5088 2 12 2C9.49121 2 7 4 7 7C7 9.20917 7.48633 11.0279 8.24563 12.37C4.38973 13.9392 2 15.579 2 17.5C2 19.9852 5 21.9999 12 22C19 22 22 19.9852 22 17.5C22 15.579 19.6103 13.9392 15.7544 12.37Z" fill="@{themeColor}"/></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.5 7C15.5 9.26153 14.9357 10.9518 14.201 12.0307C13.4584 13.121 12.6234 13.5 12 13.5C11.3766 13.5 10.5416 13.121 9.79901 12.0307C9.0643 10.9518 8.5 9.26153 8.5 7C8.5 4.92262 10.2222 3.5 12 3.5C13.7778 3.5 15.5 4.92262 15.5 7ZM14.8461 13.6216C14.006 14.5191 13.0044 15 12 15C10.9956 15 9.99399 14.5191 9.15395 13.6216C7.69714 14.1996 6.4782 14.7725 5.52945 15.3496C3.82884 16.3839 3.5 17.1203 3.5 17.5C3.5 18.0104 3.76355 18.6977 5.04703 19.3409C6.37522 20.0065 8.60909 20.4999 12 20.5C15.3909 20.5 17.6248 20.0065 18.953 19.3409C20.2364 18.6977 20.5 18.0104 20.5 17.5C20.5 17.1203 20.1712 16.3839 18.4705 15.3496C17.5218 14.7725 16.3029 14.1996 14.8461 13.6216ZM15.7544 12.37C16.5137 11.0279 17 9.20917 17 7C17 4 14.5088 2 12 2C9.49121 2 7 4 7 7C7 9.20917 7.48633 11.0279 8.24563 12.37C4.38973 13.9392 2 15.579 2 17.5C2 19.9852 5 21.9999 12 22C19 22 22 19.9852 22 17.5C22 15.579 19.6103 13.9392 15.7544 12.37Z" fill="@{brandColor}"/></svg>');
     }
 
     &.icon-app-settings {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 14H16C18.2091 14 20 15.7909 20 18C20 20.2091 18.2091 22 16 22H7C4.79086 22 3 20.2091 3 18C3 15.7909 4.79086 14 7 14ZM16 13C18.7614 13 21 15.2386 21 18C21 20.7614 18.7614 23 16 23H7C4.23858 23 2 20.7614 2 18C2 15.2386 4.23858 13 7 13H16Z" fill="@{themeColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16 20C14.8954 20 14 19.1046 14 18C14 16.8954 14.8954 16 16 16C17.1046 16 18 16.8954 18 18C18 19.1046 17.1046 20 16 20ZM16 21C14.3431 21 13 19.6569 13 18C13 16.3431 14.3431 15 16 15C17.6569 15 19 16.3431 19 18C19 19.6569 17.6569 21 16 21Z" fill="@{themeColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16 3H7C4.79086 3 3 4.79086 3 7C3 9.20914 4.79086 11 7 11H16C18.2091 11 20 9.20914 20 7C20 4.79086 18.2091 3 16 3ZM7 2C4.23858 2 2 4.23858 2 7C2 9.76142 4.23858 12 7 12H16C18.7614 12 21 9.76142 21 7C21 4.23858 18.7614 2 16 2H7Z" fill="@{themeColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7 9C8.10457 9 9 8.10457 9 7C9 5.89543 8.10457 5 7 5C5.89543 5 5 5.89543 5 7C5 8.10457 5.89543 9 7 9ZM7 10C8.65685 10 10 8.65685 10 7C10 5.34315 8.65685 4 7 4C5.34315 4 4 5.34315 4 7C4 8.65685 5.34315 10 7 10Z" fill="@{themeColor}"/></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 14H16C18.2091 14 20 15.7909 20 18C20 20.2091 18.2091 22 16 22H7C4.79086 22 3 20.2091 3 18C3 15.7909 4.79086 14 7 14ZM16 13C18.7614 13 21 15.2386 21 18C21 20.7614 18.7614 23 16 23H7C4.23858 23 2 20.7614 2 18C2 15.2386 4.23858 13 7 13H16Z" fill="@{brandColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16 20C14.8954 20 14 19.1046 14 18C14 16.8954 14.8954 16 16 16C17.1046 16 18 16.8954 18 18C18 19.1046 17.1046 20 16 20ZM16 21C14.3431 21 13 19.6569 13 18C13 16.3431 14.3431 15 16 15C17.6569 15 19 16.3431 19 18C19 19.6569 17.6569 21 16 21Z" fill="@{brandColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16 3H7C4.79086 3 3 4.79086 3 7C3 9.20914 4.79086 11 7 11H16C18.2091 11 20 9.20914 20 7C20 4.79086 18.2091 3 16 3ZM7 2C4.23858 2 2 4.23858 2 7C2 9.76142 4.23858 12 7 12H16C18.7614 12 21 9.76142 21 7C21 4.23858 18.7614 2 16 2H7Z" fill="@{brandColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7 9C8.10457 9 9 8.10457 9 7C9 5.89543 8.10457 5 7 5C5.89543 5 5 5.89543 5 7C5 8.10457 5.89543 9 7 9ZM7 10C8.65685 10 10 8.65685 10 7C10 5.34315 8.65685 4 7 4C5.34315 4 4 5.34315 4 7C4 8.65685 5.34315 10 7 10Z" fill="@{brandColor}"/></svg>');
     }
 
     //Comments
     &.icon-menu-comment {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.6047 16.5848C17.0078 16.1793 17.4729 15.9766 18 15.9766C18.5271 15.9766 18.9922 16.1793 19.3953 16.5848C19.7984 16.9903 20 17.4581 20 17.9883C20 18.5185 19.7984 18.9864 19.3953 19.3918C18.9922 19.7973 18.5271 20 18 20C17.4729 20 17.0078 19.7973 16.6047 19.3918C16.2016 18.9864 16 18.5185 16 17.9883C16 17.4581 16.2016 16.9903 16.6047 16.5848ZM16.6047 10.5965C17.0078 10.191 17.4729 9.9883 18 9.9883C18.5271 9.9883 18.9922 10.191 19.3953 10.5965C19.7984 11.0019 20 11.4698 20 12C20 12.5302 19.7984 12.9981 19.3953 13.4035C18.9922 13.809 18.5271 14.0117 18 14.0117C17.4729 14.0117 17.0078 13.809 16.6047 13.4035C16.2016 12.9981 16 12.5302 16 12C16 11.4698 16.2016 11.0019 16.6047 10.5965ZM19.3953 7.4152C18.9922 7.82066 18.5271 8.02339 18 8.02339C17.4729 8.02339 17.0078 7.82066 16.6047 7.4152C16.2016 7.00975 16 6.54191 16 6.0117C16 5.48148 16.2016 5.01365 16.6047 4.60819C17.0078 4.20273 17.4729 4 18 4C18.5271 4 18.9922 4.20273 19.3953 4.60819C19.7984 5.01365 20 5.48148 20 6.0117C20 6.54191 19.7984 7.00975 19.3953 7.4152Z" fill="black" fill-opacity="0.6"/></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M16.6047 16.5848C17.0078 16.1793 17.4729 15.9766 18 15.9766C18.5271 15.9766 18.9922 16.1793 19.3953 16.5848C19.7984 16.9903 20 17.4581 20 17.9883C20 18.5185 19.7984 18.9864 19.3953 19.3918C18.9922 19.7973 18.5271 20 18 20C17.4729 20 17.0078 19.7973 16.6047 19.3918C16.2016 18.9864 16 18.5185 16 17.9883C16 17.4581 16.2016 16.9903 16.6047 16.5848ZM16.6047 10.5965C17.0078 10.191 17.4729 9.9883 18 9.9883C18.5271 9.9883 18.9922 10.191 19.3953 10.5965C19.7984 11.0019 20 11.4698 20 12C20 12.5302 19.7984 12.9981 19.3953 13.4035C18.9922 13.809 18.5271 14.0117 18 14.0117C17.4729 14.0117 17.0078 13.809 16.6047 13.4035C16.2016 12.9981 16 12.5302 16 12C16 11.4698 16.2016 11.0019 16.6047 10.5965ZM19.3953 7.4152C18.9922 7.82066 18.5271 8.02339 18 8.02339C17.4729 8.02339 17.0078 7.82066 16.6047 7.4152C16.2016 7.00975 16 6.54191 16 6.0117C16 5.48148 16.2016 5.01365 16.6047 4.60819C17.0078 4.20273 17.4729 4 18 4C18.5271 4 18.9922 4.20273 19.3953 4.60819C19.7984 5.01365 20 5.48148 20 6.0117C20 6.54191 19.7984 7.00975 19.3953 7.4152Z" fill="@{text-tertiary}" fill-opacity="0.6"/></svg>', @text-tertiary);
     }
 
     &.icon-resolve-comment {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 16.1719L19.5938 5.57812L21 6.98438L9 18.9844L3.42188 13.4062L4.82812 12L9 16.1719Z" fill="black" fill-opacity="0.6"/></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M9 16.1719L19.5938 5.57812L21 6.98438L9 18.9844L3.42188 13.4062L4.82812 12L9 16.1719Z" fill="@{brandColor}"/></svg>');
     }
 
     &.icon-resolve-comment.check {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 16.1719L19.5938 5.57812L21 6.98438L9 18.9844L3.42188 13.4062L4.82812 12L9 16.1719Z" fill="#40865C" fill-opacity="0.6"/></svg>');
+      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M9 16.1719L19.5938 5.57812L21 6.98438L9 18.9844L3.42188 13.4062L4.82812 12L9 16.1719Z" fill="@{green}" /></svg>');
     }
 
     &.icon-done-comment {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 16.1719L19.5938 5.57812L21 6.98438L9 18.9844L3.42188 13.4062L4.82812 12L9 16.1719Z" fill="@{themeColor}"/></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 16.1719L19.5938 5.57812L21 6.98438L9 18.9844L3.42188 13.4062L4.82812 12L9 16.1719Z" fill="@{brandColor}"/></svg>');
     }
 
     &.icon-insert-comment {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.5 3H4.5C3.18908 3 2 4.2153 2 5.50295V15.0346C2 16.3222 3.18908 17.013 4.5 17.013H5.5C5.82773 17.013 6 17.1917 6 17.5136V21L12 17H20C21.1046 17 22 16.1046 22 15V8H20.5V14.5C20.5 15.0523 20.0523 15.5 19.5 15.5H11.5L7.5 18V15.5H4.5C3.94772 15.5 3.5 15.0523 3.5 14.5V5.5C3.5 4.94772 3.94772 4.5 4.5 4.5H19.5C20.0523 4.5 20.5 4.94772 20.5 5.5V8H22V5.50295C22 4.2153 20.8109 3 19.5 3Z" fill="@{themeColor}"/><path d="M6 7.5H18V9H6L6 7.5Z" fill="@{themeColor}"/><path d="M6 11H18V12.5H6V11Z" fill="@{themeColor}"/></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M19.5 3H4.5C3.18908 3 2 4.2153 2 5.50295V15.0346C2 16.3222 3.18908 17.013 4.5 17.013H5.5C5.82773 17.013 6 17.1917 6 17.5136V21L12 17H20C21.1046 17 22 16.1046 22 15V8H20.5V14.5C20.5 15.0523 20.0523 15.5 19.5 15.5H11.5L7.5 18V15.5H4.5C3.94772 15.5 3.5 15.0523 3.5 14.5V5.5C3.5 4.94772 3.94772 4.5 4.5 4.5H19.5C20.0523 4.5 20.5 4.94772 20.5 5.5V8H22V5.50295C22 4.2153 20.8109 3 19.5 3Z" fill="@{brandColor}"/><path d="M6 7.5H18V9H6L6 7.5Z" fill="@{brandColor}"/><path d="M6 11H18V12.5H6V11Z" fill="@{brandColor}"/></svg>');
     }
 
     &.icon-done-comment-white {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 16.1719L19.5938 5.57812L21 6.98438L9 18.9844L3.42188 13.4062L4.82812 12L9 16.1719Z" fill="#FFFFFF"/></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M9 16.1719L19.5938 5.57812L21 6.98438L9 18.9844L3.42188 13.4062L4.82812 12L9 16.1719Z" fill="@{fill-white}"/></svg>', @fill-white);
     }
 
     &.icon-add-table {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 5.59961H11.2V8.79961H4V5.59961Z" fill="@{themeColor}"/><path d="M12.8 5.59961H20V8.79961H12.8V5.59961Z" fill="@{themeColor}"/><path d="M4 10.3996H11.2V13.5996H4V10.3996Z" fill="@{themeColor}"/><path d="M12.8 10.3996H20V13.5996H12.8V10.3996Z" fill="@{themeColor}"/><path d="M4 15.1996H11.2V18.3996H4V15.1996Z" fill="@{themeColor}"/><path d="M12.8 15.1996H20V18.3996H12.8V15.1996Z" fill="@{themeColor}"/></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4 5.59961H11.2V8.79961H4V5.59961Z" fill="@{brandColor}"/><path d="M12.8 5.59961H20V8.79961H12.8V5.59961Z" fill="@{brandColor}"/><path d="M4 10.3996H11.2V13.5996H4V10.3996Z" fill="@{brandColor}"/><path d="M12.8 10.3996H20V13.5996H12.8V10.3996Z" fill="@{brandColor}"/><path d="M4 15.1996H11.2V18.3996H4V15.1996Z" fill="@{brandColor}"/><path d="M12.8 15.1996H20V18.3996H12.8V15.1996Z" fill="@{brandColor}"/></svg>');
     }
 
     &.icon-link {
       width: 24px;
       height: 24px;
-      .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.0235 7C18.4006 7 19.5743 7.49845 20.5446 8.49534C21.5149 9.46108 22 10.6293 22 12C22 13.3708 21.5149 14.5546 20.5446 15.5515C19.5743 16.5172 18.4006 17.0001 17.0235 17.0001H13V15H17C17.8451 15 18.5884 14.7882 19.1831 14.1963C19.8091 13.5733 20 12.8411 20 12C20 11.1589 19.8091 10.4424 19.1831 9.85049C18.5884 9.22743 17.8685 9 17.0235 9H13V7H17.0235ZM8.00939 12.9814V11.0187H15.9906V12.9814H8.00939ZM4.76995 9.85049C4.17527 10.4424 4 11.1589 4 12C4 12.8411 4.17527 13.5733 4.76995 14.1963C5.39593 14.7882 6.15493 15 7 15H11.0141V17.0001H6.97653C5.59937 17.0001 4.42567 16.5172 3.4554 15.5515C2.48513 14.5546 2 13.3708 2 12C2 10.6293 2.48513 9.46108 3.4554 8.49534C4.42567 7.49845 5.59937 7 6.97653 7H11.0141V9H6.97653C6.13146 9 5.39593 9.22743 4.76995 9.85049Z" fill="@{themeColor}"/></svg>');
+      .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.0235 7C18.4006 7 19.5743 7.49845 20.5446 8.49534C21.5149 9.46108 22 10.6293 22 12C22 13.3708 21.5149 14.5546 20.5446 15.5515C19.5743 16.5172 18.4006 17.0001 17.0235 17.0001H13V15H17C17.8451 15 18.5884 14.7882 19.1831 14.1963C19.8091 13.5733 20 12.8411 20 12C20 11.1589 19.8091 10.4424 19.1831 9.85049C18.5884 9.22743 17.8685 9 17.0235 9H13V7H17.0235ZM8.00939 12.9814V11.0187H15.9906V12.9814H8.00939ZM4.76995 9.85049C4.17527 10.4424 4 11.1589 4 12C4 12.8411 4.17527 13.5733 4.76995 14.1963C5.39593 14.7882 6.15493 15 7 15H11.0141V17.0001H6.97653C5.59937 17.0001 4.42567 16.5172 3.4554 15.5515C2.48513 14.5546 2 13.3708 2 12C2 10.6293 2.48513 9.46108 3.4554 8.49534C4.42567 7.49845 5.59937 7 6.97653 7H11.0141V9H6.97653C6.13146 9 5.39593 9.22743 4.76995 9.85049Z" fill="@{brandColor}"/></svg>');
     }
     &.icon-plus {
       width: 22px;
       height: 22px;
-      .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{navBarIconColor}"><g><path d="M21,12h-9v9h-2v-9H1v-2h9V1h2v9h9V12z"/></g></svg>');
+      .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{toolbar-icons}"><g><path d="M21,12h-9v9h-2v-9H1v-2h9V1h2v9h9V12z"/></g></svg>', @toolbar-icons);
     }
   }
 
@@ -495,91 +496,91 @@
       &.icon-undo {
         width: 22px;
         height: 22px;
-        .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{navBarIconColor}"><g><path d="M20,17v-2c0-1.7-1.3-3-3-3H3.7l3.4,3.4l-1.4,1.4l-5.2-5.2L0,11l0.5-0.6l5.2-5.2l1.4,1.4L3.7,10H17c2.8,0,5,2.2,5,5v2H20z"/></g></svg>');
+        .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{toolbar-icons}"><g><path d="M20,17v-2c0-1.7-1.3-3-3-3H3.7l3.4,3.4l-1.4,1.4l-5.2-5.2L0,11l0.5-0.6l5.2-5.2l1.4,1.4L3.7,10H17c2.8,0,5,2.2,5,5v2H20z"/></g></svg>', @toolbar-icons);
       }
 
       &.icon-redo {
         width: 22px;
         height: 22px;
-        .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{navBarIconColor}"><g><path d="M0,17v-2c0-2.8,2.2-5,5-5h13.3l-3.4-3.4l1.4-1.4l5.2,5.2L22,11l-0.5,0.6l-5.2,5.2l-1.4-1.4l3.4-3.4H5c-1.7,0-3,1.3-3,3v2H0z"/></g></svg>');
+        .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{toolbar-icons}"><g><path d="M0,17v-2c0-2.8,2.2-5,5-5h13.3l-3.4-3.4l1.4-1.4l5.2,5.2L22,11l-0.5,0.6l-5.2,5.2l-1.4-1.4l3.4-3.4H5c-1.7,0-3,1.3-3,3v2H0z"/></g></svg>', @toolbar-icons);
       }
 
       &.icon-search {
         width: 22px;
         height: 22px;
-        .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{navBarIconColor}"><g><path d="M19.5,16.8L16,13.3c0.7-1.1,1.1-2.4,1.1-3.8C17,5.4,13.6,2,9.5,2S2,5.4,2,9.5S5.4,17,9.5,17c1.4,0,2.7-0.4,3.8-1.1l3.5,3.5c0.7,0.7,1.9,0.7,2.6,0C20.2,18.7,20.2,17.6,19.5,16.8z M9.5,15.3c-3.2,0-5.8-2.6-5.8-5.8s2.6-5.8,5.8-5.8s5.8,2.6,5.8,5.8S12.7,15.3,9.5,15.3z"/></g></svg>');
+        .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{toolbar-icons}"><g><path d="M19.5,16.8L16,13.3c0.7-1.1,1.1-2.4,1.1-3.8C17,5.4,13.6,2,9.5,2S2,5.4,2,9.5S5.4,17,9.5,17c1.4,0,2.7-0.4,3.8-1.1l3.5,3.5c0.7,0.7,1.9,0.7,2.6,0C20.2,18.7,20.2,17.6,19.5,16.8z M9.5,15.3c-3.2,0-5.8-2.6-5.8-5.8s2.6-5.8,5.8-5.8s5.8,2.6,5.8,5.8S12.7,15.3,9.5,15.3z"/></g></svg>', @toolbar-icons);
       }
 
       &.icon-burger {
         width: 22px;
         height: 22px;
-        .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-8 1 22 22" fill="@{navBarIconColor}"><g><path d="M-6,6v2h18V6H-6z M-6,13h18v-2H-6V13z M-6,18h18v-2H-6V18z"/></g></svg>');
+        .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-8 1 22 22" fill="@{toolbar-icons}"><g><path d="M-6,6v2h18V6H-6z M-6,13h18v-2H-6V13z M-6,18h18v-2H-6V18z"/></g></svg>', @toolbar-icons);
       }
 
       &.icon-plus {
         width: 22px;
         height: 22px;
-        .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{navBarIconColor}"><g><path d="M21,12h-9v9h-2v-9H1v-2h9V1h2v9h9V12z"/></g></svg>');
+        .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{toolbar-icons}"><g><path d="M21,12h-9v9h-2v-9H1v-2h9V1h2v9h9V12z"/></g></svg>', @toolbar-icons);
       }
 
       &.icon-play {
         width: 22px;
         height: 22px;
-        .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{navBarIconColor}"><g><path d="M4.0464363,2.9884553c0.006526,0.00296,0.0142345,0.006835,0.0231438,0.0119021 c0.5908604,0.3357637,12.7118397,7.2924433,13.8977489,8.0268402c-0.5831585,0.3417759-13.0137587,7.4879274-13.934659,7.9826727 L4.0464363,2.9884553 M3.9889357,2C3.4427795,2.0000577,3.000525,2.4533575,3.000525,3.015348	c0,0.573487,0,15.1632957,0,15.9945221C3.000525,19.622963,3.4796104,20,3.9940588,20 c0.1729372,0,0.3499191-0.0426311,0.5139763-0.1332226c0.8905602-0.491045,13.1880894-7.5583372,13.9407387-7.9994459 c0.6751213-0.3955202,0.6867313-1.337512,0-1.7326603C17.4031754,9.5333271,5.1523852,2.501852,4.5393953,2.1535165 C4.3526201,2.0472794,4.165401,1.9999813,3.9889357,2L3.9889357,2z"/></g></svg>');
+        .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{toolbar-icons}"><g><path d="M4.0464363,2.9884553c0.006526,0.00296,0.0142345,0.006835,0.0231438,0.0119021 c0.5908604,0.3357637,12.7118397,7.2924433,13.8977489,8.0268402c-0.5831585,0.3417759-13.0137587,7.4879274-13.934659,7.9826727 L4.0464363,2.9884553 M3.9889357,2C3.4427795,2.0000577,3.000525,2.4533575,3.000525,3.015348	c0,0.573487,0,15.1632957,0,15.9945221C3.000525,19.622963,3.4796104,20,3.9940588,20 c0.1729372,0,0.3499191-0.0426311,0.5139763-0.1332226c0.8905602-0.491045,13.1880894-7.5583372,13.9407387-7.9994459 c0.6751213-0.3955202,0.6867313-1.337512,0-1.7326603C17.4031754,9.5333271,5.1523852,2.501852,4.5393953,2.1535165 C4.3526201,2.0472794,4.165401,1.9999813,3.9889357,2L3.9889357,2z"/></g></svg>', @toolbar-icons);
       }
 
       &.icon-settings {
         width: 22px;
         height: 22px;
-        .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{navBarIconColor}"><g><path d="M12.1,2H9.9C9.6,2,9.4,2.2,9.3,2.5L8.8,4.9c0,0.2-0.2,0.3-0.3,0.3s-0.1,0-0.2-0.1L6.2,3.8C6.1,3.7,6,3.7,5.8,3.7c-0.1,0-0.3,0-0.4,0.1L3.8,5.4c-0.1,0.2-0.2,0.5,0,0.8l1.3,2.1c0.1,0.2,0.1,0.4-0.2,0.5L2.5,9.3C2.2,9.4,2,9.6,2,9.9v2.2c0,0.3,0.2,0.5,0.5,0.6l2.4,0.5c0.3,0.1,0.4,0.3,0.2,0.5l-1.3,2.1c-0.2,0.2-0.1,0.6,0.1,0.8l1.6,1.6c0.1,0.1,0.3,0.2,0.4,0.2s0.2,0,0.3-0.1L8.3,17c0.1-0.1,0.1-0.1,0.2-0.1s0.3,0.1,0.3,0.3l0.5,2.3C9.4,19.8,9.6,20,9.9,20h2.2c0.3,0,0.5-0.2,0.6-0.5l0.5-2.4c0-0.2,0.1-0.3,0.3-0.3c0.1,0,0.1,0,0.2,0.1l2.1,1.3c0.1,0.1,0.2,0.1,0.3,0.1c0.2,0,0.3-0.1,0.4-0.2l1.6-1.6c0.2-0.2,0.2-0.5,0.1-0.8l-1.3-2.1c-0.2-0.2-0.1-0.5,0.2-0.5l2.4-0.5c0.3-0.1,0.5-0.3,0.5-0.6V9.8c0-0.3-0.2-0.5-0.5-0.6l-2.4-0.5c-0.3-0.1-0.4-0.3-0.2-0.5l1.3-2.1c0.2-0.2,0.1-0.6-0.1-0.8l-1.6-1.6c-0.1-0.1-0.3-0.2-0.4-0.2s-0.2,0-0.3,0.1l-2.1,1.3C13.6,5,13.6,5,13.5,5s-0.3-0.1-0.3-0.3l-0.5-2.2C12.6,2.2,12.4,2,12.1,2L12.1,2z M11,14.5c-1.9,0-3.5-1.6-3.5-3.5S9.1,7.5,11,7.5s3.5,1.6,3.5,3.5S12.9,14.5,11,14.5L11,14.5z"/></g></svg>');
+        .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{toolbar-icons}"><g><path d="M12.1,2H9.9C9.6,2,9.4,2.2,9.3,2.5L8.8,4.9c0,0.2-0.2,0.3-0.3,0.3s-0.1,0-0.2-0.1L6.2,3.8C6.1,3.7,6,3.7,5.8,3.7c-0.1,0-0.3,0-0.4,0.1L3.8,5.4c-0.1,0.2-0.2,0.5,0,0.8l1.3,2.1c0.1,0.2,0.1,0.4-0.2,0.5L2.5,9.3C2.2,9.4,2,9.6,2,9.9v2.2c0,0.3,0.2,0.5,0.5,0.6l2.4,0.5c0.3,0.1,0.4,0.3,0.2,0.5l-1.3,2.1c-0.2,0.2-0.1,0.6,0.1,0.8l1.6,1.6c0.1,0.1,0.3,0.2,0.4,0.2s0.2,0,0.3-0.1L8.3,17c0.1-0.1,0.1-0.1,0.2-0.1s0.3,0.1,0.3,0.3l0.5,2.3C9.4,19.8,9.6,20,9.9,20h2.2c0.3,0,0.5-0.2,0.6-0.5l0.5-2.4c0-0.2,0.1-0.3,0.3-0.3c0.1,0,0.1,0,0.2,0.1l2.1,1.3c0.1,0.1,0.2,0.1,0.3,0.1c0.2,0,0.3-0.1,0.4-0.2l1.6-1.6c0.2-0.2,0.2-0.5,0.1-0.8l-1.3-2.1c-0.2-0.2-0.1-0.5,0.2-0.5l2.4-0.5c0.3-0.1,0.5-0.3,0.5-0.6V9.8c0-0.3-0.2-0.5-0.5-0.6l-2.4-0.5c-0.3-0.1-0.4-0.3-0.2-0.5l1.3-2.1c0.2-0.2,0.1-0.6-0.1-0.8l-1.6-1.6c-0.1-0.1-0.3-0.2-0.4-0.2s-0.2,0-0.3,0.1l-2.1,1.3C13.6,5,13.6,5,13.5,5s-0.3-0.1-0.3-0.3l-0.5-2.2C12.6,2.2,12.4,2,12.1,2L12.1,2z M11,14.5c-1.9,0-3.5-1.6-3.5-3.5S9.1,7.5,11,7.5s3.5,1.6,3.5,3.5S12.9,14.5,11,14.5L11,14.5z"/></g></svg>', @toolbar-icons);
       }
 
       &.icon-prev {
         width: 20px;
         height: 20px;
-        .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{navBarIconColor}"><g><polygon points="5.1,10.9 13.9,2 16,4.1 9.2,11.1 16,17.9 13.9,20 5.1,11.2 5,11.1 "/></g></svg>');
+        .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{toolbar-icons}"><g><polygon points="5.1,10.9 13.9,2 16,4.1 9.2,11.1 16,17.9 13.9,20 5.1,11.2 5,11.1 "/></g></svg>', @toolbar-icons);
       }
 
       &.icon-next {
         width: 20px;
         height: 20px;
-        .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{navBarIconColor}"><g><polygon points="16.9,10.9 8.1,2 6,4.1 12.8,11.1 6,17.9 8.1,20 16.9,11.2 17,11.1 "/></g></svg>');
+        .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{toolbar-icons}"><g><polygon points="16.9,10.9 8.1,2 6,4.1 12.8,11.1 6,17.9 8.1,20 16.9,11.2 17,11.1 "/></g></svg>', @toolbar-icons);
       }
 
       &.icon-expand-down {
         width: 22px;
         height: 22px;
-        .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{navBarIconColor}"><g><polygon points="10.9,16.9 2,8.1 4.1,6 11.1,12.8 17.9,6 20,8.1 11.2,16.9 11.1,17 "/></g></svg>');
+        .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{fill-white}"><g><polygon points="10.9,16.9 2,8.1 4.1,6 11.1,12.8 17.9,6 20,8.1 11.2,16.9 11.1,17 "/></g></svg>', @fill-white);
       }
 
       &.icon-add-slide {
         width: 24px;
         height: 24px;
-        .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 4C2 2.89543 2.89543 2 4 2H20C21.1046 2 22 2.89543 22 4V20C22 21.1046 21.1046 22 20 22H4C2.89543 22 2 21.1046 2 20V4ZM11 11V7.00001H13V11H17V13H13V17H11V13H7V11H11Z" fill="@{navBarIconColor}"/></svg>');
+        .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 4C2 2.89543 2.89543 2 4 2H20C21.1046 2 22 2.89543 22 4V20C22 21.1046 21.1046 22 20 22H4C2.89543 22 2 21.1046 2 20V4ZM11 11V7.00001H13V11H17V13H13V17H11V13H7V11H11Z" fill="@{toolbar-icons}"/></svg>', @toolbar-icons);
       }
 
       &.icon-add-shape {
         width: 24px;
         height: 24px;
-        .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="16" cy="15" r="7" fill="@{navBarIconColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3 3C2.44772 3 2 3.44772 2 4V17C2 17.5523 2.44772 18 3 18H8.58152C8.20651 17.0736 8 16.0609 8 15C8 10.5817 11.5817 7 16 7C16.6906 7 17.3608 7.08751 18 7.25204V4C18 3.44772 17.5523 3 17 3H3Z" fill="@{navBarIconColor}"/></svg>');
+        .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><circle cx="16" cy="15" r="7" fill="@{toolbar-icons}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3 3C2.44772 3 2 3.44772 2 4V17C2 17.5523 2.44772 18 3 18H8.58152C8.20651 17.0736 8 16.0609 8 15C8 10.5817 11.5817 7 16 7C16.6906 7 17.3608 7.08751 18 7.25204V4C18 3.44772 17.5523 3 17 3H3Z" fill="@{toolbar-icons}"/></svg>', @toolbar-icons);
       }
 
       &.icon-add-image {
         width: 24px;
         height: 24px;
-        .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0)"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.23958 18L8.09375 13.5L10.9062 16.5L14.7604 12L19.7604 18H4.23958ZM21.3229 20.3906C21.7743 19.9844 22 19.5156 22 18.9844V5.01562C22 4.48438 21.7743 4.01562 21.3229 3.60938C20.8715 3.20313 20.3507 3 19.7604 3H4.23958C3.64931 3 3.12847 3.20313 2.67708 3.60938C2.22569 4.01562 2 4.48438 2 5.01562V18.9844C2 19.5156 2.22569 19.9844 2.67708 20.3906C3.12847 20.7969 3.64931 21 4.23958 21H19.7604C20.3507 21 20.8715 20.7969 21.3229 20.3906ZM8 11C9.10457 11 10 10.1046 10 9C10 7.89543 9.10457 7 8 7C6.89543 7 6 7.89543 6 9C6 10.1046 6.89543 11 8 11Z" fill="@{navBarIconColor}"/></g><defs><clipPath id="clip0"><path d="M0.000477791 0H24.0005V24H0.000477791V0Z" fill="transparent"/></clipPath></defs></svg>');
+        .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0)"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.23958 18L8.09375 13.5L10.9062 16.5L14.7604 12L19.7604 18H4.23958ZM21.3229 20.3906C21.7743 19.9844 22 19.5156 22 18.9844V5.01562C22 4.48438 21.7743 4.01562 21.3229 3.60938C20.8715 3.20313 20.3507 3 19.7604 3H4.23958C3.64931 3 3.12847 3.20313 2.67708 3.60938C2.22569 4.01562 2 4.48438 2 5.01562V18.9844C2 19.5156 2.22569 19.9844 2.67708 20.3906C3.12847 20.7969 3.64931 21 4.23958 21H19.7604C20.3507 21 20.8715 20.7969 21.3229 20.3906ZM8 11C9.10457 11 10 10.1046 10 9C10 7.89543 9.10457 7 8 7C6.89543 7 6 7.89543 6 9C6 10.1046 6.89543 11 8 11Z" fill="@{toolbar-icons}"/></g><defs><clipPath id="clip0"><path d="M0.000477791 0H24.0005V24H0.000477791V0Z" fill="transparent"/></clipPath></defs></svg>', @toolbar-icons);
       }
 
       &.icon-add-other {
         width: 24px;
         height: 24px;
-        .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 12C7 13.6569 5.65685 15 4 15C2.34315 15 1 13.6569 1 12C1 10.3431 2.34315 9 4 9C5.65685 9 7 10.3431 7 12ZM15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12ZM20 15C21.6569 15 23 13.6569 23 12C23 10.3431 21.6569 9 20 9C18.3431 9 17 10.3431 17 12C17 13.6569 18.3431 15 20 15Z" fill="@{navBarIconColor}"/></svg>');
+        .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 12C7 13.6569 5.65685 15 4 15C2.34315 15 1 13.6569 1 12C1 10.3431 2.34315 9 4 9C5.65685 9 7 10.3431 7 12ZM15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12ZM20 15C21.6569 15 23 13.6569 23 12C23 10.3431 21.6569 9 20 9C18.3431 9 17 10.3431 17 12C17 13.6569 18.3431 15 20 15Z" fill="@{toolbar-icons}"/></svg>', @toolbar-icons);
       }
 
       &.icon-close-comment {
         width: 24px;
         height: 24px;
-        .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.9844 6.42188L13.4062 12L18.9844 17.5781L17.5781 18.9844L12 13.4062L6.42188 18.9844L5.01562 17.5781L10.5938 12L5.01562 6.42188L6.42188 5.01562L12 10.5938L17.5781 5.01562L18.9844 6.42188Z" fill="@{navBarIconColor}"/></svg>');
+        .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M18.9844 6.42188L13.4062 12L18.9844 17.5781L17.5781 18.9844L12 13.4062L6.42188 18.9844L5.01562 17.5781L10.5938 12L5.01562 6.42188L6.42188 5.01562L12 10.5938L17.5781 5.01562L18.9844 6.42188Z" fill="@{toolbar-icons}"/></svg>', @toolbar-icons);
       }
     }
   }
diff --git a/apps/presentationeditor/mobile/src/page/app.jsx b/apps/presentationeditor/mobile/src/page/app.jsx
index 55d94d9b2..699cdcc8f 100644
--- a/apps/presentationeditor/mobile/src/page/app.jsx
+++ b/apps/presentationeditor/mobile/src/page/app.jsx
@@ -31,7 +31,7 @@ export default class extends React.Component {
 
     render() {
         return (
-            <App { ...f7params } >
+            <App { ...f7params } className={'app-layout'}>
                 {/* Your main view, should have "view-main" class */}
                 <View main className="safe-areas" url="/" />
                 <MainController />
diff --git a/apps/presentationeditor/mobile/src/view/add/AddLink.jsx b/apps/presentationeditor/mobile/src/view/add/AddLink.jsx
index dfdbd0e32..d00f01ace 100644
--- a/apps/presentationeditor/mobile/src/view/add/AddLink.jsx
+++ b/apps/presentationeditor/mobile/src/view/add/AddLink.jsx
@@ -144,7 +144,7 @@ const PageLink = props => {
             </List>
             <List className="buttons-list">
                 <ListButton title={_t.textInsert}
-                            className={`button-fill button-raised${typeLink === 1 && link.length < 1 && ' disabled'}`}
+                            className={`button-fill button-raised ${typeLink === 1 && link.length < 1 && ' disabled'}`}
                             onClick={() => {
                                 props.onInsertLink(typeLink, (typeLink === 1 ?
                                     {url: link, display: stateDisplay, tip: screenTip, displayDisabled: displayDisabled } :
diff --git a/apps/presentationeditor/mobile/src/view/settings/ApplicationSettings.jsx b/apps/presentationeditor/mobile/src/view/settings/ApplicationSettings.jsx
index 257b17063..9a929743d 100644
--- a/apps/presentationeditor/mobile/src/view/settings/ApplicationSettings.jsx
+++ b/apps/presentationeditor/mobile/src/view/settings/ApplicationSettings.jsx
@@ -1,7 +1,8 @@
-import React, {Fragment} from "react";
+import React, {Fragment, useState} from "react";
 import { observer, inject } from "mobx-react";
 import { Page, Navbar, List, ListItem, BlockTitle, Toggle } from "framework7-react";
 import { useTranslation } from "react-i18next";
+import { Themes } from '../../../../../common/mobile/lib/controller/Themes.js';
 
 const PageApplicationSettings = props => {
     const { t } = useTranslation();
@@ -9,6 +10,7 @@ const PageApplicationSettings = props => {
     const store = props.storeApplicationSettings;
     const unitMeasurement = store.unitMeasurement;
     const isSpellChecking = store.isSpellChecking;
+    const [isThemeDark, setIsThemeDark] = useState(Themes.isCurrentDark);
 
     const changeMeasureSettings = value => {
         store.changeUnitMeasurement(value);
@@ -44,6 +46,11 @@ const PageApplicationSettings = props => {
                                     }}
                             />
                         </ListItem>
+                        <ListItem title={t('View.Settings.textDarkTheme')}>
+                            <Toggle checked={isThemeDark}
+                                onToggleChange={toggle => {Themes.switchDarkTheme(!toggle), setIsThemeDark(!toggle)}}>
+                            </Toggle>
+                        </ListItem>
                     </List>
                 </Fragment>
             }
diff --git a/apps/spreadsheeteditor/mobile/locale/en.json b/apps/spreadsheeteditor/mobile/locale/en.json
index 5f8eb9447..d752ec41d 100644
--- a/apps/spreadsheeteditor/mobile/locale/en.json
+++ b/apps/spreadsheeteditor/mobile/locale/en.json
@@ -659,7 +659,8 @@
       "txtSemicolon": "Semicolon",
       "txtSpace": "Space",
       "txtTab": "Tab",
-      "warnDownloadAs": "If you continue saving in this format all features except the text will be lost.<br>Are you sure you want to continue?"
+      "warnDownloadAs": "If you continue saving in this format all features except the text will be lost.<br>Are you sure you want to continue?",
+      "textDarkTheme": "Dark Theme"
     }
   }
 }
\ No newline at end of file
diff --git a/apps/spreadsheeteditor/mobile/src/controller/settings/ApplicationSettings.jsx b/apps/spreadsheeteditor/mobile/src/controller/settings/ApplicationSettings.jsx
index 8d85d8e71..e3f2fa1dd 100644
--- a/apps/spreadsheeteditor/mobile/src/controller/settings/ApplicationSettings.jsx
+++ b/apps/spreadsheeteditor/mobile/src/controller/settings/ApplicationSettings.jsx
@@ -98,7 +98,7 @@ class ApplicationSettingsController extends Component {
                 clickR1C1Style={this.clickR1C1Style}
                 onChangeMacrosSettings={this.onChangeMacrosSettings}  
                 onFormulaLangChange={this.onFormulaLangChange}     
-                onRegSettings={this.onRegSettings}
+                onRegSettings={this.onRegSettings}   
             />
         )
     }
diff --git a/apps/spreadsheeteditor/mobile/src/less/app-material.less b/apps/spreadsheeteditor/mobile/src/less/app-material.less
index cbb0da4ce..2995a0049 100644
--- a/apps/spreadsheeteditor/mobile/src/less/app-material.less
+++ b/apps/spreadsheeteditor/mobile/src/less/app-material.less
@@ -6,9 +6,9 @@
 
 
 .device-android {
-    --f7-navbar-bg-color: @themeColor;
-    --f7-navbar-link-color: @navBarIconColor;
-    --f7-navbar-text-color: @navBarIconColor;
+    --f7-navbar-bg-color: @brandColor;
+    --f7-navbar-link-color: @text-link;
+    --f7-navbar-text-color: @text-normal;
     --f7-list-button-border-color: @listButtonBorderColor;
 
     // Main Toolbar
@@ -33,7 +33,7 @@
             border: 2px solid var(--f7-checkbox-inactive-color);
         }
         label.item-checkbox input[type='checkbox']:checked ~ .icon-checkbox {
-            border-color: @themeColor;
+            border-color: @brandColor;
             background-color: transparent;
         }
         label.item-content i.icon.icon-checkbox:after {
@@ -45,7 +45,7 @@
             top: 50%;
             margin-left: -5px;
             margin-top: -5px;
-            background-color: @themeColor;
+            background-color: @brandColor;
             border-radius: 100%;
         }
     }
diff --git a/apps/spreadsheeteditor/mobile/src/less/app.less b/apps/spreadsheeteditor/mobile/src/less/app.less
index 6be8afc19..b9a01b802 100644
--- a/apps/spreadsheeteditor/mobile/src/less/app.less
+++ b/apps/spreadsheeteditor/mobile/src/less/app.less
@@ -1,12 +1,29 @@
-
-@themeColor: #40865c;
-
 @import '../../../../common/mobile/resources/less/variables.less';
 @import '../../../../../vendor/framework7-react/node_modules/framework7/less/mixins.less';
-
 @import '../../../../common/mobile/resources/less/_mixins.less';
 @import '../../../../common/mobile/resources/less/colors-table.less';
 @import '../../../../common/mobile/resources/less/colors-table-dark.less';
+
+// @themeColor: #40865c;
+@brandColor: var(--brand-cell);
+
+.device-ios {
+    --toolbar-background: var(--background-primary, #fff);
+    --toolbar-segment: var(--brand-cell, #40865C);
+    --toolbar-icons: var(--brand-cell, #40865C);
+}
+.device-android {
+    --toolbar-background: var(--brand-cell, #40865C);
+
+    .theme-type-dark {
+        --toolbar-icons: var(--brand-cell, #40865C);
+    }
+}
+
+@toolbar-background: var(--toolbar-background);
+@toolbar-segment: var(--toolbar-segment);
+@button-active-opacity: var(--active-opacity-cell);
+
 @import '../../../../common/mobile/resources/less/collaboration.less';
 @import '../../../../common/mobile/resources/less/common.less';
 @import '../../../../common/mobile/resources/less/common-ios.less';
diff --git a/apps/spreadsheeteditor/mobile/src/less/celleditor.less b/apps/spreadsheeteditor/mobile/src/less/celleditor.less
index 53be7192a..f59c51d7d 100644
--- a/apps/spreadsheeteditor/mobile/src/less/celleditor.less
+++ b/apps/spreadsheeteditor/mobile/src/less/celleditor.less
@@ -28,7 +28,8 @@
     &:after {
         content: '';
         position: absolute;
-        background-color: @border-regular-control;
+        // background-color: @border-regular-control;
+        background-color: @background-menu-divider;
         display: block;
         z-index: 15;
         top: auto;
@@ -43,11 +44,12 @@
 
     #box-cell-name {
         display: inline-flex;
-        background-color: var(--f7-navbar-bg-color);
+        // background-color: var(--f7-navbar-bg-color);
+        // background-color: @fill-white;
 
-        .md & {
-            background-color: @gray-light;
-        }
+        // .md & {
+        //     background-color: @gray-light;
+        // }
     }
 
     #idx-cell-name {
@@ -80,9 +82,10 @@
     #idx-cell-content {
         padding: 3px 3px;
         line-height: 1.428571429;
-        color: #000;
+        // color: #000;
+        color: @text-normal;
         vertical-align: middle;
-        background-color: @contentBackColor;
+        // background-color: @contentBackColor;
         min-height: @cellEditorHeight;
         height: 100%;
         width: 100%;
@@ -97,7 +100,8 @@
             width: 8px;
             height: 8px;
             background-color: transparent;
-            border: solid 1px black;
+            // border: solid 1px black;
+            border: solid 1px @brandColor;
             border-bottom: none;
             border-right: none;
 
@@ -117,8 +121,12 @@
         }
     }
 
+    .ce-group {
+        background-color: @background-secondary;
+    }
+
     .group--content {
         position: relative;
-        .hairline(left, @statusBarBorderColor);
+        .hairline(left, @background-menu-divider);
     }
 }
diff --git a/apps/spreadsheeteditor/mobile/src/less/icons-ios.less b/apps/spreadsheeteditor/mobile/src/less/icons-ios.less
index 875a0c8e6..142989494 100644
--- a/apps/spreadsheeteditor/mobile/src/less/icons-ios.less
+++ b/apps/spreadsheeteditor/mobile/src/less/icons-ios.less
@@ -5,172 +5,172 @@
         &.icon-search {
             width: 24px;
             height: 24px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M15.8,15c1.4-1.6,2.2-3.7,2.2-5.9c0-5-4-9-9-9C4,0,0,4,0,9c0,5,4,9,9,9c2.3,0,4.4-0.9,5.9-2.2l5.8,5.8l0.2-0.6l0.7-0.2L15.8,15z M9,17c-4.4,0-8-3.6-8-8c0-4.4,3.6-8,8-8c4.4,0,8,3.6,8,8C17,13.5,13.5,17,9,17z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M15.8,15c1.4-1.6,2.2-3.7,2.2-5.9c0-5-4-9-9-9C4,0,0,4,0,9c0,5,4,9,9,9c2.3,0,4.4-0.9,5.9-2.2l5.8,5.8l0.2-0.6l0.7-0.2L15.8,15z M9,17c-4.4,0-8-3.6-8-8c0-4.4,3.6-8,8-8c4.4,0,8,3.6,8,8C17,13.5,13.5,17,9,17z"/></g></svg>');
         }
         &.icon-edit-settings {
             width: 22px;
             height: 22px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M8 1L3 15h1.19995l1.77686-5h5.04638l.61573 1.7325.87988-.87988L9 1zm.5 1.9L10.66772 9H6.33228z" clip-rule="evenodd" fill-rule="evenodd"/><path d="M18.3 11.3l-9.2 9.1-1.5-1.5 9.2-9.1-.7-.7-9.6 9.6L6 22l3.3-.5 9.6-9.6zm1.2 0L21 9.8s-.2-1.2-.9-1.9c-.7-.8-1.9-.9-1.9-.9l-1.5 1.5z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M8 1L3 15h1.19995l1.77686-5h5.04638l.61573 1.7325.87988-.87988L9 1zm.5 1.9L10.66772 9H6.33228z" clip-rule="evenodd" fill-rule="evenodd"/><path d="M18.3 11.3l-9.2 9.1-1.5-1.5 9.2-9.1-.7-.7-9.6 9.6L6 22l3.3-.5 9.6-9.6zm1.2 0L21 9.8s-.2-1.2-.9-1.9c-.7-.8-1.9-.9-1.9-.9l-1.5 1.5z"/></g></svg>');
         }
         &.icon-undo {
             width: 22px;
             height: 22px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M22,16v2h-1v-2l0,0c0-2.9-2.1-5-5-5l0,0H1.9L5,14c0.1,0.1,0.1,0.2,0,0.3l-0.4,0.4c-0.1,0.1-0.2,0.1-0.3,0l-4.2-4.2c-0.1-0.1-0.1-0.2,0-0.3l0.4-0.4h0.1L4.4,6c0.1-0.1,0.2-0.1,0.3,0l0.5,0.4c0.1,0.1,0.1,0.2,0,0.3L1.9,10H16l0,0C19.3,10,22,12.7,22,16L22,16z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M22,16v2h-1v-2l0,0c0-2.9-2.1-5-5-5l0,0H1.9L5,14c0.1,0.1,0.1,0.2,0,0.3l-0.4,0.4c-0.1,0.1-0.2,0.1-0.3,0l-4.2-4.2c-0.1-0.1-0.1-0.2,0-0.3l0.4-0.4h0.1L4.4,6c0.1-0.1,0.2-0.1,0.3,0l0.5,0.4c0.1,0.1,0.1,0.2,0,0.3L1.9,10H16l0,0C19.3,10,22,12.7,22,16L22,16z"/></g></svg>');
         }
         &.icon-redo {
             width: 22px;
             height: 22px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M0,16c0-3.3,2.7-6,6-6v0h14.1l-3.3-3.3c-0.1-0.1-0.1-0.2,0-0.3L17.3,6c0.1-0.1,0.2-0.1,0.3,0l3.8,3.8c0,0,0.1,0,0.1,0l0.4,0.4c0.1,0.1,0.1,0.2,0,0.3l-4.2,4.2c-0.1,0.1-0.2,0.1-0.3,0l-0.4-0.4c-0.1-0.1-0.1-0.2,0-0.3l3.1-3H6v0c-2.9,0-5,2.1-5,5h0v2H0L0,16L0,16z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M0,16c0-3.3,2.7-6,6-6v0h14.1l-3.3-3.3c-0.1-0.1-0.1-0.2,0-0.3L17.3,6c0.1-0.1,0.2-0.1,0.3,0l3.8,3.8c0,0,0.1,0,0.1,0l0.4,0.4c0.1,0.1,0.1,0.2,0,0.3l-4.2,4.2c-0.1,0.1-0.2,0.1-0.3,0l-0.4-0.4c-0.1-0.1-0.1-0.2,0-0.3l3.1-3H6v0c-2.9,0-5,2.1-5,5h0v2H0L0,16L0,16z"/></g></svg>');
         }
         &.icon-reader {
             width: 22px;
             height: 22px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M17,21H1V9h6V2l0,0h10v5h1V1H6.2L0,7.6V22h18v-3h-1V21z M6,2.8V8H1.1L6,2.8z M13,8c-5.1,0-9,5-9,5s4.1,5,9,5c5,0,9-5,9-5S18,8,13,8z M8.7,15.5C6.8,14.4,6.4,13,6.4,13s0.4-1.5,2.4-2.6C8.3,11.2,8,12,8,13C8,13.9,8.3,14.8,8.7,15.5z M13,16.7c-2.1,0-3.7-1.7-3.7-3.7c0-2.1,1.7-3.7,3.7-3.7c2.1,0,3.7,1.7,3.7,3.7C16.7,15.1,15.1,16.7,13,16.7z M17.3,15.5c0.4-0.7,0.7-1.6,0.7-2.5c0-1-0.3-1.8-0.7-2.6c2,1.1,3.4,2.6,3.4,2.6S19.2,14.4,17.3,15.5z M13,11.7c-0.7,0-1.3,0.6-1.3,1.3s0.6,1.3,1.3,1.3s1.3-0.6,1.3-1.3S13.7,11.7,13,11.7z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M17,21H1V9h6V2l0,0h10v5h1V1H6.2L0,7.6V22h18v-3h-1V21z M6,2.8V8H1.1L6,2.8z M13,8c-5.1,0-9,5-9,5s4.1,5,9,5c5,0,9-5,9-5S18,8,13,8z M8.7,15.5C6.8,14.4,6.4,13,6.4,13s0.4-1.5,2.4-2.6C8.3,11.2,8,12,8,13C8,13.9,8.3,14.8,8.7,15.5z M13,16.7c-2.1,0-3.7-1.7-3.7-3.7c0-2.1,1.7-3.7,3.7-3.7c2.1,0,3.7,1.7,3.7,3.7C16.7,15.1,15.1,16.7,13,16.7z M17.3,15.5c0.4-0.7,0.7-1.6,0.7-2.5c0-1-0.3-1.8-0.7-2.6c2,1.1,3.4,2.6,3.4,2.6S19.2,14.4,17.3,15.5z M13,11.7c-0.7,0-1.3,0.6-1.3,1.3s0.6,1.3,1.3,1.3s1.3-0.6,1.3-1.3S13.7,11.7,13,11.7z"/></g></svg>');
         }
         &.icon-download {
             width: 22px;
-            height: 28px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" y="0px" x="0px" fill="@{themeColor}"><path d="M12 0H11L11 14L7.39999 10.3L6.69999 11.1L11.5 16L16.3 11.1L15.6 10.3L12 14L12 0Z"/><path d="M14 5V6H19V20H4V6H9V5H3V21H20V5H14Z"/></svg>');
+            height: 22px;
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" y="0px" x="0px" fill="@{brandColor}"><path d="M12 0H11L11 14L7.39999 10.3L6.69999 11.1L11.5 16L16.3 11.1L15.6 10.3L12 14L12 0Z"/><path d="M14 5V6H19V20H4V6H9V5H3V21H20V5H14Z"/></svg>');
         }
         &.icon-print {
             width: 22px;
-            height: 28px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-0 0 22 22" y="0px" x="0px" fill="@{themeColor}"><g><path fill-rule="evenodd" clip-rule="evenodd" d="M5 1H17V6H21V17H17V21H5V17H1V6H5V1ZM6 6H16V2H6V6ZM5 16V13H2V16H5ZM2 12H20V7H2V12ZM20 13H17V16H20V13ZM16 13H6V20H16V13ZM14 16H8V15H14V16ZM14 18H8V17H14V18Z"/></g></svg>');
+            height: 22px;
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-0 0 22 22" y="0px" x="0px" fill="@{brandColor}"><g><path fill-rule="evenodd" clip-rule="evenodd" d="M5 1H17V6H21V17H17V21H5V17H1V6H5V1ZM6 6H16V2H6V6ZM5 16V13H2V16H5ZM2 12H20V7H2V12ZM20 13H17V16H20V13ZM16 13H6V20H16V13ZM14 16H8V15H14V16ZM14 18H8V17H14V18Z"/></g></svg>');
         }
         &.icon-info {
             width: 22px;
             height: 22px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M10,17h2V8h-2V17z M11,1C5.5,1,1,5.5,1,11s4.5,10,10,10s10-4.5,10-10S16.5,1,11,1z M11,20c-5,0-9-4-9-9s4-9,9-9s9,4,9,9S16,20,11,20z M10,7h2V5h-2V7z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M10,17h2V8h-2V17z M11,1C5.5,1,1,5.5,1,11s4.5,10,10,10s10-4.5,10-10S16.5,1,11,1z M11,20c-5,0-9-4-9-9s4-9,9-9s9,4,9,9S16,20,11,20z M10,7h2V5h-2V7z"/></g></svg>');
         }
         &.icon-plus {
             width: 22px;
             height: 22px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M22,12H12v10h-1V12H1v-1h10V1h1v10h10V12z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M22,12H12v10h-1V12H1v-1h10V1h1v10h10V12z"/></g></svg>');
         }
         &.icon-settings {
             width: 24px;
             height: 24px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M11.8,3l0.4,2c0.1,0.7,0.6,1.1,1.3,1.1c0.3,0,0.5-0.1,0.7-0.2l1.9-1.2l1.1,1.1l-1.1,1.8C15.8,8,15.8,8.5,16,8.9c0.2,0.4,0.5,0.7,1,0.8l2.1,0.5v1.6L17,12.2c-0.5,0.1-0.8,0.4-1,0.8c-0.2,0.4-0.1,0.9,0.1,1.2l1.2,1.9l-1.1,1.1l-1.8-1.1c-0.2-0.2-0.5-0.2-0.8-0.2c-0.6,0-1.2,0.5-1.3,1.1l-0.5,2.1h-1.6l-0.4-2C9.7,16.4,9.2,16,8.5,16c-0.3,0-0.5,0.1-0.7,0.2l-1.9,1.2l-1.1-1.1l1.1-1.8c0.3-0.4,0.3-0.9,0.1-1.3c-0.2-0.4-0.5-0.7-1-0.8l-2.1-0.5v-1.6l2-0.4c0.5-0.1,0.8-0.4,1-0.8C6.1,8.7,6,8.2,5.8,7.9l-1-2l1.1-1.1l1.8,1.1C8,6.1,8.2,6.2,8.5,6.2c0.6,0,1.2-0.5,1.3-1.1L10.3,3H11.8 M11,15.5c2.5,0,4.5-2,4.5-4.5s-2-4.5-4.5-4.5s-4.5,2-4.5,4.5S8.5,15.5,11,15.5 M12.1,2H9.9C9.6,2,9.4,2.2,9.3,2.5L8.8,4.9c0,0.2-0.2,0.3-0.3,0.3s-0.1,0-0.2-0.1L6.2,3.8C6.1,3.7,6,3.7,5.8,3.7c-0.1,0-0.3,0-0.4,0.1L3.8,5.4c-0.1,0.2-0.2,0.5,0,0.8l1.3,2.1c0.1,0.2,0.1,0.4-0.2,0.5L2.5,9.3C2.2,9.4,2,9.6,2,9.9v2.2c0,0.3,0.2,0.5,0.5,0.6l2.4,0.5c0.3,0.1,0.4,0.3,0.2,0.5l-1.3,2.1c-0.2,0.2-0.1,0.6,0.1,0.8l1.6,1.6c0.1,0.1,0.3,0.2,0.4,0.2s0.2,0,0.3-0.1L8.3,17c0.1-0.1,0.1-0.1,0.2-0.1s0.3,0.1,0.3,0.3l0.5,2.3C9.4,19.8,9.6,20,9.9,20h2.2c0.3,0,0.5-0.2,0.6-0.5l0.5-2.4c0-0.2,0.1-0.3,0.3-0.3c0.1,0,0.1,0,0.2,0.1l2.1,1.3c0.1,0.1,0.2,0.1,0.3,0.1c0.2,0,0.3-0.1,0.4-0.2l1.6-1.6c0.2-0.2,0.2-0.5,0.1-0.8l-1.3-2.1c-0.2-0.2-0.1-0.5,0.2-0.5l2.4-0.5c0.3-0.1,0.5-0.3,0.5-0.6V9.8c0-0.3-0.2-0.5-0.5-0.6l-2.4-0.5c-0.3-0.1-0.4-0.3-0.2-0.5l1.3-2.1c0.2-0.2,0.1-0.6-0.1-0.8l-1.6-1.6c-0.1-0.1-0.3-0.2-0.4-0.2c-0.1,0-0.2,0-0.3,0.1l-2.1,1.3C13.6,5,13.6,5,13.5,5c-0.1,0-0.3-0.1-0.3-0.3l-0.5-2.2C12.6,2.2,12.4,2,12.1,2L12.1,2z M11,14.5c-1.9,0-3.5-1.6-3.5-3.5S9.1,7.5,11,7.5s3.5,1.6,3.5,3.5S12.9,14.5,11,14.5L11,14.5z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M11.8,3l0.4,2c0.1,0.7,0.6,1.1,1.3,1.1c0.3,0,0.5-0.1,0.7-0.2l1.9-1.2l1.1,1.1l-1.1,1.8C15.8,8,15.8,8.5,16,8.9c0.2,0.4,0.5,0.7,1,0.8l2.1,0.5v1.6L17,12.2c-0.5,0.1-0.8,0.4-1,0.8c-0.2,0.4-0.1,0.9,0.1,1.2l1.2,1.9l-1.1,1.1l-1.8-1.1c-0.2-0.2-0.5-0.2-0.8-0.2c-0.6,0-1.2,0.5-1.3,1.1l-0.5,2.1h-1.6l-0.4-2C9.7,16.4,9.2,16,8.5,16c-0.3,0-0.5,0.1-0.7,0.2l-1.9,1.2l-1.1-1.1l1.1-1.8c0.3-0.4,0.3-0.9,0.1-1.3c-0.2-0.4-0.5-0.7-1-0.8l-2.1-0.5v-1.6l2-0.4c0.5-0.1,0.8-0.4,1-0.8C6.1,8.7,6,8.2,5.8,7.9l-1-2l1.1-1.1l1.8,1.1C8,6.1,8.2,6.2,8.5,6.2c0.6,0,1.2-0.5,1.3-1.1L10.3,3H11.8 M11,15.5c2.5,0,4.5-2,4.5-4.5s-2-4.5-4.5-4.5s-4.5,2-4.5,4.5S8.5,15.5,11,15.5 M12.1,2H9.9C9.6,2,9.4,2.2,9.3,2.5L8.8,4.9c0,0.2-0.2,0.3-0.3,0.3s-0.1,0-0.2-0.1L6.2,3.8C6.1,3.7,6,3.7,5.8,3.7c-0.1,0-0.3,0-0.4,0.1L3.8,5.4c-0.1,0.2-0.2,0.5,0,0.8l1.3,2.1c0.1,0.2,0.1,0.4-0.2,0.5L2.5,9.3C2.2,9.4,2,9.6,2,9.9v2.2c0,0.3,0.2,0.5,0.5,0.6l2.4,0.5c0.3,0.1,0.4,0.3,0.2,0.5l-1.3,2.1c-0.2,0.2-0.1,0.6,0.1,0.8l1.6,1.6c0.1,0.1,0.3,0.2,0.4,0.2s0.2,0,0.3-0.1L8.3,17c0.1-0.1,0.1-0.1,0.2-0.1s0.3,0.1,0.3,0.3l0.5,2.3C9.4,19.8,9.6,20,9.9,20h2.2c0.3,0,0.5-0.2,0.6-0.5l0.5-2.4c0-0.2,0.1-0.3,0.3-0.3c0.1,0,0.1,0,0.2,0.1l2.1,1.3c0.1,0.1,0.2,0.1,0.3,0.1c0.2,0,0.3-0.1,0.4-0.2l1.6-1.6c0.2-0.2,0.2-0.5,0.1-0.8l-1.3-2.1c-0.2-0.2-0.1-0.5,0.2-0.5l2.4-0.5c0.3-0.1,0.5-0.3,0.5-0.6V9.8c0-0.3-0.2-0.5-0.5-0.6l-2.4-0.5c-0.3-0.1-0.4-0.3-0.2-0.5l1.3-2.1c0.2-0.2,0.1-0.6-0.1-0.8l-1.6-1.6c-0.1-0.1-0.3-0.2-0.4-0.2c-0.1,0-0.2,0-0.3,0.1l-2.1,1.3C13.6,5,13.6,5,13.5,5c-0.1,0-0.3-0.1-0.3-0.3l-0.5-2.2C12.6,2.2,12.4,2,12.1,2L12.1,2z M11,14.5c-1.9,0-3.5-1.6-3.5-3.5S9.1,7.5,11,7.5s3.5,1.6,3.5,3.5S12.9,14.5,11,14.5L11,14.5z"/></g></svg>');
         }
         &.icon-about {
             width: 22px;
             height: 22px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-1 7 22 22" fill="@{themeColor}"><g><path d="M21,18.5c0-0.3-0.1-0.6-0.7-0.9l-2.6-1.2l2.6-1.2c0.6-0.3,0.7-0.6,0.7-0.9c0-0.3-0.1-0.6-0.7-0.9l-8.9-4.1c-0.7-0.4-1.9-0.4-2.8,0l-8.9,4.1C-0.9,13.8-1,14.1-1,14.3s0.1,0.6,0.7,0.9l2.6,1.2l-2.6,1.2C-0.9,18-1,18.4-1,18.5c0,0.2,0.1,0.6,0.7,0.9l2.5,1.2l-2.5,1.2C-0.9,22.1-1,22.5-1,22.7c0,0.3,0.1,0.6,0.7,0.9l8.9,4.1c0.5,0.2,0.8,0.3,1.4,0.3s1-0.1,1.4-0.3l8.9-4.1c0.6-0.4,0.7-0.6,0.7-0.9c0-0.3-0.1-0.6-0.7-0.9l-2.5-1.2l2.5-1.2C20.9,19.2,21,18.8,21,18.5z M-0.2,14.3L-0.2,14.3c0,0,0.1-0.1,0.3-0.2L9,10c0.6-0.3,1.5-0.3,2,0l8.9,4.1c0.2,0.1,0.3,0.2,0.3,0.2l0,0c0,0-0.1,0.1-0.3,0.2L11,18.6c-0.6,0.3-1.5,0.3-2,0l-8.9-4.1C-0.1,14.4-0.2,14.3-0.2,14.3z M20.2,22.7L20.2,22.7c0,0-0.1,0.1-0.3,0.2L11,27.1c-0.6,0.3-1.5,0.3-2,0l-8.9-4.1c-0.2-0.1-0.3-0.2-0.3-0.2l0,0c0,0,0.1-0.1,0.3-0.2l3-1.5l5.5,2.6c0.7,0.4,1.9,0.4,2.8,0l5.5-2.6l3,1.5C20.1,22.7,20.2,22.7,20.2,22.7z M19.9,18.7L11,22.8c-0.6,0.3-1.5,0.3-2,0l-8.9-4.1c-0.2-0.1-0.3-0.2-0.3-0.2l0,0c0,0,0.1-0.1,0.3-0.2l3-1.5l5.5,2.6c0.7,0.4,1.9,0.4,2.8,0l5.5-2.6l3,1.5c0.2,0.1,0.3,0.2,0.3,0.2l0,0C20.2,18.5,20.1,18.6,19.9,18.7z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-1 7 22 22" fill="@{brandColor}"><g><path d="M21,18.5c0-0.3-0.1-0.6-0.7-0.9l-2.6-1.2l2.6-1.2c0.6-0.3,0.7-0.6,0.7-0.9c0-0.3-0.1-0.6-0.7-0.9l-8.9-4.1c-0.7-0.4-1.9-0.4-2.8,0l-8.9,4.1C-0.9,13.8-1,14.1-1,14.3s0.1,0.6,0.7,0.9l2.6,1.2l-2.6,1.2C-0.9,18-1,18.4-1,18.5c0,0.2,0.1,0.6,0.7,0.9l2.5,1.2l-2.5,1.2C-0.9,22.1-1,22.5-1,22.7c0,0.3,0.1,0.6,0.7,0.9l8.9,4.1c0.5,0.2,0.8,0.3,1.4,0.3s1-0.1,1.4-0.3l8.9-4.1c0.6-0.4,0.7-0.6,0.7-0.9c0-0.3-0.1-0.6-0.7-0.9l-2.5-1.2l2.5-1.2C20.9,19.2,21,18.8,21,18.5z M-0.2,14.3L-0.2,14.3c0,0,0.1-0.1,0.3-0.2L9,10c0.6-0.3,1.5-0.3,2,0l8.9,4.1c0.2,0.1,0.3,0.2,0.3,0.2l0,0c0,0-0.1,0.1-0.3,0.2L11,18.6c-0.6,0.3-1.5,0.3-2,0l-8.9-4.1C-0.1,14.4-0.2,14.3-0.2,14.3z M20.2,22.7L20.2,22.7c0,0-0.1,0.1-0.3,0.2L11,27.1c-0.6,0.3-1.5,0.3-2,0l-8.9-4.1c-0.2-0.1-0.3-0.2-0.3-0.2l0,0c0,0,0.1-0.1,0.3-0.2l3-1.5l5.5,2.6c0.7,0.4,1.9,0.4,2.8,0l5.5-2.6l3,1.5C20.1,22.7,20.2,22.7,20.2,22.7z M19.9,18.7L11,22.8c-0.6,0.3-1.5,0.3-2,0l-8.9-4.1c-0.2-0.1-0.3-0.2-0.3-0.2l0,0c0,0,0.1-0.1,0.3-0.2l3-1.5l5.5,2.6c0.7,0.4,1.9,0.4,2.8,0l5.5-2.6l3,1.5c0.2,0.1,0.3,0.2,0.3,0.2l0,0C20.2,18.5,20.1,18.6,19.9,18.7z"/></g></svg>');
         }
         &.icon-help {
             width: 22px;
             height: 22px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M11.6,1.3c-3.3,0-6,2.8-6,6.2c0.3,0,0.7,0,0.9,0c0-2.9,2.3-5.2,5.1-5.2s5.1,2.3,5.1,5.2c0,1.7-1.9,3.2-3,4.3C12.9,12.6,11,14.2,11,16c0,1.2,0,2.2,0,2.7c0.3,0,0.6,0,0.9,0c0-0.6,0-1.6,0-2.5c0-1.4,1.1-2.4,2.2-3.5c1.7-1.5,3.5-3.1,3.5-5.2C17.6,4.1,14.9,1.3,11.6,1.3z M11.5,20.2c-0.3,0-0.5,0.2-0.5,0.5v0.8c0,0.3,0.2,0.5,0.5,0.5s0.5-0.2,0.5-0.5v-0.8C11.9,20.4,11.7,20.2,11.5,20.2z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M11.6,1.3c-3.3,0-6,2.8-6,6.2c0.3,0,0.7,0,0.9,0c0-2.9,2.3-5.2,5.1-5.2s5.1,2.3,5.1,5.2c0,1.7-1.9,3.2-3,4.3C12.9,12.6,11,14.2,11,16c0,1.2,0,2.2,0,2.7c0.3,0,0.6,0,0.9,0c0-0.6,0-1.6,0-2.5c0-1.4,1.1-2.4,2.2-3.5c1.7-1.5,3.5-3.1,3.5-5.2C17.6,4.1,14.9,1.3,11.6,1.3z M11.5,20.2c-0.3,0-0.5,0.2-0.5,0.5v0.8c0,0.3,0.2,0.5,0.5,0.5s0.5-0.2,0.5-0.5v-0.8C11.9,20.4,11.7,20.2,11.5,20.2z"/></g></svg>');
         }
         &.icon-versions {
             width: 22px;
             height: 22px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-1 7 22 22" fill="@{themeColor}"><g><path d="M19,12c0-1.1-0.9-2-2-2c0-1.1-0.9-2-2-2H5c-1.1,0-2,0.9-2,2c-1.1,0-2,0.9-2,2c-1.1,0-2,0.9-2,2v12c0,1.1,0.9,2,2,2h18c1.1,0,2-0.9,2-2V14C21,12.9,20.1,12,19,12z M5,9h10c0.6,0,1,0.4,1,1H4C4,9.4,4.4,9,5,9z M3,11h14c0.6,0,1,0.4,1,1H2C2,11.4,2.4,11,3,11z M20,26c0,0.6-0.4,1-1,1H1c-0.6,0-1-0.4-1-1V14c0-0.6,0.4-1,1-1h18c0.6,0,1,0.4,1,1V26z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-1 7 22 22" fill="@{brandColor}"><g><path d="M19,12c0-1.1-0.9-2-2-2c0-1.1-0.9-2-2-2H5c-1.1,0-2,0.9-2,2c-1.1,0-2,0.9-2,2c-1.1,0-2,0.9-2,2v12c0,1.1,0.9,2,2,2h18c1.1,0,2-0.9,2-2V14C21,12.9,20.1,12,19,12z M5,9h10c0.6,0,1,0.4,1,1H4C4,9.4,4.4,9,5,9z M3,11h14c0.6,0,1,0.4,1,1H2C2,11.4,2.4,11,3,11z M20,26c0,0.6-0.4,1-1,1H1c-0.6,0-1-0.4-1-1V14c0-0.6,0.4-1,1-1h18c0.6,0,1,0.4,1,1V26z"/></g></svg>');
         }
         &.icon-text-color {
             width: 22px;
             height: 22px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M8.9,12l2.3-6.3l2.2,6.3H8.9z M4.7,17.8h2l1.6-4.3h5.6l1.5,4.3h2.1L12.3,3.5h-2.2L4.7,17.8z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M8.9,12l2.3-6.3l2.2,6.3H8.9z M4.7,17.8h2l1.6-4.3h5.6l1.5,4.3h2.1L12.3,3.5h-2.2L4.7,17.8z"/></g></svg>');
         }
         &.icon-fill-color {
             width: 22px;
             height: 22px;
             background-size: 130%;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M11,2.3L3.8,9.5L9,14.7l7.2-7.2L11,2.3z M14.8,7.5L13.3,9H5.7L11,3.7L14.8,7.5z"/><path d="M17,9c0,0-2,2-2,3s1,2,2,2s2-1,2-2S17,9,17,9z"/><path d="M10.8,7.5c-3.2-1.1-4.3-2.8-4.3-4c0-0.3,0.1-0.5,0.4-0.7c0.7-0.5,2.6,0,3.3,0.2L9.8,4c-1-0.3-2-0.5-2.3-0.4c0.1,0.8,1,2.1,3.7,2.9L10.8,7.5z"/><circle cx="11" cy="7" r="1"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M11,2.3L3.8,9.5L9,14.7l7.2-7.2L11,2.3z M14.8,7.5L13.3,9H5.7L11,3.7L14.8,7.5z"/><path d="M17,9c0,0-2,2-2,3s1,2,2,2s2-1,2-2S17,9,17,9z"/><path d="M10.8,7.5c-3.2-1.1-4.3-2.8-4.3-4c0-0.3,0.1-0.5,0.4-0.7c0.7-0.5,2.6,0,3.3,0.2L9.8,4c-1-0.3-2-0.5-2.3-0.4c0.1,0.8,1,2.1,3.7,2.9L10.8,7.5z"/><circle cx="11" cy="7" r="1"/></g></svg>');
         }
         &.icon-text-align-center {
             width: 22px;
             height: 22px;
-            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M1,3v1h21V3H1z M4,7v1h14V7H4z M1,12h21v-1H1V12z M4,15v1h14v-1H4z M1,20h21v-1H1V20z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M1,3v1h21V3H1z M4,7v1h14V7H4z M1,12h21v-1H1V12z M4,15v1h14v-1H4z M1,20h21v-1H1V20z"/></g></svg>');
         }
         &.icon-text-align-jast {
             width: 22px;
             height: 22px;
-            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M1,3v1h21V3H1z M1,8h21V7H1V8z M1,12h21v-1H1V12z M1,16h21v-1H1V16z M1,20h21v-1H1V20z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M1,3v1h21V3H1z M1,8h21V7H1V8z M1,12h21v-1H1V12z M1,16h21v-1H1V16z M1,20h21v-1H1V20z"/></g></svg>');
         }
         &.icon-text-align-left {
             width: 22px;
             height: 22px;
-            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M1,3v1h21V3H1z M15,7H1v1h14V7z M1,12h21v-1H1V12z M15,15H1v1h14V15z M1,20h21v-1H1V20z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M1,3v1h21V3H1z M15,7H1v1h14V7z M1,12h21v-1H1V12z M15,15H1v1h14V15z M1,20h21v-1H1V20z"/></g></svg>');
         }
         &.icon-text-align-right {
             width: 22px;
             height: 22px;
-            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M1,3v1h21V3H1z M8,8h14V7H8V8z M22,11H1v1h21V11z M8,16h14v-1H8V16z M22,19H1v1h21V19z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M1,3v1h21V3H1z M8,8h14V7H8V8z M22,11H1v1h21V11z M8,16h14v-1H8V16z M22,19H1v1h21V19z"/></g></svg>');
         }
         &.icon-text-valign-top {
             width: 22px;
             height: 22px;
-            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><rect class="cls-1" x="2" y="2" width="19" height="1"/><rect class="cls-1" x="2" y="4" width="19" height="1"/><polygon class="cls-1" points="12 18 11 18 11 7.83 8.65 9.8 8 8.94 11.5 6 15 9 14.35 9.8 12 7.83 12 18"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><rect class="cls-1" x="2" y="2" width="19" height="1"/><rect class="cls-1" x="2" y="4" width="19" height="1"/><polygon class="cls-1" points="12 18 11 18 11 7.83 8.65 9.8 8 8.94 11.5 6 15 9 14.35 9.8 12 7.83 12 18"/></g></svg>');
         }
         &.icon-text-valign-middle {
             width: 22px;
             height: 22px;
-            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><rect class="cls-1" x="2" y="10" width="19" height="1"/><rect class="cls-1" x="2" y="12" width="19" height="1"/><polygon class="cls-1" points="11 2 12 2 12 7.17 14.35 5.2 15 6.06 11.5 9 8 6 8.65 5.2 11 7.17 11 2"/><polygon class="cls-1" points="12 21 11 21 11 15.83 8.65 17.8 8 16.94 11.5 14 15 17 14.35 17.8 12 15.83 12 21"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><rect class="cls-1" x="2" y="10" width="19" height="1"/><rect class="cls-1" x="2" y="12" width="19" height="1"/><polygon class="cls-1" points="11 2 12 2 12 7.17 14.35 5.2 15 6.06 11.5 9 8 6 8.65 5.2 11 7.17 11 2"/><polygon class="cls-1" points="12 21 11 21 11 15.83 8.65 17.8 8 16.94 11.5 14 15 17 14.35 17.8 12 15.83 12 21"/></g></svg>');
         }
         &.icon-text-valign-bottom {
             width: 22px;
             height: 22px;
-            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><rect class="cls-1" x="2" y="18" width="19" height="1"/><rect class="cls-1" x="2" y="20" width="19" height="1"/><polygon class="cls-1" points="11 4 12 4 12 15.17 14.35 13.2 15 14.06 11.5 17 8 14 8.65 13.2 11 15.17 11 4"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><rect class="cls-1" x="2" y="18" width="19" height="1"/><rect class="cls-1" x="2" y="20" width="19" height="1"/><polygon class="cls-1" points="11 4 12 4 12 15.17 14.35 13.2 15 14.06 11.5 17 8 14 8.65 13.2 11 15.17 11 4"/></g></svg>');
         }
         &.icon-expand-down {
             width: 22px;
             height: 22px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M20.5,6.5l1.1,1.1L11,18l0,0l0,0L0.5,7.5l1.1-1.1l9.5,9.5L20.5,6.5z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M20.5,6.5l1.1,1.1L11,18l0,0l0,0L0.5,7.5l1.1-1.1l9.5,9.5L20.5,6.5z"/></g></svg>');
         }
         &.icon-link {
             width: 22px;
             height: 22px;
-            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M12.4,9.8c0,0-2.1-0.1-3.8,1.2c-2.8,2-3.3,4.3-3.3,4.3s1.6-1.7,3.5-2.5c1.7-0.7,3.7-0.4,3.7-0.4v1.9l4.8-3.3V11l-4.8-3.3V9.8z M11,1C5.5,1,1,5.5,1,11c0,5.5,4.5,10,10,10s10-4.5,10-10C21,5.5,16.5,1,11,1z M11,20c-5,0-9-4.1-9-9C2,6,6,2,11,2s9,4.1,9,9C20,16,16,20,11,20z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M12.4,9.8c0,0-2.1-0.1-3.8,1.2c-2.8,2-3.3,4.3-3.3,4.3s1.6-1.7,3.5-2.5c1.7-0.7,3.7-0.4,3.7-0.4v1.9l4.8-3.3V11l-4.8-3.3V9.8z M11,1C5.5,1,1,5.5,1,11c0,5.5,4.5,10,10,10s10-4.5,10-10C21,5.5,16.5,1,11,1z M11,20c-5,0-9-4.1-9-9C2,6,6,2,11,2s9,4.1,9,9C20,16,16,20,11,20z"/></g></svg>');
         }
 
         &.icon-insimage {
             width: 22px;
             height: 22px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><path id="XMLID_43_" d="M19,4L19,4H3v15l0,0l0,0l0,0h17V4H19z M7.5,7C8.3,7,9,7.7,9,8.5S8.3,10,7.5,10S6,9.3,6,8.5S6.7,7,7.5,7zM5.2,18l5.5-5.5l5.5,5.5H5.2z M19,18h-1.5l-4.3-4.3l4-4l1.8,1.8V18z"/></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><path id="XMLID_43_" d="M19,4L19,4H3v15l0,0l0,0l0,0h17V4H19z M7.5,7C8.3,7,9,7.7,9,8.5S8.3,10,7.5,10S6,9.3,6,8.5S6.7,7,7.5,7zM5.2,18l5.5-5.5l5.5,5.5H5.2z M19,18h-1.5l-4.3-4.3l4-4l1.8,1.8V18z"/></svg>');
         }
         &.icon-sort {
             width: 22px;
             height: 22px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><polygon points="8,16.4 7.3,15.7 5,18.1 5,2 4,2 4,18.1 1.7,15.7 1,16.4 4.5,20 4.5,20 4.5,20 "/><path d="M19.3,4H8.7C8.1,4,7.8,4.6,8.1,5.1l3.9,5.9v4.7l2.8,1.5c0.5,0.3,1.1-0.1,1.1-0.7V11h0l3.9-5.9C20.2,4.6,19.9,4,19.3,4z"/></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><polygon points="8,16.4 7.3,15.7 5,18.1 5,2 4,2 4,18.1 1.7,15.7 1,16.4 4.5,20 4.5,20 4.5,20 "/><path d="M19.3,4H8.7C8.1,4,7.8,4.6,8.1,5.1l3.9,5.9v4.7l2.8,1.5c0.5,0.3,1.1-0.1,1.1-0.7V11h0l3.9-5.9C20.2,4.6,19.9,4,19.3,4z"/></svg>');
         }
         &.icon-image-library {
             width: 22px;
             height: 22px;
-            .encoded-svg-background('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22"><defs><style>.cls-1{isolation:isolate;}.cls-2{opacity:0.2;}.cls-3{fill:#fff;}.cls-10,.cls-11,.cls-4,.cls-6,.cls-7,.cls-8,.cls-9{mix-blend-mode:multiply;}.cls-4{fill:url(#grad_8);}.cls-5{fill:url(#grad_10);}.cls-6{fill:url(#grad_12);}.cls-7{fill:url(#grad_14);}.cls-8{fill:url(#grad_79);}.cls-9{fill:url(#grad_77);}.cls-10{fill:url(#grad_75);}.cls-11{fill:url(#grad_81);}</style><linearGradient id="grad_8" x1="11.08" y1="10.26" x2="11.08" y2="1.26" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f3e916"/><stop offset="1" stop-color="#f89d34"/></linearGradient><linearGradient id="grad_10" x1="11.08" y1="20.44" x2="11.08" y2="11.88" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#5eb6e8"/><stop offset="1" stop-color="#958cc3"/></linearGradient><linearGradient id="grad_12" x1="1.46" y1="11.05" x2="10.46" y2="11.05" gradientTransform="translate(17 5.09) rotate(90)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#cc8dba"/><stop offset="1" stop-color="#f86867"/></linearGradient><linearGradient id="grad_14" x1="11.73" y1="11.05" x2="20.73" y2="11.05" gradientTransform="translate(27.28 -5.18) rotate(90)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#6ac07f"/><stop offset="1" stop-color="#c5da3d"/></linearGradient><linearGradient id="grad_79" x1="11.74" y1="10.42" x2="17.52" y2="4.63" gradientTransform="translate(30.29 2.51) rotate(135)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#c5da3d"/><stop offset="1" stop-color="#f3e916"/></linearGradient><linearGradient id="grad_77" x1="4.7" y1="17.49" x2="10.48" y2="11.71" gradientTransform="translate(23.24 19.65) rotate(135)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#9595c3"/><stop offset="1" stop-color="#cc8dba"/></linearGradient><linearGradient id="grad_75" x1="4.69" y1="4.64" x2="10.47" y2="10.42" gradientTransform="translate(7.54 -3.15) rotate(45)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f86867"/><stop offset="1" stop-color="#f89d34"/></linearGradient><linearGradient id="grad_81" x1="11.77" y1="11.78" x2="17.55" y2="17.56" gradientTransform="translate(14.63 -6.05) rotate(45)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#5ec0e8"/><stop offset="1" stop-color="#6ac07f"/></linearGradient></defs><title>icons_for_svg</title><g class="cls-1"><g id="Слой_1" data-name="Слой 1"><rect class="cls-2" x="0.09" y="0.01" width="22" height="22" rx="4" ry="4"/><rect class="cls-3" x="0.57" y="0.49" width="21.04" height="21.04" rx="3.6" ry="3.6"/><rect class="cls-4" x="8.33" y="1.26" width="5.5" height="9" rx="2.5" ry="2.5"/><rect class="cls-5" x="8.33" y="11.76" width="5.5" height="9" rx="2.5" ry="2.5"/><rect class="cls-6" x="3.21" y="6.55" width="5.5" height="9" rx="2.5" ry="2.5" transform="translate(-5.09 17) rotate(-90)"/><rect class="cls-7" x="13.48" y="6.55" width="5.5" height="9" rx="2.5" ry="2.5" transform="translate(5.18 27.28) rotate(-90)"/><rect class="cls-8" x="11.87" y="3.03" width="5.5" height="9" rx="2.5" ry="2.5" transform="translate(19.64 23.19) rotate(-135)"/><rect class="cls-9" x="4.8" y="10.14" width="5.5" height="9" rx="2.5" ry="2.5" transform="translate(2.54 30.33) rotate(-135)"/><rect class="cls-10" x="4.83" y="3.03" width="5.5" height="9" rx="2.5" ry="2.5" transform="translate(-3.1 7.56) rotate(-45)"/><rect class="cls-11" x="11.87" y="10.14" width="5.5" height="9" rx="2.5" ry="2.5" transform="translate(-6.07 14.63) rotate(-45)"/></g></g></svg>');
+            .encoded-svg-mask('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22"><defs><style>.cls-1{isolation:isolate;}.cls-2{opacity:0.2;}.cls-3{fill:#fff;}.cls-10,.cls-11,.cls-4,.cls-6,.cls-7,.cls-8,.cls-9{mix-blend-mode:multiply;}.cls-4{fill:url(#grad_8);}.cls-5{fill:url(#grad_10);}.cls-6{fill:url(#grad_12);}.cls-7{fill:url(#grad_14);}.cls-8{fill:url(#grad_79);}.cls-9{fill:url(#grad_77);}.cls-10{fill:url(#grad_75);}.cls-11{fill:url(#grad_81);}</style><linearGradient id="grad_8" x1="11.08" y1="10.26" x2="11.08" y2="1.26" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f3e916"/><stop offset="1" stop-color="#f89d34"/></linearGradient><linearGradient id="grad_10" x1="11.08" y1="20.44" x2="11.08" y2="11.88" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#5eb6e8"/><stop offset="1" stop-color="#958cc3"/></linearGradient><linearGradient id="grad_12" x1="1.46" y1="11.05" x2="10.46" y2="11.05" gradientTransform="translate(17 5.09) rotate(90)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#cc8dba"/><stop offset="1" stop-color="#f86867"/></linearGradient><linearGradient id="grad_14" x1="11.73" y1="11.05" x2="20.73" y2="11.05" gradientTransform="translate(27.28 -5.18) rotate(90)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#6ac07f"/><stop offset="1" stop-color="#c5da3d"/></linearGradient><linearGradient id="grad_79" x1="11.74" y1="10.42" x2="17.52" y2="4.63" gradientTransform="translate(30.29 2.51) rotate(135)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#c5da3d"/><stop offset="1" stop-color="#f3e916"/></linearGradient><linearGradient id="grad_77" x1="4.7" y1="17.49" x2="10.48" y2="11.71" gradientTransform="translate(23.24 19.65) rotate(135)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#9595c3"/><stop offset="1" stop-color="#cc8dba"/></linearGradient><linearGradient id="grad_75" x1="4.69" y1="4.64" x2="10.47" y2="10.42" gradientTransform="translate(7.54 -3.15) rotate(45)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f86867"/><stop offset="1" stop-color="#f89d34"/></linearGradient><linearGradient id="grad_81" x1="11.77" y1="11.78" x2="17.55" y2="17.56" gradientTransform="translate(14.63 -6.05) rotate(45)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#5ec0e8"/><stop offset="1" stop-color="#6ac07f"/></linearGradient></defs><title>icons_for_svg</title><g class="cls-1"><g id="Слой_1" data-name="Слой 1"><rect class="cls-2" x="0.09" y="0.01" width="22" height="22" rx="4" ry="4"/><rect class="cls-3" x="0.57" y="0.49" width="21.04" height="21.04" rx="3.6" ry="3.6"/><rect class="cls-4" x="8.33" y="1.26" width="5.5" height="9" rx="2.5" ry="2.5"/><rect class="cls-5" x="8.33" y="11.76" width="5.5" height="9" rx="2.5" ry="2.5"/><rect class="cls-6" x="3.21" y="6.55" width="5.5" height="9" rx="2.5" ry="2.5" transform="translate(-5.09 17) rotate(-90)"/><rect class="cls-7" x="13.48" y="6.55" width="5.5" height="9" rx="2.5" ry="2.5" transform="translate(5.18 27.28) rotate(-90)"/><rect class="cls-8" x="11.87" y="3.03" width="5.5" height="9" rx="2.5" ry="2.5" transform="translate(19.64 23.19) rotate(-135)"/><rect class="cls-9" x="4.8" y="10.14" width="5.5" height="9" rx="2.5" ry="2.5" transform="translate(2.54 30.33) rotate(-135)"/><rect class="cls-10" x="4.83" y="3.03" width="5.5" height="9" rx="2.5" ry="2.5" transform="translate(-3.1 7.56) rotate(-45)"/><rect class="cls-11" x="11.87" y="10.14" width="5.5" height="9" rx="2.5" ry="2.5" transform="translate(-6.07 14.63) rotate(-45)"/></g></g></svg>');
         }
         &.icon-cell-wrap {
             width: 22px;
             height: 22px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path id="XMLID_8_" d="M20,1H0v1v18v1h21v-1V1H20z M20,20H1V2h19V20z"/><rect id="XMLID_12_" x="2" y="4" width="17" height="1"/><rect id="XMLID_13_" x="2" y="12" width="17" height="1"/><rect id="XMLID_14_" x="2" y="8" width="11" height="1"/><rect id="XMLID_15_" x="2" y="16" width="11" height="1"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path id="XMLID_8_" d="M20,1H0v1v18v1h21v-1V1H20z M20,20H1V2h19V20z"/><rect id="XMLID_12_" x="2" y="4" width="17" height="1"/><rect id="XMLID_13_" x="2" y="12" width="17" height="1"/><rect id="XMLID_14_" x="2" y="8" width="11" height="1"/><rect id="XMLID_15_" x="2" y="16" width="11" height="1"/></g></svg>');
         }
 
         &.icon-function {
             width: 22px;
             height: 22px;
-            .encoded-svg-background('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0" y="0" viewBox="-238 240 24 22" xml:space="preserve" enable-background="new -238 240 22 22"><style type="text/css">.st0{fill:none;stroke:#000;stroke-width:0.5;stroke-linecap:square;stroke-miterlimit:10;}.st1{stroke:#000;stroke-width:0.5;stroke-linejoin:round;stroke-miterlimit:10;}</style><path d="M-226.94 257.74c-0.26-0.54-0.46-1.18-0.61-1.92 -0.15-0.73-0.22-1.46-0.22-2.18 0-1.35 0.26-2.7 0.78-4.04 0.52-1.35 1.22-2.49 2.1-3.43 0.88-0.94 1.51-1.53 1.89-1.77 0.1-0.06 0.14-0.1 0.14-0.13 0-0.04-0.07-0.05-0.21-0.05 -0.31 0-0.55 0.04-0.71 0.12 -0.16 0.08-0.53 0.4-1.1 0.96s-1.07 1.14-1.49 1.75c-0.42 0.61-0.78 1.25-1.06 1.94 -0.29 0.69-0.51 1.42-0.68 2.19 -0.17 0.77-0.25 1.63-0.25 2.57 0 0.58 0.07 1.25 0.2 1.99 0.13 0.74 0.33 1.41 0.58 2 0.25 0.59 0.41 0.9 0.48 0.94 0.07 0.04 0.24 0.06 0.51 0.06 0.09 0 0.13-0.02 0.13-0.05l-0.03-0.05C-226.53 258.59-226.68 258.29-226.94 257.74zM-219.15 253.05c0-0.09-0.04-0.14-0.12-0.14 -0.08 0-0.18 0.08-0.29 0.24 -0.28 0.41-0.59 0.71-0.92 0.91s-0.61 0.3-0.85 0.3c-0.18 0-0.36-0.08-0.52-0.25 -0.17-0.16-0.25-0.42-0.25-0.77 0-0.69 0.23-1.66 0.68-2.93 0.45-1.27 1.01-1.9 1.68-1.9 0.15 0 0.22 0.08 0.22 0.24 0 0.06-0.01 0.15-0.04 0.27 -0.02 0.07-0.02 0.12-0.02 0.18 0 0.13 0.05 0.23 0.14 0.32 0.09 0.08 0.2 0.13 0.34 0.13 0.19 0 0.34-0.06 0.45-0.17 0.1-0.11 0.16-0.24 0.16-0.38 0-0.24-0.1-0.47-0.29-0.67 -0.19-0.21-0.43-0.31-0.71-0.31 -0.55 0-1.09 0.29-1.62 0.87 -0.11 0.12-0.18 0.18-0.21 0.18l-0.08-0.03c-0.06-0.33-0.17-0.58-0.34-0.75 -0.17-0.17-0.4-0.25-0.69-0.25 -0.37 0-0.78 0.19-1.22 0.56 -0.44 0.37-0.66 0.62-0.66 0.74 0 0.08 0.04 0.11 0.13 0.11 0.08 0 0.2-0.09 0.37-0.27 0.45-0.48 0.81-0.72 1.09-0.72 0.14 0 0.27 0.08 0.38 0.25 0.11 0.17 0.16 0.39 0.16 0.67 0 0.58-0.27 1.53-0.8 2.85 -0.54 1.32-1.1 1.98-1.68 1.98 -0.13 0-0.23-0.05-0.3-0.14 -0.08-0.09-0.12-0.18-0.12-0.27 0-0.05 0.01-0.12 0.03-0.23 0.01-0.07 0.02-0.13 0.02-0.18 0-0.3-0.14-0.45-0.42-0.45 -0.18 0-0.33 0.07-0.46 0.2 -0.13 0.13-0.2 0.3-0.2 0.51 0 0.26 0.13 0.48 0.4 0.66 0.27 0.18 0.56 0.26 0.86 0.26 0.4 0 0.87-0.23 1.41-0.68 0.23-0.19 0.39-0.31 0.47-0.36 0.04 0.05 0.11 0.17 0.21 0.37 0.26 0.48 0.66 0.71 1.21 0.71 0.57 0 1.11-0.22 1.63-0.67C-219.41 253.59-219.15 253.26-219.15 253.05zM-216.2 247.22c-0.13-0.75-0.33-1.41-0.58-2 -0.25-0.59-0.41-0.9-0.48-0.94 -0.07-0.04-0.24-0.06-0.51-0.06 -0.09 0-0.13 0.02-0.13 0.05l0.03 0.05c0.05 0.06 0.2 0.36 0.46 0.91 0.26 0.54 0.46 1.18 0.61 1.91 0.15 0.73 0.22 1.46 0.22 2.17 0 1.36-0.26 2.71-0.78 4.05 -0.52 1.35-1.22 2.49-2.11 3.43 -0.89 0.94-1.51 1.53-1.89 1.77l-0.14 0.13c0 0.04 0.07 0.06 0.21 0.06 0.3 0 0.5-0.02 0.59-0.05 0.1-0.03 0.47-0.35 1.11-0.94 0.64-0.59 1.19-1.24 1.65-1.94 0.46-0.7 0.83-1.4 1.12-2.11 0.28-0.7 0.49-1.44 0.62-2.21C-216.06 250.74-216 249.98-216 249.21 -216 248.63-216.07 247.97-216.2 247.22z"/><path class="st0" d="M-226.94 257.74c-0.26-0.54-0.46-1.18-0.61-1.92 -0.15-0.73-0.22-1.46-0.22-2.18 0-1.35 0.26-2.7 0.78-4.04 0.52-1.35 1.22-2.49 2.1-3.43 0.88-0.94 1.51-1.53 1.89-1.77 0.1-0.06 0.14-0.1 0.14-0.13 0-0.04-0.07-0.05-0.21-0.05 -0.31 0-0.55 0.04-0.71 0.12 -0.16 0.08-0.53 0.4-1.1 0.96s-1.07 1.14-1.49 1.75c-0.42 0.61-0.78 1.25-1.06 1.94 -0.29 0.69-0.51 1.42-0.68 2.19 -0.17 0.77-0.25 1.63-0.25 2.57 0 0.58 0.07 1.25 0.2 1.99 0.13 0.74 0.33 1.41 0.58 2 0.25 0.59 0.41 0.9 0.48 0.94 0.07 0.04 0.24 0.06 0.51 0.06 0.09 0 0.13-0.02 0.13-0.05l-0.03-0.05C-226.53 258.59-226.68 258.29-226.94 257.74zM-219.15 253.05c0-0.09-0.04-0.14-0.12-0.14 -0.08 0-0.18 0.08-0.29 0.24 -0.28 0.41-0.59 0.71-0.92 0.91s-0.61 0.3-0.85 0.3c-0.18 0-0.36-0.08-0.52-0.25 -0.17-0.16-0.25-0.42-0.25-0.77 0-0.69 0.23-1.66 0.68-2.93 0.45-1.27 1.01-1.9 1.68-1.9 0.15 0 0.22 0.08 0.22 0.24 0 0.06-0.01 0.15-0.04 0.27 -0.02 0.07-0.02 0.12-0.02 0.18 0 0.13 0.05 0.23 0.14 0.32 0.09 0.08 0.2 0.13 0.34 0.13 0.19 0 0.34-0.06 0.45-0.17 0.1-0.11 0.16-0.24 0.16-0.38 0-0.24-0.1-0.47-0.29-0.67 -0.19-0.21-0.43-0.31-0.71-0.31 -0.55 0-1.09 0.29-1.62 0.87 -0.11 0.12-0.18 0.18-0.21 0.18l-0.08-0.03c-0.06-0.33-0.17-0.58-0.34-0.75 -0.17-0.17-0.4-0.25-0.69-0.25 -0.37 0-0.78 0.19-1.22 0.56 -0.44 0.37-0.66 0.62-0.66 0.74 0 0.08 0.04 0.11 0.13 0.11 0.08 0 0.2-0.09 0.37-0.27 0.45-0.48 0.81-0.72 1.09-0.72 0.14 0 0.27 0.08 0.38 0.25 0.11 0.17 0.16 0.39 0.16 0.67 0 0.58-0.27 1.53-0.8 2.85 -0.54 1.32-1.1 1.98-1.68 1.98 -0.13 0-0.23-0.05-0.3-0.14 -0.08-0.09-0.12-0.18-0.12-0.27 0-0.05 0.01-0.12 0.03-0.23 0.01-0.07 0.02-0.13 0.02-0.18 0-0.3-0.14-0.45-0.42-0.45 -0.18 0-0.33 0.07-0.46 0.2 -0.13 0.13-0.2 0.3-0.2 0.51 0 0.26 0.13 0.48 0.4 0.66 0.27 0.18 0.56 0.26 0.86 0.26 0.4 0 0.87-0.23 1.41-0.68 0.23-0.19 0.39-0.31 0.47-0.36 0.04 0.05 0.11 0.17 0.21 0.37 0.26 0.48 0.66 0.71 1.21 0.71 0.57 0 1.11-0.22 1.63-0.67C-219.41 253.59-219.15 253.26-219.15 253.05zM-216.2 247.22c-0.13-0.75-0.33-1.41-0.58-2 -0.25-0.59-0.41-0.9-0.48-0.94 -0.07-0.04-0.24-0.06-0.51-0.06 -0.09 0-0.13 0.02-0.13 0.05l0.03 0.05c0.05 0.06 0.2 0.36 0.46 0.91 0.26 0.54 0.46 1.18 0.61 1.91 0.15 0.73 0.22 1.46 0.22 2.17 0 1.36-0.26 2.71-0.78 4.05 -0.52 1.35-1.22 2.49-2.11 3.43 -0.89 0.94-1.51 1.53-1.89 1.77l-0.14 0.13c0 0.04 0.07 0.06 0.21 0.06 0.3 0 0.5-0.02 0.59-0.05 0.1-0.03 0.47-0.35 1.11-0.94 0.64-0.59 1.19-1.24 1.65-1.94 0.46-0.7 0.83-1.4 1.12-2.11 0.28-0.7 0.49-1.44 0.62-2.21C-216.06 250.74-216 249.98-216 249.21 -216 248.63-216.07 247.97-216.2 247.22z"/><path class="st1" d="M-229.66 247.67c0.02-0.08 0.03-0.18 0.04-0.3 0.02-0.12 0.03-0.21 0.04-0.27 -0.88 0-1.36-0.01-1.44-0.04 0.39-1.87 0.78-3.11 1.17-3.73 0.39-0.62 0.83-0.93 1.31-0.93 0.18 0 0.32 0.04 0.4 0.11 0.09 0.07 0.13 0.18 0.13 0.33 0 0.1-0.04 0.22-0.11 0.35 -0.12 0.21-0.17 0.39-0.17 0.53 0 0.2 0.06 0.36 0.18 0.5 0.12 0.13 0.26 0.2 0.42 0.2 0.2 0 0.36-0.09 0.48-0.27 0.12-0.18 0.18-0.39 0.18-0.62 0-0.4-0.13-0.75-0.39-1.06C-227.69 242.15-228.05 242-228.52 242c-0.79 0-1.49 0.43-2.11 1.28 -0.61 0.85-1.09 2.15-1.43 3.9 -0.68 0.01-1.21 0.04-1.62 0.08l-0.1 0.54 1.6-0.05c-0.08 0.33-0.26 1.17-0.53 2.52 -0.68 3.42-1.27 5.89-1.77 7.41 -0.5 1.52-1.1 2.28-1.79 2.28 -0.19 0-0.34-0.06-0.45-0.19s-0.17-0.26-0.17-0.41c0-0.1 0.04-0.25 0.11-0.45 0.06-0.17 0.09-0.31 0.09-0.42 0-0.19-0.06-0.36-0.18-0.5 -0.12-0.14-0.27-0.21-0.44-0.21 -0.2 0-0.36 0.1-0.5 0.3 -0.14 0.2-0.2 0.44-0.2 0.72 0 0.43 0.15 0.8 0.45 1.11 0.3 0.31 0.68 0.47 1.14 0.47 0.77 0 1.45-0.41 2.06-1.23 0.61-0.82 1.11-2.1 1.51-3.85l1.68-7.57C-230.66 247.7-230.16 247.68-229.66 247.67L-229.66 247.67z"/></svg>');
+            .encoded-svg-mask('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0" y="0" viewBox="-238 240 24 22" xml:space="preserve" enable-background="new -238 240 22 22"><style type="text/css">.st0{fill:none;stroke:#000;stroke-width:0.5;stroke-linecap:square;stroke-miterlimit:10;}.st1{stroke:#000;stroke-width:0.5;stroke-linejoin:round;stroke-miterlimit:10;}</style><path d="M-226.94 257.74c-0.26-0.54-0.46-1.18-0.61-1.92 -0.15-0.73-0.22-1.46-0.22-2.18 0-1.35 0.26-2.7 0.78-4.04 0.52-1.35 1.22-2.49 2.1-3.43 0.88-0.94 1.51-1.53 1.89-1.77 0.1-0.06 0.14-0.1 0.14-0.13 0-0.04-0.07-0.05-0.21-0.05 -0.31 0-0.55 0.04-0.71 0.12 -0.16 0.08-0.53 0.4-1.1 0.96s-1.07 1.14-1.49 1.75c-0.42 0.61-0.78 1.25-1.06 1.94 -0.29 0.69-0.51 1.42-0.68 2.19 -0.17 0.77-0.25 1.63-0.25 2.57 0 0.58 0.07 1.25 0.2 1.99 0.13 0.74 0.33 1.41 0.58 2 0.25 0.59 0.41 0.9 0.48 0.94 0.07 0.04 0.24 0.06 0.51 0.06 0.09 0 0.13-0.02 0.13-0.05l-0.03-0.05C-226.53 258.59-226.68 258.29-226.94 257.74zM-219.15 253.05c0-0.09-0.04-0.14-0.12-0.14 -0.08 0-0.18 0.08-0.29 0.24 -0.28 0.41-0.59 0.71-0.92 0.91s-0.61 0.3-0.85 0.3c-0.18 0-0.36-0.08-0.52-0.25 -0.17-0.16-0.25-0.42-0.25-0.77 0-0.69 0.23-1.66 0.68-2.93 0.45-1.27 1.01-1.9 1.68-1.9 0.15 0 0.22 0.08 0.22 0.24 0 0.06-0.01 0.15-0.04 0.27 -0.02 0.07-0.02 0.12-0.02 0.18 0 0.13 0.05 0.23 0.14 0.32 0.09 0.08 0.2 0.13 0.34 0.13 0.19 0 0.34-0.06 0.45-0.17 0.1-0.11 0.16-0.24 0.16-0.38 0-0.24-0.1-0.47-0.29-0.67 -0.19-0.21-0.43-0.31-0.71-0.31 -0.55 0-1.09 0.29-1.62 0.87 -0.11 0.12-0.18 0.18-0.21 0.18l-0.08-0.03c-0.06-0.33-0.17-0.58-0.34-0.75 -0.17-0.17-0.4-0.25-0.69-0.25 -0.37 0-0.78 0.19-1.22 0.56 -0.44 0.37-0.66 0.62-0.66 0.74 0 0.08 0.04 0.11 0.13 0.11 0.08 0 0.2-0.09 0.37-0.27 0.45-0.48 0.81-0.72 1.09-0.72 0.14 0 0.27 0.08 0.38 0.25 0.11 0.17 0.16 0.39 0.16 0.67 0 0.58-0.27 1.53-0.8 2.85 -0.54 1.32-1.1 1.98-1.68 1.98 -0.13 0-0.23-0.05-0.3-0.14 -0.08-0.09-0.12-0.18-0.12-0.27 0-0.05 0.01-0.12 0.03-0.23 0.01-0.07 0.02-0.13 0.02-0.18 0-0.3-0.14-0.45-0.42-0.45 -0.18 0-0.33 0.07-0.46 0.2 -0.13 0.13-0.2 0.3-0.2 0.51 0 0.26 0.13 0.48 0.4 0.66 0.27 0.18 0.56 0.26 0.86 0.26 0.4 0 0.87-0.23 1.41-0.68 0.23-0.19 0.39-0.31 0.47-0.36 0.04 0.05 0.11 0.17 0.21 0.37 0.26 0.48 0.66 0.71 1.21 0.71 0.57 0 1.11-0.22 1.63-0.67C-219.41 253.59-219.15 253.26-219.15 253.05zM-216.2 247.22c-0.13-0.75-0.33-1.41-0.58-2 -0.25-0.59-0.41-0.9-0.48-0.94 -0.07-0.04-0.24-0.06-0.51-0.06 -0.09 0-0.13 0.02-0.13 0.05l0.03 0.05c0.05 0.06 0.2 0.36 0.46 0.91 0.26 0.54 0.46 1.18 0.61 1.91 0.15 0.73 0.22 1.46 0.22 2.17 0 1.36-0.26 2.71-0.78 4.05 -0.52 1.35-1.22 2.49-2.11 3.43 -0.89 0.94-1.51 1.53-1.89 1.77l-0.14 0.13c0 0.04 0.07 0.06 0.21 0.06 0.3 0 0.5-0.02 0.59-0.05 0.1-0.03 0.47-0.35 1.11-0.94 0.64-0.59 1.19-1.24 1.65-1.94 0.46-0.7 0.83-1.4 1.12-2.11 0.28-0.7 0.49-1.44 0.62-2.21C-216.06 250.74-216 249.98-216 249.21 -216 248.63-216.07 247.97-216.2 247.22z"/><path class="st0" d="M-226.94 257.74c-0.26-0.54-0.46-1.18-0.61-1.92 -0.15-0.73-0.22-1.46-0.22-2.18 0-1.35 0.26-2.7 0.78-4.04 0.52-1.35 1.22-2.49 2.1-3.43 0.88-0.94 1.51-1.53 1.89-1.77 0.1-0.06 0.14-0.1 0.14-0.13 0-0.04-0.07-0.05-0.21-0.05 -0.31 0-0.55 0.04-0.71 0.12 -0.16 0.08-0.53 0.4-1.1 0.96s-1.07 1.14-1.49 1.75c-0.42 0.61-0.78 1.25-1.06 1.94 -0.29 0.69-0.51 1.42-0.68 2.19 -0.17 0.77-0.25 1.63-0.25 2.57 0 0.58 0.07 1.25 0.2 1.99 0.13 0.74 0.33 1.41 0.58 2 0.25 0.59 0.41 0.9 0.48 0.94 0.07 0.04 0.24 0.06 0.51 0.06 0.09 0 0.13-0.02 0.13-0.05l-0.03-0.05C-226.53 258.59-226.68 258.29-226.94 257.74zM-219.15 253.05c0-0.09-0.04-0.14-0.12-0.14 -0.08 0-0.18 0.08-0.29 0.24 -0.28 0.41-0.59 0.71-0.92 0.91s-0.61 0.3-0.85 0.3c-0.18 0-0.36-0.08-0.52-0.25 -0.17-0.16-0.25-0.42-0.25-0.77 0-0.69 0.23-1.66 0.68-2.93 0.45-1.27 1.01-1.9 1.68-1.9 0.15 0 0.22 0.08 0.22 0.24 0 0.06-0.01 0.15-0.04 0.27 -0.02 0.07-0.02 0.12-0.02 0.18 0 0.13 0.05 0.23 0.14 0.32 0.09 0.08 0.2 0.13 0.34 0.13 0.19 0 0.34-0.06 0.45-0.17 0.1-0.11 0.16-0.24 0.16-0.38 0-0.24-0.1-0.47-0.29-0.67 -0.19-0.21-0.43-0.31-0.71-0.31 -0.55 0-1.09 0.29-1.62 0.87 -0.11 0.12-0.18 0.18-0.21 0.18l-0.08-0.03c-0.06-0.33-0.17-0.58-0.34-0.75 -0.17-0.17-0.4-0.25-0.69-0.25 -0.37 0-0.78 0.19-1.22 0.56 -0.44 0.37-0.66 0.62-0.66 0.74 0 0.08 0.04 0.11 0.13 0.11 0.08 0 0.2-0.09 0.37-0.27 0.45-0.48 0.81-0.72 1.09-0.72 0.14 0 0.27 0.08 0.38 0.25 0.11 0.17 0.16 0.39 0.16 0.67 0 0.58-0.27 1.53-0.8 2.85 -0.54 1.32-1.1 1.98-1.68 1.98 -0.13 0-0.23-0.05-0.3-0.14 -0.08-0.09-0.12-0.18-0.12-0.27 0-0.05 0.01-0.12 0.03-0.23 0.01-0.07 0.02-0.13 0.02-0.18 0-0.3-0.14-0.45-0.42-0.45 -0.18 0-0.33 0.07-0.46 0.2 -0.13 0.13-0.2 0.3-0.2 0.51 0 0.26 0.13 0.48 0.4 0.66 0.27 0.18 0.56 0.26 0.86 0.26 0.4 0 0.87-0.23 1.41-0.68 0.23-0.19 0.39-0.31 0.47-0.36 0.04 0.05 0.11 0.17 0.21 0.37 0.26 0.48 0.66 0.71 1.21 0.71 0.57 0 1.11-0.22 1.63-0.67C-219.41 253.59-219.15 253.26-219.15 253.05zM-216.2 247.22c-0.13-0.75-0.33-1.41-0.58-2 -0.25-0.59-0.41-0.9-0.48-0.94 -0.07-0.04-0.24-0.06-0.51-0.06 -0.09 0-0.13 0.02-0.13 0.05l0.03 0.05c0.05 0.06 0.2 0.36 0.46 0.91 0.26 0.54 0.46 1.18 0.61 1.91 0.15 0.73 0.22 1.46 0.22 2.17 0 1.36-0.26 2.71-0.78 4.05 -0.52 1.35-1.22 2.49-2.11 3.43 -0.89 0.94-1.51 1.53-1.89 1.77l-0.14 0.13c0 0.04 0.07 0.06 0.21 0.06 0.3 0 0.5-0.02 0.59-0.05 0.1-0.03 0.47-0.35 1.11-0.94 0.64-0.59 1.19-1.24 1.65-1.94 0.46-0.7 0.83-1.4 1.12-2.11 0.28-0.7 0.49-1.44 0.62-2.21C-216.06 250.74-216 249.98-216 249.21 -216 248.63-216.07 247.97-216.2 247.22z"/><path class="st1" d="M-229.66 247.67c0.02-0.08 0.03-0.18 0.04-0.3 0.02-0.12 0.03-0.21 0.04-0.27 -0.88 0-1.36-0.01-1.44-0.04 0.39-1.87 0.78-3.11 1.17-3.73 0.39-0.62 0.83-0.93 1.31-0.93 0.18 0 0.32 0.04 0.4 0.11 0.09 0.07 0.13 0.18 0.13 0.33 0 0.1-0.04 0.22-0.11 0.35 -0.12 0.21-0.17 0.39-0.17 0.53 0 0.2 0.06 0.36 0.18 0.5 0.12 0.13 0.26 0.2 0.42 0.2 0.2 0 0.36-0.09 0.48-0.27 0.12-0.18 0.18-0.39 0.18-0.62 0-0.4-0.13-0.75-0.39-1.06C-227.69 242.15-228.05 242-228.52 242c-0.79 0-1.49 0.43-2.11 1.28 -0.61 0.85-1.09 2.15-1.43 3.9 -0.68 0.01-1.21 0.04-1.62 0.08l-0.1 0.54 1.6-0.05c-0.08 0.33-0.26 1.17-0.53 2.52 -0.68 3.42-1.27 5.89-1.77 7.41 -0.5 1.52-1.1 2.28-1.79 2.28 -0.19 0-0.34-0.06-0.45-0.19s-0.17-0.26-0.17-0.41c0-0.1 0.04-0.25 0.11-0.45 0.06-0.17 0.09-0.31 0.09-0.42 0-0.19-0.06-0.36-0.18-0.5 -0.12-0.14-0.27-0.21-0.44-0.21 -0.2 0-0.36 0.1-0.5 0.3 -0.14 0.2-0.2 0.44-0.2 0.72 0 0.43 0.15 0.8 0.45 1.11 0.3 0.31 0.68 0.47 1.14 0.47 0.77 0 1.45-0.41 2.06-1.23 0.61-0.82 1.11-2.1 1.51-3.85l1.68-7.57C-230.66 247.7-230.16 247.68-229.66 247.67L-229.66 247.67z"/></svg>', @text-normal);
         }
         // Reorder
 
         &.icon-move-backward {
             width: 28px;
             height: 28px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><rect opacity="0.3" x="1" y="1" width="17" height="17"/><path d="M10,10V27H27V10H10ZM26,26H11V11H26V26Z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><rect opacity="0.3" x="1" y="1" width="17" height="17"/><path d="M10,10V27H27V10H10ZM26,26H11V11H26V26Z"/></g></svg>');
         }
         &.icon-move-forward {
             width: 28px;
             height: 28px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M10,10V27H27V10H10ZM26,26H11V11H26V26Z"/><rect x="1" y="1" width="17" height="17"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M10,10V27H27V10H10ZM26,26H11V11H26V26Z"/><rect x="1" y="1" width="17" height="17"/></g></svg>');
         }
         &.icon-move-background {
             width: 28px;
             height: 28px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><rect opacity="0.3" x="8" y="8" width="13" height="13"/><path d="M1,1V13H13V1H1ZM12,12H2V2H12V12Z"/><path d="M15,15V27H27V15H15ZM26,26H16V16H26V26Z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><rect opacity="0.3" x="8" y="8" width="13" height="13"/><path d="M1,1V13H13V1H1ZM12,12H2V2H12V12Z"/><path d="M15,15V27H27V15H15ZM26,26H16V16H26V26Z"/></g></svg>');
         }
         &.icon-move-foreground {
             width: 28px;
             height: 28px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M1,1V13H13V1H1ZM12,12H2V2H12V12Z"/><path opacity="0.3" d="M15,15V27H27V15H15ZM26,26H16V16H26V26Z"/><rect x="8" y="8" width="13" height="13"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M1,1V13H13V1H1ZM12,12H2V2H12V12Z"/><path opacity="0.3" d="M15,15V27H27V15H15ZM26,26H16V16H26V26Z"/><rect x="8" y="8" width="13" height="13"/></g></svg>');
         }
 
         // Presets of table borders
@@ -178,62 +178,62 @@
         &.icon-table-borders-all {
             width: 28px;
             height: 28px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path d="M26.9,0H0V27H27V0H26.9ZM13,26H1V14H13V26Zm0-13H1V1H13V13ZM26,26H14V14H26V26Zm0-13H14V1H26V13Z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path d="M26.9,0H0V27H27V0H26.9ZM13,26H1V14H13V26Zm0-13H1V1H13V13ZM26,26H14V14H26V26Zm0-13H14V1H26V13Z"/></g></svg>');
         }
         &.icon-table-borders-none {
             width: 28px;
             height: 28px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M26.9,0H0V27H27V0H26.9ZM13,26H1V14H13V26Zm0-13H1V1H13V13ZM26,26H14V14H26V26Zm0-13H14V1H26V13Z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M26.9,0H0V27H27V0H26.9ZM13,26H1V14H13V26Zm0-13H1V1H13V13ZM26,26H14V14H26V26Zm0-13H14V1H26V13Z"/></g></svg>');
         }
         &.icon-table-borders-inner {
             width: 28px;
             height: 28px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><polygon points="26 13 14 13 14 1 13 1 13 13 1 13 1 14 13 14 13 26 14 26 14 14 26 14 26 13"/><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><polygon points="26 13 14 13 14 1 13 1 13 13 1 13 1 14 13 14 13 26 14 26 14 14 26 14 26 13"/><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/></g></svg>');
         }
         &.icon-table-borders-outer {
             width: 28px;
             height: 28px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/></g></svg>');
         }
         &.icon-table-borders-left {
             width: 28px;
             height: 28px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect width="1" height="27"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect width="1" height="27"/></g></svg>');
         }
         &.icon-table-borders-center {
             width: 28px;
             height: 28px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect x="13" width="1" height="27"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect x="13" width="1" height="27"/></g></svg>');
         }
         &.icon-table-borders-right {
             width: 28px;
             height: 28px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect x="26" width="1" height="27"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect x="26" width="1" height="27"/></g></svg>');
         }
         &.icon-table-borders-top {
             width: 28px;
             height: 28px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect width="27" height="1"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect width="27" height="1"/></g></svg>');
         }
         &.icon-table-borders-middle {
             width: 28px;
             height: 28px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect y="13" width="27" height="1"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect y="13" width="27" height="1"/></g></svg>');
         }
         &.icon-table-borders-bottom {
             width: 28px;
             height: 28px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect y="26" width="27" height="1"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect y="26" width="27" height="1"/></g></svg>');
         }
         &.icon-table-borders-dup {
             width: 28px;
             height: 28px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="3 -3 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M3-3v1v25v1h27v-1V-2v-1H3z M4-2h25v25H4V-2z"/><polygon points="30,-3 29,-3 29,-3 29,-3 29,-3 29,-3 3,23 3,24 4,24 30,-2 "/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="3 -3 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M3-3v1v25v1h27v-1V-2v-1H3z M4-2h25v25H4V-2z"/><polygon points="30,-3 29,-3 29,-3 29,-3 29,-3 29,-3 3,23 3,24 4,24 30,-2 "/></g></svg>');
         }
         &.icon-table-borders-ddown {
             width: 28px;
             height: 28px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="3 -3 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M3-3v1v25v1h27v-1V-2v-1H3z M4-2h25v25H4V-2z"/><polygon points="30,23 4,-3 3,-3 3,-2 29,24 29,24 29,24 29,24 29,24 30,24 "/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="3 -3 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M3-3v1v25v1h27v-1V-2v-1H3z M4-2h25v25H4V-2z"/><polygon points="30,23 4,-3 3,-3 3,-2 29,24 29,24 29,24 29,24 29,24 30,24 "/></g></svg>');
         }
 
         // Cell formats
@@ -241,52 +241,52 @@
         &.icon-format-general {
             width: 22px;
             height: 22px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M4.7700195,2.8598633L7.5600586,10h-1.050293L5.7299805,7.8500977H2.7099609L1.9101562,10H0.9399414l2.7802734-7.1401367H4.7700195z M5.4301758,7.0498047L4.2402344,3.7202148H4.2202148L3.0097656,7.0498047H5.4301758z"/><path d="M10.8500977,2.8598633c0.1533203,0,0.3183594,0.0019531,0.4951172,0.0053711c0.1762695,0.003418,0.3515625,0.0131836,0.5249023,0.0297852s0.3349609,0.0415039,0.4848633,0.0751953c0.1499023,0.0332031,0.2783203,0.0830078,0.3847656,0.1499023c0.2333984,0.1396484,0.4316406,0.3334961,0.5952148,0.5800781c0.1630859,0.246582,0.2451172,0.5498047,0.2451172,0.909668c0,0.3803711-0.0917969,0.7084961-0.2749023,0.9853516c-0.1835938,0.2763672-0.4453125,0.4814453-0.7851562,0.6147461v0.0200195c0.4399414,0.0932617,0.7763672,0.293457,1.0097656,0.6000977s0.3500977,0.6796875,0.3500977,1.1201172c0,0.2597656-0.0463867,0.5131836-0.1401367,0.7597656c-0.0932617,0.246582-0.2314453,0.4648438-0.4145508,0.6552734c-0.1835938,0.1899414-0.4101562,0.3432617-0.6801758,0.4599609S12.0634766,10,11.7099609,10H8.2597656V2.8598633H10.8500977z M11.1098633,5.9301758c0.5400391,0,0.9282227-0.0952148,1.1650391-0.2851562s0.3549805-0.4750977,0.3549805-0.8549805c0-0.253418-0.0400391-0.453125-0.1201172-0.6000977c-0.0795898-0.1464844-0.1899414-0.2597656-0.3295898-0.3398438c-0.1401367-0.0800781-0.3017578-0.1318359-0.4853516-0.1552734c-0.1831055-0.0229492-0.378418-0.034668-0.5849609-0.034668H9.2099609v2.2700195H11.1098633z M11.5898438,9.2001953c0.4199219,0,0.7485352-0.1132812,0.9853516-0.340332c0.2363281-0.2265625,0.3549805-0.5400391,0.3549805-0.9399414c0-0.2333984-0.043457-0.4262695-0.1303711-0.5800781c-0.0864258-0.1533203-0.2016602-0.2749023-0.3447266-0.3647461c-0.1435547-0.090332-0.3085938-0.1533203-0.4951172-0.1899414s-0.3798828-0.0551758-0.5800781-0.0551758H9.2099609v2.4702148H11.5898438z"/><path d="M19.425293,3.8701172c-0.3637695-0.253418-0.7954102-0.3798828-1.2954102-0.3798828c-0.4267578,0-0.7915039,0.0795898-1.0947266,0.2397461c-0.3037109,0.1601562-0.5537109,0.375-0.75,0.6450195c-0.1967773,0.2700195-0.3417969,0.5786133-0.4350586,0.9248047c-0.0932617,0.3466797-0.1401367,0.7070312-0.1401367,1.0800781c0,0.4067383,0.046875,0.7919922,0.1401367,1.1552734s0.2382812,0.6796875,0.4350586,0.949707c0.1962891,0.2700195,0.4482422,0.4853516,0.7548828,0.6450195c0.3066406,0.1601562,0.6733398,0.2402344,1.1000977,0.2402344c0.3129883,0,0.5913086-0.0517578,0.8349609-0.1552734c0.2431641-0.1030273,0.453125-0.246582,0.6298828-0.4296875c0.1767578-0.1835938,0.3149414-0.4018555,0.4150391-0.6552734c0.1000977-0.2529297,0.1601562-0.5263672,0.1801758-0.8198242h0.949707c-0.0932617,0.8999023-0.4033203,1.6000977-0.9296875,2.1000977c-0.5268555,0.5-1.2470703,0.75-2.1601562,0.75c-0.5532227,0-1.0366211-0.0952148-1.4501953-0.2851562c-0.4130859-0.1899414-0.7563477-0.4516602-1.0297852-0.7851562c-0.2734375-0.3330078-0.4785156-0.7265625-0.6152344-1.1796875c-0.1367188-0.4536133-0.2045898-0.9399414-0.2045898-1.4599609s0.0732422-1.0083008,0.2197266-1.465332c0.1464844-0.456543,0.3618164-0.8549805,0.6450195-1.1948242s0.6367188-0.6083984,1.0600586-0.8051758c0.4233398-0.1962891,0.9082031-0.2949219,1.4550781-0.2949219c0.3730469,0,0.7265625,0.050293,1.0600586,0.1499023c0.3330078,0.1000977,0.6298828,0.2470703,0.8896484,0.4399414c0.2602539,0.1938477,0.4765625,0.4350586,0.6503906,0.7250977c0.1733398,0.2900391,0.2866211,0.625,0.3398438,1.0048828h-0.9501953C20.0234375,4.503418,19.7885742,4.1235352,19.425293,3.8701172z"/><path d="M3.7099609,19v-5.0800781H1.8701172v-0.6796875c0.2397461,0,0.4731445-0.0185547,0.699707-0.0551758s0.4316406-0.1049805,0.6152344-0.2050781c0.1831055-0.1000977,0.3383789-0.2363281,0.4648438-0.4101562c0.1264648-0.1733398,0.2133789-0.3930664,0.2602539-0.659668h0.6499023V19H3.7099609z"/><path d="M8.7099609,13.4199219C8.8032227,13.1132812,8.9482422,12.8486328,9.1450195,12.625c0.1967773-0.2231445,0.4418945-0.3984375,0.7353516-0.5249023c0.2929688-0.1264648,0.6264648-0.1899414,1-0.1899414c0.3061523,0,0.5947266,0.0449219,0.8647461,0.1347656S12.25,12.2651367,12.4501953,12.4350586s0.3583984,0.3818359,0.4750977,0.6347656c0.1162109,0.253418,0.1748047,0.546875,0.1748047,0.8803711c0,0.3134766-0.0483398,0.5898438-0.1450195,0.8295898c-0.0966797,0.2402344-0.2250977,0.4550781-0.3847656,0.6450195c-0.1601562,0.1904297-0.34375,0.3618164-0.550293,0.5151367s-0.4199219,0.300293-0.6396484,0.4399414c-0.2202148,0.1337891-0.4404297,0.2651367-0.6601562,0.3950195C10.5,16.9047852,10.2983398,17.043457,10.1152344,17.1899414c-0.1835938,0.1469727-0.3398438,0.3051758-0.4702148,0.4750977C9.5151367,17.8349609,9.4301758,18.0297852,9.3901367,18.25h3.6401367V19H8.4003906C8.4335938,18.5800781,8.5083008,18.2216797,8.625,17.9248047c0.1166992-0.2963867,0.2651367-0.5546875,0.4453125-0.7749023C9.25,16.9301758,9.4536133,16.7368164,9.6801758,16.5698242c0.2265625-0.1665039,0.4633789-0.3232422,0.7099609-0.4697266c0.2998047-0.1865234,0.5634766-0.3583984,0.7900391-0.5151367s0.4150391-0.3149414,0.5649414-0.4750977c0.1499023-0.159668,0.2631836-0.3330078,0.3398438-0.5200195c0.0766602-0.1865234,0.1152344-0.4033203,0.1152344-0.6499023c0-0.1933594-0.0366211-0.3681641-0.1098633-0.5249023c-0.0737305-0.1567383-0.171875-0.2915039-0.2954102-0.4052734c-0.1230469-0.1132812-0.2680664-0.199707-0.4345703-0.2597656c-0.1669922-0.0600586-0.34375-0.0898438-0.5302734-0.0898438c-0.246582,0-0.4584961,0.0517578-0.6347656,0.1547852c-0.1767578,0.1035156-0.3217773,0.2382812-0.4350586,0.4052734c-0.1137695,0.1665039-0.1953125,0.3549805-0.2451172,0.5649414s-0.0717773,0.4213867-0.0649414,0.6347656H8.6000977C8.5800781,14.0600586,8.6166992,13.7265625,8.7099609,13.4199219z"/><path d="M17.5898438,14.9599609c0.0332031,0,0.0664062,0,0.1000977,0h0.1796875c0.1801758,0,0.3515625-0.0249023,0.5151367-0.0751953c0.1635742-0.0498047,0.3066406-0.1230469,0.4301758-0.2197266c0.1230469-0.0966797,0.2216797-0.2182617,0.2949219-0.3652344c0.0732422-0.1464844,0.1098633-0.3129883,0.1098633-0.5c0-0.3798828-0.1201172-0.6650391-0.3598633-0.8549805c-0.2402344-0.1899414-0.5400391-0.284668-0.8999023-0.284668c-0.2270508,0-0.425293,0.0415039-0.5952148,0.125s-0.3100586,0.1948242-0.4199219,0.3349609c-0.1098633,0.1396484-0.1918945,0.3032227-0.2451172,0.4897461c-0.0532227,0.1870117-0.0800781,0.3837891-0.0800781,0.590332h-0.8496094c0.0131836-0.340332,0.0678711-0.6503906,0.1650391-0.9301758C16.03125,12.9902344,16.1699219,12.75,16.3496094,12.5498047c0.1801758-0.199707,0.4052734-0.3564453,0.675293-0.4697266s0.581543-0.1699219,0.9350586-0.1699219c0.3066406,0,0.5913086,0.0380859,0.8549805,0.1147461C19.078125,12.1015625,19.3061523,12.2167969,19.5,12.3701172c0.1928711,0.1533203,0.3447266,0.3500977,0.4545898,0.5898438c0.1103516,0.2402344,0.1650391,0.5234375,0.1650391,0.8500977c0,0.3198242-0.0932617,0.6035156-0.2797852,0.8500977s-0.4199219,0.4331055-0.7001953,0.5600586v0.0200195c0.4335938,0.0932617,0.7553711,0.2963867,0.965332,0.6098633s0.3149414,0.6831055,0.3149414,1.1098633c0,0.3535156-0.0649414,0.6650391-0.1953125,0.9350586c-0.1298828,0.2700195-0.3046875,0.4951172-0.5249023,0.6748047c-0.2197266,0.1801758-0.4785156,0.3149414-0.7749023,0.4052734c-0.296875,0.0898438-0.6118164,0.1347656-0.9448242,0.1347656c-0.3603516,0-0.6870117-0.0498047-0.9799805-0.1499023c-0.293457-0.1000977-0.543457-0.2480469-0.75-0.4448242c-0.2070312-0.1967773-0.3652344-0.4384766-0.4750977-0.7250977s-0.1616211-0.6132812-0.1552734-0.9799805h0.8500977c0.0131836,0.4599609,0.1464844,0.8349609,0.3999023,1.125s0.6235352,0.4350586,1.1103516,0.4350586c0.206543,0,0.4033203-0.0317383,0.5898438-0.0952148c0.1865234-0.0629883,0.3500977-0.1533203,0.4902344-0.2700195c0.1396484-0.1162109,0.2514648-0.2597656,0.3349609-0.4296875c0.0830078-0.1704102,0.125-0.3618164,0.125-0.5751953c0-0.2202148-0.0400391-0.4150391-0.1201172-0.5849609s-0.1870117-0.3134766-0.3203125-0.4301758c-0.1333008-0.1162109-0.2915039-0.203125-0.4746094-0.2597656c-0.1835938-0.0566406-0.3818359-0.0849609-0.5952148-0.0849609c-0.1801758,0-0.3500977,0.0097656-0.5097656,0.0297852v-0.7197266C17.5332031,14.956543,17.5629883,14.9599609,17.5898438,14.9599609z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M4.7700195,2.8598633L7.5600586,10h-1.050293L5.7299805,7.8500977H2.7099609L1.9101562,10H0.9399414l2.7802734-7.1401367H4.7700195z M5.4301758,7.0498047L4.2402344,3.7202148H4.2202148L3.0097656,7.0498047H5.4301758z"/><path d="M10.8500977,2.8598633c0.1533203,0,0.3183594,0.0019531,0.4951172,0.0053711c0.1762695,0.003418,0.3515625,0.0131836,0.5249023,0.0297852s0.3349609,0.0415039,0.4848633,0.0751953c0.1499023,0.0332031,0.2783203,0.0830078,0.3847656,0.1499023c0.2333984,0.1396484,0.4316406,0.3334961,0.5952148,0.5800781c0.1630859,0.246582,0.2451172,0.5498047,0.2451172,0.909668c0,0.3803711-0.0917969,0.7084961-0.2749023,0.9853516c-0.1835938,0.2763672-0.4453125,0.4814453-0.7851562,0.6147461v0.0200195c0.4399414,0.0932617,0.7763672,0.293457,1.0097656,0.6000977s0.3500977,0.6796875,0.3500977,1.1201172c0,0.2597656-0.0463867,0.5131836-0.1401367,0.7597656c-0.0932617,0.246582-0.2314453,0.4648438-0.4145508,0.6552734c-0.1835938,0.1899414-0.4101562,0.3432617-0.6801758,0.4599609S12.0634766,10,11.7099609,10H8.2597656V2.8598633H10.8500977z M11.1098633,5.9301758c0.5400391,0,0.9282227-0.0952148,1.1650391-0.2851562s0.3549805-0.4750977,0.3549805-0.8549805c0-0.253418-0.0400391-0.453125-0.1201172-0.6000977c-0.0795898-0.1464844-0.1899414-0.2597656-0.3295898-0.3398438c-0.1401367-0.0800781-0.3017578-0.1318359-0.4853516-0.1552734c-0.1831055-0.0229492-0.378418-0.034668-0.5849609-0.034668H9.2099609v2.2700195H11.1098633z M11.5898438,9.2001953c0.4199219,0,0.7485352-0.1132812,0.9853516-0.340332c0.2363281-0.2265625,0.3549805-0.5400391,0.3549805-0.9399414c0-0.2333984-0.043457-0.4262695-0.1303711-0.5800781c-0.0864258-0.1533203-0.2016602-0.2749023-0.3447266-0.3647461c-0.1435547-0.090332-0.3085938-0.1533203-0.4951172-0.1899414s-0.3798828-0.0551758-0.5800781-0.0551758H9.2099609v2.4702148H11.5898438z"/><path d="M19.425293,3.8701172c-0.3637695-0.253418-0.7954102-0.3798828-1.2954102-0.3798828c-0.4267578,0-0.7915039,0.0795898-1.0947266,0.2397461c-0.3037109,0.1601562-0.5537109,0.375-0.75,0.6450195c-0.1967773,0.2700195-0.3417969,0.5786133-0.4350586,0.9248047c-0.0932617,0.3466797-0.1401367,0.7070312-0.1401367,1.0800781c0,0.4067383,0.046875,0.7919922,0.1401367,1.1552734s0.2382812,0.6796875,0.4350586,0.949707c0.1962891,0.2700195,0.4482422,0.4853516,0.7548828,0.6450195c0.3066406,0.1601562,0.6733398,0.2402344,1.1000977,0.2402344c0.3129883,0,0.5913086-0.0517578,0.8349609-0.1552734c0.2431641-0.1030273,0.453125-0.246582,0.6298828-0.4296875c0.1767578-0.1835938,0.3149414-0.4018555,0.4150391-0.6552734c0.1000977-0.2529297,0.1601562-0.5263672,0.1801758-0.8198242h0.949707c-0.0932617,0.8999023-0.4033203,1.6000977-0.9296875,2.1000977c-0.5268555,0.5-1.2470703,0.75-2.1601562,0.75c-0.5532227,0-1.0366211-0.0952148-1.4501953-0.2851562c-0.4130859-0.1899414-0.7563477-0.4516602-1.0297852-0.7851562c-0.2734375-0.3330078-0.4785156-0.7265625-0.6152344-1.1796875c-0.1367188-0.4536133-0.2045898-0.9399414-0.2045898-1.4599609s0.0732422-1.0083008,0.2197266-1.465332c0.1464844-0.456543,0.3618164-0.8549805,0.6450195-1.1948242s0.6367188-0.6083984,1.0600586-0.8051758c0.4233398-0.1962891,0.9082031-0.2949219,1.4550781-0.2949219c0.3730469,0,0.7265625,0.050293,1.0600586,0.1499023c0.3330078,0.1000977,0.6298828,0.2470703,0.8896484,0.4399414c0.2602539,0.1938477,0.4765625,0.4350586,0.6503906,0.7250977c0.1733398,0.2900391,0.2866211,0.625,0.3398438,1.0048828h-0.9501953C20.0234375,4.503418,19.7885742,4.1235352,19.425293,3.8701172z"/><path d="M3.7099609,19v-5.0800781H1.8701172v-0.6796875c0.2397461,0,0.4731445-0.0185547,0.699707-0.0551758s0.4316406-0.1049805,0.6152344-0.2050781c0.1831055-0.1000977,0.3383789-0.2363281,0.4648438-0.4101562c0.1264648-0.1733398,0.2133789-0.3930664,0.2602539-0.659668h0.6499023V19H3.7099609z"/><path d="M8.7099609,13.4199219C8.8032227,13.1132812,8.9482422,12.8486328,9.1450195,12.625c0.1967773-0.2231445,0.4418945-0.3984375,0.7353516-0.5249023c0.2929688-0.1264648,0.6264648-0.1899414,1-0.1899414c0.3061523,0,0.5947266,0.0449219,0.8647461,0.1347656S12.25,12.2651367,12.4501953,12.4350586s0.3583984,0.3818359,0.4750977,0.6347656c0.1162109,0.253418,0.1748047,0.546875,0.1748047,0.8803711c0,0.3134766-0.0483398,0.5898438-0.1450195,0.8295898c-0.0966797,0.2402344-0.2250977,0.4550781-0.3847656,0.6450195c-0.1601562,0.1904297-0.34375,0.3618164-0.550293,0.5151367s-0.4199219,0.300293-0.6396484,0.4399414c-0.2202148,0.1337891-0.4404297,0.2651367-0.6601562,0.3950195C10.5,16.9047852,10.2983398,17.043457,10.1152344,17.1899414c-0.1835938,0.1469727-0.3398438,0.3051758-0.4702148,0.4750977C9.5151367,17.8349609,9.4301758,18.0297852,9.3901367,18.25h3.6401367V19H8.4003906C8.4335938,18.5800781,8.5083008,18.2216797,8.625,17.9248047c0.1166992-0.2963867,0.2651367-0.5546875,0.4453125-0.7749023C9.25,16.9301758,9.4536133,16.7368164,9.6801758,16.5698242c0.2265625-0.1665039,0.4633789-0.3232422,0.7099609-0.4697266c0.2998047-0.1865234,0.5634766-0.3583984,0.7900391-0.5151367s0.4150391-0.3149414,0.5649414-0.4750977c0.1499023-0.159668,0.2631836-0.3330078,0.3398438-0.5200195c0.0766602-0.1865234,0.1152344-0.4033203,0.1152344-0.6499023c0-0.1933594-0.0366211-0.3681641-0.1098633-0.5249023c-0.0737305-0.1567383-0.171875-0.2915039-0.2954102-0.4052734c-0.1230469-0.1132812-0.2680664-0.199707-0.4345703-0.2597656c-0.1669922-0.0600586-0.34375-0.0898438-0.5302734-0.0898438c-0.246582,0-0.4584961,0.0517578-0.6347656,0.1547852c-0.1767578,0.1035156-0.3217773,0.2382812-0.4350586,0.4052734c-0.1137695,0.1665039-0.1953125,0.3549805-0.2451172,0.5649414s-0.0717773,0.4213867-0.0649414,0.6347656H8.6000977C8.5800781,14.0600586,8.6166992,13.7265625,8.7099609,13.4199219z"/><path d="M17.5898438,14.9599609c0.0332031,0,0.0664062,0,0.1000977,0h0.1796875c0.1801758,0,0.3515625-0.0249023,0.5151367-0.0751953c0.1635742-0.0498047,0.3066406-0.1230469,0.4301758-0.2197266c0.1230469-0.0966797,0.2216797-0.2182617,0.2949219-0.3652344c0.0732422-0.1464844,0.1098633-0.3129883,0.1098633-0.5c0-0.3798828-0.1201172-0.6650391-0.3598633-0.8549805c-0.2402344-0.1899414-0.5400391-0.284668-0.8999023-0.284668c-0.2270508,0-0.425293,0.0415039-0.5952148,0.125s-0.3100586,0.1948242-0.4199219,0.3349609c-0.1098633,0.1396484-0.1918945,0.3032227-0.2451172,0.4897461c-0.0532227,0.1870117-0.0800781,0.3837891-0.0800781,0.590332h-0.8496094c0.0131836-0.340332,0.0678711-0.6503906,0.1650391-0.9301758C16.03125,12.9902344,16.1699219,12.75,16.3496094,12.5498047c0.1801758-0.199707,0.4052734-0.3564453,0.675293-0.4697266s0.581543-0.1699219,0.9350586-0.1699219c0.3066406,0,0.5913086,0.0380859,0.8549805,0.1147461C19.078125,12.1015625,19.3061523,12.2167969,19.5,12.3701172c0.1928711,0.1533203,0.3447266,0.3500977,0.4545898,0.5898438c0.1103516,0.2402344,0.1650391,0.5234375,0.1650391,0.8500977c0,0.3198242-0.0932617,0.6035156-0.2797852,0.8500977s-0.4199219,0.4331055-0.7001953,0.5600586v0.0200195c0.4335938,0.0932617,0.7553711,0.2963867,0.965332,0.6098633s0.3149414,0.6831055,0.3149414,1.1098633c0,0.3535156-0.0649414,0.6650391-0.1953125,0.9350586c-0.1298828,0.2700195-0.3046875,0.4951172-0.5249023,0.6748047c-0.2197266,0.1801758-0.4785156,0.3149414-0.7749023,0.4052734c-0.296875,0.0898438-0.6118164,0.1347656-0.9448242,0.1347656c-0.3603516,0-0.6870117-0.0498047-0.9799805-0.1499023c-0.293457-0.1000977-0.543457-0.2480469-0.75-0.4448242c-0.2070312-0.1967773-0.3652344-0.4384766-0.4750977-0.7250977s-0.1616211-0.6132812-0.1552734-0.9799805h0.8500977c0.0131836,0.4599609,0.1464844,0.8349609,0.3999023,1.125s0.6235352,0.4350586,1.1103516,0.4350586c0.206543,0,0.4033203-0.0317383,0.5898438-0.0952148c0.1865234-0.0629883,0.3500977-0.1533203,0.4902344-0.2700195c0.1396484-0.1162109,0.2514648-0.2597656,0.3349609-0.4296875c0.0830078-0.1704102,0.125-0.3618164,0.125-0.5751953c0-0.2202148-0.0400391-0.4150391-0.1201172-0.5849609s-0.1870117-0.3134766-0.3203125-0.4301758c-0.1333008-0.1162109-0.2915039-0.203125-0.4746094-0.2597656c-0.1835938-0.0566406-0.3818359-0.0849609-0.5952148-0.0849609c-0.1801758,0-0.3500977,0.0097656-0.5097656,0.0297852v-0.7197266C17.5332031,14.956543,17.5629883,14.9599609,17.5898438,14.9599609z"/></g></svg>');
         }
         &.icon-format-number {
             width: 22px;
             height: 22px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M3.7099609,13.8330078V8.7529297H1.8701172V8.0732422c0.2397461,0,0.4731445-0.0185547,0.699707-0.0551758s0.4316406-0.1049805,0.6152344-0.2050781C3.3681641,7.7128906,3.5234375,7.5766602,3.6499023,7.402832c0.1264648-0.1733398,0.2133789-0.3930664,0.2602539-0.659668h0.6499023v7.0898438H3.7099609z"/><path d="M8.5,12.7231445v1.0097656c0,0.3798828-0.0864258,0.706543-0.2597656,0.9799805c-0.1738281,0.2734375-0.4536133,0.4667969-0.840332,0.5800781v-0.5c0.1132812-0.0400391,0.2084961-0.0986328,0.2851562-0.1748047c0.0766602-0.0766602,0.1381836-0.1601562,0.1850586-0.25c0.0463867-0.090332,0.078125-0.1816406,0.0947266-0.2753906c0.0166016-0.0932617,0.0219727-0.1796875,0.0151367-0.2597656H7.3901367v-1.1098633H8.5z"/><path d="M9.7797852,9.5429688c0.0131836-0.2797852,0.0463867-0.5532227,0.1000977-0.8198242c0.0532227-0.2666016,0.1298828-0.5200195,0.2299805-0.7602539c0.1000977-0.2397461,0.2363281-0.449707,0.4101562-0.6298828c0.1733398-0.1801758,0.3916016-0.3232422,0.6547852-0.4301758c0.2631836-0.1064453,0.578125-0.159668,0.9448242-0.159668s0.6816406,0.0532227,0.9453125,0.159668c0.2631836,0.1069336,0.4814453,0.25,0.6547852,0.4301758s0.3100586,0.3901367,0.4101562,0.6298828c0.1000977,0.2402344,0.1767578,0.4936523,0.2299805,0.7602539s0.0864258,0.5400391,0.1000977,0.8198242c0.0131836,0.2802734,0.0200195,0.5498047,0.0200195,0.8100586c0,0.2597656-0.0068359,0.5297852-0.0200195,0.8100586c-0.0136719,0.2797852-0.046875,0.5532227-0.1000977,0.8198242s-0.1298828,0.5185547-0.2299805,0.7548828c-0.1000977,0.2368164-0.2368164,0.4453125-0.4101562,0.625c-0.1733398,0.1801758-0.3896484,0.3217773-0.6499023,0.425293c-0.2597656,0.1030273-0.5766602,0.1547852-0.9501953,0.1547852c-0.3666992,0-0.6816406-0.0517578-0.9448242-0.1547852c-0.2631836-0.1035156-0.4814453-0.2451172-0.6547852-0.425293c-0.1738281-0.1796875-0.3100586-0.3881836-0.4101562-0.625c-0.1000977-0.2363281-0.1767578-0.4882812-0.2299805-0.7548828c-0.0537109-0.2666016-0.0869141-0.5400391-0.1000977-0.8198242c-0.0131836-0.2802734-0.0200195-0.550293-0.0200195-0.8100586C9.7597656,10.0927734,9.7666016,9.8232422,9.7797852,9.5429688z M10.6850586,11.237793c0.0161133,0.3300781,0.0698242,0.6401367,0.159668,0.9301758c0.090332,0.2900391,0.2353516,0.5351562,0.4350586,0.7348633c0.2001953,0.2001953,0.4799805,0.300293,0.8398438,0.300293c0.3603516,0,0.6401367-0.1000977,0.840332-0.300293c0.199707-0.199707,0.3447266-0.4448242,0.4350586-0.7348633c0.0898438-0.2900391,0.1430664-0.6000977,0.159668-0.9301758c0.0166016-0.3295898,0.0253906-0.6279297,0.0253906-0.8950195c0-0.1728516-0.0019531-0.3647461-0.0053711-0.574707s-0.0200195-0.4199219-0.0498047-0.6298828c-0.0302734-0.2099609-0.0737305-0.4150391-0.1298828-0.6152344c-0.0571289-0.199707-0.1401367-0.375-0.25-0.5249023c-0.1103516-0.1499023-0.2485352-0.2714844-0.4150391-0.3652344c-0.1669922-0.0932617-0.3701172-0.1396484-0.6103516-0.1396484c-0.2397461,0-0.4433594,0.0463867-0.6098633,0.1396484c-0.1665039,0.09375-0.3046875,0.215332-0.4150391,0.3652344c-0.1098633,0.1499023-0.1933594,0.3251953-0.25,0.5249023c-0.0566406,0.2001953-0.1000977,0.4052734-0.1298828,0.6152344s-0.046875,0.4199219-0.0498047,0.6298828c-0.003418,0.2099609-0.0053711,0.4018555-0.0053711,0.574707C10.659668,10.6098633,10.6679688,10.9082031,10.6850586,11.237793z"/><path d="M15.3398438,9.5429688c0.0131836-0.2797852,0.0463867-0.5532227,0.1000977-0.8198242c0.0532227-0.2666016,0.1298828-0.5200195,0.2299805-0.7602539c0.1000977-0.2397461,0.2363281-0.449707,0.4101562-0.6298828c0.1733398-0.1801758,0.3916016-0.3232422,0.6547852-0.4301758c0.2631836-0.1064453,0.578125-0.159668,0.9448242-0.159668S18.3613281,6.7963867,18.625,6.902832c0.2631836,0.1069336,0.4814453,0.25,0.6547852,0.4301758s0.3100586,0.3901367,0.4101562,0.6298828c0.1000977,0.2402344,0.1767578,0.4936523,0.2299805,0.7602539s0.0864258,0.5400391,0.1000977,0.8198242c0.0131836,0.2802734,0.0200195,0.5498047,0.0200195,0.8100586c0,0.2597656-0.0068359,0.5297852-0.0200195,0.8100586c-0.0136719,0.2797852-0.046875,0.5532227-0.1000977,0.8198242s-0.1298828,0.5185547-0.2299805,0.7548828c-0.1000977,0.2368164-0.2368164,0.4453125-0.4101562,0.625c-0.1733398,0.1801758-0.3896484,0.3217773-0.6499023,0.425293c-0.2597656,0.1030273-0.5766602,0.1547852-0.9501953,0.1547852c-0.3666992,0-0.6816406-0.0517578-0.9448242-0.1547852c-0.2631836-0.1035156-0.4814453-0.2451172-0.6547852-0.425293c-0.1738281-0.1796875-0.3100586-0.3881836-0.4101562-0.625c-0.1000977-0.2363281-0.1767578-0.4882812-0.2299805-0.7548828c-0.0537109-0.2666016-0.0869141-0.5400391-0.1000977-0.8198242c-0.0131836-0.2802734-0.0200195-0.550293-0.0200195-0.8100586C15.3198242,10.0927734,15.3266602,9.8232422,15.3398438,9.5429688z M16.2451172,11.237793c0.0161133,0.3300781,0.0698242,0.6401367,0.159668,0.9301758c0.090332,0.2900391,0.2353516,0.5351562,0.4350586,0.7348633c0.2001953,0.2001953,0.4799805,0.300293,0.8398438,0.300293c0.3603516,0,0.6401367-0.1000977,0.840332-0.300293c0.199707-0.199707,0.3447266-0.4448242,0.4350586-0.7348633c0.0898438-0.2900391,0.1430664-0.6000977,0.159668-0.9301758c0.0166016-0.3295898,0.0253906-0.6279297,0.0253906-0.8950195c0-0.1728516-0.0019531-0.3647461-0.0053711-0.574707s-0.0200195-0.4199219-0.0498047-0.6298828c-0.0302734-0.2099609-0.0737305-0.4150391-0.1298828-0.6152344c-0.0571289-0.199707-0.1401367-0.375-0.25-0.5249023c-0.1103516-0.1499023-0.2485352-0.2714844-0.4150391-0.3652344c-0.1669922-0.0932617-0.3701172-0.1396484-0.6103516-0.1396484c-0.2397461,0-0.4433594,0.0463867-0.6098633,0.1396484c-0.1665039,0.09375-0.3046875,0.215332-0.4150391,0.3652344c-0.1098633,0.1499023-0.1933594,0.3251953-0.25,0.5249023c-0.0566406,0.2001953-0.1000977,0.4052734-0.1298828,0.6152344s-0.046875,0.4199219-0.0498047,0.6298828c-0.003418,0.2099609-0.0053711,0.4018555-0.0053711,0.574707C16.2197266,10.6098633,16.2280273,10.9082031,16.2451172,11.237793z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M3.7099609,13.8330078V8.7529297H1.8701172V8.0732422c0.2397461,0,0.4731445-0.0185547,0.699707-0.0551758s0.4316406-0.1049805,0.6152344-0.2050781C3.3681641,7.7128906,3.5234375,7.5766602,3.6499023,7.402832c0.1264648-0.1733398,0.2133789-0.3930664,0.2602539-0.659668h0.6499023v7.0898438H3.7099609z"/><path d="M8.5,12.7231445v1.0097656c0,0.3798828-0.0864258,0.706543-0.2597656,0.9799805c-0.1738281,0.2734375-0.4536133,0.4667969-0.840332,0.5800781v-0.5c0.1132812-0.0400391,0.2084961-0.0986328,0.2851562-0.1748047c0.0766602-0.0766602,0.1381836-0.1601562,0.1850586-0.25c0.0463867-0.090332,0.078125-0.1816406,0.0947266-0.2753906c0.0166016-0.0932617,0.0219727-0.1796875,0.0151367-0.2597656H7.3901367v-1.1098633H8.5z"/><path d="M9.7797852,9.5429688c0.0131836-0.2797852,0.0463867-0.5532227,0.1000977-0.8198242c0.0532227-0.2666016,0.1298828-0.5200195,0.2299805-0.7602539c0.1000977-0.2397461,0.2363281-0.449707,0.4101562-0.6298828c0.1733398-0.1801758,0.3916016-0.3232422,0.6547852-0.4301758c0.2631836-0.1064453,0.578125-0.159668,0.9448242-0.159668s0.6816406,0.0532227,0.9453125,0.159668c0.2631836,0.1069336,0.4814453,0.25,0.6547852,0.4301758s0.3100586,0.3901367,0.4101562,0.6298828c0.1000977,0.2402344,0.1767578,0.4936523,0.2299805,0.7602539s0.0864258,0.5400391,0.1000977,0.8198242c0.0131836,0.2802734,0.0200195,0.5498047,0.0200195,0.8100586c0,0.2597656-0.0068359,0.5297852-0.0200195,0.8100586c-0.0136719,0.2797852-0.046875,0.5532227-0.1000977,0.8198242s-0.1298828,0.5185547-0.2299805,0.7548828c-0.1000977,0.2368164-0.2368164,0.4453125-0.4101562,0.625c-0.1733398,0.1801758-0.3896484,0.3217773-0.6499023,0.425293c-0.2597656,0.1030273-0.5766602,0.1547852-0.9501953,0.1547852c-0.3666992,0-0.6816406-0.0517578-0.9448242-0.1547852c-0.2631836-0.1035156-0.4814453-0.2451172-0.6547852-0.425293c-0.1738281-0.1796875-0.3100586-0.3881836-0.4101562-0.625c-0.1000977-0.2363281-0.1767578-0.4882812-0.2299805-0.7548828c-0.0537109-0.2666016-0.0869141-0.5400391-0.1000977-0.8198242c-0.0131836-0.2802734-0.0200195-0.550293-0.0200195-0.8100586C9.7597656,10.0927734,9.7666016,9.8232422,9.7797852,9.5429688z M10.6850586,11.237793c0.0161133,0.3300781,0.0698242,0.6401367,0.159668,0.9301758c0.090332,0.2900391,0.2353516,0.5351562,0.4350586,0.7348633c0.2001953,0.2001953,0.4799805,0.300293,0.8398438,0.300293c0.3603516,0,0.6401367-0.1000977,0.840332-0.300293c0.199707-0.199707,0.3447266-0.4448242,0.4350586-0.7348633c0.0898438-0.2900391,0.1430664-0.6000977,0.159668-0.9301758c0.0166016-0.3295898,0.0253906-0.6279297,0.0253906-0.8950195c0-0.1728516-0.0019531-0.3647461-0.0053711-0.574707s-0.0200195-0.4199219-0.0498047-0.6298828c-0.0302734-0.2099609-0.0737305-0.4150391-0.1298828-0.6152344c-0.0571289-0.199707-0.1401367-0.375-0.25-0.5249023c-0.1103516-0.1499023-0.2485352-0.2714844-0.4150391-0.3652344c-0.1669922-0.0932617-0.3701172-0.1396484-0.6103516-0.1396484c-0.2397461,0-0.4433594,0.0463867-0.6098633,0.1396484c-0.1665039,0.09375-0.3046875,0.215332-0.4150391,0.3652344c-0.1098633,0.1499023-0.1933594,0.3251953-0.25,0.5249023c-0.0566406,0.2001953-0.1000977,0.4052734-0.1298828,0.6152344s-0.046875,0.4199219-0.0498047,0.6298828c-0.003418,0.2099609-0.0053711,0.4018555-0.0053711,0.574707C10.659668,10.6098633,10.6679688,10.9082031,10.6850586,11.237793z"/><path d="M15.3398438,9.5429688c0.0131836-0.2797852,0.0463867-0.5532227,0.1000977-0.8198242c0.0532227-0.2666016,0.1298828-0.5200195,0.2299805-0.7602539c0.1000977-0.2397461,0.2363281-0.449707,0.4101562-0.6298828c0.1733398-0.1801758,0.3916016-0.3232422,0.6547852-0.4301758c0.2631836-0.1064453,0.578125-0.159668,0.9448242-0.159668S18.3613281,6.7963867,18.625,6.902832c0.2631836,0.1069336,0.4814453,0.25,0.6547852,0.4301758s0.3100586,0.3901367,0.4101562,0.6298828c0.1000977,0.2402344,0.1767578,0.4936523,0.2299805,0.7602539s0.0864258,0.5400391,0.1000977,0.8198242c0.0131836,0.2802734,0.0200195,0.5498047,0.0200195,0.8100586c0,0.2597656-0.0068359,0.5297852-0.0200195,0.8100586c-0.0136719,0.2797852-0.046875,0.5532227-0.1000977,0.8198242s-0.1298828,0.5185547-0.2299805,0.7548828c-0.1000977,0.2368164-0.2368164,0.4453125-0.4101562,0.625c-0.1733398,0.1801758-0.3896484,0.3217773-0.6499023,0.425293c-0.2597656,0.1030273-0.5766602,0.1547852-0.9501953,0.1547852c-0.3666992,0-0.6816406-0.0517578-0.9448242-0.1547852c-0.2631836-0.1035156-0.4814453-0.2451172-0.6547852-0.425293c-0.1738281-0.1796875-0.3100586-0.3881836-0.4101562-0.625c-0.1000977-0.2363281-0.1767578-0.4882812-0.2299805-0.7548828c-0.0537109-0.2666016-0.0869141-0.5400391-0.1000977-0.8198242c-0.0131836-0.2802734-0.0200195-0.550293-0.0200195-0.8100586C15.3198242,10.0927734,15.3266602,9.8232422,15.3398438,9.5429688z M16.2451172,11.237793c0.0161133,0.3300781,0.0698242,0.6401367,0.159668,0.9301758c0.090332,0.2900391,0.2353516,0.5351562,0.4350586,0.7348633c0.2001953,0.2001953,0.4799805,0.300293,0.8398438,0.300293c0.3603516,0,0.6401367-0.1000977,0.840332-0.300293c0.199707-0.199707,0.3447266-0.4448242,0.4350586-0.7348633c0.0898438-0.2900391,0.1430664-0.6000977,0.159668-0.9301758c0.0166016-0.3295898,0.0253906-0.6279297,0.0253906-0.8950195c0-0.1728516-0.0019531-0.3647461-0.0053711-0.574707s-0.0200195-0.4199219-0.0498047-0.6298828c-0.0302734-0.2099609-0.0737305-0.4150391-0.1298828-0.6152344c-0.0571289-0.199707-0.1401367-0.375-0.25-0.5249023c-0.1103516-0.1499023-0.2485352-0.2714844-0.4150391-0.3652344c-0.1669922-0.0932617-0.3701172-0.1396484-0.6103516-0.1396484c-0.2397461,0-0.4433594,0.0463867-0.6098633,0.1396484c-0.1665039,0.09375-0.3046875,0.215332-0.4150391,0.3652344c-0.1098633,0.1499023-0.1933594,0.3251953-0.25,0.5249023c-0.0566406,0.2001953-0.1000977,0.4052734-0.1298828,0.6152344s-0.046875,0.4199219-0.0498047,0.6298828c-0.003418,0.2099609-0.0053711,0.4018555-0.0053711,0.574707C16.2197266,10.6098633,16.2280273,10.9082031,16.2451172,11.237793z"/></g></svg>');
         }
         &.icon-format-integer {
             width: 22px;
             height: 22px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M4.7089844,14.8330078V9.7529297H2.8691406V9.0732422c0.2402344,0,0.4736328-0.0185547,0.7001953-0.0551758s0.4316406-0.1049805,0.6152344-0.2050781C4.3671875,8.7128906,4.5234375,8.5766602,4.6494141,8.402832c0.1259766-0.1733398,0.2138672-0.3930664,0.2607422-0.659668h0.6494141v7.0898438H4.7089844z"/><path d="M8.109375,9.2529297c0.09375-0.3066406,0.2382812-0.5712891,0.4355469-0.7949219c0.1962891-0.2231445,0.4414062-0.3984375,0.734375-0.5249023s0.6269531-0.1899414,1-0.1899414c0.3066406,0,0.5957031,0.0449219,0.8652344,0.1347656s0.5048828,0.2202148,0.7050781,0.3901367s0.3583984,0.3818359,0.4746094,0.6347656C12.4414062,9.15625,12.5,9.449707,12.5,9.7832031c0,0.3134766-0.0488281,0.5898438-0.1455078,0.8295898c-0.0966797,0.2402344-0.2255859,0.4550781-0.3847656,0.6450195c-0.1601562,0.1904297-0.34375,0.3618164-0.5498047,0.5151367C11.2128906,11.9262695,11,12.0732422,10.7792969,12.2128906c-0.2197266,0.1337891-0.4394531,0.2651367-0.6601562,0.3950195c-0.2197266,0.1298828-0.421875,0.2685547-0.6044922,0.4150391c-0.1835938,0.1469727-0.3398438,0.3051758-0.4697266,0.4750977c-0.1308594,0.1699219-0.2148438,0.3647461-0.2558594,0.5849609h3.640625v0.75H7.7998047c0.0332031-0.4199219,0.1083984-0.7783203,0.2246094-1.0751953c0.1162109-0.2963867,0.2646484-0.5546875,0.4453125-0.7749023c0.1796875-0.2197266,0.3837891-0.4130859,0.6103516-0.5800781c0.2265625-0.1665039,0.4628906-0.3232422,0.7089844-0.4697266c0.3007812-0.1865234,0.5644531-0.3583984,0.7910156-0.5151367s0.4140625-0.3149414,0.5644531-0.4750977c0.1503906-0.159668,0.2636719-0.3330078,0.3398438-0.5200195c0.0761719-0.1865234,0.1152344-0.4033203,0.1152344-0.6499023c0-0.1933594-0.0371094-0.3681641-0.109375-0.5249023c-0.0742188-0.1567383-0.171875-0.2915039-0.2958984-0.4052734c-0.1230469-0.1132812-0.2685547-0.199707-0.4345703-0.2597656c-0.1669922-0.0600586-0.34375-0.0898438-0.5302734-0.0898438c-0.2470703,0-0.4580078,0.0517578-0.6347656,0.1547852C9.4179688,8.7514648,9.2734375,8.8862305,9.1601562,9.0532227C9.0458984,9.2197266,8.9648438,9.4082031,8.9140625,9.6181641c-0.0488281,0.2099609-0.0712891,0.4213867-0.0644531,0.6347656H8C7.9794922,9.8930664,8.015625,9.5595703,8.109375,9.2529297z"/><path d="M15.3896484,10.7929688c0.0332031,0,0.0664062,0,0.1005859,0h0.1796875c0.1796875,0,0.3515625-0.0249023,0.5146484-0.0751953c0.1630859-0.0498047,0.3066406-0.1230469,0.4306641-0.2197266c0.1230469-0.0966797,0.2207031-0.2182617,0.2949219-0.3652344c0.0722656-0.1464844,0.109375-0.3129883,0.109375-0.5c0-0.3798828-0.1201172-0.6650391-0.359375-0.8549805c-0.2402344-0.1899414-0.5410156-0.284668-0.9003906-0.284668c-0.2265625,0-0.4257812,0.0415039-0.5957031,0.125s-0.3095703,0.1948242-0.4199219,0.3349609C14.6347656,9.0927734,14.5527344,9.2563477,14.5,9.4428711c-0.0537109,0.1870117-0.0800781,0.3837891-0.0800781,0.590332h-0.8496094c0.0126953-0.340332,0.0673828-0.6503906,0.1640625-0.9301758s0.2353516-0.5200195,0.4150391-0.7202148c0.1806641-0.199707,0.4052734-0.3564453,0.6748047-0.4697266c0.2705078-0.1132812,0.5820312-0.1699219,0.9355469-0.1699219c0.3066406,0,0.5917969,0.0380859,0.8554688,0.1147461c0.2626953,0.0766602,0.4902344,0.1918945,0.6845703,0.3452148c0.1923828,0.1533203,0.3447266,0.3500977,0.4541016,0.5898438c0.1113281,0.2402344,0.1660156,0.5234375,0.1660156,0.8500977c0,0.3198242-0.09375,0.6035156-0.2802734,0.8500977s-0.4199219,0.4331055-0.7001953,0.5600586v0.0200195c0.4335938,0.0932617,0.7558594,0.2963867,0.9648438,0.6098633c0.2109375,0.3134766,0.3154297,0.6831055,0.3154297,1.1098633c0,0.3535156-0.0654297,0.6650391-0.1953125,0.9350586S17.7197266,14.2231445,17.5,14.402832c-0.2207031,0.1801758-0.4785156,0.3149414-0.7753906,0.4052734c-0.296875,0.0898438-0.6113281,0.1347656-0.9453125,0.1347656c-0.359375,0-0.6865234-0.0498047-0.9794922-0.1499023c-0.2939453-0.1000977-0.5439453-0.2480469-0.75-0.4448242c-0.2070312-0.1967773-0.3652344-0.4384766-0.4755859-0.7250977c-0.109375-0.2866211-0.1611328-0.6132812-0.1542969-0.9799805h0.8496094c0.0136719,0.4599609,0.1464844,0.8349609,0.4003906,1.125c0.2529297,0.2900391,0.6230469,0.4350586,1.109375,0.4350586c0.2070312,0,0.4042969-0.0317383,0.5898438-0.0952148c0.1875-0.0629883,0.3505859-0.1533203,0.4902344-0.2700195C17,13.7216797,17.1113281,13.578125,17.1953125,13.4082031c0.0820312-0.1704102,0.125-0.3618164,0.125-0.5751953c0-0.2202148-0.0410156-0.4150391-0.1210938-0.5849609s-0.1865234-0.3134766-0.3203125-0.4301758c-0.1328125-0.1162109-0.2910156-0.203125-0.4746094-0.2597656s-0.3808594-0.0849609-0.5947266-0.0849609c-0.1806641,0-0.3505859,0.0097656-0.5097656,0.0297852v-0.7197266C15.3330078,10.7895508,15.3632812,10.7929688,15.3896484,10.7929688z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M4.7089844,14.8330078V9.7529297H2.8691406V9.0732422c0.2402344,0,0.4736328-0.0185547,0.7001953-0.0551758s0.4316406-0.1049805,0.6152344-0.2050781C4.3671875,8.7128906,4.5234375,8.5766602,4.6494141,8.402832c0.1259766-0.1733398,0.2138672-0.3930664,0.2607422-0.659668h0.6494141v7.0898438H4.7089844z"/><path d="M8.109375,9.2529297c0.09375-0.3066406,0.2382812-0.5712891,0.4355469-0.7949219c0.1962891-0.2231445,0.4414062-0.3984375,0.734375-0.5249023s0.6269531-0.1899414,1-0.1899414c0.3066406,0,0.5957031,0.0449219,0.8652344,0.1347656s0.5048828,0.2202148,0.7050781,0.3901367s0.3583984,0.3818359,0.4746094,0.6347656C12.4414062,9.15625,12.5,9.449707,12.5,9.7832031c0,0.3134766-0.0488281,0.5898438-0.1455078,0.8295898c-0.0966797,0.2402344-0.2255859,0.4550781-0.3847656,0.6450195c-0.1601562,0.1904297-0.34375,0.3618164-0.5498047,0.5151367C11.2128906,11.9262695,11,12.0732422,10.7792969,12.2128906c-0.2197266,0.1337891-0.4394531,0.2651367-0.6601562,0.3950195c-0.2197266,0.1298828-0.421875,0.2685547-0.6044922,0.4150391c-0.1835938,0.1469727-0.3398438,0.3051758-0.4697266,0.4750977c-0.1308594,0.1699219-0.2148438,0.3647461-0.2558594,0.5849609h3.640625v0.75H7.7998047c0.0332031-0.4199219,0.1083984-0.7783203,0.2246094-1.0751953c0.1162109-0.2963867,0.2646484-0.5546875,0.4453125-0.7749023c0.1796875-0.2197266,0.3837891-0.4130859,0.6103516-0.5800781c0.2265625-0.1665039,0.4628906-0.3232422,0.7089844-0.4697266c0.3007812-0.1865234,0.5644531-0.3583984,0.7910156-0.5151367s0.4140625-0.3149414,0.5644531-0.4750977c0.1503906-0.159668,0.2636719-0.3330078,0.3398438-0.5200195c0.0761719-0.1865234,0.1152344-0.4033203,0.1152344-0.6499023c0-0.1933594-0.0371094-0.3681641-0.109375-0.5249023c-0.0742188-0.1567383-0.171875-0.2915039-0.2958984-0.4052734c-0.1230469-0.1132812-0.2685547-0.199707-0.4345703-0.2597656c-0.1669922-0.0600586-0.34375-0.0898438-0.5302734-0.0898438c-0.2470703,0-0.4580078,0.0517578-0.6347656,0.1547852C9.4179688,8.7514648,9.2734375,8.8862305,9.1601562,9.0532227C9.0458984,9.2197266,8.9648438,9.4082031,8.9140625,9.6181641c-0.0488281,0.2099609-0.0712891,0.4213867-0.0644531,0.6347656H8C7.9794922,9.8930664,8.015625,9.5595703,8.109375,9.2529297z"/><path d="M15.3896484,10.7929688c0.0332031,0,0.0664062,0,0.1005859,0h0.1796875c0.1796875,0,0.3515625-0.0249023,0.5146484-0.0751953c0.1630859-0.0498047,0.3066406-0.1230469,0.4306641-0.2197266c0.1230469-0.0966797,0.2207031-0.2182617,0.2949219-0.3652344c0.0722656-0.1464844,0.109375-0.3129883,0.109375-0.5c0-0.3798828-0.1201172-0.6650391-0.359375-0.8549805c-0.2402344-0.1899414-0.5410156-0.284668-0.9003906-0.284668c-0.2265625,0-0.4257812,0.0415039-0.5957031,0.125s-0.3095703,0.1948242-0.4199219,0.3349609C14.6347656,9.0927734,14.5527344,9.2563477,14.5,9.4428711c-0.0537109,0.1870117-0.0800781,0.3837891-0.0800781,0.590332h-0.8496094c0.0126953-0.340332,0.0673828-0.6503906,0.1640625-0.9301758s0.2353516-0.5200195,0.4150391-0.7202148c0.1806641-0.199707,0.4052734-0.3564453,0.6748047-0.4697266c0.2705078-0.1132812,0.5820312-0.1699219,0.9355469-0.1699219c0.3066406,0,0.5917969,0.0380859,0.8554688,0.1147461c0.2626953,0.0766602,0.4902344,0.1918945,0.6845703,0.3452148c0.1923828,0.1533203,0.3447266,0.3500977,0.4541016,0.5898438c0.1113281,0.2402344,0.1660156,0.5234375,0.1660156,0.8500977c0,0.3198242-0.09375,0.6035156-0.2802734,0.8500977s-0.4199219,0.4331055-0.7001953,0.5600586v0.0200195c0.4335938,0.0932617,0.7558594,0.2963867,0.9648438,0.6098633c0.2109375,0.3134766,0.3154297,0.6831055,0.3154297,1.1098633c0,0.3535156-0.0654297,0.6650391-0.1953125,0.9350586S17.7197266,14.2231445,17.5,14.402832c-0.2207031,0.1801758-0.4785156,0.3149414-0.7753906,0.4052734c-0.296875,0.0898438-0.6113281,0.1347656-0.9453125,0.1347656c-0.359375,0-0.6865234-0.0498047-0.9794922-0.1499023c-0.2939453-0.1000977-0.5439453-0.2480469-0.75-0.4448242c-0.2070312-0.1967773-0.3652344-0.4384766-0.4755859-0.7250977c-0.109375-0.2866211-0.1611328-0.6132812-0.1542969-0.9799805h0.8496094c0.0136719,0.4599609,0.1464844,0.8349609,0.4003906,1.125c0.2529297,0.2900391,0.6230469,0.4350586,1.109375,0.4350586c0.2070312,0,0.4042969-0.0317383,0.5898438-0.0952148c0.1875-0.0629883,0.3505859-0.1533203,0.4902344-0.2700195C17,13.7216797,17.1113281,13.578125,17.1953125,13.4082031c0.0820312-0.1704102,0.125-0.3618164,0.125-0.5751953c0-0.2202148-0.0410156-0.4150391-0.1210938-0.5849609s-0.1865234-0.3134766-0.3203125-0.4301758c-0.1328125-0.1162109-0.2910156-0.203125-0.4746094-0.2597656s-0.3808594-0.0849609-0.5947266-0.0849609c-0.1806641,0-0.3505859,0.0097656-0.5097656,0.0297852v-0.7197266C15.3330078,10.7895508,15.3632812,10.7929688,15.3896484,10.7929688z"/></g></svg>');
         }
         &.icon-format-scientific {
             width: 22px;
             height: 22px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M4.9804688,15.8330078v-5.5878906H2.9570312V9.4970703c0.2636719,0,0.5195312-0.0200195,0.7695312-0.0605469c0.2490234-0.0400391,0.4746094-0.1157227,0.6757812-0.2255859c0.2021484-0.1098633,0.3730469-0.2602539,0.5117188-0.4511719c0.1396484-0.1904297,0.234375-0.4321289,0.2871094-0.7255859h0.7148438v7.7988281H4.9804688z"/><path d="M8.5996094,11.1137695c0.0146484-0.3076172,0.0507812-0.6083984,0.1103516-0.9018555c0.0585938-0.2929688,0.1425781-0.5717773,0.2529297-0.8359375c0.109375-0.2641602,0.2597656-0.4951172,0.4511719-0.6928711C9.6044922,8.4848633,9.84375,8.3276367,10.1347656,8.2099609c0.2890625-0.1171875,0.6357422-0.1757812,1.0390625-0.1757812s0.75,0.0585938,1.0390625,0.1757812c0.2900391,0.1176758,0.5302734,0.2749023,0.7207031,0.4731445C13.125,8.8808594,13.2753906,9.1118164,13.3847656,9.3759766s0.1943359,0.5429688,0.2529297,0.8359375c0.0585938,0.293457,0.0947266,0.5942383,0.1103516,0.9018555c0.0136719,0.3081055,0.0214844,0.6054688,0.0214844,0.8911133c0,0.2861328-0.0078125,0.5830078-0.0214844,0.8911133c-0.015625,0.3081055-0.0517578,0.6088867-0.1103516,0.9018555c-0.0585938,0.293457-0.1435547,0.5703125-0.2529297,0.8305664s-0.2597656,0.4897461-0.4511719,0.6875c-0.1904297,0.1982422-0.4287109,0.3540039-0.7148438,0.4677734c-0.2861328,0.1132812-0.6347656,0.1704102-1.0449219,0.1704102c-0.4033203,0-0.75-0.0571289-1.0390625-0.1704102C9.84375,15.6699219,9.6044922,15.5141602,9.4140625,15.315918c-0.1914062-0.1977539-0.3417969-0.4272461-0.4511719-0.6875c-0.1103516-0.2602539-0.1943359-0.5371094-0.2529297-0.8305664c-0.0595703-0.2929688-0.0957031-0.59375-0.1103516-0.9018555S8.578125,12.2910156,8.578125,12.0048828C8.578125,11.7192383,8.5849609,11.421875,8.5996094,11.1137695z M9.5957031,12.9785156c0.0175781,0.362793,0.0761719,0.7041016,0.1757812,1.0229492c0.0986328,0.3188477,0.2578125,0.5883789,0.4785156,0.8085938c0.2197266,0.2197266,0.5273438,0.3300781,0.9238281,0.3300781s0.7041016-0.1103516,0.9238281-0.3300781c0.2207031-0.2202148,0.3789062-0.4897461,0.4785156-0.8085938s0.1582031-0.6601562,0.1757812-1.0229492c0.0185547-0.362793,0.0273438-0.690918,0.0273438-0.984375c0-0.190918-0.0019531-0.4018555-0.0048828-0.6328125c-0.0039062-0.230957-0.0224609-0.4619141-0.0556641-0.6928711s-0.0800781-0.456543-0.1425781-0.6762695c-0.0625-0.2202148-0.1542969-0.4125977-0.2753906-0.5776367s-0.2734375-0.2988281-0.4560547-0.4013672C11.6611328,8.9101562,11.4375,8.8588867,11.1738281,8.8588867s-0.4882812,0.0512695-0.6708984,0.1542969c-0.1835938,0.1025391-0.3359375,0.2363281-0.4560547,0.4013672C9.9257812,9.5795898,9.8339844,9.7719727,9.7714844,9.9921875c-0.0625,0.2197266-0.1103516,0.4453125-0.1425781,0.6762695c-0.0332031,0.230957-0.0527344,0.4619141-0.0556641,0.6928711c-0.0039062,0.230957-0.0048828,0.4418945-0.0048828,0.6328125C9.5683594,12.2875977,9.5761719,12.6157227,9.5957031,12.9785156z"/><path d="M14.3300781,5.1098633c0.0546875-0.1835938,0.1425781-0.3427734,0.2597656-0.4770508c0.1191406-0.1337891,0.265625-0.2387695,0.4414062-0.3149414c0.1757812-0.0756836,0.3759766-0.1137695,0.5996094-0.1137695c0.1845703,0,0.3574219,0.0268555,0.5195312,0.0810547C16.3125,4.3388672,16.453125,4.4169922,16.5742188,4.519043c0.1191406,0.1020508,0.2148438,0.2290039,0.2841797,0.3808594c0.0693359,0.1523438,0.1044922,0.328125,0.1044922,0.5283203c0,0.1879883-0.0283203,0.3540039-0.0859375,0.4975586c-0.0585938,0.144043-0.1347656,0.2734375-0.2314453,0.387207c-0.0966797,0.1142578-0.2060547,0.2172852-0.3300781,0.309082s-0.2519531,0.1801758-0.3837891,0.2641602c-0.1328125,0.0800781-0.2636719,0.1586914-0.3964844,0.2368164c-0.1318359,0.078125-0.2519531,0.1611328-0.3632812,0.2490234c-0.109375,0.0878906-0.203125,0.1831055-0.28125,0.2851562c-0.078125,0.1015625-0.1289062,0.21875-0.1533203,0.3505859h2.1845703v0.4501953h-2.7783203c0.0205078-0.2519531,0.0654297-0.4667969,0.1347656-0.6450195c0.0703125-0.1777344,0.1591797-0.3330078,0.2666016-0.4648438C14.6533203,7.2158203,14.7753906,7.1000977,14.9121094,7c0.1347656-0.1000977,0.2773438-0.1938477,0.4257812-0.2822266c0.1796875-0.1118164,0.3378906-0.2148438,0.4736328-0.3085938c0.1357422-0.0942383,0.2490234-0.1889648,0.3388672-0.2851562s0.1582031-0.2001953,0.2041016-0.3120117s0.0693359-0.2421875,0.0693359-0.3901367c0-0.1157227-0.0224609-0.2207031-0.0664062-0.3149414c-0.0439453-0.09375-0.1035156-0.1748047-0.1767578-0.2431641c-0.0742188-0.0678711-0.1611328-0.1196289-0.2607422-0.1557617c-0.1005859-0.0361328-0.2070312-0.0541992-0.3183594-0.0541992c-0.1484375,0-0.2753906,0.03125-0.3808594,0.0932617c-0.1064453,0.0620117-0.1933594,0.1430664-0.2617188,0.2431641C14.8916016,5.0898438,14.8417969,5.203125,14.8125,5.3291016s-0.0429688,0.2529297-0.0390625,0.3808594h-0.5097656C14.2519531,5.4941406,14.2734375,5.2939453,14.3300781,5.1098633z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M4.9804688,15.8330078v-5.5878906H2.9570312V9.4970703c0.2636719,0,0.5195312-0.0200195,0.7695312-0.0605469c0.2490234-0.0400391,0.4746094-0.1157227,0.6757812-0.2255859c0.2021484-0.1098633,0.3730469-0.2602539,0.5117188-0.4511719c0.1396484-0.1904297,0.234375-0.4321289,0.2871094-0.7255859h0.7148438v7.7988281H4.9804688z"/><path d="M8.5996094,11.1137695c0.0146484-0.3076172,0.0507812-0.6083984,0.1103516-0.9018555c0.0585938-0.2929688,0.1425781-0.5717773,0.2529297-0.8359375c0.109375-0.2641602,0.2597656-0.4951172,0.4511719-0.6928711C9.6044922,8.4848633,9.84375,8.3276367,10.1347656,8.2099609c0.2890625-0.1171875,0.6357422-0.1757812,1.0390625-0.1757812s0.75,0.0585938,1.0390625,0.1757812c0.2900391,0.1176758,0.5302734,0.2749023,0.7207031,0.4731445C13.125,8.8808594,13.2753906,9.1118164,13.3847656,9.3759766s0.1943359,0.5429688,0.2529297,0.8359375c0.0585938,0.293457,0.0947266,0.5942383,0.1103516,0.9018555c0.0136719,0.3081055,0.0214844,0.6054688,0.0214844,0.8911133c0,0.2861328-0.0078125,0.5830078-0.0214844,0.8911133c-0.015625,0.3081055-0.0517578,0.6088867-0.1103516,0.9018555c-0.0585938,0.293457-0.1435547,0.5703125-0.2529297,0.8305664s-0.2597656,0.4897461-0.4511719,0.6875c-0.1904297,0.1982422-0.4287109,0.3540039-0.7148438,0.4677734c-0.2861328,0.1132812-0.6347656,0.1704102-1.0449219,0.1704102c-0.4033203,0-0.75-0.0571289-1.0390625-0.1704102C9.84375,15.6699219,9.6044922,15.5141602,9.4140625,15.315918c-0.1914062-0.1977539-0.3417969-0.4272461-0.4511719-0.6875c-0.1103516-0.2602539-0.1943359-0.5371094-0.2529297-0.8305664c-0.0595703-0.2929688-0.0957031-0.59375-0.1103516-0.9018555S8.578125,12.2910156,8.578125,12.0048828C8.578125,11.7192383,8.5849609,11.421875,8.5996094,11.1137695z M9.5957031,12.9785156c0.0175781,0.362793,0.0761719,0.7041016,0.1757812,1.0229492c0.0986328,0.3188477,0.2578125,0.5883789,0.4785156,0.8085938c0.2197266,0.2197266,0.5273438,0.3300781,0.9238281,0.3300781s0.7041016-0.1103516,0.9238281-0.3300781c0.2207031-0.2202148,0.3789062-0.4897461,0.4785156-0.8085938s0.1582031-0.6601562,0.1757812-1.0229492c0.0185547-0.362793,0.0273438-0.690918,0.0273438-0.984375c0-0.190918-0.0019531-0.4018555-0.0048828-0.6328125c-0.0039062-0.230957-0.0224609-0.4619141-0.0556641-0.6928711s-0.0800781-0.456543-0.1425781-0.6762695c-0.0625-0.2202148-0.1542969-0.4125977-0.2753906-0.5776367s-0.2734375-0.2988281-0.4560547-0.4013672C11.6611328,8.9101562,11.4375,8.8588867,11.1738281,8.8588867s-0.4882812,0.0512695-0.6708984,0.1542969c-0.1835938,0.1025391-0.3359375,0.2363281-0.4560547,0.4013672C9.9257812,9.5795898,9.8339844,9.7719727,9.7714844,9.9921875c-0.0625,0.2197266-0.1103516,0.4453125-0.1425781,0.6762695c-0.0332031,0.230957-0.0527344,0.4619141-0.0556641,0.6928711c-0.0039062,0.230957-0.0048828,0.4418945-0.0048828,0.6328125C9.5683594,12.2875977,9.5761719,12.6157227,9.5957031,12.9785156z"/><path d="M14.3300781,5.1098633c0.0546875-0.1835938,0.1425781-0.3427734,0.2597656-0.4770508c0.1191406-0.1337891,0.265625-0.2387695,0.4414062-0.3149414c0.1757812-0.0756836,0.3759766-0.1137695,0.5996094-0.1137695c0.1845703,0,0.3574219,0.0268555,0.5195312,0.0810547C16.3125,4.3388672,16.453125,4.4169922,16.5742188,4.519043c0.1191406,0.1020508,0.2148438,0.2290039,0.2841797,0.3808594c0.0693359,0.1523438,0.1044922,0.328125,0.1044922,0.5283203c0,0.1879883-0.0283203,0.3540039-0.0859375,0.4975586c-0.0585938,0.144043-0.1347656,0.2734375-0.2314453,0.387207c-0.0966797,0.1142578-0.2060547,0.2172852-0.3300781,0.309082s-0.2519531,0.1801758-0.3837891,0.2641602c-0.1328125,0.0800781-0.2636719,0.1586914-0.3964844,0.2368164c-0.1318359,0.078125-0.2519531,0.1611328-0.3632812,0.2490234c-0.109375,0.0878906-0.203125,0.1831055-0.28125,0.2851562c-0.078125,0.1015625-0.1289062,0.21875-0.1533203,0.3505859h2.1845703v0.4501953h-2.7783203c0.0205078-0.2519531,0.0654297-0.4667969,0.1347656-0.6450195c0.0703125-0.1777344,0.1591797-0.3330078,0.2666016-0.4648438C14.6533203,7.2158203,14.7753906,7.1000977,14.9121094,7c0.1347656-0.1000977,0.2773438-0.1938477,0.4257812-0.2822266c0.1796875-0.1118164,0.3378906-0.2148438,0.4736328-0.3085938c0.1357422-0.0942383,0.2490234-0.1889648,0.3388672-0.2851562s0.1582031-0.2001953,0.2041016-0.3120117s0.0693359-0.2421875,0.0693359-0.3901367c0-0.1157227-0.0224609-0.2207031-0.0664062-0.3149414c-0.0439453-0.09375-0.1035156-0.1748047-0.1767578-0.2431641c-0.0742188-0.0678711-0.1611328-0.1196289-0.2607422-0.1557617c-0.1005859-0.0361328-0.2070312-0.0541992-0.3183594-0.0541992c-0.1484375,0-0.2753906,0.03125-0.3808594,0.0932617c-0.1064453,0.0620117-0.1933594,0.1430664-0.2617188,0.2431641C14.8916016,5.0898438,14.8417969,5.203125,14.8125,5.3291016s-0.0429688,0.2529297-0.0390625,0.3808594h-0.5097656C14.2519531,5.4941406,14.2734375,5.2939453,14.3300781,5.1098633z"/></g></svg>');
         }
         &.icon-format-accounting {
             width: 22px;
             height: 22px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M15.5,21h-10C4.1,21,3,19.9,3,18.5v-14C3,3.1,4.1,2,5.5,2h10C16.9,2,18,3.1,18,4.5v14C18,19.9,16.9,21,15.5,21z M5.5,3C4.7,3,4,3.7,4,4.5v14C4,19.3,4.7,20,5.5,20h10c0.8,0,1.5-0.7,1.5-1.5v-14C17,3.7,16.3,3,15.5,3H5.5z"/><path d="M14.5,9h-8C5.7,9,5,8.3,5,7.5v-2C5,4.7,5.7,4,6.5,4h8C15.3,4,16,4.7,16,5.5v2C16,8.3,15.3,9,14.5,9z M6.5,5C6.2,5,6,5.2,6,5.5v2C6,7.8,6.2,8,6.5,8h8C14.8,8,15,7.8,15,7.5v-2C15,5.2,14.8,5,14.5,5H6.5z"/><rect x="5" y="10" width="3" height="2"/><rect x="9" y="10" width="3" height="2"/><rect x="13" y="10" width="3" height="2"/><rect x="13" y="13" width="3" height="2"/><rect x="9" y="13" width="3" height="2"/><rect x="5" y="13" width="3" height="2"/><rect x="5" y="16" width="3" height="2"/><rect x="9" y="16" width="3" height="2"/><rect x="13" y="16" width="3" height="2"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M15.5,21h-10C4.1,21,3,19.9,3,18.5v-14C3,3.1,4.1,2,5.5,2h10C16.9,2,18,3.1,18,4.5v14C18,19.9,16.9,21,15.5,21z M5.5,3C4.7,3,4,3.7,4,4.5v14C4,19.3,4.7,20,5.5,20h10c0.8,0,1.5-0.7,1.5-1.5v-14C17,3.7,16.3,3,15.5,3H5.5z"/><path d="M14.5,9h-8C5.7,9,5,8.3,5,7.5v-2C5,4.7,5.7,4,6.5,4h8C15.3,4,16,4.7,16,5.5v2C16,8.3,15.3,9,14.5,9z M6.5,5C6.2,5,6,5.2,6,5.5v2C6,7.8,6.2,8,6.5,8h8C14.8,8,15,7.8,15,7.5v-2C15,5.2,14.8,5,14.5,5H6.5z"/><rect x="5" y="10" width="3" height="2"/><rect x="9" y="10" width="3" height="2"/><rect x="13" y="10" width="3" height="2"/><rect x="13" y="13" width="3" height="2"/><rect x="9" y="13" width="3" height="2"/><rect x="5" y="13" width="3" height="2"/><rect x="5" y="16" width="3" height="2"/><rect x="9" y="16" width="3" height="2"/><rect x="13" y="16" width="3" height="2"/></g></svg>');
         }
         &.icon-format-currency {
             width: 22px;
             height: 22px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M0,4v14h22V4H0z M21,17H1V5h20V17z"/><path id="XMLID_3_" d="M11,16c-2.2,0-4-2.2-4-5s1.8-5,4-5c2.2,0,4,2.2,4,5S13.2,16,11,16z M11,7c-1.7,0-3,1.8-3,4c0,2.2,1.3,4,3,4s3-1.8,3-4C14,8.8,12.7,7,11,7z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M0,4v14h22V4H0z M21,17H1V5h20V17z"/><path id="XMLID_3_" d="M11,16c-2.2,0-4-2.2-4-5s1.8-5,4-5c2.2,0,4,2.2,4,5S13.2,16,11,16z M11,7c-1.7,0-3,1.8-3,4c0,2.2,1.3,4,3,4s3-1.8,3-4C14,8.8,12.7,7,11,7z"/></g></svg>');
         }
         &.icon-format-date {
             width: 22px;
             height: 22px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M20,20H2V7h18V20z M3,19h16V8H3V19z"/><path d="M8,6H5V2h3V6z M6,5h1V3H6V5z"/><path d="M17,6h-3V2h3V6z M15,5h1V3h-1V5z"/><path d="M8.8,15.8v-4.1H7.4v-0.5c0.2,0,0.4,0,0.6,0s0.3-0.1,0.5-0.2c0.1-0.1,0.3-0.2,0.4-0.3C8.9,10.6,9,10.4,9,10.2h0.5v5.7H8.8z"/><path d="M14.4,11.8c-0.3,0.4-0.5,0.8-0.7,1.2c-0.2,0.4-0.4,0.9-0.5,1.4c-0.1,0.5-0.2,0.9-0.2,1.4h-0.8c0-0.5,0.1-0.9,0.2-1.4c0.1-0.5,0.3-0.9,0.5-1.3s0.4-0.8,0.7-1.2c0.3-0.4,0.5-0.7,0.8-1h-3v-0.6h3.7v0.6C14.9,11.1,14.6,11.5,14.4,11.8z"/><rect x="2" y="3" width="1" height="4"/><rect x="3" y="3" width="2" height="1"/><rect x="8" y="3" width="6" height="1"/><rect x="17" y="3" width="3" height="1"/><rect x="19" y="4" width="1" height="3"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M20,20H2V7h18V20z M3,19h16V8H3V19z"/><path d="M8,6H5V2h3V6z M6,5h1V3H6V5z"/><path d="M17,6h-3V2h3V6z M15,5h1V3h-1V5z"/><path d="M8.8,15.8v-4.1H7.4v-0.5c0.2,0,0.4,0,0.6,0s0.3-0.1,0.5-0.2c0.1-0.1,0.3-0.2,0.4-0.3C8.9,10.6,9,10.4,9,10.2h0.5v5.7H8.8z"/><path d="M14.4,11.8c-0.3,0.4-0.5,0.8-0.7,1.2c-0.2,0.4-0.4,0.9-0.5,1.4c-0.1,0.5-0.2,0.9-0.2,1.4h-0.8c0-0.5,0.1-0.9,0.2-1.4c0.1-0.5,0.3-0.9,0.5-1.3s0.4-0.8,0.7-1.2c0.3-0.4,0.5-0.7,0.8-1h-3v-0.6h3.7v0.6C14.9,11.1,14.6,11.5,14.4,11.8z"/><rect x="2" y="3" width="1" height="4"/><rect x="3" y="3" width="2" height="1"/><rect x="8" y="3" width="6" height="1"/><rect x="17" y="3" width="3" height="1"/><rect x="19" y="4" width="1" height="3"/></g></svg>');
         }
         &.icon-format-time {
             width: 22px;
             height: 22px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M11.2,21.1c-5.7,0-10.3-4.6-10.3-10.3S5.5,0.5,11.2,0.5s10.3,4.6,10.3,10.3S16.9,21.1,11.2,21.1z M11.2,1.5c-5.1,0-9.3,4.2-9.3,9.3c0,5.1,4.2,9.3,9.3,9.3c5.1,0,9.3-4.2,9.3-9.3C20.5,5.7,16.3,1.5,11.2,1.5z"/><path class="st0" d="M11.5,11"/><circle cx="11.2" cy="10.8" r="1.9"/><rect x="10.7" y="2.6" width="1" height="8"/><rect x="7.1" y="10.4" width="3.4" height="0.9"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M11.2,21.1c-5.7,0-10.3-4.6-10.3-10.3S5.5,0.5,11.2,0.5s10.3,4.6,10.3,10.3S16.9,21.1,11.2,21.1z M11.2,1.5c-5.1,0-9.3,4.2-9.3,9.3c0,5.1,4.2,9.3,9.3,9.3c5.1,0,9.3-4.2,9.3-9.3C20.5,5.7,16.3,1.5,11.2,1.5z"/><path class="st0" d="M11.5,11"/><circle cx="11.2" cy="10.8" r="1.9"/><rect x="10.7" y="2.6" width="1" height="8"/><rect x="7.1" y="10.4" width="3.4" height="0.9"/></g></svg>');
         }
         &.icon-format-percentage {
             width: 22px;
             height: 22px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M2.7998047,6.4970703c0.0957031-0.4375,0.2578125-0.8251953,0.4863281-1.161132C3.5136719,5,3.8134766,4.7333984,4.1855469,4.5351562s0.8339844-0.296875,1.3867188-0.296875c0.5634766,0,1.0283203,0.0957031,1.3945312,0.2880859c0.3662109,0.1914062,0.6601562,0.4492188,0.8818359,0.7734375c0.2226562,0.3242188,0.3779297,0.7050781,0.46875,1.1435547c0.0898438,0.4375,0.1347656,0.9023438,0.1347656,1.3945312c0,0.4677734-0.0517578,0.9208984-0.1533203,1.359375c-0.1015625,0.4375-0.2695312,0.8222656-0.5039062,1.1513672c-0.234375,0.3300781-0.53125,0.5976562-0.890625,0.8017578c-0.3603516,0.2041016-0.8046875,0.3056641-1.3320312,0.3056641c-0.5400391,0-0.9960938-0.0927734-1.3681641-0.2792969c-0.3720703-0.1855469-0.671875-0.4404297-0.9003906-0.7646484c-0.2275391-0.3242188-0.3925781-0.7021484-0.4951172-1.1337891C2.7070312,8.8457031,2.65625,8.3837891,2.65625,7.8916016C2.65625,7.4003906,2.7041016,6.9355469,2.7998047,6.4970703z M4.0507812,8.7109375c0.0302734,0.3056641,0.0996094,0.5878906,0.2070312,0.8457031c0.1083984,0.2587891,0.2607422,0.4746094,0.4589844,0.6484375s0.4648438,0.2607422,0.8007812,0.2607422c0.3486328,0,0.6240234-0.0839844,0.828125-0.2519531s0.3632812-0.3808594,0.4775391-0.6386719c0.1132812-0.2578125,0.1884766-0.5429688,0.2246094-0.8554688c0.0361328-0.3115234,0.0537109-0.6054688,0.0537109-0.8818359c0-0.2636719-0.0146484-0.5488281-0.0449219-0.8544922C7.0273438,6.6767578,6.9580078,6.3955078,6.8496094,6.1367188C6.7421875,5.8789062,6.5888672,5.6630859,6.390625,5.4892578C6.1933594,5.3154297,5.9199219,5.2275391,5.5722656,5.2275391c-0.3359375,0-0.6064453,0.0878906-0.8105469,0.2617188S4.3984375,5.8789062,4.2851562,6.1367188C4.1708984,6.3955078,4.0957031,6.6767578,4.0595703,6.9833984C4.0244141,7.2890625,4.0058594,7.5800781,4.0058594,7.8564453C4.0058594,8.1201172,4.0205078,8.4052734,4.0507812,8.7109375z M15.5976562,4.0039062L5.9316406,17.3779297H4.3837891l9.6845703-13.3740234H15.5976562z M11.6923828,12.2568359c0.0957031-0.4375,0.2578125-0.8251953,0.4853516-1.1611328c0.2285156-0.3359375,0.5283203-0.6025391,0.9003906-0.8007812s0.8339844-0.296875,1.3857422-0.296875c0.5644531,0,1.0292969,0.0957031,1.3955078,0.2880859c0.3652344,0.1923828,0.6591797,0.4501953,0.8818359,0.7734375c0.2216797,0.3242188,0.3779297,0.7050781,0.4677734,1.1435547s0.1347656,0.9033203,0.1347656,1.3945312c0,0.46875-0.0507812,0.921875-0.1523438,1.359375c-0.1025391,0.4384766-0.2705078,0.8222656-0.5048828,1.1523438c-0.2333984,0.3300781-0.5302734,0.59375-0.890625,0.7919922c-0.3603516,0.1972656-0.8037109,0.296875-1.3320312,0.296875c-0.5400391,0-0.9960938-0.09375-1.3681641-0.2792969s-0.671875-0.4375-0.8994141-0.7558594c-0.2285156-0.3183594-0.3935547-0.6933594-0.4951172-1.125c-0.1025391-0.4316406-0.1533203-0.8935547-0.1533203-1.3857422S11.5957031,12.6953125,11.6923828,12.2568359z M12.9433594,14.4707031c0.0292969,0.3066406,0.0986328,0.5888672,0.2070312,0.8466797c0.1074219,0.2578125,0.2607422,0.4736328,0.4589844,0.6474609c0.1972656,0.1738281,0.4648438,0.2607422,0.8007812,0.2607422c0.3476562,0,0.6240234-0.0830078,0.828125-0.2519531c0.2041016-0.1679688,0.3623047-0.3808594,0.4765625-0.6386719s0.1894531-0.5429688,0.2255859-0.8544922c0.0351562-0.3125,0.0537109-0.6064453,0.0537109-0.8828125c0-0.2636719-0.015625-0.5488281-0.0449219-0.8544922c-0.0302734-0.3066406-0.0996094-0.5878906-0.2070312-0.8457031c-0.1083984-0.2587891-0.2607422-0.4746094-0.4589844-0.6484375s-0.4716797-0.2607422-0.8193359-0.2607422c-0.3359375,0-0.6064453,0.0869141-0.8095703,0.2607422c-0.2041016,0.1738281-0.3632812,0.3896484-0.4775391,0.6484375c-0.1142578,0.2578125-0.1884766,0.5390625-0.2246094,0.8457031c-0.0361328,0.3056641-0.0537109,0.5966797-0.0537109,0.8730469C12.8984375,13.8798828,12.9130859,14.1650391,12.9433594,14.4707031z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M2.7998047,6.4970703c0.0957031-0.4375,0.2578125-0.8251953,0.4863281-1.161132C3.5136719,5,3.8134766,4.7333984,4.1855469,4.5351562s0.8339844-0.296875,1.3867188-0.296875c0.5634766,0,1.0283203,0.0957031,1.3945312,0.2880859c0.3662109,0.1914062,0.6601562,0.4492188,0.8818359,0.7734375c0.2226562,0.3242188,0.3779297,0.7050781,0.46875,1.1435547c0.0898438,0.4375,0.1347656,0.9023438,0.1347656,1.3945312c0,0.4677734-0.0517578,0.9208984-0.1533203,1.359375c-0.1015625,0.4375-0.2695312,0.8222656-0.5039062,1.1513672c-0.234375,0.3300781-0.53125,0.5976562-0.890625,0.8017578c-0.3603516,0.2041016-0.8046875,0.3056641-1.3320312,0.3056641c-0.5400391,0-0.9960938-0.0927734-1.3681641-0.2792969c-0.3720703-0.1855469-0.671875-0.4404297-0.9003906-0.7646484c-0.2275391-0.3242188-0.3925781-0.7021484-0.4951172-1.1337891C2.7070312,8.8457031,2.65625,8.3837891,2.65625,7.8916016C2.65625,7.4003906,2.7041016,6.9355469,2.7998047,6.4970703z M4.0507812,8.7109375c0.0302734,0.3056641,0.0996094,0.5878906,0.2070312,0.8457031c0.1083984,0.2587891,0.2607422,0.4746094,0.4589844,0.6484375s0.4648438,0.2607422,0.8007812,0.2607422c0.3486328,0,0.6240234-0.0839844,0.828125-0.2519531s0.3632812-0.3808594,0.4775391-0.6386719c0.1132812-0.2578125,0.1884766-0.5429688,0.2246094-0.8554688c0.0361328-0.3115234,0.0537109-0.6054688,0.0537109-0.8818359c0-0.2636719-0.0146484-0.5488281-0.0449219-0.8544922C7.0273438,6.6767578,6.9580078,6.3955078,6.8496094,6.1367188C6.7421875,5.8789062,6.5888672,5.6630859,6.390625,5.4892578C6.1933594,5.3154297,5.9199219,5.2275391,5.5722656,5.2275391c-0.3359375,0-0.6064453,0.0878906-0.8105469,0.2617188S4.3984375,5.8789062,4.2851562,6.1367188C4.1708984,6.3955078,4.0957031,6.6767578,4.0595703,6.9833984C4.0244141,7.2890625,4.0058594,7.5800781,4.0058594,7.8564453C4.0058594,8.1201172,4.0205078,8.4052734,4.0507812,8.7109375z M15.5976562,4.0039062L5.9316406,17.3779297H4.3837891l9.6845703-13.3740234H15.5976562z M11.6923828,12.2568359c0.0957031-0.4375,0.2578125-0.8251953,0.4853516-1.1611328c0.2285156-0.3359375,0.5283203-0.6025391,0.9003906-0.8007812s0.8339844-0.296875,1.3857422-0.296875c0.5644531,0,1.0292969,0.0957031,1.3955078,0.2880859c0.3652344,0.1923828,0.6591797,0.4501953,0.8818359,0.7734375c0.2216797,0.3242188,0.3779297,0.7050781,0.4677734,1.1435547s0.1347656,0.9033203,0.1347656,1.3945312c0,0.46875-0.0507812,0.921875-0.1523438,1.359375c-0.1025391,0.4384766-0.2705078,0.8222656-0.5048828,1.1523438c-0.2333984,0.3300781-0.5302734,0.59375-0.890625,0.7919922c-0.3603516,0.1972656-0.8037109,0.296875-1.3320312,0.296875c-0.5400391,0-0.9960938-0.09375-1.3681641-0.2792969s-0.671875-0.4375-0.8994141-0.7558594c-0.2285156-0.3183594-0.3935547-0.6933594-0.4951172-1.125c-0.1025391-0.4316406-0.1533203-0.8935547-0.1533203-1.3857422S11.5957031,12.6953125,11.6923828,12.2568359z M12.9433594,14.4707031c0.0292969,0.3066406,0.0986328,0.5888672,0.2070312,0.8466797c0.1074219,0.2578125,0.2607422,0.4736328,0.4589844,0.6474609c0.1972656,0.1738281,0.4648438,0.2607422,0.8007812,0.2607422c0.3476562,0,0.6240234-0.0830078,0.828125-0.2519531c0.2041016-0.1679688,0.3623047-0.3808594,0.4765625-0.6386719s0.1894531-0.5429688,0.2255859-0.8544922c0.0351562-0.3125,0.0537109-0.6064453,0.0537109-0.8828125c0-0.2636719-0.015625-0.5488281-0.0449219-0.8544922c-0.0302734-0.3066406-0.0996094-0.5878906-0.2070312-0.8457031c-0.1083984-0.2587891-0.2607422-0.4746094-0.4589844-0.6484375s-0.4716797-0.2607422-0.8193359-0.2607422c-0.3359375,0-0.6064453,0.0869141-0.8095703,0.2607422c-0.2041016,0.1738281-0.3632812,0.3896484-0.4775391,0.6484375c-0.1142578,0.2578125-0.1884766,0.5390625-0.2246094,0.8457031c-0.0361328,0.3056641-0.0537109,0.5966797-0.0537109,0.8730469C12.8984375,13.8798828,12.9130859,14.1650391,12.9433594,14.4707031z"/></g></svg>');
         }
         &.icon-format-text {
             width: 22px;
             height: 22px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M5.5234375,6.4316406L8.8710938,15H7.6113281l-0.9355469-2.5800781h-3.625L2.0917969,15H0.9277344l3.3359375-8.5683594H5.5234375z M6.3154297,11.4599609L4.8876953,7.4638672H4.8632812l-1.4511719,3.9960938H6.3154297z"/><path d="M15.21875,6.4316406c0.1845703,0,0.3828125,0.0019531,0.5947266,0.0058594s0.421875,0.0166016,0.6298828,0.0371094c0.2080078,0.0195312,0.4023438,0.0488281,0.5820312,0.0898438c0.1796875,0.0390625,0.3339844,0.0996094,0.4619141,0.1796875c0.2802734,0.1679688,0.5185547,0.4003906,0.7138672,0.6953125c0.1962891,0.296875,0.2939453,0.6601562,0.2939453,1.0927734c0,0.4560547-0.1103516,0.8505859-0.3291016,1.1816406c-0.2207031,0.3320312-0.5351562,0.578125-0.9433594,0.7382812v0.0244141c0.5292969,0.1113281,0.9326172,0.3515625,1.2128906,0.71875c0.2792969,0.3691406,0.4199219,0.8164062,0.4199219,1.3447266c0,0.3115234-0.0566406,0.6162109-0.1679688,0.9121094c-0.1123047,0.2958984-0.2783203,0.5576172-0.4980469,0.7861328c-0.2207031,0.2275391-0.4921875,0.4121094-0.8164062,0.5517578S16.6757812,15,16.2519531,15h-4.140625V6.4316406H15.21875z M15.53125,10.1162109c0.6484375,0,1.1132812-0.1142578,1.3984375-0.3427734c0.2832031-0.2275391,0.4257812-0.5693359,0.4257812-1.0253906c0-0.3046875-0.0488281-0.5439453-0.1445312-0.7207031c-0.0957031-0.1757812-0.2275391-0.3115234-0.3955078-0.4072266c-0.1679688-0.0966797-0.3623047-0.1582031-0.5820312-0.1865234C16.0136719,7.40625,15.7792969,7.3925781,15.53125,7.3925781h-2.2792969v2.7236328H15.53125z M16.1074219,14.0400391c0.5039062,0,0.8984375-0.1357422,1.1816406-0.4082031c0.2841797-0.2714844,0.4257812-0.6474609,0.4257812-1.1279297c0-0.2792969-0.0517578-0.5117188-0.15625-0.6953125c-0.1035156-0.1845703-0.2412109-0.3300781-0.4130859-0.4384766c-0.1728516-0.1083984-0.3701172-0.1845703-0.5947266-0.2275391c-0.2236328-0.0449219-0.4550781-0.0664062-0.6953125-0.0664062h-2.6035156v2.9638672H16.1074219z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M5.5234375,6.4316406L8.8710938,15H7.6113281l-0.9355469-2.5800781h-3.625L2.0917969,15H0.9277344l3.3359375-8.5683594H5.5234375z M6.3154297,11.4599609L4.8876953,7.4638672H4.8632812l-1.4511719,3.9960938H6.3154297z"/><path d="M15.21875,6.4316406c0.1845703,0,0.3828125,0.0019531,0.5947266,0.0058594s0.421875,0.0166016,0.6298828,0.0371094c0.2080078,0.0195312,0.4023438,0.0488281,0.5820312,0.0898438c0.1796875,0.0390625,0.3339844,0.0996094,0.4619141,0.1796875c0.2802734,0.1679688,0.5185547,0.4003906,0.7138672,0.6953125c0.1962891,0.296875,0.2939453,0.6601562,0.2939453,1.0927734c0,0.4560547-0.1103516,0.8505859-0.3291016,1.1816406c-0.2207031,0.3320312-0.5351562,0.578125-0.9433594,0.7382812v0.0244141c0.5292969,0.1113281,0.9326172,0.3515625,1.2128906,0.71875c0.2792969,0.3691406,0.4199219,0.8164062,0.4199219,1.3447266c0,0.3115234-0.0566406,0.6162109-0.1679688,0.9121094c-0.1123047,0.2958984-0.2783203,0.5576172-0.4980469,0.7861328c-0.2207031,0.2275391-0.4921875,0.4121094-0.8164062,0.5517578S16.6757812,15,16.2519531,15h-4.140625V6.4316406H15.21875z M15.53125,10.1162109c0.6484375,0,1.1132812-0.1142578,1.3984375-0.3427734c0.2832031-0.2275391,0.4257812-0.5693359,0.4257812-1.0253906c0-0.3046875-0.0488281-0.5439453-0.1445312-0.7207031c-0.0957031-0.1757812-0.2275391-0.3115234-0.3955078-0.4072266c-0.1679688-0.0966797-0.3623047-0.1582031-0.5820312-0.1865234C16.0136719,7.40625,15.7792969,7.3925781,15.53125,7.3925781h-2.2792969v2.7236328H15.53125z M16.1074219,14.0400391c0.5039062,0,0.8984375-0.1357422,1.1816406-0.4082031c0.2841797-0.2714844,0.4257812-0.6474609,0.4257812-1.1279297c0-0.2792969-0.0517578-0.5117188-0.15625-0.6953125c-0.1035156-0.1845703-0.2412109-0.3300781-0.4130859-0.4384766c-0.1728516-0.1083984-0.3701172-0.1845703-0.5947266-0.2275391c-0.2236328-0.0449219-0.4550781-0.0664062-0.6953125-0.0664062h-2.6035156v2.9638672H16.1074219z"/></g></svg>');
         }
 
         // Filter sort
@@ -294,12 +294,12 @@
         &.sortdown {
             width: 22px;
             height: 22px;
-            .encoded-svg-mask('<svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" viewBox="-238 240 22 22" xml:space="preserve"><style type="text/css">.st0{fill:@{themeColor}</style><polygon class="st0" points="-230 256.4 -230.7 255.7 -233 258.1 -233 242 -234 242 -234 258.1 -236.3 255.7 -237 256.4 -233.5 260 -233.5 260 -233.5 260 "/><path class="st0" d="M-226 249.55L-223.1 242h1.08l3.09 7.55h-1.14l-0.88-2.29h-3.16l-0.83 2.29H-226zM-223.82 246.45h2.56l-0.79-2.09c-0.24-0.64-0.42-1.16-0.54-1.57 -0.1 0.48-0.23 0.97-0.41 1.44L-223.82 246.45z"/><path class="st0" d="M-225.93 259v-0.93l3.87-4.84c0.28-0.34 0.54-0.64 0.78-0.9h-4.21v-0.89h5.41v0.89l-4.24 5.24 -0.46 0.53h4.82V259H-225.93z"/></svg>');
+            .encoded-svg-mask('<svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" viewBox="-238 240 22 22" xml:space="preserve"><style type="text/css">.st0{fill:@{brandColor}</style><polygon class="st0" points="-230 256.4 -230.7 255.7 -233 258.1 -233 242 -234 242 -234 258.1 -236.3 255.7 -237 256.4 -233.5 260 -233.5 260 -233.5 260 "/><path class="st0" d="M-226 249.55L-223.1 242h1.08l3.09 7.55h-1.14l-0.88-2.29h-3.16l-0.83 2.29H-226zM-223.82 246.45h2.56l-0.79-2.09c-0.24-0.64-0.42-1.16-0.54-1.57 -0.1 0.48-0.23 0.97-0.41 1.44L-223.82 246.45z"/><path class="st0" d="M-225.93 259v-0.93l3.87-4.84c0.28-0.34 0.54-0.64 0.78-0.9h-4.21v-0.89h5.41v0.89l-4.24 5.24 -0.46 0.53h4.82V259H-225.93z"/></svg>');
         }
         &.sortup {
             width: 22px;
             height: 22px;
-            .encoded-svg-mask('<svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" viewBox="-238 240 22 22" xml:space="preserve"><style type="text/css">.st0{fill:@{themeColor}}</style><polygon class="st0" points="-233.5 242 -233.5 242 -233.5 242 -237 245.6 -236.3 246.3 -234 243.9 -234 260 -233 260 -233 243.9 -230.7 246.3 -230 245.6 "/><path class="st0" d="M-226.53 260l2.9-7.55h1.08L-219.47 260h-1.14l-0.88-2.29h-3.16L-225.47 260H-226.53zM-224.36 256.9h2.56l-0.79-2.09c-0.24-0.64-0.42-1.16-0.54-1.57 -0.1 0.48-0.23 0.97-0.41 1.44L-224.36 256.9z"/><path class="st0" d="M-225.97 250.55v-0.93l3.87-4.84c0.28-0.34 0.54-0.64 0.78-0.9h-4.21V243h5.41v0.89l-4.24 5.24 -0.46 0.53H-220v0.89H-225.97z"/></svg>');
+            .encoded-svg-mask('<svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" viewBox="-238 240 22 22" xml:space="preserve"><style type="text/css">.st0{fill:@{brandColor}}</style><polygon class="st0" points="-233.5 242 -233.5 242 -233.5 242 -237 245.6 -236.3 246.3 -234 243.9 -234 260 -233 260 -233 243.9 -230.7 246.3 -230 245.6 "/><path class="st0" d="M-226.53 260l2.9-7.55h1.08L-219.47 260h-1.14l-0.88-2.29h-3.16L-225.47 260H-226.53zM-224.36 256.9h2.56l-0.79-2.09c-0.24-0.64-0.42-1.16-0.54-1.57 -0.1 0.48-0.23 0.97-0.41 1.44L-224.36 256.9z"/><path class="st0" d="M-225.97 250.55v-0.93l3.87-4.84c0.28-0.34 0.54-0.64 0.78-0.9h-4.21V243h5.41v0.89l-4.24 5.24 -0.46 0.53H-220v0.89H-225.97z"/></svg>');
         }
 
         // Formats
@@ -307,131 +307,131 @@
         &.icon-format-pdf {
             width: 30px;
             height: 30px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-3.363 -3.658 33 33" height="33px" width="33px" y="0px" x="0px" xml:space="preserve"><defs><style>.cls-1{fill:@{themeColor};}</style></defs><path class="cls-1" d="M8.512,14.989c0.8-1.567,1.709-3.334,2.438-5.107l0,0l0.287-0.699  c-0.949-3.616-1.52-6.52-1.011-8.396l0,0C10.362,0.297,10.929,0,11.535,0l0,0l0.368,0.005h0.068c0.83-0.013,1.22,1.042,1.264,1.453  l0,0c0.073,0.684-0.242,1.839-0.242,1.839l0,0c0-0.467,0.018-1.221-0.276-1.873l0,0c-0.343-0.753-0.671-1.203-0.965-1.274l0,0  C11.604,0.25,11.46,0.455,11.411,0.85l0,0c-0.104,0.553-0.134,1.252-0.134,1.611l0,0c0,1.272,0.25,2.952,0.743,4.684l0,0  c0.093-0.269,0.174-0.526,0.24-0.768l0,0c0.101-0.38,0.743-2.9,0.743-2.9l0,0c0,0-0.162,3.354-0.388,4.371l0,0  c-0.049,0.215-0.103,0.427-0.158,0.644l0,0c0.812,2.268,2.121,4.292,3.68,5.75l0,0c0.615,0.575,1.393,1.038,2.128,1.461l0,0  c1.605-0.229,3.084-0.338,4.318-0.324l0,0c1.637,0.021,2.838,0.265,3.324,0.743l0,0c0.237,0.232,0.335,0.514,0.364,0.83l0,0  c0.007,0.122-0.053,0.41-0.069,0.482l0,0c0.018-0.088,0.018-0.519-1.298-0.938l0,0c-1.033-0.33-2.971-0.32-5.295-0.073l0,0  c2.688,1.315,5.308,1.969,6.138,1.577l0,0c0.203-0.1,0.448-0.437,0.448-0.437l0,0c0,0-0.146,0.665-0.252,0.831l0,0  c-0.134,0.18-0.396,0.376-0.646,0.44l0,0c-1.312,0.351-4.722-0.459-7.695-2.158l0,0c-3.322,0.489-6.972,1.394-9.896,2.354l0,0  c-2.874,5.036-5.036,7.35-6.793,6.47l0,0l-0.646-0.325c-0.263-0.149-0.303-0.516-0.242-0.813l0,0  c0.205-1.003,1.462-2.513,3.988-4.021l0,0c0.272-0.165,1.483-0.805,1.483-0.805l0,0c0,0-0.896,0.868-1.106,1.038l0,0  c-2.016,1.652-3.504,3.73-3.467,4.536l0,0l0.007,0.069C2.643,24.936,5.21,21.45,8.512,14.989 M9.559,15.525  c-0.551,1.038-1.09,2.001-1.588,2.886l0,0c2.752-1.153,5.715-1.892,8.535-2.416l0,0c-0.379-0.262-0.746-0.539-1.093-0.832l0,0  c-1.555-1.313-2.737-2.955-3.596-4.681l0,0C11.273,11.948,10.626,13.507,9.559,15.525" /></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-3.363 -3.658 33 33" height="33px" width="33px" y="0px" x="0px" xml:space="preserve"><defs><style>.cls-1{fill:@{brandColor};}</style></defs><path class="cls-1" d="M8.512,14.989c0.8-1.567,1.709-3.334,2.438-5.107l0,0l0.287-0.699  c-0.949-3.616-1.52-6.52-1.011-8.396l0,0C10.362,0.297,10.929,0,11.535,0l0,0l0.368,0.005h0.068c0.83-0.013,1.22,1.042,1.264,1.453  l0,0c0.073,0.684-0.242,1.839-0.242,1.839l0,0c0-0.467,0.018-1.221-0.276-1.873l0,0c-0.343-0.753-0.671-1.203-0.965-1.274l0,0  C11.604,0.25,11.46,0.455,11.411,0.85l0,0c-0.104,0.553-0.134,1.252-0.134,1.611l0,0c0,1.272,0.25,2.952,0.743,4.684l0,0  c0.093-0.269,0.174-0.526,0.24-0.768l0,0c0.101-0.38,0.743-2.9,0.743-2.9l0,0c0,0-0.162,3.354-0.388,4.371l0,0  c-0.049,0.215-0.103,0.427-0.158,0.644l0,0c0.812,2.268,2.121,4.292,3.68,5.75l0,0c0.615,0.575,1.393,1.038,2.128,1.461l0,0  c1.605-0.229,3.084-0.338,4.318-0.324l0,0c1.637,0.021,2.838,0.265,3.324,0.743l0,0c0.237,0.232,0.335,0.514,0.364,0.83l0,0  c0.007,0.122-0.053,0.41-0.069,0.482l0,0c0.018-0.088,0.018-0.519-1.298-0.938l0,0c-1.033-0.33-2.971-0.32-5.295-0.073l0,0  c2.688,1.315,5.308,1.969,6.138,1.577l0,0c0.203-0.1,0.448-0.437,0.448-0.437l0,0c0,0-0.146,0.665-0.252,0.831l0,0  c-0.134,0.18-0.396,0.376-0.646,0.44l0,0c-1.312,0.351-4.722-0.459-7.695-2.158l0,0c-3.322,0.489-6.972,1.394-9.896,2.354l0,0  c-2.874,5.036-5.036,7.35-6.793,6.47l0,0l-0.646-0.325c-0.263-0.149-0.303-0.516-0.242-0.813l0,0  c0.205-1.003,1.462-2.513,3.988-4.021l0,0c0.272-0.165,1.483-0.805,1.483-0.805l0,0c0,0-0.896,0.868-1.106,1.038l0,0  c-2.016,1.652-3.504,3.73-3.467,4.536l0,0l0.007,0.069C2.643,24.936,5.21,21.45,8.512,14.989 M9.559,15.525  c-0.551,1.038-1.09,2.001-1.588,2.886l0,0c2.752-1.153,5.715-1.892,8.535-2.416l0,0c-0.379-0.262-0.746-0.539-1.093-0.832l0,0  c-1.555-1.313-2.737-2.955-3.596-4.681l0,0C11.273,11.948,10.626,13.507,9.559,15.525" /></svg>');
         }
         &.icon-format-pdfa {
             width: 30px;
             height: 30px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 33 33" height="33px" width="33px" y="0px" x="0px"><defs><style>.cls-1{fill:@{themeColor};}</style></defs><path fill-rule="evenodd" clip-rule="evenodd" d="M11.875 18.648L11.9617 18.4783C12.7401 16.954 13.6102 15.2503 14.312 13.541L14.6 12.841C13.65 9.225 13.08 6.322 13.589 4.445C13.726 3.956 14.293 3.659 14.899 3.659L15.268 3.664H15.336C16.166 3.651 16.556 4.706 16.6 5.117C16.673 5.8 16.357 6.956 16.357 6.956L16.3571 6.87946C16.358 6.40944 16.3594 5.70047 16.081 5.083C15.738 4.33 15.41 3.879 15.116 3.808C14.968 3.907 14.824 4.112 14.774 4.507C14.671 5.06 14.641 5.759 14.641 6.119C14.641 7.391 14.891 9.071 15.384 10.802C15.477 10.534 15.558 10.276 15.624 10.035C15.725 9.655 16.367 7.134 16.367 7.134C16.367 7.134 16.205 10.489 15.979 11.505C15.931 11.72 15.877 11.932 15.821 12.149C16.633 14.417 17.942 16.441 19.501 17.899C19.9467 18.3157 20.4779 18.6735 21.0164 19H29C30.1046 19 31 19.8954 31 21V29C31 30.1046 30.1046 31 29 31H17C15.8954 31 15 30.1046 15 29V21.5492C13.6156 21.9019 12.2807 22.2896 11.07 22.687C8.19599 27.724 6.03499 30.038 4.27699 29.158L3.62999 28.833C3.36699 28.683 3.32699 28.317 3.38799 28.02C3.59299 27.017 4.84999 25.507 7.37599 23.999C7.64799 23.834 8.85899 23.194 8.85899 23.194C8.85899 23.194 7.96299 24.062 7.75299 24.232C5.73699 25.884 4.24899 27.962 4.28599 28.768L4.29299 28.837C6.00499 28.594 8.57299 25.109 11.875 18.648ZM18.775 18.822C18.8461 18.882 18.918 18.9413 18.9906 19H17C15.9681 19 15.1187 19.7815 15.0114 20.785C13.7648 21.146 12.529 21.5689 11.333 22.07C11.831 21.185 12.37 20.222 12.921 19.184C13.989 17.166 14.636 15.607 15.18 14.141C16.038 15.867 17.221 17.508 18.775 18.822ZM21.5553 27.3521H24.4447L24.9995 29H26.7518L23.7581 21.002H22.231L19.2537 29H21.006L21.5553 27.3521ZM23.9998 26.0172H22.0002L22.9945 23.0234L23.9998 26.0172Z" class="cls-1"/></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 33 33" height="33px" width="33px" y="0px" x="0px"><defs><style>.cls-1{fill:@{brandColor};}</style></defs><path fill-rule="evenodd" clip-rule="evenodd" d="M11.875 18.648L11.9617 18.4783C12.7401 16.954 13.6102 15.2503 14.312 13.541L14.6 12.841C13.65 9.225 13.08 6.322 13.589 4.445C13.726 3.956 14.293 3.659 14.899 3.659L15.268 3.664H15.336C16.166 3.651 16.556 4.706 16.6 5.117C16.673 5.8 16.357 6.956 16.357 6.956L16.3571 6.87946C16.358 6.40944 16.3594 5.70047 16.081 5.083C15.738 4.33 15.41 3.879 15.116 3.808C14.968 3.907 14.824 4.112 14.774 4.507C14.671 5.06 14.641 5.759 14.641 6.119C14.641 7.391 14.891 9.071 15.384 10.802C15.477 10.534 15.558 10.276 15.624 10.035C15.725 9.655 16.367 7.134 16.367 7.134C16.367 7.134 16.205 10.489 15.979 11.505C15.931 11.72 15.877 11.932 15.821 12.149C16.633 14.417 17.942 16.441 19.501 17.899C19.9467 18.3157 20.4779 18.6735 21.0164 19H29C30.1046 19 31 19.8954 31 21V29C31 30.1046 30.1046 31 29 31H17C15.8954 31 15 30.1046 15 29V21.5492C13.6156 21.9019 12.2807 22.2896 11.07 22.687C8.19599 27.724 6.03499 30.038 4.27699 29.158L3.62999 28.833C3.36699 28.683 3.32699 28.317 3.38799 28.02C3.59299 27.017 4.84999 25.507 7.37599 23.999C7.64799 23.834 8.85899 23.194 8.85899 23.194C8.85899 23.194 7.96299 24.062 7.75299 24.232C5.73699 25.884 4.24899 27.962 4.28599 28.768L4.29299 28.837C6.00499 28.594 8.57299 25.109 11.875 18.648ZM18.775 18.822C18.8461 18.882 18.918 18.9413 18.9906 19H17C15.9681 19 15.1187 19.7815 15.0114 20.785C13.7648 21.146 12.529 21.5689 11.333 22.07C11.831 21.185 12.37 20.222 12.921 19.184C13.989 17.166 14.636 15.607 15.18 14.141C16.038 15.867 17.221 17.508 18.775 18.822ZM21.5553 27.3521H24.4447L24.9995 29H26.7518L23.7581 21.002H22.231L19.2537 29H21.006L21.5553 27.3521ZM23.9998 26.0172H22.0002L22.9945 23.0234L23.9998 26.0172Z" class="cls-1"/></svg>');
         }
         &.icon-format-xlsx {
             width: 30px;
             height: 30px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="63" height="63" viewBox="16.287 32.45 63.000002 63" xml:space="preserve" ><defs><style>.cls-1{fill:@{themeColor};}</style></defs><path class="cls-1" d="m 53.774,43.725 c 2.825,-0.2 5.663,-0.375 8.5,-0.512 -3.337,6.837 -6.688,13.675 -10.087,20.487 3.438,7 6.95,13.95 10.399,20.95 -3.012,-0.175 -6.012,-0.362 -9.024,-0.575 -2.125,-5.213 -4.713,-10.25 -6.237,-15.7 -1.7,5.075 -4.125,9.862 -6.075,14.838 -2.737,-0.038 -5.476,-0.15 -8.213,-0.263 3.212,-6.287 6.312,-12.624 9.624,-18.874 -2.813,-6.438 -5.899,-12.75 -8.8,-19.15 2.75,-0.163 5.5,-0.325 8.25,-0.475 1.862,4.888 3.9,9.712 5.438,14.725 1.65,-5.313 4.112,-10.313 6.225,-15.451 z" /></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="63" height="63" viewBox="16.287 32.45 63.000002 63" xml:space="preserve" ><defs><style>.cls-1{fill:@{brandColor};}</style></defs><path class="cls-1" d="m 53.774,43.725 c 2.825,-0.2 5.663,-0.375 8.5,-0.512 -3.337,6.837 -6.688,13.675 -10.087,20.487 3.438,7 6.95,13.95 10.399,20.95 -3.012,-0.175 -6.012,-0.362 -9.024,-0.575 -2.125,-5.213 -4.713,-10.25 -6.237,-15.7 -1.7,5.075 -4.125,9.862 -6.075,14.838 -2.737,-0.038 -5.476,-0.15 -8.213,-0.263 3.212,-6.287 6.312,-12.624 9.624,-18.874 -2.813,-6.438 -5.899,-12.75 -8.8,-19.15 2.75,-0.163 5.5,-0.325 8.25,-0.475 1.862,4.888 3.9,9.712 5.438,14.725 1.65,-5.313 4.112,-10.313 6.225,-15.451 z" /></svg>');
         }
         &.icon-format-xltx {
             width: 30px;
             height: 30px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="33" height="33" viewBox="0 0 33 33" xml:space="preserve" ><defs><style>.cls-1{fill:@{themeColor};}</style><clipPath id="clip-xltx"><rect width="33" height="33"/></clipPath></defs><g id="xltx" clip-path="url(#clip-xltx)"><rect id="Rectangle_20" data-name="Rectangle 20" width="33" height="33" fill="none"/><path id="Path_19" data-name="Path 19" d="M516.527,119.222q2.151-.131,4.314-.222-2.54,4.455-5.119,8.9c1.744,3.04,3.528,6.06,5.278,9.1-1.528-.076-3.052-.158-4.581-.251a58.98,58.98,0,0,1-3.166-6.819c-.862,2.2-2.094,4.284-3.084,6.445-1.389-.017-2.779-.066-4.168-.114,1.63-2.732,3.2-5.484,4.885-8.2-1.428-2.8-2.994-5.54-4.467-8.319q2.095-.106,4.188-.206c.945,2.123,1.98,4.218,2.76,6.4C514.205,123.626,515.454,121.454,516.527,119.222Z" transform="translate(-504 -117)" class="cls-1"/><g id="Group_5" data-name="Group 5" transform="translate(16 16)"><path id="Path_44" data-name="Path 44" d="M1.011,0H13.989A1.011,1.011,0,0,1,15,1.011V13.989A1.011,1.011,0,0,1,13.989,15H1.011A1.011,1.011,0,0,1,0,13.989V1.011A1.011,1.011,0,0,1,1.011,0Z" class="cls-1"/><path id="Path_39" data-name="Path 39" d="M5.794,13.25V3.911H9.258V2.25h-9V3.911H3.729V13.25Z" transform="translate(2.742 -0.25)" fill="#fff"/></g></g></svg>');
+            .encoded-svg-mask('<svg xmlns="http://www.w3.org/2000/svg" width="18" height="19"><path fill-rule="evenodd" d="M7.018.148L9.894 0 6.481 5.933 7.69 8.024a2 2 0 0 0-1.691 1.929c-.442-.871-.864-1.748-1.164-2.666-.348.888-.785 1.745-1.222 2.603l-.834 1.694L0 11.508l1.129-1.91 2.128-3.556-1.764-3.301L.279.496 3.071.359l.498 1.099 1.342 3.165c.39-1.075.914-2.106 1.439-3.137L7.018.148zM6.999 10a1 1 0 0 1 1-1h9a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-9a1 1 0 0 1-1-1v-8zm5 2v5h1v-5h2v-1h-5v1h2z"/></svg>');
         }
         &.icon-format-ods {
             width: 30px;
             height: 30px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 -54.11 193.631 193.63" height="193.63px" width="193.631px" y="0px" x="0px" xml:space="preserve"><defs><style>.cls-1{fill:@{themeColor};}</style></defs><path d="M193.16,5.615V5.609c-0.334-0.173-0.671-0.334-1.005-0.497  c-5.356-2.586-11.256-4.287-17.525-4.88c-11.083-1.049-21.673,1.496-30.622,6.678c-6.13-3.477-13.071-5.741-20.542-6.448  c-10.298-0.974-20.17,1.16-28.697,5.629c-0.084,0.044-0.17,0.095-0.251,0.135c-0.207,0.162-0.347,0.414-0.347,0.697  c0,0.492,0.392,0.89,0.889,0.89c0.046,0,0.091-0.007,0.139-0.017c0.021-0.002,0.042-0.011,0.061-0.015  c4.586-0.848,9.368-1.088,14.243-0.627c13.684,1.293,25.609,5.521,33.975,15.011c0.437,0.455,0.822,0.427,1.266-0.024  c10.523-12.2,26.662-17.021,44.006-15.382c0.968,0.094,1.921,0.213,2.871,0.355c0.33,0.05,0.836,0.134,1.133,0.167  c0.572,0.063,0.88-0.397,0.88-0.891C193.629,6.056,193.485,5.776,193.16,5.615L193.16,5.615z" class="cls-1" /><path d="M173.054,48.544c-0.057-0.028-0.107-0.046-0.154-0.065  c-10.518-4.35-22.021-6.758-34.094-6.758c-19.293,0-37.154,6.127-51.757,16.524c-11.146-4.993-23.497-7.776-36.496-7.776  c-18.485,0-35.648,5.617-49.895,15.237c-0.047,0.029-0.095,0.066-0.149,0.104C0.205,66.044,0,66.418,0,66.848  c0,0.729,0.592,1.323,1.323,1.323c0.086,0,0.174-0.013,0.259-0.03c0.058-0.015,0.107-0.027,0.161-0.048  c8.166-2.456,16.832-3.791,25.798-3.791c23.836,0,45.083,5.634,61.08,20.681c0.038,0.028,0.071,0.065,0.111,0.104  c0.232,0.205,0.53,0.325,0.863,0.325c0.412,0,0.774-0.188,1.018-0.486c0.006,0.005,0.515-0.72,0.773-1.069  c16.246-22.217,43.03-33.172,72.845-33.172c2.129,0,4.246,0.08,6.338,0.225c0.602,0.047,1.873,0.144,1.902,0.144  c0.727,0,1.322-0.591,1.322-1.323C173.796,49.203,173.492,48.752,173.054,48.544L173.054,48.544z" class="cls-1" /></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 -54.11 193.631 193.63" height="193.63px" width="193.631px" y="0px" x="0px" xml:space="preserve"><defs><style>.cls-1{fill:@{brandColor};}</style></defs><path d="M193.16,5.615V5.609c-0.334-0.173-0.671-0.334-1.005-0.497  c-5.356-2.586-11.256-4.287-17.525-4.88c-11.083-1.049-21.673,1.496-30.622,6.678c-6.13-3.477-13.071-5.741-20.542-6.448  c-10.298-0.974-20.17,1.16-28.697,5.629c-0.084,0.044-0.17,0.095-0.251,0.135c-0.207,0.162-0.347,0.414-0.347,0.697  c0,0.492,0.392,0.89,0.889,0.89c0.046,0,0.091-0.007,0.139-0.017c0.021-0.002,0.042-0.011,0.061-0.015  c4.586-0.848,9.368-1.088,14.243-0.627c13.684,1.293,25.609,5.521,33.975,15.011c0.437,0.455,0.822,0.427,1.266-0.024  c10.523-12.2,26.662-17.021,44.006-15.382c0.968,0.094,1.921,0.213,2.871,0.355c0.33,0.05,0.836,0.134,1.133,0.167  c0.572,0.063,0.88-0.397,0.88-0.891C193.629,6.056,193.485,5.776,193.16,5.615L193.16,5.615z" class="cls-1" /><path d="M173.054,48.544c-0.057-0.028-0.107-0.046-0.154-0.065  c-10.518-4.35-22.021-6.758-34.094-6.758c-19.293,0-37.154,6.127-51.757,16.524c-11.146-4.993-23.497-7.776-36.496-7.776  c-18.485,0-35.648,5.617-49.895,15.237c-0.047,0.029-0.095,0.066-0.149,0.104C0.205,66.044,0,66.418,0,66.848  c0,0.729,0.592,1.323,1.323,1.323c0.086,0,0.174-0.013,0.259-0.03c0.058-0.015,0.107-0.027,0.161-0.048  c8.166-2.456,16.832-3.791,25.798-3.791c23.836,0,45.083,5.634,61.08,20.681c0.038,0.028,0.071,0.065,0.111,0.104  c0.232,0.205,0.53,0.325,0.863,0.325c0.412,0,0.774-0.188,1.018-0.486c0.006,0.005,0.515-0.72,0.773-1.069  c16.246-22.217,43.03-33.172,72.845-33.172c2.129,0,4.246,0.08,6.338,0.225c0.602,0.047,1.873,0.144,1.902,0.144  c0.727,0,1.322-0.591,1.322-1.323C173.796,49.203,173.492,48.752,173.054,48.544L173.054,48.544z" class="cls-1" /></svg>');
         }
         &.icon-format-ots {
             width: 30px;
             height: 30px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="33" height="33" viewBox="0 0 33 33"><defs><clipPath id="clip-ots"><rect width="33" height="33"/></clipPath><style>.cls-1{fill:@{themeColor};}</style></defs><g id="ots" clip-path="url(#clip-ots)"><rect id="Rectangle_20" data-name="Rectangle 20" width="33" height="33" fill="none"/><path id="Path_33" data-name="Path 33" d="M125.173,121h0c-.046-.03-.093-.059-.141-.088a6.133,6.133,0,0,0-2.467-.869,6.014,6.014,0,0,0-4.309,1.188,6.223,6.223,0,0,0-2.892-1.147,5.965,5.965,0,0,0-4.039,1l-.036.024a.176.176,0,0,0-.049.125.145.145,0,0,0,.126.158l.019,0a.019.019,0,0,0,.009,0,5.781,5.781,0,0,1,2.005-.111,6.41,6.41,0,0,1,4.782,2.669c.06.081.115.076.178,0a6.288,6.288,0,0,1,6.194-2.735c.136.017.27.038.4.064.047.009.119.024.161.03.08.011.123-.071.123-.159A.155.155,0,0,0,125.173,121Z" transform="translate(-94.24 -116)" class="cls-1"/><path id="Path_34" data-name="Path 34" d="M126.894,125.978a.175.175,0,0,0-.022-.011,11.686,11.686,0,0,0-4.905-1.082,11.924,11.924,0,0,0-7.444,2.647,11.725,11.725,0,0,0-5.251-1.245,11.884,11.884,0,0,0-7.176,2.441.229.229,0,0,0-.022.016.217.217,0,0,0-.073.167.2.2,0,0,0,.191.211.167.167,0,0,0,.037,0,.118.118,0,0,0,.023-.008,11.679,11.679,0,0,1,3.71-.608c3.429,0,6.486.9,8.787,3.315a.093.093,0,0,1,.016.016.172.172,0,0,0,.123.052.18.18,0,0,0,.147-.078s.075-.115.111-.171a12.1,12.1,0,0,1,10.479-5.315c.306,0,.611.014.912.037l.273.022a.2.2,0,0,0,.191-.211A.211.211,0,0,0,126.894,125.978Z" transform="translate(-100 -115.885)" class="cls-1"/><g id="Group_5" data-name="Group 5" transform="translate(16 16)"><path id="Path_44" data-name="Path 44" d="M1.011,0H13.989A1.011,1.011,0,0,1,15,1.011V13.989A1.011,1.011,0,0,1,13.989,15H1.011A1.011,1.011,0,0,1,0,13.989V1.011A1.011,1.011,0,0,1,1.011,0Z" class="cls-1"/><path id="Path_39" data-name="Path 39" d="M5.794,13.25V3.911H9.258V2.25h-9V3.911H3.729V13.25Z" transform="translate(2.742 -0.25)" fill="#fff"/></g></g></svg>');
+            .encoded-svg-mask('<svg xmlns="http://www.w3.org/2000/svg" width="22" height="18"><path fill-rule="evenodd" d="M18.952.657L18.874.61l-.02-.012a4.43 4.43 0 0 0-1.72-.571c-1.087-.123-2.127.175-3.005.782a4.48 4.48 0 0 0-2.016-.755c-1.01-.114-1.979.136-2.816.659l-.01.007c-.035.028-.048.058-.048.091 0 .058.038.104.087.104l.02-.004c.45-.099.919-.127 1.398-.073 1.343.151 2.513.646 3.334 1.757.043.053.081.05.124-.003C15.234 1.164 16.818.6 18.52.791l.282.042.028.005.083.014c.056.007.086-.046.086-.104 0-.039-.015-.073-.046-.091zM11.999 8a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h9a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1h-9zm4 8v-5h-2v-1h5v1h-2v5h-1zm.969-10.322a.16.16 0 0 1 .084.145c0 .086-.058.155-.13.155-.003 0-.128-.011-.187-.017l-.622-.026c-2.926 0-5.554 1.283-7.148 3.884l-.046.076-.03.049c-.024.035-.059.057-.1.057-.033 0-.062-.014-.085-.038C7.125 8.188 5.04 7.529 2.701 7.529c-.88 0-1.73.156-2.531.444l-.016.006c-.008.002-.017.004-.025.004-.072 0-.13-.07-.13-.155 0-.05.02-.094.05-.122 1.413-1.138 3.097-1.796 4.91-1.796 1.276 0 2.487.326 3.581.91 1.433-1.217 3.185-1.935 5.079-1.935a7.52 7.52 0 0 1 3.345.791z"/></svg>');
         }
         &.icon-format-csv {
             width: 24px;
             height: 24px;
-            .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22 17H16V18H22V17Z" fill="@{themeColor}"/><path d="M22 20H16V21H22V20Z" fill="@{themeColor}"/><path d="M22 14H16V15H22V14Z" fill="@{themeColor}"/><path d="M22 11H16V12H22V11Z" fill="@{themeColor}"/><path d="M22 8H16V9H22V8Z" fill="@{themeColor}"/><path d="M22 5H16V6H22V5Z" fill="@{themeColor}"/><path d="M22 2H16V3H22V2Z" fill="@{themeColor}"/><path d="M15 17H9V18H15V17Z" fill="@{themeColor}"/><path d="M15 20H9V21H15V20Z" fill="@{themeColor}"/><path d="M15 14H9V15H15V14Z" fill="@{themeColor}"/><path d="M15 11H9V12H15V11Z" fill="@{themeColor}"/><path d="M15 8H9V9H15V8Z" fill="@{themeColor}"/><path d="M15 5H9V6H15V5Z" fill="@{themeColor}"/><path d="M15 2H9V3H15V2Z" fill="@{themeColor}"/><path d="M8 17H2V18H8V17Z" fill="@{themeColor}"/><path d="M8 20H2V21H8V20Z" fill="@{themeColor}"/><path d="M8 14H2V15H8V14Z" fill="@{themeColor}"/><path d="M8 11H2V12H8V11Z" fill="@{themeColor}"/><path d="M8 8H2V9H8V8Z" fill="@{themeColor}"/><path d="M8 5H2V6H8V5Z" fill="@{themeColor}"/><path d="M8 2H2V3H8V2Z" fill="@{themeColor}"/></svg>');
+            .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M22 17H16V18H22V17Z" fill="@{brandColor}"/><path d="M22 20H16V21H22V20Z" fill="@{brandColor}"/><path d="M22 14H16V15H22V14Z" fill="@{brandColor}"/><path d="M22 11H16V12H22V11Z" fill="@{brandColor}"/><path d="M22 8H16V9H22V8Z" fill="@{brandColor}"/><path d="M22 5H16V6H22V5Z" fill="@{brandColor}"/><path d="M22 2H16V3H22V2Z" fill="@{brandColor}"/><path d="M15 17H9V18H15V17Z" fill="@{brandColor}"/><path d="M15 20H9V21H15V20Z" fill="@{brandColor}"/><path d="M15 14H9V15H15V14Z" fill="@{brandColor}"/><path d="M15 11H9V12H15V11Z" fill="@{brandColor}"/><path d="M15 8H9V9H15V8Z" fill="@{brandColor}"/><path d="M15 5H9V6H15V5Z" fill="@{brandColor}"/><path d="M15 2H9V3H15V2Z" fill="@{brandColor}"/><path d="M8 17H2V18H8V17Z" fill="@{brandColor}"/><path d="M8 20H2V21H8V20Z" fill="@{brandColor}"/><path d="M8 14H2V15H8V14Z" fill="@{brandColor}"/><path d="M8 11H2V12H8V11Z" fill="@{brandColor}"/><path d="M8 8H2V9H8V8Z" fill="@{brandColor}"/><path d="M8 5H2V6H8V5Z" fill="@{brandColor}"/><path d="M8 2H2V3H8V2Z" fill="@{brandColor}"/></svg>');
         }
         //  Collaboration
         &.icon-users {
             width: 24px;
             height: 24px;
-            .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16 7C16 9.34102 15.4162 11.1346 14.6143 12.3121C13.8071 13.4974 12.8337 14 12 14C11.1663 14 10.1929 13.4974 9.38574 12.3121C8.5838 11.1346 8 9.34102 8 7C8 4.61508 9.97853 3 12 3C14.0215 3 16 4.61508 16 7ZM15.1891 13.2201C14.2865 14.375 13.1451 15 12 15C10.8549 15 9.71347 14.375 8.81092 13.2201C7.40473 13.7844 6.21268 14.3488 5.26963 14.9224C3.55256 15.9667 3 16.8326 3 17.5C3 18.2545 3.4257 19.0877 4.82302 19.7879C6.25015 20.5031 8.57272 20.9999 12 21C15.4273 21 17.7499 20.5031 19.177 19.7879C20.5743 19.0877 21 18.2545 21 17.5C21 16.8326 20.4474 15.9667 18.7304 14.9224C17.7873 14.3488 16.5953 13.7844 15.1891 13.2201ZM15.7544 12.37C16.5137 11.0279 17 9.20917 17 7C17 4 14.5088 2 12 2C9.49121 2 7 4 7 7C7 9.20917 7.48633 11.0279 8.24563 12.37C4.38973 13.9392 2 15.579 2 17.5C2 19.9852 5 21.9999 12 22C19 22 22 19.9852 22 17.5C22 15.579 19.6103 13.9392 15.7544 12.37Z" fill="@{themeColor}"/></svg>');
+            .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16 7C16 9.34102 15.4162 11.1346 14.6143 12.3121C13.8071 13.4974 12.8337 14 12 14C11.1663 14 10.1929 13.4974 9.38574 12.3121C8.5838 11.1346 8 9.34102 8 7C8 4.61508 9.97853 3 12 3C14.0215 3 16 4.61508 16 7ZM15.1891 13.2201C14.2865 14.375 13.1451 15 12 15C10.8549 15 9.71347 14.375 8.81092 13.2201C7.40473 13.7844 6.21268 14.3488 5.26963 14.9224C3.55256 15.9667 3 16.8326 3 17.5C3 18.2545 3.4257 19.0877 4.82302 19.7879C6.25015 20.5031 8.57272 20.9999 12 21C15.4273 21 17.7499 20.5031 19.177 19.7879C20.5743 19.0877 21 18.2545 21 17.5C21 16.8326 20.4474 15.9667 18.7304 14.9224C17.7873 14.3488 16.5953 13.7844 15.1891 13.2201ZM15.7544 12.37C16.5137 11.0279 17 9.20917 17 7C17 4 14.5088 2 12 2C9.49121 2 7 4 7 7C7 9.20917 7.48633 11.0279 8.24563 12.37C4.38973 13.9392 2 15.579 2 17.5C2 19.9852 5 21.9999 12 22C19 22 22 19.9852 22 17.5C22 15.579 19.6103 13.9392 15.7544 12.37Z" fill="@{brandColor}"/></svg>');
         }
         &.icon-app-settings {
             width: 24px;
             height: 24px;
-            .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 14H16C18.2091 14 20 15.7909 20 18C20 20.2091 18.2091 22 16 22H7C4.79086 22 3 20.2091 3 18C3 15.7909 4.79086 14 7 14ZM16 13C18.7614 13 21 15.2386 21 18C21 20.7614 18.7614 23 16 23H7C4.23858 23 2 20.7614 2 18C2 15.2386 4.23858 13 7 13H16Z" fill="@{themeColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16 20C14.8954 20 14 19.1046 14 18C14 16.8954 14.8954 16 16 16C17.1046 16 18 16.8954 18 18C18 19.1046 17.1046 20 16 20ZM16 21C14.3431 21 13 19.6569 13 18C13 16.3431 14.3431 15 16 15C17.6569 15 19 16.3431 19 18C19 19.6569 17.6569 21 16 21Z" fill="@{themeColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16 3H7C4.79086 3 3 4.79086 3 7C3 9.20914 4.79086 11 7 11H16C18.2091 11 20 9.20914 20 7C20 4.79086 18.2091 3 16 3ZM7 2C4.23858 2 2 4.23858 2 7C2 9.76142 4.23858 12 7 12H16C18.7614 12 21 9.76142 21 7C21 4.23858 18.7614 2 16 2H7Z" fill="@{themeColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7 9C8.10457 9 9 8.10457 9 7C9 5.89543 8.10457 5 7 5C5.89543 5 5 5.89543 5 7C5 8.10457 5.89543 9 7 9ZM7 10C8.65685 10 10 8.65685 10 7C10 5.34315 8.65685 4 7 4C5.34315 4 4 5.34315 4 7C4 8.65685 5.34315 10 7 10Z" fill="@{themeColor}"/></svg>');
+            .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 14H16C18.2091 14 20 15.7909 20 18C20 20.2091 18.2091 22 16 22H7C4.79086 22 3 20.2091 3 18C3 15.7909 4.79086 14 7 14ZM16 13C18.7614 13 21 15.2386 21 18C21 20.7614 18.7614 23 16 23H7C4.23858 23 2 20.7614 2 18C2 15.2386 4.23858 13 7 13H16Z" fill="@{brandColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16 20C14.8954 20 14 19.1046 14 18C14 16.8954 14.8954 16 16 16C17.1046 16 18 16.8954 18 18C18 19.1046 17.1046 20 16 20ZM16 21C14.3431 21 13 19.6569 13 18C13 16.3431 14.3431 15 16 15C17.6569 15 19 16.3431 19 18C19 19.6569 17.6569 21 16 21Z" fill="@{brandColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16 3H7C4.79086 3 3 4.79086 3 7C3 9.20914 4.79086 11 7 11H16C18.2091 11 20 9.20914 20 7C20 4.79086 18.2091 3 16 3ZM7 2C4.23858 2 2 4.23858 2 7C2 9.76142 4.23858 12 7 12H16C18.7614 12 21 9.76142 21 7C21 4.23858 18.7614 2 16 2H7Z" fill="@{brandColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7 9C8.10457 9 9 8.10457 9 7C9 5.89543 8.10457 5 7 5C5.89543 5 5 5.89543 5 7C5 8.10457 5.89543 9 7 9ZM7 10C8.65685 10 10 8.65685 10 7C10 5.34315 8.65685 4 7 4C5.34315 4 4 5.34315 4 7C4 8.65685 5.34315 10 7 10Z" fill="@{brandColor}"/></svg>');
         }
         &.icon-table-settings {
             width: 24px;
             height: 24px;
-            .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">  <path fill-rule="evenodd" clip-rule="evenodd" d="M1 2H22V21H1V2ZM12 3H21V8H12V3ZM12 9H21V14H12V9ZM11 14V9H2V14H11ZM2 15V20H11V15H2ZM12 15H21V20H12V15ZM11 3V8H2V3H11Z" fill="@{themeColor}"/></svg>');
+            .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path fill-rule="evenodd" clip-rule="evenodd" d="M1 2H22V21H1V2ZM12 3H21V8H12V3ZM12 9H21V14H12V9ZM11 14V9H2V14H11ZM2 15V20H11V15H2ZM12 15H21V20H12V15ZM11 3V8H2V3H11Z" fill="@{brandColor}"/></svg>');
         }
         //Comments
         &.icon-menu-comment {
             width: 30px;
             height: 30px;
-            .encoded-svg-background('<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10 15C10 16.6569 8.65685 18 7 18C5.34315 18 4 16.6569 4 15C4 13.3431 5.34315 12 7 12C8.65685 12 10 13.3431 10 15ZM7 16.7143C7.94677 16.7143 8.71429 15.9468 8.71429 15C8.71429 14.0532 7.94677 13.2857 7 13.2857C6.05323 13.2857 5.28571 14.0532 5.28571 15C5.28571 15.9468 6.05323 16.7143 7 16.7143Z" fill="#A3A3A3"/><path fill-rule="evenodd" clip-rule="evenodd" d="M18 15C18 16.6569 16.6569 18 15 18C13.3431 18 12 16.6569 12 15C12 13.3431 13.3431 12 15 12C16.6569 12 18 13.3431 18 15ZM15 16.7143C15.9468 16.7143 16.7143 15.9468 16.7143 15C16.7143 14.0532 15.9468 13.2857 15 13.2857C14.0532 13.2857 13.2857 14.0532 13.2857 15C13.2857 15.9468 14.0532 16.7143 15 16.7143Z" fill="#A3A3A3"/><path fill-rule="evenodd" clip-rule="evenodd" d="M26 15C26 16.6569 24.6569 18 23 18C21.3431 18 20 16.6569 20 15C20 13.3431 21.3431 12 23 12C24.6569 12 26 13.3431 26 15ZM23 16.7143C23.9468 16.7143 24.7143 15.9468 24.7143 15C24.7143 14.0532 23.9468 13.2857 23 13.2857C22.0532 13.2857 21.2857 14.0532 21.2857 15C21.2857 15.9468 22.0532 16.7143 23 16.7143Z" fill="#A3A3A3"/></svg>');
+            .encoded-svg-mask('<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10 15C10 16.6569 8.65685 18 7 18C5.34315 18 4 16.6569 4 15C4 13.3431 5.34315 12 7 12C8.65685 12 10 13.3431 10 15ZM7 16.7143C7.94677 16.7143 8.71429 15.9468 8.71429 15C8.71429 14.0532 7.94677 13.2857 7 13.2857C6.05323 13.2857 5.28571 14.0532 5.28571 15C5.28571 15.9468 6.05323 16.7143 7 16.7143Z" fill="#A3A3A3"/><path fill-rule="evenodd" clip-rule="evenodd" d="M18 15C18 16.6569 16.6569 18 15 18C13.3431 18 12 16.6569 12 15C12 13.3431 13.3431 12 15 12C16.6569 12 18 13.3431 18 15ZM15 16.7143C15.9468 16.7143 16.7143 15.9468 16.7143 15C16.7143 14.0532 15.9468 13.2857 15 13.2857C14.0532 13.2857 13.2857 14.0532 13.2857 15C13.2857 15.9468 14.0532 16.7143 15 16.7143Z" fill="#A3A3A3"/><path fill-rule="evenodd" clip-rule="evenodd" d="M26 15C26 16.6569 24.6569 18 23 18C21.3431 18 20 16.6569 20 15C20 13.3431 21.3431 12 23 12C24.6569 12 26 13.3431 26 15ZM23 16.7143C23.9468 16.7143 24.7143 15.9468 24.7143 15C24.7143 14.0532 23.9468 13.2857 23 13.2857C22.0532 13.2857 21.2857 14.0532 21.2857 15C21.2857 15.9468 22.0532 16.7143 23 16.7143Z" fill="#A3A3A3"/></svg>', @text-tertiary);
         }
         &.icon-resolve-comment {
             width: 30px;
             height: 30px;
-            .encoded-svg-background('<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.6195 20.8555C11.8237 21.0673 12.1658 21.0577 12.358 20.8349L22.516 9.05783C22.7843 8.74676 22.7528 8.27781 22.4453 8.00545C22.1315 7.72756 21.651 7.7604 21.3779 8.07839L12.3546 18.587C12.1638 18.8092 11.8238 18.8206 11.6186 18.6117L8.10643 15.0366C7.81574 14.7407 7.34084 14.7345 7.04258 15.0228C6.74283 15.3125 6.73444 15.7903 7.02383 16.0904L11.6195 20.8555Z" fill="#A3A3A3"/></svg>');
+            .encoded-svg-mask('<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.6195 20.8555C11.8237 21.0673 12.1658 21.0577 12.358 20.8349L22.516 9.05783C22.7843 8.74676 22.7528 8.27781 22.4453 8.00545C22.1315 7.72756 21.651 7.7604 21.3779 8.07839L12.3546 18.587C12.1638 18.8092 11.8238 18.8206 11.6186 18.6117L8.10643 15.0366C7.81574 14.7407 7.34084 14.7345 7.04258 15.0228C6.74283 15.3125 6.73444 15.7903 7.02383 16.0904L11.6195 20.8555Z" fill="#A3A3A3"/></svg>', @text-tertiary);
         }
         &.icon-resolve-comment.check {
             width: 30px;
             height: 30px;
-            .encoded-svg-background('<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0H30V30H0V0Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.6195 20.8555C11.8237 21.0673 12.1658 21.0577 12.358 20.8349L22.516 9.05783C22.7843 8.74676 22.7528 8.27781 22.4453 8.00545V8.00545C22.1315 7.72756 21.651 7.7604 21.3779 8.07839L12.3546 18.587C12.1638 18.8092 11.8238 18.8206 11.6186 18.6117L8.10643 15.0366C7.81575 14.7407 7.34084 14.7345 7.04258 15.0228V15.0228C6.74283 15.3125 6.73444 15.7903 7.02383 16.0904L11.6195 20.8555Z" fill="@{green}"/></svg>');
+            .encoded-svg-mask('<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.6195 20.8555C11.8237 21.0673 12.1658 21.0577 12.358 20.8349L22.516 9.05783C22.7843 8.74676 22.7528 8.27781 22.4453 8.00545C22.1315 7.72756 21.651 7.7604 21.3779 8.07839L12.3546 18.587C12.1638 18.8092 11.8238 18.8206 11.6186 18.6117L8.10643 15.0366C7.81574 14.7407 7.34084 14.7345 7.04258 15.0228C6.74283 15.3125 6.73444 15.7903 7.02383 16.0904L11.6195 20.8555Z"/></svg>', @brandColor);
         }
         &.icon-insert-comment {
             width: 24px;
             height: 24px;
-            .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.1538 9.00708H11.8462C10.8266 9.00708 10 9.83461 10 10.8554V15.1694C10 16.1902 10.8266 17.0177 11.8462 17.0177H13.8329C13.9409 17.0177 14.0454 17.0556 14.1284 17.1248L18.243 20.392C18.5436 20.6428 19 20.4288 19 20.037V17.4798C19 17.2246 19.2066 17.0177 19.4615 17.0177H20.1538C21.1734 17.0177 22 16.1902 22 15.1694V10.8554C22 9.83461 21.1734 9.00708 20.1538 9.00708ZM20 10.0083C20.5523 10.0083 21 10.4565 21 11.0095V15.0154C21 15.5683 20.5523 16.0165 20 16.0165H18.0025L18 18.8995C18 19.2912 18 19 18 19L14.5 16.0165H12C11.4477 16.0165 11 15.5683 11 15.0154V11.0095C11 10.4565 11.4477 10.0083 12 10.0083H20Z" fill="@{themeColor}"/><path d="M14.5 3H4.5C3.18908 3 2 4.2153 2 5.50295V12.0346C2 13.3222 3.18908 14.013 4.5 14.013H5.5C5.82773 14.013 6 14.1917 6 14.5136V17.5183C6 18.0125 6.6135 18.3352 7 18.0189L11 14.9858V13.5L7 16.5V13.0118H4.5C3.78992 13.0118 3 12.732 3 12.0346V5.50295C3 4.80547 3.78992 4.00118 4.5 4.00118H14.5C15.2101 4.00118 16 4.80547 16 5.50295V8.0059H17V5.50295C17 4.2153 15.8109 3 14.5 3Z" fill="@{themeColor}"/></svg>');
+            .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.1538 9.00708H11.8462C10.8266 9.00708 10 9.83461 10 10.8554V15.1694C10 16.1902 10.8266 17.0177 11.8462 17.0177H13.8329C13.9409 17.0177 14.0454 17.0556 14.1284 17.1248L18.243 20.392C18.5436 20.6428 19 20.4288 19 20.037V17.4798C19 17.2246 19.2066 17.0177 19.4615 17.0177H20.1538C21.1734 17.0177 22 16.1902 22 15.1694V10.8554C22 9.83461 21.1734 9.00708 20.1538 9.00708ZM20 10.0083C20.5523 10.0083 21 10.4565 21 11.0095V15.0154C21 15.5683 20.5523 16.0165 20 16.0165H18.0025L18 18.8995C18 19.2912 18 19 18 19L14.5 16.0165H12C11.4477 16.0165 11 15.5683 11 15.0154V11.0095C11 10.4565 11.4477 10.0083 12 10.0083H20Z" fill="@{brandColor}"/><path d="M14.5 3H4.5C3.18908 3 2 4.2153 2 5.50295V12.0346C2 13.3222 3.18908 14.013 4.5 14.013H5.5C5.82773 14.013 6 14.1917 6 14.5136V17.5183C6 18.0125 6.6135 18.3352 7 18.0189L11 14.9858V13.5L7 16.5V13.0118H4.5C3.78992 13.0118 3 12.732 3 12.0346V5.50295C3 4.80547 3.78992 4.00118 4.5 4.00118H14.5C15.2101 4.00118 16 4.80547 16 5.50295V8.0059H17V5.50295C17 4.2153 15.8109 3 14.5 3Z" fill="@{brandColor}"/></svg>');
         }
         //Insert
         &.icon-add-chart {
             width: 24px;
             height: 24px;
-            .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20 5H16V20H20V5ZM10 11H14V20H10V11ZM4 14H8V20H4V14Z" fill="@{themeColor}"/></svg>');
+            .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20 5H16V20H20V5ZM10 11H14V20H10V11ZM4 14H8V20H4V14Z" fill="@{brandColor}"/></svg>');
         }
         &.icon-add-formula {
             width: 24px;
             height: 24px;
-            .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 5H19V9.11765H16.375V7.47059H8.9375L11.5625 12L8.9375 16.5294H16.375V14.8824H19V19H5V17.7647L8.5 12L5 6.23529V5Z" fill="@{themeColor}"/></svg>');
+            .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 5H19V9.11765H16.375V7.47059H8.9375L11.5625 12L8.9375 16.5294H16.375V14.8824H19V19H5V17.7647L8.5 12L5 6.23529V5Z" fill="@{brandColor}"/></svg>');
         }
         &.icon-add-shape {
             width: 24px;
             height: 24px;
-            .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse cx="15.3333" cy="14.4002" rx="5.66667" ry="5.60002" fill="@{themeColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5 4.80005C4.44772 4.80005 4 5.24776 4 5.80005V15.8001C4 16.3524 4.44771 16.8001 5 16.8001H9.32787C9.02431 16.059 8.85714 15.2488 8.85714 14.4001C8.85714 10.8655 11.7566 8.00012 15.3333 8.00012C15.8924 8.00012 16.4349 8.07013 16.9524 8.20175V5.80005C16.9524 5.24776 16.5047 4.80005 15.9524 4.80005H5Z" fill="@{themeColor}"/></svg>');
+            .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><ellipse cx="15.3333" cy="14.4002" rx="5.66667" ry="5.60002" fill="@{brandColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5 4.80005C4.44772 4.80005 4 5.24776 4 5.80005V15.8001C4 16.3524 4.44771 16.8001 5 16.8001H9.32787C9.02431 16.059 8.85714 15.2488 8.85714 14.4001C8.85714 10.8655 11.7566 8.00012 15.3333 8.00012C15.8924 8.00012 16.4349 8.07013 16.9524 8.20175V5.80005C16.9524 5.24776 16.5047 4.80005 15.9524 4.80005H5Z" fill="@{brandColor}"/></svg>');
         }
         &.icon-add-image {
             width: 24px;
             height: 24px;
-            .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.79177 16.6667L8.87529 13.1667L11.1254 15.5L14.2089 12L18.2092 16.6667H5.79177ZM19.4593 18.526C19.8204 18.2101 20.001 17.8455 20.001 17.4323V6.56771C20.001 6.15451 19.8204 5.78993 19.4593 5.47396C19.0981 5.15799 18.6814 5 18.2092 5H5.79177C5.31952 5 4.90283 5.15799 4.5417 5.47396C4.18057 5.78993 4 6.15451 4 6.56771V17.4323C4 17.8455 4.18057 18.2101 4.5417 18.526C4.90283 18.842 5.31952 19 5.79177 19H18.2092C18.6814 19 19.0981 18.842 19.4593 18.526ZM8.79933 11.2222C9.68304 11.2222 10.3994 10.5258 10.3994 9.66667C10.3994 8.80756 9.68304 8.11111 8.79933 8.11111C7.91562 8.11111 7.19923 8.80756 7.19923 9.66667C7.19923 10.5258 7.91562 11.2222 8.79933 11.2222Z" fill="@{themeColor}"/></svg>');
+            .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.79177 16.6667L8.87529 13.1667L11.1254 15.5L14.2089 12L18.2092 16.6667H5.79177ZM19.4593 18.526C19.8204 18.2101 20.001 17.8455 20.001 17.4323V6.56771C20.001 6.15451 19.8204 5.78993 19.4593 5.47396C19.0981 5.15799 18.6814 5 18.2092 5H5.79177C5.31952 5 4.90283 5.15799 4.5417 5.47396C4.18057 5.78993 4 6.15451 4 6.56771V17.4323C4 17.8455 4.18057 18.2101 4.5417 18.526C4.90283 18.842 5.31952 19 5.79177 19H18.2092C18.6814 19 19.0981 18.842 19.4593 18.526ZM8.79933 11.2222C9.68304 11.2222 10.3994 10.5258 10.3994 9.66667C10.3994 8.80756 9.68304 8.11111 8.79933 8.11111C7.91562 8.11111 7.19923 8.80756 7.19923 9.66667C7.19923 10.5258 7.91562 11.2222 8.79933 11.2222Z" fill="@{brandColor}"/></svg>');
         }
         &.icon-add-other {
             width: 24px;
             height: 24px;
-            .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.00049 18C7.00049 18.8284 6.32892 19.5 5.50049 19.5C4.67206 19.5 4.00049 18.8284 4.00049 18C4.00049 17.1716 4.67206 16.5 5.50049 16.5C6.32892 16.5 7.00049 17.1716 7.00049 18ZM13.5005 18C13.5005 18.8284 12.8289 19.5 12.0005 19.5C11.1721 19.5 10.5005 18.8284 10.5005 18C10.5005 17.1716 11.1721 16.5 12.0005 16.5C12.8289 16.5 13.5005 17.1716 13.5005 18ZM18.5005 19.5C19.3289 19.5 20.0005 18.8284 20.0005 18C20.0005 17.1716 19.3289 16.5 18.5005 16.5C17.6721 16.5 17.0005 17.1716 17.0005 18C17.0005 18.8284 17.6721 19.5 18.5005 19.5Z" fill="@{themeColor}"/></svg>');
+            .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.00049 18C7.00049 18.8284 6.32892 19.5 5.50049 19.5C4.67206 19.5 4.00049 18.8284 4.00049 18C4.00049 17.1716 4.67206 16.5 5.50049 16.5C6.32892 16.5 7.00049 17.1716 7.00049 18ZM13.5005 18C13.5005 18.8284 12.8289 19.5 12.0005 19.5C11.1721 19.5 10.5005 18.8284 10.5005 18C10.5005 17.1716 11.1721 16.5 12.0005 16.5C12.8289 16.5 13.5005 17.1716 13.5005 18ZM18.5005 19.5C19.3289 19.5 20.0005 18.8284 20.0005 18C20.0005 17.1716 19.3289 16.5 18.5005 16.5C17.6721 16.5 17.0005 17.1716 17.0005 18C17.0005 18.8284 17.6721 19.5 18.5005 19.5Z" fill="@{brandColor}"/></svg>');
         }
         // Text orientation
         &.icon-text-orientation-horizontal {
             width: 24px;
             height: 24px;
-            .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.51367 10.75H11.269L8.06905 2H6.36276L3.25 10.75H4.96174L5.62136 8.76245H8.81589L9.51367 10.75ZM7.19682 4.04127L8.29801 7.2882H6.11744L7.19682 4.04127ZM16.0002 2H12.8057V10.75H15.5259C16.5544 10.742 17.2031 10.7221 17.4721 10.6903C17.9009 10.6386 18.2607 10.5013 18.5515 10.2785C18.8458 10.0517 19.0766 9.75125 19.2438 9.37722C19.4146 8.9992 19.5 8.61124 19.5 8.21334C19.5 7.70799 19.3692 7.2683 19.1075 6.89427C18.8458 6.52024 18.4715 6.25563 17.9845 6.10044C18.3298 5.92934 18.6023 5.67269 18.8022 5.33049C19.0057 4.98829 19.1075 4.61227 19.1075 4.20242C19.1075 3.82441 19.0257 3.4842 18.8622 3.18179C18.6986 2.8754 18.4933 2.63068 18.2462 2.44765C18.0027 2.26461 17.7247 2.14524 17.4121 2.08953C17.1032 2.02984 16.6326 2 16.0002 2ZM14.4193 5.47971L14.4193 3.45634L15.346 3.45634C16.1056 3.45634 16.5653 3.46629 16.7252 3.48619C16.9942 3.522 17.1959 3.62545 17.3303 3.79656C17.4684 3.96368 17.5375 4.18253 17.5375 4.4531C17.5375 4.73562 17.4575 4.96442 17.2976 5.1395C17.1414 5.3106 16.9251 5.41405 16.6489 5.44986C16.4963 5.46976 16.1056 5.47971 15.4769 5.47971H14.4193ZM14.4193 9.27575V6.93605H15.7222C16.4563 6.93605 16.9324 6.97783 17.1504 7.06139C17.3721 7.14495 17.5411 7.27825 17.6574 7.46129C17.7737 7.64433 17.8319 7.86716 17.8319 8.12977C17.8319 8.44014 17.7555 8.68884 17.6029 8.87585C17.4539 9.05889 17.2595 9.17428 17.0196 9.22203C16.8633 9.25784 16.4945 9.27575 15.913 9.27575H14.4193ZM17.9829 13.25L21.5023 17.0829L22 17.625L21.5023 18.1671L17.9829 22L16.9875 20.9159L19.3053 18.3916H2V16.8584H19.3053L16.9875 14.3341L17.9829 13.25Z" fill="@{themeColor}"/></svg>');
+            .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.51367 10.75H11.269L8.06905 2H6.36276L3.25 10.75H4.96174L5.62136 8.76245H8.81589L9.51367 10.75ZM7.19682 4.04127L8.29801 7.2882H6.11744L7.19682 4.04127ZM16.0002 2H12.8057V10.75H15.5259C16.5544 10.742 17.2031 10.7221 17.4721 10.6903C17.9009 10.6386 18.2607 10.5013 18.5515 10.2785C18.8458 10.0517 19.0766 9.75125 19.2438 9.37722C19.4146 8.9992 19.5 8.61124 19.5 8.21334C19.5 7.70799 19.3692 7.2683 19.1075 6.89427C18.8458 6.52024 18.4715 6.25563 17.9845 6.10044C18.3298 5.92934 18.6023 5.67269 18.8022 5.33049C19.0057 4.98829 19.1075 4.61227 19.1075 4.20242C19.1075 3.82441 19.0257 3.4842 18.8622 3.18179C18.6986 2.8754 18.4933 2.63068 18.2462 2.44765C18.0027 2.26461 17.7247 2.14524 17.4121 2.08953C17.1032 2.02984 16.6326 2 16.0002 2ZM14.4193 5.47971L14.4193 3.45634L15.346 3.45634C16.1056 3.45634 16.5653 3.46629 16.7252 3.48619C16.9942 3.522 17.1959 3.62545 17.3303 3.79656C17.4684 3.96368 17.5375 4.18253 17.5375 4.4531C17.5375 4.73562 17.4575 4.96442 17.2976 5.1395C17.1414 5.3106 16.9251 5.41405 16.6489 5.44986C16.4963 5.46976 16.1056 5.47971 15.4769 5.47971H14.4193ZM14.4193 9.27575V6.93605H15.7222C16.4563 6.93605 16.9324 6.97783 17.1504 7.06139C17.3721 7.14495 17.5411 7.27825 17.6574 7.46129C17.7737 7.64433 17.8319 7.86716 17.8319 8.12977C17.8319 8.44014 17.7555 8.68884 17.6029 8.87585C17.4539 9.05889 17.2595 9.17428 17.0196 9.22203C16.8633 9.25784 16.4945 9.27575 15.913 9.27575H14.4193ZM17.9829 13.25L21.5023 17.0829L22 17.625L21.5023 18.1671L17.9829 22L16.9875 20.9159L19.3053 18.3916H2V16.8584H19.3053L16.9875 14.3341L17.9829 13.25Z" fill="@{brandColor}"/></svg>');
         }
         &.icon-text-orientation-anglecount {
             width: 24px;
             height: 24px;
-            .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M22 8.71927H16.3964V10.0783L19.7586 10.0783L8.55143 20.9162L9.67214 22L20.597 11.1439V14.4301L22 14.4301V8.71927Z" fill="@{themeColor}"/><path d="M10.6577 11.3859L9.54484 12.462L7.84242 11.6713L5.81718 13.6298L6.65905 15.2527L5.57385 16.3022L2 9.02933L3.08174 7.98323L10.6577 11.3859ZM6.57946 11.085L3.82288 9.76944L5.19705 12.4218L6.57946 11.085Z" fill="@{themeColor}"/><path d="M6.08463 5.07929L8.10987 3.12078C8.51077 2.73309 8.82806 2.46285 9.06174 2.31005C9.2952 2.15259 9.54714 2.05532 9.81755 2.01826C10.0903 1.97896 10.3756 2.0031 10.6735 2.09068C10.9689 2.17582 11.2364 2.33426 11.4761 2.56602C11.7359 2.81728 11.9098 3.1102 11.9977 3.44478C12.0879 3.77712 12.0778 4.10158 11.9674 4.41815C12.3746 4.21472 12.7796 4.14745 13.1826 4.21634C13.5857 4.28523 13.9473 4.47458 14.2677 4.7844C14.52 5.02835 14.7118 5.31856 14.8432 5.65504C14.9743 5.98684 15.0185 6.31251 14.9756 6.63204C14.9326 6.9469 14.7915 7.25165 14.5524 7.54628C14.4021 7.73067 14.0034 8.14059 13.3564 8.77602L11.6319 10.4438L6.08463 5.07929ZM8.03089 4.98287L9.31365 6.22336L9.98412 5.57498C10.3827 5.18952 10.6241 4.94389 10.7083 4.83812C10.8607 4.64682 10.9322 4.45082 10.9228 4.25012C10.9131 4.04474 10.8188 3.85545 10.6397 3.68225C10.4681 3.51636 10.2856 3.42452 10.0921 3.40673C9.89838 3.38427 9.70492 3.44451 9.51172 3.58743C9.39773 3.67327 9.09996 3.94903 8.61842 4.4147L8.03089 4.98287ZM10.2369 7.11622L11.7202 8.55065L12.6672 7.63489C13.0358 7.2784 13.2583 7.04126 13.3347 6.9235C13.4565 6.74717 13.5066 6.55722 13.485 6.35365C13.4632 6.14541 13.354 5.94616 13.1572 5.75587C12.9907 5.59487 12.8126 5.4939 12.6228 5.45299C12.433 5.41207 12.2414 5.43395 12.0479 5.51864C11.8567 5.60109 11.5283 5.86736 11.0629 6.31744L10.2369 7.11622Z" fill="@{themeColor}"/></svg>');
+            .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M22 8.71927H16.3964V10.0783L19.7586 10.0783L8.55143 20.9162L9.67214 22L20.597 11.1439V14.4301L22 14.4301V8.71927Z" fill="@{brandColor}"/><path d="M10.6577 11.3859L9.54484 12.462L7.84242 11.6713L5.81718 13.6298L6.65905 15.2527L5.57385 16.3022L2 9.02933L3.08174 7.98323L10.6577 11.3859ZM6.57946 11.085L3.82288 9.76944L5.19705 12.4218L6.57946 11.085Z" fill="@{brandColor}"/><path d="M6.08463 5.07929L8.10987 3.12078C8.51077 2.73309 8.82806 2.46285 9.06174 2.31005C9.2952 2.15259 9.54714 2.05532 9.81755 2.01826C10.0903 1.97896 10.3756 2.0031 10.6735 2.09068C10.9689 2.17582 11.2364 2.33426 11.4761 2.56602C11.7359 2.81728 11.9098 3.1102 11.9977 3.44478C12.0879 3.77712 12.0778 4.10158 11.9674 4.41815C12.3746 4.21472 12.7796 4.14745 13.1826 4.21634C13.5857 4.28523 13.9473 4.47458 14.2677 4.7844C14.52 5.02835 14.7118 5.31856 14.8432 5.65504C14.9743 5.98684 15.0185 6.31251 14.9756 6.63204C14.9326 6.9469 14.7915 7.25165 14.5524 7.54628C14.4021 7.73067 14.0034 8.14059 13.3564 8.77602L11.6319 10.4438L6.08463 5.07929ZM8.03089 4.98287L9.31365 6.22336L9.98412 5.57498C10.3827 5.18952 10.6241 4.94389 10.7083 4.83812C10.8607 4.64682 10.9322 4.45082 10.9228 4.25012C10.9131 4.04474 10.8188 3.85545 10.6397 3.68225C10.4681 3.51636 10.2856 3.42452 10.0921 3.40673C9.89838 3.38427 9.70492 3.44451 9.51172 3.58743C9.39773 3.67327 9.09996 3.94903 8.61842 4.4147L8.03089 4.98287ZM10.2369 7.11622L11.7202 8.55065L12.6672 7.63489C13.0358 7.2784 13.2583 7.04126 13.3347 6.9235C13.4565 6.74717 13.5066 6.55722 13.485 6.35365C13.4632 6.14541 13.354 5.94616 13.1572 5.75587C12.9907 5.59487 12.8126 5.4939 12.6228 5.45299C12.433 5.41207 12.2414 5.43395 12.0479 5.51864C11.8567 5.60109 11.5283 5.86736 11.0629 6.31744L10.2369 7.11622Z" fill="@{brandColor}"/></svg>');
         }
         &.icon-text-orientation-angleclock {
             width: 24px;
             height: 24px;
-            .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.2807 22L15.2807 16.3964L13.9217 16.3964L13.9217 19.7586L3.08379 8.55143L2 9.67214L12.8561 20.597L9.56995 20.597L9.56994 22L15.2807 22Z" fill="@{themeColor}"/><path d="M12.6141 10.6577L11.538 9.54484L12.3287 7.84242L10.3702 5.81718L8.74726 6.65905L7.69782 5.57385L14.9707 2L16.0168 3.08174L12.6141 10.6577ZM12.915 6.57946L14.2306 3.82288L11.5782 5.19705L12.915 6.57946Z" fill="@{themeColor}"/><path d="M18.9207 6.08463L20.8792 8.10987C21.2669 8.51077 21.5372 8.82806 21.6899 9.06174C21.8474 9.2952 21.9447 9.54714 21.9817 9.81755C22.021 10.0903 21.9969 10.3756 21.9093 10.6735C21.8242 10.9689 21.6657 11.2364 21.434 11.4761C21.1827 11.7359 20.8898 11.9098 20.5552 11.9977C20.2229 12.0879 19.8984 12.0778 19.5819 11.9674C19.7853 12.3746 19.8525 12.7796 19.7837 13.1826C19.7148 13.5857 19.5254 13.9473 19.2156 14.2677C18.9716 14.52 18.6814 14.7118 18.345 14.8432C18.0132 14.9743 17.6875 15.0185 17.368 14.9756C17.0531 14.9326 16.7484 14.7915 16.4537 14.5524C16.2693 14.4021 15.8594 14.0034 15.224 13.3564L13.5562 11.6319L18.9207 6.08463ZM19.0171 8.03089L17.7766 9.31365L18.425 9.98412C18.8105 10.3827 19.0561 10.6241 19.1619 10.7083C19.3532 10.8607 19.5492 10.9322 19.7499 10.9228C19.9553 10.9131 20.1445 10.8188 20.3178 10.6397C20.4836 10.4681 20.5755 10.2856 20.5933 10.0921C20.6157 9.89838 20.5555 9.70492 20.4126 9.51172C20.3267 9.39773 20.051 9.09996 19.5853 8.61842L19.0171 8.03089ZM16.8838 10.2369L15.4494 11.7202L16.3651 12.6672C16.7216 13.0358 16.9587 13.2583 17.0765 13.3347C17.2528 13.4565 17.4428 13.5066 17.6463 13.485C17.8546 13.4632 18.0538 13.354 18.2441 13.1572C18.4051 12.9907 18.5061 12.8126 18.547 12.6228C18.5879 12.433 18.566 12.2414 18.4814 12.0479C18.3989 11.8567 18.1326 11.5283 17.6826 11.0629L16.8838 10.2369Z" fill="@{themeColor}"/></svg>');
+            .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.2807 22L15.2807 16.3964L13.9217 16.3964L13.9217 19.7586L3.08379 8.55143L2 9.67214L12.8561 20.597L9.56995 20.597L9.56994 22L15.2807 22Z" fill="@{brandColor}"/><path d="M12.6141 10.6577L11.538 9.54484L12.3287 7.84242L10.3702 5.81718L8.74726 6.65905L7.69782 5.57385L14.9707 2L16.0168 3.08174L12.6141 10.6577ZM12.915 6.57946L14.2306 3.82288L11.5782 5.19705L12.915 6.57946Z" fill="@{brandColor}"/><path d="M18.9207 6.08463L20.8792 8.10987C21.2669 8.51077 21.5372 8.82806 21.6899 9.06174C21.8474 9.2952 21.9447 9.54714 21.9817 9.81755C22.021 10.0903 21.9969 10.3756 21.9093 10.6735C21.8242 10.9689 21.6657 11.2364 21.434 11.4761C21.1827 11.7359 20.8898 11.9098 20.5552 11.9977C20.2229 12.0879 19.8984 12.0778 19.5819 11.9674C19.7853 12.3746 19.8525 12.7796 19.7837 13.1826C19.7148 13.5857 19.5254 13.9473 19.2156 14.2677C18.9716 14.52 18.6814 14.7118 18.345 14.8432C18.0132 14.9743 17.6875 15.0185 17.368 14.9756C17.0531 14.9326 16.7484 14.7915 16.4537 14.5524C16.2693 14.4021 15.8594 14.0034 15.224 13.3564L13.5562 11.6319L18.9207 6.08463ZM19.0171 8.03089L17.7766 9.31365L18.425 9.98412C18.8105 10.3827 19.0561 10.6241 19.1619 10.7083C19.3532 10.8607 19.5492 10.9322 19.7499 10.9228C19.9553 10.9131 20.1445 10.8188 20.3178 10.6397C20.4836 10.4681 20.5755 10.2856 20.5933 10.0921C20.6157 9.89838 20.5555 9.70492 20.4126 9.51172C20.3267 9.39773 20.051 9.09996 19.5853 8.61842L19.0171 8.03089ZM16.8838 10.2369L15.4494 11.7202L16.3651 12.6672C16.7216 13.0358 16.9587 13.2583 17.0765 13.3347C17.2528 13.4565 17.4428 13.5066 17.6463 13.485C17.8546 13.4632 18.0538 13.354 18.2441 13.1572C18.4051 12.9907 18.5061 12.8126 18.547 12.6228C18.5879 12.433 18.566 12.2414 18.4814 12.0479C18.3989 11.8567 18.1326 11.5283 17.6826 11.0629L16.8838 10.2369Z" fill="@{brandColor}"/></svg>');
         }
         &.icon-text-orientation-vertical {
             width: 24px;
             height: 24px;
-            .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.10359 22.0648L11.0819 18.5454L9.95669 17.55L7.33664 19.8678L7.33664 1.9375L5.7453 1.9375L5.7453 19.8678L3.12525 17.55L2 18.5454L5.97834 22.0648L6.54097 22.5625L7.10359 22.0648Z" fill="@{themeColor}"/><path d="M14.513 13.1875L17.8287 13.1875C18.4851 13.1875 18.9736 13.2173 19.2942 13.277C19.6186 13.3327 19.9072 13.4521 20.1599 13.6351C20.4164 13.8182 20.6295 14.0629 20.7993 14.3693C20.969 14.6717 21.0539 15.0119 21.0539 15.3899C21.0539 15.7998 20.9483 16.1758 20.737 16.518C20.5296 16.8602 20.2467 17.1168 19.8883 17.2879C20.3938 17.4431 20.7823 17.7077 21.0539 18.0818C21.3255 18.4558 21.4613 18.8955 21.4613 19.4008C21.4613 19.7987 21.3726 20.1867 21.1954 20.5647C21.0218 20.9387 20.7823 21.2392 20.4768 21.466C20.175 21.6888 19.8015 21.8261 19.3564 21.8778C19.0773 21.9096 18.404 21.9295 17.3365 21.9375L14.513 21.9375L14.513 13.1875ZM16.1878 14.6438L16.1878 16.6672L17.2855 16.6672C17.9381 16.6672 18.3436 16.6573 18.502 16.6374C18.7887 16.6016 19.0132 16.4981 19.1754 16.327C19.3413 16.1519 19.4243 15.9231 19.4243 15.6406C19.4243 15.37 19.3527 15.1512 19.2093 14.9841C19.0697 14.813 18.8604 14.7095 18.5813 14.6737C18.4153 14.6538 17.9381 14.6438 17.1497 14.6438L16.1878 14.6438ZM16.1878 18.1235L16.1878 20.4632L17.7382 20.4632C18.3417 20.4632 18.7246 20.4453 18.8868 20.4095C19.1358 20.3618 19.3376 20.2464 19.4922 20.0634C19.6507 19.8763 19.7299 19.6276 19.7299 19.3173C19.7299 19.0547 19.6695 18.8318 19.5488 18.6488C19.4281 18.4658 19.2527 18.3325 19.0226 18.2489C18.7963 18.1653 18.3021 18.1235 17.5401 18.1235L16.1878 18.1235Z" fill="@{themeColor}"/><path d="M22 10.6875L20.1781 10.6875L19.4538 8.69995L16.1381 8.69995L15.4534 10.6875L13.6768 10.6875L16.9076 1.9375L18.6786 1.9375L22 10.6875ZM18.9163 7.2257L17.7733 3.97877L16.653 7.2257L18.9163 7.2257Z" fill="@{themeColor}"/></svg>');
+            .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.10359 22.0648L11.0819 18.5454L9.95669 17.55L7.33664 19.8678L7.33664 1.9375L5.7453 1.9375L5.7453 19.8678L3.12525 17.55L2 18.5454L5.97834 22.0648L6.54097 22.5625L7.10359 22.0648Z" fill="@{brandColor}"/><path d="M14.513 13.1875L17.8287 13.1875C18.4851 13.1875 18.9736 13.2173 19.2942 13.277C19.6186 13.3327 19.9072 13.4521 20.1599 13.6351C20.4164 13.8182 20.6295 14.0629 20.7993 14.3693C20.969 14.6717 21.0539 15.0119 21.0539 15.3899C21.0539 15.7998 20.9483 16.1758 20.737 16.518C20.5296 16.8602 20.2467 17.1168 19.8883 17.2879C20.3938 17.4431 20.7823 17.7077 21.0539 18.0818C21.3255 18.4558 21.4613 18.8955 21.4613 19.4008C21.4613 19.7987 21.3726 20.1867 21.1954 20.5647C21.0218 20.9387 20.7823 21.2392 20.4768 21.466C20.175 21.6888 19.8015 21.8261 19.3564 21.8778C19.0773 21.9096 18.404 21.9295 17.3365 21.9375L14.513 21.9375L14.513 13.1875ZM16.1878 14.6438L16.1878 16.6672L17.2855 16.6672C17.9381 16.6672 18.3436 16.6573 18.502 16.6374C18.7887 16.6016 19.0132 16.4981 19.1754 16.327C19.3413 16.1519 19.4243 15.9231 19.4243 15.6406C19.4243 15.37 19.3527 15.1512 19.2093 14.9841C19.0697 14.813 18.8604 14.7095 18.5813 14.6737C18.4153 14.6538 17.9381 14.6438 17.1497 14.6438L16.1878 14.6438ZM16.1878 18.1235L16.1878 20.4632L17.7382 20.4632C18.3417 20.4632 18.7246 20.4453 18.8868 20.4095C19.1358 20.3618 19.3376 20.2464 19.4922 20.0634C19.6507 19.8763 19.7299 19.6276 19.7299 19.3173C19.7299 19.0547 19.6695 18.8318 19.5488 18.6488C19.4281 18.4658 19.2527 18.3325 19.0226 18.2489C18.7963 18.1653 18.3021 18.1235 17.5401 18.1235L16.1878 18.1235Z" fill="@{brandColor}"/><path d="M22 10.6875L20.1781 10.6875L19.4538 8.69995L16.1381 8.69995L15.4534 10.6875L13.6768 10.6875L16.9076 1.9375L18.6786 1.9375L22 10.6875ZM18.9163 7.2257L17.7733 3.97877L16.653 7.2257L18.9163 7.2257Z" fill="@{brandColor}"/></svg>');
         }
         &.icon-text-orientation-rotateup {
             width: 24px;
             height: 24px;
-            .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.9142 2.48263L2 5.89535L3.1071 6.86061L5.68491 4.61307L5.68491 22L7.25059 22L7.25059 4.61307L9.82839 6.86061L10.9355 5.89535L7.0213 2.48263L6.46775 2L5.9142 2.48263Z" fill="@{themeColor}"/><path d="M21.9277 12.5942L21.8993 14.2496L19.9679 14.9391L19.9162 17.9517L21.8256 18.5424L21.7979 20.1567L13.3952 17.3594L13.4228 15.7502L21.9277 12.5942ZM18.5353 15.4508L15.3807 16.5406L18.5 17.5072L18.5353 15.4508Z" fill="@{themeColor}"/><path d="M13.4994 11.0787L13.5511 8.06604C13.5614 7.46968 13.5978 7.02537 13.6605 6.7331C13.7194 6.43747 13.8392 6.1734 14.0199 5.94087C14.2008 5.70492 14.4405 5.50741 14.7391 5.34834C15.0339 5.18933 15.3639 5.10684 15.7291 5.10087C16.1251 5.0944 16.4867 5.18442 16.814 5.37095C17.1413 5.55405 17.3849 5.80704 17.5446 6.12994C17.7024 5.66822 17.9641 5.31103 18.3296 5.05835C18.6952 4.80567 19.1221 4.67534 19.6103 4.66736C19.9947 4.66107 20.3681 4.73549 20.7306 4.8906C21.0892 5.04235 21.3757 5.25524 21.59 5.52927C21.8006 5.79994 21.9274 6.13708 21.9704 6.54069C21.9968 6.79381 22.0056 7.40527 21.9966 8.37509V11.0787H13.4994ZM14.9325 9.53393L16.8872 9.50197L16.9043 8.50461C16.9145 7.91168 16.9112 7.5434 16.8945 7.39976C16.8643 7.13985 16.7679 6.93756 16.6051 6.79289C16.4386 6.64485 16.2188 6.57306 15.9459 6.57752C15.6845 6.5818 15.472 6.65037 15.3083 6.78325C15.1408 6.91277 15.0376 7.10462 14.9986 7.35881C14.9768 7.50993 14.9598 7.94364 14.9475 8.65996L14.9325 9.53393ZM18.2941 9.47896L20.5545 9.442L20.5786 8.03336C20.588 7.48499 20.5767 7.1374 20.5446 6.99059C20.5024 6.76514 20.3941 6.58359 20.2196 6.44597C20.0414 6.30497 19.8024 6.23693 19.5026 6.24183C19.2489 6.24598 19.0327 6.30434 18.854 6.4169C18.6753 6.52947 18.5437 6.69095 18.4594 6.90133C18.3752 7.10829 18.3271 7.55794 18.3152 8.25026L18.2941 9.47896Z" fill="@{themeColor}"/></svg>');
+            .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.9142 2.48263L2 5.89535L3.1071 6.86061L5.68491 4.61307L5.68491 22L7.25059 22L7.25059 4.61307L9.82839 6.86061L10.9355 5.89535L7.0213 2.48263L6.46775 2L5.9142 2.48263Z" fill="@{brandColor}"/><path d="M21.9277 12.5942L21.8993 14.2496L19.9679 14.9391L19.9162 17.9517L21.8256 18.5424L21.7979 20.1567L13.3952 17.3594L13.4228 15.7502L21.9277 12.5942ZM18.5353 15.4508L15.3807 16.5406L18.5 17.5072L18.5353 15.4508Z" fill="@{brandColor}"/><path d="M13.4994 11.0787L13.5511 8.06604C13.5614 7.46968 13.5978 7.02537 13.6605 6.7331C13.7194 6.43747 13.8392 6.1734 14.0199 5.94087C14.2008 5.70492 14.4405 5.50741 14.7391 5.34834C15.0339 5.18933 15.3639 5.10684 15.7291 5.10087C16.1251 5.0944 16.4867 5.18442 16.814 5.37095C17.1413 5.55405 17.3849 5.80704 17.5446 6.12994C17.7024 5.66822 17.9641 5.31103 18.3296 5.05835C18.6952 4.80567 19.1221 4.67534 19.6103 4.66736C19.9947 4.66107 20.3681 4.73549 20.7306 4.8906C21.0892 5.04235 21.3757 5.25524 21.59 5.52927C21.8006 5.79994 21.9274 6.13708 21.9704 6.54069C21.9968 6.79381 22.0056 7.40527 21.9966 8.37509V11.0787H13.4994ZM14.9325 9.53393L16.8872 9.50197L16.9043 8.50461C16.9145 7.91168 16.9112 7.5434 16.8945 7.39976C16.8643 7.13985 16.7679 6.93756 16.6051 6.79289C16.4386 6.64485 16.2188 6.57306 15.9459 6.57752C15.6845 6.5818 15.472 6.65037 15.3083 6.78325C15.1408 6.91277 15.0376 7.10462 14.9986 7.35881C14.9768 7.50993 14.9598 7.94364 14.9475 8.65996L14.9325 9.53393ZM18.2941 9.47896L20.5545 9.442L20.5786 8.03336C20.588 7.48499 20.5767 7.1374 20.5446 6.99059C20.5024 6.76514 20.3941 6.58359 20.2196 6.44597C20.0414 6.30497 19.8024 6.23693 19.5026 6.24183C19.2489 6.24598 19.0327 6.30434 18.854 6.4169C18.6753 6.52947 18.5437 6.69095 18.4594 6.90133C18.3752 7.10829 18.3271 7.55794 18.3152 8.25026L18.2941 9.47896Z" fill="@{brandColor}"/></svg>');
         }
         &.icon-text-orientation-rotatedown {
             width: 24px;
             height: 24px;
-            .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.0213 21.5174L10.9355 18.1047L9.82839 17.1394L7.25058 19.3869L7.25059 2L5.68491 2L5.68491 19.3869L3.1071 17.1394L2 18.1047L5.91419 21.5174L6.46774 22L7.0213 21.5174Z" fill="@{themeColor}"/><path d="M13.4675 11.4058L13.4959 9.75035L15.4273 9.06091L15.479 6.04827L13.5695 5.45761L13.5972 3.84333L22 6.64062L21.9724 8.24976L13.4675 11.4058ZM16.8599 8.54922L20.0145 7.45944L16.8952 6.49282L16.8599 8.54922Z" fill="@{themeColor}"/><path d="M21.8957 12.9213L21.844 15.934C21.8338 16.5303 21.7974 16.9746 21.7347 17.2669C21.6758 17.5625 21.556 17.8266 21.3752 18.0591C21.1944 18.2951 20.9547 18.4926 20.656 18.6517C20.3612 18.8107 20.0312 18.8932 19.6661 18.8991C19.2701 18.9056 18.9085 18.8156 18.5812 18.6291C18.2538 18.446 18.0103 18.193 17.8506 17.8701C17.6928 18.3318 17.4311 18.689 17.0655 18.9417C16.7 19.1943 16.2731 19.3247 15.7849 19.3326C15.4005 19.3389 15.0271 19.2645 14.6646 19.1094C14.306 18.9577 14.0195 18.7448 13.8051 18.4707C13.5946 18.2001 13.4678 17.8629 13.4248 17.4593C13.3984 17.2062 13.3896 16.5947 13.3986 15.6249L13.3986 12.9213L21.8957 12.9213ZM20.4627 14.4661L18.508 14.498L18.4909 15.4954C18.4807 16.0883 18.484 16.4566 18.5007 16.6002C18.5309 16.8601 18.6273 17.0624 18.7901 17.2071C18.9566 17.3552 19.1764 17.4269 19.4493 17.4225C19.7107 17.4182 19.9232 17.3496 20.0869 17.2167C20.2544 17.0872 20.3576 16.8954 20.3965 16.6412C20.4184 16.4901 20.4354 16.0564 20.4477 15.34L20.4627 14.4661ZM17.101 14.521L14.8407 14.558L14.8166 15.9666C14.8071 16.515 14.8185 16.8626 14.8505 17.0094C14.8928 17.2349 15.0011 17.4164 15.1755 17.554C15.3537 17.695 15.5928 17.7631 15.8926 17.7582C16.1463 17.754 16.3625 17.6957 16.5412 17.5831C16.7199 17.4705 16.8514 17.3091 16.9358 17.0987C17.02 16.8917 17.0681 16.4421 17.08 15.7497L17.101 14.521Z" fill="@{themeColor}"/></svg>');
+            .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.0213 21.5174L10.9355 18.1047L9.82839 17.1394L7.25058 19.3869L7.25059 2L5.68491 2L5.68491 19.3869L3.1071 17.1394L2 18.1047L5.91419 21.5174L6.46774 22L7.0213 21.5174Z" fill="@{brandColor}"/><path d="M13.4675 11.4058L13.4959 9.75035L15.4273 9.06091L15.479 6.04827L13.5695 5.45761L13.5972 3.84333L22 6.64062L21.9724 8.24976L13.4675 11.4058ZM16.8599 8.54922L20.0145 7.45944L16.8952 6.49282L16.8599 8.54922Z" fill="@{brandColor}"/><path d="M21.8957 12.9213L21.844 15.934C21.8338 16.5303 21.7974 16.9746 21.7347 17.2669C21.6758 17.5625 21.556 17.8266 21.3752 18.0591C21.1944 18.2951 20.9547 18.4926 20.656 18.6517C20.3612 18.8107 20.0312 18.8932 19.6661 18.8991C19.2701 18.9056 18.9085 18.8156 18.5812 18.6291C18.2538 18.446 18.0103 18.193 17.8506 17.8701C17.6928 18.3318 17.4311 18.689 17.0655 18.9417C16.7 19.1943 16.2731 19.3247 15.7849 19.3326C15.4005 19.3389 15.0271 19.2645 14.6646 19.1094C14.306 18.9577 14.0195 18.7448 13.8051 18.4707C13.5946 18.2001 13.4678 17.8629 13.4248 17.4593C13.3984 17.2062 13.3896 16.5947 13.3986 15.6249L13.3986 12.9213L21.8957 12.9213ZM20.4627 14.4661L18.508 14.498L18.4909 15.4954C18.4807 16.0883 18.484 16.4566 18.5007 16.6002C18.5309 16.8601 18.6273 17.0624 18.7901 17.2071C18.9566 17.3552 19.1764 17.4269 19.4493 17.4225C19.7107 17.4182 19.9232 17.3496 20.0869 17.2167C20.2544 17.0872 20.3576 16.8954 20.3965 16.6412C20.4184 16.4901 20.4354 16.0564 20.4477 15.34L20.4627 14.4661ZM17.101 14.521L14.8407 14.558L14.8166 15.9666C14.8071 16.515 14.8185 16.8626 14.8505 17.0094C14.8928 17.2349 15.0011 17.4164 15.1755 17.554C15.3537 17.695 15.5928 17.7631 15.8926 17.7582C16.1463 17.754 16.3625 17.6957 16.5412 17.5831C16.7199 17.4705 16.8514 17.3091 16.9358 17.0987C17.02 16.8917 17.0681 16.4421 17.08 15.7497L17.101 14.521Z" fill="@{brandColor}"/></svg>');
         }
     }
 
@@ -440,27 +440,27 @@
             &.icon-add-chart {
                 width: 24px;
                 height: 24px;
-                .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20 5H16V20H20V5ZM10 11H14V20H10V11ZM4 14H8V20H4V14Z" fill="white"/></svg>');
+                .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20 5H16V20H20V5ZM10 11H14V20H10V11ZM4 14H8V20H4V14Z" fill="white"/></svg>');
             }
             &.icon-add-formula {
                 width: 24px;
                 height: 24px;
-                .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 5H19V9.11765H16.375V7.47059H8.9375L11.5625 12L8.9375 16.5294H16.375V14.8824H19V19H5V17.7647L8.5 12L5 6.23529V5Z" fill="white"/></svg>');
+                .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 5H19V9.11765H16.375V7.47059H8.9375L11.5625 12L8.9375 16.5294H16.375V14.8824H19V19H5V17.7647L8.5 12L5 6.23529V5Z" fill="white"/></svg>');
             }
             &.icon-add-shape {
                 width: 24px;
                 height: 24px;
-                .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse cx="15.3333" cy="14.4002" rx="5.66667" ry="5.60002" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5 4.80005C4.44772 4.80005 4 5.24776 4 5.80005V15.8001C4 16.3524 4.44771 16.8001 5 16.8001H9.32787C9.02431 16.059 8.85714 15.2488 8.85714 14.4001C8.85714 10.8655 11.7566 8.00012 15.3333 8.00012C15.8924 8.00012 16.4349 8.07013 16.9524 8.20175V5.80005C16.9524 5.24776 16.5047 4.80005 15.9524 4.80005H5Z" fill="white"/></svg>');
+                .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><ellipse cx="15.3333" cy="14.4002" rx="5.66667" ry="5.60002" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5 4.80005C4.44772 4.80005 4 5.24776 4 5.80005V15.8001C4 16.3524 4.44771 16.8001 5 16.8001H9.32787C9.02431 16.059 8.85714 15.2488 8.85714 14.4001C8.85714 10.8655 11.7566 8.00012 15.3333 8.00012C15.8924 8.00012 16.4349 8.07013 16.9524 8.20175V5.80005C16.9524 5.24776 16.5047 4.80005 15.9524 4.80005H5Z" fill="white"/></svg>');
             }
             &.icon-add-image {
                 width: 24px;
                 height: 24px;
-                .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.79177 16.6667L8.87529 13.1667L11.1254 15.5L14.2089 12L18.2092 16.6667H5.79177ZM19.4593 18.526C19.8204 18.2101 20.001 17.8455 20.001 17.4323V6.56771C20.001 6.15451 19.8204 5.78993 19.4593 5.47396C19.0981 5.15799 18.6814 5 18.2092 5H5.79177C5.31952 5 4.90283 5.15799 4.5417 5.47396C4.18057 5.78993 4 6.15451 4 6.56771V17.4323C4 17.8455 4.18057 18.2101 4.5417 18.526C4.90283 18.842 5.31952 19 5.79177 19H18.2092C18.6814 19 19.0981 18.842 19.4593 18.526ZM8.79933 11.2222C9.68304 11.2222 10.3994 10.5258 10.3994 9.66667C10.3994 8.80756 9.68304 8.11111 8.79933 8.11111C7.91562 8.11111 7.19923 8.80756 7.19923 9.66667C7.19923 10.5258 7.91562 11.2222 8.79933 11.2222Z" fill="white"/></svg>');
+                .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.79177 16.6667L8.87529 13.1667L11.1254 15.5L14.2089 12L18.2092 16.6667H5.79177ZM19.4593 18.526C19.8204 18.2101 20.001 17.8455 20.001 17.4323V6.56771C20.001 6.15451 19.8204 5.78993 19.4593 5.47396C19.0981 5.15799 18.6814 5 18.2092 5H5.79177C5.31952 5 4.90283 5.15799 4.5417 5.47396C4.18057 5.78993 4 6.15451 4 6.56771V17.4323C4 17.8455 4.18057 18.2101 4.5417 18.526C4.90283 18.842 5.31952 19 5.79177 19H18.2092C18.6814 19 19.0981 18.842 19.4593 18.526ZM8.79933 11.2222C9.68304 11.2222 10.3994 10.5258 10.3994 9.66667C10.3994 8.80756 9.68304 8.11111 8.79933 8.11111C7.91562 8.11111 7.19923 8.80756 7.19923 9.66667C7.19923 10.5258 7.91562 11.2222 8.79933 11.2222Z" fill="white"/></svg>');
             }
             &.icon-add-other {
                 width: 24px;
                 height: 24px;
-                .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.00049 18C7.00049 18.8284 6.32892 19.5 5.50049 19.5C4.67206 19.5 4.00049 18.8284 4.00049 18C4.00049 17.1716 4.67206 16.5 5.50049 16.5C6.32892 16.5 7.00049 17.1716 7.00049 18ZM13.5005 18C13.5005 18.8284 12.8289 19.5 12.0005 19.5C11.1721 19.5 10.5005 18.8284 10.5005 18C10.5005 17.1716 11.1721 16.5 12.0005 16.5C12.8289 16.5 13.5005 17.1716 13.5005 18ZM18.5005 19.5C19.3289 19.5 20.0005 18.8284 20.0005 18C20.0005 17.1716 19.3289 16.5 18.5005 16.5C17.6721 16.5 17.0005 17.1716 17.0005 18C17.0005 18.8284 17.6721 19.5 18.5005 19.5Z" fill="white"/></svg>');
+                .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.00049 18C7.00049 18.8284 6.32892 19.5 5.50049 19.5C4.67206 19.5 4.00049 18.8284 4.00049 18C4.00049 17.1716 4.67206 16.5 5.50049 16.5C6.32892 16.5 7.00049 17.1716 7.00049 18ZM13.5005 18C13.5005 18.8284 12.8289 19.5 12.0005 19.5C11.1721 19.5 10.5005 18.8284 10.5005 18C10.5005 17.1716 11.1721 16.5 12.0005 16.5C12.8289 16.5 13.5005 17.1716 13.5005 18ZM18.5005 19.5C19.3289 19.5 20.0005 18.8284 20.0005 18C20.0005 17.1716 19.3289 16.5 18.5005 16.5C17.6721 16.5 17.0005 17.1716 17.0005 18C17.0005 18.8284 17.6721 19.5 18.5005 19.5Z" fill="white"/></svg>');
             }
             &.icon-link {
                 background: #fff;
diff --git a/apps/spreadsheeteditor/mobile/src/less/icons-material.less b/apps/spreadsheeteditor/mobile/src/less/icons-material.less
index 082c7f232..70a6e5c9d 100644
--- a/apps/spreadsheeteditor/mobile/src/less/icons-material.less
+++ b/apps/spreadsheeteditor/mobile/src/less/icons-material.less
@@ -5,132 +5,132 @@
         &.icon-expand-up {
             width: 17px;
             height: 17px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{black}"><g><polygon points="10.9,5.1 2,13.9 4.1,16 11.1,9.2 17.9,16 20,13.9 11.2,5.1 11.1,5 "/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{black}"><g><polygon points="10.9,5.1 2,13.9 4.1,16 11.1,9.2 17.9,16 20,13.9 11.2,5.1 11.1,5 "/></g></svg>');
         }
         &.icon-expand-down {
             width: 17px;
             height: 17px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{black}"><g><polygon points="10.9,16.9 2,8.1 4.1,6 11.1,12.8 17.9,6 20,8.1 11.2,16.9 11.1,17 "/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{black}"><g><polygon points="10.9,16.9 2,8.1 4.1,6 11.1,12.8 17.9,6 20,8.1 11.2,16.9 11.1,17 "/></g></svg>');
         }
         &.icon-search {
             width: 22px;
             height: 22px;
-            .encoded-svg-background('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M19.5,16.8L16,13.3c0.7-1.1,1.1-2.4,1.1-3.8C17,5.4,13.6,2,9.5,2S2,5.4,2,9.5S5.4,17,9.5,17c1.4,0,2.7-0.4,3.8-1.1l3.5,3.5c0.7,0.7,1.9,0.7,2.6,0C20.2,18.7,20.2,17.6,19.5,16.8z M9.5,15.3c-3.2,0-5.8-2.6-5.8-5.8s2.6-5.8,5.8-5.8s5.8,2.6,5.8,5.8S12.7,15.3,9.5,15.3z"/></g></svg>');
+            .encoded-svg-mask('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M19.5,16.8L16,13.3c0.7-1.1,1.1-2.4,1.1-3.8C17,5.4,13.6,2,9.5,2S2,5.4,2,9.5S5.4,17,9.5,17c1.4,0,2.7-0.4,3.8-1.1l3.5,3.5c0.7,0.7,1.9,0.7,2.6,0C20.2,18.7,20.2,17.6,19.5,16.8z M9.5,15.3c-3.2,0-5.8-2.6-5.8-5.8s2.6-5.8,5.8-5.8s5.8,2.6,5.8,5.8S12.7,15.3,9.5,15.3z"/></g></svg>');
         }
         &.icon-edit {
             width: 22px;
             height: 22px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M0,20h22v1H0V20z"/><polygon points="17.1,3.1 3.5,16.7 3,20 6.3,19.5 19.9,5.9 	"/><path d="M20.5,5.3L22,3.8c0,0-0.2-1.2-0.9-1.9C20.4,1.1,19.2,1,19.2,1l-1.5,1.5L20.5,5.3z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M0,20h22v1H0V20z"/><polygon points="17.1,3.1 3.5,16.7 3,20 6.3,19.5 19.9,5.9 	"/><path d="M20.5,5.3L22,3.8c0,0-0.2-1.2-0.9-1.9C20.4,1.1,19.2,1,19.2,1l-1.5,1.5L20.5,5.3z"/></g></svg>');
         }
         &.icon-edit-settings {
             width: 22px;
             height: 22px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M2.5 15L8 1h2l4.4146 11.2574-1.6009 1.6008L12.12012 12h-6.25L4.75 15zM9 3.66998L6.62012 10h4.75976z" clip-rule="evenodd" fill="#fff" fill-rule="evenodd"/><path d="M10 19.50035V22h2.49965l7.37231-7.37231-2.49965-2.49965zm11.805-6.80572c.26-.25997.26-.67991 0-.93987l-1.5598-1.559787c-.25992-.259964-.67986-.259964-.93983 0L18.08554 11.4148l2.49966 2.49966z" fill="#fff"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{toolbar-icons}"><g><path d="M2.5 15L8 1h2l4.4146 11.2574-1.6009 1.6008L12.12012 12h-6.25L4.75 15zM9 3.66998L6.62012 10h4.75976z" clip-rule="evenodd" fill="#fff" fill-rule="evenodd"/><path d="M10 19.50035V22h2.49965l7.37231-7.37231-2.49965-2.49965zm11.805-6.80572c.26-.25997.26-.67991 0-.93987l-1.5598-1.559787c-.25992-.259964-.67986-.259964-.93983 0L18.08554 11.4148l2.49966 2.49966z" fill="#fff"/></g></svg>', @toolbar-icons);
         }
         &.icon-reader {
             width: 22px;
             height: 22px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M17,21H1V9h6V2l0,0h10v5h1V1H6.2L0,7.6V22h18v-3h-1V21z M6,2.8V8H1.1L6,2.8z M13,8c-5.1,0-9,5-9,5s4.1,5,9,5c5,0,9-5,9-5S18,8,13,8z M8.7,15.5C6.8,14.4,6.4,13,6.4,13s0.4-1.5,2.4-2.6C8.3,11.2,8,12,8,13C8,13.9,8.3,14.8,8.7,15.5z M13,16.7c-2.1,0-3.7-1.7-3.7-3.7c0-2.1,1.7-3.7,3.7-3.7c2.1,0,3.7,1.7,3.7,3.7C16.7,15.1,15.1,16.7,13,16.7z M17.3,15.5c0.4-0.7,0.7-1.6,0.7-2.5c0-1-0.3-1.8-0.7-2.6c2,1.1,3.4,2.6,3.4,2.6S19.2,14.4,17.3,15.5z M13,11.7c-0.7,0-1.3,0.6-1.3,1.3s0.6,1.3,1.3,1.3s1.3-0.6,1.3-1.3S13.7,11.7,13,11.7z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M17,21H1V9h6V2l0,0h10v5h1V1H6.2L0,7.6V22h18v-3h-1V21z M6,2.8V8H1.1L6,2.8z M13,8c-5.1,0-9,5-9,5s4.1,5,9,5c5,0,9-5,9-5S18,8,13,8z M8.7,15.5C6.8,14.4,6.4,13,6.4,13s0.4-1.5,2.4-2.6C8.3,11.2,8,12,8,13C8,13.9,8.3,14.8,8.7,15.5z M13,16.7c-2.1,0-3.7-1.7-3.7-3.7c0-2.1,1.7-3.7,3.7-3.7c2.1,0,3.7,1.7,3.7,3.7C16.7,15.1,15.1,16.7,13,16.7z M17.3,15.5c0.4-0.7,0.7-1.6,0.7-2.5c0-1-0.3-1.8-0.7-2.6c2,1.1,3.4,2.6,3.4,2.6S19.2,14.4,17.3,15.5z M13,11.7c-0.7,0-1.3,0.6-1.3,1.3s0.6,1.3,1.3,1.3s1.3-0.6,1.3-1.3S13.7,11.7,13,11.7z"/></g></svg>');
         }
         &.icon-download {
             width: 22px;
-            height: 28px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" y="0px" x="0px" fill="@{themeColor}"><path d="M12 0H11L11 14L7.39999 10.3L6.69999 11.1L11.5 16L16.3 11.1L15.6 10.3L12 14L12 0Z"/><path d="M14 5V6H19V20H4V6H9V5H3V21H20V5H14Z"/></svg>');
+            height: 22px;
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" y="0px" x="0px" fill="@{brandColor}"><path d="M12 0H11L11 14L7.39999 10.3L6.69999 11.1L11.5 16L16.3 11.1L15.6 10.3L12 14L12 0Z"/><path d="M14 5V6H19V20H4V6H9V5H3V21H20V5H14Z"/></svg>');
         }
         &.icon-print {
             width: 22px;
-            height: 28px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-0 0 22 22" y="0px" x="0px" fill="@{themeColor}"><g><path fill-rule="evenodd" clip-rule="evenodd" d="M5 1H17V6H21V17H17V21H5V17H1V6H5V1ZM6 6H16V2H6V6ZM5 16V13H2V16H5ZM2 12H20V7H2V12ZM20 13H17V16H20V13ZM16 13H6V20H16V13ZM14 16H8V15H14V16ZM14 18H8V17H14V18Z"/></g></svg>');
+            height: 22px;
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-0 0 22 22" y="0px" x="0px" fill="@{brandColor}"><g><path fill-rule="evenodd" clip-rule="evenodd" d="M5 1H17V6H21V17H17V21H5V17H1V6H5V1ZM6 6H16V2H6V6ZM5 16V13H2V16H5ZM2 12H20V7H2V12ZM20 13H17V16H20V13ZM16 13H6V20H16V13ZM14 16H8V15H14V16ZM14 18H8V17H14V18Z"/></g></svg>');
         }
         &.icon-info {
             width: 22px;
             height: 22px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M10,17h2V8h-2V17z M11,1C5.5,1,1,5.5,1,11s4.5,10,10,10s10-4.5,10-10S16.5,1,11,1z M11,20c-5,0-9-4-9-9s4-9,9-9s9,4,9,9S16,20,11,20z M10,7h2V5h-2V7z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M10,17h2V8h-2V17z M11,1C5.5,1,1,5.5,1,11s4.5,10,10,10s10-4.5,10-10S16.5,1,11,1z M11,20c-5,0-9-4-9-9s4-9,9-9s9,4,9,9S16,20,11,20z M10,7h2V5h-2V7z"/></g></svg>');
         }
         &.icon-about {
             width: 22px;
             height: 22px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-1 7 22 22" fill="@{themeColor}"><g><path d="M21,18.5c0-0.3-0.1-0.6-0.7-0.9l-2.6-1.2l2.6-1.2c0.6-0.3,0.7-0.6,0.7-0.9c0-0.3-0.1-0.6-0.7-0.9l-8.9-4.1c-0.7-0.4-1.9-0.4-2.8,0l-8.9,4.1C-0.9,13.8-1,14.1-1,14.3s0.1,0.6,0.7,0.9l2.6,1.2l-2.6,1.2C-0.9,18-1,18.4-1,18.5c0,0.2,0.1,0.6,0.7,0.9l2.5,1.2l-2.5,1.2C-0.9,22.1-1,22.5-1,22.7c0,0.3,0.1,0.6,0.7,0.9l8.9,4.1c0.5,0.2,0.8,0.3,1.4,0.3s1-0.1,1.4-0.3l8.9-4.1c0.6-0.4,0.7-0.6,0.7-0.9c0-0.3-0.1-0.6-0.7-0.9l-2.5-1.2l2.5-1.2C20.9,19.2,21,18.8,21,18.5z M-0.2,14.3L-0.2,14.3c0,0,0.1-0.1,0.3-0.2L9,10c0.6-0.3,1.5-0.3,2,0l8.9,4.1c0.2,0.1,0.3,0.2,0.3,0.2l0,0c0,0-0.1,0.1-0.3,0.2L11,18.6c-0.6,0.3-1.5,0.3-2,0l-8.9-4.1C-0.1,14.4-0.2,14.3-0.2,14.3z M20.2,22.7L20.2,22.7c0,0-0.1,0.1-0.3,0.2L11,27.1c-0.6,0.3-1.5,0.3-2,0l-8.9-4.1c-0.2-0.1-0.3-0.2-0.3-0.2l0,0c0,0,0.1-0.1,0.3-0.2l3-1.5l5.5,2.6c0.7,0.4,1.9,0.4,2.8,0l5.5-2.6l3,1.5C20.1,22.7,20.2,22.7,20.2,22.7z M19.9,18.7L11,22.8c-0.6,0.3-1.5,0.3-2,0l-8.9-4.1c-0.2-0.1-0.3-0.2-0.3-0.2l0,0c0,0,0.1-0.1,0.3-0.2l3-1.5l5.5,2.6c0.7,0.4,1.9,0.4,2.8,0l5.5-2.6l3,1.5c0.2,0.1,0.3,0.2,0.3,0.2l0,0C20.2,18.5,20.1,18.6,19.9,18.7z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-1 7 22 22" fill="@{brandColor}"><g><path d="M21,18.5c0-0.3-0.1-0.6-0.7-0.9l-2.6-1.2l2.6-1.2c0.6-0.3,0.7-0.6,0.7-0.9c0-0.3-0.1-0.6-0.7-0.9l-8.9-4.1c-0.7-0.4-1.9-0.4-2.8,0l-8.9,4.1C-0.9,13.8-1,14.1-1,14.3s0.1,0.6,0.7,0.9l2.6,1.2l-2.6,1.2C-0.9,18-1,18.4-1,18.5c0,0.2,0.1,0.6,0.7,0.9l2.5,1.2l-2.5,1.2C-0.9,22.1-1,22.5-1,22.7c0,0.3,0.1,0.6,0.7,0.9l8.9,4.1c0.5,0.2,0.8,0.3,1.4,0.3s1-0.1,1.4-0.3l8.9-4.1c0.6-0.4,0.7-0.6,0.7-0.9c0-0.3-0.1-0.6-0.7-0.9l-2.5-1.2l2.5-1.2C20.9,19.2,21,18.8,21,18.5z M-0.2,14.3L-0.2,14.3c0,0,0.1-0.1,0.3-0.2L9,10c0.6-0.3,1.5-0.3,2,0l8.9,4.1c0.2,0.1,0.3,0.2,0.3,0.2l0,0c0,0-0.1,0.1-0.3,0.2L11,18.6c-0.6,0.3-1.5,0.3-2,0l-8.9-4.1C-0.1,14.4-0.2,14.3-0.2,14.3z M20.2,22.7L20.2,22.7c0,0-0.1,0.1-0.3,0.2L11,27.1c-0.6,0.3-1.5,0.3-2,0l-8.9-4.1c-0.2-0.1-0.3-0.2-0.3-0.2l0,0c0,0,0.1-0.1,0.3-0.2l3-1.5l5.5,2.6c0.7,0.4,1.9,0.4,2.8,0l5.5-2.6l3,1.5C20.1,22.7,20.2,22.7,20.2,22.7z M19.9,18.7L11,22.8c-0.6,0.3-1.5,0.3-2,0l-8.9-4.1c-0.2-0.1-0.3-0.2-0.3-0.2l0,0c0,0,0.1-0.1,0.3-0.2l3-1.5l5.5,2.6c0.7,0.4,1.9,0.4,2.8,0l5.5-2.6l3,1.5c0.2,0.1,0.3,0.2,0.3,0.2l0,0C20.2,18.5,20.1,18.6,19.9,18.7z"/></g></svg>');
         }
         &.icon-help {
             width: 22px;
             height: 22px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M11.6,1.3c-3.3,0-6,2.8-6,6.2c0.3,0,0.7,0,0.9,0c0-2.9,2.3-5.2,5.1-5.2s5.1,2.3,5.1,5.2c0,1.7-1.9,3.2-3,4.3C12.9,12.6,11,14.2,11,16c0,1.2,0,2.2,0,2.7c0.3,0,0.6,0,0.9,0c0-0.6,0-1.6,0-2.5c0-1.4,1.1-2.4,2.2-3.5c1.7-1.5,3.5-3.1,3.5-5.2C17.6,4.1,14.9,1.3,11.6,1.3z M11.5,20.2c-0.3,0-0.5,0.2-0.5,0.5v0.8c0,0.3,0.2,0.5,0.5,0.5s0.5-0.2,0.5-0.5v-0.8C11.9,20.4,11.7,20.2,11.5,20.2z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M11.6,1.3c-3.3,0-6,2.8-6,6.2c0.3,0,0.7,0,0.9,0c0-2.9,2.3-5.2,5.1-5.2s5.1,2.3,5.1,5.2c0,1.7-1.9,3.2-3,4.3C12.9,12.6,11,14.2,11,16c0,1.2,0,2.2,0,2.7c0.3,0,0.6,0,0.9,0c0-0.6,0-1.6,0-2.5c0-1.4,1.1-2.4,2.2-3.5c1.7-1.5,3.5-3.1,3.5-5.2C17.6,4.1,14.9,1.3,11.6,1.3z M11.5,20.2c-0.3,0-0.5,0.2-0.5,0.5v0.8c0,0.3,0.2,0.5,0.5,0.5s0.5-0.2,0.5-0.5v-0.8C11.9,20.4,11.7,20.2,11.5,20.2z"/></g></svg>');
         }
         &.icon-versions {
             width: 22px;
             height: 22px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-1 7 22 22" fill="@{themeColor}"><g><path d="M19,12c0-1.1-0.9-2-2-2c0-1.1-0.9-2-2-2H5c-1.1,0-2,0.9-2,2c-1.1,0-2,0.9-2,2c-1.1,0-2,0.9-2,2v12c0,1.1,0.9,2,2,2h18c1.1,0,2-0.9,2-2V14C21,12.9,20.1,12,19,12z M5,9h10c0.6,0,1,0.4,1,1H4C4,9.4,4.4,9,5,9z M3,11h14c0.6,0,1,0.4,1,1H2C2,11.4,2.4,11,3,11z M20,26c0,0.6-0.4,1-1,1H1c-0.6,0-1-0.4-1-1V14c0-0.6,0.4-1,1-1h18c0.6,0,1,0.4,1,1V26z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-1 7 22 22" fill="@{brandColor}"><g><path d="M19,12c0-1.1-0.9-2-2-2c0-1.1-0.9-2-2-2H5c-1.1,0-2,0.9-2,2c-1.1,0-2,0.9-2,2c-1.1,0-2,0.9-2,2v12c0,1.1,0.9,2,2,2h18c1.1,0,2-0.9,2-2V14C21,12.9,20.1,12,19,12z M5,9h10c0.6,0,1,0.4,1,1H4C4,9.4,4.4,9,5,9z M3,11h14c0.6,0,1,0.4,1,1H2C2,11.4,2.4,11,3,11z M20,26c0,0.6-0.4,1-1,1H1c-0.6,0-1-0.4-1-1V14c0-0.6,0.4-1,1-1h18c0.6,0,1,0.4,1,1V26z"/></g></svg>');
         }
         &.icon-text-color {
             width: 22px;
             height: 22px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M8.9,12l2.3-6.3l2.2,6.3H8.9z M4.7,17.8h2l1.6-4.3h5.6l1.5,4.3h2.1L12.3,3.5h-2.2L4.7,17.8z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M8.9,12l2.3-6.3l2.2,6.3H8.9z M4.7,17.8h2l1.6-4.3h5.6l1.5,4.3h2.1L12.3,3.5h-2.2L4.7,17.8z"/></g></svg>');
         }
         &.icon-text-align-center {
             width: 22px;
             height: 22px;
-            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M1,3v1h21V3H1z M4,7v1h14V7H4z M1,12h21v-1H1V12z M4,15v1h14v-1H4z M1,20h21v-1H1V20z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M1,3v1h21V3H1z M4,7v1h14V7H4z M1,12h21v-1H1V12z M4,15v1h14v-1H4z M1,20h21v-1H1V20z"/></g></svg>');
         }
         &.icon-text-align-jast {
             width: 22px;
             height: 22px;
-            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M1,3v1h21V3H1z M1,8h21V7H1V8z M1,12h21v-1H1V12z M1,16h21v-1H1V16z M1,20h21v-1H1V20z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M1,3v1h21V3H1z M1,8h21V7H1V8z M1,12h21v-1H1V12z M1,16h21v-1H1V16z M1,20h21v-1H1V20z"/></g></svg>');
         }
         &.icon-text-align-left {
             width: 22px;
             height: 22px;
-            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M1,3v1h21V3H1z M15,7H1v1h14V7z M1,12h21v-1H1V12z M15,15H1v1h14V15z M1,20h21v-1H1V20z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M1,3v1h21V3H1z M15,7H1v1h14V7z M1,12h21v-1H1V12z M15,15H1v1h14V15z M1,20h21v-1H1V20z"/></g></svg>');
         }
         &.icon-text-align-right {
             width: 22px;
             height: 22px;
-            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M1,3v1h21V3H1z M8,8h14V7H8V8z M22,11H1v1h21V11z M8,16h14v-1H8V16z M22,19H1v1h21V19z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M1,3v1h21V3H1z M8,8h14V7H8V8z M22,11H1v1h21V11z M8,16h14v-1H8V16z M22,19H1v1h21V19z"/></g></svg>');
         }
         &.icon-text-valign-top {
             width: 22px;
             height: 22px;
-            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><rect class="cls-1" x="2" y="2" width="19" height="1"/><rect class="cls-1" x="2" y="4" width="19" height="1"/><polygon class="cls-1" points="12 18 11 18 11 7.83 8.65 9.8 8 8.94 11.5 6 15 9 14.35 9.8 12 7.83 12 18"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><rect class="cls-1" x="2" y="2" width="19" height="1"/><rect class="cls-1" x="2" y="4" width="19" height="1"/><polygon class="cls-1" points="12 18 11 18 11 7.83 8.65 9.8 8 8.94 11.5 6 15 9 14.35 9.8 12 7.83 12 18"/></g></svg>');
         }
         &.icon-text-valign-middle {
             width: 22px;
             height: 22px;
-            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><rect class="cls-1" x="2" y="10" width="19" height="1"/><rect class="cls-1" x="2" y="12" width="19" height="1"/><polygon class="cls-1" points="11 2 12 2 12 7.17 14.35 5.2 15 6.06 11.5 9 8 6 8.65 5.2 11 7.17 11 2"/><polygon class="cls-1" points="12 21 11 21 11 15.83 8.65 17.8 8 16.94 11.5 14 15 17 14.35 17.8 12 15.83 12 21"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><rect class="cls-1" x="2" y="10" width="19" height="1"/><rect class="cls-1" x="2" y="12" width="19" height="1"/><polygon class="cls-1" points="11 2 12 2 12 7.17 14.35 5.2 15 6.06 11.5 9 8 6 8.65 5.2 11 7.17 11 2"/><polygon class="cls-1" points="12 21 11 21 11 15.83 8.65 17.8 8 16.94 11.5 14 15 17 14.35 17.8 12 15.83 12 21"/></g></svg>');
         }
         &.icon-text-valign-bottom {
             width: 22px;
             height: 22px;
-            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><g><rect class="cls-1" x="2" y="18" width="19" height="1"/><rect class="cls-1" x="2" y="20" width="19" height="1"/><polygon class="cls-1" points="11 4 12 4 12 15.17 14.35 13.2 15 14.06 11.5 17 8 14 8.65 13.2 11 15.17 11 4"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><g><rect class="cls-1" x="2" y="18" width="19" height="1"/><rect class="cls-1" x="2" y="20" width="19" height="1"/><polygon class="cls-1" points="11 4 12 4 12 15.17 14.35 13.2 15 14.06 11.5 17 8 14 8.65 13.2 11 15.17 11 4"/></g></svg>');
         }
         &.icon-link {
             width: 24px;
             height: 24px;
-            .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.0235 7C18.4006 7 19.5743 7.49845 20.5446 8.49534C21.5149 9.46108 22 10.6293 22 12C22 13.3708 21.5149 14.5546 20.5446 15.5515C19.5743 16.5172 18.4006 17.0001 17.0235 17.0001H13V15H17C17.8451 15 18.5884 14.7882 19.1831 14.1963C19.8091 13.5733 20 12.8411 20 12C20 11.1589 19.8091 10.4424 19.1831 9.85049C18.5884 9.22743 17.8685 9 17.0235 9H13V7H17.0235ZM8.00939 12.9814V11.0187H15.9906V12.9814H8.00939ZM4.76995 9.85049C4.17527 10.4424 4 11.1589 4 12C4 12.8411 4.17527 13.5733 4.76995 14.1963C5.39593 14.7882 6.15493 15 7 15H11.0141V17.0001H6.97653C5.59937 17.0001 4.42567 16.5172 3.4554 15.5515C2.48513 14.5546 2 13.3708 2 12C2 10.6293 2.48513 9.46108 3.4554 8.49534C4.42567 7.49845 5.59937 7 6.97653 7H11.0141V9H6.97653C6.13146 9 5.39593 9.22743 4.76995 9.85049Z" fill="@{themeColor}"/></svg>');
+            .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.0235 7C18.4006 7 19.5743 7.49845 20.5446 8.49534C21.5149 9.46108 22 10.6293 22 12C22 13.3708 21.5149 14.5546 20.5446 15.5515C19.5743 16.5172 18.4006 17.0001 17.0235 17.0001H13V15H17C17.8451 15 18.5884 14.7882 19.1831 14.1963C19.8091 13.5733 20 12.8411 20 12C20 11.1589 19.8091 10.4424 19.1831 9.85049C18.5884 9.22743 17.8685 9 17.0235 9H13V7H17.0235ZM8.00939 12.9814V11.0187H15.9906V12.9814H8.00939ZM4.76995 9.85049C4.17527 10.4424 4 11.1589 4 12C4 12.8411 4.17527 13.5733 4.76995 14.1963C5.39593 14.7882 6.15493 15 7 15H11.0141V17.0001H6.97653C5.59937 17.0001 4.42567 16.5172 3.4554 15.5515C2.48513 14.5546 2 13.3708 2 12C2 10.6293 2.48513 9.46108 3.4554 8.49534C4.42567 7.49845 5.59937 7 6.97653 7H11.0141V9H6.97653C6.13146 9 5.39593 9.22743 4.76995 9.85049Z" fill="@{brandColor}"/></svg>');
         }
         &.icon-insimage, &.icon-image-library {
             width: 24px;
             height: 24px;
-            .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0)"><path fill-rule="evenodd" clip-rule="evenodd" d="M20 5.5H4C3.72386 5.5 3.5 5.72386 3.5 6V15.5822L8.03349 11.6898C8.47476 11.3109 9.11904 11.2865 9.58778 11.6308L13.5726 14.5579L15.9619 12.6774C16.4488 12.2942 17.1428 12.3255 17.5933 12.7509L20.5 15.4962V6C20.5 5.72386 20.2761 5.5 20 5.5ZM20.5 17.5294L20.485 17.5453L16.7201 13.9895L14.3509 15.8542C13.9095 16.2016 13.2905 16.2119 12.8378 15.8793L8.85988 12.9573L3.5 17.5592V18C3.5 18.2761 3.72386 18.5 4 18.5H20C20.2761 18.5 20.5 18.2761 20.5 18V17.5294ZM4 4C2.89543 4 2 4.89543 2 6V18C2 19.1046 2.89543 20 4 20H20C21.1046 20 22 19.1046 22 18V6C22 4.89543 21.1046 4 20 4H4ZM16.5 9.5C16.5 11.1569 15.1569 12.5 13.5 12.5C11.8431 12.5 10.5 11.1569 10.5 9.5C10.5 7.84315 11.8431 6.5 13.5 6.5C15.1569 6.5 16.5 7.84315 16.5 9.5ZM13.5 11C14.3284 11 15 10.3284 15 9.5C15 8.67157 14.3284 8 13.5 8C12.6716 8 12 8.67157 12 9.5C12 10.3284 12.6716 11 13.5 11Z" fill="@{themeColor}"/></g><defs><clipPath id="clip0"><path d="M0 0H24V24H0V0Z" fill="transparent"/></clipPath></defs></svg>');
+            .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0)"><path fill-rule="evenodd" clip-rule="evenodd" d="M20 5.5H4C3.72386 5.5 3.5 5.72386 3.5 6V15.5822L8.03349 11.6898C8.47476 11.3109 9.11904 11.2865 9.58778 11.6308L13.5726 14.5579L15.9619 12.6774C16.4488 12.2942 17.1428 12.3255 17.5933 12.7509L20.5 15.4962V6C20.5 5.72386 20.2761 5.5 20 5.5ZM20.5 17.5294L20.485 17.5453L16.7201 13.9895L14.3509 15.8542C13.9095 16.2016 13.2905 16.2119 12.8378 15.8793L8.85988 12.9573L3.5 17.5592V18C3.5 18.2761 3.72386 18.5 4 18.5H20C20.2761 18.5 20.5 18.2761 20.5 18V17.5294ZM4 4C2.89543 4 2 4.89543 2 6V18C2 19.1046 2.89543 20 4 20H20C21.1046 20 22 19.1046 22 18V6C22 4.89543 21.1046 4 20 4H4ZM16.5 9.5C16.5 11.1569 15.1569 12.5 13.5 12.5C11.8431 12.5 10.5 11.1569 10.5 9.5C10.5 7.84315 11.8431 6.5 13.5 6.5C15.1569 6.5 16.5 7.84315 16.5 9.5ZM13.5 11C14.3284 11 15 10.3284 15 9.5C15 8.67157 14.3284 8 13.5 8C12.6716 8 12 8.67157 12 9.5C12 10.3284 12.6716 11 13.5 11Z" fill="@{brandColor}"/></g><defs><clipPath id="clip0"><path d="M0 0H24V24H0V0Z" fill="transparent"/></clipPath></defs></svg>');
         }
         &.icon-sort {
             width: 22px;
             height: 22px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><polygon points="8,16.4 7.3,15.7 5,18.1 5,2 4,2 4,18.1 1.7,15.7 1,16.4 4.5,20 4.5,20 4.5,20 "/><path d="M19.3,4H8.7C8.1,4,7.8,4.6,8.1,5.1l3.9,5.9v4.7l2.8,1.5c0.5,0.3,1.1-0.1,1.1-0.7V11h0l3.9-5.9C20.2,4.6,19.9,4,19.3,4z"/></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{brandColor}"><polygon points="8,16.4 7.3,15.7 5,18.1 5,2 4,2 4,18.1 1.7,15.7 1,16.4 4.5,20 4.5,20 4.5,20 "/><path d="M19.3,4H8.7C8.1,4,7.8,4.6,8.1,5.1l3.9,5.9v4.7l2.8,1.5c0.5,0.3,1.1-0.1,1.1-0.7V11h0l3.9-5.9C20.2,4.6,19.9,4,19.3,4z"/></svg>');
         }
         &.icon-function {
             width: 22px;
             height: 22px;
-            .encoded-svg-background('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0" y="0" viewBox="-238 240 24 22" xml:space="preserve" enable-background="new -238 240 22 22"><style type="text/css">.st0{fill:none;stroke:#000;stroke-width:0.5;stroke-linecap:square;stroke-miterlimit:10;}.st1{stroke:#000;stroke-width:0.5;stroke-linejoin:round;stroke-miterlimit:10;}</style><path d="M-226.94 257.74c-0.26-0.54-0.46-1.18-0.61-1.92 -0.15-0.73-0.22-1.46-0.22-2.18 0-1.35 0.26-2.7 0.78-4.04 0.52-1.35 1.22-2.49 2.1-3.43 0.88-0.94 1.51-1.53 1.89-1.77 0.1-0.06 0.14-0.1 0.14-0.13 0-0.04-0.07-0.05-0.21-0.05 -0.31 0-0.55 0.04-0.71 0.12 -0.16 0.08-0.53 0.4-1.1 0.96s-1.07 1.14-1.49 1.75c-0.42 0.61-0.78 1.25-1.06 1.94 -0.29 0.69-0.51 1.42-0.68 2.19 -0.17 0.77-0.25 1.63-0.25 2.57 0 0.58 0.07 1.25 0.2 1.99 0.13 0.74 0.33 1.41 0.58 2 0.25 0.59 0.41 0.9 0.48 0.94 0.07 0.04 0.24 0.06 0.51 0.06 0.09 0 0.13-0.02 0.13-0.05l-0.03-0.05C-226.53 258.59-226.68 258.29-226.94 257.74zM-219.15 253.05c0-0.09-0.04-0.14-0.12-0.14 -0.08 0-0.18 0.08-0.29 0.24 -0.28 0.41-0.59 0.71-0.92 0.91s-0.61 0.3-0.85 0.3c-0.18 0-0.36-0.08-0.52-0.25 -0.17-0.16-0.25-0.42-0.25-0.77 0-0.69 0.23-1.66 0.68-2.93 0.45-1.27 1.01-1.9 1.68-1.9 0.15 0 0.22 0.08 0.22 0.24 0 0.06-0.01 0.15-0.04 0.27 -0.02 0.07-0.02 0.12-0.02 0.18 0 0.13 0.05 0.23 0.14 0.32 0.09 0.08 0.2 0.13 0.34 0.13 0.19 0 0.34-0.06 0.45-0.17 0.1-0.11 0.16-0.24 0.16-0.38 0-0.24-0.1-0.47-0.29-0.67 -0.19-0.21-0.43-0.31-0.71-0.31 -0.55 0-1.09 0.29-1.62 0.87 -0.11 0.12-0.18 0.18-0.21 0.18l-0.08-0.03c-0.06-0.33-0.17-0.58-0.34-0.75 -0.17-0.17-0.4-0.25-0.69-0.25 -0.37 0-0.78 0.19-1.22 0.56 -0.44 0.37-0.66 0.62-0.66 0.74 0 0.08 0.04 0.11 0.13 0.11 0.08 0 0.2-0.09 0.37-0.27 0.45-0.48 0.81-0.72 1.09-0.72 0.14 0 0.27 0.08 0.38 0.25 0.11 0.17 0.16 0.39 0.16 0.67 0 0.58-0.27 1.53-0.8 2.85 -0.54 1.32-1.1 1.98-1.68 1.98 -0.13 0-0.23-0.05-0.3-0.14 -0.08-0.09-0.12-0.18-0.12-0.27 0-0.05 0.01-0.12 0.03-0.23 0.01-0.07 0.02-0.13 0.02-0.18 0-0.3-0.14-0.45-0.42-0.45 -0.18 0-0.33 0.07-0.46 0.2 -0.13 0.13-0.2 0.3-0.2 0.51 0 0.26 0.13 0.48 0.4 0.66 0.27 0.18 0.56 0.26 0.86 0.26 0.4 0 0.87-0.23 1.41-0.68 0.23-0.19 0.39-0.31 0.47-0.36 0.04 0.05 0.11 0.17 0.21 0.37 0.26 0.48 0.66 0.71 1.21 0.71 0.57 0 1.11-0.22 1.63-0.67C-219.41 253.59-219.15 253.26-219.15 253.05zM-216.2 247.22c-0.13-0.75-0.33-1.41-0.58-2 -0.25-0.59-0.41-0.9-0.48-0.94 -0.07-0.04-0.24-0.06-0.51-0.06 -0.09 0-0.13 0.02-0.13 0.05l0.03 0.05c0.05 0.06 0.2 0.36 0.46 0.91 0.26 0.54 0.46 1.18 0.61 1.91 0.15 0.73 0.22 1.46 0.22 2.17 0 1.36-0.26 2.71-0.78 4.05 -0.52 1.35-1.22 2.49-2.11 3.43 -0.89 0.94-1.51 1.53-1.89 1.77l-0.14 0.13c0 0.04 0.07 0.06 0.21 0.06 0.3 0 0.5-0.02 0.59-0.05 0.1-0.03 0.47-0.35 1.11-0.94 0.64-0.59 1.19-1.24 1.65-1.94 0.46-0.7 0.83-1.4 1.12-2.11 0.28-0.7 0.49-1.44 0.62-2.21C-216.06 250.74-216 249.98-216 249.21 -216 248.63-216.07 247.97-216.2 247.22z"/><path class="st0" d="M-226.94 257.74c-0.26-0.54-0.46-1.18-0.61-1.92 -0.15-0.73-0.22-1.46-0.22-2.18 0-1.35 0.26-2.7 0.78-4.04 0.52-1.35 1.22-2.49 2.1-3.43 0.88-0.94 1.51-1.53 1.89-1.77 0.1-0.06 0.14-0.1 0.14-0.13 0-0.04-0.07-0.05-0.21-0.05 -0.31 0-0.55 0.04-0.71 0.12 -0.16 0.08-0.53 0.4-1.1 0.96s-1.07 1.14-1.49 1.75c-0.42 0.61-0.78 1.25-1.06 1.94 -0.29 0.69-0.51 1.42-0.68 2.19 -0.17 0.77-0.25 1.63-0.25 2.57 0 0.58 0.07 1.25 0.2 1.99 0.13 0.74 0.33 1.41 0.58 2 0.25 0.59 0.41 0.9 0.48 0.94 0.07 0.04 0.24 0.06 0.51 0.06 0.09 0 0.13-0.02 0.13-0.05l-0.03-0.05C-226.53 258.59-226.68 258.29-226.94 257.74zM-219.15 253.05c0-0.09-0.04-0.14-0.12-0.14 -0.08 0-0.18 0.08-0.29 0.24 -0.28 0.41-0.59 0.71-0.92 0.91s-0.61 0.3-0.85 0.3c-0.18 0-0.36-0.08-0.52-0.25 -0.17-0.16-0.25-0.42-0.25-0.77 0-0.69 0.23-1.66 0.68-2.93 0.45-1.27 1.01-1.9 1.68-1.9 0.15 0 0.22 0.08 0.22 0.24 0 0.06-0.01 0.15-0.04 0.27 -0.02 0.07-0.02 0.12-0.02 0.18 0 0.13 0.05 0.23 0.14 0.32 0.09 0.08 0.2 0.13 0.34 0.13 0.19 0 0.34-0.06 0.45-0.17 0.1-0.11 0.16-0.24 0.16-0.38 0-0.24-0.1-0.47-0.29-0.67 -0.19-0.21-0.43-0.31-0.71-0.31 -0.55 0-1.09 0.29-1.62 0.87 -0.11 0.12-0.18 0.18-0.21 0.18l-0.08-0.03c-0.06-0.33-0.17-0.58-0.34-0.75 -0.17-0.17-0.4-0.25-0.69-0.25 -0.37 0-0.78 0.19-1.22 0.56 -0.44 0.37-0.66 0.62-0.66 0.74 0 0.08 0.04 0.11 0.13 0.11 0.08 0 0.2-0.09 0.37-0.27 0.45-0.48 0.81-0.72 1.09-0.72 0.14 0 0.27 0.08 0.38 0.25 0.11 0.17 0.16 0.39 0.16 0.67 0 0.58-0.27 1.53-0.8 2.85 -0.54 1.32-1.1 1.98-1.68 1.98 -0.13 0-0.23-0.05-0.3-0.14 -0.08-0.09-0.12-0.18-0.12-0.27 0-0.05 0.01-0.12 0.03-0.23 0.01-0.07 0.02-0.13 0.02-0.18 0-0.3-0.14-0.45-0.42-0.45 -0.18 0-0.33 0.07-0.46 0.2 -0.13 0.13-0.2 0.3-0.2 0.51 0 0.26 0.13 0.48 0.4 0.66 0.27 0.18 0.56 0.26 0.86 0.26 0.4 0 0.87-0.23 1.41-0.68 0.23-0.19 0.39-0.31 0.47-0.36 0.04 0.05 0.11 0.17 0.21 0.37 0.26 0.48 0.66 0.71 1.21 0.71 0.57 0 1.11-0.22 1.63-0.67C-219.41 253.59-219.15 253.26-219.15 253.05zM-216.2 247.22c-0.13-0.75-0.33-1.41-0.58-2 -0.25-0.59-0.41-0.9-0.48-0.94 -0.07-0.04-0.24-0.06-0.51-0.06 -0.09 0-0.13 0.02-0.13 0.05l0.03 0.05c0.05 0.06 0.2 0.36 0.46 0.91 0.26 0.54 0.46 1.18 0.61 1.91 0.15 0.73 0.22 1.46 0.22 2.17 0 1.36-0.26 2.71-0.78 4.05 -0.52 1.35-1.22 2.49-2.11 3.43 -0.89 0.94-1.51 1.53-1.89 1.77l-0.14 0.13c0 0.04 0.07 0.06 0.21 0.06 0.3 0 0.5-0.02 0.59-0.05 0.1-0.03 0.47-0.35 1.11-0.94 0.64-0.59 1.19-1.24 1.65-1.94 0.46-0.7 0.83-1.4 1.12-2.11 0.28-0.7 0.49-1.44 0.62-2.21C-216.06 250.74-216 249.98-216 249.21 -216 248.63-216.07 247.97-216.2 247.22z"/><path class="st1" d="M-229.66 247.67c0.02-0.08 0.03-0.18 0.04-0.3 0.02-0.12 0.03-0.21 0.04-0.27 -0.88 0-1.36-0.01-1.44-0.04 0.39-1.87 0.78-3.11 1.17-3.73 0.39-0.62 0.83-0.93 1.31-0.93 0.18 0 0.32 0.04 0.4 0.11 0.09 0.07 0.13 0.18 0.13 0.33 0 0.1-0.04 0.22-0.11 0.35 -0.12 0.21-0.17 0.39-0.17 0.53 0 0.2 0.06 0.36 0.18 0.5 0.12 0.13 0.26 0.2 0.42 0.2 0.2 0 0.36-0.09 0.48-0.27 0.12-0.18 0.18-0.39 0.18-0.62 0-0.4-0.13-0.75-0.39-1.06C-227.69 242.15-228.05 242-228.52 242c-0.79 0-1.49 0.43-2.11 1.28 -0.61 0.85-1.09 2.15-1.43 3.9 -0.68 0.01-1.21 0.04-1.62 0.08l-0.1 0.54 1.6-0.05c-0.08 0.33-0.26 1.17-0.53 2.52 -0.68 3.42-1.27 5.89-1.77 7.41 -0.5 1.52-1.1 2.28-1.79 2.28 -0.19 0-0.34-0.06-0.45-0.19s-0.17-0.26-0.17-0.41c0-0.1 0.04-0.25 0.11-0.45 0.06-0.17 0.09-0.31 0.09-0.42 0-0.19-0.06-0.36-0.18-0.5 -0.12-0.14-0.27-0.21-0.44-0.21 -0.2 0-0.36 0.1-0.5 0.3 -0.14 0.2-0.2 0.44-0.2 0.72 0 0.43 0.15 0.8 0.45 1.11 0.3 0.31 0.68 0.47 1.14 0.47 0.77 0 1.45-0.41 2.06-1.23 0.61-0.82 1.11-2.1 1.51-3.85l1.68-7.57C-230.66 247.7-230.16 247.68-229.66 247.67L-229.66 247.67z"/></svg>');
+            .encoded-svg-mask('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0" y="0" viewBox="-238 240 24 22" xml:space="preserve" enable-background="new -238 240 22 22"><style type="text/css">.st0{fill:none;stroke:#000;stroke-width:0.5;stroke-linecap:square;stroke-miterlimit:10;}.st1{stroke:#000;stroke-width:0.5;stroke-linejoin:round;stroke-miterlimit:10;}</style><path d="M-226.94 257.74c-0.26-0.54-0.46-1.18-0.61-1.92 -0.15-0.73-0.22-1.46-0.22-2.18 0-1.35 0.26-2.7 0.78-4.04 0.52-1.35 1.22-2.49 2.1-3.43 0.88-0.94 1.51-1.53 1.89-1.77 0.1-0.06 0.14-0.1 0.14-0.13 0-0.04-0.07-0.05-0.21-0.05 -0.31 0-0.55 0.04-0.71 0.12 -0.16 0.08-0.53 0.4-1.1 0.96s-1.07 1.14-1.49 1.75c-0.42 0.61-0.78 1.25-1.06 1.94 -0.29 0.69-0.51 1.42-0.68 2.19 -0.17 0.77-0.25 1.63-0.25 2.57 0 0.58 0.07 1.25 0.2 1.99 0.13 0.74 0.33 1.41 0.58 2 0.25 0.59 0.41 0.9 0.48 0.94 0.07 0.04 0.24 0.06 0.51 0.06 0.09 0 0.13-0.02 0.13-0.05l-0.03-0.05C-226.53 258.59-226.68 258.29-226.94 257.74zM-219.15 253.05c0-0.09-0.04-0.14-0.12-0.14 -0.08 0-0.18 0.08-0.29 0.24 -0.28 0.41-0.59 0.71-0.92 0.91s-0.61 0.3-0.85 0.3c-0.18 0-0.36-0.08-0.52-0.25 -0.17-0.16-0.25-0.42-0.25-0.77 0-0.69 0.23-1.66 0.68-2.93 0.45-1.27 1.01-1.9 1.68-1.9 0.15 0 0.22 0.08 0.22 0.24 0 0.06-0.01 0.15-0.04 0.27 -0.02 0.07-0.02 0.12-0.02 0.18 0 0.13 0.05 0.23 0.14 0.32 0.09 0.08 0.2 0.13 0.34 0.13 0.19 0 0.34-0.06 0.45-0.17 0.1-0.11 0.16-0.24 0.16-0.38 0-0.24-0.1-0.47-0.29-0.67 -0.19-0.21-0.43-0.31-0.71-0.31 -0.55 0-1.09 0.29-1.62 0.87 -0.11 0.12-0.18 0.18-0.21 0.18l-0.08-0.03c-0.06-0.33-0.17-0.58-0.34-0.75 -0.17-0.17-0.4-0.25-0.69-0.25 -0.37 0-0.78 0.19-1.22 0.56 -0.44 0.37-0.66 0.62-0.66 0.74 0 0.08 0.04 0.11 0.13 0.11 0.08 0 0.2-0.09 0.37-0.27 0.45-0.48 0.81-0.72 1.09-0.72 0.14 0 0.27 0.08 0.38 0.25 0.11 0.17 0.16 0.39 0.16 0.67 0 0.58-0.27 1.53-0.8 2.85 -0.54 1.32-1.1 1.98-1.68 1.98 -0.13 0-0.23-0.05-0.3-0.14 -0.08-0.09-0.12-0.18-0.12-0.27 0-0.05 0.01-0.12 0.03-0.23 0.01-0.07 0.02-0.13 0.02-0.18 0-0.3-0.14-0.45-0.42-0.45 -0.18 0-0.33 0.07-0.46 0.2 -0.13 0.13-0.2 0.3-0.2 0.51 0 0.26 0.13 0.48 0.4 0.66 0.27 0.18 0.56 0.26 0.86 0.26 0.4 0 0.87-0.23 1.41-0.68 0.23-0.19 0.39-0.31 0.47-0.36 0.04 0.05 0.11 0.17 0.21 0.37 0.26 0.48 0.66 0.71 1.21 0.71 0.57 0 1.11-0.22 1.63-0.67C-219.41 253.59-219.15 253.26-219.15 253.05zM-216.2 247.22c-0.13-0.75-0.33-1.41-0.58-2 -0.25-0.59-0.41-0.9-0.48-0.94 -0.07-0.04-0.24-0.06-0.51-0.06 -0.09 0-0.13 0.02-0.13 0.05l0.03 0.05c0.05 0.06 0.2 0.36 0.46 0.91 0.26 0.54 0.46 1.18 0.61 1.91 0.15 0.73 0.22 1.46 0.22 2.17 0 1.36-0.26 2.71-0.78 4.05 -0.52 1.35-1.22 2.49-2.11 3.43 -0.89 0.94-1.51 1.53-1.89 1.77l-0.14 0.13c0 0.04 0.07 0.06 0.21 0.06 0.3 0 0.5-0.02 0.59-0.05 0.1-0.03 0.47-0.35 1.11-0.94 0.64-0.59 1.19-1.24 1.65-1.94 0.46-0.7 0.83-1.4 1.12-2.11 0.28-0.7 0.49-1.44 0.62-2.21C-216.06 250.74-216 249.98-216 249.21 -216 248.63-216.07 247.97-216.2 247.22z"/><path class="st0" d="M-226.94 257.74c-0.26-0.54-0.46-1.18-0.61-1.92 -0.15-0.73-0.22-1.46-0.22-2.18 0-1.35 0.26-2.7 0.78-4.04 0.52-1.35 1.22-2.49 2.1-3.43 0.88-0.94 1.51-1.53 1.89-1.77 0.1-0.06 0.14-0.1 0.14-0.13 0-0.04-0.07-0.05-0.21-0.05 -0.31 0-0.55 0.04-0.71 0.12 -0.16 0.08-0.53 0.4-1.1 0.96s-1.07 1.14-1.49 1.75c-0.42 0.61-0.78 1.25-1.06 1.94 -0.29 0.69-0.51 1.42-0.68 2.19 -0.17 0.77-0.25 1.63-0.25 2.57 0 0.58 0.07 1.25 0.2 1.99 0.13 0.74 0.33 1.41 0.58 2 0.25 0.59 0.41 0.9 0.48 0.94 0.07 0.04 0.24 0.06 0.51 0.06 0.09 0 0.13-0.02 0.13-0.05l-0.03-0.05C-226.53 258.59-226.68 258.29-226.94 257.74zM-219.15 253.05c0-0.09-0.04-0.14-0.12-0.14 -0.08 0-0.18 0.08-0.29 0.24 -0.28 0.41-0.59 0.71-0.92 0.91s-0.61 0.3-0.85 0.3c-0.18 0-0.36-0.08-0.52-0.25 -0.17-0.16-0.25-0.42-0.25-0.77 0-0.69 0.23-1.66 0.68-2.93 0.45-1.27 1.01-1.9 1.68-1.9 0.15 0 0.22 0.08 0.22 0.24 0 0.06-0.01 0.15-0.04 0.27 -0.02 0.07-0.02 0.12-0.02 0.18 0 0.13 0.05 0.23 0.14 0.32 0.09 0.08 0.2 0.13 0.34 0.13 0.19 0 0.34-0.06 0.45-0.17 0.1-0.11 0.16-0.24 0.16-0.38 0-0.24-0.1-0.47-0.29-0.67 -0.19-0.21-0.43-0.31-0.71-0.31 -0.55 0-1.09 0.29-1.62 0.87 -0.11 0.12-0.18 0.18-0.21 0.18l-0.08-0.03c-0.06-0.33-0.17-0.58-0.34-0.75 -0.17-0.17-0.4-0.25-0.69-0.25 -0.37 0-0.78 0.19-1.22 0.56 -0.44 0.37-0.66 0.62-0.66 0.74 0 0.08 0.04 0.11 0.13 0.11 0.08 0 0.2-0.09 0.37-0.27 0.45-0.48 0.81-0.72 1.09-0.72 0.14 0 0.27 0.08 0.38 0.25 0.11 0.17 0.16 0.39 0.16 0.67 0 0.58-0.27 1.53-0.8 2.85 -0.54 1.32-1.1 1.98-1.68 1.98 -0.13 0-0.23-0.05-0.3-0.14 -0.08-0.09-0.12-0.18-0.12-0.27 0-0.05 0.01-0.12 0.03-0.23 0.01-0.07 0.02-0.13 0.02-0.18 0-0.3-0.14-0.45-0.42-0.45 -0.18 0-0.33 0.07-0.46 0.2 -0.13 0.13-0.2 0.3-0.2 0.51 0 0.26 0.13 0.48 0.4 0.66 0.27 0.18 0.56 0.26 0.86 0.26 0.4 0 0.87-0.23 1.41-0.68 0.23-0.19 0.39-0.31 0.47-0.36 0.04 0.05 0.11 0.17 0.21 0.37 0.26 0.48 0.66 0.71 1.21 0.71 0.57 0 1.11-0.22 1.63-0.67C-219.41 253.59-219.15 253.26-219.15 253.05zM-216.2 247.22c-0.13-0.75-0.33-1.41-0.58-2 -0.25-0.59-0.41-0.9-0.48-0.94 -0.07-0.04-0.24-0.06-0.51-0.06 -0.09 0-0.13 0.02-0.13 0.05l0.03 0.05c0.05 0.06 0.2 0.36 0.46 0.91 0.26 0.54 0.46 1.18 0.61 1.91 0.15 0.73 0.22 1.46 0.22 2.17 0 1.36-0.26 2.71-0.78 4.05 -0.52 1.35-1.22 2.49-2.11 3.43 -0.89 0.94-1.51 1.53-1.89 1.77l-0.14 0.13c0 0.04 0.07 0.06 0.21 0.06 0.3 0 0.5-0.02 0.59-0.05 0.1-0.03 0.47-0.35 1.11-0.94 0.64-0.59 1.19-1.24 1.65-1.94 0.46-0.7 0.83-1.4 1.12-2.11 0.28-0.7 0.49-1.44 0.62-2.21C-216.06 250.74-216 249.98-216 249.21 -216 248.63-216.07 247.97-216.2 247.22z"/><path class="st1" d="M-229.66 247.67c0.02-0.08 0.03-0.18 0.04-0.3 0.02-0.12 0.03-0.21 0.04-0.27 -0.88 0-1.36-0.01-1.44-0.04 0.39-1.87 0.78-3.11 1.17-3.73 0.39-0.62 0.83-0.93 1.31-0.93 0.18 0 0.32 0.04 0.4 0.11 0.09 0.07 0.13 0.18 0.13 0.33 0 0.1-0.04 0.22-0.11 0.35 -0.12 0.21-0.17 0.39-0.17 0.53 0 0.2 0.06 0.36 0.18 0.5 0.12 0.13 0.26 0.2 0.42 0.2 0.2 0 0.36-0.09 0.48-0.27 0.12-0.18 0.18-0.39 0.18-0.62 0-0.4-0.13-0.75-0.39-1.06C-227.69 242.15-228.05 242-228.52 242c-0.79 0-1.49 0.43-2.11 1.28 -0.61 0.85-1.09 2.15-1.43 3.9 -0.68 0.01-1.21 0.04-1.62 0.08l-0.1 0.54 1.6-0.05c-0.08 0.33-0.26 1.17-0.53 2.52 -0.68 3.42-1.27 5.89-1.77 7.41 -0.5 1.52-1.1 2.28-1.79 2.28 -0.19 0-0.34-0.06-0.45-0.19s-0.17-0.26-0.17-0.41c0-0.1 0.04-0.25 0.11-0.45 0.06-0.17 0.09-0.31 0.09-0.42 0-0.19-0.06-0.36-0.18-0.5 -0.12-0.14-0.27-0.21-0.44-0.21 -0.2 0-0.36 0.1-0.5 0.3 -0.14 0.2-0.2 0.44-0.2 0.72 0 0.43 0.15 0.8 0.45 1.11 0.3 0.31 0.68 0.47 1.14 0.47 0.77 0 1.45-0.41 2.06-1.23 0.61-0.82 1.11-2.1 1.51-3.85l1.68-7.57C-230.66 247.7-230.16 247.68-229.66 247.67L-229.66 247.67z"/></svg>', @text-normal);
         }
         &.icon-app-settings {
             width: 24px;
             height: 24px;
-            .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 14H16C18.2091 14 20 15.7909 20 18C20 20.2091 18.2091 22 16 22H7C4.79086 22 3 20.2091 3 18C3 15.7909 4.79086 14 7 14ZM16 13C18.7614 13 21 15.2386 21 18C21 20.7614 18.7614 23 16 23H7C4.23858 23 2 20.7614 2 18C2 15.2386 4.23858 13 7 13H16Z" fill="@{themeColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16 20C14.8954 20 14 19.1046 14 18C14 16.8954 14.8954 16 16 16C17.1046 16 18 16.8954 18 18C18 19.1046 17.1046 20 16 20ZM16 21C14.3431 21 13 19.6569 13 18C13 16.3431 14.3431 15 16 15C17.6569 15 19 16.3431 19 18C19 19.6569 17.6569 21 16 21Z" fill="@{themeColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16 3H7C4.79086 3 3 4.79086 3 7C3 9.20914 4.79086 11 7 11H16C18.2091 11 20 9.20914 20 7C20 4.79086 18.2091 3 16 3ZM7 2C4.23858 2 2 4.23858 2 7C2 9.76142 4.23858 12 7 12H16C18.7614 12 21 9.76142 21 7C21 4.23858 18.7614 2 16 2H7Z" fill="@{themeColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7 9C8.10457 9 9 8.10457 9 7C9 5.89543 8.10457 5 7 5C5.89543 5 5 5.89543 5 7C5 8.10457 5.89543 9 7 9ZM7 10C8.65685 10 10 8.65685 10 7C10 5.34315 8.65685 4 7 4C5.34315 4 4 5.34315 4 7C4 8.65685 5.34315 10 7 10Z" fill="@{themeColor}"/></svg>');
+            .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 14H16C18.2091 14 20 15.7909 20 18C20 20.2091 18.2091 22 16 22H7C4.79086 22 3 20.2091 3 18C3 15.7909 4.79086 14 7 14ZM16 13C18.7614 13 21 15.2386 21 18C21 20.7614 18.7614 23 16 23H7C4.23858 23 2 20.7614 2 18C2 15.2386 4.23858 13 7 13H16Z" fill="@{brandColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16 20C14.8954 20 14 19.1046 14 18C14 16.8954 14.8954 16 16 16C17.1046 16 18 16.8954 18 18C18 19.1046 17.1046 20 16 20ZM16 21C14.3431 21 13 19.6569 13 18C13 16.3431 14.3431 15 16 15C17.6569 15 19 16.3431 19 18C19 19.6569 17.6569 21 16 21Z" fill="@{brandColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16 3H7C4.79086 3 3 4.79086 3 7C3 9.20914 4.79086 11 7 11H16C18.2091 11 20 9.20914 20 7C20 4.79086 18.2091 3 16 3ZM7 2C4.23858 2 2 4.23858 2 7C2 9.76142 4.23858 12 7 12H16C18.7614 12 21 9.76142 21 7C21 4.23858 18.7614 2 16 2H7Z" fill="@{brandColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7 9C8.10457 9 9 8.10457 9 7C9 5.89543 8.10457 5 7 5C5.89543 5 5 5.89543 5 7C5 8.10457 5.89543 9 7 9ZM7 10C8.65685 10 10 8.65685 10 7C10 5.34315 8.65685 4 7 4C5.34315 4 4 5.34315 4 7C4 8.65685 5.34315 10 7 10Z" fill="@{brandColor}"/></svg>');
         }
         &.icon-table-settings {
             width: 24px;
             height: 24px;
-            .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">  <path fill-rule="evenodd" clip-rule="evenodd" d="M1 2H22V21H1V2ZM12 3H21V8H12V3ZM12 9H21V14H12V9ZM11 14V9H2V14H11ZM2 15V20H11V15H2ZM12 15H21V20H12V15ZM11 3V8H2V3H11Z" fill="@{themeColor}"/></svg>');
+            .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">  <path fill-rule="evenodd" clip-rule="evenodd" d="M1 2H22V21H1V2ZM12 3H21V8H12V3ZM12 9H21V14H12V9ZM11 14V9H2V14H11ZM2 15V20H11V15H2ZM12 15H21V20H12V15ZM11 3V8H2V3H11Z" fill="@{brandColor}"/></svg>');
         }
 
 
@@ -139,22 +139,22 @@
         &.icon-move-backward {
             width: 28px;
             height: 28px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><rect opacity="0.3" x="1" y="1" width="17" height="17"/><path d="M10,10V27H27V10H10ZM26,26H11V11H26V26Z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><rect opacity="0.3" x="1" y="1" width="17" height="17"/><path d="M10,10V27H27V10H10ZM26,26H11V11H26V26Z"/></g></svg>');
         }
         &.icon-move-forward {
             width: 28px;
             height: 28px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M10,10V27H27V10H10ZM26,26H11V11H26V26Z"/><rect x="1" y="1" width="17" height="17"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M10,10V27H27V10H10ZM26,26H11V11H26V26Z"/><rect x="1" y="1" width="17" height="17"/></g></svg>');
         }
         &.icon-move-background {
             width: 28px;
             height: 28px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><rect opacity="0.3" x="8" y="8" width="13" height="13"/><path d="M1,1V13H13V1H1ZM12,12H2V2H12V12Z"/><path d="M15,15V27H27V15H15ZM26,26H16V16H26V26Z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><rect opacity="0.3" x="8" y="8" width="13" height="13"/><path d="M1,1V13H13V1H1ZM12,12H2V2H12V12Z"/><path d="M15,15V27H27V15H15ZM26,26H16V16H26V26Z"/></g></svg>');
         }
         &.icon-move-foreground {
             width: 28px;
             height: 28px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M1,1V13H13V1H1ZM12,12H2V2H12V12Z"/><path opacity="0.3" d="M15,15V27H27V15H15ZM26,26H16V16H26V26Z"/><rect x="8" y="8" width="13" height="13"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M1,1V13H13V1H1ZM12,12H2V2H12V12Z"/><path opacity="0.3" d="M15,15V27H27V15H15ZM26,26H16V16H26V26Z"/><rect x="8" y="8" width="13" height="13"/></g></svg>');
         }
 
         // Presets of table borders
@@ -162,62 +162,62 @@
         &.icon-table-borders-all {
             width: 28px;
             height: 28px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path d="M26.9,0H0V27H27V0H26.9ZM13,26H1V14H13V26Zm0-13H1V1H13V13ZM26,26H14V14H26V26Zm0-13H14V1H26V13Z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path d="M26.9,0H0V27H27V0H26.9ZM13,26H1V14H13V26Zm0-13H1V1H13V13ZM26,26H14V14H26V26Zm0-13H14V1H26V13Z"/></g></svg>');
         }
         &.icon-table-borders-none {
             width: 28px;
             height: 28px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M26.9,0H0V27H27V0H26.9ZM13,26H1V14H13V26Zm0-13H1V1H13V13ZM26,26H14V14H26V26Zm0-13H14V1H26V13Z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M26.9,0H0V27H27V0H26.9ZM13,26H1V14H13V26Zm0-13H1V1H13V13ZM26,26H14V14H26V26Zm0-13H14V1H26V13Z"/></g></svg>');
         }
         &.icon-table-borders-inner {
             width: 28px;
             height: 28px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><polygon points="26 13 14 13 14 1 13 1 13 13 1 13 1 14 13 14 13 26 14 26 14 14 26 14 26 13"/><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><polygon points="26 13 14 13 14 1 13 1 13 13 1 13 1 14 13 14 13 26 14 26 14 14 26 14 26 13"/><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/></g></svg>');
         }
         &.icon-table-borders-outer {
             width: 28px;
             height: 28px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/></g></svg>');
         }
         &.icon-table-borders-left {
             width: 28px;
             height: 28px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect width="1" height="27"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect width="1" height="27"/></g></svg>');
         }
         &.icon-table-borders-center {
             width: 28px;
             height: 28px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect x="13" width="1" height="27"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect x="13" width="1" height="27"/></g></svg>');
         }
         &.icon-table-borders-right {
             width: 28px;
             height: 28px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect x="26" width="1" height="27"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect x="26" width="1" height="27"/></g></svg>');
         }
         &.icon-table-borders-top {
             width: 28px;
             height: 28px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect width="27" height="1"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect width="27" height="1"/></g></svg>');
         }
         &.icon-table-borders-middle {
             width: 28px;
             height: 28px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect y="13" width="27" height="1"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect y="13" width="27" height="1"/></g></svg>');
         }
         &.icon-table-borders-bottom {
             width: 28px;
             height: 28px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect y="26" width="27" height="1"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect y="26" width="27" height="1"/></g></svg>');
         }
         &.icon-table-borders-dup {
             width: 28px;
             height: 28px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="3 -3 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M3-3v1v25v1h27v-1V-2v-1H3z M4-2h25v25H4V-2z"/><polygon points="30,-3 29,-3 29,-3 29,-3 29,-3 29,-3 3,23 3,24 4,24 30,-2 "/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="3 -3 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M3-3v1v25v1h27v-1V-2v-1H3z M4-2h25v25H4V-2z"/><polygon points="30,-3 29,-3 29,-3 29,-3 29,-3 29,-3 3,23 3,24 4,24 30,-2 "/></g></svg>');
         }
         &.icon-table-borders-ddown {
             width: 28px;
             height: 28px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="3 -3 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M3-3v1v25v1h27v-1V-2v-1H3z M4-2h25v25H4V-2z"/><polygon points="30,23 4,-3 3,-3 3,-2 29,24 29,24 29,24 29,24 29,24 30,24 "/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="3 -3 28 28" fill="@{brandColor}"><g><path opacity="0.3" d="M3-3v1v25v1h27v-1V-2v-1H3z M4-2h25v25H4V-2z"/><polygon points="30,23 4,-3 3,-3 3,-2 29,24 29,24 29,24 29,24 29,24 30,24 "/></g></svg>');
         }
 
         // Cell formats
@@ -225,52 +225,52 @@
         &.icon-format-general {
             width: 22px;
             height: 22px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M4.7700195,2.8598633L7.5600586,10h-1.050293L5.7299805,7.8500977H2.7099609L1.9101562,10H0.9399414l2.7802734-7.1401367H4.7700195z M5.4301758,7.0498047L4.2402344,3.7202148H4.2202148L3.0097656,7.0498047H5.4301758z"/><path d="M10.8500977,2.8598633c0.1533203,0,0.3183594,0.0019531,0.4951172,0.0053711c0.1762695,0.003418,0.3515625,0.0131836,0.5249023,0.0297852s0.3349609,0.0415039,0.4848633,0.0751953c0.1499023,0.0332031,0.2783203,0.0830078,0.3847656,0.1499023c0.2333984,0.1396484,0.4316406,0.3334961,0.5952148,0.5800781c0.1630859,0.246582,0.2451172,0.5498047,0.2451172,0.909668c0,0.3803711-0.0917969,0.7084961-0.2749023,0.9853516c-0.1835938,0.2763672-0.4453125,0.4814453-0.7851562,0.6147461v0.0200195c0.4399414,0.0932617,0.7763672,0.293457,1.0097656,0.6000977s0.3500977,0.6796875,0.3500977,1.1201172c0,0.2597656-0.0463867,0.5131836-0.1401367,0.7597656c-0.0932617,0.246582-0.2314453,0.4648438-0.4145508,0.6552734c-0.1835938,0.1899414-0.4101562,0.3432617-0.6801758,0.4599609S12.0634766,10,11.7099609,10H8.2597656V2.8598633H10.8500977z M11.1098633,5.9301758c0.5400391,0,0.9282227-0.0952148,1.1650391-0.2851562s0.3549805-0.4750977,0.3549805-0.8549805c0-0.253418-0.0400391-0.453125-0.1201172-0.6000977c-0.0795898-0.1464844-0.1899414-0.2597656-0.3295898-0.3398438c-0.1401367-0.0800781-0.3017578-0.1318359-0.4853516-0.1552734c-0.1831055-0.0229492-0.378418-0.034668-0.5849609-0.034668H9.2099609v2.2700195H11.1098633z M11.5898438,9.2001953c0.4199219,0,0.7485352-0.1132812,0.9853516-0.340332c0.2363281-0.2265625,0.3549805-0.5400391,0.3549805-0.9399414c0-0.2333984-0.043457-0.4262695-0.1303711-0.5800781c-0.0864258-0.1533203-0.2016602-0.2749023-0.3447266-0.3647461c-0.1435547-0.090332-0.3085938-0.1533203-0.4951172-0.1899414s-0.3798828-0.0551758-0.5800781-0.0551758H9.2099609v2.4702148H11.5898438z"/><path d="M19.425293,3.8701172c-0.3637695-0.253418-0.7954102-0.3798828-1.2954102-0.3798828c-0.4267578,0-0.7915039,0.0795898-1.0947266,0.2397461c-0.3037109,0.1601562-0.5537109,0.375-0.75,0.6450195c-0.1967773,0.2700195-0.3417969,0.5786133-0.4350586,0.9248047c-0.0932617,0.3466797-0.1401367,0.7070312-0.1401367,1.0800781c0,0.4067383,0.046875,0.7919922,0.1401367,1.1552734s0.2382812,0.6796875,0.4350586,0.949707c0.1962891,0.2700195,0.4482422,0.4853516,0.7548828,0.6450195c0.3066406,0.1601562,0.6733398,0.2402344,1.1000977,0.2402344c0.3129883,0,0.5913086-0.0517578,0.8349609-0.1552734c0.2431641-0.1030273,0.453125-0.246582,0.6298828-0.4296875c0.1767578-0.1835938,0.3149414-0.4018555,0.4150391-0.6552734c0.1000977-0.2529297,0.1601562-0.5263672,0.1801758-0.8198242h0.949707c-0.0932617,0.8999023-0.4033203,1.6000977-0.9296875,2.1000977c-0.5268555,0.5-1.2470703,0.75-2.1601562,0.75c-0.5532227,0-1.0366211-0.0952148-1.4501953-0.2851562c-0.4130859-0.1899414-0.7563477-0.4516602-1.0297852-0.7851562c-0.2734375-0.3330078-0.4785156-0.7265625-0.6152344-1.1796875c-0.1367188-0.4536133-0.2045898-0.9399414-0.2045898-1.4599609s0.0732422-1.0083008,0.2197266-1.465332c0.1464844-0.456543,0.3618164-0.8549805,0.6450195-1.1948242s0.6367188-0.6083984,1.0600586-0.8051758c0.4233398-0.1962891,0.9082031-0.2949219,1.4550781-0.2949219c0.3730469,0,0.7265625,0.050293,1.0600586,0.1499023c0.3330078,0.1000977,0.6298828,0.2470703,0.8896484,0.4399414c0.2602539,0.1938477,0.4765625,0.4350586,0.6503906,0.7250977c0.1733398,0.2900391,0.2866211,0.625,0.3398438,1.0048828h-0.9501953C20.0234375,4.503418,19.7885742,4.1235352,19.425293,3.8701172z"/><path d="M3.7099609,19v-5.0800781H1.8701172v-0.6796875c0.2397461,0,0.4731445-0.0185547,0.699707-0.0551758s0.4316406-0.1049805,0.6152344-0.2050781c0.1831055-0.1000977,0.3383789-0.2363281,0.4648438-0.4101562c0.1264648-0.1733398,0.2133789-0.3930664,0.2602539-0.659668h0.6499023V19H3.7099609z"/><path d="M8.7099609,13.4199219C8.8032227,13.1132812,8.9482422,12.8486328,9.1450195,12.625c0.1967773-0.2231445,0.4418945-0.3984375,0.7353516-0.5249023c0.2929688-0.1264648,0.6264648-0.1899414,1-0.1899414c0.3061523,0,0.5947266,0.0449219,0.8647461,0.1347656S12.25,12.2651367,12.4501953,12.4350586s0.3583984,0.3818359,0.4750977,0.6347656c0.1162109,0.253418,0.1748047,0.546875,0.1748047,0.8803711c0,0.3134766-0.0483398,0.5898438-0.1450195,0.8295898c-0.0966797,0.2402344-0.2250977,0.4550781-0.3847656,0.6450195c-0.1601562,0.1904297-0.34375,0.3618164-0.550293,0.5151367s-0.4199219,0.300293-0.6396484,0.4399414c-0.2202148,0.1337891-0.4404297,0.2651367-0.6601562,0.3950195C10.5,16.9047852,10.2983398,17.043457,10.1152344,17.1899414c-0.1835938,0.1469727-0.3398438,0.3051758-0.4702148,0.4750977C9.5151367,17.8349609,9.4301758,18.0297852,9.3901367,18.25h3.6401367V19H8.4003906C8.4335938,18.5800781,8.5083008,18.2216797,8.625,17.9248047c0.1166992-0.2963867,0.2651367-0.5546875,0.4453125-0.7749023C9.25,16.9301758,9.4536133,16.7368164,9.6801758,16.5698242c0.2265625-0.1665039,0.4633789-0.3232422,0.7099609-0.4697266c0.2998047-0.1865234,0.5634766-0.3583984,0.7900391-0.5151367s0.4150391-0.3149414,0.5649414-0.4750977c0.1499023-0.159668,0.2631836-0.3330078,0.3398438-0.5200195c0.0766602-0.1865234,0.1152344-0.4033203,0.1152344-0.6499023c0-0.1933594-0.0366211-0.3681641-0.1098633-0.5249023c-0.0737305-0.1567383-0.171875-0.2915039-0.2954102-0.4052734c-0.1230469-0.1132812-0.2680664-0.199707-0.4345703-0.2597656c-0.1669922-0.0600586-0.34375-0.0898438-0.5302734-0.0898438c-0.246582,0-0.4584961,0.0517578-0.6347656,0.1547852c-0.1767578,0.1035156-0.3217773,0.2382812-0.4350586,0.4052734c-0.1137695,0.1665039-0.1953125,0.3549805-0.2451172,0.5649414s-0.0717773,0.4213867-0.0649414,0.6347656H8.6000977C8.5800781,14.0600586,8.6166992,13.7265625,8.7099609,13.4199219z"/><path d="M17.5898438,14.9599609c0.0332031,0,0.0664062,0,0.1000977,0h0.1796875c0.1801758,0,0.3515625-0.0249023,0.5151367-0.0751953c0.1635742-0.0498047,0.3066406-0.1230469,0.4301758-0.2197266c0.1230469-0.0966797,0.2216797-0.2182617,0.2949219-0.3652344c0.0732422-0.1464844,0.1098633-0.3129883,0.1098633-0.5c0-0.3798828-0.1201172-0.6650391-0.3598633-0.8549805c-0.2402344-0.1899414-0.5400391-0.284668-0.8999023-0.284668c-0.2270508,0-0.425293,0.0415039-0.5952148,0.125s-0.3100586,0.1948242-0.4199219,0.3349609c-0.1098633,0.1396484-0.1918945,0.3032227-0.2451172,0.4897461c-0.0532227,0.1870117-0.0800781,0.3837891-0.0800781,0.590332h-0.8496094c0.0131836-0.340332,0.0678711-0.6503906,0.1650391-0.9301758C16.03125,12.9902344,16.1699219,12.75,16.3496094,12.5498047c0.1801758-0.199707,0.4052734-0.3564453,0.675293-0.4697266s0.581543-0.1699219,0.9350586-0.1699219c0.3066406,0,0.5913086,0.0380859,0.8549805,0.1147461C19.078125,12.1015625,19.3061523,12.2167969,19.5,12.3701172c0.1928711,0.1533203,0.3447266,0.3500977,0.4545898,0.5898438c0.1103516,0.2402344,0.1650391,0.5234375,0.1650391,0.8500977c0,0.3198242-0.0932617,0.6035156-0.2797852,0.8500977s-0.4199219,0.4331055-0.7001953,0.5600586v0.0200195c0.4335938,0.0932617,0.7553711,0.2963867,0.965332,0.6098633s0.3149414,0.6831055,0.3149414,1.1098633c0,0.3535156-0.0649414,0.6650391-0.1953125,0.9350586c-0.1298828,0.2700195-0.3046875,0.4951172-0.5249023,0.6748047c-0.2197266,0.1801758-0.4785156,0.3149414-0.7749023,0.4052734c-0.296875,0.0898438-0.6118164,0.1347656-0.9448242,0.1347656c-0.3603516,0-0.6870117-0.0498047-0.9799805-0.1499023c-0.293457-0.1000977-0.543457-0.2480469-0.75-0.4448242c-0.2070312-0.1967773-0.3652344-0.4384766-0.4750977-0.7250977s-0.1616211-0.6132812-0.1552734-0.9799805h0.8500977c0.0131836,0.4599609,0.1464844,0.8349609,0.3999023,1.125s0.6235352,0.4350586,1.1103516,0.4350586c0.206543,0,0.4033203-0.0317383,0.5898438-0.0952148c0.1865234-0.0629883,0.3500977-0.1533203,0.4902344-0.2700195c0.1396484-0.1162109,0.2514648-0.2597656,0.3349609-0.4296875c0.0830078-0.1704102,0.125-0.3618164,0.125-0.5751953c0-0.2202148-0.0400391-0.4150391-0.1201172-0.5849609s-0.1870117-0.3134766-0.3203125-0.4301758c-0.1333008-0.1162109-0.2915039-0.203125-0.4746094-0.2597656c-0.1835938-0.0566406-0.3818359-0.0849609-0.5952148-0.0849609c-0.1801758,0-0.3500977,0.0097656-0.5097656,0.0297852v-0.7197266C17.5332031,14.956543,17.5629883,14.9599609,17.5898438,14.9599609z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M4.7700195,2.8598633L7.5600586,10h-1.050293L5.7299805,7.8500977H2.7099609L1.9101562,10H0.9399414l2.7802734-7.1401367H4.7700195z M5.4301758,7.0498047L4.2402344,3.7202148H4.2202148L3.0097656,7.0498047H5.4301758z"/><path d="M10.8500977,2.8598633c0.1533203,0,0.3183594,0.0019531,0.4951172,0.0053711c0.1762695,0.003418,0.3515625,0.0131836,0.5249023,0.0297852s0.3349609,0.0415039,0.4848633,0.0751953c0.1499023,0.0332031,0.2783203,0.0830078,0.3847656,0.1499023c0.2333984,0.1396484,0.4316406,0.3334961,0.5952148,0.5800781c0.1630859,0.246582,0.2451172,0.5498047,0.2451172,0.909668c0,0.3803711-0.0917969,0.7084961-0.2749023,0.9853516c-0.1835938,0.2763672-0.4453125,0.4814453-0.7851562,0.6147461v0.0200195c0.4399414,0.0932617,0.7763672,0.293457,1.0097656,0.6000977s0.3500977,0.6796875,0.3500977,1.1201172c0,0.2597656-0.0463867,0.5131836-0.1401367,0.7597656c-0.0932617,0.246582-0.2314453,0.4648438-0.4145508,0.6552734c-0.1835938,0.1899414-0.4101562,0.3432617-0.6801758,0.4599609S12.0634766,10,11.7099609,10H8.2597656V2.8598633H10.8500977z M11.1098633,5.9301758c0.5400391,0,0.9282227-0.0952148,1.1650391-0.2851562s0.3549805-0.4750977,0.3549805-0.8549805c0-0.253418-0.0400391-0.453125-0.1201172-0.6000977c-0.0795898-0.1464844-0.1899414-0.2597656-0.3295898-0.3398438c-0.1401367-0.0800781-0.3017578-0.1318359-0.4853516-0.1552734c-0.1831055-0.0229492-0.378418-0.034668-0.5849609-0.034668H9.2099609v2.2700195H11.1098633z M11.5898438,9.2001953c0.4199219,0,0.7485352-0.1132812,0.9853516-0.340332c0.2363281-0.2265625,0.3549805-0.5400391,0.3549805-0.9399414c0-0.2333984-0.043457-0.4262695-0.1303711-0.5800781c-0.0864258-0.1533203-0.2016602-0.2749023-0.3447266-0.3647461c-0.1435547-0.090332-0.3085938-0.1533203-0.4951172-0.1899414s-0.3798828-0.0551758-0.5800781-0.0551758H9.2099609v2.4702148H11.5898438z"/><path d="M19.425293,3.8701172c-0.3637695-0.253418-0.7954102-0.3798828-1.2954102-0.3798828c-0.4267578,0-0.7915039,0.0795898-1.0947266,0.2397461c-0.3037109,0.1601562-0.5537109,0.375-0.75,0.6450195c-0.1967773,0.2700195-0.3417969,0.5786133-0.4350586,0.9248047c-0.0932617,0.3466797-0.1401367,0.7070312-0.1401367,1.0800781c0,0.4067383,0.046875,0.7919922,0.1401367,1.1552734s0.2382812,0.6796875,0.4350586,0.949707c0.1962891,0.2700195,0.4482422,0.4853516,0.7548828,0.6450195c0.3066406,0.1601562,0.6733398,0.2402344,1.1000977,0.2402344c0.3129883,0,0.5913086-0.0517578,0.8349609-0.1552734c0.2431641-0.1030273,0.453125-0.246582,0.6298828-0.4296875c0.1767578-0.1835938,0.3149414-0.4018555,0.4150391-0.6552734c0.1000977-0.2529297,0.1601562-0.5263672,0.1801758-0.8198242h0.949707c-0.0932617,0.8999023-0.4033203,1.6000977-0.9296875,2.1000977c-0.5268555,0.5-1.2470703,0.75-2.1601562,0.75c-0.5532227,0-1.0366211-0.0952148-1.4501953-0.2851562c-0.4130859-0.1899414-0.7563477-0.4516602-1.0297852-0.7851562c-0.2734375-0.3330078-0.4785156-0.7265625-0.6152344-1.1796875c-0.1367188-0.4536133-0.2045898-0.9399414-0.2045898-1.4599609s0.0732422-1.0083008,0.2197266-1.465332c0.1464844-0.456543,0.3618164-0.8549805,0.6450195-1.1948242s0.6367188-0.6083984,1.0600586-0.8051758c0.4233398-0.1962891,0.9082031-0.2949219,1.4550781-0.2949219c0.3730469,0,0.7265625,0.050293,1.0600586,0.1499023c0.3330078,0.1000977,0.6298828,0.2470703,0.8896484,0.4399414c0.2602539,0.1938477,0.4765625,0.4350586,0.6503906,0.7250977c0.1733398,0.2900391,0.2866211,0.625,0.3398438,1.0048828h-0.9501953C20.0234375,4.503418,19.7885742,4.1235352,19.425293,3.8701172z"/><path d="M3.7099609,19v-5.0800781H1.8701172v-0.6796875c0.2397461,0,0.4731445-0.0185547,0.699707-0.0551758s0.4316406-0.1049805,0.6152344-0.2050781c0.1831055-0.1000977,0.3383789-0.2363281,0.4648438-0.4101562c0.1264648-0.1733398,0.2133789-0.3930664,0.2602539-0.659668h0.6499023V19H3.7099609z"/><path d="M8.7099609,13.4199219C8.8032227,13.1132812,8.9482422,12.8486328,9.1450195,12.625c0.1967773-0.2231445,0.4418945-0.3984375,0.7353516-0.5249023c0.2929688-0.1264648,0.6264648-0.1899414,1-0.1899414c0.3061523,0,0.5947266,0.0449219,0.8647461,0.1347656S12.25,12.2651367,12.4501953,12.4350586s0.3583984,0.3818359,0.4750977,0.6347656c0.1162109,0.253418,0.1748047,0.546875,0.1748047,0.8803711c0,0.3134766-0.0483398,0.5898438-0.1450195,0.8295898c-0.0966797,0.2402344-0.2250977,0.4550781-0.3847656,0.6450195c-0.1601562,0.1904297-0.34375,0.3618164-0.550293,0.5151367s-0.4199219,0.300293-0.6396484,0.4399414c-0.2202148,0.1337891-0.4404297,0.2651367-0.6601562,0.3950195C10.5,16.9047852,10.2983398,17.043457,10.1152344,17.1899414c-0.1835938,0.1469727-0.3398438,0.3051758-0.4702148,0.4750977C9.5151367,17.8349609,9.4301758,18.0297852,9.3901367,18.25h3.6401367V19H8.4003906C8.4335938,18.5800781,8.5083008,18.2216797,8.625,17.9248047c0.1166992-0.2963867,0.2651367-0.5546875,0.4453125-0.7749023C9.25,16.9301758,9.4536133,16.7368164,9.6801758,16.5698242c0.2265625-0.1665039,0.4633789-0.3232422,0.7099609-0.4697266c0.2998047-0.1865234,0.5634766-0.3583984,0.7900391-0.5151367s0.4150391-0.3149414,0.5649414-0.4750977c0.1499023-0.159668,0.2631836-0.3330078,0.3398438-0.5200195c0.0766602-0.1865234,0.1152344-0.4033203,0.1152344-0.6499023c0-0.1933594-0.0366211-0.3681641-0.1098633-0.5249023c-0.0737305-0.1567383-0.171875-0.2915039-0.2954102-0.4052734c-0.1230469-0.1132812-0.2680664-0.199707-0.4345703-0.2597656c-0.1669922-0.0600586-0.34375-0.0898438-0.5302734-0.0898438c-0.246582,0-0.4584961,0.0517578-0.6347656,0.1547852c-0.1767578,0.1035156-0.3217773,0.2382812-0.4350586,0.4052734c-0.1137695,0.1665039-0.1953125,0.3549805-0.2451172,0.5649414s-0.0717773,0.4213867-0.0649414,0.6347656H8.6000977C8.5800781,14.0600586,8.6166992,13.7265625,8.7099609,13.4199219z"/><path d="M17.5898438,14.9599609c0.0332031,0,0.0664062,0,0.1000977,0h0.1796875c0.1801758,0,0.3515625-0.0249023,0.5151367-0.0751953c0.1635742-0.0498047,0.3066406-0.1230469,0.4301758-0.2197266c0.1230469-0.0966797,0.2216797-0.2182617,0.2949219-0.3652344c0.0732422-0.1464844,0.1098633-0.3129883,0.1098633-0.5c0-0.3798828-0.1201172-0.6650391-0.3598633-0.8549805c-0.2402344-0.1899414-0.5400391-0.284668-0.8999023-0.284668c-0.2270508,0-0.425293,0.0415039-0.5952148,0.125s-0.3100586,0.1948242-0.4199219,0.3349609c-0.1098633,0.1396484-0.1918945,0.3032227-0.2451172,0.4897461c-0.0532227,0.1870117-0.0800781,0.3837891-0.0800781,0.590332h-0.8496094c0.0131836-0.340332,0.0678711-0.6503906,0.1650391-0.9301758C16.03125,12.9902344,16.1699219,12.75,16.3496094,12.5498047c0.1801758-0.199707,0.4052734-0.3564453,0.675293-0.4697266s0.581543-0.1699219,0.9350586-0.1699219c0.3066406,0,0.5913086,0.0380859,0.8549805,0.1147461C19.078125,12.1015625,19.3061523,12.2167969,19.5,12.3701172c0.1928711,0.1533203,0.3447266,0.3500977,0.4545898,0.5898438c0.1103516,0.2402344,0.1650391,0.5234375,0.1650391,0.8500977c0,0.3198242-0.0932617,0.6035156-0.2797852,0.8500977s-0.4199219,0.4331055-0.7001953,0.5600586v0.0200195c0.4335938,0.0932617,0.7553711,0.2963867,0.965332,0.6098633s0.3149414,0.6831055,0.3149414,1.1098633c0,0.3535156-0.0649414,0.6650391-0.1953125,0.9350586c-0.1298828,0.2700195-0.3046875,0.4951172-0.5249023,0.6748047c-0.2197266,0.1801758-0.4785156,0.3149414-0.7749023,0.4052734c-0.296875,0.0898438-0.6118164,0.1347656-0.9448242,0.1347656c-0.3603516,0-0.6870117-0.0498047-0.9799805-0.1499023c-0.293457-0.1000977-0.543457-0.2480469-0.75-0.4448242c-0.2070312-0.1967773-0.3652344-0.4384766-0.4750977-0.7250977s-0.1616211-0.6132812-0.1552734-0.9799805h0.8500977c0.0131836,0.4599609,0.1464844,0.8349609,0.3999023,1.125s0.6235352,0.4350586,1.1103516,0.4350586c0.206543,0,0.4033203-0.0317383,0.5898438-0.0952148c0.1865234-0.0629883,0.3500977-0.1533203,0.4902344-0.2700195c0.1396484-0.1162109,0.2514648-0.2597656,0.3349609-0.4296875c0.0830078-0.1704102,0.125-0.3618164,0.125-0.5751953c0-0.2202148-0.0400391-0.4150391-0.1201172-0.5849609s-0.1870117-0.3134766-0.3203125-0.4301758c-0.1333008-0.1162109-0.2915039-0.203125-0.4746094-0.2597656c-0.1835938-0.0566406-0.3818359-0.0849609-0.5952148-0.0849609c-0.1801758,0-0.3500977,0.0097656-0.5097656,0.0297852v-0.7197266C17.5332031,14.956543,17.5629883,14.9599609,17.5898438,14.9599609z"/></g></svg>');
         }
         &.icon-format-number {
             width: 22px;
             height: 22px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M3.7099609,13.8330078V8.7529297H1.8701172V8.0732422c0.2397461,0,0.4731445-0.0185547,0.699707-0.0551758s0.4316406-0.1049805,0.6152344-0.2050781C3.3681641,7.7128906,3.5234375,7.5766602,3.6499023,7.402832c0.1264648-0.1733398,0.2133789-0.3930664,0.2602539-0.659668h0.6499023v7.0898438H3.7099609z"/><path d="M8.5,12.7231445v1.0097656c0,0.3798828-0.0864258,0.706543-0.2597656,0.9799805c-0.1738281,0.2734375-0.4536133,0.4667969-0.840332,0.5800781v-0.5c0.1132812-0.0400391,0.2084961-0.0986328,0.2851562-0.1748047c0.0766602-0.0766602,0.1381836-0.1601562,0.1850586-0.25c0.0463867-0.090332,0.078125-0.1816406,0.0947266-0.2753906c0.0166016-0.0932617,0.0219727-0.1796875,0.0151367-0.2597656H7.3901367v-1.1098633H8.5z"/><path d="M9.7797852,9.5429688c0.0131836-0.2797852,0.0463867-0.5532227,0.1000977-0.8198242c0.0532227-0.2666016,0.1298828-0.5200195,0.2299805-0.7602539c0.1000977-0.2397461,0.2363281-0.449707,0.4101562-0.6298828c0.1733398-0.1801758,0.3916016-0.3232422,0.6547852-0.4301758c0.2631836-0.1064453,0.578125-0.159668,0.9448242-0.159668s0.6816406,0.0532227,0.9453125,0.159668c0.2631836,0.1069336,0.4814453,0.25,0.6547852,0.4301758s0.3100586,0.3901367,0.4101562,0.6298828c0.1000977,0.2402344,0.1767578,0.4936523,0.2299805,0.7602539s0.0864258,0.5400391,0.1000977,0.8198242c0.0131836,0.2802734,0.0200195,0.5498047,0.0200195,0.8100586c0,0.2597656-0.0068359,0.5297852-0.0200195,0.8100586c-0.0136719,0.2797852-0.046875,0.5532227-0.1000977,0.8198242s-0.1298828,0.5185547-0.2299805,0.7548828c-0.1000977,0.2368164-0.2368164,0.4453125-0.4101562,0.625c-0.1733398,0.1801758-0.3896484,0.3217773-0.6499023,0.425293c-0.2597656,0.1030273-0.5766602,0.1547852-0.9501953,0.1547852c-0.3666992,0-0.6816406-0.0517578-0.9448242-0.1547852c-0.2631836-0.1035156-0.4814453-0.2451172-0.6547852-0.425293c-0.1738281-0.1796875-0.3100586-0.3881836-0.4101562-0.625c-0.1000977-0.2363281-0.1767578-0.4882812-0.2299805-0.7548828c-0.0537109-0.2666016-0.0869141-0.5400391-0.1000977-0.8198242c-0.0131836-0.2802734-0.0200195-0.550293-0.0200195-0.8100586C9.7597656,10.0927734,9.7666016,9.8232422,9.7797852,9.5429688z M10.6850586,11.237793c0.0161133,0.3300781,0.0698242,0.6401367,0.159668,0.9301758c0.090332,0.2900391,0.2353516,0.5351562,0.4350586,0.7348633c0.2001953,0.2001953,0.4799805,0.300293,0.8398438,0.300293c0.3603516,0,0.6401367-0.1000977,0.840332-0.300293c0.199707-0.199707,0.3447266-0.4448242,0.4350586-0.7348633c0.0898438-0.2900391,0.1430664-0.6000977,0.159668-0.9301758c0.0166016-0.3295898,0.0253906-0.6279297,0.0253906-0.8950195c0-0.1728516-0.0019531-0.3647461-0.0053711-0.574707s-0.0200195-0.4199219-0.0498047-0.6298828c-0.0302734-0.2099609-0.0737305-0.4150391-0.1298828-0.6152344c-0.0571289-0.199707-0.1401367-0.375-0.25-0.5249023c-0.1103516-0.1499023-0.2485352-0.2714844-0.4150391-0.3652344c-0.1669922-0.0932617-0.3701172-0.1396484-0.6103516-0.1396484c-0.2397461,0-0.4433594,0.0463867-0.6098633,0.1396484c-0.1665039,0.09375-0.3046875,0.215332-0.4150391,0.3652344c-0.1098633,0.1499023-0.1933594,0.3251953-0.25,0.5249023c-0.0566406,0.2001953-0.1000977,0.4052734-0.1298828,0.6152344s-0.046875,0.4199219-0.0498047,0.6298828c-0.003418,0.2099609-0.0053711,0.4018555-0.0053711,0.574707C10.659668,10.6098633,10.6679688,10.9082031,10.6850586,11.237793z"/><path d="M15.3398438,9.5429688c0.0131836-0.2797852,0.0463867-0.5532227,0.1000977-0.8198242c0.0532227-0.2666016,0.1298828-0.5200195,0.2299805-0.7602539c0.1000977-0.2397461,0.2363281-0.449707,0.4101562-0.6298828c0.1733398-0.1801758,0.3916016-0.3232422,0.6547852-0.4301758c0.2631836-0.1064453,0.578125-0.159668,0.9448242-0.159668S18.3613281,6.7963867,18.625,6.902832c0.2631836,0.1069336,0.4814453,0.25,0.6547852,0.4301758s0.3100586,0.3901367,0.4101562,0.6298828c0.1000977,0.2402344,0.1767578,0.4936523,0.2299805,0.7602539s0.0864258,0.5400391,0.1000977,0.8198242c0.0131836,0.2802734,0.0200195,0.5498047,0.0200195,0.8100586c0,0.2597656-0.0068359,0.5297852-0.0200195,0.8100586c-0.0136719,0.2797852-0.046875,0.5532227-0.1000977,0.8198242s-0.1298828,0.5185547-0.2299805,0.7548828c-0.1000977,0.2368164-0.2368164,0.4453125-0.4101562,0.625c-0.1733398,0.1801758-0.3896484,0.3217773-0.6499023,0.425293c-0.2597656,0.1030273-0.5766602,0.1547852-0.9501953,0.1547852c-0.3666992,0-0.6816406-0.0517578-0.9448242-0.1547852c-0.2631836-0.1035156-0.4814453-0.2451172-0.6547852-0.425293c-0.1738281-0.1796875-0.3100586-0.3881836-0.4101562-0.625c-0.1000977-0.2363281-0.1767578-0.4882812-0.2299805-0.7548828c-0.0537109-0.2666016-0.0869141-0.5400391-0.1000977-0.8198242c-0.0131836-0.2802734-0.0200195-0.550293-0.0200195-0.8100586C15.3198242,10.0927734,15.3266602,9.8232422,15.3398438,9.5429688z M16.2451172,11.237793c0.0161133,0.3300781,0.0698242,0.6401367,0.159668,0.9301758c0.090332,0.2900391,0.2353516,0.5351562,0.4350586,0.7348633c0.2001953,0.2001953,0.4799805,0.300293,0.8398438,0.300293c0.3603516,0,0.6401367-0.1000977,0.840332-0.300293c0.199707-0.199707,0.3447266-0.4448242,0.4350586-0.7348633c0.0898438-0.2900391,0.1430664-0.6000977,0.159668-0.9301758c0.0166016-0.3295898,0.0253906-0.6279297,0.0253906-0.8950195c0-0.1728516-0.0019531-0.3647461-0.0053711-0.574707s-0.0200195-0.4199219-0.0498047-0.6298828c-0.0302734-0.2099609-0.0737305-0.4150391-0.1298828-0.6152344c-0.0571289-0.199707-0.1401367-0.375-0.25-0.5249023c-0.1103516-0.1499023-0.2485352-0.2714844-0.4150391-0.3652344c-0.1669922-0.0932617-0.3701172-0.1396484-0.6103516-0.1396484c-0.2397461,0-0.4433594,0.0463867-0.6098633,0.1396484c-0.1665039,0.09375-0.3046875,0.215332-0.4150391,0.3652344c-0.1098633,0.1499023-0.1933594,0.3251953-0.25,0.5249023c-0.0566406,0.2001953-0.1000977,0.4052734-0.1298828,0.6152344s-0.046875,0.4199219-0.0498047,0.6298828c-0.003418,0.2099609-0.0053711,0.4018555-0.0053711,0.574707C16.2197266,10.6098633,16.2280273,10.9082031,16.2451172,11.237793z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M3.7099609,13.8330078V8.7529297H1.8701172V8.0732422c0.2397461,0,0.4731445-0.0185547,0.699707-0.0551758s0.4316406-0.1049805,0.6152344-0.2050781C3.3681641,7.7128906,3.5234375,7.5766602,3.6499023,7.402832c0.1264648-0.1733398,0.2133789-0.3930664,0.2602539-0.659668h0.6499023v7.0898438H3.7099609z"/><path d="M8.5,12.7231445v1.0097656c0,0.3798828-0.0864258,0.706543-0.2597656,0.9799805c-0.1738281,0.2734375-0.4536133,0.4667969-0.840332,0.5800781v-0.5c0.1132812-0.0400391,0.2084961-0.0986328,0.2851562-0.1748047c0.0766602-0.0766602,0.1381836-0.1601562,0.1850586-0.25c0.0463867-0.090332,0.078125-0.1816406,0.0947266-0.2753906c0.0166016-0.0932617,0.0219727-0.1796875,0.0151367-0.2597656H7.3901367v-1.1098633H8.5z"/><path d="M9.7797852,9.5429688c0.0131836-0.2797852,0.0463867-0.5532227,0.1000977-0.8198242c0.0532227-0.2666016,0.1298828-0.5200195,0.2299805-0.7602539c0.1000977-0.2397461,0.2363281-0.449707,0.4101562-0.6298828c0.1733398-0.1801758,0.3916016-0.3232422,0.6547852-0.4301758c0.2631836-0.1064453,0.578125-0.159668,0.9448242-0.159668s0.6816406,0.0532227,0.9453125,0.159668c0.2631836,0.1069336,0.4814453,0.25,0.6547852,0.4301758s0.3100586,0.3901367,0.4101562,0.6298828c0.1000977,0.2402344,0.1767578,0.4936523,0.2299805,0.7602539s0.0864258,0.5400391,0.1000977,0.8198242c0.0131836,0.2802734,0.0200195,0.5498047,0.0200195,0.8100586c0,0.2597656-0.0068359,0.5297852-0.0200195,0.8100586c-0.0136719,0.2797852-0.046875,0.5532227-0.1000977,0.8198242s-0.1298828,0.5185547-0.2299805,0.7548828c-0.1000977,0.2368164-0.2368164,0.4453125-0.4101562,0.625c-0.1733398,0.1801758-0.3896484,0.3217773-0.6499023,0.425293c-0.2597656,0.1030273-0.5766602,0.1547852-0.9501953,0.1547852c-0.3666992,0-0.6816406-0.0517578-0.9448242-0.1547852c-0.2631836-0.1035156-0.4814453-0.2451172-0.6547852-0.425293c-0.1738281-0.1796875-0.3100586-0.3881836-0.4101562-0.625c-0.1000977-0.2363281-0.1767578-0.4882812-0.2299805-0.7548828c-0.0537109-0.2666016-0.0869141-0.5400391-0.1000977-0.8198242c-0.0131836-0.2802734-0.0200195-0.550293-0.0200195-0.8100586C9.7597656,10.0927734,9.7666016,9.8232422,9.7797852,9.5429688z M10.6850586,11.237793c0.0161133,0.3300781,0.0698242,0.6401367,0.159668,0.9301758c0.090332,0.2900391,0.2353516,0.5351562,0.4350586,0.7348633c0.2001953,0.2001953,0.4799805,0.300293,0.8398438,0.300293c0.3603516,0,0.6401367-0.1000977,0.840332-0.300293c0.199707-0.199707,0.3447266-0.4448242,0.4350586-0.7348633c0.0898438-0.2900391,0.1430664-0.6000977,0.159668-0.9301758c0.0166016-0.3295898,0.0253906-0.6279297,0.0253906-0.8950195c0-0.1728516-0.0019531-0.3647461-0.0053711-0.574707s-0.0200195-0.4199219-0.0498047-0.6298828c-0.0302734-0.2099609-0.0737305-0.4150391-0.1298828-0.6152344c-0.0571289-0.199707-0.1401367-0.375-0.25-0.5249023c-0.1103516-0.1499023-0.2485352-0.2714844-0.4150391-0.3652344c-0.1669922-0.0932617-0.3701172-0.1396484-0.6103516-0.1396484c-0.2397461,0-0.4433594,0.0463867-0.6098633,0.1396484c-0.1665039,0.09375-0.3046875,0.215332-0.4150391,0.3652344c-0.1098633,0.1499023-0.1933594,0.3251953-0.25,0.5249023c-0.0566406,0.2001953-0.1000977,0.4052734-0.1298828,0.6152344s-0.046875,0.4199219-0.0498047,0.6298828c-0.003418,0.2099609-0.0053711,0.4018555-0.0053711,0.574707C10.659668,10.6098633,10.6679688,10.9082031,10.6850586,11.237793z"/><path d="M15.3398438,9.5429688c0.0131836-0.2797852,0.0463867-0.5532227,0.1000977-0.8198242c0.0532227-0.2666016,0.1298828-0.5200195,0.2299805-0.7602539c0.1000977-0.2397461,0.2363281-0.449707,0.4101562-0.6298828c0.1733398-0.1801758,0.3916016-0.3232422,0.6547852-0.4301758c0.2631836-0.1064453,0.578125-0.159668,0.9448242-0.159668S18.3613281,6.7963867,18.625,6.902832c0.2631836,0.1069336,0.4814453,0.25,0.6547852,0.4301758s0.3100586,0.3901367,0.4101562,0.6298828c0.1000977,0.2402344,0.1767578,0.4936523,0.2299805,0.7602539s0.0864258,0.5400391,0.1000977,0.8198242c0.0131836,0.2802734,0.0200195,0.5498047,0.0200195,0.8100586c0,0.2597656-0.0068359,0.5297852-0.0200195,0.8100586c-0.0136719,0.2797852-0.046875,0.5532227-0.1000977,0.8198242s-0.1298828,0.5185547-0.2299805,0.7548828c-0.1000977,0.2368164-0.2368164,0.4453125-0.4101562,0.625c-0.1733398,0.1801758-0.3896484,0.3217773-0.6499023,0.425293c-0.2597656,0.1030273-0.5766602,0.1547852-0.9501953,0.1547852c-0.3666992,0-0.6816406-0.0517578-0.9448242-0.1547852c-0.2631836-0.1035156-0.4814453-0.2451172-0.6547852-0.425293c-0.1738281-0.1796875-0.3100586-0.3881836-0.4101562-0.625c-0.1000977-0.2363281-0.1767578-0.4882812-0.2299805-0.7548828c-0.0537109-0.2666016-0.0869141-0.5400391-0.1000977-0.8198242c-0.0131836-0.2802734-0.0200195-0.550293-0.0200195-0.8100586C15.3198242,10.0927734,15.3266602,9.8232422,15.3398438,9.5429688z M16.2451172,11.237793c0.0161133,0.3300781,0.0698242,0.6401367,0.159668,0.9301758c0.090332,0.2900391,0.2353516,0.5351562,0.4350586,0.7348633c0.2001953,0.2001953,0.4799805,0.300293,0.8398438,0.300293c0.3603516,0,0.6401367-0.1000977,0.840332-0.300293c0.199707-0.199707,0.3447266-0.4448242,0.4350586-0.7348633c0.0898438-0.2900391,0.1430664-0.6000977,0.159668-0.9301758c0.0166016-0.3295898,0.0253906-0.6279297,0.0253906-0.8950195c0-0.1728516-0.0019531-0.3647461-0.0053711-0.574707s-0.0200195-0.4199219-0.0498047-0.6298828c-0.0302734-0.2099609-0.0737305-0.4150391-0.1298828-0.6152344c-0.0571289-0.199707-0.1401367-0.375-0.25-0.5249023c-0.1103516-0.1499023-0.2485352-0.2714844-0.4150391-0.3652344c-0.1669922-0.0932617-0.3701172-0.1396484-0.6103516-0.1396484c-0.2397461,0-0.4433594,0.0463867-0.6098633,0.1396484c-0.1665039,0.09375-0.3046875,0.215332-0.4150391,0.3652344c-0.1098633,0.1499023-0.1933594,0.3251953-0.25,0.5249023c-0.0566406,0.2001953-0.1000977,0.4052734-0.1298828,0.6152344s-0.046875,0.4199219-0.0498047,0.6298828c-0.003418,0.2099609-0.0053711,0.4018555-0.0053711,0.574707C16.2197266,10.6098633,16.2280273,10.9082031,16.2451172,11.237793z"/></g></svg>');
         }
         &.icon-format-integer {
             width: 22px;
             height: 22px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M4.7089844,14.8330078V9.7529297H2.8691406V9.0732422c0.2402344,0,0.4736328-0.0185547,0.7001953-0.0551758s0.4316406-0.1049805,0.6152344-0.2050781C4.3671875,8.7128906,4.5234375,8.5766602,4.6494141,8.402832c0.1259766-0.1733398,0.2138672-0.3930664,0.2607422-0.659668h0.6494141v7.0898438H4.7089844z"/><path d="M8.109375,9.2529297c0.09375-0.3066406,0.2382812-0.5712891,0.4355469-0.7949219c0.1962891-0.2231445,0.4414062-0.3984375,0.734375-0.5249023s0.6269531-0.1899414,1-0.1899414c0.3066406,0,0.5957031,0.0449219,0.8652344,0.1347656s0.5048828,0.2202148,0.7050781,0.3901367s0.3583984,0.3818359,0.4746094,0.6347656C12.4414062,9.15625,12.5,9.449707,12.5,9.7832031c0,0.3134766-0.0488281,0.5898438-0.1455078,0.8295898c-0.0966797,0.2402344-0.2255859,0.4550781-0.3847656,0.6450195c-0.1601562,0.1904297-0.34375,0.3618164-0.5498047,0.5151367C11.2128906,11.9262695,11,12.0732422,10.7792969,12.2128906c-0.2197266,0.1337891-0.4394531,0.2651367-0.6601562,0.3950195c-0.2197266,0.1298828-0.421875,0.2685547-0.6044922,0.4150391c-0.1835938,0.1469727-0.3398438,0.3051758-0.4697266,0.4750977c-0.1308594,0.1699219-0.2148438,0.3647461-0.2558594,0.5849609h3.640625v0.75H7.7998047c0.0332031-0.4199219,0.1083984-0.7783203,0.2246094-1.0751953c0.1162109-0.2963867,0.2646484-0.5546875,0.4453125-0.7749023c0.1796875-0.2197266,0.3837891-0.4130859,0.6103516-0.5800781c0.2265625-0.1665039,0.4628906-0.3232422,0.7089844-0.4697266c0.3007812-0.1865234,0.5644531-0.3583984,0.7910156-0.5151367s0.4140625-0.3149414,0.5644531-0.4750977c0.1503906-0.159668,0.2636719-0.3330078,0.3398438-0.5200195c0.0761719-0.1865234,0.1152344-0.4033203,0.1152344-0.6499023c0-0.1933594-0.0371094-0.3681641-0.109375-0.5249023c-0.0742188-0.1567383-0.171875-0.2915039-0.2958984-0.4052734c-0.1230469-0.1132812-0.2685547-0.199707-0.4345703-0.2597656c-0.1669922-0.0600586-0.34375-0.0898438-0.5302734-0.0898438c-0.2470703,0-0.4580078,0.0517578-0.6347656,0.1547852C9.4179688,8.7514648,9.2734375,8.8862305,9.1601562,9.0532227C9.0458984,9.2197266,8.9648438,9.4082031,8.9140625,9.6181641c-0.0488281,0.2099609-0.0712891,0.4213867-0.0644531,0.6347656H8C7.9794922,9.8930664,8.015625,9.5595703,8.109375,9.2529297z"/><path d="M15.3896484,10.7929688c0.0332031,0,0.0664062,0,0.1005859,0h0.1796875c0.1796875,0,0.3515625-0.0249023,0.5146484-0.0751953c0.1630859-0.0498047,0.3066406-0.1230469,0.4306641-0.2197266c0.1230469-0.0966797,0.2207031-0.2182617,0.2949219-0.3652344c0.0722656-0.1464844,0.109375-0.3129883,0.109375-0.5c0-0.3798828-0.1201172-0.6650391-0.359375-0.8549805c-0.2402344-0.1899414-0.5410156-0.284668-0.9003906-0.284668c-0.2265625,0-0.4257812,0.0415039-0.5957031,0.125s-0.3095703,0.1948242-0.4199219,0.3349609C14.6347656,9.0927734,14.5527344,9.2563477,14.5,9.4428711c-0.0537109,0.1870117-0.0800781,0.3837891-0.0800781,0.590332h-0.8496094c0.0126953-0.340332,0.0673828-0.6503906,0.1640625-0.9301758s0.2353516-0.5200195,0.4150391-0.7202148c0.1806641-0.199707,0.4052734-0.3564453,0.6748047-0.4697266c0.2705078-0.1132812,0.5820312-0.1699219,0.9355469-0.1699219c0.3066406,0,0.5917969,0.0380859,0.8554688,0.1147461c0.2626953,0.0766602,0.4902344,0.1918945,0.6845703,0.3452148c0.1923828,0.1533203,0.3447266,0.3500977,0.4541016,0.5898438c0.1113281,0.2402344,0.1660156,0.5234375,0.1660156,0.8500977c0,0.3198242-0.09375,0.6035156-0.2802734,0.8500977s-0.4199219,0.4331055-0.7001953,0.5600586v0.0200195c0.4335938,0.0932617,0.7558594,0.2963867,0.9648438,0.6098633c0.2109375,0.3134766,0.3154297,0.6831055,0.3154297,1.1098633c0,0.3535156-0.0654297,0.6650391-0.1953125,0.9350586S17.7197266,14.2231445,17.5,14.402832c-0.2207031,0.1801758-0.4785156,0.3149414-0.7753906,0.4052734c-0.296875,0.0898438-0.6113281,0.1347656-0.9453125,0.1347656c-0.359375,0-0.6865234-0.0498047-0.9794922-0.1499023c-0.2939453-0.1000977-0.5439453-0.2480469-0.75-0.4448242c-0.2070312-0.1967773-0.3652344-0.4384766-0.4755859-0.7250977c-0.109375-0.2866211-0.1611328-0.6132812-0.1542969-0.9799805h0.8496094c0.0136719,0.4599609,0.1464844,0.8349609,0.4003906,1.125c0.2529297,0.2900391,0.6230469,0.4350586,1.109375,0.4350586c0.2070312,0,0.4042969-0.0317383,0.5898438-0.0952148c0.1875-0.0629883,0.3505859-0.1533203,0.4902344-0.2700195C17,13.7216797,17.1113281,13.578125,17.1953125,13.4082031c0.0820312-0.1704102,0.125-0.3618164,0.125-0.5751953c0-0.2202148-0.0410156-0.4150391-0.1210938-0.5849609s-0.1865234-0.3134766-0.3203125-0.4301758c-0.1328125-0.1162109-0.2910156-0.203125-0.4746094-0.2597656s-0.3808594-0.0849609-0.5947266-0.0849609c-0.1806641,0-0.3505859,0.0097656-0.5097656,0.0297852v-0.7197266C15.3330078,10.7895508,15.3632812,10.7929688,15.3896484,10.7929688z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M4.7089844,14.8330078V9.7529297H2.8691406V9.0732422c0.2402344,0,0.4736328-0.0185547,0.7001953-0.0551758s0.4316406-0.1049805,0.6152344-0.2050781C4.3671875,8.7128906,4.5234375,8.5766602,4.6494141,8.402832c0.1259766-0.1733398,0.2138672-0.3930664,0.2607422-0.659668h0.6494141v7.0898438H4.7089844z"/><path d="M8.109375,9.2529297c0.09375-0.3066406,0.2382812-0.5712891,0.4355469-0.7949219c0.1962891-0.2231445,0.4414062-0.3984375,0.734375-0.5249023s0.6269531-0.1899414,1-0.1899414c0.3066406,0,0.5957031,0.0449219,0.8652344,0.1347656s0.5048828,0.2202148,0.7050781,0.3901367s0.3583984,0.3818359,0.4746094,0.6347656C12.4414062,9.15625,12.5,9.449707,12.5,9.7832031c0,0.3134766-0.0488281,0.5898438-0.1455078,0.8295898c-0.0966797,0.2402344-0.2255859,0.4550781-0.3847656,0.6450195c-0.1601562,0.1904297-0.34375,0.3618164-0.5498047,0.5151367C11.2128906,11.9262695,11,12.0732422,10.7792969,12.2128906c-0.2197266,0.1337891-0.4394531,0.2651367-0.6601562,0.3950195c-0.2197266,0.1298828-0.421875,0.2685547-0.6044922,0.4150391c-0.1835938,0.1469727-0.3398438,0.3051758-0.4697266,0.4750977c-0.1308594,0.1699219-0.2148438,0.3647461-0.2558594,0.5849609h3.640625v0.75H7.7998047c0.0332031-0.4199219,0.1083984-0.7783203,0.2246094-1.0751953c0.1162109-0.2963867,0.2646484-0.5546875,0.4453125-0.7749023c0.1796875-0.2197266,0.3837891-0.4130859,0.6103516-0.5800781c0.2265625-0.1665039,0.4628906-0.3232422,0.7089844-0.4697266c0.3007812-0.1865234,0.5644531-0.3583984,0.7910156-0.5151367s0.4140625-0.3149414,0.5644531-0.4750977c0.1503906-0.159668,0.2636719-0.3330078,0.3398438-0.5200195c0.0761719-0.1865234,0.1152344-0.4033203,0.1152344-0.6499023c0-0.1933594-0.0371094-0.3681641-0.109375-0.5249023c-0.0742188-0.1567383-0.171875-0.2915039-0.2958984-0.4052734c-0.1230469-0.1132812-0.2685547-0.199707-0.4345703-0.2597656c-0.1669922-0.0600586-0.34375-0.0898438-0.5302734-0.0898438c-0.2470703,0-0.4580078,0.0517578-0.6347656,0.1547852C9.4179688,8.7514648,9.2734375,8.8862305,9.1601562,9.0532227C9.0458984,9.2197266,8.9648438,9.4082031,8.9140625,9.6181641c-0.0488281,0.2099609-0.0712891,0.4213867-0.0644531,0.6347656H8C7.9794922,9.8930664,8.015625,9.5595703,8.109375,9.2529297z"/><path d="M15.3896484,10.7929688c0.0332031,0,0.0664062,0,0.1005859,0h0.1796875c0.1796875,0,0.3515625-0.0249023,0.5146484-0.0751953c0.1630859-0.0498047,0.3066406-0.1230469,0.4306641-0.2197266c0.1230469-0.0966797,0.2207031-0.2182617,0.2949219-0.3652344c0.0722656-0.1464844,0.109375-0.3129883,0.109375-0.5c0-0.3798828-0.1201172-0.6650391-0.359375-0.8549805c-0.2402344-0.1899414-0.5410156-0.284668-0.9003906-0.284668c-0.2265625,0-0.4257812,0.0415039-0.5957031,0.125s-0.3095703,0.1948242-0.4199219,0.3349609C14.6347656,9.0927734,14.5527344,9.2563477,14.5,9.4428711c-0.0537109,0.1870117-0.0800781,0.3837891-0.0800781,0.590332h-0.8496094c0.0126953-0.340332,0.0673828-0.6503906,0.1640625-0.9301758s0.2353516-0.5200195,0.4150391-0.7202148c0.1806641-0.199707,0.4052734-0.3564453,0.6748047-0.4697266c0.2705078-0.1132812,0.5820312-0.1699219,0.9355469-0.1699219c0.3066406,0,0.5917969,0.0380859,0.8554688,0.1147461c0.2626953,0.0766602,0.4902344,0.1918945,0.6845703,0.3452148c0.1923828,0.1533203,0.3447266,0.3500977,0.4541016,0.5898438c0.1113281,0.2402344,0.1660156,0.5234375,0.1660156,0.8500977c0,0.3198242-0.09375,0.6035156-0.2802734,0.8500977s-0.4199219,0.4331055-0.7001953,0.5600586v0.0200195c0.4335938,0.0932617,0.7558594,0.2963867,0.9648438,0.6098633c0.2109375,0.3134766,0.3154297,0.6831055,0.3154297,1.1098633c0,0.3535156-0.0654297,0.6650391-0.1953125,0.9350586S17.7197266,14.2231445,17.5,14.402832c-0.2207031,0.1801758-0.4785156,0.3149414-0.7753906,0.4052734c-0.296875,0.0898438-0.6113281,0.1347656-0.9453125,0.1347656c-0.359375,0-0.6865234-0.0498047-0.9794922-0.1499023c-0.2939453-0.1000977-0.5439453-0.2480469-0.75-0.4448242c-0.2070312-0.1967773-0.3652344-0.4384766-0.4755859-0.7250977c-0.109375-0.2866211-0.1611328-0.6132812-0.1542969-0.9799805h0.8496094c0.0136719,0.4599609,0.1464844,0.8349609,0.4003906,1.125c0.2529297,0.2900391,0.6230469,0.4350586,1.109375,0.4350586c0.2070312,0,0.4042969-0.0317383,0.5898438-0.0952148c0.1875-0.0629883,0.3505859-0.1533203,0.4902344-0.2700195C17,13.7216797,17.1113281,13.578125,17.1953125,13.4082031c0.0820312-0.1704102,0.125-0.3618164,0.125-0.5751953c0-0.2202148-0.0410156-0.4150391-0.1210938-0.5849609s-0.1865234-0.3134766-0.3203125-0.4301758c-0.1328125-0.1162109-0.2910156-0.203125-0.4746094-0.2597656s-0.3808594-0.0849609-0.5947266-0.0849609c-0.1806641,0-0.3505859,0.0097656-0.5097656,0.0297852v-0.7197266C15.3330078,10.7895508,15.3632812,10.7929688,15.3896484,10.7929688z"/></g></svg>');
         }
         &.icon-format-scientific {
             width: 22px;
             height: 22px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M4.9804688,15.8330078v-5.5878906H2.9570312V9.4970703c0.2636719,0,0.5195312-0.0200195,0.7695312-0.0605469c0.2490234-0.0400391,0.4746094-0.1157227,0.6757812-0.2255859c0.2021484-0.1098633,0.3730469-0.2602539,0.5117188-0.4511719c0.1396484-0.1904297,0.234375-0.4321289,0.2871094-0.7255859h0.7148438v7.7988281H4.9804688z"/><path d="M8.5996094,11.1137695c0.0146484-0.3076172,0.0507812-0.6083984,0.1103516-0.9018555c0.0585938-0.2929688,0.1425781-0.5717773,0.2529297-0.8359375c0.109375-0.2641602,0.2597656-0.4951172,0.4511719-0.6928711C9.6044922,8.4848633,9.84375,8.3276367,10.1347656,8.2099609c0.2890625-0.1171875,0.6357422-0.1757812,1.0390625-0.1757812s0.75,0.0585938,1.0390625,0.1757812c0.2900391,0.1176758,0.5302734,0.2749023,0.7207031,0.4731445C13.125,8.8808594,13.2753906,9.1118164,13.3847656,9.3759766s0.1943359,0.5429688,0.2529297,0.8359375c0.0585938,0.293457,0.0947266,0.5942383,0.1103516,0.9018555c0.0136719,0.3081055,0.0214844,0.6054688,0.0214844,0.8911133c0,0.2861328-0.0078125,0.5830078-0.0214844,0.8911133c-0.015625,0.3081055-0.0517578,0.6088867-0.1103516,0.9018555c-0.0585938,0.293457-0.1435547,0.5703125-0.2529297,0.8305664s-0.2597656,0.4897461-0.4511719,0.6875c-0.1904297,0.1982422-0.4287109,0.3540039-0.7148438,0.4677734c-0.2861328,0.1132812-0.6347656,0.1704102-1.0449219,0.1704102c-0.4033203,0-0.75-0.0571289-1.0390625-0.1704102C9.84375,15.6699219,9.6044922,15.5141602,9.4140625,15.315918c-0.1914062-0.1977539-0.3417969-0.4272461-0.4511719-0.6875c-0.1103516-0.2602539-0.1943359-0.5371094-0.2529297-0.8305664c-0.0595703-0.2929688-0.0957031-0.59375-0.1103516-0.9018555S8.578125,12.2910156,8.578125,12.0048828C8.578125,11.7192383,8.5849609,11.421875,8.5996094,11.1137695z M9.5957031,12.9785156c0.0175781,0.362793,0.0761719,0.7041016,0.1757812,1.0229492c0.0986328,0.3188477,0.2578125,0.5883789,0.4785156,0.8085938c0.2197266,0.2197266,0.5273438,0.3300781,0.9238281,0.3300781s0.7041016-0.1103516,0.9238281-0.3300781c0.2207031-0.2202148,0.3789062-0.4897461,0.4785156-0.8085938s0.1582031-0.6601562,0.1757812-1.0229492c0.0185547-0.362793,0.0273438-0.690918,0.0273438-0.984375c0-0.190918-0.0019531-0.4018555-0.0048828-0.6328125c-0.0039062-0.230957-0.0224609-0.4619141-0.0556641-0.6928711s-0.0800781-0.456543-0.1425781-0.6762695c-0.0625-0.2202148-0.1542969-0.4125977-0.2753906-0.5776367s-0.2734375-0.2988281-0.4560547-0.4013672C11.6611328,8.9101562,11.4375,8.8588867,11.1738281,8.8588867s-0.4882812,0.0512695-0.6708984,0.1542969c-0.1835938,0.1025391-0.3359375,0.2363281-0.4560547,0.4013672C9.9257812,9.5795898,9.8339844,9.7719727,9.7714844,9.9921875c-0.0625,0.2197266-0.1103516,0.4453125-0.1425781,0.6762695c-0.0332031,0.230957-0.0527344,0.4619141-0.0556641,0.6928711c-0.0039062,0.230957-0.0048828,0.4418945-0.0048828,0.6328125C9.5683594,12.2875977,9.5761719,12.6157227,9.5957031,12.9785156z"/><path d="M14.3300781,5.1098633c0.0546875-0.1835938,0.1425781-0.3427734,0.2597656-0.4770508c0.1191406-0.1337891,0.265625-0.2387695,0.4414062-0.3149414c0.1757812-0.0756836,0.3759766-0.1137695,0.5996094-0.1137695c0.1845703,0,0.3574219,0.0268555,0.5195312,0.0810547C16.3125,4.3388672,16.453125,4.4169922,16.5742188,4.519043c0.1191406,0.1020508,0.2148438,0.2290039,0.2841797,0.3808594c0.0693359,0.1523438,0.1044922,0.328125,0.1044922,0.5283203c0,0.1879883-0.0283203,0.3540039-0.0859375,0.4975586c-0.0585938,0.144043-0.1347656,0.2734375-0.2314453,0.387207c-0.0966797,0.1142578-0.2060547,0.2172852-0.3300781,0.309082s-0.2519531,0.1801758-0.3837891,0.2641602c-0.1328125,0.0800781-0.2636719,0.1586914-0.3964844,0.2368164c-0.1318359,0.078125-0.2519531,0.1611328-0.3632812,0.2490234c-0.109375,0.0878906-0.203125,0.1831055-0.28125,0.2851562c-0.078125,0.1015625-0.1289062,0.21875-0.1533203,0.3505859h2.1845703v0.4501953h-2.7783203c0.0205078-0.2519531,0.0654297-0.4667969,0.1347656-0.6450195c0.0703125-0.1777344,0.1591797-0.3330078,0.2666016-0.4648438C14.6533203,7.2158203,14.7753906,7.1000977,14.9121094,7c0.1347656-0.1000977,0.2773438-0.1938477,0.4257812-0.2822266c0.1796875-0.1118164,0.3378906-0.2148438,0.4736328-0.3085938c0.1357422-0.0942383,0.2490234-0.1889648,0.3388672-0.2851562s0.1582031-0.2001953,0.2041016-0.3120117s0.0693359-0.2421875,0.0693359-0.3901367c0-0.1157227-0.0224609-0.2207031-0.0664062-0.3149414c-0.0439453-0.09375-0.1035156-0.1748047-0.1767578-0.2431641c-0.0742188-0.0678711-0.1611328-0.1196289-0.2607422-0.1557617c-0.1005859-0.0361328-0.2070312-0.0541992-0.3183594-0.0541992c-0.1484375,0-0.2753906,0.03125-0.3808594,0.0932617c-0.1064453,0.0620117-0.1933594,0.1430664-0.2617188,0.2431641C14.8916016,5.0898438,14.8417969,5.203125,14.8125,5.3291016s-0.0429688,0.2529297-0.0390625,0.3808594h-0.5097656C14.2519531,5.4941406,14.2734375,5.2939453,14.3300781,5.1098633z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M4.9804688,15.8330078v-5.5878906H2.9570312V9.4970703c0.2636719,0,0.5195312-0.0200195,0.7695312-0.0605469c0.2490234-0.0400391,0.4746094-0.1157227,0.6757812-0.2255859c0.2021484-0.1098633,0.3730469-0.2602539,0.5117188-0.4511719c0.1396484-0.1904297,0.234375-0.4321289,0.2871094-0.7255859h0.7148438v7.7988281H4.9804688z"/><path d="M8.5996094,11.1137695c0.0146484-0.3076172,0.0507812-0.6083984,0.1103516-0.9018555c0.0585938-0.2929688,0.1425781-0.5717773,0.2529297-0.8359375c0.109375-0.2641602,0.2597656-0.4951172,0.4511719-0.6928711C9.6044922,8.4848633,9.84375,8.3276367,10.1347656,8.2099609c0.2890625-0.1171875,0.6357422-0.1757812,1.0390625-0.1757812s0.75,0.0585938,1.0390625,0.1757812c0.2900391,0.1176758,0.5302734,0.2749023,0.7207031,0.4731445C13.125,8.8808594,13.2753906,9.1118164,13.3847656,9.3759766s0.1943359,0.5429688,0.2529297,0.8359375c0.0585938,0.293457,0.0947266,0.5942383,0.1103516,0.9018555c0.0136719,0.3081055,0.0214844,0.6054688,0.0214844,0.8911133c0,0.2861328-0.0078125,0.5830078-0.0214844,0.8911133c-0.015625,0.3081055-0.0517578,0.6088867-0.1103516,0.9018555c-0.0585938,0.293457-0.1435547,0.5703125-0.2529297,0.8305664s-0.2597656,0.4897461-0.4511719,0.6875c-0.1904297,0.1982422-0.4287109,0.3540039-0.7148438,0.4677734c-0.2861328,0.1132812-0.6347656,0.1704102-1.0449219,0.1704102c-0.4033203,0-0.75-0.0571289-1.0390625-0.1704102C9.84375,15.6699219,9.6044922,15.5141602,9.4140625,15.315918c-0.1914062-0.1977539-0.3417969-0.4272461-0.4511719-0.6875c-0.1103516-0.2602539-0.1943359-0.5371094-0.2529297-0.8305664c-0.0595703-0.2929688-0.0957031-0.59375-0.1103516-0.9018555S8.578125,12.2910156,8.578125,12.0048828C8.578125,11.7192383,8.5849609,11.421875,8.5996094,11.1137695z M9.5957031,12.9785156c0.0175781,0.362793,0.0761719,0.7041016,0.1757812,1.0229492c0.0986328,0.3188477,0.2578125,0.5883789,0.4785156,0.8085938c0.2197266,0.2197266,0.5273438,0.3300781,0.9238281,0.3300781s0.7041016-0.1103516,0.9238281-0.3300781c0.2207031-0.2202148,0.3789062-0.4897461,0.4785156-0.8085938s0.1582031-0.6601562,0.1757812-1.0229492c0.0185547-0.362793,0.0273438-0.690918,0.0273438-0.984375c0-0.190918-0.0019531-0.4018555-0.0048828-0.6328125c-0.0039062-0.230957-0.0224609-0.4619141-0.0556641-0.6928711s-0.0800781-0.456543-0.1425781-0.6762695c-0.0625-0.2202148-0.1542969-0.4125977-0.2753906-0.5776367s-0.2734375-0.2988281-0.4560547-0.4013672C11.6611328,8.9101562,11.4375,8.8588867,11.1738281,8.8588867s-0.4882812,0.0512695-0.6708984,0.1542969c-0.1835938,0.1025391-0.3359375,0.2363281-0.4560547,0.4013672C9.9257812,9.5795898,9.8339844,9.7719727,9.7714844,9.9921875c-0.0625,0.2197266-0.1103516,0.4453125-0.1425781,0.6762695c-0.0332031,0.230957-0.0527344,0.4619141-0.0556641,0.6928711c-0.0039062,0.230957-0.0048828,0.4418945-0.0048828,0.6328125C9.5683594,12.2875977,9.5761719,12.6157227,9.5957031,12.9785156z"/><path d="M14.3300781,5.1098633c0.0546875-0.1835938,0.1425781-0.3427734,0.2597656-0.4770508c0.1191406-0.1337891,0.265625-0.2387695,0.4414062-0.3149414c0.1757812-0.0756836,0.3759766-0.1137695,0.5996094-0.1137695c0.1845703,0,0.3574219,0.0268555,0.5195312,0.0810547C16.3125,4.3388672,16.453125,4.4169922,16.5742188,4.519043c0.1191406,0.1020508,0.2148438,0.2290039,0.2841797,0.3808594c0.0693359,0.1523438,0.1044922,0.328125,0.1044922,0.5283203c0,0.1879883-0.0283203,0.3540039-0.0859375,0.4975586c-0.0585938,0.144043-0.1347656,0.2734375-0.2314453,0.387207c-0.0966797,0.1142578-0.2060547,0.2172852-0.3300781,0.309082s-0.2519531,0.1801758-0.3837891,0.2641602c-0.1328125,0.0800781-0.2636719,0.1586914-0.3964844,0.2368164c-0.1318359,0.078125-0.2519531,0.1611328-0.3632812,0.2490234c-0.109375,0.0878906-0.203125,0.1831055-0.28125,0.2851562c-0.078125,0.1015625-0.1289062,0.21875-0.1533203,0.3505859h2.1845703v0.4501953h-2.7783203c0.0205078-0.2519531,0.0654297-0.4667969,0.1347656-0.6450195c0.0703125-0.1777344,0.1591797-0.3330078,0.2666016-0.4648438C14.6533203,7.2158203,14.7753906,7.1000977,14.9121094,7c0.1347656-0.1000977,0.2773438-0.1938477,0.4257812-0.2822266c0.1796875-0.1118164,0.3378906-0.2148438,0.4736328-0.3085938c0.1357422-0.0942383,0.2490234-0.1889648,0.3388672-0.2851562s0.1582031-0.2001953,0.2041016-0.3120117s0.0693359-0.2421875,0.0693359-0.3901367c0-0.1157227-0.0224609-0.2207031-0.0664062-0.3149414c-0.0439453-0.09375-0.1035156-0.1748047-0.1767578-0.2431641c-0.0742188-0.0678711-0.1611328-0.1196289-0.2607422-0.1557617c-0.1005859-0.0361328-0.2070312-0.0541992-0.3183594-0.0541992c-0.1484375,0-0.2753906,0.03125-0.3808594,0.0932617c-0.1064453,0.0620117-0.1933594,0.1430664-0.2617188,0.2431641C14.8916016,5.0898438,14.8417969,5.203125,14.8125,5.3291016s-0.0429688,0.2529297-0.0390625,0.3808594h-0.5097656C14.2519531,5.4941406,14.2734375,5.2939453,14.3300781,5.1098633z"/></g></svg>');
         }
         &.icon-format-accounting {
             width: 22px;
             height: 22px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M15.5,21h-10C4.1,21,3,19.9,3,18.5v-14C3,3.1,4.1,2,5.5,2h10C16.9,2,18,3.1,18,4.5v14C18,19.9,16.9,21,15.5,21z M5.5,3C4.7,3,4,3.7,4,4.5v14C4,19.3,4.7,20,5.5,20h10c0.8,0,1.5-0.7,1.5-1.5v-14C17,3.7,16.3,3,15.5,3H5.5z"/><path d="M14.5,9h-8C5.7,9,5,8.3,5,7.5v-2C5,4.7,5.7,4,6.5,4h8C15.3,4,16,4.7,16,5.5v2C16,8.3,15.3,9,14.5,9z M6.5,5C6.2,5,6,5.2,6,5.5v2C6,7.8,6.2,8,6.5,8h8C14.8,8,15,7.8,15,7.5v-2C15,5.2,14.8,5,14.5,5H6.5z"/><rect x="5" y="10" width="3" height="2"/><rect x="9" y="10" width="3" height="2"/><rect x="13" y="10" width="3" height="2"/><rect x="13" y="13" width="3" height="2"/><rect x="9" y="13" width="3" height="2"/><rect x="5" y="13" width="3" height="2"/><rect x="5" y="16" width="3" height="2"/><rect x="9" y="16" width="3" height="2"/><rect x="13" y="16" width="3" height="2"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M15.5,21h-10C4.1,21,3,19.9,3,18.5v-14C3,3.1,4.1,2,5.5,2h10C16.9,2,18,3.1,18,4.5v14C18,19.9,16.9,21,15.5,21z M5.5,3C4.7,3,4,3.7,4,4.5v14C4,19.3,4.7,20,5.5,20h10c0.8,0,1.5-0.7,1.5-1.5v-14C17,3.7,16.3,3,15.5,3H5.5z"/><path d="M14.5,9h-8C5.7,9,5,8.3,5,7.5v-2C5,4.7,5.7,4,6.5,4h8C15.3,4,16,4.7,16,5.5v2C16,8.3,15.3,9,14.5,9z M6.5,5C6.2,5,6,5.2,6,5.5v2C6,7.8,6.2,8,6.5,8h8C14.8,8,15,7.8,15,7.5v-2C15,5.2,14.8,5,14.5,5H6.5z"/><rect x="5" y="10" width="3" height="2"/><rect x="9" y="10" width="3" height="2"/><rect x="13" y="10" width="3" height="2"/><rect x="13" y="13" width="3" height="2"/><rect x="9" y="13" width="3" height="2"/><rect x="5" y="13" width="3" height="2"/><rect x="5" y="16" width="3" height="2"/><rect x="9" y="16" width="3" height="2"/><rect x="13" y="16" width="3" height="2"/></g></svg>');
         }
         &.icon-format-currency {
             width: 22px;
             height: 22px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M0,4v14h22V4H0z M21,17H1V5h20V17z"/><path id="XMLID_3_" d="M11,16c-2.2,0-4-2.2-4-5s1.8-5,4-5c2.2,0,4,2.2,4,5S13.2,16,11,16z M11,7c-1.7,0-3,1.8-3,4c0,2.2,1.3,4,3,4s3-1.8,3-4C14,8.8,12.7,7,11,7z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M0,4v14h22V4H0z M21,17H1V5h20V17z"/><path id="XMLID_3_" d="M11,16c-2.2,0-4-2.2-4-5s1.8-5,4-5c2.2,0,4,2.2,4,5S13.2,16,11,16z M11,7c-1.7,0-3,1.8-3,4c0,2.2,1.3,4,3,4s3-1.8,3-4C14,8.8,12.7,7,11,7z"/></g></svg>');
         }
         &.icon-format-date {
             width: 22px;
             height: 22px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M20,20H2V7h18V20z M3,19h16V8H3V19z"/><path d="M8,6H5V2h3V6z M6,5h1V3H6V5z"/><path d="M17,6h-3V2h3V6z M15,5h1V3h-1V5z"/><path d="M8.8,15.8v-4.1H7.4v-0.5c0.2,0,0.4,0,0.6,0s0.3-0.1,0.5-0.2c0.1-0.1,0.3-0.2,0.4-0.3C8.9,10.6,9,10.4,9,10.2h0.5v5.7H8.8z"/><path d="M14.4,11.8c-0.3,0.4-0.5,0.8-0.7,1.2c-0.2,0.4-0.4,0.9-0.5,1.4c-0.1,0.5-0.2,0.9-0.2,1.4h-0.8c0-0.5,0.1-0.9,0.2-1.4c0.1-0.5,0.3-0.9,0.5-1.3s0.4-0.8,0.7-1.2c0.3-0.4,0.5-0.7,0.8-1h-3v-0.6h3.7v0.6C14.9,11.1,14.6,11.5,14.4,11.8z"/><rect x="2" y="3" width="1" height="4"/><rect x="3" y="3" width="2" height="1"/><rect x="8" y="3" width="6" height="1"/><rect x="17" y="3" width="3" height="1"/><rect x="19" y="4" width="1" height="3"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M20,20H2V7h18V20z M3,19h16V8H3V19z"/><path d="M8,6H5V2h3V6z M6,5h1V3H6V5z"/><path d="M17,6h-3V2h3V6z M15,5h1V3h-1V5z"/><path d="M8.8,15.8v-4.1H7.4v-0.5c0.2,0,0.4,0,0.6,0s0.3-0.1,0.5-0.2c0.1-0.1,0.3-0.2,0.4-0.3C8.9,10.6,9,10.4,9,10.2h0.5v5.7H8.8z"/><path d="M14.4,11.8c-0.3,0.4-0.5,0.8-0.7,1.2c-0.2,0.4-0.4,0.9-0.5,1.4c-0.1,0.5-0.2,0.9-0.2,1.4h-0.8c0-0.5,0.1-0.9,0.2-1.4c0.1-0.5,0.3-0.9,0.5-1.3s0.4-0.8,0.7-1.2c0.3-0.4,0.5-0.7,0.8-1h-3v-0.6h3.7v0.6C14.9,11.1,14.6,11.5,14.4,11.8z"/><rect x="2" y="3" width="1" height="4"/><rect x="3" y="3" width="2" height="1"/><rect x="8" y="3" width="6" height="1"/><rect x="17" y="3" width="3" height="1"/><rect x="19" y="4" width="1" height="3"/></g></svg>');
         }
         &.icon-format-time {
             width: 22px;
             height: 22px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M11.2,21.1c-5.7,0-10.3-4.6-10.3-10.3S5.5,0.5,11.2,0.5s10.3,4.6,10.3,10.3S16.9,21.1,11.2,21.1z M11.2,1.5c-5.1,0-9.3,4.2-9.3,9.3c0,5.1,4.2,9.3,9.3,9.3c5.1,0,9.3-4.2,9.3-9.3C20.5,5.7,16.3,1.5,11.2,1.5z"/><path class="st0" d="M11.5,11"/><circle cx="11.2" cy="10.8" r="1.9"/><rect x="10.7" y="2.6" width="1" height="8"/><rect x="7.1" y="10.4" width="3.4" height="0.9"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M11.2,21.1c-5.7,0-10.3-4.6-10.3-10.3S5.5,0.5,11.2,0.5s10.3,4.6,10.3,10.3S16.9,21.1,11.2,21.1z M11.2,1.5c-5.1,0-9.3,4.2-9.3,9.3c0,5.1,4.2,9.3,9.3,9.3c5.1,0,9.3-4.2,9.3-9.3C20.5,5.7,16.3,1.5,11.2,1.5z"/><path class="st0" d="M11.5,11"/><circle cx="11.2" cy="10.8" r="1.9"/><rect x="10.7" y="2.6" width="1" height="8"/><rect x="7.1" y="10.4" width="3.4" height="0.9"/></g></svg>');
         }
         &.icon-format-percentage {
             width: 22px;
             height: 22px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M2.7998047,6.4970703c0.0957031-0.4375,0.2578125-0.8251953,0.4863281-1.161132C3.5136719,5,3.8134766,4.7333984,4.1855469,4.5351562s0.8339844-0.296875,1.3867188-0.296875c0.5634766,0,1.0283203,0.0957031,1.3945312,0.2880859c0.3662109,0.1914062,0.6601562,0.4492188,0.8818359,0.7734375c0.2226562,0.3242188,0.3779297,0.7050781,0.46875,1.1435547c0.0898438,0.4375,0.1347656,0.9023438,0.1347656,1.3945312c0,0.4677734-0.0517578,0.9208984-0.1533203,1.359375c-0.1015625,0.4375-0.2695312,0.8222656-0.5039062,1.1513672c-0.234375,0.3300781-0.53125,0.5976562-0.890625,0.8017578c-0.3603516,0.2041016-0.8046875,0.3056641-1.3320312,0.3056641c-0.5400391,0-0.9960938-0.0927734-1.3681641-0.2792969c-0.3720703-0.1855469-0.671875-0.4404297-0.9003906-0.7646484c-0.2275391-0.3242188-0.3925781-0.7021484-0.4951172-1.1337891C2.7070312,8.8457031,2.65625,8.3837891,2.65625,7.8916016C2.65625,7.4003906,2.7041016,6.9355469,2.7998047,6.4970703z M4.0507812,8.7109375c0.0302734,0.3056641,0.0996094,0.5878906,0.2070312,0.8457031c0.1083984,0.2587891,0.2607422,0.4746094,0.4589844,0.6484375s0.4648438,0.2607422,0.8007812,0.2607422c0.3486328,0,0.6240234-0.0839844,0.828125-0.2519531s0.3632812-0.3808594,0.4775391-0.6386719c0.1132812-0.2578125,0.1884766-0.5429688,0.2246094-0.8554688c0.0361328-0.3115234,0.0537109-0.6054688,0.0537109-0.8818359c0-0.2636719-0.0146484-0.5488281-0.0449219-0.8544922C7.0273438,6.6767578,6.9580078,6.3955078,6.8496094,6.1367188C6.7421875,5.8789062,6.5888672,5.6630859,6.390625,5.4892578C6.1933594,5.3154297,5.9199219,5.2275391,5.5722656,5.2275391c-0.3359375,0-0.6064453,0.0878906-0.8105469,0.2617188S4.3984375,5.8789062,4.2851562,6.1367188C4.1708984,6.3955078,4.0957031,6.6767578,4.0595703,6.9833984C4.0244141,7.2890625,4.0058594,7.5800781,4.0058594,7.8564453C4.0058594,8.1201172,4.0205078,8.4052734,4.0507812,8.7109375z M15.5976562,4.0039062L5.9316406,17.3779297H4.3837891l9.6845703-13.3740234H15.5976562z M11.6923828,12.2568359c0.0957031-0.4375,0.2578125-0.8251953,0.4853516-1.1611328c0.2285156-0.3359375,0.5283203-0.6025391,0.9003906-0.8007812s0.8339844-0.296875,1.3857422-0.296875c0.5644531,0,1.0292969,0.0957031,1.3955078,0.2880859c0.3652344,0.1923828,0.6591797,0.4501953,0.8818359,0.7734375c0.2216797,0.3242188,0.3779297,0.7050781,0.4677734,1.1435547s0.1347656,0.9033203,0.1347656,1.3945312c0,0.46875-0.0507812,0.921875-0.1523438,1.359375c-0.1025391,0.4384766-0.2705078,0.8222656-0.5048828,1.1523438c-0.2333984,0.3300781-0.5302734,0.59375-0.890625,0.7919922c-0.3603516,0.1972656-0.8037109,0.296875-1.3320312,0.296875c-0.5400391,0-0.9960938-0.09375-1.3681641-0.2792969s-0.671875-0.4375-0.8994141-0.7558594c-0.2285156-0.3183594-0.3935547-0.6933594-0.4951172-1.125c-0.1025391-0.4316406-0.1533203-0.8935547-0.1533203-1.3857422S11.5957031,12.6953125,11.6923828,12.2568359z M12.9433594,14.4707031c0.0292969,0.3066406,0.0986328,0.5888672,0.2070312,0.8466797c0.1074219,0.2578125,0.2607422,0.4736328,0.4589844,0.6474609c0.1972656,0.1738281,0.4648438,0.2607422,0.8007812,0.2607422c0.3476562,0,0.6240234-0.0830078,0.828125-0.2519531c0.2041016-0.1679688,0.3623047-0.3808594,0.4765625-0.6386719s0.1894531-0.5429688,0.2255859-0.8544922c0.0351562-0.3125,0.0537109-0.6064453,0.0537109-0.8828125c0-0.2636719-0.015625-0.5488281-0.0449219-0.8544922c-0.0302734-0.3066406-0.0996094-0.5878906-0.2070312-0.8457031c-0.1083984-0.2587891-0.2607422-0.4746094-0.4589844-0.6484375s-0.4716797-0.2607422-0.8193359-0.2607422c-0.3359375,0-0.6064453,0.0869141-0.8095703,0.2607422c-0.2041016,0.1738281-0.3632812,0.3896484-0.4775391,0.6484375c-0.1142578,0.2578125-0.1884766,0.5390625-0.2246094,0.8457031c-0.0361328,0.3056641-0.0537109,0.5966797-0.0537109,0.8730469C12.8984375,13.8798828,12.9130859,14.1650391,12.9433594,14.4707031z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M2.7998047,6.4970703c0.0957031-0.4375,0.2578125-0.8251953,0.4863281-1.161132C3.5136719,5,3.8134766,4.7333984,4.1855469,4.5351562s0.8339844-0.296875,1.3867188-0.296875c0.5634766,0,1.0283203,0.0957031,1.3945312,0.2880859c0.3662109,0.1914062,0.6601562,0.4492188,0.8818359,0.7734375c0.2226562,0.3242188,0.3779297,0.7050781,0.46875,1.1435547c0.0898438,0.4375,0.1347656,0.9023438,0.1347656,1.3945312c0,0.4677734-0.0517578,0.9208984-0.1533203,1.359375c-0.1015625,0.4375-0.2695312,0.8222656-0.5039062,1.1513672c-0.234375,0.3300781-0.53125,0.5976562-0.890625,0.8017578c-0.3603516,0.2041016-0.8046875,0.3056641-1.3320312,0.3056641c-0.5400391,0-0.9960938-0.0927734-1.3681641-0.2792969c-0.3720703-0.1855469-0.671875-0.4404297-0.9003906-0.7646484c-0.2275391-0.3242188-0.3925781-0.7021484-0.4951172-1.1337891C2.7070312,8.8457031,2.65625,8.3837891,2.65625,7.8916016C2.65625,7.4003906,2.7041016,6.9355469,2.7998047,6.4970703z M4.0507812,8.7109375c0.0302734,0.3056641,0.0996094,0.5878906,0.2070312,0.8457031c0.1083984,0.2587891,0.2607422,0.4746094,0.4589844,0.6484375s0.4648438,0.2607422,0.8007812,0.2607422c0.3486328,0,0.6240234-0.0839844,0.828125-0.2519531s0.3632812-0.3808594,0.4775391-0.6386719c0.1132812-0.2578125,0.1884766-0.5429688,0.2246094-0.8554688c0.0361328-0.3115234,0.0537109-0.6054688,0.0537109-0.8818359c0-0.2636719-0.0146484-0.5488281-0.0449219-0.8544922C7.0273438,6.6767578,6.9580078,6.3955078,6.8496094,6.1367188C6.7421875,5.8789062,6.5888672,5.6630859,6.390625,5.4892578C6.1933594,5.3154297,5.9199219,5.2275391,5.5722656,5.2275391c-0.3359375,0-0.6064453,0.0878906-0.8105469,0.2617188S4.3984375,5.8789062,4.2851562,6.1367188C4.1708984,6.3955078,4.0957031,6.6767578,4.0595703,6.9833984C4.0244141,7.2890625,4.0058594,7.5800781,4.0058594,7.8564453C4.0058594,8.1201172,4.0205078,8.4052734,4.0507812,8.7109375z M15.5976562,4.0039062L5.9316406,17.3779297H4.3837891l9.6845703-13.3740234H15.5976562z M11.6923828,12.2568359c0.0957031-0.4375,0.2578125-0.8251953,0.4853516-1.1611328c0.2285156-0.3359375,0.5283203-0.6025391,0.9003906-0.8007812s0.8339844-0.296875,1.3857422-0.296875c0.5644531,0,1.0292969,0.0957031,1.3955078,0.2880859c0.3652344,0.1923828,0.6591797,0.4501953,0.8818359,0.7734375c0.2216797,0.3242188,0.3779297,0.7050781,0.4677734,1.1435547s0.1347656,0.9033203,0.1347656,1.3945312c0,0.46875-0.0507812,0.921875-0.1523438,1.359375c-0.1025391,0.4384766-0.2705078,0.8222656-0.5048828,1.1523438c-0.2333984,0.3300781-0.5302734,0.59375-0.890625,0.7919922c-0.3603516,0.1972656-0.8037109,0.296875-1.3320312,0.296875c-0.5400391,0-0.9960938-0.09375-1.3681641-0.2792969s-0.671875-0.4375-0.8994141-0.7558594c-0.2285156-0.3183594-0.3935547-0.6933594-0.4951172-1.125c-0.1025391-0.4316406-0.1533203-0.8935547-0.1533203-1.3857422S11.5957031,12.6953125,11.6923828,12.2568359z M12.9433594,14.4707031c0.0292969,0.3066406,0.0986328,0.5888672,0.2070312,0.8466797c0.1074219,0.2578125,0.2607422,0.4736328,0.4589844,0.6474609c0.1972656,0.1738281,0.4648438,0.2607422,0.8007812,0.2607422c0.3476562,0,0.6240234-0.0830078,0.828125-0.2519531c0.2041016-0.1679688,0.3623047-0.3808594,0.4765625-0.6386719s0.1894531-0.5429688,0.2255859-0.8544922c0.0351562-0.3125,0.0537109-0.6064453,0.0537109-0.8828125c0-0.2636719-0.015625-0.5488281-0.0449219-0.8544922c-0.0302734-0.3066406-0.0996094-0.5878906-0.2070312-0.8457031c-0.1083984-0.2587891-0.2607422-0.4746094-0.4589844-0.6484375s-0.4716797-0.2607422-0.8193359-0.2607422c-0.3359375,0-0.6064453,0.0869141-0.8095703,0.2607422c-0.2041016,0.1738281-0.3632812,0.3896484-0.4775391,0.6484375c-0.1142578,0.2578125-0.1884766,0.5390625-0.2246094,0.8457031c-0.0361328,0.3056641-0.0537109,0.5966797-0.0537109,0.8730469C12.8984375,13.8798828,12.9130859,14.1650391,12.9433594,14.4707031z"/></g></svg>');
         }
         &.icon-format-text {
             width: 22px;
             height: 22px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{themeColor}"><g><path d="M5.5234375,6.4316406L8.8710938,15H7.6113281l-0.9355469-2.5800781h-3.625L2.0917969,15H0.9277344l3.3359375-8.5683594H5.5234375z M6.3154297,11.4599609L4.8876953,7.4638672H4.8632812l-1.4511719,3.9960938H6.3154297z"/><path d="M15.21875,6.4316406c0.1845703,0,0.3828125,0.0019531,0.5947266,0.0058594s0.421875,0.0166016,0.6298828,0.0371094c0.2080078,0.0195312,0.4023438,0.0488281,0.5820312,0.0898438c0.1796875,0.0390625,0.3339844,0.0996094,0.4619141,0.1796875c0.2802734,0.1679688,0.5185547,0.4003906,0.7138672,0.6953125c0.1962891,0.296875,0.2939453,0.6601562,0.2939453,1.0927734c0,0.4560547-0.1103516,0.8505859-0.3291016,1.1816406c-0.2207031,0.3320312-0.5351562,0.578125-0.9433594,0.7382812v0.0244141c0.5292969,0.1113281,0.9326172,0.3515625,1.2128906,0.71875c0.2792969,0.3691406,0.4199219,0.8164062,0.4199219,1.3447266c0,0.3115234-0.0566406,0.6162109-0.1679688,0.9121094c-0.1123047,0.2958984-0.2783203,0.5576172-0.4980469,0.7861328c-0.2207031,0.2275391-0.4921875,0.4121094-0.8164062,0.5517578S16.6757812,15,16.2519531,15h-4.140625V6.4316406H15.21875z M15.53125,10.1162109c0.6484375,0,1.1132812-0.1142578,1.3984375-0.3427734c0.2832031-0.2275391,0.4257812-0.5693359,0.4257812-1.0253906c0-0.3046875-0.0488281-0.5439453-0.1445312-0.7207031c-0.0957031-0.1757812-0.2275391-0.3115234-0.3955078-0.4072266c-0.1679688-0.0966797-0.3623047-0.1582031-0.5820312-0.1865234C16.0136719,7.40625,15.7792969,7.3925781,15.53125,7.3925781h-2.2792969v2.7236328H15.53125z M16.1074219,14.0400391c0.5039062,0,0.8984375-0.1357422,1.1816406-0.4082031c0.2841797-0.2714844,0.4257812-0.6474609,0.4257812-1.1279297c0-0.2792969-0.0517578-0.5117188-0.15625-0.6953125c-0.1035156-0.1845703-0.2412109-0.3300781-0.4130859-0.4384766c-0.1728516-0.1083984-0.3701172-0.1845703-0.5947266-0.2275391c-0.2236328-0.0449219-0.4550781-0.0664062-0.6953125-0.0664062h-2.6035156v2.9638672H16.1074219z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M5.5234375,6.4316406L8.8710938,15H7.6113281l-0.9355469-2.5800781h-3.625L2.0917969,15H0.9277344l3.3359375-8.5683594H5.5234375z M6.3154297,11.4599609L4.8876953,7.4638672H4.8632812l-1.4511719,3.9960938H6.3154297z"/><path d="M15.21875,6.4316406c0.1845703,0,0.3828125,0.0019531,0.5947266,0.0058594s0.421875,0.0166016,0.6298828,0.0371094c0.2080078,0.0195312,0.4023438,0.0488281,0.5820312,0.0898438c0.1796875,0.0390625,0.3339844,0.0996094,0.4619141,0.1796875c0.2802734,0.1679688,0.5185547,0.4003906,0.7138672,0.6953125c0.1962891,0.296875,0.2939453,0.6601562,0.2939453,1.0927734c0,0.4560547-0.1103516,0.8505859-0.3291016,1.1816406c-0.2207031,0.3320312-0.5351562,0.578125-0.9433594,0.7382812v0.0244141c0.5292969,0.1113281,0.9326172,0.3515625,1.2128906,0.71875c0.2792969,0.3691406,0.4199219,0.8164062,0.4199219,1.3447266c0,0.3115234-0.0566406,0.6162109-0.1679688,0.9121094c-0.1123047,0.2958984-0.2783203,0.5576172-0.4980469,0.7861328c-0.2207031,0.2275391-0.4921875,0.4121094-0.8164062,0.5517578S16.6757812,15,16.2519531,15h-4.140625V6.4316406H15.21875z M15.53125,10.1162109c0.6484375,0,1.1132812-0.1142578,1.3984375-0.3427734c0.2832031-0.2275391,0.4257812-0.5693359,0.4257812-1.0253906c0-0.3046875-0.0488281-0.5439453-0.1445312-0.7207031c-0.0957031-0.1757812-0.2275391-0.3115234-0.3955078-0.4072266c-0.1679688-0.0966797-0.3623047-0.1582031-0.5820312-0.1865234C16.0136719,7.40625,15.7792969,7.3925781,15.53125,7.3925781h-2.2792969v2.7236328H15.53125z M16.1074219,14.0400391c0.5039062,0,0.8984375-0.1357422,1.1816406-0.4082031c0.2841797-0.2714844,0.4257812-0.6474609,0.4257812-1.1279297c0-0.2792969-0.0517578-0.5117188-0.15625-0.6953125c-0.1035156-0.1845703-0.2412109-0.3300781-0.4130859-0.4384766c-0.1728516-0.1083984-0.3701172-0.1845703-0.5947266-0.2275391c-0.2236328-0.0449219-0.4550781-0.0664062-0.6953125-0.0664062h-2.6035156v2.9638672H16.1074219z"/></g></svg>');
         }
 
         // Filter sort
@@ -278,12 +278,12 @@
         &.sortdown {
             width: 22px;
             height: 22px;
-            .encoded-svg-mask('<svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" viewBox="-238 240 22 22" xml:space="preserve"><style type="text/css">.st0{fill:@{themeColor}</style><polygon class="st0" points="-230 256.4 -230.7 255.7 -233 258.1 -233 242 -234 242 -234 258.1 -236.3 255.7 -237 256.4 -233.5 260 -233.5 260 -233.5 260 "/><path class="st0" d="M-226 249.55L-223.1 242h1.08l3.09 7.55h-1.14l-0.88-2.29h-3.16l-0.83 2.29H-226zM-223.82 246.45h2.56l-0.79-2.09c-0.24-0.64-0.42-1.16-0.54-1.57 -0.1 0.48-0.23 0.97-0.41 1.44L-223.82 246.45z"/><path class="st0" d="M-225.93 259v-0.93l3.87-4.84c0.28-0.34 0.54-0.64 0.78-0.9h-4.21v-0.89h5.41v0.89l-4.24 5.24 -0.46 0.53h4.82V259H-225.93z"/></svg>');
+            .encoded-svg-mask('<svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" viewBox="-238 240 22 22" xml:space="preserve"><style type="text/css">.st0{fill:@{brandColor}</style><polygon class="st0" points="-230 256.4 -230.7 255.7 -233 258.1 -233 242 -234 242 -234 258.1 -236.3 255.7 -237 256.4 -233.5 260 -233.5 260 -233.5 260 "/><path class="st0" d="M-226 249.55L-223.1 242h1.08l3.09 7.55h-1.14l-0.88-2.29h-3.16l-0.83 2.29H-226zM-223.82 246.45h2.56l-0.79-2.09c-0.24-0.64-0.42-1.16-0.54-1.57 -0.1 0.48-0.23 0.97-0.41 1.44L-223.82 246.45z"/><path class="st0" d="M-225.93 259v-0.93l3.87-4.84c0.28-0.34 0.54-0.64 0.78-0.9h-4.21v-0.89h5.41v0.89l-4.24 5.24 -0.46 0.53h4.82V259H-225.93z"/></svg>');
         }
         &.sortup {
             width: 22px;
             height: 22px;
-            .encoded-svg-mask('<svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" viewBox="-238 240 22 22" xml:space="preserve"><style type="text/css">.st0{fill:@{themeColor}}</style><polygon class="st0" points="-233.5 242 -233.5 242 -233.5 242 -237 245.6 -236.3 246.3 -234 243.9 -234 260 -233 260 -233 243.9 -230.7 246.3 -230 245.6 "/><path class="st0" d="M-226.53 260l2.9-7.55h1.08L-219.47 260h-1.14l-0.88-2.29h-3.16L-225.47 260H-226.53zM-224.36 256.9h2.56l-0.79-2.09c-0.24-0.64-0.42-1.16-0.54-1.57 -0.1 0.48-0.23 0.97-0.41 1.44L-224.36 256.9z"/><path class="st0" d="M-225.97 250.55v-0.93l3.87-4.84c0.28-0.34 0.54-0.64 0.78-0.9h-4.21V243h5.41v0.89l-4.24 5.24 -0.46 0.53H-220v0.89H-225.97z"/></svg>');
+            .encoded-svg-mask('<svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" viewBox="-238 240 22 22" xml:space="preserve"><style type="text/css">.st0{fill:@{brandColor}}</style><polygon class="st0" points="-233.5 242 -233.5 242 -233.5 242 -237 245.6 -236.3 246.3 -234 243.9 -234 260 -233 260 -233 243.9 -230.7 246.3 -230 245.6 "/><path class="st0" d="M-226.53 260l2.9-7.55h1.08L-219.47 260h-1.14l-0.88-2.29h-3.16L-225.47 260H-226.53zM-224.36 256.9h2.56l-0.79-2.09c-0.24-0.64-0.42-1.16-0.54-1.57 -0.1 0.48-0.23 0.97-0.41 1.44L-224.36 256.9z"/><path class="st0" d="M-225.97 250.55v-0.93l3.87-4.84c0.28-0.34 0.54-0.64 0.78-0.9h-4.21V243h5.41v0.89l-4.24 5.24 -0.46 0.53H-220v0.89H-225.97z"/></svg>');
         }
 
         // Formats
@@ -291,110 +291,110 @@
         &.icon-format-pdf {
             width: 30px;
             height: 30px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-3.363 -3.658 33 33" height="33px" width="33px" y="0px" x="0px" xml:space="preserve"><defs><style>.cls-1{fill:@{themeColor};}</style></defs><path class="cls-1" d="M8.512,14.989c0.8-1.567,1.709-3.334,2.438-5.107l0,0l0.287-0.699  c-0.949-3.616-1.52-6.52-1.011-8.396l0,0C10.362,0.297,10.929,0,11.535,0l0,0l0.368,0.005h0.068c0.83-0.013,1.22,1.042,1.264,1.453  l0,0c0.073,0.684-0.242,1.839-0.242,1.839l0,0c0-0.467,0.018-1.221-0.276-1.873l0,0c-0.343-0.753-0.671-1.203-0.965-1.274l0,0  C11.604,0.25,11.46,0.455,11.411,0.85l0,0c-0.104,0.553-0.134,1.252-0.134,1.611l0,0c0,1.272,0.25,2.952,0.743,4.684l0,0  c0.093-0.269,0.174-0.526,0.24-0.768l0,0c0.101-0.38,0.743-2.9,0.743-2.9l0,0c0,0-0.162,3.354-0.388,4.371l0,0  c-0.049,0.215-0.103,0.427-0.158,0.644l0,0c0.812,2.268,2.121,4.292,3.68,5.75l0,0c0.615,0.575,1.393,1.038,2.128,1.461l0,0  c1.605-0.229,3.084-0.338,4.318-0.324l0,0c1.637,0.021,2.838,0.265,3.324,0.743l0,0c0.237,0.232,0.335,0.514,0.364,0.83l0,0  c0.007,0.122-0.053,0.41-0.069,0.482l0,0c0.018-0.088,0.018-0.519-1.298-0.938l0,0c-1.033-0.33-2.971-0.32-5.295-0.073l0,0  c2.688,1.315,5.308,1.969,6.138,1.577l0,0c0.203-0.1,0.448-0.437,0.448-0.437l0,0c0,0-0.146,0.665-0.252,0.831l0,0  c-0.134,0.18-0.396,0.376-0.646,0.44l0,0c-1.312,0.351-4.722-0.459-7.695-2.158l0,0c-3.322,0.489-6.972,1.394-9.896,2.354l0,0  c-2.874,5.036-5.036,7.35-6.793,6.47l0,0l-0.646-0.325c-0.263-0.149-0.303-0.516-0.242-0.813l0,0  c0.205-1.003,1.462-2.513,3.988-4.021l0,0c0.272-0.165,1.483-0.805,1.483-0.805l0,0c0,0-0.896,0.868-1.106,1.038l0,0  c-2.016,1.652-3.504,3.73-3.467,4.536l0,0l0.007,0.069C2.643,24.936,5.21,21.45,8.512,14.989 M9.559,15.525  c-0.551,1.038-1.09,2.001-1.588,2.886l0,0c2.752-1.153,5.715-1.892,8.535-2.416l0,0c-0.379-0.262-0.746-0.539-1.093-0.832l0,0  c-1.555-1.313-2.737-2.955-3.596-4.681l0,0C11.273,11.948,10.626,13.507,9.559,15.525" /></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-3.363 -3.658 33 33" height="33px" width="33px" y="0px" x="0px" xml:space="preserve"><defs><style>.cls-1{fill:@{brandColor};}</style></defs><path class="cls-1" d="M8.512,14.989c0.8-1.567,1.709-3.334,2.438-5.107l0,0l0.287-0.699  c-0.949-3.616-1.52-6.52-1.011-8.396l0,0C10.362,0.297,10.929,0,11.535,0l0,0l0.368,0.005h0.068c0.83-0.013,1.22,1.042,1.264,1.453  l0,0c0.073,0.684-0.242,1.839-0.242,1.839l0,0c0-0.467,0.018-1.221-0.276-1.873l0,0c-0.343-0.753-0.671-1.203-0.965-1.274l0,0  C11.604,0.25,11.46,0.455,11.411,0.85l0,0c-0.104,0.553-0.134,1.252-0.134,1.611l0,0c0,1.272,0.25,2.952,0.743,4.684l0,0  c0.093-0.269,0.174-0.526,0.24-0.768l0,0c0.101-0.38,0.743-2.9,0.743-2.9l0,0c0,0-0.162,3.354-0.388,4.371l0,0  c-0.049,0.215-0.103,0.427-0.158,0.644l0,0c0.812,2.268,2.121,4.292,3.68,5.75l0,0c0.615,0.575,1.393,1.038,2.128,1.461l0,0  c1.605-0.229,3.084-0.338,4.318-0.324l0,0c1.637,0.021,2.838,0.265,3.324,0.743l0,0c0.237,0.232,0.335,0.514,0.364,0.83l0,0  c0.007,0.122-0.053,0.41-0.069,0.482l0,0c0.018-0.088,0.018-0.519-1.298-0.938l0,0c-1.033-0.33-2.971-0.32-5.295-0.073l0,0  c2.688,1.315,5.308,1.969,6.138,1.577l0,0c0.203-0.1,0.448-0.437,0.448-0.437l0,0c0,0-0.146,0.665-0.252,0.831l0,0  c-0.134,0.18-0.396,0.376-0.646,0.44l0,0c-1.312,0.351-4.722-0.459-7.695-2.158l0,0c-3.322,0.489-6.972,1.394-9.896,2.354l0,0  c-2.874,5.036-5.036,7.35-6.793,6.47l0,0l-0.646-0.325c-0.263-0.149-0.303-0.516-0.242-0.813l0,0  c0.205-1.003,1.462-2.513,3.988-4.021l0,0c0.272-0.165,1.483-0.805,1.483-0.805l0,0c0,0-0.896,0.868-1.106,1.038l0,0  c-2.016,1.652-3.504,3.73-3.467,4.536l0,0l0.007,0.069C2.643,24.936,5.21,21.45,8.512,14.989 M9.559,15.525  c-0.551,1.038-1.09,2.001-1.588,2.886l0,0c2.752-1.153,5.715-1.892,8.535-2.416l0,0c-0.379-0.262-0.746-0.539-1.093-0.832l0,0  c-1.555-1.313-2.737-2.955-3.596-4.681l0,0C11.273,11.948,10.626,13.507,9.559,15.525" /></svg>');
         }
         &.icon-format-pdfa {
             width: 30px;
             height: 30px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 33 33" height="33px" width="33px" y="0px" x="0px"><defs><style>.cls-1{fill:@{themeColor};}</style></defs><path fill-rule="evenodd" clip-rule="evenodd" d="M11.875 18.648L11.9617 18.4783C12.7401 16.954 13.6102 15.2503 14.312 13.541L14.6 12.841C13.65 9.225 13.08 6.322 13.589 4.445C13.726 3.956 14.293 3.659 14.899 3.659L15.268 3.664H15.336C16.166 3.651 16.556 4.706 16.6 5.117C16.673 5.8 16.357 6.956 16.357 6.956L16.3571 6.87946C16.358 6.40944 16.3594 5.70047 16.081 5.083C15.738 4.33 15.41 3.879 15.116 3.808C14.968 3.907 14.824 4.112 14.774 4.507C14.671 5.06 14.641 5.759 14.641 6.119C14.641 7.391 14.891 9.071 15.384 10.802C15.477 10.534 15.558 10.276 15.624 10.035C15.725 9.655 16.367 7.134 16.367 7.134C16.367 7.134 16.205 10.489 15.979 11.505C15.931 11.72 15.877 11.932 15.821 12.149C16.633 14.417 17.942 16.441 19.501 17.899C19.9467 18.3157 20.4779 18.6735 21.0164 19H29C30.1046 19 31 19.8954 31 21V29C31 30.1046 30.1046 31 29 31H17C15.8954 31 15 30.1046 15 29V21.5492C13.6156 21.9019 12.2807 22.2896 11.07 22.687C8.19599 27.724 6.03499 30.038 4.27699 29.158L3.62999 28.833C3.36699 28.683 3.32699 28.317 3.38799 28.02C3.59299 27.017 4.84999 25.507 7.37599 23.999C7.64799 23.834 8.85899 23.194 8.85899 23.194C8.85899 23.194 7.96299 24.062 7.75299 24.232C5.73699 25.884 4.24899 27.962 4.28599 28.768L4.29299 28.837C6.00499 28.594 8.57299 25.109 11.875 18.648ZM18.775 18.822C18.8461 18.882 18.918 18.9413 18.9906 19H17C15.9681 19 15.1187 19.7815 15.0114 20.785C13.7648 21.146 12.529 21.5689 11.333 22.07C11.831 21.185 12.37 20.222 12.921 19.184C13.989 17.166 14.636 15.607 15.18 14.141C16.038 15.867 17.221 17.508 18.775 18.822ZM21.5553 27.3521H24.4447L24.9995 29H26.7518L23.7581 21.002H22.231L19.2537 29H21.006L21.5553 27.3521ZM23.9998 26.0172H22.0002L22.9945 23.0234L23.9998 26.0172Z" class="cls-1"/></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 33 33" height="33px" width="33px" y="0px" x="0px"><defs><style>.cls-1{fill:@{brandColor};}</style></defs><path fill-rule="evenodd" clip-rule="evenodd" d="M11.875 18.648L11.9617 18.4783C12.7401 16.954 13.6102 15.2503 14.312 13.541L14.6 12.841C13.65 9.225 13.08 6.322 13.589 4.445C13.726 3.956 14.293 3.659 14.899 3.659L15.268 3.664H15.336C16.166 3.651 16.556 4.706 16.6 5.117C16.673 5.8 16.357 6.956 16.357 6.956L16.3571 6.87946C16.358 6.40944 16.3594 5.70047 16.081 5.083C15.738 4.33 15.41 3.879 15.116 3.808C14.968 3.907 14.824 4.112 14.774 4.507C14.671 5.06 14.641 5.759 14.641 6.119C14.641 7.391 14.891 9.071 15.384 10.802C15.477 10.534 15.558 10.276 15.624 10.035C15.725 9.655 16.367 7.134 16.367 7.134C16.367 7.134 16.205 10.489 15.979 11.505C15.931 11.72 15.877 11.932 15.821 12.149C16.633 14.417 17.942 16.441 19.501 17.899C19.9467 18.3157 20.4779 18.6735 21.0164 19H29C30.1046 19 31 19.8954 31 21V29C31 30.1046 30.1046 31 29 31H17C15.8954 31 15 30.1046 15 29V21.5492C13.6156 21.9019 12.2807 22.2896 11.07 22.687C8.19599 27.724 6.03499 30.038 4.27699 29.158L3.62999 28.833C3.36699 28.683 3.32699 28.317 3.38799 28.02C3.59299 27.017 4.84999 25.507 7.37599 23.999C7.64799 23.834 8.85899 23.194 8.85899 23.194C8.85899 23.194 7.96299 24.062 7.75299 24.232C5.73699 25.884 4.24899 27.962 4.28599 28.768L4.29299 28.837C6.00499 28.594 8.57299 25.109 11.875 18.648ZM18.775 18.822C18.8461 18.882 18.918 18.9413 18.9906 19H17C15.9681 19 15.1187 19.7815 15.0114 20.785C13.7648 21.146 12.529 21.5689 11.333 22.07C11.831 21.185 12.37 20.222 12.921 19.184C13.989 17.166 14.636 15.607 15.18 14.141C16.038 15.867 17.221 17.508 18.775 18.822ZM21.5553 27.3521H24.4447L24.9995 29H26.7518L23.7581 21.002H22.231L19.2537 29H21.006L21.5553 27.3521ZM23.9998 26.0172H22.0002L22.9945 23.0234L23.9998 26.0172Z" class="cls-1"/></svg>');
         }
         &.icon-format-xlsx {
             width: 30px;
             height: 30px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="63" height="63" viewBox="16.287 32.45 63.000002 63" xml:space="preserve" ><defs><style>.cls-1{fill:@{themeColor};}</style></defs><path class="cls-1" d="m 53.774,43.725 c 2.825,-0.2 5.663,-0.375 8.5,-0.512 -3.337,6.837 -6.688,13.675 -10.087,20.487 3.438,7 6.95,13.95 10.399,20.95 -3.012,-0.175 -6.012,-0.362 -9.024,-0.575 -2.125,-5.213 -4.713,-10.25 -6.237,-15.7 -1.7,5.075 -4.125,9.862 -6.075,14.838 -2.737,-0.038 -5.476,-0.15 -8.213,-0.263 3.212,-6.287 6.312,-12.624 9.624,-18.874 -2.813,-6.438 -5.899,-12.75 -8.8,-19.15 2.75,-0.163 5.5,-0.325 8.25,-0.475 1.862,4.888 3.9,9.712 5.438,14.725 1.65,-5.313 4.112,-10.313 6.225,-15.451 z" /></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="63" height="63" viewBox="16.287 32.45 63.000002 63" xml:space="preserve" ><defs><style>.cls-1{fill:@{brandColor};}</style></defs><path class="cls-1" d="m 53.774,43.725 c 2.825,-0.2 5.663,-0.375 8.5,-0.512 -3.337,6.837 -6.688,13.675 -10.087,20.487 3.438,7 6.95,13.95 10.399,20.95 -3.012,-0.175 -6.012,-0.362 -9.024,-0.575 -2.125,-5.213 -4.713,-10.25 -6.237,-15.7 -1.7,5.075 -4.125,9.862 -6.075,14.838 -2.737,-0.038 -5.476,-0.15 -8.213,-0.263 3.212,-6.287 6.312,-12.624 9.624,-18.874 -2.813,-6.438 -5.899,-12.75 -8.8,-19.15 2.75,-0.163 5.5,-0.325 8.25,-0.475 1.862,4.888 3.9,9.712 5.438,14.725 1.65,-5.313 4.112,-10.313 6.225,-15.451 z" /></svg>');
         }
         &.icon-format-xltx {
             width: 30px;
             height: 30px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="33" height="33" viewBox="0 0 33 33" xml:space="preserve" ><defs><style>.cls-1{fill:@{themeColor};}</style><clipPath id="clip-xltx"><rect width="33" height="33"/></clipPath></defs><g id="xltx" clip-path="url(#clip-xltx)"><rect id="Rectangle_20" data-name="Rectangle 20" width="33" height="33" fill="none"/><path id="Path_19" data-name="Path 19" d="M516.527,119.222q2.151-.131,4.314-.222-2.54,4.455-5.119,8.9c1.744,3.04,3.528,6.06,5.278,9.1-1.528-.076-3.052-.158-4.581-.251a58.98,58.98,0,0,1-3.166-6.819c-.862,2.2-2.094,4.284-3.084,6.445-1.389-.017-2.779-.066-4.168-.114,1.63-2.732,3.2-5.484,4.885-8.2-1.428-2.8-2.994-5.54-4.467-8.319q2.095-.106,4.188-.206c.945,2.123,1.98,4.218,2.76,6.4C514.205,123.626,515.454,121.454,516.527,119.222Z" transform="translate(-504 -117)" class="cls-1"/><g id="Group_5" data-name="Group 5" transform="translate(16 16)"><path id="Path_44" data-name="Path 44" d="M1.011,0H13.989A1.011,1.011,0,0,1,15,1.011V13.989A1.011,1.011,0,0,1,13.989,15H1.011A1.011,1.011,0,0,1,0,13.989V1.011A1.011,1.011,0,0,1,1.011,0Z" class="cls-1"/><path id="Path_39" data-name="Path 39" d="M5.794,13.25V3.911H9.258V2.25h-9V3.911H3.729V13.25Z" transform="translate(2.742 -0.25)" fill="#fff"/></g></g></svg>');
+            .encoded-svg-mask('<svg xmlns="http://www.w3.org/2000/svg" width="18" height="19"><path fill-rule="evenodd" d="M7.018.148L9.894 0 6.481 5.933 7.69 8.024a2 2 0 0 0-1.691 1.929c-.442-.871-.864-1.748-1.164-2.666-.348.888-.785 1.745-1.222 2.603l-.834 1.694L0 11.508l1.129-1.91 2.128-3.556-1.764-3.301L.279.496 3.071.359l.498 1.099 1.342 3.165c.39-1.075.914-2.106 1.439-3.137L7.018.148zM6.999 10a1 1 0 0 1 1-1h9a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-9a1 1 0 0 1-1-1v-8zm5 2v5h1v-5h2v-1h-5v1h2z"/></svg>');
         }
         &.icon-format-ods {
             width: 30px;
             height: 30px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 -54.11 193.631 193.63" height="193.63px" width="193.631px" y="0px" x="0px" xml:space="preserve"><defs><style>.cls-1{fill:@{themeColor};}</style></defs><path d="M193.16,5.615V5.609c-0.334-0.173-0.671-0.334-1.005-0.497  c-5.356-2.586-11.256-4.287-17.525-4.88c-11.083-1.049-21.673,1.496-30.622,6.678c-6.13-3.477-13.071-5.741-20.542-6.448  c-10.298-0.974-20.17,1.16-28.697,5.629c-0.084,0.044-0.17,0.095-0.251,0.135c-0.207,0.162-0.347,0.414-0.347,0.697  c0,0.492,0.392,0.89,0.889,0.89c0.046,0,0.091-0.007,0.139-0.017c0.021-0.002,0.042-0.011,0.061-0.015  c4.586-0.848,9.368-1.088,14.243-0.627c13.684,1.293,25.609,5.521,33.975,15.011c0.437,0.455,0.822,0.427,1.266-0.024  c10.523-12.2,26.662-17.021,44.006-15.382c0.968,0.094,1.921,0.213,2.871,0.355c0.33,0.05,0.836,0.134,1.133,0.167  c0.572,0.063,0.88-0.397,0.88-0.891C193.629,6.056,193.485,5.776,193.16,5.615L193.16,5.615z" class="cls-1" /><path d="M173.054,48.544c-0.057-0.028-0.107-0.046-0.154-0.065  c-10.518-4.35-22.021-6.758-34.094-6.758c-19.293,0-37.154,6.127-51.757,16.524c-11.146-4.993-23.497-7.776-36.496-7.776  c-18.485,0-35.648,5.617-49.895,15.237c-0.047,0.029-0.095,0.066-0.149,0.104C0.205,66.044,0,66.418,0,66.848  c0,0.729,0.592,1.323,1.323,1.323c0.086,0,0.174-0.013,0.259-0.03c0.058-0.015,0.107-0.027,0.161-0.048  c8.166-2.456,16.832-3.791,25.798-3.791c23.836,0,45.083,5.634,61.08,20.681c0.038,0.028,0.071,0.065,0.111,0.104  c0.232,0.205,0.53,0.325,0.863,0.325c0.412,0,0.774-0.188,1.018-0.486c0.006,0.005,0.515-0.72,0.773-1.069  c16.246-22.217,43.03-33.172,72.845-33.172c2.129,0,4.246,0.08,6.338,0.225c0.602,0.047,1.873,0.144,1.902,0.144  c0.727,0,1.322-0.591,1.322-1.323C173.796,49.203,173.492,48.752,173.054,48.544L173.054,48.544z" class="cls-1" /></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 -54.11 193.631 193.63" height="193.63px" width="193.631px" y="0px" x="0px" xml:space="preserve"><defs><style>.cls-1{fill:@{brandColor};}</style></defs><path d="M193.16,5.615V5.609c-0.334-0.173-0.671-0.334-1.005-0.497  c-5.356-2.586-11.256-4.287-17.525-4.88c-11.083-1.049-21.673,1.496-30.622,6.678c-6.13-3.477-13.071-5.741-20.542-6.448  c-10.298-0.974-20.17,1.16-28.697,5.629c-0.084,0.044-0.17,0.095-0.251,0.135c-0.207,0.162-0.347,0.414-0.347,0.697  c0,0.492,0.392,0.89,0.889,0.89c0.046,0,0.091-0.007,0.139-0.017c0.021-0.002,0.042-0.011,0.061-0.015  c4.586-0.848,9.368-1.088,14.243-0.627c13.684,1.293,25.609,5.521,33.975,15.011c0.437,0.455,0.822,0.427,1.266-0.024  c10.523-12.2,26.662-17.021,44.006-15.382c0.968,0.094,1.921,0.213,2.871,0.355c0.33,0.05,0.836,0.134,1.133,0.167  c0.572,0.063,0.88-0.397,0.88-0.891C193.629,6.056,193.485,5.776,193.16,5.615L193.16,5.615z" class="cls-1" /><path d="M173.054,48.544c-0.057-0.028-0.107-0.046-0.154-0.065  c-10.518-4.35-22.021-6.758-34.094-6.758c-19.293,0-37.154,6.127-51.757,16.524c-11.146-4.993-23.497-7.776-36.496-7.776  c-18.485,0-35.648,5.617-49.895,15.237c-0.047,0.029-0.095,0.066-0.149,0.104C0.205,66.044,0,66.418,0,66.848  c0,0.729,0.592,1.323,1.323,1.323c0.086,0,0.174-0.013,0.259-0.03c0.058-0.015,0.107-0.027,0.161-0.048  c8.166-2.456,16.832-3.791,25.798-3.791c23.836,0,45.083,5.634,61.08,20.681c0.038,0.028,0.071,0.065,0.111,0.104  c0.232,0.205,0.53,0.325,0.863,0.325c0.412,0,0.774-0.188,1.018-0.486c0.006,0.005,0.515-0.72,0.773-1.069  c16.246-22.217,43.03-33.172,72.845-33.172c2.129,0,4.246,0.08,6.338,0.225c0.602,0.047,1.873,0.144,1.902,0.144  c0.727,0,1.322-0.591,1.322-1.323C173.796,49.203,173.492,48.752,173.054,48.544L173.054,48.544z" class="cls-1" /></svg>');
         }
         &.icon-format-ots {
             width: 30px;
             height: 30px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="33" height="33" viewBox="0 0 33 33"><defs><clipPath id="clip-ots"><rect width="33" height="33"/></clipPath><style>.cls-1{fill:@{themeColor};}</style></defs><g id="ots" clip-path="url(#clip-ots)"><rect id="Rectangle_20" data-name="Rectangle 20" width="33" height="33" fill="none"/><path id="Path_33" data-name="Path 33" d="M125.173,121h0c-.046-.03-.093-.059-.141-.088a6.133,6.133,0,0,0-2.467-.869,6.014,6.014,0,0,0-4.309,1.188,6.223,6.223,0,0,0-2.892-1.147,5.965,5.965,0,0,0-4.039,1l-.036.024a.176.176,0,0,0-.049.125.145.145,0,0,0,.126.158l.019,0a.019.019,0,0,0,.009,0,5.781,5.781,0,0,1,2.005-.111,6.41,6.41,0,0,1,4.782,2.669c.06.081.115.076.178,0a6.288,6.288,0,0,1,6.194-2.735c.136.017.27.038.4.064.047.009.119.024.161.03.08.011.123-.071.123-.159A.155.155,0,0,0,125.173,121Z" transform="translate(-94.24 -116)" class="cls-1"/><path id="Path_34" data-name="Path 34" d="M126.894,125.978a.175.175,0,0,0-.022-.011,11.686,11.686,0,0,0-4.905-1.082,11.924,11.924,0,0,0-7.444,2.647,11.725,11.725,0,0,0-5.251-1.245,11.884,11.884,0,0,0-7.176,2.441.229.229,0,0,0-.022.016.217.217,0,0,0-.073.167.2.2,0,0,0,.191.211.167.167,0,0,0,.037,0,.118.118,0,0,0,.023-.008,11.679,11.679,0,0,1,3.71-.608c3.429,0,6.486.9,8.787,3.315a.093.093,0,0,1,.016.016.172.172,0,0,0,.123.052.18.18,0,0,0,.147-.078s.075-.115.111-.171a12.1,12.1,0,0,1,10.479-5.315c.306,0,.611.014.912.037l.273.022a.2.2,0,0,0,.191-.211A.211.211,0,0,0,126.894,125.978Z" transform="translate(-100 -115.885)" class="cls-1"/><g id="Group_5" data-name="Group 5" transform="translate(16 16)"><path id="Path_44" data-name="Path 44" d="M1.011,0H13.989A1.011,1.011,0,0,1,15,1.011V13.989A1.011,1.011,0,0,1,13.989,15H1.011A1.011,1.011,0,0,1,0,13.989V1.011A1.011,1.011,0,0,1,1.011,0Z" class="cls-1"/><path id="Path_39" data-name="Path 39" d="M5.794,13.25V3.911H9.258V2.25h-9V3.911H3.729V13.25Z" transform="translate(2.742 -0.25)" fill="#fff"/></g></g></svg>');
+            .encoded-svg-mask('<svg xmlns="http://www.w3.org/2000/svg" width="22" height="18"><path fill-rule="evenodd" d="M18.952.657L18.874.61l-.02-.012a4.43 4.43 0 0 0-1.72-.571c-1.087-.123-2.127.175-3.005.782a4.48 4.48 0 0 0-2.016-.755c-1.01-.114-1.979.136-2.816.659l-.01.007c-.035.028-.048.058-.048.091 0 .058.038.104.087.104l.02-.004c.45-.099.919-.127 1.398-.073 1.343.151 2.513.646 3.334 1.757.043.053.081.05.124-.003C15.234 1.164 16.818.6 18.52.791l.282.042.028.005.083.014c.056.007.086-.046.086-.104 0-.039-.015-.073-.046-.091zM11.999 8a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h9a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1h-9zm4 8v-5h-2v-1h5v1h-2v5h-1zm.969-10.322a.16.16 0 0 1 .084.145c0 .086-.058.155-.13.155-.003 0-.128-.011-.187-.017l-.622-.026c-2.926 0-5.554 1.283-7.148 3.884l-.046.076-.03.049c-.024.035-.059.057-.1.057-.033 0-.062-.014-.085-.038C7.125 8.188 5.04 7.529 2.701 7.529c-.88 0-1.73.156-2.531.444l-.016.006c-.008.002-.017.004-.025.004-.072 0-.13-.07-.13-.155 0-.05.02-.094.05-.122 1.413-1.138 3.097-1.796 4.91-1.796 1.276 0 2.487.326 3.581.91 1.433-1.217 3.185-1.935 5.079-1.935a7.52 7.52 0 0 1 3.345.791z"/></svg>');
         }
         &.icon-format-csv {
             width: 24px;
             height: 24px;
-            .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22 17H16V18H22V17Z" fill="@{themeColor}"/><path d="M22 20H16V21H22V20Z" fill="@{themeColor}"/><path d="M22 14H16V15H22V14Z" fill="@{themeColor}"/><path d="M22 11H16V12H22V11Z" fill="@{themeColor}"/><path d="M22 8H16V9H22V8Z" fill="@{themeColor}"/><path d="M22 5H16V6H22V5Z" fill="@{themeColor}"/><path d="M22 2H16V3H22V2Z" fill="@{themeColor}"/><path d="M15 17H9V18H15V17Z" fill="@{themeColor}"/><path d="M15 20H9V21H15V20Z" fill="@{themeColor}"/><path d="M15 14H9V15H15V14Z" fill="@{themeColor}"/><path d="M15 11H9V12H15V11Z" fill="@{themeColor}"/><path d="M15 8H9V9H15V8Z" fill="@{themeColor}"/><path d="M15 5H9V6H15V5Z" fill="@{themeColor}"/><path d="M15 2H9V3H15V2Z" fill="@{themeColor}"/><path d="M8 17H2V18H8V17Z" fill="@{themeColor}"/><path d="M8 20H2V21H8V20Z" fill="@{themeColor}"/><path d="M8 14H2V15H8V14Z" fill="@{themeColor}"/><path d="M8 11H2V12H8V11Z" fill="@{themeColor}"/><path d="M8 8H2V9H8V8Z" fill="@{themeColor}"/><path d="M8 5H2V6H8V5Z" fill="@{themeColor}"/><path d="M8 2H2V3H8V2Z" fill="@{themeColor}"/></svg>');
+            .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M22 17H16V18H22V17Z" fill="@{brandColor}"/><path d="M22 20H16V21H22V20Z" fill="@{brandColor}"/><path d="M22 14H16V15H22V14Z" fill="@{brandColor}"/><path d="M22 11H16V12H22V11Z" fill="@{brandColor}"/><path d="M22 8H16V9H22V8Z" fill="@{brandColor}"/><path d="M22 5H16V6H22V5Z" fill="@{brandColor}"/><path d="M22 2H16V3H22V2Z" fill="@{brandColor}"/><path d="M15 17H9V18H15V17Z" fill="@{brandColor}"/><path d="M15 20H9V21H15V20Z" fill="@{brandColor}"/><path d="M15 14H9V15H15V14Z" fill="@{brandColor}"/><path d="M15 11H9V12H15V11Z" fill="@{brandColor}"/><path d="M15 8H9V9H15V8Z" fill="@{brandColor}"/><path d="M15 5H9V6H15V5Z" fill="@{brandColor}"/><path d="M15 2H9V3H15V2Z" fill="@{brandColor}"/><path d="M8 17H2V18H8V17Z" fill="@{brandColor}"/><path d="M8 20H2V21H8V20Z" fill="@{brandColor}"/><path d="M8 14H2V15H8V14Z" fill="@{brandColor}"/><path d="M8 11H2V12H8V11Z" fill="@{brandColor}"/><path d="M8 8H2V9H8V8Z" fill="@{brandColor}"/><path d="M8 5H2V6H8V5Z" fill="@{brandColor}"/><path d="M8 2H2V3H8V2Z" fill="@{brandColor}"/></svg>');
         }
         //  Collaboration
         &.icon-users {
             width: 24px;
             height: 24px;
-            .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.5 7C15.5 9.26153 14.9357 10.9518 14.201 12.0307C13.4584 13.121 12.6234 13.5 12 13.5C11.3766 13.5 10.5416 13.121 9.79901 12.0307C9.0643 10.9518 8.5 9.26153 8.5 7C8.5 4.92262 10.2222 3.5 12 3.5C13.7778 3.5 15.5 4.92262 15.5 7ZM14.8461 13.6216C14.006 14.5191 13.0044 15 12 15C10.9956 15 9.99399 14.5191 9.15395 13.6216C7.69714 14.1996 6.4782 14.7725 5.52945 15.3496C3.82884 16.3839 3.5 17.1203 3.5 17.5C3.5 18.0104 3.76355 18.6977 5.04703 19.3409C6.37522 20.0065 8.60909 20.4999 12 20.5C15.3909 20.5 17.6248 20.0065 18.953 19.3409C20.2364 18.6977 20.5 18.0104 20.5 17.5C20.5 17.1203 20.1712 16.3839 18.4705 15.3496C17.5218 14.7725 16.3029 14.1996 14.8461 13.6216ZM15.7544 12.37C16.5137 11.0279 17 9.20917 17 7C17 4 14.5088 2 12 2C9.49121 2 7 4 7 7C7 9.20917 7.48633 11.0279 8.24563 12.37C4.38973 13.9392 2 15.579 2 17.5C2 19.9852 5 21.9999 12 22C19 22 22 19.9852 22 17.5C22 15.579 19.6103 13.9392 15.7544 12.37Z" fill="@{themeColor}"/></svg>');
+            .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.5 7C15.5 9.26153 14.9357 10.9518 14.201 12.0307C13.4584 13.121 12.6234 13.5 12 13.5C11.3766 13.5 10.5416 13.121 9.79901 12.0307C9.0643 10.9518 8.5 9.26153 8.5 7C8.5 4.92262 10.2222 3.5 12 3.5C13.7778 3.5 15.5 4.92262 15.5 7ZM14.8461 13.6216C14.006 14.5191 13.0044 15 12 15C10.9956 15 9.99399 14.5191 9.15395 13.6216C7.69714 14.1996 6.4782 14.7725 5.52945 15.3496C3.82884 16.3839 3.5 17.1203 3.5 17.5C3.5 18.0104 3.76355 18.6977 5.04703 19.3409C6.37522 20.0065 8.60909 20.4999 12 20.5C15.3909 20.5 17.6248 20.0065 18.953 19.3409C20.2364 18.6977 20.5 18.0104 20.5 17.5C20.5 17.1203 20.1712 16.3839 18.4705 15.3496C17.5218 14.7725 16.3029 14.1996 14.8461 13.6216ZM15.7544 12.37C16.5137 11.0279 17 9.20917 17 7C17 4 14.5088 2 12 2C9.49121 2 7 4 7 7C7 9.20917 7.48633 11.0279 8.24563 12.37C4.38973 13.9392 2 15.579 2 17.5C2 19.9852 5 21.9999 12 22C19 22 22 19.9852 22 17.5C22 15.579 19.6103 13.9392 15.7544 12.37Z" fill="@{brandColor}"/></svg>');
         }
         //Comments
         &.icon-menu-comment {
             width: 24px;
             height: 24px;
-            .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.6047 16.5848C17.0078 16.1793 17.4729 15.9766 18 15.9766C18.5271 15.9766 18.9922 16.1793 19.3953 16.5848C19.7984 16.9903 20 17.4581 20 17.9883C20 18.5185 19.7984 18.9864 19.3953 19.3918C18.9922 19.7973 18.5271 20 18 20C17.4729 20 17.0078 19.7973 16.6047 19.3918C16.2016 18.9864 16 18.5185 16 17.9883C16 17.4581 16.2016 16.9903 16.6047 16.5848ZM16.6047 10.5965C17.0078 10.191 17.4729 9.9883 18 9.9883C18.5271 9.9883 18.9922 10.191 19.3953 10.5965C19.7984 11.0019 20 11.4698 20 12C20 12.5302 19.7984 12.9981 19.3953 13.4035C18.9922 13.809 18.5271 14.0117 18 14.0117C17.4729 14.0117 17.0078 13.809 16.6047 13.4035C16.2016 12.9981 16 12.5302 16 12C16 11.4698 16.2016 11.0019 16.6047 10.5965ZM19.3953 7.4152C18.9922 7.82066 18.5271 8.02339 18 8.02339C17.4729 8.02339 17.0078 7.82066 16.6047 7.4152C16.2016 7.00975 16 6.54191 16 6.0117C16 5.48148 16.2016 5.01365 16.6047 4.60819C17.0078 4.20273 17.4729 4 18 4C18.5271 4 18.9922 4.20273 19.3953 4.60819C19.7984 5.01365 20 5.48148 20 6.0117C20 6.54191 19.7984 7.00975 19.3953 7.4152Z" fill="black" fill-opacity="0.6"/></svg>');
+            .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M16.6047 16.5848C17.0078 16.1793 17.4729 15.9766 18 15.9766C18.5271 15.9766 18.9922 16.1793 19.3953 16.5848C19.7984 16.9903 20 17.4581 20 17.9883C20 18.5185 19.7984 18.9864 19.3953 19.3918C18.9922 19.7973 18.5271 20 18 20C17.4729 20 17.0078 19.7973 16.6047 19.3918C16.2016 18.9864 16 18.5185 16 17.9883C16 17.4581 16.2016 16.9903 16.6047 16.5848ZM16.6047 10.5965C17.0078 10.191 17.4729 9.9883 18 9.9883C18.5271 9.9883 18.9922 10.191 19.3953 10.5965C19.7984 11.0019 20 11.4698 20 12C20 12.5302 19.7984 12.9981 19.3953 13.4035C18.9922 13.809 18.5271 14.0117 18 14.0117C17.4729 14.0117 17.0078 13.809 16.6047 13.4035C16.2016 12.9981 16 12.5302 16 12C16 11.4698 16.2016 11.0019 16.6047 10.5965ZM19.3953 7.4152C18.9922 7.82066 18.5271 8.02339 18 8.02339C17.4729 8.02339 17.0078 7.82066 16.6047 7.4152C16.2016 7.00975 16 6.54191 16 6.0117C16 5.48148 16.2016 5.01365 16.6047 4.60819C17.0078 4.20273 17.4729 4 18 4C18.5271 4 18.9922 4.20273 19.3953 4.60819C19.7984 5.01365 20 5.48148 20 6.0117C20 6.54191 19.7984 7.00975 19.3953 7.4152Z" fill="@{text-tertiary}" fill-opacity="0.6"/></svg>', @text-tertiary);
         }
         &.icon-resolve-comment {
             width: 24px;
             height: 24px;
-            .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 16.1719L19.5938 5.57812L21 6.98438L9 18.9844L3.42188 13.4062L4.82812 12L9 16.1719Z" fill="black" fill-opacity="0.6"/></svg>');
+            .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M9 16.1719L19.5938 5.57812L21 6.98438L9 18.9844L3.42188 13.4062L4.82812 12L9 16.1719Z" fill="@{text-tertiary}" fill-opacity="0.6"/></svg>', @text-tertiary);
         }
         &.icon-resolve-comment.check {
             width: 24px;
             height: 24px;
-            .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 16.1719L19.5938 5.57812L21 6.98438L9 18.9844L3.42188 13.4062L4.82812 12L9 16.1719Z" fill="#40865C" fill-opacity="0.6"/></svg>');
+            .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M9 16.1719L19.5938 5.57812L21 6.98438L9 18.9844L3.42188 13.4062L4.82812 12L9 16.1719Z" fill="@{brandColor}"/></svg>');
         }
         &.icon-done-comment {
             width: 24px;
             height: 24px;
-            .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 16.1719L19.5938 5.57812L21 6.98438L9 18.9844L3.42188 13.4062L4.82812 12L9 16.1719Z" fill="@{themeColor}"/></svg>');
+            .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M9 16.1719L19.5938 5.57812L21 6.98438L9 18.9844L3.42188 13.4062L4.82812 12L9 16.1719Z" fill="@{brandColor}"/></svg>');
         }
         &.icon-insert-comment {
             width: 24px;
             height: 24px;
-            .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.5 3H4.5C3.18908 3 2 4.2153 2 5.50295V15.0346C2 16.3222 3.18908 17.013 4.5 17.013H5.5C5.82773 17.013 6 17.1917 6 17.5136V21L12 17H20C21.1046 17 22 16.1046 22 15V8H20.5V14.5C20.5 15.0523 20.0523 15.5 19.5 15.5H11.5L7.5 18V15.5H4.5C3.94772 15.5 3.5 15.0523 3.5 14.5V5.5C3.5 4.94772 3.94772 4.5 4.5 4.5H19.5C20.0523 4.5 20.5 4.94772 20.5 5.5V8H22V5.50295C22 4.2153 20.8109 3 19.5 3Z" fill="@{themeColor}"/><path d="M6 7.5H18V9H6L6 7.5Z" fill="@{themeColor}"/><path d="M6 11H18V12.5H6V11Z" fill="@{themeColor}"/></svg>');
+            .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M19.5 3H4.5C3.18908 3 2 4.2153 2 5.50295V15.0346C2 16.3222 3.18908 17.013 4.5 17.013H5.5C5.82773 17.013 6 17.1917 6 17.5136V21L12 17H20C21.1046 17 22 16.1046 22 15V8H20.5V14.5C20.5 15.0523 20.0523 15.5 19.5 15.5H11.5L7.5 18V15.5H4.5C3.94772 15.5 3.5 15.0523 3.5 14.5V5.5C3.5 4.94772 3.94772 4.5 4.5 4.5H19.5C20.0523 4.5 20.5 4.94772 20.5 5.5V8H22V5.50295C22 4.2153 20.8109 3 19.5 3Z" fill="@{brandColor}"/><path d="M6 7.5H18V9H6L6 7.5Z" fill="@{brandColor}"/><path d="M6 11H18V12.5H6V11Z" fill="@{brandColor}"/></svg>');
         }
         &.icon-done-comment-white {
             width: 24px;
             height: 24px;
-            .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 16.1719L19.5938 5.57812L21 6.98438L9 18.9844L3.42188 13.4062L4.82812 12L9 16.1719Z" fill="#FFFFFF"/></svg>');
+            .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M9 16.1719L19.5938 5.57812L21 6.98438L9 18.9844L3.42188 13.4062L4.82812 12L9 16.1719Z" fill="#FFFFFF"/></svg>');
         }
         // Text orientation
         &.icon-text-orientation-horizontal {
             width: 24px;
             height: 24px;
-            .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.51367 10.75H11.269L8.06905 2H6.36276L3.25 10.75H4.96174L5.62136 8.76245H8.81589L9.51367 10.75ZM7.19682 4.04127L8.29801 7.2882H6.11744L7.19682 4.04127ZM16.0002 2H12.8057V10.75H15.5259C16.5544 10.742 17.2031 10.7221 17.4721 10.6903C17.9009 10.6386 18.2607 10.5013 18.5515 10.2785C18.8458 10.0517 19.0766 9.75125 19.2438 9.37722C19.4146 8.9992 19.5 8.61124 19.5 8.21334C19.5 7.70799 19.3692 7.2683 19.1075 6.89427C18.8458 6.52024 18.4715 6.25563 17.9845 6.10044C18.3298 5.92934 18.6023 5.67269 18.8022 5.33049C19.0057 4.98829 19.1075 4.61227 19.1075 4.20242C19.1075 3.82441 19.0257 3.4842 18.8622 3.18179C18.6986 2.8754 18.4933 2.63068 18.2462 2.44765C18.0027 2.26461 17.7247 2.14524 17.4121 2.08953C17.1032 2.02984 16.6326 2 16.0002 2ZM14.4193 5.47971L14.4193 3.45634L15.346 3.45634C16.1056 3.45634 16.5653 3.46629 16.7252 3.48619C16.9942 3.522 17.1959 3.62545 17.3303 3.79656C17.4684 3.96368 17.5375 4.18253 17.5375 4.4531C17.5375 4.73562 17.4575 4.96442 17.2976 5.1395C17.1414 5.3106 16.9251 5.41405 16.6489 5.44986C16.4963 5.46976 16.1056 5.47971 15.4769 5.47971H14.4193ZM14.4193 9.27575V6.93605H15.7222C16.4563 6.93605 16.9324 6.97783 17.1504 7.06139C17.3721 7.14495 17.5411 7.27825 17.6574 7.46129C17.7737 7.64433 17.8319 7.86716 17.8319 8.12977C17.8319 8.44014 17.7555 8.68884 17.6029 8.87585C17.4539 9.05889 17.2595 9.17428 17.0196 9.22203C16.8633 9.25784 16.4945 9.27575 15.913 9.27575H14.4193ZM17.9829 13.25L21.5023 17.0829L22 17.625L21.5023 18.1671L17.9829 22L16.9875 20.9159L19.3053 18.3916H2V16.8584H19.3053L16.9875 14.3341L17.9829 13.25Z" fill="@{themeColor}"/></svg>');
+            .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.51367 10.75H11.269L8.06905 2H6.36276L3.25 10.75H4.96174L5.62136 8.76245H8.81589L9.51367 10.75ZM7.19682 4.04127L8.29801 7.2882H6.11744L7.19682 4.04127ZM16.0002 2H12.8057V10.75H15.5259C16.5544 10.742 17.2031 10.7221 17.4721 10.6903C17.9009 10.6386 18.2607 10.5013 18.5515 10.2785C18.8458 10.0517 19.0766 9.75125 19.2438 9.37722C19.4146 8.9992 19.5 8.61124 19.5 8.21334C19.5 7.70799 19.3692 7.2683 19.1075 6.89427C18.8458 6.52024 18.4715 6.25563 17.9845 6.10044C18.3298 5.92934 18.6023 5.67269 18.8022 5.33049C19.0057 4.98829 19.1075 4.61227 19.1075 4.20242C19.1075 3.82441 19.0257 3.4842 18.8622 3.18179C18.6986 2.8754 18.4933 2.63068 18.2462 2.44765C18.0027 2.26461 17.7247 2.14524 17.4121 2.08953C17.1032 2.02984 16.6326 2 16.0002 2ZM14.4193 5.47971L14.4193 3.45634L15.346 3.45634C16.1056 3.45634 16.5653 3.46629 16.7252 3.48619C16.9942 3.522 17.1959 3.62545 17.3303 3.79656C17.4684 3.96368 17.5375 4.18253 17.5375 4.4531C17.5375 4.73562 17.4575 4.96442 17.2976 5.1395C17.1414 5.3106 16.9251 5.41405 16.6489 5.44986C16.4963 5.46976 16.1056 5.47971 15.4769 5.47971H14.4193ZM14.4193 9.27575V6.93605H15.7222C16.4563 6.93605 16.9324 6.97783 17.1504 7.06139C17.3721 7.14495 17.5411 7.27825 17.6574 7.46129C17.7737 7.64433 17.8319 7.86716 17.8319 8.12977C17.8319 8.44014 17.7555 8.68884 17.6029 8.87585C17.4539 9.05889 17.2595 9.17428 17.0196 9.22203C16.8633 9.25784 16.4945 9.27575 15.913 9.27575H14.4193ZM17.9829 13.25L21.5023 17.0829L22 17.625L21.5023 18.1671L17.9829 22L16.9875 20.9159L19.3053 18.3916H2V16.8584H19.3053L16.9875 14.3341L17.9829 13.25Z" fill="@{brandColor}"/></svg>');
         }
         &.icon-text-orientation-anglecount {
             width: 24px;
             height: 24px;
-            .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M22 8.71927H16.3964V10.0783L19.7586 10.0783L8.55142 20.9162L9.67214 22L20.597 11.1439V14.4301L22 14.4301V8.71927Z" fill="@{themeColor}"/><path d="M10.6577 11.3859L9.54484 12.462L7.84242 11.6713L5.81718 13.6298L6.65905 15.2527L5.57385 16.3022L2 9.02933L3.08174 7.98323L10.6577 11.3859ZM6.57946 11.085L3.82288 9.76944L5.19705 12.4218L6.57946 11.085Z" fill="@{themeColor}"/><path d="M6.08462 5.07929L8.10986 3.12078C8.51077 2.73309 8.82806 2.46285 9.06174 2.31005C9.2952 2.15259 9.54714 2.05532 9.81755 2.01826C10.0903 1.97896 10.3756 2.0031 10.6735 2.09068C10.9689 2.17582 11.2364 2.33426 11.4761 2.56602C11.7359 2.81728 11.9098 3.1102 11.9977 3.44478C12.0879 3.77712 12.0778 4.10158 11.9674 4.41815C12.3746 4.21472 12.7796 4.14745 13.1826 4.21634C13.5857 4.28523 13.9473 4.47458 14.2677 4.7844C14.52 5.02835 14.7118 5.31856 14.8432 5.65504C14.9743 5.98684 15.0184 6.31251 14.9756 6.63204C14.9326 6.9469 14.7915 7.25165 14.5524 7.54628C14.4021 7.73067 14.0034 8.14059 13.3564 8.77602L11.6319 10.4438L6.08462 5.07929ZM8.03089 4.98287L9.31365 6.22336L9.98412 5.57498C10.3827 5.18952 10.6241 4.94389 10.7082 4.83812C10.8607 4.64682 10.9322 4.45082 10.9228 4.25012C10.9131 4.04474 10.8188 3.85545 10.6397 3.68225C10.4681 3.51636 10.2856 3.42452 10.0921 3.40673C9.89838 3.38427 9.70492 3.44451 9.51172 3.58743C9.39773 3.67327 9.09996 3.94903 8.61842 4.4147L8.03089 4.98287ZM10.2369 7.11622L11.7202 8.55065L12.6672 7.63489C13.0358 7.2784 13.2583 7.04126 13.3347 6.9235C13.4565 6.74717 13.5066 6.55722 13.485 6.35365C13.4632 6.14541 13.354 5.94616 13.1572 5.75587C12.9907 5.59487 12.8126 5.4939 12.6228 5.45299C12.433 5.41207 12.2414 5.43395 12.0479 5.51864C11.8567 5.60109 11.5283 5.86736 11.0629 6.31744L10.2369 7.11622Z" fill="@{themeColor}"/></svg>');
+            .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M22 8.71927H16.3964V10.0783L19.7586 10.0783L8.55142 20.9162L9.67214 22L20.597 11.1439V14.4301L22 14.4301V8.71927Z" fill="@{brandColor}"/><path d="M10.6577 11.3859L9.54484 12.462L7.84242 11.6713L5.81718 13.6298L6.65905 15.2527L5.57385 16.3022L2 9.02933L3.08174 7.98323L10.6577 11.3859ZM6.57946 11.085L3.82288 9.76944L5.19705 12.4218L6.57946 11.085Z" fill="@{brandColor}"/><path d="M6.08462 5.07929L8.10986 3.12078C8.51077 2.73309 8.82806 2.46285 9.06174 2.31005C9.2952 2.15259 9.54714 2.05532 9.81755 2.01826C10.0903 1.97896 10.3756 2.0031 10.6735 2.09068C10.9689 2.17582 11.2364 2.33426 11.4761 2.56602C11.7359 2.81728 11.9098 3.1102 11.9977 3.44478C12.0879 3.77712 12.0778 4.10158 11.9674 4.41815C12.3746 4.21472 12.7796 4.14745 13.1826 4.21634C13.5857 4.28523 13.9473 4.47458 14.2677 4.7844C14.52 5.02835 14.7118 5.31856 14.8432 5.65504C14.9743 5.98684 15.0184 6.31251 14.9756 6.63204C14.9326 6.9469 14.7915 7.25165 14.5524 7.54628C14.4021 7.73067 14.0034 8.14059 13.3564 8.77602L11.6319 10.4438L6.08462 5.07929ZM8.03089 4.98287L9.31365 6.22336L9.98412 5.57498C10.3827 5.18952 10.6241 4.94389 10.7082 4.83812C10.8607 4.64682 10.9322 4.45082 10.9228 4.25012C10.9131 4.04474 10.8188 3.85545 10.6397 3.68225C10.4681 3.51636 10.2856 3.42452 10.0921 3.40673C9.89838 3.38427 9.70492 3.44451 9.51172 3.58743C9.39773 3.67327 9.09996 3.94903 8.61842 4.4147L8.03089 4.98287ZM10.2369 7.11622L11.7202 8.55065L12.6672 7.63489C13.0358 7.2784 13.2583 7.04126 13.3347 6.9235C13.4565 6.74717 13.5066 6.55722 13.485 6.35365C13.4632 6.14541 13.354 5.94616 13.1572 5.75587C12.9907 5.59487 12.8126 5.4939 12.6228 5.45299C12.433 5.41207 12.2414 5.43395 12.0479 5.51864C11.8567 5.60109 11.5283 5.86736 11.0629 6.31744L10.2369 7.11622Z" fill="@{brandColor}"/></svg>');
         }
         &.icon-text-orientation-angleclock {
             width: 24px;
             height: 24px;
-            .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.2807 22L15.2807 16.3964L13.9217 16.3964L13.9217 19.7586L3.08379 8.55143L2 9.67214L12.8561 20.597L9.56995 20.597L9.56994 22L15.2807 22Z" fill="@{themeColor}"/><path d="M12.6141 10.6577L11.538 9.54484L12.3287 7.84242L10.3702 5.81718L8.74726 6.65905L7.69782 5.57385L14.9707 2L16.0168 3.08174L12.6141 10.6577ZM12.915 6.57946L14.2306 3.82288L11.5782 5.19705L12.915 6.57946Z" fill="@{themeColor}"/><path d="M18.9207 6.08463L20.8792 8.10987C21.2669 8.51077 21.5372 8.82806 21.6899 9.06174C21.8474 9.2952 21.9447 9.54714 21.9817 9.81755C22.021 10.0903 21.9969 10.3756 21.9093 10.6735C21.8242 10.9689 21.6657 11.2364 21.434 11.4761C21.1827 11.7359 20.8898 11.9098 20.5552 11.9977C20.2229 12.0879 19.8984 12.0778 19.5819 11.9674C19.7853 12.3746 19.8525 12.7796 19.7837 13.1826C19.7148 13.5857 19.5254 13.9473 19.2156 14.2677C18.9716 14.52 18.6814 14.7118 18.345 14.8432C18.0132 14.9743 17.6875 15.0185 17.368 14.9756C17.0531 14.9326 16.7484 14.7915 16.4537 14.5524C16.2693 14.4021 15.8594 14.0034 15.224 13.3564L13.5562 11.6319L18.9207 6.08463ZM19.0171 8.03089L17.7766 9.31365L18.425 9.98412C18.8105 10.3827 19.0561 10.6241 19.1619 10.7083C19.3532 10.8607 19.5492 10.9322 19.7499 10.9228C19.9553 10.9131 20.1445 10.8188 20.3178 10.6397C20.4836 10.4681 20.5755 10.2856 20.5933 10.0921C20.6157 9.89838 20.5555 9.70492 20.4126 9.51172C20.3267 9.39773 20.051 9.09996 19.5853 8.61842L19.0171 8.03089ZM16.8838 10.2369L15.4494 11.7202L16.3651 12.6672C16.7216 13.0358 16.9587 13.2583 17.0765 13.3347C17.2528 13.4565 17.4428 13.5066 17.6463 13.485C17.8546 13.4632 18.0538 13.354 18.2441 13.1572C18.4051 12.9907 18.5061 12.8126 18.547 12.6228C18.5879 12.433 18.566 12.2414 18.4814 12.0479C18.3989 11.8567 18.1326 11.5283 17.6826 11.0629L16.8838 10.2369Z" fill="@{themeColor}"/></svg>');
+            .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.2807 22L15.2807 16.3964L13.9217 16.3964L13.9217 19.7586L3.08379 8.55143L2 9.67214L12.8561 20.597L9.56995 20.597L9.56994 22L15.2807 22Z" fill="@{brandColor}"/><path d="M12.6141 10.6577L11.538 9.54484L12.3287 7.84242L10.3702 5.81718L8.74726 6.65905L7.69782 5.57385L14.9707 2L16.0168 3.08174L12.6141 10.6577ZM12.915 6.57946L14.2306 3.82288L11.5782 5.19705L12.915 6.57946Z" fill="@{brandColor}"/><path d="M18.9207 6.08463L20.8792 8.10987C21.2669 8.51077 21.5372 8.82806 21.6899 9.06174C21.8474 9.2952 21.9447 9.54714 21.9817 9.81755C22.021 10.0903 21.9969 10.3756 21.9093 10.6735C21.8242 10.9689 21.6657 11.2364 21.434 11.4761C21.1827 11.7359 20.8898 11.9098 20.5552 11.9977C20.2229 12.0879 19.8984 12.0778 19.5819 11.9674C19.7853 12.3746 19.8525 12.7796 19.7837 13.1826C19.7148 13.5857 19.5254 13.9473 19.2156 14.2677C18.9716 14.52 18.6814 14.7118 18.345 14.8432C18.0132 14.9743 17.6875 15.0185 17.368 14.9756C17.0531 14.9326 16.7484 14.7915 16.4537 14.5524C16.2693 14.4021 15.8594 14.0034 15.224 13.3564L13.5562 11.6319L18.9207 6.08463ZM19.0171 8.03089L17.7766 9.31365L18.425 9.98412C18.8105 10.3827 19.0561 10.6241 19.1619 10.7083C19.3532 10.8607 19.5492 10.9322 19.7499 10.9228C19.9553 10.9131 20.1445 10.8188 20.3178 10.6397C20.4836 10.4681 20.5755 10.2856 20.5933 10.0921C20.6157 9.89838 20.5555 9.70492 20.4126 9.51172C20.3267 9.39773 20.051 9.09996 19.5853 8.61842L19.0171 8.03089ZM16.8838 10.2369L15.4494 11.7202L16.3651 12.6672C16.7216 13.0358 16.9587 13.2583 17.0765 13.3347C17.2528 13.4565 17.4428 13.5066 17.6463 13.485C17.8546 13.4632 18.0538 13.354 18.2441 13.1572C18.4051 12.9907 18.5061 12.8126 18.547 12.6228C18.5879 12.433 18.566 12.2414 18.4814 12.0479C18.3989 11.8567 18.1326 11.5283 17.6826 11.0629L16.8838 10.2369Z" fill="@{brandColor}"/></svg>');
         }
         &.icon-text-orientation-vertical {
             width: 24px;
             height: 24px;
-            .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.10359 22.0648L11.0819 18.5454L9.95669 17.55L7.33664 19.8678L7.33664 1.9375L5.7453 1.9375L5.7453 19.8678L3.12525 17.55L2 18.5454L5.97834 22.0648L6.54097 22.5625L7.10359 22.0648Z" fill="@{themeColor}"/><path d="M14.513 13.1875L17.8287 13.1875C18.4851 13.1875 18.9736 13.2173 19.2942 13.277C19.6186 13.3327 19.9072 13.4521 20.1599 13.6351C20.4164 13.8182 20.6295 14.0629 20.7993 14.3693C20.969 14.6717 21.0539 15.0119 21.0539 15.3899C21.0539 15.7998 20.9483 16.1758 20.737 16.518C20.5296 16.8602 20.2467 17.1168 19.8883 17.2879C20.3938 17.4431 20.7823 17.7077 21.0539 18.0818C21.3255 18.4558 21.4613 18.8955 21.4613 19.4008C21.4613 19.7987 21.3726 20.1867 21.1954 20.5647C21.0218 20.9387 20.7823 21.2392 20.4768 21.466C20.175 21.6888 19.8015 21.8261 19.3564 21.8778C19.0773 21.9096 18.404 21.9295 17.3365 21.9375L14.513 21.9375L14.513 13.1875ZM16.1878 14.6438L16.1878 16.6672L17.2855 16.6672C17.9381 16.6672 18.3436 16.6573 18.502 16.6374C18.7887 16.6016 19.0132 16.4981 19.1754 16.327C19.3413 16.1519 19.4243 15.9231 19.4243 15.6406C19.4243 15.37 19.3527 15.1512 19.2093 14.9841C19.0697 14.813 18.8604 14.7095 18.5813 14.6737C18.4153 14.6538 17.9381 14.6438 17.1497 14.6438L16.1878 14.6438ZM16.1878 18.1235L16.1878 20.4632L17.7382 20.4632C18.3417 20.4632 18.7246 20.4453 18.8868 20.4095C19.1358 20.3618 19.3376 20.2464 19.4922 20.0634C19.6507 19.8763 19.7299 19.6276 19.7299 19.3173C19.7299 19.0547 19.6695 18.8318 19.5488 18.6488C19.4281 18.4658 19.2527 18.3325 19.0226 18.2489C18.7963 18.1653 18.3021 18.1235 17.5401 18.1235L16.1878 18.1235Z" fill="@{themeColor}"/><path d="M22 10.6875L20.1781 10.6875L19.4538 8.69995L16.1381 8.69995L15.4534 10.6875L13.6768 10.6875L16.9076 1.9375L18.6786 1.9375L22 10.6875ZM18.9163 7.2257L17.7733 3.97877L16.653 7.2257L18.9163 7.2257Z" fill="@{themeColor}"/></svg>');
+            .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.10359 22.0648L11.0819 18.5454L9.95669 17.55L7.33664 19.8678L7.33664 1.9375L5.7453 1.9375L5.7453 19.8678L3.12525 17.55L2 18.5454L5.97834 22.0648L6.54097 22.5625L7.10359 22.0648Z" fill="@{brandColor}"/><path d="M14.513 13.1875L17.8287 13.1875C18.4851 13.1875 18.9736 13.2173 19.2942 13.277C19.6186 13.3327 19.9072 13.4521 20.1599 13.6351C20.4164 13.8182 20.6295 14.0629 20.7993 14.3693C20.969 14.6717 21.0539 15.0119 21.0539 15.3899C21.0539 15.7998 20.9483 16.1758 20.737 16.518C20.5296 16.8602 20.2467 17.1168 19.8883 17.2879C20.3938 17.4431 20.7823 17.7077 21.0539 18.0818C21.3255 18.4558 21.4613 18.8955 21.4613 19.4008C21.4613 19.7987 21.3726 20.1867 21.1954 20.5647C21.0218 20.9387 20.7823 21.2392 20.4768 21.466C20.175 21.6888 19.8015 21.8261 19.3564 21.8778C19.0773 21.9096 18.404 21.9295 17.3365 21.9375L14.513 21.9375L14.513 13.1875ZM16.1878 14.6438L16.1878 16.6672L17.2855 16.6672C17.9381 16.6672 18.3436 16.6573 18.502 16.6374C18.7887 16.6016 19.0132 16.4981 19.1754 16.327C19.3413 16.1519 19.4243 15.9231 19.4243 15.6406C19.4243 15.37 19.3527 15.1512 19.2093 14.9841C19.0697 14.813 18.8604 14.7095 18.5813 14.6737C18.4153 14.6538 17.9381 14.6438 17.1497 14.6438L16.1878 14.6438ZM16.1878 18.1235L16.1878 20.4632L17.7382 20.4632C18.3417 20.4632 18.7246 20.4453 18.8868 20.4095C19.1358 20.3618 19.3376 20.2464 19.4922 20.0634C19.6507 19.8763 19.7299 19.6276 19.7299 19.3173C19.7299 19.0547 19.6695 18.8318 19.5488 18.6488C19.4281 18.4658 19.2527 18.3325 19.0226 18.2489C18.7963 18.1653 18.3021 18.1235 17.5401 18.1235L16.1878 18.1235Z" fill="@{brandColor}"/><path d="M22 10.6875L20.1781 10.6875L19.4538 8.69995L16.1381 8.69995L15.4534 10.6875L13.6768 10.6875L16.9076 1.9375L18.6786 1.9375L22 10.6875ZM18.9163 7.2257L17.7733 3.97877L16.653 7.2257L18.9163 7.2257Z" fill="@{brandColor}"/></svg>');
         }
         &.icon-text-orientation-rotateup {
             width: 24px;
             height: 24px;
-            .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.9142 2.48263L2 5.89535L3.1071 6.86061L5.68491 4.61307L5.68491 22L7.25059 22L7.25059 4.61307L9.82839 6.86061L10.9355 5.89535L7.0213 2.48263L6.46775 2L5.9142 2.48263Z" fill="@{themeColor}"/><path d="M21.9277 12.5942L21.8993 14.2496L19.9679 14.9391L19.9162 17.9517L21.8256 18.5424L21.7979 20.1567L13.3952 17.3594L13.4228 15.7502L21.9277 12.5942ZM18.5353 15.4508L15.3807 16.5406L18.5 17.5072L18.5353 15.4508Z" fill="@{themeColor}"/><path d="M13.4994 11.0787L13.5511 8.06604C13.5614 7.46968 13.5978 7.02537 13.6605 6.7331C13.7194 6.43747 13.8392 6.1734 14.0199 5.94087C14.2008 5.70492 14.4405 5.50741 14.7391 5.34834C15.0339 5.18933 15.3639 5.10684 15.7291 5.10087C16.1251 5.0944 16.4867 5.18442 16.814 5.37095C17.1413 5.55405 17.3849 5.80704 17.5446 6.12994C17.7024 5.66822 17.9641 5.31103 18.3296 5.05835C18.6952 4.80567 19.1221 4.67534 19.6103 4.66736C19.9947 4.66107 20.3681 4.73549 20.7306 4.8906C21.0892 5.04235 21.3757 5.25524 21.59 5.52927C21.8006 5.79994 21.9274 6.13708 21.9704 6.54069C21.9968 6.79381 22.0056 7.40527 21.9966 8.37509V11.0787H13.4994ZM14.9325 9.53393L16.8872 9.50197L16.9043 8.50461C16.9145 7.91168 16.9112 7.5434 16.8945 7.39976C16.8643 7.13985 16.7679 6.93756 16.6051 6.79289C16.4386 6.64485 16.2188 6.57306 15.9459 6.57752C15.6845 6.5818 15.472 6.65037 15.3083 6.78325C15.1408 6.91277 15.0376 7.10462 14.9986 7.35881C14.9768 7.50993 14.9598 7.94364 14.9475 8.65996L14.9325 9.53393ZM18.2941 9.47896L20.5545 9.442L20.5786 8.03336C20.588 7.48499 20.5767 7.1374 20.5446 6.99059C20.5024 6.76514 20.3941 6.58359 20.2196 6.44597C20.0414 6.30497 19.8024 6.23693 19.5026 6.24183C19.2489 6.24598 19.0327 6.30434 18.854 6.4169C18.6753 6.52947 18.5437 6.69095 18.4594 6.90133C18.3752 7.10829 18.3271 7.55794 18.3152 8.25026L18.2941 9.47896Z" fill="@{themeColor}"/></svg>');
+            .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.9142 2.48263L2 5.89535L3.1071 6.86061L5.68491 4.61307L5.68491 22L7.25059 22L7.25059 4.61307L9.82839 6.86061L10.9355 5.89535L7.0213 2.48263L6.46775 2L5.9142 2.48263Z" fill="@{brandColor}"/><path d="M21.9277 12.5942L21.8993 14.2496L19.9679 14.9391L19.9162 17.9517L21.8256 18.5424L21.7979 20.1567L13.3952 17.3594L13.4228 15.7502L21.9277 12.5942ZM18.5353 15.4508L15.3807 16.5406L18.5 17.5072L18.5353 15.4508Z" fill="@{brandColor}"/><path d="M13.4994 11.0787L13.5511 8.06604C13.5614 7.46968 13.5978 7.02537 13.6605 6.7331C13.7194 6.43747 13.8392 6.1734 14.0199 5.94087C14.2008 5.70492 14.4405 5.50741 14.7391 5.34834C15.0339 5.18933 15.3639 5.10684 15.7291 5.10087C16.1251 5.0944 16.4867 5.18442 16.814 5.37095C17.1413 5.55405 17.3849 5.80704 17.5446 6.12994C17.7024 5.66822 17.9641 5.31103 18.3296 5.05835C18.6952 4.80567 19.1221 4.67534 19.6103 4.66736C19.9947 4.66107 20.3681 4.73549 20.7306 4.8906C21.0892 5.04235 21.3757 5.25524 21.59 5.52927C21.8006 5.79994 21.9274 6.13708 21.9704 6.54069C21.9968 6.79381 22.0056 7.40527 21.9966 8.37509V11.0787H13.4994ZM14.9325 9.53393L16.8872 9.50197L16.9043 8.50461C16.9145 7.91168 16.9112 7.5434 16.8945 7.39976C16.8643 7.13985 16.7679 6.93756 16.6051 6.79289C16.4386 6.64485 16.2188 6.57306 15.9459 6.57752C15.6845 6.5818 15.472 6.65037 15.3083 6.78325C15.1408 6.91277 15.0376 7.10462 14.9986 7.35881C14.9768 7.50993 14.9598 7.94364 14.9475 8.65996L14.9325 9.53393ZM18.2941 9.47896L20.5545 9.442L20.5786 8.03336C20.588 7.48499 20.5767 7.1374 20.5446 6.99059C20.5024 6.76514 20.3941 6.58359 20.2196 6.44597C20.0414 6.30497 19.8024 6.23693 19.5026 6.24183C19.2489 6.24598 19.0327 6.30434 18.854 6.4169C18.6753 6.52947 18.5437 6.69095 18.4594 6.90133C18.3752 7.10829 18.3271 7.55794 18.3152 8.25026L18.2941 9.47896Z" fill="@{brandColor}"/></svg>');
         }
         &.icon-text-orientation-rotatedown {
             width: 24px;
             height: 24px;
-            .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.0213 21.5174L10.9355 18.1047L9.82839 17.1394L7.25058 19.3869L7.25059 2L5.68491 2L5.68491 19.3869L3.1071 17.1394L2 18.1047L5.91419 21.5174L6.46774 22L7.0213 21.5174Z" fill="@{themeColor}"/><path d="M13.4675 11.4058L13.4959 9.75035L15.4273 9.06091L15.479 6.04827L13.5695 5.45761L13.5972 3.84333L22 6.64062L21.9724 8.24976L13.4675 11.4058ZM16.8599 8.54922L20.0145 7.45944L16.8952 6.49282L16.8599 8.54922Z" fill="@{themeColor}"/><path d="M21.8957 12.9213L21.844 15.934C21.8338 16.5303 21.7974 16.9746 21.7347 17.2669C21.6758 17.5625 21.556 17.8266 21.3752 18.0591C21.1944 18.2951 20.9547 18.4926 20.656 18.6517C20.3612 18.8107 20.0312 18.8932 19.6661 18.8991C19.2701 18.9056 18.9085 18.8156 18.5812 18.6291C18.2538 18.446 18.0103 18.193 17.8506 17.8701C17.6928 18.3318 17.4311 18.689 17.0655 18.9417C16.7 19.1943 16.2731 19.3247 15.7849 19.3326C15.4005 19.3389 15.0271 19.2645 14.6646 19.1094C14.306 18.9577 14.0195 18.7448 13.8051 18.4707C13.5946 18.2001 13.4678 17.8629 13.4248 17.4593C13.3984 17.2062 13.3896 16.5947 13.3986 15.6249L13.3986 12.9213L21.8957 12.9213ZM20.4627 14.4661L18.508 14.498L18.4909 15.4954C18.4807 16.0883 18.484 16.4566 18.5007 16.6002C18.5309 16.8601 18.6273 17.0624 18.7901 17.2071C18.9566 17.3552 19.1764 17.4269 19.4493 17.4225C19.7107 17.4182 19.9232 17.3496 20.0869 17.2167C20.2544 17.0872 20.3576 16.8954 20.3965 16.6412C20.4184 16.4901 20.4354 16.0564 20.4477 15.34L20.4627 14.4661ZM17.101 14.521L14.8407 14.558L14.8166 15.9666C14.8071 16.515 14.8185 16.8626 14.8505 17.0094C14.8928 17.2349 15.0011 17.4164 15.1755 17.554C15.3537 17.695 15.5928 17.7631 15.8926 17.7582C16.1463 17.754 16.3625 17.6957 16.5412 17.5831C16.7199 17.4705 16.8514 17.3091 16.9358 17.0987C17.02 16.8917 17.0681 16.4421 17.08 15.7497L17.101 14.521Z" fill="@{themeColor}"/></svg>');
+            .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.0213 21.5174L10.9355 18.1047L9.82839 17.1394L7.25058 19.3869L7.25059 2L5.68491 2L5.68491 19.3869L3.1071 17.1394L2 18.1047L5.91419 21.5174L6.46774 22L7.0213 21.5174Z" fill="@{brandColor}"/><path d="M13.4675 11.4058L13.4959 9.75035L15.4273 9.06091L15.479 6.04827L13.5695 5.45761L13.5972 3.84333L22 6.64062L21.9724 8.24976L13.4675 11.4058ZM16.8599 8.54922L20.0145 7.45944L16.8952 6.49282L16.8599 8.54922Z" fill="@{brandColor}"/><path d="M21.8957 12.9213L21.844 15.934C21.8338 16.5303 21.7974 16.9746 21.7347 17.2669C21.6758 17.5625 21.556 17.8266 21.3752 18.0591C21.1944 18.2951 20.9547 18.4926 20.656 18.6517C20.3612 18.8107 20.0312 18.8932 19.6661 18.8991C19.2701 18.9056 18.9085 18.8156 18.5812 18.6291C18.2538 18.446 18.0103 18.193 17.8506 17.8701C17.6928 18.3318 17.4311 18.689 17.0655 18.9417C16.7 19.1943 16.2731 19.3247 15.7849 19.3326C15.4005 19.3389 15.0271 19.2645 14.6646 19.1094C14.306 18.9577 14.0195 18.7448 13.8051 18.4707C13.5946 18.2001 13.4678 17.8629 13.4248 17.4593C13.3984 17.2062 13.3896 16.5947 13.3986 15.6249L13.3986 12.9213L21.8957 12.9213ZM20.4627 14.4661L18.508 14.498L18.4909 15.4954C18.4807 16.0883 18.484 16.4566 18.5007 16.6002C18.5309 16.8601 18.6273 17.0624 18.7901 17.2071C18.9566 17.3552 19.1764 17.4269 19.4493 17.4225C19.7107 17.4182 19.9232 17.3496 20.0869 17.2167C20.2544 17.0872 20.3576 16.8954 20.3965 16.6412C20.4184 16.4901 20.4354 16.0564 20.4477 15.34L20.4627 14.4661ZM17.101 14.521L14.8407 14.558L14.8166 15.9666C14.8071 16.515 14.8185 16.8626 14.8505 17.0094C14.8928 17.2349 15.0011 17.4164 15.1755 17.554C15.3537 17.695 15.5928 17.7631 15.8926 17.7582C16.1463 17.754 16.3625 17.6957 16.5412 17.5831C16.7199 17.4705 16.8514 17.3091 16.9358 17.0987C17.02 16.8917 17.0681 16.4421 17.08 15.7497L17.101 14.521Z" fill="@{brandColor}"/></svg>');
         }
         &.icon-plus {
             width: 22px;
             height: 22px;
-            .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{navBarIconColor}"><g><path d="M21,12h-9v9h-2v-9H1v-2h9V1h2v9h9V12z"/></g></svg>');
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{toolbar-icons}"><g><path d="M21,12h-9v9h-2v-9H1v-2h9V1h2v9h9V12z"/></g></svg>');
         }
     }
 
@@ -419,77 +419,77 @@
             &.icon-undo {
                 width: 22px;
                 height: 22px;
-                .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{navBarIconColor}"><g><path d="M20,17v-2c0-1.7-1.3-3-3-3H3.7l3.4,3.4l-1.4,1.4l-5.2-5.2L0,11l0.5-0.6l5.2-5.2l1.4,1.4L3.7,10H17c2.8,0,5,2.2,5,5v2H20z"/></g></svg>');
+                .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{toolbar-icons}"><g><path d="M20,17v-2c0-1.7-1.3-3-3-3H3.7l3.4,3.4l-1.4,1.4l-5.2-5.2L0,11l0.5-0.6l5.2-5.2l1.4,1.4L3.7,10H17c2.8,0,5,2.2,5,5v2H20z"/></g></svg>', @toolbar-icons);
             }
             &.icon-redo {
                 width: 22px;
                 height: 22px;
-                .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{navBarIconColor}"><g><path d="M0,17v-2c0-2.8,2.2-5,5-5h13.3l-3.4-3.4l1.4-1.4l5.2,5.2L22,11l-0.5,0.6l-5.2,5.2l-1.4-1.4l3.4-3.4H5c-1.7,0-3,1.3-3,3v2H0z"/></g></svg>');
+                .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{toolbar-icons}"><g><path d="M0,17v-2c0-2.8,2.2-5,5-5h13.3l-3.4-3.4l1.4-1.4l5.2,5.2L22,11l-0.5,0.6l-5.2,5.2l-1.4-1.4l3.4-3.4H5c-1.7,0-3,1.3-3,3v2H0z"/></g></svg>', @toolbar-icons);
             }
             &.icon-search {
                 width: 22px;
                 height: 22px;
-                .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{navBarIconColor}"><g><path d="M19.5,16.8L16,13.3c0.7-1.1,1.1-2.4,1.1-3.8C17,5.4,13.6,2,9.5,2S2,5.4,2,9.5S5.4,17,9.5,17c1.4,0,2.7-0.4,3.8-1.1l3.5,3.5c0.7,0.7,1.9,0.7,2.6,0C20.2,18.7,20.2,17.6,19.5,16.8z M9.5,15.3c-3.2,0-5.8-2.6-5.8-5.8s2.6-5.8,5.8-5.8s5.8,2.6,5.8,5.8S12.7,15.3,9.5,15.3z"/></g></svg>');
+                .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{toolbar-icons}"><g><path d="M19.5,16.8L16,13.3c0.7-1.1,1.1-2.4,1.1-3.8C17,5.4,13.6,2,9.5,2S2,5.4,2,9.5S5.4,17,9.5,17c1.4,0,2.7-0.4,3.8-1.1l3.5,3.5c0.7,0.7,1.9,0.7,2.6,0C20.2,18.7,20.2,17.6,19.5,16.8z M9.5,15.3c-3.2,0-5.8-2.6-5.8-5.8s2.6-5.8,5.8-5.8s5.8,2.6,5.8,5.8S12.7,15.3,9.5,15.3z"/></g></svg>', @toolbar-icons);
             }
             &.icon-burger {
                 width: 22px;
                 height: 22px;
-                .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-8 1 22 22" fill="@{navBarIconColor}"><g><path d="M-6,6v2h18V6H-6z M-6,13h18v-2H-6V13z M-6,18h18v-2H-6V18z"/></g></svg>');
+                .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-8 1 22 22" fill="@{toolbar-icons}"><g><path d="M-6,6v2h18V6H-6z M-6,13h18v-2H-6V13z M-6,18h18v-2H-6V18z"/></g></svg>', @toolbar-icons);
             }
             &.icon-plus {
                 width: 22px;
                 height: 22px;
-                .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{navBarIconColor}"><g><path d="M21,12h-9v9h-2v-9H1v-2h9V1h2v9h9V12z"/></g></svg>');
+                .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{toolbar-icons}"><g><path d="M21,12h-9v9h-2v-9H1v-2h9V1h2v9h9V12z"/></g></svg>', @toolbar-icons);
             }
             &.icon-settings {
                 width: 22px;
                 height: 22px;
-                .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{navBarIconColor}"><g><path d="M12.1,2H9.9C9.6,2,9.4,2.2,9.3,2.5L8.8,4.9c0,0.2-0.2,0.3-0.3,0.3s-0.1,0-0.2-0.1L6.2,3.8C6.1,3.7,6,3.7,5.8,3.7c-0.1,0-0.3,0-0.4,0.1L3.8,5.4c-0.1,0.2-0.2,0.5,0,0.8l1.3,2.1c0.1,0.2,0.1,0.4-0.2,0.5L2.5,9.3C2.2,9.4,2,9.6,2,9.9v2.2c0,0.3,0.2,0.5,0.5,0.6l2.4,0.5c0.3,0.1,0.4,0.3,0.2,0.5l-1.3,2.1c-0.2,0.2-0.1,0.6,0.1,0.8l1.6,1.6c0.1,0.1,0.3,0.2,0.4,0.2s0.2,0,0.3-0.1L8.3,17c0.1-0.1,0.1-0.1,0.2-0.1s0.3,0.1,0.3,0.3l0.5,2.3C9.4,19.8,9.6,20,9.9,20h2.2c0.3,0,0.5-0.2,0.6-0.5l0.5-2.4c0-0.2,0.1-0.3,0.3-0.3c0.1,0,0.1,0,0.2,0.1l2.1,1.3c0.1,0.1,0.2,0.1,0.3,0.1c0.2,0,0.3-0.1,0.4-0.2l1.6-1.6c0.2-0.2,0.2-0.5,0.1-0.8l-1.3-2.1c-0.2-0.2-0.1-0.5,0.2-0.5l2.4-0.5c0.3-0.1,0.5-0.3,0.5-0.6V9.8c0-0.3-0.2-0.5-0.5-0.6l-2.4-0.5c-0.3-0.1-0.4-0.3-0.2-0.5l1.3-2.1c0.2-0.2,0.1-0.6-0.1-0.8l-1.6-1.6c-0.1-0.1-0.3-0.2-0.4-0.2s-0.2,0-0.3,0.1l-2.1,1.3C13.6,5,13.6,5,13.5,5s-0.3-0.1-0.3-0.3l-0.5-2.2C12.6,2.2,12.4,2,12.1,2L12.1,2z M11,14.5c-1.9,0-3.5-1.6-3.5-3.5S9.1,7.5,11,7.5s3.5,1.6,3.5,3.5S12.9,14.5,11,14.5L11,14.5z"/></g></svg>');
+                .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{toolbar-icons}"><g><path d="M12.1,2H9.9C9.6,2,9.4,2.2,9.3,2.5L8.8,4.9c0,0.2-0.2,0.3-0.3,0.3s-0.1,0-0.2-0.1L6.2,3.8C6.1,3.7,6,3.7,5.8,3.7c-0.1,0-0.3,0-0.4,0.1L3.8,5.4c-0.1,0.2-0.2,0.5,0,0.8l1.3,2.1c0.1,0.2,0.1,0.4-0.2,0.5L2.5,9.3C2.2,9.4,2,9.6,2,9.9v2.2c0,0.3,0.2,0.5,0.5,0.6l2.4,0.5c0.3,0.1,0.4,0.3,0.2,0.5l-1.3,2.1c-0.2,0.2-0.1,0.6,0.1,0.8l1.6,1.6c0.1,0.1,0.3,0.2,0.4,0.2s0.2,0,0.3-0.1L8.3,17c0.1-0.1,0.1-0.1,0.2-0.1s0.3,0.1,0.3,0.3l0.5,2.3C9.4,19.8,9.6,20,9.9,20h2.2c0.3,0,0.5-0.2,0.6-0.5l0.5-2.4c0-0.2,0.1-0.3,0.3-0.3c0.1,0,0.1,0,0.2,0.1l2.1,1.3c0.1,0.1,0.2,0.1,0.3,0.1c0.2,0,0.3-0.1,0.4-0.2l1.6-1.6c0.2-0.2,0.2-0.5,0.1-0.8l-1.3-2.1c-0.2-0.2-0.1-0.5,0.2-0.5l2.4-0.5c0.3-0.1,0.5-0.3,0.5-0.6V9.8c0-0.3-0.2-0.5-0.5-0.6l-2.4-0.5c-0.3-0.1-0.4-0.3-0.2-0.5l1.3-2.1c0.2-0.2,0.1-0.6-0.1-0.8l-1.6-1.6c-0.1-0.1-0.3-0.2-0.4-0.2s-0.2,0-0.3,0.1l-2.1,1.3C13.6,5,13.6,5,13.5,5s-0.3-0.1-0.3-0.3l-0.5-2.2C12.6,2.2,12.4,2,12.1,2L12.1,2z M11,14.5c-1.9,0-3.5-1.6-3.5-3.5S9.1,7.5,11,7.5s3.5,1.6,3.5,3.5S12.9,14.5,11,14.5L11,14.5z"/></g></svg>', @toolbar-icons);
             }
             &.icon-prev {
                 width: 20px;
                 height: 20px;
-                .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{navBarIconColor}"><g><polygon points="5.1,10.9 13.9,2 16,4.1 9.2,11.1 16,17.9 13.9,20 5.1,11.2 5,11.1 "/></g></svg>');
+                .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{toolbar-icons}"><g><polygon points="5.1,10.9 13.9,2 16,4.1 9.2,11.1 16,17.9 13.9,20 5.1,11.2 5,11.1 "/></g></svg>', @toolbar-icons);
             }
             &.icon-next {
                 width: 20px;
                 height: 20px;
-                .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{navBarIconColor}"><g><polygon points="16.9,10.9 8.1,2 6,4.1 12.8,11.1 6,17.9 8.1,20 16.9,11.2 17,11.1 "/></g></svg>');
+                .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{toolbar-icons}"><g><polygon points="16.9,10.9 8.1,2 6,4.1 12.8,11.1 6,17.9 8.1,20 16.9,11.2 17,11.1 "/></g></svg>', @toolbar-icons);
             }
             &.icon-expand-down {
                 width: 22px;
                 height: 22px;
-                .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{navBarIconColor}"><g><polygon points="10.9,16.9 2,8.1 4.1,6 11.1,12.8 17.9,6 20,8.1 11.2,16.9 11.1,17 "/></g></svg>');
+                .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{toolbar-icons}"><g><polygon points="10.9,16.9 2,8.1 4.1,6 11.1,12.8 17.9,6 20,8.1 11.2,16.9 11.1,17 "/></g></svg>', @toolbar-icons);
             }
             &.icon-add-chart {
                 width: 24px;
                 height: 24px;
-                .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M22 3H17V21H22V3ZM9.5 9.00012H14.5V21.0001H9.5V9.00012ZM2 13H7V21H2V13Z" fill="@{navBarIconColor}"/></svg>');
+                .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M22 3H17V21H22V3ZM9.5 9.00012H14.5V21.0001H9.5V9.00012ZM2 13H7V21H2V13Z" fill="@{toolbar-icons}"/></svg>', @toolbar-icons);
             }
             &.icon-add-formula {
                 width: 24px;
                 height: 24px;
-                .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4 4H20V9H17V7H8.5L11.5 12.5L8.5 18H17V16H20V21H4V19.5L8 12.5L4 5.5V4Z" fill="@{navBarIconColor}"/></svg>');
+                .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4 4H20V9H17V7H8.5L11.5 12.5L8.5 18H17V16H20V21H4V19.5L8 12.5L4 5.5V4Z" fill="@{toolbar-icons}"/></svg>', @toolbar-icons);
             }
             &.icon-add-shape {
                 width: 24px;
                 height: 24px;
-                .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="16" cy="15" r="7" fill="@{navBarIconColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3 3C2.44772 3 2 3.44772 2 4V17C2 17.5523 2.44772 18 3 18H8.58152C8.20651 17.0736 8 16.0609 8 15C8 10.5817 11.5817 7 16 7C16.6906 7 17.3608 7.08751 18 7.25204V4C18 3.44772 17.5523 3 17 3H3Z" fill="@{navBarIconColor}"/></svg>');
+                .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><circle cx="16" cy="15" r="7" fill="@{toolbar-icons}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3 3C2.44772 3 2 3.44772 2 4V17C2 17.5523 2.44772 18 3 18H8.58152C8.20651 17.0736 8 16.0609 8 15C8 10.5817 11.5817 7 16 7C16.6906 7 17.3608 7.08751 18 7.25204V4C18 3.44772 17.5523 3 17 3H3Z" fill="@{toolbar-icons}"/></svg>', @toolbar-icons);
             }
             &.icon-add-image {
                 width: 24px;
                 height: 24px;
-                .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0)"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.23958 18L8.09375 13.5L10.9062 16.5L14.7604 12L19.7604 18H4.23958ZM21.3229 20.3906C21.7743 19.9844 22 19.5156 22 18.9844V5.01562C22 4.48438 21.7743 4.01562 21.3229 3.60938C20.8715 3.20313 20.3507 3 19.7604 3H4.23958C3.64931 3 3.12847 3.20313 2.67708 3.60938C2.22569 4.01562 2 4.48438 2 5.01562V18.9844C2 19.5156 2.22569 19.9844 2.67708 20.3906C3.12847 20.7969 3.64931 21 4.23958 21H19.7604C20.3507 21 20.8715 20.7969 21.3229 20.3906ZM8 11C9.10457 11 10 10.1046 10 9C10 7.89543 9.10457 7 8 7C6.89543 7 6 7.89543 6 9C6 10.1046 6.89543 11 8 11Z" fill="@{navBarIconColor}"/></g><defs><clipPath id="clip0"><path d="M0.000477791 0H24.0005V24H0.000477791V0Z" fill="transparent"/></clipPath></defs></svg>');
+                .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0)"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.23958 18L8.09375 13.5L10.9062 16.5L14.7604 12L19.7604 18H4.23958ZM21.3229 20.3906C21.7743 19.9844 22 19.5156 22 18.9844V5.01562C22 4.48438 21.7743 4.01562 21.3229 3.60938C20.8715 3.20313 20.3507 3 19.7604 3H4.23958C3.64931 3 3.12847 3.20313 2.67708 3.60938C2.22569 4.01562 2 4.48438 2 5.01562V18.9844C2 19.5156 2.22569 19.9844 2.67708 20.3906C3.12847 20.7969 3.64931 21 4.23958 21H19.7604C20.3507 21 20.8715 20.7969 21.3229 20.3906ZM8 11C9.10457 11 10 10.1046 10 9C10 7.89543 9.10457 7 8 7C6.89543 7 6 7.89543 6 9C6 10.1046 6.89543 11 8 11Z" fill="@{toolbar-icons}"/></g><defs><clipPath id="clip0"><path d="M0.000477791 0H24.0005V24H0.000477791V0Z" fill="transparent"/></clipPath></defs></svg>', @toolbar-icons);
             }
             &.icon-add-other {
                 width: 24px;
                 height: 24px;
-                .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 12C7 13.6569 5.65685 15 4 15C2.34315 15 1 13.6569 1 12C1 10.3431 2.34315 9 4 9C5.65685 9 7 10.3431 7 12ZM15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12ZM20 15C21.6569 15 23 13.6569 23 12C23 10.3431 21.6569 9 20 9C18.3431 9 17 10.3431 17 12C17 13.6569 18.3431 15 20 15Z" fill="@{navBarIconColor}"/></svg>');
+                .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 12C7 13.6569 5.65685 15 4 15C2.34315 15 1 13.6569 1 12C1 10.3431 2.34315 9 4 9C5.65685 9 7 10.3431 7 12ZM15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12ZM20 15C21.6569 15 23 13.6569 23 12C23 10.3431 21.6569 9 20 9C18.3431 9 17 10.3431 17 12C17 13.6569 18.3431 15 20 15Z" fill="@{toolbar-icons}"/></svg>', @toolbar-icons);
             }
             &.icon-close-comment {
                 width: 24px;
                 height: 24px;
-                .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.9844 6.42188L13.4062 12L18.9844 17.5781L17.5781 18.9844L12 13.4062L6.42188 18.9844L5.01562 17.5781L10.5938 12L5.01562 6.42188L6.42188 5.01562L12 10.5938L17.5781 5.01562L18.9844 6.42188Z" fill="@{navBarIconColor}"/></svg>');
+                .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M18.9844 6.42188L13.4062 12L18.9844 17.5781L17.5781 18.9844L12 13.4062L6.42188 18.9844L5.01562 17.5781L10.5938 12L5.01562 6.42188L6.42188 5.01562L12 10.5938L17.5781 5.01562L18.9844 6.42188Z" fill="@{toolbar-icons}"/></svg>', @toolbar-icons);
             }
         }
     }
diff --git a/apps/spreadsheeteditor/mobile/src/less/statusbar.less b/apps/spreadsheeteditor/mobile/src/less/statusbar.less
index 40fe15ce9..2daf9242a 100644
--- a/apps/spreadsheeteditor/mobile/src/less/statusbar.less
+++ b/apps/spreadsheeteditor/mobile/src/less/statusbar.less
@@ -2,10 +2,10 @@
 @fontColor: #000;
 
 .statusbar {
-    .hairline(top, @border-regular-control);
+    .hairline(top, @background-menu-divider);
     height: @statusbar-height;
     min-height: @statusbar-height;
-    background-color: @background-normal;
+    background-color: @background-tertiary;
     display: flex;
 
     .tab {
@@ -21,7 +21,7 @@
         height: 100%;
         position: relative;
 
-        .hairline(right, @border-regular-control);
+        .hairline(right, @background-menu-divider);
     }
 
     .statusbar--box-tabs {
@@ -65,9 +65,10 @@
         width: 22px;
         height: 22px;
         &.icon-plus {
-            @source: '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22"><g><path d="M22,12H12v10h-1V12H1v-1h10V1h1v10h10V12z"/></g></svg>';
-            .encoded-svg-mask(@source, @fontColor);
-            background-image: none;
+            // @source: '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22"><g><path d="M22,12H12v10h-1V12H1v-1h10V1h1v10h10V12z"/></g></svg>';
+            // .encoded-svg-mask(@source, @fontColor);
+            // background-image: none;
+            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22"><g><path d="M22,12H12v10h-1V12H1v-1h10V1h1v10h10V12z"/></g></svg>')
         }
     }
 }
diff --git a/apps/spreadsheeteditor/mobile/src/page/app.jsx b/apps/spreadsheeteditor/mobile/src/page/app.jsx
index 2bf443815..44da854e1 100644
--- a/apps/spreadsheeteditor/mobile/src/page/app.jsx
+++ b/apps/spreadsheeteditor/mobile/src/page/app.jsx
@@ -35,7 +35,7 @@ export default class extends React.Component {
 
     render() {
         return (
-            <App { ...f7params } >
+            <App { ...f7params } className={'app-layout'}>
                 {/* Your main view, should have "view-main" class */}
                 <View main className="safe-areas" url="/" />
                 <MainController />
diff --git a/apps/spreadsheeteditor/mobile/src/view/settings/ApplicationSettings.jsx b/apps/spreadsheeteditor/mobile/src/view/settings/ApplicationSettings.jsx
index 207607719..52e08bb5d 100644
--- a/apps/spreadsheeteditor/mobile/src/view/settings/ApplicationSettings.jsx
+++ b/apps/spreadsheeteditor/mobile/src/view/settings/ApplicationSettings.jsx
@@ -1,7 +1,8 @@
-import React, {Fragment} from "react";
+import React, {Fragment, useState} from "react";
 import { observer, inject } from "mobx-react";
 import { Page, Navbar, List, ListItem, BlockTitle, Toggle, Icon } from "framework7-react";
 import { useTranslation } from "react-i18next";
+import { Themes } from '../../../../../common/mobile/lib/controller/Themes.js';
 
 const PageApplicationSettings = props => {
     const { t } = useTranslation();
@@ -20,6 +21,7 @@ const PageApplicationSettings = props => {
     const isRefStyle = storeApplicationSettings.isRefStyle;
     const isComments = storeApplicationSettings.isComments;
     const isResolvedComments = storeApplicationSettings.isResolvedComments;
+    const [isThemeDark, setIsThemeDark] = useState(Themes.isCurrentDark);
 
     const changeMeasureSettings = value => {
         storeApplicationSettings.changeUnitMeasurement(value);
@@ -92,6 +94,11 @@ const PageApplicationSettings = props => {
                                 }}
                         />
                     </ListItem>
+                    <ListItem title={t('View.Settings.textDarkTheme')}>
+                        <Toggle checked={isThemeDark}
+                            onToggleChange={toggle => {Themes.switchDarkTheme(!toggle), setIsThemeDark(!toggle)}}>
+                        </Toggle>
+                    </ListItem>
                 </List>
             {/* } */}
             {/* {_isShowMacros && */}