diff --git a/docs/_sass/_colors.scss b/docs/_sass/_colors.scss
index f0c89d31c580..1f5c43ac7ae2 100644
--- a/docs/_sass/_colors.scss
+++ b/docs/_sass/_colors.scss
@@ -1,36 +1,41 @@
-// Product Color Spectrum
-$color-product-dark-100: #061B09;
-$color-product-dark-200: #072419;
-$color-product-dark-300: #0A2E25;
-$color-product-dark-400: #1A3D32;
-$color-product-dark-500: #224F41;
-$color-product-dark-600: #2A604F;
-$color-product-dark-700: #8B9C8F;
-$color-product-dark-800: #AFBBB0;
-$color-product-dark-900: #E7ECE9;
+:root {
+    --color-text: #002e22;
+    --color-button-text: #FCFBF9;
+    --color-text-supporting: #76847e;
+    --color-icons: #a2a9a3;
+    --color-borders: #e6e1da;
+    --color-highlightBG: #f8f4f0;
+    --color-row-hover: #f2ede7;
+    --color-appBG: #fcfbf9;
+    --color-success: #03d47c;
+    --color-accent: #03d47c;
+    --color-link: #0164BF;
+    --color-link-hovered: #0676DE;
+    --color-button-background: #e6e1da;
+    --color-button-background-hover: #d8d1c7;
+    --color-button-success-background: #03d47c;
+    --color-button-success-background-hover: #00a862;
+    --color-overlay: rgba(235, 230, 223, 0.72);
+}
 
-// Colors for Links and Success
-$color-blue200: #B0D9FF;
-$color-blue300: #5AB0FF;
-$color-green400: #03D47C;
-$color-green500: #00a862;
-
-// Overlay BG color
-$color-overlay-background: rgba(26, 61, 50, 0.72);
-
-// UI Colors
-$color-text: $color-product-dark-900;
-$color-text-supporting: $color-product-dark-800;
-$color-icons: $color-product-dark-700;
-$color-borders: $color-product-dark-400;
-$color-highlightBG: $color-product-dark-200;
-$color-row-hover: $color-product-dark-300;
-$color-appBG: $color-product-dark-100;
-$color-success: $color-green400;
-$color-accent : $color-green400;
-$color-link: $color-blue300;
-$color-link-hovered: $color-blue200;
-$color-button-background: $color-product-dark-400;
-$color-button-background-hover: $color-product-dark-500;
-$color-button-success-background: $color-green400;
-$color-button-success-background-hover: $color-green500;
+@media (prefers-color-scheme: dark) {
+    :root {
+        --color-text: #e7ece9;
+        --color-button-text: #E7ECE9;
+        --color-text-supporting: #afbbb0;
+        --color-icons: #8b9c8f;
+        --color-borders: #1a3d32;
+        --color-highlightBG: #072419;
+        --color-row-hover: #0a2e25;
+        --color-appBG: #061b09;
+        --color-success: #03d47c;
+        --color-accent: #03d47c;
+        --color-link: #5ab0ff;
+        --color-link-hovered: #8DC8FF;
+        --color-button-background: #1a3d32;
+        --color-button-background-hover: #224f41;
+        --color-button-success-background: #03d47c;
+        --color-button-success-background-hover: #00a862;
+        --color-overlay: rgba(26, 61, 50, 0.72);
+    }
+}
diff --git a/docs/_sass/_main.scss b/docs/_sass/_main.scss
index ec0f76801bc7..ae19775d75df 100644
--- a/docs/_sass/_main.scss
+++ b/docs/_sass/_main.scss
@@ -62,12 +62,12 @@ html,
 body {
     height: 100%;
     min-height: 100%;
-    background: $color-appBG;
-    color: $color-text-supporting;
+    background: var(--color-appBG);
+    color: var(--color-text-supporting);
 }
 
 hr {
-    background: $color-borders;
+    background: var(--color-borders);
     border: none;
     display: inline-block;
     width: 24px;
@@ -84,7 +84,7 @@ em {
 }
 
 a {
-    color: $color-link;
+    color: var(--color-link);
     text-decoration: none;
 
     img {
@@ -97,9 +97,9 @@ h2,
 h3,
 h4,
 h5,
-h6, 
+h6,
 summary {
-    color: $color-text;
+    color: var(--color-text);
     font-weight: bold;
     padding-bottom: 12px;
 }
@@ -116,22 +116,22 @@ h6 {
     font-size: 1.5em;
 }
 
-details summary { 
+details summary {
     cursor: pointer;
     user-select: none;
 }
 
 details > summary {
-    list-style-image: url("/assets/images/arrow-right.svg");
+    list-style-image: url('/assets/images/arrow-right.svg');
 }
 
 details[open] > summary {
-    list-style-image: url("/assets/images/down.svg");
+    list-style-image: url('/assets/images/down.svg');
 }
 
-h1, 
+h1,
 summary {
-    font-family: "ExpensifyNewKansas", "Helvetica Neue", "Helvetica", Arial, sans-serif;
+    font-family: 'ExpensifyNewKansas', 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
     font-weight: 500;
     font-size: larger;
 }
@@ -151,28 +151,28 @@ select,
 textarea {
     line-height: 1.4;
     font-weight: 400;
-    font-family: "ExpensifyNeue", "Helvetica Neue", "Helvetica", Arial, sans-serif;
+    font-family: 'ExpensifyNeue', 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
     font-size: 16px;
-    color: $color-text-supporting;
+    color: var(--color-text-supporting);
 }
 
 button {
     border-radius: 12px;
     padding: 12px;
-    font-family: "ExpensifyNeue", "Helvetica Neue", "Helvetica", Arial, sans-serif;
+    font-family: 'ExpensifyNeue', 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
     font-size: 15px;
     font-weight: bold;
 
     &.success {
-        background-color: $color-button-success-background;
-        color: $color-text;
+        background-color: var(--color-button-success-background);
+        color: var(--color-button-text);
         width: 100%;
         border-radius: 100px;
         padding-left: 20px;
         padding-right: 20px;
 
         &:hover {
-            background-color: $color-button-success-background-hover;
+            background-color: var(--color-button-success-background-hover);
             cursor: pointer;
         }
 
@@ -205,9 +205,9 @@ button {
 
 #lhn {
     position: fixed;
-    background-color: $color-highlightBG;
+    background-color: var(--color-highlightBG);
     box-sizing: border-box;
-    border-right-color: $color-borders;
+    border-right-color: var(--color-borders);
     border-right-width: 1px;
     border-style: solid;
     width: 100%;
@@ -230,7 +230,6 @@ button {
         list-style: none;
     }
 
-
     #lhn-content {
         overflow: auto;
         display: none;
@@ -253,7 +252,6 @@ button {
             &::-webkit-scrollbar {
                 display: none;
             }
-
         }
 
         &.expanded {
@@ -307,7 +305,7 @@ button {
 
     .selected {
         font-weight: bold;
-        color: $color-text;
+        color: var(--color-text);
     }
 
     .hide {
@@ -338,7 +336,7 @@ button {
         margin-left: 420px;
         /* On wide screens, the padding needs to be equal to
         the view width, minus the content size, minus the lhn size, divided by two. */
-        padding: 52px calc((100vw - 1000px - 420px)/2) 0 calc((100vw - 1000px - 420px)/2);
+        padding: 52px calc((100vw - 1000px - 420px) / 2) 0 calc((100vw - 1000px - 420px) / 2);
     }
 
     ul,
@@ -383,7 +381,7 @@ button {
             // Box shadow is used here because border-radius and border-collapse don't work together. It leads to double borders.
             // https://stackoverflow.com/questions/628301/the-border-radius-property-and-border-collapsecollapse-dont-mix-how-can-i-use
             border-style: hidden;
-            box-shadow: 0 0 0 1px $color-borders;
+            box-shadow: 0 0 0 1px var(--color-borders);
         }
 
         th:first-child {
@@ -405,12 +403,12 @@ button {
         th,
         td {
             padding: 6px 13px;
-            border: 1px solid $color-borders;
+            border: 1px solid var(--color-borders);
         }
 
         thead tr th {
             font-weight: bold;
-            background-color: $color-highlightBG;
+            background-color: var(--color-highlightBG);
         }
 
         .img-wrap {
@@ -419,7 +417,8 @@ button {
             flex-wrap: wrap;
         }
 
-        h1, summary {
+        h1,
+        summary {
             font-size: 1.5em;
             padding: 20px 0 12px 0;
         }
@@ -427,12 +426,12 @@ button {
         h2 {
             font-size: 1.125em;
             font-weight: 500;
-            font-family: "ExpensifyNewKansas", "Helvetica Neue", "Helvetica", Arial, sans-serif;
+            font-family: 'ExpensifyNewKansas', 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
         }
 
         h3 {
             font-size: 1em;
-            font-family: "ExpensifyNeue", "Helvetica Neue", "Helvetica", Arial, sans-serif;
+            font-family: 'ExpensifyNeue', 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
         }
 
         h2,
@@ -446,25 +445,25 @@ button {
             margin-bottom: 20px;
             padding-top: 20px;
             padding-left: 5%;
-            border-left: 5px solid #1B5744;
+            border-left: 5px solid var(--color-button-background-hover);
 
             em:before {
-                content: "\“\a";
+                content: '\“\a';
                 white-space: pre;
                 font-size: 60px;
                 line-height: 1em;
-                color: #03d47c;
+                color: var(--color-accent);
             }
 
             p:first-child {
                 font-size: large;
-                font-family: "ExpensifyNewKansas", "Helvetica Neue", "Helvetica", Arial, sans-serif;
+                font-family: 'ExpensifyNewKansas', 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
                 opacity: 0.8;
             }
         }
 
         .selector-container {
-            background-color: $color-highlightBG;
+            background-color: var(--color-highlightBG);
             display: flex;
             flex-direction: row-reverse;
             gap: 20px;
@@ -472,7 +471,8 @@ button {
             padding: 20px;
             margin-bottom: 20px;
             justify-content: space-between;
-            * > ol, ul {
+            * > ol,
+            ul {
                 padding: 0;
             }
 
@@ -485,7 +485,7 @@ button {
             height: 28px;
             border-radius: 20px;
             padding: 0px 26px 0px 12px;
-            color: $color-text;
+            color: var(--color-text);
             font-size: 11px;
             font-weight: 700;
             text-align: center;
@@ -494,11 +494,10 @@ button {
             @include maxBreakpoint($breakpoint-tablet) {
                 width: 100px;
             }
-
         }
 
         select {
-            background: url("/assets/images/down.svg") no-repeat right $color-button-background;
+            background: url('/assets/images/down.svg') no-repeat right var(--color-button-background);
             background-size: 12px;
             background-position-x: 85%;
             appearance: none !important;
@@ -510,12 +509,12 @@ button {
             padding: 12px;
             margin-bottom: 20px;
             border-radius: 8px;
-            background-color: $color-highlightBG;
-            color: $color-text;
+            background-color: var(--color-highlightBG);
+            color: var(--color-text);
             display: flex;
             gap: 12px;
             align-items: center;
-        
+
             img {
                 height: 16px;
                 width: 16px;
@@ -527,21 +526,19 @@ button {
             }
         }
     }
-
 }
 
 .link {
     display: inline;
-    color: $color-text-supporting;
+    color: var(--color-text-supporting);
     cursor: pointer;
 
     &:hover {
-        color: $color-link;
+        color: var(--color-link);
     }
 }
 
 .lhn-items {
-
     ol,
     ul {
         padding-left: 32px;
@@ -565,7 +562,7 @@ button {
 
     .selected-article {
         font-weight: bold;
-        color: $color-text;
+        color: var(--color-text);
     }
 
     .home-link {
@@ -585,7 +582,6 @@ button {
     }
 }
 
-
 .platform-cards-group {
     @extend .cards-group;
 
@@ -601,16 +597,16 @@ button {
     padding: 28px;
     font-weight: 700;
     cursor: pointer;
-    color: $color-text;
-    background-color: $color-highlightBG;
+    color: var(--color-text);
+    background-color: var(--color-highlightBG);
 
     &:hover {
-        background-color: $color-row-hover;
+        background-color: var(--color-row-hover);
     }
 
     .row {
         display: flex;
-        flex-basis:100%;
+        flex-basis: 100%;
     }
 
     .body {
@@ -621,7 +617,7 @@ button {
     }
 
     h3.title {
-        font-family: "ExpensifyNewKansas", "Helvetica Neue", "Helvetica", Arial, sans-serif;
+        font-family: 'ExpensifyNewKansas', 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
     }
 
     h3.title,
@@ -704,14 +700,14 @@ button {
     }
 
     p.description {
-        color: $color-text-supporting;
+        color: var(--color-text-supporting);
         padding: 20px 0 20px 0;
     }
 
     p.url {
         padding: 0;
         font-size: 0.8em;
-        color: $color-text-supporting;
+        color: var(--color-text-supporting);
     }
 }
 
@@ -733,7 +729,7 @@ button {
 
     p.description {
         padding: 0;
-        color: $color-text-supporting;
+        color: var(--color-text-supporting);
 
         &.with-min-height {
             min-height: 68px;
@@ -760,7 +756,7 @@ button {
             padding-top: 0px;
         }
     }
-    h2  {
+    h2 {
         padding-bottom: 24px;
     }
     p {
@@ -818,8 +814,8 @@ button {
     }
 
     h3 {
-        color: $color-success;
-        font-family: "ExpensifyNewKansas", "Helvetica Neue", "Helvetica", Arial, sans-serif;
+        color: var(--color-success);
+        font-family: 'ExpensifyNewKansas', 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
         font-size: 17px;
         font-weight: 500;
         padding: 0;
@@ -836,13 +832,13 @@ button {
             margin: 0 0 8px;
 
             a {
-                color: $color-text-supporting;
+                color: var(--color-text-supporting);
                 display: block;
                 padding: 4px 0;
                 word-break: break-word;
 
                 &:hover {
-                    color: $color-link;
+                    color: var(--color-link);
                 }
             }
         }
@@ -852,21 +848,21 @@ button {
         padding-bottom: 20px;
 
         a {
-            color: $color-text-supporting;
+            color: var(--color-text-supporting);
             display: inline-block;
 
             &:hover {
-                color: $color-link;
+                color: var(--color-link);
             }
         }
     }
 
     &__fine-print {
-        color: $color-text-supporting;
+        color: var(--color-text-supporting);
         font-size: 10px;
 
         a {
-            color: $color-link;
+            color: var(--color-link);
         }
     }
 
@@ -945,8 +941,8 @@ button {
 }
 
 #platform-tabs > .active {
-    color: $color-text;
-    background-color: $color-button-background;
+    color: var(--color-button-text);
+    background-color: var(--color-button-success-background);
 }
 
 .hidden {
diff --git a/docs/_sass/_search-bar.scss b/docs/_sass/_search-bar.scss
index f414d25fc266..e26763d98c09 100644
--- a/docs/_sass/_search-bar.scss
+++ b/docs/_sass/_search-bar.scss
@@ -6,8 +6,12 @@
     margin: auto 0px;
 }
 
+.gsc-input-box {
+    border: 0 !important;
+}
+
 #sidebar-search {
-    background-color: $color-appBG;
+    background-color: var(--color-appBG);
     width: 375px;
     position: fixed;
     display: flex;
@@ -61,13 +65,13 @@
 
     /* Full width (cover the whole page) */
     height: 100%;
-    
+
     /* Full height (cover the whole page) */
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
-    background-color: $color-overlay-background;
+    background-color: var(--color-overlay);
     z-index: 1;
 }
 
@@ -79,22 +83,22 @@
 
 /* This input is in #___gcse_0 search bar */
 input#gsc-i-id1.gsc-input {
-    background-color: $color-appBG;
+    background-color: var(--color-appBG) !important;
     padding: 15px 0px 0px !important;
     pointer-events: auto;
-    color: #E7ECE9;
-    font-family: "ExpensifyNeue", "Segoe UI Emoji", "Noto Color Emoji" !important;
+    color: var(--color-text) !important;
+    font-family: 'ExpensifyNeue', 'Segoe UI Emoji', 'Noto Color Emoji' !important;
 }
 
 /* These below #gsc-iw-id1, .gsc-input-box & .gsib_a are inner wrapper of search bar input */
 #gsc-iw-id1 {
-    background-color: $color-appBG;
-    border-bottom: $color-borders 2px solid;
+    background-color: var(--color-appBG);
+    border-bottom: var(--color-borders) 2px solid !important;
     border-bottom-left-radius: 0px;
     pointer-events: none;
 
     &:focus-within {
-        border-bottom: $color-accent 2px solid;
+        border-bottom: var(--color-accent) 2px solid !important;
     }
 }
 
@@ -106,33 +110,33 @@ input#gsc-i-id1.gsc-input {
     margin-left: auto;
 }
 
-.gsst_b, .gsst_a {
+.gsst_b,
+.gsst_a {
     padding: 0px !important;
 }
 /* This is the close icon on search bar */
 .gsib_b .gsst_a .gscb_a {
-    color: $color-icons;
+    color: var(--color-icons);
     padding: 8px 6px 0px 6px !important;
     pointer-events: auto;
 
     &:hover {
-        color: $color-text;
+        color: var(--color-text);
     }
 }
 
 /* This is to manage hover on parent close icon and make it the same effect on close icon */
 .gsst_a:hover {
-
     .gscb_a {
-        color: $color-text !important;
+        color: var(--color-text) !important;
     }
 }
 
 /* Manage Google Search label animation */
-input#gsc-i-id1:focus+label.search-label,
-input#gsc-i-id1:valid+label.search-label,
-input#gsc-i-id1:active+label.search-label {
-    transform: translateY(-100%) scale(0.80);
+input#gsc-i-id1:focus + label.search-label,
+input#gsc-i-id1:valid + label.search-label,
+input#gsc-i-id1:active + label.search-label {
+    transform: translateY(-100%) scale(0.8);
 }
 
 label.search-label {
@@ -140,11 +144,11 @@ label.search-label {
     position: absolute;
     margin-top: -20px;
     font-size: 15px;
-    font-family: "ExpensifyNeue", "Segoe UI Emoji", "Noto Color Emoji";
+    font-family: 'ExpensifyNeue', 'Segoe UI Emoji', 'Noto Color Emoji';
     transform: translateY(-50%);
     left: 20px;
     pointer-events: none;
-    color: $color-text-supporting;
+    color: var(--color-text-supporting);
     transform-origin: left top;
     user-select: none;
     transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1), top 500ms;
@@ -160,9 +164,14 @@ label.search-label {
 }
 
 .gsc-control-cse {
-    background-color: $color-appBG;
-    border: $color-appBG;
-    font-family: "ExpensifyNeue", "Helvetica Neue", "Helvetica", Arial, sans-serif !important;
+    background-color: var(--color-appBG) !important;
+    border: var(--color-appBG) !important;
+    font-family: 'ExpensifyNeue', 'Helvetica Neue', 'Helvetica', Arial, sans-serif !important;
+}
+
+.gsc-webResult.gsc-result {
+    border-color: var(--color-appBG) !important;
+    background-color: var(--color-appBG) !important;
 }
 
 /* Hide the scrollbar */
@@ -180,18 +189,20 @@ label.search-label {
     margin-left: 15px;
     margin-right: 20px;
     border-radius: 25px;
-    background-color: $color-button-success-background;
+    background-color: var(--color-button-success-background);
+    border-color: var(--color-appBG) !important;
     cursor: pointer;
     width: 40px;
     height: 40px;
 }
 
-.gsc-search-button.gsc-search-button-v2:hover {
-    background-color: $color-button-success-background-hover;
+.gsc-search-button.gsc-search-button-v2:hover,
+.gsc-search-button.gsc-search-button-v2:focus {
+    background-color: var(--color-button-success-background-hover);
 }
 
 .gsc-search-button.gsc-search-button-v2 svg {
-    fill: $color-text;
+    fill: var(--color-button-text);
     height: auto;
     width: auto;
 }
@@ -205,21 +216,20 @@ label.search-label {
     border-bottom: none;
 }
 
-
 /* Change Font the Google Search result */
 .gsc-control-cse .gsc-table-result {
-    font-family: "ExpensifyNeue", "Helvetica Neue", "Helvetica", Arial, sans-serif !important;
+    font-family: 'ExpensifyNeue', 'Helvetica Neue', 'Helvetica', Arial, sans-serif !important;
 }
 
 /* Change Font result Paragraph color */
-.gsc-results .gs-webResult:not(.gs-no-results-result):not(.gs-error-result) .gs-snippet, .gs-fileFormatType {
-    color: $color-text-supporting;
+.gsc-results .gs-webResult:not(.gs-no-results-result):not(.gs-error-result) .gs-snippet,
+.gs-fileFormatType {
+    color: var(--color-text-supporting);
 }
 
-
 /* Change the color of the Google Search Suggestion font */
 .gs-spelling.gs-result {
-    color: $color-text;
+    color: var(--color-text);
 }
 
 /* Pagination related style */
@@ -234,37 +244,36 @@ label.search-label {
     border-radius: 25px;
     display: inline-block;
     line-height: 2.5;
-    background-color: $color-accent;
+    background-color: var(--color-accent);
     font-weight: bold;
     font-size: 11px;
 }
 
-
 /* Change the color & background of Google Search Pagination */
 .gsc-cursor-next-page,
 .gsc-cursor-final-page {
-    color: $color-text;
-    background-color: $color-appBG;
+    color: var(--color-text);
+    background-color: var(--color-appBG);
 }
 
 /* Change the color & background of Google Search Current Page */
 .gsc-resultsbox-visible .gsc-results .gsc-cursor-box .gsc-cursor-page.gsc-cursor-current-page {
-    background-color: $color-accent;
-    color: $color-text;
+    background-color: var(--color-accent);
+    color: var(--color-text);
 
     &:hover {
         text-decoration: none;
-        background-color: $color-accent;
+        background-color: var(--color-accent);
     }
 }
 
 /* Change the color & background of Google Search of Other Page */
 .gsc-resultsbox-visible .gsc-results .gsc-cursor-box .gsc-cursor-page {
-    background-color: $color-button-background;
-    color: $color-text;
+    background-color: var(--color-button-background);
+    color: var(--color-text);
 
     &:hover {
-        background-color: $color-button-background-hover;
+        background-color: var(--color-button-background-hover);
         text-decoration: none;
     }
 }
diff --git a/docs/assets/images/expensify-help.svg b/docs/assets/images/expensify-help.svg
index 0655b947a27f..74fc63ffae96 100644
--- a/docs/assets/images/expensify-help.svg
+++ b/docs/assets/images/expensify-help.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Layer_1" x="0" y="0" version="1.1" viewBox="0 0 189 30" style="enable-background:new 0 0 189 30" xml:space="preserve"><style type="text/css">.st0{fill:#fffaf0}.st1{fill:#03d47c}</style><g><g><path d="M0,23.1h13.9V19H5.1v-3.8h7.1V11H5.1V7.4h8.8V3.3H0V23.1z" class="st0"/><path d="M31.1,7.7H25l-2,3.7l-2.1-3.7h-6.3l5.1,7.5l-5.5,8h6.1l2.4-4.1l2.4,4.1h6.3l-5.5-8L31.1,7.7z" class="st0"/><path d="M40.8,7.3L40.8,7.3c-1.7,0-3.2,0.7-4.2,2V7.7h-4.7v22h5v-7.7c0.9,0.9,2.3,1.5,3.9,1.5c4.1,0,6.9-3.1,6.9-8.1 C47.7,10.5,45,7.3,40.8,7.3L40.8,7.3z M39.7,19.4c-1.9,0-3-1.5-3-4s1.1-4,3-4c1.9,0,3,1.4,3,4S41.5,19.4,39.7,19.4z" class="st0"/><path d="M56.4,19.6c-1.5,0-2.7-0.9-3-3.1h10.6v-0.7c0-4.8-2.7-8.5-7.9-8.5c-3.7,0-7.9,2-7.9,8.1 c0,4.9,3.2,8.1,8.1,8.1c2.9,0,6.6-1.1,7.7-5.6h-5.1C58.9,18.7,58.2,19.6,56.4,19.6L56.4,19.6z M56.2,11c1.4,0,2.4,0.8,2.6,2.6 h-5.2C54,11.6,55,11,56.2,11L56.2,11z" class="st0"/><path d="M73.9,7.3c-1.7,0-3.2,0.8-4.2,2.2V7.7h-4.7v15.4h5v-8.6c0-2.1,1.1-3,2.4-3c1.5,0,2.3,0.6,2.3,3v8.6h5v-9 C79.7,9.2,77.7,7.3,73.9,7.3L73.9,7.3z" class="st0"/><path d="M97.9,0.7c-1.5,0-2.6,1.1-2.6,2.6c0,1.4,1.1,2.6,2.6,2.6c1.5,0,2.6-1.2,2.6-2.6C100.5,1.8,99.5,0.7,97.9,0.7z" class="st0"/><path d="M100.4,7.7h-5v15.4h5V7.7z" class="st0"/><path d="M88.9,13.5l-1.2-0.3c-1.3-0.3-1.8-0.9-1.8-1.4c0-0.8,0.7-1.4,1.9-1.4c1.5,0,2.2,0.5,2.2,1.9h4.3 c-0.1-3.2-2-5.1-6.8-5.1c-4.1,0-6.6,1.5-6.6,5c0,2.7,1.8,3.9,6,4.9l1.2,0.3c1.3,0.3,1.8,0.9,1.8,1.5c0,0.8-0.8,1.2-2.1,1.2 c-1.7,0-2.5-0.6-2.7-2h-4.9c0.3,3.7,2.9,5.6,7.4,5.6c4.5,0,7.2-1.7,7.2-5.1C94.9,15.7,93.1,14.4,88.9,13.5L88.9,13.5z" class="st0"/><path d="M119.9,7.7L119.9,7.7l-2.8,9.4l-2.7-9.4h-6.5V7.2c0-1.3,0.9-2.5,2.4-2.5h0.7V0.6h-1c-4.3,0.1-7.1,3.1-7.1,6.9 v0.2h-1.9v4.5h1.9v10.8h5V12.3h2.8l3.7,10.4l-0.6,1.6c-0.5,1.2-1,1.5-2,1.5c-0.5,0-1.1,0-1.8-0.2l-0.3,4.1 c0.7,0.2,1.7,0.3,2.9,0.3c3,0,4.5-1.3,6-5.2L125,7.7L119.9,7.7L119.9,7.7z" class="st0"/></g><g><path d="M144.5,23.1c2.7,0,4.3-0.3,4.3-1.1c0-0.7-0.7-0.9-2.1-0.9c-0.4-0.1-0.5-1.5-0.5-3.2V6.9 c0-1.7,0.1-3.1,0.5-3.2c1.5-0.1,2.1-0.3,2.1-0.9c0-0.9-1.6-1.2-4.3-1.2c-2.8,0-4.4,0.3-4.4,1.2c0,0.6,0.7,0.8,2.1,0.9 c0.4,0.1,0.5,1.6,0.5,3.2v3.9c-0.1,0.3-0.3,0.4-1.1,0.4h-8.5c-0.8,0-1-0.1-1.1-0.4V6.9c0-1.7,0.1-3.1,0.5-3.2 c1.5-0.1,2.1-0.3,2.1-0.9c0-0.9-1.6-1.2-4.4-1.2c-2.7,0-4.3,0.3-4.3,1.2c0,0.6,0.7,0.8,2.1,0.9c0.4,0.1,0.4,1.6,0.4,3.2v10.9 c0,1.7-0.1,3.1-0.4,3.2c-1.5,0.1-2.1,0.3-2.1,0.9c0,0.8,1.6,1.1,4.3,1.1c2.8,0,4.4-0.3,4.4-1.1c0-0.7-0.7-0.9-2.1-0.9 c-0.4-0.1-0.5-1.5-0.5-3.2v-4.3c0.1-0.3,0.3-0.4,1.1-0.4h8.5c0.8,0,0.9,0.1,1.1,0.4v4.2c0,1.7-0.1,3.1-0.5,3.2 c-1.5,0.1-2.1,0.3-2.1,0.9C140.1,22.8,141.7,23.1,144.5,23.1z" class="st1"/><path d="M156.3,23.4c2.7,0,4.6-1.2,5.7-2.5c0.7-0.7,1-1.5,1-2c0-0.5-0.2-0.8-0.6-0.8c-0.3,0-0.5,0.2-0.8,0.5 c-0.9,0.9-2.2,1.9-4.3,1.9c-3,0-4.8-2.1-5-5.3h8.8c1.2,0,1.8-0.9,1.8-2.2c0-2.6-2.3-5.2-6.1-5.2c-4.1,0-7.5,3.3-7.5,8.1 C149.3,20.3,152.1,23.4,156.3,23.4z M152.4,13.6c0.4-2.6,2-4.2,4.3-4.2c2.1,0,3.4,1.4,3.4,3c0,0.8-0.5,1.2-1.5,1.2L152.4,13.6z" class="st1"/><path d="M167.6,23.1c2.3,0,3.7-0.3,3.7-1.1c0-0.6-0.6-0.7-1.7-0.8c-0.3-0.1-0.4-1.2-0.4-3.1V7.5 c0-2.1,0.1-3.8,0.1-4.8c0-1.1-0.2-1.6-1-1.6c-0.8,0-3,0.5-4.1,1c-0.4,0.2-0.6,0.4-0.6,0.8c0,0.4,0.4,0.7,2,0.8 c0.4,0.2,0.4,1.9,0.4,3.3V18c0,2.1,0,3-0.4,3.1c-1.1,0.1-1.7,0.2-1.7,0.8C163.9,22.8,165.2,23.1,167.6,23.1z" class="st1"/><path d="M175.7,28.6c2.9,0,4.4-0.2,4.4-1.1c0-0.6-0.6-0.7-2.3-0.9c-0.4-0.2-0.5-1.2-0.5-3.1v-1.9c1,1,2.6,1.7,4.6,1.7 c4.2,0,7.1-3.4,7.1-8.1c0-4.6-2.6-7.5-6.1-7.5c-2.5,0-4.7,1.5-5.6,3.6c0-0.8,0-1.4,0-1.8c0-1.1-0.2-1.6-1-1.6c-0.8,0-3,0.5-4,1 c-0.4,0.2-0.6,0.5-0.6,0.8c0,0.4,0.4,0.7,1.9,0.8c0.4,0.2,0.4,2,0.4,3.2v9.7c0,2.1-0.1,3-0.4,3.1c-1.2,0.1-1.8,0.3-1.8,0.9 C171.9,28.3,173.3,28.6,175.7,28.6z M177.3,16.2c0-4.4,2.2-6.2,4.3-6.2c2.3,0,4,2.2,4,5.9c0,3.6-1.6,5.8-4.2,5.8 C179.1,21.7,177.3,20.2,177.3,16.2z" class="st1"/></g></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Layer_1" x="0" y="0" version="1.1" viewBox="0 0 189 30" style="enable-background:new 0 0 189 30" xml:space="preserve"><style type="text/css">.st0{fill:#002e22}@media(prefers-color-scheme: dark){.st0{fill:#E7ECE9}}.st1{fill:#03d47c}</style><g><g><path d="M0,23.1h13.9V19H5.1v-3.8h7.1V11H5.1V7.4h8.8V3.3H0V23.1z" class="st0"/><path d="M31.1,7.7H25l-2,3.7l-2.1-3.7h-6.3l5.1,7.5l-5.5,8h6.1l2.4-4.1l2.4,4.1h6.3l-5.5-8L31.1,7.7z" class="st0"/><path d="M40.8,7.3L40.8,7.3c-1.7,0-3.2,0.7-4.2,2V7.7h-4.7v22h5v-7.7c0.9,0.9,2.3,1.5,3.9,1.5c4.1,0,6.9-3.1,6.9-8.1 C47.7,10.5,45,7.3,40.8,7.3L40.8,7.3z M39.7,19.4c-1.9,0-3-1.5-3-4s1.1-4,3-4c1.9,0,3,1.4,3,4S41.5,19.4,39.7,19.4z" class="st0"/><path d="M56.4,19.6c-1.5,0-2.7-0.9-3-3.1h10.6v-0.7c0-4.8-2.7-8.5-7.9-8.5c-3.7,0-7.9,2-7.9,8.1 c0,4.9,3.2,8.1,8.1,8.1c2.9,0,6.6-1.1,7.7-5.6h-5.1C58.9,18.7,58.2,19.6,56.4,19.6L56.4,19.6z M56.2,11c1.4,0,2.4,0.8,2.6,2.6 h-5.2C54,11.6,55,11,56.2,11L56.2,11z" class="st0"/><path d="M73.9,7.3c-1.7,0-3.2,0.8-4.2,2.2V7.7h-4.7v15.4h5v-8.6c0-2.1,1.1-3,2.4-3c1.5,0,2.3,0.6,2.3,3v8.6h5v-9 C79.7,9.2,77.7,7.3,73.9,7.3L73.9,7.3z" class="st0"/><path d="M97.9,0.7c-1.5,0-2.6,1.1-2.6,2.6c0,1.4,1.1,2.6,2.6,2.6c1.5,0,2.6-1.2,2.6-2.6C100.5,1.8,99.5,0.7,97.9,0.7z" class="st0"/><path d="M100.4,7.7h-5v15.4h5V7.7z" class="st0"/><path d="M88.9,13.5l-1.2-0.3c-1.3-0.3-1.8-0.9-1.8-1.4c0-0.8,0.7-1.4,1.9-1.4c1.5,0,2.2,0.5,2.2,1.9h4.3 c-0.1-3.2-2-5.1-6.8-5.1c-4.1,0-6.6,1.5-6.6,5c0,2.7,1.8,3.9,6,4.9l1.2,0.3c1.3,0.3,1.8,0.9,1.8,1.5c0,0.8-0.8,1.2-2.1,1.2 c-1.7,0-2.5-0.6-2.7-2h-4.9c0.3,3.7,2.9,5.6,7.4,5.6c4.5,0,7.2-1.7,7.2-5.1C94.9,15.7,93.1,14.4,88.9,13.5L88.9,13.5z" class="st0"/><path d="M119.9,7.7L119.9,7.7l-2.8,9.4l-2.7-9.4h-6.5V7.2c0-1.3,0.9-2.5,2.4-2.5h0.7V0.6h-1c-4.3,0.1-7.1,3.1-7.1,6.9 v0.2h-1.9v4.5h1.9v10.8h5V12.3h2.8l3.7,10.4l-0.6,1.6c-0.5,1.2-1,1.5-2,1.5c-0.5,0-1.1,0-1.8-0.2l-0.3,4.1 c0.7,0.2,1.7,0.3,2.9,0.3c3,0,4.5-1.3,6-5.2L125,7.7L119.9,7.7L119.9,7.7z" class="st0"/></g><g><path d="M144.5,23.1c2.7,0,4.3-0.3,4.3-1.1c0-0.7-0.7-0.9-2.1-0.9c-0.4-0.1-0.5-1.5-0.5-3.2V6.9 c0-1.7,0.1-3.1,0.5-3.2c1.5-0.1,2.1-0.3,2.1-0.9c0-0.9-1.6-1.2-4.3-1.2c-2.8,0-4.4,0.3-4.4,1.2c0,0.6,0.7,0.8,2.1,0.9 c0.4,0.1,0.5,1.6,0.5,3.2v3.9c-0.1,0.3-0.3,0.4-1.1,0.4h-8.5c-0.8,0-1-0.1-1.1-0.4V6.9c0-1.7,0.1-3.1,0.5-3.2 c1.5-0.1,2.1-0.3,2.1-0.9c0-0.9-1.6-1.2-4.4-1.2c-2.7,0-4.3,0.3-4.3,1.2c0,0.6,0.7,0.8,2.1,0.9c0.4,0.1,0.4,1.6,0.4,3.2v10.9 c0,1.7-0.1,3.1-0.4,3.2c-1.5,0.1-2.1,0.3-2.1,0.9c0,0.8,1.6,1.1,4.3,1.1c2.8,0,4.4-0.3,4.4-1.1c0-0.7-0.7-0.9-2.1-0.9 c-0.4-0.1-0.5-1.5-0.5-3.2v-4.3c0.1-0.3,0.3-0.4,1.1-0.4h8.5c0.8,0,0.9,0.1,1.1,0.4v4.2c0,1.7-0.1,3.1-0.5,3.2 c-1.5,0.1-2.1,0.3-2.1,0.9C140.1,22.8,141.7,23.1,144.5,23.1z" class="st1"/><path d="M156.3,23.4c2.7,0,4.6-1.2,5.7-2.5c0.7-0.7,1-1.5,1-2c0-0.5-0.2-0.8-0.6-0.8c-0.3,0-0.5,0.2-0.8,0.5 c-0.9,0.9-2.2,1.9-4.3,1.9c-3,0-4.8-2.1-5-5.3h8.8c1.2,0,1.8-0.9,1.8-2.2c0-2.6-2.3-5.2-6.1-5.2c-4.1,0-7.5,3.3-7.5,8.1 C149.3,20.3,152.1,23.4,156.3,23.4z M152.4,13.6c0.4-2.6,2-4.2,4.3-4.2c2.1,0,3.4,1.4,3.4,3c0,0.8-0.5,1.2-1.5,1.2L152.4,13.6z" class="st1"/><path d="M167.6,23.1c2.3,0,3.7-0.3,3.7-1.1c0-0.6-0.6-0.7-1.7-0.8c-0.3-0.1-0.4-1.2-0.4-3.1V7.5 c0-2.1,0.1-3.8,0.1-4.8c0-1.1-0.2-1.6-1-1.6c-0.8,0-3,0.5-4.1,1c-0.4,0.2-0.6,0.4-0.6,0.8c0,0.4,0.4,0.7,2,0.8 c0.4,0.2,0.4,1.9,0.4,3.3V18c0,2.1,0,3-0.4,3.1c-1.1,0.1-1.7,0.2-1.7,0.8C163.9,22.8,165.2,23.1,167.6,23.1z" class="st1"/><path d="M175.7,28.6c2.9,0,4.4-0.2,4.4-1.1c0-0.6-0.6-0.7-2.3-0.9c-0.4-0.2-0.5-1.2-0.5-3.1v-1.9c1,1,2.6,1.7,4.6,1.7 c4.2,0,7.1-3.4,7.1-8.1c0-4.6-2.6-7.5-6.1-7.5c-2.5,0-4.7,1.5-5.6,3.6c0-0.8,0-1.4,0-1.8c0-1.1-0.2-1.6-1-1.6c-0.8,0-3,0.5-4,1 c-0.4,0.2-0.6,0.5-0.6,0.8c0,0.4,0.4,0.7,1.9,0.8c0.4,0.2,0.4,2,0.4,3.2v9.7c0,2.1-0.1,3-0.4,3.1c-1.2,0.1-1.8,0.3-1.8,0.9 C171.9,28.3,173.3,28.6,175.7,28.6z M177.3,16.2c0-4.4,2.2-6.2,4.3-6.2c2.3,0,4,2.2,4,5.9c0,3.6-1.6,5.8-4.2,5.8 C179.1,21.7,177.3,20.2,177.3,16.2z" class="st1"/></g></g></svg>
\ No newline at end of file